/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/cookie/cookie.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap);
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./frontend/shared/scss/base/base.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap);
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./frontend/shared/scss/base/blocks.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap);
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./frontend/shared/scss/base/button.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap);
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./frontend/shared/scss/base/theme.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap);
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./frontend/shared/scss/base/typography.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/cookie/cookie.scss (1) ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
.twz-cm-popup.twz-cm-popup {
  --popup-backgroundcolor: var(--cyan-gradient);
  --popup-btn-allow-selected-bg: var(--grey-200);
  --popup-slider-bg: var(--cyan-700);
  --popup-btn-allow-all-bg: var(--cyan-500);
  --popup-btn-allow-all-textcolor: var(--blue-800);
  border-radius: 0;
  background: var(--popup-backgroundcolor);
}
.twz-cm-popup.twz-cm-popup .more-info {
  color: var(--popup-more-info-color, var(--cyan-500));
}
.twz-cm-popup.twz-cm-popup .more-info:hover {
  color: var(--white);
}
.twz-cm-popup.twz-cm-popup .twz-cm-popup__buttons button {
  --popup-btn-allow-selected-textcolor: var(--blue-800);
  border-radius: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./frontend/shared/scss/base/base.scss (1) ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
  font-size: 62.5%;
}

body {
  --space-to-screen: calc((100vw - var(--row-maxwidth)) / 2);
  font-family: var(--font-base);
  font-weight: 300;
  font-size: var(--theme-fs-base, 16px);
  background: var(--theme-background);
  color: var(--text-color, #023151);
  min-height: 100vh;
}
@media (max-width: 1369px) {
  body {
    --space-to-screen: calc(var(--row-margin-inline) /2);
  }
}
@media (min-width: 768px) {
  body:has(.navigation[data-is-sticky=false]) {
    background: var(--theme-cyan-500);
  }
}
body.no-scroll, body.sidebar--is-expanded {
  overflow: hidden;
}

#content {
  max-width: 100%;
  overflow-x: clip;
}

.twz-overlay {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: color-mix(in srgb, var(--blue-800) 50%, transparent);
  opacity: 0;
  z-index: 500;
  pointer-events: none;
}
.twz-overlay.active, .sidebar--is-expanded .twz-overlay {
  opacity: 1;
  pointer-events: auto;
}
.twz-overlay.active--full {
  z-index: 1004;
}

.twz-text .table-responsive {
  overflow-x: auto;
  max-width: 100%;
}
.twz-text .table-responsive th,
.twz-text .table-responsive td {
  min-width: 12rem;
}
@media (max-width: 1023px) {
  .twz-text .table-responsive th:first-child,
  .twz-text .table-responsive td:first-child {
    position: sticky;
    left: 0;
    background-color: var(--table-sticky-cell, var(--grey-200));
  }
}

