:root {
  --color-primary: #415f91;
  --color-surface-tint: #415F91;
  --color-on-primary: #FFFFFF;
  --color-primary-container: #D6E3FF;
  --color-on-primary-container: #284777;
  --color-secondary: #565F71;
  --color-on-secondary: #FFFFFF;
  --color-secondary-container: #DAE2F9;
  --color-on-secondary-container: #3E4759;
  --color-tertiary: #705575;
  --color-on-tertiary: #FFFFFF;
  --color-tertiary-container: #FAD8FD;
  --color-on-tertiary-container: #573E5C;
  --color-error: #BA1A1A;
  --color-on-error: #FFFFFF;
  --color-error-container: #FFDAD6;
  --color-on-error-container: #93000A;
  --color-background: #F9F9FF;
  --color-on-background: #191C20;
  --color-surface: #F9F9FF;
  --color-on-surface: #191C20;
  --color-surface-variant: #E0E2EC;
  --color-on-surface-variant: #44474E;
  --color-outline: #74777F;
  --color-outline-variant: #C4C6D0;
  --color-shadow: #000000;
  --color-scrim: #000000;
  --color-inverse-surface: #2E3036;
  --color-inverse-on-surface: #F0F0F7;
  --color-inverse-primary: #AAC7FF;
  --color-primary-fixed: #D6E3FF;
  --color-on-primary-fixed: #001B3E;
  --color-primary-fixed-dim: #AAC7FF;
  --color-on-primary-fixed-variant: #284777;
  --color-secondary-fixed: #DAE2F9;
  --color-on-secondary-fixed: #131C2B;
  --color-secondary-fixed-dim: #BEC6DC;
  --color-on-secondary-fixed-variant: #3E4759;
  --color-tertiary-fixed: #FAD8FD;
  --color-on-tertiary-fixed: #28132E;
  --color-tertiary-fixed-dim: #DDBCE0;
  --color-on-tertiary-fixed-variant: #573E5C;
  --color-surface-dim: #D9D9E0;
  --color-surface-bright: #F9F9FF;
  --color-surface-container-lowest: #FFFFFF;
  --color-surface-container-low: #F3F3FA;
  --color-surface-container: #EDEDF4;
  --color-surface-container-high: #E7E8EE;
  --color-surface-container-highest: #E2E2E9;
}

::selection {
  background-color: yellow;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  box-sizing: border-box;
}

body {
  display: grid;
  grid: "navbar   navbar    navbar" "navrail   header    header" "navrail     main      main" "navrail   footer    footer";
  grid-template-columns: auto 1fr 1fr;
  grid-template-rows: auto auto 1fr auto;
  min-height: 100vh;
  margin: 0;
  color: var(--color-on-background);
  background-color: var(--color-background);
}

header {
  grid-area: header;
}

main {
  grid-area: main;
}

footer {
  grid-area: footer;
  background-color: var(--color-surface-container);
}

header,
main,
footer {
  padding: 1rem;
}

article {
  padding: 1rem;
  border-radius: 1rem;
}
article header {
  padding: 0;
}
article footer {
  padding: 0;
  background-color: inherit;
}

a {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
}

