/* theme-builder layout mode: the few rules Bootstrap utilities cannot express.
   992px is Bootstrap 5's lg breakpoint (a sidebar sits beside its main column
   from lg up and collapses into a full-width bar with a toggler below it). */
.tb-content,
.tb-main {
  min-width: 0;
}
.tb-sidebar {
  width: 100%;
}
@media (min-width: 992px) {
  .tb-sidebar {
    width: var(--tb-sidebar-width, 240px);
    flex-shrink: 0;
  }
}
.tb-sidebar .nav-link {
  color: var(--bs-navbar-color);
}
.tb-sidebar .nav-link:hover,
.tb-sidebar .nav-link:focus {
  color: var(--bs-navbar-hover-color);
}
.tb-sidebar .nav-link.active {
  color: var(--bs-navbar-active-color);
}
.tb-sidebar-section {
  color: var(--bs-navbar-color);
}
.tb-sidebar-divider {
  border-color: var(--bs-navbar-color);
}
.tb-auth-container {
  max-width: 28rem;
}