/* Mobile-friendly form controls */
@media (max-width: 600px) {
  .mud-input-control,
  .mud-input,
  .mud-select,
  .mud-autocomplete,
  .mud-picker {
    width: 100% !important;
  }
}

@font-face {
  font-family: "MyLocalFont";
  src: local("MyLocalFont"),
       url("/fonts/Depot.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


.my-local-font {
  font-family: "MyLocalFont", system-ui, sans-serif !important;
  font-weight: 400 !important;
}

.mud-typography-h2.my-local-font {
    font-weight: 400 !important;
}

.pp-dark-mode .apexcharts-tooltip,
.pp-dark-mode .apexcharts-tooltip-title,
.pp-dark-mode .pp-apex-tooltip {
  background: #1f2937 !important;
  border-color: #374151 !important;
  color: #f8fafc !important;
  box-shadow: 0 10px 24px rgb(0 0 0 / 35%) !important;
}

.pp-dark-mode .apexcharts-tooltip *,
.pp-dark-mode .pp-apex-tooltip * {
  color: #f8fafc !important;
}

.pp-dark-mode .apexcharts-menu {
  background: #1f2937 !important;
  border-color: #374151 !important;
  box-shadow: 0 10px 24px rgb(0 0 0 / 35%) !important;
}

.pp-dark-mode .apexcharts-menu-item {
  color: #f8fafc !important;
}

.pp-dark-mode .apexcharts-menu-item:hover,
.pp-dark-mode .apexcharts-menu-item:focus {
  background: #374151 !important;
}

.pp-dark-mode .apexcharts-toolbar svg {
  fill: #dbeafe !important;
}