/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Settings */
/**
 * Force reset file
 *
 * In this file you can define mixins that are used to reset
 * specific html tags
 */
html {
  margin: 0;
  padding: 0;
  word-break: break-word;
  cursor: default;
  text-rendering: optimizelegibility;
  scroll-behavior: smooth;
}
html body {
  margin: 0;
  padding: 0;
  color: var(--theme-color-grey-dark);
  font-weight: normal;
  font-size: 1em;
  font-family: var(--theme-fontFamily-main);
}

/* Settings */
.row {
  display: grid;
  grid-gap: 1rem 0.5rem;
  grid-template-columns: repeat(12, [col-start] 1fr);
}
@media (min-width: 48rem) {
  .row {
    grid-column-gap: 1rem;
  }
}
@media (min-width: 90rem) {
  .row {
    grid-gap: 1.5rem 2rem;
  }
}

.col-1 {
  grid-column-end: span 1;
}

.col-offset-1 {
  grid-column-start: 2;
}

.col-2 {
  grid-column-end: span 2;
}

.col-offset-2 {
  grid-column-start: 3;
}

.col-3 {
  grid-column-end: span 3;
}

.col-offset-3 {
  grid-column-start: 4;
}

.col-4 {
  grid-column-end: span 4;
}

.col-offset-4 {
  grid-column-start: 5;
}

.col-5 {
  grid-column-end: span 5;
}

.col-offset-5 {
  grid-column-start: 6;
}

.col-6 {
  grid-column-end: span 6;
}

.col-offset-6 {
  grid-column-start: 7;
}

.col-7 {
  grid-column-end: span 7;
}

.col-offset-7 {
  grid-column-start: 8;
}

.col-8 {
  grid-column-end: span 8;
}

.col-offset-8 {
  grid-column-start: 9;
}

.col-9 {
  grid-column-end: span 9;
}

.col-offset-9 {
  grid-column-start: 10;
}

.col-10 {
  grid-column-end: span 10;
}

.col-offset-10 {
  grid-column-start: 11;
}

.col-11 {
  grid-column-end: span 11;
}

.col-offset-11 {
  grid-column-start: 12;
}

.col-12 {
  grid-column-end: span 12;
}

.col-offset-12 {
  grid-column-start: 13;
}

@media (min-width: 48rem) {
  .md\:col-1 {
    grid-column-end: span 1;
  }
}

@media (min-width: 48rem) {
  .md\:col-offset-1 {
    grid-column-start: 2;
  }
}

@media (min-width: 48rem) {
  .md\:col-2 {
    grid-column-end: span 2;
  }
}

@media (min-width: 48rem) {
  .md\:col-offset-2 {
    grid-column-start: 3;
  }
}

@media (min-width: 48rem) {
  .md\:col-3 {
    grid-column-end: span 3;
  }
}

@media (min-width: 48rem) {
  .md\:col-offset-3 {
    grid-column-start: 4;
  }
}

@media (min-width: 48rem) {
  .md\:col-4 {
    grid-column-end: span 4;
  }
}

@media (min-width: 48rem) {
  .md\:col-offset-4 {
    grid-column-start: 5;
  }
}

@media (min-width: 48rem) {
  .md\:col-5 {
    grid-column-end: span 5;
  }
}

@media (min-width: 48rem) {
  .md\:col-offset-5 {
    grid-column-start: 6;
  }
}

@media (min-width: 48rem) {
  .md\:col-6 {
    grid-column-end: span 6;
  }
}

@media (min-width: 48rem) {
  .md\:col-offset-6 {
    grid-column-start: 7;
  }
}

@media (min-width: 48rem) {
  .md\:col-7 {
    grid-column-end: span 7;
  }
}

@media (min-width: 48rem) {
  .md\:col-offset-7 {
    grid-column-start: 8;
  }
}

@media (min-width: 48rem) {
  .md\:col-8 {
    grid-column-end: span 8;
  }
}

