.variant-picker{container:variant-picker / inline-size}.variant-picker__option-name{margin-bottom:var(--space-xsmall)}.variant-picker__swatches,.variant-picker__buttons{grid-column:1 / -1}.variant-picker__buttons{display:grid;gap:var(--space-small);grid-template-columns:repeat(2,minmax(0,1fr))}@container variant-picker (width > 400px){.variant-picker__buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}@container variant-picker (width > 480px){.variant-picker__buttons{grid-template-columns:repeat(4,minmax(0,1fr))}}.variant-picker__swatches{display:flex;gap:var(--space-small);flex-wrap:wrap}.variant-picker__buttons-label,.variant-picker__swatches-label{cursor:pointer;display:block;position:relative;margin:0}.variant-picker__swatches-label{height:var(--swatch-height);width:var(--swatch-width)}.variant-picker__buttons-label.unavailable{overflow:hidden}.variant-picker__buttons-label.unavailable .variant-picker__buttons-value{position:relative;z-index:var(--z-index-overlay)}.variant-picker__buttons-label.unavailable .button--radio:after,.variant-picker__swatches-label.unavailable:after{border-top:var(--border--light);content:"";display:block;position:absolute;top:50%;transform:rotate(-45deg);width:100%;z-index:var(--z-index-base)}.variant-picker__buttons-label.unavailable .button--radio:before,.variant-picker__swatches-label.unavailable:before{border-top:var(--border--light);content:"";display:block;position:absolute;top:50%;transform:rotate(45deg);width:100%;z-index:var(--z-index-base)}.variant-picker__swatches-label.unavailable:after{width:120%;top:50%;left:-10%}.variant-picker__swatches-label.unavailable:before{width:120%;top:50%;left:-10%}.variant-picker__buttons-label input[type=radio],.variant-picker__swatches-label input[type=radio]{background:transparent;border:0;clip:rect(0 0 0 0);color:inherit;margin:-1px;max-width:unset;min-height:unset;opacity:0;padding:0;position:absolute;height:1px;width:1px;z-index:var(--z-index-hidden)}.variant-picker__modal-opener,.variant-picker__modal-opener:hover{filter:none}.variant-picker__modal-opener .swatches__swatch-color{background-color:var(--color-background--highlight);color:var(--color-primary);display:flex;align-items:center;justify-content:center;transition-property:background}.variant-picker__modal-opener:hover .swatches__swatch-color{background-color:var(--color-background)}.variant-picker__static{display:flex;gap:var(--space-medium);margin-right:var(--space-medium)}.product-card .variant-picker__modal-opener-button{--button-background-color: transparent;--button-foreground-color: var(--color-foreground);border:0;height:var(--swatch-height);min-height:unset;padding:0;transform:unset;width:var(--swatch-width)}.product-card .swatches--circle{--swatch-height: 34px;--swatch-width: 34px;gap:.5rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/styles-component-variant-picker.css.map */