.sidebar {
  --_op-sidebar-drawer-brand-width: calc(var(--op-size-unit) * 18);

  box-shadow: none;

  .sidebar__brand {
    color-scheme: dark;
    background-color: var(--_op-sidebar-background-color);
    color: var(--_op-sidebar-text-color);
    box-shadow: inset var(--op-border-top) var(--op-color-neutral-plus-four);
  }

  .sidebar__content {
    padding: var(--_op-sidebar-content-spacing);
    box-shadow: inset var(--op-border-left) var(--_op-sidebar-border-color);

    &:first-of-type {
      flex-grow: initial;
    }
  }

  .sidebar__content-label {
    font-size: var(--op-font-small);
    padding: var(--op-space-small);
    color: var(--op-color-on-background-alt);
    font-weight: var(--op-font-weight-semi-bold);
  }
}