.swatch-input__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.swatch-input__input+.swatch-input__label{--swatch-input--border-radius: var(--swatch-shape-border-radius, 50%);--swatch-input--size: 3.2rem;--swatch-input--gap: .3rem;--swatch-input--default-ring: rgba(var(--color-foreground), .18);--swatch-input--hover-ring: rgba(var(--color-foreground), .5);--swatch-input--selected-ring: rgb(var(--swatch-outline-selected-color));display:grid;width:var(--swatch-input--size);height:var(--swatch-input--size);margin:0;padding:var(--swatch-input--gap);box-sizing:border-box;place-items:center;border-radius:var(--swatch-input--border-radius);background:rgb(var(--color-background));box-shadow:0 0 0 1px var(--swatch-input--default-ring);cursor:pointer;overflow:visible;outline:none;transition:box-shadow var(--duration-short) ease,transform var(--duration-short) ease,opacity var(--duration-short) ease;forced-color-adjust:none}.swatch-input__input+.swatch-input__label>.swatch{width:100%;height:100%;border-radius:inherit;box-shadow:inset 0 0 0 1px #11111114}.swatch-input__input+.swatch-input__label--square{--swatch-input--border-radius: .2rem}.swatch-input__input+.swatch-input__label--rounded{--swatch-input--border-radius: .6rem}@media(hover:hover)and (pointer:fine){.swatch-input__input+.swatch-input__label:hover{box-shadow:0 0 0 var(--swatch-outline-hover-width, .15rem) var(--swatch-input--hover-ring)}}.swatch-input__input:checked+.swatch-input__label,.swatch-input__input:active+.swatch-input__label{box-shadow:0 0 0 var(--swatch-outline-selected-width, .2rem) var(--swatch-input--selected-ring)}.swatch-input__input:focus-visible+.swatch-input__label{box-shadow:0 0 0 var(--swatch-outline-selected-width, .2rem) var(--swatch-input--selected-ring),0 0 0 calc(var(--swatch-outline-selected-width, .2rem) + .25rem) rgb(var(--color-background))}.swatch-input__input.visually-disabled:not(:active):not(:checked)+.swatch-input__label{opacity:.55;transition:none}.swatch-input__input.visually-disabled:not(:active):not(:checked)+.swatch-input__label:hover{box-shadow:0 0 0 1px var(--swatch-input--default-ring)}.swatch-input__input:disabled+.swatch-input__label{pointer-events:none;opacity:.35}.swatch-input__input:disabled+.swatch-input__label>.swatch,.swatch-input__input.visually-disabled+.swatch-input__label>.swatch{position:relative}.swatch-input__input:disabled+.swatch-input__label>.swatch:after,.swatch-input__input.visually-disabled+.swatch-input__label>.swatch:after{content:"";position:absolute;inset:50% auto auto -10%;width:120%;height:1px;background:rgb(var(--color-foreground));opacity:.45;transform:rotate(-45deg) translateY(-50%);transform-origin:left center}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-swatch-input.css.map */