variant-selects{display:block}.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:.5rem;display:inline-block}.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}.product-form__input--pill input[type=radio]+label{border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));background-color:rgb(var(--color-background));color:rgba(var(--color-foreground),var(--variant-pills-border-opacity));border-radius:var(--variant-pills-radius);display:flex;justify-content:center;align-items:center;margin:0;padding:1rem 2rem;font-size:1.4rem;letter-spacing:.1rem;line-height:1;text-align:center;transition:all var(--duration-short) ease-in-out;cursor:pointer;position:relative;min-height:3.6rem;overflow:hidden}.product-form__input--pill input[type=radio]+label:hover,.product-form__input--pill input[type=radio]:checked+label{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}@media screen and (forced-colors:active){.product-form__input--pill input[type=radio]:checked+label{text-decoration:underline}.product-form__input--pill input[type=radio]:focus-visible+label{outline:transparent solid 1px;outline-offset:2px}}.product-form__input--pill input[type=radio]:checked+label::selection{background-color:rgba(var(--color-background),.3)}.product-form__input--pill input[type=radio]:disabled+label:before,.product-form__input--pill input[type=radio]:disabled+label:after,.product-form__input--pill input[type=radio].disabled+label:before,.product-form__input--pill input[type=radio].disabled+label:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:.1rem;height:1000%;background:rgb(var(--color-foreground));margin:auto;z-index:0;transform:rotate(-79deg);transition:all .4s ease-in-out}.product-form__input--pill input[type=radio]:disabled+label:after,.product-form__input--pill input[type=radio].disabled+label:after{transform:rotate(79deg)}.product-form__input--pill input[type=radio]:disabled+label:hover:before,.product-form__input--pill input[type=radio]:disabled+label:hover:after,.product-form__input--pill input[type=radio].disabled+label:hover:before,.product-form__input--pill input[type=radio].disabled+label:hover:after,.product-form__input--pill input[type=radio]:disabled:checked+label:before,.product-form__input--pill input[type=radio]:disabled:checked+label:after,.product-form__input--pill input[type=radio].disabled:checked+label:before,.product-form__input--pill input[type=radio].disabled:checked+label:after{background:rgb(var(--color-background))}.product-form__input--swatch{display:flex;flex-wrap:wrap;gap:.5rem}.product-form__input--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 2rem;margin:0;border:.1rem solid transparent;outline:.2rem solid transparent}@media screen and (min-width:750px){.product-form__input--swatch .swatch-input__input+.swatch-input__label{--swatch-input--size: 2.5rem}}.product-form__input.product-form__input--card{--variant-card-gap: 1.2rem;display:block;min-width:0;margin-bottom:3.3rem}.product-form__input--card .form__label{display:block;width:100%;margin-bottom:.2rem}.variant-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--variant-card-gap);align-items:stretch;padding-top:1.1rem}.product-form__input--card input[type=radio]+label.variant-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;height:100%;margin:0;padding:2.5rem 1.2rem 1.3rem;text-align:center;cursor:pointer;border:var(--variant-pills-border-width) solid rgba(var(--color-foreground),var(--variant-pills-border-opacity));border-radius:var(--variant-pills-radius);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:all var(--duration-short) ease-in-out}.product-form__input--card input[type=radio]:checked+label.variant-card{background-color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}@media screen and (min-width:750px){.product-form__input--card input[type=radio]:not(:disabled):not(.disabled)+label.variant-card:hover{border-color:rgb(var(--color-foreground))}}.product-form__input--card input[type=radio]:focus-visible+label.variant-card{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.variant-card__title{display:flex;align-items:center;gap:.2rem;font-size:1.8rem;font-family:var(--font-tertiary-family);font-style:var(--font-tertiary-style);font-weight:var(--font-tertiary-weight);line-height:var(--font-tertiary-line-height);letter-spacing:.9px;text-transform:uppercase}.variant-card__title:has(+.variant-card__meta){margin-bottom:.6rem}.variant-card__meta{font-size:1.3rem;opacity:.85}.variant-cards:has(input:checked) .variant-card__meta{opacity:1}.variant-card__meta:first-of-type{margin-top:.8rem}.variant-card__badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:1;max-width:calc(100% + var(--variant-card-gap));padding:.6rem;border-radius:var(--variant-pills-radius);background-color:var(--variant-card-badge-bg, rgb(var(--color-foreground)));color:var(--variant-card-badge-fg, rgb(var(--color-background)));font-size:1.2rem;font-weight:700;line-height:.88;letter-spacing:.239px;text-transform:uppercase;white-space:nowrap;min-width:11.8rem;min-height:2.5rem;text-wrap:auto}.product-form__input--card input[type=radio]:disabled+label.variant-card,.product-form__input--card input[type=radio].disabled+label.variant-card{opacity:.45;cursor:not-allowed}.product-form__input--card input[type=radio]:disabled+label.variant-card:after,.product-form__input--card input[type=radio].disabled+label.variant-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;border-radius:inherit;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0L100 100M100 0L0 100' fill='none' stroke='%23fff' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0L100 100M100 0L0 100' fill='none' stroke='%23fff' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media(max-width:989px){.variant-card__title{font-size:1.5rem}.product-form__input--card .form__label{margin-bottom:1.3rem}.product-form__input.product-form__input--card{margin-bottom:2rem}}@media(max-width:480px){.product-form__input--card input[type=radio]+label.variant-card{padding:1.7rem .8rem .8rem}.variant-card__title{flex-direction:column}.variant-card__meta{font-size:1.1rem}.variant-card__badge{padding:.4rem .7rem;min-width:7.2rem;min-height:3.1rem}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/component-product-variant-picker.css.map */