.variant-picker{width:100%}.variant-picker__form{--variant-picker-swatch-width: 24px;--variant-picker-swatch-height: 24px;display:flex;flex-wrap:wrap;gap:var(--padding-2xl) var(--padding-xl);width:100%}.variant-picker[data-shopify-visual-preview]{min-width:300px;padding-inline-start:max(4px,var(--padding-inline-start))}.variant-option{--options-border-radius: var(--variant-picker-button-radius);--options-border-width: var(--variant-picker-button-border-width);--variant-option-padding-inline: var(--padding-md)}.variant-option__label{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--gap-2xs);width:100%}buy-swatch-button{margin-inline-start:auto;white-space:nowrap;flex-shrink:0}.variant-option__swatch-value{display:none}.variant-option__swatch-value:before{content:"\2014";display:inline-block;transform:translateY(-1px)}.variant-option__button-label{--variant-picker-stroke-color: var(--color-variant-border);display:flex;flex:0 0 calc(3ch + 1.3em);align-items:center;position:relative;padding-block:var(--padding-sm);padding-inline:var(--padding-lg);border:var(--style-border-width) solid var(--color-variant-border);border-radius:var(--options-border-radius);border-width:var(--options-border-width);overflow:clip;justify-content:center;min-height:calc(3ch + 1.3em);min-width:fit-content;white-space:nowrap;background-color:var(--color-variant-background);color:var(--color-variant-text);transition:background-color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing)}.variant-option__button-label:hover{background-color:var(--color-variant-hover-background);border-color:var(--color-variant-hover-border);color:var(--color-variant-hover-text)}@media screen and (min-width:750px){.variant-option__button-label{padding:var(--padding-xs) var(--variant-option-padding-inline)}}.variant-option__button-label__text{color:var(--color-primary);text-align:left;text-wrap:auto}.variant-option--equal-width-buttons{--variant-min-width: clamp( 44px, calc(var(--variant-option-padding-inline) * 2 + var(--variant-ch)), 100% );display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--variant-min-width),1fr))}.variant-option--equal-width-buttons .variant-option__button-label{min-width:var(--variant-min-width)}.variant-option--equal-width-buttons .variant-option__button-label__text{text-align:center;text-wrap:balance}.variant-option__button-label:has(:focus-visible){--variant-picker-stroke-color: var(--color-foreground);border-color:var(--color-foreground);outline:var(--focus-outline-width) solid var(--color-foreground);outline-offset:var(--focus-outline-offset)}.variant-option__button-label--has-swatch{--focus-outline-radius: var(--variant-picker-swatch-radius);padding:0;border:none;display:block;flex-basis:auto;min-height:auto}.variant-option__button-label:has(:checked){color:var(--color-selected-variant-text);border-color:var(--color-selected-variant-border);transition:background-color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing)}.variant-option__button-label:has(:checked):hover{border-color:var(--color-selected-variant-hover-border);color:var(--color-selected-variant-hover-text)}.variant-option__button-label:has([data-option-available=false]){color:rgb(var(--color-variant-text-rgb) / var(--opacity-60))}.variant-picker__form .dropdown__option-text{justify-content:flex-start}.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover .swatch{--focus-outline: var(--focus-outline-width) solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.facets__inputs-list--swatches-grid .variant-option__button-label:has(:focus-visible) .swatch{--focus-outline: var(--focus-outline-width) solid currentcolor;outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.facets__inputs-list--swatches-grid .variant-option__button-label:has(:focus-visible){outline:none}.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover{outline:none}.variant-option__button-label--has-swatch{outline:1px solid transparent;outline-offset:0;overflow:visible;transition:outline var(--animation-speed-slow)}.variant-option__button-label--has-swatch:hover{outline-color:rgb(var(--color-foreground-rgb) / var(--opacity-30))}@media screen and (min-width:750px){.variant-option__button-label--has-swatch:hover .swatch__name{pointer-events:auto;opacity:1}}.variant-option__button-label--has-swatch:focus .swatch__name{pointer-events:auto;opacity:1}.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:has(:checked){--focus-outline: none}.facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:has(:checked) .swatch{outline:var(--focus-outline);outline-offset:var(--focus-outline-offset)}.variant-main-picker .variant-option__button-label--has-swatch:has(:checked){--focus-outline: 1px solid var(--color-foreground);border:2px solid var(--color-white);outline:var(--focus-outline);outline-offset:0}.variant-main-picker .variant-option__button-label--has-swatch:has(:checked):hover{border-color:var(--color-white)}.variant-main-picker .variant-option__button-label--has-swatch:has(:checked) .swatch{height:20px;width:20px}@supports not (background-color: rgb(from red 150 g b / alpha)){.variant-main-picker .variant-option__button-label--has-swatch:has(:checked),.variant-main-picker .variant-option__button-label:has(:focus-visible) .swatch,.variant-main-picker .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover .swatch{outline:none;position:relative;overflow:visible}.variant-main-picker .variant-option__button-label--has-swatch:has(:checked):after,.variant-main-picker .variant-option__button-label:has(:focus-visible) .swatch:after,.variant-main-picker .facets__inputs-list--swatches-grid .variant-option__button-label--has-swatch:hover .swatch:after{content:"";position:absolute;inset:calc(-1 * var(--focus-outline-offset));border:var(--focus-outline);border-radius:var(--focus-outline-radius, 50%);background-color:transparent;display:inherit}}.variant-option__button-label:has([data-option-available=false]):has(:checked){--variant-picker-stroke-color: rgb(var(--color-variant-text-rgb) / var(--opacity-60));background-color:inherit;color:rgb(var(--color-variant-text-rgb) / var(--opacity-60));border-color:var(--color-selected-variant-border)}.variant-option__button-label--has-swatch:has([data-option-available=false]):has(:checked){border-color:var(--color-white)}.variant-option__button-label input,.variant-option--images input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}:is(.variant-option__button-label input,.variant-option--images input):checked~.swatch__name{top:-42px}.variant-option__button-label svg{position:absolute;top:0;left:0;cursor:pointer;pointer-events:none;stroke-width:var(--style-border-width);stroke:var(--variant-picker-stroke-color)}.variant-option__select-wrapper{display:flex;position:relative;border:var(--style-border-width-inputs) solid var(--color-border);border-radius:var(--style-border-radius-inputs);align-items:center;margin-top:var(--margin-2xs);overflow:clip;transition:background-color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing)}.variant-option__select-wrapper:has(.swatch){--variant-picker-swatch-width: 20px;--variant-picker-swatch-height: 20px}.variant-option__select-wrapper:hover{border-color:var(--color-variant-hover-border)}.variant-option__select:focus-visible{outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}.variant-option__select{padding-block:var(--padding-md);padding-inline:var(--padding-lg) calc(var(--padding-lg) + var(--icon-size-2xs));-webkit-appearance:none;appearance:none;border:0;width:100%;margin:0;cursor:pointer}.variant-option__select-wrapper .icon{position:absolute;right:var(--padding-md);top:50%;transform:translateY(-50%);width:var(--icon-size-2xs);height:var(--icon-size-2xs);pointer-events:none}.variant-option__select--has-swatch{padding-inline-start:calc((2 * var(--padding-sm)) + var(--variant-picker-swatch-width))}.variant-option__select-wrapper .swatch{position:absolute;top:50%;left:var(--padding-md);transform:translateY(-50%)}.variant-picker--center,.variant-picker--center .variant-option{text-align:center;align-items:center;justify-content:center;width:100%}.variant-picker--right,.variant-picker--right .variant-option{text-align:right;justify-content:right}.product-information:has(.variant-option--colors) .variant-option--custom-dropdown:not(.size){flex-basis:calc(50% - .75rem)}.variant-option--custom-dropdown{display:flex;flex-basis:100%;flex-direction:column;gap:var(--gap-2xs);position:relative;overflow:visible}.variant-option--custom-dropdown.size{flex-basis:100%}.variant-option--custom-dropdown.hidden{display:none}.variant-option__header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm)}.variant-option__dropdown-label{font-weight:500;font-size:12px;line-height:1.4;letter-spacing:1.6px;text-transform:uppercase}.variant-option__action-link{font-size:12px;line-height:1.4;letter-spacing:1.6px;text-transform:uppercase;color:var(--color-foreground);text-decoration:underline;font-weight:500;background:none;border:none;cursor:pointer;padding:0;transition:color var(--animation-speed) var(--animation-easing);margin-inline-start:auto}.variant-option__action-link:hover{color:var(--color-foreground-muted)}.variant-option__swatch.size .variant-option__button-label:has(:checked){color:inherit;border-color:transparent;font-weight:600;outline-color:transparent;border:none}.variant-option__swatch.size .variant-option__button-label--has-swatch,.variant-option__swatch.size .variant-option__button-label--has-swatch:hover{outline:none}.mto-options{width:100%}.mto-options__row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-md, 1rem);width:100%}.mto-options__row>:last-child:nth-child(odd){grid-column:1 / -1}.mto-options__row .mto-option{min-width:0;width:100%}.mto-options__row .mto-option.variant-option--custom-dropdown{width:100%}.mto-options__row dropdown-element{display:block;width:100%}.mto-options__row .dropdown-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:0;box-sizing:border-box;overflow:hidden!important}.mto-options__row .dropdown__option-text{display:flex;align-items:center;white-space:nowrap;flex-wrap:nowrap}.mto-options__row .dropdown__option{white-space:nowrap}.mto-options__row dropdown-element .dropdown-trigger .dropdown-trigger__text{display:flex;align-items:center;justify-content:space-between;width:0;flex-grow:1;overflow:hidden!important;white-space:nowrap!important}.mto-options__row .dropdown-trigger__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mto-options__row .dropdown__option-price{color:var(--color-foreground-muted, #666);margin-inline-start:.5em;margin-inline-end:.5em}@media(max-width:749px){.mto-options__row{flex-direction:column}.mto-options__row .mto-option.variant-option--custom-dropdown{flex-basis:100%}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/variant-main-picker.css.map */