.design-section-icons[data-v-bac3990f]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.design-section-icons .item[data-v-bac3990f]{border-radius:var(--design-border-radius);cursor:copy;flex-direction:column;align-items:center;gap:10px;padding:10px 5px 5px;transition-property:background-color,box-shadow;transition-duration:.1s;transition-timing-function:ease-out;display:flex}.design-section-icons .item:hover[data-v-bac3990f]{background-color:var(--design-secondary)}.design-section-icons .item:hover .preview[data-v-bac3990f]{scale:1.15}.design-section-icons .item .preview[data-v-bac3990f]{aspect-ratio:1;height:40px;color:var(--design-text-primary);background-color:var(--design-surface);border-radius:var(--design-border-radius);justify-content:center;align-items:center;padding:6px;transition-property:scale;transition-duration:.1s;transition-timing-function:ease-out;display:flex}.design-section-icons .item .preview[data-v-bac3990f] svg{color:currentColor;width:100%;height:100%}.design-section-icons .item .preview[data-v-bac3990f] svg:not([fill=none]),.design-section-icons .item .preview[data-v-bac3990f] svg [fill]:not([fill=none]){fill:currentColor}.design-section-icons .item .preview[data-v-bac3990f] svg[stroke]:not([stroke=none]),.design-section-icons .item .preview[data-v-bac3990f] svg [stroke]:not([stroke=none]){stroke:currentColor}.design-section-icons .item .preview[data-v-bac3990f] svg[fill=none]:not([stroke]) :where(path,rect,circle,ellipse,polygon,polyline):not([fill]):not([stroke]){fill:currentColor}.design-section-icons .item .name[data-v-bac3990f]{color:var(--design-text-secondary);font-size:.6875rem;font-weight:400;line-height:1.35;font-family:var(--design-font-family)}