#navigation.cifra-navigation { background: #20252e; color: #dce3ee; }
#navigation.cifra-navigation .search { background: #20252e; padding-bottom: 8px; }
#navigation.cifra-navigation .js-menu { flex: 0 1 auto; min-height: 0; max-height: 68vh; overflow: auto; overscroll-behavior: contain; }
.cifra-sidebar-nav { padding: 4px 10px 8px; font-size: 13px; }
.cifra-sidebar-nav .cifra-nav-link,
.cifra-sidebar-nav .menu-item,
.cifra-nav-settings > summary { display: flex; align-items: center; gap: 10px; min-height: 37px; padding: 8px 10px; margin: 2px 0; border: 0; border-radius: 7px; color: #dce3ee; text-decoration: none; line-height: 1.4; cursor: pointer; }
.cifra-sidebar-nav .menu-item .menu-item-name { padding: 0; margin: 0; font-size: 13px; }
.cifra-sidebar-nav svg { width: 18px; height: 18px; flex: 0 0 18px; margin: 0; color: #a8b5c7; }
.cifra-sidebar-nav .menu-item-icon { position: static; width: 18px; height: 18px; flex: 0 0 18px; margin: 0; }
.cifra-sidebar-nav .cifra-nav-link:hover,
.cifra-sidebar-nav .menu-item:hover,
.cifra-nav-settings > summary:hover { background: #303946; color: #fff; }
.cifra-sidebar-nav a.is-active { background: #314b69; color: #fff; box-shadow: inset 3px 0 #78b9ff; }
.cifra-sidebar-nav a.is-active svg { color: #9bceff; }
.cifra-sidebar-nav a:focus-visible,
.cifra-nav-settings > summary:focus-visible { outline: 2px solid #8dc6ff; outline-offset: -2px; }
.cifra-sidebar-nav .cifra-nav-create { background: #386da2; color: #fff; margin-bottom: 12px; font-weight: 600; }
.cifra-sidebar-nav .cifra-nav-create svg { color: inherit; }
.cifra-nav-heading, .cifra-tabs-heading { padding: 9px 10px 5px; color: #a9b7c9; font-size: 11px; letter-spacing: .07em; text-transform: uppercase; }
.cifra-nav-settings { margin-top: 10px; border-top: 1px solid #3a424f; padding-top: 7px; }
.cifra-nav-quick-settings { margin-top: 8px; border-top: 1px solid #3a424f; padding-top: 7px; }
.cifra-nav-quick-settings .cifra-nav-link { color: #badbff; }
.cifra-nav-settings > summary { font-weight: 600; list-style: none; }
.cifra-nav-settings > summary::-webkit-details-marker { display: none; }
.cifra-nav-settings > summary::after { content: '›'; margin-left: auto; font-size: 18px; transform: rotate(0); }
.cifra-nav-settings[open] > summary::after { transform: rotate(90deg); }
.cifra-nav-settings > .cifra-nav-link { font-size: 12px; }
.cifra-tabs-heading { flex: 0 0 auto; padding: 10px 20px 7px; border-top: 1px solid #3a424f; }
#navigation.cifra-navigation .tasks-navigation { min-height: 55px; overflow-y: auto; flex: 1 1 120px; }
#navigation.cifra-navigation .tasks-navigation .nav-tab { font-size: 12px; min-height: 38px; }
#navigation.cifra-navigation .user-menu { background: #1b2028; border-top: 1px solid #3a424f; }
@container navigation (width <= 50px) {
  .cifra-nav-label, .cifra-nav-heading, .cifra-tabs-heading, .cifra-nav-settings > summary::after { display: none; }
  .cifra-sidebar-nav { padding: 4px; }
  .cifra-sidebar-nav .cifra-nav-link, .cifra-sidebar-nav .menu-item, .cifra-nav-settings > summary { padding: 10px 11px; gap: 0; }
}