mark {
  background-color: #fbebac;
  padding: 0;
  font-weight: 500;
}

.white-input {
  --input-background: white;
}

.btn--sidebar {
  --btn-background: transparent;
  --btn-border-color: transparent;
  --btn-color: var(--color-text);
  --btn-icon-color: var(--color-filter-text);
  --btn-hover-color: var(--color-hover-light);
  --btn-justify-content: flex-start;
  --btn-padding: 0.25rem 0.5rem;
  --btn-font-size: var(--text-sm);
  --btn-box-shadow: none;

  @media (prefers-color-scheme: dark) {
    --btn-hover-color: var(--color-secondary);
    --btn-icon-color: var(--color-filter-text);
  }
}

.btn--row {
  --btn-font-size: var(--text-xs);
  --btn-padding: 0.25rem 0.5rem;
}

.btn--row-search {
  --btn-font-size: var(--text-xs);
  --btn-padding: 0.25rem 0.5rem;
  height: 2.5rem;
}

.btn--sidebar-active {
  --btn-background: var(--color-hover-light);
  border-left: 3px solid var(--color-primary);
  --btn-color: var(--color-primary);

  @media (prefers-color-scheme: dark) {
    --btn-background: var(--color-secondary);
    --btn-color: var(--color-text);
    border-left-color: var(--color-text);
  }
}