.icon-picker{flex-direction:column;width:480px;max-width:calc(100vw - 48px);max-height:70vh;display:flex;overflow:hidden}.icon-picker-head{align-items:center;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-bottom:var(--stroke) solid var(--border);color:var(--text-muted);display:flex}.icon-picker-input{color:var(--text-strong);font-size:var(--text-md);background:0 0;border:none;outline:none;flex:1}.icon-picker-input::placeholder{color:var(--text-muted)}.icon-picker-grid{gap:var(--sp-2);padding:var(--sp-5) var(--sp-6);flex:1;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));display:grid;overflow-y:auto}.icon-picker-tile{border-radius:var(--r-sm);width:32px;height:32px;color:var(--text-mod);transition:background var(--dur-instant), color var(--dur-instant);background:0 0;justify-content:center;align-items:center;display:inline-flex}.icon-picker-tile:hover{background:var(--hover-strong);color:var(--text-strong)}.icon-picker-tile.active{background:var(--hover);color:var(--text-strong);box-shadow:inset 0 0 0 1px var(--border-strong)}.icon-picker-empty{padding:var(--sp-16) 0;text-align:center;color:var(--text-muted);font-size:var(--text-md);grid-column:1/-1}.icon-picker-hint{padding:var(--sp-4) var(--sp-6);font-size:var(--text-xs);color:var(--text-muted);border-top:var(--stroke) solid var(--border);text-align:center}