.icon-picker{width:100%;display:inline-block;position:relative}.icon-picker__trigger{border:2px solid var(--color-gray-200);background:var(--color-white);width:100%;color:var(--color-gray-700);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .65rem;font-size:.88rem;transition:border-color .15s;display:flex}.icon-picker__trigger:hover:not(:disabled){border-color:var(--color-gray-300)}.icon-picker__trigger:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px;border-color:var(--brand-primary)}.icon-picker__trigger:disabled{opacity:.5;cursor:not-allowed}.icon-picker__trigger--has-value{font-weight:500}.icon-picker__trigger-placeholder{color:var(--color-gray-400)}.icon-picker__trigger-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.icon-picker__clear{background:var(--color-gray-100);width:20px;height:20px;color:var(--color-gray-500);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:1;transition:background .15s,color .15s;display:flex}.icon-picker__clear:hover{background:var(--color-gray-200);color:var(--color-gray-700)}.icon-picker__dropdown{background:var(--color-white);border:1px solid var(--color-gray-200);min-width:300px;max-height:360px;box-shadow:0 4px 20px rgba(var(--color-black-rgb), .1);z-index:100;border-radius:8px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.icon-picker__search-wrap{border-bottom:1px solid var(--color-gray-100);padding:.6rem}.icon-picker__search{border:2px solid var(--color-gray-200);border-radius:5px;width:100%;padding:.4rem .6rem;font-size:.85rem;transition:border-color .15s}.icon-picker__search:focus{border-color:var(--brand-primary);outline:none}.icon-picker__categories{border-bottom:1px solid var(--color-gray-100);-webkit-overflow-scrolling:touch;gap:.25rem;padding:.4rem .6rem;display:flex;overflow-x:auto}.icon-picker__cat-btn{color:var(--color-gray-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:.2rem .5rem;font-size:.72rem;font-weight:500;transition:color .15s,background .15s}.icon-picker__cat-btn:hover{background:var(--color-gray-50);color:var(--color-gray-700)}.icon-picker__cat-btn--active{background:rgba(var(--brand-primary-rgb), .1);color:var(--brand-primary);font-weight:600}.icon-picker__grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:2px;padding:.5rem;display:grid;overflow-y:auto}.icon-picker__icon-btn{width:38px;height:38px;color:var(--color-gray-600);cursor:pointer;background:0 0;border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:background .1s,border-color .1s,color .1s;display:flex}.icon-picker__icon-btn:hover{background:var(--color-gray-50);color:var(--color-gray-900)}.icon-picker__icon-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.icon-picker__icon-btn--selected{background:rgba(var(--brand-primary-rgb), .1);border-color:var(--brand-primary);color:var(--brand-primary)}.icon-picker__empty{text-align:center;color:var(--color-gray-400);padding:2rem 1rem;font-size:.85rem}