/* node_modules/@angular/cdk/overlay-prebuilt.css */
.cdk-overlay-container,
.cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
  max-height: 100%;
  z-index: 1000;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  opacity: 0;
  touch-action: manipulation;
  z-index: 1000;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (prefers-reduced-motion) {
  .cdk-overlay-backdrop {
    transition-duration: 1ms;
  }
}
.cdk-overlay-backdrop-showing {
  opacity: 1;
}
@media (forced-colors: active) {
  .cdk-overlay-backdrop-showing {
    opacity: .6;
  }
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, .32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
  z-index: 1000;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

/* src/styles/styles.scss */
h1,
.heading-1 {
  font-size: 2.1875rem;
  line-height: 2.5rem;
  letter-spacing: -1px;
  font-weight: 500;
}
@media print, screen and (min-width: 64em) {
  h1,
  .heading-1 {
    font-size: 4.0625rem;
    line-height: 4.375rem;
    letter-spacing: -2px;
  }
}
h2,
.heading-2 {
  font-size: 1.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.1875rem;
  letter-spacing: -1px;
}
@media print, screen and (min-width: 64em) {
  h2,
  .heading-2 {
    font-size: 3.125rem;
    line-height: 3.75rem;
    letter-spacing: -2px;
  }
}
h3,
.h3,
.heading-3 {
  font-size: 1.25rem;
  font-style: normal;
  line-height: 1.625rem;
  letter-spacing: -0.5px;
  margin-bottom: 1.25rem;
}
@media print, screen and (min-width: 64em) {
  h3,
  .h3,
  .heading-3 {
    font-size: 1.875rem;
    line-height: 2.1875rem;
    letter-spacing: -1px;
  }
}
h4,
.h4,
.heading-4 {
  font-size: 1.125rem;
  font-style: normal;
  line-height: 1.375rem;
  letter-spacing: -0.5px;
}
@media print, screen and (min-width: 64em) {
  h4,
  .h4,
  .heading-4 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    letter-spacing: -0.8px;
  }
}
h5,
.heading-5 {
  font-size: 1rem;
  font-style: normal;
  line-height: 1.25rem;
  letter-spacing: -0.5px;
}
@media print, screen and (min-width: 64em) {
  h5,
  .heading-5 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -0.5px;
  }
}
.paragraph-1 {
  font-size: 1rem;
  line-height: 1.5rem;
}
.paragraph-2 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.paragraph-3 {
  font-size: 0.75rem;
  line-height: 1rem;
}
.subtitle-s1 {
  font-size: 0.625rem;
  line-height: 0.75rem;
}
.font-20 {
  font-size: 1.25rem;
}
.font-18 {
  font-size: 1.125rem;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.text-white {
  color: #fff;
}
.text-white-transparent {
  color: rgba(255, 255, 255, 0.6);
}
.text-yellow {
  color: #b28600;
}
.text-grey-100 {
  color: #7d8792;
}
.text-primary-100 {
  color: #0ba3a6;
}
.text-primary-main {
  color: #2fa6fe;
}
.text-dark-80 {
  color: #363c43;
}
.text-dark-100 {
  color: #191c1f;
}
.text-red {
  color: #ee4c60;
}
.color-error {
  color: #e31b0c !important;
}
.color-success {
  color: #4caf50 !important;
}
.color-white {
  color: #fff !important;
}
.color-secondary {
  color: #27dab3 !important;
}
.color-secondary-dark {
  color: #0e2c3b !important;
}
.color-primary {
  color: #2fa6fe !important;
}
.color-warn {
  color: #ec971f;
}
.color-secondary-text {
  color: #e9e9e9 !important;
}
.color-secondary-4 {
  color: #9596a9;
}
.color-grey {
  color: #7d7f95 !important;
}
.link {
  color: #2fa6fe;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}
.overflow-hidden {
  overflow: hidden !important;
}
.full-width {
  width: 100% !important;
}
.full-height {
  height: 100% !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.text-nowrap {
  white-space: nowrap;
}
.text-line-through {
  text-decoration: line-through;
}
.text-underline {
  text-decoration: underline;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uppercase {
  text-transform: uppercase;
}
.events-none {
  pointer-events: none;
  cursor: default !important;
}
.cursor-pointer {
  cursor: pointer;
}
.scale-reference {
  position: absolute;
  pointer-events: none;
  top: -200px;
  width: 6.25rem;
}
.ellipsis-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.ellipsis-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.ellipsis-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.ellipsis-6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
}
.full-width {
  width: 100% !important;
}
.full-height {
  height: 100%;
}
.hidden-scroll {
  overflow: hidden !important;
}
.columns {
  display: flex;
  column-gap: 0.625rem;
}
.columns_two {
  width: 50%;
}
.columns_three {
  width: 33.33%;
}
.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
}
.row .col-full {
  grid-column-start: span 12;
}
.row .col,
.row .col-half {
  grid-column-start: span 6;
}
.row .col-1 {
  grid-column-start: span 1;
}
.row .col-2 {
  grid-column-start: span 2;
}
.row .col-3 {
  grid-column-start: span 3;
}
.row .col-4 {
  grid-column-start: span 4;
}
.row .col-5 {
  grid-column-start: span 5;
}
.row .col-6 {
  grid-column-start: span 6;
}
.row .col-7 {
  grid-column-start: span 7;
}
.row .col-8 {
  grid-column-start: span 8;
}
.row .col-9 {
  grid-column-start: span 9;
}
.row .col-10 {
  grid-column-start: span 10;
}
.row .col-11 {
  grid-column-start: span 11;
}
.row .col-full {
  grid-column-start: span 12;
}
.flex {
  display: flex;
}
.flex-1 {
  flex: 1;
}
.inline-flex {
  display: inline-flex;
}
.flex-gap-tn {
  gap: 0.3125rem;
}
.flex-gap-md {
  gap: 0.625rem;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: flex-end;
}
.flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.self-start {
  align-self: flex-start;
}
.self-center {
  align-self: center;
}
.flex-justify-start {
  justify-content: flex-start !important;
}
.flex-justify-center {
  justify-content: center;
}
.flex-column {
  flex-flow: column;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.margin-left-auto {
  margin-left: auto;
}
.margin-right-auto {
  margin-right: auto;
}
.margin-top-auto {
  margin-top: auto;
}
.margin-bottom-auto {
  margin-bottom: auto;
}
.margin-bottom-hg {
  margin-bottom: 1.75rem;
}
.margin-top-hg {
  margin-top: 1.75rem;
}
.margin-left-hg {
  margin-left: 1.75rem;
}
.margin-right-hg {
  margin-right: 1.75rem;
}
.margin-bottom-xhg {
  margin-bottom: 2.375rem;
}
.margin-top-xhg {
  margin-top: 2.375rem;
}
.margin-top-lg {
  margin-top: 1.25rem;
}
.margin-bottom-lg {
  margin-bottom: 1.25rem;
}
.margin-left-lg {
  margin-left: 1.25rem;
}
.margin-right-lg {
  margin-right: 1.25rem;
}
.margin-top-md {
  margin-top: 1rem;
}
.margin-bottom-md {
  margin-bottom: 1rem;
}
.margin-left-md {
  margin-left: 1rem;
}
.margin-right-md {
  margin-right: 1rem;
}
.margin-top-sm {
  margin-top: 0.75rem;
}
.margin-bottom-sm {
  margin-bottom: 0.75rem;
}
.margin-left-sm {
  margin-left: 0.75rem;
}
.margin-right-sm {
  margin-right: 0.75rem;
}
.margin-top {
  margin-top: 0.625rem;
}
.margin-bottom {
  margin-bottom: 0.625rem;
}
.margin-left {
  margin-left: 0.625rem;
}
.margin-right {
  margin-right: 0.625rem;
}
.margin-top-tn {
  margin-top: 0.25rem;
}
.margin-bottom-tn {
  margin-bottom: 0.25rem;
}
.margin-left-tn {
  margin-left: 0.25rem;
}
.margin-right-tn {
  margin-right: 0.25rem;
}
#app-scroll {
  overflow-x: hidden;
  scrollbar-color: #e5e7e9 transparent;
  scrollbar-width: thin;
  overscroll-behavior: none;
}
#app-scroll.hide-prev {
  mask:
    linear-gradient(
      0deg,
      #000,
      #000 22px calc(100% - 22px),
      rgba(0, 0, 0, 0));
}
#app-scroll.hide-next {
  mask:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, 0),
      #000 22px calc(100% - 22px),
      #000);
}
#app-scroll.hide-next.hide-prev {
  mask:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, 0),
      #000 22px calc(100% - 22px),
      rgba(0, 0, 0, 0));
}
#app-scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background: transparent;
}
#app-scroll::-webkit-scrollbar-track {
  border-radius: get-rem(15);
  background: transparent;
}
#app-scroll::-webkit-scrollbar-corner {
  background: transparent;
}
#app-scroll::-webkit-scrollbar-thumb {
  height: 100px;
  cursor: pointer;
  transition: background-color 0.3s;
  background-color: rgba(47, 166, 254, 0.3);
}
#app-scroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(47, 166, 254, 0.75);
}
#app-scroll.horizontal {
  overflow-x: scroll;
}
.scroll-hide {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.scroll-hide .elems {
  display: flex;
  flex-grow: 1;
  align-items: center;
  flex-wrap: nowrap;
  width: calc(100% + 1px);
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}
.scroll-hide .elems::-webkit-scrollbar {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .scroll-hide:hover.hide-prev:hover button.clear.prev {
    opacity: 1;
    pointer-events: initial;
  }
  .scroll-hide:hover.hide-next:hover button.clear.next {
    opacity: 1;
    pointer-events: initial;
  }
}
.scroll-hide button.arrow {
  position: absolute;
  height: 100%;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
.scroll-hide button.arrow.prev {
  left: -0.875rem;
  min-width: unset;
}
.scroll-hide button.arrow.next {
  right: -0.875rem;
  min-width: unset;
}
.scroll-hide button.arrow.next .icon.arrow {
  transform: rotate(180deg);
}
.scroll-hide.vertical.hide-prev {
  mask:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, 0),
      #000 22px calc(100% - 22px),
      #000);
}
.scroll-hide.vertical.hide-next {
  mask:
    linear-gradient(
      0deg,
      #000,
      #000 22px calc(100% - 22px),
      rgba(0, 0, 0, 0));
}
.scroll-hide.vertical.hide-next.hide-prev {
  mask:
    linear-gradient(
      0deg,
      rgba(0, 0, 0, 0),
      #000 22px calc(100% - 22px),
      rgba(0, 0, 0, 0));
}
.scroll-hide.horizontal.hide-prev > [appscrollfade] {
  mask:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 10px,
      rgb(0, 0, 0) 45px,
      rgb(0, 0, 0) calc(100% - 45px),
      rgb(0, 0, 0) calc(100% - 10px));
}
.scroll-hide.horizontal.hide-next > [appscrollfade] {
  mask:
    linear-gradient(
      90deg,
      rgb(0, 0, 0) 10px,
      rgb(0, 0, 0) 45px,
      rgb(0, 0, 0) calc(100% - 45px),
      rgba(0, 0, 0, 0) calc(100% - 10px));
}
.scroll-hide.horizontal.hide-next.hide-prev > [appscrollfade] {
  mask:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 10px,
      rgb(0, 0, 0) 45px,
      rgb(0, 0, 0) calc(100% - 45px),
      rgba(0, 0, 0, 0) calc(100% - 10px));
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.4;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  margin: 0;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}
textarea {
  height: auto;
  overflow: auto;
  min-height: 50px;
}
input {
  background: transparent;
  border: none;
  outline: none;
  min-width: 0;
}
div[contenteditable] {
  appearance: none;
  outline: none;
  cursor: text;
}
div[contenteditable][ph]:empty::before,
div[contenteditable][ph].empty::before {
  content: attr(ph);
}
select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}
[inv=true] {
  visibility: hidden;
  pointer-events: none;
}
.non-interactive {
  pointer-events: none;
}
button {
  outline: 0;
  padding: 0;
  color: inherit;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
  cursor: pointer;
}
p {
  margin: 0;
}
* {
  -webkit-tap-highlight-color: transparent;
  padding: 0;
  margin: 0;
  border: 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace;
  font-size: 1em;
  overflow: auto;
}
a {
  background-color: transparent;
  text-decoration: none;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.4;
  margin: 0;
  padding: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  appearance: none;
}
::-webkit-file-upload-button {
  appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
ul li {
  list-style: none;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
:focus-visible {
  outline: none;
}
:focus,
:active {
  outline: none;
}
nav,
footer,
header,
aside {
  display: block;
}
html {
  box-sizing: border-box;
  font-size: var(--body-font-size);
  margin-top: 0px;
  margin-top: calc(0px + var(--safe-area-inset-top, 0px));
}
:root {
  --safe-area-inset-top: 0;
  --safe-area-inset-right: 0;
  --safe-area-inset-bottom: 0;
  --safe-area-inset-left: 0;
  --body-font-size: 16px;
  --skeleton-radius: 8px;
  --skeleton-primary-start: rgb(249.8, 251.9666666667, 252.4);
  --skeleton-primary-end: rgb(229.26, 239.16, 241.14);
  --skeleton-secondary-start: rgb(236.2, 244.0333333333, 245.6);
  --skeleton-secondary-end: rgb(215.6685, 230.796, 233.8215);
}
@supports (top: env(safe-area-inset-top)) {
  :root {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-right: env(safe-area-inset-right);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --safe-area-inset-left: env(safe-area-inset-left);
  }
}
body {
  margin: 0;
  padding: 0;
  max-width: 100vw;
  overflow-x: hidden;
  font-weight: normal;
  touch-action: pan-y;
  padding-left: var(--safe-area-inset-left);
  padding-right: var(--safe-area-inset-right);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.modal-active,
body.overlay-active {
  overflow: hidden;
}
html::before,
html::after,
body::before,
body::after {
  content: "";
  background-color: #000;
  opacity: 0;
  transition: opacity 0.3s;
}
body.overlay-on {
  overflow: hidden;
}
body.overlay-on::before {
  position: fixed;
  z-index: 95;
  opacity: 0.55;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
body.cdk-overlay {
  overflow: hidden;
  overscroll-behavior: none;
}
body.cdk-overlay::after {
  position: fixed;
  z-index: 101;
  opacity: 0.55;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
body.overlay-off::before {
  opacity: 0;
}
body.cdk-overlay-off::after {
  opacity: 0;
}
body {
  font-size: 0.875rem;
  color: #363c43;
  font-family: Roboto, sans-serif;
  width: 100vw;
  padding-right: var(--scroll-width);
}
body.toolbar-active app-root {
  padding-top: 3.375rem !important;
}
body.modal-toolbar-active .mobile-fs .container {
  margin-top: 3.75rem;
}

/* angular:styles/global:styles */