.icon-picker[data-v-3753f91f],.picker-shell[data-v-3753f91f]{width:100%}.picker-preview-placeholder[data-v-3753f91f]{width:20px;height:20px;border-radius:6px;background:var(--color-border);opacity:.5}.picker-control[data-v-3753f91f]{display:flex;width:100%}.picker-preview[data-v-3753f91f]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:36px;padding:0;border:1px solid var(--color-border);border-right:0;border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--color-surface-body);color:var(--color-text-body);display:flex;align-items:center;justify-content:center}.picker-input[data-v-3753f91f]{flex:1 1 auto;cursor:pointer;border-top-left-radius:0;border-bottom-left-radius:0}.picker-input[data-v-3753f91f]::-moz-placeholder{color:var(--color-text-muted)}.picker-input[data-v-3753f91f]::placeholder,.picker-search-icon[data-v-3753f91f]{color:var(--color-text-muted)}.picker-shell.disabled[data-v-3753f91f]{opacity:.65}.picker-shell:not(.disabled):hover .picker-input[data-v-3753f91f],.picker-shell:not(.disabled):hover .picker-preview[data-v-3753f91f]{border-color:var(--color-primary)}.icon-picker-modal-body[data-v-3753f91f]{padding:20px;height:100%;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}.icon-picker-toolbar[data-v-3753f91f]{margin-bottom:20px}.icon-picker-results[data-v-3753f91f]{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:40px 20px 10px 0}.icon-picker-grid[data-v-3753f91f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px}.icon-picker-tile{&[data-v-3753f91f]{width:100%;aspect-ratio:1;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-tertiary);color:var(--color-text-body);display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,translate .2s ease}&[data-v-3753f91f]:hover{background:var(--color-grey-200);box-shadow:0 4px 12px rgb(0 0 0/6%);translate:0 -1px}&.active[data-v-3753f91f],&[data-v-3753f91f]:hover{border-color:var(--color-primary)}&.active[data-v-3753f91f]{background:var(--color-primary-bg-subtle);box-shadow:0 0 0 1px rgb(var(--color-primary-rgb)/20%)}}.icon-picker-empty[data-v-3753f91f]{min-height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}[data-theme=dark]{.picker-preview[data-v-3753f91f]{background:var(--color-surface-tertiary);border-color:var(--color-border)}.picker-shell:not(.disabled):hover .picker-input[data-v-3753f91f],.picker-shell:not(.disabled):hover .picker-preview[data-v-3753f91f]{border-color:var(--color-primary)}.icon-picker-tile{&[data-v-3753f91f]{background:var(--color-surface-tertiary);border-color:var(--color-border)}&[data-v-3753f91f]:hover{background:var(--color-dark-surface-soft)}&.active[data-v-3753f91f]{background:rgb(var(--color-primary-rgb)/12%)}}}.icon-picker-modal .modal-dialog{width:calc(100% - var(--space-modal-margin)*2);height:calc(100dvh - var(--space-modal-margin)*2);min-height:calc(100dvh - var(--space-modal-margin)*2);max-height:calc(100dvh - var(--space-modal-margin)*2)}.modal-dialog-scrollable .icon-picker-modal-body-wrapper{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.icon-picker-modal-content{height:100%;min-height:100%;max-height:100%;display:flex;flex-direction:column}