body {
  overflow-x: hidden;
  background-color: var(--bs-tertiary-bg);
}

.wrapper {
  min-height: 100vh;
}
.wrapper-navbar-used {
  min-height: calc(100vh - 3.5rem);
}
.wrapper-navbar-fixed {
  margin-top: 3.5rem;
}

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1045;
  margin-left: -14.375rem;
  transition: margin 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .sidebar {
    transition: none;
  }
}
.wrapper-navbar-fixed .sidebar {
  top: 3.5rem;
}
@media (min-width: 768px) {
  .sidebar {
    position: static;
    z-index: auto;
    margin-left: 0;
  }
}
.sidebar-toggle {
  margin-left: 0;
}
.sidebar-toggle-visible {
  margin-left: 0;
}
@media (min-width: 768px) {
  .sidebar-toggle-visible {
    margin-left: -14.375rem;
  }
}
.sidebar-rounded-top-right {
  border-top-right-radius: var(--bs-border-radius);
}
.sidebar-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1040;
  display: none;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(0.063rem);
}
.sidebar-backdrop.show {
  display: block;
}
@media (min-width: 768px) {
  .sidebar-backdrop {
    display: none !important;
  }
}

.sidebar-menu {
  width: 14.375rem;
}
.sidebar-menu-fixed {
  position: fixed;
}

.shadow-soft {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.12), 0 10px 30px rgba(0, 0, 0, 0.04), 0 1px 8px rgba(0, 0, 0, 0.02) !important;
}

.sidebar {
  background-color: var(--bs-body-bg);
}