custom-variant-selector{display:block}@media screen and (min-width: 750px){custom-variant-selector{display:inline-block;width:auto;max-width:60%}}.custom-variant-options{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.8rem;width:100%;max-width:200px;overflow:hidden}.custom-variant-options--button{gap:.5rem}.custom-variant-options--swatch{gap:1.2rem}@media screen and (min-width: 750px){.custom-variant-options--swatch{gap:1rem}}.custom-variant-option--button{position:relative}.custom-variant-option--button input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.custom-variant-button{border:1px solid rgba(var(--color-foreground),.2);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:.4rem;display:inline-block;margin:0;padding:.8rem 1.6rem;font-size:1.4rem;letter-spacing:.1rem;line-height:1;text-align:center;transition:all .2s ease;cursor:pointer;position:relative;min-width:4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-variant-button:hover{border-color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.05)}.custom-variant-option--button input[type=radio]:checked+.custom-variant-button{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.custom-variant-option--button input[type=radio]:focus-visible+.custom-variant-button{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55);outline:none}.custom-variant-option--button input[type=radio]:disabled+.custom-variant-button,.custom-variant-option--button input[type=radio].disabled+.custom-variant-button{border-color:rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.6);text-decoration:line-through;cursor:not-allowed}.custom-variant-option--button input[type=radio].disabled:checked+.custom-variant-button,.custom-variant-option--button input[type=radio]:disabled:checked+.custom-variant-button{color:rgba(var(--color-background),.6)}.custom-variant-options--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 3.6rem;margin:0}@media screen and (min-width: 750px){.custom-variant-options--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 2.8rem}}.custom-variant-selector .product-form__input--dropdown{--swatch-input--size: 2rem;margin-bottom:1.6rem}.custom-variant-selector .select{border-radius:var(--inputs-radius-outset);position:relative;margin-bottom:1.5rem;text-align:left;min-height:calc(4rem + var(--inputs-border-width) * 2);width:100%}.custom-variant-selector .select__select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:rgb(var(--color-background));border:var(--inputs-border-width) solid rgba(var(--color-foreground),var(--inputs-border-opacity));border-radius:var(--inputs-radius);box-shadow:var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-shadow),var(--inputs-shadow-opacity));color:rgb(var(--color-foreground));font-size:1.6rem;height:calc(4rem + var(--inputs-border-width) * 2);line-height:calc(1 + .6 / var(--font-body-scale));padding:calc(1.5rem + var(--inputs-border-width)) calc(4rem + var(--inputs-border-width)) calc(1.5rem + var(--inputs-border-width)) calc(1.5rem + var(--inputs-border-width));width:100%;transition:border-color var(--duration-short) ease}.custom-variant-selector .select__select:focus{border-color:rgb(var(--color-foreground));outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.1rem;box-shadow:0 0 0 .1rem rgb(var(--color-background)),0 0 0 .3rem rgba(var(--color-foreground),.3)}.custom-variant-selector .select .icon-caret{position:absolute;right:calc(var(--inputs-border-width) + 1.5rem);top:calc(50% - .2rem);height:.6rem;pointer-events:none}.custom-variant-selector .product-form__input--dropdown .dropdown-swatch+select{padding-left:calc(2.4rem + var(--swatch-input--size))}.custom-variant-selector .product-form__input--dropdown .dropdown-swatch{position:absolute;left:1.6rem;top:calc(50% - var(--swatch-input--size) / 2);width:var(--swatch-input--size);height:var(--swatch-input--size);z-index:1}.custom-variant-selector .form__label{color:rgba(var(--color-foreground),.75);font-size:1.4rem;font-weight:400;letter-spacing:.1rem;line-height:calc(1 + .8 / var(--font-body-scale));margin-bottom:.5rem;display:block}.custom-variant-selector .form__label.hidden{display:none!important}.custom-variant-selector .form__label span[data-selected-value]{font-weight:400;color:rgba(var(--color-foreground),.6)}@media screen and (min-width: 750px){.custom-variant-options{width:auto;max-width:50%;justify-content:flex-start;display:inline-flex;gap:.4rem}.custom-variant-button{flex-shrink:0;max-width:none;padding:.6rem 1.2rem;font-size:1.3rem;min-width:3.5rem}}@media screen and (max-width: 749px){.custom-variant-options{gap:.6rem;width:100%}.custom-variant-button{padding:.6rem 1.2rem;font-size:1.3rem;min-width:3.5rem;max-width:calc(50% - .3rem)}}@media screen and (max-width: 480px){.custom-variant-options{gap:.4rem}.custom-variant-button{padding:.5rem 1rem;font-size:1.2rem;min-width:3rem;max-width:calc(50% - .2rem)}}.custom-variant-option--button input[type=radio]:not(.disabled):not(.visually-disabled)+.custom-variant-button>.label-unavailable{display:none}@media screen and (forced-colors: active){.custom-variant-option--button input[type=radio]:checked+.custom-variant-button{text-decoration:underline}.custom-variant-option--button input[type=radio]:focus-visible+.custom-variant-button{outline:transparent solid 1px;outline-offset:2px}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/component-custom-variant-selector.css.map */