.color-swatches{display:block;margin:1.5rem 0}.color-swatches__header{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.8rem}.color-swatches__title{margin:0}.color-swatches__selected{font-size:1.4rem;color:rgba(var(--color-foreground),.75)}.color-swatches__list{display:flex;flex-wrap:wrap;gap:1rem}.color-swatch{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:.3rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.15);box-sizing:border-box;cursor:pointer;text-decoration:none;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.color-swatch:hover{border-color:rgba(var(--color-foreground),.5);transform:translateY(-.1rem)}.color-swatch__fill{display:block;width:100%;height:100%;border-radius:50%;background-color:rgba(var(--color-foreground),.08);background-size:cover;background-position:center;box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.12)}.color-swatch--current{cursor:default;border-color:rgb(var(--color-foreground));border-width:.2rem;padding:.25rem}.color-swatch--current:hover{transform:none}.color-swatch:focus{outline:none;border-color:rgb(var(--color-foreground))}.color-swatch:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem;border-color:rgb(var(--color-foreground))}.color-swatches[aria-busy=true]{pointer-events:none}.color-swatches[aria-busy=true] .color-swatches__list{opacity:.6;transition:opacity .1s ease}
/*# sourceMappingURL=/cdn/shop/t/28/assets/component-color-swatches.css.map */