@font-face {
  font-family: "SF Pro";
  src: url("fonts/SF-Pro-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro";
  src: url("fonts/SF-Pro-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro";
  src: url("fonts/SF-Pro-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro";
  src: url("fonts/SF-Pro-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "SF Pro";
  src: url("fonts/SF-Pro-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Archivo Black";
  src: url("fonts/Archivo-Black.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.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);
}

body,
.mud-typography,
.mud-typography-body1,
.mud-typography-body2,
.mud-typography-caption,
.mud-typography-subtitle1,
.mud-typography-subtitle2,
.mud-typography-overline {
  font-weight: 300 !important;
}

: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;
}

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