.color-dots{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap;align-items:center}.color-dot{width:16px;height:16px;border-radius:50%;background-color:var(--dot-color, #cccccc);border:1px solid rgba(18,18,18,.15);padding:0;margin:0;cursor:pointer;box-shadow:0 0 0 1px transparent;transition:box-shadow .15s ease,transform .15s ease;appearance:none;-webkit-appearance:none}.color-dot:hover{transform:scale(1.15)}.color-dot--active{box-shadow:0 0 0 2px #121212bf}.color-dot:focus-visible{outline:2px solid rgba(18,18,18,.75);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/color-dots.css.map */