.gub-variant-preview{container-type:inline-size;min-width:0;width:100%;margin:0 0 .25rem;color:#334155;font-size:.8125rem;line-height:1.35}
.gub-variant-preview .gub-variant-row+.gub-variant-row{margin-top:.5rem}
.gub-variant-preview .gub-variant-label{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem}
.gub-variant-preview .gub-variant-label span{font-weight:400}
.gub-variant-preview .gub-variant-options{display:flex;align-items:center;gap:6px;min-height:32px}
.gub-variant-preview .gub-variant-swatch{display:block;position:relative;flex:0 0 28px;width:28px;height:28px;border:1px solid #64748b;border-radius:4px;background:#fff}
.gub-variant-preview .gub-variant-color,.gub-variant-preview .gub-variant-swatch img{display:block;width:100%;height:100%;object-fit:cover;border-radius:3px}
.gub-variant-preview .gub-variant-slot-3,.gub-variant-preview .gub-variant-slot-4,.gub-variant-preview .gub-variant-slot-5,.gub-variant-preview .gub-variant-limit-3,.gub-variant-preview .gub-variant-limit-5{display:none}
.gub-variant-preview .gub-variant-more,.gub-variant-preview .gub-variant-text-more{flex-shrink:0;white-space:nowrap}
.gub-variant-preview .gub-variant-more,.gub-variant-preview .gub-variant-text,.gub-variant-preview .gub-variant-additional{text-decoration:underline;text-underline-offset:3px}
.gub-variant-preview a:focus-visible{outline:2px solid #1e40af;outline-offset:3px}
.gub-variant-preview .gub-variant-text{display:flex;position:relative;gap:6px;align-items:baseline;min-width:0}
.gub-variant-preview .gub-variant-text-values{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.gub-variant-preview .gub-variant-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:0;z-index:30;width:max-content;max-width:160px;padding:5px 8px;background:#0f172a;color:#fff;border-radius:4px;font-size:12px;white-space:normal;pointer-events:none}
.gub-variant-preview .gub-variant-swatch:hover .gub-variant-tooltip,.gub-variant-preview .gub-variant-swatch:focus .gub-variant-tooltip,.gub-variant-preview .gub-variant-text:hover .gub-variant-tooltip,.gub-variant-preview .gub-variant-text:focus .gub-variant-tooltip{display:block}
.gub-variant-preview .gub-variant-additional{display:inline-block;margin-top:.35rem}
@container (min-width:220px){.gub-variant-preview .gub-variant-slot-3,.gub-variant-preview .gub-variant-limit-3{display:block}.gub-variant-preview .gub-variant-limit-2{display:none}}
@container (min-width:300px){.gub-variant-preview .gub-variant-slot-4,.gub-variant-preview .gub-variant-slot-5,.gub-variant-preview .gub-variant-limit-5{display:block}.gub-variant-preview .gub-variant-limit-3{display:none}}