.color-select{display:flex;align-items:center;gap:var(--gap-s);flex-wrap:wrap}.color-select span{color:var(--smoke)}.color-select .color-select__colors{display:flex;align-items:center;gap:calc((var(--gap-s) + var(--gap-xs))/2);flex-wrap:wrap}.color-select .color-select__colors .color-select__item{position:relative}.color-select .color-select__colors .color-select__item div{width:1.75rem;height:1.75rem;border-radius:50%;border:var(--border--light);background-color:var(--color);box-shadow:0 0 .125rem 0 var(--smoke);-webkit-box-shadow:0 0 .125rem 0 var(--smoke);transition:var(--transition-transform)}.color-select .color-select__colors .color-select__item span{position:absolute;width:max-content;left:50%;top:calc(100% + var(--gap-xs));transform:translate(-50%);font-size:var(--font-11);text-align:center;letter-spacing:var(--letter-spacing--medium);color:var(--ink);opacity:0;transition:var(--transition-opacity)}.color-select .color-select__colors .color-select__item:hover:not(span) div{transform:scale(1.1)}.color-select .color-select__colors .color-select__item:hover span{opacity:1}.color-select .color-select__colors span.color-select__item div{border:solid .125rem var(--carbon)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-color-select.css.map */