/* 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;
}