.swatch-input__input+.swatch-input__label{--swatch-input--border-radius: 50%;display:inline-block;max-width:100%;border-radius:var(--swatch-input--border-radius);cursor:pointer;outline-offset:.125rem;outline-color:transparent;outline-style:solid;transition-property:outline-color,outline-width,box-shadow;transition-duration:var(--duration-short);transition-timing-function:ease;forced-color-adjust:none}.swatch-input__input+.swatch-input__label.swatch-input__label--square{--swatch-input--border-radius: .125rem}.swatch-input__input:active+.swatch-input__label,.swatch-input__input:checked+.swatch-input__label{outline:.0625rem solid rgb(var(--color-text))}.swatch-input__input+.swatch-input__label:hover,.swatch-input__input:hover+.swatch-input__label{outline:.125rem solid rgba(var(--color-text),.4)}.swatch-input__input:focus-visible+.swatch-input__label{outline:.125rem solid rgba(var(--color-text),.5);box-shadow:0 0 0 .125rem rgb(var(--background)),0 0 .0625rem .3125rem rgba(var(--color-text),.25)}.swatch-input__input:active:focus-visible+.swatch-input__label,.swatch-input__input:checked:focus-visible+.swatch-input__label{outline:.0625rem solid rgb(var(--color-text));box-shadow:0 0 0 .125rem rgb(var(--background)),0 0 .0625rem .25rem rgba(var(--color-text),.25)}.swatch-input__input.visually-disabled:not(:active):not(:checked)+.swatch-input__label{transition:none}.swatch-input__input.visually-disabled:not(:active):not(:checked)+.swatch-input__label:hover{outline:none}.swatch-input__input:disabled+.swatch-input__label{pointer-events:none}.swatch-input__input:disabled+.swatch-input__label>.swatch,.swatch-input__input.visually-disabled+.swatch-input__label>.swatch{position:relative;overflow:hidden}.swatch-input__input:disabled+.swatch-input__label>.swatch,.swatch-input__input.visually-disabled+.swatch-input__label>.swatch{cursor:not-allowed}.swatch-input__input:disabled+.swatch-input__label>.swatch:after,.swatch-input__input.visually-disabled+.swatch-input__label>.swatch:after{--diagonal--size: calc(var(--swatch-input--size) * 1.414);--crossed-line--size: .0625rem;content:"";position:absolute;top:0;bottom:calc(var(--crossed-line--size) * -.5);inset-inline-start:0;width:var(--diagonal--size);height:var(--crossed-line--size);background-color:var(--swatch--background);filter:invert();opacity:.5;-webkit-backdrop-filter:hue-rotate(240deg);backdrop-filter:hue-rotate(240deg);transform:rotate(-45deg);transform-origin:var(--direction-start)}.show-additional-options{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;border-radius:50%;cursor:pointer;border:none;padding:.1rem;overflow:hidden}.show-additional-options:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,red,orange,#ff0,green,#00f,indigo,red);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;transition:transform 2s ease}.show-additional-options:hover:before{animation:spin 2s linear infinite}.show-additional-options{font-size:12px;font-weight:600;line-height:1;z-index:1;transition:transform .3s ease}.show-additional-options:hover{transform:scale(1.1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.addtional-swatches{display:none}.card__color-swatches.open .addtional-swatches{display:flex;gap:.5rem}.card__color-swatches.open .show-additional-options{display:none}.card__color-swatches.open .addtional-swatches{flex-wrap:wrap}
/*# sourceMappingURL=/cdn/shop/t/44/assets/component-swatch-input.css.map */