variant-selects{display:block}variant-selects input:is([type=checkbox],[type=radio]):is(:disabled,.disabled)+label{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--dropdown{--swatch-input--size: 2rem;margin-bottom:1.6rem}.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}.product-form__input--dropdown .dropdown-swatch+select{padding-inline-start:calc(2.4rem + var(--swatch-input--size))}.product-form__input--button{--variant-pills-border-width: 1px}.product-form__input--button input[type=radio]+label{display:flex;align-items:center;justify-content:center;text-align:center;position:relative;cursor:pointer;margin:0;padding:0 2.4rem;min-height:var(--buttons-height);min-width:var(--buttons-height);transition:all var(--duration-default) ease;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));border:var(--variant-pills-border-width) solid rgb(var(--color-foreground));border-radius:var(--variant-pills-radius, var(--buttons-radius))}.product-form__input--button input[type=radio]+label:hover{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.product-form__input--button input[type=radio]:checked+label{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.product-form__input--button input[type=radio]:checked+label::selection{background-color:rgba(var(--color-background),.3)}.product-form__input--button input[type=radio]:disabled+label,.product-form__input--button input[type=radio].disabled+label{border-color:var(--color-foreground-lighten-19);color:var(--color-foreground-lighten-19)}.product-form__input--button input[type=radio]:disabled+label:before,.product-form__input--button input[type=radio].disabled+label:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(to bottom left,transparent calc(50% - var(--variant-pills-border-width)),var(--color-foreground-lighten-19) 50%,transparent calc(50% + var(--variant-pills-border-width))) no-repeat;border-radius:inherit;z-index:1}.product-form__input--button input[type=radio]:disabled+label:hover,.product-form__input--button input[type=radio].disabled+label:hover{color:rgb(var(--color-background))}.product-form__input--button input[type=radio]:disabled:checked+label,.product-form__input--button input[type=radio].disabled:checked+label{color:rgba(var(--color-background),.5)}.product-form__input--button input[type=radio]:disabled:checked+label:before,.product-form__input--button input[type=radio].disabled:checked+label:before{background:linear-gradient(to bottom left,transparent calc(50% - var(--variant-pills-border-width)),rgba(var(--color-background),.5) 50%,transparent calc(50% + var(--variant-pills-border-width))) no-repeat}.product-form__input--button input[type=radio]:focus-visible+label,.product-form__input--button input[type=radio].focused+label{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.product-form__input--button-square{--swatch-radius: 0}.product-form__input--button-square input[type=radio]+label,.product-form__input--button-square input[type=radio]+label>.swatch-color{border-radius:0}.product-form__input--button-square input[type=radio]+label:not([data-swatch-type=variant_image],[data-swatch-type=color_swatch],[data-swatch-type=shopify_swatch],[data-swatch-type=text]){padding:0 .8rem}.product-form__input--button-circle{--swatch-radius: 9999px}.product-form__input--button-circle input[type=radio]+label:not([data-swatch-type=variant_image],[data-swatch-type=color_swatch],[data-swatch-type=shopify_swatch]){border-radius:calc(var(--buttons-height) / 2)}.product-form__input--button-circle input[type=radio]+label:not([data-swatch-type=variant_image],[data-swatch-type=color_swatch],[data-swatch-type=shopify_swatch],[data-swatch-type=text]){padding:0 .8rem}.product-form__input--button-standard{--swatch-radius: var(--small-blocks-radius);--variant-pills-radius: var(--small-blocks-radius)}.product-form__input--color .swatch-color,.product-form__input--swatch .swatch-color{background:var(--swatch-background);background-position:var(--swatch-focal-point, 50%);background-size:cover;min-width:calc(var(--swatch-size) - .2rem);min-height:calc(var(--swatch-size) - .2rem);margin:.1rem;border-radius:var(--swatch-radius);position:relative}.product-form__input--color .swatch-color:before,.product-form__input--color .swatch-color:after,.product-form__input--swatch .swatch-color:before,.product-form__input--swatch .swatch-color:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:all var(--duration-default)}.product-form__input--color .swatch-color:before,.product-form__input--swatch .swatch-color:before{opacity:0;box-shadow:0 0 0 .5rem rgb(var(--color-background)),0 0 0 .6rem var(--active-shadow-color)}.product-form__input--color .swatch-color:after,.product-form__input--swatch .swatch-color:after{box-shadow:0 0 0 .1rem rgb(var(--color-border))}.product-form__input--color input[type=radio]:checked+label .swatch-color,.product-form__input--swatch input[type=radio]:checked+label .swatch-color{--active-shadow-color: rgb(var(--color-foreground))}.product-form__input--color input[type=radio]:checked+label .swatch-color:before,.product-form__input--swatch input[type=radio]:checked+label .swatch-color:before{opacity:1}.product-form__input--color input[type=radio]:is(.disabled)+label,.product-form__input--swatch input[type=radio]:is(.disabled)+label{opacity:1}.product-form__input--color input[type=radio]:is(.disabled)+label .swatch-color,.product-form__input--swatch input[type=radio]:is(.disabled)+label .swatch-color{opacity:.5}.product-form__input--color input[type=radio]:is(.disabled)+label .swatch-color:before,.product-form__input--swatch input[type=radio]:is(.disabled)+label .swatch-color:before{background:linear-gradient(to bottom left,transparent calc(50% - .5px),var(--color-foreground-lighten-19) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));opacity:1;box-shadow:none}.product-form__input--color input[type=radio]:is(.disabled):checked+label .swatch-color:before,.product-form__input--swatch input[type=radio]:is(.disabled):checked+label .swatch-color:before{top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;box-shadow:0 0 0 .1rem var(--color-foreground-lighten-19)}.product-form__input--swatch{display:flex;flex-wrap:wrap}.product-form__input--list{gap:.8rem}.variant-list-row{position:relative}.variant-list-row input[type=radio]{position:absolute;opacity:0;pointer-events:none}.variant-list-label{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.2rem 1.6rem;border:1px solid rgb(var(--color-border));border-radius:var(--small-blocks-radius);transition:all var(--duration-default) ease;background-color:rgb(var(--color-background));cursor:pointer;min-height:var(--buttons-height)}.variant-list-row input[type=radio]:checked+.variant-list-label{background-color:rgba(var(--color-foreground),.05);border-color:rgb(var(--color-foreground));font-weight:600}.variant-list-row input[type=radio]:hover+.variant-list-label{border-color:rgb(var(--color-foreground))}.variant-list-row input[type=radio]:disabled+.variant-list-label,.variant-list-row input[type=radio].disabled+.variant-list-label{opacity:.5;cursor:not-allowed}.variant-list-content{display:flex;align-items:center;gap:1.6rem;flex:1;min-width:0}.variant-list-quantity{font-weight:500;flex-shrink:0;min-width:8rem}.variant-list-price{font-weight:500;flex-shrink:0;min-width:10rem}.variant-list-right-group{display:flex;align-items:center;gap:.8rem;flex-shrink:0}.variant-list-shipping{flex:0 0 auto;display:flex;align-self:stretch;flex-shrink:0;flex:1}.free-shipping-badge{display:inline-flex;align-items:center;padding:.4rem .8rem;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border-radius:4px;font-size:.875rem;font-weight:600;text-transform:uppercase;white-space:nowrap;line-height:1;vertical-align:middle}.variant-list-radio{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;flex:0 0 2rem}.radio-indicator{width:1.6rem;height:1.6rem;border:2px solid rgb(var(--color-foreground));border-radius:50%;position:relative;transition:all var(--duration-default) ease}.variant-list-row input[type=radio]:checked+.variant-list-label .radio-indicator{border-color:rgb(var(--color-foreground))}.variant-list-row input[type=radio]:checked+.variant-list-label .radio-indicator:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8rem;height:.8rem;background-color:rgb(var(--color-foreground));border-radius:50%}.variant-list-row input[type=radio]:focus-visible+.variant-list-label{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55);outline:none}@media screen and (max-width:749px){.variant-list-label{padding:1rem 1.2rem;gap:.5rem;flex-wrap:nowrap;align-items:center;justify-content:space-between}.variant-list-content{display:flex;align-items:center;gap:.5rem;flex:0 1 auto;min-width:0;flex-wrap:nowrap}.variant-list-quantity,.variant-list-price{min-width:0;flex-shrink:0;white-space:nowrap}.variant-list-right-group{gap:.4rem;flex-shrink:0;margin-left:auto}.variant-list-shipping{flex:0 0 auto;white-space:nowrap}.variant-list-radio{flex:0 0 2rem;width:2rem;height:2rem;min-width:2rem}.radio-indicator{width:1.6rem;height:1.6rem;flex-shrink:0}}@media screen and (forced-colors:active){.product-form__input--button input[type=radio]:checked+label{text-decoration:underline}.product-form__input--button input[type=radio]:focus-visible+label{outline:transparent solid 1px;outline-offset:2px}.variant-list-row input[type=radio]:checked+.variant-list-label{text-decoration:underline}.variant-list-row input[type=radio]:focus-visible+.variant-list-label{outline:transparent solid 1px;outline-offset:2px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-product-variant-picker.css.map */