.design-section-colors[data-v-9b1a99dd]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.design-section-colors .item[data-v-9b1a99dd]{cursor:copy;border-radius:var(--design-border-radius);align-items:center;gap:12px;padding-right:10px;transition:background-color .1s,box-shadow .1s;display:flex}.design-section-colors .item:hover[data-v-9b1a99dd]{background-color:var(--design-secondary)}.design-section-colors .item:hover .preview[data-v-9b1a99dd]{scale:1.18}.design-section-colors .item .preview[data-v-9b1a99dd]{aspect-ratio:1;border:5px solid var(--design-surface);border-radius:50%;width:60px;height:60px;transition:scale .1s}.design-section-colors .item .value span[data-v-9b1a99dd]{text-align:left;display:flex}.design-section-colors .item .value span.name[data-v-9b1a99dd]{color:var(--design-text-secondary);padding-bottom:2px;font-size:12px;font-weight:400}.design-section-colors .item .value span.value[data-v-9b1a99dd]{color:var(--design-text-primary);font-size:13px;font-weight:600}