html {
  font-size: 120% !important;
}

.text-\[10px\] {
  font-size: 12px !important;
}
.text-\[11px\] {
  font-size: 13.2px !important;
}

* {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

/* Make bg-slate-100 background slightly lighter */
.bg-slate-100 {
  background-color: #f8fafc !important;
}

svg, i, .bi {
  display: inline-block !important;
  vertical-align: middle;
}

label.flex, label.inline-flex,
h1.flex, h1.inline-flex,
h2.flex, h2.inline-flex,
h3.flex, h3.inline-flex {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
}

/* Hide mobile nav toggle button on screens wider than 1200px */
@media (min-width: 1201px) {
  .mobile-nav-toggle,
  .mobile-nav-toggle.d-xl-none {
    display: none !important;
  }
}

/* Custom scrollbar and subtle transitions */
input[type=range]::-webkit-slider-thumb {
  cursor: pointer;
}