hr {
  width: 100%;
  color: var(--color-outline-variant);
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter/Inter-VariableFont_opsz,wght.ttf");
  font-weight: 100 900;
}
:root {
  --font-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

html {
  font-family: var(--font-sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  margin-block-start: 0;
  margin-block-end: 0.5rem;
}

/* Grid layout system */
.grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  gap: 1rem;
}
@media only screen and (min-width : 601px) {
  .grid {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(12, auto);
  }
}
@media only screen and (min-width : 993px) {
  .grid {
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(12, auto);
  }
}
@media only screen and (min-width : 601px) {
  .grid .md-col-start-1 {
    grid-column-start: 1;
  }
  .grid .md-col-end-1 {
    grid-column-end: 2;
  }
  .grid .md-row-start-1 {
    grid-row-start: 1;
  }
  .grid .md-row-end-1 {
    grid-row-end: 2;
  }
  .grid .md-col-start-2 {
    grid-column-start: 2;
  }
  .grid .md-col-end-2 {
    grid-column-end: 3;
  }
  .grid .md-row-start-2 {
    grid-row-start: 2;
  }
  .grid .md-row-end-2 {
    grid-row-end: 3;
  }
  .grid .md-col-start-3 {
    grid-column-start: 3;
  }
  .grid .md-col-end-3 {
    grid-column-end: 4;
  }
  .grid .md-row-start-3 {
    grid-row-start: 3;
  }
  .grid .md-row-end-3 {
    grid-row-end: 4;
  }
  .grid .md-col-start-4 {
    grid-column-start: 4;
  }
  .grid .md-col-end-4 {
    grid-column-end: 5;
  }
  .grid .md-row-start-4 {
    grid-row-start: 4;
  }
  .grid .md-row-end-4 {
    grid-row-end: 5;
  }
  .grid .md-col-start-5 {
    grid-column-start: 5;
  }
  .grid .md-col-end-5 {
    grid-column-end: 6;
  }
  .grid .md-row-start-5 {
    grid-row-start: 5;
  }
  .grid .md-row-end-5 {
    grid-row-end: 6;
  }
  .grid .md-col-start-6 {
    grid-column-start: 6;
  }
  .grid .md-col-end-6 {
    grid-column-end: 7;
  }
  .grid .md-row-start-6 {
    grid-row-start: 6;
  }
  .grid .md-row-end-6 {
    grid-row-end: 7;
  }
  .grid .md-col-start-7 {
    grid-column-start: 7;
  }
  .grid .md-col-end-7 {
    grid-column-end: 8;
  }
  .grid .md-row-start-7 {
    grid-row-start: 7;
  }
  .grid .md-row-end-7 {
    grid-row-end: 8;
  }
  .grid .md-col-start-8 {
    grid-column-start: 8;
  }
  .grid .md-col-end-8 {
    grid-column-end: 9;
  }
  .grid .md-row-start-8 {
    grid-row-start: 8;
  }
  .grid .md-row-end-8 {
    grid-row-end: 9;
  }
  .grid .md-col-start-9 {
    grid-column-start: 9;
  }
  .grid .md-col-end-9 {
    grid-column-end: 10;
  }
  .grid .md-row-start-9 {
    grid-row-start: 9;
  }
  .grid .md-row-end-9 {
    grid-row-end: 10;
  }
  .grid .md-col-start-10 {
    grid-column-start: 10;
  }
  .grid .md-col-end-10 {
    grid-column-end: 11;
  }
  .grid .md-row-start-10 {
    grid-row-start: 10;
  }
  .grid .md-row-end-10 {
    grid-row-end: 11;
  }
  .grid .md-col-start-11 {
    grid-column-start: 11;
  }
  .grid .md-col-end-11 {
    grid-column-end: 12;
  }
  .grid .md-row-start-11 {
    grid-row-start: 11;
  }
  .grid .md-row-end-11 {
    grid-row-end: 12;
  }
  .grid .md-col-start-12 {
    grid-column-start: 12;
  }
  .grid .md-col-end-12 {
    grid-column-end: 13;
  }
  .grid .md-row-start-12 {
    grid-row-start: 12;
  }
  .grid .md-row-end-12 {
    grid-row-end: 13;
  }
}
@media only screen and (min-width : 993px) {
  .grid .lg-col-start-1 {
    grid-column-start: 1;
  }
  .grid .lg-col-end-1 {
    grid-column-end: 2;
  }
  .grid .lg-row-start-1 {
    grid-row-start: 1;
  }
  .grid .lg-row-end-1 {
    grid-row-end: 2;
  }
  .grid .lg-col-start-2 {
    grid-column-start: 2;
  }
  .grid .lg-col-end-2 {
    grid-column-end: 3;
  }
  .grid .lg-row-start-2 {
    grid-row-start: 2;
  }
  .grid .lg-row-end-2 {
    grid-row-end: 3;
  }
  .grid .lg-col-start-3 {
    grid-column-start: 3;
  }
  .grid .lg-col-end-3 {
    grid-column-end: 4;
  }
  .grid .lg-row-start-3 {
    grid-row-start: 3;
  }
  .grid .lg-row-end-3 {
    grid-row-end: 4;
  }
  .grid .lg-col-start-4 {
    grid-column-start: 4;
  }
  .grid .lg-col-end-4 {
    grid-column-end: 5;
  }
  .grid .lg-row-start-4 {
    grid-row-start: 4;
  }
  .grid .lg-row-end-4 {
    grid-row-end: 5;
  }
  .grid .lg-col-start-5 {
    grid-column-start: 5;
  }
  .grid .lg-col-end-5 {
    grid-column-end: 6;
  }
  .grid .lg-row-start-5 {
    grid-row-start: 5;
  }
  .grid .lg-row-end-5 {
    grid-row-end: 6;
  }
  .grid .lg-col-start-6 {
    grid-column-start: 6;
  }
  .grid .lg-col-end-6 {
    grid-column-end: 7;
  }
  .grid .lg-row-start-6 {
    grid-row-start: 6;
  }
  .grid .lg-row-end-6 {
    grid-row-end: 7;
  }
  .grid .lg-col-start-7 {
    grid-column-start: 7;
  }
  .grid .lg-col-end-7 {
    grid-column-end: 8;
  }
  .grid .lg-row-start-7 {
    grid-row-start: 7;
  }
  .grid .lg-row-end-7 {
    grid-row-end: 8;
  }
  .grid .lg-col-start-8 {
    grid-column-start: 8;
  }
  .grid .lg-col-end-8 {
    grid-column-end: 9;
  }
  .grid .lg-row-start-8 {
    grid-row-start: 8;
  }
  .grid .lg-row-end-8 {
    grid-row-end: 9;
  }
  .grid .lg-col-start-9 {
    grid-column-start: 9;
  }
  .grid .lg-col-end-9 {
    grid-column-end: 10;
  }
  .grid .lg-row-start-9 {
    grid-row-start: 9;
  }
  .grid .lg-row-end-9 {
    grid-row-end: 10;
  }
  .grid .lg-col-start-10 {
    grid-column-start: 10;
  }
  .grid .lg-col-end-10 {
    grid-column-end: 11;
  }
  .grid .lg-row-start-10 {
    grid-row-start: 10;
  }
  .grid .lg-row-end-10 {
    grid-row-end: 11;
  }
  .grid .lg-col-start-11 {
    grid-column-start: 11;
  }
  .grid .lg-col-end-11 {
    grid-column-end: 12;
  }
  .grid .lg-row-start-11 {
    grid-row-start: 11;
  }
  .grid .lg-row-end-11 {
    grid-row-end: 12;
  }
  .grid .lg-col-start-12 {
    grid-column-start: 12;
  }
  .grid .lg-col-end-12 {
    grid-column-end: 13;
  }
  .grid .lg-row-start-12 {
    grid-row-start: 12;
  }
  .grid .lg-row-end-12 {
    grid-row-end: 13;
  }
}

/* Flex layout system */
.flex {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.flex.fd-col {
  flex-direction: column;
}
.flex.justify-content-start {
  justify-content: flex-start;
}
.flex.justify-content-end {
  justify-content: flex-end;
}
.flex.justify-content-center {
  justify-content: center;
}
.flex.justify-content-space-around {
  justify-content: space-around;
}
.flex.justify-content-space-between {
  justify-content: space-between;
}
.flex.justify-content-space-evenly {
  justify-content: space-evenly;
}
.flex.align-content-start {
  align-content: flex-start;
}
.flex.align-content-end {
  align-content: flex-end;
}
.flex.align-content-center {
  align-content: center;
}
.flex.align-content-space-around {
  align-content: space-around;
}
.flex.align-content-space-between {
  align-content: space-between;
}
.flex.align-content-space-evenly {
  align-content: space-evenly;
}
.flex.align-items-start {
  align-items: flex-start;
}
.flex.align-items-end {
  align-items: flex-end;
}
.flex.align-items-center {
  align-items: center;
}
.flex.align-items-space-around {
  align-items: space-around;
}
.flex.align-items-space-between {
  align-items: space-between;
}
.flex.align-items-space-evenly {
  align-items: space-evenly;
}
.flex .align-self-start {
  align-self: flex-start;
}
.flex .align-self-end {
  align-self: flex-end;
}
.flex .align-self-center {
  align-self: center;
}
.flex .align-self-space-around {
  align-self: space-around;
}
.flex .align-self-space-between {
  align-self: space-between;
}
.flex .align-self-space-evenly {
  align-self: space-evenly;
}

.flex-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.flex-col.flex-start, .flex-col.align-items-start, .flex-col.align-self-start,
.flex-row.flex-start,
.flex-row.align-items-start,
.flex-row.align-self-start {
  justify-content: flex-start;
}
.flex-col.flex-end,
.flex-row.flex-end {
  justify-content: flex-end;
}
.flex-col.flex-center,
.flex-row.flex-center {
  justify-content: center;
}
.flex-col.flex-space-around,
.flex-row.flex-space-around {
  justify-content: space-around;
}
.flex-col.flex-space-between,
.flex-row.flex-space-between {
  justify-content: space-between;
}
.flex-col.flex-space-evenly,
.flex-row.flex-space-evenly {
  justify-content: space-evenly;
}

.flex-grow-1 {
  flex-grow: 1;
}

/* Navbar bar styles */
nav.bar {
  grid-area: navbar;
  display: grid;
  grid: "menuheader" "menustart" "menuend";
  grid-template-rows: auto auto auto;
  position: relative;
  width: 100%;
  color: var(--color-on-surface-container);
  background-color: var(--color-surface-container);
  transition: transform 0.5s ease-in-out;
  z-index: 2;
  padding: 1rem;
}
@media only screen and (min-width : 993px) {
  nav.bar {
    grid: "menuheader menustart menuend";
    grid-template-columns: auto 1fr 1fr;
  }
}
nav.bar .menuheader {
  grid-area: menuheader;
  display: flex;
}
nav.bar .menuheader .brand {
  flex-grow: 1;
}
nav.bar .menuheader .toggle-nav-rail-btn,
nav.bar .menuheader .toggle-nav-bar-btn {
  display: block;
}
@media only screen and (min-width : 993px) {
  nav.bar .menuheader .toggle-nav-rail-btn,
  nav.bar .menuheader .toggle-nav-bar-btn {
    display: none;
  }
}
nav.bar ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
}
nav.bar ul.menustart {
  grid-area: menustart;
  justify-content: flex-start;
  transition: transform 0.5s ease-in-out;
}
nav.bar ul.menustart.hide {
  display: none;
}
nav.bar ul.menuend {
  grid-area: menuend;
  justify-content: flex-end;
  transition: transform 0.5s ease-in-out;
}
nav.bar ul.menuend.hide {
  display: none;
}
nav.bar ul li {
  line-height: 48px;
  padding: 0 1rem;
}
nav.bar ul li.active {
  color: var(--color-on-secondary-container);
  background-color: var(--color-secondary-container);
}
nav.bar ul li a {
  font-weight: 600;
  text-decoration: none;
  color: var(--color-on-surface-container);
}

/* Navbar rail styles */
nav.rail {
  grid-area: navrail;
  display: grid;
  grid: "menuheader" "menustart" "menuend";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr 1fr;
  position: fixed;
  width: 260px;
  height: 100%;
  color: var(--color-on-surface-container);
  background-color: var(--color-surface-container);
  transform: translate(-260px);
  transition: transform 0.5s ease-in-out;
  z-index: 1;
}
@media only screen and (min-width : 993px) {
  nav.rail {
    transform: translate(0);
  }
}
nav.rail.show {
  transform: translate(0);
}
nav.rail .menuheader {
  grid-area: menuheader;
  display: flex;
  height: 48px;
}
nav.rail .menuheader .brand {
  flex-grow: 1;
}
nav.rail .menuheader .toggle-nav-rail-btn {
  display: block;
}
@media only screen and (min-width : 993px) {
  nav.rail .menuheader .toggle-nav-rail-btn {
    display: none;
  }
}
nav.rail ul {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
}
nav.rail ul.menustart {
  grid-area: menustart;
}
nav.rail ul.menuend {
  grid-area: menuend;
  justify-content: flex-end;
}
nav.rail ul li {
  line-height: 48px;
  padding: 0 1rem;
}
nav.rail ul li.active {
  color: var(--color-on-secondary-container);
  background-color: var(--color-secondary-container);
}
nav.rail ul li a {
  font-weight: 600;
  text-decoration: none;
  color: var(--color-on-surface-container);
}

.nav-rail-pad {
  padding-left: 1rem;
}

@media only screen and (min-width : 993px) {
  .nav-rail-pad {
    padding-left: 260px;
  }
}
.card {
  color: var(--color-on-surface-container);
  background-color: var(--color-surface-container-lowest);
}

/* Ordered and Unordered list styles. */
ul {
  display: flex;
  flex-direction: column;
}
ul.badge {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  list-style: none;
}
ul.badge li {
  padding: 0 10px;
  border: 1px solid var(--color-outline);
  color: var(--color-on-tertiary-container);
  background-color: var(--color-tertiary-container);
  border-radius: 6px;
}

button {
  color: var(--color-on-surface-container);
  background-color: var(--color-surface-container-highest);
  border: none;
  border-radius: 3px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.2rem;
  padding: 0.5rem;
  border: 1px solid #afafaf;
  background-color: #ffffff;
  border-radius: 1rem;
}

img {
  vertical-align: text-bottom;
}

table caption {
  font-weight: bold;
}

.text-c {
  text-align: center;
}

.text-l {
  text-align: left;
}

.text-r {
  text-align: right;
}

.shadow-1 {
  box-shadow: 0 0 1px var(--color-outline);
}

/*# sourceMappingURL=ts.css.map */