@font-face {
  font-family: "Archivo Black";
  src: url("fonts/Archivo-Black.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.mud-appbar .mud-toolbar-appbar {
  height: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 8);
}

.mud-main-content {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  padding-top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 8);
}

:root {
  --appbar-height: var(--mud-appbar-height);
}

.title-page {
  font-family: "Archivo Black";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 32.4px */
  letter-spacing: -0.24px;
}

.subtitle-page {
  font-family: "Archivo Black";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 22.95px */
  letter-spacing: -0.17px;
}

[id] {
  scroll-margin-top: var(--mud-appbar-height);
}

.mud-input-control.mud-input-required > .mud-input-control-input-container > .mud-input-label::after {
  content: " *";
  color: var(--mud-palette-error);
}