:root {
  /* Font Family */
  --cred-font-family: Silka, sans-serif;

  /* Color Palette */
  --cred-color-linear-base: #d9d9d9;
  --cred-color-linear-end: #d9d9d952;
  --cred-color-black: #cccccc;
  --cred-color-neutral: #EBECF0;
  --cred-color-transparent: #FFFFFF00;
  --cred-color-dark-neutral: #7A757F;
  --cred-color-light-primary: #7812F9;
  --cred-color-medium-primary: #5B00C4;
  --cred-color-dark-primary: #40008D;
  --cred-color-primary: #7813F9;
  --cred-color-light-secondary: #EBDDFF;
  --cred-color-dark-secondary: #D3BBFF;
  --cred-color-medium-link: #F7EDFF;
  --cred-color-white: #FFFFFF;
  --cred-color-dark-grey: #615D66;
  --cred-color-error-primary: #C00016;
  --cred-color-success-primary: #008800;
  --cred-color-light-grey: #49454e;
  --cred-color-neutral-medium: #AEAAAE;
  --cred-color-card-background: #fbfbfb;
  --button-primary-hover: #383838;
  --button-secondary-hover: #f2f2f2;

  /* Spacing and Padding */
  --cred-spacing-xsmall: 0.25rem; /* 4px */
  --cred-spacing-small: 0.5rem; /* 8px */
  --cred-spacing-medium: 1rem; /* 16px */
  --cred-spacing-large: 1.5rem; /* 24px */
  --cred-spacing-xlarge: 2rem; /* 32px */
  --cred-spacing-xxlarge: 2.5rem; /* 40px */

  /* Font Sizing */
  --cred-font-size-xsmall: 0.75rem; /* 12px */
  --cred-font-size-small: 0.875rem; /* 14px */
  --cred-font-size-medium: 1rem; /* 16px */
  --cred-font-size-large: 1.25rem; /* 20px */
  --cred-font-size-xlarge: 1.5rem; /* 24px */
  --cred-font-size-xxlarge: 2rem; /* 32px */

  /* Font Weights */
  --cred-font-weight-regular: 400;
  --cred-font-weight-bold: 600;

  /* Font Line Heights */
  --cred-font-line-height-xsmall: 1rem; /* 16px */
  --cred-font-line-height-small: 1.25rem; /* 20px */
  --cred-font-line-height-medium: 1.5rem; /* 24px */
  --cred-font-line-height-large: 1.75rem; /* 28px */

  /* Skeleton Loading */
  --cred-skeleton-radius: var(--cred-spacing-medium);

  /* Inputs */
  --cred-input-height: 64px;
  /* TODO REVIEW BELOW */

  /* Skeleton */
  --cred-skeleton-color-first: var(--cred-color-linear-base);
  --cred-skeleton-color-second: var(--cred-color-linear-end);
  --cred-skeleton-linear-direction: 270deg;

  /* Form */
  --cred-form-margin: 3rem;
  --cred-form-margin-bottom: 2.5rem;
  --cred-form-container-margin: 8px;
  --cred-form-width: 100%;

  /* Modal */
  --cred-modal-close-icon-fill: var(--cred-color-light-grey);
  --cred-modal-header-color: var(--cred-color-light-grey);
  --cred-modal-font-family: Silka;
  --cred-modal-header-font-size: 24px;
  --cred-modal-header-font-size-mobile: 18px;
  --cred-modal-header-font-weight: 600;
  --cred-modal-spacing-margin: 3rem;
  --cred-modal-spacing-margin-bottom: 2.5rem;
  --cred-modal-spacing-container-margin: 0.5rem;
  --cred-modal-header-line-height: 24px;
  --cred-modal-header-line-height-mobile: 24px;
  --cred-modal-width: 100%;

  /* Tooltip */
  --cred-tooltip-background: var(--cred-color-dark-grey);
  --cred-tooltip-text: var(--cred-color-white);

  /* Circular Progress */
  --cred-circular-progress-stroke: var(--cred-color-black);
  --cred-circular-progress-inner-stroke: var(--cred-color-success-primary);

  /* Input */
  --cred-input-width: 100%;
  --cred-input-padding: 8px;
  --cred-input-line-height: 24px;
  --cred-input-svg-padding: 8px;
  --cred-input-svg-height: 24px;
  --cred-input-svg-font-size: 11px;
  --cred-input-border-radius: 8px;
  --cred-input-border: 1px solid;
  --cred-input-outline: 0 none;

  --cred-input-color-default-background: var(--cred-color-white);
  --cred-input-color-default-border: var(--cred-color-dark-neutral);
  --cred-input-color-default-text: var(--cred-color-light-grey);
  --cred-input-color-default-accent: var(--cred-color-dark-neutral);

  --cred-input-color-focus-border: var(--cred-color-light-primary);
  --cred-input-color-focus-text: var(--cred-color-light-primary);

  --cred-input-color-error-border: var(--cred-color-error-primary);
  --cred-input-color-error-text: var(--cred-color-error-primary);


  /* ProgressBar */
  --cred-progress-bar-font-family: Silka;
  --cred-progress-bar-font-size: 11px;
  --cred-progress-bar-font-weight: 600;
  --cred-progress-bar-text-color: var(--cred-color-dark-grey);
  --cred-progress-bar-line-height: 16px;
}

