.kenra-color-circles{border:none;padding:0;margin:0}.kenra-color-circles__label{font-family:Roboto,sans-serif;font-size:14px;font-weight:700;line-height:1.4;color:var(--color-rich-black);margin:0 0 16px}.kenra-color-circles__selected{font-weight:400}.kenra-color-circles__grid{display:flex;flex-wrap:wrap;gap:12px}.kenra-color-circles__swatch{display:block;width:40px;height:40px;border-radius:50%;cursor:pointer;outline:2px solid transparent;outline-offset:3px;transition:outline-color .15s ease;-webkit-tap-highlight-color:transparent;background-color:var(--swatch-color, #ccc)}.kenra-color-circles__swatch:hover{outline-color:var(--color-cloudy)}input:checked+.kenra-color-circles__swatch{outline-color:var(--color-regal-blue)}.kenra-color-circles__swatch--unavailable{opacity:.35;cursor:default;position:relative}.kenra-color-circles__swatch--unavailable:hover{outline-color:transparent}.kenra-color-circles__swatch--unavailable:after{content:"";position:absolute;top:50%;left:-2px;right:-2px;height:1px;background-color:#0006;transform:rotate(-45deg);pointer-events:none}[data-color-slug=copper]{--swatch-color: #b87333}[data-color-slug=golden]{--swatch-color: #d4a437}[data-color-slug=golden-mahogany]{--swatch-color: #8b4a2b}[data-color-slug=mahogany-copper]{--swatch-color: #a0522d}[data-color-slug=purple]{--swatch-color: #6a0dad}[data-color-slug=red]{--swatch-color: #c0392b}[data-color-slug=warm-beige]{--swatch-color: #c8ad7f}[data-color-slug=blonde-neutralizer]{--swatch-color: #d4b896}[data-color-slug=red-neutralizer]{--swatch-color: #a34a4a}[data-color-slug=soft-red-neutralizer]{--swatch-color: #c47a7a}[data-color-slug=amethyst-purple]{--swatch-color: #7b3f9e}[data-color-slug=ruby-red]{--swatch-color: #9b111e}[data-color-slug=sapphire-blue]{--swatch-color: #0f52ba}[data-color-slug=black]{--swatch-color: #1a1a1a}[data-color-slug=light-copper-to-strawberry]{--swatch-color: #c77a4f}[data-color-slug=dark-auburn]{--swatch-color: #5c2a0e}[data-color-slug=light-auburn]{--swatch-color: #a0522d}[data-color-slug=light-blonde]{--swatch-color: #d4b77a}[data-color-slug=medium-brunette]{--swatch-color: #5a3825}[data-color-slug=medium-to-dark-blonde]{--swatch-color: #a67c52}[data-color-slug=light-brunette]{--swatch-color: #7a5230}[data-color-slug=dark-brunette]{--swatch-color: #3b2219}
/*# sourceMappingURL=/cdn/shop/t/17/assets/kenra-component-color-circles.css.map */