.su-icon-picker.is-disabled[data-v-44073475] {
  opacity: 0.6;
}
.su-icon-picker__trigger[data-v-44073475] {
  display: inline-flex;
  align-items: center;
  gap: var(--app-spacing-s);
}
.su-icon-picker__cur[data-v-44073475] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--app-border);
  border-radius: var(--app-radius);
  cursor: pointer;
  color: var(--app-text-body);
  font-size: 20px;
}
.su-icon-picker__cur[data-v-44073475]:hover {
  border-color: var(--app-color-primary);
}
.su-icon-picker__cur.is-empty[data-v-44073475] {
  width: auto;
  min-width: 88px;
  padding: 0 var(--app-spacing-s);
  white-space: nowrap;
}
.su-icon-picker__ph[data-v-44073475] {
  font-size: var(--app-font-size-xs);
  color: var(--app-text-placeholder);
  white-space: nowrap;
}
.su-icon-picker__ops[data-v-44073475] {
  display: inline-flex;
  gap: var(--app-spacing-xs);
}
.su-icon-picker__search[data-v-44073475] {
  margin-bottom: var(--app-spacing-m);
}
.su-icon-picker__body[data-v-44073475] {
  max-height: 52vh;
  overflow-y: auto;
}
.su-icon-picker__category-tabs[data-v-44073475] {
  display: flex;
  align-items: center;
  gap: var(--app-spacing-xs);
  margin-bottom: var(--app-spacing-m);
  padding-bottom: var(--app-spacing-xs);
  overflow-x: auto;
  border-bottom: 1px solid var(--app-border-lighter);
}
.su-icon-picker__category-tab[data-v-44073475] {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px var(--app-spacing-s);
  border: 0;
  border-radius: var(--app-radius);
  background: transparent;
  color: var(--app-text-secondary);
  font-size: var(--app-font-size-xs);
  cursor: pointer;
}
.su-icon-picker__category-tab[data-v-44073475]:hover {
  color: var(--app-color-primary);
  background: var(--app-color-primary-light-9);
}
.su-icon-picker__category-tab.is-active[data-v-44073475] {
  color: var(--app-color-primary);
  background: var(--app-color-primary-light-9);
  font-weight: var(--app-font-weight-medium);
}
.su-icon-picker__category-count[data-v-44073475] {
  color: var(--app-text-placeholder);
  font-size: var(--app-font-size-xs);
}
.su-icon-picker__group[data-v-44073475] {
  margin-bottom: var(--app-spacing-m);
}
.su-icon-picker__group-title[data-v-44073475] {
  display: flex;
  align-items: center;
  gap: var(--app-spacing-xs);
  margin-bottom: var(--app-spacing-xs);
  font-size: var(--app-font-size-xs);
  color: var(--app-text-secondary);
}
.su-icon-picker__group-count[data-v-44073475] {
  color: var(--app-text-placeholder);
  font-size: var(--app-font-size-xs);
}
.su-icon-picker__grid[data-v-44073475] {
  display: grid;
  grid-template-columns: repeat(auto-fill, 44px);
  gap: var(--app-spacing-xs);
}
.su-icon-picker__cell[data-v-44073475] {
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--app-border-lighter);
  border-radius: var(--app-radius);
  background: var(--app-bg-surface);
  color: var(--app-text-body);
  font-size: 20px;
  cursor: pointer;
  transition: border-color var(--app-transition-fast), background var(--app-transition-fast);
}
.su-icon-picker__cell[data-v-44073475]:hover {
  border-color: var(--app-color-primary);
  background: var(--app-color-primary-light-9);
}
.su-icon-picker__cell.is-sel[data-v-44073475] {
  border-color: var(--app-color-primary);
  background: var(--app-color-primary-light-9);
  color: var(--app-color-primary);
}