.swatch-input__input+.swatch-input__label{--swatch-selector-size: 30px;--swatch-selector-inner-size: 18px;--swatch-selector-radius: 50%;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--swatch-selector-size);height:var(--swatch-selector-size);max-width:var(--swatch-selector-size);padding:0;margin:0;border:0;border-radius:var(--swatch-selector-radius);background:transparent;cursor:pointer;vertical-align:middle;box-sizing:border-box;outline:none;forced-color-adjust:none}.swatch-input__input+.swatch-input__label--circle{--swatch-selector-radius: 50%}.swatch-input__input+.swatch-input__label--square{--swatch-selector-radius: 4px}.swatch-input__visual{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border:1px solid rgba(var(--color-foreground),.22);border-radius:inherit;background:rgb(var(--color-background));box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .2s ease}.swatch-input__visual>.swatch{display:block;flex:0 0 auto;width:var(--swatch-selector-inner-size);height:var(--swatch-selector-inner-size);min-width:var(--swatch-selector-inner-size);min-height:var(--swatch-selector-inner-size)}.swatch-input__label--circle .swatch-input__visual,.swatch-input__label--circle .swatch{border-radius:50%}.swatch-input__label--square .swatch-input__visual,.swatch-input__label--square .swatch{border-radius:3px}.swatch-input__input:not(:disabled)+.swatch-input__label:hover .swatch-input__visual{border-color:rgba(var(--color-foreground),.65);transform:scale(1.04)}.swatch-input__input:checked+.swatch-input__label .swatch-input__visual{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-background)),0 0 0 2px rgb(var(--color-foreground))}.swatch-input__input:active+.swatch-input__label .swatch-input__visual{transform:scale(.96)}.swatch-input__input:focus-visible+.swatch-input__label .swatch-input__visual{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 4px rgba(var(--color-foreground),.45)}.swatch-input__input:checked:focus-visible+.swatch-input__label .swatch-input__visual{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 4px rgb(var(--color-foreground))}.swatch-input__input.visually-disabled+.swatch-input__label .swatch-input__visual{opacity:.42}.swatch-input__input.visually-disabled+.swatch-input__label .swatch-input__visual:after,.swatch-input__input:disabled+.swatch-input__label .swatch-input__visual:after{content:"";position:absolute;top:50%;left:3px;width:calc(100% - 6px);height:1px;background:rgb(var(--color-foreground));transform:translateY(-50%) rotate(-45deg);transform-origin:center;pointer-events:none;z-index:2}.swatch-input__input.visually-disabled+.swatch-input__label{cursor:pointer}.swatch-input__input:disabled+.swatch-input__label{cursor:not-allowed;pointer-events:none}.swatch-input__input:disabled+.swatch-input__label .swatch-input__visual{opacity:.32}.swatch-input__input.visually-disabled+.swatch-input__label:hover .swatch-input__visual,.swatch-input__input:disabled+.swatch-input__label:hover .swatch-input__visual{transform:none}.swatch-input__input.visually-disabled:checked+.swatch-input__label .swatch-input__visual{opacity:.62;border-color:rgb(var(--color-foreground))}.swatch-input__label .visually-hidden{position:absolute!important}@media screen and (max-width:480px){.swatch-input__input+.swatch-input__label{--swatch-selector-size: 30px;--swatch-selector-inner-size: 18px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-swatch-input.css.map */