.list { max-width:220px; font-size: 0.938rem; } 
.list .list-hidden { display: none; overflow: hidden; padding: 0.5rem 0 0.5rem 1.563rem; } 
.list .list-hidden .list-hidden { padding-left: 0.75rem; } 
.list-hidden .list-link { line-height: 1.75rem; } 
.list-item { padding: 0; margin-top: 0.563rem; line-height: 2.125rem; } 
.list-title { margin-bottom: 0; margin-left: 1.375rem; letter-spacing: 0.063rem; font-size: 0.75rem; } 
/*.list-link { display: block; padding: 0 0.625rem 0 1.188rem; margin: 0; text-decoration: none; } */
.list-other h4 {
    font-size: 0.938rem;
    margin: 0;
    line-height: 1.2;
}
.list-other p {
    font-size: 12px;
    line-height: 1.4;
    color: #8c92ac;
}
.list-link:hover .bell { animation: bell-shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; backface-visibility: hidden; transform-origin: top right; } 

@keyframes bell-shake { 
  0% { transform: rotate(0); } 
  15% { transform: rotate(5deg); } 
  30% { transform: rotate(-5deg); } 
  45% { transform: rotate(4deg); } 
  60% { transform: rotate(-4deg); } 
  75% { transform: rotate(2deg); } 
  85% { transform: rotate(-2deg); } 
  92% { transform: rotate(1deg); } 
  100% { transform: rotate(0); } 
} 

.list-icon { width: 1.75rem; display: inline-block; font-size:21px;} 
.list .link-current { font-weight: 600; } 

/* --- UPDATED FOR BOOTSTRAP ICONS --- */
.link-arrow:before { 
  font-family: "bootstrap-icons", sans-serif; 
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 0.75rem; 
  margin-right: 0.313rem; 
  float: right; 
} 
/* Using bi-chevron-right for the default closed state */
.link-arrow.up:before { content: "\f285"; } 
/* Using bi-chevron-down for the open/down state */
.link-arrow.down:before { content: "\f282"; } 
/* ----------------------------------- */

.pinned .link-arrow.up:before { content: unset; } 
.pinned .link-arrow.down:before { content: unset; }

.link-arrow.transition:before { transition: 0.2s all; } 
.link-arrow.rotate:before { transform: rotate(90deg); } 
.link-arrow.rotate-revert:before { transform: rotate(-90deg); } 
.scrollbar { width: 14.375rem; overflow: hidden; position: relative; } 
.scrollbar-not-navbar { height: 100vh; } 
.scrollbar-use-navbar { height: calc(100vh - 3.5rem); } 
.ps__rail-y { margin-top: 0.125rem; margin-bottom: 0.125rem; } 
.ps__rail-y.ps--clicking .ps__thumb-y, .ps__rail-y:focus .ps__thumb-y, .ps__rail-y:hover .ps__thumb-y, .ps__thumb-y { width: 0.313rem; } 
.nanobar { width: 100%; height: 0.125rem; z-index: 9999; top: 0; } 
.nanobar .bar { width: 0; height: 100%; transition: height 0.3s; background-color: var(--bs-dark); } 

[data-sidebar-theme=light] { 
  --sm-list-color: rgb(178.5, 178.5, 178.5); 
  --sm-link-color: rgba(0, 0, 0, 0.65); 
  --sm-link-hover: rgba(0, 0, 0, 0.8); 
  --sm-link-current: black; 
  --sm-hide-bg: rgb(245.025, 246.45, 247.875); 
  --sm-hide-color: rgba(0, 0, 0, 0.65); 
  --sm-hide-hover: rgba(0, 0, 0, 0.8); 
  --sm-hide-current: black; 
  --sm-icon-color: rgba(0, 0, 0, 0.65); 
  --sm-icon-hover: rgba(0, 0, 0, 0.8); 
  --sm-icon-current: black; 
  --sm-arrow-color: rgba(0, 0, 0, 0.65); 
  --sm-arrow-hover: rgba(0, 0, 0, 0.8); 
  --sm-arrow-current: black; 
  --sm-scrollbar-bg: rgb(214.2, 214.2, 214.2); 
} 

[data-sidebar-theme=dark] { 
  --sm-list-color: rgb(122.0344827586, 134.5, 146.9655172414); 
  --sm-link-color: rgba(255, 255, 255, 0.55); 
  --sm-link-hover: rgba(255, 255, 255, 0.75); 
  --sm-link-current: #fff; 
  --sm-hide-bg: rgb(58.8586206897, 65.65, 72.4413793103); 
  --sm-hide-color: rgba(255, 255, 255, 0.55); 
  --sm-hide-hover: rgba(255, 255, 255, 0.75); 
  --sm-hide-current: #fff; 
  --sm-icon-color: rgba(255, 255, 255, 0.55); 
  --sm-icon-hover: rgba(255, 255, 255, 0.75); 
  --sm-icon-current: #fff; 
  --sm-arrow-color: rgba(255, 255, 255, 0.55); 
  --sm-arrow-hover: rgba(255, 255, 255, 0.75); 
  --sm-arrow-current: #fff; 
  --sm-scrollbar-bg: rgb(111.4413793103, 124.3, 137.1586206897); 
} 

.list { color: var(--sm-list-color); } 
.list .list-link { color: var(--sm-link-color); } 
.list .list-link:hover { color: var(--sm-link-hover); } 
.list .link-current, .list .link-current:hover { color: var(--sm-link-current); } 
.list .list-hidden { background-color: var(--sm-hide-bg); } 
.list .list-hidden .list-link { color: var(--sm-hide-color); } 
.list .list-hidden .list-link:hover { color: var(--sm-hide-hover); } 
.list .list-hidden .link-current, .list .list-hidden .link-current:hover { color: var(--sm-hide-current); } 
.list .list-link .list-icon { color: var(--sm-icon-color); } 
.list .list-link:hover .list-icon { color: var(--sm-icon-hover); } 
.list .list-link.link-current .list-icon, .list .list-link.link-current:hover .list-icon { color: var(--sm-icon-current); } 
.list .link-arrow:before { color: var(--sm-arrow-color); } 
.list .link-arrow:hover:before { color: var(--sm-arrow-hover); } 
.list .link-arrow.link-current:before, .list .link-arrow.link-current:hover:before { color: var(--sm-arrow-current); } 
.sidebar-user { background-color: var(--sm-hide-bg); } 
.sidebar-user .sidebar-user-link { color: var(--sm-link-color); } 
.sidebar-user .sidebar-user-link:hover { color: var(--sm-link-hover); } 
.ps .ps__rail-y.ps--clicking .ps__thumb-y, .ps .ps__rail-y:focus .ps__thumb-y, .ps .ps__rail-y:hover .ps__thumb-y, .ps .ps__thumb-y { background-color: var(--sm-scrollbar-bg); } 
.ps .ps__rail-y.ps--clicking, .ps .ps__rail-y:focus, .ps .ps__rail-y:hover { background: none; }