*,
*:before,
*:after {
  box-sizing: border-box;
}
body {
  margin: 0;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-col-v-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.flex-col-v-top {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.flex-col-v-bot {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.flex-col-h-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.flex-col-h-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.flex-col-h-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flex-row-v-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.flex-row-v-top {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.flex-row-v-bot {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.flex-row-h-left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.flex-row-h-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.flex-row-h-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
/* custom */
.space-evenly {
  justify-content: space-evenly;
}
.space-between {
  justify-content: space-between;
}
@font-face {
  font-family: "DM";
  src: url("../fonts/DMSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  src: url("../fonts/MaterialSymbolsOutlined.woff2") format("woffs");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}
.shadow-level-1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.shadow-level-2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.shadow-level-3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
body {
  font-family: "DM";
}
.spacer {
  flex-grow: 1;
}
#body.removeTransitionDelay * {
  transition-delay: 0ms !important;
}