:root{
  --sidebar-width: 16rem;
  --sidebar-background: #f8f8f9;
  --sidebar-border-width: 0;
  --sidebar-padding: 0 24px;
  /* Name */
  --sidebar-name-color: #333333;
  --sidebar-name-font-size: var(--font-size-l);
  /* Nav Links */
  --sidebar-nav-indent: 1rem;
  --sidebar-nav-link-text-decoration--hover: ;
  --sidebar-nav-link-transition: var(--duration-fast);
  --sidebar-nav-link-border-color--active: var(--sidebar-background);
  --sidebar-nav-link-color--hover: var(--theme-color);
}
.sidebar-toggle{
  opacity: 0;
  display: none;
}

@media (min-width: 48em){
body.sticky .sidebar, body.sticky .sidebar-toggle{
  left: auto;
  right: auto;
  transform: none;
}
}

@media (max-width: 48em){
  .sidebar-toggle{
    opacity: 1;
    display: block;
  }
}