.iconify-selector{margin-bottom:20px}.iconify-selector__field-container{flex-direction:column;gap:8px;display:flex}.iconify-selector__control-row{align-items:center;gap:12px;display:flex}.iconify-selector__preview-box{border-radius:var(--border-radius-m,6px);border:1px solid var(--theme-elevation-250,#cbd5e1);background-color:var(--theme-elevation-100,#f8fafc);width:48px;height:48px;color:var(--theme-text,#0f172a);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.iconify-selector__preview-box--empty{color:var(--theme-elevation-400,#94a3b8);font-style:italic}.iconify-selector__input-wrapper{flex-grow:1;gap:8px;display:flex}.iconify-selector__browse-btn{border-radius:var(--border-radius-m,4px);border:1px solid var(--theme-elevation-250,#cbd5e1);background:var(--theme-elevation-150,#f1f5f9);height:35px;color:var(--theme-text,#0f172a);cursor:pointer;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s}.iconify-selector__browse-btn:hover{background:var(--theme-elevation-200,#e2e8f0)}.iconify-selector__panel{border-radius:var(--border-radius-m,6px);border:1px solid var(--theme-elevation-200,#e2e8f0);background:var(--theme-elevation-50,#fff);flex-direction:column;gap:16px;margin-top:12px;padding:16px;display:flex;box-shadow:0 4px 12px #0000000d}.iconify-selector__search-input{border-radius:var(--border-radius-m,4px);border:1px solid var(--theme-elevation-250,#cbd5e1);background:var(--theme-elevation-0,#fff);width:100%;color:var(--theme-text,#0f172a);outline:none;padding:8px 12px;font-size:14px;transition:border-color .2s}.iconify-selector__search-input:focus{border-color:var(--theme-primary,#2a53cd)}.iconify-selector__section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--theme-elevation-500,#64748b);margin-bottom:8px;font-size:11px;font-weight:700}.iconify-selector__popular-grid{flex-wrap:wrap;gap:8px;display:flex}.iconify-selector__popular-chip{border:1px solid var(--theme-elevation-200,#cbd5e1);background:var(--theme-elevation-100,#f8fafc);color:var(--theme-text,#0f172a);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.iconify-selector__popular-chip:hover{background:var(--theme-elevation-200,#f1f5f9);border-color:var(--theme-elevation-300,#94a3b8);transform:translateY(-1px)}.iconify-selector__popular-chip--selected,.iconify-selector__popular-chip--selected:hover{background:var(--theme-primary,#2a53cd);color:#fff;border-color:var(--theme-primary,#2a53cd)}.iconify-selector__grid-container{border:1px solid var(--theme-elevation-150,#f1f5f9);border-radius:var(--border-radius-m,4px);background:var(--theme-elevation-0,#fff);max-height:250px;padding:8px;overflow-y:auto}.iconify-selector__grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;display:grid}.iconify-selector__grid-item{border-radius:var(--border-radius-m,4px);width:44px;height:44px;color:var(--theme-text,#0f172a);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:all .15s;display:flex}.iconify-selector__grid-item:hover{background:var(--theme-elevation-100,#f1f5f9);color:var(--theme-primary,#2a53cd);transform:scale(1.05)}.iconify-selector__grid-item--selected{background:var(--theme-elevation-150,#e2e8f0);border-color:var(--theme-primary,#2a53cd);color:var(--theme-primary,#2a53cd)}.iconify-selector__no-results{text-align:center;color:var(--theme-elevation-400,#94a3b8);padding:24px;font-size:13px}