@media (min-width: 48rem) {
  .md\:col-offset-8 {
    grid-column-start: 9;
  }
}

@media (min-width: 48rem) {
  .md\:col-9 {
    grid-column-end: span 9;
  }
}

@media (min-width: 48rem) {
  .md\:col-offset-9 {
    grid-column-start: 10;
  }
}

@media (min-width: 48rem) {
  .md\:col-10 {
    grid-column-end: span 10;
  }
}

@media (min-width: 48rem) {
  .md\:col-offset-10 {
    grid-column-start: 11;
  }
}

@media (min-width: 48rem) {
  .md\:col-11 {
    grid-column-end: span 11;
  }
}

@media (min-width: 48rem) {
  .md\:col-offset-11 {
    grid-column-start: 12;
  }
}

@media (min-width: 48rem) {
  .md\:col-12 {
    grid-column-end: span 12;
  }
}

@media (min-width: 48rem) {
  .md\:col-offset-12 {
    grid-column-start: 13;
  }
}

@media (min-width: 90rem) {
  .lg\:col-1 {
    grid-column-end: span 1;
  }
}

@media (min-width: 90rem) {
  .lg\:col-offset-1 {
    grid-column-start: 2;
  }
}

@media (min-width: 90rem) {
  .lg\:col-2 {
    grid-column-end: span 2;
  }
}

@media (min-width: 90rem) {
  .lg\:col-offset-2 {
    grid-column-start: 3;
  }
}

@media (min-width: 90rem) {
  .lg\:col-3 {
    grid-column-end: span 3;
  }
}

@media (min-width: 90rem) {
  .lg\:col-offset-3 {
    grid-column-start: 4;
  }
}

@media (min-width: 90rem) {
  .lg\:col-4 {
    grid-column-end: span 4;
  }
}

@media (min-width: 90rem) {
  .lg\:col-offset-4 {
    grid-column-start: 5;
  }
}

@media (min-width: 90rem) {
  .lg\:col-5 {
    grid-column-end: span 5;
  }
}

@media (min-width: 90rem) {
  .lg\:col-offset-5 {
    grid-column-start: 6;
  }
}

@media (min-width: 90rem) {
  .lg\:col-6 {
    grid-column-end: span 6;
  }
}

@media (min-width: 90rem) {
  .lg\:col-offset-6 {
    grid-column-start: 7;
  }
}

@media (min-width: 90rem) {
  .lg\:col-7 {
    grid-column-end: span 7;
  }
}

@media (min-width: 90rem) {
  .lg\:col-offset-7 {
    grid-column-start: 8;
  }
}

@media (min-width: 90rem) {
  .lg\:col-8 {
    grid-column-end: span 8;
  }
}

@media (min-width: 90rem) {
  .lg\:col-offset-8 {
    grid-column-start: 9;
  }
}

@media (min-width: 90rem) {
  .lg\:col-9 {
    grid-column-end: span 9;
  }
}

@media (min-width: 90rem) {
  .lg\:col-offset-9 {
    grid-column-start: 10;
  }
}

@media (min-width: 90rem) {
  .lg\:col-10 {
    grid-column-end: span 10;
  }
}

@media (min-width: 90rem) {
  .lg\:col-offset-10 {
    grid-column-start: 11;
  }
}

@media (min-width: 90rem) {
  .lg\:col-11 {
    grid-column-end: span 11;
  }
}

@media (min-width: 90rem) {
  .lg\:col-offset-11 {
    grid-column-start: 12;
  }
}

@media (min-width: 90rem) {
  .lg\:col-12 {
    grid-column-end: span 12;
  }
}

@media (min-width: 90rem) {
  .lg\:col-offset-12 {
    grid-column-start: 13;
  }
}

@media (max-width: 47.9375rem) {
  .col-hide {
    display: none;
  }
}

.col-show {
  display: none;
}
@media (max-width: 47.9375rem) {
  .col-show {
    display: block;
  }
}

:root {
  --theme-color-link: #0000EE;
}

