.app-color{display:flex;align-items:center;gap:5px;cursor:pointer}.app-color.with-border .app-color__circle{border:1px solid #dcdcdc}.app-color__circle{width:20px;height:20px;background:var(--color);border-radius:100%;color:#fff;display:flex;align-items:center;justify-content:center}.app-color__circle svg{opacity:0;color:#fff}.app-color__circle.light svg{color:#000}.app-color--text{font-style:normal;font-weight:400;font-size:14px;line-height:100%;display:flex;align-items:center;color:#010101}.app-color:has(input:checked) .app-color__circle svg{opacity:1}