:root{--swatch-width: 4.8rem;--swatch-height: 4.8rem}variant-selects{display:block;margin-top:3.5rem}.product--no-media .product-form__input--pill,.product--no-media .product-form__input--swatch,.product--no-media .product-form__input--dropdown{display:flex;align-items:center;justify-content:center;text-align:center}.product--no-media .product-form__input.product-form__input--pill,.product--no-media .product-form__input.product-form__input--swatch{flex-wrap:wrap;margin:0 auto 1.2rem}.product--no-media .product-form__input--dropdown{flex-direction:column;max-width:100%}:is(.product-form__input--pill,.product-form__input--swatch) .form__label{margin-bottom:.2rem}.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--dropdown{--swatch-input--size: 2rem;margin-bottom:1.6rem}.product-form__input--dropdown .dropdown-swatch+select{padding-left:calc(2.4rem + var(--swatch-input--size))}.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}@media screen and (forced-colors: active){.product-form__input--pill input[type=radio]:focus-visible+label{outline:transparent solid 1px;outline-offset:2px}}.product-form__input--pill input[type=radio]:focus-visible+label{box-shadow:none}.product-form__input--pill input[type=radio].focused+label{box-shadow:none}.product-form__input--swatch{display:flex;flex-wrap:wrap}.product-form__input--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 3.6rem;margin:.7rem 1.2rem .2rem 0}.product-form__input.product-form__input--pill{display:flex;flex-wrap:wrap;gap:2rem}.product-form__input.product-form__input--pill label{width:100%;max-width:var(--swatch-width);flex:0 0 var(--swatch-width);text-align:center}.product-form__input.product-form__input--pill label:hover{cursor:pointer}.swatch--container{display:block;width:var(--swatch-width);height:var(--swatch-height)}.swatch--text-short,.swatch--color{display:block;width:100%;height:100%;object-fit:cover;border:var(--inputs-border-width) solid rgba(var(--color-foreground),0);border-radius:50%}.swatch--text-short,.swatch--description{font-size:2.4rem;line-height:1.1;letter-spacing:-.05em;font-weight:300;text-transform:uppercase}.swatch--description{display:block;font-size:1rem;letter-spacing:-.05em;font-weight:400;margin-top:1rem}.swatch--text-short{line-height:4.8rem;display:flex;align-items:center;justify-content:center;border:var(--inputs-border-width) solid rgba(var(--color-foreground),var(--inputs-border-opacity))}.product-form__input.product-form__input--pill .swatch--container .swatch--color,.product-form__input.product-form__input--pill label:hover .swatch--text-short,.product-form__input.product-form__input--pill label:hover .swatch--color,.product-form__input.product-form__input--pill input:checked+.swatch--colors .swatch--color,.product-form__input--pill input[type=radio]:disabled+label:hover .swatch--color,.product-form__input--pill input[type=radio].disabled+label:hover .swatch--color,.product-form__input--pill input[type=radio]:disabled:checked+label .swatch--color,.product-form__input--pill input[type=radio].disabled:checked+label .swatch--color{border:var(--inputs-border-width) solid rgba(var(--color-foreground),var(--inputs-border-opacity))}.product-form__input--pill input[type=radio]:disabled+label,.product-form__input--pill input[type=radio].disabled+label{position:relative}.product-form__input--pill input[type=radio]:disabled+label .swatch--container:before,.product-form__input--pill input[type=radio].disabled+label .swatch--container:before{content:"";position:absolute;width:calc(100% - 2 * var(--inputs-border-width));height:var(--inputs-border-width);background:rgba(var(--color-foreground),var(--inputs-border-opacity));top:calc(.5 * var(--swatch-height));left:var(--inputs-border-width);transform:rotate(-45deg)}.product-form__input--pill input[type=radio]:disabled+label.swatch--text:hover .swatch--container:before,.product-form__input--pill input[type=radio].disabled+label.swatch--text:hover .swatch--container:before,.product-form__input--pill input[type=radio].disabled:checked+label.swatch--text .swatch--container:before,.product-form__input--pill input[type=radio]:disabled:checked+label.swatch--text .swatch--container:before,.product-form__input--pill input[type=radio]:disabled+label.label--text:hover .swatch--container:before,.product-form__input--pill input[type=radio].disabled+label.label--text:hover .swatch--container:before,.product-form__input--pill input[type=radio].disabled:checked+label.label--text .swatch--container:before,.product-form__input--pill input[type=radio]:disabled:checked+label.label--text .swatch--container:before{background:rgba(var(--color-background),var(--inputs-border-opacity))}.product-form__input.product-form__input--pill label:hover .swatch--text-short,.product-form__input.product-form__input--pill input:checked+label .swatch--text-short{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}@media screen and (min-width: 750px){:root{--swatch-width: clamp(4.4rem, 4.4rem + .4 * ((100vw - 750px) / 24), 4.8rem);--swatch-height: clamp(4.4rem, 4.4rem + .4 * ((100vw - 750px) / 24), 4.8rem)}.product-form__input--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 2.8rem}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/component-product-variant-picker.css.map */
