.color-swatch-picker{margin:1.6rem 0}.color-swatch-picker__label{margin-bottom:.9rem}.color-swatch-picker__selected{font-weight:600}.color-swatch-picker__list{display:flex;flex-wrap:wrap;gap:1.4rem;margin:0;padding:0;list-style:none}.color-swatch-picker__item{margin:0}.color-swatch{display:block;width:3.2rem;height:3.2rem;border-radius:50%;background:var(--swatch-color);box-shadow:inset 0 0 0 1px #00000024;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.color-swatch:hover{transform:scale(1.06)}.color-swatch--active{box-shadow:inset 0 0 0 1px #00000024,0 0 0 2px rgb(var(--color-background)),0 0 0 3.5px #c8612e}.color-swatch:focus-visible{outline:.2rem solid #c8612e;outline-offset:.3rem}.is-color-swapping{opacity:.5;transition:opacity .15s ease;pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-color-swatch-picker.css.map */