variant-selects{display:block}.u-opt{position:relative;margin:0;padding:0;border:0}.u-opt+.u-opt{margin-block-start:2.4rem}.u-opt__legend{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .8rem;width:100%;margin:0 0 1.2rem;padding:0;font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.4}.u-opt:has(.u-opt__guide) .u-opt__legend{padding-inline-end:13rem}.u-opt__value{color:var(--u-muted);font-weight:500}.u-opt--color .u-opt__value{display:inline-block;text-transform:lowercase}.u-opt--color .u-opt__value:first-letter{text-transform:uppercase}.u-opt__value:empty{display:none}.u-opt__values{display:flex;flex-wrap:wrap;gap:.8rem}.product-form__input--pill .u-opt__values{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.6rem,1fr));gap:.8rem}.u-opt__guide{position:absolute;inset-block-start:-1.2rem;inset-inline-end:0;display:inline-flex;align-items:center;gap:.6rem;min-height:4.4rem;padding:0;border:0;background:none;color:rgb(var(--color-foreground));font:inherit;font-size:1.3rem;font-weight:500;text-decoration:underline;text-underline-offset:.3rem;cursor:pointer}.product-form__input input[type=radio]{clip:rect(0,0,0,0);overflow:hidden;position:absolute;height:1px;width:1px}.product-form__input input[type=radio]:not(.disabled):not(.visually-disabled)+label>.label-unavailable{display:none}.product-form__input--pill input[type=radio]+label{position:relative;display:grid;place-items:center;min-height:4.8rem;margin:0;padding:0 1rem;border:1px solid var(--u-stone);border-radius:var(--u-radius-btn);background:var(--u-white);color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:500;line-height:1.1;text-align:center;cursor:pointer;overflow:hidden;transition:border-color var(--u-dur-fast) ease,background-color var(--u-dur-fast) ease,color var(--u-dur-fast) ease}.product-form__input--pill input[type=radio]+label:before{content:none}@media(hover:hover){.product-form__input--pill input[type=radio]:not(:checked)+label:hover{border-color:rgb(var(--color-foreground))}}.product-form__input--pill input[type=radio]:checked+label{border-color:var(--u-black);background:var(--u-black);color:var(--u-white)}.product-form__input--pill input[type=radio]:disabled+label,.product-form__input--pill input[type=radio].disabled+label{color:var(--u-muted);background:transparent;border-color:var(--u-stone)}.product-form__input--pill input[type=radio]:disabled+label:after,.product-form__input--pill input[type=radio].disabled+label:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top right,transparent calc(50% - .5px),var(--u-stone) calc(50% - .5px),var(--u-stone) calc(50% + .5px),transparent calc(50% + .5px));pointer-events:none}.product-form__input--pill input[type=radio].disabled:checked+label,.product-form__input--pill input[type=radio]:disabled:checked+label{background:var(--u-bone);color:var(--u-muted);border-color:var(--u-black)}.product-form__input--pill input[type=radio]:focus-visible+label{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media screen and (forced-colors:active){.product-form__input--pill input[type=radio]:checked+label{text-decoration:underline}}.u-opt--color .u-opt__values{gap:.4rem}.swatch-input__input+.swatch-input__label.u-swatch{display:grid;place-items:center}.u-swatch{--swatch-input--size: 3.4rem;--swatch-input--border-radius: 50%;position:relative;display:grid;place-items:center;width:4.4rem;height:4.4rem;margin:0;border-radius:50%;outline:0!important;box-shadow:none!important;cursor:pointer}.u-swatch.u-swatch--square,.swatch-input__input+.u-swatch.u-swatch--square,.u-swatch.u-swatch--square .swatch{--swatch-input--border-radius: 0;border-radius:0}.u-swatch.u-swatch--square{width:3.6rem;height:3.6rem}.u-swatch.u-swatch--square .swatch{width:2.8rem;height:2.8rem;--swatch--size: 2.8rem}.u-opt--color:has(.u-swatch--square) .u-opt__values{gap:.2rem}.u-swatch.u-swatch--photo,.swatch-input__input+.u-swatch.u-swatch--photo,.u-swatch.u-swatch--photo .swatch{--swatch-input--border-radius: 0;border-radius:0}.u-swatch.u-swatch--photo{width:4.8rem;height:6rem}.u-swatch.u-swatch--photo .swatch{width:4.2rem;height:5.4rem}.u-swatch .swatch{--swatch--size: 3.4rem;width:3.4rem;height:3.4rem;aspect-ratio:auto;border-radius:50%;border:0;box-shadow:inset 0 0 0 1px #11111124;background:var(--swatch--background, var(--u-stone))}.u-swatch:after{content:"";position:absolute;top:.2rem;right:.2rem;bottom:.2rem;left:.2rem;border-radius:inherit;box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow var(--u-dur-fast) ease;pointer-events:none}.swatch-input__input:checked+.u-swatch:after{box-shadow:inset 0 0 0 1.5px var(--u-black)}@media(hover:hover){.swatch-input__input:not(:checked)+.u-swatch:hover:after{box-shadow:inset 0 0 0 1px var(--u-stone)}}.swatch-input__input:focus-visible+.u-swatch{outline:2px solid rgb(var(--color-foreground))!important;outline-offset:1px}.u-opt .swatch-input__input.visually-disabled+.u-swatch>.swatch{opacity:.45}.u-opt .swatch-input__input.visually-disabled+.u-swatch>.swatch:after{top:0;right:0;bottom:0;left:0;width:auto;height:auto;transform:none;background:linear-gradient(to top right,transparent calc(50% - .75px),var(--u-black) calc(50% - .75px),var(--u-black) calc(50% + .75px),transparent calc(50% + .75px))}.u-swatch__none{background:var(--u-stone)}.u-opt-flash .u-opt__legend{color:var(--u-accent)}.product-form__input--dropdown{--swatch-input--size: 2rem}.product-form__input--dropdown .select__select{min-height:4.8rem;border-radius:var(--u-radius);box-shadow:none;font-size:1.6rem}.product-form__input--dropdown .dropdown-swatch+select{padding-inline-start:calc(2.4rem + var(--swatch-input--size))}.product-form__input--dropdown .dropdown-swatch{position:absolute;inset-inline-start:1.6rem;top:calc(50% - var(--swatch-input--size) / 2);width:var(--swatch-input--size);height:var(--swatch-input--size);z-index:1}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-product-variant-picker.css.map */