.icon-picker[data-v-42c391a9]{align-items:center;gap:10px;padding:4px 0;display:flex;position:relative}.icon-picker.has-label .row-label[data-v-42c391a9]{flex-shrink:0;width:72px}.ip-list[data-v-42c391a9]{flex:1;gap:6px;min-width:0;display:flex}.ip-card[data-v-42c391a9]{border:1px solid var(--c-border);min-width:56px;max-width:96px;color:var(--c-text-2);background:#fff;border-radius:8px;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;padding:5px 2px 4px;font-size:12px;transition:border-color .15s,background .15s;display:flex}.ip-card[data-v-42c391a9]:hover{border-color:#c3ccd5}.ip-card.active[data-v-42c391a9]{background:var(--c-primary-50);box-shadow:inset 0 0 0 1px var(--c-primary);font-weight:600}.ip-card.active[data-v-42c391a9],.ip-more.open[data-v-42c391a9]{border-color:var(--c-primary);color:var(--c-primary)}.ip-icon[data-v-42c391a9]{place-items:center;width:40px;height:40px;display:grid}.ip-icon[data-v-42c391a9] svg{width:100%;height:100%}.ip-more-icon[data-v-42c391a9]{padding:10px}.ip-name[data-v-42c391a9]{white-space:nowrap;text-overflow:ellipsis;max-width:100%;line-height:1.2;overflow:hidden}.ip-pop[data-v-42c391a9]{z-index:30;border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 2px);left:0;right:0}.ip-pop .ip-card[data-v-42c391a9]{max-width:none}@media (width<=520px){.icon-picker.has-label[data-v-42c391a9]{flex-direction:column;align-items:stretch;gap:6px}.icon-picker.has-label .row-label[data-v-42c391a9]{width:auto}}