table {
  border-collapse: collapse;
  width: 100%;
}
table thead {
  background: var(--blue-900);
}
table thead th {
  text-align: left;
  vertical-align: top;
  padding: 2rem;
}
@media (max-width: 1023px) {
  table thead th:first-child {
    background-color: var(--table-sticky-cell, var(--grey-200));
  }
}
table td {
  border: 1px solid var(--grey-300);
  color: var(--text-color);
  padding: 1rem;
  vertical-align: top;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./frontend/shared/scss/base/blocks.scss (1) ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.row {
  max-width: var(--row-maxwidth, 1250px);
  width: calc(100% - var(--row-margin-inline));
  margin-inline: auto;
  background: var(--backgroundColor, var(--gradient, var(--default-background-color)));
  position: relative;
}
.row:where([style*="--backgroundColor"]):before {
  content: "";
}
.row:where([style*="--backgroundColor"]):not(:where([style*="--backgroundColor: #000"], [style*="--backgroundColor: #162C4E"])) {
  --text-color: var(--text-color-dark);
}
.row:where(.row--padding-top-none) {
  --paddingTop: var(--padding-none);
}
.row:where(.row--padding-bottom-none) {
  --paddingBottom: var(--padding-none);
}
.row:where(.row--margin-top-none) {
  --marginTop: var(--margin-none);
}
.row:where(.row--margin-bottom-none) {
  --marginBottom: var(--margin-none);
}
.row:where(.row--padding-top-small) {
  --paddingTop: var(--padding-small);
}
.row:where(.row--padding-bottom-small) {
  --paddingBottom: var(--padding-small);
}
.row:where(.row--margin-top-small) {
  --marginTop: var(--margin-small);
}
.row:where(.row--margin-bottom-small) {
  --marginBottom: var(--margin-small);
}
.row:where(.row--padding-top-medium) {
  --paddingTop: var(--padding-medium);
}
.row:where(.row--padding-bottom-medium) {
  --paddingBottom: var(--padding-medium);
}
.row:where(.row--margin-top-medium) {
  --marginTop: var(--margin-medium);
}
.row:where(.row--margin-bottom-medium) {
  --marginBottom: var(--margin-medium);
}
.row:where(.row--padding-top-large) {
  --paddingTop: var(--padding-large);
}
.row:where(.row--padding-bottom-large) {
  --paddingBottom: var(--padding-large);
}
.row:where(.row--margin-top-large) {
  --marginTop: var(--margin-large);
}
.row:where(.row--margin-bottom-large) {
  --marginBottom: var(--margin-large);
}
.row:not(:where([style*="--backgroundColor"])) h1,
.row:not(:where([style*="--backgroundColor"])) h2,
.row:not(:where([style*="--backgroundColor"])) h3,
.row:not(:where([style*="--backgroundColor"])) h4,
.row:not(:where([style*="--backgroundColor"])) h5 {
  --text-color: var(--cyan-500);
}
.row:before {
  width: 100vw;
  height: 100%;
  margin-left: 50%;
  translate: -50% 0;
  background: var(--backgroundColor, var(--gradient, var(--default-background-color)));
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.row:not(:empty) {
  padding-block: var(--paddingTop, 6rem) var(--paddingBottom, 6rem);
  margin-block: var(--marginTop, 0) var(--marginBottom, 0);
}
@media (max-width: 767px) {
  .row:not(:empty) {
    --paddingTop: calc(var(--paddingTop, 6rem) * 0.65);
    --paddingBottom: calc(var(--paddingBottom, 6rem) * 0.65);
  }
}
.row:not(:empty):has(.twz-anchor) {
  padding: 0;
}
.row > .row {
  width: 100%;
}
.row .wp-block-columns {
  display: grid;
  gap: clamp(4rem, 10%, 8rem) clamp(1rem, 4%, 4rem);
  grid-template-columns: repeat(var(--block-count, 1), 1fr);
}
@media (max-width: 549px) {
  .row .wp-block-columns {
    grid-template-columns: 1fr;
  }
}
.row .wp-block-columns:has(.wp-block-column:nth-child(2):last-child) {
  --block-count: 2;
}
.row .wp-block-columns:has(.wp-block-column:nth-child(3):last-child) {
  --block-count: 3 ;
}
.row .wp-block-columns .wp-block-column:empty {
  display: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./frontend/shared/scss/base/button.scss (1) ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
body .wp-block :where(.btn, input[type=submit], button),
body:not(.wp-admin) :where(.btn, input[type=submit], button) {
  display: inline-flex;
  color: var(--btn-theme-color);
  font-size: var(--theme-fs-base, 16px);
  text-decoration: none;
  padding: var(--btn-padding, 0.6em 2em);
  border: none;
  cursor: pointer;
  justify-content: center;
  transition: 0.25s;
  position: relative;
  font-weight: 600;
  background-color: var(--btn-bg, var(--btn-theme));
  line-height: 1.2;
  border: var(--btn-border-width, 2px) solid var(--btn-border-color, transparent);
}

.row:has(> .btn) {
  padding-block: 0;
  text-align: center;
}

:where(h1, h2, h3, h4, h5, p) > .btn,
:where(h1, h2, h3, h4, h5, p) + .btn {
  margin-top: 1em;
}

body .wp-block :where(.btn, input[type=submit], button),
body:not(.wp-admin) :where(.btn, input[type=submit], button) {
  --btn-theme: var(--cyan-500);
  --btn-bg: transparent;
  --btn-border-color: var(--btn-theme);
  --btn-theme-color: var(--btn-theme);
}
body .wp-block :where(.btn, input[type=submit], button):hover, .twz-card:hover body .wp-block :where(.btn, input[type=submit], button),
body:not(.wp-admin) :where(.btn, input[type=submit], button):hover,
.twz-card:hover body:not(.wp-admin) :where(.btn, input[type=submit], button) {
  --btn-border-color: var(--cyan-500);
  --btn-bg: var(--cyan-500);
  --btn-theme-color: var(--text-color-dark);
}
body .wp-block :where(.btn, input[type=submit], button).btn--white,
body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--white {
  --btn-theme: var(--white);
  --btn-theme-color: var(--blue-800);
}
body .wp-block :where(.btn, input[type=submit], button).btn--white.btn--filled,
body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--white.btn--filled {
  --btn-theme-color: var(--blue-800);
}
body .wp-block :where(.btn, input[type=submit], button).btn--white.btn--filled:hover, .twz-card:hover body .wp-block :where(.btn, input[type=submit], button).btn--white.btn--filled,
body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--white.btn--filled:hover,
.twz-card:hover body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--white.btn--filled {
  --btn-theme-color: var(--white);
  --btn-theme: var(--blue-800);
}
body .wp-block :where(.btn, input[type=submit], button).btn--white.btn--bordered:hover, .twz-card:hover body .wp-block :where(.btn, input[type=submit], button).btn--white.btn--bordered,
body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--white.btn--bordered:hover,
.twz-card:hover body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--white.btn--bordered {
  --btn-theme-color: var(--blue-800);
  --btn-bg: var(--white);
  --btn-border-color: var(--white);
}
body .wp-block :where(.btn, input[type=submit], button).btn--black,
body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--black {
  --btn-theme: var(--black);
}
body .wp-block :where(.btn, input[type=submit], button).btn--black.btn--bordered:hover, .twz-card:hover body .wp-block :where(.btn, input[type=submit], button).btn--black.btn--bordered,
body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--black.btn--bordered:hover,
.twz-card:hover body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--black.btn--bordered {
  --btn-theme-color: var(--white);
  --btn-bg: var(--black);
  --btn-border-color: var(--black);
}
body .wp-block :where(.btn, input[type=submit], button).btn--cyan-500,
body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--cyan-500 {
  --btn-theme: var(--cyan-500);
}
body .wp-block :where(.btn, input[type=submit], button).btn--cyan-500.btn--bordered:hover, .twz-card:hover body .wp-block :where(.btn, input[type=submit], button).btn--cyan-500.btn--bordered,
body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--cyan-500.btn--bordered:hover,
.twz-card:hover body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--cyan-500.btn--bordered {
  --btn-theme-color: var(--white);
}
body .wp-block :where(.btn, input[type=submit], button).btn--cyan-500.btn--filled:hover, .twz-card:hover body .wp-block :where(.btn, input[type=submit], button).btn--cyan-500.btn--filled,
body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--cyan-500.btn--filled:hover,
.twz-card:hover body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--cyan-500.btn--filled {
  --btn-theme-color: var(--blue-800);
  --btn-theme: var(--white);
}
body .wp-block :where(.btn, input[type=submit], button).btn--blue-800,
body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--blue-800 {
  --btn-theme: var(--blue-800);
}
body .wp-block :where(.btn, input[type=submit], button).btn--blue-800.btn--bordered:hover, .twz-card:hover body .wp-block :where(.btn, input[type=submit], button).btn--blue-800.btn--bordered,
body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--blue-800.btn--bordered:hover,
.twz-card:hover body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--blue-800.btn--bordered {
  --btn-theme: var(--blue-800);
  --btn-theme-color: var(--white);
}
body .wp-block :where(.btn, input[type=submit], button).btn--small,
body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--small {
  --btn-padding: 0.6em 1em;
}
body .wp-block :where(.btn, input[type=submit], button).btn--bordered,
body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--bordered {
  --btn-theme-color: var(--btn-theme);
  --btn-border-color: var(--btn-theme);
  --btn-bg: transparent;
}
body .wp-block :where(.btn, input[type=submit], button).btn--bordered:hover, .twz-card:hover body .wp-block :where(.btn, input[type=submit], button).btn--bordered,
body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--bordered:hover,
.twz-card:hover body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--bordered {
  --btn-theme: var(--cyan-500);
  --btn-bg: var(--btn-theme);
}
body .wp-block :where(.btn, input[type=submit], button).btn--filled,
body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--filled {
  --btn-theme-color: var(--white);
  --btn-bg: var(--btn-theme);
  --btn-border-color: var(--btn-theme);
}
body .wp-block :where(.btn, input[type=submit], button).btn--filled:hover, .twz-card:hover body .wp-block :where(.btn, input[type=submit], button).btn--filled,
body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--filled:hover,
.twz-card:hover body:not(.wp-admin) :where(.btn, input[type=submit], button).btn--filled {
  --btn-theme-color: var(--white);
  --btn-theme: var(--blue-800);
}

button {
  cursor: pointer;
}

.full-link {
  position: absolute;
  inset: 0;
  z-index: 5;
}

a:not(.btn) {
  color: var(--text-color);
  font-weight: 400;
}
a:not(.btn):hover {
  --text-color: var(--cyan-500);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./frontend/shared/scss/base/media.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
body:not(.wp-admin) iframe:not([src*="spotify.com"]),
body:not(.wp-admin) video,
body:not(.wp-admin) img {
  max-width: 100%;
  height: auto;
}
body:not(.wp-admin) img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body:not(.wp-admin) iframe:not([src*="spotify.com"]) {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./frontend/shared/scss/base/normalize.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
/* Document
 * ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
* {
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

body {
  margin: 0;
  padding: 0;
}

/* Sections
 * ========================================================================== */
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
}

:where(h1, h2, h3, h4, h5, h6, p) {
  margin: 0;
}

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Correct the inheritance of border color in Firefox.
 * 3. Show the overflow in Edge 18- and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  color: inherit;
  /* 2 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 3 */
}

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  color: inherit;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images within links in IE 10-.
 */
img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */
/**
 * 1. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */
table {
  border-color: inherit;
  /* 1 */
  text-indent: 0;
  /* 2 */
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
  overflow: visible;
  /* 1 */
  text-transform: none;
  /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Show the overflow in Edge 18- and IE.
 */
input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 */
textarea {
  margin: 0;
  /* 1 */
  overflow: auto;
  /* 2 */
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction
 * ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./frontend/shared/scss/base/theme.scss (1) ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --font-base: "Lexend Deca", sans-serif;
  --font-special: "Lexend Deca", sans-serif;
  --font-heading-weight: 600;
  --theme-fs-base: 1.8rem;
  --theme-fs-h1: 4.8rem;
  --theme-fs-h2: 4rem;
  --theme-fs-h3: 2.4rem;
  --theme-fs-h4: 2rem;
  --theme-fs-h5: 1.6rem;
  --bold: 800;
  --black: #000;
  --white: #fff;
  --color: var(--black);
  --grey-200: #E5E9EF;
  --grey-300: #D3D1D1;
  --grey-700: #515151;
  --blue-100: #9DB3BC;
  --blue-200: #B2D9FF;
  --blue-800: #162C4E;
  --blue-900: #141729;
  --cyan-400: #5AD5DF;
  --cyan-500: #6EC0BB;
  --cyan-600: #50909C;
  --cyan-700: #077A8F;
  --cyan-800: #0E4759;
  --cyan-900: #0D3C56;
  --cyan-gradient: linear-gradient(180deg, #085C62 0%, #133451 100%);
  --theme-background: var(--cyan-gradient);
  --text-color-dark: var(--blue-800);
  --text-color: var(--white);
  --padding-none: 0;
  --padding-small: 3rem;
  --padding-default: 6rem;
  --padding-large: 8rem;
  --margin-none: 0;
  --margin-small: 1rem;
  --margin-medium: 4rem;
  --margin-large: 10rem;
  --row-maxwidth: 1300px;
  --row-margin-inline: 5vw;
  --tangent: .5;
}
@media (max-width: 1123px) {
  :root {
    --row-margin-inline: 6rem;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./frontend/shared/scss/base/typography.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
span.slash:before {
  clip-path: polygon(calc(100% / 11.4300523028) 0, 100% 0, calc(100% - 100% / 11.4300523028) 100%, 0 100%);
}

:is(h1, h2, h3, h4, h5, h6, p, span) {
  color: var(--text-color, #fff);
}
:is(h1, h2, h3, h4, h5, h6, p, span).white,
:is(h1, h2, h3, h4, h5, h6, p, span) .white {
  color: var(--white);
}
:is(h1, h2, h3, h4, h5, h6, p, span).black,
:is(h1, h2, h3, h4, h5, h6, p, span) .black {
  color: var(--black);
}
:is(h1, h2, h3, h4, h5, h6, p, span) + p {
  margin-block-start: 1.25em;
}

:where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6):has(span.slash) {
  --text-color: var(--text-color-dark);
  position: relative;
  width: fit-content;
}
@media (max-width: 767px) {
  :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6):has(span.slash) .slash {
    --slash-offset: 2.2em;
    position: static;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}
@media (max-width: 767px) {
  :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6):has(span.slash) .slash:before {
    background: var(--slash-color, var(--cyan-500));
    width: calc(100% + var(--amount-offset) + 6rem);
    clip-path: polygon(8.7488663526% 0, 100% 0, 100% 100%, 0 100%);
  }
}
h1,
.h1 {
  font-family: var(--font-special);
  font-size: clamp(3.2rem, 4vw, var(--theme-fs-h1));
  line-height: 1.1;
  font-weight: var(--font-heading-weight);
}

h2,
.h2 {
  font-size: clamp(2rem, 4vw, var(--theme-fs-h2));
  font-weight: var(--font-heading-weight);
  line-height: 1.2;
}

h3,
.h3 {
  font-size: clamp(2rem, 4vw, var(--theme-fs-h3));
  line-height: 1.25;
  font-weight: var(--font-heading-weight);
}

h4,
.h4 {
  font-size: clamp(1.8rem, 6vw, var(--theme-fs-h4));
  line-height: 1.6;
  font-weight: var(--font-heading-weight);
}

h5,
.h5 {
  font-size: clamp(1.6rem, 10vw, var(--theme-fs-h5));
  line-height: 1.6;
  font-weight: var(--font-heading-weight);
}

p,
li {
  font-size: clamp(1.4rem, 10vw, var(--theme-fs-base));
  line-height: 1.5;
}
p > a,
li > a {
  color: inherit;
}
p:has(span[class*="500"]) + p,
li:has(span[class*="500"]) + p {
  margin-top: 0.1em;
}

:where(b, strong, .bold) {
  font-weight: 600;
}

.lowercase {
  text-transform: lowercase;
}

.light {
  font-weight: 400;
}

.bold {
  font-weight: 600;
}

.link--unstyled {
  text-decoration: none;
}

.cyan-500 {
  color: var(--cyan-500);
}

.white {
  color: var(--white);
}

.black {
  color: var(--black);
}

.grey-200 {
  color: var(--grey-200);
}

.blue-800 {
  color: var(--blue-800);
}

span.slash {
  --slash-offset: .77em;
  display: block;
  position: relative;
  width: fit-content;
  z-index: 1;
  padding: 0.7rem 0;
}
@media (max-width: 767px) {
  span.slash {
    padding: 0;
    display: inline-block;
    position: static;
  }
  span.slash:not(:first-of-type):before {
    content: unset;
  }
}
span.slash:before {
  content: "";
  display: block;
  background: var(--cyan-500);
  height: 100%;
  width: calc(100% + var(--amount-offset));
  position: absolute;
  top: 0;
  left: calc(var(--amount-offset) * -1 / 2);
  z-index: -1;
}
span.slash:nth-of-type(1) {
  --amount-offset: calc(100px + var(--slash-offset) - (10px));
}
span.slash:nth-of-type(2) {
  --amount-offset: calc(200px + var(--slash-offset) - (20px));
}
span.slash:nth-of-type(3) {
  --amount-offset: calc(300px + var(--slash-offset) - (30px));
}
span.slash:nth-of-type(4) {
  --amount-offset: calc(400px + var(--slash-offset) - (40px));
}
span.slash:nth-of-type(5) {
  --amount-offset: calc(500px + var(--slash-offset) - (50px));
}
@media (min-width: 768px) {
  span.slash + span.slash {
    margin-top: 0.1em;
  }
}

.list--horizontal {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0 1em;
}