html, body {
  height: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
}

/* Mobile sidebar drawer */
#sidebar {
  transition: transform 0.25s ease;
}
@media (max-width: 767px) {
  #sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 40;
    transform: translateX(-100%);
  }
  #sidebar.open {
    transform: translateX(0);
  }
}

/* Radio / checkbox driven card selectors */
input.card-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.hidden {
  display: none !important;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 9999px;
}
::-webkit-scrollbar-track {
  background: transparent;
}