.swatch{display:inline-block;width:2.4rem;height:2.4rem;border-radius:50%;border:2px solid rgba(var(--color-foreground),.1);background:var(--swatch--background, #f4f4f4);background-size:cover;background-position:center;cursor:pointer;transition:all .2s ease;position:relative}.swatch--square{border-radius:4px}.swatch--unavailable{background:repeating-linear-gradient(45deg,#f4f4f4,#f4f4f4 2px,#e0e0e0 2px 4px);opacity:.6;cursor:not-allowed}.swatch-input__input{position:absolute;opacity:0;pointer-events:none}.swatch-input__label{display:inline-flex;align-items:center;justify-content:center;margin:.5rem;cursor:pointer;transition:all .2s ease;border-radius:4px;padding:.2rem}.swatch-input__label:hover .swatch{border-color:rgba(var(--color-foreground),.3);transform:scale(1.05)}.swatch-input__input:checked+.swatch-input__label .swatch{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 2px rgba(var(--color-foreground),.1)}.swatch-input__input.visually-disabled+.swatch-input__label{opacity:.6;cursor:not-allowed}.swatch-input__input.visually-disabled+.swatch-input__label .swatch{cursor:not-allowed}.swatch-input__input.visually-disabled+.swatch-input__label:hover .swatch{transform:none}.dropdown-swatch{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);z-index:1}.dropdown-swatch .swatch{width:1.8rem;height:1.8rem}@media screen and (min-width: 750px){.swatch{width:2.8rem;height:2.8rem}.dropdown-swatch .swatch{width:2rem;height:2rem}}.swatch-input__input:focus-visible+.swatch-input__label .swatch{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}@media (prefers-color-scheme: dark){.swatch{border-color:#fff3}.swatch--unavailable{background:repeating-linear-gradient(45deg,#2a2a2a,#2a2a2a 2px,#404040 2px 4px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-swatch.css.map */