@charset "UTF-8";
/* variables */
/* main */
/* stylelint-disable */
/* ------------------------------------*\
    #RESPONSIVE BREAKPOINTS
\* ------------------------------------ */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-enable */
/* ------------------------------------ *\
   #FONTS
\* ------------------------------------ */
/* stylelint-disable */
@font-face {
  font-family: "CircularXXWeb";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("./fonts/CircularXXWeb/CircularXXWeb300.woff2") format("woff2"), url("./fonts/CircularXXWeb/CircularXXWeb300.woff") format("woff");
}
@font-face {
  font-family: "CircularXXWeb";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("./fonts/CircularXXWeb/CircularXXWeb.woff2") format("woff2"), url("./fonts/CircularXXWeb/CircularXXWeb.woff") format("woff");
}
@font-face {
  font-family: "CircularXXWeb";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("./fonts/CircularXXWeb/CircularXXWeb500.woff2") format("woff2"), url("./fonts/CircularXXWeb/CircularXXWeb500.woff") format("woff");
}
@font-face {
  font-family: "CircularXXWeb";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("./fonts/CircularXXWeb/CircularXXWeb700.woff2") format("woff2"), url("./fonts/CircularXXWeb/CircularXXWeb700.woff") format("woff");
}
@font-face {
  font-family: "MartinaPlantijn";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("./fonts/MartinaPlantijn/MartinaPlantijn300.woff2") format("woff2"), url("./fonts/MartinaPlantijn/MartinaPlantijn300.woff") format("woff");
}
@font-face {
  font-family: "MartinaPlantijn";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("./fonts/MartinaPlantijn/MartinaPlantijn.woff2") format("woff2"), url("./fonts/MartinaPlantijn/MartinaPlantijn.woff") format("woff");
}
.font-primary {
  font-family: "CircularXXWeb", sans-serif;
}

.font-sans {
  font-family: "CircularXXWeb", sans-serif;
}

.font-serif {
  font-family: "MartinaPlantijn", serif;
}

.font-title {
  font-family: "MartinaPlantijn", serif;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

/* stylelint-enable */
body::before {
  display: none;
}
@media (max-width: 659px) {
  body::before {
    content: "phone";
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  body::before {
    content: "tablet";
  }
}
@media (min-width: 1024px) {
  body::before {
    content: "desktop";
  }
}

@media (max-width: 659px) {
  .tablet-only,
  .phone-hide {
    display: none !important;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .phone-only,
  .tablet-hide {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .phone-only,
  .tablet-only,
  .desktop-hide {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .desktop-only {
    display: none !important;
  }
}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/* stylelint-disable */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #282828;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  -webkit-box-shadow: 0 0 0 30px #F7F7F5 inset !important;
}

::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: transparent;
  opacity: 1; /* Firefox */
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: transparent;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: transparent;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: transparent;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

input, textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  margin: 0;
}

button,
[type=button],
[type=reset],
[type=submit] {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
}

/* stylelint-enable */
/* variables */
/* main */
/* ------------------------------------*\
    #BASE
\* ------------------------------------ */
:root {
  --app-height: 100vh;
}
@supports (height: 100svh) {
  :root {
    --app-height: 100svh;
  }
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  position: relative;
  height: 100%;
  overflow-x: hidden;
}
@media (min-width: 1024px) {
  html {
    font-size: 1.25vw;
  }
}
@media (min-width: 1440px) {
  html {
    font-size: 18px;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  html {
    font-size: 2.0833333333vw;
  }
}
@media (max-width: 659px) {
  html {
    font-size: 4.2666666667vw;
  }
}

html,
body {
  background: #fff;
  overscroll-behavior: none;
}
html.has-filters-open,
body.has-filters-open {
  overflow: hidden;
}

body {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  color: #282828;
}
@media (min-width: 1024px) {
  .content {
    margin-inline: auto;
    width: 100%;
    max-width: 1800px;
  }
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}
* *:focus:not(.focus-visible) {
  outline: none;
}

::-moz-selection {
  background-color: #1a3a51;
  color: #f4f3ee;
  text-shadow: none;
}

::selection {
  background-color: #1a3a51;
  color: #f4f3ee;
  text-shadow: none;
}

input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button,
a {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: inherit;
}

p {
  max-width: 70ch;
  text-wrap: pretty;
}

article[data-page] {
  position: relative;
  min-height: calc(var(--app-height) - var(--header-height) - var(--footer-height));
  margin-top: var(--header-height);
}
body.is-blank article[data-page] {
  margin-top: 0;
}

body.is-app article[data-page] {
  margin-top: 0;
}
body.is-app main {
  max-width: unset;
}
body.is-app .s-header__logo {
  left: 1.0625rem;
}

[aria-hidden=true] {
  visibility: hidden;
}

@media (min-width: 1024px) {
  [text-indent] {
    text-indent: 2rem;
  }
}

.grecaptcha-badge {
  opacity: 0;
  pointer-events: none;
}

/* variables */
/* main */
@media (max-width: 659px) {
  :root {
    --grid-columns: 4;
    --grid-margin: 12px;
    --grid-gutter: 16px;
  }
}

@media (min-width: 660px) and (max-width: 1023px) {
  :root {
    --grid-columns: 8;
    --grid-margin: 28px;
    --grid-gutter: 16px;
  }
}

@media (min-width: 1024px) {
  :root {
    --grid-columns: 18;
    --grid-margin: 1rem;
    --grid-gutter: 1.25rem;
  }
}

@media (min-width: 1800px) {
  :root {
    --grid-columns: 18;
    --grid-margin: 1.25rem;
    --grid-gutter: 1.25rem;
  }
}

.grid-wrap,
.wrap {
  margin-inline: var(--grid-margin);
  width: calc(100% - 2 * var(--grid-margin));
}

.grid-wrap,
.grid {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), minmax(auto, 1fr));
  gap: var(--grid-gutter);
}
.grid-wrap--no-offset,
.grid--no-offset {
  margin-inline: unset;
}
.grid-wrap--no-gutter,
.grid--no-gutter {
  -moz-column-gap: 0;
       column-gap: 0;
}

[class*=col-span-] {
  grid-column: var(--grid-column-start, auto)/span var(--grid-columns-span, auto);
}

@media (min-width: 1024px) {
  .col-span-1 {
    --grid-columns-span: 1;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-1 {
    --grid-columns-span: 1;
  }
}
@media (max-width: 659px) {
  .col-span-1 {
    --grid-columns-span: 1;
  }
}

@media (min-width: 1024px) {
  .col-start-1 {
    --grid-column-start: 1;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-1 {
    --grid-column-start: 1;
  }
}
@media (max-width: 659px) {
  .col-start-1 {
    --grid-column-start: 1;
  }
}

@media (min-width: 1024px) {
  .col-span-2 {
    --grid-columns-span: 2;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-2 {
    --grid-columns-span: 2;
  }
}
@media (max-width: 659px) {
  .col-span-2 {
    --grid-columns-span: 2;
  }
}

@media (min-width: 1024px) {
  .col-start-2 {
    --grid-column-start: 2;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-2 {
    --grid-column-start: 2;
  }
}
@media (max-width: 659px) {
  .col-start-2 {
    --grid-column-start: 2;
  }
}

@media (min-width: 1024px) {
  .col-span-3 {
    --grid-columns-span: 3;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-3 {
    --grid-columns-span: 4;
  }
}
@media (max-width: 659px) {
  .col-span-3 {
    --grid-columns-span: 4;
  }
}

@media (min-width: 1024px) {
  .col-start-3 {
    --grid-column-start: 3;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-3 {
    --grid-column-start: 4;
  }
}
@media (max-width: 659px) {
  .col-start-3 {
    --grid-column-start: 4;
  }
}

@media (min-width: 1024px) {
  .col-span-4 {
    --grid-columns-span: 4;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-4 {
    --grid-columns-span: 4;
  }
}
@media (max-width: 659px) {
  .col-span-4 {
    --grid-columns-span: 4;
  }
}

@media (min-width: 1024px) {
  .col-start-4 {
    --grid-column-start: 4;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-4 {
    --grid-column-start: 4;
  }
}
@media (max-width: 659px) {
  .col-start-4 {
    --grid-column-start: 4;
  }
}

@media (min-width: 1024px) {
  .col-span-5 {
    --grid-columns-span: 5;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-5 {
    --grid-columns-span: 4;
  }
}
@media (max-width: 659px) {
  .col-span-5 {
    --grid-columns-span: 4;
  }
}

@media (min-width: 1024px) {
  .col-start-5 {
    --grid-column-start: 5;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-5 {
    --grid-column-start: 4;
  }
}
@media (max-width: 659px) {
  .col-start-5 {
    --grid-column-start: 4;
  }
}

@media (min-width: 1024px) {
  .col-span-6 {
    --grid-columns-span: 6;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-6 {
    --grid-columns-span: 6;
  }
}
@media (max-width: 659px) {
  .col-span-6 {
    --grid-columns-span: 4;
  }
}

@media (min-width: 1024px) {
  .col-start-6 {
    --grid-column-start: 6;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-6 {
    --grid-column-start: 6;
  }
}
@media (max-width: 659px) {
  .col-start-6 {
    --grid-column-start: 4;
  }
}

@media (min-width: 1024px) {
  .col-span-7 {
    --grid-columns-span: 7;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-7 {
    --grid-columns-span: 6;
  }
}
@media (max-width: 659px) {
  .col-span-7 {
    --grid-columns-span: 4;
  }
}

@media (min-width: 1024px) {
  .col-start-7 {
    --grid-column-start: 7;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-7 {
    --grid-column-start: 6;
  }
}
@media (max-width: 659px) {
  .col-start-7 {
    --grid-column-start: 4;
  }
}

@media (min-width: 1024px) {
  .col-span-8 {
    --grid-columns-span: 8;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-8 {
    --grid-columns-span: 6;
  }
}
@media (max-width: 659px) {
  .col-span-8 {
    --grid-columns-span: 4;
  }
}

@media (min-width: 1024px) {
  .col-start-8 {
    --grid-column-start: 8;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-8 {
    --grid-column-start: 6;
  }
}
@media (max-width: 659px) {
  .col-start-8 {
    --grid-column-start: 4;
  }
}

@media (min-width: 1024px) {
  .col-span-9 {
    --grid-columns-span: 9;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-9 {
    --grid-columns-span: 8;
  }
}
@media (max-width: 659px) {
  .col-span-9 {
    --grid-columns-span: 4;
  }
}

@media (min-width: 1024px) {
  .col-start-9 {
    --grid-column-start: 9;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-9 {
    --grid-column-start: 8;
  }
}
@media (max-width: 659px) {
  .col-start-9 {
    --grid-column-start: 4;
  }
}

@media (min-width: 1024px) {
  .col-span-10 {
    --grid-columns-span: 10;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-10 {
    --grid-columns-span: 8;
  }
}
@media (max-width: 659px) {
  .col-span-10 {
    --grid-columns-span: 4;
  }
}

@media (min-width: 1024px) {
  .col-start-10 {
    --grid-column-start: 10;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-10 {
    --grid-column-start: 8;
  }
}
@media (max-width: 659px) {
  .col-start-10 {
    --grid-column-start: 4;
  }
}

@media (min-width: 1024px) {
  .col-span-11 {
    --grid-columns-span: 11;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-11 {
    --grid-columns-span: 8;
  }
}
@media (max-width: 659px) {
  .col-span-11 {
    --grid-columns-span: ;
  }
}

@media (min-width: 1024px) {
  .col-start-11 {
    --grid-column-start: 11;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-11 {
    --grid-column-start: 8;
  }
}
@media (max-width: 659px) {
  .col-start-11 {
    --grid-column-start: ;
  }
}

@media (min-width: 1024px) {
  .col-span-12 {
    --grid-columns-span: 12;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-12 {
    --grid-columns-span: 8;
  }
}
@media (max-width: 659px) {
  .col-span-12 {
    --grid-columns-span: 4;
  }
}

@media (min-width: 1024px) {
  .col-start-12 {
    --grid-column-start: 12;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-12 {
    --grid-column-start: 8;
  }
}
@media (max-width: 659px) {
  .col-start-12 {
    --grid-column-start: 4;
  }
}

@media (min-width: 1024px) {
  .col-span-13 {
    --grid-columns-span: 13;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-13 {
    --grid-columns-span: ;
  }
}
@media (max-width: 659px) {
  .col-span-13 {
    --grid-columns-span: ;
  }
}

@media (min-width: 1024px) {
  .col-start-13 {
    --grid-column-start: 13;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-13 {
    --grid-column-start: ;
  }
}
@media (max-width: 659px) {
  .col-start-13 {
    --grid-column-start: ;
  }
}

@media (min-width: 1024px) {
  .col-span-14 {
    --grid-columns-span: 14;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-14 {
    --grid-columns-span: ;
  }
}
@media (max-width: 659px) {
  .col-span-14 {
    --grid-columns-span: ;
  }
}

@media (min-width: 1024px) {
  .col-start-14 {
    --grid-column-start: 14;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-14 {
    --grid-column-start: ;
  }
}
@media (max-width: 659px) {
  .col-start-14 {
    --grid-column-start: ;
  }
}

@media (min-width: 1024px) {
  .col-span-15 {
    --grid-columns-span: 15;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-15 {
    --grid-columns-span: ;
  }
}
@media (max-width: 659px) {
  .col-span-15 {
    --grid-columns-span: ;
  }
}

@media (min-width: 1024px) {
  .col-start-15 {
    --grid-column-start: 15;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-15 {
    --grid-column-start: ;
  }
}
@media (max-width: 659px) {
  .col-start-15 {
    --grid-column-start: ;
  }
}

@media (min-width: 1024px) {
  .col-span-16 {
    --grid-columns-span: 16;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-16 {
    --grid-columns-span: ;
  }
}
@media (max-width: 659px) {
  .col-span-16 {
    --grid-columns-span: ;
  }
}

@media (min-width: 1024px) {
  .col-start-16 {
    --grid-column-start: 16;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-16 {
    --grid-column-start: ;
  }
}
@media (max-width: 659px) {
  .col-start-16 {
    --grid-column-start: ;
  }
}

@media (min-width: 1024px) {
  .col-span-17 {
    --grid-columns-span: 17;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-17 {
    --grid-columns-span: ;
  }
}
@media (max-width: 659px) {
  .col-span-17 {
    --grid-columns-span: ;
  }
}

@media (min-width: 1024px) {
  .col-start-17 {
    --grid-column-start: 17;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-17 {
    --grid-column-start: ;
  }
}
@media (max-width: 659px) {
  .col-start-17 {
    --grid-column-start: ;
  }
}

@media (min-width: 1024px) {
  .col-span-18 {
    --grid-columns-span: 18;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-span-18 {
    --grid-columns-span: ;
  }
}
@media (max-width: 659px) {
  .col-span-18 {
    --grid-columns-span: ;
  }
}

@media (min-width: 1024px) {
  .col-start-18 {
    --grid-column-start: 18;
  }
}
@media (min-width: 660px) and (max-width: 1023px) {
  .col-start-18 {
    --grid-column-start: ;
  }
}
@media (max-width: 659px) {
  .col-start-18 {
    --grid-column-start: ;
  }
}

@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-1-big {
    --grid-columns-span: 1;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-1-big {
    --grid-columns-span: 1;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-1-big {
    --grid-columns-span: 1;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-1-big {
    --grid-column-start: 1;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-1-big {
    --grid-column-start: 1;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-1-big {
    --grid-column-start: 1;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-2-big {
    --grid-columns-span: 2;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-2-big {
    --grid-columns-span: 2;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-2-big {
    --grid-columns-span: 2;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-2-big {
    --grid-column-start: 2;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-2-big {
    --grid-column-start: 2;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-2-big {
    --grid-column-start: 2;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-3-big {
    --grid-columns-span: 3;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-3-big {
    --grid-columns-span: 4;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-3-big {
    --grid-columns-span: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-3-big {
    --grid-column-start: 3;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-3-big {
    --grid-column-start: 4;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-3-big {
    --grid-column-start: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-4-big {
    --grid-columns-span: 4;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-4-big {
    --grid-columns-span: 4;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-4-big {
    --grid-columns-span: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-4-big {
    --grid-column-start: 4;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-4-big {
    --grid-column-start: 4;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-4-big {
    --grid-column-start: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-5-big {
    --grid-columns-span: 5;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-5-big {
    --grid-columns-span: 4;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-5-big {
    --grid-columns-span: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-5-big {
    --grid-column-start: 5;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-5-big {
    --grid-column-start: 4;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-5-big {
    --grid-column-start: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-6-big {
    --grid-columns-span: 6;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-6-big {
    --grid-columns-span: 6;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-6-big {
    --grid-columns-span: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-6-big {
    --grid-column-start: 6;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-6-big {
    --grid-column-start: 6;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-6-big {
    --grid-column-start: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-7-big {
    --grid-columns-span: 7;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-7-big {
    --grid-columns-span: 6;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-7-big {
    --grid-columns-span: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-7-big {
    --grid-column-start: 7;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-7-big {
    --grid-column-start: 6;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-7-big {
    --grid-column-start: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-8-big {
    --grid-columns-span: 8;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-8-big {
    --grid-columns-span: 6;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-8-big {
    --grid-columns-span: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-8-big {
    --grid-column-start: 8;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-8-big {
    --grid-column-start: 6;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-8-big {
    --grid-column-start: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-9-big {
    --grid-columns-span: 9;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-9-big {
    --grid-columns-span: 8;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-9-big {
    --grid-columns-span: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-9-big {
    --grid-column-start: 9;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-9-big {
    --grid-column-start: 8;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-9-big {
    --grid-column-start: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-10-big {
    --grid-columns-span: 10;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-10-big {
    --grid-columns-span: 8;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-10-big {
    --grid-columns-span: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-10-big {
    --grid-column-start: 10;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-10-big {
    --grid-column-start: 8;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-10-big {
    --grid-column-start: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-11-big {
    --grid-columns-span: 11;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-11-big {
    --grid-columns-span: 8;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-11-big {
    --grid-columns-span: ;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-11-big {
    --grid-column-start: 11;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-11-big {
    --grid-column-start: 8;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-11-big {
    --grid-column-start: ;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-12-big {
    --grid-columns-span: 12;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-12-big {
    --grid-columns-span: 8;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-12-big {
    --grid-columns-span: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-12-big {
    --grid-column-start: 12;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-12-big {
    --grid-column-start: 8;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-12-big {
    --grid-column-start: 4;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-13-big {
    --grid-columns-span: 13;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-13-big {
    --grid-columns-span: ;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-13-big {
    --grid-columns-span: ;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-13-big {
    --grid-column-start: 13;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-13-big {
    --grid-column-start: ;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-13-big {
    --grid-column-start: ;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-14-big {
    --grid-columns-span: 14;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-14-big {
    --grid-columns-span: ;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-14-big {
    --grid-columns-span: ;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-14-big {
    --grid-column-start: 14;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-14-big {
    --grid-column-start: ;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-14-big {
    --grid-column-start: ;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-15-big {
    --grid-columns-span: 15;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-15-big {
    --grid-columns-span: ;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-15-big {
    --grid-columns-span: ;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-15-big {
    --grid-column-start: 15;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-15-big {
    --grid-column-start: ;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-15-big {
    --grid-column-start: ;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-16-big {
    --grid-columns-span: 16;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-16-big {
    --grid-columns-span: ;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-16-big {
    --grid-columns-span: ;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-16-big {
    --grid-column-start: 16;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-16-big {
    --grid-column-start: ;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-16-big {
    --grid-column-start: ;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-17-big {
    --grid-columns-span: 17;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-17-big {
    --grid-columns-span: ;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-17-big {
    --grid-columns-span: ;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-17-big {
    --grid-column-start: 17;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-17-big {
    --grid-column-start: ;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-17-big {
    --grid-column-start: ;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-span-18-big {
    --grid-columns-span: 18;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-span-18-big {
    --grid-columns-span: ;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-span-18-big {
    --grid-columns-span: ;
  }
}
@media (min-width: 1800px) and (min-width: 1024px) {
  .col-start-18-big {
    --grid-column-start: 18;
  }
}
@media (min-width: 1800px) and (min-width: 660px) and (max-width: 1023px) {
  .col-start-18-big {
    --grid-column-start: ;
  }
}
@media (min-width: 1800px) and (max-width: 659px) {
  .col-start-18-big {
    --grid-column-start: ;
  }
}
/* variables */
/* main */
:root {
  --radius: 0.25rem;
  --radius-big: 0.625rem;
  --header-height: 6.5625rem;
  --footer-height: 12.25rem;
  --border-thin: 0.44px;
}
@media (max-width: 1023px) {
  :root {
    --header-height: 4.6875rem;
    --menu-height: 10.3125rem;
  }
}

/* plugins */
/* utils */
/* variables */
/* main */
.contrast *, .contrast *::before, .contrast *::after,
.accessibility *,
.accessibility *::before,
.accessibility *::after {
  transition: none !important;
}
.contrast a:focus,
.contrast label:focus,
.contrast label:focus-within,
.contrast button:focus,
.contrast input:focus-visible + label,
.accessibility a:focus,
.accessibility label:focus,
.accessibility label:focus-within,
.accessibility button:focus,
.accessibility input:focus-visible + label {
  color: yellow !important;
  background: black !important;
  outline: 1px solid black;
  border-radius: 0.3125rem;
  outline-offset: 0.3125rem;
  opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
  *:focus {
    transition: outline-offset 0.25s ease !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition-duration: 0s !important;
  }
}
/* ------------------------------------*\
    #ANIMATIONS
\*------------------------------------ */
@keyframes blink {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ripple {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  35% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
@keyframes dot {
  0% {
    opacity: 0;
    transform: translateX(35px);
  }
  30% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(0);
  }
}
@keyframes fade-out {
  15% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes up {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes glow {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes draw-loader {
  from {
    stroke-dashoffset: 546px;
  }
  to {
    stroke-dashoffset: 182px;
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes hover-link {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes text-shine {
  0% {
    background-position: 200% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes voice-line {
  0% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(0.5);
  }
  100% {
    transform: scaleY(1);
  }
}
.visually-hidden,
.sr-only,
.screen-reader-text {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  clip: rect(0 0 0 0);
}

/* variables */
/* main */
*::-webkit-scrollbar {
  width: 0.0625rem;
  height: 0.375rem;
}
* {
  /* Track */
}
*::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
* {
  /* Handle */
}
*::-webkit-scrollbar-thumb {
  background: rgba(218, 212, 209, 0.2);
}
* {
  /* Handle on hover */
}
*::-webkit-scrollbar-thumb:hover {
  background: #dad4d1;
}

.scrollbar-hidden {
  scrollbar-width: none;
}
.scrollbar-hidden::-moz-scrollbar {
  display: none;
}
.scrollbar-hidden::-webkit-scrollbar {
  width: 0;
  display: none;
  background: transparent;
}
.scrollbar-hidden::-webkit-scrollbar-thumb {
  background: transparent;
}

/* variables */
/* main */
.m-story-hero__scroll-capsule::before, .a-capsule::before, .a-aside-brackets::before, .a-aside-brackets__number::before {
  content: "";
  position: absolute;
  inset: 0;
  border: var(--border-thin) solid transparent;
  background: linear-gradient(161deg, #fff 1.68%, rgba(255, 255, 255, 0) 36.52%, #939393 77.16%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
          mask-composite: destination-out;
  /* stylelint-disable-next-line */
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}

.m-dashboard__user-image div:first-of-type::before, .m-dashboard__user-image div:first-of-type::after, .m-dashboard__user-image div:nth-of-type(2)::before, .a-button__gradient::before, .a-button__gradient::after {
  content: "";
  position: absolute;
  inset: 0;
  border: var(--border-thin) solid transparent;
  background: linear-gradient(161deg, #fff 1.68%, rgba(255, 255, 255, 0) 36.52%, #939393 77.16%) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
          mask-composite: destination-out;
  /* stylelint-disable-next-line */
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}

.s-header__wrap::before, .s-header__wrap::after, .s-menu::before, .s-menu::after {
  background-color: #6ba3a0;
  transition: translate 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.s-header__wrap::before, .s-menu::before, .s-header__wrap::after, .s-menu::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: var(--radius-big);
  height: var(--radius-big);
  background: radial-gradient(circle, rgba(255, 0, 0, 0) 70%, #fff 70%);
  background-size: 200% 200%;
}
.s-header__wrap::before, .s-menu::before {
  right: 100%;
  background-position: -100% -100%;
}
.s-header__wrap::after, .s-menu::after {
  left: 100%;
  background-position: 200% 100%;
}

@media (min-width: 1024px) {
  .m-form__copy a, .app__session__bottom a,
  .app__session__bottom button, .app__link, .c-text p a,
  .c-text li a, .teaser__copyrights a {
    position: relative;
    color: currentColor;
    cursor: pointer;
    text-decoration: none;
    background: linear-gradient(to right, currentColor, currentColor), linear-gradient(to right, transparent, transparent);
    background-size: 100% 1px, 0 1px;
    background-position: 0% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.4s ease;
  }
}
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 1024px) and (min-resolution: 192dpi), only screen and (min-width: 1024px) and (min-width: 1024px) {
  .m-form__copy a, .app__session__bottom a,
  .app__session__bottom button, .app__link, .c-text p a,
  .c-text li a, .teaser__copyrights a {
    background-size: 100% 0.5px, 0 0.5px;
  }
}
@media (max-width: 1023px) {
  .m-form__copy a, .app__session__bottom a,
  .app__session__bottom button, .app__link, .c-text p a,
  .c-text li a, .teaser__copyrights a {
    text-decoration: underline;
    text-underline-offset: 0.15em;
  }
}
.m-form__copy a:hover, .app__session__bottom a:hover,
.app__session__bottom button:hover, .app__link:hover, .c-text p a:hover,
.c-text li a:hover, .teaser__copyrights a:hover, .m-form__copy a:focus, .app__session__bottom a:focus,
.app__session__bottom button:focus, .app__link:focus, .c-text p a:focus,
.c-text li a:focus, .teaser__copyrights a:focus {
  background-size: 0 1px, 100% 1px;
  background-position: 100% 100%, 0 100%;
}

@media (min-width: 1024px) {
  .m-contact__block a {
    position: relative;
    color: #282828;
    cursor: pointer;
    text-decoration: none;
    background: linear-gradient(to right, currentColor, currentColor), linear-gradient(to right, transparent, transparent);
    background-size: 0 1px, 100% 1px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 0.4s ease;
  }
}
@media (max-width: 1023px) {
  .m-contact__block a {
    text-decoration: underline;
    text-underline-offset: 0.15em;
  }
}
.m-contact__block a:hover, .m-contact__block a:focus {
  background-size: 100% 1px, 0 1px;
  background-position: 0% 100%, 0 100%;
}

.is-animating .app__dynamic-mindmap-modal__title, .is-animating .app__dynamic-mindmap-modal__text, .is-animating .app__dynamic-mindmap-modal__pins, .is-animating .app__dynamic-mindmap-modal__copy, .is-animating .app__dynamic-mindmap-modal__response {
  background-color: currentColor;
}

.split-line {
  overflow: hidden;
  margin-bottom: -0.5rem;
  padding-bottom: 0.5rem;
}
.split-line[aria-hidden=true],
.split-line [aria-hidden=true] {
  visibility: visible;
}

body.is-app .non-app-only {
  display: none !important;
}

body:not(.is-app) .app-only {
  display: none !important;
}

body:not(.is-logged) [data-logged] {
  display: none !important;
}

body.is-logged [data-unlogged] {
  display: none !important;
}

body:not(.is-logged.has-full-access):not(.is-sana-embed) [data-full-access] {
  display: none !important;
}

body.is-logged.has-full-access [data-non-full-access], body.is-sana-embed [data-non-full-access] {
  display: none !important;
}

body.is-sana-embed .s-header__burger,
body.is-sana-embed .a-button--unlogged,
body.is-sana-embed .app__top-bar,
body.is-sana-embed .app__session__bottom {
  display: none !important;
}
body.is-sana-embed .app {
  --bottom-bar-offset: 5.625rem;
}
body.is-sana-embed .app__session__interview {
  opacity: 0.35;
  pointer-events: none;
}

/* icons */
/* variables */
/* main */
.icon-arr {
  position: relative;
  display: inline-block;
  height: 9px;
  width: 16px;
  vertical-align: middle;
  transform: translateY(0);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
}
html.mac .icon-arr {
  top: 1px;
}
.icon-arr::before {
  content: "";
  display: block;
  position: relative;
  width: 75%;
  height: 133.3333333333%;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: transparent currentColor currentColor transparent;
  transform: translateY(0) rotate(45deg);
  transform-origin: 110% 50%;
}

.no-touch a:hover .icon-arr, .accessibility a:focus .icon-arr,
.no-touch button:hover .icon-arr,
.accessibility button:focus .icon-arr,
.no-touch label:hover .icon-arr,
.accessibility label:focus .icon-arr {
  transform: translateY(4px);
}

.icon-arrow {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 10px;
  position: relative;
}
.icon-arrow::before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 2px;
  margin-top: -5px;
  border-width: 0 1px 1px 0;
  border-color: transparent currentColor currentColor transparent;
  border-style: solid;
  transform: rotate(-45deg) translateX(0);
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}

.no-touch a:hover .icon-arrow::before, .accessibility a:focus .icon-arrow::before,
.no-touch button:hover .icon-arrow::before,
.accessibility button:focus .icon-arrow::before,
.no-touch label:hover .icon-arrow::before,
.accessibility label:focus .icon-arrow::before {
  transform: rotate(-45deg) translate(2px, 2px);
  transition-duration: 0.25s;
}

.icon-arrow-reversed {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 10px;
  position: relative;
}
.icon-arrow-reversed::before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  right: 2px;
  margin-top: -5px;
  border-width: 1px 0 0 1px;
  border-color: currentColor transparent transparent currentColor;
  border-style: solid;
  transform: rotate(-45deg) translateX(0);
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}

.no-touch a:hover .icon-arrow-reversed::before, .accessibility a:focus .icon-arrow-reversed::before,
.no-touch button:hover .icon-arrow-reversed::before,
.accessibility button:focus .icon-arrow-reversed::before,
.no-touch label:hover .icon-arrow-reversed::before,
.accessibility label:focus .icon-arrow-reversed::before {
  transform: rotate(-45deg) translate(-2px, -2px);
  transition-duration: 0.25s;
}

.icon-arrow-down {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 10px;
  position: relative;
}
.icon-arrow-down::before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  right: 4px;
  margin-top: -5px;
  border-width: 0 0 1px 1px;
  border-color: transparent transparent currentColor currentColor;
  border-style: solid;
  transform: rotate(-45deg) translateX(0);
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}

.icon-close {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  transform: rotate(0);
  transition: transform 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
.icon-close::before, .icon-close::after {
  content: "";
  display: block;
  width: 16px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px -8px;
  background: currentColor;
}
.icon-close::before {
  transform: rotate(45deg);
}
.icon-close::after {
  transform: rotate(135deg);
}

.no-touch a:hover .icon-close, .accessibility a:focus .icon-close,
.no-touch button:hover .icon-close,
.accessibility button:focus .icon-close,
.no-touch label:hover .icon-close,
.accessibility label:focus .icon-close {
  transform: rotate(-90deg);
}

.icon-cross {
  height: 20px;
  width: 20px;
  pointer-events: none;
  position: absolute;
  transition: transform 0.3s cubic-bezier(0.5, 0, 0.2, 1);
  border-radius: 100%;
}
@media (max-width: 659px) {
  .icon-cross {
    width: 16px;
    height: 16px;
  }
}
.popup__close .icon-cross {
  width: 14px;
  height: 14px;
  transform: rotate(45deg);
}
@media (max-width: 659px) {
  .popup__close .icon-cross {
    width: 10px;
    height: 10px;
  }
}
.icon-cross::after, .icon-cross::before {
  content: "";
  position: absolute;
  background-color: currentColor;
  top: 50%;
  left: 50%;
  height: 1px;
  width: 100%;
  transform: translate(-50%, -50%);
}
.popup__close .icon-cross::after, .popup__close .icon-cross::before {
  height: 1px;
  width: 100%;
}
.icon-cross::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.icon-dropdown {
  position: relative;
  display: inline-block;
  height: 9px;
  width: 16px;
  vertical-align: middle;
  transform: translateY(0);
  transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.1s;
}
.icon-dropdown::before, .icon-dropdown::after {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  transition: transform 0.25s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
  border-style: solid;
}
.icon-dropdown::before {
  border-width: 2px 0 0 2px;
  border-color: currentColor transparent transparent currentColor;
  transform: translateY(-12px) rotate(45deg);
  transform-origin: 13px 6px;
  opacity: 0;
}
.icon-dropdown::after {
  top: 0;
  border-width: 0 2px 2px 0;
  border-color: transparent currentColor currentColor transparent;
  transform: translateY(1px) rotate(45deg);
  transform-origin: 13px 6px;
}

.no-touch a:hover .icon-dropdown, .accessibility a:focus .icon-dropdown,
.no-touch button:hover .icon-dropdown,
.accessibility button:focus .icon-dropdown,
.no-touch label:hover .icon-dropdown,
.accessibility label:focus .icon-dropdown {
  transform: translateY(4px);
}

.icon-full {
  width: 16px;
  height: 16px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.icon-full span {
  width: 6px;
  height: 6px;
  position: absolute;
  display: block;
  border-color: currentColor;
  border-style: solid;
  transition: transform 0.25s ease-out;
}
.icon-full span:nth-child(1) {
  left: 0;
  top: 0;
  border-width: 1px 0 0 1px;
}
.icon-full span:nth-child(2) {
  right: 0;
  top: 0;
  border-width: 1px 1px 0 0;
}
.icon-full span:nth-child(3) {
  right: 0;
  bottom: 0;
  border-width: 0 1px 1px 0;
}
.icon-full span:nth-child(4) {
  left: 0;
  bottom: 0;
  border-width: 0 0 1px 1px;
}

.no-touch a:hover .icon-full span:nth-child(1), .accessibility a:focus .icon-full span:nth-child(1),
.no-touch button:hover .icon-full span:nth-child(1),
.accessibility button:focus .icon-full span:nth-child(1),
.no-touch label:hover .icon-full span:nth-child(1),
.accessibility label:focus .icon-full span:nth-child(1) {
  transform: translate(-2px, -2px);
}
.no-touch a:hover .icon-full span:nth-child(2), .accessibility a:focus .icon-full span:nth-child(2),
.no-touch button:hover .icon-full span:nth-child(2),
.accessibility button:focus .icon-full span:nth-child(2),
.no-touch label:hover .icon-full span:nth-child(2),
.accessibility label:focus .icon-full span:nth-child(2) {
  transform: translate(2px, -2px);
}
.no-touch a:hover .icon-full span:nth-child(3), .accessibility a:focus .icon-full span:nth-child(3),
.no-touch button:hover .icon-full span:nth-child(3),
.accessibility button:focus .icon-full span:nth-child(3),
.no-touch label:hover .icon-full span:nth-child(3),
.accessibility label:focus .icon-full span:nth-child(3) {
  transform: translate(2px, 2px);
}
.no-touch a:hover .icon-full span:nth-child(4), .accessibility a:focus .icon-full span:nth-child(4),
.no-touch button:hover .icon-full span:nth-child(4),
.accessibility button:focus .icon-full span:nth-child(4),
.no-touch label:hover .icon-full span:nth-child(4),
.accessibility label:focus .icon-full span:nth-child(4) {
  transform: translate(-2px, 2px);
}

.icon-left-right {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 32px;
  height: 14px;
}
.icon-left-right::before, .icon-left-right::after {
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -5px;
  border-width: 2px 0 0 2px;
  border-style: solid;
  border-color: currentColor;
}
.icon-left-right::before {
  transform: rotate(-45deg) translate(-3px, -3px);
}
.icon-left-right::after {
  transform: rotate(135deg) translate(-3px, -3px);
}

.icon-menu {
  position: relative;
  display: block;
  width: 22px;
  margin: auto;
}
.icon-menu u {
  display: block;
  background-color: currentColor;
  width: 28px;
  height: 2px;
  margin: 4px -3px;
  position: relative;
  transform-origin: center;
  transform: scaleX(0.7857142857) translateY(0) rotate(0deg);
  transition: transform 0.2s cubic-bezier(0.5, 0, 0.2, 1);
}
.icon-menu u:nth-child(2) {
  transition-delay: 0.025s;
}
.icon-menu u:nth-child(3) {
  transition-delay: 0.025s;
}

.no-touch a:hover .icon-menu u, .accessibility a:focus .icon-menu u,
.no-touch button:hover .icon-menu u,
.accessibility button:focus .icon-menu u,
.no-touch label:hover .icon-menu u,
.accessibility label:focus .icon-menu u {
  transform: scaleX(1);
}

.icon-more {
  width: 5px;
  height: 8px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  top: -2px;
}
html.mac .icon-more {
  top: 0;
}
.icon-more::before {
  content: "";
  width: 6px;
  height: 6px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: transparent currentColor currentColor transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px;
  transform: rotate(-45deg) translate(-0.5px, -0.5px);
}

.icon-playpause {
  display: inline-block;
  position: relative;
}
.icon-playpause::before {
  width: 3px;
  height: 3px;
  content: "";
  display: block;
  position: absolute;
  background: currentColor;
  left: 22px;
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
  opacity: 0;
}
.icon-playpause::after {
  content: "";
  display: block;
  width: 0;
  height: 14px;
  border-style: solid;
  border-width: 7px 0 7px 15px;
  will-change: border-width;
  border-color: transparent transparent transparent currentColor;
  transition: all 0.25s linear;
}

/* variables */
/* main */
.icon-minus,
.icon-plus {
  width: 0.625rem;
  height: 0.625rem;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  opacity: 0.5;
}
.icon-minus::before, .icon-minus::after,
.icon-plus::before,
.icon-plus::after {
  content: "";
  background: currentColor;
  position: absolute;
  display: block;
}
.icon-minus::before,
.icon-plus::before {
  width: 1px;
  height: 100%;
  left: 50%;
  margin-left: -1px;
}
.icon-minus::after,
.icon-plus::after {
  width: 100%;
  height: 1px;
}

.icon-minus::before {
  display: none;
}

.icon-prev,
.icon-next {
  width: 16px;
  height: 14px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  transform: translateX(0);
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
html.windows .icon-prev,
html.windows .icon-next {
  top: -2px;
}
html.mac .icon-prev,
html.mac .icon-next {
  top: 1px;
}
.icon-prev::before,
.icon-next::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px;
  border-style: solid;
  border-width: 0 2px 2px 0;
  border-color: transparent currentColor currentColor transparent;
  width: 12px;
  height: 12px;
  transform-origin: 6px 6px;
}
.icon-prev::after,
.icon-next::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  height: 2px;
  background: currentColor;
  left: 0;
  right: 0;
  margin-top: -1px;
  transition: transform 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}

.icon-prev::before {
  transform: rotate(135deg) translate(-2px, -2px);
}

.icon-next::before {
  transform: rotate(-45deg) translate(-2px, -2px);
}

.icon-prev::after {
  transform: scaleX(0.01) translateX(-2px);
}

.icon-next::after {
  transform: scaleX(0.01) translateX(2px);
}

.no-touch a:hover .icon-prev, .accessibility a:focus .icon-prev,
.no-touch button:hover .icon-prev,
.accessibility button:focus .icon-prev,
.no-touch label:hover .icon-prev,
.accessibility label:focus .icon-prev {
  transform: translateX(-5px);
  transition-duration: 0.25s;
}
.no-touch a:hover .icon-prev::after, .accessibility a:focus .icon-prev::after,
.no-touch button:hover .icon-prev::after,
.accessibility button:focus .icon-prev::after,
.no-touch label:hover .icon-prev::after,
.accessibility label:focus .icon-prev::after {
  transform: scaleX(1) translateX(5px);
}

.no-touch a:hover .icon-next, .accessibility a:focus .icon-next,
.no-touch button:hover .icon-next,
.accessibility button:focus .icon-next,
.no-touch label:hover .icon-next,
.accessibility label:focus .icon-next {
  transform: translateX(5px);
  transition-duration: 0.25s;
}
.no-touch a:hover .icon-next::after, .accessibility a:focus .icon-next::after,
.no-touch button:hover .icon-next::after,
.accessibility button:focus .icon-next::after,
.no-touch label:hover .icon-next::after,
.accessibility label:focus .icon-next::after {
  transform: scaleX(1) translateX(-5px);
}

.icon-toggleplay {
  width: 20px;
  height: 20px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.icon-toggleplay::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent currentColor;
}

.icon-triangle-down {
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 0 1px 5px;
  border-style: solid;
  border-width: 5px 5px 0;
  border-color: currentColor transparent transparent;
}

/* variables */
/* main */
.icon-filters {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: inherit;
  width: 14px;
  overflow: hidden;
}
.icon-filters .row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: transform 0.3s cubic-bezier(0.5, 0, 0.2, 1);
  width: 100%;
}
.icon-filters .row:first-of-type, .icon-filters .row:last-of-type {
  justify-content: flex-start;
  margin-right: 8px;
}
.icon-filters .row:nth-of-type(2) {
  justify-content: flex-end;
  margin-left: 8px;
}
.icon-filters .track {
  height: 1px;
  width: 12px;
  flex-shrink: 0;
  background-color: currentColor;
}
.icon-filters .bar {
  height: 4px;
  width: 4px;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid currentColor;
}

.no-touch a:hover .icon-filters .row:first-of-type, .accessibility a:focus .icon-filters .row:first-of-type,
.no-touch button:hover .icon-filters .row:first-of-type,
.accessibility button:focus .icon-filters .row:first-of-type,
.no-touch label:hover .icon-filters .row:first-of-type,
.accessibility label:focus .icon-filters .row:first-of-type, .no-touch a:hover .icon-filters .row:last-of-type, .accessibility a:focus .icon-filters .row:last-of-type,
.no-touch button:hover .icon-filters .row:last-of-type,
.accessibility button:focus .icon-filters .row:last-of-type,
.no-touch label:hover .icon-filters .row:last-of-type,
.accessibility label:focus .icon-filters .row:last-of-type {
  transform: translateX(-6px);
}
.no-touch a:hover .icon-filters .row:nth-of-type(2), .accessibility a:focus .icon-filters .row:nth-of-type(2),
.no-touch button:hover .icon-filters .row:nth-of-type(2),
.accessibility button:focus .icon-filters .row:nth-of-type(2),
.no-touch label:hover .icon-filters .row:nth-of-type(2),
.accessibility label:focus .icon-filters .row:nth-of-type(2) {
  transform: translateX(6px);
}

.icon-add {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  transform: rotate(-90deg);
  transition: transform 0.25s cubic-bezier(0.5, 0, 0.2, 1), color 0.25s cubic-bezier(0.5, 0, 0.2, 1);
  top: -1px;
}
.icon-add::before, .icon-add::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 -50%;
  background: currentColor;
}
.icon-add::before {
  width: 100%;
  margin: 0 -50%;
  transform: rotate(90deg);
  transition: rotate 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
.icon-add::after {
  transform: rotate(0deg);
}

.no-touch a:hover .icon-add, .accessibility a:focus .icon-add,
.no-touch button:hover .icon-add,
.accessibility button:focus .icon-add,
.no-touch label:hover .icon-add,
.accessibility label:focus .icon-add {
  transform: rotate(0deg);
}

/* variables */
/* main */
.icon-extension {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 0 0.5rem;
  gap: 0.125rem;
}
.icon-extension span {
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #939393;
}

/* variables */
/* main */
.icon-checkmark {
  height: 0.78125rem;
  width: 0.34375rem;
  position: relative;
  display: inline-block;
  margin-right: 0.375rem;
  margin-bottom: 0.0625rem;
}
.icon-checkmark::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border: solid #00B5B2;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}

/* variables */
/* main */
.icon-voice {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.125rem;
  height: 1rem;
}
.icon-voice span {
  width: 2px;
  height: 100%;
  background-color: #214864;
  border-radius: 40px;
  display: inline-block;
  animation: voice-line 1s infinite linear;
}
.icon-voice span:nth-child(2) {
  animation-delay: 0.2s;
}
.icon-voice span:nth-child(3) {
  animation-delay: 0.5s;
}

/* variables */
/* main */
@keyframes loader-dot {
  0%, 100% {
    transform: translateX(0.3475rem);
  }
  30%, 50%, 70% {
    transform: translateX(0);
  }
}
.icon-thinking {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.1875rem;
  position: relative;
  width: 1.4375rem;
  height: 0.6875rem;
  background-color: #fff;
  border-radius: var(--radius);
}
.icon-thinking span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 0.16rem;
  height: 0.16rem;
}
.icon-thinking span:last-of-type {
  transform: scaleX(-1);
}
.icon-thinking span u {
  background-color: #962437;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: inline-block;
}
.icon-thinking span:first-of-type u, .icon-thinking span:last-of-type u {
  animation: loader-dot 1s infinite ease-in-out;
}

/* variables */
/* main */
.svg-sprite {
  display: none;
}

.svg-logo *,
.svg-h * {
  fill: currentColor;
}

.svg-wave path, .svg-logo line {
  stroke: currentColor;
}

.svg-wave {
  width: 3.75rem;
  height: auto;
}

.svg-wave-voice, .svg-wave-rise {
  width: 2.9375rem;
  height: auto;
}

.svg-voice {
  width: 0.625rem;
  height: auto;
}

.svg-quote {
  width: 1.5625rem;
  height: auto;
}
@media (max-width: 1023px) {
  .svg-quote {
    width: 0.625rem;
  }
}

.svg-rays {
  width: 39.5625rem;
  height: auto;
}
.svg-rays path, .svg-rays line {
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  stroke-linecap: round;
  opacity: 0;
}
.is-in-view .svg-rays path, .is-in-view .svg-rays line {
  transition: stroke-dashoffset 1.3s cubic-bezier(0.5, 0, 0.2, 1), opacity 1.3s cubic-bezier(0.5, 0, 0.2, 1);
  stroke-dashoffset: 0;
  opacity: 1;
}
.is-in-view .svg-rays path:nth-child(1), .is-in-view .svg-rays line:nth-child(1) {
  transition-delay: 0.1s;
}
.is-in-view .svg-rays path:nth-child(2), .is-in-view .svg-rays line:nth-child(2) {
  transition-delay: 0.2s;
}
.is-in-view .svg-rays path:nth-child(3), .is-in-view .svg-rays line:nth-child(3) {
  transition-delay: 0.3s;
}
.is-in-view .svg-rays path:nth-child(4), .is-in-view .svg-rays line:nth-child(4) {
  transition-delay: 0.4s;
}
.is-in-view .svg-rays path:nth-child(5), .is-in-view .svg-rays line:nth-child(5) {
  transition-delay: 0.5s;
}
.is-in-view .svg-rays path:nth-child(6), .is-in-view .svg-rays line:nth-child(6) {
  transition-delay: 0.6s;
}
.is-in-view .svg-rays path:nth-child(7), .is-in-view .svg-rays line:nth-child(7) {
  transition-delay: 0.7s;
}
.is-in-view .svg-rays path:nth-child(8), .is-in-view .svg-rays line:nth-child(8) {
  transition-delay: 0.8s;
}
.is-in-view .svg-rays path:nth-child(9), .is-in-view .svg-rays line:nth-child(9) {
  transition-delay: 0.9s;
}
.is-in-view .svg-rays path:nth-child(10), .is-in-view .svg-rays line:nth-child(10) {
  transition-delay: 1s;
}
.is-in-view .svg-rays path:nth-child(11), .is-in-view .svg-rays line:nth-child(11) {
  transition-delay: 1.1s;
}
.is-in-view .svg-rays path:nth-child(12), .is-in-view .svg-rays line:nth-child(12) {
  transition-delay: 1.2s;
}
@media (max-width: 1023px) {
  .svg-rays {
    width: 15.4175rem;
    height: auto;
  }
}

.svg-arrow-fancy {
  width: 4.625rem;
  height: auto;
}

.svg-file {
  position: relative;
  top: -1px;
}

.svg-sort g {
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
a:hover .svg-sort g:first-of-type, label:hover .svg-sort g:first-of-type, button:hover .svg-sort g:first-of-type {
  transform: translateY(-2px);
}
a:hover .svg-sort g:last-of-type, label:hover .svg-sort g:last-of-type, button:hover .svg-sort g:last-of-type {
  transform: translateY(2px);
}

.svg-logo line, .svg-logotype line {
  transition: scale var(--duration, 0.5s) cubic-bezier(0.5, 0, 0.2, 1), translate var(--duration, 0.5s) cubic-bezier(0.5, 0, 0.2, 1);
  transform-origin: bottom;
}
.svg-logo[data-state=full] line, .svg-logotype[data-state=full] line {
  scale: 1;
}
.svg-logo[data-state=vaiv] line:nth-child(1), .svg-logotype[data-state=vaiv] line:nth-child(1) {
  scale: 1 1;
}
.svg-logo[data-state=vaiv] line:nth-child(2), .svg-logotype[data-state=vaiv] line:nth-child(2) {
  scale: 1 0.625;
}
.svg-logo[data-state=vaiv] line:nth-child(3), .svg-logotype[data-state=vaiv] line:nth-child(3) {
  scale: 1 0.425;
}
.svg-logo[data-state=vaiv] line:nth-child(4), .svg-logotype[data-state=vaiv] line:nth-child(4) {
  scale: 1 0.325;
}
.svg-logo[data-state=vaiv] line:nth-child(5), .svg-logotype[data-state=vaiv] line:nth-child(5) {
  scale: 1 0.225;
}
.svg-logo[data-state=vaiv] line:nth-child(6), .svg-logotype[data-state=vaiv] line:nth-child(6) {
  scale: 1 0.125;
}
.svg-logo[data-state=vaiv] line:nth-child(7), .svg-logotype[data-state=vaiv] line:nth-child(7) {
  scale: 1 0.075;
}
.svg-logo[data-state=vaiv] line:nth-child(8), .svg-logotype[data-state=vaiv] line:nth-child(8) {
  scale: 1 0.125;
}
.svg-logo[data-state=vaiv] line:nth-child(9), .svg-logotype[data-state=vaiv] line:nth-child(9) {
  scale: 1 0.225;
}
.svg-logo[data-state=vaiv] line:nth-child(10), .svg-logotype[data-state=vaiv] line:nth-child(10) {
  scale: 1 0.325;
}
.svg-logo[data-state=vaiv] line:nth-child(11), .svg-logotype[data-state=vaiv] line:nth-child(11) {
  scale: 1 0.425;
}
.svg-logo[data-state=vaiv] line:nth-child(12), .svg-logotype[data-state=vaiv] line:nth-child(12) {
  scale: 1 0.625;
}
.svg-logo[data-state=vaiv] line:nth-child(13), .svg-logotype[data-state=vaiv] line:nth-child(13) {
  scale: 1 1;
}
.svg-logo[data-state=home] line:nth-child(1), .svg-logotype[data-state=home] line:nth-child(1) {
  scale: 1 0.5;
}
.svg-logo[data-state=home] line:nth-child(2), .svg-logotype[data-state=home] line:nth-child(2) {
  scale: 1 0.567;
}
.svg-logo[data-state=home] line:nth-child(3), .svg-logotype[data-state=home] line:nth-child(3) {
  scale: 1 0.65;
}
.svg-logo[data-state=home] line:nth-child(4), .svg-logotype[data-state=home] line:nth-child(4) {
  scale: 1 0.75;
}
.svg-logo[data-state=home] line:nth-child(5), .svg-logotype[data-state=home] line:nth-child(5) {
  scale: 1 0.825;
}
.svg-logo[data-state=home] line:nth-child(6), .svg-logotype[data-state=home] line:nth-child(6) {
  scale: 1 0.9;
}
.svg-logo[data-state=home] line:nth-child(7), .svg-logotype[data-state=home] line:nth-child(7) {
  scale: 1 1;
}
.svg-logo[data-state=home] line:nth-child(8), .svg-logotype[data-state=home] line:nth-child(8) {
  scale: 1 0.9;
}
.svg-logo[data-state=home] line:nth-child(9), .svg-logotype[data-state=home] line:nth-child(9) {
  scale: 1 0.825;
}
.svg-logo[data-state=home] line:nth-child(10), .svg-logotype[data-state=home] line:nth-child(10) {
  scale: 1 0.75;
}
.svg-logo[data-state=home] line:nth-child(11), .svg-logotype[data-state=home] line:nth-child(11) {
  scale: 1 0.65;
}
.svg-logo[data-state=home] line:nth-child(12), .svg-logotype[data-state=home] line:nth-child(12) {
  scale: 1 0.567;
}
.svg-logo[data-state=home] line:nth-child(13), .svg-logotype[data-state=home] line:nth-child(13) {
  scale: 1 0.5;
}
.svg-logo[data-state=sound] line, .svg-logotype[data-state=sound] line {
  transform-origin: center 19.8px;
}
.svg-logo[data-state=sound] line:nth-child(1), .svg-logotype[data-state=sound] line:nth-child(1) {
  scale: 1 0.075;
}
.svg-logo[data-state=sound] line:nth-child(2), .svg-logotype[data-state=sound] line:nth-child(2) {
  scale: 1 0.175;
}
.svg-logo[data-state=sound] line:nth-child(3), .svg-logotype[data-state=sound] line:nth-child(3) {
  scale: 1 0.125;
}
.svg-logo[data-state=sound] line:nth-child(4), .svg-logotype[data-state=sound] line:nth-child(4) {
  scale: 1 0.5;
}
.svg-logo[data-state=sound] line:nth-child(5), .svg-logotype[data-state=sound] line:nth-child(5) {
  scale: 1 0.5;
}
.svg-logo[data-state=sound] line:nth-child(6), .svg-logotype[data-state=sound] line:nth-child(6) {
  scale: 1 0.815;
}
.svg-logo[data-state=sound] line:nth-child(7), .svg-logotype[data-state=sound] line:nth-child(7) {
  scale: 1 1;
}
.svg-logo[data-state=sound] line:nth-child(8), .svg-logotype[data-state=sound] line:nth-child(8) {
  scale: 1 0.815;
}
.svg-logo[data-state=sound] line:nth-child(9), .svg-logotype[data-state=sound] line:nth-child(9) {
  scale: 1 0.5;
}
.svg-logo[data-state=sound] line:nth-child(10), .svg-logotype[data-state=sound] line:nth-child(10) {
  scale: 1 0.5;
}
.svg-logo[data-state=sound] line:nth-child(11), .svg-logotype[data-state=sound] line:nth-child(11) {
  scale: 1 0.125;
}
.svg-logo[data-state=sound] line:nth-child(12), .svg-logotype[data-state=sound] line:nth-child(12) {
  scale: 1 0.175;
}
.svg-logo[data-state=sound] line:nth-child(13), .svg-logotype[data-state=sound] line:nth-child(13) {
  scale: 1 0.075;
}
.svg-logo[data-state=sound] line:nth-child(3), .svg-logo[data-state=sound] line:nth-child(11), .svg-logotype[data-state=sound] line:nth-child(3), .svg-logotype[data-state=sound] line:nth-child(11) {
  translate: 0 -0.5px;
}
.svg-logo[data-state=sound] line:nth-child(5), .svg-logo[data-state=sound] line:nth-child(9), .svg-logotype[data-state=sound] line:nth-child(5), .svg-logotype[data-state=sound] line:nth-child(9) {
  translate: 0 -1.5px;
}
.svg-logo[data-state=hourglass] line, .svg-logotype[data-state=hourglass] line {
  transform-origin: center 19.8px;
}
.svg-logo[data-state=hourglass] line:nth-child(1), .svg-logotype[data-state=hourglass] line:nth-child(1) {
  scale: 1 1;
}
.svg-logo[data-state=hourglass] line:nth-child(2), .svg-logotype[data-state=hourglass] line:nth-child(2) {
  scale: 1 0.6;
}
.svg-logo[data-state=hourglass] line:nth-child(3), .svg-logotype[data-state=hourglass] line:nth-child(3) {
  scale: 1 0.475;
}
.svg-logo[data-state=hourglass] line:nth-child(4), .svg-logotype[data-state=hourglass] line:nth-child(4) {
  scale: 1 0.375;
}
.svg-logo[data-state=hourglass] line:nth-child(5), .svg-logotype[data-state=hourglass] line:nth-child(5) {
  scale: 1 0.225;
}
.svg-logo[data-state=hourglass] line:nth-child(6), .svg-logotype[data-state=hourglass] line:nth-child(6) {
  scale: 1 0.15;
}
.svg-logo[data-state=hourglass] line:nth-child(7), .svg-logotype[data-state=hourglass] line:nth-child(7) {
  scale: 1 0.1;
}
.svg-logo[data-state=hourglass] line:nth-child(8), .svg-logotype[data-state=hourglass] line:nth-child(8) {
  scale: 1 0.15;
}
.svg-logo[data-state=hourglass] line:nth-child(9), .svg-logotype[data-state=hourglass] line:nth-child(9) {
  scale: 1 0.225;
}
.svg-logo[data-state=hourglass] line:nth-child(10), .svg-logotype[data-state=hourglass] line:nth-child(10) {
  scale: 1 0.375;
}
.svg-logo[data-state=hourglass] line:nth-child(11), .svg-logotype[data-state=hourglass] line:nth-child(11) {
  scale: 1 0.475;
}
.svg-logo[data-state=hourglass] line:nth-child(12), .svg-logotype[data-state=hourglass] line:nth-child(12) {
  scale: 1 0.6;
}
.svg-logo[data-state=hourglass] line:nth-child(13), .svg-logotype[data-state=hourglass] line:nth-child(13) {
  scale: 1 1;
}
.svg-logo[data-state=chart] line:nth-child(1), .svg-logotype[data-state=chart] line:nth-child(1) {
  scale: 1 0.04;
}
.svg-logo[data-state=chart] line:nth-child(2), .svg-logotype[data-state=chart] line:nth-child(2) {
  scale: 1 0.1;
}
.svg-logo[data-state=chart] line:nth-child(3), .svg-logotype[data-state=chart] line:nth-child(3) {
  scale: 1 0.19;
}
.svg-logo[data-state=chart] line:nth-child(4), .svg-logotype[data-state=chart] line:nth-child(4) {
  scale: 1 0.275;
}
.svg-logo[data-state=chart] line:nth-child(5), .svg-logotype[data-state=chart] line:nth-child(5) {
  scale: 1 0.35;
}
.svg-logo[data-state=chart] line:nth-child(6), .svg-logotype[data-state=chart] line:nth-child(6) {
  scale: 1 0.425;
}
.svg-logo[data-state=chart] line:nth-child(7), .svg-logotype[data-state=chart] line:nth-child(7) {
  scale: 1 0.5;
}
.svg-logo[data-state=chart] line:nth-child(8), .svg-logotype[data-state=chart] line:nth-child(8) {
  scale: 1 0.575;
}
.svg-logo[data-state=chart] line:nth-child(9), .svg-logotype[data-state=chart] line:nth-child(9) {
  scale: 1 0.66;
}
.svg-logo[data-state=chart] line:nth-child(10), .svg-logotype[data-state=chart] line:nth-child(10) {
  scale: 1 0.74;
}
.svg-logo[data-state=chart] line:nth-child(11), .svg-logotype[data-state=chart] line:nth-child(11) {
  scale: 1 0.825;
}
.svg-logo[data-state=chart] line:nth-child(12), .svg-logotype[data-state=chart] line:nth-child(12) {
  scale: 1 0.9;
}
.svg-logo[data-state=chart] line:nth-child(13), .svg-logotype[data-state=chart] line:nth-child(13) {
  scale: 1 1;
}
.svg-logo.is-transitioning line, .svg-logotype.is-transitioning line {
  translate: 0 !important;
  scale: 1 !important;
}

.svg-timer {
  position: relative;
}
.svg-timer path {
  fill: #962437 !important;
}

.svg-microphone-off path:nth-of-type(3) {
  stroke: #fff !important;
}

.svg-cube path {
  fill: currentColor;
}

.m-form .svg-mail {
  width: 0.75rem;
  height: 0.8175rem;
}

.c-lightbox .svg-copy {
  width: 1.5rem;
  height: 1.5rem;
}

/* variables */
/* main */
/* stylelint-disable */
[class^=sprite-] {
  fill: currentColor;
  position: relative;
}
html.windows [class^=sprite-] {
  top: -2px;
}

.sprite-pin {
  width: 14px;
  height: 22px;
}

.sprite-warn {
  width: 19px;
  height: 16px;
}

.sprite-share {
  width: 18px;
  height: 16px;
}

.sprite-link {
  width: 19px;
  height: 19px;
}

.sprite-instagram {
  width: 16px;
  height: 16px;
}

.sprite-facebook {
  width: 9px;
  height: 18px;
}

.sprite-youtube {
  width: 17px;
  height: 13px;
}

.sprite-twitter {
  width: 18px;
  height: 15px;
}

.sprite-message {
  width: 16px;
  height: 15px;
}

.sprite-linkedin {
  width: 16px;
  height: 16px;
}

/* typography */
/* variables */
/* main */
.typo-copy,
.m-story-river__text,
.m-story-single__text,
.m-story-roots__block-text,
.m-story-rays__text,
.m-story-alternating__box p,
.c-insight__content,
.c-quote__author {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: 300;
  letter-spacing: -0.016em;
}
@media (max-width: 1023px) {
  .typo-copy,
  .m-story-river__text,
  .m-story-single__text,
  .m-story-roots__block-text,
  .m-story-rays__text,
  .m-story-alternating__box p,
  .c-insight__content,
  .c-quote__author {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
  }
}
.typo-copy strong,
.m-story-river__text strong,
.m-story-single__text strong,
.m-story-roots__block-text strong,
.m-story-rays__text strong,
.m-story-alternating__box p strong,
.c-insight__content strong,
.c-quote__author strong {
  font-weight: 500;
}

/* variables */
/* main */
.typo-heading,
.m-story-triple__title,
.m-story-single__title,
.m-story-roots__title,
.m-story-rays__title,
.m-story-hero__title,
.c-slogan__title,
.a-title {
  font-family: "MartinaPlantijn", serif;
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 1;
  font-weight: 300;
  letter-spacing: -0.04em;
}
@media (max-width: 1023px) {
  .typo-heading,
  .m-story-triple__title,
  .m-story-single__title,
  .m-story-roots__title,
  .m-story-rays__title,
  .m-story-hero__title,
  .c-slogan__title,
  .a-title {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1;
  }
}

/* variables */
/* main */
.typo-header,
.m-team__title,
.c-slogan__sublabel,
.m-text-block .c-text h4 {
  font-family: "CircularXXWeb", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.0555555556;
  font-weight: 500;
  letter-spacing: -0.01em;
}
@media (max-width: 1023px) {
  .typo-header,
  .m-team__title,
  .c-slogan__sublabel,
  .m-text-block .c-text h4 {
    font-family: "CircularXXWeb", sans-serif;
    font-weight: 400;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
  }
}

/* variables */
/* main */
.typo-quote-small,
.m-story-alternating__box q {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.04;
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  letter-spacing: -0.04em;
}
@media (max-width: 1023px) {
  .typo-quote-small,
  .m-story-alternating__box q {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.15;
  }
}

/* variables */
/* main */
.m-search__input input::-moz-placeholder {
  font-family: "CircularXXWeb", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 300;
  letter-spacing: -0.01em;
}
.typo-lead,
.m-story-centered__text,
.m-story-single__subtitle,
.m-story-roots__content--right p,
.m-story-rays__subtitle,
.m-story-hero__content--right p,
.m-search__input input,
.m-search__input input::placeholder,
.m-cta__title,
.c-combo-inner__text.c-text p {
  font-family: "CircularXXWeb", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.15;
  font-weight: 300;
  letter-spacing: -0.01em;
}
@media (max-width: 1023px) {
  .m-search__input input::-moz-placeholder {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.15;
  }
  .typo-lead,
  .m-story-centered__text,
  .m-story-single__subtitle,
  .m-story-roots__content--right p,
  .m-story-rays__subtitle,
  .m-story-hero__content--right p,
  .m-search__input input,
  .m-search__input input::placeholder,
  .m-cta__title,
  .c-combo-inner__text.c-text p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.15;
  }
}
.m-search__input input::-moz-placeholder strong {
  font-weight: 500;
}
.typo-lead strong,
.m-story-centered__text strong,
.m-story-single__subtitle strong,
.m-story-roots__content--right p strong,
.m-story-rays__subtitle strong,
.m-story-hero__content--right p strong,
.m-search__input input strong,
.m-search__input input::placeholder strong,
.m-cta__title strong,
.c-combo-inner__text.c-text p strong {
  font-weight: 500;
}

/* variables */
/* main */
.typo-small,
.m-story-hero__content--left p,
.s-newsletter__submit,
.app__newsletter-submit,
.c-combo-inner__subtitle,
.c-table,
.m-text-block .c-text p,
.m-text-block .c-text li,
.a-button,
.teaser__newsletter-submit {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
}
.typo-small strong,
.m-story-hero__content--left p strong,
.s-newsletter__submit strong,
.app__newsletter-submit strong,
.c-combo-inner__subtitle strong,
.c-table strong,
.m-text-block .c-text p strong,
.m-text-block .c-text li strong,
.a-button strong,
.teaser__newsletter-submit strong {
  font-weight: 700;
}
@media (max-width: 1023px) {
  .typo-small,
  .m-story-hero__content--left p,
  .s-newsletter__submit,
  .app__newsletter-submit,
  .c-combo-inner__subtitle,
  .c-table,
  .m-text-block .c-text p,
  .m-text-block .c-text li,
  .a-button,
  .teaser__newsletter-submit {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.75;
  }
}

/* variables */
/* main */
.typo-tiny {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
}

/* variables */
/* main */
.typo-label,
.c-team-member__name,
.c-team-member__position,
.filters__title,
.filters__legend {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
}

/* variables */
/* main */
.typo-minuscule,
.m-story-hero__scroll-text {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
}

/* atoms */
/* variables */
/* main */
.a-aside-brackets {
  --clip: 2px;
}
.a-aside-brackets--slate-blue-and-teal::before {
  background: linear-gradient(102deg, #fff 3%, #214864, #00B5B2 75%) border-box;
}
.a-aside-brackets--slate-blue-and-coral::before {
  background: linear-gradient(102deg, #fff 3%, #214864, #FF4D00 75%) border-box;
}
.a-aside-brackets--slate-blue-and-sage::before {
  background: linear-gradient(102deg, #fff 3%, #214864, #C6D2D0 75%) border-box;
}
.a-aside-brackets--crimson-red-and-teal::before {
  background: linear-gradient(102deg, #fff 3%, #962437, #00B5B2 75%) border-box;
}
.a-aside-brackets--crimson-red-and-teal-horizontal::before {
  background: linear-gradient(152deg, #fff 3%, #962437, #00B5B2 65%) border-box;
}
.a-aside-brackets--teal-and-coral::before {
  background: linear-gradient(102deg, #fff 3%, #00B5B2, #FF4D00 75%) border-box;
}
.a-aside-brackets--coral-and-teal::before {
  background: linear-gradient(126deg, #fff 3%, #FF4D00, #00B5B2 75%) border-box;
}
.a-aside-brackets--coral-and-slate-blue::before {
  background: linear-gradient(78deg, #fff 3%, #214864, #FF4D00 75%) border-box;
}
.a-aside-brackets {
  height: 100%;
  width: calc(1.4375rem + var(--clip));
  position: absolute;
  z-index: 1;
  left: calc(-1 * var(--clip));
  top: 0;
}
@media (max-width: 1023px) {
  .a-aside-brackets {
    width: calc(0.875rem + var(--clip));
  }
}
.a-aside-brackets::before {
  border-radius: 0 var(--radius-big) var(--radius-big) 0;
  clip-path: inset(0 0 0 var(--clip));
}
@media (min-width: 1024px) {
  .a-aside-brackets--reversed {
    left: unset;
    right: calc(-1 * var(--clip));
  }
  .a-aside-brackets--reversed::before {
    scale: -1 1;
  }
}
.a-aside-brackets__blur {
  position: absolute;
  inset: 0;
  z-index: -1;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border-radius: 0 var(--radius-big) var(--radius-big) 0;
}
.a-aside-brackets__number--slate-blue-and-teal::before {
  background: linear-gradient(152deg, #fff 3%, #214864, #00B5B2 75%) border-box;
}
.a-aside-brackets__number--slate-blue-and-coral::before {
  background: linear-gradient(152deg, #fff 3%, #214864, #FF4D00 75%) border-box;
}
.a-aside-brackets__number--slate-blue-and-sage::before {
  background: linear-gradient(152deg, #fff 3%, #214864, #C6D2D0 75%) border-box;
}
.a-aside-brackets__number--crimson-red-and-teal::before {
  background: linear-gradient(152deg, #fff 3%, #962437, #00B5B2 75%) border-box;
}
.a-aside-brackets__number--teal-and-coral::before {
  background: linear-gradient(152deg, #fff 3%, #00B5B2, #FF4D00 75%) border-box;
}
.a-aside-brackets__number {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 1.375rem;
  left: calc(0.75rem + var(--clip));
  width: 2rem;
  height: 1.1875rem;
  border-radius: var(--radius-big);
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
@media (min-width: 1024px) {
  .a-aside-brackets--reversed .a-aside-brackets__number {
    left: unset;
    right: calc(0.75rem + var(--clip));
  }
}
.a-aside-brackets__number::before {
  border-radius: inherit;
}
@media (max-width: 1023px) {
  .a-aside-brackets__number {
    left: calc(100% + 0.75rem);
    top: 1rem;
  }
  .m-story-triple .a-aside-brackets__number, .m-story-roots .a-aside-brackets__number {
    left: calc(50vw - var(--grid-margin));
    transform: translateX(-50%);
  }
  .m-story-roots .a-aside-brackets__number {
    top: 0;
  }
}
.a-aside-brackets__number-text {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1;
  color: currentColor;
}

/* variables */
/* main */
.a-button {
  --button-min-height: 1.5rem;
  --button-line-opacity: 0.75;
  --border-color: #f4f4f4;
  --button-border-hover-opacity: 1;
  --gradient: linear-gradient(to bottom right, #fff 0%, #fff 28%, #939393 100%);
  color: var(--button-text-color, #4E4E4E);
  background: var(--button-bg-color, #F5F5F3);
  min-height: var(--button-min-height);
  border-radius: var(--radius);
  padding: 0 0.4375rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  letter-spacing: -0.01em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 1023px) {
  .a-button {
    --button-min-height: 1.5rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
.a-button:active {
  --button-border-hover-opacity: 0;
  --gradient: linear-gradient(to bottom right, #fff 0%, #00B5B2 38%, #FF4D00 90%);
}
.a-button:active::before {
  transition-duration: 0s;
}
.a-button:disabled {
  pointer-events: none;
  opacity: 0.35;
}
.a-button.is-doing-request {
  pointer-events: none;
}
.m-form__group--delete .a-button {
  overflow: hidden;
}
.a-button--primary {
  --button-min-height: 2rem;
  padding: 0 0.875rem;
}
.a-button--rect {
  min-width: 2rem;
  padding: 0;
}
.a-button--rect:has(svg.svg-sort) {
  padding: 0;
}
@media (max-width: 1023px) {
  .a-button--rect {
    min-width: 1.8125rem;
  }
}
.a-button--rect-big {
  --button-min-height: 2rem;
  min-width: 2.375rem;
  padding: 0;
}
.a-button--bg-red {
  --button-bg-color: #962437;
  --gradient: none;
  color: #EFEFED;
}
.no-touch .a-button--bg-red:hover, .accessibility .a-button--bg-red:focus {
  --button-border-hover-opacity: 0;
  --button-bg-color: #801f2f;
}
.a-button--bg-gray {
  --button-bg-color: #F5F5F3;
}
.a-button--bg-gray-50 {
  --button-bg-color: #FEFEFD;
}
.a-button--bg-white {
  --button-bg-color: #fff;
}
.a-button--dark {
  --button-bg-color: #3B3A3A;
  --button-bg-hover-color: #282828;
  --border-color: #3B3A3A;
  --gradient: linear-gradient(to bottom right, #fff 0%, #00B5B2 38%, #FF4D00 100%);
  color: #EFEFED;
}
.no-touch .a-button--dark:hover, .accessibility .a-button--dark:focus {
  --button-bg-color: #282828;
}
.a-button--dark:active {
  --button-bg-color: #000;
}
.a-button--no-bg {
  --button-bg-color: inherit;
  --gradient: transparent;
  --button-border-hover-opacity: 1;
  --button-border-hover-color: #CBCBCB;
}
.a-button--no-bg:active {
  --button-border-hover-color: #282828;
  --gradient: #282828;
}
.a-button--hover-gradient {
  --button-border-hover-color: linear-gradient(to bottom right, #fff 0%, #00B5B2 38%, #FF4D00 90%);
}
.a-button--gradient {
  border-radius: 4px;
  margin-block: 9px;
}
.a-button--gradient::before {
  border-radius: 4px;
  border: 0.6px solid transparent;
  opacity: 1;
  background: linear-gradient(169deg, #fff 6%, #00B5B2 30% 40%, #FF4D00 85%) border-box;
}
.a-button--big {
  --button-min-height: 2.0625rem;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  padding: 0 1.25rem;
}
.a-button--light {
  --button-text-color: #282828;
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 300;
}
.a-button--wide {
  min-width: 14.75rem;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 450;
}
.a-button--wide strong {
  font-weight: 700;
}
.a-button--full {
  width: 100%;
}
.a-button--label {
  gap: 0.5rem;
}
.a-button--unlogged {
  display: inline-flex;
}
body.is-logged .a-button--unlogged {
  display: none;
}
.a-button--logged {
  display: none;
}
body.is-logged .a-button--logged {
  display: inline-flex;
}
form.is-doing-request .a-button--has-loader {
  pointer-events: none;
}
form.is-doing-request .a-button--has-loader .a-button__text::after {
  opacity: 1;
  animation: glow 2s ease-in-out infinite;
}
form.is-doing-request .a-button--has-loader.a-button--dark .a-button__text::after {
  opacity: 0.2;
}
.a-button::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  z-index: 1;
  border-radius: 4.8px;
  background: var(--button-border-hover-color, #939393);
  opacity: 0;
  transition: opacity 0.3s linear;
}
.a-button::after {
  content: "";
  position: absolute;
  inset: -0.5px;
  z-index: 0;
  background: var(--gradient);
  background-size: 100% 100%;
  border-radius: 4.8px;
  pointer-events: none;
}
.a-button__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--button-bg-color);
  border-radius: 4px;
  transition: background 0.3s linear;
  overflow: hidden;
}
.m-search__filters .a-button__bg {
  overflow: visible;
}
.a-button__gradient {
  position: absolute;
  inset: 0;
}
.a-button__gradient::before, .a-button__gradient::after {
  transition: scale 0.2s ease;
}
.a-button__gradient::before {
  border: 0.44px solid transparent;
  inset: -3px;
  border-radius: 6px;
  background: linear-gradient(169deg, #fff 6%, #00B5B2 30% 40%, #FF4D00 85%) border-box;
}
.a-button__gradient::after {
  border: 0.6px solid transparent;
  inset: -6px;
  border-radius: 8px;
  background: linear-gradient(169deg, #fff 6%, #00B5B2 30% 40%, #FF4D00 85%) border-box;
}
.a-button__external {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.13;
  letter-spacing: -0.01em;
  position: absolute;
  padding-left: 0.625rem;
  padding-top: 0.125rem;
  left: 100%;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.25s ease-out;
}
.a-button__text, .a-button i, .a-button svg {
  position: relative;
  z-index: 2;
}
.a-button__text {
  overflow: hidden;
}
.a-button--has-loader .a-button__text {
  background: inherit;
  transition: background 0.3s cubic-bezier(0.5, 0, 0.2, 1);
  width: 100%;
  height: 100%;
}
.a-button--has-loader .a-button__text::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  background: linear-gradient(144.55deg, #fff 12.21%, #00B5B2 41.24%, #FF4D00 77.16%);
  filter: blur(8px);
  transition: opacity 0.5s ease-in-out;
  mix-blend-mode: screen;
  opacity: 0;
}
.a-button--has-loader.a-button--full .a-button__text {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
}
.a-button:has(input:checked), input:checked + .a-button {
  --button-bg-color: #282828;
  color: #EFEFED;
}
.a-button .svg-facebook,
.a-button .svg-google,
.a-button .svg-microsoft {
  position: absolute;
  left: 0.5rem;
}
@media (max-width: 1023px) {
  .a-button .svg-facebook,
  .a-button .svg-google,
  .a-button .svg-microsoft {
    width: 0.875rem;
    height: 0.875rem;
    left: 0.5625rem;
  }
}
.m-form .a-button .svg-mail {
  position: absolute;
  left: 0.5rem;
}
@media (max-width: 1023px) {
  .m-form .a-button .svg-mail {
    width: 0.875rem;
    height: 0.875rem;
    left: 0.5625rem;
  }
}
.a-button svg:has(~ .a-button__text) {
  margin-right: 0.25rem;
}

.no-touch .a-button:hover::before, .accessibility .a-button:focus::before {
  opacity: var(--button-border-hover-opacity);
}
.no-touch .a-button:hover .a-button__gradient::before, .accessibility .a-button:focus .a-button__gradient::before {
  scale: 1.008 1.04;
}
.no-touch .a-button:hover .a-button__gradient::after, .accessibility .a-button:focus .a-button__gradient::after {
  scale: 1.017 1.08;
}
.no-touch .a-button:hover .a-button__external, .accessibility .a-button:focus .a-button__external {
  opacity: 1;
}

.m-search__button label:has(input:checked), input:checked + .filters__label {
  background: #282828;
  color: #EFEFED;
}
.m-search__button label:has(input:checked)::before, input:checked + .filters__label::before {
  background: linear-gradient(161deg, #fff 1.68%, rgba(255, 255, 255, 0) 36.52%, #FF4D00 77.16%) border-box;
}
.m-search__button label:has(input:checked) i.icon-plus::before, input:checked + .filters__label i.icon-plus::before {
  display: none;
}

.a-heading {
  font-family: "MartinaPlantijn", serif;
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 1;
  font-weight: 300;
  letter-spacing: -0.04em;
}
@media (max-width: 1023px) {
  .a-heading {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1;
  }
}
.a-heading--reversed {
  text-align: right;
}
.a-heading--centered {
  text-align: center;
}

/* variables */
/* main */
.line {
  border: none;
  background-image: linear-gradient(to right, #282828 25%, rgba(40, 40, 40, 0) 25%);
  background-size: 4px 1px;
  height: 0.0625rem;
  width: 100%;
}

/* variables */
/* main */
.logo svg {
  display: block;
  width: 6.034375rem;
  height: 2.45625rem;
}
@media (max-width: 1023px) {
  .logo svg {
    width: 6.381875rem;
    height: 2.5rem;
  }
}

.separator {
  width: 1px;
  height: 100%;
  position: relative;
  box-shadow: 1px 0 0 currentColor;
  left: -1px;
  opacity: 0.5;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-width: 1024px) {
  .separator {
    box-shadow: 0.5px 0 0 currentColor;
    opacity: 1;
  }
}

/* variables */
/* main */
.a-capsule--slate-blue-and-teal::before {
  background: linear-gradient(102deg, #fff 3%, #214864, #00B5B2 75%) border-box;
}
.a-capsule--slate-blue-and-coral::before {
  background: linear-gradient(102deg, #fff 3%, #214864, #FF4D00 75%) border-box;
}
.a-capsule--slate-blue-and-sage::before {
  background: linear-gradient(102deg, #fff 3%, #214864, #C6D2D0 75%) border-box;
}
.a-capsule--crimson-red-and-teal::before {
  background: linear-gradient(102deg, #fff 3%, #962437, #00B5B2 75%) border-box;
}
.a-capsule--crimson-red-and-teal-horizontal::before {
  background: linear-gradient(152deg, #fff 3%, #962437, #00B5B2 65%) border-box;
}
.a-capsule--teal-and-coral::before {
  background: linear-gradient(102deg, #fff 3%, #00B5B2, #FF4D00 75%) border-box;
}
.a-capsule--coral-and-teal::before {
  background: linear-gradient(126deg, #fff 3%, #FF4D00, #00B5B2 75%) border-box;
}
.a-capsule--coral-and-slate-blue::before {
  background: linear-gradient(78deg, #fff 3%, #214864, #FF4D00 75%) border-box;
}
.a-capsule {
  inset: unset;
  position: absolute;
  width: 0.625rem;
  height: 1.1875rem;
  border-radius: 0.625rem;
}
.a-capsule::before {
  border-radius: inherit;
}
.a-capsule--black-500 {
  color: #939393;
  border: var(--border-thin) solid #939393;
  background-color: rgba(239, 239, 237, 0.3);
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.a-capsule--black-500::before {
  content: none;
}
.a-capsule--teal-and-coral {
  color: #00B5B2;
}
.a-capsule--crimson-red-and-teal {
  color: #962437;
}
.a-capsule::after {
  content: "";
  position: absolute;
  width: var(--border-thin);
  height: 0.5rem;
  background-color: currentColor;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

/* variables */
/* main */
.switch {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.switch::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .switch::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.switch {
  position: relative;
  display: inline-block;
  width: 2.0625rem;
  height: 1.0625rem;
  border-radius: var(--radius-big);
}
.switch::before {
  border-radius: var(--radius-big);
  background: linear-gradient(144.55deg, #fff 12.21%, #FF4D00 41.24%, #214864 77.16%) border-box;
}
.switch__slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
}
.switch__slider::before {
  position: absolute;
  content: "";
  height: 0.6875rem;
  width: 0.6875rem;
  left: 0.1875rem;
  bottom: 0.1875rem;
  background-color: #939393;
  transition: all 0.4s cubic-bezier(0.5, 0, 0.2, 1);
  border-radius: 50%;
}
.switch input:checked + .switch__slider::before {
  transform: translateX(1rem);
  background-color: #FF4D00;
}

/* variables */
/* main */
.a-tile {
  --fold-size: 3.1875rem;
  --fold-bg-size: 5.625rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #EFEFED;
  min-height: 22.375rem;
  border-radius: var(--radius-big);
  overflow: hidden;
  color: #214864;
  position: relative;
  opacity: 0;
}
.a-tile.is-animated {
  transition: opacity 1s cubic-bezier(0.5, 0, 0.2, 1);
  opacity: 1;
}
@media (max-width: 1023px) {
  .a-tile {
    min-height: unset;
    height: 18.75rem;
  }
}
.a-tile[data-favorite=true] .a-tile__fold-wrap, .a-tile:has(input:checked) .a-tile__fold-wrap {
  width: var(--fold-size);
  height: var(--fold-size);
  background-color: #962437;
}
.a-tile[data-favorite=true] .a-tile__fold-wrap::before, .a-tile:has(input:checked) .a-tile__fold-wrap::before {
  border-color: #962437 #fff;
}
.a-tile[data-favorite=true] .a-tile__bg, .a-tile:has(input:checked) .a-tile__bg {
  transform: rotate(-45deg) translateX(-2.5rem);
}
.a-tile[data-favorite=true] .a-tile__icon, .a-tile:has(input:checked) .a-tile__icon {
  color: #962437;
  opacity: 1;
}
.a-tile[data-favorite=true] .a-tile__icon svg path, .a-tile:has(input:checked) .a-tile__icon svg path {
  stroke: currentColor;
}
.no-touch .a-tile[data-favorite=true] .a-tile__icon:hover svg, .accessibility .a-tile[data-favorite=true] .a-tile__icon:focus svg, .no-touch .a-tile:has(input:checked) .a-tile__icon:hover svg, .accessibility .a-tile:has(input:checked) .a-tile__icon:focus svg {
  transform: rotate(-90deg);
}
.no-touch .a-tile:hover .a-tile__wrap::after, .accessibility .a-tile:focus .a-tile__wrap::after {
  opacity: 0;
}
.no-touch .a-tile:hover .a-tile__wrap .a-tile__fold-wrap, .accessibility .a-tile:focus .a-tile__wrap .a-tile__fold-wrap {
  width: var(--fold-size);
  height: var(--fold-size);
}
.no-touch .a-tile:hover .a-tile__wrap .a-tile__text p, .accessibility .a-tile:focus .a-tile__wrap .a-tile__text p {
  transform: translateY(-10px);
}
.no-touch .a-tile:hover .a-tile__wrap .a-tile__bg, .accessibility .a-tile:focus .a-tile__wrap .a-tile__bg {
  transform: rotate(-45deg) translateX(-2.5rem);
}
.no-touch .a-tile:hover .a-tile__wrap .a-tile__icon, .accessibility .a-tile:focus .a-tile__wrap .a-tile__icon {
  opacity: 1;
  transition-delay: 0.15s;
}
@media (min-width: 1024px) {
  .a-tile--big {
    grid-column: span 2;
  }
}
@media (max-width: 1023px) {
  .a-tile--big {
    height: 26.25rem;
  }
}
.a-tile__link {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.no-touch .a-tile__link:hover + .a-tile__wrap::after, .accessibility .a-tile__link:focus + .a-tile__wrap::after {
  opacity: 0;
}
.no-touch .a-tile__link:hover + .a-tile__wrap .a-tile__fold-wrap, .accessibility .a-tile__link:focus + .a-tile__wrap .a-tile__fold-wrap {
  width: var(--fold-size);
  height: var(--fold-size);
}
.no-touch .a-tile__link:hover + .a-tile__wrap .a-tile__text p, .accessibility .a-tile__link:focus + .a-tile__wrap .a-tile__text p {
  transform: translateY(-10px);
}
.no-touch .a-tile__link:hover + .a-tile__wrap .a-tile__bg, .accessibility .a-tile__link:focus + .a-tile__wrap .a-tile__bg {
  transform: rotate(-45deg) translateX(-2.5rem);
}
.no-touch .a-tile__link:hover + .a-tile__wrap .a-tile__icon, .accessibility .a-tile__link:focus + .a-tile__wrap .a-tile__icon {
  opacity: 1;
  transition-delay: 0.15s;
}
.a-tile__wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-grow: 1;
  position: relative;
  padding: 0.75rem 1.6875rem 1.625rem 0.8125rem;
  width: 100%;
}
.a-tile--big .a-tile__wrap {
  padding-bottom: 1.75rem;
}
@media (max-width: 1023px) {
  .a-tile--big .a-tile__wrap {
    padding-bottom: 3.125rem;
    padding-left: 1rem;
  }
}
.a-tile__wrap::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 5.75rem;
  background: linear-gradient(to bottom, rgba(239, 239, 237, 0) 0%, #efefed 75.96%);
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
@media (max-width: 1023px) {
  .a-tile--big .a-tile__wrap::after {
    height: 7.9375rem;
    background: linear-gradient(180deg, rgba(239, 239, 237, 0) 0%, #EFEFED 75.96%);
  }
}
.a-tile__top {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
}
.a-tile__top strong {
  font-weight: 700;
}
@media (max-width: 1023px) {
  .a-tile__top {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.1666666667;
  }
}
.a-tile__top {
  letter-spacing: -0.01em;
  padding-left: 0.1875rem;
  padding-top: 0.1875rem;
  margin-bottom: 0.625rem;
}
@media (max-width: 1023px) {
  .a-tile__top {
    padding-left: 0.0625rem;
    margin-bottom: 0.1875rem;
  }
}
.a-tile__label {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.04;
  letter-spacing: -0.02em;
  padding-right: 1.5625rem;
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  padding-bottom: 0.125rem;
}
@media (max-width: 1023px) {
  .a-tile__label {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.04;
    padding-right: 0.25rem;
    -webkit-line-clamp: 4;
  }
}
.a-tile--big .a-tile__label {
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 1.04;
  text-wrap: auto;
}
@media (max-width: 1023px) {
  .a-tile--big .a-tile__label {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.04;
  }
}
.a-tile__sublabel {
  margin-top: 0.75rem;
  letter-spacing: -0.01em;
}
.a-tile--big .a-tile__sublabel {
  margin-top: 0.625rem;
}
@media (max-width: 1023px) {
  .a-tile--big .a-tile__sublabel {
    margin-top: 0.4375rem;
  }
}
.a-tile__sublabel:has(~ .a-tile__text--long) {
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  padding-bottom: 0.0625rem;
}
.a-tile__text {
  margin-top: auto;
  max-height: 6.75rem;
  padding-left: 0.125rem;
  transition: grid-template-rows 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
@media (max-width: 1023px) {
  .a-tile__text {
    max-height: 6.9375rem;
    padding-left: 0;
  }
}
.a-tile__text p {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: #282828;
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  /* stylelint-disable-next-line value-no-vendor-prefix */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.a-tile--big .a-tile__text p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
}
@media (max-width: 1023px) {
  .a-tile--big .a-tile__text p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.26;
  }
}
.a-tile__fold {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: var(--fold-size);
  height: var(--fold-size);
}
.a-tile__fold-wrap {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  background-color: #214864;
  border-bottom-left-radius: 0.625rem;
  background-clip: padding-box;
  overflow: hidden;
  transition: width 0.5s cubic-bezier(0.5, 0, 0.2, 1), height 0.5s cubic-bezier(0.5, 0, 0.2, 1), background-color 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  transform: translateZ(0);
}
.a-tile__fold-wrap::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border-width: 0 var(--fold-size) var(--fold-size) 0;
  border-style: solid;
  border-color: #214864 #fff;
  transition: border-color 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.a-tile__bg {
  position: absolute;
  left: 100%;
  bottom: calc(100% - var(--fold-bg-size) / 2);
  width: var(--fold-bg-size);
  height: var(--fold-bg-size);
  background-color: #fff;
  transform-origin: left center;
  transform: rotate(-45deg);
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.a-tile__icon {
  position: absolute;
  inset: 0.5rem 0.5625rem auto auto;
  opacity: 0;
  transition: opacity 0.1s cubic-bezier(0.5, 0, 0.2, 1);
  transition-delay: 0.15s;
  z-index: 6;
}
@media (max-width: 1023px) {
  [data-favorite=false] .a-tile__icon {
    z-index: 1;
  }
}
.a-tile__icon svg {
  transition: transform 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
.a-tile__icon input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.no-touch .a-tile__icon:hover svg, .accessibility .a-tile__icon:focus svg {
  transform: rotate(90deg);
}

/* variables */
/* main */
.a-title {
  color: var(--color, #4E4E4E);
  margin-bottom: 1.25rem;
}
@media (max-width: 1023px) {
  .a-title {
    margin-bottom: 0.875rem;
  }
}

/* variables */
/* main */
.a-code-input {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin-top: 0.5rem;
}
.a-code-input__input {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 700;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.1;
  letter-spacing: -0.03em;
  text-align: center;
  width: 2.375rem;
  height: 2.6875rem;
  background-color: #FEFEFD;
  border-radius: var(--radius-big);
  box-shadow: 0 1px 0 #939393;
}
.is-error .a-code-input__input {
  box-shadow: 0 1px 0 #FF4D00;
}
.a-code-input__input::-moz-placeholder {
  opacity: 1;
  color: #282828;
}
.a-code-input__input::placeholder {
  opacity: 1;
  color: #282828;
}
.a-code-input__input:focus::-moz-placeholder {
  opacity: 0;
}
.a-code-input__input:focus::placeholder {
  opacity: 0;
}
.is-error .a-code-input__input::-moz-placeholder {
  color: #FF4D00;
}
.is-error .a-code-input__input, .is-error .a-code-input__input::placeholder {
  color: #FF4D00;
}

/* variables */
/* main */
.a-burger {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.a-burger::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .a-burger::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.a-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.1875rem;
  width: 2.375rem;
  height: 1.5rem;
  background-color: #fff;
  border-radius: var(--radius);
  padding-bottom: 0.0625rem;
}
@media (max-width: 1023px) {
  .a-burger {
    height: 1.5625rem;
  }
}
.a-burger::before {
  background: linear-gradient(144.55deg, #fff 1.68%, rgba(255, 255, 255, 0) 36.52%, #939393 77.16%) border-box;
  border-radius: var(--radius);
}
.a-burger::after {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s linear;
  background: #939393;
  border-radius: var(--radius);
}
.a-burger span {
  width: 1.5rem;
  height: 0;
  border-bottom: 0.5px solid #4E4E4E;
  transition: transform 0.25s cubic-bezier(0.5, 0, 0.2, 1);
  transform-origin: center;
}
.no-touch .a-burger:hover span, .accessibility .a-burger:focus span {
  transform: scaleX(0.8);
}
.no-touch .a-burger:hover::after, .accessibility .a-burger:focus::after {
  opacity: 1;
}

/* variables */
/* main */
.a-progress {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  width: 5.0625rem;
  height: 1.5625rem;
  border-radius: var(--radius);
  margin-left: auto;
  position: relative;
}
.a-progress__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: #fff;
  border-radius: var(--radius);
}
.a-progress::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: var(--radius);
  background-image: linear-gradient(to right, #962437 0 0);
  background-repeat: no-repeat;
  background-size: var(--progressPercent, 0%) 100%;
  transition: background-size 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
.a-progress::after {
  content: "";
  position: absolute;
  inset: -0.5px;
  z-index: 0;
  background: linear-gradient(to bottom right, #fff 0%, #fff 28%, #939393 100%);
  background-size: 100% 100%;
  border-radius: 4.8px;
  pointer-events: none;
}
.a-progress__text {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 0.375rem;
  background-image: linear-gradient(to right, #EFEFED 0 0), linear-gradient(#282828, #282828);
  background-repeat: no-repeat, no-repeat;
  background-size: var(--progressPercent, 0%) 100%, 100% 100%;
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  transition: background 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}

/* components */
/* typography */
/* variables */
/* main */
.c-text p,
.c-text li {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: 300;
  letter-spacing: -0.016em;
}
@media (max-width: 1023px) {
  .c-text p,
  .c-text li {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
  }
}
.c-text p strong,
.c-text li strong {
  font-weight: 500;
}
.m-text-block .c-text h4 {
  letter-spacing: -0.02em;
}
.m-text-block .c-text ul {
  list-style-position: inside;
}
.m-text-block .c-text p, .m-text-block .c-text li {
  line-height: 1.3;
  letter-spacing: -0.01em;
}
.m-text-block .c-text p + ul {
  margin-top: 0.5625rem;
}
.m-text-block .c-text p:last-child {
  margin-bottom: 3.25rem;
}
.m-text-block .c-text p + p {
  margin-top: 1.125rem;
}
.m-text-block .c-text li {
  padding-left: 0.1875rem;
}
.m-text-block .c-text li::before {
  content: "";
  display: inline-block;
  width: 0.1875rem;
  height: 0.1875rem;
  margin-bottom: 0.3em;
  border-radius: 50%;
  background: currentColor;
  margin-right: 0.6rem;
}
.m-text-block .c-text li + li {
  margin-top: 0.25rem;
}
.m-text-block .c-text h4 + p {
  margin-top: 0.625rem;
}
.m-text-block .c-text :is(p, ul) + h4 {
  margin-top: 3.25rem;
}

/* variables */
/* main */
/* ------------------------------------*\
    #LIGHTBOX
\*------------------------------------ */
.c-lightbox {
  --gradient-height: 9.75rem;
  --mobile-container-offset: 4.0625rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  display: block;
  color: #214864;
}
@media (max-width: 1023px) {
  .c-lightbox {
    --gradient-height: 6.9375rem;
  }
}
.c-lightbox__bg {
  position: absolute;
  inset: 0;
  background-color: #fff;
}
.c-lightbox__wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
}
@media (max-width: 1023px) {
  .c-lightbox__wrap {
    padding-inline: 0.75rem;
  }
}
.c-lightbox__add {
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1), width 0.5s cubic-bezier(0.5, 0, 0.2, 1) 0.5s;
  opacity: 1;
}
.c-lightbox__add.is-hidden {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .c-lightbox__add.is-hidden {
    width: 0;
  }
}
@media (max-width: 1023px) {
  .is-hidden + .c-lightbox__copy-link {
    margin-left: -0.375rem;
  }
}
.c-lightbox__container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  background-color: #EFEFED;
  border-radius: var(--radius-big) var(--radius-big) 0 0;
  width: 38.5rem;
  height: calc(var(--app-height) - 2.8125rem);
  padding: 0.8125rem 0.875rem 0;
  position: relative;
  transform: translateY(9.375rem);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
@media (max-width: 1023px) {
  .c-lightbox__container {
    height: calc(var(--app-height) - 3.6875rem - var(--mobile-container-offset));
    margin-bottom: var(--mobile-container-offset);
    border-radius: var(--radius-big);
  }
}
.is-lightbox-open .c-lightbox__container {
  transform: translateY(0);
  opacity: 1;
}
.c-lightbox__container::after {
  content: "";
  position: absolute;
  inset: auto 0 -2.0625rem;
  height: var(--gradient-height);
  background: linear-gradient(180deg, rgba(239, 239, 237, 0) 0%, #EFEFED 75.96%);
}
@media (max-width: 1023px) {
  .c-lightbox__container::after {
    bottom: 0;
    border-radius: 0 0 var(--radius-big) var(--radius-big);
  }
}
.c-lightbox__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}
.c-lightbox__buttons {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  left: calc(100% + 0.375rem);
  top: 6.0625rem;
  gap: 0.375rem;
}
@media (max-width: 1023px) {
  .c-lightbox__buttons {
    flex-direction: row;
    top: 100%;
    left: 0;
    z-index: 2;
    margin-top: 0.5rem;
  }
}
.c-lightbox__close {
  position: absolute;
  top: 0;
  left: calc(100% + 0.375rem);
}
@media (max-width: 1023px) {
  .c-lightbox__close {
    inset: auto 0 100% auto;
    margin-bottom: 0.5rem;
  }
}
.c-lightbox__button {
  text-transform: uppercase;
  text-align: center;
  color: var(--alt-text-color);
  position: relative;
  display: block !important;
}
@media (min-width: 660px) {
  .c-lightbox__button.is-active {
    color: var(--aside-text-color);
    pointer-events: none;
  }
}
@media (min-width: 660px) {
  .c-lightbox__button {
    padding-right: 2px;
    margin-right: -2px;
  }
}
.c-lightbox__title {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.0277777778;
  letter-spacing: -0.02em;
  text-wrap: auto;
}
@media (max-width: 1023px) {
  .c-lightbox__title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.04;
  }
}
.c-lightbox__subtitle {
  margin-top: 1.3125rem;
  letter-spacing: -0.01em;
}
.c-lightbox__text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.46;
  color: #282828;
  flex-grow: 1;
  padding: 4.3125rem 1.5625rem calc(var(--gradient-height) * 0.75) 0.3125rem;
  letter-spacing: -0.01em;
  overflow-y: auto;
}
@media (max-width: 1023px) {
  .c-lightbox__text {
    padding-right: 0;
  }
}
.c-lightbox__text p + p {
  margin-top: 1.5rem;
}
.c-lightbox__number {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.4;
  position: absolute;
  inset: auto 1rem 1rem auto;
  color: #282828;
  letter-spacing: -0.01em;
  gap: 0.1875rem;
}
@media (max-width: 1023px) {
  .c-lightbox__number {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.3;
    left: 0.75rem;
    right: 0.75rem;
    bottom: 0;
    padding-top: 0.5625rem;
    padding-bottom: 0.625rem;
    background-color: #fff;
  }
  .c-lightbox__number::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 1px;
    box-shadow: 0 0.5px 0 #282828;
  }
}
.c-lightbox__number span {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  padding-bottom: 0.125rem;
}
.c-lightbox__copy {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: 0.1875rem;
}
.c-lightbox__link {
  margin-top: 0.875rem;
  position: relative;
}
.c-lightbox__link .a-button {
  position: relative;
  z-index: 2;
}
.c-lightbox__link::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 100% 0 auto;
  height: 2.5rem;
  background: linear-gradient(0deg, rgba(239, 239, 237, 0) 0%, #EFEFED 50.96%);
}

/* variables */
/* main */
.player {
  --video-bar-height: 1.375rem;
  --video-border-radius: 0.625rem;
  --video-bgcolor: #101010;
  --video-fullblack-color: #202020;
  --video-bar-bgcolor: #343434;
  --video-time-color: #F2F0ED;
  --video-time-width: 4.375rem;
  --video-icon-color: #F2F0ED;
  --video-option-color: #767676;
  --video-option-hover-color: #F2F0ED;
  --video-option-active-color: #424242;
  --video-option-active-bgcolor: #424242;
  --video-option-label-color: #F2F0ED;
  --video-option-label-bgcolor: #202020;
  --video-option-focus-bgcolor: #2F2E2E;
  --video-button-color: #767676;
  --video-button-focus-color: #878584;
  --video-button-hover-color: #F2F0ED;
  --video-timeline-border-color: #202020;
  --video-progress-border-color: #F2F0ED;
  --video-hover-border-color: #878584;
  --video-session-border-color: #202020;
  --video-volume-color: #767676;
  --video-volume-bgcolor: #2F2E2E;
  --video-volume-track-color: #202020;
  --video-volume-hover-color: #F2F0ED;
  --video-captions-bgcolor: rgba(#202020, 0.5);
}
@media (max-width: 659px) {
  .player {
    --video-bar-height: 2.125rem;
  }
}

/* variables */
/* main */
.player {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  border-radius: var(--video-border-radius);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.player video {
  backface-visibility: hidden;
  background: var(--video-bgcolor);
  border-radius: inherit;
  display: block;
  height: calc(100% - var(--video-bar-height));
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.player.is-multi video:not(.is-current) {
  pointer-events: none;
  opacity: 0;
}
.player {
  will-change: transform;
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1) 0.3s;
}
.player.is-fullscreen, .player:not(.player--inline, .is-playing), .player:hover {
  transition-delay: 0s;
}
.player.is-fullscreen {
  background: var(--video-fullblack-color);
}
.player.is-fullscreen video {
  -o-object-fit: contain;
     object-fit: contain;
}
.player--proportional:not(.is-fullscreen) {
  height: auto;
}
.player--proportional:not(.is-fullscreen) video {
  position: relative;
  height: auto;
  margin-bottom: var(--video-bar-height);
}
@media (min-width: 660px) {
  .player--proportional:not(.is-fullscreen) video {
    aspect-ratio: 624/350;
  }
}
@media (max-width: 659px) {
  .player--proportional:not(.is-fullscreen) video {
    aspect-ratio: 340/218;
  }
}

/* variables */
/* main */
.player__bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  overflow: hidden;
  pointer-events: none;
  transform: translateY(calc(1 * var(--video-bar-height)));
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1) 0.3s, height 0.5s cubic-bezier(0.5, 0, 0.2, 1) 0.3s;
  z-index: 3;
}
.is-resizing .player__bar {
  transition: none;
}
@media (orientation: landscape) and (hover: none) and (pointer: coarse) {
  .player__bar {
    display: none;
  }
}
.player__bar-wrap {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  height: inherit;
  justify-content: space-between;
  left: 0;
  pointer-events: all;
  position: absolute;
  right: 0;
  transform: translateY(var(--video-bar-height));
  transition: inherit;
  white-space: nowrap;
}
.player__bar-wrap > * {
  flex-shrink: 0 !important;
}

.player__bar-wrap,
.player::after {
  bottom: 0;
  box-sizing: content-box;
  height: var(--video-bar-height);
  left: 0;
  position: absolute;
  right: 0;
}

.player::after {
  background: var(--video-bar-bgcolor);
  border-radius: 0 0 var(--video-border-radius) var(--video-border-radius);
  content: "";
  display: block;
  margin-top: var(--video-border-radius);
  padding-top: var(--video-border-radius);
  transform: translateY(calc(1 * var(--video-bar-height)));
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1) 0.3s;
  z-index: -1;
}
@media (orientation: landscape) and (hover: none) and (pointer: coarse) {
  .player::after {
    display: none;
  }
}

/* stylelint-disable */
.player.is-fullscreen::after,
.player.is-fullscreen .player__bar,
.player.is-fullscreen .player__bar-wrap,
.player.is-playing::after,
.player.is-playing .player__bar,
.player.is-playing .player__bar-wrap,
.player.player--inline.is-playing::after,
.player.player--inline.is-playing .player__bar,
.player.player--inline.is-playing .player__bar-wrap,
.player:not(.player--inline):hover::after,
.player:not(.player--inline):hover .player__bar,
.player:not(.player--inline):hover .player__bar-wrap {
  transform: translateY(0);
  transition-delay: 0s;
}
.player.is-fullscreen .player__timeline,
.player.is-playing .player__timeline,
.player.player--inline.is-playing .player__timeline,
.player:not(.player--inline):hover .player__timeline {
  opacity: 1;
  transition-delay: 0s;
}

/* stylelint-enable */
@media (max-width: 1023px) {
  .player:not(.player--inline),
  .player:not(.player--inline)::after,
  .player:not(.player--inline) .player__bar,
  .player:not(.player--inline) .player__bar-wrap {
    transform: translateY(0);
  }
}
.player__toggle {
  inset: 0 0 var(--video-bar-height) 0;
  position: absolute;
  z-index: 2;
}

/* variables */
/* main */
.player__playpause {
  align-items: center;
  color: var(--video-icon-color);
  display: flex;
  height: 100%;
  justify-content: center;
  padding-left: 0.375rem;
  width: 3.125rem;
}
@media (max-width: 659px) {
  .player__playpause {
    width: 2.375rem;
  }
}
/* variables */
/* main */
.player__poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  bottom: var(--video-bar-height);
  border-radius: var(--video-border-radius);
  overflow: hidden;
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.player:hover .player__poster {
  transform: scale(1.02);
}
.player__poster > div {
  position: absolute;
  inset: 0;
  transition: opacity 0.4s, transform 0.4s;
  background-position: center;
  background-size: cover;
}
.player:not(.is-audio).should-play:not(.is-ended) .player__poster > div, .player:not(.is-audio).is-played:not(.is-ended) .player__poster > div, .player:not(.is-audio).is-started:not(.is-ended) .player__poster > div {
  opacity: 0;
}
@media (min-width: 1024px) {
  .player:not(.is-audio).should-play:not(.is-ended) .player__poster > div, .player:not(.is-audio).is-played:not(.is-ended) .player__poster > div, .player:not(.is-audio).is-started:not(.is-ended) .player__poster > div {
    transform: scale(1.02);
  }
}
.player__time {
  font-family: "Arial", sans-serif;
  color: var(--video-time-color);
  width: var(--video-time-width);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 659px) {
  .player__time {
    display: none;
  }
}

/* variables */
/* main */
.player__timeline {
  border-color: var(--video-timeline-border-color);
  border-left-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  cursor: pointer;
  height: 100%;
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (min-width: 1024px) {
  .player__timeline {
    opacity: 0;
    transition: opacity 0s cubic-bezier(0.5, 0, 0.2, 1) 0.8s;
  }
}

.player__hover,
.player__loaded,
.player__progress {
  height: 100%;
  position: absolute;
  left: 0;
  pointer-events: none;
  will-change: width;
}

.player__hover,
.player__progress {
  background-image: linear-gradient(90deg, rgba(80, 80, 80, 0) 0%, rgba(80, 80, 80, 0) 50%, #505050 50%, #505050 100%);
  background-repeat: repeat;
  background-size: 4px 2px;
}

.player__hover {
  opacity: 0;
  transition: opacity 0.2s;
  border-right: 1px solid var(--video-progress-border-color);
  will-change: opacity, width;
}
.player__timeline:hover .player__hover {
  opacity: 0.2;
}

.player__progress {
  border-right: 1px solid var(--video-progress-border-color);
}

.player__session {
  position: relative;
  pointer-events: none;
  height: 100%;
}
.player__session:not(:last-child) {
  border-right: 1px solid var(--video-session-border-color);
}

/* variables */
/* main */
.options {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-family: "CircularXXWeb", sans-serif;
}
.options__list {
  bottom: 100%;
  opacity: 0;
  padding-bottom: 0.375rem;
  pointer-events: none;
  position: absolute;
  right: 0;
  transform-origin: bottom center;
  transform: translateY(12px) scaleY(0.9);
  transition: transform 0.3s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.3s;
}
.options__list::before {
  content: "";
  display: block;
  inset: 0 0 0.375rem 0;
  background: var(--video-option-focus-bgcolor);
  border-radius: 0.375rem;
  position: absolute;
  z-index: -1;
}
.options__list:focus-within {
  transform: translateY(0) scaleY(1);
  pointer-events: all;
  opacity: 1;
}
.no-touch .options:hover .options__list, .accessibility .options:focus .options__list {
  transform: translateY(0) scaleY(1);
  pointer-events: all;
  opacity: 1;
}
.options.is-updating .options__list {
  transform: translateY(0) scaleY(1);
  pointer-events: all;
  opacity: 1;
}
.options__item {
  border-radius: 0.375rem;
}
.options__item button {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 2.3076923077;
  color: var(--video-option-color);
  transition: color 0.2s;
  display: block;
  min-width: 4.375rem;
  padding: 0 0.75rem;
  text-align: left;
}
.no-touch .options__item button:hover, .accessibility .options__item button:focus {
  color: var(--video-option-hover-color);
}
.options__item button span {
  font-weight: 800;
  opacity: 0;
}
.options__item button::before {
  content: attr(data-text);
  position: absolute;
}
.options__item.is-active {
  background: var(--video-option-active-bgcolor);
  pointer-events: none;
}
.options__item.is-active button {
  color: var(--video-option-active-color);
}
.options__item.is-active button span {
  opacity: 1;
}
.options__item.is-active button::before {
  opacity: 0;
}
.options__label {
  font-size: 9px;
  font-size: 0.5625rem;
  line-height: 2.6666666667;
  font-family: "CircularXXWeb", sans-serif;
  color: var(--video-option-label-color);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  display: block;
  background: var(--video-option-label-bgcolor);
  border-radius: 0.375rem;
  min-width: 4.375rem;
  padding: 0 0.75rem;
  text-align: left;
  margin-bottom: 2px;
}
.options:focus-within .options__button {
  color: var(--video-button-focus-color);
}

/* variables */
/* main */
.player__tools {
  align-items: center;
  display: flex;
  height: 100%;
  padding: 0 0.5rem;
}
.player__tools > div {
  align-items: center;
  display: flex;
  height: 100%;
}
.player__tools > div > .options__button,
.player__tools > div > button {
  color: var(--video-button-color);
  height: 100%;
  padding: 0 0.375rem;
  transition: color 0.2s;
  will-change: color;
  display: flex;
  align-items: center;
}
.player__tools > div > .options__button svg,
.player__tools > div > button svg {
  display: block;
}
.no-touch .player__tools > div > .options__button:hover, .accessibility .player__tools > div > .options__button:focus,
.no-touch .player__tools > div > button:hover,
.accessibility .player__tools > div > button:focus {
  color: var(--video-button-hover-color);
}

/* variables */
/* main */
.volume {
  position: relative;
}
.ios .volume {
  display: none !important;
}
.volume__bar {
  backface-visibility: hidden;
  bottom: 100%;
  color: var(--video-volume-color);
  cursor: row-resize;
  height: 7.5rem;
  left: 50%;
  margin-bottom: 1rem;
  margin-left: -22px;
  opacity: 0;
  position: absolute;
  transform-origin: bottom center;
  transform: translateY(0.75rem) scaleY(0);
  transition: color 0.3s 0.3s, transform 0.3s cubic-bezier(0.5, 0, 0.2, 1) 0.3s, opacity 0.3s 0.3s;
  will-change: color, transform;
  width: 40px;
}
.mobile .volume__bar {
  display: none;
}
.volume__bar::before {
  background: var(--video-volume-bgcolor);
  border-radius: 0.375rem;
  bottom: -0.625rem;
  content: "";
  display: block;
  left: 50%;
  margin-left: -0.625rem;
  position: absolute;
  top: -0.625rem;
  width: 1.1875rem;
}
.volume__bar::after {
  background: var(--video-volume-track-color);
  bottom: 0;
  content: "";
  left: 50%;
  margin-left: -1px;
  position: absolute;
  top: 0;
  width: 1px;
}
.no-touch .volume__bar:hover, .accessibility .volume__bar:focus {
  color: var(--video-volume-hover-color);
}
.volume__value {
  backface-visibility: hidden;
  background: currentColor;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform-origin: bottom center;
  transform: scale(1, 1);
  width: 1px;
  will-change: transform;
  z-index: 1;
}
.no-touch .volume:hover .volume__bar, .accessibility .volume:focus .volume__bar {
  transform: translateY(0) scaleY(1);
  transition-delay: 0s, 0s, 0s;
  opacity: 1;
}
.volume.is-updating .volume__bar {
  transform: translateY(0) scaleY(1);
  transition-delay: 0s, 0s, 0s;
  opacity: 1;
}

/* variables */
/* main */
.player__captions {
  font-family: "CircularXXWeb", sans-serif;
  bottom: 2.625rem;
  margin-bottom: 3%;
  color: #f4f3ee;
  display: block;
  left: 0;
  padding: 0 10%;
  position: absolute;
  right: 0;
  text-align: center;
  transition: opacity 0.2s;
}
.player:not(.has-captions-on) .player__captions {
  opacity: 0;
}
.player__captions span {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  background: var(--video-captions-bgcolor);
  border-radius: 0.25rem;
  padding: 0.15em 0.4em;
  display: inline-block;
  text-wrap: balance;
}
@media (min-width: 1024px) {
  .is-fullscreen .player__captions span {
    font-size: 1.25vw;
  }
}
@media (max-width: 659px) {
  .player__captions {
    bottom: 2.8125rem;
  }
  .player__captions span {
    font-size: 0.875rem;
  }
}

/* variables */
/* main */
.c-player-loader {
  height: 1.25rem;
  left: 50%;
  margin: -0.625rem;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 1.25rem;
}
.c-player-loader q {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  background: white;
  position: absolute;
  animation-name: video-loader;
  animation-iteration-count: infinite;
  animation-duration: 0.6s;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
}
.c-player-loader q:nth-child(1) {
  background: #F2F0ED;
  animation-delay: 0.05s;
  z-index: 5;
}
.c-player-loader q:nth-child(2) {
  background: #CAC5C0;
  animation-delay: 0.1s;
  z-index: 4;
}
.c-player-loader q:nth-child(3) {
  background: #9E9A96;
  animation-delay: 0.15s;
  z-index: 3;
}
.c-player-loader q:nth-child(4) {
  background: #878584;
  animation-delay: 0.2s;
  z-index: 2;
}
.c-player-loader q:nth-child(5) {
  background: #505050;
  animation-delay: 0.25s;
  z-index: 1;
}
.c-player-loader q:nth-child(6) {
  background: #202020;
  animation-delay: 0.3s;
  z-index: 0;
}
.c-player-loader .player.is-played:not(.is-started), .player.is-loading .c-player-loader {
  transition: opacity 0.2s linear 0.2s;
  opacity: 1;
}
.c-player-loader .player.is-played:not(.is-started) q, .player.is-loading .c-player-loader q {
  animation-play-state: running;
}

@keyframes video-loader {
  0% {
    transform: translateX(-116.6666666667%);
  }
  100% {
    transform: translateX(116.6666666667%);
  }
}
.player__hotspot {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
}

/* variables */
/* main */
.filters {
  --border: rgba(40, 40, 40, 0.5);
  --button-bg-color: #EFEFED;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  z-index: 3;
  width: 100%;
}
@media (max-width: 1023px) {
  .filters {
    height: 100%;
  }
}
.filters__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border);
  padding-bottom: 0.6875rem;
}
.filters__bottom {
  margin-top: auto;
}
.filters__field {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 0.8125rem;
}
.filters__title {
  letter-spacing: -0.01em;
  padding-top: 0.4375rem;
}
.filters__wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.375rem;
  position: relative;
  z-index: 2;
  padding-top: 1.3125rem;
  overflow-y: auto;
}
@media (min-width: 1024px) {
  .filters__wrap {
    max-height: calc(var(--app-height) * 0.75);
  }
}
.filters__legend {
  margin-bottom: 0.625rem;
  letter-spacing: -0.01em;
}
.filters__close {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-right: 1px;
}
.filters__options {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 0.4375rem;
}
.filters__options input {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.filters__label {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  padding: 0 0.4375rem;
  cursor: pointer;
}
.filters__reset {
  --button-bg-color: #fff;
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  margin-top: 1.1875rem;
  letter-spacing: -0.01em;
  margin-left: 0.125rem;
}
@media (max-width: 1023px) {
  .filters__reset {
    margin-top: 0.8125rem;
  }
}

/* variables */
/* main */
.c-more {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.c-more__button {
  padding-block: 2.0625rem;
}

/* variables */
/* main */
/* typography */
.c-quote--crimson-red {
  --color: #962437;
}
.c-quote--coral {
  --color: #FF4D00;
}
.c-quote--muted-teal {
  --color: #6BA3A0;
}
.c-quote--teal {
  --color: #00B5B2;
}
.c-quote--dark-slate-blue {
  --color: #214864;
}
.c-quote--black-800 {
  --color: #4E4E4E;
}
.c-quote {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: center;
  max-width: 42.1875rem;
  color: #282828;
  margin-top: 10.8125rem;
}
@media (max-width: 1023px) {
  .c-quote {
    order: 3;
    margin-top: 7.1875rem;
    max-width: 17.375rem;
    padding-bottom: 0.75rem;
  }
}
.c-quote__text {
  font-family: "MartinaPlantijn", serif;
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 0.96;
  font-weight: 300;
  letter-spacing: -0.04em;
}
@media (max-width: 1023px) {
  .c-quote__text {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 0.96;
  }
}
.c-quote__text {
  text-align: center;
}
@media (max-width: 1023px) {
  .c-quote__text {
    font-size: 32px;
    font-size: 2rem;
    line-height: 0.96;
  }
}
.c-quote__text p {
  max-width: unset;
}
.c-quote__text svg {
  vertical-align: top;
  margin-top: 0.15em;
}
.c-quote__author {
  margin-top: 1.25rem;
  font-weight: 500;
  text-align: center;
  font-style: normal;
  position: relative;
  letter-spacing: -0.01em;
}
@media (max-width: 1023px) {
  .c-quote__author {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.28;
    margin-top: 2.0625rem;
    margin-left: 0.3125rem;
  }
}
.c-quote__author::before {
  content: "";
  display: block;
  position: absolute;
  height: 0.5px;
  background-color: var(--color, currentColor);
  width: 1.625rem;
  left: -2.1875rem;
  top: 50%;
  transform: scaleX(0);
  transform-origin: right;
}
@media (max-width: 1023px) {
  .c-quote__author::before {
    width: 1.5625rem;
    left: -2.125rem;
    margin-top: -0.125rem;
  }
}
.c-quote__author.is-animating::before {
  transition: transform 0.75s cubic-bezier(0.5, 0, 0.2, 1);
  transform: scaleX(1);
}

/* variables */
/* main */
/* typography */
.c-insight {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.c-insight.highlighted {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
}
.c-insight.highlighted .c-insight__label {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  margin: -0.375rem 0 -0.625rem;
}
.c-insight.highlighted .c-insight__image {
  box-shadow: 0 0 1.875rem 2.5rem white;
  margin-bottom: 1rem;
}
.c-insight__image {
  border-radius: 3.125rem;
  position: relative;
  overflow: hidden;
  width: 5.5625rem;
  height: 8.375rem;
  margin-bottom: 2.375rem;
}
.c-insight__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.16);
}
.c-insight__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1023px) {
  .c-insight__image {
    margin-top: 1.25rem;
    width: 6.125rem;
    height: 9.25rem;
    margin-bottom: 1rem;
  }
}
.c-insight__content {
  max-width: 15.875rem;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 1023px) {
  .c-insight__content {
    text-align: center;
    margin-bottom: 0.9375rem;
  }
}
.c-insight__content strong {
  font-weight: 500;
}
.c-insight__text {
  margin-top: 0.625rem;
  color: #282828;
}
@media (max-width: 1023px) {
  .c-insight__text {
    margin-top: 0.375rem;
    max-width: 13.75rem;
    text-wrap: unset;
  }
}
@media (max-width: 1023px) {
  .c-insight__line {
    position: relative;
    width: 0.5px;
    height: 4.0625rem;
    margin: auto;
    margin-bottom: 0.6875rem;
    border: none;
    background-color: var(--color, currentColor);
  }
}
.c-insight__line .a-capsule {
  left: -0.3125rem;
  bottom: 100%;
}
@media (max-width: 1023px) {
  .c-insight__line .a-capsule {
    left: 50%;
    bottom: -0.3125rem;
    transform: translateX(-50%) rotate(90deg);
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
}
@media (max-width: 1023px) {
  .c-insight__label {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.28;
    letter-spacing: -0.01em;
  }
}

/* variables */
/* main */
.c-accordion {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  --heading-size: 4rem;
  max-width: 44.875rem;
  margin: auto;
  gap: 0.625rem;
  padding-bottom: 7.5625rem;
  color: #282828;
}
@media (max-width: 1023px) {
  .c-accordion {
    --heading-size: 3.25rem;
    gap: 0.6875rem;
    padding-bottom: 1.1875rem;
  }
}
.c-accordion--horizontal {
  --item-size: 5.5rem;
  --item-expanded-size: 31.8125rem;
}
@media (min-width: 1024px) {
  .c-accordion--horizontal {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    max-height: 25.625rem;
  }
}
.c-accordion--horizontal {
  max-width: unset;
  padding-bottom: 0;
  gap: 1.25rem;
}
@media (max-width: 1023px) {
  .c-accordion--horizontal {
    --heading-size: 4rem;
    gap: 0.75rem;
  }
}
.c-accordion__heading {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.13;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  letter-spacing: -0.01em;
  height: var(--heading-size);
  width: 100%;
  cursor: pointer;
  padding: 0 1.3125rem;
}
@media (max-width: 1023px) {
  .c-accordion__heading {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.13;
    height: auto;
    min-height: var(--heading-size);
    text-align: left;
    padding-block: 1rem;
    padding-inline: 0.75rem;
  }
}
.is-expanded .c-accordion__heading {
  pointer-events: none;
  cursor: default;
}
.is-expanded .c-accordion__heading .icon-add {
  transform: rotate(0deg);
}
.c-accordion--horizontal .c-accordion__heading {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 300;
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 1.04;
  letter-spacing: -0.04em;
  color: #214864;
  padding: 0;
  padding-top: 0.3125rem;
  padding-left: 0.625rem;
}
@media (min-width: 1024px) {
  .c-accordion--horizontal .c-accordion__heading {
    height: auto;
    width: var(--heading-size);
  }
}
@media (max-width: 1023px) {
  .c-accordion--horizontal .c-accordion__heading {
    font-size: 48px;
    font-size: 3rem;
    line-height: 1.04;
    padding-top: 0.125rem;
    padding-left: 0.8125rem;
  }
}
.c-accordion__item {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.c-accordion__item::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .c-accordion__item::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.c-accordion__item {
  position: relative;
  transition: flex-basis 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.c-accordion__item::before {
  background: linear-gradient(177deg, #fff 12.21%, #FF4D00 41.24%, #214864 77.16%) border-box;
  border-radius: var(--radius-big);
  transition: background 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.c-accordion__item.is-expanded::before {
  background: linear-gradient(170deg, #fff 12.21%, #FF4D00 41.24%, #214864 77.16%) border-box;
  border-radius: var(--radius-big);
}
@media (min-width: 1024px) {
  .c-accordion--horizontal .c-accordion__item {
    flex-basis: var(--item-size);
    cursor: pointer;
  }
  .c-accordion--horizontal .c-accordion__item::before {
    background: linear-gradient(157deg, #fff 12.21%, #FF4D00 41.24%, #214864 77.16%) border-box;
    border-radius: var(--radius-big);
  }
  .no-touch .c-accordion--horizontal .c-accordion__item:hover, .accessibility .c-accordion--horizontal .c-accordion__item:focus {
    flex-basis: calc(var(--item-size) * 1.25);
  }
  .c-accordion--horizontal .c-accordion__item.is-expanded {
    cursor: default;
    flex-basis: var(--item-expanded-size) !important;
  }
  .c-accordion--horizontal .c-accordion__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }
}
.c-accordion__content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s cubic-bezier(0.5, 0, 0.2, 1), grid-template-columns 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
@media (min-width: 1024px) {
  .c-accordion--horizontal .c-accordion__content {
    flex-grow: 1;
    max-height: 100%;
    grid-template-columns: 0fr;
    grid-template-rows: auto;
  }
}
.is-expanded .c-accordion__content {
  grid-template-rows: 1fr;
}
@media (min-width: 1024px) {
  .c-accordion--horizontal .is-expanded .c-accordion__content {
    grid-template-columns: 1fr;
  }
}
.c-accordion__content > div {
  overflow: hidden;
}
.c-accordion--horizontal .c-accordion__wrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 31.8125rem;
}
.c-accordion__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
  text-align: left;
  padding: 1.25rem 3.25rem 1rem 1.25rem;
}
@media (max-width: 1023px) {
  .c-accordion__text {
    padding-left: 0.75rem;
  }
}
.c-accordion--horizontal .c-accordion__text {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 300;
  letter-spacing: -0.01em;
  padding-top: 1.8125rem;
  padding-right: 13rem;
}
@media (min-width: 1024px) {
  .c-accordion--horizontal .c-accordion__text {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.28;
    padding-left: 1rem;
  }
}
@media (max-width: 1023px) {
  .c-accordion--horizontal .c-accordion__text {
    padding-top: 1.875rem;
    padding-bottom: 1rem;
  }
}
@media (min-width: 1024px) {
  .c-accordion__text > * {
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  }
  .is-expanded .c-accordion__text > * {
    transition-delay: 0.25s;
    opacity: 1;
  }
}
.c-accordion__text strong {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.28;
  letter-spacing: -0.01em;
  display: block;
  margin-bottom: 0.625rem;
}
.c-accordion__text p {
  text-wrap: auto;
}
.c-accordion--horizontal .c-accordion__text p {
  min-width: 17.8125rem;
}
.c-accordion__text p + p {
  margin-top: 1.4375rem;
}
@media (max-width: 1023px) {
  .c-accordion__text p + p {
    margin-top: 1.125rem;
  }
}
.c-accordion__icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #FEFEFD;
  border-radius: var(--radius);
  overflow: hidden;
}
@media (max-width: 1023px) {
  .c-accordion__icon {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
  }
}
.c-accordion__icon .icon-add {
  width: 10px;
  height: 10px;
}
.is-expanded .c-accordion__icon .icon-add::before {
  display: none;
}
.c-accordion__wire {
  position: absolute;
  inset: 100% calc((var(--item-size) / 2 + 1.25rem) * -1) auto 50%;
  margin-top: 1rem;
  transition: right 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.c-accordion__item:has(+ .c-accordion__item:hover) .c-accordion__wire {
  right: calc((var(--item-size) * 1.25 / 2 + 1.25rem) * -1);
}
.c-accordion__item:has(+ .c-accordion__item.is-expanded) .c-accordion__wire {
  right: calc((var(--item-expanded-size) / 2 + 1.25rem) * -1);
}
.c-accordion__wire-wrap {
  height: 3rem;
  overflow: hidden;
  position: relative;
}
.c-accordion__wire-wrap::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 6rem;
  border: var(--border-thin) solid #214864;
  border-radius: 5.3125rem;
}
.c-accordion__wire-capsule {
  width: 0.625rem;
  height: 1.1875rem;
  position: absolute;
  right: 100%;
  top: 0;
  transform: rotate(-90deg) translateY(50%) translateX(99%);
  margin-right: -1px;
  transform-origin: left center;
}

/* variables */
/* main */
.c-table {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.6875rem;
  color: #214864;
  font-weight: 300;
}
@media (max-width: 1023px) {
  .c-table {
    font-family: "CircularXXWeb", sans-serif;
    font-weight: 300;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.13;
    padding-top: 6.5625rem;
    width: 100%;
    padding-right: 1.75rem;
    gap: 0.5rem;
  }
}
.c-table__labels, .c-table__row {
  display: grid;
  grid-template-columns: 9.375rem repeat(4, 4.25rem);
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  padding-inline: 0.8125rem;
}
@media (max-width: 1023px) {
  .c-table__labels, .c-table__row {
    grid-template-columns: 1fr repeat(4, 1.25rem);
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    padding-inline: 0.5625rem;
  }
}
.c-table__labels {
  align-items: end;
  margin-bottom: -0.375rem;
}
@media (max-width: 1023px) {
  .c-table__label {
    position: relative;
  }
  .c-table__label span {
    position: absolute;
    transform: rotate(-90deg) translateY(60%) translateX(1rem);
    transform-origin: left;
  }
}
.c-table__row {
  height: 1.9375rem;
  align-items: center;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.c-table__row::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .c-table__row::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.c-table__row {
  border-radius: 0.625rem;
}
.c-table__row::before {
  background: linear-gradient(178deg, #fff 10%, #FF4D00 30% 40%, #214864 85%) border-box;
  border-radius: inherit;
}

/* variables */
/* main */
.c-screenshot {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.875rem;
}
@media (max-width: 1023px) {
  .c-screenshot {
    padding-inline: 1rem;
  }
}
.c-screenshot__video {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.c-screenshot__video::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .c-screenshot__video::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.c-screenshot__video {
  width: 38.4375rem;
  height: 22rem;
  border-radius: 0.625rem;
  overflow: hidden;
  padding: 0.8125rem;
}
@media (max-width: 1023px) {
  .c-screenshot__video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    padding: 0.375rem;
  }
}
.c-screenshot__video::before {
  background: linear-gradient(160deg, #fff 12%, #FF4D00 30% 40%, #214864 85%) border-box;
  border-radius: inherit;
}
.c-screenshot__video video {
  width: 100%;
  height: 100%;
  border-radius: 0.3125rem;
  overflow: hidden;
}
.c-screenshot__image {
  width: 38.4375rem;
  height: 22rem;
  padding: 0.8125rem;
  border-radius: 0.625rem;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.c-screenshot__image::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .c-screenshot__image::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.c-screenshot__image::before {
  background: linear-gradient(160deg, #fff 12%, #FF4D00 30% 40%, #214864 85%) border-box;
  border-radius: inherit;
}
.c-screenshot__image img {
  border-radius: 0.3125rem;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-screenshot__decorator {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.875rem;
}
.c-screenshot__decorator span {
  width: var(--border-thin);
  background-color: #CCCCC7;
  height: 2.4375rem;
}
.c-screenshot__decorator span:nth-child(1) {
  height: 2.4375rem;
}
.c-screenshot__decorator span:nth-child(2) {
  height: 4rem;
}
.c-screenshot__decorator span:nth-child(3) {
  height: 7.1875rem;
}
.c-screenshot__decorator span:nth-child(4) {
  height: 9.875rem;
}
.c-screenshot__decorator span:nth-child(5) {
  height: 13.625rem;
}
.c-screenshot__decorator span:nth-child(6) {
  height: 17.125rem;
}
.c-screenshot__decorator:last-of-type {
  flex-direction: row-reverse;
}

/* variables */
/* main */
.c-blurred__glass {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.c-blurred__mask {
  position: absolute;
  left: -200%;
  top: -200%;
  width: 400%;
  height: 400%;
  pointer-events: none;
  transform-origin: center;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.c-blurred__border {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.c-blurred__border::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .c-blurred__border::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.c-blurred__border {
  backdrop-filter: none;
  position: absolute;
  transform-origin: center;
  border-radius: 50%;
  width: calc(var(--radius) * 2);
  height: calc(var(--radius) * 2);
  top: calc(var(--radius) * -1);
  left: calc(var(--radius) * -1);
  pointer-events: none;
}
.c-blurred__border::before {
  background: linear-gradient(144.55deg, #fff 12.21%, #FF4D00 41.24%, #214864 77.16%) border-box;
  border-radius: 50%;
}

/* variables */
/* main */
.c-team-member {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 8.4375rem;
  min-height: 11.875rem;
  text-align: center;
}
@media (max-width: 1023px) {
  .c-team-member {
    width: 100%;
  }
}
.c-team-member__image {
  width: 5.5625rem;
  height: 8.375rem;
  border-radius: 2.8125rem;
  position: relative;
  overflow: hidden;
  filter: saturate(0);
}
.c-team-member__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-team-member__image::before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  background-color: rgba(255, 255, 255, 0.2);
}
.c-team-member__name {
  margin-top: 1.25rem;
  margin-bottom: 0.3125rem;
}
@media (max-width: 1023px) {
  .c-team-member__name {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.28;
    letter-spacing: -0.01em;
    margin-top: 1rem;
    margin-bottom: 0;
  }
}
.c-team-member__position {
  font-weight: 300;
}
@media (max-width: 1023px) {
  .c-team-member__position {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.28;
    letter-spacing: -0.01em;
  }
}

/* variables */
/* main */
.c-slogan {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.c-slogan--teal {
  --color: #00B5B2;
}
.c-slogan__label {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.13;
  letter-spacing: -0.01em;
}
@media (max-width: 1023px) {
  .c-slogan__label {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
  }
}
.c-slogan__sublabel {
  font-weight: 500;
}
.c-slogan__title {
  color: var(--color, #282828);
  margin-top: 0.5rem;
}
@media (max-width: 1023px) {
  .c-slogan__title {
    line-height: 1.1;
    text-align: center;
    margin-top: 0.6875rem;
    max-width: 19.875rem;
  }
}
.c-slogan__decorator {
  width: 25.125rem;
  height: 3.125rem;
  border-radius: 0 0 3.125rem 3.125rem;
  border-bottom: var(--border-thin) solid var(--color);
  border-left: var(--border-thin) solid var(--color);
  border-right: var(--border-thin) solid var(--color);
  margin-top: 0.25rem;
  margin-left: -0.9375rem;
}
@media (max-width: 1023px) {
  .c-slogan__decorator {
    width: 14.0625rem;
    height: 1.6875rem;
    margin-left: 0;
    margin-top: 1.4375rem;
  }
}

/* variables */
/* main */
.c-story-step {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.c-story-step::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .c-story-step::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.c-story-step {
  gap: 4.4375rem;
  padding: 1rem;
  width: 22.4375rem;
  min-height: 14.6875rem;
  background-image: linear-gradient(180deg, rgba(135, 134, 134, 0.1), rgba(239, 239, 237, 0.5));
  border-radius: 0.625rem;
}
@media (max-width: 1023px) {
  .c-story-step {
    width: 100%;
    min-height: 8.975rem;
    justify-content: space-between;
    gap: 2rem;
    padding-bottom: 1rem;
  }
}
.c-story-step::before {
  border-radius: inherit;
  background: linear-gradient(152deg, #fff 3%, #00B5B2, #FF4D00 75%) border-box;
}
@media (min-width: 1024px) {
  .c-story-step:nth-child(2) {
    margin-top: 4.375rem;
  }
  .c-story-step:nth-child(3) {
    margin-top: 6.5625rem;
  }
}
.c-story-step__text {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.25;
  margin-bottom: -0.22em;
  letter-spacing: -0.04em;
}
@media (max-width: 1023px) {
  .c-story-step__text {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.25;
    text-wrap: unset;
  }
}

/* variables */
/* main */
@media (max-width: 1023px) {
  .c-combo-inner--team {
    padding-bottom: 4.125rem;
  }
}
.c-combo-inner__wrap {
  --text-width: 24.375rem;
}
@media (min-width: 1024px) {
  .c-combo-inner__wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "left right";
  }
  .c-combo-inner__wrap:has(.c-combo-inner__image), .c-combo-inner__wrap:has(.c-combo-inner__input-wrap), .c-combo-inner__wrap:has(.c-combo-inner__decorator-files) {
    --text-width: 21.9375rem;
  }
  .c-combo-inner__wrap:has(.c-table), .m-combo--reversed .c-combo-inner__wrap {
    --text-width: 23.625rem;
  }
  .c-combo-inner__wrap:has(.c-combo-inner__text-extra) {
    --text-width: 20.6875rem;
  }
}
.c-combo-inner__wrap {
  width: 100%;
  position: relative;
}
.m-combo--reversed .c-combo-inner__wrap {
  grid-template-areas: "right left";
}
.m-combo--files .c-combo-inner__wrap, .m-combo--long .c-combo-inner__wrap {
  min-height: 15rem;
}
@media (max-width: 1023px) {
  .c-combo-inner__wrap {
    --text-width: 17.25rem;
  }
  .m-combo--long .c-combo-inner__wrap {
    text-align: center;
  }
}
.c-combo-inner__title {
  color: var(--color, #4E4E4E);
  max-width: 30.3125rem;
  margin-top: -0.15em;
}
.m-combo--reversed .c-combo-inner__title {
  margin-left: auto;
  margin-right: 2.875rem;
}
@media (min-width: 1024px) {
  .m-combo--reversed .c-combo-inner__title {
    text-align: right;
  }
}
@media (max-width: 1023px) {
  .c-combo-inner__title {
    max-width: 18.75rem;
  }
  .m-combo--long .c-combo-inner__title {
    margin: auto;
  }
}
.c-combo-inner__subtitle {
  color: var(--color, #00B5B2);
}
@media (max-width: 1023px) {
  .c-combo-inner__subtitle {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    letter-spacing: -0.01em;
    margin-top: 0.4375rem;
    margin-bottom: 5.625rem;
  }
}
.c-combo-inner__content--left {
  grid-area: left;
  padding-left: 2.75rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 1023px) {
  .c-combo-inner__content--left {
    padding-left: 1.75rem;
  }
  .m-combo--reversed .c-combo-inner__content--left {
    padding-left: 1.75rem;
  }
  .m-combo--long .c-combo-inner__content--left {
    padding-left: 0;
    align-items: center;
  }
}
.c-combo-inner__content--right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  grid-area: right;
  padding-left: 1.0625rem;
  position: relative;
}
@media (max-width: 1023px) {
  .c-combo-inner__content--right {
    padding-left: 1.75rem;
  }
  .m-combo--long .c-combo-inner__content--right {
    padding-left: 0;
    align-items: center;
  }
}
.m-team .c-combo-inner__content--right {
  border-color: #00B5B2;
}
@media (max-width: 1023px) {
  .m-team .c-combo-inner__content--right {
    padding-left: 1.75rem;
    padding-right: 1.375rem;
    padding-top: 1.25rem;
  }
}
.m-combo--reversed .c-combo-inner__content--right {
  border-left: none;
}
@media (min-width: 1024px) {
  .m-combo--reversed .c-combo-inner__content--right {
    padding-left: 1.375rem;
  }
}
.m-combo--arrow .c-combo-inner__content--right {
  padding-bottom: 5rem;
}
.c-combo-inner__content--right .a-button {
  margin-top: auto;
}
.c-combo-inner__content--right .c-table {
  margin-block: 0.6875rem 1.625rem;
}
.c-combo-inner__divider {
  position: absolute;
  inset: 0 auto auto 0;
  width: var(--border-thin);
  height: 100%;
  background-color: currentColor;
  z-index: 0;
}
.m-combo--reversed .c-combo-inner__divider {
  display: none;
}
.c-combo-inner__text.c-text {
  max-width: var(--text-width);
}
.c-combo-inner__text.c-text:has(+ .a-button) {
  margin-bottom: 1.125rem;
}
@media (max-width: 1023px) {
  .c-combo-inner__text.c-text p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.24;
  }
  .m-combo--long .c-combo-inner__text.c-text p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.15;
  }
}
.c-combo-inner__text.c-text p {
  margin-top: -0.2em;
}
.c-combo-inner__text.c-text p span {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
}
@media (max-width: 1023px) {
  .c-combo-inner__text.c-text.c-text--team {
    padding-left: 0.25rem;
  }
}
.c-combo-inner__text.c-text.c-text--team p {
  margin-bottom: -0.24em;
}
.c-combo-inner__text-extra.c-text {
  max-width: var(--text-width);
  margin-top: 10rem;
}
.c-combo-inner__text-extra.c-text + .a-button {
  margin-top: 0.8125rem;
}
.c-combo-inner__image {
  position: absolute;
  top: 0;
  right: 1.375rem;
  width: 6.3125rem;
}
.c-combo-inner__image img {
  width: 100%;
  height: auto;
}
@media (max-width: 1023px) {
  .c-combo-inner--team .c-combo-inner__image {
    display: none;
  }
}
.c-combo-inner__input {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.c-combo-inner__input::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .c-combo-inner__input::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.c-combo-inner__input {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  color: #214864;
  width: 31rem;
  height: 2.3125rem;
  gap: 1.0625rem;
  padding-inline: 0.625rem;
  border-radius: 0.625rem;
}
@media (max-width: 1023px) {
  .c-combo-inner__input {
    width: auto;
    gap: 0.9375rem;
  }
}
.c-combo-inner__input-wrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  margin-right: -0.8125rem;
  gap: 0.8125rem;
  margin-block: 3.25rem 4.125rem;
  position: relative;
  padding-left: 6.0625rem;
}
@media (max-width: 1023px) {
  .c-combo-inner__input-wrap {
    padding-left: 0;
    margin-right: auto;
    align-items: center;
    padding-right: 1rem;
    gap: 0.6875rem;
    margin-block: 0.8125rem 8.5625rem;
  }
}
.c-combo-inner__input-wrap .m-combo__line {
  width: 2.125rem;
  height: 3.3125rem;
  border-bottom-left-radius: 0.625rem;
  border-left: var(--border-thin) solid currentColor;
  border-bottom: var(--border-thin) solid currentColor;
  margin-bottom: 1.125rem;
}
.c-combo-inner__input span {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.14;
  font-weight: 300;
  letter-spacing: -0.01em;
  margin-top: 0.125rem;
}
@media (max-width: 1023px) {
  .c-combo-inner__input span {
    margin-top: 0.25rem;
  }
}
.c-combo-inner__input::before {
  border-radius: inherit;
  background: linear-gradient(176deg, #fff 6%, #FF4D00 30% 40%, #214864 85%) border-box;
}
.c-combo-inner__decorator-arrow {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.c-combo-inner__decorator-arrow::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .c-combo-inner__decorator-arrow::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.c-combo-inner__decorator-arrow {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 9.25rem;
  aspect-ratio: 1;
  border-radius: 0.625rem;
}
@media (min-width: 1024px) {
  .c-combo-inner__decorator-arrow {
    position: absolute;
    right: 5.625rem;
    bottom: 0.625rem;
  }
}
@media (max-width: 1023px) {
  .c-combo-inner__decorator-arrow {
    width: 7.3125rem;
    height: 7.5625rem;
    aspect-ratio: unset;
    margin-bottom: 2.375rem;
    margin-left: 0.25rem;
  }
}
.c-combo-inner__decorator-arrow::before {
  border-radius: inherit;
  background: linear-gradient(140deg, #fff 10%, #FF4D00 30% 40%, #214864 85%) border-box;
}
.c-combo-inner__decorator-arrow svg {
  opacity: 0;
  transform: translate(-20%, 20%);
  transition: opacity 0.8s cubic-bezier(0.5, 0, 0.2, 1), transform 0.8s cubic-bezier(0.5, 0, 0.2, 1);
  will-change: opacity, transform;
}
.c-combo-inner__decorator-arrow.is-in-view svg {
  opacity: 1;
  transform: translate(0, 0);
  transition-delay: 1.2s;
}
.c-combo-inner__decorator-files {
  width: 5.375rem;
  height: 6.625rem;
  position: relative;
}
@media (min-width: 1024px) {
  .c-combo-inner__decorator-files {
    position: absolute;
    left: 2.8125rem;
    top: 2.0625rem;
  }
}
@media (max-width: 1023px) {
  .c-combo-inner__decorator-files {
    margin-bottom: 5.625rem;
  }
}
.c-combo-inner__decorator-files span {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.c-combo-inner__decorator-files span::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .c-combo-inner__decorator-files span::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.c-combo-inner__decorator-files span {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0.625rem;
}
.c-combo-inner__decorator-files span:nth-child(1) {
  top: 0rem;
  left: 0rem;
}
.c-combo-inner__decorator-files span:nth-child(2) {
  top: 0.75rem;
  left: 1rem;
}
.c-combo-inner__decorator-files span:nth-child(3) {
  top: 1.5rem;
  left: 2rem;
}
.c-combo-inner__decorator-files span::before {
  border-radius: inherit;
  background: linear-gradient(140deg, #fff 10%, #FF4D00 30% 40%, #214864 85%) border-box;
}
.c-combo-inner__decorator-smart {
  width: 15.0625rem;
  height: 12.1875rem;
}
@media (min-width: 1024px) {
  .c-combo-inner__decorator-smart {
    position: absolute;
    right: 3.75rem;
    top: 2.1875rem;
  }
  .c-combo-inner__decorator-smart span {
    position: absolute;
  }
}
@media (max-width: 1023px) {
  .c-combo-inner__decorator-smart {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    height: 7.676875rem;
    margin-bottom: 4.5625rem;
    padding-left: 0.9375rem;
    gap: 0.5rem;
    margin-top: -1.75rem;
  }
  .c-combo-inner__decorator-smart span {
    display: inline-block;
  }
}
.c-combo-inner__decorator-smart--i {
  width: 2.125rem;
  height: 100%;
  border-radius: 0.625rem;
  left: 0;
  top: 0;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.c-combo-inner__decorator-smart--i::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .c-combo-inner__decorator-smart--i::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
@media (max-width: 1023px) {
  .c-combo-inner__decorator-smart--i {
    height: 7.875rem;
    width: 1.350625rem;
  }
}
.c-combo-inner__decorator-smart--i::before {
  background: linear-gradient(105deg, #fff 10%, #FF4D00 30% 40%, #214864 85%) border-box;
  border-radius: inherit;
}
.c-combo-inner__decorator-smart--q {
  right: 0.25rem;
  top: 0;
  width: 11.875rem;
  height: 11.875rem;
}
@media (max-width: 1023px) {
  .c-combo-inner__decorator-smart--q {
    height: 100%;
    aspect-ratio: 1;
    width: auto;
  }
}
.c-combo-inner__decorator-smart--circle {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.c-combo-inner__decorator-smart--circle::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .c-combo-inner__decorator-smart--circle::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.c-combo-inner__decorator-smart--circle::before {
  background: linear-gradient(140deg, #fff 10%, #FF4D00 30% 40%, #214864 85%) border-box;
  border-radius: inherit;
}
.c-combo-inner__decorator-smart--dash {
  position: absolute;
  top: 73%;
  right: 5%;
  width: 1.75rem;
  height: 3.375rem;
  border-radius: 0.625rem;
  scale: -1;
  rotate: 142deg;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.c-combo-inner__decorator-smart--dash::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .c-combo-inner__decorator-smart--dash::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
@media (max-width: 1023px) {
  .c-combo-inner__decorator-smart--dash {
    width: 1.125rem;
    height: 2.25rem;
    top: 71%;
    right: 6%;
  }
}
.c-combo-inner__decorator-smart--dash::before {
  background: linear-gradient(140deg, #fff 10%, #FF4D00 30% 40%, #214864 85%) border-box;
  border-radius: inherit;
}
.c-combo-inner__line {
  width: 2.125rem;
  height: 3.3125rem;
  border: var(--border-thin) solid currentColor;
  border-width: 0 0 var(--border-thin) var(--border-thin);
  border-bottom-left-radius: var(--radius-big);
}
@media (min-width: 1024px) {
  .c-combo-inner__line {
    position: absolute;
    left: 3.125rem;
    bottom: 1.125rem;
  }
}
@media (max-width: 1023px) {
  .c-combo-inner__line {
    height: 0.5px;
    border: none;
    background: #214864;
    flex-shrink: 0;
  }
}

/* variables */
/* main */
.c-conversation {
  cursor: pointer;
  position: relative;
}
.c-conversation--full {
  background: radial-gradient(circle at var(--radius-big) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top left, radial-gradient(circle at calc(100% - var(--radius-big)) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top right, radial-gradient(circle at var(--radius-big) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom left, radial-gradient(circle at calc(100% - var(--radius-big)) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom right, rgba(0, 0, 0, 0);
  background-size: var(--radius-big) var(--radius-big);
  background-repeat: no-repeat;
  cursor: default;
}
.c-conversation:last-of-type .c-conversation__wrap {
  border-bottom: none;
}
.c-conversation__wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  background: radial-gradient(circle at var(--radius-big) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top left, radial-gradient(circle at calc(100% - var(--radius-big)) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top right, radial-gradient(circle at var(--radius-big) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom left, radial-gradient(circle at calc(100% - var(--radius-big)) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom right, rgba(0, 0, 0, 0);
  background-size: var(--radius-big) var(--radius-big);
  background-repeat: no-repeat;
  height: 5.8125rem;
  border-bottom: 0.375rem solid #fff;
  padding: 0.4375rem 0.8125rem;
  padding-right: 0.5rem;
}
.c-conversation--demo .c-conversation__wrap {
  padding-right: 0.8125rem;
}
@media (max-width: 1023px) {
  .c-conversation__wrap {
    flex-direction: column;
    height: auto;
    border-bottom: 0.625rem solid #fff;
    gap: 1.5rem;
    padding: 0.5rem 0.75rem;
  }
}
.c-conversation__demo-link {
  position: absolute;
  inset: 0;
}
.c-conversation__line {
  position: absolute;
  top: 1.125rem;
  width: 0.625rem;
  height: 0;
  border-bottom: 0.5px solid currentColor;
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.c-conversation__title {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
  max-width: 24.875rem;
  position: relative;
}
@media (min-width: 1024px) {
  .c-conversation__title {
    /* stylelint-disable-next-line value-no-vendor-prefix */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  }
  .c-conversation--demo .c-conversation__title {
    overflow: visible;
  }
}
@media (max-width: 1023px) {
  .c-conversation__title {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.04;
    max-width: 18.75rem;
  }
}
.c-conversation__title span {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.28;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  position: absolute;
  left: 100%;
  top: -0.25rem;
  letter-spacing: -0.01em;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.25rem;
  backdrop-filter: blur(16px);
  width: 2.5rem;
  height: 1.0625rem;
  color: #962437;
}
.c-conversation__details {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
@media (min-width: 1024px) {
  .c-conversation__details {
    padding-top: 0.125rem;
  }
}
.c-conversation__container .c-conversation__details {
  justify-content: flex-start;
}
.c-conversation__date, .c-conversation__duration {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
.c-conversation__date {
  color: #962437;
  margin-right: 0.5625rem;
}
@media (max-width: 1023px) {
  .c-conversation__date {
    margin-right: 0.625rem;
  }
}
.c-conversation__actions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 1px;
  position: relative;
}
.no-touch .c-conversation__actions:hover .c-conversation__tooltip, .accessibility .c-conversation__actions:focus .c-conversation__tooltip {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}
.c-conversation__container {
  background: radial-gradient(circle at var(--radius-big) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top left, radial-gradient(circle at calc(100% - var(--radius-big)) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top right, radial-gradient(circle at var(--radius-big) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom left, radial-gradient(circle at calc(100% - var(--radius-big)) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom right, rgba(0, 0, 0, 0);
  background-size: var(--radius-big) var(--radius-big);
  background-repeat: no-repeat;
  background-color: #EFEFED;
  padding: 1rem 1.0625rem 1.5625rem;
  border-radius: var(--radius-big);
}
@media (max-width: 1023px) {
  .c-conversation__container {
    padding-top: 0.75rem;
    padding-inline: 1rem;
    padding-bottom: 2.6875rem;
  }
}
.c-conversation__heading {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.04;
  letter-spacing: -0.02em;
  margin-bottom: 0.375rem;
}
@media (max-width: 1023px) {
  .c-conversation__heading {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.04;
  }
}
.c-conversation__summary {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin: 1.375rem 0 0.6875rem;
  max-width: 29.75rem;
  padding-left: 0.125rem;
}
@media (max-width: 1023px) {
  .c-conversation__summary {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3;
    margin: 1.625rem 0 0.6875rem;
    max-width: 18.75rem;
  }
}
.c-conversation__links {
  margin-bottom: 3rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 1023px) {
  .c-conversation__links {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.6875rem;
    padding-top: 0.25rem;
    margin-bottom: 2.75rem;
  }
}
.c-conversation__label {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.13;
  letter-spacing: -0.01em;
}
@media (max-width: 1023px) {
  .c-conversation__label {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.13;
    padding-left: 0.0625rem;
  }
}
.c-conversation__pinned {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.5625rem;
  margin-bottom: 3.4375rem;
  gap: 0.375rem;
  flex-wrap: wrap;
}
@media (max-width: 1023px) {
  .c-conversation__pinned {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.625rem;
    margin-top: 0.9375rem;
    margin-bottom: 1.5625rem;
  }
}
.c-conversation__highlights {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.625rem;
  margin-top: 0.6875rem;
}
.c-conversation__phrase {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 14.25px;
  font-size: 0.890625rem;
  line-height: 1.41;
  letter-spacing: -0.02em;
  max-width: 28.1875rem;
  position: relative;
  padding-left: 0.8125rem;
}
@media (max-width: 1023px) {
  .c-conversation__phrase {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.41;
    max-width: 18.1875rem;
    padding-left: 0.6875rem;
  }
}
.c-conversation__phrase::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  box-shadow: 0.5px 0 0 #962437;
  position: absolute;
  left: 1px;
}
@media (max-width: 1023px) {
  .c-conversation__phrase::before {
    height: auto;
    top: 0.1875rem;
    bottom: 0.375rem;
    left: 0;
  }
}
.c-conversation__tooltip {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: absolute;
  z-index: 2;
  right: 0.5rem;
  top: calc(100% + 0.6875rem);
  background-color: #fff;
  border-radius: var(--radius);
  min-width: 10.6875rem;
  padding: 0.8125rem 1rem;
  gap: 0.375rem;
  border: var(--border-thin) solid #939393;
  opacity: 0;
  transform: translateY(1.25rem);
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  pointer-events: none;
}
.c-conversation__tooltip::after {
  content: "";
  position: absolute;
  inset: -0.625rem;
  z-index: -1;
}
.c-conversation__tooltip-item {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  letter-spacing: -0.01em;
  color: #4E4E4E;
  position: relative;
}
.c-conversation__tooltip-item span {
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.c-conversation__tooltip-item::before {
  content: "";
  position: absolute;
  left: 0;
  width: 0.625rem;
  height: 0;
  border-bottom: 0.5px solid currentColor;
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.no-touch .c-conversation__tooltip-item:hover span, .accessibility .c-conversation__tooltip-item:focus span {
  transform: translateX(0.875rem);
}
.no-touch .c-conversation__tooltip-item:hover::before, .accessibility .c-conversation__tooltip-item:focus::before {
  transform: scaleX(1);
}
.c-conversation__trigger {
  position: relative;
}
.c-conversation__trigger::after {
  content: "";
  position: absolute;
  inset: 0 -0.625rem -1.875rem -0.625rem;
}
.no-touch .c-conversation:hover .c-conversation__title, .accessibility .c-conversation:focus .c-conversation__title {
  transform: translateX(1rem);
}
.no-touch .c-conversation:hover .c-conversation__line, .accessibility .c-conversation:focus .c-conversation__line {
  transform: scaleX(1);
}

/* variables */
/* main */
.c-dropdown {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.0588235294;
  --checkmark-width: 1.4375rem;
  padding-bottom: 0.25rem;
  padding-top: 0.3125rem;
  width: 100%;
  height: 100%;
}
.c-dropdown__wrap {
  position: absolute;
  inset: calc(100% + 0.5rem) 0 auto;
  overflow-y: clip;
  pointer-events: none;
  z-index: 2;
}
.c-dropdown.is-open .c-dropdown__wrap {
  pointer-events: all;
}
.c-dropdown__list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.c-dropdown__list::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .c-dropdown__list::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.c-dropdown__list {
  position: relative;
  gap: 0.4375rem;
  background-color: rgba(239, 239, 237, 0.9);
  padding: 0.4375rem 0.8125rem 0.6875rem;
  pointer-events: none;
  transform: translateY(-101%);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  border-radius: var(--radius);
  overflow: hidden;
}
.c-dropdown__list::before {
  border-radius: var(--radius);
  background: linear-gradient(144.55deg, #fff 12.21%, #FF4D00 41.24%, #00B5B2 77.16%) border-box;
}
.is-open .c-dropdown__list {
  transform: translateY(0);
  pointer-events: all;
}
.c-dropdown__option {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: left;
  color: #4E4E4E;
  position: relative;
}
.c-dropdown__option::before {
  content: "";
  position: absolute;
  top: 0.6875rem;
  left: 0;
  width: 0.625rem;
  height: 0.03125rem;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.c-dropdown__option.is-hidden {
  display: none;
}
.c-dropdown__option span {
  display: inline-block;
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.c-dropdown__option.is-selected span {
  transform: translateX(0.9375rem);
}
.c-dropdown__option.is-selected::before {
  transform: scaleX(1);
}
.no-touch .c-dropdown__option:hover span, .accessibility .c-dropdown__option:focus span {
  transform: translateX(0.9375rem);
}
.no-touch .c-dropdown__option:hover::before, .accessibility .c-dropdown__option:focus::before {
  transform: scaleX(1);
}
.c-dropdown__button {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
}
.no-touch .c-dropdown__button:hover .c-dropdown__icon i, .accessibility .c-dropdown__button:focus .c-dropdown__icon i {
  transform: translateY(0.125rem);
}
.no-touch .is-open .c-dropdown__button:hover .c-dropdown__icon i, .accessibility .is-open .c-dropdown__button:focus .c-dropdown__icon i {
  transform: translateY(-0.125rem);
}
.c-dropdown__icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #fff;
  border-radius: var(--radius);
  position: relative;
  overflow: hidden;
}
.c-dropdown__icon i {
  transition: transform 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
.c-dropdown__value {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  position: relative;
  z-index: 3;
  flex-basis: 0;
  flex-grow: 1;
  width: 100%;
}

/* variables */
/* main */
.c-diamond-label {
  text-align: center;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  transition: opacity 0.6s;
  z-index: 10 !important;
}
.c-diamond-label.is-active {
  cursor: default !important;
}
.c-diamond-label__title {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
  color: #214864;
  transition: scale 0.6s ease-in-out;
  transform-origin: center bottom;
}
@media (max-width: 1023px) {
  .c-diamond-label__title {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.1;
    max-width: 9.375rem;
  }
}
.c-diamond-label__progress {
  width: 3rem;
  height: 0.375rem;
  border-radius: 4px;
  background: #fff;
  position: relative;
  overflow: hidden;
}
.c-diamond-label__progress::before {
  content: "";
  display: block;
  height: 100%;
  width: var(--progress, 0%);
  border-radius: inherit;
  transition: width 0.5s ease-in-out;
  background: var(--color);
}
.c-diamond-label__progress::after {
  content: "";
  position: absolute;
  inset: -6px -10px;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(circle at calc(var(--progress, 0%)) 50%, rgba(244, 243, 238, 0.9), rgba(244, 243, 238, 0) 60%), linear-gradient(180deg, rgba(244, 243, 238, 0.65), rgba(244, 243, 238, 0));
  filter: blur(8px);
  transition: opacity 0.5s ease-in-out;
  mix-blend-mode: screen;
  opacity: 0;
}
.c-diamond-label:not(.is-complete) .c-diamond-label__progress::after {
  opacity: 0.85;
  animation: glow 2s ease-in-out infinite;
}
.c-diamond-label__description {
  position: absolute;
  width: 29.25rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  font-family: "CircularXXWeb", sans-serif;
  text-align: left;
  color: #214864;
  top: 100%;
  margin-top: 1.75rem;
  border-radius: 0.25rem;
  padding: 0.625rem 0.5rem;
  opacity: 0;
  scale: 0.5;
}
.gfx-label-renderer.is-flat .c-diamond-label__description {
  background-color: #EFEFED;
}
.gfx-label-renderer.is-flat.is-zoomed .c-diamond-label__description {
  padding: 0.625rem 0.5rem !important;
}
.gfx-label-renderer.is-flat:not(.is-zoomed) .c-diamond-label__description {
  width: 18.75rem;
}
.gfx-label-renderer.is-flat:not(.is-zoomed) .c-diamond-label__description::before {
  content: "";
  display: block;
  background: var(--color);
  border-radius: 50%;
  width: 0.3125rem;
  height: 0.3125rem;
  position: absolute;
  margin: 0.5rem;
}
.c-label-renderer.is-flat:not(.is-zoomed) .c-diamond-label--top .c-diamond-label__description {
  padding-bottom: 1.25rem;
}
.c-label-renderer.is-flat:not(.is-zoomed) .c-diamond-label--top .c-diamond-label__description::before {
  left: 50%;
  bottom: 0;
  margin-inline: 0 !important;
}
.c-label-renderer.is-flat:not(.is-zoomed) .c-diamond-label--top-right .c-diamond-label__description, .c-label-renderer.is-flat:not(.is-zoomed) .c-diamond-label--bottom-right .c-diamond-label__description {
  padding-right: 1.25rem;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  margin-right: 1.25rem;
  margin-top: -0.625rem;
}
.c-label-renderer.is-flat:not(.is-zoomed) .c-diamond-label--top-right .c-diamond-label__description::before, .c-label-renderer.is-flat:not(.is-zoomed) .c-diamond-label--bottom-right .c-diamond-label__description::before {
  top: 50%;
  right: 0;
  margin-block: 0 !important;
}
.c-label-renderer.is-flat:not(.is-zoomed) .c-diamond-label--top-left .c-diamond-label__description, .c-label-renderer.is-flat:not(.is-zoomed) .c-diamond-label--bottom-left .c-diamond-label__description {
  padding-left: 1.25rem;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  margin-left: 1.25rem;
  margin-top: -0.625rem;
}
.c-label-renderer.is-flat:not(.is-zoomed) .c-diamond-label--top-left .c-diamond-label__description::before, .c-label-renderer.is-flat:not(.is-zoomed) .c-diamond-label--bottom-left .c-diamond-label__description::before {
  top: 50%;
  left: 0;
  margin-block: 0 !important;
}
.c-label-renderer.is-flat:not(.is-zoomed) .c-diamond-label--bottom .c-diamond-label__description {
  padding-top: 1.25rem;
  top: auto;
  bottom: 100%;
  margin-bottom: 0.625rem;
}
.c-label-renderer.is-flat:not(.is-zoomed) .c-diamond-label--bottom .c-diamond-label__description::before {
  left: 50%;
  top: 0;
  margin-inline: 0 !important;
}
.c-diamond-label__description::after {
  content: "";
  position: absolute;
  inset: -0.5px;
  border-radius: 0.6875rem;
  background: linear-gradient(to bottom right, #fff 1.68%, #F0F0F0 39.42%, #939393 77.16%);
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
          mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-clip: content-box, border-box;
          mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  padding: 0.5px;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .c-diamond-label__description {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
    width: 90vw;
  }
}
.c-diamond-label.is-active .c-diamond-label__title {
  scale: 1.2222222222;
}
.c-diamond-label--top .c-diamond-label__title,
.c-diamond-label--top .c-diamond-label__progress,
.c-diamond-label--top .c-diamond-label__description {
  transition: translate 0.6s ease-in-out, scale 0.6s ease-in-out;
}
.c-diamond-label--top.is-active .c-diamond-label__title {
  translate: 0 -4.375rem;
}
.c-diamond-label--top.is-active .c-diamond-label__progress {
  translate: 0 -4.375rem;
}
.c-diamond-label--top.is-active .c-diamond-label__description {
  translate: 0 -4.375rem;
}
.c-diamond-label.is-active .c-diamond-label__description {
  opacity: 1;
  scale: 1;
  transition: opacity 0.6s, translate 0.6s, scale 0.6s;
  transition-delay: 0.3s, 0.3s, 0.3s;
}
.gfx-label-renderer:has(.is-active) .c-diamond-label:not(.is-active) .c-diamond-label__title {
  color: #939393;
}
.gfx-label-renderer.is-flat.is-zoomed:has(.is-active) .c-diamond-label:not(.is-active) {
  opacity: 0 !important;
}

/* variables */
/* main */
.c-diamond-lines {
  position: relative;
  width: 0;
  height: 0;
  pointer-events: none;
  transform-origin: center center;
}

.c-diamond-line {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1px;
  transform-origin: 0 50%;
  transition: all 0.3s ease;
  background-color: #CBCBCB;
}
.c-diamond-line::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to right, var(--color, red) calc(var(--progress, 0%) - 5%), transparent calc(var(--progress, 0%) + 5%));
}
.c-diamond-line span {
  left: 100%;
  translate: 0 -50%;
  color: #CBCBCB;
}
.c-diamond-line span::before {
  background: #CBCBCB;
}
.c-diamond-line.is-complete span::before {
  background: linear-gradient(145deg, #fff 2%, var(--color) 77%) border-box;
}
.c-diamond-line.is-complete span::after {
  background-color: var(--color);
}

/* variables */
/* main */
.c-mindmap-flat-layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.c-mindmap-flat-layout[data-zoom=node], .c-mindmap-flat-layout[data-zoom=fit] {
  cursor: default !important;
}
[data-three-d-enabled=true] .c-mindmap-flat-layout:not([data-navigation=drag]) {
  pointer-events: none !important;
}
[data-is-dynamic-mindmap-modal-fullscreen=true][data-dynamic-mindmap-modal-open=true] .c-mindmap-flat-layout {
  opacity: 0 !important;
}
.c-mindmap-flat-layout.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.c-mindmap-flat-layout.is-3d .c-mindmap-node__content {
  pointer-events: none !important;
}
.c-mindmap-flat-layout.is-dragging {
  cursor: grabbing !important;
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.c-mindmap-content-wrapper {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  min-width: 100%;
  min-height: 100%;
  padding: 60px 0;
  transform-origin: 0 0;
}

.c-mindmap-children {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  margin-block: 60px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  padding-inline: 60px;
}
.is-3d .c-mindmap-children {
  gap: 120px;
  margin-block: 100px;
  padding-inline: 160px;
}
.c-mindmap-children--level-0 {
  margin-top: 0;
  height: 100%;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  margin-inline: auto;
  left: auto;
  transform: none;
  margin-block: 20px;
}
.c-mindmap-children--even, .c-mindmap-children--even .c-mindmap-children {
  bottom: 100%;
  align-items: flex-end;
}
.c-mindmap-children--odd, .c-mindmap-children--odd .c-mindmap-children {
  top: 100%;
}

/* variables */
/* main */
.c-mindmap-node {
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: row;
  pointer-events: none !important;
}
.c-mindmap-flat-layout.is-visible[data-zoom=default] .c-mindmap-node .c-mindmap-node__content {
  pointer-events: all;
}
.c-mindmap-flat-layout.is-visible[data-zoom=zoomout] .c-mindmap-node .c-mindmap-node__content {
  pointer-events: all;
}
.c-mindmap-node__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  background: #F7F7F4;
  border-radius: 0.340625rem;
  align-items: center;
  justify-content: center;
  text-align: left;
  padding: 0.5rem;
  position: relative;
  z-index: 1;
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.c-mindmap-node__content > * {
  pointer-events: none;
}
.c-mindmap-node__content {
  min-width: 9.25rem;
  min-height: 6.125rem;
  max-width: 9.25rem;
}
.c-mindmap-node--root > .c-mindmap-node__content {
  margin-right: -0.5625rem;
}
.c-mindmap-node--root.is-loading > .c-mindmap-node__content {
  pointer-events: none !important;
  justify-content: flex-start;
}
.is-3d .c-mindmap-node__content {
  margin: 60px;
}
.c-mindmap-node--root .c-mindmap-node__content, .c-mindmap-node--level-1 .c-mindmap-node__content {
  background: #fff;
  padding: 1.125rem;
  min-width: 14rem;
  min-height: 9rem;
  max-width: 14rem;
  text-align: center;
  border-radius: 0.17rem;
}
.c-mindmap-node--root .c-mindmap-node__content {
  border-radius: 0.340625rem;
}
.c-mindmap-node--level-2 .c-mindmap-node__content {
  padding-right: 1.125rem;
  min-width: 7.9375rem;
  min-height: 6.4375rem;
  max-width: 8.25rem;
  border-radius: 0.340625rem;
}
.c-mindmap-node.is-hovered:not(.is-active) > .c-mindmap-node__content {
  background: #fff;
  transform: scale(1.02);
}
.c-mindmap-node.is-hovered:not(.is-active) > .c-mindmap-node__content::before {
  border-color: #FF4D00;
}
.c-mindmap-node.is-parent-hovered > .c-mindmap-node__content::before {
  border-color: rgba(147, 147, 147, 0.8);
}
.c-mindmap-node--level-1.is-hovered > .c-mindmap-node__content .c-mindmap-node__capsule {
  color: #FF4D00;
}
.c-mindmap-node--root > .c-mindmap-node__content::before, .c-mindmap-node--root > .c-mindmap-node__content::after, .c-mindmap-node--level-1 > .c-mindmap-node__content::before, .c-mindmap-node--level-1 > .c-mindmap-node__content::after, .c-mindmap-node--child > .c-mindmap-node__content::after {
  content: "";
  position: absolute;
  inset: -0.5625rem;
  z-index: -1;
  border-radius: 0.340625rem;
  transition: border-color 0.3s ease;
  pointer-events: none;
}
.c-mindmap-node--child > .c-mindmap-node__content::after {
  padding: 1px;
  inset: 0;
}
.c-mindmap-node--level-1 > .c-mindmap-node__content::after {
  border: 1px solid rgba(147, 147, 147, 0.3);
}
.c-mindmap-node--expert .c-mindmap-node__content {
  min-width: 9.25rem;
  min-height: 6.125rem;
}
.c-mindmap-node__title {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.1;
  color: #214864;
  text-wrap: balance;
  letter-spacing: -0.01em;
}
.c-mindmap-node--root .c-mindmap-node__title, .c-mindmap-node--level-1 .c-mindmap-node__title {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.c-mindmap-node--level-2 .c-mindmap-node__title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.1;
}
.c-mindmap-node--root.is-loading .c-mindmap-node__title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.1;
  text-align: left;
  letter-spacing: -0.01em;
}
.c-mindmap-node__subtitle {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 8px;
  font-size: 0.5rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #939393;
  text-transform: uppercase;
}
.c-mindmap-node__description {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 8px;
  font-size: 0.5rem;
  line-height: 1.1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #939393;
}
.c-mindmap-node--root .c-mindmap-node__description, .c-mindmap-node--level-1 .c-mindmap-node__description {
  display: none;
}
.c-mindmap-node--level-2 .c-mindmap-node__description {
  font-size: 7px;
  font-size: 0.4375rem;
  line-height: 1.1;
}
.c-mindmap-node__kind {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 600;
  font-size: 6px;
  font-size: 0.375rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 0.125rem 0.375rem;
}
.c-mindmap-node__importance {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 700;
  font-size: 5px;
  font-size: 0.3125rem;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.0625rem 0.25rem;
  border-radius: 0.125rem;
}
.c-mindmap-node__importance--high {
  background: #FFCDD2;
  color: #C62828;
}
.c-mindmap-node__importance--medium {
  background: #FFE0B2;
  color: #EF6C00;
}
.c-mindmap-node__importance--low {
  background: #DCEDC8;
  color: #689F38;
}
.c-mindmap-node__importance {
  display: none;
}
.c-mindmap-node__resources, .c-mindmap-node__actions {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  font-size: 9px;
  font-size: 0.5625rem;
  line-height: 1.3333333333;
  color: #214864;
  background: #EFEFED;
  padding-inline: 0.25rem;
  border-radius: 0.25rem;
}
.c-mindmap-node__capsule {
  position: absolute;
  width: 0.625rem;
  height: 1.25rem;
  border-radius: 0.625rem;
  color: rgba(147, 147, 147, 0.4);
  border: 1px solid currentColor;
  background: #EFEFED;
  z-index: 1;
  transform: translateY(var(--offset, 0));
  transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease;
}
.c-mindmap-node__capsule::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 0.5rem;
  background: currentColor;
  transform: translate(0%, -50%);
  transition: background-color 0.3s ease;
}
.c-mindmap-node--root > .c-mindmap-node__content .c-mindmap-node__capsule {
  display: none;
}
.c-mindmap-node--level-1 > .c-mindmap-node__content .c-mindmap-node__capsule {
  left: -0.5rem;
  translate: -50%;
}
.c-mindmap-node__content--top .c-mindmap-node__capsule {
  bottom: 0;
  rotate: -90deg;
  translate: 0 50%;
}
.c-mindmap-node__content--bottom .c-mindmap-node__capsule {
  top: 0;
  rotate: -90deg;
  translate: 0 -50%;
}
.c-mindmap-node:has(> .c-mindmap-link--left) .c-mindmap-node__capsule {
  transform: translateY(calc(-1 * var(--offset, 0)));
}
.c-mindmap-node__glow {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  overflow: hidden;
}
.c-mindmap-node__glow::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(144.55deg, #fff 12.21%, #00B5B2 41.24%, #FF4D00 77.16%);
  filter: blur(8px);
  transition: opacity 0.5s ease-in-out;
  mix-blend-mode: screen;
  opacity: 0;
}
.c-mindmap-node__image {
  width: 1.335625rem;
  height: 2.018125rem;
  border-radius: 2.8125rem;
  overflow: hidden;
}
.c-mindmap-node__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  opacity: 0.8;
}
.c-mindmap-node__documents {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 0.9;
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0.125rem;
  letter-spacing: -0.01em;
  position: absolute;
  right: 0.375rem;
  bottom: 0.375rem;
  background-color: #EFEFED;
  border-radius: var(--radius);
  color: #214864;
  padding: 0.1875rem 0.25rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
.has-documents .c-mindmap-node__documents {
  opacity: 1;
  pointer-events: all;
}
.c-mindmap-node__documents svg {
  width: 0.5625rem;
  height: 0.5625rem;
}
.c-mindmap-node__documents svg path {
  fill: #214864;
}
.c-mindmap-node--root.is-loading > .c-mindmap-node__content > .c-mindmap-node__glow::after, .c-mindmap-node--root.is-current > .c-mindmap-node__content > .c-mindmap-node__glow::after, .c-mindmap-node--level-1.is-current > .c-mindmap-node__content > .c-mindmap-node__glow::after, .c-mindmap-node--child.is-current > .c-mindmap-node__content > .c-mindmap-node__glow::after {
  opacity: 0.85;
  animation: glow 2s ease-in-out infinite;
}
.c-mindmap-node--level-1.is-active, .c-mindmap-node--child.is-active {
  z-index: 3;
}
.c-mindmap-node--level-1.is-active > .c-mindmap-node__content, .c-mindmap-node--child.is-active > .c-mindmap-node__content {
  cursor: default;
}
.c-mindmap-node--level-1.is-active > .c-mindmap-node__content .c-mindmap-node__capsule, .c-mindmap-node--child.is-active > .c-mindmap-node__content .c-mindmap-node__capsule {
  color: #FF4D00;
}
.c-mindmap-node--root.is-loading > .c-mindmap-node__content, .c-mindmap-node--level-1.is-active > .c-mindmap-node__content {
  background: #fff;
}
.c-mindmap-node--root.is-loading > .c-mindmap-node__content::before, .c-mindmap-node--level-1.is-active > .c-mindmap-node__content::before {
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 1.6%, #fff 35%, rgba(255, 255, 255, 0) 70%, #fff 98%);
}
.c-mindmap-node--child.is-active > .c-mindmap-node__content::after, .c-mindmap-node--level-1.is-hovered > .c-mindmap-node__content::after, .c-mindmap-node--level-1.is-active > .c-mindmap-node__content::after {
  background: linear-gradient(140deg, #fff 12%, #FF4D00 41%, #282828 80%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  border: none;
  padding: 1px;
}
.c-mindmap-node--child.is-current > .c-mindmap-node__content::after, .c-mindmap-node--root.is-current > .c-mindmap-node__content::after, .c-mindmap-node--root.is-loading > .c-mindmap-node__content::after, .c-mindmap-node--level-1.is-current > .c-mindmap-node__content::after {
  background: linear-gradient(144.55deg, #fff 12.21%, #00B5B2 41.24%, #FF4D00 77.16%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  border: none;
  padding: 1px;
}

.mindmap-node-label__content {
  color: #214864;
  font-family: "MartinaPlantijn", serif;
  font-size: 15px;
  line-height: 1.28;
  padding: 12px 16px;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
  text-align: center;
  white-space: pre-line;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
  text-wrap: balance;
  max-width: 170px;
}
.mindmap-node-label__content::after {
  content: "";
  display: block;
  position: absolute;
  inset: -6px;
  border-radius: 6px;
  background: linear-gradient(144.55deg, #fff 1.68%, #F0F0F0 39.42%, #939393 77.16%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  border: none;
  padding: 1px;
}
.is-active .mindmap-node-label__content::after {
  background: linear-gradient(140deg, #fff 12%, #FF4D00 41%, #282828 80%);
}
.is-current .mindmap-node-label__content::after {
  background: linear-gradient(144.55deg, #fff 12.21%, #00B5B2 41.24%, #FF4D00 77.16%);
}

/* variables */
/* main */
.c-mindmap-link--horizontal {
  color: rgba(183, 183, 183, 0.7);
  display: block;
  min-width: 120px;
  margin: 0 2px;
  position: relative;
  pointer-events: none;
}
.c-mindmap-link--horizontal::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 1px;
  background: currentColor;
  transform: translateY(-50%);
  right: calc(-1 * var(--right-offset, 0) + 12px);
}
.c-mindmap-link--horizontal::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  right: left;
  width: 4px;
  height: 4px;
  background: currentColor;
  border-radius: 50%;
  transform: translateY(-50%);
}
.c-mindmap-link--horizontal::before, .c-mindmap-link--horizontal::after {
  left: calc(-1 * var(--left-offset, 0) - 8px);
}
.debug .c-mindmap-link--horizontal {
  pointer-events: all;
}
.c-mindmap-link--child {
  position: absolute;
  width: calc(var(--width, 100%) - 20px + 1px);
  height: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: currentColor;
  color: rgba(183, 183, 183, 0.7);
  pointer-events: none;
  min-width: 20px;
}
.debug .c-mindmap-link--child {
  pointer-events: all;
}
.c-mindmap-link--top {
  bottom: 100%;
  border-bottom-width: 0;
  margin-bottom: 4px;
}
.c-mindmap-link--bottom {
  top: 100%;
  border-top-width: 0;
  margin-top: 4px;
}
.c-mindmap-link--left {
  border-right-width: 0;
  left: 50%;
  translate: -0.5px 0;
  transform: translateX(calc(-1 * var(--offset, 0)));
}
.c-mindmap-link--center {
  left: 50%;
  width: 1px;
  height: 64px;
  border-right: 0;
  translate: -50% 0;
  min-width: 1px;
}
.c-mindmap-link--right {
  right: 50%;
  border-left-width: 0;
  translate: 0.5px 0;
  transform: translateX(var(--offset, 0));
}
.c-mindmap-link--left-center.c-mindmap-link--bottom, .c-mindmap-link--left.c-mindmap-link--bottom {
  border-bottom-left-radius: 20px;
}
.c-mindmap-link--left-center.c-mindmap-link--top, .c-mindmap-link--left.c-mindmap-link--top {
  border-top-left-radius: 20px;
}
.c-mindmap-link--right-center.c-mindmap-link--top, .c-mindmap-link--right.c-mindmap-link--top {
  border-top-right-radius: 20px;
}
.c-mindmap-link--right-center.c-mindmap-link--bottom, .c-mindmap-link--right.c-mindmap-link--bottom {
  border-bottom-right-radius: 20px;
}
.c-mindmap-link--left::before, .c-mindmap-link--right::before {
  content: "";
  width: 20px;
  height: 46px;
  position: absolute;
  border: 1px solid currentColor;
}
.c-mindmap-link--right.c-mindmap-link--bottom::before {
  top: 100%;
  right: 100%;
  border-top-left-radius: 20px;
  border-right: 0;
  border-bottom: 0;
}
.c-mindmap-link--left.c-mindmap-link--bottom::before {
  top: 100%;
  left: 100%;
  border-top-right-radius: 20px;
  border-left: 0;
  border-bottom: 0;
}
.c-mindmap-link--left.c-mindmap-link--top::before {
  bottom: 100%;
  left: 100%;
  border-bottom-right-radius: 20px;
  border-left: 0;
  border-top: 0;
}
.c-mindmap-link--right.c-mindmap-link--top::before {
  bottom: 100%;
  right: 100%;
  border-bottom-left-radius: 20px;
  border-right: 0;
  border-top: 0;
}
.c-mindmap-link--center.c-mindmap-link--top::before {
  bottom: 100%;
  left: 100%;
  border-bottom-right-radius: 20px;
  border-left: 0;
  border-top: 0;
}
.c-mindmap-link--left::after, .c-mindmap-link--right::after, .c-mindmap-link--center::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 4px;
  height: 4px;
  background: currentColor;
  border-radius: 50%;
  transform: translate(-50%, 0);
  translate: -0.5px 0;
}
.c-mindmap-link--center.c-mindmap-link--bottom::after {
  bottom: -2px;
}
.c-mindmap-link--center.c-mindmap-link--top::after {
  top: -2px;
}
.c-mindmap-link--right.c-mindmap-link--top::after {
  left: 1px;
  top: 0;
  margin-top: -46px;
  margin-left: calc(-1 * 20px);
}
.c-mindmap-link--right.c-mindmap-link--bottom::after {
  left: 1px;
  bottom: 0;
  margin-bottom: -46px;
  margin-left: calc(-1 * 20px);
}
.c-mindmap-link--left.c-mindmap-link--top::after {
  left: auto;
  right: -4px;
  top: 0;
  margin-top: -46px;
  margin-right: calc(-1 * 20px);
}
.c-mindmap-link--left.c-mindmap-link--bottom::after {
  right: -1px;
  left: auto;
  bottom: 0;
  margin-bottom: -46px;
  margin-right: calc(-1 * 20px);
  translate: 50% 0;
}
.is-active > .c-mindmap-link--child {
  color: #FF4D00;
}

/* variables */
/* main */
.c-filtered {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.c-filtered .icon-close::before,
.c-filtered .icon-close::after {
  height: var(--border-thin);
  margin: calc(var(--border-thin) * -1) -8px;
}

/* variables */
/* main */
/* variables */
/* main */
.app[data-is-session-started=false] .app__bottom-bar__left, .app[data-session-type=""] .app__bottom-bar__left, .app:not([data-session-type]) .app__bottom-bar__left, .app[data-is-session-started=false] .app__bottom-bar__right, .app[data-session-type=""] .app__bottom-bar__right, .app:not([data-session-type]) .app__bottom-bar__right {
  opacity: 0;
  transform: translateY(1.25rem);
}
.app[data-is-session-started=false] .app__bottom-bar__center, .app[data-session-type=""] .app__bottom-bar__center, .app:not([data-session-type]) .app__bottom-bar__center {
  opacity: 0;
  transform: translate(-50%, 1.25rem);
  pointer-events: none;
}

.app[data-mode=text] [data-key=mode] .app__toggle-slider, .app[data-three-d-enabled=true] [data-action=toggle][data-key=threeDEnabled] .app__toggle-slider {
  transform: translateX(calc(var(--toggle-width) - var(--toggle-slider-width)));
}
.app[data-mode=text] [data-key=mode] .app__toggle-slider svg:first-of-type, .app[data-three-d-enabled=true] [data-action=toggle][data-key=threeDEnabled] .app__toggle-slider svg:first-of-type {
  opacity: 0;
}
.app[data-mode=text] [data-key=mode] .app__toggle-slider svg:last-of-type, .app[data-three-d-enabled=true] [data-action=toggle][data-key=threeDEnabled] .app__toggle-slider svg:last-of-type {
  opacity: 1;
}

.app[data-session-type=""] .app__session, .app:not([data-session-type]) .app__session {
  opacity: 1;
  pointer-events: all;
  transform: none;
}
.app[data-session-type=""] .app__status, .app:not([data-session-type]) .app__status {
  opacity: 0;
}
.app[data-is-inited-from-url=true] .app__session {
  transition-duration: 0s;
}
.app[data-is-session-started=true] .app__session-info {
  opacity: 1;
  transform: none;
}
@media (max-width: 1023px) {
  .app[data-is-session-started=true] .app__bottom-info {
    display: none;
  }
}
.app[data-session-type=interview][data-is-session-started=false] .app__before-start {
  opacity: 1;
  pointer-events: all;
}
.app[data-mode=text] .instructional-boxes--top-right {
  left: 1rem;
  right: auto;
}
.app[data-mode=text] .instructional-boxes--center-right {
  left: 1rem;
  right: auto;
}
.app[data-mode=text] .instructional-boxes--bottom-right {
  left: 1rem;
  right: auto;
}
.app[data-is-transcription-open=true] .app__data-visualizer__content--wrapper {
  grid-template-rows: 1fr;
}
.app[data-session-type=predefined-interview][data-is-session-started=false] .app__before-predefined, .app[data-session-type=predefined-brainstorming][data-is-session-started=false] .app__before-predefined {
  opacity: 1;
  pointer-events: all;
  transform: none;
}
.app[data-session-type=predefined-interview][data-is-session-started=true] .app__newsletter, .app[data-session-type=predefined-brainstorming][data-is-session-started=true] .app__newsletter {
  opacity: 1;
  pointer-events: all;
}
.app:not([data-session-type=interview][data-mode=speech], [data-session-type=brainstorming][data-mode=speech]) [data-live-speech], .app:not([data-session-type=interview][data-mode=speech], [data-session-type=brainstorming][data-mode=speech]) [data-key=isMicrophoneOn] {
  display: none;
}
.app:not([data-session-type=interview][data-mode=text], [data-session-type=brainstorming][data-mode=text]) [data-live-text] {
  display: none;
}
.app[data-three-d-enabled=false] .expert-quotes-container {
  display: none;
}
.app[data-three-d-enabled=false] .app__classroom__content {
  pointer-events: none !important;
}
.app[data-session-type=interview] [data-key=threeDEnabled],
.app[data-session-type=interview] [data-t-button],
.app[data-session-type=interview] [data-key=isMicrophoneOn], .app[data-session-type=brainstorming] [data-key=threeDEnabled],
.app[data-session-type=brainstorming] [data-t-button],
.app[data-session-type=brainstorming] [data-key=isMicrophoneOn] {
  min-width: 3.25rem;
}
@media (max-width: 659px) {
  .app[data-session-type=interview] .app__bottom-bar__center, .app[data-session-type=brainstorming] .app__bottom-bar__center {
    height: 3.25rem;
  }
}
@media (max-width: 659px) {
  .app[data-session-type=interview] .app__chat, .app[data-session-type=brainstorming] .app__chat {
    max-height: calc(100dvh - 9.625rem);
  }
}
.app[data-session-type=brainstorming][data-is-session-started=false] .app__mode-choice {
  opacity: 1;
  pointer-events: all;
}
.app[data-session-type=interview][data-is-session-started=false] .app__mode-choice {
  opacity: 1;
  pointer-events: all;
}
.app[data-session-type=interview] [data-skip-backward],
.app[data-session-type=interview] [data-skip-forward] {
  display: none;
}
.app[data-is-microphone-on=false] [data-key=isMicrophoneOn] .svg-microphone {
  display: none;
}
.app[data-is-microphone-on=true] [data-key=isMicrophoneOn] .svg-microphone-off {
  display: none;
}
.app[data-session-type=brainstorming] [data-skip-backward],
.app[data-session-type=brainstorming] [data-skip-forward] {
  display: none;
}
.app:not([data-has-suggestions=true]) [data-key=suggestionsContent] {
  pointer-events: none;
}
.app:not([data-has-resources=true]) [data-key=resourcesContent] {
  pointer-events: none;
}
.app[data-session-type=predefined-interview] .app__data-visualizer {
  display: flex;
}
.app[data-session-type=predefined-interview] .app__chat__input {
  display: none;
}
.app[data-session-type=predefined-interview] [data-key=suggestionsContent] {
  display: none;
}
.app[data-session-type=predefined-interview] [data-key=resourcesContent] {
  display: none;
}
.app [data-key=mindmapContent] {
  display: none;
}
.app[data-resources-content=true] .app__resources-content {
  opacity: 1;
  transform: none;
  pointer-events: all;
}
.app[data-session-type=interview] [data-timestamp],
.app[data-session-type=interview] [data-modal=app-report],
.app[data-session-type=interview] [data-brainstorm],
.app[data-session-type=interview] [data-summary],
.app[data-session-type=interview] [data-key=suggestionsContent],
.app[data-session-type=interview] [data-key=resourcesContent],
.app[data-session-type=interview] [data-summary-wrapper], .app[data-session-type=predefined-interview] [data-timestamp],
.app[data-session-type=predefined-interview] [data-modal=app-report],
.app[data-session-type=predefined-interview] [data-brainstorm],
.app[data-session-type=predefined-interview] [data-summary],
.app[data-session-type=predefined-interview] [data-key=suggestionsContent],
.app[data-session-type=predefined-interview] [data-key=resourcesContent],
.app[data-session-type=predefined-interview] [data-summary-wrapper] {
  display: none;
}
.app[data-session-type=interview] .app__bottom-links, .app[data-session-type=predefined-interview] .app__bottom-links {
  display: none;
}
.app[data-session-type=interview] .app__chat, .app[data-session-type=predefined-interview] .app__chat {
  height: calc(100% - var(--bottom-bar-height) - var(--bottom-bar-offset) - 5.4375rem);
}
@media (max-width: 659px) {
  .app[data-session-type=interview] .app__chat, .app[data-session-type=predefined-interview] .app__chat {
    height: calc(100dvh - 14.75rem);
  }
}
.app[data-session-type=brainstorming] .app__chat, .app[data-session-type=predefined-brainstorming] .app__chat {
  bottom: var(--bottom-bar-offset);
  height: calc(100% - var(--bottom-bar-offset) - 5.4375rem);
}
@media (max-width: 1023px) {
  .app[data-session-type=brainstorming] .app__chat, .app[data-session-type=predefined-brainstorming] .app__chat {
    bottom: calc(var(--bottom-bar-offset) + var(--bottom-bar-height) + 1.25rem);
  }
}
.app[data-session-type=brainstorming] .app__bottom-links, .app[data-session-type=predefined-brainstorming] .app__bottom-links {
  display: none;
}
.app[data-session-type=brainstorming] .app__bottom-bar-items:has([data-skip-interview]), .app[data-session-type=predefined-brainstorming] .app__bottom-bar-items:has([data-skip-interview]) {
  display: none;
}
.app[data-session-type=brainstorming] [data-key=resourcesContent], .app[data-session-type=predefined-brainstorming] [data-key=resourcesContent] {
  display: none;
}
.app[data-session-type=brainstorming] [data-key=suggestionsContent], .app[data-session-type=predefined-brainstorming] [data-key=suggestionsContent] {
  display: none;
}
.app[data-session-type=brainstorming] [data-interview-progress], .app[data-session-type=predefined-brainstorming] [data-interview-progress] {
  display: none;
}
.app[data-session-type=brainstorming] [data-modal=app-report], .app[data-session-type=predefined-brainstorming] [data-modal=app-report] {
  display: none;
}
.app[data-session-type=brainstorming] [data-interview], .app[data-session-type=predefined-brainstorming] [data-interview] {
  display: none;
}
.app[data-session-type=brainstorming] [data-skip-interview], .app[data-session-type=predefined-brainstorming] [data-skip-interview] {
  display: none;
}
.app[data-session-type=brainstorming] .app__blur, .app[data-session-type=predefined-brainstorming] .app__blur {
  opacity: 1;
}
.app[data-session-type=predefined-brainstorming] [data-subtitles-wrapper], .app[data-session-type=predefined-interview] [data-subtitles-wrapper] {
  opacity: 0 !important;
}
.app[data-session-type=predefined-brainstorming] [data-live], .app[data-session-type=predefined-interview] [data-live] {
  display: none;
}
.app[data-session-type=predefined-brainstorming] .app__bottom-info, .app[data-session-type=predefined-interview] .app__bottom-info {
  opacity: 0;
  pointer-events: none;
}
.app[data-session-type=predefined-brainstorming] [data-action=toggle][data-key=isPaused] .app__item__text, .app[data-session-type=predefined-interview] [data-action=toggle][data-key=isPaused] .app__item__text {
  display: none;
}
.app[data-session-type=predefined-brainstorming] [data-t-button] .svg-microphone-off,
.app[data-session-type=predefined-brainstorming] [data-t-button] .svg-microphone, .app[data-session-type=predefined-interview] [data-t-button] .svg-microphone-off,
.app[data-session-type=predefined-interview] [data-t-button] .svg-microphone {
  display: none;
}
.app[data-is-paused=true] .svg-pause {
  display: none;
}
.app[data-is-paused=false] .svg-play {
  display: none;
}
.app[data-session-type=brainstorming] .app__bottom-info, .app[data-session-type=interview] .app__bottom-info {
  opacity: 0;
  pointer-events: none;
}
.app[data-session-type=brainstorming] [data-predefined], .app[data-session-type=interview] [data-predefined] {
  display: none;
}
.app[data-session-type=brainstorming] [data-action=toggle][data-key=isPaused], .app[data-session-type=interview] [data-action=toggle][data-key=isPaused] {
  order: 10;
  padding: 0 0.75rem;
}
.app[data-session-type=brainstorming] [data-action=toggle][data-key=isPaused] svg, .app[data-session-type=interview] [data-action=toggle][data-key=isPaused] svg {
  display: none;
}
.app[data-session-type=brainstorming] .app__bottom-bar-items.app__bottom-bar-items--full-width, .app[data-session-type=interview] .app__bottom-bar-items.app__bottom-bar-items--full-width {
  width: -moz-fit-content;
  width: fit-content;
  flex: unset;
}
.app[data-session-type=brainstorming] [data-t-button] > .svg-t, .app[data-session-type=interview] [data-t-button] > .svg-t {
  display: none;
}
.app[data-session-type=brainstorming][data-mode=speech][data-is-session-started=true] .app__chat, .app[data-session-type=interview][data-mode=speech][data-is-session-started=true] .app__chat {
  transform: none;
  opacity: 1;
}
.app[data-session-type=brainstorming][data-is-microphone-on=false] [data-t-button] .svg-microphone, .app[data-session-type=interview][data-is-microphone-on=false] [data-t-button] .svg-microphone {
  display: none;
}
.app[data-session-type=brainstorming][data-is-microphone-on=true] [data-t-button] .svg-microphone-off, .app[data-session-type=interview][data-is-microphone-on=true] [data-t-button] .svg-microphone-off {
  display: none;
}
.app[data-session-type=predefined-brainstorming] .app__toggle[data-key=threeDEnabled] {
  display: none;
}
.app[data-session-type=predefined-brainstorming] .app__data-visualizer {
  display: flex;
}
.app[data-session-type=predefined-brainstorming] .app__chat__input {
  display: none;
}
.app[data-session-type]:not([data-session-type=""])[data-is-session-started=true][data-mode=text] .app__chat {
  opacity: 1;
  transform: none;
}
.app[data-session-type]:not([data-session-type=""])[data-is-session-started=true][data-mode=text] .app__chat__textarea {
  pointer-events: all;
}
.app[data-session-type]:not([data-session-type=""])[data-is-session-started=true][data-mode=text] .app__chat__send {
  pointer-events: all;
}
.app[data-session-type]:not([data-session-type=""])[data-is-session-started=true][data-mode=speech] .app__chat__input {
  opacity: 0;
  height: 0;
}
.app[data-session-type]:not([data-session-type=""])[data-is-session-started=true][data-mode=speech] .app__chat__toggle {
  opacity: 1;
  height: var(--chat-toggle-height);
  transition-delay: 0.2s, 0s;
}
.app[data-session-type]:not([data-session-type=""])[data-is-session-started=true][data-mode=speech] .app__chat-thinking {
  display: flex;
}
.app[data-session-type]:not([data-session-type=""])[data-is-session-started=true][data-mode=speech].is-thinking .app__chat-thinking {
  opacity: 1;
}
@media (max-width: 1023px) {
  .app[data-session-type]:not([data-session-type=""])[data-is-session-started=true].is-thinking .app__bottom-bar-indicator {
    opacity: 1;
  }
}
.app[data-suggestions-content=true] .app__suggestions-content {
  opacity: 1;
  transform: translateX(-50%);
  pointer-events: all;
}
.app[data-volume-content=true] .app__volume-content {
  opacity: 1;
  transform: translateY(-0.25rem);
  pointer-events: all;
}
.app[data-mode=speech] [data-value=speech] {
  --button-bg-color: #fff;
  --gradient-opacity: 1;
  color: #282828;
}
.app[data-mode=speech][data-chat-expanded=false] .app__chat {
  top: auto;
  height: var(--chat-toggle-height);
}
.app[data-mode=speech][data-chat-expanded=false] .app__chat__input {
  opacity: 0;
  pointer-events: none;
}
.app[data-mode=speech][data-chat-expanded=false] .app__chat__toggle-btn svg {
  transform: rotate(180deg);
}
.app[data-mode=speech][data-chat-expanded=false] .app__chat-thinking {
  display: none !important;
}
.app[data-mode=speech][data-chat-expanded=false] .app__chat__toggle-btn span:last-of-type {
  opacity: 1;
}
.app[data-mode=speech][data-chat-expanded=true] .app__chat__toggle::after {
  opacity: 1;
}
.app[data-session-type=brainstorming][data-three-d-enabled=true] .c-mindmap-flat-layout {
  opacity: 0 !important;
  pointer-events: none !important;
}
.app[data-session-type=brainstorming][data-three-d-enabled=true] .app__dynamic-mindmap-modal {
  display: none;
}
.app[data-mode=text][data-session-type=brainstorming] [data-key=subtitles], .app[data-mode=text][data-session-type=interview] [data-key=subtitles] {
  display: none;
}
.app[data-mode=text][data-session-type=brainstorming] [data-subtitles-wrapper], .app[data-mode=text][data-session-type=interview] [data-subtitles-wrapper] {
  opacity: 0 !important;
}
.app[data-mode=text][data-session-type=brainstorming] [data-key=volumeContent], .app[data-mode=text][data-session-type=interview] [data-key=volumeContent] {
  display: none;
}
.app[data-mode=text] [data-value=text] {
  --button-bg-color: #fff;
  --gradient-opacity: 1;
  color: #282828;
}
.app[data-mode=text] [data-toggle-values='["text", "speech"]'] {
  --button-bg-color: #fff;
  --gradient-opacity: 1;
  color: #282828;
}
.app[data-dynamic-mindmap-modal-open=true]:not([data-three-d-enabled=true]) .app__dynamic-mindmap-modal {
  opacity: 1;
  pointer-events: all;
  transform: none;
}
.app[data-dynamic-mindmap-modal-open=true]:not([data-three-d-enabled=true]) .app__bottom-bar__right {
  transform: translateX(-13.125rem);
}
@media (min-width: 1024px) {
  .app[data-dynamic-mindmap-modal-open=true]:not([data-three-d-enabled=true]) .app__bottom-bar__center {
    transform: translateX(calc(-50% + -13.125rem));
  }
}
.app[data-dynamic-mindmap-modal-open=true]:not([data-three-d-enabled=true]) .app__dynamic-mindmap-modal__content {
  transform: none !important;
}
.app[data-dynamic-mindmap-modal-open=true][data-is-dynamic-mindmap-modal-fullscreen=true][data-mode=text]:not([data-three-d-enabled=true]) .app__dynamic-mindmap-modal {
  right: calc(var(--sidebar-width) + 1.8125rem);
  width: calc(100% - 1rem - var(--sidebar-width) - 1.8125rem);
  bottom: 0.875rem;
  top: 5.4375rem;
  transform: none;
  border-radius: 0.5rem;
}
@media (min-width: 660px) and (max-width: 1023px) {
  .app[data-dynamic-mindmap-modal-open=true][data-is-dynamic-mindmap-modal-fullscreen=true][data-mode=text]:not([data-three-d-enabled=true]) .app__dynamic-mindmap-modal {
    height: calc(100% - 9.6875rem);
  }
}
.app[data-dynamic-mindmap-modal-open=true][data-is-dynamic-mindmap-modal-fullscreen=true][data-mode=text]:not([data-three-d-enabled=true]) .app__bottom-bar__right {
  transform: none;
}
@media (min-width: 1024px) {
  .app[data-dynamic-mindmap-modal-open=true][data-is-dynamic-mindmap-modal-fullscreen=true][data-mode=text]:not([data-three-d-enabled=true]) .app__bottom-bar__center {
    transform: translate(calc(-50% + (100% - 1rem - var(--sidebar-width) - 1.8125rem) / 2 - var(--sidebar-width)), -0.875rem);
  }
}
.app[data-dynamic-mindmap-modal-open=true][data-is-dynamic-mindmap-modal-fullscreen=true][data-mode=speech]:not([data-three-d-enabled=true]) .app__dynamic-mindmap-modal {
  right: 1rem;
  width: calc(100% - 2rem);
  bottom: 0.875rem;
  top: 5.4375rem;
  transform: none;
  border-radius: 0.5rem;
}
@media (min-width: 660px) and (max-width: 1023px) {
  .app[data-dynamic-mindmap-modal-open=true][data-is-dynamic-mindmap-modal-fullscreen=true][data-mode=speech]:not([data-three-d-enabled=true]) .app__dynamic-mindmap-modal {
    height: calc(100% - 9.6875rem);
  }
}
.app[data-dynamic-mindmap-modal-open=true][data-is-dynamic-mindmap-modal-fullscreen=true][data-mode=speech]:not([data-three-d-enabled=true]) .app__chat {
  height: calc(100% - 4.875rem * 2);
  top: 5.4375rem;
}
.app[data-dynamic-mindmap-modal-open=true][data-is-dynamic-mindmap-modal-fullscreen=true][data-mode=speech]:not([data-three-d-enabled=true]) .app__bottom-bar__right {
  transform: none;
}
@media (min-width: 1024px) {
  .app[data-dynamic-mindmap-modal-open=true][data-is-dynamic-mindmap-modal-fullscreen=true][data-mode=speech]:not([data-three-d-enabled=true]) .app__bottom-bar__center {
    transform: translate(-50%, -0.875rem);
  }
}
.app[data-dynamic-mindmap-modal-open=true][data-is-dynamic-mindmap-modal-fullscreen=false][data-mode=text]:not([data-three-d-enabled=true]) .app__dynamic-mindmap-modal {
  right: calc(var(--sidebar-width) + 1.8125rem);
  width: 25rem;
  top: 5.4375rem;
  bottom: 0.875rem;
  transform: none;
  border-radius: 0.5rem;
}
@media (min-width: 660px) and (max-width: 1023px) {
  .app[data-dynamic-mindmap-modal-open=true][data-is-dynamic-mindmap-modal-fullscreen=false][data-mode=text]:not([data-three-d-enabled=true]) .app__dynamic-mindmap-modal {
    height: calc(100% - 9.6875rem);
  }
}
@media (max-width: 659px) {
  .app[data-dynamic-mindmap-modal-open=true][data-is-dynamic-mindmap-modal-fullscreen=false][data-mode=text]:not([data-three-d-enabled=true]) .app__dynamic-mindmap-modal {
    height: calc(100dvh - 12.125rem);
    right: 1.0625rem;
    transform: translateX(-100%);
  }
}
.app[data-dynamic-mindmap-modal-open=true][data-is-dynamic-mindmap-modal-fullscreen=false][data-mode=text]:not([data-three-d-enabled=true]) .app__chat {
  top: 5.4375rem;
}
.app[data-dynamic-mindmap-modal-open=true][data-is-dynamic-mindmap-modal-fullscreen=false][data-mode=text]:not([data-three-d-enabled=true]) .app__bottom-bar__right {
  transform: none;
}
@media (min-width: 1024px) {
  .app[data-dynamic-mindmap-modal-open=true][data-is-dynamic-mindmap-modal-fullscreen=false][data-mode=text]:not([data-three-d-enabled=true]) .app__bottom-bar__center {
    transform: translate(calc(-50% + (100% - 1rem - var(--sidebar-width) - 1.8125rem) / 2 - var(--sidebar-width)), -0.875rem);
  }
}
@media (max-width: 659px) {
  .app[data-dynamic-mindmap-modal-open=true][data-session-type=brainstorming]:not([data-three-d-enabled=true]) .app__dynamic-mindmap-modal {
    height: calc(100dvh - 12.75rem);
  }
}
.app[data-is-dynamic-mindmap-modal-fullscreen=true]:not([data-three-d-enabled=true]) .app__dynamic-mindmap-modal__content > * {
  max-width: 34.25rem;
}
.app[data-is-dynamic-mindmap-modal-fullscreen=true]:not([data-three-d-enabled=true]) .svg-fullscreen-off {
  display: block;
}
.app[data-is-dynamic-mindmap-modal-fullscreen=true]:not([data-three-d-enabled=true]) .svg-fullscreen-on {
  display: none;
}
.app[data-is-microphone-on=true] [data-key=isMicrophoneOn] svg {
  color: #962437;
}
.app[data-is-microphone-on=false] [data-key=isMicrophoneOn] svg {
  color: #939393;
}
.app[data-session-type=brainstorming][data-three-d-enabled=false] .app__classroom__label {
  opacity: 0;
  pointer-events: none;
  transition: none;
}

.app.is-resetting > *:not(.app__session),
body:has(.app.is-resetting) .s-modal {
  transition-duration: 0s;
}

body:has(.app[data-session-type=interview]) [data-brainstorm],
body:has(.app[data-session-type=predefined-interview]) [data-brainstorm] {
  display: none;
}

body:has(.app[data-session-type=brainstorming]) [data-interview],
body:has(.app[data-session-type=predefined-brainstorming]) [data-interview] {
  display: none;
}

body:has(.app[data-session-type=brainstorming]) [data-predefined],
body:has(.app[data-session-type=interview]) [data-predefined] {
  display: none;
}

body:has(.app[data-session-type=predefined-interview]) [data-live],
body:has(.app[data-session-type=predefined-brainstorming]) [data-live] {
  display: none;
}

/* variables */
/* main */
.app-modal {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(255, 255, 255, 0.2);
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  top: 0;
  left: 0;
  z-index: 20000;
  opacity: 0;
  transition: opacity 0.35s cubic-bezier(0.5, 0, 0.2, 1);
  overflow: hidden auto;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.app-modal__inner {
  position: relative;
  background: white;
  min-height: 14.4375rem;
  transform: translateY(0.625rem);
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  display: flex;
  overflow: hidden;
  padding: 1.25rem 2.5rem;
  border-radius: 0.625rem;
}
.app-modal__close-button {
  position: absolute;
  right: 1rem;
  top: 0.75rem;
}
.app-modal.is-active {
  opacity: 1;
  pointer-events: all;
}
.app-modal.is-active .app-modal__inner {
  transform: none;
}

/* variables */
/* main */
.app__classroom__label {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4;
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  position: absolute;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: translate(-50%, -50%);
  z-index: 20;
  transition: opacity 1.5s cubic-bezier(0.5, 0, 0.2, 1), color 1.5s cubic-bezier(0.5, 0, 0.2, 1), background 1.5s cubic-bezier(0.5, 0, 0.2, 1), margin 1.5s cubic-bezier(0.5, 0, 0.2, 1);
  margin-top: 2.8125rem;
}
.app__classroom__label.is-active {
  z-index: 30;
}
.app__classroom__label.is-focused {
  z-index: 40;
  margin-top: -1.25rem;
}
.app__classroom__label.is-focused .app__classroom__content {
  opacity: 1;
  transition: opacity 1s cubic-bezier(0.5, 0, 0.2, 1);
  pointer-events: all;
}
@media (max-width: 659px) {
  .app__classroom__label.is-focused {
    position: fixed !important;
    bottom: 8.4375rem !important;
    top: unset !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: unset;
  }
}
.app__classroom__label.is-hidden {
  opacity: 0;
}
.app__classroom__label.has-new-messages .app__classroom__label__count {
  background: #962437;
}
.app__classroom__label.has-new-messages .app__classroom__label__count--inner::before {
  border-color: #962437;
}
.app__classroom__label.has-new-messages .app__classroom__label__count--inner::after {
  background: #962437;
}
.app__classroom__label.has-new-messages .app__classroom__label__inner::after {
  background: linear-gradient(140deg, #fff 12%, #FF4D00 41%, #282828 80%);
}
.app__classroom__label.has-messages .app__classroom__label__count {
  opacity: 1;
}
.app__classroom__label__count {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4;
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  position: absolute;
  opacity: 0;
  left: 50%;
  transition: opacity 0.3s cubic-bezier(0.5, 0, 0.2, 1);
  top: -2.8125rem;
  transform: translateX(-50%);
  background: #214864;
  width: 1.0625rem;
  height: 1.0625rem;
  border-radius: 50%;
  color: #FEFEFD;
  text-align: center;
}
.app__classroom__label__count--inner {
  position: relative;
}
.app__classroom__label__count--inner::before {
  content: "";
  border: 1px solid transparent;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.app__classroom__label__count--inner::after {
  content: "";
  background: #214864;
  width: 0.0625rem;
  height: 2.1875rem;
  position: absolute;
  display: block;
  top: 150%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.app__classroom__label__text {
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.7);
  padding: 0.1875rem 0.375rem;
  border-radius: 0.1875rem;
  letter-spacing: -0.03em;
}
.app__classroom__label__inner {
  position: relative;
}
.app__classroom__label__inner::after {
  content: "";
  display: block;
  position: absolute;
  inset: -6px;
  border-radius: 6px;
  background: linear-gradient(360deg, #E7E8E1 0%, #D7D6D2 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  border: none;
  padding: 0.7px;
}
.app__classroom__label__inner::before {
  content: "";
  display: block;
  position: absolute;
  backdrop-filter: blur(8px);
  inset: -6px;
  border-radius: 6px;
  z-index: -1;
}
.app__classroom__content {
  position: absolute;
  left: 50%;
  top: -1.25rem;
  transform: translate(-50%, -100%);
  opacity: 0;
  pointer-events: none;
  border-radius: 0.5rem;
  z-index: -1;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.app__classroom__content--outer {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0.6875rem 0 2.1875rem;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(12px);
  position: relative;
  width: 25.25rem;
  height: 28.75rem;
}
@media (max-width: 659px) {
  .app__classroom__content--outer {
    width: calc(100vw - 1rem);
    height: 55dvh;
  }
}
.app__classroom__content--outer::after {
  content: "";
  display: block;
  position: absolute;
  inset: -1px;
  border-radius: 6px;
  background: linear-gradient(360deg, #E7E8E1 0%, #D7D6D2 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  border: none;
  padding: 0.7px;
  z-index: -1;
}
.app__classroom__content--outer::before {
  content: "";
  display: block;
  position: absolute;
  backdrop-filter: blur(8px);
  inset: -1px;
  border-radius: 6px;
  z-index: -1;
}
.app__classroom__content--inner {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  overflow-y: auto;
  padding: 0 0.9375rem;
}
.app__classroom__content--logo {
  width: 3.375rem;
  margin-bottom: 0.625rem;
}
.app__classroom__content--text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 140%;
}
.app__classroom__content--text b {
  font-weight: 700;
}
.app__classroom__accordion {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  text-align: left;
}
.app__classroom__accordion--info {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.4;
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 130%;
  color: #962437;
  display: flex;
  gap: 0.375rem;
  align-items: center;
  margin-bottom: 0.25rem;
}
.app__classroom__accordion--info::before {
  content: "";
  display: inline-block;
  background: #962437;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  margin-right: 0.25rem;
}
.app__classroom__accordion--content {
  color: #962437;
  padding-left: 1rem;
  position: relative;
  width: 100%;
}
.app__classroom__accordion--content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.3125rem;
  background: currentColor;
  width: 1.6px;
  height: calc(100% - 0.625rem);
}
.app__classroom__accordion--content b {
  font-weight: 700;
}
.app__classroom__accordion--items {
  overflow: hidden;
  width: 100%;
  max-height: 3.75rem;
  transition: max-height 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  display: box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.app__classroom__accordion.is-open .app__classroom__accordion--items {
  -webkit-line-clamp: unset;
  display: block;
}
.app__classroom__experts-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.125rem 0.8125rem;
}
.app__classroom__expert {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  text-align: center;
}
.app__classroom__expert--image {
  filter: brightness(85%);
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.app__classroom__expert--name {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.4;
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  color: #4E4E4E;
  text-transform: uppercase;
  letter-spacing: -0.03em;
  line-height: 110%;
}
.app__classroom .cold-call-button {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  min-height: 1.625rem;
}
.app__classroom .cold-call-button:disabled {
  opacity: 0.65;
  pointer-events: none;
}

/* variables */
/* main */
.instructional-boxes {
  position: fixed;
  left: 1rem;
  top: 5rem;
  opacity: 0;
  padding: 0.9375rem 0.75rem;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 0.6875rem;
  gap: 0.25rem;
  background: rgba(255, 255, 255, 0.6);
  max-width: 16.9375rem;
  transition: 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
.instructional-boxes::after {
  content: "";
  position: absolute;
  inset: -0.5px;
  border-radius: 0.6875rem;
  background: linear-gradient(to bottom right, #fff 1.68%, #F0F0F0 39.42%, #939393 77.16%);
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
          mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-clip: content-box, border-box;
          mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  padding: 0.5px;
  pointer-events: none;
}
.instructional-boxes--top-left {
  inset: 5rem auto auto 1rem;
}
.instructional-boxes--center-left {
  inset: 50% auto auto 1rem;
  transform: translateY(-50%);
}
.instructional-boxes--bottom-left {
  inset: auto auto 5rem 1rem;
}
.instructional-boxes--top-right {
  inset: 5rem 1rem auto auto;
}
.instructional-boxes--center-right {
  inset: 50% 1rem auto auto;
  transform: translateY(-50%);
}
.instructional-boxes--bottom-right {
  inset: auto 1rem 5rem auto;
}
.instructional-boxes--visible {
  opacity: 1;
}
.instructional-boxes__box--normal .instructional-boxes__text {
  line-height: 120%;
  letter-spacing: -0.01em;
  font-weight: 400;
}
.instructional-boxes__box--quote .instructional-boxes__content {
  border-left: 1px solid #962437;
  padding-left: 0.6875rem;
  margin-left: 0.15625rem;
}
.instructional-boxes__box--quote .instructional-boxes__text {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  line-height: 140%;
  letter-spacing: -0.02em;
}
.instructional-boxes__content {
  display: flex;
  flex-direction: column;
}
.instructional-boxes__title {
  font-size: 9px;
  font-size: 0.5625rem;
  line-height: 1.3;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #962437;
  font-weight: 500;
  margin-bottom: 0.625rem;
}
.instructional-boxes__title::before {
  content: "";
  display: inline-block;
  width: 0.375rem;
  height: 0.375rem;
  background: #962437;
  border-radius: 50%;
  margin-right: 0.625rem;
}
.instructional-boxes__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
}
.instructional-boxes__author {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 130%;
  color: #962437;
  margin-top: 1.125rem;
  font-style: normal;
}
.instructional-boxes__logo {
  margin-top: 0.3125rem;
}
.instructional-boxes__logo--hbs {
  max-width: 4.625rem;
}
.instructional-boxes__logo--harvard {
  max-width: 6.875rem;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.app {
  --bottom-bar-height: 2.625rem;
  --bottom-bar-offset: 0.875rem;
  --sidebar-width: 16.9375rem;
  --toggle-width: 3.625rem;
  --toggle-height: 1.625rem;
  --toggle-slider-width: 1.9375rem;
  --chat-toggle-height: var(--bottom-bar-height);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.app::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100vw;
  height: 50vw;
  background: radial-gradient(circle at 50% 100%, #fff, rgba(255, 255, 255, 0) 70%);
  z-index: -1;
  scale: 0.9 0.2;
  transform-origin: bottom center;
}
@media (max-width: 659px) {
  .app::after {
    display: none;
  }
}
.app__session {
  max-width: 80rem;
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 0;
  transform: scale(0.95);
  transition: transform 0.4s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.5, 0, 0.2, 1);
  pointer-events: none;
  padding-block: 1.25rem;
}
@media (max-width: 1023px) {
  .app__session {
    flex-direction: column;
    max-width: unset;
    gap: 1.25rem;
  }
}
.app__session-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  width: 100%;
  margin-top: -1.875rem;
}
@media (max-width: 1023px) {
  .app__session-wrap {
    gap: 3.125rem;
  }
}
@media (max-width: 659px) {
  .app__session-wrap {
    flex-direction: column;
    justify-content: flex-end;
    gap: 1rem;
    padding-bottom: 3.125rem;
  }
}
body.has-full-access .app__session-wrap {
  margin-top: 0;
  padding-top: 5rem;
}
@media (max-width: 659px) {
  body.has-full-access .app__session-wrap {
    gap: 2rem;
    justify-content: center;
    padding-bottom: 0;
  }
}
.app__session__mode {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 20.75rem;
  color: #214864;
  margin-bottom: 1.8125rem;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 659px) {
  .app__session__mode {
    margin-bottom: 0.5rem;
  }
}
.app__session__mode--live {
  gap: 1.125rem;
}
@media (max-width: 659px) {
  .app__session__mode--live {
    gap: 0.5rem;
  }
}
.app__session__mode--live span:first-child {
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 1.4;
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  line-height: 88%;
  letter-spacing: -0.04em;
}
@media (max-width: 659px) {
  .app__session__mode--live span:first-child {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.4;
    line-height: 120%;
  }
}
.app__session__mode--live span:last-child {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  line-height: 140%;
  letter-spacing: -0.01em;
  max-width: 18.8125rem;
  margin: auto;
}
@media (max-width: 659px) {
  .app__session__mode--live span:last-child {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    line-height: 120%;
  }
}
.app__session__mode--demo {
  gap: 0.125rem;
  margin-top: 1.25rem;
}
@media (max-width: 659px) {
  .app__session__mode--demo {
    margin-top: 0.375rem;
  }
}
.app__session__mode--demo span:nth-child(2) {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
@media (max-width: 659px) {
  .app__session__mode--demo span:nth-child(2) {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
.app__session__mode--demo span:last-child {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28;
  letter-spacing: -0.01em;
}
@media (max-width: 659px) {
  .app__session__mode--demo span:last-child {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.4;
  }
}
.app__session__separator {
  height: 100%;
  max-height: 36.875rem;
  width: 1px;
  margin: auto 0.625rem;
  background: radial-gradient(#214864, rgba(0, 0, 0, 0) 60%);
  opacity: 0.5;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-width: 1024px) {
  .app__session__separator {
    opacity: 1;
  }
}
.app__session__separator--horizontal {
  width: 57.6875rem;
  height: 1px;
  background: radial-gradient(#214864, rgba(0, 0, 0, 0) 45%);
  margin: 0.625rem auto;
}
.app__session__separator--small {
  width: 28.625rem;
}
.app__session__brainstorm, .app__session__interview {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  flex-basis: 50%;
  height: 100%;
}
@media (max-width: 1023px) {
  .app__session__brainstorm, .app__session__interview {
    height: -moz-fit-content;
    height: fit-content;
    gap: 1.25rem;
    flex-grow: unset;
    flex-basis: unset;
  }
}
@media (max-width: 659px) {
  .app__session__brainstorm, .app__session__interview {
    gap: 0.5rem;
  }
}
.app__session__avatar {
  width: 2.4125rem;
  height: 2.5rem;
  border-radius: 50%;
  position: relative;
  margin-bottom: 0.25rem;
}
@media (max-width: 659px) {
  .app__session__avatar {
    width: 2.0375rem;
    height: 2.1875rem;
  }
}
.app__session__avatar picture,
.app__session__avatar img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.app__session__label {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.28;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 1.3625rem;
  top: -0.65625rem;
  letter-spacing: -0.01em;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.4375rem;
  backdrop-filter: blur(16px);
  width: 2.75rem;
  height: 1.3125rem;
  color: #962437;
}
.app__session__bottom {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28;
  padding-bottom: 4.375rem;
  letter-spacing: -0.01em;
  color: rgba(33, 72, 100, 0.48);
  text-align: center;
  flex-shrink: 0;
}
@media (max-width: 659px) {
  .app__session__bottom {
    max-width: 18.75rem;
  }
}
.app__session__bottom a,
.app__session__bottom button {
  color: rgba(33, 72, 100, 0.48);
  display: inline-block;
}
.app__before-start {
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.5, 0, 0.2, 1);
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(2px);
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.75rem;
}
.app__before-start__options {
  margin-top: auto;
  display: flex;
  width: 38.5rem;
}
.app__before-start__option {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.4;
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-weight: 300;
  letter-spacing: -0.04em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #EFEFED;
  width: 50%;
  height: 10.0625rem;
}
.app__before-start__option:first-child {
  border-radius: 0.625rem 0 0 0.625rem;
  padding-left: 0.75rem;
  position: relative;
}
.app__before-start__option:first-child::after {
  content: "";
  position: absolute;
  inset: auto 0 auto auto;
  height: 8.5625rem;
  width: 1px;
  background: radial-gradient(#214864, rgba(0, 0, 0, 0) 75%);
  opacity: 0.5;
}
.app__before-start__option:last-child {
  border-radius: 0 0.625rem 0.625rem 0;
  padding-right: 0.75rem;
}
.app__before-start__option span:first-child {
  color: #214864;
}
.app__before-start__option span:nth-child(2) {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
  max-width: 12.5rem;
}
.app__before-start__history-options {
  width: 38.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.app__before-start__history-option {
  background: #EFEFED;
  border-radius: 0.625rem;
  display: grid;
  grid-template-columns: 19.25rem 1fr auto;
  align-items: center;
  padding: 0.25rem 0.75rem;
  padding-right: 1rem;
  text-align: left;
  width: 100%;
  min-height: 3.25rem;
}
.app__before-start__history-option--name {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  max-width: 19.25rem;
  letter-spacing: -0.02em;
}
.app__before-start__history-option--date {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  margin-left: auto;
  color: #939393;
  letter-spacing: -0.01em;
}
.app__before-start__history-option--date span {
  display: inline-block;
  margin-left: 0.0625rem;
  color: #962437;
}
.app__before-start__history-option--progress {
  margin-left: 1.4375rem;
}
.app__before-start__conversations-history {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  margin: auto 0 1.125rem;
  letter-spacing: -0.01em;
  color: #282828;
  position: relative;
}
.app__before-start__conversations-history::before {
  content: "";
  position: absolute;
  inset: auto auto 100%;
  height: 1px;
  width: 58.25rem;
  margin: auto;
  margin-bottom: 1.25rem;
  background: radial-gradient(#214864, rgba(0, 0, 0, 0) 50%);
  opacity: 0.5;
}
.app__before-predefined {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.875rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.5, 0, 0.2, 1), transform 0.4s cubic-bezier(0.5, 0, 0.2, 1);
  transform: scale(0.9);
}
.app__top-bar {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 1rem;
  top: 1.375rem;
  gap: 0.25rem;
  border-radius: 0.625rem;
  z-index: 5;
  pointer-events: all;
}
@media (max-width: 659px) {
  .app__top-bar {
    top: 2.375rem;
  }
}
.app__timer {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  position: absolute;
  top: 1.375rem;
  right: 1rem;
  z-index: 5;
  pointer-events: all;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  height: 1.625rem;
  min-width: 3.75rem;
  padding: 0 0.625rem;
  border-radius: var(--radius);
  letter-spacing: -0.01em;
  color: #282828;
  background: #fff;
  box-shadow: 0 0 0 0.5px #939393;
  transition: color 0.3s cubic-bezier(0.5, 0, 0.2, 1);
}
@media (max-width: 659px) {
  .app__timer {
    top: 2.375rem;
    height: 2.125rem;
  }
}
.app__timer.is-warning {
  color: #962437;
}
.app__toast {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  position: fixed;
  top: 3.75rem;
  left: 50%;
  transform: translateX(-50%) translateY(-10px);
  z-index: 9999;
  padding: 0.375rem 0.875rem;
  border-radius: var(--radius);
  color: #282828;
  background: #fff;
  box-shadow: 0 0 0 0.5px #939393;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s cubic-bezier(0.5, 0, 0.2, 1), transform 0.3s cubic-bezier(0.5, 0, 0.2, 1);
  white-space: nowrap;
  max-width: 90%;
  text-align: center;
  letter-spacing: -0.01em;
}
@media (max-width: 659px) {
  .app__toast {
    top: 4.75rem;
    white-space: normal;
  }
}
.app__toast.is-visible {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  pointer-events: all;
}
.app__switch {
  background: #CBCBCB;
  display: flex;
  border-radius: 0.25rem;
  color: white;
}
.app__item {
  --button-min-height: 1.625rem;
  --border-color: #f4f4f4;
  --button-border-hover-opacity: 1;
  --gradient: linear-gradient(to bottom right, #fff 0%, #fff 28%, #939393 100%);
  --gradient-opacity: 0;
  --button-bg-color: #CBCBCB;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.625rem;
  height: 1.625rem;
  padding: 0 0.4375rem;
  border-radius: var(--radius);
  gap: 0.25rem;
  position: relative;
  white-space: nowrap;
}
@media (max-width: 659px) {
  .app__item {
    height: 2.125rem;
    min-width: 2.25rem;
  }
}
.app__item svg path[fill] {
  fill: currentColor;
}
.app__item svg path[stroke] {
  stroke: currentColor;
}
.app__item--profile {
  --button-bg-color: #962437;
  --gradient: none;
  color: #F0F0F0;
}
.no-touch .app__item--profile:hover, .accessibility .app__item--profile:focus {
  --button-border-hover-opacity: 0;
  --button-bg-color: #801f2f;
}
.app__item--white {
  --button-bg-color: #fff;
  --gradient-opacity: 1;
}
.app__item--gray {
  --gradient: none;
  --button-bg-color: #E1E1E1;
  --button-border-hover-opacity: 0;
}
.app__item--rect {
  padding: 0;
}
.app__item--full-height {
  height: 100%;
  padding: 0;
}
.app__item--actions {
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .app__toggle + .app__item {
    margin-left: 0.625rem;
  }
}
.app__item::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  z-index: 1;
  border-radius: 4.8px;
  background: var(--button-border-hover-color, #939393);
  opacity: 0;
  transition: opacity 0.3s linear;
}
.app__item::after {
  content: "";
  position: absolute;
  inset: -0.5px;
  z-index: 0;
  background: var(--gradient);
  opacity: var(--gradient-opacity);
  background-size: 100% 100%;
  border-radius: 4.8px;
  pointer-events: none;
}
.app__item__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--button-bg-color);
  border-radius: 4px;
  transition: background 0.3s linear;
}
.app__item__text, .app__item i, .app__item svg {
  position: relative;
  z-index: 2;
}
.app__item[data-skip-backward] svg {
  transform: scale(-1);
}
.no-touch .app__item:hover::before, .accessibility .app__item:focus::before {
  opacity: var(--button-border-hover-opacity);
}
.app__toggle {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: var(--toggle-width);
  height: var(--toggle-height);
  border-radius: var(--radius);
  background: linear-gradient(360deg, #E7E8E1 0%, #D7D6D2 100%);
  position: relative;
  color: #fff;
  flex-shrink: 0;
}
@media (max-width: 659px) {
  .app__toggle {
    height: 2rem;
    width: 4rem;
  }
}
.app__toggle-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-basis: 50%;
}
.app__toggle-slider {
  --button-bg-color: #fff;
  --gradient-opacity: 1;
  --gradient: linear-gradient(to bottom right, #fff 0%, #BDBDBD 28%, #939393 100%);
  --button-border-hover-color: linear-gradient(to bottom right, #282828 0%, #FF4D00 38%, #fff 90%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: var(--toggle-slider-width);
  border-radius: inherit;
  height: 100% !important;
  color: #962437;
  transition: transform 0.3s cubic-bezier(0.5, 0, 0.2, 1);
}
@media (max-width: 659px) {
  .app__toggle-slider {
    width: 1.25rem;
  }
}
.app__toggle-slider svg {
  position: absolute;
  transition: opacity 0.3s cubic-bezier(0.5, 0, 0.2, 1);
}
.app__toggle-slider svg:first-of-type {
  opacity: 1;
}
.app__toggle-slider svg:last-of-type {
  opacity: 0;
}
.app__session-info {
  position: absolute;
  z-index: 2;
  top: 1.0625rem;
  left: 8.75rem;
  border-left: 1px solid black;
  min-height: 2.3125rem;
  padding-left: 0.625rem;
  display: flex;
  flex-direction: column;
  transform: translateX(-1.25rem);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.4s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.5, 0, 0.2, 1);
}
@media (max-width: 659px) {
  .app__session-info {
    top: 5.125rem;
    left: 1.0625rem;
    padding-left: 0.375rem;
  }
}
.app__session-info--user {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin-top: auto;
}
.app__session-info--title {
  font-family: "MartinaPlantijn", serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  color: #4E4E4E;
  letter-spacing: -0.03em;
}
@media (max-width: 659px) {
  .app__session-info--title {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
  }
}
.app__bottom-bar {
  position: absolute;
  bottom: var(--bottom-bar-offset);
  transition: transform 0.4s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.5, 0, 0.2, 1);
  z-index: 5;
  height: var(--bottom-bar-height);
  pointer-events: auto;
}
@media (max-width: 1023px) {
  .app__bottom-bar {
    left: 1.0625rem;
  }
}
@media (max-width: 659px) {
  .app__bottom-bar {
    height: 5.625rem;
  }
}
.app__bottom-bar--inner {
  position: relative;
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  height: 100%;
}
.app__bottom-bar [data-subtitles-wrapper] {
  position: absolute;
  width: 100%;
  top: calc(-100% - 0.5rem);
  display: flex;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transform: translateY(1.25rem);
  transition: transform 0.4s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.5, 0, 0.2, 1);
}
@media (max-width: 659px) {
  .app__bottom-bar [data-subtitles-wrapper] {
    top: calc(-100% + 0.25rem);
  }
}
.app__bottom-bar--subtitles-inner {
  background: rgba(255, 255, 255, 0.3);
  padding: 0.5rem 0.25rem;
  backdrop-filter: blur(30px);
  border-radius: 0.6875rem;
  flex: 2;
  position: relative;
  height: var(--bottom-bar-height);
  overflow: hidden;
  flex-direction: column;
  display: flex;
}
.app__bottom-bar--subtitles-loader {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  color: #4E4E4E;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.app__bottom-bar--session-subtitle {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  line-height: 120%;
  transition-property: transform, opacity;
  transition-timing-function: linear;
  text-align: center;
  max-width: unset;
}
.app__bottom-bar--session-subtitle.subtitle-enter {
  transform: translateY(100%);
  opacity: 0;
}
.app__bottom-bar--session-subtitle.subtitle-visible {
  transform: translateY(0);
  opacity: 1;
}
.app__bottom-bar--session-subtitle.subtitle-exit {
  transform: translateY(-100%);
  opacity: 0;
}
.app__bottom-bar-items {
  height: 100%;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  padding: 0 0.625rem;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border-radius: 0.6875rem;
  gap: 0.25rem;
  background: rgba(255, 255, 255, 0.6);
  position: relative;
}
@media (max-width: 659px) {
  .app__bottom-bar-items {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.584375rem;
  }
}
[data-session-type=interview] .app__bottom-bar-items, [data-session-type=brainstorming] .app__bottom-bar-items {
  gap: 0.5rem;
}
.app__bottom-bar-items--full-width {
  width: 100%;
  flex: 1;
}
@media (max-width: 659px) {
  .app__bottom-bar-items--full-width > :nth-child(2) {
    order: 2;
  }
  .app__bottom-bar-items--full-width > :nth-child(3) {
    order: 3;
  }
}
.app__bottom-bar-items--full {
  width: 100%;
  justify-content: space-between;
  padding: 0 0.875rem;
  gap: 0.625rem;
  padding-top: 0.125rem;
}
.app__bottom-bar-items--nobg {
  background: none;
}
.app__bottom-bar-items--nobg[data-interview-loader]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, #EFEFED 0%, #fff 30.29%);
  background-size: var(--progressPercent, 0%) 100%;
  background-repeat: no-repeat;
  border-radius: 0.5rem;
  transition: background-size 0.3s linear;
}
.app__bottom-bar-items::after {
  content: "";
  position: absolute;
  inset: -0.5px;
  border-radius: 0.6875rem;
  background: linear-gradient(to bottom right, #fff 1.68%, #F0F0F0 39.42%, #939393 77.16%);
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
          mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-clip: content-box, border-box;
          mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  padding: 0.5px;
  pointer-events: none;
}
.app__bottom-bar__left {
  left: 1.0625rem;
  gap: 0.3125rem;
  transform: none;
}
.app__bottom-bar__center {
  left: 50%;
  transform: translateX(-50%);
  gap: 0.25rem;
  align-items: center;
  width: 100%;
  max-width: 35.0625rem;
}
@media (max-width: 1023px) {
  .app__bottom-bar__center {
    max-width: calc(100vw - 2rem) !important;
  }
}
.app__bottom-bar__right {
  right: 1.0625rem;
  gap: 0.5rem;
}
@media (min-width: 660px) and (max-width: 1023px) {
  .app__bottom-bar__right {
    max-width: 14.75rem !important;
    bottom: 4.25rem;
  }
}
@media (max-width: 659px) {
  .app__bottom-bar__right {
    height: 2.5rem;
    max-width: calc(100vw - 2rem);
    bottom: 7rem;
    z-index: 4;
  }
}
.app__bottom-bar-indicator {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.app__bottom-bar-indicator::before {
  content: "";
  position: absolute;
  inset: 0;
  background: conic-gradient(from 180deg at 50% 50%, #CFCFCB 0deg, #E6E8E1 254.08deg, #F4F4F2 360deg);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.app__bottom-newsletter {
  position: absolute;
  inset: auto 0 calc(100% + 1.8125rem) auto;
}
.app__bottom-links {
  bottom: var(--bottom-bar-offset);
  position: absolute;
  pointer-events: all;
  left: 1.0625rem;
}
.app__bottom-info {
  bottom: var(--bottom-bar-offset);
  position: absolute;
  left: 1.0625rem;
  max-width: 23.375rem;
  pointer-events: all;
  transition: opacity 0.4s cubic-bezier(0.5, 0, 0.2, 1), transform 0.4s cubic-bezier(0.5, 0, 0.2, 1);
}
.app__data-visualizer {
  display: none;
  flex-direction: column;
  width: 100%;
  z-index: 1;
  margin: 0 0.625rem;
  pointer-events: all;
}
@media (max-width: 659px) {
  .app__data-visualizer {
    margin: 0 0.375rem;
    order: -1;
  }
}
.app__data-visualizer__inner {
  display: flex;
  gap: 0.625rem;
}
.no-touch .app__data-visualizer__inner:hover .duration-display, .accessibility .app__data-visualizer__inner:focus .duration-display {
  opacity: 1;
}
.app__data-visualizer__visualizer {
  position: relative;
}
.app__data-visualizer__controls {
  display: flex;
  gap: 0.125rem;
}
.app__data-visualizer .bot-message {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 700;
  line-height: 120%;
}
.app__data-visualizer .user-message {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  line-height: 120%;
}
.app__data-visualizer .soundwave-container {
  display: flex;
  align-items: center;
  height: 1.5625rem;
  position: relative;
  pointer-events: none;
  gap: 1px;
  width: 100%;
  overflow: hidden;
}
.app__data-visualizer .soundwave-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(239, 239, 237, 0.85);
  z-index: 1;
  pointer-events: none;
  transition: left 0.1s ease-out;
}
.app__data-visualizer .soundwave-mask::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: rgba(150, 36, 55, 0.3);
  transform: translateY(-50%);
}
.app__data-visualizer .slider-container {
  position: absolute;
  inset: 0;
  cursor: pointer;
  z-index: 2;
}
.app__data-visualizer .soundwave-bar {
  width: 1px;
  background: #939393;
  will-change: height, opacity;
}
.app__data-visualizer .soundwave-bar--inactive {
  height: 1px !important;
  opacity: 0.5;
}
.app__data-visualizer .slider-track {
  width: calc(100% - 3px);
  height: 100%;
  position: relative;
}
.app__data-visualizer .progress-slider {
  height: 100%;
  top: 50%;
  transform: translate(1px, -50%);
  width: 2px;
  transform-origin: right;
  background: #972438;
  position: absolute;
  z-index: 3;
}
.app__data-visualizer .current-topic-indicator {
  width: 0.1875rem;
  height: 0.1875rem;
  border-radius: 50%;
  background: #962437;
  border: 1px solid #EFEFED;
  position: absolute;
  box-sizing: content-box;
  transform: translateX(-0.09375rem);
  z-index: 3;
}
.app__data-visualizer .duration-container {
  position: relative;
  pointer-events: none;
}
.app__data-visualizer .duration-display {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
  font-weight: 450;
  position: absolute;
  top: -1.25rem;
  opacity: 0;
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
  background: #962437;
  border-radius: 0.125rem;
  padding: 0 0.25rem;
  color: #EBE5EA;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 2222;
}
.app__data-duration {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
  min-width: 4.6875rem;
  margin: 0 0.625rem;
}
.app__info {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4;
  display: inline-block;
  letter-spacing: -0.01em;
  color: rgba(33, 72, 100, 0.48);
}
.app__bottom-info .app__info {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.1;
}
.app__link {
  color: rgba(33, 72, 100, 0.48);
  display: inline-block;
}
.app__suggestions-content {
  position: absolute;
  z-index: 3;
  display: flex;
  gap: 0.3125rem;
  bottom: 3.75rem;
  opacity: 0;
  left: 50%;
  transform: translate(-50%, 1.25rem);
  transition: transform 0.4s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.5, 0, 0.2, 1);
  pointer-events: none;
}
.app__resources-content {
  backdrop-filter: blur(8px);
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  opacity: 0;
  left: 0;
  transform: translateY(0.625rem);
  transition: transform 0.4s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.5, 0, 0.2, 1);
  pointer-events: none;
  z-index: 2;
}
.app__resources-inner {
  max-width: 67.75rem;
  width: 100%;
  height: 70% !important;
  overflow: hidden auto;
  position: relative;
}
.app__resources-item {
  border: 1px solid #fff;
  border-radius: 0.625rem;
  padding: 0.625rem;
  cursor: move;
  width: 15.375rem;
  position: absolute;
  margin: 0.75rem;
}
.app__resources-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.app__chat {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: calc(var(--bottom-bar-height) + var(--bottom-bar-offset) + 0.4375rem);
  width: var(--sidebar-width);
  margin-right: 1.125rem;
  background: rgba(255, 255, 255, 0.4);
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  padding: 0 0.625rem;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.5, 0, 0.2, 1), height 0.4s cubic-bezier(0.5, 0, 0.2, 1), top 0.4s cubic-bezier(0.5, 0, 0.2, 1), height 0.4s cubic-bezier(0.5, 0, 0.2, 1);
  pointer-events: all;
}
@media (max-width: 659px) {
  .app__chat {
    width: calc(100vw - 2rem);
    max-height: calc(100dvh - 12.625rem);
    border-radius: 0.75rem;
  }
}
.app__chat::after {
  content: "";
  position: absolute;
  inset: -0.5px;
  border-radius: 0.5rem;
  background: linear-gradient(to bottom right, #fff 1.68%, #F0F0F0 39.42%, #939393 77.16%);
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
          mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-clip: content-box, border-box;
          mask-clip: content-box, border-box;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: cover;
          mask-size: cover;
  padding: 0.5px;
  pointer-events: none;
}
.app__chat__content {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4;
  line-height: 120%;
  letter-spacing: -0.01em;
  display: flex;
  flex-direction: column;
  gap: 0.5625rem;
  overflow-y: scroll;
  height: 100%;
  margin-left: -4px;
  padding-left: 4px;
}
.app__chat__content div:first-child {
  margin-top: 0.625rem;
}
.app__chat__content > :last-child {
  margin-bottom: 0.625rem;
}
.app__chat .timestamp {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.2;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  letter-spacing: -0.01em;
  color: currentColor;
  transition: color 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  position: relative;
}
.app__chat .timestamp span {
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.app__chat__response {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: auto;
  letter-spacing: -0.01em;
  background: rgba(0, 0, 0, 0);
  border-radius: 0.25rem;
  padding: 0.75rem;
  gap: 0.25rem;
  color: #939393;
  transition: background 0.5s cubic-bezier(0.5, 0, 0.2, 1), color 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  max-width: 14rem;
}
.app__chat__response.highlight {
  background: #fff;
  color: #4E4E4E;
}
.app__chat__response.highlight .timestamp {
  color: #962437;
}
.app__chat__response.highlight .timestamp i {
  opacity: 1;
}
.app__chat__response.highlight .timestamp span {
  transform: translateX(0.8125rem);
}
.app__chat__response .expert-quotes-container {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #962437;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  max-width: 11.25rem;
  margin-top: 0.5rem;
}
.app__chat__response .expert-quotes-container .expert-quote {
  text-align: left;
  padding-left: 0.625rem;
  border-left: 1.5px solid currentColor;
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1), padding 0.25s cubic-bezier(0.5, 0, 0.2, 1) !important;
}
.no-touch .app__chat__response .expert-quotes-container .expert-quote:hover, .accessibility .app__chat__response .expert-quotes-container .expert-quote:focus {
  opacity: 0.75;
  padding-left: 0.5rem;
}
.app__chat__response .expert-quotes-container .expert-quote__info {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.4;
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 130%;
  color: #962437;
  display: flex;
  gap: 0.375rem;
  align-items: center;
  margin-bottom: 0.25rem;
}
.app__chat__response .expert-quotes-container .expert-quote__info::before {
  content: "";
  display: inline-block;
  background: #962437;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  margin-right: 0.25rem;
}
.app__chat__response .expert-quotes-container .expert-quote-group {
  font-weight: 700;
}
.app__chat__response .expert-quotes-container * {
  margin: unset !important;
}
.app__chat__response .message-content {
  max-width: 100%;
  overflow: hidden;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
.app__chat__response .message-content p {
  text-wrap: unset;
}
.app__chat__response a {
  text-decoration: underline;
}
.app__chat__response pre, .app__chat__response code {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
  overflow-x: auto;
}
.app__chat__response h1, .app__chat__response h2, .app__chat__response h3, .app__chat__response h4, .app__chat__response h5, .app__chat__response h6 {
  margin: 0.5rem 0;
}
.app__chat__response hr {
  margin: 0.75rem 0;
}
.app__chat__response ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.25rem;
  margin-inline-start: 1.875rem;
  list-style-type: disc;
  margin-block: 0.375rem;
}
.app__chat__response ol {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.25rem;
  margin-inline-start: 1.875rem;
  list-style-type: decimal;
  margin-block: 0.375rem;
}
.app__chat__response ol p {
  margin-left: -0.5rem;
}
.app__chat__question {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.2;
  letter-spacing: normal;
  background: rgba(0, 0, 0, 0);
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.25rem;
  gap: 0.375rem;
  padding: 0.75rem;
  margin-left: auto;
  color: #939393;
  transition: background 0.5s cubic-bezier(0.5, 0, 0.2, 1), color 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  max-width: 14rem;
}
.app__chat__question.highlight {
  background: #ececec;
  color: #4E4E4E;
  border: 0.5px solid #DDD;
}
.app__chat__question.highlight .timestamp {
  color: #962437;
}
.app__chat__question.highlight .timestamp i {
  opacity: 1;
}
.app__chat__question.highlight .timestamp span {
  transform: translateX(0.8125rem);
}
.app__chat__input {
  position: relative;
  margin: auto 0 0.4375rem;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1), height 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  height: 8.125rem;
  flex-shrink: 0;
}
@media (max-width: 659px) {
  .app__chat__input {
    height: 2.4375rem;
  }
}
.app__chat__textarea {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.2;
  pointer-events: none;
  letter-spacing: -0.01em;
  width: 100%;
  background: #fff;
  height: 100%;
  border-radius: 0.25rem;
  resize: none;
  padding: 0.75rem 0.6875rem;
  padding-right: 2.125rem;
}
.app__chat__textarea::-moz-placeholder {
  opacity: 1;
  color: #939393;
  -moz-transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
.app__chat__textarea::placeholder {
  opacity: 1;
  color: #939393;
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
.app__chat__textarea:focus::-moz-placeholder {
  opacity: 0;
}
.app__chat__textarea:focus::placeholder {
  opacity: 0;
}
.app__chat__send {
  pointer-events: none;
  position: absolute;
  bottom: 0.625rem;
  right: 0.4375rem;
  width: 1.5rem;
  height: 1.5rem;
}
.app__chat__toggle {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 0;
  flex-shrink: 0;
  position: relative;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1), height 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  overflow: hidden;
  margin-inline: -0.625rem;
}
.app__chat__toggle::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 1px;
  background-color: #fff;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  opacity: 0;
}
.app__chat__toggle-btn {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.625rem;
  position: absolute;
  inset: 0;
  min-width: 1.5625rem;
  padding-inline: 0.625rem;
}
.app__chat__toggle-btn > span:first-of-type {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1.5625rem;
  height: 1.5rem;
  border-radius: var(--radius);
  background-color: #fff;
  position: relative;
}
.app__chat__toggle-btn > span:first-of-type::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(to bottom right, #fff 0%, #fff 28%, #939393 100%);
  border-radius: var(--radius);
}
.app__chat__toggle-btn > span:first-of-type::after {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s linear;
  background: #939393;
  border-radius: var(--radius);
}
.app__chat__toggle-btn > span:last-of-type {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
  letter-spacing: -0.01em;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  opacity: 0;
}
.no-touch .app__chat__toggle-btn:hover > span:first-of-type::after, .accessibility .app__chat__toggle-btn:focus > span:first-of-type::after {
  opacity: 1;
}
.app__chat-icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 1px;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.app__chat-return {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  inset: auto 0 0;
  padding: 0.5rem 0;
  background-color: #efefed;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.has-return ~ .app__chat-return {
  opacity: 1;
  pointer-events: all;
}
.app__chat-thinking {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 1.875rem;
  animation: text-shine 2s linear infinite forwards;
  background-position: 200% 50%;
  gap: 0.625rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  display: none;
}
.app__chat-thinking > span {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
  letter-spacing: -0.01em;
  background: linear-gradient(90deg, #4E4E4E 0%, rgba(209, 209, 204, 0.7) 22.6%, #4E4E4E 100%) #4E4E4E;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% auto;
  background-position: inherit;
}
.app__circle {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  gap: 0.125rem;
}
.app__circle-loader {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 0.875rem;
  height: 0.875rem;
}
.app__circle-loader svg {
  width: 0.875rem;
  height: 0.875rem;
  transform: rotate(-90deg);
}
.app__circle-loader svg circle:last-of-type {
  stroke-dasharray: var(--progress, 0) calc(100 - var(--progress, 0));
  stroke-dashoffset: 0;
  stroke-linecap: round;
  transition: stroke-dasharray 0.3s cubic-bezier(0.5, 0, 0.2, 1), stroke-dashoffset 0.3s cubic-bezier(0.5, 0, 0.2, 1);
}
.app__circle span {
  min-width: 1.625rem;
}
.app__newsletter {
  z-index: 3;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  opacity: 0;
}
@media (max-width: 659px) {
  .app__newsletter {
    display: none;
  }
}
.app__newsletter-form {
  --width: 8.0625rem;
  width: var(--width);
  position: relative;
  transition: width 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.app__newsletter-form.is-completed {
  --width: 16.5rem;
}
.app__newsletter-form:not(:has(input:-moz-placeholder)) {
  --width: 16.5rem;
}
.app__newsletter-form:has(input:focus), .app__newsletter-form:not(:has(input:placeholder-shown)) {
  --width: 16.5rem;
}
.app__newsletter-form:has(input:focus) .app__newsletter-input input::-moz-placeholder, .app__newsletter-form:not(:has(input:placeholder-shown)) .app__newsletter-input input::-moz-placeholder {
  opacity: 1;
  pointer-events: auto;
}
.app__newsletter-form:not(:has(input:-moz-placeholder)) .app__newsletter-input input, .app__newsletter-form:not(:has(input:-moz-placeholder)) .app__newsletter-input input::placeholder, .app__newsletter-form:not(:has(input:-moz-placeholder)) .app__newsletter-submit {
  opacity: 1;
  pointer-events: auto;
}
.app__newsletter-form:has(input:focus) .app__newsletter-input input,
.app__newsletter-form:has(input:focus) .app__newsletter-input input::placeholder,
.app__newsletter-form:has(input:focus) .app__newsletter-submit, .app__newsletter-form:not(:has(input:placeholder-shown)) .app__newsletter-input input,
.app__newsletter-form:not(:has(input:placeholder-shown)) .app__newsletter-input input::placeholder,
.app__newsletter-form:not(:has(input:placeholder-shown)) .app__newsletter-submit {
  opacity: 1;
  pointer-events: auto;
}
.app__newsletter-form:not(:has(input:-moz-placeholder)) .app__newsletter-label {
  opacity: 0;
  pointer-events: none;
}
.app__newsletter-form:has(input:focus) .app__newsletter-label, .app__newsletter-form:not(:has(input:placeholder-shown)) .app__newsletter-label {
  opacity: 0;
  pointer-events: none;
}
.app__newsletter-label {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  position: absolute;
  right: 0.4375rem;
  cursor: pointer;
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.app__newsletter-fields {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-grow: 1;
}
.app__newsletter-wrap {
  width: 100%;
}
.is-completed .app__newsletter-wrap {
  opacity: 0;
  pointer-events: none;
}
.app__newsletter-input {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.app__newsletter-input::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .app__newsletter-input::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.app__newsletter-input::after {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid #939393;
  border-radius: var(--radius);
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s linear;
}
.no-touch .app__newsletter-input:hover::after, .accessibility .app__newsletter-input:focus::after {
  opacity: 1;
}
.app__newsletter-input {
  border-radius: var(--radius);
  height: 1.5rem;
  position: relative;
  width: 100%;
  background-color: #fff;
}
.app__newsletter-input::before {
  border-radius: var(--radius);
  background: linear-gradient(175deg, #fff 1.68%, rgba(255, 255, 255, 0) 36.52%, #939393 77.16%) border-box;
}
.app__newsletter-input input {
  flex-grow: 1;
  width: 100%;
  padding: 0 0.4375rem 0 0;
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
  opacity: 0;
  pointer-events: none;
}
.app__newsletter-input input::-moz-placeholder {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #939393;
  -moz-transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
.app__newsletter-input input::placeholder {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #939393;
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
.app__newsletter-submit {
  letter-spacing: -0.01em;
  color: #4E4E4E;
  padding: 0 0.4375rem;
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
  opacity: 0;
  pointer-events: none;
}
.app__newsletter-error, .app__newsletter-message {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.app__newsletter-error {
  color: #FF4D00;
}
.is-error .app__newsletter-error {
  opacity: 1;
}
.app__newsletter-message {
  inset: auto 0 auto auto;
  margin-top: 0.125rem;
  white-space: nowrap;
}
.is-completed .app__newsletter-message {
  opacity: 1;
}
.app__newsletter-icon {
  padding-inline: 0.4375rem;
}
.app__volume {
  display: none;
  position: relative;
}
.app__volume-wrap {
  position: relative;
  z-index: 2;
  height: 100%;
  width: 100%;
  padding-block: 0.4375rem;
  text-align: left;
  transition: width 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  transition-delay: 0.25s;
}
.app__volume-content {
  position: absolute;
  z-index: 3;
  display: flex;
  gap: 0.3125rem;
  height: 3.75rem;
  width: 100%;
  bottom: 100%;
  opacity: 0;
  transition: transform 0.4s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.5, 0, 0.2, 1);
  pointer-events: none;
}
.app__volume-bar {
  backface-visibility: hidden;
  color: #939393;
  cursor: row-resize;
  width: 100%;
  position: absolute;
  top: 0.4375rem;
  bottom: 0.4375rem;
  transform-origin: bottom center;
  transition: color 0.3s 0.3s, transform 0.3s cubic-bezier(0.5, 0, 0.2, 1) 0.3s, opacity 0.3s 0.3s;
  will-change: color, transform;
}
.app__volume-bar::before {
  background: #282828;
  border-radius: 0.375rem;
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  left: 50%;
  transform: translateX(-50%);
  height: 100%;
}
.no-touch .app__volume-bar:hover, .accessibility .app__volume-bar:focus {
  color: var(--video-volume-hover-color);
}
.app__volume-value {
  display: block;
  background: #282828;
  opacity: 1;
  position: relative;
  width: 2px;
  height: 100%;
  left: 50%;
  margin-left: -1px;
  transform-origin: bottom;
  transform: scaleY(1);
}
.app__survey {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0;
  z-index: 3;
  background-color: #EFEFED;
}
body.has-survey-filled .app__survey {
  display: none;
}
@media (max-width: 659px) {
  .app__survey {
    max-width: calc(100vw - 2rem);
    margin: 0 auto;
  }
}
.app__survey-label {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  padding-inline: 0.875rem;
  letter-spacing: -0.01em;
}
.app__survey-form {
  display: grid;
  grid-template-columns: 1fr;
}
.app__survey-step {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-column: 1/-1;
  grid-row: 1/-1;
  opacity: 0;
  pointer-events: none;
}
.app__survey-step.is-active {
  opacity: 1;
  pointer-events: auto;
}
.app__survey-fieldset {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.app__survey-options {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
}
@media (max-width: 659px) {
  .app__survey-options {
    flex-wrap: wrap;
    gap: 0.375rem 0.25rem;
  }
}
.app__survey-counter {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.app__survey-counter::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .app__survey-counter::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.app__survey-counter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  letter-spacing: -0.01em;
  color: #214864;
  min-width: 2rem;
  min-height: 1.1875rem;
  margin-bottom: 1.375rem;
}
.app__survey-counter::before {
  background: linear-gradient(144.55deg, #fff 1.68%, #962437 36.52%, #00B5B2 77.16%);
  border-radius: var(--radius-big);
}
.app__survey legend {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 1.1;
  letter-spacing: -0.04em;
  color: #214864;
  margin-bottom: 1rem;
}
@media (max-width: 659px) {
  .app__survey legend {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.4;
    line-height: 120%;
    letter-spacing: -0.04em;
    max-width: 18.75rem;
  }
}
.app__dynamic-mindmap-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  width: 24.875rem;
  pointer-events: none;
  opacity: 0;
  z-index: 5;
  transform: translateX(100%);
  transition: transform 0.4s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.5, 0, 0.2, 1), top 0.4s cubic-bezier(0.5, 0, 0.2, 1), bottom 0.4s cubic-bezier(0.5, 0, 0.2, 1), width 0.4s cubic-bezier(0.5, 0, 0.2, 1), height 0.4s cubic-bezier(0.5, 0, 0.2, 1), right 0.4s cubic-bezier(0.5, 0, 0.2, 1), border-radius 0.4s cubic-bezier(0.5, 0, 0.2, 1);
}
@media (max-width: 659px) {
  .app__dynamic-mindmap-modal {
    width: calc(100vw - 2rem);
    top: 5rem;
    border-radius: 0.75rem;
    right: 1.0625rem;
    height: calc(100dvh - 12.125rem);
  }
}
.app__dynamic-mindmap-modal__inner {
  position: relative;
  height: 100%;
}
.app__dynamic-mindmap-modal__back {
  position: absolute;
  right: 0.8125rem;
  top: 0.75rem;
}
@media (max-width: 659px) {
  .app__dynamic-mindmap-modal__back {
    min-width: 1.5625rem;
    height: 1.5rem;
  }
}
.app__dynamic-mindmap-modal__fullscreen {
  position: absolute;
  right: 2.625rem;
  top: 0.75rem;
}
.app__dynamic-mindmap-modal__fullscreen .svg-fullscreen-off {
  display: none;
}
@media (max-width: 1023px) {
  .app__dynamic-mindmap-modal__fullscreen {
    display: none;
  }
}
.app__dynamic-mindmap-modal__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 2.875rem 2rem 5rem;
  transition: opacity 0.4s cubic-bezier(0.5, 0, 0.2, 1);
}
.is-animating .app__dynamic-mindmap-modal__content {
  opacity: 0.03;
  transition-duration: 0s;
}
.app__dynamic-mindmap-modal__content > * {
  max-width: 20.9375rem;
  transition: max-width 0.4s cubic-bezier(0.5, 0, 0.2, 1);
}
.app__dynamic-mindmap-modal__title {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 27px;
  font-size: 1.6875rem;
  line-height: 1.2;
  margin-bottom: 0.6875rem;
  margin-top: 0.5rem;
  max-width: 70ch;
  letter-spacing: -0.03em;
  text-align: center;
  color: #214864;
}
.app__dynamic-mindmap-modal__text {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  text-align: center;
  letter-spacing: -0.02em;
  color: #214864;
  text-wrap: unset;
}
.app__dynamic-mindmap-modal__parent-label {
  font-family: "MartinaPlantijn", serif;
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.1;
  text-align: center;
  color: #214864;
}
.app__dynamic-mindmap-modal__decor {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  height: 3.75rem;
  position: relative;
  flex-shrink: 0;
}
.app__dynamic-mindmap-modal__decor::before {
  content: "";
  position: absolute;
  bottom: 0.3125rem;
  top: 0;
  width: var(--border-thin);
  background-color: #b7b7b7;
}
.app__dynamic-mindmap-modal__decor .a-capsule {
  transform: rotate(90deg);
}
.app__dynamic-mindmap-modal__pins {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #214864;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  text-align: center;
  margin-block: 3.0625rem;
  position: relative;
}
.app__dynamic-mindmap-modal__pins::before {
  content: "";
  position: absolute;
  top: calc(100% + 0.75rem);
  height: 1.5rem;
  width: var(--border-thin);
  background-color: #b7b7b7;
}
.app__dynamic-mindmap-modal__pins::after {
  content: "";
  position: absolute;
  top: calc(100% + 0.75rem);
  width: 0.125rem;
  height: 0.125rem;
  border-radius: 50%;
  background-color: #b7b7b7;
}
.app__dynamic-mindmap-modal__pin {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  gap: 0.75rem;
  margin-block: 1rem 1.5rem;
}
.app__dynamic-mindmap-modal__response .app__dynamic-mindmap-modal__pin:last-of-type {
  margin-bottom: 0;
}
.app__dynamic-mindmap-modal__pin svg {
  transform: rotate(45deg);
}
.app__dynamic-mindmap-modal__pin h4 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2;
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  margin-bottom: 0.25rem;
  letter-spacing: -0.01em;
  color: #214864;
}
.app__dynamic-mindmap-modal__pin p {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
}
.app__dynamic-mindmap-modal__copy {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.41;
  letter-spacing: -0.02em;
}
.app__dynamic-mindmap-modal__response {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.41;
  letter-spacing: -0.02em;
  margin-top: 3.5625rem;
  padding-left: 0.75rem;
  border-left: var(--border-thin) solid #962437;
}
.app__dynamic-mindmap-modal__response p:nth-of-type(2) {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.28;
  letter-spacing: -0.01em;
  color: #962437;
  margin-top: 1rem;
  margin-bottom: -0.25rem;
}
.app__dynamic-mindmap-modal__loader {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
  text-align: center;
  color: #962437;
  margin-top: 1.3125rem;
  gap: 1.125rem;
}
.app__separator {
  width: 2px;
  flex-shrink: 0;
  margin: 0 0.3125rem;
  height: 1.1875rem;
  background: linear-gradient(to right, #fff 0%, #fff 50%, #939393 50%, #939393 100%);
}
.app .is-hidden {
  display: none;
}
.app__mode-choice {
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.5, 0, 0.2, 1);
}
.app__mode-choice__content {
  display: flex;
  flex-direction: column;
  gap: 1.3125rem;
  max-width: 24.0625rem;
  margin-bottom: 2.4375rem;
}
@media (max-width: 659px) {
  .app__mode-choice__content {
    max-width: 21rem;
  }
}
.app__mode-choice__title {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 1.4;
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  text-align: center;
  line-height: 110%;
  letter-spacing: -0.04em;
  color: #214864;
}
@media (max-width: 659px) {
  .app__mode-choice__title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.4;
    line-height: 120%;
  }
}
.app__mode-choice__buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 659px) {
  .app__mode-choice__buttons .app__session__separator--horizontal {
    width: 18.75rem;
  }
}
.app__mode-choice__speech-button {
  margin-bottom: 1.25rem;
}
.app__mode-choice__text-button {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.02em;
  line-height: 140%;
  color: #282828;
  margin-top: 1.25rem;
  font-weight: 450;
}
.app__mode-choice__info {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  line-height: 120%;
  color: #4E4E4E;
  margin-top: 2rem;
}
@media (max-width: 659px) {
  .app__mode-choice__info {
    margin-top: unset;
  }
}
.app__completion {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
.app__status {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  position: absolute;
  z-index: 0;
  pointer-events: none;
  left: 1rem;
  bottom: var(--bottom-bar-offset);
  letter-spacing: -0.01em;
  max-width: 12.5rem;
  gap: 0.375rem;
  height: calc(var(--app-height) * 0.6);
  overflow: hidden;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-mask: linear-gradient(to top, #000 70%, rgba(0, 0, 0, 0));
  mask: linear-gradient(to top, #000 70%, rgba(0, 0, 0, 0));
}
@media (max-width: 659px) {
  .app__status {
    display: none;
  }
}
.app__status-wrap {
  animation: text-shine 2s linear infinite forwards;
  background-position: 200% 50%;
}
.app__status p {
  color: #4E4E4E;
  background: linear-gradient(90deg, #4E4E4E 0%, rgba(209, 209, 204, 0.7) 22.6%, #4E4E4E 100%) #4E4E4E;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% auto;
  background-position: inherit;
  opacity: 0;
  transform: translateY(10px);
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.app__status p.status-emphasis {
  color: #962437;
  font-weight: bold;
  background: linear-gradient(90deg, #962437 0%, rgba(209, 209, 204, 0.7) 22.6%, #962437 100%) #962437;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  background-size: 200% auto;
  background-position: inherit;
  position: relative;
}
.app__status p .status-spinner {
  min-width: 0.625rem;
  border-radius: 50%;
  height: 0.625rem;
  background: conic-gradient(from 180deg at 50% 50%, #CFCFCB 0deg, #E6E8E1 254.08deg, #F4F4F2 360deg);
  animation: spin 1s linear infinite;
}
.app__blur {
  position: absolute;
  inset: 0 0 auto;
  height: 5rem;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.5, 0, 0.2, 1);
}
.app__blur-wrap {
  position: absolute;
  inset: 0;
  transform: scaleY(-1);
}
.app__blur-filter {
  position: absolute;
  inset: 0;
}
.app__blur-filter:nth-child(1) {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  -webkit-mask: linear-gradient(rgba(0, 0, 0, 0), #000 10%, #000 30%, rgba(0, 0, 0, 0) 40%);
          mask: linear-gradient(rgba(0, 0, 0, 0), #000 10%, #000 30%, rgba(0, 0, 0, 0) 40%);
}
.app__blur-filter:nth-child(2) {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  -webkit-mask: linear-gradient(rgba(0, 0, 0, 0) 10%, #000 20%, #000 40%, rgba(0, 0, 0, 0) 50%);
          mask: linear-gradient(rgba(0, 0, 0, 0) 10%, #000 20%, #000 40%, rgba(0, 0, 0, 0) 50%);
}
.app__blur-filter:nth-child(3) {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  -webkit-mask: linear-gradient(rgba(0, 0, 0, 0) 15%, #000 30%, #000 50%, rgba(0, 0, 0, 0) 60%);
          mask: linear-gradient(rgba(0, 0, 0, 0) 15%, #000 30%, #000 50%, rgba(0, 0, 0, 0) 60%);
}
.app__blur-filter:nth-child(4) {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  -webkit-mask: linear-gradient(rgba(0, 0, 0, 0) 20%, #000 40%, #000 60%, rgba(0, 0, 0, 0) 70%);
          mask: linear-gradient(rgba(0, 0, 0, 0) 20%, #000 40%, #000 60%, rgba(0, 0, 0, 0) 70%);
}
.app__blur-filter:nth-child(5) {
  z-index: 10;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(8px);
  -webkit-mask: linear-gradient(rgba(0, 0, 0, 0) 40%, #000 60%, #000 80%);
          mask: linear-gradient(rgba(0, 0, 0, 0) 40%, #000 60%, #000 80%);
}
.app__blur-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(transparent, #EFEFED);
}
.app .svg-play {
  width: 0.9375rem;
}
.app__classroom {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100vw;
  height: 100vh;
}

#wrapper:has(.app) {
  pointer-events: none;
}

/* variables */
/* main */
.markdown {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  color: #214864;
  letter-spacing: -0.02em;
  max-width: 44.875rem;
}
@media (max-width: 1023px) {
  .markdown {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.25;
    padding-inline: 0.75rem;
  }
}
.markdown h1, .markdown h2, .markdown h3, .markdown h4, .markdown h5, .markdown h6 {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  color: #214864;
  letter-spacing: -0.04em;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}
.markdown h1:first-child, .markdown h2:first-child, .markdown h3:first-child, .markdown h4:first-child, .markdown h5:first-child, .markdown h6:first-child {
  margin-top: 0;
}
.markdown h1 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.1;
  margin-bottom: 1.3125rem;
}
@media (max-width: 1023px) {
  .markdown h1 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.04;
  }
}
.markdown h2 {
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.2;
}
@media (max-width: 1023px) {
  .markdown h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.15;
  }
}
.markdown h3 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.25;
}
@media (max-width: 1023px) {
  .markdown h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
  }
}
.markdown h4, .markdown h5, .markdown h6 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
}
@media (max-width: 1023px) {
  .markdown h4, .markdown h5, .markdown h6 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
  }
}
.markdown p {
  margin-bottom: 1rem;
  text-wrap: auto;
}
.markdown p + p {
  margin-top: 1.5rem;
}
@media (max-width: 1023px) {
  .markdown p {
    margin-bottom: 0.875rem;
  }
  .markdown p + p {
    margin-top: 1.125rem;
  }
}
.markdown strong, .markdown b {
  font-family: "MartinaPlantijn", serif;
  font-weight: 700;
  color: #282828;
}
.markdown em, .markdown i {
  font-family: "MartinaPlantijn", serif;
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
  display: inline-block;
  font-style: normal;
  color: #939393;
}
.markdown ul, .markdown ol {
  margin-bottom: 1.25rem;
  padding-left: 1.5rem;
}
@media (max-width: 1023px) {
  .markdown ul, .markdown ol {
    padding-left: 1.25rem;
    margin-bottom: 1rem;
  }
}
.markdown ul li, .markdown ol li {
  margin-bottom: 0.5rem;
  line-height: 1.4;
}
.markdown ul li:last-child, .markdown ol li:last-child {
  margin-bottom: 0;
}
.markdown ul ul, .markdown ul ol, .markdown ol ul, .markdown ol ol {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.markdown ul {
  list-style-type: disc;
}
.markdown ul li::marker {
  color: #282828;
}
.markdown ol {
  list-style-type: decimal;
  padding-left: 1.75rem;
}
@media (max-width: 1023px) {
  .markdown ol {
    padding-left: 1.5rem;
  }
}
.markdown ol li::marker {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  color: #282828;
}
.markdown table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
  border: 1px solid rgba(33, 72, 100, 0.1);
  border-radius: 0.5rem;
  overflow-x: auto;
  display: block;
}
@media (max-width: 1023px) {
  .markdown table {
    margin: 1.25rem 0;
    font-size: 0.875rem;
  }
}
.markdown table thead, .markdown table tbody {
  display: table;
  width: 100%;
}
.markdown table tr {
  display: table-row;
}
.markdown table th, .markdown table td {
  display: table-cell;
}
.markdown .table-wrapper {
  display: none;
}
.markdown thead tr {
  background: rgba(239, 239, 237, 0.3);
}
.markdown thead th {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  color: #214864;
  padding: 0.75rem 1rem;
  text-align: left;
  letter-spacing: -0.01em;
  border-bottom: 1px solid rgba(33, 72, 100, 0.1);
  min-width: 12.5rem;
}
@media (max-width: 1023px) {
  .markdown thead th {
    padding: 0.625rem 0.75rem;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.2;
    min-width: 9.375rem;
  }
}
.markdown tbody td {
  padding: 0.75rem 1rem;
  vertical-align: top;
  border-bottom: 1px solid rgba(33, 72, 100, 0.05);
  min-width: 12.5rem;
}
@media (max-width: 1023px) {
  .markdown tbody td {
    padding: 0.625rem 0.75rem;
    min-width: 9.375rem;
  }
}
.markdown tbody tr:hover {
  background: rgba(239, 239, 237, 0.1);
}
.markdown tbody tr:last-child td {
  border-bottom: none;
}
.markdown a {
  color: #962437;
  text-decoration: underline;
  text-decoration-color: rgba(150, 36, 55, 0.3);
  text-underline-offset: 0.125rem;
  transition: color 0.5s cubic-bezier(0.5, 0, 0.2, 1), text-decoration-color 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.no-touch .markdown a:hover, .accessibility .markdown a:focus {
  color: rgb(108.8709677419, 26.1290322581, 39.9193548387);
  text-decoration-color: rgba(150, 36, 55, 0.7);
}
.markdown code {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  background: rgba(239, 239, 237, 0.5);
  padding: 0.125rem 0.375rem;
  border-radius: 0.1875rem;
  color: #4E4E4E;
  letter-spacing: 0;
  font-family: "Courier New", "Courier", monospace;
}
@media (max-width: 1023px) {
  .markdown code {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.25;
  }
}
.markdown pre {
  background: rgba(239, 239, 237, 0.8);
  border-radius: 0.5rem;
  padding: 1rem;
  margin: 1.25rem 0;
  overflow-x: auto;
}
@media (max-width: 1023px) {
  .markdown pre {
    padding: 0.75rem;
    margin: 1rem 0;
  }
}
.markdown pre code {
  background: none;
  padding: 0;
  border-radius: 0;
}
.markdown blockquote {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.markdown blockquote::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .markdown blockquote::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.markdown blockquote {
  border-radius: 0.5rem;
  margin: 1.5rem 0;
  padding: 1.25rem 1.5rem;
  position: relative;
}
@media (max-width: 1023px) {
  .markdown blockquote {
    margin: 1.25rem 0;
    padding: 1rem 1.125rem;
  }
}
.markdown blockquote::before {
  background: linear-gradient(178deg, #fff 10%, rgba(255, 77, 0, 0.1) 40%, rgba(33, 72, 100, 0.05) 85%) border-box;
  border-radius: 0.5rem;
}
.markdown blockquote::after {
  content: "";
  position: absolute;
  left: 0.75rem;
  top: 0.75rem;
  bottom: 0.75rem;
  width: 0.1875rem;
  background: #962437;
  border-radius: 0.125rem;
}
@media (max-width: 1023px) {
  .markdown blockquote::after {
    left: 0.5rem;
    top: 0.5rem;
    bottom: 0.5rem;
  }
}
.markdown blockquote p:last-child {
  margin-bottom: 0;
}
.markdown hr {
  border: none;
  height: 1px;
  background: radial-gradient(#214864, rgba(0, 0, 0, 0) 50%);
  margin: 2rem 0;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .markdown hr {
    margin: 1.5rem 0;
  }
}
.markdown img {
  max-width: 100%;
  height: auto;
  border-radius: 0.375rem;
  margin: 1rem 0;
}
@media (max-width: 1023px) {
  .markdown img {
    margin: 0.75rem 0;
  }
}
@media (max-width: 659px) {
  .markdown {
    max-width: none;
  }
  .markdown table {
    overflow-x: auto;
    display: block;
    white-space: nowrap;
  }
}

/* scaffold */
/* variables */
/* main */
.s-curtain {
  z-index: 9;
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0;
  overflow: hidden;
  backface-visibility: hidden;
  pointer-events: none;
  display: none;
}
.s-curtain__bg {
  position: absolute;
  inset: 0;
  background-color: #282828;
}
.s-curtain canvas {
  width: 100%;
  height: 100%;
  position: relative;
}

/* variables */
/* main */
.s-footer {
  z-index: 2;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2.4;
  background-color: #fff;
  position: relative;
  padding-block: 0.875rem 0.875rem;
}
@media (min-width: 1024px) {
  .s-footer {
    height: var(--footer-height);
  }
}
@media (max-width: 1023px) {
  .s-footer {
    padding-block: 4.375rem 1.25rem;
  }
}
body:has(.module--login) .s-footer, body.is-blank .s-footer {
  display: none;
}
.s-footer__wrap {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  position: relative;
}
@media (min-width: 1024px) {
  .s-footer__wrap {
    max-width: calc(1800px - var(--grid-margin) * 2);
    margin-inline: auto;
  }
}
@media (max-width: 1023px) {
  .s-footer__wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
  }
}
.s-footer__logo {
  margin-bottom: 0.375rem;
  margin-left: 0.0625rem;
}
@media (max-width: 1023px) {
  .s-footer__logo {
    margin-bottom: 0.5rem;
    margin-left: 0.25rem;
  }
}
.s-footer__links {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
}
@media (max-width: 1023px) {
  .s-footer__links {
    gap: 4.5rem;
    width: 100%;
  }
}
.s-footer__link, .s-footer__social-link {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.s-footer__link > span, .s-footer__social-link > span {
  display: inline-block;
}
.s-footer__link > span span, .s-footer__social-link > span span {
  display: inline-block;
}
.s-footer__link > span span:last-of-type, .s-footer__social-link > span span:last-of-type {
  position: absolute;
  bottom: 100%;
  left: 0;
}
@media (hover: none) {
  .s-footer__link > span span:last-of-type, .s-footer__social-link > span span:last-of-type {
    display: none;
  }
}
@media (max-width: 1023px) {
  .s-footer__link > span span:last-of-type, .s-footer__social-link > span span:last-of-type {
    display: none;
  }
}
@media (min-width: 1024px) {
  .no-touch .s-footer__link:hover > span, .accessibility .s-footer__link:focus > span, .no-touch .s-footer__social-link:hover > span, .accessibility .s-footer__social-link:focus > span {
    animation: hover-link 0.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .s-footer__link:focus > span, .s-footer__social-link:focus > span {
    animation: hover-link 0.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
}
.accessibility .s-footer__link span, .accessibility .s-footer__social-link span {
  animation: none;
}
.s-footer__social, .s-footer__list {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.1666666667;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  letter-spacing: -0.01em;
  gap: 0.0625rem;
}
@media (max-width: 1023px) {
  .s-footer__social, .s-footer__list {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.3;
    gap: 0.3125rem;
  }
}
@media (max-width: 1023px) {
  .s-footer__social {
    width: 100%;
    border-bottom: 0.5px solid #939393;
    padding-bottom: 0.8125rem;
    gap: 0.25rem;
  }
}
.s-footer__list {
  justify-content: flex-end;
}
@media (min-width: 1024px) {
  .s-footer__list {
    margin-right: -0.3125rem;
  }
}
.s-footer__col--left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}
@media (max-width: 1023px) {
  .s-footer__col--left {
    position: absolute;
    inset: auto auto 0 0;
  }
}
.s-footer__col--right {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1023px) {
  .s-footer__col--right {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
  }
}
.s-footer__newsletter {
  height: 100%;
  padding-left: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.3125rem;
}
@media (max-width: 1023px) {
  .s-footer__newsletter {
    width: 100%;
    padding-bottom: 4.875rem;
    padding-left: 0;
    padding-top: 0;
  }
}
.s-footer__separator {
  margin-top: 0.25rem;
  margin-bottom: 0.375rem;
}

/* variables */
/* main */
.s-menu {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 5;
  position: absolute;
  top: 0;
  left: 50%;
  height: var(--header-height);
  color: #282828;
  padding-block: 1.125rem 0.6875rem;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
body.is-not-ready .s-menu {
  opacity: 0;
}
body.is-blank .s-menu {
  display: none;
}
body.is-scrolled-header-height .s-menu {
  position: fixed;
  transform: translateY(-100%);
  transition: none;
}
@media (max-width: 1023px) {
  body.is-scrolled-header-height .s-menu {
    transform: translateY(calc(-100% - var(--header-height)));
  }
}
.s-header.is-open + .s-menu {
  transform: translateY(0);
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.s-header.is-transitioning + .s-menu {
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
@media (max-width: 1023px) {
  .s-menu {
    left: 0;
    right: 0;
    z-index: 3;
    top: var(--header-height);
    margin-inline: var(--grid-margin);
    height: var(--menu-height);
    padding-block: 0;
    background-color: var(--bg-color, #fff);
    transform: translateY(-100%);
    align-items: flex-end;
    transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  }
  body.is-app .s-menu, body:has(.module--404) .s-menu {
    margin-inline: 0;
  }
  body.is-not-ready .s-menu {
    opacity: 0;
  }
  body:has(.module--login) .s-menu {
    top: 0;
    height: calc(var(--menu-height) + var(--header-height));
    padding-top: var(--header-height);
    margin-inline: 0;
  }
  .s-header.is-open .s-menu {
    transform: translateY(0);
  }
}
.s-menu::before, .s-menu::after {
  top: 100%;
  transform: rotate(180deg);
}
@media (min-width: 1024px) {
  .s-menu::before, .s-menu::after {
    display: none;
  }
}
@media (max-width: 1023px) {
  body:has(.module--login) .s-menu::before, body:has(.module--404) .s-menu::before, body:has(.module--login) .s-menu::after, body:has(.module--404) .s-menu::after {
    display: none;
  }
}
.s-menu::before {
  left: 0;
}
.s-menu::after {
  right: 0;
  left: auto;
}
.s-menu__item {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.s-menu__nav {
  position: relative;
}
@media (max-width: 1023px) {
  .s-menu__nav {
    width: 50%;
    padding-top: 1.1875rem;
  }
}
.s-menu__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0.8125rem;
  gap: 0.25rem;
  position: relative;
}
.s-menu__list::before {
  content: "";
  position: absolute;
  inset: 0.1875rem auto 0.1875rem -1px;
  width: 1px;
  box-shadow: 0.5px 0 0 #939393;
}
@media (max-width: 1023px) {
  .s-menu__list::before {
    left: 0;
  }
}
@media (max-width: 1023px) {
  .s-menu__list {
    padding-left: 1rem;
    gap: 0.5rem;
  }
}
.s-menu__link {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.s-menu__link > span {
  display: inline-block;
}
.s-menu__link > span span {
  display: inline-block;
}
.s-menu__link > span span:last-of-type {
  position: absolute;
  bottom: 100%;
  left: 0;
}
@media (hover: none) {
  .s-menu__link > span span:last-of-type {
    display: none;
  }
}
@media (max-width: 1023px) {
  .s-menu__link > span span:last-of-type {
    display: none;
  }
}
@media (min-width: 1024px) {
  .no-touch .s-menu__link:hover > span, .accessibility .s-menu__link:focus > span {
    animation: hover-link 0.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .s-menu__link:focus > span {
    animation: hover-link 0.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
}
.accessibility .s-menu__link span {
  animation: none;
}
.s-menu__link {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
}
.s-menu__link strong {
  font-weight: 700;
}
@media (max-width: 1023px) {
  .s-menu__link {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.3333333333;
  }
}
.s-menu__link {
  letter-spacing: -0.01em;
}
@media (max-width: 1023px) {
  .s-menu__link {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
  }
}
.s-menu__indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 0.9375rem;
  background-color: #4E4E4E;
  display: block;
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  transform: translate(-50%, -100%);
  opacity: 0;
}
@media (max-width: 1023px) {
  .s-menu__indicator {
    left: 1px;
  }
}
.s-menu__item:nth-child(1):has(.is-active) ~ .s-menu__indicator {
  opacity: 1;
  transform: translate(-50%, 0.0625rem);
}
.s-menu__item:nth-child(2):has(.is-active) ~ .s-menu__indicator {
  opacity: 1;
  transform: translate(-50%, 1.25rem);
}
@media (max-width: 1023px) {
  .s-menu__item:nth-child(2):has(.is-active) ~ .s-menu__indicator {
    transform: translate(-50%, 2.0625rem);
  }
}
.s-menu__item:nth-child(3):has(.is-active) ~ .s-menu__indicator {
  opacity: 1;
  transform: translate(-50%, 2.4375rem);
}
@media (max-width: 1023px) {
  .s-menu__item:nth-child(3):has(.is-active) ~ .s-menu__indicator {
    transform: translate(-50%, 3.9375rem);
  }
}
.s-menu__item:nth-child(4):has(.is-active) ~ .s-menu__indicator {
  opacity: 1;
  transform: translate(-50%, 3.6875rem);
}
@media (max-width: 1023px) {
  .s-menu__item:nth-child(4):has(.is-active) ~ .s-menu__indicator {
    transform: translate(-50%, 5.875rem);
  }
}

/* variables */
/* main */
.s-header {
  --bg-color: #fff;
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  background-color: var(--bg-color);
  height: var(--header-height);
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  opacity: 1;
}
body.is-blank .s-header {
  display: none;
}
body.is-not-ready .s-header {
  opacity: 0;
}
body:has(.module--login) .s-header {
  --bg-color: rgba(0, 0, 0, 0);
}
body.is-app .s-header {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0);
}
@media (max-width: 1023px) {
  body.is-app .s-header {
    z-index: 4;
  }
}
.s-header__wrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  background-color: var(--bg-color);
  position: relative;
  padding-block: 1.125rem 0.6875rem;
  pointer-events: all;
  height: var(--header-height);
  margin-inline: auto;
}
@media (max-width: 1023px) {
  .s-header__wrap {
    padding-block: 0 0.5rem;
  }
}
body.is-scrolled-header-height .s-header__wrap {
  position: fixed;
  z-index: 3;
  left: var(--grid-margin);
  right: var(--grid-margin);
  transform: translateY(-100%);
  transition: none;
}
@media (max-width: 1023px) {
  body.is-scrolled-header-height .s-header__wrap {
    transform: translateY(calc(-100% - var(--menu-height)));
  }
}
body.is-app .s-header__wrap {
  left: 0;
  right: 0;
  max-width: 100%;
  width: 100%;
  z-index: 3;
  transform: translateY(-100%);
}
body.is-app > .s-header.is-open .s-header__wrap {
  transform: translateY(0%);
}
.s-header.is-open .s-header__wrap {
  transform: translateY(0);
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.s-header.is-transitioning .s-header__wrap {
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.s-header__wrap::before, .s-header__wrap::after {
  top: 100%;
  transform: rotate(180deg);
}
body:has(.module--login) .s-header__wrap::before, body:has(.module--404) .s-header__wrap::before, body.is-scrolled-header-height .s-header:not(.is-open) .s-header__wrap::before, body.is-app .s-header__wrap::before, body:has(.module--login) .s-header__wrap::after, body:has(.module--404) .s-header__wrap::after, body.is-scrolled-header-height .s-header:not(.is-open) .s-header__wrap::after, body.is-app .s-header__wrap::after {
  display: none;
}
@media (min-width: 1024px) {
  body.is-scrolled-header-height .s-header:not(.is-open) .s-header__wrap::before, body.is-scrolled-header-height .s-header:not(.is-open) .s-header__wrap::after {
    display: none;
  }
}
.s-header__wrap::before {
  left: 0;
}
.s-header__wrap::after {
  right: 0;
  left: auto;
}
@media (min-width: 1024px) {
  .s-header__wrap {
    max-width: calc(1800px - var(--grid-margin) * 2);
  }
}
.s-header__logo {
  position: absolute;
  top: 0;
  left: 1.1875rem;
  z-index: 4;
  padding-top: 3.1875rem;
  height: var(--header-height);
  pointer-events: all;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1023px) {
  .s-header__logo {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    margin-left: -0.0625rem;
    left: 0.75rem;
    padding-top: 0;
    padding-bottom: 0.75rem;
  }
}
@media (min-width: 1800px) {
  .s-header__logo {
    left: calc((100vw - 1800px) / 2 + var(--grid-margin));
  }
}
.s-header__col--left {
  pointer-events: none;
}
.s-header__col--right {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.s-header__buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  position: fixed;
  z-index: 4;
  right: 1.75rem;
  top: 1.3125rem;
  gap: 0.375rem;
  pointer-events: all;
}
@media (max-width: 1023px) {
  .s-header__buttons {
    position: absolute;
    right: 0.75rem;
    top: 0;
    padding-top: 2.375rem;
    gap: 0.3125rem;
  }
  body.is-scrolled-header-height .s-header__buttons {
    position: fixed;
    z-index: 3;
    transform: translateY(-100%);
    transition: none;
  }
  .s-header.is-open .s-header__buttons {
    transform: translateY(0);
    transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  }
  .s-header.is-transitioning .s-header__buttons {
    transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  }
}
@media (min-width: 1800px) {
  .s-header__buttons {
    right: calc((100vw - 1800px) / 2 + var(--grid-margin) + 0.5rem);
  }
}
.s-header__separator {
  display: none;
  margin-top: 0.1875rem;
  margin-bottom: 0.1875rem;
  color: #939393;
}
.s-header__burger {
  position: fixed;
  z-index: 2;
  top: 1.3125rem;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: all;
  opacity: 0;
}
@media (max-width: 1023px) {
  .s-header__burger {
    opacity: 1;
    top: 2.375rem;
    z-index: 3;
  }
}
body.is-scrolled-header-height .s-header__burger {
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
body.is-scrolled-header-height:not(.is-scrolling-down) .s-header__burger {
  opacity: 1;
}
@media (min-width: 1024px) {
  .s-header.is-open .s-header__burger {
    opacity: 0 !important;
    pointer-events: none;
  }
}

body:not(.is-app).is-scrolled-header-height .s-header__logo {
  position: fixed;
  transform: translateY(-100%);
  transition: none;
}
body:not(.is-app) .s-header.is-open .s-header__logo {
  transform: translateY(0);
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
body:not(.is-app) .s-header.is-transitioning .s-header__logo {
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
body:not(.is-app).is-scrolled-header-height .s-header__burger {
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
body:not(.is-app).is-scrolled-header-height:not(.is-scrolling-down) .s-header__burger {
  opacity: 1;
}
body:not(.is-app) .s-header.is-open .s-header__burger {
  opacity: 0 !important;
  pointer-events: none;
}

body.is-app .s-header__burger {
  opacity: 1;
  z-index: 1;
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
body.is-app .s-menu {
  transform: translateY(-100%);
}
@media (max-width: 1023px) {
  body.is-app .s-menu {
    transform: translateY(calc(-100% - var(--header-height)));
  }
  body.is-app .s-menu::before, body.is-app .s-menu::after {
    display: none;
  }
}
body.is-app .s-header.is-open .s-header__burger {
  opacity: 0 !important;
  pointer-events: none;
}
body.is-app .s-header__logo {
  padding-top: 0.8125rem;
  transition: padding-top 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
body.is-app .s-header.is-open .s-header__logo {
  padding-top: 3.1875rem;
}

/* variables */
/* main */
.s-newsletter {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
}
.s-newsletter__heading {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.0555555556;
  letter-spacing: -0.02em;
}
.s-newsletter__fields {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-grow: 1;
  margin-top: 0.3125rem;
}
@media (max-width: 1023px) {
  .s-newsletter__fields {
    width: 100%;
  }
}
.s-newsletter__fields legend {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3125;
  letter-spacing: -0.02em;
}
@media (max-width: 1023px) {
  .s-newsletter__fields legend {
    max-width: 17.5rem;
    margin-bottom: 1.5rem;
  }
}
.s-newsletter__wrap {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.s-newsletter__wrap::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .s-newsletter__wrap::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.s-newsletter__wrap {
  margin-top: auto;
  position: relative;
}
.s-newsletter__wrap::before {
  border-radius: var(--radius);
  background: linear-gradient(175deg, #fff 1.68%, rgba(255, 255, 255, 0) 36.52%, #939393 77.16%) border-box;
}
.s-newsletter__wrap::after {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s linear;
  background: #939393;
  border-radius: var(--radius);
}
@media (max-width: 1023px) {
  .s-newsletter__wrap {
    width: 100%;
  }
}
.no-touch .s-newsletter__wrap:hover::after, .accessibility .s-newsletter__wrap:focus::after {
  opacity: 1;
}
.s-newsletter__input {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background-color: #f4f4f4;
  border-radius: var(--radius);
}
.s-newsletter__input.is-error {
  color: #FF4D00;
}
.s-newsletter__input-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 1.5rem;
  min-width: 14rem;
  overflow: hidden;
  position: relative;
  border-radius: var(--radius);
}
@media (max-width: 1023px) {
  .s-newsletter__input-wrap {
    width: 100%;
  }
}
.s-newsletter__input-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(144.55deg, #fff 12.21%, #00B5B2 41.24%, #FF4D00 77.16%);
  filter: blur(8px);
  transition: opacity 0.5s ease-in-out;
  mix-blend-mode: screen;
  opacity: 0;
  pointer-events: none;
}
form.is-doing-request .s-newsletter__input-wrap::after {
  opacity: 0.85;
  animation: glow 2s ease-in-out infinite;
}
form.is-doing-request .s-newsletter__input-wrap input,
form.is-doing-request .s-newsletter__input-wrap button {
  opacity: 0.7 !important;
  pointer-events: none !important;
}
.s-newsletter__input input {
  flex-grow: 1;
  padding: 0 0.4375rem;
  color: currentColor;
}
.s-newsletter__input input::-moz-placeholder {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #939393;
}
.s-newsletter__input input::placeholder {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #939393;
}
.s-newsletter__submit {
  letter-spacing: -0.01em;
  color: #4E4E4E;
  padding: 0 0.4375rem;
}
.s-newsletter__error, .s-newsletter__message {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
  position: absolute;
  inset: auto auto 100% 0;
  pointer-events: none;
  opacity: 0;
  margin-bottom: 0.5rem;
}
@media (max-width: 1023px) {
  .s-newsletter__error, .s-newsletter__message {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.1;
    top: 100%;
    bottom: auto;
    margin-top: 0.125rem;
  }
}
.s-newsletter__error {
  color: #FF4D00;
  white-space: nowrap;
}
.is-error .s-newsletter__error, .is-error ~ .s-newsletter__error {
  opacity: 1;
}
.s-newsletter__message {
  color: #6ba3a0;
}
.is-completed .s-newsletter__message {
  opacity: 1;
}

/* variables */
/* main */
.s-cookies {
  z-index: 7;
  position: fixed;
  bottom: 0;
  left: 0;
  border-radius: var(--radius);
  background: #dad4d1;
  color: #f4f3ee;
  margin: 1.25rem;
  overflow: hidden;
}
@media (max-width: 659px) {
  .s-cookies {
    margin: 3.5vh 1rem;
  }
}
.s-cookies:not(.is-shown) {
  display: none;
}
.s-cookies__wrap {
  display: flex;
  width: 22.0625rem;
  flex-direction: column;
  row-gap: 1.25rem;
  align-items: flex-start;
  padding: 1rem;
}
@media (max-width: 659px) {
  .s-cookies__wrap {
    width: 100%;
  }
}
.s-cookies__copy {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
.s-cookies__copy a {
  text-decoration: underline;
}
@media (max-width: 659px) {
  .s-cookies__button {
    margin-left: auto;
  }
}

/* variables */
/* main */
.s-gfx {
  z-index: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: var(--radius);
  overflow: hidden;
  transition: translate 0.4s cubic-bezier(0.5, 0, 0.2, 1);
}

.debug-height,
.debug-section {
  display: none;
}

.debug.local [data-gfx] {
  position: relative;
  outline: 1px solid #8d4bf6;
  border-radius: 3px;
}
.debug.local [data-gfx]::after {
  content: attr(data-gfx);
  display: block;
  position: absolute;
  top: 0;
  left: 1rem;
  background: #8d4bf6;
  border-radius: 0 0 5px;
  color: white;
  padding: 0.25rem 0.5rem;
  font-size: 14px;
  font-family: monospace;
  padding-left: 0.875rem;
}
.debug.local [data-gfx] .debug-height {
  position: absolute;
  left: 1rem;
  border-radius: 0 0 5px;
  color: rgba(255, 255, 255, 0.6);
  padding: 0.25rem 0.5rem;
  font-size: 14px;
  font-family: monospace;
  top: 0;
  display: flex;
  align-items: flex-end;
  background-color: rgba(141, 75, 246, 0.1);
  background-image: linear-gradient(to bottom, rgba(141, 75, 246, 0) 0%, rgba(141, 75, 246, 0.5) 100%);
  background-size: 100% 30px;
  background-repeat: repeat-x;
  background-position: bottom;
  pointer-events: none;
}
.debug.local [data-gfx] .debug-section {
  position: absolute;
  left: 1.25rem;
  width: 100%;
  border-top: 1px dashed pink;
  border-bottom: 1px dashed pink;
  padding: 0.25rem 0.5rem;
  font-size: 14px;
  font-family: monospace;
  color: pink;
  text-align: right;
  pointer-events: none;
}

.gfx-orbit #wrapper,
#wrapper:has([data-gfx=diamond]),
#wrapper:has([data-gfx=mindmap]) {
  pointer-events: none;
}

.gfx-label-renderer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gfx-mindmap-html {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.6s;
}

.gfx-mindmap-html:not(.is-flat) {
  opacity: 0 !important;
  pointer-events: none;
}

body.test:has(.app[data-is-paused=true]) .s-modal.is-shown {
  display: none !important;
}

/* variables */
/* main */
.s-modal {
  z-index: 8;
  position: fixed;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.76);
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.s-modal--hidden {
  display: none;
}
.s-modal.is-shown {
  opacity: 1;
  pointer-events: all;
}
.s-modal.is-container-visible .s-modal__wrap {
  transform: translateY(0);
  opacity: 1;
}
.s-modal:has(.s-modal__body--hide-close-button) .s-modal__close {
  display: none;
}
.s-modal__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.s-modal__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  transform: translateY(0.625rem);
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  opacity: 0;
}
.s-modal__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background-color: #EFEFED;
  border-radius: var(--radius-big);
}
.s-modal__content--error {
  color: #FF4D00;
}
.s-modal__body {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 21rem;
  min-height: 23.4375rem;
  padding: 0.8125rem 1rem 0.9375rem;
}
.s-modal__body--big {
  min-height: 26.6875rem;
}
.s-modal__body--sana {
  min-height: 20rem;
}
.s-modal__body--2fa {
  width: 43.75rem;
}
.s-modal__body--delete {
  justify-content: flex-start;
}
.s-modal__body--app {
  align-items: center;
  width: 28.375rem;
  min-height: 17.125rem;
  padding-top: 2.0625rem;
}
.s-modal__body--app:has(.s-modal__app-label:first-child:last-child) {
  padding-top: 2.4375rem;
}
@media (max-width: 659px) {
  .s-modal__body--app {
    width: 100vw;
    max-width: calc(100vw - 2rem);
  }
}
.s-modal__label {
  letter-spacing: -0.02em;
  padding-left: 0.0625rem;
}
@media (max-width: 1023px) {
  .s-modal__label {
    font-family: "CircularXXWeb", sans-serif;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.13;
  }
}
.s-modal__buttons {
  --button-bg-color: #EFEFED;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  width: 100%;
  gap: 0.25rem;
}
.s-modal__body--app .s-modal__buttons {
  margin-top: 0;
}
.s-modal__body--app .s-modal__buttons:has(.a-button:first-child:last-child) {
  justify-content: center;
}
.s-modal__buttons button:nth-of-type(2) {
  margin-left: auto;
}
.s-modal__text {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.13;
  letter-spacing: -0.01em;
  text-align: center;
  margin: 0 auto;
  margin-top: 4.5625rem;
  max-width: 17.875rem;
}
.s-modal__body--big .s-modal__text {
  max-width: 18.125rem;
}
.s-modal__icon + .s-modal__text {
  margin-top: 0.875rem;
}
.s-modal__delete .s-modal__text {
  margin-top: 1.25rem;
}
.s-modal__body--2fa .s-modal__text {
  margin-top: 0;
}
.s-modal__delete {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}
.s-modal__form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  flex-grow: 1;
  margin-top: 2.0625rem;
}
.s-modal__form-row {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border-bottom: 1px solid #939393;
  gap: 0.75rem;
}
.s-modal__form-row--no-border {
  border-bottom: none;
}
.s-modal__form-row--2fa {
  max-width: 6.25rem;
  margin: 0 auto;
}
.s-modal__form label {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: -0.005em;
  color: #4E4E4E;
}
.s-modal__form--2fa {
  margin-block: 1.25rem;
  margin-inline: auto;
  max-width: 25rem;
}
.s-modal__form--2fa label {
  font-weight: bold;
  text-align: center;
}
.s-modal__form input:not(.a-code-input__input) {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  height: 1.6875rem;
  padding: 0;
  padding-bottom: 0.3125rem;
  width: 100%;
}
.s-modal__error {
  position: absolute;
  opacity: 0;
}
.s-modal__close {
  --button-bg-color: #EFEFED;
  position: absolute;
  inset: 0 0 auto auto;
  padding: 0.375rem 0.3125rem;
}
.s-modal__info {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  letter-spacing: -0.02em;
  margin-top: 1.75rem;
  text-align: center;
}
.s-modal__icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 5.5rem auto 0;
  width: 3.25rem;
  height: 3.25rem;
}
.s-modal__body--big .s-modal__icon {
  margin-top: 7.875rem;
}
.s-modal__body--delete .s-modal__icon {
  margin-top: 6.25rem;
}
.s-modal__app-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding-bottom: 0.875rem;
}
.s-modal__app-wrap:has(.s-modal__app-label:first-child:last-child) {
  padding-bottom: 0;
}
.s-modal__app-label {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.1;
  letter-spacing: -0.04em;
  margin-bottom: 0.375rem;
  text-align: center;
}
.s-modal__app-label:first-child:last-child {
  margin-bottom: 0;
}
.s-modal__app-sublabel {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  margin-bottom: 1.375rem;
  text-align: center;
}
.s-modal__app-container {
  padding-inline: 1.125rem;
  margin-top: 1.9375rem;
  margin-bottom: 1.1875rem;
  position: relative;
}
.s-modal__app-container::after {
  content: "";
  position: absolute;
  inset: auto 0 -1.1875rem 0;
  background: linear-gradient(180deg, rgba(239, 239, 237, 0) 0%, rgba(239, 239, 237, 0.8) 70.94%);
  height: 4.5625rem;
}
.s-modal__app-copy {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.43;
  letter-spacing: -0.02em;
  color: #214864;
  max-height: calc(var(--app-height) * 0.6);
  overflow-y: auto;
  padding-bottom: 2.75rem;
}
.s-modal__app-copy p {
  text-wrap: unset;
}
.s-modal__app-copy p + p {
  margin-top: 1.43rem;
}
.s-modal__app-heading {
  text-align: center;
  background: linear-gradient(144.55deg, #214864 0%, #00B5B2 33%, #214864 66%);
  opacity: 1;
  animation: text-shine 2s linear infinite;
  -webkit-background-clip: text;
          background-clip: text;
  background-size: 200% auto;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.s-modal__actions {
  --button-bg-color: #EFEFED;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 0.75rem;
}
@media (max-width: 659px) {
  .s-modal__actions {
    flex-direction: column-reverse;
  }
}
.s-modal__action {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: -0.01em;
  gap: 2.5rem;
  border-bottom: var(--border-thin) solid #939393;
  padding: 0.375rem 0;
}
.s-modal__action:last-of-type, .s-modal__action:nth-last-child(2) {
  border-bottom: none;
}
.s-modal__action button {
  flex-shrink: 0;
}
.s-modal__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1.25rem;
  margin-top: 2.5rem;
}
.s-modal__qr-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 1.25rem 0;
}
.s-modal__qr-code {
  margin-bottom: 0.9375rem;
  width: 12.5rem;
  height: 12.5rem;
}
.s-modal__qr-code img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.s-modal__backup-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 1.25rem 0;
}
.s-modal__backup-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: monospace;
  background-color: #fff;
  padding: 0.9375rem;
  width: 12.5rem;
  height: 12.5rem;
  margin-bottom: 0.9375rem;
}
.s-modal__smalltext {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2;
  color: #666;
  height: 2rem;
}

/* modules */
/* variables */
/* main */
.m-accordion {
  text-align: center;
  border-radius: var(--radius-big);
  overflow: hidden;
  padding-top: 4.125rem;
  color: #214864;
}
@media (max-width: 1023px) {
  .m-accordion {
    padding-top: 2.25rem;
  }
}
.m-accordion--horizontal {
  padding-bottom: 6.25rem;
}
.m-accordion__heading {
  margin-bottom: 2.375rem;
}
@media (max-width: 1023px) {
  .m-accordion__heading {
    max-width: 19.375rem;
    margin: auto;
  }
  .m-accordion--horizontal .m-accordion__heading {
    text-align: left;
  }
}
.m-accordion__heading:has(+ .m-accordion__text) {
  margin-bottom: 0;
}
.m-accordion__text {
  max-width: 28.6875rem;
  margin: 1.0625rem auto 1.8125rem;
}
@media (max-width: 1023px) {
  .m-accordion__text {
    max-width: 16.875rem;
    margin-top: 1.25rem;
  }
  .m-accordion__text > div {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.15;
  }
}
@media (max-width: 1023px) {
  .m-accordion__accordion {
    padding-inline: 1rem;
    padding-top: 2.25rem;
  }
}

/* variables */
/* main */
.m-combo {
  position: relative;
}
.m-combo--crimson-red {
  --color: #962437;
}
.m-combo--coral {
  --color: #FF4D00;
}
.m-combo--muted-teal {
  --color: #6BA3A0;
}
.m-combo--teal {
  --color: #00B5B2;
}
.m-combo--dark-slate-blue {
  --color: #214864;
}
.m-combo--black-800 {
  --color: #4E4E4E;
}
.m-combo--long {
  min-height: 13.9375rem;
}

/* variables */
/* main */
.m-cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.m-cta__decorator {
  width: 2.950625rem;
  height: 3rem;
}
.m-cta__decorator svg {
  width: 100%;
  height: 100%;
}
.m-cta__title {
  margin-top: 1.5rem;
  margin-bottom: 0.5625rem;
}
@media (max-width: 1023px) {
  .m-cta__title {
    margin-top: 1.625rem;
    margin-bottom: 0.75rem;
  }
}

/* variables */
/* main */
.m-form {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 600px;
}
@media (min-width: 1024px) and (max-height: 720px) {
  .m-form--register {
    align-items: flex-start;
  }
}
.m-form__wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  position: relative;
  min-width: 19.5rem;
}
@media (min-width: 1024px) and (max-height: 720px) {
  .m-form--register .m-form__wrap {
    gap: 0.375rem;
  }
}
@media (max-width: 1023px) {
  .m-form__wrap {
    min-width: 19.9375rem;
  }
}
.m-form__label {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.4;
  letter-spacing: -0.04em;
  text-align: center;
  margin-bottom: 0.75rem;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .m-form__label {
    position: absolute;
    inset: auto auto 100%;
  }
}
@media (max-width: 1023px) {
  .m-form__label {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.1;
    margin-bottom: 0.3125rem;
  }
}
.m-form--register .m-form__label {
  letter-spacing: -0.03em;
}
@media (min-width: 1024px) {
  .m-form--register .m-form__label {
    position: relative;
    inset: none;
  }
}
@media (min-width: 1024px) and (min-height: 780px) {
  .m-form--register .m-form__label {
    position: absolute;
    inset: auto auto 100%;
    margin-bottom: 1.3125rem;
  }
}
@media (min-width: 1024px) and (max-height: 720px) {
  .m-form--register .m-form__label {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.4;
    margin-bottom: 0.375rem;
  }
}
.m-form__group {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.m-form__group::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .m-form__group::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.m-form__group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(254, 254, 253, 0.5);
  border-radius: var(--radius-big);
  padding: 1.875rem 1.1875rem 1rem 1rem;
  position: relative;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  width: 100%;
  transform: translateZ(0);
}
.m-form__group.reapply-mask-off::before {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-mask: none !important;
  mask: none !important;
}
@media (max-width: 1023px) {
  .m-form__group {
    padding: 1.875rem 1.875rem 1.5625rem;
  }
}
.m-form__group--link {
  width: 100%;
  height: 4.375rem;
  padding: 0;
  transition: background-color 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  text-align: center;
}
.no-touch .m-form__group--link:hover, .accessibility .m-form__group--link:focus {
  background-color: #EFEFED;
}
.m-form__copy + .m-form__group--link {
  margin-top: 2rem;
}
.m-form--wide .m-form__group {
  padding: 2.5rem 2.1875rem 1rem;
}
.m-form__group::before {
  background: linear-gradient(144.55deg, #fff 12.21%, #FF4D00 41.24%, #214864 77.16%) border-box;
  border-radius: var(--radius-big);
}
@media (max-width: 1023px) {
  .m-form__form {
    width: 100%;
  }
}
.m-form__group--delete .m-form__form {
  width: 17.25rem;
}
.m-form__buttons {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  gap: 0.6875rem;
}
@media (min-width: 1024px) {
  .m-form__buttons {
    max-width: 14.25rem;
    gap: 0.875rem;
  }
}
.m-form__buttons .a-button {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  min-height: 1.5625rem;
}
@media (max-width: 1023px) {
  .m-form__buttons .a-button {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.4;
    min-height: 2.1875rem;
  }
}
.m-form__separator {
  width: 6.1875rem;
  margin: 1.625rem auto 1.5rem;
  height: 0;
  border: none;
  border-bottom: 0.5px solid #939393;
}
@media (max-width: 1023px) {
  .m-form__separator {
    margin: 1.5625rem auto;
  }
}
.m-form__copy {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #4E4E4E;
  max-width: 15.125rem;
  text-align: center;
  margin-top: 0.125rem;
}
@media (max-width: 1023px) {
  .m-form__copy {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.3;
    margin-top: 2.875rem;
  }
}
.m-form--wide .m-form__copy {
  margin-top: 3.25rem;
}
.m-form__link {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  letter-spacing: -0.01em;
  inset: 0;
  text-align: center;
}
.m-form__input {
  border-bottom: 1px solid #282828;
}
.m-form__row {
  max-width: 17.25rem;
}
.m-form__row label {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
.m-form__row input {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  width: 100%;
  padding: 0;
}
.m-form__fields {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 1.5rem;
}
@media (min-width: 1024px) and (max-height: 720px) {
  .m-form--register .m-form__fields {
    gap: 0.875rem;
  }
}
@media (max-width: 1023px) {
  .m-form__fields {
    gap: 1.0625rem;
  }
}
.m-form__fields legend {
  text-align: center;
  margin-bottom: 1.0625rem;
}
@media (max-width: 1023px) {
  .m-form__fields legend {
    margin-bottom: 1.5rem;
  }
}
.m-form__submit {
  padding-top: 3.0625rem;
  position: relative;
}
@media (min-width: 1024px) and (max-height: 720px) {
  .m-form--register .m-form__submit {
    padding-top: 1.75rem;
  }
}
.m-form__validation {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
  color: #00B5B2;
  padding-left: 0.375rem;
  margin-top: 0.5625rem;
}
.m-form__message {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  position: absolute;
  top: 0.625rem;
  text-align: center;
}
.is-error .m-form__message {
  color: #962437;
}

/* variables */
/* main */
.module {
  position: relative;
}
.module--full-height {
  height: var(--app-height);
}
.module--full-height .grid,
.module--full-height [class*=grid-] {
  height: 100%;
}
.module--full {
  height: calc(var(--app-height) - var(--header-height));
}
.module--ui {
  background-color: #fff;
}
.module--with_blur {
  padding-bottom: 12.5rem;
}
@media (max-width: 1023px) {
  .module--with_blur {
    padding-bottom: 9.125rem;
  }
}
.module--cta {
  padding-block: 5rem 6.625rem;
}
.module--cta + .module--combo {
  padding-top: 1.875rem;
}
@media (max-width: 1023px) {
  .module--cta {
    padding-block: 4.5rem 4.375rem;
  }
}
@media (min-width: 1024px) {
  .module--video {
    padding-block: 3.125rem 3.4375rem !important;
  }
}
.module--story {
  padding-top: 1.5rem;
  padding-bottom: 3.125rem;
}
.module--story-roots:last-child {
  padding-bottom: 2.125rem !important;
}
@media (max-width: 1023px) {
  .module--combo + .module--story-centered {
    padding-top: 11.25rem;
  }
}
.module--team {
  padding-block: 1.5625rem 8.4375rem;
}
@media (max-width: 1023px) {
  .module--team {
    padding-block: 1.375rem 6.25rem;
  }
}
.module--story:last-of-type {
  padding-bottom: 9.375rem;
}
@media (max-width: 1023px) {
  .module--story:last-of-type {
    padding-bottom: 2.5625rem;
  }
}
.module--story-alternating {
  padding-bottom: 7.5rem;
}
.module--title:first-child {
  padding-top: 14.625rem;
}
.module--text-block {
  padding-bottom: 1.25rem;
}
.module--text-block:first-child {
  padding-top: 14.625rem;
}
.module--border {
  background: radial-gradient(circle at var(--radius-big) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top left, radial-gradient(circle at calc(100% - var(--radius-big)) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top right, radial-gradient(circle at var(--radius-big) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom left, radial-gradient(circle at calc(100% - var(--radius-big)) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom right, rgba(0, 0, 0, 0);
  background-size: var(--radius-big) var(--radius-big);
  background-repeat: no-repeat;
  position: relative;
}
.module--border::before, .module--border::after {
  content: "";
  position: absolute;
  height: 100%;
  bottom: 0;
  background-color: #fff;
  z-index: 2;
  pointer-events: none;
  width: calc((100vw - 100%) / 2);
}
.module--border::before {
  right: 100%;
}
.module--border::after {
  left: 100%;
}
.module--border:has(+ .module--border) {
  background: radial-gradient(circle at var(--radius-big) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top left, radial-gradient(circle at calc(100% - var(--radius-big)) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top right, rgba(0, 0, 0, 0);
  background-size: var(--radius-big) var(--radius-big);
  background-repeat: no-repeat;
}
.module--border + .module--border {
  background: radial-gradient(circle at var(--radius-big) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom left, radial-gradient(circle at calc(100% - var(--radius-big)) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom right, rgba(0, 0, 0, 0);
  background-size: var(--radius-big) var(--radius-big);
  background-repeat: no-repeat;
}
.module--border + .module--border:has(+ .module--border) {
  background: rgba(0, 0, 0, 0);
  background-size: var(--radius-big) var(--radius-big);
  background-repeat: no-repeat;
}
.module--story:has(+ .module--story), .module--combo:has(+ .module--combo) {
  background: radial-gradient(circle at var(--radius-big) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top left, radial-gradient(circle at calc(100% - var(--radius-big)) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top right, rgba(0, 0, 0, 0);
  background-size: var(--radius-big) var(--radius-big);
  background-repeat: no-repeat;
}
.module--combo {
  padding-block: 7.125rem;
}
@media (max-width: 1023px) {
  .module--combo {
    padding-block: 3.75rem;
  }
}
.module--combo:first-child {
  padding-top: 14.875rem;
}
.module--combo:first-child:has(.m-combo--long) {
  padding-bottom: 1.25rem;
}
.module--combo:has(+ .module--screenshot) {
  padding-bottom: 1.5rem;
}
@media (max-width: 1023px) {
  .module--combo:has(+ .module--screenshot) {
    padding-bottom: 2.8125rem;
  }
}
@media (min-width: 1024px) {
  .module--combo:has(+ .module--screenshot) .m-combo--input {
    padding-bottom: 1.5625rem;
  }
}
.module--combo:has(.m-combo--smart):has(+ .module--combo) {
  padding-bottom: 0rem;
}
.module--combo:has(.m-combo--padding-bottom-big) {
  padding-bottom: 9.125rem !important;
}
.module--combo:has(+ .module--accordion) {
  padding-bottom: 5.625rem;
}
.module--combo:not(:has(.m-combo--input, .m-combo--smart, .m-combo--arrow)):has(+ .module--screenshot) .m-combo {
  padding-bottom: 0;
}
.module--story-hero, .module--contact {
  padding-top: 14.875rem;
}
@media (max-width: 1023px) {
  .module--story-hero, .module--contact {
    padding-top: 10.8125rem;
  }
}
.module--contact {
  min-height: calc(var(--app-height) - var(--header-height) - var(--footer-height));
}
.module--story-hero + .module--story-single, .module--story-triple + .module--story-rays {
  padding-top: 10rem;
}
@media (max-width: 1023px) {
  .module--story-hero + .module--story-single, .module--story-triple + .module--story-rays {
    padding-top: 3.75rem;
  }
}
.module--story-single + .module--story-roots, .module--story-roots + .module--story-triple {
  padding-top: 6.875rem;
}
@media (max-width: 1023px) {
  .module--story-single + .module--story-roots, .module--story-roots + .module--story-triple {
    padding-top: 5rem;
  }
}
@media (max-width: 1023px) {
  .module--story-steps {
    padding-bottom: 1.375rem;
    padding-top: 10.25rem;
  }
}
.module--white-bg {
  background-color: #fff;
}
.module--tiles, .module--cta {
  position: relative;
}
.module--tiles::before, .module--tiles::after, .module--cta::before, .module--cta::after {
  content: "";
  position: absolute;
  height: 100%;
  bottom: 0;
  background-color: #fff;
  z-index: 2;
  pointer-events: none;
  width: calc((100vw - 100%) / 2);
}
.module--tiles::before, .module--cta::before {
  right: 100%;
}
.module--tiles::after, .module--cta::after {
  left: 100%;
}
.module--search {
  --mobile-footer-height: 3.625rem;
}
@media (max-width: 1023px) {
  .module--search + .module .m-tiles {
    --mobile-footer-height: 3.625rem;
    padding-top: var(--mobile-footer-height);
  }
}

/* variables */
/* main */
.m-search {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: var(--radius-big);
  overflow: hidden;
  height: calc(var(--app-height) - var(--header-height) - 5rem);
  position: relative;
}
@media (max-width: 1023px) {
  .m-search {
    position: relative;
    overflow: visible;
  }
}
.m-search__heading {
  color: #214864;
}
.m-search__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1023px) {
  .m-search__wrapper {
    width: 100%;
    padding-inline: 1rem;
  }
}
@media (max-width: 1023px) {
  .m-search__form {
    width: 100%;
  }
}
.m-search__input {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.m-search__input::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .m-search__input::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.m-search__input {
  width: 42.125rem;
  height: 2.875rem;
  border-radius: var(--radius-big);
  overflow: hidden;
  background-color: rgba(254, 254, 253, 0.5);
  position: relative;
  margin: auto;
  margin-top: 0.875rem;
}
@media (max-width: 1023px) {
  .m-search__input {
    width: 100%;
    height: 2.25rem;
    margin-left: 0;
    margin-top: 1.125rem;
  }
}
.m-search__input::before {
  border-radius: var(--radius-big);
  background: linear-gradient(177deg, #fff 12.21%, #FF4D00 41.24%, #214864 77.16%) border-box;
}
.m-search__input input {
  width: 100%;
  height: 100%;
  padding: 0;
  padding-left: 0.8125rem;
  padding-bottom: 1px;
}
.m-search__input input::-moz-placeholder {
  color: #282828;
  -moz-transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
.m-search__input input::placeholder {
  color: #282828;
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
@media (max-width: 1023px) {
  .m-search__input input::-moz-placeholder {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.13;
  }
  .m-search__input input::placeholder {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.13;
  }
}
.m-search__input input:focus::-moz-placeholder {
  opacity: 0;
}
.m-search__input input:focus::placeholder {
  opacity: 0;
}
@media (max-width: 1023px) {
  .m-search__input input {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.13;
    padding-left: 0.75rem;
  }
}
.m-search__submit {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0 0.875rem 0 auto;
  color: #FF4D00;
}
.no-touch .m-search__submit:hover .m-search__icon, .accessibility .m-search__submit:focus .m-search__icon {
  transform: scale(1.05);
}
.m-search__icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: transform 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
.m-search__icon svg {
  width: 1.625rem;
  height: 1.625rem;
}
@media (max-width: 1023px) {
  .m-search__icon svg {
    width: 1rem;
    height: 1rem;
  }
}
.m-search__icon svg g {
  stroke: currentColor;
  stroke-width: 0.5;
}
.m-search__helpers {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  margin-left: 1.0625rem;
  margin-top: 0.5rem;
  margin-right: -0.125rem;
}
@media (max-width: 1023px) {
  .m-search__helpers {
    justify-content: flex-end;
    margin-right: 0;
  }
}
.m-search__footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  inset: auto 0 0;
  padding: 0 0.875rem 0.6875rem 1rem;
}
@media (max-width: 1023px) {
  .m-search__footer {
    z-index: 2;
    inset: 100% 0 auto;
    height: var(--mobile-footer-height);
    padding: 0;
    padding-bottom: 0.625rem;
    align-items: flex-end;
  }
}
.m-search__buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 1023px) {
  .m-search__buttons {
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    left: 1.0625rem;
    bottom: 1.0625rem;
    gap: 0.25rem;
  }
}
.m-search__buttons-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.21875rem;
  margin-left: 0.625rem;
}
@media (max-width: 1023px) {
  .m-search__buttons-list {
    margin-left: 0;
    gap: 0.375rem;
    flex-wrap: wrap;
  }
}
.m-search__button label {
  display: inline-flex;
}
@media (max-width: 1023px) {
  .m-search__button label {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.13;
  }
}
.m-search__button input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.m-search__text {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  letter-spacing: -0.01em;
}
@media (max-width: 1023px) {
  .m-search__text {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.13;
  }
}
.m-search__toggle {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 0.625rem;
}
@media (max-width: 1023px) {
  .m-search__toggle {
    gap: 0.375rem;
  }
}
.m-search__counter {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  color: #214864;
  font-weight: 300;
  gap: 0.5rem;
  letter-spacing: -0.01em;
}
.m-search__counter strong {
  font-weight: 500;
}
@media (max-width: 1023px) {
  .m-search__counter {
    padding-bottom: 0.25rem;
    gap: 0.4375rem;
  }
}
.m-search__filters {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  flex-shrink: 0;
  letter-spacing: -0.01em;
  gap: 0.5625rem;
  padding-bottom: 0.3125rem;
  margin-left: auto;
}
body:has(.filters input:checked) .m-search__filters .a-button__bg::before {
  content: "";
  position: absolute;
  width: 0.3125rem;
  height: 0.3125rem;
  background-color: #FF4D00;
  border-radius: 50%;
  top: -0.125rem;
  right: -0.0625rem;
}
@media (max-width: 1023px) {
  .m-search__filters {
    padding-bottom: 0;
    gap: 0.4375rem;
  }
}
.m-search__filtered {
  margin-left: 1rem;
}

/* variables */
/* main */
/* typography */
.m-story-alternating {
  --column-width: 27.5rem;
  --color: #4E4E4E;
}
.m-story-alternating__title {
  text-align: center;
  margin-bottom: 2rem;
}
.m-story-alternating__wrapper {
  gap: 0.375rem 3rem;
}
@media (min-width: 1024px) {
  .m-story-alternating__wrapper {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(2, var(--column-width));
    grid-template-rows: auto 3.5rem 3.125rem 2.5rem 4rem 3.125rem auto;
  }
}
@media (max-width: 1023px) {
  .m-story-alternating__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-inline: 1rem;
  }
}
.m-story-alternating__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.m-story-alternating__box::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .m-story-alternating__box::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.m-story-alternating__box {
  background-color: rgba(239, 239, 237, 0.1);
  border-radius: 0.625rem;
  padding: 1rem;
}
.m-story-alternating__box::before {
  border-radius: inherit;
  background: linear-gradient(152deg, #fff 3%, #00B5B2, #FF4D00 65%) border-box;
}
@media (max-width: 1023px) {
  .m-story-alternating__box {
    padding-block: 0.75rem 0.625rem;
  }
}
.m-story-alternating__box p {
  line-height: 1.28;
}
@media (min-width: 1024px) {
  .m-story-alternating__box p {
    margin-top: -0.2em;
  }
}
.m-story-alternating__box p + p {
  margin-top: 1.375rem;
}
.m-story-alternating__box q {
  quotes: none;
}
@media (min-width: 1024px) {
  .m-story-alternating__box q {
    margin-top: -0.2em;
    margin-bottom: -0.2em;
  }
}
.m-story-alternating__box q::before, .m-story-alternating__box q::after {
  content: "”";
  color: #00B5B2;
}
.m-story-alternating__box--1 {
  grid-column: 2;
  grid-row: 1/span 2;
}
.m-story-alternating__box--1::before {
  background: linear-gradient(170deg, #fff 3%, #00B5B2, #FF4D00 65%) border-box;
}
@media (min-width: 1024px) {
  .m-story-alternating__box--1 p:last-child {
    margin-bottom: 0.1875rem;
  }
}
.m-story-alternating__box--2 {
  grid-column: 1;
  grid-row: 2/span 4;
}
.m-story-alternating__box--3 {
  grid-column: 2;
  grid-row: 5/span 3;
}
.m-story-alternating__box--3 p:last-child {
  margin-bottom: 1.75rem;
}
.m-story-alternating__line {
  width: 15.0625rem;
  border-bottom: var(--border-thin) solid #00B5B2;
  position: relative;
}
.m-story-alternating__line--right {
  grid-column: 2;
  grid-row: 3/span 1;
  border-right: var(--border-thin) solid #00B5B2;
  border-bottom-right-radius: 3.125rem;
  margin-left: -1.1875rem;
}
.m-story-alternating__line--right .a-capsule {
  right: 100%;
}
.m-story-alternating__line--left {
  grid-column: 1;
  grid-row: 6/span 1;
  justify-self: end;
  border-left: var(--border-thin) solid #00B5B2;
  border-bottom-left-radius: 3.125rem;
  margin-right: -1.1875rem;
}
.m-story-alternating__line--left .a-capsule {
  left: 100%;
  scale: -1 1;
}
@media (max-width: 1023px) {
  .m-story-alternating__line {
    width: 0.5px;
    height: 2.875rem;
    border: none;
    background-color: #00B5B2;
    margin-block: 0.9375rem 1.5rem;
  }
}
.m-story-alternating__line .a-capsule {
  bottom: -0.5625rem;
}
@media (max-width: 1023px) {
  .m-story-alternating__line .a-capsule {
    bottom: -0.3125rem;
    right: auto;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
}

/* variables */
/* main */
/* typography */
.m-story-hero {
  position: relative;
  color: #214864;
}
.m-story-hero__wrapper {
  align-items: start;
}
@media (min-width: 1024px) {
  .m-story-hero__wrapper {
    padding-inline: 2.4375rem;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
  }
}
@media (max-width: 1023px) {
  .m-story-hero__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }
}
.m-story-hero__content {
  position: relative;
}
.m-story-hero__content--left {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding-right: 1rem;
}
@media (max-width: 1023px) {
  .m-story-hero__content--left {
    justify-content: center;
    padding-right: 0;
    order: 1;
  }
}
.m-story-hero__content--left p {
  font-weight: 450;
  letter-spacing: -0.01em;
}
.m-story-hero__content--right {
  padding-left: 1rem;
}
@media (max-width: 1023px) {
  .m-story-hero__content--right {
    order: 2;
    margin-top: 7.125rem;
    padding-left: 0;
  }
}
.m-story-hero__content--right p {
  letter-spacing: -0.01em;
  max-width: 25ch;
  margin-top: -0.18em;
}
@media (max-width: 1023px) {
  .m-story-hero__content--right p {
    max-width: 16.875rem;
    text-align: center;
    margin: auto;
  }
}
@media (max-width: 1023px) {
  .m-story-hero__content--center {
    order: 3;
    align-self: center;
    margin-top: 1rem;
  }
}
.m-story-hero__content--center .separator {
  height: calc((var(--app-height) - var(--header-height)) / 2 - 3.125rem);
  margin-bottom: 1.25rem;
}
@media (max-width: 1023px) {
  .m-story-hero__content--center .separator {
    height: 11.125rem;
  }
}
@media (min-width: 1024px) {
  .m-story-hero__title {
    margin-top: -0.12em;
    margin-bottom: -0.04em;
  }
}
@media (max-width: 1023px) {
  .m-story-hero__subtitle {
    position: absolute;
    bottom: 100%;
    margin-bottom: 0.3125rem;
  }
}
.m-story-hero__scroll {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  position: absolute;
  bottom: -2rem;
  left: 50%;
  translate: -50% 0;
}
@media (max-width: 1023px) {
  .m-story-hero__scroll {
    bottom: -1.875rem;
    gap: 1.1875rem;
  }
}
.m-story-hero__scroll-text {
  text-wrap: nowrap;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .m-story-hero__scroll-text {
    letter-spacing: -0.02em;
  }
}
.m-story-hero__scroll-text span {
  display: inline-block;
}
.m-story-hero__scroll-text span:last-of-type {
  position: absolute;
  bottom: 100%;
  left: 0;
}
@media (hover: none) {
  .m-story-hero__scroll-text span:last-of-type {
    display: none;
  }
}
@media (max-width: 1023px) {
  .m-story-hero__scroll-text span:last-of-type {
    display: none;
  }
}
.m-story-hero__scroll-capsule {
  display: block;
  position: relative;
  height: 2.5rem;
  width: 1.4375rem;
  border-radius: 0.625rem;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(0.375rem);
  backdrop-filter: blur(0.375rem);
}
.m-story-hero__scroll-capsule::before {
  z-index: 1;
  border-radius: inherit;
  background: linear-gradient(132deg, #fff 3%, #214864, #00B5B2 85%) border-box;
}
@media (min-width: 1024px) {
  .no-touch .m-story-hero__scroll:hover .m-story-hero__scroll-text > span, .accessibility .m-story-hero__scroll:focus .m-story-hero__scroll-text > span {
    animation: hover-link 0.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .m-story-hero__scroll:focus .m-story-hero__scroll-text > span {
    animation: hover-link 0.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
}

/* variables */
/* main */
/* typography */
.m-story-rays {
  position: relative;
  color: #214864;
}
.m-story-rays__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-inline: 3.75rem;
}
@media (max-width: 1023px) {
  .m-story-rays__wrapper {
    padding-top: 2.8125rem;
    padding-inline: 1.75rem;
    align-items: stretch;
  }
}
.m-story-rays__title {
  margin-top: -0.12em;
}
.m-story-rays__subtitle {
  max-width: 21.875rem;
  margin-top: 0.5625rem;
}
@media (max-width: 1023px) {
  .m-story-rays__subtitle {
    margin-top: 0.875rem;
  }
}
.m-story-rays__text {
  margin-top: 5rem;
  max-width: 20.6875rem;
  color: #282828;
}
@media (max-width: 1023px) {
  .m-story-rays__text {
    margin-top: 4rem;
  }
}
.m-story-rays__text .a-button {
  margin-top: 1.125rem;
}
.m-story-rays__top {
  position: relative;
}
@media (min-width: 1024px) {
  .m-story-rays__decor {
    position: absolute;
    left: 29.6875rem;
    top: calc(100% - 4.6875rem);
  }
}
@media (max-width: 1023px) {
  .m-story-rays__decor {
    margin-top: 1.0625rem;
    margin-left: 0.5rem;
  }
}

/* variables */
/* main */
/* typography */
.m-story-roots {
  --color: #214864;
}
.m-story-roots--crimson-red {
  --color: #962437;
}
.m-story-roots--coral {
  --color: #FF4D00;
}
.m-story-roots--muted-teal {
  --color: #6BA3A0;
}
.m-story-roots--teal {
  --color: #00B5B2;
}
.m-story-roots--dark-slate-blue {
  --color: #214864;
}
.m-story-roots--black-800 {
  --color: #4E4E4E;
}
.m-story-roots {
  position: relative;
  color: var(--color, #214864);
}
@media (max-width: 1023px) {
  .m-story-roots {
    text-align: center;
    padding-top: 2.25rem;
  }
}
.m-story-roots--line-teal {
  --line-color: #00B5B2;
}
.m-story-roots__wrapper {
  padding-inline: 2.4375rem;
  padding-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  .m-story-roots__wrapper {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: start;
  }
}
@media (max-width: 1023px) {
  .m-story-roots__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.m-story-roots__content {
  position: relative;
}
@media (min-width: 1024px) {
  .m-story-roots__content--left {
    padding-right: 1rem;
  }
}
@media (min-width: 1024px) {
  .m-story-roots__content--right {
    padding-left: 1rem;
  }
}
@media (max-width: 1023px) {
  .m-story-roots__content--right {
    margin-top: 1.1875rem;
  }
}
.m-story-roots__content--right p {
  letter-spacing: -0.01em;
  max-width: 25ch;
  margin-top: -0.18em;
  color: #282828;
}
@media (max-width: 1023px) {
  .m-story-roots__content--right p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.28;
  }
}
.m-story-roots__content--right p span {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
}
.m-story-roots__content--center {
  color: var(--line-color, currentColor);
}
@media (min-width: 1024px) {
  .m-story-roots__content--center {
    grid-row: 1/4;
    grid-column: 2;
    height: 100%;
    margin-bottom: 2.8125rem;
  }
}
@media (max-width: 1023px) {
  .m-story-roots__content--center {
    order: 1;
  }
}
@media (min-width: 1024px) {
  .m-story-roots__content--center .a-button {
    position: absolute;
    width: -moz-max-content;
    width: max-content;
    left: 50%;
    top: calc(100% + 1rem);
    translate: -50% 0;
  }
}
.m-story-roots__block:nth-child(4) {
  margin-top: 6.875rem;
}
@media (max-width: 1023px) {
  .m-story-roots__block:nth-child(4) {
    margin-top: 0;
  }
}
@media (min-width: 1024px) {
  .m-story-roots__block:last-child {
    margin-bottom: 11.375rem;
  }
}
.m-story-roots__block--left {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  margin-right: -0.5px;
}
@media (min-width: 1024px) {
  .m-story-roots__block--left {
    grid-column: 1;
  }
}
@media (max-width: 1023px) {
  .m-story-roots__block--left {
    flex-direction: column;
    align-items: center;
  }
}
.m-story-roots__block--left .m-story-roots__line {
  border-bottom-right-radius: 12.6875rem;
  border-right: var(--border-thin) solid var(--line-color, currentColor);
}
.m-story-roots__block--left .a-capsule {
  right: 100%;
}
.m-story-roots__block--right {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-end;
}
@media (min-width: 1024px) {
  .m-story-roots__block--right {
    margin-left: -1px;
    grid-column: 3;
    grid-row: 3;
  }
}
@media (max-width: 1023px) {
  .m-story-roots__block--right {
    flex-direction: column;
    align-items: center;
  }
}
.m-story-roots__block--right .m-story-roots__line {
  border-bottom-left-radius: 12.6875rem;
  border-left: var(--border-thin) solid var(--line-color, currentColor);
}
.m-story-roots__block--right .a-capsule {
  left: 100%;
}
.m-story-roots__block-text {
  max-width: 18.4375rem;
  color: #282828;
}
@media (min-width: 1024px) {
  .m-story-roots__block-text {
    margin-inline: 1.875rem;
    transform: translate(0, 50%);
  }
}
.m-story-roots__line {
  width: 12.6875rem;
  height: 12.6875rem;
  border-bottom: var(--border-thin) solid var(--line-color, currentColor);
  position: relative;
}
@media (max-width: 1023px) {
  .m-story-roots__line {
    width: 0.5px;
    height: 2.875rem;
    border: none;
    background-color: var(--line-color, currentColor);
    margin: 1.5rem auto;
  }
}
.m-story-roots__line .a-capsule {
  bottom: -0.5625rem;
}
@media (max-width: 1023px) {
  .m-story-roots__line .a-capsule {
    bottom: -0.3125rem;
    right: auto;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
}
.m-story-roots__title {
  margin-top: -0.12em;
  margin-bottom: -0.04em;
  text-align: end;
}

/* variables */
/* main */
/* typography */
.m-story-single--crimson-red {
  --color: #962437;
}
.m-story-single--coral {
  --color: #FF4D00;
}
.m-story-single--muted-teal {
  --color: #6BA3A0;
}
.m-story-single--teal {
  --color: #00B5B2;
}
.m-story-single--dark-slate-blue {
  --color: #214864;
}
.m-story-single--black-800 {
  --color: #4E4E4E;
}
.m-story-single {
  position: relative;
  color: var(--color, #00B5B2);
}
.m-story-single--line-teal {
  --line-color: #00B5B2;
}
.m-story-single__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding-inline: 2.4375rem;
}
.m-story-single--reversed .m-story-single__wrapper {
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .m-story-single--reversed .m-story-single__wrapper {
    padding-left: 3.625rem;
  }
}
@media (max-width: 1023px) {
  .m-story-single__wrapper {
    align-items: flex-start;
    padding-top: 2.875rem;
    padding-inline: 1.75rem;
  }
}
.m-story-single__title {
  margin-top: -0.12em;
}
@media (max-width: 1023px) {
  .m-story-single__title {
    margin-bottom: 4.5rem;
  }
  .m-story-single__title:has(+ .m-story-single__subtitle) {
    margin-bottom: 0.25rem;
  }
}
.m-story-single__subtitle {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1.15;
  color: #282828;
  text-align: start;
  max-width: 32ch;
  margin-top: 0.625rem;
  letter-spacing: -0.01em;
}
@media (max-width: 1023px) {
  .m-story-single__subtitle {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.15;
  }
}
.m-story-single__text {
  color: #282828;
  margin-top: 1.375rem;
}
@media (min-width: 1024px) {
  .m-story-single__text {
    max-width: 19.5625rem;
  }
}
.m-story-single--reversed .m-story-single__text {
  margin-top: 7.1875rem;
}
@media (max-width: 1023px) {
  .m-story-single--reversed .m-story-single__text {
    margin-top: 1.25rem;
  }
}
.m-story-single__text .a-button {
  margin-top: 1rem;
}
@media (max-width: 1023px) {
  .m-story-single__text .a-button {
    margin-top: 1.125rem;
  }
}
@media (max-width: 1023px) {
  .m-story-single__text {
    margin-top: 1rem;
    max-width: 17.125rem;
  }
}
.m-story-single__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
@media (max-width: 1023px) {
  .m-story-single--reversed .m-story-single__bottom {
    order: 2;
  }
}
.m-story-single__line {
  position: relative;
  flex-grow: 1;
  height: 7.25rem;
  margin-right: 1.8125rem;
  margin-left: 2rem;
  margin-top: 0.5rem;
  border-bottom: var(--border-thin) solid var(--line-color, currentColor);
  border-right: var(--border-thin) solid var(--line-color, currentColor);
  border-radius: 0 0 31.25rem 0;
}
.m-story-single--reversed .m-story-single__line {
  margin-left: 8.75rem;
  height: 10.5rem;
  order: -1;
  border-radius: 0 0 0 31.25rem;
  border-right: unset;
  border-left: var(--border-thin) solid var(--line-color, currentColor);
}
.m-story-single__line .a-capsule {
  right: 100%;
  bottom: 0;
  margin-bottom: -0.5625rem;
}
.m-story-single--reversed .m-story-single__line .a-capsule {
  right: unset;
  left: 100%;
  scale: -1 1;
}
.m-story-single__logo {
  width: 9.375rem;
  align-self: start;
  margin-top: 2.1875rem;
  margin-bottom: -0.125rem;
}
@media (min-width: 1024px) {
  .m-story-single--reversed .m-story-single__logo {
    position: absolute;
    top: 0.1875rem;
    right: 1.5625rem;
    margin: 0;
  }
}
@media (max-width: 1023px) {
  .m-story-single--reversed .m-story-single__logo {
    margin-top: 5.25rem;
  }
}
@media (max-width: 1023px) {
  .m-story-single__logo {
    width: 7.6875rem;
    margin-top: 1.875rem;
    margin-bottom: -0.375rem;
  }
  .m-story-single--reversed .m-story-single__logo {
    width: 6.908125rem;
  }
}
.m-story-single__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1024px) {
  .m-story-single__svg {
    grid-column: 2;
    margin-top: 0.5rem;
    margin-bottom: 0.375rem;
  }
}
.m-story-single__svg svg {
  width: 3.75rem;
  height: 3.75rem;
}
@media (max-width: 1023px) {
  .m-story-single__svg svg {
    width: 3rem;
    height: 3rem;
  }
}

/* variables */
/* main */
.m-story-triple {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  position: relative;
  color: #962437;
}
@media (max-width: 1023px) {
  .m-story-triple {
    padding-top: 2.875rem;
  }
}
.m-story-triple__title {
  margin-top: -0.12em;
  text-align: center;
}
@media (max-width: 1023px) {
  .m-story-triple__title {
    max-width: 16.875rem;
    margin: auto;
  }
}
.m-story-triple__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 6rem;
  padding-top: 8.375rem;
}
@media (max-width: 1023px) {
  .m-story-triple__wrapper {
    flex-direction: column;
    align-items: center;
    padding-top: 2.125rem;
    gap: 0rem;
  }
}
@media (min-width: 1024px) {
  .m-story-triple__content--center {
    margin-top: 11.75rem;
  }
}
@media (min-width: 1024px) {
  .m-story-triple__content--left .c-insight__image {
    margin-right: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .m-story-triple__content--right .c-insight__image {
    margin-left: 2.5rem;
  }
}
.m-story-triple__lines {
  padding-inline: 2.4375rem;
}
@media (min-width: 1024px) {
  .m-story-triple__lines {
    top: 1.75rem;
    left: 50%;
    translate: -50% 0;
    position: absolute;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: start;
  }
}
.m-story-triple__line {
  position: relative;
  margin-top: 3.125rem;
}
.m-story-triple__line--left, .m-story-triple__line--right {
  height: 11.0625rem;
  width: 18.625rem;
  margin-inline: 0.5625rem;
}
@media (max-width: 1023px) {
  .m-story-triple__line--left, .m-story-triple__line--right {
    width: 100%;
  }
}
.m-story-triple__line--left .a-capsule, .m-story-triple__line--right .a-capsule {
  right: 100%;
  bottom: -0.5625rem;
}
.m-story-triple__line--left {
  justify-self: end;
}
.m-story-triple__line--left svg {
  transform: scaleX(-1);
}
.m-story-triple__line--left .a-capsule {
  right: 100%;
}
.m-story-triple__line--right .a-capsule {
  left: 100%;
}
.m-story-triple__line--right .c-insight {
  left: 100%;
  top: 6.875rem;
}
.m-story-triple__line--center .separator {
  height: 17.1875rem;
  margin-bottom: 1.25rem;
}
.m-story-triple__line--center .a-capsule {
  rotate: -90deg;
  translate: -50% 0;
  left: calc(50% + 0.5px);
  top: calc(100% - 0.3125rem);
}
.m-story-triple__line svg {
  width: 100%;
  height: 100%;
}
.m-story-triple__line svg path {
  fill: none;
  stroke: #962437;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 100;
  stroke-dashoffset: 0;
}

/* variables */
/* main */
.m-story-centered {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.m-story-centered--crimson-red {
  --color: #962437;
}
.m-story-centered--coral {
  --color: #FF4D00;
}
.m-story-centered--muted-teal {
  --color: #6BA3A0;
}
.m-story-centered--teal {
  --color: #00B5B2;
}
.m-story-centered--dark-slate-blue {
  --color: #214864;
}
.m-story-centered--black-800 {
  --color: #4E4E4E;
}
.m-story-centered__text {
  max-width: 30.5rem;
  text-align: center;
}
@media (max-width: 1023px) {
  .m-story-centered__text {
    max-width: 18.125rem;
  }
}
.m-story-centered__text span {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
}
.m-story-centered .c-slogan {
  margin-top: 8.75rem;
}

/* variables */
/* main */
.m-story-steps {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.4375rem;
}
.m-story-steps__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  gap: 1.5rem;
}
.m-story-steps__wrapper svg {
  width: 2.9375rem;
}
@media (max-width: 1023px) {
  .m-story-steps__wrapper svg {
    width: 2.25rem;
  }
}
@media (max-width: 1023px) {
  .m-story-steps__wrapper {
    flex-wrap: wrap;
    padding-inline: 1rem;
    margin-top: 1.5rem;
    gap: 0.6875rem;
  }
}

/* variables */
/* main */
/* typography */
.m-story-river {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.m-story-river--crimson-red {
  --color: #962437;
}
.m-story-river--coral {
  --color: #FF4D00;
}
.m-story-river--muted-teal {
  --color: #6BA3A0;
}
.m-story-river--teal {
  --color: #00B5B2;
}
.m-story-river--dark-slate-blue {
  --color: #214864;
}
.m-story-river--black-800 {
  --color: #4E4E4E;
}
.m-story-river {
  min-height: 26.25rem;
  position: relative;
}
@media (min-width: 1024px) {
  .m-story-river .a-aside-brackets {
    height: calc(100% + 10rem);
  }
}
.m-story-river__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  flex-grow: 1;
}
.m-story-river__title {
  margin-left: 2.1875rem;
  margin-top: -0.15em;
}
@media (max-width: 1023px) {
  .m-story-river__title {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.1;
    margin-left: 1.75rem;
    max-width: 19.3125rem;
  }
}
.m-story-river__content {
  --color: #00B5B2;
  margin-left: 2.75rem;
}
@media (min-width: 1024px) {
  .m-story-river__content {
    display: grid;
    grid-template-columns: 17.625rem 1fr 17.625rem 1fr 17.625rem 3.375rem;
    grid-template-rows: auto 0.875rem 0.875rem;
    /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
    grid-template-areas: "block-1 . block-2 . block-3 ." "line-long line-long line-long line-long line-long ." ". . . . . line-short";
  }
}
@media (max-width: 1023px) {
  .m-story-river__content {
    margin-left: 1.75rem;
    margin-right: 2rem;
    margin-top: 3.125rem;
    padding-left: 0.3125rem;
  }
}
.m-story-river__item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  gap: 2.4375rem;
}
.m-story-river__item--1 {
  grid-area: block-1;
}
.m-story-river__item--2 {
  grid-area: block-2;
}
.m-story-river__item--3 {
  grid-area: block-3;
}
@media (max-width: 1023px) {
  .m-story-river__item {
    gap: 0.5rem;
  }
}
.m-story-river__text {
  line-height: 1.28;
  letter-spacing: -0.01em;
}
.m-story-river__line--item {
  height: 2.8125rem;
  width: 0.625rem;
  margin-bottom: calc(var(--border-thin) * -1);
  margin-left: 0.3125rem;
  position: relative;
}
@media (min-width: 1024px) {
  .m-story-river__line--item {
    border-left: var(--border-thin) solid var(--color, currentColor);
    border-bottom-left-radius: 0.625rem;
    border-bottom: var(--border-thin) solid var(--color, currentColor);
  }
}
@media (max-width: 1023px) {
  .m-story-river__line--item {
    width: 0.5px;
    height: 2.875rem;
    margin: auto;
    margin-bottom: 0.6875rem;
    border: none;
    background-color: var(--color, currentColor);
  }
}
.m-story-river__line--item .a-capsule {
  left: -0.3125rem;
  bottom: 100%;
}
@media (max-width: 1023px) {
  .m-story-river__line--item .a-capsule {
    left: 50%;
    bottom: -0.3125rem;
    transform: translateX(-50%) rotate(90deg);
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
}
.m-story-river__line--long {
  grid-area: line-long;
  border-top: var(--border-thin) solid var(--color, currentColor);
  margin-left: 0.9375rem;
  width: calc(100% - 2.5rem);
  transform-origin: left center;
}
.m-story-river__line--short {
  grid-area: line-short;
  border-left: var(--border-thin) solid var(--color, currentColor);
  border-bottom: var(--border-thin) solid var(--color, currentColor);
  border-bottom-left-radius: 0.625rem;
  margin-left: calc(var(--border-thin) * -1);
  position: relative;
  clip-path: inset(-0.875rem calc(100% + 2.75rem) 0% -2.75rem);
}
.m-story-river__line--short::after {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 100%;
  height: 0.875rem;
  width: 2.75rem;
  border-top: var(--border-thin) solid var(--color, currentColor);
  border-right: var(--border-thin) solid var(--color, currentColor);
  border-top-right-radius: 0.625rem;
}

/* variables */
/* main */
.m-tiles {
  --filters-width: 22.375rem;
  width: 100%;
  overflow: hidden;
}
.m-tiles__wrap {
  display: grid;
  grid-template-columns: 100% auto;
  gap: var(--grid-margin);
  transition: transform 0.4s cubic-bezier(0.5, 0, 0.2, 1);
  padding-block: 1rem 5.875rem;
}
.m-tiles--inner .m-tiles__wrap {
  padding-block: 0;
}
.m-tiles__wrap:has(.m-tiles__empty) {
  padding-bottom: 1rem;
}
@media (min-width: 1024px) {
  body.has-filters-open .m-tiles__wrap {
    transform: translateX(calc(-1 * (var(--filters-width) + var(--grid-margin))));
  }
}
@media (max-width: 1023px) {
  .m-tiles__wrap {
    padding-top: 0;
    position: relative;
    overflow: hidden;
  }
}
.m-tiles__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.6875rem;
}
@media (max-width: 1023px) {
  .m-tiles__grid {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }
}
.m-tiles__filters {
  width: var(--filters-width);
}
@media (min-width: 1024px) {
  body.has-filters-hidden .m-tiles__filters {
    display: none;
  }
}
@media (max-width: 1023px) {
  .m-tiles__filters {
    position: fixed;
    inset: 0;
    z-index: 20;
    background-color: #fff;
    transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
    width: 100%;
    padding: 1.25rem;
    opacity: 0;
    pointer-events: none;
  }
  body.has-filters-open .m-tiles__filters {
    opacity: 1;
    pointer-events: auto;
  }
}
.m-tiles__empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  height: 100%;
  background-color: #EFEFED;
  color: #214864;
  border-radius: var(--radius-big);
  overflow: hidden;
}
.m-dashboard .m-tiles__empty {
  background: radial-gradient(circle at var(--radius-big) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top left, radial-gradient(circle at calc(100% - var(--radius-big)) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top right, radial-gradient(circle at var(--radius-big) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom left, radial-gradient(circle at calc(100% - var(--radius-big)) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom right, rgba(0, 0, 0, 0);
  background-size: var(--radius-big) var(--radius-big);
  background-repeat: no-repeat;
  gap: 1rem;
  border-radius: 0;
  min-height: 12.5rem;
  color: #282828;
  text-align: center;
}
.m-dashboard .m-tiles__empty > * {
  max-width: 25rem;
}
.m-dashboard .m-tiles__empty h3 {
  font-weight: 700;
}

/* variables */
/* main */
.m-ui:first-child {
  padding-bottom: 3.75rem;
}
.m-ui pre, .m-ui code {
  background-color: #EFEFED;
  padding: 0.1875rem 0.375rem;
  white-space: nowrap;
  border-radius: var(--radius);
}
.m-ui__heading {
  padding-bottom: 3.75rem;
}
.m-ui__heading:has(+ h4) {
  padding-bottom: 1.25rem;
}
.m-ui__heading + h4 {
  padding-bottom: 1.25rem;
}
.m-ui__table {
  width: 100%;
}
.m-ui__table--colors {
  line-height: 40px;
}
.m-ui__table--colors td {
  border-top: 1px solid #dad4d1;
}
.m-ui__table--colors td:last-child {
  width: 50%;
  height: 41px;
  border-top: 0;
}
.m-ui__table--buttons td {
  --button-bg-color: #fff;
  padding-block: 0.625rem;
  border-top: 1px solid #dad4d1;
}
.m-ui__table--fonts td {
  border-top: 1px solid #dad4d1;
}
.m-ui__table--fonts td:first-child {
  font-size: 32px;
  font-size: 2rem;
  line-height: 2;
}
.m-ui__table--typo tr {
  display: flex;
  gap: var(--grid-gutter);
  border-top: 1px solid #dad4d1;
}
.m-ui__table--typo td {
  padding-block: 0.625rem;
  text-wrap: balance;
}
.m-ui__table--typo td:first-child {
  width: 40px;
}
.m-ui__table--typo td:nth-child(2) {
  width: 100%;
  padding-right: 5%;
}
.m-ui__table--typo td:last-child {
  flex-shrink: 0;
}
.m-ui__table--tiles tr td:first-of-type {
  display: flex;
  justify-content: flex-start;
  gap: 0.6875rem;
}
.m-ui__table--tiles td {
  padding-block: 1rem;
}
.m-ui__table--tiles .a-tile {
  width: 19rem;
}
.m-ui__table--tiles .a-tile--big {
  width: 38.5rem;
}
.m-ui__list a {
  border-top: 1px solid #dad4d1;
  padding-block: 0.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-ui__list a strong {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.6666666667;
  margin-left: 0.75rem;
  margin-right: auto;
  font-weight: normal;
}
.m-ui__list a span {
  top: -0.3em;
  position: relative;
  color: #962437;
}

/* variables */
/* main */
.m-dashboard {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  min-height: calc(var(--app-height) - var(--header-height) - var(--footer-height));
}
.m-dashboard__top {
  background: radial-gradient(circle at var(--radius-big) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top left, radial-gradient(circle at calc(100% - var(--radius-big)) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top right, radial-gradient(circle at var(--radius-big) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom left, radial-gradient(circle at calc(100% - var(--radius-big)) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom right, rgba(0, 0, 0, 0);
  background-size: var(--radius-big) var(--radius-big);
  background-repeat: no-repeat;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  overflow: hidden;
  padding: 0.3125rem 1rem;
  border-bottom: 0.9375rem solid #fff;
}
@media (max-width: 1023px) {
  .m-dashboard__top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    height: 31.9375rem;
    border-bottom: 0.75rem solid #fff;
  }
}
.m-dashboard__filler {
  width: 100%;
  flex-grow: 1;
  background-color: #fff;
}
.m-dashboard__separator {
  height: 6.875rem;
  margin-top: auto;
  margin-bottom: 0.75rem;
  color: #939393;
}
@media (max-width: 1023px) {
  .m-dashboard__separator {
    height: 1px;
    width: 100%;
    box-shadow: 0 0.5px 0 #939393;
    margin-bottom: 0.8125rem;
  }
}
.m-dashboard__user {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 1023px) {
  .m-dashboard__user {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-grow: 1;
  }
}
.m-dashboard__user-name {
  font-family: "MartinaPlantijn", serif;
  font-weight: 300;
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 1.4;
  letter-spacing: -0.04em;
  color: #962437;
}
@media (max-width: 1023px) {
  .m-dashboard__user-name {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1;
    max-width: 17.5rem;
  }
}
.m-dashboard__user-date {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
  margin-top: -0.125rem;
}
@media (max-width: 1023px) {
  .m-dashboard__user-date {
    margin-top: 0.5625rem;
  }
}
.m-dashboard__user-photo {
  height: 6.8125rem;
  width: 4.508125rem;
  margin: 0.75rem 0;
  position: relative;
}
@media (min-width: 1024px) {
  .m-dashboard__user-photo {
    margin-right: 1.25rem;
  }
}
@media (max-width: 1023px) {
  .m-dashboard__user-photo {
    margin: 1.5rem 0;
  }
}
.m-dashboard__user-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
}
.m-dashboard__user-photo img[src]:not([src=""]) {
  opacity: 0.8;
}
.no-touch .m-dashboard__user-photo:hover .m-dashboard__user-button, .accessibility .m-dashboard__user-photo:focus .m-dashboard__user-button {
  opacity: 1;
}
.m-dashboard__user-image {
  background-color: #EFEFED;
  width: 100%;
  height: 100%;
  border-radius: 9.75rem;
  overflow: hidden;
}
.m-dashboard__user-image div:first-of-type {
  position: absolute;
  inset: 0;
}
.m-dashboard__user-image div:first-of-type::before {
  border: var(--border-thin) solid transparent;
  inset: 6px;
  border-radius: 9.0625rem;
  background: linear-gradient(149deg, #fff 1%, #962437 30% 40%, #00B5B2 85%) border-box;
}
.m-dashboard__user-image div:first-of-type::after {
  border: 1px solid transparent;
  inset: 0;
  border-radius: 9.75rem;
  background: linear-gradient(149deg, #fff 1%, #962437 30% 40%, #00B5B2 85%) border-box;
}
.m-dashboard__user-image div:nth-of-type(2) {
  position: absolute;
  inset: 0;
}
.m-dashboard__user-image div:nth-of-type(2)::before {
  border: var(--border-thin) solid transparent;
  inset: 12px;
  border-radius: 9.0625rem;
  background: linear-gradient(149deg, #fff 1%, #962437 30% 40%, #00B5B2 85%) border-box;
}
.m-dashboard__user-image:has(img[src]:not([src=""])) div {
  opacity: 0;
}
.m-dashboard__user-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: auto 0 0;
  transform: translateY(50%);
}
@media (min-width: 1024px) {
  .m-dashboard__user-button {
    transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
    opacity: 0;
  }
}
.m-dashboard__user-button input {
  position: absolute;
  width: 0;
  height: 0;
}
.m-dashboard__links {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 1023px) {
  .m-dashboard__links {
    align-items: flex-start;
  }
}
.m-dashboard__tab {
  display: none;
}
.m-dashboard__tab.is-active {
  display: block;
}
@media (min-width: 1024px) {
  .m-dashboard__settings {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 19.8125rem);
    grid-template-areas: "history library details details" "left left auth delete";
  }
}
.m-dashboard__settings > div {
  background: radial-gradient(circle at var(--radius-big) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top left, radial-gradient(circle at calc(100% - var(--radius-big)) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top right, radial-gradient(circle at var(--radius-big) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom left, radial-gradient(circle at calc(100% - var(--radius-big)) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom right, rgba(0, 0, 0, 0);
  background-size: var(--radius-big) var(--radius-big);
  background-repeat: no-repeat;
  overflow: hidden;
  padding: 0.8125rem 1rem 1rem;
}
.m-dashboard__settings-left {
  grid-area: left;
  border-right: 0.34375rem solid #fff;
}
.m-dashboard__settings-details {
  border-bottom: 0.6875rem solid #fff;
  grid-area: details;
}
@media (min-width: 1024px) {
  .m-dashboard__settings-details {
    border-left: 0.34375rem solid #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.6875rem;
  }
}
@media (max-width: 1023px) {
  .m-dashboard__settings-details {
    border-bottom: 0.75rem solid #fff;
  }
}
.m-dashboard__settings-auth, .m-dashboard__settings-delete, .m-dashboard__settings-history, .m-dashboard__settings-library {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.m-dashboard__settings-auth {
  grid-area: auth;
}
@media (min-width: 1024px) {
  .m-dashboard__settings-auth {
    border-left: 0.34375rem solid #fff;
    border-right: 0.34375rem solid #fff;
  }
}
@media (max-width: 1023px) {
  .m-dashboard__settings-auth {
    border-bottom: 0.75rem solid #fff;
  }
}
.m-dashboard__settings-delete {
  grid-area: delete;
}
@media (min-width: 1024px) {
  .m-dashboard__settings-delete {
    border-left: 0.34375rem solid #fff;
  }
}
.m-dashboard__settings-history::after, .m-dashboard__settings-library::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #EFEFED;
  pointer-events: none;
  z-index: 0;
  border-radius: var(--radius-big);
}
.m-dashboard__settings-history {
  grid-area: history;
  border-bottom: 0.6875rem solid #fff;
  border-right: 0.34375rem solid #fff;
  position: relative;
}
.m-dashboard__settings-history > * {
  position: relative;
  z-index: 2;
}
.m-dashboard__settings-library {
  border-bottom: 0.6875rem solid #fff;
  border-right: 0.34375rem solid #fff;
  border-left: 0.34375rem solid #fff;
  grid-area: library;
  position: relative;
}
.m-dashboard__settings .a-button {
  padding-inline: 0.5625rem;
}
.m-dashboard__block {
  position: relative;
  z-index: 1;
}
@media (max-width: 1023px) {
  .m-dashboard__block:has(+ .a-button) {
    margin-bottom: 2.5rem;
  }
}
.m-dashboard__label {
  letter-spacing: -0.02em;
}
@media (max-width: 1023px) {
  .m-dashboard__label {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.13;
    font-family: "CircularXXWeb", sans-serif;
    font-weight: 500;
    padding-top: 0.1875rem;
  }
}
.m-dashboard__text {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.132;
  letter-spacing: -0.01em;
  margin-top: 0.6875rem;
}
@media (max-width: 1023px) {
  .m-dashboard__text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.2;
    margin-top: 0.5rem;
  }
}
.m-dashboard__info {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.1;
  letter-spacing: -0.01em;
  margin-top: auto;
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 1;
}
.m-dashboard__info--success {
  margin: 0.625rem 0;
  background-color: rgba(107, 163, 160, 0.25);
  color: #6ba3a0;
  border-radius: var(--radius);
  padding: 0.9375rem;
}
.m-dashboard__info--success h3 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.1;
  margin-bottom: 0.375rem;
}
.m-dashboard__nav {
  margin-bottom: 0.3125rem;
  position: relative;
}
@media (max-width: 1023px) {
  .m-dashboard__nav {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 0.6875rem;
    margin-bottom: 0.5625rem;
  }
}
.m-dashboard__indicator {
  position: absolute;
  left: -1px;
  top: 0;
  width: 2px;
  height: 1.25rem;
  background-color: #962437;
  display: block;
  transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  transform: translateX(-25%);
}
.m-dashboard__item:nth-child(2):has(.is-current) ~ .m-dashboard__indicator {
  transform: translate(-25%, 100%);
}
.m-dashboard__item:nth-child(3):has(.is-current) ~ .m-dashboard__indicator {
  transform: translate(-25%, 200%);
}
.m-dashboard__item {
  padding-left: 0.75rem;
}
@media (max-width: 1023px) {
  .m-dashboard__item {
    padding-left: 0;
  }
}
.m-dashboard__button {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.m-dashboard__button > span {
  display: inline-block;
}
.m-dashboard__button > span span {
  display: inline-block;
}
.m-dashboard__button > span span:last-of-type {
  position: absolute;
  bottom: 100%;
  left: 0;
}
@media (hover: none) {
  .m-dashboard__button > span span:last-of-type {
    display: none;
  }
}
@media (max-width: 1023px) {
  .m-dashboard__button > span span:last-of-type {
    display: none;
  }
}
@media (min-width: 1024px) {
  .no-touch .m-dashboard__button:hover > span, .accessibility .m-dashboard__button:focus > span {
    animation: hover-link 0.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .m-dashboard__button:focus > span {
    animation: hover-link 0.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
}
.accessibility .m-dashboard__button span {
  animation: none;
}
.m-dashboard__button {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
}
.m-dashboard__logout {
  margin-bottom: 0.4375rem;
}
.m-dashboard__form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  gap: 0.625rem;
  width: 100%;
  border-bottom: 1px solid #939393;
}
@media (max-width: 1023px) {
  .m-dashboard__form {
    padding-bottom: 3.4375rem;
  }
}
.m-dashboard__form-row {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid #939393;
}
fieldset:last-of-type .m-dashboard__form-row {
  border-bottom: none;
}
.m-dashboard__form label {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #4E4E4E;
}
.m-dashboard__form input {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  width: 100%;
}
.m-dashboard__form input:disabled {
  color: #939393;
}
.m-dashboard__edit {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.m-dashboard__conversations {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
}
.m-dashboard__conversations > div {
  background: radial-gradient(circle at var(--radius-big) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top left, radial-gradient(circle at calc(100% - var(--radius-big)) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top right, radial-gradient(circle at var(--radius-big) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom left, radial-gradient(circle at calc(100% - var(--radius-big)) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom right, rgba(0, 0, 0, 0);
  background-size: var(--radius-big) var(--radius-big);
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .m-dashboard__conversations > div {
    flex-basis: 50%;
  }
}
.m-dashboard__conversations-left {
  border-right: 0.375rem solid #fff;
}
.m-dashboard__conversations-list {
  position: relative;
  overflow: visible !important;
}
@media (min-width: 1024px) {
  .m-dashboard__conversations-list {
    border-left: 0.375rem solid #fff;
  }
}
@media (max-width: 1023px) {
  .m-dashboard__conversations-list {
    width: 100%;
  }
}
.m-dashboard__conversations-form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  background-color: #fff;
  padding-bottom: 1.0625rem;
  gap: 0.5rem;
  padding-right: 1px;
}
@media (max-width: 1023px) {
  .m-dashboard__conversations-form {
    padding-bottom: 0.625rem;
    padding-top: 1.5rem;
  }
}
.has-no-conversations .m-dashboard__conversations-form > * {
  opacity: 0.5;
  pointer-events: none;
}
.is-conversation-open .m-dashboard__conversations-form {
  display: none;
}
.m-dashboard__conversations-wrap {
  display: none;
}
.is-conversation-open .m-dashboard__conversations-wrap {
  display: block;
  opacity: 1;
  pointer-events: all;
}
.is-conversation-open .m-dashboard__conversations-tiles {
  display: none;
}
.m-dashboard__conversations-tiles {
  max-height: 31.25rem;
  overflow-y: auto;
  margin-right: -1px;
}
.m-dashboard__conversations-back {
  --button-bg-color: #EFEFED;
  background-color: #fff;
  padding-bottom: 1.3125rem;
}
@media (max-width: 1023px) {
  .m-dashboard__conversations-back {
    padding-top: 1.5rem;
    padding-bottom: 0.6875rem;
  }
  .m-dashboard__conversations-back .a-button__external {
    opacity: 1;
  }
}
.m-dashboard__conversations-empty {
  background: radial-gradient(circle at var(--radius-big) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top left, radial-gradient(circle at calc(100% - var(--radius-big)) var(--radius-big), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) top right, radial-gradient(circle at var(--radius-big) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom left, radial-gradient(circle at calc(100% - var(--radius-big)) calc(100% - var(--radius-big)), rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) var(--radius-big), #fff var(--radius-big)) bottom right, rgba(0, 0, 0, 0);
  background-size: var(--radius-big) var(--radius-big);
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
  min-height: 12.5rem;
}
.m-dashboard__input {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.m-dashboard__input::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .m-dashboard__input::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.m-dashboard__input {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  position: relative;
}
.m-dashboard__input::before {
  border-radius: var(--radius);
  background: linear-gradient(177deg, #fff 1.68%, #962437 36.52%, #00B5B2 77.16%) border-box;
}
.m-dashboard__input input {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.13;
  height: 100%;
  width: 100%;
  padding-left: 0.5rem;
}
.m-dashboard__input input::-moz-placeholder {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.13;
  -moz-transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  letter-spacing: -0.01em;
  opacity: 1;
  color: #282828;
}
.m-dashboard__input input::placeholder {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 300;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.13;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  letter-spacing: -0.01em;
  opacity: 1;
  color: #282828;
}
.m-dashboard__input input:focus::-moz-placeholder {
  opacity: 0;
}
.m-dashboard__input input:focus::placeholder {
  opacity: 0;
}
.m-dashboard__icon {
  position: absolute;
  right: 0.5625rem;
  width: 0.875rem;
  height: 0.875rem;
}
.m-dashboard__icon svg {
  width: 100%;
  height: 100%;
}
.m-dashboard__icon svg path {
  stroke: #962437;
  stroke-width: 1;
}
.m-dashboard__sort {
  --button-bg-color: #EFEFED;
}
.m-dashboard__sort svg g:last-of-type path {
  stroke-width: 1;
}
.m-dashboard__sort:has(input:checked) {
  --button-bg-color: #EFEFED;
}
.m-dashboard__sort:has(input:checked) svg g:last-of-type path {
  stroke-width: 0.5px;
}
.m-dashboard__sort:has(input:checked) svg g:first-of-type path {
  stroke-width: 1;
}

.empty-library {
  display: none;
}
.has-no-library .empty-library {
  display: block;
}

.has-no-library .non-empty-library {
  display: none;
}

.two-factor-enabled {
  display: none;
}
body.has-2fa-enabled .two-factor-enabled {
  display: block;
}

.two-factor-disabled {
  display: block;
}
body.has-2fa-enabled .two-factor-disabled {
  display: none;
}

/* variables */
/* main */
.m-contact {
  padding-bottom: 3.25rem;
}
@media (max-width: 1023px) {
  .m-contact {
    padding-bottom: 4.0625rem;
  }
}
.m-contact__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "heading form" "copy form";
  position: relative;
}
@media (max-width: 1023px) {
  .m-contact__wrap {
    grid-template-columns: 1fr;
    grid-template-areas: "heading" "form" "copy";
    justify-items: center;
    padding-inline: 1rem;
  }
}
.m-contact__copy {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  grid-area: copy;
  gap: 3.125rem;
  margin-top: auto;
}
@media (min-width: 1024px) {
  .m-contact__copy {
    padding-left: 2.5625rem;
  }
}
@media (max-width: 1023px) {
  .m-contact__copy {
    margin-top: 3.75rem;
    max-width: 17.25rem;
    margin-right: auto;
    gap: 1.75rem;
  }
}
.m-contact__container {
  grid-area: form;
}
@media (max-width: 1023px) {
  .m-contact__container {
    width: 100%;
    margin-top: 1rem;
  }
}
.m-contact__block {
  max-width: 20.0625rem;
}
.m-contact__block strong {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.1;
  letter-spacing: -0.02em;
  display: block;
  margin-bottom: 0.375rem;
}
@media (max-width: 1023px) {
  .m-contact__block strong {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.1;
    margin-bottom: 0.1875rem;
  }
}
.m-contact__block p,
.m-contact__block a {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.27;
  letter-spacing: -0.02em;
}
.m-contact__block a {
  color: #962437;
}
.m-contact__block a span {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
}
.m-contact__heading {
  grid-area: heading;
  color: #962437;
  margin-top: -0.5rem;
}
@media (min-width: 1024px) {
  .m-contact__heading {
    padding-left: 2.5625rem;
  }
}
.m-contact__form {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.m-contact__form::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .m-contact__form::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.m-contact__form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  padding: 1.25rem 1rem;
}
@media (min-width: 1024px) {
  .m-contact__form {
    margin-right: 1.875rem;
  }
}
@media (max-width: 1023px) {
  .m-contact__form {
    padding: 1.25rem 0.75rem;
  }
}
.m-contact__form::before {
  background: linear-gradient(144.55deg, #fff 1.68%, #962437 36.52%, #00B5B2 77.16%) border-box;
  border-radius: var(--radius-big);
}
.m-contact__form-row {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border-bottom: 1px solid #939393;
  position: relative;
  margin-bottom: 1.9375rem;
}
.m-contact__form-row--textarea {
  margin-bottom: 0;
}
.m-contact__form-row:nth-last-child(2) {
  border-bottom: none;
}
.m-contact__form-row.is-error {
  color: #FF4D00;
}
.m-contact__form-row label {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 0.7857142857;
  letter-spacing: -0.01em;
}
.m-contact__form-row input,
.m-contact__form-row textarea {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: currentColor;
}
.m-contact__form-row input {
  padding-block: 0.375rem 0.3125rem;
  padding-left: 0.0625rem;
}
@media (max-width: 1023px) {
  .m-contact__form-row input {
    padding-block: 0.3125rem 0.375rem;
  }
}
.m-contact__form-row textarea {
  max-width: calc(100% - 3.75rem);
  min-height: 6.25rem;
  resize: none;
  padding: 0;
  padding-top: 0.1875rem;
}
.m-contact__form-submit {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 0.125rem;
  margin-right: 0.125rem;
}
.m-contact__info {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
  margin-top: 0.5rem;
  position: absolute;
}
.m-contact__info span {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
}
.m-contact__error {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
  position: absolute;
  inset: 100% auto auto 0;
  color: #FF4D00;
  margin-top: 0.0625rem;
  opacity: 0;
}
@media (max-width: 1023px) {
  .m-contact__error {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.1;
    margin-top: 0.125rem;
    max-width: 80%;
  }
}
.is-error .m-contact__error {
  opacity: 1;
}
.m-contact__message {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
  margin-right: auto;
}

/* variables */
/* main */
.m-with_blur {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  color: #4E4E4E;
}
.m-with_blur__top {
  position: relative;
  z-index: 3;
}
.m-with_blur__heading {
  font-size: 56px;
  font-size: 3.5rem;
  line-height: 1.04;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0;
}
@media (max-width: 1023px) {
  .m-with_blur__heading {
    font-size: 38px;
    font-size: 2.375rem;
    line-height: 1.04;
    grid-template-columns: auto;
    text-align: center;
  }
}
.m-with_blur__left {
  position: relative;
}
@media (min-width: 1024px) {
  .m-with_blur__left {
    padding-top: 1.8125rem;
    padding-right: 1.9375rem;
    cursor: none;
    text-align: right;
  }
}
@media (max-width: 1023px) {
  .m-with_blur__left {
    padding-block: 1.4375rem 2.1875rem;
  }
}
@media (min-width: 1024px) {
  .m-with_blur__right {
    padding-top: 2.125rem;
    padding-left: 1.375rem;
  }
}
@media (max-width: 1023px) {
  .m-with_blur__right {
    padding-block: 1.9375rem 2.3125rem;
    max-width: 16.875rem;
  }
  .m-with_blur__right br {
    display: none;
  }
}
.m-with_blur__separator {
  margin-top: 2.4375rem;
  margin-bottom: -2rem;
}
@media (max-width: 1023px) {
  .m-with_blur__separator {
    margin: 0 auto;
    width: 8.9375rem;
    box-shadow: 0 0.5px 0 #282828;
    height: 1px;
  }
}

/* variables */
/* main */
.m-team {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.m-team--crimson-red {
  --color: #962437;
}
.m-team--coral {
  --color: #FF4D00;
}
.m-team--muted-teal {
  --color: #6BA3A0;
}
.m-team--teal {
  --color: #00B5B2;
}
.m-team--dark-slate-blue {
  --color: #214864;
}
.m-team--black-800 {
  --color: #4E4E4E;
}
.m-team {
  gap: 3.4375rem;
  position: relative;
}
@media (max-width: 1023px) {
  .m-team {
    align-items: stretch;
  }
}
.m-team__title {
  text-align: center;
  margin-bottom: 1.875rem;
}
@media (max-width: 1023px) {
  .m-team__title {
    font-family: "CircularXXWeb", sans-serif;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.13;
  }
}
.m-team__group + .m-team__group {
  margin-top: 2.4375rem;
}
.m-team__members {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 5rem;
  max-width: 58.3125rem;
}
@media (max-width: 1023px) {
  .m-team__members {
    flex-direction: column;
    width: 100%;
    gap: 4.25rem;
  }
}

/* variables */
/* main */
.m-video {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  padding-inline: 1.5625rem 2.375rem;
}
@media (max-width: 1023px) {
  .m-video {
    flex-direction: column;
    padding-inline: 1rem;
  }
}
.m-video__video {
  width: 32.5625rem;
  height: 18.9375rem;
  margin-bottom: 3.125rem;
  position: relative;
}
@media (max-width: 1023px) {
  .m-video__video {
    width: 100%;
    height: 25.75rem;
  }
}
.m-video__video figure {
  position: relative;
  width: 100%;
  height: 100%;
}
.m-video__video .player {
  height: 100%;
  width: 100%;
}
.m-video__video video {
  aspect-ratio: unset !important;
  height: 100% !important;
  width: 100% !important;
}
.m-video__video .player__tools {
  display: none;
}
.m-video__decorator {
  position: absolute;
  left: 1.5625rem;
  bottom: -3.125rem;
}
.m-video__decorator button {
  width: 4.4375rem;
  aspect-ratio: 1;
  border-radius: 50%;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: rgba(239, 239, 237, 0.63);
  transition: scale 0.3s 0.3s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.3s 0.3s cubic-bezier(0.5, 0, 0.2, 1) !important;
}
.m-video__decorator button svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.m-video:has(.player.is-playing) .m-video__decorator button {
  scale: 0.75;
  opacity: 0;
  pointer-events: none;
  transition: scale 0.3s cubic-bezier(0.5, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.5, 0, 0.2, 1) !important;
}
.m-video__text {
  text-align: right;
  max-width: 23.3125rem;
  line-height: 0.070625rem;
  padding-top: 0.9375rem;
}
@media (max-width: 1023px) {
  .m-video__text {
    text-align: left;
    padding-left: 0.75rem;
    padding-top: 1.3125rem;
    max-width: 17.25rem;
  }
}
.m-video__text p + p {
  margin-top: 0.8125rem;
}
@media (max-width: 1023px) {
  .m-video__text p + p {
    margin-top: 0.3125rem;
  }
}

/* variables */
/* main */
.m-title--crimson-red {
  --color: #962437;
}
.m-title--coral {
  --color: #FF4D00;
}
.m-title--muted-teal {
  --color: #6BA3A0;
}
.m-title--teal {
  --color: #00B5B2;
}
.m-title--dark-slate-blue {
  --color: #214864;
}
.m-title--black-800 {
  --color: #4E4E4E;
}
.m-title {
  padding-inline: 2.375rem;
  min-height: 7.375rem;
  position: relative;
}
.m-title__wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (min-width: 1024px) {
  .m-title--reversed .m-title__wrap {
    align-items: flex-end;
  }
}
@media (max-width: 1023px) {
  .m-title__wrap {
    align-items: center;
  }
}
.m-title h1 {
  margin-top: -0.18em;
}

/* variables */
/* main */
.m-text-block {
  --color: #962437;
}
.m-text-block--crimson-red {
  --color: #962437;
}
.m-text-block--coral {
  --color: #FF4D00;
}
.m-text-block--muted-teal {
  --color: #6BA3A0;
}
.m-text-block--teal {
  --color: #00B5B2;
}
.m-text-block--dark-slate-blue {
  --color: #214864;
}
.m-text-block--black-800 {
  --color: #4E4E4E;
}
.m-text-block__wrap {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "left right";
}
.m-text-block__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.m-text-block__content--left {
  padding-left: 2.25rem;
}
.m-text-block__content--right {
  border-left: var(--border-thin) solid #939393;
  padding-left: 0.8125rem;
  padding-right: 1.875rem;
}
.m-text-block__title {
  color: var(--color);
  margin-top: -0.15em;
}
@media (min-width: 1024px) {
  .m-text-block__title--sticky {
    position: sticky;
    top: 1rem;
    left: 0;
  }
}
.m-text-block__text {
  margin-top: -0.1875rem;
}
.m-text-block__text a {
  color: var(--color) !important;
}

/* variables */
/* main */
.teaser {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}
.teaser__top, .teaser__bottom {
  position: absolute;
}
.teaser__top {
  top: 0.8125rem;
  left: 1.0625rem;
}
.teaser__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  bottom: 1.5rem;
  left: 1rem;
  right: 1rem;
}
.teaser__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: calc(var(--app-height) * 0.38);
  height: 100%;
}
.teaser--404 .teaser__content {
  padding-top: calc(var(--app-height) * 0.3);
}
.teaser__label, .teaser__text {
  color: #214864;
}
.teaser__label {
  margin-bottom: 0.8125rem;
}
.teaser__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  margin-bottom: 1.875rem;
}
@media (max-width: 1023px) {
  .teaser__text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.2;
    margin-inline: 3.125rem;
    margin-bottom: 1.25rem;
  }
}
.teaser__waitlist {
  width: 100%;
}
.teaser__newsletter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s cubic-bezier(0.5, 0, 0.2, 1);
  width: 100%;
  position: relative;
}
.teaser__newsletter-form {
  --width: 8.0625rem;
  width: var(--width);
  position: relative;
  transition: width 0.5s cubic-bezier(0.5, 0, 0.2, 1);
}
.teaser__newsletter-form.is-completed {
  --width: 16.5rem;
}
.teaser__newsletter-form:not(:has(input:-moz-placeholder)) {
  --width: 16.5rem;
}
.teaser__newsletter-form:has(input:focus), .teaser__newsletter-form:has(button:focus), .teaser__newsletter-form:not(:has(input:placeholder-shown)) {
  --width: 16.5rem;
}
.teaser__newsletter-form:has(input:focus) .teaser__newsletter-input input::-moz-placeholder, .teaser__newsletter-form:has(button:focus) .teaser__newsletter-input input::-moz-placeholder, .teaser__newsletter-form:not(:has(input:placeholder-shown)) .teaser__newsletter-input input::-moz-placeholder {
  opacity: 1;
  pointer-events: all;
}
.teaser__newsletter-form:not(:has(input:-moz-placeholder)) .teaser__newsletter-input input, .teaser__newsletter-form:not(:has(input:-moz-placeholder)) .teaser__newsletter-input input::placeholder, .teaser__newsletter-form:not(:has(input:-moz-placeholder)) .teaser__newsletter-submit {
  opacity: 1;
  pointer-events: all;
}
.teaser__newsletter-form:has(input:focus) .teaser__newsletter-input input,
.teaser__newsletter-form:has(input:focus) .teaser__newsletter-input input::placeholder,
.teaser__newsletter-form:has(input:focus) .teaser__newsletter-submit, .teaser__newsletter-form:has(button:focus) .teaser__newsletter-input input,
.teaser__newsletter-form:has(button:focus) .teaser__newsletter-input input::placeholder,
.teaser__newsletter-form:has(button:focus) .teaser__newsletter-submit, .teaser__newsletter-form:not(:has(input:placeholder-shown)) .teaser__newsletter-input input,
.teaser__newsletter-form:not(:has(input:placeholder-shown)) .teaser__newsletter-input input::placeholder,
.teaser__newsletter-form:not(:has(input:placeholder-shown)) .teaser__newsletter-submit {
  opacity: 1;
  pointer-events: all;
}
.teaser__newsletter-form:not(:has(input:-moz-placeholder)) .teaser__newsletter-label {
  opacity: 0;
  pointer-events: none;
}
.teaser__newsletter-form:has(input:focus) .teaser__newsletter-label, .teaser__newsletter-form:has(button:focus) .teaser__newsletter-label, .teaser__newsletter-form:not(:has(input:placeholder-shown)) .teaser__newsletter-label {
  opacity: 0;
  pointer-events: none;
}
.teaser__newsletter-label {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  position: absolute;
  right: 0.4375rem;
  cursor: pointer;
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.teaser__newsletter-fields {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
}
.teaser__newsletter-wrap {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.teaser__newsletter-wrap::before {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.5;
}
@media (max-width: 1023px) {
  .teaser__newsletter-wrap::before {
    border-width: 1px;
    opacity: 0.25;
  }
}
.teaser__newsletter-wrap {
  width: 100%;
  max-width: 16.5rem;
}
.teaser__newsletter-wrap::before {
  border-radius: var(--radius);
  background: linear-gradient(175deg, #fff 1.68%, rgba(255, 255, 255, 0) 36.52%, #939393 77.16%) border-box;
}
.teaser__newsletter-wrap::after {
  content: "";
  position: absolute;
  inset: -0.5px;
  border: var(--border-thin) solid transparent;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s linear;
  background: #939393;
  border-radius: var(--radius);
}
.is-completed .teaser__newsletter-wrap {
  opacity: 0;
  pointer-events: none;
}
.no-touch .teaser__newsletter-wrap:hover::after, .accessibility .teaser__newsletter-wrap:focus::after {
  opacity: 1;
}
.teaser__newsletter-input {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: var(--radius);
  height: 1.5rem;
  position: relative;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
}
.teaser__newsletter-input::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(144.55deg, #fff 12.21%, #00B5B2 41.24%, #FF4D00 77.16%);
  filter: blur(8px);
  transition: opacity 0.5s ease-in-out;
  mix-blend-mode: screen;
  opacity: 0;
  pointer-events: none;
}
form.is-doing-request .teaser__newsletter-input::after {
  opacity: 0.85;
  animation: glow 2s ease-in-out infinite;
}
form.is-doing-request .teaser__newsletter-input input,
form.is-doing-request .teaser__newsletter-input button {
  opacity: 0.7 !important;
  pointer-events: none !important;
}
.teaser__newsletter-input input {
  flex-grow: 1;
  width: 100%;
  padding: 0 0.4375rem 0 0;
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
  opacity: 0;
  pointer-events: none;
}
.teaser__newsletter-input input::-moz-placeholder {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #939393;
  -moz-transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
.teaser__newsletter-input input::placeholder {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #939393;
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
}
.teaser__newsletter-submit {
  letter-spacing: -0.01em;
  color: #4E4E4E;
  padding: 0 0.4375rem;
  transition: opacity 0.25s cubic-bezier(0.5, 0, 0.2, 1);
  opacity: 0;
  pointer-events: none;
}
.teaser__newsletter-error, .teaser__newsletter-message {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.3;
  letter-spacing: -0.02em;
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
.teaser__newsletter-error {
  color: #FF4D00;
}
.is-error .teaser__newsletter-error {
  opacity: 1;
}
.teaser__newsletter-message {
  inset: auto 0;
  margin-top: 0.125rem;
}
.teaser__newsletter-message p {
  text-wrap: unset;
}
.is-completed + .teaser__newsletter-message {
  opacity: 1;
}
.teaser__newsletter-icon {
  padding-inline: 0.4375rem;
}
.teaser__line {
  flex-grow: 1;
  width: 1px;
  margin-top: 0.75rem;
}
.teaser__line div {
  height: 100%;
  width: 100%;
  box-shadow: 0.5px 0 0 #214864;
}
.teaser__copyrights {
  font-family: "CircularXXWeb", sans-serif;
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: #939393;
}
.teaser__social {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1023px) {
  .teaser__social {
    gap: 0.625rem;
    margin-top: 0.375rem;
  }
}
.teaser__social-item {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.3;
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.teaser__social-item > span {
  display: inline-block;
}
.teaser__social-item > span span {
  display: inline-block;
}
.teaser__social-item > span span:last-of-type {
  position: absolute;
  bottom: 100%;
  left: 0;
}
@media (hover: none) {
  .teaser__social-item > span span:last-of-type {
    display: none;
  }
}
@media (max-width: 1023px) {
  .teaser__social-item > span span:last-of-type {
    display: none;
  }
}
@media (min-width: 1024px) {
  .no-touch .teaser__social-item:hover > span, .accessibility .teaser__social-item:focus > span {
    animation: hover-link 0.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .teaser__social-item:focus > span {
    animation: hover-link 0.4s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
}
.accessibility .teaser__social-item span {
  animation: none;
}
.teaser__social-item {
  letter-spacing: -0.01em;
}