.lio-organization-button {
  appearance: none;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs2);
  block-size: var(--control-h-sm);
  min-block-size: var(--control-h-sm);
  min-inline-size: var(--space-zero);
  padding: var(--space-xs2) var(--space-xs);
  overflow: hidden;
  border: 0;
  border-radius: var(--radius-md);
  background: var(--surface);
  color: var(--text);
  font: 500 14px/normal var(--font-geist);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 150ms ease, box-shadow 150ms ease;
}

.lio-organization-button:hover,
.lio-organization-button[data-state="hover"] {
  background: var(--surface-hover);
}

.lio-organization-button[data-state="selected"] {
  background: var(--surface-selected);
}

.lio-organization-button:focus-visible {
  outline: none;
  box-shadow: var(--ring-brand);
}

.lio-organization-button__label {
  min-inline-size: var(--space-zero);
  overflow: hidden;
  color: inherit;
  font: inherit;
  line-height: normal;
  text-overflow: ellipsis;
}

.lio-organization-button__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: var(--size-lg);
  block-size: var(--size-lg);
  min-inline-size: var(--size-lg);
  flex: none;
  overflow: hidden;
}

.lio-organization-button__icon img {
  display: block;
  inline-size: var(--size-lg);
  block-size: var(--size-lg);
  max-inline-size: var(--size-lg);
  max-block-size: var(--size-lg);
  object-fit: contain;
}