.variant-picker{--_pill-height: var(--vp-pill-height, var(--pill-height));--_pill-radius: var(--vp-pill-radius, var(--pill-radius));--_pill-min: var(--vp-pill-min, var(--pill-min-width));--_pill-padding: var(--vp-pill-padding, var(--pill-padding));--_pill-text: var(--vp-pill-text, var(--pill-text-size));--_swatch: var(--vp-swatch, var(--swatch-size));display:flex;flex-direction:column;gap:14px;text-align:var(--vp-align)}.variant-picker__group{min-width:0;margin:0;padding:0;border:0}.variant-picker__label{display:flex;margin-bottom:8px;align-items:baseline;justify-content:var(--vp-align);gap:8px;padding:0 2px;color:var(--vp-label-color, inherit);font-family:var(--vp-font);font-size:var(--vp-label-size);font-weight:600}.variant-picker__value{color:var(--vp-value-color, var(--color-muted));font-size:var(--vp-value-size);font-weight:400}.variant-picker__values{display:flex;flex-wrap:wrap;justify-content:var(--vp-align);gap:var(--pill-gap)}.variant-picker__item{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.variant-picker__item:has(:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.variant-picker__button{display:inline-flex;min-width:var(--_pill-min);min-height:var(--_pill-height);align-items:center;justify-content:center;padding:0 var(--_pill-padding);border:var(--pill-border-width) var(--pill-border-style) var(--pill-border);border-radius:var(--_pill-radius);background:var(--pill-background);color:var(--pill-text);font-size:var(--_pill-text);font-weight:var(--pill-font-weight);transition:background-color var(--hover-duration),color var(--hover-duration),border-color var(--hover-duration)}.variant-picker__item:hover .variant-picker__button{border-color:var(--pill-hover-border);background:var(--pill-hover-background);color:var(--pill-hover-text)}.variant-picker__item:has(:checked) .variant-picker__button{border-color:var(--pill-selected-border);background:var(--pill-selected-background);color:var(--pill-selected-text)}.variant-picker__item:not([data-state=available]) .variant-picker__button{opacity:var(--pill-unavailable-opacity);text-decoration:line-through}.variant-picker__item[data-option-item][data-state=missing] .variant-picker__button{opacity:var(--pill-disabled-opacity)}.variant-picker__item[data-option-item][data-state=missing] .variant-picker__swatch{opacity:var(--swatch-disabled-opacity)}.variant-picker__group[data-unavailable=hide] .variant-picker__item:not([data-state=available]):not(:has(:checked)){display:none}.variant-picker__select.field:focus-visible{outline-color:var(--variant-dropdown-focus)}.variant-picker__swatch{position:relative;display:block;width:var(--_swatch);height:var(--_swatch);overflow:hidden;border:var(--swatch-border-width) var(--swatch-border-style, solid) var(--swatch-border);border-radius:var(--swatch-radius);background:var(--swatch-background);box-shadow:0 0 0 var(--swatch-selected-gap) transparent,0 0 0 calc(var(--swatch-selected-gap) + var(--swatch-selected-width)) transparent;transition:box-shadow var(--hover-duration)}.variant-picker__values:has(.variant-picker__swatch){gap:calc(var(--swatch-gap) + var(--swatch-selected-gap) + var(--swatch-selected-width));padding:calc(var(--swatch-selected-gap) + var(--swatch-selected-width))}.variant-picker__swatch img{width:100%;height:100%;object-fit:var(--vp-swatch-fit)}.variant-picker__item:hover .variant-picker__swatch{box-shadow:0 0 0 var(--swatch-selected-gap) var(--color-background),0 0 0 calc(var(--swatch-selected-gap) + 1px) var(--swatch-hover)}.variant-picker__item:has(:checked) .variant-picker__swatch{box-shadow:0 0 0 var(--swatch-selected-gap) var(--color-background),0 0 0 calc(var(--swatch-selected-gap) + var(--swatch-selected-width)) var(--swatch-selected)}.variant-picker__item:not([data-state=available]) .variant-picker__swatch{opacity:var(--swatch-sold-out-opacity)}.variant-picker__item:not([data-state=available]) .variant-picker__swatch:after{position:absolute;top:50%;left:-10%;width:120%;height:1px;background:currentColor;content:"";transform:rotate(-45deg)}.variant-picker__swatch-text{color:var(--vp-label-color, inherit);font-size:var(--small-text-size)}.variant-picker__select.field{width:var(--vp-dropdown-width);min-height:var(--variant-dropdown-height);padding:0 calc(var(--variant-dropdown-padding) + 18px) 0 var(--variant-dropdown-padding);border:var(--variant-dropdown-border-width) var(--variant-dropdown-border-style) var(--variant-dropdown-border);border-radius:var(--variant-dropdown-radius);box-shadow:var(--vp-dropdown-shadow, none);background-color:var(--variant-dropdown-background);color:var(--variant-dropdown-text);font-size:var(--variant-dropdown-text-size);-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-repeat:no-repeat;background-size:6px 6px}@media(max-width:749px){.variant-picker{--_pill-height: var(--vp-pill-height-mobile, var(--pill-height));--_pill-radius: var(--vp-pill-radius-mobile, var(--pill-radius));--_pill-min: var(--vp-pill-min-mobile, var(--pill-min-width));--_pill-padding: var(--vp-pill-padding-mobile, var(--pill-padding));--_pill-text: var(--vp-pill-text-mobile, var(--pill-text-size));--_swatch: var(--vp-swatch-mobile, var(--swatch-size));text-align:var(--vp-align-mobile)}.variant-picker__label{justify-content:var(--vp-align-mobile);font-size:var(--vp-label-size-mobile)}.variant-picker__value{font-size:var(--vp-value-size-mobile)}.variant-picker__values{justify-content:var(--vp-align-mobile)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/block-product-variant-picker.css.map */