/* Settings */
.width-100 {
  width: 100%;
}

.height-100 {
  height: 100%;
}

.m-1x {
  margin: 0.5rem;
}

.mt-1x {
  margin-top: 0.5rem;
}

@media (min-width: 48rem) {
  .md\:mt-1x {
    margin-top: 0.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mt-1x {
    margin-top: 0.5rem;
  }
}

.mb-1x {
  margin-bottom: 0.5rem;
}

@media (min-width: 48rem) {
  .md\:mb-1x {
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mb-1x {
    margin-bottom: 0.5rem;
  }
}

.mr-1x {
  margin-right: 0.5rem;
}

@media (min-width: 48rem) {
  .md\:mr-1x {
    margin-right: 0.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mr-1x {
    margin-right: 0.5rem;
  }
}

.ml-1x {
  margin-left: 0.5rem;
}

@media (min-width: 48rem) {
  .md\:ml-1x {
    margin-left: 0.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:ml-1x {
    margin-left: 0.5rem;
  }
}

.p-1x {
  padding: 0.5rem;
}

.pt-1x {
  padding-top: 0.5rem;
}

@media (min-width: 48rem) {
  .md\:pt-1x {
    padding-top: 0.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pt-1x {
    padding-top: 0.5rem;
  }
}

.pb-1x {
  padding-bottom: 0.5rem;
}

@media (min-width: 48rem) {
  .md\:pb-1x {
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pb-1x {
    padding-bottom: 0.5rem;
  }
}

.pr-1x {
  padding-right: 0.5rem;
}

@media (min-width: 48rem) {
  .md\:pr-1x {
    padding-right: 0.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pr-1x {
    padding-right: 0.5rem;
  }
}

.pl-1x {
  padding-left: 0.5rem;
}

@media (min-width: 48rem) {
  .md\:pl-1x {
    padding-left: 0.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pl-1x {
    padding-left: 0.5rem;
  }
}

.m-2x {
  margin: 1rem;
}

.mt-2x {
  margin-top: 1rem;
}

@media (min-width: 48rem) {
  .md\:mt-2x {
    margin-top: 1rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mt-2x {
    margin-top: 1rem;
  }
}

.mb-2x {
  margin-bottom: 1rem;
}

@media (min-width: 48rem) {
  .md\:mb-2x {
    margin-bottom: 1rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mb-2x {
    margin-bottom: 1rem;
  }
}

.mr-2x {
  margin-right: 1rem;
}

@media (min-width: 48rem) {
  .md\:mr-2x {
    margin-right: 1rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mr-2x {
    margin-right: 1rem;
  }
}

.ml-2x {
  margin-left: 1rem;
}

@media (min-width: 48rem) {
  .md\:ml-2x {
    margin-left: 1rem;
  }
}

@media (min-width: 90rem) {
  .lg\:ml-2x {
    margin-left: 1rem;
  }
}

.p-2x {
  padding: 1rem;
}

.pt-2x {
  padding-top: 1rem;
}

@media (min-width: 48rem) {
  .md\:pt-2x {
    padding-top: 1rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pt-2x {
    padding-top: 1rem;
  }
}

.pb-2x {
  padding-bottom: 1rem;
}

@media (min-width: 48rem) {
  .md\:pb-2x {
    padding-bottom: 1rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pb-2x {
    padding-bottom: 1rem;
  }
}

.pr-2x {
  padding-right: 1rem;
}

@media (min-width: 48rem) {
  .md\:pr-2x {
    padding-right: 1rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pr-2x {
    padding-right: 1rem;
  }
}

.pl-2x {
  padding-left: 1rem;
}

@media (min-width: 48rem) {
  .md\:pl-2x {
    padding-left: 1rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pl-2x {
    padding-left: 1rem;
  }
}

.m-3x {
  margin: 1.5rem;
}

.mt-3x {
  margin-top: 1.5rem;
}

@media (min-width: 48rem) {
  .md\:mt-3x {
    margin-top: 1.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mt-3x {
    margin-top: 1.5rem;
  }
}

.mb-3x {
  margin-bottom: 1.5rem;
}

@media (min-width: 48rem) {
  .md\:mb-3x {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mb-3x {
    margin-bottom: 1.5rem;
  }
}

.mr-3x {
  margin-right: 1.5rem;
}

@media (min-width: 48rem) {
  .md\:mr-3x {
    margin-right: 1.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mr-3x {
    margin-right: 1.5rem;
  }
}

.ml-3x {
  margin-left: 1.5rem;
}

@media (min-width: 48rem) {
  .md\:ml-3x {
    margin-left: 1.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:ml-3x {
    margin-left: 1.5rem;
  }
}

.p-3x {
  padding: 1.5rem;
}

.pt-3x {
  padding-top: 1.5rem;
}

@media (min-width: 48rem) {
  .md\:pt-3x {
    padding-top: 1.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pt-3x {
    padding-top: 1.5rem;
  }
}

.pb-3x {
  padding-bottom: 1.5rem;
}

@media (min-width: 48rem) {
  .md\:pb-3x {
    padding-bottom: 1.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pb-3x {
    padding-bottom: 1.5rem;
  }
}

.pr-3x {
  padding-right: 1.5rem;
}

@media (min-width: 48rem) {
  .md\:pr-3x {
    padding-right: 1.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pr-3x {
    padding-right: 1.5rem;
  }
}

.pl-3x {
  padding-left: 1.5rem;
}

@media (min-width: 48rem) {
  .md\:pl-3x {
    padding-left: 1.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pl-3x {
    padding-left: 1.5rem;
  }
}

.m-4x {
  margin: 2rem;
}

.mt-4x {
  margin-top: 2rem;
}

@media (min-width: 48rem) {
  .md\:mt-4x {
    margin-top: 2rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mt-4x {
    margin-top: 2rem;
  }
}

.mb-4x {
  margin-bottom: 2rem;
}

@media (min-width: 48rem) {
  .md\:mb-4x {
    margin-bottom: 2rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mb-4x {
    margin-bottom: 2rem;
  }
}

.mr-4x {
  margin-right: 2rem;
}

@media (min-width: 48rem) {
  .md\:mr-4x {
    margin-right: 2rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mr-4x {
    margin-right: 2rem;
  }
}

.ml-4x {
  margin-left: 2rem;
}

@media (min-width: 48rem) {
  .md\:ml-4x {
    margin-left: 2rem;
  }
}

@media (min-width: 90rem) {
  .lg\:ml-4x {
    margin-left: 2rem;
  }
}

.p-4x {
  padding: 2rem;
}

.pt-4x {
  padding-top: 2rem;
}

@media (min-width: 48rem) {
  .md\:pt-4x {
    padding-top: 2rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pt-4x {
    padding-top: 2rem;
  }
}

.pb-4x {
  padding-bottom: 2rem;
}

@media (min-width: 48rem) {
  .md\:pb-4x {
    padding-bottom: 2rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pb-4x {
    padding-bottom: 2rem;
  }
}

.pr-4x {
  padding-right: 2rem;
}

@media (min-width: 48rem) {
  .md\:pr-4x {
    padding-right: 2rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pr-4x {
    padding-right: 2rem;
  }
}

.pl-4x {
  padding-left: 2rem;
}

@media (min-width: 48rem) {
  .md\:pl-4x {
    padding-left: 2rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pl-4x {
    padding-left: 2rem;
  }
}

.m-5x {
  margin: 2.5rem;
}

.mt-5x {
  margin-top: 2.5rem;
}

@media (min-width: 48rem) {
  .md\:mt-5x {
    margin-top: 2.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mt-5x {
    margin-top: 2.5rem;
  }
}

.mb-5x {
  margin-bottom: 2.5rem;
}

@media (min-width: 48rem) {
  .md\:mb-5x {
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mb-5x {
    margin-bottom: 2.5rem;
  }
}

.mr-5x {
  margin-right: 2.5rem;
}

@media (min-width: 48rem) {
  .md\:mr-5x {
    margin-right: 2.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mr-5x {
    margin-right: 2.5rem;
  }
}

.ml-5x {
  margin-left: 2.5rem;
}

@media (min-width: 48rem) {
  .md\:ml-5x {
    margin-left: 2.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:ml-5x {
    margin-left: 2.5rem;
  }
}

.p-5x {
  padding: 2.5rem;
}

.pt-5x {
  padding-top: 2.5rem;
}

@media (min-width: 48rem) {
  .md\:pt-5x {
    padding-top: 2.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pt-5x {
    padding-top: 2.5rem;
  }
}

.pb-5x {
  padding-bottom: 2.5rem;
}

@media (min-width: 48rem) {
  .md\:pb-5x {
    padding-bottom: 2.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pb-5x {
    padding-bottom: 2.5rem;
  }
}

.pr-5x {
  padding-right: 2.5rem;
}

@media (min-width: 48rem) {
  .md\:pr-5x {
    padding-right: 2.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pr-5x {
    padding-right: 2.5rem;
  }
}

.pl-5x {
  padding-left: 2.5rem;
}

@media (min-width: 48rem) {
  .md\:pl-5x {
    padding-left: 2.5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pl-5x {
    padding-left: 2.5rem;
  }
}

.m-6x {
  margin: 3rem;
}

.mt-6x {
  margin-top: 3rem;
}

@media (min-width: 48rem) {
  .md\:mt-6x {
    margin-top: 3rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mt-6x {
    margin-top: 3rem;
  }
}

.mb-6x {
  margin-bottom: 3rem;
}

@media (min-width: 48rem) {
  .md\:mb-6x {
    margin-bottom: 3rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mb-6x {
    margin-bottom: 3rem;
  }
}

.mr-6x {
  margin-right: 3rem;
}

@media (min-width: 48rem) {
  .md\:mr-6x {
    margin-right: 3rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mr-6x {
    margin-right: 3rem;
  }
}

.ml-6x {
  margin-left: 3rem;
}

@media (min-width: 48rem) {
  .md\:ml-6x {
    margin-left: 3rem;
  }
}

@media (min-width: 90rem) {
  .lg\:ml-6x {
    margin-left: 3rem;
  }
}

.p-6x {
  padding: 3rem;
}

.pt-6x {
  padding-top: 3rem;
}

@media (min-width: 48rem) {
  .md\:pt-6x {
    padding-top: 3rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pt-6x {
    padding-top: 3rem;
  }
}

.pb-6x {
  padding-bottom: 3rem;
}

@media (min-width: 48rem) {
  .md\:pb-6x {
    padding-bottom: 3rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pb-6x {
    padding-bottom: 3rem;
  }
}

.pr-6x {
  padding-right: 3rem;
}

@media (min-width: 48rem) {
  .md\:pr-6x {
    padding-right: 3rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pr-6x {
    padding-right: 3rem;
  }
}

.pl-6x {
  padding-left: 3rem;
}

@media (min-width: 48rem) {
  .md\:pl-6x {
    padding-left: 3rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pl-6x {
    padding-left: 3rem;
  }
}

.m-7x {
  margin: 4rem;
}

.mt-7x {
  margin-top: 4rem;
}

@media (min-width: 48rem) {
  .md\:mt-7x {
    margin-top: 4rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mt-7x {
    margin-top: 4rem;
  }
}

.mb-7x {
  margin-bottom: 4rem;
}

@media (min-width: 48rem) {
  .md\:mb-7x {
    margin-bottom: 4rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mb-7x {
    margin-bottom: 4rem;
  }
}

.mr-7x {
  margin-right: 4rem;
}

@media (min-width: 48rem) {
  .md\:mr-7x {
    margin-right: 4rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mr-7x {
    margin-right: 4rem;
  }
}

.ml-7x {
  margin-left: 4rem;
}

@media (min-width: 48rem) {
  .md\:ml-7x {
    margin-left: 4rem;
  }
}

@media (min-width: 90rem) {
  .lg\:ml-7x {
    margin-left: 4rem;
  }
}

.p-7x {
  padding: 4rem;
}

.pt-7x {
  padding-top: 4rem;
}

@media (min-width: 48rem) {
  .md\:pt-7x {
    padding-top: 4rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pt-7x {
    padding-top: 4rem;
  }
}

.pb-7x {
  padding-bottom: 4rem;
}

@media (min-width: 48rem) {
  .md\:pb-7x {
    padding-bottom: 4rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pb-7x {
    padding-bottom: 4rem;
  }
}

.pr-7x {
  padding-right: 4rem;
}

@media (min-width: 48rem) {
  .md\:pr-7x {
    padding-right: 4rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pr-7x {
    padding-right: 4rem;
  }
}

.pl-7x {
  padding-left: 4rem;
}

@media (min-width: 48rem) {
  .md\:pl-7x {
    padding-left: 4rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pl-7x {
    padding-left: 4rem;
  }
}

.m-8x {
  margin: 5rem;
}

.mt-8x {
  margin-top: 5rem;
}

@media (min-width: 48rem) {
  .md\:mt-8x {
    margin-top: 5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mt-8x {
    margin-top: 5rem;
  }
}

.mb-8x {
  margin-bottom: 5rem;
}

@media (min-width: 48rem) {
  .md\:mb-8x {
    margin-bottom: 5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mb-8x {
    margin-bottom: 5rem;
  }
}

.mr-8x {
  margin-right: 5rem;
}

@media (min-width: 48rem) {
  .md\:mr-8x {
    margin-right: 5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:mr-8x {
    margin-right: 5rem;
  }
}

.ml-8x {
  margin-left: 5rem;
}

@media (min-width: 48rem) {
  .md\:ml-8x {
    margin-left: 5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:ml-8x {
    margin-left: 5rem;
  }
}

.p-8x {
  padding: 5rem;
}

.pt-8x {
  padding-top: 5rem;
}

@media (min-width: 48rem) {
  .md\:pt-8x {
    padding-top: 5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pt-8x {
    padding-top: 5rem;
  }
}

.pb-8x {
  padding-bottom: 5rem;
}

@media (min-width: 48rem) {
  .md\:pb-8x {
    padding-bottom: 5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pb-8x {
    padding-bottom: 5rem;
  }
}

.pr-8x {
  padding-right: 5rem;
}

@media (min-width: 48rem) {
  .md\:pr-8x {
    padding-right: 5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pr-8x {
    padding-right: 5rem;
  }
}

.pl-8x {
  padding-left: 5rem;
}

@media (min-width: 48rem) {
  .md\:pl-8x {
    padding-left: 5rem;
  }
}

@media (min-width: 90rem) {
  .lg\:pl-8x {
    padding-left: 5rem;
  }
}

/* Settings */
/* Settings */
.text-h1 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 100%;
  font-size: 2rem;
  line-height: 3rem;
}
@media (min-width: 90rem) {
  .text-h1 {
    font-size: 3rem;
    line-height: 4rem;
  }
}

.text-h2 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 100%;
  font-size: 1.75rem;
  line-height: 2.625rem;
}
@media (min-width: 90rem) {
  .text-h2 {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
}

.text-h3 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 100%;
  font-size: 1.5rem;
  line-height: 2.25rem;
}
@media (min-width: 90rem) {
  .text-h3 {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}

.text-h4 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 100%;
  font-size: 1.125rem;
  line-height: 1.625rem;
}
@media (min-width: 90rem) {
  .text-h4 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}

.text-h5 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 100%;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (min-width: 90rem) {
  .text-h5 {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}

.text-body {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 100%;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media (min-width: 90rem) {
  .text-body {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.text-body-lite {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 100%;
  font-size: 0.75rem;
  line-height: 1.175rem;
}
@media (min-width: 90rem) {
  .text-body-lite {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.text-link {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 100%;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media (min-width: 90rem) {
  .text-link {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-bold {
  font-weight: bold;
}

/**
 * Shame file
 *
 * This is a place for hacky, nasty code that should be replaced
 * and moved to the correct partial. Ideally, this is empty.
 */
/* You can add global styles to this file, and also import other style files */
/**
 * Force reset file
 *
 * In this file you can define mixins that are used to reset
 * specific html tags
 */
imv-ui-modal [slot=title] {
  width: calc(100% - 2.5rem);
}

imv-ui-modal.modal-align-title.hydrated [slot=title],
imv-ui-modal.modal-align-title.hydrated [slot=title-warning] {
  display: flex;
  width: 100%;
  justify-content: center;
}
imv-ui-modal.modal-align-title.hydrated [slot=title] h1,
imv-ui-modal.modal-align-title.hydrated [slot=title] h2,
imv-ui-modal.modal-align-title.hydrated [slot=title-warning] h1,
imv-ui-modal.modal-align-title.hydrated [slot=title-warning] h2 {
  width: 100%;
  font-size: 1.5rem;
  color: #333333;
  font-weight: bold;
  line-height: 2.5rem;
  padding: 0rem;
  margin: 0rem;
  text-align: center;
}
@media (max-width: 47.9375rem) {
  imv-ui-modal.modal-align-title.hydrated [slot=title] h1,
  imv-ui-modal.modal-align-title.hydrated [slot=title] h2,
  imv-ui-modal.modal-align-title.hydrated [slot=title-warning] h1,
  imv-ui-modal.modal-align-title.hydrated [slot=title-warning] h2 {
    font-size: 1.375rem;
    line-height: 2rem;
  }
}
@media (max-width: 47.9375rem) {
  imv-ui-modal.modal-align-title.hydrated [slot=title] #modalVerificationTitle,
  imv-ui-modal.modal-align-title.hydrated [slot=title-warning] #modalVerificationTitle {
    font-size: 1.375rem;
    padding: 0 1.5rem;
  }
}
@media (max-width: 47.9375rem) {
  imv-ui-modal.modal-align-title.hydrated .imv-modal__title {
    line-height: 1.5625rem;
    text-align: left;
  }
}
imv-ui-modal.modal-align-title.hydrated [slot=text] {
  text-align: left;
}
@media (max-width: 47.9375rem) {
  imv-ui-modal.modal-align-title.hydrated [slot=text].lh-m {
    line-height: 1.5rem;
  }
  imv-ui-modal.modal-align-title.hydrated [slot=text].overflow-auto {
    max-height: 18rem;
    overflow: auto;
  }
}
imv-ui-modal.modal-align-title.hydrated [slot=content__email] {
  text-align: left;
}
imv-ui-modal.modal-align-title.hydrated [slot=content__email] .imv-modal__info {
  margin: 1rem 0 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
imv-ui-modal.modal-align-title.hydrated [slot=content__email] .imv-modal__info img {
  margin: 0 0.5rem;
}
imv-ui-modal.modal-align-title.hydrated [slot=content__email] .imv-modal__info a.imv-modal__info-text {
  color: var(--theme-color-link);
  text-decoration: underline;
}
@media (max-width: 47.9375rem) {
  imv-ui-modal.modal-align-title.hydrated imv-form-control {
    width: 100%;
  }
  imv-ui-modal.modal-align-title.hydrated imv-ui-note {
    margin-top: -1.5rem;
  }
  imv-ui-modal.modal-align-title.hydrated imv-ui-note [slot=text] {
    margin-top: -1.5rem;
  }
  imv-ui-modal.modal-align-title.hydrated [slot=content],
  imv-ui-modal.modal-align-title.hydrated #dialog-success-content {
    text-align: left;
    white-space: break-spaces;
    line-height: 1.5rem;
  }
}
@media (max-width: 47.9375rem) and (max-width: 47.9375rem) {
  imv-ui-modal.modal-align-title.hydrated [slot=actions] {
    width: 100%;
    margin: 1.5rem 0 0.5rem;
  }
  imv-ui-modal.modal-align-title.hydrated [slot=actions].mt-0 {
    margin-top: 0;
  }
  imv-ui-modal.modal-align-title.hydrated [slot=actions] .mt-0 {
    margin-top: 0;
  }
  imv-ui-modal.modal-align-title.hydrated [slot=actions].m-0 {
    margin: 0;
  }
  imv-ui-modal.modal-align-title.hydrated [slot=actions].ml--2,
  imv-ui-modal.modal-align-title.hydrated [slot=actions] .ml--2 {
    margin-left: -2rem;
  }
  imv-ui-modal.modal-align-title.hydrated [slot=actions].ml--1,
  imv-ui-modal.modal-align-title.hydrated [slot=actions] .ml--1 {
    margin-left: -1.5rem;
  }
  imv-ui-modal.modal-align-title.hydrated [slot=actions].two-buttons {
    display: flex;
    gap: 1.5rem;
  }
}
@media (max-width: 47.9375rem) and (max-width: 47.9375rem) {
  imv-ui-modal.modal-align-title.hydrated [slot=actions] imv-ui-button.mobile-full-width {
    width: 100%;
  }
}

imv-ui-modal.modal-aign-butons [slot=actions] {
  margin-top: 0;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  justify-content: space-between;
}
imv-ui-modal.modal-aign-butons [slot=actions] form {
  margin-top: 1.5rem;
}
@media (max-width: 47.9375rem) {
  imv-ui-modal.modal-aign-butons [slot=actions] {
    max-width: 100%;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
    align-items: flex-start;
  }
}
imv-ui-modal.modal-aign-butons [slot=actions] form {
  width: 56%;
}
@media (max-width: 47.9375rem) {
  imv-ui-modal.modal-aign-butons [slot=actions] form {
    width: 100%;
  }
}
imv-ui-modal.modal-aign-butons [slot=actions] #dialog-control-accept {
  width: 40%;
  text-align: right;
  padding: 0;
}
@media (max-width: 47.9375rem) {
  imv-ui-modal.modal-aign-butons [slot=actions] #dialog-control-accept {
    text-align: left;
    width: 100%;
  }
}
@media (min-width: 48rem) {
  imv-ui-modal.modal-aign-butons [slot=actions] label#dialog-control-label {
    max-height: 3.125rem;
  }
}
imv-ui-modal.modal-aign-butons [slot=actions] imv-ui-button {
  margin-top: 1.5rem;
}
@media (max-width: 47.9375rem) {
  imv-ui-modal.modal-aign-butons [slot=actions] imv-ui-button[eid=confirm-accept],
  imv-ui-modal.modal-aign-butons [slot=actions] imv-ui-button[eid=confirm-cancel-modal-button],
  imv-ui-modal.modal-aign-butons [slot=actions] imv-ui-button:nth-of-type(2) {
    margin: 1.5rem 0 0 -1.5rem;
  }
}

html, body {
  height: 100%;
}

body {
  display: flex;
  justify-content: center;
  overflow-x: hidden;
  margin: 0;
  background-color: #f8fafd;
}

.imv-wrapper {
  position: relative;
  flex: 1;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
}
.imv-wrapper--flex {
  display: flex;
  align-items: center;
}
.imv-wrapper--spacing {
  padding: 1.5rem 2rem;
}
.imv-wrapper strong {
  font-weight: 700;
}

imv-ui-note.inner-html div[slot=text],
imv-ui-note.inner-html div[slot=fulltext] {
  margin-top: -1em;
}

imv-photo {
  margin: 3.125rem auto;
}

.mdc-floating-label--required.sc-imv-ui-input::after {
  content: "";
}

/*# sourceMappingURL=styles.1d6088cf2c2cce27.css.map*/