/* node_modules/swiper/swiper-bundle.min.css */
:root {
  --swiper-theme-color:#007aff;
}
:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  box-sizing: initial;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  width: 100%;
  z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-slides-offset-before);
  scroll-margin-inline-start: var(--swiper-slides-offset-before);
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child {
  margin-inline-end: var(--swiper-slides-offset-after);
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-slides-offset-before);
  scroll-margin-block-start: var(--swiper-slides-offset-before);
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child {
  margin-block-end: var(--swiper-slides-offset-after);
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}
.swiper-3d .swiper-slide-shadow-left {
  background-image:
    linear-gradient(
      270deg,
      #00000080,
      #0000);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image:
    linear-gradient(
      90deg,
      #00000080,
      #0000);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image:
    linear-gradient(
      0deg,
      #00000080,
      #0000);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image:
    linear-gradient(
      180deg,
      #00000080,
      #0000);
}
.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid #0000;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}
:is(.swiper-watch-progress .swiper-slide-visible, .swiper:not(.swiper-watch-progress)) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  height: var(--swiper-virtual-size);
  width: 1px;
}
:root {
  --swiper-navigation-size:44px;
}
.swiper-button-next,
.swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  position: absolute;
  width: var(--swiper-navigation-size);
  z-index: 10;
}
:is(.swiper-button-next, .swiper-button-prev).swiper-button-disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none;
}
:is(.swiper-button-next, .swiper-button-prev).swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}
.swiper-navigation-disabled :is(.swiper-button-next, .swiper-button-prev) {
  display: none !important;
}
:is(.swiper-button-next, .swiper-button-prev) ::slotted(svg),
:is(.swiper-button-next, .swiper-button-prev) svg {
  height: 100%;
  object-fit: contain;
  transform-origin: center;
  width: 100%;
  fill: currentColor;
  pointer-events: none;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next,
.swiper-button-prev {
  margin-top: calc(0px - var(--swiper-navigation-size)/2);
  top: var(--swiper-navigation-top-offset,50%);
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset,4px);
  right: auto;
}
.swiper-button-prev .swiper-navigation-icon,
.swiper-button-prev ::slotted(.swiper-navigation-icon) {
  transform: rotate(180deg);
}
.swiper-button-next {
  left: auto;
  right: var(--swiper-navigation-sides-offset,4px);
}
.swiper-horizontal .swiper-button-next,
.swiper-horizontal .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next,
.swiper-horizontal ~ .swiper-button-prev {
  margin-left: 0;
  margin-top: calc(0px - var(--swiper-navigation-size)/2);
  top: var(--swiper-navigation-top-offset,50%);
}
.swiper-horizontal.swiper-rtl .swiper-button-next,
.swiper-horizontal.swiper-rtl ~ .swiper-button-next,
.swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset,4px);
  right: auto;
}
.swiper-horizontal.swiper-rtl .swiper-button-prev,
.swiper-horizontal.swiper-rtl ~ .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next,
.swiper-horizontal .swiper-button-next {
  left: auto;
  right: var(--swiper-navigation-sides-offset,4px);
}
:is(.swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal .swiper-button-prev) .swiper-navigation-icon,
:is(.swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev, .swiper-horizontal .swiper-button-prev) ::slotted(.swiper-navigation-icon) {
  transform: rotate(180deg);
}
:is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev) .swiper-navigation-icon,
:is(.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev) ::slotted(.swiper-navigation-icon) {
  transform: rotate(0deg);
}
.swiper-vertical .swiper-button-next,
.swiper-vertical .swiper-button-prev,
.swiper-vertical ~ .swiper-button-next,
.swiper-vertical ~ .swiper-button-prev {
  left: var(--swiper-navigation-top-offset,50%);
  margin-left: calc(0px - var(--swiper-navigation-size)/2);
  margin-top: 0;
  right: auto;
}
.swiper-vertical .swiper-button-prev,
.swiper-vertical ~ .swiper-button-prev {
  bottom: auto;
  top: var(--swiper-navigation-sides-offset,4px);
}
:is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev) .swiper-navigation-icon,
:is(.swiper-vertical .swiper-button-prev, .swiper-vertical ~ .swiper-button-prev) ::slotted(.swiper-navigation-icon) {
  transform: rotate(-90deg);
}
.swiper-vertical .swiper-button-next,
.swiper-vertical ~ .swiper-button-next {
  bottom: var(--swiper-navigation-sides-offset,4px);
  top: auto;
}
:is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next) .swiper-navigation-icon,
:is(.swiper-vertical .swiper-button-next, .swiper-vertical ~ .swiper-button-next) ::slotted(.swiper-navigation-icon) {
  transform: rotate(90deg);
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity .3s;
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination.swiper-pagination-disabled,
.swiper-pagination-disabled > .swiper-pagination {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom,8px);
  left: 0;
  top: var(--swiper-pagination-top,auto);
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}
.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  border-radius: var(--swiper-pagination-bullet-border-radius,50%);
  display: inline-block;
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
}
button.swiper-pagination-bullet {
  appearance: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity,1);
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  left: var(--swiper-pagination-left,auto);
  right: var(--swiper-pagination-right,8px);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
:is(.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets) .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
}
:is(.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
:is(.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform .2s, top .2s;
}
:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}
:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
:is(.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color,inherit);
}
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color,#00000040);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: var(--swiper-pagination-progressbar-size,4px);
  left: 0;
  top: 0;
  width: 100%;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: var(--swiper-pagination-progressbar-size,4px);
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  background: var(--swiper-scrollbar-bg-color,#0000001a);
  border-radius: var(--swiper-scrollbar-border-radius,10px);
  position: relative;
  touch-action: none;
}
.swiper-scrollbar.swiper-scrollbar-disabled,
.swiper-scrollbar-disabled > .swiper-scrollbar {
  display: none !important;
}
.swiper-scrollbar.swiper-scrollbar-horizontal,
.swiper-horizontal > .swiper-scrollbar {
  bottom: var(--swiper-scrollbar-bottom,4px);
  height: var(--swiper-scrollbar-size,4px);
  left: var(--swiper-scrollbar-sides-offset,1%);
  position: absolute;
  top: var(--swiper-scrollbar-top,auto);
  width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
  z-index: 50;
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
  left: var(--swiper-scrollbar-left,auto);
  position: absolute;
  right: var(--swiper-scrollbar-right,4px);
  top: var(--swiper-scrollbar-sides-offset,1%);
  width: var(--swiper-scrollbar-size,4px);
  z-index: 50;
}
.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color,#00000080);
  border-radius: var(--swiper-scrollbar-border-radius,10px);
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
.swiper .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  backface-visibility: hidden;
  height: 100%;
  pointer-events: none;
  transform-origin: 0 0;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: .6;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  background: #000;
  bottom: 0;
  content: "";
  filter: blur(50px);
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  backface-visibility: hidden;
  z-index: 0;
}
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  backface-visibility: hidden;
  z-index: 0;
}
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property:
    transform,
    opacity,
    height;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transform-origin: center bottom;
}

