sky-variant-picker{display:block}sky-variant-picker[data-updating]{pointer-events:none}sky-variant-picker 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}.variant-form-label{display:inline-flex;width:100%;margin-block-end:.6rem}.product-variant-input-button input[type=radio]+label{--variantHeight: 42px;--variantWidth: 70px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;margin:0;padding:0 2.4rem;min-height:var(--variantHeight);min-width:var(--variantWidth);transition:var(--animation-default);border:1px solid transparent;border-radius:var(--otherOptionsRadius)}.product-variant-input-button.product-variant-input-button-outline input[type=radio]+label{border-color:rgba(var(--variantBorder));color:rgb(var(--variantColor))}.product-variant-input-button.product-variant-input-button-filled input[type=radio]+label{background:rgba(var(--variantBackground));color:rgb(var(--variantColor));border-color:rgba(var(--variantBorder))}.product-variant-input-button.product-variant-input-button-minimal input[type=radio]+label{background:rgba(var(--variantBackground));color:rgb(var(--variantColor));border-color:rgba(var(--variantBorder));transition:var(--animation-default)}.product-variant-input-button.product-variant-input-button-outline input[type=radio]+label:hover,.product-variant-input-button.product-variant-input-button-outline input[type=radio]:checked+label{border-color:rgb(var(--activeVariantBorder));color:rgb(var(--activeVariantColor))}.product-variant-input-button.product-variant-input-button-filled input[type=radio]+label:hover,.product-variant-input-button.product-variant-input-button-filled input[type=radio]:checked+label{background:rgb(var(--activeVariantBackground));color:rgb(var(--activeVariantColor));border-color:rgba(var(--activeVariantBackground))}.product-variant-input-button.product-variant-input-button-minimal input[type=radio]:checked+label{background:rgb(var(--activeVariantBackground));color:rgb(var(--activeVariantColor));border-left-width:4px;border-left-style:solid;border-left-color:rgb(var(--activeVariantBorder));border-start-start-radius:0;border-end-start-radius:0}.product-variant-input-button input[type=radio]:disabled+label:before,.product-variant-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% - 1px),var(--textColorXLight) 50%,transparent calc(50% + 1px)) no-repeat;border-radius:inherit;z-index:1}.product-variant-input-button input[type=radio]:disabled:checked+label:before,.product-variant-input-button input[type=radio].disabled:checked+label:before{background:linear-gradient(to bottom left,transparent calc(50% - 1px),rgba(var(--borderColor),.5) 50%,transparent calc(50% + 1px)) no-repeat}.product-variant-input-button input[type=radio]:focus-visible+label,.product-variant-input-button input[type=radio].focused+label{box-shadow:0 0 0 .3rem rgb(var(--background)),0 0 0 .5rem #2563eb}.product-variant-input-button-square{--swatchRadius: 0}.product-variant-input-button-square input[type=radio]+label,.product-variant-input-button-square input[type=radio]+label>.swatch-color{border-radius:0}.product-variant-input-button-circle{--swatchRadius: 9999px}.product-variant-input-color .swatch-color,.product-variant-input-swatch .swatch-color{background:var(--swatchBackground);background-position:var(--swatch-focal-point, 50%);background-size:cover;min-width:calc(var(--swatchSize) - .2rem);min-height:calc(var(--swatchHeight) - .2rem);margin:.1rem;border-radius:var(--swatchRadius);position:relative}.product-variant-input-swatch input[type=radio]:checked+label .swatch-color{border-color:#000}.product-variant-input-color .swatch-color:before,.product-variant-input-swatch .swatch-color:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:all var(--duration-default)}.product-variant-input-color .swatch-color:before,.product-variant-input-swatch .swatch-color:before{opacity:0;box-shadow:inset 0 0 0 3px rgb(var(--swatchShadow)),0 0 0 1px rgba(var(--activeVariantBorder))}.product-variant-input-color input[type=radio]:checked+label .swatch-color,.product-variant-input-swatch input[type=radio]:checked+label .swatch-color{--active-shadow-color: rgb(var(--color-foreground))}.product-variant-input-color input[type=radio]:checked+label .swatch-color:before,.product-variant-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}@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}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-variant-picker.css.map */