.sidebar-wrapper {
  position: fixed;
  top: 0px;
  z-index: 999;
  height: 100vh;
}[dir="ltr"] .sidebar-wrapper {
  left: 0px;
}[dir="rtl"] .sidebar-wrapper {
  right: 0px;
}.sidebar-wrapper {
  transition: width 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  will-change: width;
}
.nav-shadow {
  background: linear-gradient(rgb(255, 255, 255) 5%, rgba(255, 255, 255, 0.75) 45%, rgba(255, 255, 255, 0.2) 80%, transparent);
}
.dark .nav-shadow {
  background: linear-gradient(#1e293b 5%, rgba(30, 41, 59, 0.75) 45%, rgba(30, 41, 59, 0.2) 80%, transparent);
}
.sidebar-wrapper.sidebar-hovered {
  width: 248px !important;
}
.logo-segment.logo-hovered {
  width: 248px !important;
}