.variant-picker--vibi{gap:24px}.variant-picker--vibi .variant-picker__option{gap:16px;min-width:0;padding-top:16px;border-top:1px solid rgb(var(--border-color))}.variant-picker--vibi .variant-picker__option-info{font-size:var(--text-base);line-height:20px;font-weight:var(--ui-font-weight-strong)}.variant-picker--vibi .vibi-option-selected-value{color:rgb(var(--text-color) / .65);font-size:.875rem;font-weight:var(--text-font-weight)}.variant-picker--vibi .vibi-option-selected-value:before{content:"-";margin-inline:.5rem}.variant-picker--vibi .variant-picker__option-values{gap:8px}.variant-picker--vibi .block-swatch{min-height:44px;padding:8px 12px;border-radius:0;font-size:16px;line-height:24px;color:rgb(var(--text-color) / .8);border-color:rgb(var(--text-color) / .35);cursor:pointer;transition:color .18s ease-out,background-color .18s ease-out,border-color .18s ease-out}.variant-picker--vibi [data-option-position="1"] .variant-picker__option-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.variant-picker--vibi [data-option-position="1"] .block-swatch{justify-content:flex-start;gap:8px;min-height:88px;padding:8px 12px;border-color:rgb(var(--border-color));text-align:start}.variant-picker--vibi .vibi-option-thumbnail{order:-1;width:96px;height:40px;flex:0 0 96px;object-fit:cover}.variant-picker--vibi [data-option-position="1"] :checked+.block-swatch{color:rgb(var(--text-color));border-color:rgb(var(--text-color));box-shadow:inset 0 0 0 1px rgb(var(--text-color))}.variant-picker--vibi [data-option-position="2"] .block-swatch{min-width:44px;font-variant-numeric:tabular-nums}.variant-picker--vibi [data-option-position="2"] :checked+.block-swatch{color:rgb(var(--background));background:rgb(var(--text-color));border-color:rgb(var(--text-color))}.variant-picker--vibi :focus-visible+.block-swatch{outline:2px solid rgb(var(--text-color));outline-offset:3px}@media(hover:hover){.variant-picker--vibi .block-swatch:hover{border-color:rgb(var(--text-color))}}@media(max-width:699px){.variant-picker--vibi .vibi-option-thumbnail{width:80px;height:40px;flex-basis:80px}}@media(max-width:374px){.variant-picker--vibi [data-option-position="1"] .variant-picker__option-values{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.variant-picker--vibi .block-swatch{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/vibi-variant-picker.css.map */