/* apps/frontend/client/src/theme.scss */
:root {
  --hv-bg-0: #ffffff;
  --hv-bg-1: #f5f7fa;
  --hv-bg-2: #edf0f5;
  --hv-text: #111827;
  --hv-text-muted: #6b7280;
  --hv-text-inverted: #ffffff;
  --hv-accent: #fab300;
  --hv-accent-dim: rgba(250, 179, 0, 0.12);
  --hv-accent-border: rgba(250, 179, 0, 0.3);
  --hv-border: #e2e8f0;
  --hv-border-subtle: #f1f5f9;
  --hv-header-bg: #edf0f5;
  --hv-header-border: rgba(0, 0, 0, 0.08);
  --hv-sidebar-bg: #ffffff;
  --hv-sidebar-border: rgba(0, 0, 0, 0.08);
  --hv-nav-link: rgba(17, 24, 39, 0.75);
  --hv-nav-link-active: #c48c00;
  --hv-burger-bar: rgba(17, 24, 39, 0.8);
  --hv-btn-primary-bg: #fab300;
  --hv-btn-primary-text: #ffffff;
  --hv-btn-primary-hover: #d49700;
  --hv-btn-outline-border: rgba(250, 179, 0, 0.45);
  --hv-btn-outline-text: rgba(17, 24, 39, 0.8);
  --hv-btn-outline-hover-bg: rgba(250, 179, 0, 0.07);
  --hv-close-btn-color: rgba(17, 24, 39, 0.6);
  --hv-mobile-nav-link: rgba(17, 24, 39, 0.8);
  --hv-mobile-nav-border: rgba(17, 24, 39, 0.06);
  --hv-lang-select-bg: rgba(241, 245, 249, 0.8);
  --hv-select-panel-bg: #ffffff;
  --hv-select-option-color: #111827;
  --hv-select-option-hover: rgba(250, 179, 0, 0.06);
  --hv-select-option-selected-bg: rgba(250, 179, 0, 0.1);
  --hv-select-option-selected-text: #c48c00;
  --hv-select-border: rgba(250, 179, 0, 0.25);
  --hv-scrollbar-track: #f1f5f9;
  --hv-scrollbar-thumb: #cbd5e1;
  --hv-auth-card-bg: #ffffff;
  --hv-gold: #fab300;
  --hv-gold-dim: rgba(250, 179, 0, 0.12);
  --hv-gold-border: rgba(250, 179, 0, 0.25);
  --hv-surface-0: #f9f9ff;
  --hv-surface-1: #f0f2f8;
  --hv-surface-2: #e8eaf2;
  --hv-surface-3: #dfe1ec;
  --mat-sys-background: #f9f9ff;
  --mat-sys-surface: #f9f9ff;
  --mat-sys-surface-bright: #fbfbff;
  --mat-sys-surface-dim: #e0e2ed;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container-low: #f0f2f8;
  --mat-sys-surface-container: #e8eaf2;
  --mat-sys-surface-container-high: #dfe1ec;
  --mat-sys-surface-container-highest: #d7d9e5;
  --mat-sys-on-primary-container: #e8eaf2;
  --mat-sys-primary: #0059c7;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: #d9e2ff;
  --mat-sys-on-background: #181c24;
  --mat-sys-on-surface: #181c24;
  --mat-sys-on-surface-variant: #5b5e68;
  --mat-sys-outline: #595e6d;
  --mat-sys-outline-variant: #c1c6d8;
  --mat-button-protected-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-outline-color: #c1c6d8;
  --mat-form-field-outlined-hover-outline-color: #595e6d;
  --mat-sys-inverse-primary: #0059c7;
  --mat-sidenav-container-background-color: #f0f2f8;
  --mat-sidenav-container-text-color: #181c24;
  --mat-sidenav-content-background-color: #f9f9ff;
  --mat-sidenav-content-text-color: #181c24;
  --mat-toolbar-container-background-color: #f0f2f8;
  --mat-toolbar-container-text-color: #181c24;
  --mat-table-background-color: #ffffff;
  --mat-table-header-headline-color: #5b5e68;
  --mat-table-row-item-label-text-color: #181c24;
  --mat-card-outlined-container-color: #ffffff;
  --mdc-outlined-card-container-color: #ffffff;
  --mdc-elevated-card-container-color: #ffffff;
  --mat-card-outlined-outline-color: #e0e2ed;
  --mat-paginator-container-background-color: #ffffff;
  --mat-paginator-container-text-color: #5b5e68;
  --mat-divider-color: #e0e2ed;
  --mat-select-panel-background-color: #ffffff;
  --mat-menu-container-color: #ffffff;
  --mat-icon-button-icon-color: rgba(0, 0, 0, 0.6);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.06);
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.6);
  --mdc-fab-container-color: #fab300;
  --mdc-fab-icon-color: #000;
  --font-family:
    "Inter",
    system-ui,
    -apple-system,
    sans-serif;
  --color-white: #ffffff;
  --color-black: #000000;
  --accent-color: #fead12;
  --accent-color-hover: #cc8c00;
  --accent-color-light: #ffd35c;
  --bg-primary: #141414;
  --bg-secondary: #0d0d0d;
  --bg-dark: #000000;
  --bg-card-dark: #0a0a0a;
  --bg-section-dark: #000000;
  --bg-light: #1e1e1e;
  --bg-hover: rgba(254, 173, 18, 0.08);
  --text-main: #ffffff;
  --text-body: #c0c0c0;
  --text-muted: #999999;
  --text-muted-dim: rgba(255, 255, 255, 0.45);
  --text-secondary: #777777;
  --text-placeholder: #555555;
  --text-mobile: #eeeeee;
  --border-color: #2a2a2a;
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-white-subtle: rgba(254, 173, 18, 0.3);
  --overlay-dark: rgba(0, 0, 0, 0.75);
  --overlay-white-subtle: rgba(254, 173, 18, 0.08);
  --overlay-white-medium: rgba(255, 255, 255, 0.08);
  --color-placeholder: #2a2a2a;
  --bg-gradient-hero:
    linear-gradient(
      135deg,
      #000000 0%,
      #0d0900 100%);
  --bg-gradient-hero-overlay:
    linear-gradient(
      
      to right,
      rgba(0, 0, 0, 0.88) 0%,
      rgba(0, 0, 0, 0.62) 60%,
      rgba(0, 0, 0, 0.42) 100% );
  --bg-gradient-marquee:
    linear-gradient(
      90deg,
      #0d0900 0%,
      #1a1100 50%,
      #0d0900 100%);
  --bg-gradient-testimonial:
    linear-gradient(
      135deg,
      #111111 0%,
      #0a0a0a 100%);
  --bg-gradient-video-overlay:
    linear-gradient(
      
      to right,
      rgba(0, 0, 0, 0.88) 0%,
      rgba(0, 0, 0, 0.62) 60%,
      rgba(0, 0, 0, 0.42) 100% );
  --mat-sys-error: #f44336;
  --mat-sys-on-error: #ffffff;
  --mat-sys-error-container: rgba(244, 67, 54, 0.15);
  --mat-sys-on-error-container: #ff8a80;
  --color-error: #f44336;
  --color-warning: #ffb300;
  --color-info: #29b6f6;
  --color-success: #66bb6a;
}
html.dark-theme {
  --hv-bg-0: #0a0a0a;
  --hv-bg-1: #0f0f0f;
  --hv-bg-2: #141414;
  --hv-text: #e4e4e4;
  --hv-text-muted: #888888;
  --hv-text-inverted: #000000;
  --hv-accent: #fead12;
  --hv-accent-dim: rgba(254, 173, 18, 0.12);
  --hv-accent-border: rgba(254, 173, 18, 0.22);
  --hv-border: #252525;
  --hv-border-subtle: #1a1a1a;
  --hv-header-bg: rgba(5, 5, 5, 0.97);
  --hv-header-border: rgba(254, 173, 18, 0.15);
  --hv-sidebar-bg: #0d0d0d;
  --hv-sidebar-border: rgba(254, 173, 18, 0.15);
  --hv-nav-link: rgba(255, 255, 255, 0.75);
  --hv-nav-link-active: #fead12;
  --hv-burger-bar: rgba(255, 255, 255, 0.85);
  --hv-btn-primary-bg: #fead12;
  --hv-btn-primary-text: #000000;
  --hv-btn-primary-hover: #cc8c00;
  --hv-btn-outline-border: rgba(254, 173, 18, 0.4);
  --hv-btn-outline-text: rgba(255, 255, 255, 0.8);
  --hv-btn-outline-hover-bg: rgba(254, 173, 18, 0.1);
  --hv-close-btn-color: rgba(255, 255, 255, 0.7);
  --hv-mobile-nav-link: rgba(255, 255, 255, 0.8);
  --hv-mobile-nav-border: rgba(255, 255, 255, 0.06);
  --hv-lang-select-bg: rgba(18, 18, 18, 0.6);
  --hv-select-panel-bg: #161616;
  --hv-select-option-color: #e4e4e4;
  --hv-select-option-hover: rgba(254, 173, 18, 0.08);
  --hv-select-option-selected-bg: rgba(254, 173, 18, 0.12);
  --hv-select-option-selected-text: #fead12;
  --hv-select-border: rgba(254, 173, 18, 0.22);
  --hv-scrollbar-track: #0f0f0f;
  --hv-scrollbar-thumb: #333333;
  --hv-auth-card-bg: #111111;
  --hv-gold: #fead12;
  --hv-gold-dim: rgba(254, 173, 18, 0.12);
  --hv-gold-border: rgba(254, 173, 18, 0.22);
  --hv-surface-0: #080808;
  --hv-surface-1: #0f0f0f;
  --hv-surface-2: #141414;
  --hv-surface-3: #1a1a1a;
  --mat-sys-background: #080808;
  --mat-sys-surface: #0f0f0f;
  --mat-sys-surface-bright: #141414;
  --mat-sys-surface-dim: #080808;
  --mat-sys-surface-container-lowest: #080808;
  --mat-sys-surface-container-low: #141414;
  --mat-sys-surface-container: #1a1a1a;
  --mat-sys-surface-container-high: #202020;
  --mat-sys-surface-container-highest: #272727;
  --mat-sys-on-primary-container: #141414;
  --mat-sys-primary: #fead12;
  --mat-sys-on-primary: #000000;
  --mat-sys-primary-container: #1f1500;
  --mat-sys-on-background: #e4e4e4;
  --mat-sys-on-surface: #e4e4e4;
  --mat-sys-on-surface-variant: #888888;
  --mat-sys-outline: #666666;
  --mat-sys-outline-variant: #555555;
  --mat-button-protected-disabled-label-text-color: rgba(255, 255, 255, 0.5);
  --mat-form-field-outlined-outline-color: #444444;
  --mat-form-field-outlined-hover-outline-color: #666666;
  --mat-sys-inverse-primary: #fead12;
  --mat-sidenav-container-background-color: #0f0f0f;
  --mat-sidenav-container-text-color: #e4e4e4;
  --mat-sidenav-content-background-color: #080808;
  --mat-sidenav-content-text-color: #e4e4e4;
  --mat-toolbar-container-background-color: #0f0f0f;
  --mat-toolbar-container-text-color: #e4e4e4;
  --mat-table-background-color: #141414;
  --mat-table-header-headline-color: #888888;
  --mat-table-row-item-label-text-color: #e4e4e4;
  --mat-card-outlined-container-color: #141414;
  --mdc-outlined-card-container-color: #141414;
  --mdc-elevated-card-container-color: #141414;
  --mat-card-outlined-outline-color: #252525;
  --mat-paginator-container-background-color: #141414;
  --mat-paginator-container-text-color: #888888;
  --mat-divider-color: #252525;
  --mat-select-panel-background-color: #1a1a1a;
  --mat-menu-container-color: #1a1a1a;
  --mat-icon-button-icon-color: rgba(255, 255, 255, 0.75);
  --mat-icon-button-state-layer-color: rgba(255, 255, 255, 0.06);
  --mdc-icon-button-icon-color: rgba(255, 255, 255, 0.75);
  --mdc-fab-container-color: #fead12;
  --mdc-fab-icon-color: #000;
  scrollbar-color: #333 #080808;
}
@media (prefers-color-scheme: dark) {
  html:not(.light-theme):not(.dark-theme) {
    --hv-bg-0: #0a0a0a;
    --hv-bg-1: #0f0f0f;
    --hv-bg-2: #141414;
    --hv-text: #e4e4e4;
    --hv-text-muted: #888888;
    --hv-text-inverted: #000000;
    --hv-accent: #fead12;
    --hv-accent-dim: rgba(254, 173, 18, 0.12);
    --hv-accent-border: rgba(254, 173, 18, 0.22);
    --hv-border: #252525;
    --hv-border-subtle: #1a1a1a;
    --hv-header-bg: rgba(5, 5, 5, 0.97);
    --hv-header-border: rgba(254, 173, 18, 0.15);
    --hv-sidebar-bg: #0d0d0d;
    --hv-sidebar-border: rgba(254, 173, 18, 0.15);
    --hv-nav-link: rgba(255, 255, 255, 0.75);
    --hv-nav-link-active: #fead12;
    --hv-burger-bar: rgba(255, 255, 255, 0.85);
    --hv-btn-primary-bg: #fead12;
    --hv-btn-primary-text: #000000;
    --hv-btn-primary-hover: #cc8c00;
    --hv-btn-outline-border: rgba(254, 173, 18, 0.4);
    --hv-btn-outline-text: rgba(255, 255, 255, 0.8);
    --hv-btn-outline-hover-bg: rgba(254, 173, 18, 0.1);
    --hv-close-btn-color: rgba(255, 255, 255, 0.7);
    --hv-mobile-nav-link: rgba(255, 255, 255, 0.8);
    --hv-mobile-nav-border: rgba(255, 255, 255, 0.06);
    --hv-lang-select-bg: rgba(18, 18, 18, 0.6);
    --hv-select-panel-bg: #161616;
    --hv-select-option-color: #e4e4e4;
    --hv-select-option-hover: rgba(254, 173, 18, 0.08);
    --hv-select-option-selected-bg: rgba(254, 173, 18, 0.12);
    --hv-select-option-selected-text: #fead12;
    --hv-select-border: rgba(254, 173, 18, 0.22);
    --hv-scrollbar-track: #0f0f0f;
    --hv-scrollbar-thumb: #333333;
    --hv-auth-card-bg: #111111;
    --hv-gold: #fead12;
    --hv-gold-dim: rgba(254, 173, 18, 0.12);
    --hv-gold-border: rgba(254, 173, 18, 0.22);
    --hv-surface-0: #080808;
    --hv-surface-1: #0f0f0f;
    --hv-surface-2: #141414;
    --hv-surface-3: #1a1a1a;
    --mat-sys-background: #080808;
    --mat-sys-surface: #0f0f0f;
    --mat-sys-surface-bright: #141414;
    --mat-sys-surface-dim: #080808;
    --mat-sys-surface-container-lowest: #080808;
    --mat-sys-surface-container-low: #141414;
    --mat-sys-surface-container: #1a1a1a;
    --mat-sys-surface-container-high: #202020;
    --mat-sys-surface-container-highest: #272727;
    --mat-sys-on-primary-container: #141414;
    --mat-sys-primary: #fead12;
    --mat-sys-on-primary: #000000;
    --mat-sys-primary-container: #1f1500;
    --mat-sys-on-background: #e4e4e4;
    --mat-sys-on-surface: #e4e4e4;
    --mat-sys-on-surface-variant: #888888;
    --mat-sys-outline: #666666;
    --mat-sys-outline-variant: #555555;
    --mat-button-protected-disabled-label-text-color: rgba(255, 255, 255, 0.5);
    --mat-form-field-outlined-outline-color: #444444;
    --mat-form-field-outlined-hover-outline-color: #666666;
    --mat-sys-inverse-primary: #fead12;
    --mat-sidenav-container-background-color: #0f0f0f;
    --mat-sidenav-container-text-color: #e4e4e4;
    --mat-sidenav-content-background-color: #080808;
    --mat-sidenav-content-text-color: #e4e4e4;
    --mat-toolbar-container-background-color: #0f0f0f;
    --mat-toolbar-container-text-color: #e4e4e4;
    --mat-table-background-color: #141414;
    --mat-table-header-headline-color: #888888;
    --mat-table-row-item-label-text-color: #e4e4e4;
    --mat-card-outlined-container-color: #141414;
    --mdc-outlined-card-container-color: #141414;
    --mdc-elevated-card-container-color: #141414;
    --mat-card-outlined-outline-color: #252525;
    --mat-paginator-container-background-color: #141414;
    --mat-paginator-container-text-color: #888888;
    --mat-divider-color: #252525;
    --mat-select-panel-background-color: #1a1a1a;
    --mat-menu-container-color: #1a1a1a;
    --mat-icon-button-icon-color: rgba(255, 255, 255, 0.75);
    --mat-icon-button-state-layer-color: rgba(255, 255, 255, 0.06);
    --mdc-icon-button-icon-color: rgba(255, 255, 255, 0.75);
    --mdc-fab-container-color: #fead12;
    --mdc-fab-icon-color: #000;
    scrollbar-color: #333 #080808;
  }
}
html.light-theme {
  --accent-color: #fab300;
  --accent-color-hover: #d49700;
  --accent-color-light: #fab300;
  --bg-primary: #ffffff;
  --bg-secondary: #f5f7fa;
  --bg-dark: #ffffff;
  --bg-card-dark: #f0f4f8;
  --bg-light: #edf0f5;
  --bg-hover: rgba(250, 179, 0, 0.08);
  --text-main: #111827;
  --text-body: #4b5563;
  --text-muted: #6b7280;
  --text-muted-dim: rgba(17, 24, 39, 0.65);
  --text-secondary: #9ca3af;
  --text-placeholder: #9ca3af;
  --text-mobile: #111827;
  --border-color: #e2e8f0;
  --border-subtle: rgba(0, 0, 0, 0.06);
  --border-white-subtle: rgba(250, 179, 0, 0.3);
  --overlay-dark: rgba(0, 0, 0, 0.4);
  --overlay-white-subtle: rgba(250, 179, 0, 0.08);
  --overlay-white-medium: rgba(0, 0, 0, 0.06);
  --color-placeholder: #e2e8f0;
  --bg-gradient-testimonial:
    linear-gradient(
      135deg,
      #f5f7fa 0%,
      #edf0f5 100%);
}
@media (prefers-color-scheme: light) {
  html:not(.dark-theme):not(.light-theme) {
    --accent-color: #fab300;
    --accent-color-hover: #d49700;
    --accent-color-light: #fab300;
    --bg-primary: #ffffff;
    --bg-secondary: #f5f7fa;
    --bg-dark: #ffffff;
    --bg-card-dark: #f0f4f8;
    --bg-light: #edf0f5;
    --bg-hover: rgba(250, 179, 0, 0.08);
    --text-main: #111827;
    --text-body: #4b5563;
    --text-muted: #6b7280;
    --text-muted-dim: rgba(17, 24, 39, 0.65);
    --text-secondary: #9ca3af;
    --text-placeholder: #9ca3af;
    --text-mobile: #111827;
    --border-color: #e2e8f0;
    --border-subtle: rgba(0, 0, 0, 0.06);
    --border-white-subtle: rgba(250, 179, 0, 0.3);
    --overlay-dark: rgba(0, 0, 0, 0.4);
    --overlay-white-subtle: rgba(250, 179, 0, 0.08);
    --overlay-white-medium: rgba(0, 0, 0, 0.06);
    --color-placeholder: #e2e8f0;
    --bg-gradient-testimonial:
      linear-gradient(
        135deg,
        #f5f7fa 0%,
        #edf0f5 100%);
  }
}

/* apps/frontend/client/src/styles.scss */
html {
  --mat-app-background-color: #f9f9ff;
  --mat-app-text-color: #181c24;
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    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);
  --mat-app-elevation-shadow-level-2:
    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);
  --mat-app-elevation-shadow-level-3:
    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);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-ripple-color: color-mix(in srgb, #181c24 10%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, #181c24 12%, transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, #181c24 8%, transparent);
  --mat-option-label-text-color: #181c24;
  --mat-option-selected-state-label-text-color: #005225;
  --mat-option-selected-state-layer-color: #8ff9a7;
  --mat-optgroup-label-text-color: #414755;
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #f9f9ff;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #ffffff;
  --mat-pseudo-checkbox-full-selected-icon-color: #0059c7;
  --mat-pseudo-checkbox-full-unselected-icon-color: #414755;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #0059c7;
  --mat-option-label-text-size: 1rem;
  --mat-option-label-text-weight: 400;
  --mat-option-label-text-font: Roboto, sans-serif;
  --mat-option-label-text-line-height: 1.25rem;
  --mat-option-label-text-tracking: 0.006rem;
  --mat-optgroup-label-text-font: Roboto, sans-serif;
  --mat-optgroup-label-text-line-height: 1.25rem;
  --mat-optgroup-label-text-size: 0.875rem;
  --mat-optgroup-label-text-tracking: 0.006rem;
  --mat-optgroup-label-text-weight: 500;
  --mat-card-elevated-container-shape: 12px;
  --mat-card-filled-container-shape: 12px;
  --mat-card-outlined-container-shape: 12px;
  --mat-card-outlined-outline-width: 1px;
  --mat-card-elevated-container-color: #f1f3ff;
  --mat-card-elevated-container-elevation:
    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);
  --mat-card-filled-container-color: #e0e2ed;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: #f9f9ff;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: #c1c6d8;
  --mat-card-subtitle-text-color: #181c24;
  --mat-card-subtitle-text-font: Roboto, sans-serif;
  --mat-card-subtitle-text-line-height: 1.5rem;
  --mat-card-subtitle-text-size: 1rem;
  --mat-card-subtitle-text-tracking: 0.009rem;
  --mat-card-subtitle-text-weight: 500;
  --mat-card-title-text-font: Roboto, sans-serif;
  --mat-card-title-text-line-height: 1.75rem;
  --mat-card-title-text-size: 1.375rem;
  --mat-card-title-text-tracking: 0;
  --mat-card-title-text-weight: 400;
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
  --mat-progress-bar-active-indicator-color: #0059c7;
  --mat-progress-bar-track-color: #dde2f4;
  --mat-tooltip-container-shape: 4px;
  --mat-tooltip-container-color: #2d3039;
  --mat-tooltip-supporting-text-color: #eef0fc;
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-line-height: 1rem;
  --mat-tooltip-supporting-text-size: 0.75rem;
  --mat-tooltip-supporting-text-tracking: 0.025rem;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-form-field-filled-active-indicator-height: 1px;
  --mat-form-field-filled-focus-active-indicator-height: 2px;
  --mat-form-field-filled-container-shape: 4px;
  --mat-form-field-outlined-outline-width: 1px;
  --mat-form-field-outlined-focus-outline-width: 2px;
  --mat-form-field-outlined-container-shape: 4px;
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-form-field-enabled-select-arrow-color: #414755;
  --mat-form-field-error-focus-trailing-icon-color: #ba1a1a;
  --mat-form-field-error-hover-trailing-icon-color: #930009;
  --mat-form-field-error-text-color: #ba1a1a;
  --mat-form-field-error-trailing-icon-color: #ba1a1a;
  --mat-form-field-filled-active-indicator-color: #414755;
  --mat-form-field-filled-caret-color: #0059c7;
  --mat-form-field-filled-container-color: #dde2f4;
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, #181c24 4%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-form-field-filled-error-active-indicator-color: #ba1a1a;
  --mat-form-field-filled-error-caret-color: #ba1a1a;
  --mat-form-field-filled-error-focus-active-indicator-color: #ba1a1a;
  --mat-form-field-filled-error-focus-label-text-color: #ba1a1a;
  --mat-form-field-filled-error-hover-active-indicator-color: #930009;
  --mat-form-field-filled-error-hover-label-text-color: #930009;
  --mat-form-field-filled-error-label-text-color: #ba1a1a;
  --mat-form-field-filled-focus-active-indicator-color: #0059c7;
  --mat-form-field-filled-focus-label-text-color: #0059c7;
  --mat-form-field-filled-hover-active-indicator-color: #181c24;
  --mat-form-field-filled-hover-label-text-color: #414755;
  --mat-form-field-filled-input-text-color: #181c24;
  --mat-form-field-filled-input-text-placeholder-color: #414755;
  --mat-form-field-filled-label-text-color: #414755;
  --mat-form-field-focus-select-arrow-color: #0059c7;
  --mat-form-field-focus-state-layer-opacity: 0;
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-leading-icon-color: #414755;
  --mat-form-field-outlined-caret-color: #0059c7;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #181c24 12%, transparent);
  --mat-form-field-outlined-error-caret-color: #ba1a1a;
  --mat-form-field-outlined-error-focus-label-text-color: #ba1a1a;
  --mat-form-field-outlined-error-focus-outline-color: #ba1a1a;
  --mat-form-field-outlined-error-hover-label-text-color: #930009;
  --mat-form-field-outlined-error-hover-outline-color: #930009;
  --mat-form-field-outlined-error-label-text-color: #ba1a1a;
  --mat-form-field-outlined-error-outline-color: #ba1a1a;
  --mat-form-field-outlined-focus-label-text-color: #0059c7;
  --mat-form-field-outlined-focus-outline-color: #0059c7;
  --mat-form-field-outlined-hover-label-text-color: #181c24;
  --mat-form-field-outlined-hover-outline-color: #181c24;
  --mat-form-field-outlined-input-text-color: #181c24;
  --mat-form-field-outlined-input-text-placeholder-color: #414755;
  --mat-form-field-outlined-label-text-color: #414755;
  --mat-form-field-outlined-outline-color: #727787;
  --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-form-field-select-option-text-color: #181c24;
  --mat-form-field-state-layer-color: #181c24;
  --mat-form-field-trailing-icon-color: #414755;
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
  --mat-form-field-container-text-font: Roboto, sans-serif;
  --mat-form-field-container-text-line-height: 1.5rem;
  --mat-form-field-container-text-size: 1rem;
  --mat-form-field-container-text-tracking: 0.031rem;
  --mat-form-field-container-text-weight: 400;
  --mat-form-field-subscript-text-font: Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height: 1rem;
  --mat-form-field-subscript-text-size: 0.75rem;
  --mat-form-field-subscript-text-tracking: 0.025rem;
  --mat-form-field-subscript-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 1rem;
  --mat-form-field-outlined-label-text-tracking: 0.031rem;
  --mat-form-field-outlined-label-text-weight: 400;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 1rem;
  --mat-form-field-filled-label-text-tracking: 0.031rem;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-select-container-elevation-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);
  --mat-select-panel-background-color: #ebedf9;
  --mat-select-enabled-trigger-text-color: #181c24;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-select-placeholder-text-color: #414755;
  --mat-select-enabled-arrow-color: #414755;
  --mat-select-disabled-arrow-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-select-focused-arrow-color: #0059c7;
  --mat-select-invalid-arrow-color: #ba1a1a;
  --mat-select-arrow-transform: translateY(-8px);
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 1.5rem;
  --mat-select-trigger-text-size: 1rem;
  --mat-select-trigger-text-tracking: 0.031rem;
  --mat-select-trigger-text-weight: 400;
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-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);
  --mat-autocomplete-background-color: #ebedf9;
  --mat-dialog-actions-alignment: flex-end;
  --mat-dialog-actions-padding: 16px 24px;
  --mat-dialog-container-elevation-shadow: none;
  --mat-dialog-container-max-width: 560px;
  --mat-dialog-container-min-width: 280px;
  --mat-dialog-container-shape: 28px;
  --mat-dialog-container-small-max-width: calc(100vw - 32px);
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 6px 24px 13px;
  --mat-dialog-with-actions-content-padding: 20px 24px 0;
  --mat-dialog-container-color: #f9f9ff;
  --mat-dialog-subhead-color: #181c24;
  --mat-dialog-supporting-text-color: #414755;
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 2rem;
  --mat-dialog-subhead-size: 1.5rem;
  --mat-dialog-subhead-tracking: 0;
  --mat-dialog-subhead-weight: 400;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 1.25rem;
  --mat-dialog-supporting-text-size: 0.875rem;
  --mat-dialog-supporting-text-tracking: 0.016rem;
  --mat-dialog-supporting-text-weight: 400;
  --mat-chip-container-shape-radius: 8px;
  --mat-chip-disabled-container-opacity: 1;
  --mat-chip-elevated-container-color: transparent;
  --mat-chip-flat-selected-outline-width: 0;
  --mat-chip-outline-width: 1px;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-opacity: 1;
  --mat-chip-with-avatar-avatar-shape-radius: 24px;
  --mat-chip-with-avatar-avatar-size: 24px;
  --mat-chip-with-avatar-disabled-avatar-opacity: 0.38;
  --mat-chip-with-icon-disabled-icon-opacity: 0.38;
  --mat-chip-with-icon-icon-size: 18px;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 0.38;
  --mat-chip-disabled-label-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-chip-disabled-outline-color: color-mix(in srgb, #181c24 12%, transparent);
  --mat-chip-elevated-selected-container-color: #8ff9a7;
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, #181c24 12%, transparent);
  --mat-chip-focus-outline-color: #414755;
  --mat-chip-focus-state-layer-color: #414755;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: #414755;
  --mat-chip-hover-state-layer-opacity: 0.08;
  --mat-chip-label-text-color: #414755;
  --mat-chip-outline-color: #727787;
  --mat-chip-selected-disabled-trailing-icon-color: #181c24;
  --mat-chip-selected-focus-state-layer-color: #005225;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: #005225;
  --mat-chip-selected-hover-state-layer-opacity: 0.08;
  --mat-chip-selected-label-text-color: #005225;
  --mat-chip-selected-trailing-action-state-layer-color: #005225;
  --mat-chip-selected-trailing-icon-color: #005225;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0.12;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0.08;
  --mat-chip-trailing-action-state-layer-color: #414755;
  --mat-chip-with-icon-disabled-icon-color: #181c24;
  --mat-chip-with-icon-icon-color: #414755;
  --mat-chip-with-icon-selected-icon-color: #005225;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #181c24;
  --mat-chip-with-trailing-icon-trailing-icon-color: #414755;
  --mat-chip-container-height: 32px;
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 1.25rem;
  --mat-chip-label-text-size: 0.875rem;
  --mat-chip-label-text-tracking: 0.006rem;
  --mat-chip-label-text-weight: 500;
  --mat-slide-toggle-disabled-selected-handle-opacity: 1;
  --mat-slide-toggle-disabled-selected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-track-opacity: 0.12;
  --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38;
  --mat-slide-toggle-disabled-unselected-track-outline-width: 2px;
  --mat-slide-toggle-handle-shape: 9999px;
  --mat-slide-toggle-hidden-track-opacity: 0;
  --mat-slide-toggle-hidden-track-transition: opacity 75ms;
  --mat-slide-toggle-pressed-handle-size: 28px;
  --mat-slide-toggle-selected-handle-horizontal-margin: 0 24px;
  --mat-slide-toggle-selected-handle-size: 24px;
  --mat-slide-toggle-selected-icon-size: 16px;
  --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0 22px;
  --mat-slide-toggle-selected-track-outline-color: transparent;
  --mat-slide-toggle-selected-track-outline-width: 2px;
  --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0 24px;
  --mat-slide-toggle-state-layer-size: 40px;
  --mat-slide-toggle-track-height: 32px;
  --mat-slide-toggle-track-outline-width: 2px;
  --mat-slide-toggle-track-shape: 9999px;
  --mat-slide-toggle-track-width: 52px;
  --mat-slide-toggle-unselected-handle-horizontal-margin: 0 8px;
  --mat-slide-toggle-unselected-handle-size: 16px;
  --mat-slide-toggle-unselected-icon-size: 16px;
  --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0 2px;
  --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0 4px;
  --mat-slide-toggle-visible-track-opacity: 1;
  --mat-slide-toggle-visible-track-transition: opacity 75ms;
  --mat-slide-toggle-with-icon-handle-size: 24px;
  --mat-slide-toggle-touch-target-size: 48px;
  --mat-slide-toggle-disabled-label-text-color: #181c24;
  --mat-slide-toggle-disabled-selected-handle-color: #f9f9ff;
  --mat-slide-toggle-disabled-selected-icon-color: #181c24;
  --mat-slide-toggle-disabled-selected-track-color: #181c24;
  --mat-slide-toggle-disabled-unselected-handle-color: #181c24;
  --mat-slide-toggle-disabled-unselected-icon-color: #dde2f4;
  --mat-slide-toggle-disabled-unselected-track-color: #dde2f4;
  --mat-slide-toggle-disabled-unselected-track-outline-color: #181c24;
  --mat-slide-toggle-label-text-color: #181c24;
  --mat-slide-toggle-selected-focus-handle-color: #d9e2ff;
  --mat-slide-toggle-selected-focus-state-layer-color: #0059c7;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-focus-track-color: #0059c7;
  --mat-slide-toggle-selected-handle-color: #ffffff;
  --mat-slide-toggle-selected-hover-handle-color: #d9e2ff;
  --mat-slide-toggle-selected-hover-state-layer-color: #0059c7;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-selected-hover-track-color: #0059c7;
  --mat-slide-toggle-selected-icon-color: #004398;
  --mat-slide-toggle-selected-pressed-handle-color: #d9e2ff;
  --mat-slide-toggle-selected-pressed-state-layer-color: #0059c7;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-pressed-track-color: #0059c7;
  --mat-slide-toggle-selected-track-color: #0059c7;
  --mat-slide-toggle-track-outline-color: #727787;
  --mat-slide-toggle-unselected-focus-handle-color: #414755;
  --mat-slide-toggle-unselected-focus-state-layer-color: #181c24;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-focus-track-color: #dde2f4;
  --mat-slide-toggle-unselected-handle-color: #727787;
  --mat-slide-toggle-unselected-hover-handle-color: #414755;
  --mat-slide-toggle-unselected-hover-state-layer-color: #181c24;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-unselected-hover-track-color: #dde2f4;
  --mat-slide-toggle-unselected-icon-color: #dde2f4;
  --mat-slide-toggle-unselected-pressed-handle-color: #414755;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #181c24;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-pressed-track-color: #dde2f4;
  --mat-slide-toggle-unselected-track-color: #dde2f4;
  --mat-slide-toggle-touch-target-display: block;
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 1.25rem;
  --mat-slide-toggle-label-text-size: 0.875rem;
  --mat-slide-toggle-label-text-tracking: 0.016rem;
  --mat-slide-toggle-label-text-weight: 400;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-touch-target-size: 48px;
  --mat-radio-checked-ripple-color: #0059c7;
  --mat-radio-disabled-label-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-radio-disabled-selected-icon-color: #181c24;
  --mat-radio-disabled-unselected-icon-color: #181c24;
  --mat-radio-label-text-color: #181c24;
  --mat-radio-ripple-color: #181c24;
  --mat-radio-selected-focus-icon-color: #0059c7;
  --mat-radio-selected-hover-icon-color: #0059c7;
  --mat-radio-selected-icon-color: #0059c7;
  --mat-radio-selected-pressed-icon-color: #0059c7;
  --mat-radio-unselected-focus-icon-color: #181c24;
  --mat-radio-unselected-hover-icon-color: #181c24;
  --mat-radio-unselected-icon-color: #414755;
  --mat-radio-unselected-pressed-icon-color: #181c24;
  --mat-radio-touch-target-display: block;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 1.25rem;
  --mat-radio-label-text-size: 0.875rem;
  --mat-radio-label-text-tracking: 0.016rem;
  --mat-radio-label-text-weight: 400;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-value-indicator-padding: 0;
  --mat-slider-value-indicator-width: 28px;
  --mat-slider-value-indicator-height: 28px;
  --mat-slider-value-indicator-caret-display: none;
  --mat-slider-value-indicator-border-radius: 50% 50% 50% 0;
  --mat-slider-value-indicator-text-transform: rotate(45deg);
  --mat-slider-value-indicator-container-transform: translateX(-50%) rotate(-45deg);
  --mat-slider-active-track-height: 4px;
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.38;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.38;
  --mat-slider-value-indicator-transform-origin: 0 28px;
  --mat-slider-active-track-color: #0059c7;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-disabled-active-track-color: #181c24;
  --mat-slider-disabled-handle-color: #181c24;
  --mat-slider-disabled-inactive-track-color: #181c24;
  --mat-slider-focus-handle-color: #0059c7;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #0059c7 20%, transparent);
  --mat-slider-handle-color: #0059c7;
  --mat-slider-handle-elevation:
    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);
  --mat-slider-handle-shape: 9999px;
  --mat-slider-hover-handle-color: #0059c7;
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #0059c7 5%, transparent);
  --mat-slider-inactive-track-color: #dde2f4;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-label-container-color: #0059c7;
  --mat-slider-label-label-text-color: #ffffff;
  --mat-slider-ripple-color: #0059c7;
  --mat-slider-with-overlap-handle-outline-color: #ffffff;
  --mat-slider-with-tick-marks-active-container-color: #ffffff;
  --mat-slider-with-tick-marks-container-shape: 9999px;
  --mat-slider-with-tick-marks-disabled-container-color: #181c24;
  --mat-slider-with-tick-marks-inactive-container-color: #414755;
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-line-height: 1rem;
  --mat-slider-label-label-text-size: 0.75rem;
  --mat-slider-label-label-text-tracking: 0.031rem;
  --mat-slider-label-label-text-weight: 500;
  --mat-menu-divider-bottom-spacing: 8px;
  --mat-menu-divider-top-spacing: 8px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-spacing: 12px;
  --mat-menu-item-leading-spacing: 12px;
  --mat-menu-item-trailing-spacing: 12px;
  --mat-menu-item-with-icon-leading-spacing: 12px;
  --mat-menu-item-with-icon-trailing-spacing: 12px;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-color: #dde2f4;
  --mat-menu-item-label-text-color: #181c24;
  --mat-menu-item-icon-color: #414755;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, #181c24 8%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, #181c24 12%, transparent);
  --mat-menu-container-color: #ebedf9;
  --mat-menu-container-elevation-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);
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-line-height: 1.25rem;
  --mat-menu-item-label-text-size: 0.875rem;
  --mat-menu-item-label-text-tracking: 0.006rem;
  --mat-menu-item-label-text-weight: 500;
  --mat-list-active-indicator-color: #8ff9a7;
  --mat-list-active-indicator-shape: 9999px;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-disabled-label-text-color: #181c24;
  --mat-list-list-item-disabled-label-text-opacity: 0.3;
  --mat-list-list-item-disabled-leading-icon-color: #181c24;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-state-layer-color: #181c24;
  --mat-list-list-item-disabled-state-layer-opacity: 0.12;
  --mat-list-list-item-disabled-trailing-icon-color: #181c24;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-focus-label-text-color: #181c24;
  --mat-list-list-item-focus-state-layer-color: #181c24;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-hover-label-text-color: #181c24;
  --mat-list-list-item-hover-state-layer-color: #181c24;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-label-text-color: #181c24;
  --mat-list-list-item-leading-avatar-color: #d9e2ff;
  --mat-list-list-item-leading-avatar-shape: 9999px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-leading-icon-color: #414755;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-selected-trailing-icon-color: #0059c7;
  --mat-list-list-item-supporting-text-color: #414755;
  --mat-list-list-item-trailing-icon-color: #414755;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-trailing-supporting-text-color: #414755;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 16px;
  --mat-list-list-item-one-line-container-height: 48px;
  --mat-list-list-item-two-line-container-height: 64px;
  --mat-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 1.5rem;
  --mat-list-list-item-label-text-size: 1rem;
  --mat-list-list-item-label-text-tracking: 0.031rem;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 1.25rem;
  --mat-list-list-item-supporting-text-size: 0.875rem;
  --mat-list-list-item-supporting-text-tracking: 0.016rem;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 1rem;
  --mat-list-list-item-trailing-supporting-text-size: 0.688rem;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.031rem;
  --mat-list-list-item-trailing-supporting-text-weight: 500;
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
  --mat-paginator-container-text-color: #181c24;
  --mat-paginator-container-background-color: #f9f9ff;
  --mat-paginator-disabled-icon-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-paginator-enabled-icon-color: #414755;
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
  --mat-paginator-container-text-font: Roboto, sans-serif;
  --mat-paginator-container-text-line-height: 1rem;
  --mat-paginator-container-text-size: 0.75rem;
  --mat-paginator-container-text-tracking: 0.025rem;
  --mat-paginator-container-text-weight: 400;
  --mat-paginator-select-trigger-text-size: 0.75rem;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
  --mat-tab-divider-height: 1px;
  --mat-tab-active-focus-indicator-color: #0059c7;
  --mat-tab-active-focus-label-text-color: #181c24;
  --mat-tab-active-hover-indicator-color: #0059c7;
  --mat-tab-active-hover-label-text-color: #181c24;
  --mat-tab-active-indicator-color: #0059c7;
  --mat-tab-active-label-text-color: #181c24;
  --mat-tab-active-ripple-color: #181c24;
  --mat-tab-divider-color: #dde2f4;
  --mat-tab-inactive-focus-label-text-color: #181c24;
  --mat-tab-inactive-hover-label-text-color: #181c24;
  --mat-tab-inactive-label-text-color: #181c24;
  --mat-tab-inactive-ripple-color: #181c24;
  --mat-tab-pagination-icon-color: #181c24;
  --mat-tab-disabled-ripple-color: #414755;
  --mat-tab-container-height: 48px;
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-line-height: 1.25rem;
  --mat-tab-label-text-size: 0.875rem;
  --mat-tab-label-text-tracking: 0.006rem;
  --mat-tab-label-text-weight: 500;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.08;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.08;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-checkbox-disabled-selected-checkmark-color: #f9f9ff;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-checkbox-label-text-color: #181c24;
  --mat-checkbox-selected-checkmark-color: #ffffff;
  --mat-checkbox-selected-focus-icon-color: #0059c7;
  --mat-checkbox-selected-focus-state-layer-color: #0059c7;
  --mat-checkbox-selected-hover-icon-color: #0059c7;
  --mat-checkbox-selected-hover-state-layer-color: #0059c7;
  --mat-checkbox-selected-icon-color: #0059c7;
  --mat-checkbox-selected-pressed-icon-color: #0059c7;
  --mat-checkbox-selected-pressed-state-layer-color: #181c24;
  --mat-checkbox-unselected-focus-icon-color: #181c24;
  --mat-checkbox-unselected-focus-state-layer-color: #181c24;
  --mat-checkbox-unselected-hover-icon-color: #181c24;
  --mat-checkbox-unselected-hover-state-layer-color: #181c24;
  --mat-checkbox-unselected-icon-color: #414755;
  --mat-checkbox-unselected-pressed-state-layer-color: #0059c7;
  --mat-checkbox-touch-target-display: block;
  --mat-checkbox-state-layer-size: 40px;
  --mat-checkbox-label-text-font: Roboto, sans-serif;
  --mat-checkbox-label-text-line-height: 1.25rem;
  --mat-checkbox-label-text-size: 0.875rem;
  --mat-checkbox-label-text-tracking: 0.016rem;
  --mat-checkbox-label-text-weight: 400;
  --mat-button-filled-container-shape: 9999px;
  --mat-button-filled-horizontal-padding: 24px;
  --mat-button-filled-icon-offset: -8px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 9999px;
  --mat-button-outlined-horizontal-padding: 24px;
  --mat-button-outlined-icon-offset: -8px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-container-shape: 9999px;
  --mat-button-protected-horizontal-padding: 24px;
  --mat-button-protected-icon-offset: -8px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 9999px;
  --mat-button-text-horizontal-padding: 12px;
  --mat-button-text-icon-offset: -4px;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 16px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 9999px;
  --mat-button-tonal-horizontal-padding: 24px;
  --mat-button-tonal-icon-offset: -8px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
  --mat-button-filled-container-color: #0059c7;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, #181c24 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: #414755;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: #ffffff;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, #ffffff 12%, transparent);
  --mat-button-filled-state-layer-color: #ffffff;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-button-outlined-disabled-outline-color: color-mix(in srgb, #181c24 12%, transparent);
  --mat-button-outlined-disabled-state-layer-color: #414755;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: #0059c7;
  --mat-button-outlined-outline-color: #727787;
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, #0059c7 12%, transparent);
  --mat-button-outlined-state-layer-color: #0059c7;
  --mat-button-protected-container-color: #f9f9ff;
  --mat-button-protected-container-elevation-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);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, #181c24 12%, transparent);
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: #414755;
  --mat-button-protected-focus-container-elevation-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);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-container-elevation-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);
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: #0059c7;
  --mat-button-protected-pressed-container-elevation-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);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, #0059c7 12%, transparent);
  --mat-button-protected-state-layer-color: #0059c7;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-button-text-disabled-state-layer-color: #414755;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: #0059c7;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, #0059c7 12%, transparent);
  --mat-button-text-state-layer-color: #0059c7;
  --mat-button-tonal-container-color: #8ff9a7;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, #181c24 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: #414755;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: #005225;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #005225 12%, transparent);
  --mat-button-tonal-state-layer-color: #005225;
  --mat-button-filled-touch-target-display: block;
  --mat-button-filled-container-height: 40px;
  --mat-button-outlined-container-height: 40px;
  --mat-button-outlined-touch-target-display: block;
  --mat-button-protected-touch-target-display: block;
  --mat-button-protected-container-height: 40px;
  --mat-button-text-touch-target-display: block;
  --mat-button-text-container-height: 40px;
  --mat-button-tonal-container-height: 40px;
  --mat-button-tonal-touch-target-display: block;
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 0.875rem;
  --mat-button-filled-label-text-tracking: 0.006rem;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 0.875rem;
  --mat-button-outlined-label-text-tracking: 0.006rem;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 0.875rem;
  --mat-button-protected-label-text-tracking: 0.006rem;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 0.875rem;
  --mat-button-text-label-text-tracking: 0.006rem;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 0.875rem;
  --mat-button-tonal-label-text-tracking: 0.006rem;
  --mat-button-tonal-label-text-weight: 500;
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 9999px;
  --mat-icon-button-touch-target-size: 48px;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: #414755;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: #414755;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, #414755 12%, transparent);
  --mat-icon-button-state-layer-color: #414755;
  --mat-icon-button-touch-target-display: block;
  --mat-icon-button-state-layer-size: 40px;
  --mat-fab-container-shape: 16px;
  --mat-fab-extended-container-height: 56px;
  --mat-fab-extended-container-shape: 16px;
  --mat-fab-small-container-shape: 12px;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-small-touch-target-size: 48px;
  --mat-fab-container-color: #d9e2ff;
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, #181c24 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow: 6;
  --mat-fab-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: #004398;
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, #004398 12%, transparent);
  --mat-fab-small-container-color: #d9e2ff;
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, #181c24 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-fab-small-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: #004398;
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, #004398 12%, transparent);
  --mat-fab-small-state-layer-color: #004398;
  --mat-fab-state-layer-color: #004398;
  --mat-fab-touch-target-display: block;
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 0.875rem;
  --mat-fab-extended-label-text-tracking: 0.006rem;
  --mat-fab-extended-label-text-weight: 500;
  --mat-snack-bar-container-shape: 4px;
  --mat-snack-bar-button-color: #afc6ff;
  --mat-snack-bar-container-color: #2d3039;
  --mat-snack-bar-supporting-text-color: #eef0fc;
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 1.25rem;
  --mat-snack-bar-supporting-text-size: 0.875rem;
  --mat-snack-bar-supporting-text-weight: 400;
  --mat-table-row-item-outline-width: 1px;
  --mat-table-background-color: #f9f9ff;
  --mat-table-header-headline-color: #181c24;
  --mat-table-row-item-label-text-color: #181c24;
  --mat-table-row-item-outline-color: #727787;
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 1.25rem;
  --mat-table-header-headline-size: 0.875rem;
  --mat-table-header-headline-tracking: 0.006rem;
  --mat-table-header-headline-weight: 500;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 1.25rem;
  --mat-table-row-item-label-text-size: 0.875rem;
  --mat-table-row-item-label-text-tracking: 0.016rem;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 1.25rem;
  --mat-table-footer-supporting-text-size: 0.875rem;
  --mat-table-footer-supporting-text-tracking: 0.016rem;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-progress-spinner-size: 48px;
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-active-indicator-color: #0059c7;
  --mat-badge-container-offset: -12px 0;
  --mat-badge-container-overlap-offset: -12px;
  --mat-badge-container-padding: 0 4px;
  --mat-badge-container-shape: 9999px;
  --mat-badge-container-size: 16px;
  --mat-badge-large-size-container-offset: -12px 0;
  --mat-badge-large-size-container-overlap-offset: -12px;
  --mat-badge-large-size-container-padding: 0 4px;
  --mat-badge-large-size-container-size: 16px;
  --mat-badge-legacy-container-size: unset;
  --mat-badge-legacy-large-size-container-size: unset;
  --mat-badge-legacy-small-size-container-size: unset;
  --mat-badge-small-size-container-offset: -6px 0;
  --mat-badge-small-size-container-overlap-offset: -6px;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-small-size-container-size: 6px;
  --mat-badge-background-color: #ba1a1a;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, #ba1a1a 38%, transparent);
  --mat-badge-disabled-state-text-color: #ffffff;
  --mat-badge-text-color: #ffffff;
  --mat-badge-large-size-line-height: 16px;
  --mat-badge-large-size-text-size: 0.688rem;
  --mat-badge-line-height: 16px;
  --mat-badge-small-size-line-height: 6px;
  --mat-badge-small-size-text-size: 0;
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-text-size: 0.688rem;
  --mat-badge-text-weight: 500;
  --mat-bottom-sheet-container-shape: 28px;
  --mat-bottom-sheet-container-text-color: #181c24;
  --mat-bottom-sheet-container-background-color: #f1f3ff;
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 1.5rem;
  --mat-bottom-sheet-container-text-size: 1rem;
  --mat-bottom-sheet-container-text-tracking: 0.031rem;
  --mat-bottom-sheet-container-text-weight: 400;
  --mat-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.08;
  --mat-button-toggle-shape: 28px;
  --mat-button-toggle-background-color: transparent;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, #181c24 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: transparent;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-button-toggle-divider-color: #727787;
  --mat-button-toggle-selected-state-background-color: #8ff9a7;
  --mat-button-toggle-selected-state-text-color: #005225;
  --mat-button-toggle-state-layer-color: #181c24;
  --mat-button-toggle-text-color: #181c24;
  --mat-button-toggle-height: 40px;
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 1.25rem;
  --mat-button-toggle-label-text-size: 0.875rem;
  --mat-button-toggle-label-text-tracking: 0.006rem;
  --mat-button-toggle-label-text-weight: 500;
  --mat-datepicker-calendar-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-shape: 16px;
  --mat-datepicker-calendar-container-touch-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-shape: 28px;
  --mat-datepicker-calendar-body-label-text-color: #181c24;
  --mat-datepicker-calendar-container-background-color: #e6e8f3;
  --mat-datepicker-calendar-container-text-color: #181c24;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #181c24 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #181c24 8%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #ffdbc9;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #006d34;
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #8ff9a7;
  --mat-datepicker-calendar-date-in-range-state-background-color: #d9e2ff;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-preview-state-outline-color: #0059c7;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-datepicker-calendar-date-selected-state-background-color: #0059c7;
  --mat-datepicker-calendar-date-selected-state-text-color: #ffffff;
  --mat-datepicker-calendar-date-text-color: #181c24;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-datepicker-calendar-date-today-outline-color: #0059c7;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #0059c7;
  --mat-datepicker-calendar-header-divider-color: transparent;
  --mat-datepicker-calendar-header-text-color: #414755;
  --mat-datepicker-calendar-navigation-button-icon-color: #414755;
  --mat-datepicker-calendar-period-button-icon-color: #414755;
  --mat-datepicker-calendar-period-button-text-color: #414755;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-datepicker-range-input-separator-color: #181c24;
  --mat-datepicker-toggle-active-state-icon-color: #0059c7;
  --mat-datepicker-toggle-icon-color: #414755;
  --mat-datepicker-calendar-body-label-text-size: 0.875rem;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 0.875rem;
  --mat-datepicker-calendar-header-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 0.875rem;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 0.875rem;
  --mat-divider-width: 1px;
  --mat-divider-color: #c1c6d8;
  --mat-expansion-container-shape: 12px;
  --mat-expansion-header-indicator-display: inline-block;
  --mat-expansion-legacy-header-indicator-display: none;
  --mat-expansion-container-elevation-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);
  --mat-expansion-actions-divider-color: #727787;
  --mat-expansion-container-background-color: #f9f9ff;
  --mat-expansion-container-text-color: #181c24;
  --mat-expansion-header-description-color: #414755;
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, #181c24 12%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, #181c24 8%, transparent);
  --mat-expansion-header-indicator-color: #414755;
  --mat-expansion-header-text-color: #181c24;
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 1.5rem;
  --mat-expansion-container-text-size: 1rem;
  --mat-expansion-container-text-tracking: 0.031rem;
  --mat-expansion-container-text-weight: 400;
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-line-height: 1.5rem;
  --mat-expansion-header-text-size: 1rem;
  --mat-expansion-header-text-tracking: 0.009rem;
  --mat-expansion-header-text-weight: 500;
  --mat-grid-list-tile-header-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;
  --mat-grid-list-tile-header-secondary-text-size: 400 0.875rem / 1.25rem Roboto, sans-serif;
  --mat-grid-list-tile-footer-primary-text-size: 400 1rem / 1.5rem Roboto, sans-serif;
  --mat-grid-list-tile-footer-secondary-text-size: 400 0.875rem / 1.25rem Roboto, sans-serif;
  --mat-icon-color: inherit;
  --mat-sidenav-container-shape: 16px;
  --mat-sidenav-container-elevation-shadow: none;
  --mat-sidenav-container-width: 360px;
  --mat-sidenav-container-divider-color: transparent;
  --mat-sidenav-container-background-color: #f9f9ff;
  --mat-sidenav-container-text-color: #414755;
  --mat-sidenav-content-background-color: #f9f9ff;
  --mat-sidenav-content-text-color: #181c24;
  --mat-sidenav-scrim-color: color-mix(in srgb, #2b303e 40%, transparent);
  --mat-stepper-header-error-state-icon-background-color: transparent;
  --mat-stepper-header-focus-state-layer-shape: 12px;
  --mat-stepper-header-hover-state-layer-shape: 12px;
  --mat-stepper-container-color: #f9f9ff;
  --mat-stepper-header-done-state-icon-background-color: #0059c7;
  --mat-stepper-header-done-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-edit-state-icon-background-color: #0059c7;
  --mat-stepper-header-edit-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-error-state-icon-foreground-color: #ba1a1a;
  --mat-stepper-header-error-state-label-text-color: #ba1a1a;
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #181c24 12%, transparent);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #181c24 8%, transparent);
  --mat-stepper-header-icon-background-color: #414755;
  --mat-stepper-header-icon-foreground-color: #f9f9ff;
  --mat-stepper-header-label-text-color: #414755;
  --mat-stepper-header-optional-label-text-color: #414755;
  --mat-stepper-header-selected-state-icon-background-color: #0059c7;
  --mat-stepper-header-selected-state-icon-foreground-color: #ffffff;
  --mat-stepper-header-selected-state-label-text-color: #414755;
  --mat-stepper-line-color: #727787;
  --mat-stepper-header-height: 72px;
  --mat-stepper-container-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Roboto, sans-serif;
  --mat-stepper-header-label-text-size: 0.875rem;
  --mat-stepper-header-label-text-weight: 500;
  --mat-stepper-header-error-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-size: 0.875rem;
  --mat-stepper-header-selected-state-label-text-weight: 500;
  --mat-stepper-header-height: 72px;
  --mat-sort-arrow-color: #181c24;
  --mat-toolbar-container-background-color: #f9f9ff;
  --mat-toolbar-container-text-color: #181c24;
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 1.75rem;
  --mat-toolbar-title-text-size: 1.375rem;
  --mat-toolbar-title-text-tracking: 0;
  --mat-toolbar-title-text-weight: 400;
  --mat-tree-container-background-color: #f9f9ff;
  --mat-tree-node-text-color: #181c24;
  --mat-tree-node-min-height: 48px;
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 1rem;
  --mat-tree-node-text-weight: 400;
  --mat-timepicker-container-shape: 4px;
  --mat-timepicker-container-background-color: #ebedf9;
  --mat-timepicker-container-elevation-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);
  --mat-sys-background: #f9f9ff;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad5;
  --mat-sys-inverse-on-surface: #eef0fc;
  --mat-sys-inverse-primary: #afc6ff;
  --mat-sys-inverse-surface: #2d3039;
  --mat-sys-on-background: #181c24;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #930009;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #004398;
  --mat-sys-on-primary-fixed: #001a43;
  --mat-sys-on-primary-fixed-variant: #004398;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #005225;
  --mat-sys-on-secondary-fixed: #00210b;
  --mat-sys-on-secondary-fixed-variant: #005225;
  --mat-sys-on-surface: #181c24;
  --mat-sys-on-surface-variant: #414755;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #753400;
  --mat-sys-on-tertiary-fixed: #321200;
  --mat-sys-on-tertiary-fixed-variant: #753400;
  --mat-sys-outline: #727787;
  --mat-sys-outline-variant: #c1c6d8;
  --mat-sys-primary: #0059c7;
  --mat-sys-primary-container: #d9e2ff;
  --mat-sys-primary-fixed: #d9e2ff;
  --mat-sys-primary-fixed-dim: #afc6ff;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #006d34;
  --mat-sys-secondary-container: #8ff9a7;
  --mat-sys-secondary-fixed: #8ff9a7;
  --mat-sys-secondary-fixed-dim: #73dc8d;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #f9f9ff;
  --mat-sys-surface-bright: #f9f9ff;
  --mat-sys-surface-container: #ebedf9;
  --mat-sys-surface-container-high: #e6e8f3;
  --mat-sys-surface-container-highest: #e0e2ed;
  --mat-sys-surface-container-low: #f1f3ff;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #d7d9e5;
  --mat-sys-surface-tint: #0059c7;
  --mat-sys-surface-variant: #dde2f4;
  --mat-sys-tertiary: #9a4600;
  --mat-sys-tertiary-container: #ffdbc9;
  --mat-sys-tertiary-fixed: #ffdbc9;
  --mat-sys-tertiary-fixed-dim: #ffb68c;
  --mat-sys-neutral-variant20: #2b303e;
  --mat-sys-neutral10: #181c24;
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto, sans-serif;
  --mat-sys-body-large-font: Roboto, sans-serif;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto, sans-serif;
  --mat-sys-body-medium-font: Roboto, sans-serif;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto, sans-serif;
  --mat-sys-body-small-font: Roboto, sans-serif;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto, sans-serif;
  --mat-sys-display-large-font: Roboto, sans-serif;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto, sans-serif;
  --mat-sys-display-medium-font: Roboto, sans-serif;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto, sans-serif;
  --mat-sys-display-small-font: Roboto, sans-serif;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto, sans-serif;
  --mat-sys-headline-large-font: Roboto, sans-serif;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto, sans-serif;
  --mat-sys-headline-medium-font: Roboto, sans-serif;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto, sans-serif;
  --mat-sys-headline-small-font: Roboto, sans-serif;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto, sans-serif;
  --mat-sys-label-large-font: Roboto, sans-serif;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto, sans-serif;
  --mat-sys-label-medium-font: Roboto, sans-serif;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto, sans-serif;
  --mat-sys-label-small-font: Roboto, sans-serif;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto, sans-serif;
  --mat-sys-title-large-font: Roboto, sans-serif;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto, sans-serif;
  --mat-sys-title-medium-font: Roboto, sans-serif;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto, sans-serif;
  --mat-sys-title-small-font: Roboto, sans-serif;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-level0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1:
    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);
  --mat-sys-level2:
    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);
  --mat-sys-level3:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-primary: #002964;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-primary-container: #00459d;
  --mat-sys-on-primary-container: #ffffff;
  --mat-sys-inverse-primary: #afc6ff;
  --mat-sys-primary-fixed: #00459d;
  --mat-sys-primary-fixed-dim: #002f71;
  --mat-sys-on-primary-fixed: #ffffff;
  --mat-sys-on-primary-fixed-variant: #ffffff;
  --mat-sys-secondary: #003415;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-secondary-container: #005527;
  --mat-sys-on-secondary-container: #ffffff;
  --mat-sys-secondary-fixed: #005527;
  --mat-sys-secondary-fixed-dim: #003c19;
  --mat-sys-on-secondary-fixed: #ffffff;
  --mat-sys-on-secondary-fixed-variant: #ffffff;
  --mat-sys-tertiary: #4c1f00;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-tertiary-container: #793600;
  --mat-sys-on-tertiary-container: #ffffff;
  --mat-sys-tertiary-fixed: #793600;
  --mat-sys-tertiary-fixed-dim: #562400;
  --mat-sys-on-tertiary-fixed: #ffffff;
  --mat-sys-on-tertiary-fixed-variant: #ffffff;
  --mat-sys-background: #f9f9ff;
  --mat-sys-on-background: #181c24;
  --mat-sys-surface: #f9f9ff;
  --mat-sys-surface-dim: #b6b8c3;
  --mat-sys-surface-bright: #f9f9ff;
  --mat-sys-surface-container-low: #eef0fc;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-container: #e0e2ed;
  --mat-sys-surface-container-high: #d2d4df;
  --mat-sys-surface-container-highest: #c4c6d1;
  --mat-sys-on-surface: #000000;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #0059c7;
  --mat-sys-inverse-surface: #2d3039;
  --mat-sys-inverse-on-surface: #ffffff;
  --mat-sys-outline: #272c39;
  --mat-sys-outline-variant: #444958;
  --mat-sys-error: #ba1a1a;
  --mat-sys-on-error: #ffffff;
  --mat-sys-error-container: #ff897d;
  --mat-sys-on-error-container: #ffffff;
  --mat-sys-surface-variant: #dde2f4;
  --mat-sys-on-surface-variant: #000000;
}
html.dark-theme {
  --mat-app-background-color: #10131b;
  --mat-app-text-color: #e0e2ed;
  --mat-app-elevation-shadow-level-0:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:
    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);
  --mat-app-elevation-shadow-level-2:
    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);
  --mat-app-elevation-shadow-level-3:
    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);
  --mat-app-elevation-shadow-level-4:
    0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:
    0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:
    0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:
    0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:
    0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:
    0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:
    0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:
    0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:
    0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:
    0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:
    0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:
    0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:
    0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:
    0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:
    0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-ripple-color: color-mix(in srgb, #e0e2ed 10%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, #e0e2ed 12%, transparent);
  --mat-option-hover-state-layer-color: color-mix(in srgb, #e0e2ed 8%, transparent);
  --mat-option-label-text-color: #e0e2ed;
  --mat-option-selected-state-label-text-color: #8ff9a7;
  --mat-option-selected-state-layer-color: #005225;
  --mat-optgroup-label-text-color: #dde2f4;
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #10131b;
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-pseudo-checkbox-full-selected-checkmark-color: #002d6c;
  --mat-pseudo-checkbox-full-selected-icon-color: #afc6ff;
  --mat-pseudo-checkbox-full-unselected-icon-color: #dde2f4;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #afc6ff;
  --mat-card-elevated-container-color: #181c24;
  --mat-card-elevated-container-elevation:
    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);
  --mat-card-filled-container-color: #31353d;
  --mat-card-filled-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-container-color: #10131b;
  --mat-card-outlined-container-elevation:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: #414755;
  --mat-card-subtitle-text-color: #e0e2ed;
  --mat-progress-bar-active-indicator-color: #afc6ff;
  --mat-progress-bar-track-color: #414755;
  --mat-tooltip-container-color: #e0e2ed;
  --mat-tooltip-supporting-text-color: #2d3039;
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-form-field-enabled-select-arrow-color: #dde2f4;
  --mat-form-field-error-focus-trailing-icon-color: #ffb4ab;
  --mat-form-field-error-hover-trailing-icon-color: #ffdad5;
  --mat-form-field-error-text-color: #ffb4ab;
  --mat-form-field-error-trailing-icon-color: #ffb4ab;
  --mat-form-field-filled-active-indicator-color: #dde2f4;
  --mat-form-field-filled-caret-color: #afc6ff;
  --mat-form-field-filled-container-color: #414755;
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, #e0e2ed 4%, transparent);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-form-field-filled-error-active-indicator-color: #ffb4ab;
  --mat-form-field-filled-error-caret-color: #ffb4ab;
  --mat-form-field-filled-error-focus-active-indicator-color: #ffb4ab;
  --mat-form-field-filled-error-focus-label-text-color: #ffb4ab;
  --mat-form-field-filled-error-hover-active-indicator-color: #ffdad5;
  --mat-form-field-filled-error-hover-label-text-color: #ffdad5;
  --mat-form-field-filled-error-label-text-color: #ffb4ab;
  --mat-form-field-filled-focus-active-indicator-color: #afc6ff;
  --mat-form-field-filled-focus-label-text-color: #afc6ff;
  --mat-form-field-filled-hover-active-indicator-color: #e0e2ed;
  --mat-form-field-filled-hover-label-text-color: #dde2f4;
  --mat-form-field-filled-input-text-color: #e0e2ed;
  --mat-form-field-filled-input-text-placeholder-color: #dde2f4;
  --mat-form-field-filled-label-text-color: #dde2f4;
  --mat-form-field-focus-select-arrow-color: #afc6ff;
  --mat-form-field-focus-state-layer-opacity: 0;
  --mat-form-field-hover-state-layer-opacity: 0.08;
  --mat-form-field-leading-icon-color: #dde2f4;
  --mat-form-field-outlined-caret-color: #afc6ff;
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #e0e2ed 12%, transparent);
  --mat-form-field-outlined-error-caret-color: #ffb4ab;
  --mat-form-field-outlined-error-focus-label-text-color: #ffb4ab;
  --mat-form-field-outlined-error-focus-outline-color: #ffb4ab;
  --mat-form-field-outlined-error-hover-label-text-color: #ffdad5;
  --mat-form-field-outlined-error-hover-outline-color: #ffdad5;
  --mat-form-field-outlined-error-label-text-color: #ffb4ab;
  --mat-form-field-outlined-error-outline-color: #ffb4ab;
  --mat-form-field-outlined-focus-label-text-color: #afc6ff;
  --mat-form-field-outlined-focus-outline-color: #afc6ff;
  --mat-form-field-outlined-hover-label-text-color: #e0e2ed;
  --mat-form-field-outlined-hover-outline-color: #e0e2ed;
  --mat-form-field-outlined-input-text-color: #e0e2ed;
  --mat-form-field-outlined-input-text-placeholder-color: #dde2f4;
  --mat-form-field-outlined-label-text-color: #dde2f4;
  --mat-form-field-outlined-outline-color: #8b90a1;
  --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #181c24 38%, transparent);
  --mat-form-field-select-option-text-color: #181c24;
  --mat-form-field-state-layer-color: #e0e2ed;
  --mat-form-field-trailing-icon-color: #dde2f4;
  --mat-select-panel-background-color: #1c2028;
  --mat-select-enabled-trigger-text-color: #e0e2ed;
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-select-placeholder-text-color: #dde2f4;
  --mat-select-enabled-arrow-color: #dde2f4;
  --mat-select-disabled-arrow-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-select-focused-arrow-color: #afc6ff;
  --mat-select-invalid-arrow-color: #ffb4ab;
  --mat-autocomplete-background-color: #1c2028;
  --mat-dialog-container-color: #10131b;
  --mat-dialog-subhead-color: #e0e2ed;
  --mat-dialog-supporting-text-color: #dde2f4;
  --mat-chip-disabled-label-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-chip-disabled-outline-color: color-mix(in srgb, #e0e2ed 12%, transparent);
  --mat-chip-elevated-selected-container-color: #005225;
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, #e0e2ed 12%, transparent);
  --mat-chip-focus-outline-color: #dde2f4;
  --mat-chip-focus-state-layer-color: #dde2f4;
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: #dde2f4;
  --mat-chip-hover-state-layer-opacity: 0.08;
  --mat-chip-label-text-color: #dde2f4;
  --mat-chip-outline-color: #8b90a1;
  --mat-chip-selected-disabled-trailing-icon-color: #e0e2ed;
  --mat-chip-selected-focus-state-layer-color: #8ff9a7;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: #8ff9a7;
  --mat-chip-selected-hover-state-layer-opacity: 0.08;
  --mat-chip-selected-label-text-color: #8ff9a7;
  --mat-chip-selected-trailing-action-state-layer-color: #8ff9a7;
  --mat-chip-selected-trailing-icon-color: #8ff9a7;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0.12;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0.08;
  --mat-chip-trailing-action-state-layer-color: #dde2f4;
  --mat-chip-with-icon-disabled-icon-color: #e0e2ed;
  --mat-chip-with-icon-icon-color: #dde2f4;
  --mat-chip-with-icon-selected-icon-color: #8ff9a7;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #e0e2ed;
  --mat-chip-with-trailing-icon-trailing-icon-color: #dde2f4;
  --mat-slide-toggle-disabled-label-text-color: #e0e2ed;
  --mat-slide-toggle-disabled-selected-handle-color: #10131b;
  --mat-slide-toggle-disabled-selected-icon-color: #e0e2ed;
  --mat-slide-toggle-disabled-selected-track-color: #e0e2ed;
  --mat-slide-toggle-disabled-unselected-handle-color: #e0e2ed;
  --mat-slide-toggle-disabled-unselected-icon-color: #414755;
  --mat-slide-toggle-disabled-unselected-track-color: #414755;
  --mat-slide-toggle-disabled-unselected-track-outline-color: #e0e2ed;
  --mat-slide-toggle-label-text-color: #e0e2ed;
  --mat-slide-toggle-selected-focus-handle-color: #004398;
  --mat-slide-toggle-selected-focus-state-layer-color: #afc6ff;
  --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-focus-track-color: #afc6ff;
  --mat-slide-toggle-selected-handle-color: #002d6c;
  --mat-slide-toggle-selected-hover-handle-color: #004398;
  --mat-slide-toggle-selected-hover-state-layer-color: #afc6ff;
  --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-selected-hover-track-color: #afc6ff;
  --mat-slide-toggle-selected-icon-color: #d9e2ff;
  --mat-slide-toggle-selected-pressed-handle-color: #004398;
  --mat-slide-toggle-selected-pressed-state-layer-color: #afc6ff;
  --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-selected-pressed-track-color: #afc6ff;
  --mat-slide-toggle-selected-track-color: #afc6ff;
  --mat-slide-toggle-track-outline-color: #8b90a1;
  --mat-slide-toggle-unselected-focus-handle-color: #dde2f4;
  --mat-slide-toggle-unselected-focus-state-layer-color: #e0e2ed;
  --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-focus-track-color: #414755;
  --mat-slide-toggle-unselected-handle-color: #8b90a1;
  --mat-slide-toggle-unselected-hover-handle-color: #dde2f4;
  --mat-slide-toggle-unselected-hover-state-layer-color: #e0e2ed;
  --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08;
  --mat-slide-toggle-unselected-hover-track-color: #414755;
  --mat-slide-toggle-unselected-icon-color: #414755;
  --mat-slide-toggle-unselected-pressed-handle-color: #dde2f4;
  --mat-slide-toggle-unselected-pressed-state-layer-color: #e0e2ed;
  --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12;
  --mat-slide-toggle-unselected-pressed-track-color: #414755;
  --mat-slide-toggle-unselected-track-color: #414755;
  --mat-radio-checked-ripple-color: #afc6ff;
  --mat-radio-disabled-label-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-radio-disabled-selected-icon-color: #e0e2ed;
  --mat-radio-disabled-unselected-icon-color: #e0e2ed;
  --mat-radio-label-text-color: #e0e2ed;
  --mat-radio-ripple-color: #e0e2ed;
  --mat-radio-selected-focus-icon-color: #afc6ff;
  --mat-radio-selected-hover-icon-color: #afc6ff;
  --mat-radio-selected-icon-color: #afc6ff;
  --mat-radio-selected-pressed-icon-color: #afc6ff;
  --mat-radio-unselected-focus-icon-color: #e0e2ed;
  --mat-radio-unselected-hover-icon-color: #e0e2ed;
  --mat-radio-unselected-icon-color: #dde2f4;
  --mat-radio-unselected-pressed-icon-color: #e0e2ed;
  --mat-slider-active-track-color: #afc6ff;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-disabled-active-track-color: #e0e2ed;
  --mat-slider-disabled-handle-color: #e0e2ed;
  --mat-slider-disabled-inactive-track-color: #e0e2ed;
  --mat-slider-focus-handle-color: #afc6ff;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #afc6ff 20%, transparent);
  --mat-slider-handle-color: #afc6ff;
  --mat-slider-handle-elevation:
    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);
  --mat-slider-handle-shape: 9999px;
  --mat-slider-hover-handle-color: #afc6ff;
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #afc6ff 5%, transparent);
  --mat-slider-inactive-track-color: #414755;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-label-container-color: #afc6ff;
  --mat-slider-label-label-text-color: #002d6c;
  --mat-slider-ripple-color: #afc6ff;
  --mat-slider-with-overlap-handle-outline-color: #002d6c;
  --mat-slider-with-tick-marks-active-container-color: #002d6c;
  --mat-slider-with-tick-marks-container-shape: 9999px;
  --mat-slider-with-tick-marks-disabled-container-color: #e0e2ed;
  --mat-slider-with-tick-marks-inactive-container-color: #dde2f4;
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-color: #414755;
  --mat-menu-item-label-text-color: #e0e2ed;
  --mat-menu-item-icon-color: #dde2f4;
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, #e0e2ed 8%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, #e0e2ed 12%, transparent);
  --mat-menu-container-color: #1c2028;
  --mat-menu-container-elevation-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);
  --mat-list-active-indicator-color: #005225;
  --mat-list-active-indicator-shape: 9999px;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-disabled-label-text-color: #e0e2ed;
  --mat-list-list-item-disabled-label-text-opacity: 0.3;
  --mat-list-list-item-disabled-leading-icon-color: #e0e2ed;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-state-layer-color: #e0e2ed;
  --mat-list-list-item-disabled-state-layer-opacity: 0.12;
  --mat-list-list-item-disabled-trailing-icon-color: #e0e2ed;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-list-item-focus-label-text-color: #e0e2ed;
  --mat-list-list-item-focus-state-layer-color: #e0e2ed;
  --mat-list-list-item-focus-state-layer-opacity: 0.12;
  --mat-list-list-item-hover-label-text-color: #e0e2ed;
  --mat-list-list-item-hover-state-layer-color: #e0e2ed;
  --mat-list-list-item-hover-state-layer-opacity: 0.08;
  --mat-list-list-item-label-text-color: #e0e2ed;
  --mat-list-list-item-leading-avatar-color: #004398;
  --mat-list-list-item-leading-avatar-shape: 9999px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-leading-icon-color: #dde2f4;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-selected-trailing-icon-color: #afc6ff;
  --mat-list-list-item-supporting-text-color: #dde2f4;
  --mat-list-list-item-trailing-icon-color: #dde2f4;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-trailing-supporting-text-color: #dde2f4;
  --mat-paginator-container-text-color: #e0e2ed;
  --mat-paginator-container-background-color: #10131b;
  --mat-paginator-disabled-icon-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-paginator-enabled-icon-color: #dde2f4;
  --mat-tab-active-focus-indicator-color: #afc6ff;
  --mat-tab-active-focus-label-text-color: #e0e2ed;
  --mat-tab-active-hover-indicator-color: #afc6ff;
  --mat-tab-active-hover-label-text-color: #e0e2ed;
  --mat-tab-active-indicator-color: #afc6ff;
  --mat-tab-active-label-text-color: #e0e2ed;
  --mat-tab-active-ripple-color: #e0e2ed;
  --mat-tab-divider-color: #414755;
  --mat-tab-inactive-focus-label-text-color: #e0e2ed;
  --mat-tab-inactive-hover-label-text-color: #e0e2ed;
  --mat-tab-inactive-label-text-color: #e0e2ed;
  --mat-tab-inactive-ripple-color: #e0e2ed;
  --mat-tab-pagination-icon-color: #e0e2ed;
  --mat-tab-disabled-ripple-color: #dde2f4;
  --mat-checkbox-disabled-label-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-checkbox-disabled-selected-checkmark-color: #10131b;
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-checkbox-label-text-color: #e0e2ed;
  --mat-checkbox-selected-checkmark-color: #002d6c;
  --mat-checkbox-selected-focus-icon-color: #afc6ff;
  --mat-checkbox-selected-focus-state-layer-color: #afc6ff;
  --mat-checkbox-selected-hover-icon-color: #afc6ff;
  --mat-checkbox-selected-hover-state-layer-color: #afc6ff;
  --mat-checkbox-selected-icon-color: #afc6ff;
  --mat-checkbox-selected-pressed-icon-color: #afc6ff;
  --mat-checkbox-selected-pressed-state-layer-color: #e0e2ed;
  --mat-checkbox-unselected-focus-icon-color: #e0e2ed;
  --mat-checkbox-unselected-focus-state-layer-color: #e0e2ed;
  --mat-checkbox-unselected-hover-icon-color: #e0e2ed;
  --mat-checkbox-unselected-hover-state-layer-color: #e0e2ed;
  --mat-checkbox-unselected-icon-color: #dde2f4;
  --mat-checkbox-unselected-pressed-state-layer-color: #afc6ff;
  --mat-button-filled-container-color: #afc6ff;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, #e0e2ed 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: #dde2f4;
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.08;
  --mat-button-filled-label-text-color: #002d6c;
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, #002d6c 12%, transparent);
  --mat-button-filled-state-layer-color: #002d6c;
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-button-outlined-disabled-outline-color: color-mix(in srgb, #e0e2ed 12%, transparent);
  --mat-button-outlined-disabled-state-layer-color: #dde2f4;
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.08;
  --mat-button-outlined-label-text-color: #afc6ff;
  --mat-button-outlined-outline-color: #8b90a1;
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, #afc6ff 12%, transparent);
  --mat-button-outlined-state-layer-color: #afc6ff;
  --mat-button-protected-container-color: #10131b;
  --mat-button-protected-container-elevation-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);
  --mat-button-protected-disabled-container-color: color-mix(in srgb, #e0e2ed 12%, transparent);
  --mat-button-protected-disabled-container-elevation-shadow:
    0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: #dde2f4;
  --mat-button-protected-focus-container-elevation-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);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-container-elevation-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);
  --mat-button-protected-hover-state-layer-opacity: 0.08;
  --mat-button-protected-label-text-color: #afc6ff;
  --mat-button-protected-pressed-container-elevation-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);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, #afc6ff 12%, transparent);
  --mat-button-protected-state-layer-color: #afc6ff;
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-button-text-disabled-state-layer-color: #dde2f4;
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.08;
  --mat-button-text-label-text-color: #afc6ff;
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, #afc6ff 12%, transparent);
  --mat-button-text-state-layer-color: #afc6ff;
  --mat-button-tonal-container-color: #005225;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, #e0e2ed 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: #dde2f4;
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.08;
  --mat-button-tonal-label-text-color: #8ff9a7;
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, #8ff9a7 12%, transparent);
  --mat-button-tonal-state-layer-color: #8ff9a7;
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: #dde2f4;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.08;
  --mat-icon-button-icon-color: #dde2f4;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, #dde2f4 12%, transparent);
  --mat-icon-button-state-layer-color: #dde2f4;
  --mat-fab-container-color: #004398;
  --mat-fab-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-container-color: color-mix(in srgb, #e0e2ed 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-fab-extended-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-extended-pressed-container-elevation-shadow: 6;
  --mat-fab-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: #d9e2ff;
  --mat-fab-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-hover-state-layer-opacity: 0.08;
  --mat-fab-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, #d9e2ff 12%, transparent);
  --mat-fab-small-container-color: #004398;
  --mat-fab-small-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, #e0e2ed 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-fab-small-focus-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: #d9e2ff;
  --mat-fab-small-hover-container-elevation-shadow:
    0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-fab-small-hover-state-layer-opacity: 0.08;
  --mat-fab-small-pressed-container-elevation-shadow:
    0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, #d9e2ff 12%, transparent);
  --mat-fab-small-state-layer-color: #d9e2ff;
  --mat-fab-state-layer-color: #d9e2ff;
  --mat-snack-bar-button-color: #0059c7;
  --mat-snack-bar-container-color: #e0e2ed;
  --mat-snack-bar-supporting-text-color: #2d3039;
  --mat-table-background-color: #10131b;
  --mat-table-header-headline-color: #e0e2ed;
  --mat-table-row-item-label-text-color: #e0e2ed;
  --mat-table-row-item-outline-color: #8b90a1;
  --mat-progress-spinner-active-indicator-color: #afc6ff;
  --mat-badge-background-color: #ffb4ab;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, #ffb4ab 38%, transparent);
  --mat-badge-disabled-state-text-color: #690004;
  --mat-badge-text-color: #690004;
  --mat-bottom-sheet-container-text-color: #e0e2ed;
  --mat-bottom-sheet-container-background-color: #181c24;
  --mat-button-toggle-background-color: transparent;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, #e0e2ed 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: transparent;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-button-toggle-divider-color: #8b90a1;
  --mat-button-toggle-selected-state-background-color: #005225;
  --mat-button-toggle-selected-state-text-color: #8ff9a7;
  --mat-button-toggle-state-layer-color: #e0e2ed;
  --mat-button-toggle-text-color: #e0e2ed;
  --mat-datepicker-calendar-body-label-text-color: #e0e2ed;
  --mat-datepicker-calendar-container-background-color: #262a32;
  --mat-datepicker-calendar-container-text-color: #e0e2ed;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e0e2ed 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e0e2ed 8%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #753400;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #73dc8d;
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #005225;
  --mat-datepicker-calendar-date-in-range-state-background-color: #004398;
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-preview-state-outline-color: #afc6ff;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-datepicker-calendar-date-selected-state-background-color: #afc6ff;
  --mat-datepicker-calendar-date-selected-state-text-color: #002d6c;
  --mat-datepicker-calendar-date-text-color: #e0e2ed;
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-datepicker-calendar-date-today-outline-color: #afc6ff;
  --mat-datepicker-calendar-date-today-selected-state-outline-color: #afc6ff;
  --mat-datepicker-calendar-header-divider-color: transparent;
  --mat-datepicker-calendar-header-text-color: #dde2f4;
  --mat-datepicker-calendar-navigation-button-icon-color: #dde2f4;
  --mat-datepicker-calendar-period-button-icon-color: #dde2f4;
  --mat-datepicker-calendar-period-button-text-color: #dde2f4;
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-datepicker-range-input-separator-color: #e0e2ed;
  --mat-datepicker-toggle-active-state-icon-color: #afc6ff;
  --mat-datepicker-toggle-icon-color: #dde2f4;
  --mat-divider-color: #414755;
  --mat-expansion-actions-divider-color: #8b90a1;
  --mat-expansion-container-background-color: #10131b;
  --mat-expansion-container-text-color: #e0e2ed;
  --mat-expansion-header-description-color: #dde2f4;
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, #e0e2ed 12%, transparent);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, #e0e2ed 8%, transparent);
  --mat-expansion-header-indicator-color: #dde2f4;
  --mat-expansion-header-text-color: #e0e2ed;
  --mat-icon-color: inherit;
  --mat-sidenav-container-background-color: #10131b;
  --mat-sidenav-container-text-color: #dde2f4;
  --mat-sidenav-content-background-color: #10131b;
  --mat-sidenav-content-text-color: #e0e2ed;
  --mat-sidenav-scrim-color: color-mix(in srgb, #2b303e 40%, transparent);
  --mat-stepper-container-color: #10131b;
  --mat-stepper-header-done-state-icon-background-color: #afc6ff;
  --mat-stepper-header-done-state-icon-foreground-color: #002d6c;
  --mat-stepper-header-edit-state-icon-background-color: #afc6ff;
  --mat-stepper-header-edit-state-icon-foreground-color: #002d6c;
  --mat-stepper-header-error-state-icon-foreground-color: #ffb4ab;
  --mat-stepper-header-error-state-label-text-color: #ffb4ab;
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #e0e2ed 12%, transparent);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #e0e2ed 8%, transparent);
  --mat-stepper-header-icon-background-color: #dde2f4;
  --mat-stepper-header-icon-foreground-color: #10131b;
  --mat-stepper-header-label-text-color: #dde2f4;
  --mat-stepper-header-optional-label-text-color: #dde2f4;
  --mat-stepper-header-selected-state-icon-background-color: #afc6ff;
  --mat-stepper-header-selected-state-icon-foreground-color: #002d6c;
  --mat-stepper-header-selected-state-label-text-color: #dde2f4;
  --mat-stepper-line-color: #8b90a1;
  --mat-sort-arrow-color: #e0e2ed;
  --mat-toolbar-container-background-color: #10131b;
  --mat-toolbar-container-text-color: #e0e2ed;
  --mat-tree-container-background-color: #10131b;
  --mat-tree-node-text-color: #e0e2ed;
  --mat-timepicker-container-background-color: #1c2028;
  --mat-timepicker-container-elevation-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);
  --mat-sys-background: #10131b;
  --mat-sys-error: #ffb4ab;
  --mat-sys-error-container: #930009;
  --mat-sys-inverse-on-surface: #2d3039;
  --mat-sys-inverse-primary: #0059c7;
  --mat-sys-inverse-surface: #e0e2ed;
  --mat-sys-on-background: #e0e2ed;
  --mat-sys-on-error: #690004;
  --mat-sys-on-error-container: #ffdad5;
  --mat-sys-on-primary: #002d6c;
  --mat-sys-on-primary-container: #d9e2ff;
  --mat-sys-on-primary-fixed: #001a43;
  --mat-sys-on-primary-fixed-variant: #004398;
  --mat-sys-on-secondary: #003918;
  --mat-sys-on-secondary-container: #8ff9a7;
  --mat-sys-on-secondary-fixed: #00210b;
  --mat-sys-on-secondary-fixed-variant: #005225;
  --mat-sys-on-surface: #e0e2ed;
  --mat-sys-on-surface-variant: #dde2f4;
  --mat-sys-on-tertiary: #532200;
  --mat-sys-on-tertiary-container: #ffdbc9;
  --mat-sys-on-tertiary-fixed: #321200;
  --mat-sys-on-tertiary-fixed-variant: #753400;
  --mat-sys-outline: #8b90a1;
  --mat-sys-outline-variant: #414755;
  --mat-sys-primary: #afc6ff;
  --mat-sys-primary-container: #004398;
  --mat-sys-primary-fixed: #d9e2ff;
  --mat-sys-primary-fixed-dim: #afc6ff;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #73dc8d;
  --mat-sys-secondary-container: #005225;
  --mat-sys-secondary-fixed: #8ff9a7;
  --mat-sys-secondary-fixed-dim: #73dc8d;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #10131b;
  --mat-sys-surface-bright: #363942;
  --mat-sys-surface-container: #1c2028;
  --mat-sys-surface-container-high: #262a32;
  --mat-sys-surface-container-highest: #31353d;
  --mat-sys-surface-container-low: #181c24;
  --mat-sys-surface-container-lowest: #0b0e16;
  --mat-sys-surface-dim: #10131b;
  --mat-sys-surface-tint: #afc6ff;
  --mat-sys-surface-variant: #414755;
  --mat-sys-tertiary: #ffb68c;
  --mat-sys-tertiary-container: #753400;
  --mat-sys-tertiary-fixed: #ffdbc9;
  --mat-sys-tertiary-fixed-dim: #ffb68c;
  --mat-sys-neutral-variant20: #2b303e;
  --mat-sys-neutral10: #181c24;
  --mat-sys-primary: #ecefff;
  --mat-sys-on-primary: #000000;
  --mat-sys-primary-container: #a9c2ff;
  --mat-sys-on-primary-container: #000a23;
  --mat-sys-inverse-primary: #00449b;
  --mat-sys-primary-fixed: #d9e2ff;
  --mat-sys-primary-fixed-dim: #afc6ff;
  --mat-sys-on-primary-fixed: #000000;
  --mat-sys-on-primary-fixed-variant: #00102f;
  --mat-sys-secondary: #c0ffc9;
  --mat-sys-on-secondary: #000000;
  --mat-sys-secondary-container: #6fd88a;
  --mat-sys-on-secondary-container: #000f03;
  --mat-sys-secondary-fixed: #8ff9a7;
  --mat-sys-secondary-fixed-dim: #73dc8d;
  --mat-sys-on-secondary-fixed: #000000;
  --mat-sys-on-secondary-fixed-variant: #001506;
  --mat-sys-tertiary: #ffece4;
  --mat-sys-on-tertiary: #000000;
  --mat-sys-tertiary-container: #ffb183;
  --mat-sys-on-tertiary-container: #190600;
  --mat-sys-tertiary-fixed: #ffdbc9;
  --mat-sys-tertiary-fixed-dim: #ffb68c;
  --mat-sys-on-tertiary-fixed: #000000;
  --mat-sys-on-tertiary-fixed-variant: #220a00;
  --mat-sys-background: #10131b;
  --mat-sys-on-background: #e0e2ed;
  --mat-sys-surface: #10131b;
  --mat-sys-surface-dim: #10131b;
  --mat-sys-surface-bright: #141516;
  --mat-sys-surface-container-low: #1c2028;
  --mat-sys-surface-container-lowest: #000000;
  --mat-sys-surface-container: #2d3039;
  --mat-sys-surface-container-high: #383b44;
  --mat-sys-surface-container-highest: #434750;
  --mat-sys-on-surface: #ffffff;
  --mat-sys-shadow: #000000;
  --mat-sys-scrim: #000000;
  --mat-sys-surface-tint: #afc6ff;
  --mat-sys-inverse-surface: #e0e2ed;
  --mat-sys-inverse-on-surface: #000000;
  --mat-sys-outline: #ecefff;
  --mat-sys-outline-variant: #bdc2d4;
  --mat-sys-error: #ffece9;
  --mat-sys-on-error: #000000;
  --mat-sys-error-container: #ffaea4;
  --mat-sys-on-error-container: #a8060f;
  --mat-sys-surface-variant: #414755;
  --mat-sys-on-surface-variant: #ffffff;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  html:not(.light-theme):not(.dark-theme) {
    --mat-app-background-color: #10131b;
    --mat-app-text-color: #e0e2ed;
    --mat-app-elevation-shadow-level-0:
      0px 0px 0px 0px rgba(0, 0, 0, 0.2),
      0px 0px 0px 0px rgba(0, 0, 0, 0.14),
      0px 0px 0px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-1:
      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);
    --mat-app-elevation-shadow-level-2:
      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);
    --mat-app-elevation-shadow-level-3:
      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);
    --mat-app-elevation-shadow-level-4:
      0px 2px 4px -1px rgba(0, 0, 0, 0.2),
      0px 4px 5px 0px rgba(0, 0, 0, 0.14),
      0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-5:
      0px 3px 5px -1px rgba(0, 0, 0, 0.2),
      0px 5px 8px 0px rgba(0, 0, 0, 0.14),
      0px 1px 14px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-6:
      0px 3px 5px -1px rgba(0, 0, 0, 0.2),
      0px 6px 10px 0px rgba(0, 0, 0, 0.14),
      0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-7:
      0px 4px 5px -2px rgba(0, 0, 0, 0.2),
      0px 7px 10px 1px rgba(0, 0, 0, 0.14),
      0px 2px 16px 1px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-8:
      0px 5px 5px -3px rgba(0, 0, 0, 0.2),
      0px 8px 10px 1px rgba(0, 0, 0, 0.14),
      0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-9:
      0px 5px 6px -3px rgba(0, 0, 0, 0.2),
      0px 9px 12px 1px rgba(0, 0, 0, 0.14),
      0px 3px 16px 2px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-10:
      0px 6px 6px -3px rgba(0, 0, 0, 0.2),
      0px 10px 14px 1px rgba(0, 0, 0, 0.14),
      0px 4px 18px 3px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-11:
      0px 6px 7px -4px rgba(0, 0, 0, 0.2),
      0px 11px 15px 1px rgba(0, 0, 0, 0.14),
      0px 4px 20px 3px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-12:
      0px 7px 8px -4px rgba(0, 0, 0, 0.2),
      0px 12px 17px 2px rgba(0, 0, 0, 0.14),
      0px 5px 22px 4px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-13:
      0px 7px 8px -4px rgba(0, 0, 0, 0.2),
      0px 13px 19px 2px rgba(0, 0, 0, 0.14),
      0px 5px 24px 4px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-14:
      0px 7px 9px -4px rgba(0, 0, 0, 0.2),
      0px 14px 21px 2px rgba(0, 0, 0, 0.14),
      0px 5px 26px 4px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-15:
      0px 8px 9px -5px rgba(0, 0, 0, 0.2),
      0px 15px 22px 2px rgba(0, 0, 0, 0.14),
      0px 6px 28px 5px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-16:
      0px 8px 10px -5px rgba(0, 0, 0, 0.2),
      0px 16px 24px 2px rgba(0, 0, 0, 0.14),
      0px 6px 30px 5px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-17:
      0px 8px 11px -5px rgba(0, 0, 0, 0.2),
      0px 17px 26px 2px rgba(0, 0, 0, 0.14),
      0px 6px 32px 5px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-18:
      0px 9px 11px -5px rgba(0, 0, 0, 0.2),
      0px 18px 28px 2px rgba(0, 0, 0, 0.14),
      0px 7px 34px 6px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-19:
      0px 9px 12px -6px rgba(0, 0, 0, 0.2),
      0px 19px 29px 2px rgba(0, 0, 0, 0.14),
      0px 7px 36px 6px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-20:
      0px 10px 13px -6px rgba(0, 0, 0, 0.2),
      0px 20px 31px 3px rgba(0, 0, 0, 0.14),
      0px 8px 38px 7px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-21:
      0px 10px 13px -6px rgba(0, 0, 0, 0.2),
      0px 21px 33px 3px rgba(0, 0, 0, 0.14),
      0px 8px 40px 7px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-22:
      0px 10px 14px -6px rgba(0, 0, 0, 0.2),
      0px 22px 35px 3px rgba(0, 0, 0, 0.14),
      0px 8px 42px 7px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-23:
      0px 11px 14px -7px rgba(0, 0, 0, 0.2),
      0px 23px 36px 3px rgba(0, 0, 0, 0.14),
      0px 9px 44px 8px rgba(0, 0, 0, 0.12);
    --mat-app-elevation-shadow-level-24:
      0px 11px 15px -7px rgba(0, 0, 0, 0.2),
      0px 24px 38px 3px rgba(0, 0, 0, 0.14),
      0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    --mat-ripple-color: color-mix(in srgb, #e0e2ed 10%, transparent);
    --mat-option-focus-state-layer-color: color-mix(in srgb, #e0e2ed 12%, transparent);
    --mat-option-hover-state-layer-color: color-mix(in srgb, #e0e2ed 8%, transparent);
    --mat-option-label-text-color: #e0e2ed;
    --mat-option-selected-state-label-text-color: #8ff9a7;
    --mat-option-selected-state-layer-color: #005225;
    --mat-optgroup-label-text-color: #dde2f4;
    --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #10131b;
    --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-pseudo-checkbox-full-selected-checkmark-color: #002d6c;
    --mat-pseudo-checkbox-full-selected-icon-color: #afc6ff;
    --mat-pseudo-checkbox-full-unselected-icon-color: #dde2f4;
    --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-pseudo-checkbox-minimal-selected-checkmark-color: #afc6ff;
    --mat-card-elevated-container-color: #181c24;
    --mat-card-elevated-container-elevation:
      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);
    --mat-card-filled-container-color: #31353d;
    --mat-card-filled-container-elevation:
      0px 0px 0px 0px rgba(0, 0, 0, 0.2),
      0px 0px 0px 0px rgba(0, 0, 0, 0.14),
      0px 0px 0px 0px rgba(0, 0, 0, 0.12);
    --mat-card-outlined-container-color: #10131b;
    --mat-card-outlined-container-elevation:
      0px 0px 0px 0px rgba(0, 0, 0, 0.2),
      0px 0px 0px 0px rgba(0, 0, 0, 0.14),
      0px 0px 0px 0px rgba(0, 0, 0, 0.12);
    --mat-card-outlined-outline-color: #414755;
    --mat-card-subtitle-text-color: #e0e2ed;
    --mat-progress-bar-active-indicator-color: #afc6ff;
    --mat-progress-bar-track-color: #414755;
    --mat-tooltip-container-color: #e0e2ed;
    --mat-tooltip-supporting-text-color: #2d3039;
    --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-form-field-disabled-leading-icon-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-form-field-disabled-trailing-icon-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-form-field-enabled-select-arrow-color: #dde2f4;
    --mat-form-field-error-focus-trailing-icon-color: #ffb4ab;
    --mat-form-field-error-hover-trailing-icon-color: #ffdad5;
    --mat-form-field-error-text-color: #ffb4ab;
    --mat-form-field-error-trailing-icon-color: #ffb4ab;
    --mat-form-field-filled-active-indicator-color: #dde2f4;
    --mat-form-field-filled-caret-color: #afc6ff;
    --mat-form-field-filled-container-color: #414755;
    --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-form-field-filled-disabled-container-color: color-mix(in srgb, #e0e2ed 4%, transparent);
    --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-form-field-filled-error-active-indicator-color: #ffb4ab;
    --mat-form-field-filled-error-caret-color: #ffb4ab;
    --mat-form-field-filled-error-focus-active-indicator-color: #ffb4ab;
    --mat-form-field-filled-error-focus-label-text-color: #ffb4ab;
    --mat-form-field-filled-error-hover-active-indicator-color: #ffdad5;
    --mat-form-field-filled-error-hover-label-text-color: #ffdad5;
    --mat-form-field-filled-error-label-text-color: #ffb4ab;
    --mat-form-field-filled-focus-active-indicator-color: #afc6ff;
    --mat-form-field-filled-focus-label-text-color: #afc6ff;
    --mat-form-field-filled-hover-active-indicator-color: #e0e2ed;
    --mat-form-field-filled-hover-label-text-color: #dde2f4;
    --mat-form-field-filled-input-text-color: #e0e2ed;
    --mat-form-field-filled-input-text-placeholder-color: #dde2f4;
    --mat-form-field-filled-label-text-color: #dde2f4;
    --mat-form-field-focus-select-arrow-color: #afc6ff;
    --mat-form-field-focus-state-layer-opacity: 0;
    --mat-form-field-hover-state-layer-opacity: 0.08;
    --mat-form-field-leading-icon-color: #dde2f4;
    --mat-form-field-outlined-caret-color: #afc6ff;
    --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, #e0e2ed 12%, transparent);
    --mat-form-field-outlined-error-caret-color: #ffb4ab;
    --mat-form-field-outlined-error-focus-label-text-color: #ffb4ab;
    --mat-form-field-outlined-error-focus-outline-color: #ffb4ab;
    --mat-form-field-outlined-error-hover-label-text-color: #ffdad5;
    --mat-form-field-outlined-error-hover-outline-color: #ffdad5;
    --mat-form-field-outlined-error-label-text-color: #ffb4ab;
    --mat-form-field-outlined-error-outline-color: #ffb4ab;
    --mat-form-field-outlined-focus-label-text-color: #afc6ff;
    --mat-form-field-outlined-focus-outline-color: #afc6ff;
    --mat-form-field-outlined-hover-label-text-color: #e0e2ed;
    --mat-form-field-outlined-hover-outline-color: #e0e2ed;
    --mat-form-field-outlined-input-text-color: #e0e2ed;
    --mat-form-field-outlined-input-text-placeholder-color: #dde2f4;
    --mat-form-field-outlined-label-text-color: #dde2f4;
    --mat-form-field-outlined-outline-color: #8b90a1;
    --mat-form-field-select-disabled-option-text-color: color-mix(in srgb, #181c24 38%, transparent);
    --mat-form-field-select-option-text-color: #181c24;
    --mat-form-field-state-layer-color: #e0e2ed;
    --mat-form-field-trailing-icon-color: #dde2f4;
    --mat-select-panel-background-color: #1c2028;
    --mat-select-enabled-trigger-text-color: #e0e2ed;
    --mat-select-disabled-trigger-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-select-placeholder-text-color: #dde2f4;
    --mat-select-enabled-arrow-color: #dde2f4;
    --mat-select-disabled-arrow-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-select-focused-arrow-color: #afc6ff;
    --mat-select-invalid-arrow-color: #ffb4ab;
    --mat-autocomplete-background-color: #1c2028;
    --mat-dialog-container-color: #10131b;
    --mat-dialog-subhead-color: #e0e2ed;
    --mat-dialog-supporting-text-color: #dde2f4;
    --mat-chip-disabled-label-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-chip-disabled-outline-color: color-mix(in srgb, #e0e2ed 12%, transparent);
    --mat-chip-elevated-selected-container-color: #005225;
    --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, #e0e2ed 12%, transparent);
    --mat-chip-focus-outline-color: #dde2f4;
    --mat-chip-focus-state-layer-color: #dde2f4;
    --mat-chip-focus-state-layer-opacity: 0.12;
    --mat-chip-hover-state-layer-color: #dde2f4;
    --mat-chip-hover-state-layer-opacity: 0.08;
    --mat-chip-label-text-color: #dde2f4;
    --mat-chip-outline-color: #8b90a1;
    --mat-chip-selected-disabled-trailing-icon-color: #e0e2ed;
    --mat-chip-selected-focus-state-layer-color: #8ff9a7;
    --mat-chip-selected-focus-state-layer-opacity: 0.12;
    --mat-chip-selected-hover-state-layer-color: #8ff9a7;
    --mat-chip-selected-hover-state-layer-opacity: 0.08;
    --mat-chip-selected-label-text-color: #8ff9a7;
    --mat-chip-selected-trailing-action-state-layer-color: #8ff9a7;
    --mat-chip-selected-trailing-icon-color: #8ff9a7;
    --mat-chip-trailing-action-focus-state-layer-opacity: 0.12;
    --mat-chip-trailing-action-hover-state-layer-opacity: 0.08;
    --mat-chip-trailing-action-state-layer-color: #dde2f4;
    --mat-chip-with-icon-disabled-icon-color: #e0e2ed;
    --mat-chip-with-icon-icon-color: #dde2f4;
    --mat-chip-with-icon-selected-icon-color: #8ff9a7;
    --mat-chip-with-trailing-icon-disabled-trailing-icon-color: #e0e2ed;
    --mat-chip-with-trailing-icon-trailing-icon-color: #dde2f4;
    --mat-slide-toggle-disabled-label-text-color: #e0e2ed;
    --mat-slide-toggle-disabled-selected-handle-color: #10131b;
    --mat-slide-toggle-disabled-selected-icon-color: #e0e2ed;
    --mat-slide-toggle-disabled-selected-track-color: #e0e2ed;
    --mat-slide-toggle-disabled-unselected-handle-color: #e0e2ed;
    --mat-slide-toggle-disabled-unselected-icon-color: #414755;
    --mat-slide-toggle-disabled-unselected-track-color: #414755;
    --mat-slide-toggle-disabled-unselected-track-outline-color: #e0e2ed;
    --mat-slide-toggle-label-text-color: #e0e2ed;
    --mat-slide-toggle-selected-focus-handle-color: #004398;
    --mat-slide-toggle-selected-focus-state-layer-color: #afc6ff;
    --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12;
    --mat-slide-toggle-selected-focus-track-color: #afc6ff;
    --mat-slide-toggle-selected-handle-color: #002d6c;
    --mat-slide-toggle-selected-hover-handle-color: #004398;
    --mat-slide-toggle-selected-hover-state-layer-color: #afc6ff;
    --mat-slide-toggle-selected-hover-state-layer-opacity: 0.08;
    --mat-slide-toggle-selected-hover-track-color: #afc6ff;
    --mat-slide-toggle-selected-icon-color: #d9e2ff;
    --mat-slide-toggle-selected-pressed-handle-color: #004398;
    --mat-slide-toggle-selected-pressed-state-layer-color: #afc6ff;
    --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12;
    --mat-slide-toggle-selected-pressed-track-color: #afc6ff;
    --mat-slide-toggle-selected-track-color: #afc6ff;
    --mat-slide-toggle-track-outline-color: #8b90a1;
    --mat-slide-toggle-unselected-focus-handle-color: #dde2f4;
    --mat-slide-toggle-unselected-focus-state-layer-color: #e0e2ed;
    --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12;
    --mat-slide-toggle-unselected-focus-track-color: #414755;
    --mat-slide-toggle-unselected-handle-color: #8b90a1;
    --mat-slide-toggle-unselected-hover-handle-color: #dde2f4;
    --mat-slide-toggle-unselected-hover-state-layer-color: #e0e2ed;
    --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.08;
    --mat-slide-toggle-unselected-hover-track-color: #414755;
    --mat-slide-toggle-unselected-icon-color: #414755;
    --mat-slide-toggle-unselected-pressed-handle-color: #dde2f4;
    --mat-slide-toggle-unselected-pressed-state-layer-color: #e0e2ed;
    --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.12;
    --mat-slide-toggle-unselected-pressed-track-color: #414755;
    --mat-slide-toggle-unselected-track-color: #414755;
    --mat-radio-checked-ripple-color: #afc6ff;
    --mat-radio-disabled-label-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-radio-disabled-selected-icon-color: #e0e2ed;
    --mat-radio-disabled-unselected-icon-color: #e0e2ed;
    --mat-radio-label-text-color: #e0e2ed;
    --mat-radio-ripple-color: #e0e2ed;
    --mat-radio-selected-focus-icon-color: #afc6ff;
    --mat-radio-selected-hover-icon-color: #afc6ff;
    --mat-radio-selected-icon-color: #afc6ff;
    --mat-radio-selected-pressed-icon-color: #afc6ff;
    --mat-radio-unselected-focus-icon-color: #e0e2ed;
    --mat-radio-unselected-hover-icon-color: #e0e2ed;
    --mat-radio-unselected-icon-color: #dde2f4;
    --mat-radio-unselected-pressed-icon-color: #e0e2ed;
    --mat-slider-active-track-color: #afc6ff;
    --mat-slider-active-track-shape: 9999px;
    --mat-slider-disabled-active-track-color: #e0e2ed;
    --mat-slider-disabled-handle-color: #e0e2ed;
    --mat-slider-disabled-inactive-track-color: #e0e2ed;
    --mat-slider-focus-handle-color: #afc6ff;
    --mat-slider-focus-state-layer-color: color-mix(in srgb, #afc6ff 20%, transparent);
    --mat-slider-handle-color: #afc6ff;
    --mat-slider-handle-elevation:
      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);
    --mat-slider-handle-shape: 9999px;
    --mat-slider-hover-handle-color: #afc6ff;
    --mat-slider-hover-state-layer-color: color-mix(in srgb, #afc6ff 5%, transparent);
    --mat-slider-inactive-track-color: #414755;
    --mat-slider-inactive-track-shape: 9999px;
    --mat-slider-label-container-color: #afc6ff;
    --mat-slider-label-label-text-color: #002d6c;
    --mat-slider-ripple-color: #afc6ff;
    --mat-slider-with-overlap-handle-outline-color: #002d6c;
    --mat-slider-with-tick-marks-active-container-color: #002d6c;
    --mat-slider-with-tick-marks-container-shape: 9999px;
    --mat-slider-with-tick-marks-disabled-container-color: #e0e2ed;
    --mat-slider-with-tick-marks-inactive-container-color: #dde2f4;
    --mat-menu-container-shape: 4px;
    --mat-menu-divider-color: #414755;
    --mat-menu-item-label-text-color: #e0e2ed;
    --mat-menu-item-icon-color: #dde2f4;
    --mat-menu-item-hover-state-layer-color: color-mix(in srgb, #e0e2ed 8%, transparent);
    --mat-menu-item-focus-state-layer-color: color-mix(in srgb, #e0e2ed 12%, transparent);
    --mat-menu-container-color: #1c2028;
    --mat-menu-container-elevation-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);
    --mat-list-active-indicator-color: #005225;
    --mat-list-active-indicator-shape: 9999px;
    --mat-list-list-item-container-color: transparent;
    --mat-list-list-item-container-shape: 0;
    --mat-list-list-item-disabled-label-text-color: #e0e2ed;
    --mat-list-list-item-disabled-label-text-opacity: 0.3;
    --mat-list-list-item-disabled-leading-icon-color: #e0e2ed;
    --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
    --mat-list-list-item-disabled-state-layer-color: #e0e2ed;
    --mat-list-list-item-disabled-state-layer-opacity: 0.12;
    --mat-list-list-item-disabled-trailing-icon-color: #e0e2ed;
    --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
    --mat-list-list-item-focus-label-text-color: #e0e2ed;
    --mat-list-list-item-focus-state-layer-color: #e0e2ed;
    --mat-list-list-item-focus-state-layer-opacity: 0.12;
    --mat-list-list-item-hover-label-text-color: #e0e2ed;
    --mat-list-list-item-hover-state-layer-color: #e0e2ed;
    --mat-list-list-item-hover-state-layer-opacity: 0.08;
    --mat-list-list-item-label-text-color: #e0e2ed;
    --mat-list-list-item-leading-avatar-color: #004398;
    --mat-list-list-item-leading-avatar-shape: 9999px;
    --mat-list-list-item-leading-avatar-size: 40px;
    --mat-list-list-item-leading-icon-color: #dde2f4;
    --mat-list-list-item-leading-icon-size: 24px;
    --mat-list-list-item-selected-trailing-icon-color: #afc6ff;
    --mat-list-list-item-supporting-text-color: #dde2f4;
    --mat-list-list-item-trailing-icon-color: #dde2f4;
    --mat-list-list-item-trailing-icon-size: 24px;
    --mat-list-list-item-trailing-supporting-text-color: #dde2f4;
    --mat-paginator-container-text-color: #e0e2ed;
    --mat-paginator-container-background-color: #10131b;
    --mat-paginator-disabled-icon-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-paginator-enabled-icon-color: #dde2f4;
    --mat-tab-active-focus-indicator-color: #afc6ff;
    --mat-tab-active-focus-label-text-color: #e0e2ed;
    --mat-tab-active-hover-indicator-color: #afc6ff;
    --mat-tab-active-hover-label-text-color: #e0e2ed;
    --mat-tab-active-indicator-color: #afc6ff;
    --mat-tab-active-label-text-color: #e0e2ed;
    --mat-tab-active-ripple-color: #e0e2ed;
    --mat-tab-divider-color: #414755;
    --mat-tab-inactive-focus-label-text-color: #e0e2ed;
    --mat-tab-inactive-hover-label-text-color: #e0e2ed;
    --mat-tab-inactive-label-text-color: #e0e2ed;
    --mat-tab-inactive-ripple-color: #e0e2ed;
    --mat-tab-pagination-icon-color: #e0e2ed;
    --mat-tab-disabled-ripple-color: #dde2f4;
    --mat-checkbox-disabled-label-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-checkbox-disabled-selected-checkmark-color: #10131b;
    --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-checkbox-label-text-color: #e0e2ed;
    --mat-checkbox-selected-checkmark-color: #002d6c;
    --mat-checkbox-selected-focus-icon-color: #afc6ff;
    --mat-checkbox-selected-focus-state-layer-color: #afc6ff;
    --mat-checkbox-selected-hover-icon-color: #afc6ff;
    --mat-checkbox-selected-hover-state-layer-color: #afc6ff;
    --mat-checkbox-selected-icon-color: #afc6ff;
    --mat-checkbox-selected-pressed-icon-color: #afc6ff;
    --mat-checkbox-selected-pressed-state-layer-color: #e0e2ed;
    --mat-checkbox-unselected-focus-icon-color: #e0e2ed;
    --mat-checkbox-unselected-focus-state-layer-color: #e0e2ed;
    --mat-checkbox-unselected-hover-icon-color: #e0e2ed;
    --mat-checkbox-unselected-hover-state-layer-color: #e0e2ed;
    --mat-checkbox-unselected-icon-color: #dde2f4;
    --mat-checkbox-unselected-pressed-state-layer-color: #afc6ff;
    --mat-button-filled-container-color: #afc6ff;
    --mat-button-filled-disabled-container-color: color-mix(in srgb, #e0e2ed 12%, transparent);
    --mat-button-filled-disabled-label-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-button-filled-disabled-state-layer-color: #dde2f4;
    --mat-button-filled-focus-state-layer-opacity: 0.12;
    --mat-button-filled-hover-state-layer-opacity: 0.08;
    --mat-button-filled-label-text-color: #002d6c;
    --mat-button-filled-pressed-state-layer-opacity: 0.12;
    --mat-button-filled-ripple-color: color-mix(in srgb, #002d6c 12%, transparent);
    --mat-button-filled-state-layer-color: #002d6c;
    --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-button-outlined-disabled-outline-color: color-mix(in srgb, #e0e2ed 12%, transparent);
    --mat-button-outlined-disabled-state-layer-color: #dde2f4;
    --mat-button-outlined-focus-state-layer-opacity: 0.12;
    --mat-button-outlined-hover-state-layer-opacity: 0.08;
    --mat-button-outlined-label-text-color: #afc6ff;
    --mat-button-outlined-outline-color: #8b90a1;
    --mat-button-outlined-pressed-state-layer-opacity: 0.12;
    --mat-button-outlined-ripple-color: color-mix(in srgb, #afc6ff 12%, transparent);
    --mat-button-outlined-state-layer-color: #afc6ff;
    --mat-button-protected-container-color: #10131b;
    --mat-button-protected-container-elevation-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);
    --mat-button-protected-disabled-container-color: color-mix(in srgb, #e0e2ed 12%, transparent);
    --mat-button-protected-disabled-container-elevation-shadow:
      0px 0px 0px 0px rgba(0, 0, 0, 0.2),
      0px 0px 0px 0px rgba(0, 0, 0, 0.14),
      0px 0px 0px 0px rgba(0, 0, 0, 0.12);
    --mat-button-protected-disabled-label-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-button-protected-disabled-state-layer-color: #dde2f4;
    --mat-button-protected-focus-container-elevation-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);
    --mat-button-protected-focus-state-layer-opacity: 0.12;
    --mat-button-protected-hover-container-elevation-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);
    --mat-button-protected-hover-state-layer-opacity: 0.08;
    --mat-button-protected-label-text-color: #afc6ff;
    --mat-button-protected-pressed-container-elevation-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);
    --mat-button-protected-pressed-state-layer-opacity: 0.12;
    --mat-button-protected-ripple-color: color-mix(in srgb, #afc6ff 12%, transparent);
    --mat-button-protected-state-layer-color: #afc6ff;
    --mat-button-text-disabled-label-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-button-text-disabled-state-layer-color: #dde2f4;
    --mat-button-text-focus-state-layer-opacity: 0.12;
    --mat-button-text-hover-state-layer-opacity: 0.08;
    --mat-button-text-label-text-color: #afc6ff;
    --mat-button-text-pressed-state-layer-opacity: 0.12;
    --mat-button-text-ripple-color: color-mix(in srgb, #afc6ff 12%, transparent);
    --mat-button-text-state-layer-color: #afc6ff;
    --mat-button-tonal-container-color: #005225;
    --mat-button-tonal-disabled-container-color: color-mix(in srgb, #e0e2ed 12%, transparent);
    --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-button-tonal-disabled-state-layer-color: #dde2f4;
    --mat-button-tonal-focus-state-layer-opacity: 0.12;
    --mat-button-tonal-hover-state-layer-opacity: 0.08;
    --mat-button-tonal-label-text-color: #8ff9a7;
    --mat-button-tonal-pressed-state-layer-opacity: 0.12;
    --mat-button-tonal-ripple-color: color-mix(in srgb, #8ff9a7 12%, transparent);
    --mat-button-tonal-state-layer-color: #8ff9a7;
    --mat-icon-button-disabled-icon-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-icon-button-disabled-state-layer-color: #dde2f4;
    --mat-icon-button-focus-state-layer-opacity: 0.12;
    --mat-icon-button-hover-state-layer-opacity: 0.08;
    --mat-icon-button-icon-color: #dde2f4;
    --mat-icon-button-pressed-state-layer-opacity: 0.12;
    --mat-icon-button-ripple-color: color-mix(in srgb, #dde2f4 12%, transparent);
    --mat-icon-button-state-layer-color: #dde2f4;
    --mat-fab-container-color: #004398;
    --mat-fab-container-elevation-shadow:
      0px 3px 5px -1px rgba(0, 0, 0, 0.2),
      0px 6px 10px 0px rgba(0, 0, 0, 0.14),
      0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-fab-disabled-state-container-color: color-mix(in srgb, #e0e2ed 12%, transparent);
    --mat-fab-disabled-state-foreground-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-fab-extended-container-elevation-shadow:
      0px 3px 5px -1px rgba(0, 0, 0, 0.2),
      0px 6px 10px 0px rgba(0, 0, 0, 0.14),
      0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-fab-extended-focus-container-elevation-shadow:
      0px 3px 5px -1px rgba(0, 0, 0, 0.2),
      0px 6px 10px 0px rgba(0, 0, 0, 0.14),
      0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-fab-extended-hover-container-elevation-shadow:
      0px 5px 5px -3px rgba(0, 0, 0, 0.2),
      0px 8px 10px 1px rgba(0, 0, 0, 0.14),
      0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-fab-extended-pressed-container-elevation-shadow: 6;
    --mat-fab-focus-container-elevation-shadow:
      0px 3px 5px -1px rgba(0, 0, 0, 0.2),
      0px 6px 10px 0px rgba(0, 0, 0, 0.14),
      0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-fab-focus-state-layer-opacity: 0.12;
    --mat-fab-foreground-color: #d9e2ff;
    --mat-fab-hover-container-elevation-shadow:
      0px 5px 5px -3px rgba(0, 0, 0, 0.2),
      0px 8px 10px 1px rgba(0, 0, 0, 0.14),
      0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-fab-hover-state-layer-opacity: 0.08;
    --mat-fab-pressed-container-elevation-shadow:
      0px 3px 5px -1px rgba(0, 0, 0, 0.2),
      0px 6px 10px 0px rgba(0, 0, 0, 0.14),
      0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-fab-pressed-state-layer-opacity: 0.12;
    --mat-fab-ripple-color: color-mix(in srgb, #d9e2ff 12%, transparent);
    --mat-fab-small-container-color: #004398;
    --mat-fab-small-container-elevation-shadow:
      0px 3px 5px -1px rgba(0, 0, 0, 0.2),
      0px 6px 10px 0px rgba(0, 0, 0, 0.14),
      0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-fab-small-disabled-state-container-color: color-mix(in srgb, #e0e2ed 12%, transparent);
    --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-fab-small-focus-container-elevation-shadow:
      0px 3px 5px -1px rgba(0, 0, 0, 0.2),
      0px 6px 10px 0px rgba(0, 0, 0, 0.14),
      0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-fab-small-focus-state-layer-opacity: 0.12;
    --mat-fab-small-foreground-color: #d9e2ff;
    --mat-fab-small-hover-container-elevation-shadow:
      0px 5px 5px -3px rgba(0, 0, 0, 0.2),
      0px 8px 10px 1px rgba(0, 0, 0, 0.14),
      0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    --mat-fab-small-hover-state-layer-opacity: 0.08;
    --mat-fab-small-pressed-container-elevation-shadow:
      0px 3px 5px -1px rgba(0, 0, 0, 0.2),
      0px 6px 10px 0px rgba(0, 0, 0, 0.14),
      0px 1px 18px 0px rgba(0, 0, 0, 0.12);
    --mat-fab-small-pressed-state-layer-opacity: 0.12;
    --mat-fab-small-ripple-color: color-mix(in srgb, #d9e2ff 12%, transparent);
    --mat-fab-small-state-layer-color: #d9e2ff;
    --mat-fab-state-layer-color: #d9e2ff;
    --mat-snack-bar-button-color: #0059c7;
    --mat-snack-bar-container-color: #e0e2ed;
    --mat-snack-bar-supporting-text-color: #2d3039;
    --mat-table-background-color: #10131b;
    --mat-table-header-headline-color: #e0e2ed;
    --mat-table-row-item-label-text-color: #e0e2ed;
    --mat-table-row-item-outline-color: #8b90a1;
    --mat-progress-spinner-active-indicator-color: #afc6ff;
    --mat-badge-background-color: #ffb4ab;
    --mat-badge-disabled-state-background-color: color-mix(in srgb, #ffb4ab 38%, transparent);
    --mat-badge-disabled-state-text-color: #690004;
    --mat-badge-text-color: #690004;
    --mat-bottom-sheet-container-text-color: #e0e2ed;
    --mat-bottom-sheet-container-background-color: #181c24;
    --mat-button-toggle-background-color: transparent;
    --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, #e0e2ed 12%, transparent);
    --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-button-toggle-disabled-state-background-color: transparent;
    --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-button-toggle-divider-color: #8b90a1;
    --mat-button-toggle-selected-state-background-color: #005225;
    --mat-button-toggle-selected-state-text-color: #8ff9a7;
    --mat-button-toggle-state-layer-color: #e0e2ed;
    --mat-button-toggle-text-color: #e0e2ed;
    --mat-datepicker-calendar-body-label-text-color: #e0e2ed;
    --mat-datepicker-calendar-container-background-color: #262a32;
    --mat-datepicker-calendar-container-text-color: #e0e2ed;
    --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #e0e2ed 12%, transparent);
    --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #e0e2ed 8%, transparent);
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: #753400;
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #73dc8d;
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #005225;
    --mat-datepicker-calendar-date-in-range-state-background-color: #004398;
    --mat-datepicker-calendar-date-outline-color: transparent;
    --mat-datepicker-calendar-date-preview-state-outline-color: #afc6ff;
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-datepicker-calendar-date-selected-state-background-color: #afc6ff;
    --mat-datepicker-calendar-date-selected-state-text-color: #002d6c;
    --mat-datepicker-calendar-date-text-color: #e0e2ed;
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-datepicker-calendar-date-today-outline-color: #afc6ff;
    --mat-datepicker-calendar-date-today-selected-state-outline-color: #afc6ff;
    --mat-datepicker-calendar-header-divider-color: transparent;
    --mat-datepicker-calendar-header-text-color: #dde2f4;
    --mat-datepicker-calendar-navigation-button-icon-color: #dde2f4;
    --mat-datepicker-calendar-period-button-icon-color: #dde2f4;
    --mat-datepicker-calendar-period-button-text-color: #dde2f4;
    --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-datepicker-range-input-separator-color: #e0e2ed;
    --mat-datepicker-toggle-active-state-icon-color: #afc6ff;
    --mat-datepicker-toggle-icon-color: #dde2f4;
    --mat-divider-color: #414755;
    --mat-expansion-actions-divider-color: #8b90a1;
    --mat-expansion-container-background-color: #10131b;
    --mat-expansion-container-text-color: #e0e2ed;
    --mat-expansion-header-description-color: #dde2f4;
    --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, #e0e2ed 38%, transparent);
    --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, #e0e2ed 12%, transparent);
    --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, #e0e2ed 8%, transparent);
    --mat-expansion-header-indicator-color: #dde2f4;
    --mat-expansion-header-text-color: #e0e2ed;
    --mat-icon-color: inherit;
    --mat-sidenav-container-background-color: #10131b;
    --mat-sidenav-container-text-color: #dde2f4;
    --mat-sidenav-content-background-color: #10131b;
    --mat-sidenav-content-text-color: #e0e2ed;
    --mat-sidenav-scrim-color: color-mix(in srgb, #2b303e 40%, transparent);
    --mat-stepper-container-color: #10131b;
    --mat-stepper-header-done-state-icon-background-color: #afc6ff;
    --mat-stepper-header-done-state-icon-foreground-color: #002d6c;
    --mat-stepper-header-edit-state-icon-background-color: #afc6ff;
    --mat-stepper-header-edit-state-icon-foreground-color: #002d6c;
    --mat-stepper-header-error-state-icon-foreground-color: #ffb4ab;
    --mat-stepper-header-error-state-label-text-color: #ffb4ab;
    --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, #e0e2ed 12%, transparent);
    --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, #e0e2ed 8%, transparent);
    --mat-stepper-header-icon-background-color: #dde2f4;
    --mat-stepper-header-icon-foreground-color: #10131b;
    --mat-stepper-header-label-text-color: #dde2f4;
    --mat-stepper-header-optional-label-text-color: #dde2f4;
    --mat-stepper-header-selected-state-icon-background-color: #afc6ff;
    --mat-stepper-header-selected-state-icon-foreground-color: #002d6c;
    --mat-stepper-header-selected-state-label-text-color: #dde2f4;
    --mat-stepper-line-color: #8b90a1;
    --mat-sort-arrow-color: #e0e2ed;
    --mat-toolbar-container-background-color: #10131b;
    --mat-toolbar-container-text-color: #e0e2ed;
    --mat-tree-container-background-color: #10131b;
    --mat-tree-node-text-color: #e0e2ed;
    --mat-timepicker-container-background-color: #1c2028;
    --mat-timepicker-container-elevation-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);
    --mat-sys-background: #10131b;
    --mat-sys-error: #ffb4ab;
    --mat-sys-error-container: #930009;
    --mat-sys-inverse-on-surface: #2d3039;
    --mat-sys-inverse-primary: #0059c7;
    --mat-sys-inverse-surface: #e0e2ed;
    --mat-sys-on-background: #e0e2ed;
    --mat-sys-on-error: #690004;
    --mat-sys-on-error-container: #ffdad5;
    --mat-sys-on-primary: #002d6c;
    --mat-sys-on-primary-container: #d9e2ff;
    --mat-sys-on-primary-fixed: #001a43;
    --mat-sys-on-primary-fixed-variant: #004398;
    --mat-sys-on-secondary: #003918;
    --mat-sys-on-secondary-container: #8ff9a7;
    --mat-sys-on-secondary-fixed: #00210b;
    --mat-sys-on-secondary-fixed-variant: #005225;
    --mat-sys-on-surface: #e0e2ed;
    --mat-sys-on-surface-variant: #dde2f4;
    --mat-sys-on-tertiary: #532200;
    --mat-sys-on-tertiary-container: #ffdbc9;
    --mat-sys-on-tertiary-fixed: #321200;
    --mat-sys-on-tertiary-fixed-variant: #753400;
    --mat-sys-outline: #8b90a1;
    --mat-sys-outline-variant: #414755;
    --mat-sys-primary: #afc6ff;
    --mat-sys-primary-container: #004398;
    --mat-sys-primary-fixed: #d9e2ff;
    --mat-sys-primary-fixed-dim: #afc6ff;
    --mat-sys-scrim: #000000;
    --mat-sys-secondary: #73dc8d;
    --mat-sys-secondary-container: #005225;
    --mat-sys-secondary-fixed: #8ff9a7;
    --mat-sys-secondary-fixed-dim: #73dc8d;
    --mat-sys-shadow: #000000;
    --mat-sys-surface: #10131b;
    --mat-sys-surface-bright: #363942;
    --mat-sys-surface-container: #1c2028;
    --mat-sys-surface-container-high: #262a32;
    --mat-sys-surface-container-highest: #31353d;
    --mat-sys-surface-container-low: #181c24;
    --mat-sys-surface-container-lowest: #0b0e16;
    --mat-sys-surface-dim: #10131b;
    --mat-sys-surface-tint: #afc6ff;
    --mat-sys-surface-variant: #414755;
    --mat-sys-tertiary: #ffb68c;
    --mat-sys-tertiary-container: #753400;
    --mat-sys-tertiary-fixed: #ffdbc9;
    --mat-sys-tertiary-fixed-dim: #ffb68c;
    --mat-sys-neutral-variant20: #2b303e;
    --mat-sys-neutral10: #181c24;
    --mat-sys-primary: #ecefff;
    --mat-sys-on-primary: #000000;
    --mat-sys-primary-container: #a9c2ff;
    --mat-sys-on-primary-container: #000a23;
    --mat-sys-inverse-primary: #00449b;
    --mat-sys-primary-fixed: #d9e2ff;
    --mat-sys-primary-fixed-dim: #afc6ff;
    --mat-sys-on-primary-fixed: #000000;
    --mat-sys-on-primary-fixed-variant: #00102f;
    --mat-sys-secondary: #c0ffc9;
    --mat-sys-on-secondary: #000000;
    --mat-sys-secondary-container: #6fd88a;
    --mat-sys-on-secondary-container: #000f03;
    --mat-sys-secondary-fixed: #8ff9a7;
    --mat-sys-secondary-fixed-dim: #73dc8d;
    --mat-sys-on-secondary-fixed: #000000;
    --mat-sys-on-secondary-fixed-variant: #001506;
    --mat-sys-tertiary: #ffece4;
    --mat-sys-on-tertiary: #000000;
    --mat-sys-tertiary-container: #ffb183;
    --mat-sys-on-tertiary-container: #190600;
    --mat-sys-tertiary-fixed: #ffdbc9;
    --mat-sys-tertiary-fixed-dim: #ffb68c;
    --mat-sys-on-tertiary-fixed: #000000;
    --mat-sys-on-tertiary-fixed-variant: #220a00;
    --mat-sys-background: #10131b;
    --mat-sys-on-background: #e0e2ed;
    --mat-sys-surface: #10131b;
    --mat-sys-surface-dim: #10131b;
    --mat-sys-surface-bright: #141516;
    --mat-sys-surface-container-low: #1c2028;
    --mat-sys-surface-container-lowest: #000000;
    --mat-sys-surface-container: #2d3039;
    --mat-sys-surface-container-high: #383b44;
    --mat-sys-surface-container-highest: #434750;
    --mat-sys-on-surface: #ffffff;
    --mat-sys-shadow: #000000;
    --mat-sys-scrim: #000000;
    --mat-sys-surface-tint: #afc6ff;
    --mat-sys-inverse-surface: #e0e2ed;
    --mat-sys-inverse-on-surface: #000000;
    --mat-sys-outline: #ecefff;
    --mat-sys-outline-variant: #bdc2d4;
    --mat-sys-error: #ffece9;
    --mat-sys-on-error: #000000;
    --mat-sys-error-container: #ffaea4;
    --mat-sys-on-error-container: #a8060f;
    --mat-sys-surface-variant: #414755;
    --mat-sys-on-surface-variant: #ffffff;
    color-scheme: dark;
  }
}
body {
  margin: 0;
  font-family: Roboto, sans-serif;
}
body * {
  box-sizing: border-box;
}
body {
  --mat-card-outlined-container-color: var(--mat-sys-surface-container-lowest);
}
:root {
  --mat-sys-warning: #ed6d04;
  --mat-sys-warning-container: #fff4e5;
  --mat-sys-on-warning-container: #80512a;
  --mat-sys-on-warning: #ffffff;
}
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  font-family:
    Inter,
    Roboto,
    sans-serif;
  background-color: var(--hv-bg-0);
  color: var(--hv-text);
  transition: background-color 0.25s ease, color 0.25s ease;
}
html.light-theme app-select-language .lib-form-field--selected-value__text,
html.light-theme app-select-language .mat-mdc-select-value,
html.light-theme app-select-language .mat-mdc-select-value-text,
html.light-theme app-select-language .mat-mdc-select-placeholder {
  color: #374151 !important;
}
html.light-theme app-select-language .mat-mdc-select-arrow {
  color: var(--hv-accent) !important;
}
html.light-theme app-select-language .mdc-notched-outline__leading,
html.light-theme app-select-language .mdc-notched-outline__notch,
html.light-theme app-select-language .mdc-notched-outline__trailing {
  border-color: rgba(250, 179, 0, 0.2) !important;
}
html.light-theme app-select-language:hover .mdc-notched-outline__leading,
html.light-theme app-select-language:hover .mdc-notched-outline__notch,
html.light-theme app-select-language:hover .mdc-notched-outline__trailing {
  border-color: rgba(250, 179, 0, 0.5) !important;
}
app-select-language .mdc-notched-outline__leading,
app-select-language .mdc-notched-outline__notch,
app-select-language .mdc-notched-outline__trailing {
  border: none !important;
}
app-select-language .mat-mdc-text-field-wrapper {
  background-color: var(--hv-lang-select-bg) !important;
  border-radius: 6px !important;
}
.mat-sidenav-content {
  background-color: var(--mat-sys-surface-bright) !important;
}
.mat-drawer-container {
  background-color: var(--hv-surface-2) !important;
  color: var(--hv-text) !important;
}
.mat-drawer {
  background-color: var(--hv-surface-1) !important;
}
.mat-mdc-card {
  background-color: var(--mat-card-outlined-container-color) !important;
  border: 1px solid var(--hv-border) !important;
  color: var(--hv-text) !important;
}
.mat-mdc-row,
tr[mat-row] {
  background-color: var(--mat-table-background-color) !important;
  color: var(--hv-text) !important;
}
.mat-mdc-row td,
tr[mat-row] td {
  color: var(--hv-text) !important;
  border-bottom-color: var(--hv-border) !important;
}
.mat-mdc-row:hover,
tr[mat-row]:hover {
  background-color: var(--hv-surface-3) !important;
}
.mat-mdc-header-row,
tr[mat-header-row] {
  background-color: var(--hv-surface-1) !important;
}
.mat-mdc-header-row th,
tr[mat-header-row] th {
  color: var(--hv-text-muted) !important;
  border-bottom-color: var(--hv-border) !important;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.mat-mdc-raised-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-flat-button.mat-primary {
  --mdc-protected-button-container-color: var(--hv-gold) !important;
  --mat-button-protected-container-color: var(--hv-gold) !important;
  background-color: var(--hv-gold) !important;
  color: #000000 !important;
  font-weight: 700 !important;
}
.mat-mdc-raised-button.mat-primary:hover,
.mat-mdc-unelevated-button.mat-primary:hover,
.mat-mdc-flat-button.mat-primary:hover {
  filter: brightness(0.9);
}
html.light-theme .mat-mdc-raised-button.mat-primary,
html.light-theme .mat-mdc-unelevated-button.mat-primary,
html.light-theme .mat-mdc-flat-button.mat-primary {
  --mat-button-protected-label-text-color: #ffffff;
  color: #ffffff !important;
}
.mat-mdc-button[disabled],
.mat-mdc-raised-button[disabled],
.mat-mdc-unelevated-button[disabled],
.mat-mdc-flat-button[disabled],
.mat-mdc-outlined-button[disabled],
.mat-mdc-icon-button[disabled],
.mat-mdc-fab[disabled],
.mat-mdc-mini-fab[disabled],
button[disabled],
[mat-button][disabled],
[mat-raised-button][disabled],
[mat-flat-button][disabled],
[mat-stroked-button][disabled] {
  opacity: 0.35 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  background-color: var(--hv-border) !important;
  color: var(--hv-text-muted) !important;
}
.mat-mdc-outlined-button {
  border-color: var(--hv-gold-border) !important;
  color: var(--hv-text) !important;
}
html.light-theme app-button[color=primary] {
  --mat-button-text-label-text-color: var(--hv-gold);
  --mat-button-outlined-label-text-color: var(--hv-gold);
  --mat-button-outlined-outline-color: var(--hv-gold-border);
}
.mat-toolbar .mat-mdc-button,
.mat-toolbar .mat-mdc-icon-button {
  color: var(--hv-text) !important;
}
.expandable-button.link-active {
  background-color: var(--hv-gold-dim) !important;
  border-left: 3px solid var(--hv-gold) !important;
}
mat-icon {
  color: var(--hv-text-muted);
}
.mat-icon[color=primary] {
  color: var(--hv-gold) !important;
}
.mat-mdc-icon-button {
  background-color: transparent !important;
  color: var(--mat-icon-button-icon-color) !important;
}
.mat-mdc-icon-button .mat-icon {
  color: inherit !important;
}
.mat-mdc-form-field.mat-focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing {
  border-color: var(--hv-gold) !important;
}
.mat-mdc-form-field.mat-focused .mat-mdc-floating-label {
  color: var(--hv-gold) !important;
}
.mdc-tab--active .mdc-tab-indicator__content--underline {
  border-color: var(--hv-gold) !important;
}
.mdc-tab--active .mdc-tab__text-label {
  color: var(--hv-gold) !important;
}
.mat-mdc-select-panel {
  background: var(--mat-select-panel-background-color) !important;
  border: 1px solid var(--hv-gold-border) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
}
.mat-mdc-select-panel .mat-mdc-option {
  color: var(--hv-text) !important;
  min-height: 40px;
}
.mat-mdc-select-panel .mat-mdc-option .fi {
  font-size: 16px;
  flex-shrink: 0;
}
.mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled) {
  background-color: var(--hv-gold-dim) !important;
}
.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) {
  background-color: var(--hv-gold-dim) !important;
}
.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: var(--hv-gold) !important;
}
.mat-mdc-chip {
  background-color: var(--hv-surface-3) !important;
  color: var(--hv-text) !important;
}
html.light-theme .mat-step-label:not(.mat-step-label-selected):not(.mat-step-label-error) {
  color: rgba(0, 0, 0, 0.45) !important;
}
html.light-theme .mat-step-label-selected {
  color: var(--hv-gold) !important;
}
html.light-theme .mat-step-header[aria-selected=false]:not(:has(.mat-step-label-selected)) .mat-step-label {
  color: rgba(0, 0, 0, 0.6) !important;
}
.hint--info {
  background: rgba(41, 182, 246, 0.1) !important;
  border: 1px solid rgba(41, 182, 246, 0.25) !important;
  border-radius: 8px;
}
.hint--info .hint--icon mat-icon,
.hint--info .hint--icon,
.hint--info .hint--title-text,
.hint--info .hint--message-text {
  color: #29b6f6 !important;
}
.hint--warning {
  background: rgba(255, 179, 0, 0.1) !important;
  border: 1px solid rgba(255, 179, 0, 0.3) !important;
  border-radius: 8px;
}
.hint--warning .hint--icon mat-icon,
.hint--warning .hint--icon,
.hint--warning .hint--title-text {
  color: #ffb300 !important;
}
.hint--warning .hint--message-text {
  color: rgba(255, 220, 100, 0.9) !important;
}
.hint--error {
  background: rgba(244, 67, 54, 0.1) !important;
  border: 1px solid rgba(244, 67, 54, 0.3) !important;
  border-radius: 8px;
}
.hint--error .hint--icon mat-icon,
.hint--error .hint--icon,
.hint--error .hint--title-text {
  color: #f44336 !important;
}
.hint--error .hint--message-text {
  color: rgba(255, 140, 130, 0.9) !important;
}
.hint--success {
  background: rgba(102, 187, 106, 0.1) !important;
  border: 1px solid rgba(102, 187, 106, 0.3) !important;
  border-radius: 8px;
}
.hint--success .hint--icon mat-icon,
.hint--success .hint--icon,
.hint--success .hint--title-text {
  color: #66bb6a !important;
}
.hint--success .hint--message-text {
  color: rgba(150, 220, 150, 0.9) !important;
}
.mat-mdc-form-field-error,
.mat-mdc-form-field .mat-mdc-form-field-error-wrapper,
[mat-error],
mat-error {
  color: #f44336 !important;
}
.mat-mdc-form-field.mat-form-field-invalid .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-form-field-invalid .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-form-field-invalid .mdc-notched-outline__trailing {
  border-color: #f44336 !important;
}
.mat-mdc-form-field.mat-form-field-invalid .mat-mdc-floating-label {
  color: #f44336 !important;
}
.mat-mdc-form-field {
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-error-focus-trailing-icon-color: #f44336;
  --mat-form-field-error-hover-trailing-icon-color: #f44336;
  --mat-form-field-error-trailing-icon-color: #f44336;
}
.document-uploader--content__icon,
.document-uploader--content__title,
.document-uploader--content__sub-title {
  color: var(--hv-text-muted) !important;
}
.document-uploader {
  border-color: var(--hv-border) !important;
}
.document-uploader:hover {
  border-color: var(--mat-sys-outline) !important;
}
.page {
  max-width: 100% !important;
}
.card.mat-mdc-card,
.mat-mdc-card.card {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
app-table,
app-recent-activity,
app-cryptocurrency-exchange {
  display: block;
  width: 100%;
}
app-table .card,
app-table mat-card {
  max-width: 100% !important;
  width: 100% !important;
}
.mat-mdc-dialog-container {
  --mat-dialog-container-color: var(--hv-surface-3);
  --mat-dialog-subhead-color: var(--hv-text);
  --mat-dialog-headline-color: var(--hv-text);
  --mat-radio-checked-ripple-color: var(--hv-gold);
}
.mat-mdc-dialog-container .mdc-dialog__surface {
  background-color: var(--hv-surface-3) !important;
  border: 1px solid var(--hv-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 48px rgba(0, 0, 0, 0.25) !important;
  color: var(--hv-text) !important;
}
.request-success-modal-container .mdc-dialog__surface {
  background-color: transparent !important;
  border: none !important;
}
.mat-mdc-dialog-title {
  color: var(--hv-text) !important;
  font-weight: 700 !important;
}
.mat-mdc-dialog-content {
  color: var(--hv-text) !important;
  background-color: var(--hv-surface-3) !important;
}
.mat-mdc-dialog-actions {
  background-color: var(--hv-surface-3) !important;
  border-top: 1px solid var(--hv-border);
}
.mat-mdc-dialog-container .mat-mdc-radio-button {
  --mdc-radio-selected-focus-icon-color: var(--hv-gold);
  --mdc-radio-selected-hover-icon-color: var(--hv-gold);
  --mdc-radio-selected-icon-color: var(--hv-gold);
  --mdc-radio-selected-pressed-icon-color: var(--hv-gold);
  --mat-radio-checked-ripple-color: var(--hv-gold-dim);
}
.mat-mdc-dialog-container .mat-mdc-radio-button .mdc-label {
  color: var(--hv-text) !important;
}
.mat-mdc-dialog-container .mat-mdc-checkbox {
  --mdc-checkbox-selected-checkmark-color: #000;
  --mdc-checkbox-selected-focus-icon-color: var(--hv-gold);
  --mdc-checkbox-selected-hover-icon-color: var(--hv-gold);
  --mdc-checkbox-selected-icon-color: var(--hv-gold);
  --mdc-checkbox-selected-pressed-icon-color: var(--hv-gold);
  --mdc-checkbox-unselected-icon-color: var(--hv-border);
  --mdc-checkbox-unselected-hover-icon-color: var(--mat-sys-outline);
}
.mat-mdc-dialog-container .mat-mdc-checkbox .mdc-label {
  color: var(--hv-text) !important;
}
.mat-mdc-dialog-container .mat-divider {
  border-color: var(--hv-border) !important;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.45) !important;
}
.mat-mdc-radio-button.mat-primary,
.mat-mdc-radio-button {
  --mdc-radio-selected-focus-icon-color: var(--hv-gold);
  --mdc-radio-selected-hover-icon-color: var(--hv-gold);
  --mdc-radio-selected-icon-color: var(--hv-gold);
  --mdc-radio-selected-pressed-icon-color: var(--hv-gold);
  --mdc-radio-unselected-icon-color: var(--hv-border);
  --mdc-radio-unselected-hover-icon-color: var(--mat-sys-outline);
  --mdc-radio-unselected-focus-icon-color: var(--mat-sys-outline);
  --mdc-radio-unselected-pressed-icon-color: var(--hv-border);
  --mat-radio-ripple-color: var(--hv-gold-dim);
  --mat-radio-checked-ripple-color: var(--hv-gold-dim);
  --mat-radio-disabled-label-color: var(--hv-text-muted);
  --mat-radio-label-text-color: var(--hv-text);
}
.mat-mdc-radio-button.mat-primary .mdc-radio__outer-circle,
.mat-mdc-radio-button .mdc-radio__outer-circle {
  border-color: var(--hv-border) !important;
}
.mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked .mdc-radio__outer-circle,
.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle {
  border-color: var(--hv-gold) !important;
}
.mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked .mdc-radio__inner-circle,
.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle {
  border-color: var(--hv-gold) !important;
  background-color: var(--hv-gold) !important;
}
.mat-mdc-radio-button.mat-primary .mdc-label,
.mat-mdc-radio-button .mdc-label {
  color: var(--hv-text) !important;
}
.mat-mdc-checkbox {
  --mdc-checkbox-selected-checkmark-color: #000000;
  --mdc-checkbox-selected-focus-icon-color: var(--hv-gold);
  --mdc-checkbox-selected-hover-icon-color: var(--hv-gold);
  --mdc-checkbox-selected-icon-color: var(--hv-gold);
  --mdc-checkbox-selected-pressed-icon-color: var(--hv-gold);
  --mdc-checkbox-unselected-icon-color: var(--hv-border);
  --mdc-checkbox-unselected-hover-icon-color: var(--mat-sys-outline);
  --mdc-checkbox-unselected-focus-icon-color: var(--mat-sys-outline);
  --mdc-checkbox-unselected-pressed-icon-color: var(--hv-border);
  --mat-checkbox-label-text-color: var(--hv-text);
  --mat-checkbox-disabled-label-color: var(--hv-text-muted);
  --mdc-checkbox-selected-hover-state-layer-color: var(--hv-gold-dim);
  --mdc-checkbox-selected-focus-state-layer-color: var(--hv-gold-dim);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--hv-gold-dim);
  --mdc-checkbox-unselected-hover-state-layer-color: var(--hv-border);
  --mdc-checkbox-unselected-focus-state-layer-color: var(--hv-border);
  --mdc-checkbox-unselected-pressed-state-layer-color: var(--hv-border);
}
.mat-mdc-checkbox .mdc-label {
  color: var(--hv-text) !important;
}
.mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background {
  background-color: var(--hv-gold) !important;
  border-color: var(--hv-gold) !important;
}
.mat-mdc-checkbox .mdc-checkbox__ripple {
  background-color: transparent !important;
}
.mat-mdc-checkbox .mat-mdc-checkbox-ripple .mat-ripple-element {
  background-color: var(--hv-gold-dim) !important;
}
.mat-datepicker-content {
  --mat-datepicker-calendar-container-background-color: var(--hv-surface-3);
  --mat-datepicker-calendar-container-text-color: var(--hv-text);
  --mat-datepicker-calendar-header-background-color: var(--hv-surface-2);
  --mat-datepicker-calendar-header-text-color: var(--hv-text);
  --mat-datepicker-calendar-header-divider-color: var(--hv-border);
  --mat-datepicker-calendar-body-label-text-color: var(--hv-text-muted);
  --mat-datepicker-calendar-date-text-color: var(--hv-text);
  --mat-datepicker-calendar-date-disabled-state-text-color: var(--hv-border);
  --mat-datepicker-calendar-date-today-outline-color: var(--hv-gold);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--hv-gold);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--hv-gold-dim);
  --mat-datepicker-calendar-date-focus-state-background-color: var(--hv-gold-dim);
  --mat-datepicker-calendar-date-selected-state-background-color: var(--hv-gold);
  --mat-datepicker-calendar-date-selected-state-text-color: #000000;
  --mat-datepicker-calendar-date-in-range-state-background-color: var(--hv-gold-dim);
  --mat-datepicker-toggle-icon-color: var(--hv-text-muted);
  --mat-datepicker-toggle-active-state-icon-color: var(--hv-gold);
  background-color: var(--hv-surface-3) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 0 0 1px var(--hv-border) !important;
}
.mat-datepicker-content .mat-calendar-arrow,
.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-content .mat-calendar-next-button {
  color: var(--hv-text-muted) !important;
}
.mat-datepicker-content .mat-calendar-period-button {
  color: var(--hv-text) !important;
  font-weight: 600 !important;
}
.mat-datepicker-content .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover .mat-calendar-body-cell-content {
  background-color: var(--hv-gold-dim) !important;
}
.mat-datepicker-content .mat-calendar-body-selected {
  background-color: var(--hv-gold) !important;
  color: #000 !important;
  font-weight: 700 !important;
}
.mat-datepicker-content .mat-calendar-body-today:not(.mat-calendar-body-selected) {
  border-color: var(--hv-gold) !important;
}
.mat-datepicker-content .mat-calendar-body-label {
  color: var(--hv-text-muted) !important;
}
.mat-datepicker-content .mat-calendar-body-cell-content {
  color: var(--hv-text);
}
.mat-datepicker-content .mat-calendar-body-disabled .mat-calendar-body-cell-content {
  color: var(--hv-border) !important;
}
.mat-mdc-row td .activity-icon--success,
tr[mat-row] td .activity-icon--success {
  color: #66bb6a !important;
}
.mat-mdc-row td .activity-icon--error,
tr[mat-row] td .activity-icon--error {
  color: #f44336 !important;
}
.mat-mdc-row td .activity-icon--warning,
tr[mat-row] td .activity-icon--warning {
  color: #ffb300 !important;
}
.ra-amount {
  font-family:
    "Roboto Mono",
    "Courier New",
    monospace;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.ra-amount--positive {
  color: #66bb6a !important;
}
.ra-amount--negative {
  color: #f44336 !important;
}
.ra-amount--neutral {
  color: var(--hv-text-muted);
}
.ra-cell--muted {
  color: var(--hv-text-muted);
  font-size: 14px;
}
.ra-cell--mono {
  font-family:
    "Roboto Mono",
    "Courier New",
    monospace;
  letter-spacing: 0.02em;
}
.ra-cell--description {
  max-width: 300px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: var(--hv-text);
}
html {
  scrollbar-width: thin;
  scrollbar-color: var(--hv-scrollbar-thumb) var(--hv-scrollbar-track);
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-track {
  background: var(--hv-scrollbar-track);
}
::-webkit-scrollbar-thumb {
  background: var(--hv-scrollbar-thumb);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--hv-gold);
}
.d--flex {
  display: flex;
}
.border--radius__100 {
  border-radius: 100%;
}
.w--30__px {
  width: 30px;
}
.w--50__px {
  width: 50px;
}
.h--30__px {
  height: 30px;
}
.h--50__px {
  height: 30px;
}
.m--r__8 {
  margin-right: 8px;
}
.m--r__12 {
  margin-right: 12px;
}
.m--r__16 {
  margin-right: 16px;
}
.m--b__8 {
  margin-bottom: 8px;
}
.m--b__12 {
  margin-bottom: 12px;
}
.m--b__16 {
  margin-bottom: 16px;
}
.p--t__8 {
  padding-top: 8px;
}
.p--t__12 {
  padding-top: 12px;
}
.p--t__16 {
  padding-top: 16px;
}
.p--b__8 {
  padding-bottom: 8px;
}
.p--b__12 {
  padding-bottom: 12px;
}
.p--b__16 {
  padding-bottom: 16px;
}
.align-items--center {
  align-items: center;
}
.justify-content--center {
  justify-content: center;
}
.justify-content--right {
  justify-content: right;
}
.flex-direction--column {
  flex-direction: column;
}
.text--color__error {
  color: var(--mat-form-field-error-focus-trailing-icon-color);
}
.text--color__success {
  color: var(--mat-chip-selected-label-text-color);
}
.text--color__warning {
  color: var(--mat-sys-warning);
}
.text--style__bold {
  font-weight: bold;
}
.text--style__bolder {
  font-weight: bolder;
}
.text--style__normal {
  font-weight: normal;
}
.text--style__600 {
  font-weight: 600;
}
.text--style__lighter {
  font-weight: lighter;
}
.text--align__right {
  text-align: right;
}
.text--align__left {
  text-align: left;
}
.text--align__center {
  text-align: center;
}
.badge {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: var(--mat-sys-warning);
  border-radius: 100%;
}

/* apps/frontend/client/src/typography.scss */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
:root {
  --hv-h1-size: 3.5rem;
  --hv-h1-size-md: 2.25rem;
  --hv-h1-weight: 700;
  --hv-h1-line-height: 1.15;
  --hv-h1-tracking: -0.02em;
  --hv-h1-sm: 2.5rem;
  --hv-h1-sm-md: 2.125rem;
  --hv-h2-size: 2rem;
  --hv-h2-size-md: 1.75rem;
  --hv-h2-weight: 700;
  --hv-h2-line-height: 1.2;
  --hv-h2-tracking: -0.01em;
  --hv-h3-size: 1.5rem;
  --hv-h3-size-md: 1.125rem;
  --hv-h3-weight: 700;
  --hv-h3-line-height: 1.3;
  --hv-h4-size: 1rem;
  --hv-h4-weight: 700;
  --hv-h4-line-height: 1.6;
  --hv-h5-size: 0.9rem;
  --hv-h5-weight: 600;
  --hv-h5-line-height: 1.43;
  --hv-h5-tracking: 0.01em;
  --hv-h6-size: 0.75rem;
  --hv-h6-weight: 500;
  --hv-h6-line-height: 1.43;
  --hv-p-lg-size: 1.125rem;
  --hv-p-lg-size-md: 1rem;
  --hv-p-lg-weight: 400;
  --hv-p-lg-line-height: 1.6;
  --hv-p-size: 1rem;
  --hv-p-weight: 400;
  --hv-p-line-height: 1.6;
  --hv-p-sm-size: 0.75rem;
  --hv-p-sm-weight: 400;
  --hv-p-sm-line-height: 1.5;
}
.outer-h1 {
  font-family:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  font-size: var(--hv-h1-size);
  font-weight: var(--hv-h1-weight);
  line-height: var(--hv-h1-line-height);
  letter-spacing: var(--hv-h1-tracking);
}
@media (max-width: 767.98px) {
  .outer-h1 {
    font-size: var(--hv-h1-size-md);
  }
}
.outer-h1-sm {
  font-family:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  font-size: var(--hv-h1-sm);
  font-weight: var(--hv-h1-weight);
  line-height: var(--hv-h1-line-height);
  letter-spacing: var(--hv-h1-tracking);
}
@media (max-width: 767.98px) {
  .outer-h1-sm {
    font-size: var(--hv-h1-sm-md);
  }
}
.outer-h2 {
  font-family:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  font-size: var(--hv-h2-size);
  font-weight: var(--hv-h2-weight);
  line-height: var(--hv-h2-line-height);
  letter-spacing: var(--hv-h2-tracking);
}
@media (max-width: 767.98px) {
  .outer-h2 {
    font-size: var(--hv-h2-size-md);
  }
}
.outer-h3 {
  font-family:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  font-size: var(--hv-h3-size);
  font-weight: var(--hv-h3-weight);
  line-height: var(--hv-h3-line-height);
}
@media (max-width: 767.98px) {
  .outer-h3 {
    font-size: var(--hv-h3-size-md);
  }
}
.outer-h4 {
  font-family:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  font-size: var(--hv-h4-size);
  font-weight: var(--hv-h4-weight);
  line-height: var(--hv-h4-line-height);
}
.outer-h5 {
  font-family:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  font-size: var(--hv-h5-size);
  font-weight: var(--hv-h5-weight);
  line-height: var(--hv-h5-line-height);
  letter-spacing: var(--hv-h5-tracking);
}
.outer-h6 {
  font-family:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  font-size: var(--hv-h6-size);
  font-weight: var(--hv-h6-weight);
  line-height: var(--hv-h6-line-height);
}
.outer-p-lg {
  font-family:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  font-size: var(--hv-p-lg-size);
  font-weight: var(--hv-p-lg-weight);
  line-height: var(--hv-p-lg-line-height);
}
@media (max-width: 767.98px) {
  .outer-p-lg {
    font-size: var(--hv-p-lg-size-md);
  }
}
.outer-p {
  font-family:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  font-size: var(--hv-p-size);
  font-weight: var(--hv-p-weight);
  line-height: var(--hv-p-line-height);
}
.outer-p-sm {
  font-family:
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  font-size: var(--hv-p-sm-size);
  font-weight: var(--hv-p-sm-weight);
  line-height: var(--hv-p-sm-line-height);
}
.outer-text-weight--light {
  font-weight: 300;
}
.outer-text-weight--regular {
  font-weight: 400;
}
.outer-text-weight--medium {
  font-weight: 500;
}
.outer-text-weight--bold {
  font-weight: 700;
}

/* apps/frontend/client/src/utilities.scss */
.m-0 {
  margin: 0px;
}
.p-0 {
  padding: 0px;
}
.m-0--t {
  margin-top: 0px;
}
.p-0--t {
  padding-top: 0px;
}
.m-0--r {
  margin-right: 0px;
}
.p-0--r {
  padding-right: 0px;
}
.m-0--b {
  margin-bottom: 0px;
}
.p-0--b {
  padding-bottom: 0px;
}
.m-0--l {
  margin-left: 0px;
}
.p-0--l {
  padding-left: 0px;
}
.m-4 {
  margin: 4px;
}
.p-4 {
  padding: 4px;
}
.m-4--t {
  margin-top: 4px;
}
.p-4--t {
  padding-top: 4px;
}
.m-4--r {
  margin-right: 4px;
}
.p-4--r {
  padding-right: 4px;
}
.m-4--b {
  margin-bottom: 4px;
}
.p-4--b {
  padding-bottom: 4px;
}
.m-4--l {
  margin-left: 4px;
}
.p-4--l {
  padding-left: 4px;
}
.m-8 {
  margin: 8px;
}
.p-8 {
  padding: 8px;
}
.m-8--t {
  margin-top: 8px;
}
.p-8--t {
  padding-top: 8px;
}
.m-8--r {
  margin-right: 8px;
}
.p-8--r {
  padding-right: 8px;
}
.m-8--b {
  margin-bottom: 8px;
}
.p-8--b {
  padding-bottom: 8px;
}
.m-8--l {
  margin-left: 8px;
}
.p-8--l {
  padding-left: 8px;
}
.m-12 {
  margin: 12px;
}
.p-12 {
  padding: 12px;
}
.m-12--t {
  margin-top: 12px;
}
.p-12--t {
  padding-top: 12px;
}
.m-12--r {
  margin-right: 12px;
}
.p-12--r {
  padding-right: 12px;
}
.m-12--b {
  margin-bottom: 12px;
}
.p-12--b {
  padding-bottom: 12px;
}
.m-12--l {
  margin-left: 12px;
}
.p-12--l {
  padding-left: 12px;
}
.m-16 {
  margin: 16px;
}
.p-16 {
  padding: 16px;
}
.m-16--t {
  margin-top: 16px;
}
.p-16--t {
  padding-top: 16px;
}
.m-16--r {
  margin-right: 16px;
}
.p-16--r {
  padding-right: 16px;
}
.m-16--b {
  margin-bottom: 16px;
}
.p-16--b {
  padding-bottom: 16px;
}
.m-16--l {
  margin-left: 16px;
}
.p-16--l {
  padding-left: 16px;
}
.m-20 {
  margin: 20px;
}
.p-20 {
  padding: 20px;
}
.m-20--t {
  margin-top: 20px;
}
.p-20--t {
  padding-top: 20px;
}
.m-20--r {
  margin-right: 20px;
}
.p-20--r {
  padding-right: 20px;
}
.m-20--b {
  margin-bottom: 20px;
}
.p-20--b {
  padding-bottom: 20px;
}
.m-20--l {
  margin-left: 20px;
}
.p-20--l {
  padding-left: 20px;
}
.m-24 {
  margin: 24px;
}
.p-24 {
  padding: 24px;
}
.m-24--t {
  margin-top: 24px;
}
.p-24--t {
  padding-top: 24px;
}
.m-24--r {
  margin-right: 24px;
}
.p-24--r {
  padding-right: 24px;
}
.m-24--b {
  margin-bottom: 24px;
}
.p-24--b {
  padding-bottom: 24px;
}
.m-24--l {
  margin-left: 24px;
}
.p-24--l {
  padding-left: 24px;
}
.m-32 {
  margin: 32px;
}
.p-32 {
  padding: 32px;
}
.m-32--t {
  margin-top: 32px;
}
.p-32--t {
  padding-top: 32px;
}
.m-32--r {
  margin-right: 32px;
}
.p-32--r {
  padding-right: 32px;
}
.m-32--b {
  margin-bottom: 32px;
}
.p-32--b {
  padding-bottom: 32px;
}
.m-32--l {
  margin-left: 32px;
}
.p-32--l {
  padding-left: 32px;
}
.m-48 {
  margin: 48px;
}
.p-48 {
  padding: 48px;
}
.m-48--t {
  margin-top: 48px;
}
.p-48--t {
  padding-top: 48px;
}
.m-48--r {
  margin-right: 48px;
}
.p-48--r {
  padding-right: 48px;
}
.m-48--b {
  margin-bottom: 48px;
}
.p-48--b {
  padding-bottom: 48px;
}
.m-48--l {
  margin-left: 48px;
}
.p-48--l {
  padding-left: 48px;
}
.m-64 {
  margin: 64px;
}
.p-64 {
  padding: 64px;
}
.m-64--t {
  margin-top: 64px;
}
.p-64--t {
  padding-top: 64px;
}
.m-64--r {
  margin-right: 64px;
}
.p-64--r {
  padding-right: 64px;
}
.m-64--b {
  margin-bottom: 64px;
}
.p-64--b {
  padding-bottom: 64px;
}
.m-64--l {
  margin-left: 64px;
}
.p-64--l {
  padding-left: 64px;
}
.m-80 {
  margin: 80px;
}
.p-80 {
  padding: 80px;
}
.m-80--t {
  margin-top: 80px;
}
.p-80--t {
  padding-top: 80px;
}
.m-80--r {
  margin-right: 80px;
}
.p-80--r {
  padding-right: 80px;
}
.m-80--b {
  margin-bottom: 80px;
}
.p-80--b {
  padding-bottom: 80px;
}
.m-80--l {
  margin-left: 80px;
}
.p-80--l {
  padding-left: 80px;
}
@media (max-width: 1399.98px) {
  .m-0__xxl {
    margin: 0px;
  }
  .p-0__xxl {
    padding: 0px;
  }
  .m-0--t__xxl {
    margin-top: 0px;
  }
  .p-0--t__xxl {
    padding-top: 0px;
  }
  .m-0--r__xxl {
    margin-right: 0px;
  }
  .p-0--r__xxl {
    padding-right: 0px;
  }
  .m-0--b__xxl {
    margin-bottom: 0px;
  }
  .p-0--b__xxl {
    padding-bottom: 0px;
  }
  .m-0--l__xxl {
    margin-left: 0px;
  }
  .p-0--l__xxl {
    padding-left: 0px;
  }
  .m-4__xxl {
    margin: 4px;
  }
  .p-4__xxl {
    padding: 4px;
  }
  .m-4--t__xxl {
    margin-top: 4px;
  }
  .p-4--t__xxl {
    padding-top: 4px;
  }
  .m-4--r__xxl {
    margin-right: 4px;
  }
  .p-4--r__xxl {
    padding-right: 4px;
  }
  .m-4--b__xxl {
    margin-bottom: 4px;
  }
  .p-4--b__xxl {
    padding-bottom: 4px;
  }
  .m-4--l__xxl {
    margin-left: 4px;
  }
  .p-4--l__xxl {
    padding-left: 4px;
  }
  .m-8__xxl {
    margin: 8px;
  }
  .p-8__xxl {
    padding: 8px;
  }
  .m-8--t__xxl {
    margin-top: 8px;
  }
  .p-8--t__xxl {
    padding-top: 8px;
  }
  .m-8--r__xxl {
    margin-right: 8px;
  }
  .p-8--r__xxl {
    padding-right: 8px;
  }
  .m-8--b__xxl {
    margin-bottom: 8px;
  }
  .p-8--b__xxl {
    padding-bottom: 8px;
  }
  .m-8--l__xxl {
    margin-left: 8px;
  }
  .p-8--l__xxl {
    padding-left: 8px;
  }
  .m-12__xxl {
    margin: 12px;
  }
  .p-12__xxl {
    padding: 12px;
  }
  .m-12--t__xxl {
    margin-top: 12px;
  }
  .p-12--t__xxl {
    padding-top: 12px;
  }
  .m-12--r__xxl {
    margin-right: 12px;
  }
  .p-12--r__xxl {
    padding-right: 12px;
  }
  .m-12--b__xxl {
    margin-bottom: 12px;
  }
  .p-12--b__xxl {
    padding-bottom: 12px;
  }
  .m-12--l__xxl {
    margin-left: 12px;
  }
  .p-12--l__xxl {
    padding-left: 12px;
  }
  .m-16__xxl {
    margin: 16px;
  }
  .p-16__xxl {
    padding: 16px;
  }
  .m-16--t__xxl {
    margin-top: 16px;
  }
  .p-16--t__xxl {
    padding-top: 16px;
  }
  .m-16--r__xxl {
    margin-right: 16px;
  }
  .p-16--r__xxl {
    padding-right: 16px;
  }
  .m-16--b__xxl {
    margin-bottom: 16px;
  }
  .p-16--b__xxl {
    padding-bottom: 16px;
  }
  .m-16--l__xxl {
    margin-left: 16px;
  }
  .p-16--l__xxl {
    padding-left: 16px;
  }
  .m-20__xxl {
    margin: 20px;
  }
  .p-20__xxl {
    padding: 20px;
  }
  .m-20--t__xxl {
    margin-top: 20px;
  }
  .p-20--t__xxl {
    padding-top: 20px;
  }
  .m-20--r__xxl {
    margin-right: 20px;
  }
  .p-20--r__xxl {
    padding-right: 20px;
  }
  .m-20--b__xxl {
    margin-bottom: 20px;
  }
  .p-20--b__xxl {
    padding-bottom: 20px;
  }
  .m-20--l__xxl {
    margin-left: 20px;
  }
  .p-20--l__xxl {
    padding-left: 20px;
  }
  .m-24__xxl {
    margin: 24px;
  }
  .p-24__xxl {
    padding: 24px;
  }
  .m-24--t__xxl {
    margin-top: 24px;
  }
  .p-24--t__xxl {
    padding-top: 24px;
  }
  .m-24--r__xxl {
    margin-right: 24px;
  }
  .p-24--r__xxl {
    padding-right: 24px;
  }
  .m-24--b__xxl {
    margin-bottom: 24px;
  }
  .p-24--b__xxl {
    padding-bottom: 24px;
  }
  .m-24--l__xxl {
    margin-left: 24px;
  }
  .p-24--l__xxl {
    padding-left: 24px;
  }
  .m-32__xxl {
    margin: 32px;
  }
  .p-32__xxl {
    padding: 32px;
  }
  .m-32--t__xxl {
    margin-top: 32px;
  }
  .p-32--t__xxl {
    padding-top: 32px;
  }
  .m-32--r__xxl {
    margin-right: 32px;
  }
  .p-32--r__xxl {
    padding-right: 32px;
  }
  .m-32--b__xxl {
    margin-bottom: 32px;
  }
  .p-32--b__xxl {
    padding-bottom: 32px;
  }
  .m-32--l__xxl {
    margin-left: 32px;
  }
  .p-32--l__xxl {
    padding-left: 32px;
  }
  .m-48__xxl {
    margin: 48px;
  }
  .p-48__xxl {
    padding: 48px;
  }
  .m-48--t__xxl {
    margin-top: 48px;
  }
  .p-48--t__xxl {
    padding-top: 48px;
  }
  .m-48--r__xxl {
    margin-right: 48px;
  }
  .p-48--r__xxl {
    padding-right: 48px;
  }
  .m-48--b__xxl {
    margin-bottom: 48px;
  }
  .p-48--b__xxl {
    padding-bottom: 48px;
  }
  .m-48--l__xxl {
    margin-left: 48px;
  }
  .p-48--l__xxl {
    padding-left: 48px;
  }
  .m-64__xxl {
    margin: 64px;
  }
  .p-64__xxl {
    padding: 64px;
  }
  .m-64--t__xxl {
    margin-top: 64px;
  }
  .p-64--t__xxl {
    padding-top: 64px;
  }
  .m-64--r__xxl {
    margin-right: 64px;
  }
  .p-64--r__xxl {
    padding-right: 64px;
  }
  .m-64--b__xxl {
    margin-bottom: 64px;
  }
  .p-64--b__xxl {
    padding-bottom: 64px;
  }
  .m-64--l__xxl {
    margin-left: 64px;
  }
  .p-64--l__xxl {
    padding-left: 64px;
  }
  .m-80__xxl {
    margin: 80px;
  }
  .p-80__xxl {
    padding: 80px;
  }
  .m-80--t__xxl {
    margin-top: 80px;
  }
  .p-80--t__xxl {
    padding-top: 80px;
  }
  .m-80--r__xxl {
    margin-right: 80px;
  }
  .p-80--r__xxl {
    padding-right: 80px;
  }
  .m-80--b__xxl {
    margin-bottom: 80px;
  }
  .p-80--b__xxl {
    padding-bottom: 80px;
  }
  .m-80--l__xxl {
    margin-left: 80px;
  }
  .p-80--l__xxl {
    padding-left: 80px;
  }
}
@media (max-width: 1199.98px) {
  .m-0__lx {
    margin: 0px;
  }
  .p-0__lx {
    padding: 0px;
  }
  .m-0--t__lx {
    margin-top: 0px;
  }
  .p-0--t__lx {
    padding-top: 0px;
  }
  .m-0--r__lx {
    margin-right: 0px;
  }
  .p-0--r__lx {
    padding-right: 0px;
  }
  .m-0--b__lx {
    margin-bottom: 0px;
  }
  .p-0--b__lx {
    padding-bottom: 0px;
  }
  .m-0--l__lx {
    margin-left: 0px;
  }
  .p-0--l__lx {
    padding-left: 0px;
  }
  .m-4__lx {
    margin: 4px;
  }
  .p-4__lx {
    padding: 4px;
  }
  .m-4--t__lx {
    margin-top: 4px;
  }
  .p-4--t__lx {
    padding-top: 4px;
  }
  .m-4--r__lx {
    margin-right: 4px;
  }
  .p-4--r__lx {
    padding-right: 4px;
  }
  .m-4--b__lx {
    margin-bottom: 4px;
  }
  .p-4--b__lx {
    padding-bottom: 4px;
  }
  .m-4--l__lx {
    margin-left: 4px;
  }
  .p-4--l__lx {
    padding-left: 4px;
  }
  .m-8__lx {
    margin: 8px;
  }
  .p-8__lx {
    padding: 8px;
  }
  .m-8--t__lx {
    margin-top: 8px;
  }
  .p-8--t__lx {
    padding-top: 8px;
  }
  .m-8--r__lx {
    margin-right: 8px;
  }
  .p-8--r__lx {
    padding-right: 8px;
  }
  .m-8--b__lx {
    margin-bottom: 8px;
  }
  .p-8--b__lx {
    padding-bottom: 8px;
  }
  .m-8--l__lx {
    margin-left: 8px;
  }
  .p-8--l__lx {
    padding-left: 8px;
  }
  .m-12__lx {
    margin: 12px;
  }
  .p-12__lx {
    padding: 12px;
  }
  .m-12--t__lx {
    margin-top: 12px;
  }
  .p-12--t__lx {
    padding-top: 12px;
  }
  .m-12--r__lx {
    margin-right: 12px;
  }
  .p-12--r__lx {
    padding-right: 12px;
  }
  .m-12--b__lx {
    margin-bottom: 12px;
  }
  .p-12--b__lx {
    padding-bottom: 12px;
  }
  .m-12--l__lx {
    margin-left: 12px;
  }
  .p-12--l__lx {
    padding-left: 12px;
  }
  .m-16__lx {
    margin: 16px;
  }
  .p-16__lx {
    padding: 16px;
  }
  .m-16--t__lx {
    margin-top: 16px;
  }
  .p-16--t__lx {
    padding-top: 16px;
  }
  .m-16--r__lx {
    margin-right: 16px;
  }
  .p-16--r__lx {
    padding-right: 16px;
  }
  .m-16--b__lx {
    margin-bottom: 16px;
  }
  .p-16--b__lx {
    padding-bottom: 16px;
  }
  .m-16--l__lx {
    margin-left: 16px;
  }
  .p-16--l__lx {
    padding-left: 16px;
  }
  .m-20__lx {
    margin: 20px;
  }
  .p-20__lx {
    padding: 20px;
  }
  .m-20--t__lx {
    margin-top: 20px;
  }
  .p-20--t__lx {
    padding-top: 20px;
  }
  .m-20--r__lx {
    margin-right: 20px;
  }
  .p-20--r__lx {
    padding-right: 20px;
  }
  .m-20--b__lx {
    margin-bottom: 20px;
  }
  .p-20--b__lx {
    padding-bottom: 20px;
  }
  .m-20--l__lx {
    margin-left: 20px;
  }
  .p-20--l__lx {
    padding-left: 20px;
  }
  .m-24__lx {
    margin: 24px;
  }
  .p-24__lx {
    padding: 24px;
  }
  .m-24--t__lx {
    margin-top: 24px;
  }
  .p-24--t__lx {
    padding-top: 24px;
  }
  .m-24--r__lx {
    margin-right: 24px;
  }
  .p-24--r__lx {
    padding-right: 24px;
  }
  .m-24--b__lx {
    margin-bottom: 24px;
  }
  .p-24--b__lx {
    padding-bottom: 24px;
  }
  .m-24--l__lx {
    margin-left: 24px;
  }
  .p-24--l__lx {
    padding-left: 24px;
  }
  .m-32__lx {
    margin: 32px;
  }
  .p-32__lx {
    padding: 32px;
  }
  .m-32--t__lx {
    margin-top: 32px;
  }
  .p-32--t__lx {
    padding-top: 32px;
  }
  .m-32--r__lx {
    margin-right: 32px;
  }
  .p-32--r__lx {
    padding-right: 32px;
  }
  .m-32--b__lx {
    margin-bottom: 32px;
  }
  .p-32--b__lx {
    padding-bottom: 32px;
  }
  .m-32--l__lx {
    margin-left: 32px;
  }
  .p-32--l__lx {
    padding-left: 32px;
  }
  .m-48__lx {
    margin: 48px;
  }
  .p-48__lx {
    padding: 48px;
  }
  .m-48--t__lx {
    margin-top: 48px;
  }
  .p-48--t__lx {
    padding-top: 48px;
  }
  .m-48--r__lx {
    margin-right: 48px;
  }
  .p-48--r__lx {
    padding-right: 48px;
  }
  .m-48--b__lx {
    margin-bottom: 48px;
  }
  .p-48--b__lx {
    padding-bottom: 48px;
  }
  .m-48--l__lx {
    margin-left: 48px;
  }
  .p-48--l__lx {
    padding-left: 48px;
  }
  .m-64__lx {
    margin: 64px;
  }
  .p-64__lx {
    padding: 64px;
  }
  .m-64--t__lx {
    margin-top: 64px;
  }
  .p-64--t__lx {
    padding-top: 64px;
  }
  .m-64--r__lx {
    margin-right: 64px;
  }
  .p-64--r__lx {
    padding-right: 64px;
  }
  .m-64--b__lx {
    margin-bottom: 64px;
  }
  .p-64--b__lx {
    padding-bottom: 64px;
  }
  .m-64--l__lx {
    margin-left: 64px;
  }
  .p-64--l__lx {
    padding-left: 64px;
  }
  .m-80__lx {
    margin: 80px;
  }
  .p-80__lx {
    padding: 80px;
  }
  .m-80--t__lx {
    margin-top: 80px;
  }
  .p-80--t__lx {
    padding-top: 80px;
  }
  .m-80--r__lx {
    margin-right: 80px;
  }
  .p-80--r__lx {
    padding-right: 80px;
  }
  .m-80--b__lx {
    margin-bottom: 80px;
  }
  .p-80--b__lx {
    padding-bottom: 80px;
  }
  .m-80--l__lx {
    margin-left: 80px;
  }
  .p-80--l__lx {
    padding-left: 80px;
  }
}
@media (max-width: 991.98px) {
  .m-0__ls {
    margin: 0px;
  }
  .p-0__ls {
    padding: 0px;
  }
  .m-0--t__ls {
    margin-top: 0px;
  }
  .p-0--t__ls {
    padding-top: 0px;
  }
  .m-0--r__ls {
    margin-right: 0px;
  }
  .p-0--r__ls {
    padding-right: 0px;
  }
  .m-0--b__ls {
    margin-bottom: 0px;
  }
  .p-0--b__ls {
    padding-bottom: 0px;
  }
  .m-0--l__ls {
    margin-left: 0px;
  }
  .p-0--l__ls {
    padding-left: 0px;
  }
  .m-4__ls {
    margin: 4px;
  }
  .p-4__ls {
    padding: 4px;
  }
  .m-4--t__ls {
    margin-top: 4px;
  }
  .p-4--t__ls {
    padding-top: 4px;
  }
  .m-4--r__ls {
    margin-right: 4px;
  }
  .p-4--r__ls {
    padding-right: 4px;
  }
  .m-4--b__ls {
    margin-bottom: 4px;
  }
  .p-4--b__ls {
    padding-bottom: 4px;
  }
  .m-4--l__ls {
    margin-left: 4px;
  }
  .p-4--l__ls {
    padding-left: 4px;
  }
  .m-8__ls {
    margin: 8px;
  }
  .p-8__ls {
    padding: 8px;
  }
  .m-8--t__ls {
    margin-top: 8px;
  }
  .p-8--t__ls {
    padding-top: 8px;
  }
  .m-8--r__ls {
    margin-right: 8px;
  }
  .p-8--r__ls {
    padding-right: 8px;
  }
  .m-8--b__ls {
    margin-bottom: 8px;
  }
  .p-8--b__ls {
    padding-bottom: 8px;
  }
  .m-8--l__ls {
    margin-left: 8px;
  }
  .p-8--l__ls {
    padding-left: 8px;
  }
  .m-12__ls {
    margin: 12px;
  }
  .p-12__ls {
    padding: 12px;
  }
  .m-12--t__ls {
    margin-top: 12px;
  }
  .p-12--t__ls {
    padding-top: 12px;
  }
  .m-12--r__ls {
    margin-right: 12px;
  }
  .p-12--r__ls {
    padding-right: 12px;
  }
  .m-12--b__ls {
    margin-bottom: 12px;
  }
  .p-12--b__ls {
    padding-bottom: 12px;
  }
  .m-12--l__ls {
    margin-left: 12px;
  }
  .p-12--l__ls {
    padding-left: 12px;
  }
  .m-16__ls {
    margin: 16px;
  }
  .p-16__ls {
    padding: 16px;
  }
  .m-16--t__ls {
    margin-top: 16px;
  }
  .p-16--t__ls {
    padding-top: 16px;
  }
  .m-16--r__ls {
    margin-right: 16px;
  }
  .p-16--r__ls {
    padding-right: 16px;
  }
  .m-16--b__ls {
    margin-bottom: 16px;
  }
  .p-16--b__ls {
    padding-bottom: 16px;
  }
  .m-16--l__ls {
    margin-left: 16px;
  }
  .p-16--l__ls {
    padding-left: 16px;
  }
  .m-20__ls {
    margin: 20px;
  }
  .p-20__ls {
    padding: 20px;
  }
  .m-20--t__ls {
    margin-top: 20px;
  }
  .p-20--t__ls {
    padding-top: 20px;
  }
  .m-20--r__ls {
    margin-right: 20px;
  }
  .p-20--r__ls {
    padding-right: 20px;
  }
  .m-20--b__ls {
    margin-bottom: 20px;
  }
  .p-20--b__ls {
    padding-bottom: 20px;
  }
  .m-20--l__ls {
    margin-left: 20px;
  }
  .p-20--l__ls {
    padding-left: 20px;
  }
  .m-24__ls {
    margin: 24px;
  }
  .p-24__ls {
    padding: 24px;
  }
  .m-24--t__ls {
    margin-top: 24px;
  }
  .p-24--t__ls {
    padding-top: 24px;
  }
  .m-24--r__ls {
    margin-right: 24px;
  }
  .p-24--r__ls {
    padding-right: 24px;
  }
  .m-24--b__ls {
    margin-bottom: 24px;
  }
  .p-24--b__ls {
    padding-bottom: 24px;
  }
  .m-24--l__ls {
    margin-left: 24px;
  }
  .p-24--l__ls {
    padding-left: 24px;
  }
  .m-32__ls {
    margin: 32px;
  }
  .p-32__ls {
    padding: 32px;
  }
  .m-32--t__ls {
    margin-top: 32px;
  }
  .p-32--t__ls {
    padding-top: 32px;
  }
  .m-32--r__ls {
    margin-right: 32px;
  }
  .p-32--r__ls {
    padding-right: 32px;
  }
  .m-32--b__ls {
    margin-bottom: 32px;
  }
  .p-32--b__ls {
    padding-bottom: 32px;
  }
  .m-32--l__ls {
    margin-left: 32px;
  }
  .p-32--l__ls {
    padding-left: 32px;
  }
  .m-48__ls {
    margin: 48px;
  }
  .p-48__ls {
    padding: 48px;
  }
  .m-48--t__ls {
    margin-top: 48px;
  }
  .p-48--t__ls {
    padding-top: 48px;
  }
  .m-48--r__ls {
    margin-right: 48px;
  }
  .p-48--r__ls {
    padding-right: 48px;
  }
  .m-48--b__ls {
    margin-bottom: 48px;
  }
  .p-48--b__ls {
    padding-bottom: 48px;
  }
  .m-48--l__ls {
    margin-left: 48px;
  }
  .p-48--l__ls {
    padding-left: 48px;
  }
  .m-64__ls {
    margin: 64px;
  }
  .p-64__ls {
    padding: 64px;
  }
  .m-64--t__ls {
    margin-top: 64px;
  }
  .p-64--t__ls {
    padding-top: 64px;
  }
  .m-64--r__ls {
    margin-right: 64px;
  }
  .p-64--r__ls {
    padding-right: 64px;
  }
  .m-64--b__ls {
    margin-bottom: 64px;
  }
  .p-64--b__ls {
    padding-bottom: 64px;
  }
  .m-64--l__ls {
    margin-left: 64px;
  }
  .p-64--l__ls {
    padding-left: 64px;
  }
  .m-80__ls {
    margin: 80px;
  }
  .p-80__ls {
    padding: 80px;
  }
  .m-80--t__ls {
    margin-top: 80px;
  }
  .p-80--t__ls {
    padding-top: 80px;
  }
  .m-80--r__ls {
    margin-right: 80px;
  }
  .p-80--r__ls {
    padding-right: 80px;
  }
  .m-80--b__ls {
    margin-bottom: 80px;
  }
  .p-80--b__ls {
    padding-bottom: 80px;
  }
  .m-80--l__ls {
    margin-left: 80px;
  }
  .p-80--l__ls {
    padding-left: 80px;
  }
}
@media (max-width: 767.98px) {
  .m-0__md {
    margin: 0px;
  }
  .p-0__md {
    padding: 0px;
  }
  .m-0--t__md {
    margin-top: 0px;
  }
  .p-0--t__md {
    padding-top: 0px;
  }
  .m-0--r__md {
    margin-right: 0px;
  }
  .p-0--r__md {
    padding-right: 0px;
  }
  .m-0--b__md {
    margin-bottom: 0px;
  }
  .p-0--b__md {
    padding-bottom: 0px;
  }
  .m-0--l__md {
    margin-left: 0px;
  }
  .p-0--l__md {
    padding-left: 0px;
  }
  .m-4__md {
    margin: 4px;
  }
  .p-4__md {
    padding: 4px;
  }
  .m-4--t__md {
    margin-top: 4px;
  }
  .p-4--t__md {
    padding-top: 4px;
  }
  .m-4--r__md {
    margin-right: 4px;
  }
  .p-4--r__md {
    padding-right: 4px;
  }
  .m-4--b__md {
    margin-bottom: 4px;
  }
  .p-4--b__md {
    padding-bottom: 4px;
  }
  .m-4--l__md {
    margin-left: 4px;
  }
  .p-4--l__md {
    padding-left: 4px;
  }
  .m-8__md {
    margin: 8px;
  }
  .p-8__md {
    padding: 8px;
  }
  .m-8--t__md {
    margin-top: 8px;
  }
  .p-8--t__md {
    padding-top: 8px;
  }
  .m-8--r__md {
    margin-right: 8px;
  }
  .p-8--r__md {
    padding-right: 8px;
  }
  .m-8--b__md {
    margin-bottom: 8px;
  }
  .p-8--b__md {
    padding-bottom: 8px;
  }
  .m-8--l__md {
    margin-left: 8px;
  }
  .p-8--l__md {
    padding-left: 8px;
  }
  .m-12__md {
    margin: 12px;
  }
  .p-12__md {
    padding: 12px;
  }
  .m-12--t__md {
    margin-top: 12px;
  }
  .p-12--t__md {
    padding-top: 12px;
  }
  .m-12--r__md {
    margin-right: 12px;
  }
  .p-12--r__md {
    padding-right: 12px;
  }
  .m-12--b__md {
    margin-bottom: 12px;
  }
  .p-12--b__md {
    padding-bottom: 12px;
  }
  .m-12--l__md {
    margin-left: 12px;
  }
  .p-12--l__md {
    padding-left: 12px;
  }
  .m-16__md {
    margin: 16px;
  }
  .p-16__md {
    padding: 16px;
  }
  .m-16--t__md {
    margin-top: 16px;
  }
  .p-16--t__md {
    padding-top: 16px;
  }
  .m-16--r__md {
    margin-right: 16px;
  }
  .p-16--r__md {
    padding-right: 16px;
  }
  .m-16--b__md {
    margin-bottom: 16px;
  }
  .p-16--b__md {
    padding-bottom: 16px;
  }
  .m-16--l__md {
    margin-left: 16px;
  }
  .p-16--l__md {
    padding-left: 16px;
  }
  .m-20__md {
    margin: 20px;
  }
  .p-20__md {
    padding: 20px;
  }
  .m-20--t__md {
    margin-top: 20px;
  }
  .p-20--t__md {
    padding-top: 20px;
  }
  .m-20--r__md {
    margin-right: 20px;
  }
  .p-20--r__md {
    padding-right: 20px;
  }
  .m-20--b__md {
    margin-bottom: 20px;
  }
  .p-20--b__md {
    padding-bottom: 20px;
  }
  .m-20--l__md {
    margin-left: 20px;
  }
  .p-20--l__md {
    padding-left: 20px;
  }
  .m-24__md {
    margin: 24px;
  }
  .p-24__md {
    padding: 24px;
  }
  .m-24--t__md {
    margin-top: 24px;
  }
  .p-24--t__md {
    padding-top: 24px;
  }
  .m-24--r__md {
    margin-right: 24px;
  }
  .p-24--r__md {
    padding-right: 24px;
  }
  .m-24--b__md {
    margin-bottom: 24px;
  }
  .p-24--b__md {
    padding-bottom: 24px;
  }
  .m-24--l__md {
    margin-left: 24px;
  }
  .p-24--l__md {
    padding-left: 24px;
  }
  .m-32__md {
    margin: 32px;
  }
  .p-32__md {
    padding: 32px;
  }
  .m-32--t__md {
    margin-top: 32px;
  }
  .p-32--t__md {
    padding-top: 32px;
  }
  .m-32--r__md {
    margin-right: 32px;
  }
  .p-32--r__md {
    padding-right: 32px;
  }
  .m-32--b__md {
    margin-bottom: 32px;
  }
  .p-32--b__md {
    padding-bottom: 32px;
  }
  .m-32--l__md {
    margin-left: 32px;
  }
  .p-32--l__md {
    padding-left: 32px;
  }
  .m-48__md {
    margin: 48px;
  }
  .p-48__md {
    padding: 48px;
  }
  .m-48--t__md {
    margin-top: 48px;
  }
  .p-48--t__md {
    padding-top: 48px;
  }
  .m-48--r__md {
    margin-right: 48px;
  }
  .p-48--r__md {
    padding-right: 48px;
  }
  .m-48--b__md {
    margin-bottom: 48px;
  }
  .p-48--b__md {
    padding-bottom: 48px;
  }
  .m-48--l__md {
    margin-left: 48px;
  }
  .p-48--l__md {
    padding-left: 48px;
  }
  .m-64__md {
    margin: 64px;
  }
  .p-64__md {
    padding: 64px;
  }
  .m-64--t__md {
    margin-top: 64px;
  }
  .p-64--t__md {
    padding-top: 64px;
  }
  .m-64--r__md {
    margin-right: 64px;
  }
  .p-64--r__md {
    padding-right: 64px;
  }
  .m-64--b__md {
    margin-bottom: 64px;
  }
  .p-64--b__md {
    padding-bottom: 64px;
  }
  .m-64--l__md {
    margin-left: 64px;
  }
  .p-64--l__md {
    padding-left: 64px;
  }
  .m-80__md {
    margin: 80px;
  }
  .p-80__md {
    padding: 80px;
  }
  .m-80--t__md {
    margin-top: 80px;
  }
  .p-80--t__md {
    padding-top: 80px;
  }
  .m-80--r__md {
    margin-right: 80px;
  }
  .p-80--r__md {
    padding-right: 80px;
  }
  .m-80--b__md {
    margin-bottom: 80px;
  }
  .p-80--b__md {
    padding-bottom: 80px;
  }
  .m-80--l__md {
    margin-left: 80px;
  }
  .p-80--l__md {
    padding-left: 80px;
  }
}
@media (max-width: 575.98px) {
  .m-0__sm {
    margin: 0px;
  }
  .p-0__sm {
    padding: 0px;
  }
  .m-0--t__sm {
    margin-top: 0px;
  }
  .p-0--t__sm {
    padding-top: 0px;
  }
  .m-0--r__sm {
    margin-right: 0px;
  }
  .p-0--r__sm {
    padding-right: 0px;
  }
  .m-0--b__sm {
    margin-bottom: 0px;
  }
  .p-0--b__sm {
    padding-bottom: 0px;
  }
  .m-0--l__sm {
    margin-left: 0px;
  }
  .p-0--l__sm {
    padding-left: 0px;
  }
  .m-4__sm {
    margin: 4px;
  }
  .p-4__sm {
    padding: 4px;
  }
  .m-4--t__sm {
    margin-top: 4px;
  }
  .p-4--t__sm {
    padding-top: 4px;
  }
  .m-4--r__sm {
    margin-right: 4px;
  }
  .p-4--r__sm {
    padding-right: 4px;
  }
  .m-4--b__sm {
    margin-bottom: 4px;
  }
  .p-4--b__sm {
    padding-bottom: 4px;
  }
  .m-4--l__sm {
    margin-left: 4px;
  }
  .p-4--l__sm {
    padding-left: 4px;
  }
  .m-8__sm {
    margin: 8px;
  }
  .p-8__sm {
    padding: 8px;
  }
  .m-8--t__sm {
    margin-top: 8px;
  }
  .p-8--t__sm {
    padding-top: 8px;
  }
  .m-8--r__sm {
    margin-right: 8px;
  }
  .p-8--r__sm {
    padding-right: 8px;
  }
  .m-8--b__sm {
    margin-bottom: 8px;
  }
  .p-8--b__sm {
    padding-bottom: 8px;
  }
  .m-8--l__sm {
    margin-left: 8px;
  }
  .p-8--l__sm {
    padding-left: 8px;
  }
  .m-12__sm {
    margin: 12px;
  }
  .p-12__sm {
    padding: 12px;
  }
  .m-12--t__sm {
    margin-top: 12px;
  }
  .p-12--t__sm {
    padding-top: 12px;
  }
  .m-12--r__sm {
    margin-right: 12px;
  }
  .p-12--r__sm {
    padding-right: 12px;
  }
  .m-12--b__sm {
    margin-bottom: 12px;
  }
  .p-12--b__sm {
    padding-bottom: 12px;
  }
  .m-12--l__sm {
    margin-left: 12px;
  }
  .p-12--l__sm {
    padding-left: 12px;
  }
  .m-16__sm {
    margin: 16px;
  }
  .p-16__sm {
    padding: 16px;
  }
  .m-16--t__sm {
    margin-top: 16px;
  }
  .p-16--t__sm {
    padding-top: 16px;
  }
  .m-16--r__sm {
    margin-right: 16px;
  }
  .p-16--r__sm {
    padding-right: 16px;
  }
  .m-16--b__sm {
    margin-bottom: 16px;
  }
  .p-16--b__sm {
    padding-bottom: 16px;
  }
  .m-16--l__sm {
    margin-left: 16px;
  }
  .p-16--l__sm {
    padding-left: 16px;
  }
  .m-20__sm {
    margin: 20px;
  }
  .p-20__sm {
    padding: 20px;
  }
  .m-20--t__sm {
    margin-top: 20px;
  }
  .p-20--t__sm {
    padding-top: 20px;
  }
  .m-20--r__sm {
    margin-right: 20px;
  }
  .p-20--r__sm {
    padding-right: 20px;
  }
  .m-20--b__sm {
    margin-bottom: 20px;
  }
  .p-20--b__sm {
    padding-bottom: 20px;
  }
  .m-20--l__sm {
    margin-left: 20px;
  }
  .p-20--l__sm {
    padding-left: 20px;
  }
  .m-24__sm {
    margin: 24px;
  }
  .p-24__sm {
    padding: 24px;
  }
  .m-24--t__sm {
    margin-top: 24px;
  }
  .p-24--t__sm {
    padding-top: 24px;
  }
  .m-24--r__sm {
    margin-right: 24px;
  }
  .p-24--r__sm {
    padding-right: 24px;
  }
  .m-24--b__sm {
    margin-bottom: 24px;
  }
  .p-24--b__sm {
    padding-bottom: 24px;
  }
  .m-24--l__sm {
    margin-left: 24px;
  }
  .p-24--l__sm {
    padding-left: 24px;
  }
  .m-32__sm {
    margin: 32px;
  }
  .p-32__sm {
    padding: 32px;
  }
  .m-32--t__sm {
    margin-top: 32px;
  }
  .p-32--t__sm {
    padding-top: 32px;
  }
  .m-32--r__sm {
    margin-right: 32px;
  }
  .p-32--r__sm {
    padding-right: 32px;
  }
  .m-32--b__sm {
    margin-bottom: 32px;
  }
  .p-32--b__sm {
    padding-bottom: 32px;
  }
  .m-32--l__sm {
    margin-left: 32px;
  }
  .p-32--l__sm {
    padding-left: 32px;
  }
  .m-48__sm {
    margin: 48px;
  }
  .p-48__sm {
    padding: 48px;
  }
  .m-48--t__sm {
    margin-top: 48px;
  }
  .p-48--t__sm {
    padding-top: 48px;
  }
  .m-48--r__sm {
    margin-right: 48px;
  }
  .p-48--r__sm {
    padding-right: 48px;
  }
  .m-48--b__sm {
    margin-bottom: 48px;
  }
  .p-48--b__sm {
    padding-bottom: 48px;
  }
  .m-48--l__sm {
    margin-left: 48px;
  }
  .p-48--l__sm {
    padding-left: 48px;
  }
  .m-64__sm {
    margin: 64px;
  }
  .p-64__sm {
    padding: 64px;
  }
  .m-64--t__sm {
    margin-top: 64px;
  }
  .p-64--t__sm {
    padding-top: 64px;
  }
  .m-64--r__sm {
    margin-right: 64px;
  }
  .p-64--r__sm {
    padding-right: 64px;
  }
  .m-64--b__sm {
    margin-bottom: 64px;
  }
  .p-64--b__sm {
    padding-bottom: 64px;
  }
  .m-64--l__sm {
    margin-left: 64px;
  }
  .p-64--l__sm {
    padding-left: 64px;
  }
  .m-80__sm {
    margin: 80px;
  }
  .p-80__sm {
    padding: 80px;
  }
  .m-80--t__sm {
    margin-top: 80px;
  }
  .p-80--t__sm {
    padding-top: 80px;
  }
  .m-80--r__sm {
    margin-right: 80px;
  }
  .p-80--r__sm {
    padding-right: 80px;
  }
  .m-80--b__sm {
    margin-bottom: 80px;
  }
  .p-80--b__sm {
    padding-bottom: 80px;
  }
  .m-80--l__sm {
    margin-left: 80px;
  }
  .p-80--l__sm {
    padding-left: 80px;
  }
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
@media (max-width: 1399.98px) {
  .text-left__xxl {
    text-align: left;
  }
  .text-center__xxl {
    text-align: center;
  }
  .text-right__xxl {
    text-align: right;
  }
  .text-justify__xxl {
    text-align: justify;
  }
}
@media (max-width: 1199.98px) {
  .text-left__lx {
    text-align: left;
  }
  .text-center__lx {
    text-align: center;
  }
  .text-right__lx {
    text-align: right;
  }
  .text-justify__lx {
    text-align: justify;
  }
}
@media (max-width: 991.98px) {
  .text-left__ls {
    text-align: left;
  }
  .text-center__ls {
    text-align: center;
  }
  .text-right__ls {
    text-align: right;
  }
  .text-justify__ls {
    text-align: justify;
  }
}
@media (max-width: 767.98px) {
  .text-left__md {
    text-align: left;
  }
  .text-center__md {
    text-align: center;
  }
  .text-right__md {
    text-align: right;
  }
  .text-justify__md {
    text-align: justify;
  }
}
@media (max-width: 575.98px) {
  .text-left__sm {
    text-align: left;
  }
  .text-center__sm {
    text-align: center;
  }
  .text-right__sm {
    text-align: right;
  }
  .text-justify__sm {
    text-align: justify;
  }
}
.d--none {
  display: none;
}
.d--block {
  display: block;
}
.d--inline {
  display: inline;
}
.d--inline-block {
  display: inline-block;
}
.d--flex {
  display: flex;
}
.d--inline-flex {
  display: inline-flex;
}
.d--grid {
  display: grid;
}
@media (max-width: 1399.98px) {
  .d--none__xxl {
    display: none;
  }
  .d--block__xxl {
    display: block;
  }
  .d--inline__xxl {
    display: inline;
  }
  .d--inline-block__xxl {
    display: inline-block;
  }
  .d--flex__xxl {
    display: flex;
  }
  .d--inline-flex__xxl {
    display: inline-flex;
  }
  .d--grid__xxl {
    display: grid;
  }
}
@media (max-width: 1199.98px) {
  .d--none__lx {
    display: none;
  }
  .d--block__lx {
    display: block;
  }
  .d--inline__lx {
    display: inline;
  }
  .d--inline-block__lx {
    display: inline-block;
  }
  .d--flex__lx {
    display: flex;
  }
  .d--inline-flex__lx {
    display: inline-flex;
  }
  .d--grid__lx {
    display: grid;
  }
}
@media (max-width: 991.98px) {
  .d--none__ls {
    display: none;
  }
  .d--block__ls {
    display: block;
  }
  .d--inline__ls {
    display: inline;
  }
  .d--inline-block__ls {
    display: inline-block;
  }
  .d--flex__ls {
    display: flex;
  }
  .d--inline-flex__ls {
    display: inline-flex;
  }
  .d--grid__ls {
    display: grid;
  }
}
@media (max-width: 767.98px) {
  .d--none__md {
    display: none;
  }
  .d--block__md {
    display: block;
  }
  .d--inline__md {
    display: inline;
  }
  .d--inline-block__md {
    display: inline-block;
  }
  .d--flex__md {
    display: flex;
  }
  .d--inline-flex__md {
    display: inline-flex;
  }
  .d--grid__md {
    display: grid;
  }
}
@media (max-width: 575.98px) {
  .d--none__sm {
    display: none;
  }
  .d--block__sm {
    display: block;
  }
  .d--inline__sm {
    display: inline;
  }
  .d--inline-block__sm {
    display: inline-block;
  }
  .d--flex__sm {
    display: flex;
  }
  .d--inline-flex__sm {
    display: inline-flex;
  }
  .d--grid__sm {
    display: grid;
  }
}
.justify--flex-start {
  justify-content: flex-start;
}
.justify--flex-end {
  justify-content: flex-end;
}
.justify--center {
  justify-content: center;
}
.justify--space-between {
  justify-content: space-between;
}
.justify--space-around {
  justify-content: space-around;
}
.justify--space-evenly {
  justify-content: space-evenly;
}
@media (max-width: 1399.98px) {
  .justify--flex-start__xxl {
    justify-content: flex-start;
  }
  .justify--flex-end__xxl {
    justify-content: flex-end;
  }
  .justify--center__xxl {
    justify-content: center;
  }
  .justify--space-between__xxl {
    justify-content: space-between;
  }
  .justify--space-around__xxl {
    justify-content: space-around;
  }
  .justify--space-evenly__xxl {
    justify-content: space-evenly;
  }
}
@media (max-width: 1199.98px) {
  .justify--flex-start__lx {
    justify-content: flex-start;
  }
  .justify--flex-end__lx {
    justify-content: flex-end;
  }
  .justify--center__lx {
    justify-content: center;
  }
  .justify--space-between__lx {
    justify-content: space-between;
  }
  .justify--space-around__lx {
    justify-content: space-around;
  }
  .justify--space-evenly__lx {
    justify-content: space-evenly;
  }
}
@media (max-width: 991.98px) {
  .justify--flex-start__ls {
    justify-content: flex-start;
  }
  .justify--flex-end__ls {
    justify-content: flex-end;
  }
  .justify--center__ls {
    justify-content: center;
  }
  .justify--space-between__ls {
    justify-content: space-between;
  }
  .justify--space-around__ls {
    justify-content: space-around;
  }
  .justify--space-evenly__ls {
    justify-content: space-evenly;
  }
}
@media (max-width: 767.98px) {
  .justify--flex-start__md {
    justify-content: flex-start;
  }
  .justify--flex-end__md {
    justify-content: flex-end;
  }
  .justify--center__md {
    justify-content: center;
  }
  .justify--space-between__md {
    justify-content: space-between;
  }
  .justify--space-around__md {
    justify-content: space-around;
  }
  .justify--space-evenly__md {
    justify-content: space-evenly;
  }
}
@media (max-width: 575.98px) {
  .justify--flex-start__sm {
    justify-content: flex-start;
  }
  .justify--flex-end__sm {
    justify-content: flex-end;
  }
  .justify--center__sm {
    justify-content: center;
  }
  .justify--space-between__sm {
    justify-content: space-between;
  }
  .justify--space-around__sm {
    justify-content: space-around;
  }
  .justify--space-evenly__sm {
    justify-content: space-evenly;
  }
}
.align-self--auto {
  align-self: auto;
}
.align-self--flex-start {
  align-self: flex-start;
}
.align-self--flex-end {
  align-self: flex-end;
}
.align-self--center {
  align-self: center;
}
.align-self--stretch {
  align-self: stretch;
}
.align-self--baseline {
  align-self: baseline;
}
.align-items--auto {
  align-self: auto;
}
.align-items--flex-start {
  align-self: flex-start;
}
.align-items--flex-end {
  align-self: flex-end;
}
.align-items--center {
  align-self: center;
}
.align-items--stretch {
  align-self: stretch;
}
.align-items--baseline {
  align-self: baseline;
}
@media (max-width: 1399.98px) {
  .align-self--auto__xxl {
    align-self: auto;
  }
  .align-self--flex-start__xxl {
    align-self: flex-start;
  }
  .align-self--flex-end__xxl {
    align-self: flex-end;
  }
  .align-self--center__xxl {
    align-self: center;
  }
  .align-self--stretch__xxl {
    align-self: stretch;
  }
  .align-self--baseline__xxl {
    align-self: baseline;
  }
}
@media (max-width: 1199.98px) {
  .align-self--auto__lx {
    align-self: auto;
  }
  .align-self--flex-start__lx {
    align-self: flex-start;
  }
  .align-self--flex-end__lx {
    align-self: flex-end;
  }
  .align-self--center__lx {
    align-self: center;
  }
  .align-self--stretch__lx {
    align-self: stretch;
  }
  .align-self--baseline__lx {
    align-self: baseline;
  }
}
@media (max-width: 991.98px) {
  .align-self--auto__ls {
    align-self: auto;
  }
  .align-self--flex-start__ls {
    align-self: flex-start;
  }
  .align-self--flex-end__ls {
    align-self: flex-end;
  }
  .align-self--center__ls {
    align-self: center;
  }
  .align-self--stretch__ls {
    align-self: stretch;
  }
  .align-self--baseline__ls {
    align-self: baseline;
  }
}
@media (max-width: 767.98px) {
  .align-self--auto__md {
    align-self: auto;
  }
  .align-self--flex-start__md {
    align-self: flex-start;
  }
  .align-self--flex-end__md {
    align-self: flex-end;
  }
  .align-self--center__md {
    align-self: center;
  }
  .align-self--stretch__md {
    align-self: stretch;
  }
  .align-self--baseline__md {
    align-self: baseline;
  }
}
@media (max-width: 575.98px) {
  .align-self--auto__sm {
    align-self: auto;
  }
  .align-self--flex-start__sm {
    align-self: flex-start;
  }
  .align-self--flex-end__sm {
    align-self: flex-end;
  }
  .align-self--center__sm {
    align-self: center;
  }
  .align-self--stretch__sm {
    align-self: stretch;
  }
  .align-self--baseline__sm {
    align-self: baseline;
  }
}

/* apps/frontend/client/src/outer-layout.scss */
.outer-container {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  column-gap: 48px;
}
@media (max-width: 991.98px) {
  .outer-container {
    padding-left: 48px;
    padding-right: 48px;
    flex-direction: column;
    column-gap: 0;
  }
}
@media (max-width: 767.98px) {
  .outer-container {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 575.98px) {
  .outer-container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.outer-container .column--30 {
  width: calc(30% - 24px);
}
.outer-container .column--40 {
  width: calc(40% - 24px);
}
.outer-container .column--50 {
  width: calc(50% - 24px);
}
.outer-container .column--60 {
  width: calc(60% - 24px);
}
.outer-container .column--70 {
  width: calc(70% - 24px);
}
.outer-container .column--100 {
  width: 100%;
}
@media (max-width: 991.98px) {
  .outer-container .column--30,
  .outer-container .column--40,
  .outer-container .column--50,
  .outer-container .column--60,
  .outer-container .column--70 {
    width: 100%;
  }
}
.outer-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: var(--accent-color);
  color: var(--color-white);
  font-weight: 600;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.25s, transform 0.15s;
}
.outer-btn-primary:hover {
  background-color: var(--accent-color-hover);
  transform: translateY(-2px);
}
.outer-btn-primary:hover .btn-arrow {
  transform: translateX(4px);
}
.outer-btn-primary {
  padding: 12px 24px;
  font-size: 15px;
}
.outer-btn-primary .btn-arrow {
  margin-left: 8px;
  transition: transform 0.2s ease;
}
.outer-btn-primary--lg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: var(--accent-color);
  color: var(--color-white);
  font-weight: 600;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.25s, transform 0.15s;
}
.outer-btn-primary--lg:hover {
  background-color: var(--accent-color-hover);
  transform: translateY(-2px);
}
.outer-btn-primary--lg:hover .btn-arrow {
  transform: translateX(4px);
}
.outer-btn-primary--lg {
  padding: 14px 32px;
  font-size: 16px;
}
.outer-list {
  display: flex;
  flex-direction: column;
}
.outer-list .item {
  display: grid;
  grid-template-columns: auto 1fr;
}
.outer-list .item--icon {
  grid-row: 1/3;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* node_modules/flag-icons/css/flag-icons.min.css */
.fib,
.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fi {
  position: relative;
  display: inline-block;
  width: 1.333333em;
  line-height: 1em;
}
.fi:before {
  content: "\a0";
}
.fi.fis {
  width: 1em;
}
.fi-xx {
  background-image: url("./media/xx-PLWBNAIN.svg");
}
.fi-xx.fis {
  background-image: url("./media/xx-G3UIP7DW.svg");
}
.fi-ad {
  background-image: url("./media/ad-WVS4VU5Z.svg");
}
.fi-ad.fis {
  background-image: url("./media/ad-CSZHNGVR.svg");
}
.fi-ae {
  background-image: url("./media/ae-6FRK6AZM.svg");
}
.fi-ae.fis {
  background-image: url("./media/ae-2A7XNIFU.svg");
}
.fi-af {
  background-image: url("./media/af-YYCQZTMI.svg");
}
.fi-af.fis {
  background-image: url("./media/af-INKHBY43.svg");
}
.fi-ag {
  background-image: url("./media/ag-MLHWUEFS.svg");
}
.fi-ag.fis {
  background-image: url("./media/ag-4TWHSYGO.svg");
}
.fi-ai {
  background-image: url("./media/ai-FINFSMYB.svg");
}
.fi-ai.fis {
  background-image: url("./media/ai-USZU7BF3.svg");
}
.fi-al {
  background-image: url("./media/al-LX4JVSFF.svg");
}
.fi-al.fis {
  background-image: url("./media/al-JAZ3J42J.svg");
}
.fi-am {
  background-image: url("./media/am-P5ZIE6XV.svg");
}
.fi-am.fis {
  background-image: url("./media/am-GSESEJM5.svg");
}
.fi-ao {
  background-image: url("./media/ao-UT6SIN5N.svg");
}
.fi-ao.fis {
  background-image: url("./media/ao-3RQCMZL6.svg");
}
.fi-aq {
  background-image: url("./media/aq-ZYPY4U2R.svg");
}
.fi-aq.fis {
  background-image: url("./media/aq-6LPVLOJ5.svg");
}
.fi-ar {
  background-image: url("./media/ar-MIEAOHWP.svg");
}
.fi-ar.fis {
  background-image: url("./media/ar-ADBHFCB5.svg");
}
.fi-as {
  background-image: url("./media/as-AFSH7LPB.svg");
}
.fi-as.fis {
  background-image: url("./media/as-UKIT7IQG.svg");
}
.fi-at {
  background-image: url("./media/at-LOEZTH7U.svg");
}
.fi-at.fis {
  background-image: url("./media/at-57ZS3UEH.svg");
}
.fi-au {
  background-image: url("./media/au-G5MX3IJM.svg");
}
.fi-au.fis {
  background-image: url("./media/au-65DV5A7C.svg");
}
.fi-aw {
  background-image: url("./media/aw-77CRWWSI.svg");
}
.fi-aw.fis {
  background-image: url("./media/aw-HDZESU3O.svg");
}
.fi-ax {
  background-image: url("./media/ax-KKUASZ2E.svg");
}
.fi-ax.fis {
  background-image: url("./media/ax-74KRLXQ4.svg");
}
.fi-az {
  background-image: url("./media/az-NDX32BEU.svg");
}
.fi-az.fis {
  background-image: url("./media/az-DODTDJFK.svg");
}
.fi-ba {
  background-image: url("./media/ba-U3MTPTGM.svg");
}
.fi-ba.fis {
  background-image: url("./media/ba-662VQHCC.svg");
}
.fi-bb {
  background-image: url("./media/bb-J5IMGOVD.svg");
}
.fi-bb.fis {
  background-image: url("./media/bb-HEBFUVVN.svg");
}
.fi-bd {
  background-image: url("./media/bd-HMCXBQD3.svg");
}
.fi-bd.fis {
  background-image: url("./media/bd-3WQOALJA.svg");
}
.fi-be {
  background-image: url("./media/be-O7GM6FZX.svg");
}
.fi-be.fis {
  background-image: url("./media/be-RXMHZQOU.svg");
}
.fi-bf {
  background-image: url("./media/bf-IFOTMWPV.svg");
}
.fi-bf.fis {
  background-image: url("./media/bf-LAHWWADE.svg");
}
.fi-bg {
  background-image: url("./media/bg-E7TOOTKR.svg");
}
.fi-bg.fis {
  background-image: url("./media/bg-2XZIGVGO.svg");
}
.fi-bh {
  background-image: url("./media/bh-F7YG7A6Z.svg");
}
.fi-bh.fis {
  background-image: url("./media/bh-QSDHTEIW.svg");
}
.fi-bi {
  background-image: url("./media/bi-U2ZALGUG.svg");
}
.fi-bi.fis {
  background-image: url("./media/bi-WD3FHDHV.svg");
}
.fi-bj {
  background-image: url("./media/bj-CN25RSKN.svg");
}
.fi-bj.fis {
  background-image: url("./media/bj-CSYFBYJX.svg");
}
.fi-bl {
  background-image: url("./media/bl-BVLZS6N6.svg");
}
.fi-bl.fis {
  background-image: url("./media/bl-FQR6M52P.svg");
}
.fi-bm {
  background-image: url("./media/bm-UJYJRUXQ.svg");
}
.fi-bm.fis {
  background-image: url("./media/bm-OUTZ6BCH.svg");
}
.fi-bn {
  background-image: url("./media/bn-YE5LSPKO.svg");
}
.fi-bn.fis {
  background-image: url("./media/bn-JZPMRRNL.svg");
}
.fi-bo {
  background-image: url("./media/bo-T2X2U5Y2.svg");
}
.fi-bo.fis {
  background-image: url("./media/bo-I64H4HM7.svg");
}
.fi-bq {
  background-image: url("./media/bq-63KYFP2P.svg");
}
.fi-bq.fis {
  background-image: url("./media/bq-NCZV5VRJ.svg");
}
.fi-br {
  background-image: url("./media/br-3Y26HUAJ.svg");
}
.fi-br.fis {
  background-image: url("./media/br-M6TFAL6M.svg");
}
.fi-bs {
  background-image: url("./media/bs-2C7RMWIG.svg");
}
.fi-bs.fis {
  background-image: url("./media/bs-D7DELWN7.svg");
}
.fi-bt {
  background-image: url("./media/bt-XSK7E7FD.svg");
}
.fi-bt.fis {
  background-image: url("./media/bt-DI23WV4Q.svg");
}
.fi-bv {
  background-image: url("./media/bv-3PDSPR4E.svg");
}
.fi-bv.fis {
  background-image: url("./media/bv-WN3KBQRU.svg");
}
.fi-bw {
  background-image: url("./media/bw-34ZWNZWI.svg");
}
.fi-bw.fis {
  background-image: url("./media/bw-UGYDHEK3.svg");
}
.fi-by {
  background-image: url("./media/by-3TFC4SNR.svg");
}
.fi-by.fis {
  background-image: url("./media/by-VH23K4GM.svg");
}
.fi-bz {
  background-image: url("./media/bz-A6YTSORZ.svg");
}
.fi-bz.fis {
  background-image: url("./media/bz-EOOSEAIP.svg");
}
.fi-ca {
  background-image: url("./media/ca-RFV4UZ2Q.svg");
}
.fi-ca.fis {
  background-image: url("./media/ca-WQC5DB53.svg");
}
.fi-cc {
  background-image: url("./media/cc-OVOWQDZT.svg");
}
.fi-cc.fis {
  background-image: url("./media/cc-RPI2SZZG.svg");
}
.fi-cd {
  background-image: url("./media/cd-EWAILBJX.svg");
}
.fi-cd.fis {
  background-image: url("./media/cd-775WWT4L.svg");
}
.fi-cf {
  background-image: url("./media/cf-XZ4EZSBL.svg");
}
.fi-cf.fis {
  background-image: url("./media/cf-NT7STPUR.svg");
}
.fi-cg {
  background-image: url("./media/cg-2HM4F56T.svg");
}
.fi-cg.fis {
  background-image: url("./media/cg-JMHTE5PU.svg");
}
.fi-ch {
  background-image: url("./media/ch-USJZZOGC.svg");
}
.fi-ch.fis {
  background-image: url("./media/ch-XK5AFUZJ.svg");
}
.fi-ci {
  background-image: url("./media/ci-KFEINJVJ.svg");
}
.fi-ci.fis {
  background-image: url("./media/ci-M54FCW6L.svg");
}
.fi-ck {
  background-image: url("./media/ck-ATMQHHMA.svg");
}
.fi-ck.fis {
  background-image: url("./media/ck-2Z4BDAPR.svg");
}
.fi-cl {
  background-image: url("./media/cl-Y567I43B.svg");
}
.fi-cl.fis {
  background-image: url("./media/cl-LIRBEXHU.svg");
}
.fi-cm {
  background-image: url("./media/cm-UKMPYCC7.svg");
}
.fi-cm.fis {
  background-image: url("./media/cm-6SBA3VM6.svg");
}
.fi-cn {
  background-image: url("./media/cn-P7M3XOME.svg");
}
.fi-cn.fis {
  background-image: url("./media/cn-ZNJNV4IL.svg");
}
.fi-co {
  background-image: url("./media/co-NN4OA66V.svg");
}
.fi-co.fis {
  background-image: url("./media/co-O2ECSUVX.svg");
}
.fi-cr {
  background-image: url("./media/cr-ZQEISEUX.svg");
}
.fi-cr.fis {
  background-image: url("./media/cr-DMRHIMC5.svg");
}
.fi-cu {
  background-image: url("./media/cu-IFDVQOOF.svg");
}
.fi-cu.fis {
  background-image: url("./media/cu-VWPEGJ3Z.svg");
}
.fi-cv {
  background-image: url("./media/cv-RMXBYFLP.svg");
}
.fi-cv.fis {
  background-image: url("./media/cv-KJX5SGW5.svg");
}
.fi-cw {
  background-image: url("./media/cw-SO4F3P5A.svg");
}
.fi-cw.fis {
  background-image: url("./media/cw-AJKHVX6T.svg");
}
.fi-cx {
  background-image: url("./media/cx-7UVFV3VV.svg");
}
.fi-cx.fis {
  background-image: url("./media/cx-IZ3KL2GP.svg");
}
.fi-cy {
  background-image: url("./media/cy-OJEUQTEX.svg");
}
.fi-cy.fis {
  background-image: url("./media/cy-EOO2JBKI.svg");
}
.fi-cz {
  background-image: url("./media/cz-PSDLWGGB.svg");
}
.fi-cz.fis {
  background-image: url("./media/cz-QNKUAFG6.svg");
}
.fi-de {
  background-image: url("./media/de-MZUAL5O7.svg");
}
.fi-de.fis {
  background-image: url("./media/de-OZB4IZTT.svg");
}
.fi-dj {
  background-image: url("./media/dj-7WZCZM6N.svg");
}
.fi-dj.fis {
  background-image: url("./media/dj-LE4POCSP.svg");
}
.fi-dk {
  background-image: url("./media/dk-JMBRHM34.svg");
}
.fi-dk.fis {
  background-image: url("./media/dk-RGBW7M2U.svg");
}
.fi-dm {
  background-image: url("./media/dm-YMQF4KNF.svg");
}
.fi-dm.fis {
  background-image: url("./media/dm-XZS4XU7P.svg");
}
.fi-do {
  background-image: url("./media/do-SBKDMMUM.svg");
}
.fi-do.fis {
  background-image: url("./media/do-LX7RYXZN.svg");
}
.fi-dz {
  background-image: url("./media/dz-5TGC2F6O.svg");
}
.fi-dz.fis {
  background-image: url("./media/dz-JVBE53J2.svg");
}
.fi-ec {
  background-image: url("./media/ec-7Z2J7NDS.svg");
}
.fi-ec.fis {
  background-image: url("./media/ec-YQIK2NB2.svg");
}
.fi-ee {
  background-image: url("./media/ee-K3ODV3VK.svg");
}
.fi-ee.fis {
  background-image: url("./media/ee-QZX5D2O5.svg");
}
.fi-eg {
  background-image: url("./media/eg-AR6V26BC.svg");
}
.fi-eg.fis {
  background-image: url("./media/eg-7JACT5ZO.svg");
}
.fi-eh {
  background-image: url("./media/eh-RQWWFEAA.svg");
}
.fi-eh.fis {
  background-image: url("./media/eh-7NPZFSBW.svg");
}
.fi-er {
  background-image: url("./media/er-KIRTBRZF.svg");
}
.fi-er.fis {
  background-image: url("./media/er-3WONC2FU.svg");
}
.fi-es {
  background-image: url("./media/es-W5FXGZQG.svg");
}
.fi-es.fis {
  background-image: url("./media/es-K3QE5W2N.svg");
}
.fi-et {
  background-image: url("./media/et-EWIPOR6K.svg");
}
.fi-et.fis {
  background-image: url("./media/et-QMP3OGKR.svg");
}
.fi-fi {
  background-image: url("./media/fi-S5EH7BG6.svg");
}
.fi-fi.fis {
  background-image: url("./media/fi-E3JGQ7PL.svg");
}
.fi-fj {
  background-image: url("./media/fj-U7G4LWJB.svg");
}
.fi-fj.fis {
  background-image: url("./media/fj-XWXY4C45.svg");
}
.fi-fk {
  background-image: url("./media/fk-F6TQFE43.svg");
}
.fi-fk.fis {
  background-image: url("./media/fk-M6YTU5ZV.svg");
}
.fi-fm {
  background-image: url("./media/fm-MJGAIAPB.svg");
}
.fi-fm.fis {
  background-image: url("./media/fm-T5U4ITOY.svg");
}
.fi-fo {
  background-image: url("./media/fo-M4LV5KMN.svg");
}
.fi-fo.fis {
  background-image: url("./media/fo-4IJHBALY.svg");
}
.fi-fr {
  background-image: url("./media/fr-6U4A3EWN.svg");
}
.fi-fr.fis {
  background-image: url("./media/fr-TMQYSRPC.svg");
}
.fi-ga {
  background-image: url("./media/ga-YVFEOFTR.svg");
}
.fi-ga.fis {
  background-image: url("./media/ga-5UURDNUX.svg");
}
.fi-gb {
  background-image: url("./media/gb-UUF3TOPS.svg");
}
.fi-gb.fis {
  background-image: url("./media/gb-QRYEKRSV.svg");
}
.fi-gd {
  background-image: url("./media/gd-4BNJI5VY.svg");
}
.fi-gd.fis {
  background-image: url("./media/gd-CSSVRXT2.svg");
}
.fi-ge {
  background-image: url("./media/ge-5I22MBRW.svg");
}
.fi-ge.fis {
  background-image: url("./media/ge-LAAYSAQO.svg");
}
.fi-gf {
  background-image: url("./media/gf-GQZN5HJ5.svg");
}
.fi-gf.fis {
  background-image: url("./media/gf-5PJTSXDP.svg");
}
.fi-gg {
  background-image: url("./media/gg-FIL6D5PB.svg");
}
.fi-gg.fis {
  background-image: url("./media/gg-EAZW2EKW.svg");
}
.fi-gh {
  background-image: url("./media/gh-YF6PQ6FW.svg");
}
.fi-gh.fis {
  background-image: url("./media/gh-ISFQEUNF.svg");
}
.fi-gi {
  background-image: url("./media/gi-DN7STW4R.svg");
}
.fi-gi.fis {
  background-image: url("./media/gi-EOG4XJCI.svg");
}
.fi-gl {
  background-image: url("./media/gl-PA2YIJP7.svg");
}
.fi-gl.fis {
  background-image: url("./media/gl-KRCL3NCK.svg");
}
.fi-gm {
  background-image: url("./media/gm-5WF3VK63.svg");
}
.fi-gm.fis {
  background-image: url("./media/gm-7HY34KI6.svg");
}
.fi-gn {
  background-image: url("./media/gn-MSN2M353.svg");
}
.fi-gn.fis {
  background-image: url("./media/gn-6GDXA6D7.svg");
}
.fi-gp {
  background-image: url("./media/gp-XPVJBMQZ.svg");
}
.fi-gp.fis {
  background-image: url("./media/gp-N7HRXPRG.svg");
}
.fi-gq {
  background-image: url("./media/gq-YVZPM5OI.svg");
}
.fi-gq.fis {
  background-image: url("./media/gq-YYJI24Q2.svg");
}
.fi-gr {
  background-image: url("./media/gr-YRG5TXUI.svg");
}
.fi-gr.fis {
  background-image: url("./media/gr-WKNXHTGC.svg");
}
.fi-gs {
  background-image: url("./media/gs-7YZXJO4D.svg");
}
.fi-gs.fis {
  background-image: url("./media/gs-JLTYLCJJ.svg");
}
.fi-gt {
  background-image: url("./media/gt-YX2GRSLF.svg");
}
.fi-gt.fis {
  background-image: url("./media/gt-BF2FD7AX.svg");
}
.fi-gu {
  background-image: url("./media/gu-WAZ6PJUI.svg");
}
.fi-gu.fis {
  background-image: url("./media/gu-5GFPBJ2H.svg");
}
.fi-gw {
  background-image: url("./media/gw-5JOHOM4A.svg");
}
.fi-gw.fis {
  background-image: url("./media/gw-MOUWXICS.svg");
}
.fi-gy {
  background-image: url("./media/gy-USKJNYER.svg");
}
.fi-gy.fis {
  background-image: url("./media/gy-636EOCYC.svg");
}
.fi-hk {
  background-image: url("./media/hk-7PG6PZYV.svg");
}
.fi-hk.fis {
  background-image: url("./media/hk-3TQIFL4W.svg");
}
.fi-hm {
  background-image: url("./media/hm-QK556LBN.svg");
}
.fi-hm.fis {
  background-image: url("./media/hm-LPWLC72J.svg");
}
.fi-hn {
  background-image: url("./media/hn-E5B7VZX4.svg");
}
.fi-hn.fis {
  background-image: url("./media/hn-ATO4TSJZ.svg");
}
.fi-hr {
  background-image: url("./media/hr-GS35EQR2.svg");
}
.fi-hr.fis {
  background-image: url("./media/hr-6DEEZSRK.svg");
}
.fi-ht {
  background-image: url("./media/ht-3IFWGGF6.svg");
}
.fi-ht.fis {
  background-image: url("./media/ht-T6IVA52U.svg");
}
.fi-hu {
  background-image: url("./media/hu-C3DDGX7P.svg");
}
.fi-hu.fis {
  background-image: url("./media/hu-3ULY6T2N.svg");
}
.fi-id {
  background-image: url("./media/id-JSWZPKEB.svg");
}
.fi-id.fis {
  background-image: url("./media/id-CT342IAA.svg");
}
.fi-ie {
  background-image: url("./media/ie-QFERZM3U.svg");
}
.fi-ie.fis {
  background-image: url("./media/ie-H76CLZVR.svg");
}
.fi-il {
  background-image: url("./media/il-QCYKQ6FR.svg");
}
.fi-il.fis {
  background-image: url("./media/il-DCNITDWQ.svg");
}
.fi-im {
  background-image: url("./media/im-I6NNH2NW.svg");
}
.fi-im.fis {
  background-image: url("./media/im-MR3WDGRG.svg");
}
.fi-in {
  background-image: url("./media/in-RFNBK4ET.svg");
}
.fi-in.fis {
  background-image: url("./media/in-2DLPX63L.svg");
}
.fi-io {
  background-image: url("./media/io-7R7OXQKY.svg");
}
.fi-io.fis {
  background-image: url("./media/io-NO27AS2A.svg");
}
.fi-iq {
  background-image: url("./media/iq-55AX5UMN.svg");
}
.fi-iq.fis {
  background-image: url("./media/iq-S6LS2NUN.svg");
}
.fi-ir {
  background-image: url("./media/ir-QAP3XBD4.svg");
}
.fi-ir.fis {
  background-image: url("./media/ir-WC3H5SOH.svg");
}
.fi-is {
  background-image: url("./media/is-3ECY77QF.svg");
}
.fi-is.fis {
  background-image: url("./media/is-IKJDNY7W.svg");
}
.fi-it {
  background-image: url("./media/it-SGJZRZTG.svg");
}
.fi-it.fis {
  background-image: url("./media/it-UM7O24C7.svg");
}
.fi-je {
  background-image: url("./media/je-FN5CO33V.svg");
}
.fi-je.fis {
  background-image: url("./media/je-F5K7ILFN.svg");
}
.fi-jm {
  background-image: url("./media/jm-2KQZARJN.svg");
}
.fi-jm.fis {
  background-image: url("./media/jm-XWWLCPNS.svg");
}
.fi-jo {
  background-image: url("./media/jo-DV2T64H3.svg");
}
.fi-jo.fis {
  background-image: url("./media/jo-L4N4B7NG.svg");
}
.fi-jp {
  background-image: url("./media/jp-I2KXFJBD.svg");
}
.fi-jp.fis {
  background-image: url("./media/jp-65TZY7K2.svg");
}
.fi-ke {
  background-image: url("./media/ke-6FWLA2OA.svg");
}
.fi-ke.fis {
  background-image: url("./media/ke-S65BOELU.svg");
}
.fi-kg {
  background-image: url("./media/kg-X2BMIK3G.svg");
}
.fi-kg.fis {
  background-image: url("./media/kg-TFH62HKQ.svg");
}
.fi-kh {
  background-image: url("./media/kh-CHVZUD2Q.svg");
}
.fi-kh.fis {
  background-image: url("./media/kh-4Z5KN7K4.svg");
}
.fi-ki {
  background-image: url("./media/ki-TZHFSXBP.svg");
}
.fi-ki.fis {
  background-image: url("./media/ki-FYE75PZ7.svg");
}
.fi-km {
  background-image: url("./media/km-PIG23ZAS.svg");
}
.fi-km.fis {
  background-image: url("./media/km-MRWRJE7G.svg");
}
.fi-kn {
  background-image: url("./media/kn-7U3Y5ED7.svg");
}
.fi-kn.fis {
  background-image: url("./media/kn-CCGIQR3T.svg");
}
.fi-kp {
  background-image: url("./media/kp-SEAR4W4Z.svg");
}
.fi-kp.fis {
  background-image: url("./media/kp-YJJ4ZO4H.svg");
}
.fi-kr {
  background-image: url("./media/kr-MU7S6YDV.svg");
}
.fi-kr.fis {
  background-image: url("./media/kr-W7DPZXO5.svg");
}
.fi-kw {
  background-image: url("./media/kw-625K23GU.svg");
}
.fi-kw.fis {
  background-image: url("./media/kw-7NHLMXCH.svg");
}
.fi-ky {
  background-image: url("./media/ky-J6OAXARV.svg");
}
.fi-ky.fis {
  background-image: url("./media/ky-Y3K2RVLW.svg");
}
.fi-kz {
  background-image: url("./media/kz-NYPJSTE2.svg");
}
.fi-kz.fis {
  background-image: url("./media/kz-A63AXCOQ.svg");
}
.fi-la {
  background-image: url("./media/la-EGLFW22S.svg");
}
.fi-la.fis {
  background-image: url("./media/la-UZ4XVL3O.svg");
}
.fi-lb {
  background-image: url("./media/lb-5UW5ZJWS.svg");
}
.fi-lb.fis {
  background-image: url("./media/lb-SW5QMKBD.svg");
}
.fi-lc {
  background-image: url("./media/lc-OULIXNAF.svg");
}
.fi-lc.fis {
  background-image: url("./media/lc-VMHZPRVP.svg");
}
.fi-li {
  background-image: url("./media/li-LTPNGJJM.svg");
}
.fi-li.fis {
  background-image: url("./media/li-SSDUPSSA.svg");
}
.fi-lk {
  background-image: url("./media/lk-W7CR3PX4.svg");
}
.fi-lk.fis {
  background-image: url("./media/lk-EMLG5DDX.svg");
}
.fi-lr {
  background-image: url("./media/lr-KO42VJWL.svg");
}
.fi-lr.fis {
  background-image: url("./media/lr-ETPAOBTN.svg");
}
.fi-ls {
  background-image: url("./media/ls-H76MXNPC.svg");
}
.fi-ls.fis {
  background-image: url("./media/ls-TV2LHLKM.svg");
}
.fi-lt {
  background-image: url("./media/lt-X5H273BZ.svg");
}
.fi-lt.fis {
  background-image: url("./media/lt-RSVM7DR2.svg");
}
.fi-lu {
  background-image: url("./media/lu-Q3PHAGF2.svg");
}
.fi-lu.fis {
  background-image: url("./media/lu-YUFF4VEK.svg");
}
.fi-lv {
  background-image: url("./media/lv-UD2OKAKZ.svg");
}
.fi-lv.fis {
  background-image: url("./media/lv-JFY5ZN55.svg");
}
.fi-ly {
  background-image: url("./media/ly-OZ6WDQ73.svg");
}
.fi-ly.fis {
  background-image: url("./media/ly-WFLGLZ3G.svg");
}
.fi-ma {
  background-image: url("./media/ma-VSPIMR33.svg");
}
.fi-ma.fis {
  background-image: url("./media/ma-AELGTMLU.svg");
}
.fi-mc {
  background-image: url("./media/mc-IV2TK64Y.svg");
}
.fi-mc.fis {
  background-image: url("./media/mc-RWDN7GBP.svg");
}
.fi-md {
  background-image: url("./media/md-3OSMP7CU.svg");
}
.fi-md.fis {
  background-image: url("./media/md-DLAQKR3G.svg");
}
.fi-me {
  background-image: url("./media/me-JF4ISXGZ.svg");
}
.fi-me.fis {
  background-image: url("./media/me-PYQLSQWK.svg");
}
.fi-mf {
  background-image: url("./media/mf-5RTEBV3V.svg");
}
.fi-mf.fis {
  background-image: url("./media/mf-XQEUTB33.svg");
}
.fi-mg {
  background-image: url("./media/mg-7XGP7WEH.svg");
}
.fi-mg.fis {
  background-image: url("./media/mg-JB33C2RL.svg");
}
.fi-mh {
  background-image: url("./media/mh-FZUUKPYM.svg");
}
.fi-mh.fis {
  background-image: url("./media/mh-QQZSE2EP.svg");
}
.fi-mk {
  background-image: url("./media/mk-4CGYETXE.svg");
}
.fi-mk.fis {
  background-image: url("./media/mk-F2FINWYG.svg");
}
.fi-ml {
  background-image: url("./media/ml-REJ3NIH6.svg");
}
.fi-ml.fis {
  background-image: url("./media/ml-XJ6OQGYU.svg");
}
.fi-mm {
  background-image: url("./media/mm-RDY24G3G.svg");
}
.fi-mm.fis {
  background-image: url("./media/mm-LCHQEOG3.svg");
}
.fi-mn {
  background-image: url("./media/mn-GZPVWGU7.svg");
}
.fi-mn.fis {
  background-image: url("./media/mn-W7QXSVY7.svg");
}
.fi-mo {
  background-image: url("./media/mo-LQF6KQBW.svg");
}
.fi-mo.fis {
  background-image: url("./media/mo-E2DHXYUL.svg");
}
.fi-mp {
  background-image: url("./media/mp-7OKXFG5J.svg");
}
.fi-mp.fis {
  background-image: url("./media/mp-RBBNB2UM.svg");
}
.fi-mq {
  background-image: url("./media/mq-KUXVEPE7.svg");
}
.fi-mq.fis {
  background-image: url("./media/mq-76GWDJXU.svg");
}
.fi-mr {
  background-image: url("./media/mr-WHEUMQBT.svg");
}
.fi-mr.fis {
  background-image: url("./media/mr-CAVFBP2S.svg");
}
.fi-ms {
  background-image: url("./media/ms-K7K4BZXH.svg");
}
.fi-ms.fis {
  background-image: url("./media/ms-FYMVQ26Q.svg");
}
.fi-mt {
  background-image: url("./media/mt-FKAZRJHZ.svg");
}
.fi-mt.fis {
  background-image: url("./media/mt-XCVQ55PC.svg");
}
.fi-mu {
  background-image: url("./media/mu-ZHDOJ3TI.svg");
}
.fi-mu.fis {
  background-image: url("./media/mu-IKV5OAGF.svg");
}
.fi-mv {
  background-image: url("./media/mv-6NYHRQLF.svg");
}
.fi-mv.fis {
  background-image: url("./media/mv-ZWMFKUNA.svg");
}
.fi-mw {
  background-image: url("./media/mw-NHPNPETS.svg");
}
.fi-mw.fis {
  background-image: url("./media/mw-MWTRGIR2.svg");
}
.fi-mx {
  background-image: url("./media/mx-CE2LQUFP.svg");
}
.fi-mx.fis {
  background-image: url("./media/mx-XQSZK5TD.svg");
}
.fi-my {
  background-image: url("./media/my-7QKJDGWA.svg");
}
.fi-my.fis {
  background-image: url("./media/my-FTOMRUNQ.svg");
}
.fi-mz {
  background-image: url("./media/mz-EUDOTZOI.svg");
}
.fi-mz.fis {
  background-image: url("./media/mz-J4CMZFUJ.svg");
}
.fi-na {
  background-image: url("./media/na-KS5KAAHO.svg");
}
.fi-na.fis {
  background-image: url("./media/na-UZGYZIPX.svg");
}
.fi-nc {
  background-image: url("./media/nc-7ZHOHZIE.svg");
}
.fi-nc.fis {
  background-image: url("./media/nc-KHCVQ3CA.svg");
}
.fi-ne {
  background-image: url("./media/ne-NIQVZJOH.svg");
}
.fi-ne.fis {
  background-image: url("./media/ne-3WV2VAGZ.svg");
}
.fi-nf {
  background-image: url("./media/nf-BY5TRXD6.svg");
}
.fi-nf.fis {
  background-image: url("./media/nf-IB6SVOCC.svg");
}
.fi-ng {
  background-image: url("./media/ng-5QXHJYS4.svg");
}
.fi-ng.fis {
  background-image: url("./media/ng-KJDQPHTZ.svg");
}
.fi-ni {
  background-image: url("./media/ni-KFRUCHJY.svg");
}
.fi-ni.fis {
  background-image: url("./media/ni-X5745JJN.svg");
}
.fi-nl {
  background-image: url("./media/nl-YSPORVIR.svg");
}
.fi-nl.fis {
  background-image: url("./media/nl-FSMODX3U.svg");
}
.fi-no {
  background-image: url("./media/no-JTVUCTCT.svg");
}
.fi-no.fis {
  background-image: url("./media/no-UUM3YD7C.svg");
}
.fi-np {
  background-image: url("./media/np-HJPOYHEB.svg");
}
.fi-np.fis {
  background-image: url("./media/np-VFDZHTRO.svg");
}
.fi-nr {
  background-image: url("./media/nr-7GG6ZEK3.svg");
}
.fi-nr.fis {
  background-image: url("./media/nr-VA5HA23D.svg");
}
.fi-nu {
  background-image: url("./media/nu-4OUEUAXX.svg");
}
.fi-nu.fis {
  background-image: url("./media/nu-VN2VZZK5.svg");
}
.fi-nz {
  background-image: url("./media/nz-CYQS4UPV.svg");
}
.fi-nz.fis {
  background-image: url("./media/nz-4KLKVJVG.svg");
}
.fi-om {
  background-image: url("./media/om-ISPXLMQJ.svg");
}
.fi-om.fis {
  background-image: url("./media/om-A5DSAHBH.svg");
}
.fi-pa {
  background-image: url("./media/pa-PC5ZUPN6.svg");
}
.fi-pa.fis {
  background-image: url("./media/pa-X3FDV5QL.svg");
}
.fi-pe {
  background-image: url("./media/pe-CMQM2GTM.svg");
}
.fi-pe.fis {
  background-image: url("./media/pe-OTUAVF3F.svg");
}
.fi-pf {
  background-image: url("./media/pf-IHUQZUIO.svg");
}
.fi-pf.fis {
  background-image: url("./media/pf-IMCFY7FY.svg");
}
.fi-pg {
  background-image: url("./media/pg-ZNRFG2YQ.svg");
}
.fi-pg.fis {
  background-image: url("./media/pg-5V4ZU7HT.svg");
}
.fi-ph {
  background-image: url("./media/ph-2IMCALLE.svg");
}
.fi-ph.fis {
  background-image: url("./media/ph-7XE723TW.svg");
}
.fi-pk {
  background-image: url("./media/pk-WUV7X2DC.svg");
}
.fi-pk.fis {
  background-image: url("./media/pk-HGQFY5FC.svg");
}
.fi-pl {
  background-image: url("./media/pl-JSSZW3KY.svg");
}
.fi-pl.fis {
  background-image: url("./media/pl-W7YEMTF5.svg");
}
.fi-pm {
  background-image: url("./media/pm-UVIIXDZR.svg");
}
.fi-pm.fis {
  background-image: url("./media/pm-NY5YOR5H.svg");
}
.fi-pn {
  background-image: url("./media/pn-WTQ2W2VH.svg");
}
.fi-pn.fis {
  background-image: url("./media/pn-LYI3AO5D.svg");
}
.fi-pr {
  background-image: url("./media/pr-RHIV6URD.svg");
}
.fi-pr.fis {
  background-image: url("./media/pr-5LEJVZHH.svg");
}
.fi-ps {
  background-image: url("./media/ps-V6KGIQPI.svg");
}
.fi-ps.fis {
  background-image: url("./media/ps-MUPGH2AI.svg");
}
.fi-pt {
  background-image: url("./media/pt-VTKAHQAY.svg");
}
.fi-pt.fis {
  background-image: url("./media/pt-OULXL7DV.svg");
}
.fi-pw {
  background-image: url("./media/pw-YQJZ6R4B.svg");
}
.fi-pw.fis {
  background-image: url("./media/pw-4R6NRIC7.svg");
}
.fi-py {
  background-image: url("./media/py-S5MYBXBE.svg");
}
.fi-py.fis {
  background-image: url("./media/py-MUR5PEE3.svg");
}
.fi-qa {
  background-image: url("./media/qa-6547HYTX.svg");
}
.fi-qa.fis {
  background-image: url("./media/qa-PHNLGCML.svg");
}
.fi-re {
  background-image: url("./media/re-2PCPYGMW.svg");
}
.fi-re.fis {
  background-image: url("./media/re-JUMEK724.svg");
}
.fi-ro {
  background-image: url("./media/ro-YBPUPSYC.svg");
}
.fi-ro.fis {
  background-image: url("./media/ro-JCC2KRGD.svg");
}
.fi-rs {
  background-image: url("./media/rs-HP76C2NL.svg");
}
.fi-rs.fis {
  background-image: url("./media/rs-B5C62J77.svg");
}
.fi-ru {
  background-image: url("./media/ru-FRCHSBTM.svg");
}
.fi-ru.fis {
  background-image: url("./media/ru-T3RKIDXZ.svg");
}
.fi-rw {
  background-image: url("./media/rw-ZBPAPAP4.svg");
}
.fi-rw.fis {
  background-image: url("./media/rw-ATVPPEBH.svg");
}
.fi-sa {
  background-image: url("./media/sa-BW46R3BR.svg");
}
.fi-sa.fis {
  background-image: url("./media/sa-TJ3JAAG4.svg");
}
.fi-sb {
  background-image: url("./media/sb-Z5VEZ25P.svg");
}
.fi-sb.fis {
  background-image: url("./media/sb-MOULO6LC.svg");
}
.fi-sc {
  background-image: url("./media/sc-V2MOTRIU.svg");
}
.fi-sc.fis {
  background-image: url("./media/sc-SWRDLW3S.svg");
}
.fi-sd {
  background-image: url("./media/sd-4DSZW3W3.svg");
}
.fi-sd.fis {
  background-image: url("./media/sd-ZQ44F7OI.svg");
}
.fi-se {
  background-image: url("./media/se-5RJHQXTW.svg");
}
.fi-se.fis {
  background-image: url("./media/se-NY67VEUK.svg");
}
.fi-sg {
  background-image: url("./media/sg-PLMFMQ2U.svg");
}
.fi-sg.fis {
  background-image: url("./media/sg-NR6HPXPC.svg");
}
.fi-sh {
  background-image: url("./media/sh-HLIV5IJZ.svg");
}
.fi-sh.fis {
  background-image: url("./media/sh-TJMGU47M.svg");
}
.fi-si {
  background-image: url("./media/si-ERIUG64V.svg");
}
.fi-si.fis {
  background-image: url("./media/si-PQDA3RQI.svg");
}
.fi-sj {
  background-image: url("./media/sj-EOPZSLCL.svg");
}
.fi-sj.fis {
  background-image: url("./media/sj-QYYJ3R3Y.svg");
}
.fi-sk {
  background-image: url("./media/sk-ELFBGQEC.svg");
}
.fi-sk.fis {
  background-image: url("./media/sk-IH44HMRL.svg");
}
.fi-sl {
  background-image: url("./media/sl-DE7XOWOL.svg");
}
.fi-sl.fis {
  background-image: url("./media/sl-XDRPTSE3.svg");
}
.fi-sm {
  background-image: url("./media/sm-JITZHE4P.svg");
}
.fi-sm.fis {
  background-image: url("./media/sm-T456GX2E.svg");
}
.fi-sn {
  background-image: url("./media/sn-KYWABXNT.svg");
}
.fi-sn.fis {
  background-image: url("./media/sn-HK436VOQ.svg");
}
.fi-so {
  background-image: url("./media/so-QH5SJVG2.svg");
}
.fi-so.fis {
  background-image: url("./media/so-SCWJTLJW.svg");
}
.fi-sr {
  background-image: url("./media/sr-HMODPFV5.svg");
}
.fi-sr.fis {
  background-image: url("./media/sr-BFJ2NIE7.svg");
}
.fi-ss {
  background-image: url("./media/ss-CYJKS5XU.svg");
}
.fi-ss.fis {
  background-image: url("./media/ss-N5S5IPGO.svg");
}
.fi-st {
  background-image: url("./media/st-4LIOQET4.svg");
}
.fi-st.fis {
  background-image: url("./media/st-ETCSW6CL.svg");
}
.fi-sv {
  background-image: url("./media/sv-SVKTTQZJ.svg");
}
.fi-sv.fis {
  background-image: url("./media/sv-JJ7PGQKT.svg");
}
.fi-sx {
  background-image: url("./media/sx-DIQRHMRS.svg");
}
.fi-sx.fis {
  background-image: url("./media/sx-XI7KKH7B.svg");
}
.fi-sy {
  background-image: url("./media/sy-D4ZDMKR3.svg");
}
.fi-sy.fis {
  background-image: url("./media/sy-6RCKNZUQ.svg");
}
.fi-sz {
  background-image: url("./media/sz-ZSNOQNHB.svg");
}
.fi-sz.fis {
  background-image: url("./media/sz-MG5COQXB.svg");
}
.fi-tc {
  background-image: url("./media/tc-DVAM44GW.svg");
}
.fi-tc.fis {
  background-image: url("./media/tc-PFTC74CB.svg");
}
.fi-td {
  background-image: url("./media/td-IEJMZVM7.svg");
}
.fi-td.fis {
  background-image: url("./media/td-L4QKZRA4.svg");
}
.fi-tf {
  background-image: url("./media/tf-PSLXXLYB.svg");
}
.fi-tf.fis {
  background-image: url("./media/tf-L6UFHBZP.svg");
}
.fi-tg {
  background-image: url("./media/tg-K4K352CF.svg");
}
.fi-tg.fis {
  background-image: url("./media/tg-UGUE6RST.svg");
}
.fi-th {
  background-image: url("./media/th-WAHAQKQK.svg");
}
.fi-th.fis {
  background-image: url("./media/th-543UAZS4.svg");
}
.fi-tj {
  background-image: url("./media/tj-Z2UJEGVZ.svg");
}
.fi-tj.fis {
  background-image: url("./media/tj-CVBC574I.svg");
}
.fi-tk {
  background-image: url("./media/tk-YC7WNHF3.svg");
}
.fi-tk.fis {
  background-image: url("./media/tk-JRIL6W7E.svg");
}
.fi-tl {
  background-image: url("./media/tl-FRLMYCHK.svg");
}
.fi-tl.fis {
  background-image: url("./media/tl-RI4B3XTP.svg");
}
.fi-tm {
  background-image: url("./media/tm-YD7DXRTX.svg");
}
.fi-tm.fis {
  background-image: url("./media/tm-NKHMK24W.svg");
}
.fi-tn {
  background-image: url("./media/tn-G7EOPTWC.svg");
}
.fi-tn.fis {
  background-image: url("./media/tn-ADYDPKKU.svg");
}
.fi-to {
  background-image: url("./media/to-4IPHWATD.svg");
}
.fi-to.fis {
  background-image: url("./media/to-Y3ZWK7GO.svg");
}
.fi-tr {
  background-image: url("./media/tr-2TE5SKW5.svg");
}
.fi-tr.fis {
  background-image: url("./media/tr-BXXVVJLD.svg");
}
.fi-tt {
  background-image: url("./media/tt-4CMF6HDJ.svg");
}
.fi-tt.fis {
  background-image: url("./media/tt-NK2SRYUQ.svg");
}
.fi-tv {
  background-image: url("./media/tv-HASL2ZPX.svg");
}
.fi-tv.fis {
  background-image: url("./media/tv-NEB4WA2N.svg");
}
.fi-tw {
  background-image: url("./media/tw-OOSFQCFC.svg");
}
.fi-tw.fis {
  background-image: url("./media/tw-X2EV3JOS.svg");
}
.fi-tz {
  background-image: url("./media/tz-F7DARXBO.svg");
}
.fi-tz.fis {
  background-image: url("./media/tz-DSCJI5GW.svg");
}
.fi-ua {
  background-image: url("./media/ua-6L6MVDVK.svg");
}
.fi-ua.fis {
  background-image: url("./media/ua-DEDK3LCD.svg");
}
.fi-ug {
  background-image: url("./media/ug-SUFOZCE2.svg");
}
.fi-ug.fis {
  background-image: url("./media/ug-IR5577EN.svg");
}
.fi-um {
  background-image: url("./media/um-3TCGFAMU.svg");
}
.fi-um.fis {
  background-image: url("./media/um-HPF3LBVV.svg");
}
.fi-us {
  background-image: url("./media/us-5WPJ3T3N.svg");
}
.fi-us.fis {
  background-image: url("./media/us-OS5BPCLY.svg");
}
.fi-uy {
  background-image: url("./media/uy-SU32MXNU.svg");
}
.fi-uy.fis {
  background-image: url("./media/uy-2LGNGCBQ.svg");
}
.fi-uz {
  background-image: url("./media/uz-6LD3WNBK.svg");
}
.fi-uz.fis {
  background-image: url("./media/uz-KR6UXLJE.svg");
}
.fi-va {
  background-image: url("./media/va-SWMHLWJN.svg");
}
.fi-va.fis {
  background-image: url("./media/va-IIHI4DCJ.svg");
}
.fi-vc {
  background-image: url("./media/vc-73265KDC.svg");
}
.fi-vc.fis {
  background-image: url("./media/vc-ENVAYUHB.svg");
}
.fi-ve {
  background-image: url("./media/ve-7QMM4EDR.svg");
}
.fi-ve.fis {
  background-image: url("./media/ve-7LNK7AU5.svg");
}
.fi-vg {
  background-image: url("./media/vg-K235OISV.svg");
}
.fi-vg.fis {
  background-image: url("./media/vg-UK5I2DQS.svg");
}
.fi-vi {
  background-image: url("./media/vi-A7WYZ7V4.svg");
}
.fi-vi.fis {
  background-image: url("./media/vi-VLVLCRRK.svg");
}
.fi-vn {
  background-image: url("./media/vn-OLY63DMY.svg");
}
.fi-vn.fis {
  background-image: url("./media/vn-QUENQA3C.svg");
}
.fi-vu {
  background-image: url("./media/vu-4BCJQIBN.svg");
}
.fi-vu.fis {
  background-image: url("./media/vu-4LYJO6DK.svg");
}
.fi-wf {
  background-image: url("./media/wf-XSUYVC54.svg");
}
.fi-wf.fis {
  background-image: url("./media/wf-64XCGZ3D.svg");
}
.fi-ws {
  background-image: url("./media/ws-PVUKQ4PE.svg");
}
.fi-ws.fis {
  background-image: url("./media/ws-P5MXR5ZW.svg");
}
.fi-ye {
  background-image: url("./media/ye-TWPEZHYT.svg");
}
.fi-ye.fis {
  background-image: url("./media/ye-R46HCZOQ.svg");
}
.fi-yt {
  background-image: url("./media/yt-ARO4LFTS.svg");
}
.fi-yt.fis {
  background-image: url("./media/yt-UUCGT7AF.svg");
}
.fi-za {
  background-image: url("./media/za-WS2IXHK7.svg");
}
.fi-za.fis {
  background-image: url("./media/za-IGVA77JN.svg");
}
.fi-zm {
  background-image: url("./media/zm-545JV347.svg");
}
.fi-zm.fis {
  background-image: url("./media/zm-LDTTV5LG.svg");
}
.fi-zw {
  background-image: url("./media/zw-HZY5LJGS.svg");
}
.fi-zw.fis {
  background-image: url("./media/zw-6ENSY5DW.svg");
}
.fi-arab {
  background-image: url("./media/arab-A42JLJNT.svg");
}
.fi-arab.fis {
  background-image: url("./media/arab-S6KYB4TR.svg");
}
.fi-asean {
  background-image: url("./media/asean-ELZDU4TE.svg");
}
.fi-asean.fis {
  background-image: url("./media/asean-SS3GRO5T.svg");
}
.fi-cefta {
  background-image: url("./media/cefta-HR3KQ2EO.svg");
}
.fi-cefta.fis {
  background-image: url("./media/cefta-NTUUUQSZ.svg");
}
.fi-cp {
  background-image: url("./media/cp-2DVX35UB.svg");
}
.fi-cp.fis {
  background-image: url("./media/cp-6QAMTOXH.svg");
}
.fi-dg {
  background-image: url("./media/dg-FXQ2KR4X.svg");
}
.fi-dg.fis {
  background-image: url("./media/dg-KL5G7PRJ.svg");
}
.fi-eac {
  background-image: url("./media/eac-DLAEKB33.svg");
}
.fi-eac.fis {
  background-image: url("./media/eac-RVDXN5KH.svg");
}
.fi-es-ct {
  background-image: url("./media/es-ct-LZMYMK2E.svg");
}
.fi-es-ct.fis {
  background-image: url("./media/es-ct-YZMY3BN2.svg");
}
.fi-es-ga {
  background-image: url("./media/es-ga-6PZUYNFD.svg");
}
.fi-es-ga.fis {
  background-image: url("./media/es-ga-CPWP5IRZ.svg");
}
.fi-es-pv {
  background-image: url("./media/es-pv-OXFBXZM5.svg");
}
.fi-es-pv.fis {
  background-image: url("./media/es-pv-TCDUGVHX.svg");
}
.fi-eu {
  background-image: url("./media/eu-Z34VKHYH.svg");
}
.fi-eu.fis {
  background-image: url("./media/eu-N4MK7TMC.svg");
}
.fi-gb-eng {
  background-image: url("./media/gb-eng-4H6GWTY6.svg");
}
.fi-gb-eng.fis {
  background-image: url("./media/gb-eng-KED2JQT6.svg");
}
.fi-gb-nir {
  background-image: url("./media/gb-nir-R3CUP5HV.svg");
}
.fi-gb-nir.fis {
  background-image: url("./media/gb-nir-6QHYPVOC.svg");
}
.fi-gb-sct {
  background-image: url("./media/gb-sct-CDZZA2QR.svg");
}
.fi-gb-sct.fis {
  background-image: url("./media/gb-sct-MYMPELAJ.svg");
}
.fi-gb-wls {
  background-image: url("./media/gb-wls-U35MHGIX.svg");
}
.fi-gb-wls.fis {
  background-image: url("./media/gb-wls-DTZ5TTAQ.svg");
}
.fi-ic {
  background-image: url("./media/ic-CQCOSBIQ.svg");
}
.fi-ic.fis {
  background-image: url("./media/ic-XC4APDRB.svg");
}
.fi-pc {
  background-image: url("./media/pc-TT6YEIH4.svg");
}
.fi-pc.fis {
  background-image: url("./media/pc-EX5GAM4Z.svg");
}
.fi-sh-ac {
  background-image: url("./media/sh-ac-JFUG6UDV.svg");
}
.fi-sh-ac.fis {
  background-image: url("./media/sh-ac-CA7Y7WNG.svg");
}
.fi-sh-hl {
  background-image: url("./media/sh-hl-YQIJUYB7.svg");
}
.fi-sh-hl.fis {
  background-image: url("./media/sh-hl-MZFPYVQ5.svg");
}
.fi-sh-ta {
  background-image: url("./media/sh-ta-E3Y363IZ.svg");
}
.fi-sh-ta.fis {
  background-image: url("./media/sh-ta-TYDLYCHE.svg");
}
.fi-un {
  background-image: url("./media/un-TACTIQXL.svg");
}
.fi-un.fis {
  background-image: url("./media/un-64W32BF7.svg");
}
.fi-xk {
  background-image: url("./media/xk-T7BAH4YE.svg");
}
.fi-xk.fis {
  background-image: url("./media/xk-SYLXNOIJ.svg");
}

/* angular:styles/global:styles */