body, html {
  font-family: var(--cred-font-family);
  font-size: 100%;
  padding: 0;
  margin: 0;
}

@keyframes skeletonAnimation {
  0% {
    background-position: 150% 0;
  }

  100% {
    background-position: -150% 0;
  }
}

.skeleton-loader,
.skeleton-loader:disabled {
  color: transparent !important;
  animation: skeletonAnimation 2s linear infinite forwards;
  background-color: #d9d9d9 !important;
  background-image: linear-gradient(
    270deg,
    #d9d9d9 25%,
    #efefef 50%,
    #d9d9d9 75%
  ) !important;
  background-repeat: no-repeat !important;
  background-size: 150% 100% !important;
  border-radius: var(--cred-skeleton-radius);
  box-shadow: none !important;

  * {
    visibility: hidden;
    opacity: 0;
    color: transparent;
  }

  *:has(.skeleton-loader--force-show),
  .skeleton-loader--force-show {
    visibility: visible;
    opacity: 1;
  }
}
:root {
  line-height: 1.5;
  font-weight: 400;
  min-height: 100%;
  background-color: var(--cred-color-card-background);
  color: var(--cred-color-grey-dark);
  height: 100%;
  font-size: 16px;
  overflow-y: hidden;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html,
body {
  max-width: 100vw;
  height: 100%;
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

main {
  height: calc(100% - 105px);
}

h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 24px;
  margin: 16px 0 16px;
  width: 100%;
  max-width: 848px;
}

@media only screen and (min-width: 800px) {
  h1 {
    font-size: 28px;
    margin: 48px 16px 24px;
    line-height: 32px;
  }
}

a {
  color: inherit;
}

*:focus {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  touch-action: manipulation;
}

.skeleton,
.skeleton--typography:before {
  color: transparent !important;
  box-shadow: none !important;
  border-radius: 16px;
  animation: skeletonAnimation 3s linear infinite forwards;
  background: var(--cred-color-linear-base);
  background-repeat: no-repeat;
  background-size: 800px 100%;
  background-image: linear-gradient(90deg,
      var(--cred-color-linear-base) 0%,
      #edeef1 20%,
      var(--cred-color-linear-base) 40%,
      var(--cred-color-linear-base) 100%) !important;
}

.skeleton * {
  color: transparent !important;
}

.skeleton--light {
  background: #ececec;
  background-image: linear-gradient(90deg,
      #ececec 0%,
      #f3f2f2 30%,
      #ececec 60%,
      #ececec 100%) !important;
}

.skeleton--dark {
  background: #ececec;
  background-image: linear-gradient(90deg,
      #9f9f9f 0%,
      #b7b7b7 30%,
      #9f9f9f 60%,
      #9f9f9f 100%) !important;
}

@keyframes skeletonAnimation {
  0% {
    background-position: -468px 0;
  }

  100% {
    background-position: 468px 0;
  }
}

.report-nav-hidden {
  display: none;
}

@media only screen and (min-width: 800px) {
  .report-nav-hidden {
    display: block;
    pointer-events: none;
  }

  .report-nav-hidden>a {
    color: transparent !important;
  }

  .report-nav-hidden>a>div {
    display: none;
  }
}

.advert-hidden {
  display: none;
}

@media only screen and (min-width: 800px) {
  .advert-hidden {
    display: block;
  }
}

.skeleton--typography {
  position: relative;
}

.skeleton--typography:before {
  content: "";
  width: 220px;
  max-width: 100%;
  height: 100%;
  position: absolute;
}

.skeleton--radius_small {
  border-radius: 8px;
}

.skeleton--radius_small:before {
  border-radius: 8px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

.tablet-up-hide {
  display: block;
}

@media only screen and (min-width: 800px) {
  .tablet-up-hide {
    display: none;
  }
}

.tablet-down-hide {
  display: block;
}

@media only screen and (max-width: 799px) {
  .tablet-down-hide {
    display: none;
  }
}

.tablet-page-header {
  font-size: 28px;
  line-height: 32px;
}

@media only screen and (max-width: 799px) {
  .tablet-page-header {
    font-size: 22px;
    line-height: 24px;
  }
}

iframe {
  border: 0;
  height: 100%;
  min-height: 100%;
}
@font-face {
  font-family: "Silka";
  src: local("Silka"), url("/fonts/Silka-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Silka";
  src: local("Silka"), url("/fonts/Silka-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


/*# sourceMappingURL=6b9e1c5545ac98bc.css.map*/