.variant-option__item:not(.variant-option__item--is-swatch) .variant-option__button-label{padding:var(--padding-sm) 1.4rem;line-height:1}.swatch{--swatch--size: var(--swatch-input--size, 4.4rem);--swatch--border-radius: var(--swatch-input--border-radius, 50%);display:block;width:var(--swatch--size);max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box;border-radius:var(--swatch--border-radius)}.swatch--unavailable{border-style:dashed;border-color:rgb(var(--color-foreground-rgb) / var(--opacity-50))}.variant-option__button-label:not(:has(.swatch)),.swatch{border:var(--variant-pills-border-width) solid var(--color-variant-border);transition-property:border-color;transition-duration:var(--duration-default);transition-timing-function:ease}variant-selects{display:block}:is(.variant-option__buttons--swatch) .form__label{margin-bottom:.2rem}.variant-option__buttons input[type=radio]{clip-path:rect(0,0,0,0);overflow:hidden;position:absolute;height:.1rem;width:.1rem;outline:none}.variant-option__buttons input[type=radio]:not(.disabled):not(.visually-disabled)+label>.label-unavailable{display:none}.variant-option__buttons--dropdown{--swatch-input--size: var(--variant-pills-size);margin-bottom:1.6rem}.variant-option__buttons--dropdown .dropdown-swatch+select{padding-inline-start:calc(2.4rem + var(--swatch-input--size))}.variant-option__buttons--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}.variant-option__buttons--swatches{display:flex;flex-wrap:wrap}.variant-option__buttons--swatches.scroll-touch{--color-placeholder: 250 250 250;grid-auto-flow:column;display:grid;overflow-x:scroll;white-space:nowrap}.variant-option__buttons--swatches.scroll-touch .variant-option__swatch{padding:1rem .5rem}scroll-auto .variant-option__buttons--swatches:before,scroll-auto .variant-option__buttons--swatches:after{content:"";position:absolute;width:2rem;height:3rem;pointer-events:none;top:50%;transform:translateY(-50%);z-index:1}scroll-auto .variant-option__buttons--swatches:before{opacity:var(--l);inset-inline-start:0;background:linear-gradient(90deg,rgb(var(--color-background-rgb)) 0%,transparent 100%);border-top-left-radius:1rem;border-bottom-left-radius:1rem}scroll-auto .variant-option__buttons--swatches:after{opacity:var(--r);inset-inline-end:0;background:linear-gradient(280deg,rgb(var(--color-background-rgb)) 0%,transparent 100%);border-top-right-radius:1rem;border-bottom-right-radius:1rem}.variant-option__buttons--swatches .variant-option__button-label{--swatch-input--size: 2.4rem}@media screen and (min-width:750px){.variant-option__buttons--swatches .variant-option__button-label{--swatch-input--size: var(--variant-pills-size)}}.variant-option__button-label{--swatch-input--border-radius: var(--variant-pills-radius);display:block;max-width:100%;border-radius:var(--swatch-input--border-radius);cursor:pointer;transition-property:box-shadow,border-color;transition-duration:var(--duration-default);transition-timing-function:ease;forced-color-adjust:none;position:relative;isolation:isolate;color:var(--color-variant-text);background-color:var(--color-variant-background)}.variant-option__button-label:after{--swatch--border-radius: var(--swatch-input--border-radius, 50%);content:"";position:absolute;top:0;right:0;bottom:0;left:0;outline-offset:.4rem;outline:var(--variant-pills-border-width) solid var(--color-selected-variant-border);border-radius:var(--swatch--border-radius);background-color:var(--color-selected-variant-background);z-index:-1;will-change:transform,opacity;transform:scale(.85);opacity:var(--opacity-0);transform-origin:center;transition-property:outline-color,transform,opacity;transition-duration:var(--duration-default);transition-timing-function:ease}.variant-option__button-label.swatch-input__label--visualizations{display:flex;column-gap:.8rem;padding:.3rem}.variant-option__button-label.visually-disabled{opacity:.4}.no-js .variant-option__button-label.active,.variant-option__button-label:active,.variant-option__button-label:has(:checked){color:var(--color-selected-variant-text)}.no-js .variant-option__button-label.active:after,.variant-option__button-label:has(:checked):after{transform:scale(1);opacity:1}@media screen and (pointer:fine){.variant-option__button-label:not(.variant-option__button-label--has-swatch):hover,.variant-option__button-label--has-swatch:hover .swatch{border-color:var(--color-variant-hover-border);color:var(--color-variant-hover-text);background-color:var(--color-variant-hover-background)}.variant-option__button-label:has(:active):hover,.variant-option__button-label:has(:checked):hover{border-color:var(---color-selected-variant-hover-border);color:var(--color-selected-variant-hover-text)}.variant-option__button-label:has(:active):hover:after,.variant-option__button-label:has(:checked):hover:after{outline-color:var(--color-selected-variant-hover-border);background-color:var(--color-selected-variant-hover-background)}}.variant-option__button-label:has(.variant-option__button-input:focus-visible){outline:.2rem solid rgb(var(--color-foreground-rgb) / var(--opacity-50));box-shadow:0 0 0 .2rem var(--color-background),0 0 .1rem .5rem rgb(var(--color-foreground-rgb) / var(--opacity-25))}.variant-option__button-label:has(.variant-option__button-input:active:focus-visible),.variant-option__button-label:has(.variant-option__button-input:checked:focus-visible){outline:var(--focused-base-outline);box-shadow:0 0 0 .2rem var(--color-background),0 0 .1rem .4rem rgb(var(--color-foreground-rgb) / var(--opacity-25));outline-offset:var(--focused-base-outline-offset)}.variant-option__button-label:has(.variant-option__button-input.visually-disabled:not(:active):not(:checked)){transition:none}@media screen and (pointer:fine){.variant-option__button-label:has(.variant-option__button-input.visually-disabled:not(:active):not(:checked)):hover{outline:none}}.variant-option__button-label:has(.variant-option__button-input:disabled){pointer-events:none}.variant-option__button-label .variant-option__button-input:disabled>.swatch,.variant-option__button-label .variant-option__button-input.visually-disabled>.swatch{position:relative;overflow:hidden;opacity:.4}.variant-option__button-label .variant-option__button-input:disabled>.swatch:after,.variant-option__button-label .variant-option__button-input.visually-disabled>.swatch:after{--diagonal--size: calc(var(--swatch-input--size) * 1.414);--crossed-line--size: .1rem;content:"";position:absolute;bottom:calc(var(--crossed-line--size) * -.5);left:0;width:var(--diagonal--size);height:var(--crossed-line--size);background-color:var(--color-foreground);transform:rotate(-45deg);transform-origin:left}.variant-option__item label{cursor:pointer}.swatch__tooltip{font-size:var(--font-size--2xs);color:var(--color-white);background:var(--color-foreground);text-align:center;position:absolute;bottom:calc(100% + 10px);left:50%;padding:var(--padding-xs);z-index:2;min-width:4rem;transform:translate(-50%,.8rem);white-space:nowrap;text-transform:capitalize;opacity:var(--opacity-0);visibility:hidden;pointer-events:none;transition:opacity var(--duration-extra-long) var(--cubic-in-out-fast),transform var(--duration-extra-long) var(--cubic-in-out-fast),visibility var(--duration-extra-long) var(--cubic-in-out-fast);border-radius:9999px;border-radius:calc(infinity * 1px)}.swatch__tooltip:before{content:"";position:absolute;bottom:-.5rem;left:50%;width:0;height:0;border-top:.5rem solid var(--color-foreground);border-left:.5rem solid transparent;border-right:.5rem solid transparent;transform:translate(-50%)}@media(hover:hover){.variant-option__button-label:hover .swatch__tooltip{opacity:var(--opacity-100);visibility:visible;pointer-events:auto;transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/263/assets/component-swatch.css.map */