:root {
  /*color-scheme: light dark;*/
  --bs-offcanvas-width: 33vw !important;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body,
html {
  height: 100%;
  margin-block: 1hl;
  font-family: "Poppins", sans-serif;
  font-size: 11pt;
  /* color: light-dark(#333, #efefef); */
}

body {
  -ms-overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-y: auto;
}

.dropdown-menu li .dropdown-item {
  font-size: 9pt;
}

b {
  font-weight: bold;
}

.card-sm > div {
  padding: 8px;
}
.table {
  .dropdown-item {
    font-size: 9pt;
  }
}
.offcanvas .nav-link {
  color: light-dark(#333333, #efefef);
  font-weight: bold;
}
.offcanvas .nav-link.active {
  background: light-dark(#333333, #efefef);
  color: light-dark(#efefef, #333333);
}

.code,
code {
  font-family: "JetBrains Mono", monospace;
  font-size: 9pt;
  line-height: 1rem;
}
.navbar-nav {
  .nav-link.active {
    background: #f6bb42;
    color: light-dark(#333, #333);
    border-radius: 0.5rem;
    border: 1px solid light-dark(#333, #333);
    font-weight: bold;
  }
}
.input-group-text {
  font-weight: bold;
  font-size: 10pt;
}
.mono {
  font-family: "JetBrains Mono", monospace;
}
.breadcrumb {
  border-bottom: 1px solid #0002;
  a {
    color: light-dark(#333, #efefef);
    text-decoration: none;
    font-weight: bold;

    .active {
      font-weight: normal;
    }
  }
}
.table td,
.table th {
  font-size: 9pt;
}
.pagination {
  .page-item {
    .page-link {
      color: light-dark(#333, #efefef);
      min-width: 3rem;
    }
  }
  .page-item.active {
    .page-link {
      color: light-dark(#333, #efefef);
      background: light-dark(#efefef, #333);
      border-color: light-dark(#333, #efefef);
    }
  }
}

.offcanvas-header {
  background-color: #0001;
  border-bottom: 1px solid #0001;
}
.offcanvas {
  width: 33vw !important;
}