:root{--swatch-size: 24px;--swatch-size-card: 16px;--swatch-border-width: 0px;--swatch-border-color: rgba(var(--color-foreground), .2);--swatch-selected-border-color: rgb(var(--color-foreground));--swatch-hover-border-color: rgba(var(--color-foreground), .5);--swatch-gap: 1rem;--swatch-ring-offset: 4px;--swatch-ring-width: 1px;--swatch-soldout-line-width: 1px;--swatch-soldout-line-color: rgba(var(--color-foreground), .4)}.product-swatches{display:block;width:100%}.product-swatches__header{display:flex;align-items:baseline;gap:.8rem;margin-bottom:.8rem}.product-swatches__header .form__label{display:flex;align-items:baseline;gap:.8rem;margin-bottom:0;flex-wrap:wrap}.product-swatches__name{font-weight:500}.product-swatches__value{color:rgba(var(--color-foreground),.7);font-size:.9em}.product-swatches__fieldset{border:none;padding:0;margin:0;min-width:0}.product-swatches__list{display:flex;flex-wrap:wrap;gap:var(--swatch-gap);align-items:center}.product-swatch__item{position:relative;display:inline-block;flex-shrink:0}.product-swatch__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.product-swatch__label{position:relative;display:inline-block;width:var(--swatch-size);height:var(--swatch-size);border:none;background:var(--swatch-background, transparent) no-repeat center/cover;cursor:pointer;transition:border-color .2s ease}.product-swatch__label--circle{border-radius:50%}.product-swatch__label--square{border-radius:0!important}.product-swatch__label--rectangle{border-radius:0!important;width:calc(var(--swatch-size) * 1.6)}.product-swatch__label:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:var(--swatch-ring-width) solid transparent;opacity:0;transition:opacity .2s ease,border-color .2s ease;pointer-events:none}.product-swatch__label--circle:after{border-radius:50%}.product-swatch__label--square:after{border-radius:0!important}.product-swatch__label--rectangle:after{border-radius:0!important}.product-swatch__input:not([data-unavailable])+.product-swatch__label:hover:after{opacity:1;border-color:var(--swatch-hover-border-color)}.product-swatch__input:checked+.product-swatch__label:after{opacity:1;border-color:var(--swatch-selected-border-color)}.product-swatch__input:focus-visible+.product-swatch__label{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.product-swatch__input[data-unavailable]+.product-swatch__label{cursor:pointer;opacity:.6}.product-swatch__label[data-unavailable=true]{position:relative;opacity:.6}.product-swatch__soldout-slash{position:absolute;width:var(--swatch-soldout-line-width);background-color:var(--swatch-soldout-line-color);pointer-events:none}.product-swatch__label--circle .product-swatch__soldout-slash{height:calc(100% + 5.5px);top:-3px;left:50%;transform:translate(-50%) rotate(45deg)}.product-swatch__label--square .product-swatch__soldout-slash{height:calc(100% + 9px);top:-4px;left:50%;transform:translate(-50%) rotate(45deg)}.product-swatch__label--rectangle .product-swatch__soldout-slash{height:calc(100% + 9px);top:-4px;left:50%;transform:translate(-50%) rotate(58deg)}.product-swatches:not(.product__info-container .product-swatches){margin-top:1rem}.product-swatches:not(.product__info-container .product-swatches) .product-swatches__header{display:none}.product-swatches:not(.product__info-container .product-swatches) .product-swatches__list{gap:.8rem;justify-content:flex-start}.card-information .product-swatches__list{margin-left:0;margin-right:0}.card-information .product-swatches{text-align:inherit;width:100%}.card-information .product-swatches__list{display:inline-flex;text-align:left}@media screen and (max-width:749px){.product-swatches:not(.product__info-container .product-swatches){padding-left:8px;padding-right:8px;overflow:visible}.product-swatches:not(.product__info-container .product-swatches) .product-swatch__label:before{left:50%;transform:translate(-50%);min-width:max-content;white-space:nowrap}.product-swatch__item:first-child .product-swatch__label:before{left:0;transform:translate(0)}.product-swatch__item:last-child .product-swatch__label:before{left:auto;right:0;transform:translate(0)}}.product-swatches:not(.product__info-container .product-swatches){--swatch-size: 16px;--swatch-gap: .8rem}.product-swatches:not(.product__info-container .product-swatches) .product-swatch__label--rectangle{width:25.6px!important;height:16px!important;border-radius:0!important}.product-swatches:not(.product__info-container .product-swatches) .product-swatch__label{position:relative}.product-swatches:not(.product__info-container .product-swatches) .product-swatch__label:before{content:attr(title);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background-color:rgba(var(--color-foreground),.9);color:rgb(var(--color-background));padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.product-swatches:not(.product__info-container .product-swatches) .product-swatch__label:hover:before{opacity:1}.product-swatches:not(.product__info-container .product-swatches) .product-swatch__label:hover:after{content:"";position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(var(--color-foreground),.9);opacity:1;z-index:10}.product-swatch__input:checked+.product-swatch__label:hover:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:var(--swatch-ring-width) solid var(--swatch-selected-border-color);opacity:1;transition:opacity .2s ease,border-color .2s ease;pointer-events:none;width:auto;height:auto;transform:none;z-index:auto}.product-swatch__input:checked+.product-swatch__label--circle:hover:after{border-radius:50%}.product-swatch__input:checked+.product-swatch__label--square:hover:after,.product-swatch__input:checked+.product-swatch__label--rectangle:hover:after{border-radius:0!important}.product-swatches:not(.product__info-container .product-swatches) .product-swatch__item--hidden{display:none}.product__info-container .product-swatches{margin-bottom:2rem}.product__info-container .product-swatches{--swatch-size: 24px}.product__info-container .product-swatches__header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem}.product__info-container .product-swatches__name{font-weight:500;color:rgb(var(--color-foreground))}.product__info-container .product-swatches__value{color:rgba(var(--color-foreground),.75);font-size:1em}.product-form .product-swatches{margin-top:0}.product-swatches[aria-busy=true] .product-swatches__list{opacity:.5;pointer-events:none}@media screen and (max-width:749px){.product-swatches__list{gap:1.2rem}.product__info-container .product-swatches{margin-bottom:1.5rem}}@media(prefers-contrast:high){.product-swatch__label{--swatch-border-color: currentColor}.product-swatch__input:checked+.product-swatch__label:after{border-width:3px}}@media(prefers-reduced-motion:reduce){.product-swatch__label,.product-swatch__label:after{transition:none}}@media print{.product-swatches__list{display:inline-flex}.product-swatch__label:after{display:none}}.product__info-container .product-form__input--swatch,.product__info-container product-swatches{--swatch-size: 30px}.product-swatches:not(.product__info-container .product-swatches){--swatch-size: 16px !important}.product-swatches:not(.product__info-container .product-swatches) .product-swatch__label:not(.product-swatch__label--rectangle){width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important}.product__info-container product-swatches[style*=--swatch-size] .product-swatch__label:not(.product-swatch__label--rectangle),.product__info-container .product-form__input--swatch .product-swatch__label:not(.product-swatch__label--rectangle){width:var(--swatch-size)!important;height:var(--swatch-size)!important;min-width:var(--swatch-size)!important;min-height:var(--swatch-size)!important}.product__info-container product-swatches[style*=--swatch-size] .product-swatch__label--rectangle,.product__info-container .product-form__input--swatch .product-swatch__label--rectangle{width:calc(var(--swatch-size) * 1.6)!important;height:var(--swatch-size)!important;border-radius:0!important}.product__info-container .product-swatch__label--rectangle{width:calc(var(--swatch-size) * 1.6)!important;height:var(--swatch-size)!important;border-radius:0!important}.product__info-container product-swatches[style*=--swatch-size] .swatch-label,.product__info-container .product-form__input--swatch .swatch-label{font-size:calc(var(--swatch-size) * .4);line-height:1.2}.product__info-container product-swatches[style*=--swatch-size] .swatch input[type=radio]:checked+label:after,.product__info-container product-swatches[style*=--swatch-size] .swatch input[type=radio]:checked+label .swatch__checkmark,.product__info-container .product-form__input--swatch .swatch input[type=radio]:checked+label:after,.product__info-container .product-form__input--swatch .swatch input[type=radio]:checked+label .swatch__checkmark{font-size:calc(var(--swatch-size) * .5);width:calc(var(--swatch-size) * .5);height:calc(var(--swatch-size) * .5)}.product__info-container product-swatches[style*=--swatch-size] .swatch,.product__info-container .product-form__input--swatch .swatch{border-width:max(1px,calc(var(--swatch-size) * .03))}.product__info-container product-swatches[style*=--swatch-size] .swatch-group,.product__info-container .product-form__input--swatch .swatch-group{gap:max(8px,calc(var(--swatch-size) * .3))}.product__info-container product-swatches[style*=--swatch-size] .swatch:focus-visible,.product__info-container .product-form__input--swatch .swatch:focus-visible{outline-width:max(2px,calc(var(--swatch-size) * .05));outline-offset:max(2px,calc(var(--swatch-size) * .1))}@media screen and (max-width:749px){.product__info-container product-swatches[style*=--swatch-size] .swatch-group,.product__info-container .product-form__input--swatch .swatch-group{gap:max(6px,calc(var(--swatch-size) * .25))}}@media screen and (max-width:479px){.product__info-container product-swatches[style*=--swatch-size],.product__info-container .product-form__input--swatch{--swatch-size: min(var(--swatch-size), 50px)}}@media(forced-colors:active){.product__info-container product-swatches[style*=--swatch-size] .swatch,.product__info-container .product-form__input--swatch .swatch{border-width:2px}}variant-radios product-swatches{display:inline-flex;flex-direction:column}product-swatches .product-form__input{margin-bottom:0}product-swatches[style*=--swatch-size] .form__label,.product-form__input--swatch .form__label{margin-bottom:calc(var(--swatch-size) * .3)}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-swatches.css.map */