@charset "UTF-8";

/* src/assets/fonts/font.scss */
@font-face {
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 100 700;
  src: url("./media/Filtered-Material-Outlined-Font-K7VAZEWW.woff2") format("woff2");
}
.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: "liga";
  -moz-osx-font-smoothing: grayscale;
}
.material-symbols-outlined.filled {
  font-variation-settings:
    "FILL" 1,
    "wght" 400,
    "GRAD" 0,
    "opsz" 24;
}
@font-face {
  font-family: "Global-font";
  src: url("./media/Marianne-Regular-NSJBMKCO.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Global-font";
  src: url("./media/Marianne-Medium-5YG7IPWV.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Global-font";
  src: url("./media/Marianne-Bold-4TMQAGJZ.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

/* src/styles.scss */
.silver-text {
  color: silver;
}
.gray-text {
  color: gray;
}
.white-text {
  color: white;
}
.maroon-text {
  color: maroon;
}
.red-text {
  color: red;
}
.purple-text {
  color: purple;
}
.fuchsia-text {
  color: fuchsia;
}
.green-text {
  color: green;
}
.lime-text {
  color: lime;
}
.olive-text {
  color: olive;
}
.yellow-text {
  color: yellow;
}
.navy-text {
  color: navy;
}
.blue-text {
  color: blue;
}
.teal-text {
  color: teal;
}
.aqua-text {
  color: aqua;
}
.aliceblue-text {
  color: aliceblue;
}
.antiquewhite-text {
  color: antiquewhite;
}
.aquamarine-text {
  color: aquamarine;
}
.azure-text {
  color: azure;
}
.beige-text {
  color: beige;
}
.bisque-text {
  color: bisque;
}
.blanchedalmond-text {
  color: blanchedalmond;
}
.blueviolet-text {
  color: blueviolet;
}
.brown-text {
  color: brown;
}
.burlywood-text {
  color: burlywood;
}
.cadetblue-text {
  color: cadetblue;
}
.chartreuse-text {
  color: chartreuse;
}
.chocolate-text {
  color: chocolate;
}
.coral-text {
  color: coral;
}
.cornflowerblue-text {
  color: cornflowerblue;
}
.cornsilk-text {
  color: cornsilk;
}
.crimson-text {
  color: crimson;
}
.cyan-text {
  color: cyan;
}
.darkblue-text {
  color: darkblue;
}
.darkcyan-text {
  color: darkcyan;
}
.darkgoldenrod-text {
  color: darkgoldenrod;
}
.darkgray-text {
  color: darkgray;
}
.darkgreen-text {
  color: darkgreen;
}
.darkgrey-text {
  color: darkgrey;
}
.darkkhaki-text {
  color: darkkhaki;
}
.darkmagenta-text {
  color: darkmagenta;
}
.darkolivegreen-text {
  color: darkolivegreen;
}
.darkorange-text {
  color: darkorange;
}
.darkorchid-text {
  color: darkorchid;
}
.darkred-text {
  color: darkred;
}
.darksalmon-text {
  color: darksalmon;
}
.darkseagreen-text {
  color: darkseagreen;
}
.darkslateblue-text {
  color: darkslateblue;
}
.darkslategray-text {
  color: darkslategray;
}
.darkslategrey-text {
  color: darkslategrey;
}
.darkturquoise-text {
  color: darkturquoise;
}
.darkviolet-text {
  color: darkviolet;
}
.deeppink-text {
  color: deeppink;
}
.deepskyblue-text {
  color: deepskyblue;
}
.dimgray-text {
  color: dimgray;
}
.dimgrey-text {
  color: dimgrey;
}
.dodgerblue-text {
  color: dodgerblue;
}
.firebrick-text {
  color: firebrick;
}
.floralwhite-text {
  color: floralwhite;
}
.forestgreen-text {
  color: forestgreen;
}
.gainsboro-text {
  color: gainsboro;
}
.ghostwhite-text {
  color: ghostwhite;
}
.gold-text {
  color: gold;
}
.goldenrod-text {
  color: goldenrod;
}
.greenyellow-text {
  color: greenyellow;
}
.grey-text {
  color: grey;
}
.honeydew-text {
  color: honeydew;
}
.hotpink-text {
  color: hotpink;
}
.indianred-text {
  color: indianred;
}
.indigo-text {
  color: indigo;
}
.ivory-text {
  color: ivory;
}
.khaki-text {
  color: khaki;
}
.lavender-text {
  color: lavender;
}
.lavenderblush-text {
  color: lavenderblush;
}
.lawngreen-text {
  color: lawngreen;
}
.lemonchiffon-text {
  color: lemonchiffon;
}
.lightblue-text {
  color: lightblue;
}
.lightcoral-text {
  color: lightcoral;
}
.lightcyan-text {
  color: lightcyan;
}
.lightgoldenrodyellow-text {
  color: lightgoldenrodyellow;
}
.lightgray-text {
  color: lightgray;
}
.lightgreen-text {
  color: lightgreen;
}
.lightgrey-text {
  color: lightgrey;
}
.lightpink-text {
  color: lightpink;
}
.lightsalmon-text {
  color: lightsalmon;
}
.lightseagreen-text {
  color: lightseagreen;
}
.lightskyblue-text {
  color: lightskyblue;
}
.lightslategray-text {
  color: lightslategray;
}
.lightslategrey-text {
  color: lightslategrey;
}
.lightsteelblue-text {
  color: lightsteelblue;
}
.lightyellow-text {
  color: lightyellow;
}
.limegreen-text {
  color: limegreen;
}
.linen-text {
  color: linen;
}
.magenta-text {
  color: magenta;
}
.mediumaquamarine-text {
  color: mediumaquamarine;
}
.mediumblue-text {
  color: mediumblue;
}
.mediumorchid-text {
  color: mediumorchid;
}
.mediumpurple-text {
  color: mediumpurple;
}
.mediumseagreen-text {
  color: mediumseagreen;
}
.mediumslateblue-text {
  color: mediumslateblue;
}
.mediumspringgreen-text {
  color: mediumspringgreen;
}
.mediumturquoise-text {
  color: mediumturquoise;
}
.mediumvioletred-text {
  color: mediumvioletred;
}
.midnightblue-text {
  color: midnightblue;
}
.mintcream-text {
  color: mintcream;
}
.mistyrose-text {
  color: mistyrose;
}
.moccasin-text {
  color: moccasin;
}
.navajowhite-text {
  color: navajowhite;
}
.oldlace-text {
  color: oldlace;
}
.olivedrab-text {
  color: olivedrab;
}
.orange-text {
  color: orange;
}
.orangered-text {
  color: orangered;
}
.orchid-text {
  color: orchid;
}
.palegoldenrod-text {
  color: palegoldenrod;
}
.palegreen-text {
  color: palegreen;
}
.paleturquoise-text {
  color: paleturquoise;
}
.palevioletred-text {
  color: palevioletred;
}
.papayawhip-text {
  color: papayawhip;
}
.peachpuff-text {
  color: peachpuff;
}
.peru-text {
  color: peru;
}
.pink-text {
  color: pink;
}
.plum-text {
  color: plum;
}
.powderblue-text {
  color: powderblue;
}
.rosybrown-text {
  color: rosybrown;
}
.royalblue-text {
  color: royalblue;
}
.saddlebrown-text {
  color: saddlebrown;
}
.salmon-text {
  color: salmon;
}
.sandybrown-text {
  color: sandybrown;
}
.seagreen-text {
  color: seagreen;
}
.seashell-text {
  color: seashell;
}
.sienna-text {
  color: sienna;
}
.skyblue-text {
  color: skyblue;
}
.slateblue-text {
  color: slateblue;
}
.slategray-text {
  color: slategray;
}
.slategrey-text {
  color: slategrey;
}
.snow-text {
  color: snow;
}
.springgreen-text {
  color: springgreen;
}
.steelblue-text {
  color: steelblue;
}
.tan-text {
  color: tan;
}
.thistle-text {
  color: thistle;
}
.tomato-text {
  color: tomato;
}
.turquoise-text {
  color: turquoise;
}
.violet-text {
  color: violet;
}
.wheat-text {
  color: wheat;
}
.whitesmoke-text {
  color: whitesmoke;
}
.yellowgreen-text {
  color: yellowgreen;
}
.sized-50-text {
  font-size: 50%;
}
.sized-55-text {
  font-size: 55%;
}
.sized-60-text {
  font-size: 60%;
}
.sized-65-text {
  font-size: 65%;
}
.sized-70-text {
  font-size: 70%;
}
.sized-75-text {
  font-size: 75%;
}
.sized-80-text {
  font-size: 80%;
}
.sized-85-text {
  font-size: 85%;
}
.sized-90-text {
  font-size: 90%;
}
.sized-95-text {
  font-size: 95%;
}
.sized-100-text {
  font-size: 100%;
}
.sized-105-text {
  font-size: 105%;
}
.sized-110-text {
  font-size: 110%;
}
.sized-115-text {
  font-size: 115%;
}
.sized-120-text {
  font-size: 120%;
}
.sized-125-text {
  font-size: 125%;
}
.sized-130-text {
  font-size: 130%;
}
.sized-135-text {
  font-size: 135%;
}
.sized-140-text {
  font-size: 140%;
}
.sized-145-text {
  font-size: 145%;
}
.sized-150-text {
  font-size: 150%;
}
.sized-155-text {
  font-size: 155%;
}
.sized-160-text {
  font-size: 160%;
}
.sized-165-text {
  font-size: 165%;
}
.sized-170-text {
  font-size: 170%;
}
.sized-175-text {
  font-size: 175%;
}
.sized-180-text {
  font-size: 180%;
}
.sized-185-text {
  font-size: 185%;
}
.sized-190-text {
  font-size: 190%;
}
.sized-195-text {
  font-size: 195%;
}
.sized-200-text {
  font-size: 200%;
}
.sized-205-text {
  font-size: 205%;
}
.sized-210-text {
  font-size: 210%;
}
.sized-215-text {
  font-size: 215%;
}
.sized-220-text {
  font-size: 220%;
}
.sized-225-text {
  font-size: 225%;
}
.sized-230-text {
  font-size: 230%;
}
.sized-235-text {
  font-size: 235%;
}
.sized-240-text {
  font-size: 240%;
}
.sized-245-text {
  font-size: 245%;
}
.sized-250-text {
  font-size: 250%;
}
.sized-255-text {
  font-size: 255%;
}
.sized-260-text {
  font-size: 260%;
}
.sized-265-text {
  font-size: 265%;
}
.sized-270-text {
  font-size: 270%;
}
.sized-275-text {
  font-size: 275%;
}
.sized-280-text {
  font-size: 280%;
}
.sized-285-text {
  font-size: 285%;
}
.sized-290-text {
  font-size: 290%;
}
.sized-295-text {
  font-size: 295%;
}
.sized-300-text {
  font-size: 300%;
}
.sized-305-text {
  font-size: 305%;
}
.sized-310-text {
  font-size: 310%;
}
.sized-315-text {
  font-size: 315%;
}
.sized-320-text {
  font-size: 320%;
}
.sized-325-text {
  font-size: 325%;
}
.sized-330-text {
  font-size: 330%;
}
.sized-335-text {
  font-size: 335%;
}
.sized-340-text {
  font-size: 340%;
}
.sized-345-text {
  font-size: 345%;
}
.sized-350-text {
  font-size: 350%;
}
.sized-355-text {
  font-size: 355%;
}
.sized-360-text {
  font-size: 360%;
}
.sized-365-text {
  font-size: 365%;
}
.sized-370-text {
  font-size: 370%;
}
.sized-375-text {
  font-size: 375%;
}
.sized-380-text {
  font-size: 380%;
}
.sized-385-text {
  font-size: 385%;
}
.sized-390-text {
  font-size: 390%;
}
.sized-395-text {
  font-size: 395%;
}
.sized-400-text {
  font-size: 400%;
}
.sized-405-text {
  font-size: 405%;
}
.sized-410-text {
  font-size: 410%;
}
.sized-415-text {
  font-size: 415%;
}
.sized-420-text {
  font-size: 420%;
}
.sized-425-text {
  font-size: 425%;
}
.sized-430-text {
  font-size: 430%;
}
.sized-435-text {
  font-size: 435%;
}
.sized-440-text {
  font-size: 440%;
}
.sized-445-text {
  font-size: 445%;
}
.sized-450-text {
  font-size: 450%;
}
.sized-455-text {
  font-size: 455%;
}
.sized-460-text {
  font-size: 460%;
}
.sized-465-text {
  font-size: 465%;
}
.sized-470-text {
  font-size: 470%;
}
.sized-475-text {
  font-size: 475%;
}
.sized-480-text {
  font-size: 480%;
}
.sized-485-text {
  font-size: 485%;
}
.sized-490-text {
  font-size: 490%;
}
.sized-495-text {
  font-size: 495%;
}
.sized-500-text {
  font-size: 500%;
}
.italic-text {
  font-style: italic;
}
.oblique-text {
  font-style: oblique;
}
.bold-text {
  font-weight: bold;
}
.underlined-text {
  text-decoration: underline;
}
.padded-ul {
  padding: 12px;
}
.centered-text {
  text-align: center;
}
.left-aligned-text {
  text-align: left;
}
.right-aligned-textt {
  text-align: right;
}
.justified-text {
  text-align: justify;
}
.ol {
  list-style: decimal;
}
html {
  font-size: var(--root-font-size);
}
html,
html body {
  min-height: 100vh;
}
body {
  color: #1B1F53;
}
* {
  font-family: var(--custom-font-family);
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
router-outlet {
  position: absolute;
}
h1 {
  font-size: var(--display-size);
  font-weight: var(--display-weight);
  line-height: ver(--display-line-height);
}
a {
  text-decoration: none;
  color: inherit;
}
p {
  font-size: var(--regular-size);
}
small {
  font-size: var(--small-size);
}
hr.auth-separator {
  border: none;
  background-color: #333;
  color: #333;
  overflow: visible;
  height: 1px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
hr.auth-separator::after {
  content: "ou";
  background: #fff;
  padding: 8px;
  margin-bottom: 4px;
}
.button-img {
  padding: 0;
}
.button-with-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.primary {
  background-color: var(--primaryBackgroundColor);
  color: var(--primaryTextColor);
}
.primary-light,
.primary-light:active,
.primary-light:focus {
  border: none;
  color: var(--primaryTextColorLight) !important;
  background-color: var(--primaryColorLight) !important;
}
.primary-light:hover,
.primary-light:active:hover,
.primary-light:focus:hover {
  border-color: transparent !important;
  background-color: var(--primaryColorLightDarker) !important;
  color: var(--primaryTextColorLight) !important;
}
.primary-border {
  border-color: var(--primaryBackgroundColor);
  color: var(--primaryBackgroundColor);
  background-color: transparent;
}
.accessibility-button {
  border-color: var(--primaryColorLight);
}
.button-external {
  color: var(--primaryTextColorLight);
  background-color: var(--primaryBackgroundColorLight);
  border: none;
}
.button-external:hover,
.button-external:active {
  color: var(--primaryTextColorLight);
  background-color: color-mix(in srgb, var(--primaryBackgroundColorLight) 95%, black 5%);
}
.button-external.on-side-bar {
  padding: 12px 24px;
}
.step-button {
  padding: 6px 16px;
}
.home-button {
  padding: 6px 42px;
}
p-dropdown[arialabel*=".language-selector"]:has(.p-dropdown-trigger:nth-child(2)) {
  display: none;
}
@media screen and (max-width: 1024px) {
  :root {
    --display-size: 2rem;
    --display-line-height: 42px;
  }
}
@media screen and (max-width: 425px) {
  :root {
    --root-font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  app-auth > app-footer > footer {
    width: calc(50% + 4.2rem);
    margin-left: auto;
    justify-content: left !important;
  }
  app-auth > app-footer > footer > app-link:first-child {
    margin-right: 1rem;
  }
}

/* angular:styles/global:styles */