@charset "UTF-8";
html {
  --superskrypt-color--alert: #AD4847;
}

html {
  --site-header-logo-height: 73px;
  --large-image-min-width: 600px;
  --big-link-min-width: 400px;
  --small-link-min-width: 300px;
  --card-min-width: 250px;
  --column-max-width: 996px; /* maksymalna szerokość kolumny w main - dotyczy bloków które nie sa full-width */
  --heading-text-max-width: 600px;
  --box-min-height: 450px;
  --box-max-width: 450px;
  --grid-gutter: 24px;
  --grid-column-number: 12;
  --grid-page-margin: 48px;
  --padding-small: 12px;
  --padding-box: 24px;
  --padding-large: 48px; /* w big-linkach */
  --section-top-margin: 96px;
  --section-bottom-margin: 48px;
  --vertical-spacing-tiny: 9px;
  --vertical-spacing-box: 12px;
  --vertical-spacing-basic: 24px;
  --vertical-spacing-large: 96px;
  --vertical-spacing-section: 48px;
  --horizontal-spacing-tiny: 9px;
  --horizontal-spacing-basic: 24px;
  --button-corner-radius: 48px;
  --box-corner-radius: 1px;
  --sidebar-max-width: 300px;
}
@media screen and (max-width: 640px) {
  html {
    --site-header-logo-height: 73px;
    --large-image-min-width: 300px;
    --big-link-min-width: 300px;
    --small-link-min-width: 150px;
    --card-min-width: 250px;
    --column-max-width: 996px; /* maksymalna szerokość kolumny w main - dotyczy bloków które nie sa full-width */
    --heading-text-max-width: 600px;
    --box-min-height: 300px;
    --box-max-width: 600px;
    --grid-gutter: 24px;
    --grid-column-number: 4;
    --grid-page-margin: 24px;
    --padding-small: 12px;
    --padding-box: 24px;
    --padding-large: 24px; /* w big-linkach */
    --section-top-margin: 48px;
    --section-bottom-margin: 24px;
    --vertical-spacing-tiny: 9px;
    --vertical-spacing-box: 12px;
    --vertical-spacing-basic: 24px;
    --vertical-spacing-large: 48px;
    --vertical-spacing-section: 36px;
    --horizontal-spacing-tiny: 6px;
    --horizontal-spacing-basic: 18px;
    --button-corner-radius: 48px;
    --box-corner-radius: 1px;
    --sidebar-max-width: 600px;
  }
}
@media screen and (min-width: 641px) and (max-width: 1024px) {
  html {
    --site-header-logo-height: 73px;
    --large-image-min-width: 600px;
    --big-link-min-width: 400px;
    --small-link-min-width: 200px;
    --card-min-width: 250px;
    --column-max-width: 996px; /* maksymalna szerokość kolumny w main - dotyczy bloków które nie sa full-width */
    --heading-text-max-width: 600px;
    --box-min-height: 300px;
    --box-max-width: 960px;
    --grid-gutter: 24px;
    --grid-column-number: 8;
    --grid-page-margin: 36px;
    --padding-small: 12px;
    --padding-box: 24px;
    --padding-large: 36px; /* w big-linkach */
    --section-top-margin: 72px;
    --section-bottom-margin: 36px;
    --vertical-spacing-tiny: 9px;
    --vertical-spacing-box: 12px;
    --vertical-spacing-basic: 24px;
    --vertical-spacing-large: 72px;
    --vertical-spacing-section: 48px;
    --horizontal-spacing-tiny: 9px;
    --horizontal-spacing-basic: 24px;
    --button-corner-radius: 48px;
    --box-corner-radius: 1px;
    --sidebar-max-width: 960px;
  }
}
@media screen and (min-width: 1920px) {
  html {
    --site-header-logo-height: 73px;
    --large-image-min-width: 600px;
    --big-link-min-width: 450px;
    --small-link-min-width: 300px;
    --card-min-width: 300px;
    --column-max-width: 1296px; /* maksymalna szerokość kolumny w main - dotyczy bloków które nie sa full-width */
    --heading-text-max-width: 600px;
    --box-min-height: 450px;
    --box-max-width: 600px;
    --grid-gutter: 36px;
    --grid-column-number: 16;
    --grid-page-margin: 96px;
    --padding-small: 12px;
    --padding-box: 24px;
    --padding-large: 72px; /* w big-linkach */
    --section-top-margin: 96px;
    --section-bottom-margin: 96px;
    --vertical-spacing-tiny: 12px;
    --vertical-spacing-box: 12px;
    --vertical-spacing-basic: 24px;
    --vertical-spacing-large: 96px;
    --vertical-spacing-section: 72px;
    --horizontal-spacing-tiny: 9px;
    --horizontal-spacing-basic: 24px;
    --button-corner-radius: 48px;
    --box-corner-radius: 1px;
    --sidebar-max-width: 450px;
  }
}

@keyframes mask-animation {
  0% {
    clip-path: url(#mask-i);
  }
  20% {
    clip-path: url(#mask-c);
  }
  40% {
    clip-path: url(#mask-a);
  }
  60% {
    clip-path: url(#mask-r);
  }
  80% {
    clip-path: url(#mask-e);
  }
  100% {
    clip-path: url(#mask-i);
  }
}
@keyframes mask-animation-alternative {
  0% {
    clip-path: url(#mask-a);
  }
  20% {
    clip-path: url(#mask-e);
  }
  40% {
    clip-path: url(#mask-c);
  }
  60% {
    clip-path: url(#mask-i);
  }
  80% {
    clip-path: url(#mask-r);
  }
  100% {
    clip-path: url(#mask-a);
  }
}
@keyframes mask-grow-animation {
  0% {
    -webkit-mask-size: 0%;
  }
  100% {
    -webkit-mask-size: 200%;
  }
}
@keyframes spring {
  1% {
    transform: translateX(-99.5244874053%);
  }
  2% {
    transform: translateX(-98.1917823369%);
  }
  3% {
    transform: translateX(-96.1336501592%);
  }
  4% {
    transform: translateX(-93.4702331832%);
  }
  5% {
    transform: translateX(-90.3105549365%);
  }
  6% {
    transform: translateX(-86.7530573568%);
  }
  7% {
    transform: translateX(-82.8861613384%);
  }
  8% {
    transform: translateX(-78.7888421793%);
  }
  9% {
    transform: translateX(-74.5312125122%);
  }
  10% {
    transform: translateX(-70.1751062695%);
  }
  11% {
    transform: translateX(-65.7746581203%);
  }
  12% {
    transform: translateX(-61.3768736325%);
  }
  13% {
    transform: translateX(-57.0221861626%);
  }
  14% {
    transform: translateX(-52.7449971557%);
  }
  15% {
    transform: translateX(-48.5741971515%);
  }
  16% {
    transform: translateX(-44.5336653512%);
  }
  17% {
    transform: translateX(-40.6427460961%);
  }
  18% {
    transform: translateX(-36.9167010522%);
  }
  19% {
    transform: translateX(-33.3671362903%);
  }
  20% {
    transform: translateX(-30.0024037956%);
  }
  21% {
    transform: translateX(-26.8279772419%);
  }
  22% {
    transform: translateX(-23.8468021308%);
  }
  23% {
    transform: translateX(-21.059620616%);
  }
  24% {
    transform: translateX(-18.4652715259%);
  }
  25% {
    transform: translateX(-16.060966255%);
  }
  26% {
    transform: translateX(-13.8425413268%);
  }
  27% {
    transform: translateX(-11.8046885319%);
  }
  28% {
    transform: translateX(-9.941163632%);
  }
  29% {
    transform: translateX(-8.2449746779%);
  }
  30% {
    transform: translateX(-6.7085510333%);
  }
  31% {
    transform: translateX(-5.3238942249%);
  }
  32% {
    transform: translateX(-4.0827117495%);
  }
  33% {
    transform: translateX(-2.9765349711%);
  }
  34% {
    transform: translateX(-1.9968222302%);
  }
  35% {
    transform: translateX(-1.1350482682%);
  }
  36% {
    transform: translateX(-0.3827810439%);
  }
  37% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes spring-wrapper {
  1% {
    transform: translateX(0%);
  }
  2% {
    transform: translateX(0%);
  }
  3% {
    transform: translateX(0%);
  }
  4% {
    transform: translateX(0%);
  }
  5% {
    transform: translateX(0%);
  }
  6% {
    transform: translateX(0%);
  }
  7% {
    transform: translateX(0%);
  }
  8% {
    transform: translateX(0%);
  }
  9% {
    transform: translateX(0%);
  }
  10% {
    transform: translateX(0%);
  }
  11% {
    transform: translateX(0%);
  }
  12% {
    transform: translateX(0%);
  }
  13% {
    transform: translateX(0%);
  }
  14% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(0%);
  }
  16% {
    transform: translateX(0%);
  }
  17% {
    transform: translateX(0%);
  }
  18% {
    transform: translateX(0%);
  }
  19% {
    transform: translateX(0%);
  }
  20% {
    transform: translateX(0%);
  }
  21% {
    transform: translateX(0%);
  }
  22% {
    transform: translateX(0%);
  }
  23% {
    transform: translateX(0%);
  }
  24% {
    transform: translateX(0%);
  }
  25% {
    transform: translateX(0%);
  }
  26% {
    transform: translateX(0%);
  }
  27% {
    transform: translateX(0%);
  }
  28% {
    transform: translateX(0%);
  }
  29% {
    transform: translateX(0%);
  }
  30% {
    transform: translateX(0%);
  }
  31% {
    transform: translateX(0%);
  }
  32% {
    transform: translateX(0%);
  }
  33% {
    transform: translateX(0%);
  }
  34% {
    transform: translateX(0%);
  }
  35% {
    transform: translateX(0%);
  }
  36% {
    transform: translateX(0%);
  }
  37% {
    transform: translateX(0.2682530157%);
  }
  38% {
    transform: translateX(0.8261143227%);
  }
  39% {
    transform: translateX(1.2986050325%);
  }
  40% {
    transform: translateX(1.6932326254%);
  }
  41% {
    transform: translateX(2.0171812947%);
  }
  42% {
    transform: translateX(2.277290321%);
  }
  43% {
    transform: translateX(2.4800386572%);
  }
  44% {
    transform: translateX(2.6315350057%);
  }
  45% {
    transform: translateX(2.7375127123%);
  }
  46% {
    transform: translateX(2.8033288535%);
  }
  47% {
    transform: translateX(2.8339669435%);
  }
  48% {
    transform: translateX(2.8340427288%);
  }
  49% {
    transform: translateX(2.8078125889%);
  }
  50% {
    transform: translateX(2.7591841006%);
  }
  51% {
    transform: translateX(2.6917283676%);
  }
  52% {
    transform: translateX(2.6086937542%);
  }
  53% {
    transform: translateX(2.5130207009%);
  }
  54% {
    transform: translateX(2.4073573329%);
  }
  55% {
    transform: translateX(2.2940756068%);
  }
  56% {
    transform: translateX(2.1752877713%);
  }
  57% {
    transform: translateX(2.0528629434%);
  }
  58% {
    transform: translateX(1.9284436329%);
  }
  59% {
    transform: translateX(1.8034620666%);
  }
  60% {
    transform: translateX(1.6791561906%);
  }
  61% {
    transform: translateX(1.5565852458%);
  }
  62% {
    transform: translateX(1.436644832%);
  }
  63% {
    transform: translateX(1.3200813919%);
  }
  64% {
    transform: translateX(1.207506062%);
  }
  65% {
    transform: translateX(1.0994078492%);
  }
  66% {
    transform: translateX(0.9961661051%);
  }
  67% {
    transform: translateX(0.8980622806%);
  }
  68% {
    transform: translateX(0.8052909508%);
  }
  69% {
    transform: translateX(0.7179701114%);
  }
  70% {
    transform: translateX(0.6361507502%);
  }
  71% {
    transform: translateX(0.5598257082%);
  }
  72% {
    transform: translateX(0.4889378448%);
  }
  73% {
    transform: translateX(0.4233875306%);
  }
  74% {
    transform: translateX(0.3630394897%);
  }
  75% {
    transform: translateX(0.3077290203%);
  }
  76% {
    transform: translateX(0.2572676218%);
  }
  77% {
    transform: translateX(0.2114480586%);
  }
  78% {
    transform: translateX(0.1700488923%);
  }
  79% {
    transform: translateX(0.1328385153%);
  }
  80% {
    transform: translateX(0.0995787155%);
  }
  81% {
    transform: translateX(0.0700278069%);
  }
  82% {
    transform: translateX(0.0439433559%);
  }
  83% {
    transform: translateX(0.0210845348%);
  }
  84% {
    transform: translateX(0.0012141325%);
  }
  85% {
    transform: translateX(-0.0158997482%);
  }
  86% {
    transform: translateX(-0.0304822792%);
  }
  87% {
    transform: translateX(-0.0427507545%);
  }
  88% {
    transform: translateX(-0.0529136717%);
  }
  89% {
    transform: translateX(-0.0611700226%);
  }
  90% {
    transform: translateX(-0.0677087707%);
  }
  91% {
    transform: translateX(-0.0727084951%);
  }
  92% {
    transform: translateX(-0.0763371801%);
  }
  93% {
    transform: translateX(-0.078752132%);
  }
  94% {
    transform: translateX(-0.0801000072%);
  }
  95% {
    transform: translateX(-0.0805169346%);
  }
  96% {
    transform: translateX(-0.0801287195%);
  }
  97% {
    transform: translateX(-0.0790511137%);
  }
  98% {
    transform: translateX(-0.0773901422%);
  }
  99% {
    transform: translateX(-0.0752424743%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes unspring {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes font-animate-in {
  0% {
    font-variation-settings: "wght" 400;
  }
  100% {
    font-variation-settings: "wght" 700;
  }
}
@keyframes font-animate-out {
  0% {
    font-variation-settings: "wght" 700;
  }
  100% {
    font-variation-settings: "wght" 400;
  }
}
@keyframes logo-hover-animation-in {
  0% {
    visibility: visible;
  }
  100% {
    visibility: hidden;
  }
}
@keyframes logo-hover-animation-out {
  0% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}
.color-mode--light {
  --superskrypt-color--vivid: #4040AC;
  --superskrypt-color--contrast: #000000;
  --superskrypt-color--delicate: #371923;
  --superskrypt-color--contrast-inversed: #ffffff;
  --superskrypt-color--delicate-inversed: #ECE7E4;
  --superskrypt-color--vivid-inversed: #34CB6A;
  font-smooth: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  background-color: var(--superskrypt-color--delicate-inversed);
  color: var(--superskrypt-color--contrast);
}

.color-mode--dark {
  --superskrypt-color--vivid: #34CB6A;
  --superskrypt-color--contrast: #ffffff;
  --superskrypt-color--delicate: #ECE7E4;
  --superskrypt-color--contrast-inversed: #000000;
  --superskrypt-color--delicate-inversed: #371923;
  --superskrypt-color--vivid-inversed: #4040AC;
  font-smooth: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  background-color: var(--superskrypt-color--delicate-inversed);
  color: var(--superskrypt-color--contrast);
}

.color-mode--dedale {
  --superskrypt-color--vivid: #34CB6A;
  --superskrypt-color--contrast: #ffffff;
  --superskrypt-color--delicate: #ECE7E4;
  --superskrypt-color--contrast-inversed: #000000;
  --superskrypt-color--delicate-inversed: #2B7758;
  --superskrypt-color--vivid-inversed: #371923;
  font-smooth: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  background-color: var(--superskrypt-color--delicate-inversed);
  color: var(--superskrypt-color--contrast);
}

.color-mode--comet {
  --superskrypt-color--vivid: #34CB6A;
  --superskrypt-color--contrast: #ffffff;
  --superskrypt-color--delicate: #ECE7E4;
  --superskrypt-color--contrast-inversed: #000000;
  --superskrypt-color--delicate-inversed: #4040AC;
  --superskrypt-color--vivid-inversed: #371923;
  font-smooth: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  background-color: var(--superskrypt-color--delicate-inversed);
  color: var(--superskrypt-color--contrast);
}

.color-mode--eupraxie {
  --superskrypt-color--vivid: #34CB6A;
  --superskrypt-color--contrast: #ffffff;
  --superskrypt-color--delicate: #ECE7E4;
  --superskrypt-color--contrast-inversed: #000000;
  --superskrypt-color--delicate-inversed: #AD4847;
  --superskrypt-color--vivid-inversed: #371923;
  font-smooth: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: greyscale;
  background-color: var(--superskrypt-color--delicate-inversed);
  color: var(--superskrypt-color--contrast);
}

.color-mode--iccare-lab {
  --superskrypt-color--vivid: #4040AC;
  --superskrypt-color--contrast: #000000;
  --superskrypt-color--delicate: #371923;
  --superskrypt-color--contrast-inversed: #ffffff;
  --superskrypt-color--delicate-inversed: #ECE7E4;
  --superskrypt-color--vivid-inversed: #ECE7E4;
  font-smooth: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  background-color: var(--superskrypt-color--delicate-inversed);
  color: var(--superskrypt-color--contrast);
}

.color-mode--themis {
  --superskrypt-color--vivid: #4040AC;
  --superskrypt-color--contrast: #000000;
  --superskrypt-color--delicate: #371923;
  --superskrypt-color--contrast-inversed: #ffffff;
  --superskrypt-color--delicate-inversed: #FFB7AE;
  --superskrypt-color--vivid-inversed: #ECE7E4;
  font-smooth: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  background-color: var(--superskrypt-color--delicate-inversed);
  color: var(--superskrypt-color--contrast);
}

.color-mode--styx {
  --superskrypt-color--vivid: #4040AC;
  --superskrypt-color--contrast: #000000;
  --superskrypt-color--delicate: #371923;
  --superskrypt-color--contrast-inversed: #ffffff;
  --superskrypt-color--delicate-inversed: #FFE498;
  --superskrypt-color--vivid-inversed: #ECE7E4;
  font-smooth: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  background-color: var(--superskrypt-color--delicate-inversed);
  color: var(--superskrypt-color--contrast);
}

.color-mode--harmonie {
  --superskrypt-color--vivid: #4040AC;
  --superskrypt-color--contrast: #000000;
  --superskrypt-color--delicate: #371923;
  --superskrypt-color--contrast-inversed: #ffffff;
  --superskrypt-color--delicate-inversed: #CDD5E8;
  --superskrypt-color--vivid-inversed: ;
  font-smooth: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  background-color: var(--superskrypt-color--delicate-inversed);
  color: var(--superskrypt-color--contrast);
}

/* === All Blocks === */
/* === Cards === */
/* padding dla boksa z tekstami pod zdjęciem */
/* === Auto Cards Filters === */
/* === Blok CTA === */
/* ==== Blok Slider === */
/* === Block Biglinks === */
/* === Blok Gallery === */
/* === Blok Highlight === */
/* === Block Image === */
/* === Blok Lead === */
/* === Quick Links === */
/* === Blok Subheading === */
/* === Blok RichText === */
/* === Blok Lead === */
/* === Blok Subheading === */
/* === Blok Highlight === */
/* === Blok RichText === */
/* === Blok CTA === */
/* === Quick Links === */
html {
  --column-width: calc(calc(min(100vw, var(--column-max-width)) - var(--grid-gutter) * 11) / 12);
  --column-width-percent: calc(calc(min(calc(100% - var(--grid-page-margin) * 2), var(--grid-gutter) ) - var(--grid-gutter) * 11) / 12);
}
@media screen and (max-width: 900px) {
  html {
    --column-width: calc(calc(100vw - 3 * var(--grid-gutter) + 2 * var(--grid-page-margin)) / 4);
    --column-width-percent: calc(calc(100vw - 3 * var(--grid-gutter) + 2 * var(--grid-page-margin)) / 4);
  }
}
body[class*=color-mode--light] {
  background-color: var(--superskrypt-color--contrast-inversed);
}
body.simple-page .hero-section + .page-section {
  padding-top: 0;
}

button,
input,
optgroup,
select,
textarea, html input[type=button],
input[type=reset],
input[type=submit], button[disabled],
html input[disabled], button::-moz-focus-inner,
input::-moz-focus-inner, input[type=checkbox],
input[type=radio], input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button, input[type=search], input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  border: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

input:not([type=radio]):not([type=checkbox]) {
  padding: 3px 6px;
  align-items: center;
  flex: 1 0 0;
  border: none;
  outline: none;
  background-color: inherit;
  max-height: 30px;
  height: 100%;
  border-bottom: 1px solid color-mix(in srgb, var(--superskrypt-color--vivid) 0%, white);
  transition: border-color 0.25s, background-color 0.25s;
}
input:not([type=radio]):not([type=checkbox])::placeholder {
  color: var(--superskrypt-color--contrast);
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  input:not([type=radio]):not([type=checkbox])::placeholder {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  input:not([type=radio]):not([type=checkbox])::placeholder {
    font-size: 10.8px;
  }
}
input:not([type=radio]):not([type=checkbox]):placeholder-shown {
  color: var(--superskrypt-color--contrast);
  background-color: color-mix(in srgb, var(--superskrypt-color--delicate-inversed) 50%, white);
}
input:not([type=radio]):not([type=checkbox]):hover, input:not([type=radio]):not([type=checkbox]):hover:placeholder-shown {
  background-color: color-mix(in srgb, var(--superskrypt-color--delicate-inversed) 100%, white);
}
input:not([type=radio]):not([type=checkbox]):focus, input:not([type=radio]):not([type=checkbox]):focus:placeholder-shown {
  background-color: color-mix(in srgb, var(--superskrypt-color--contrast-inversed) 100%, white);
}
input:not([type=radio]):not([type=checkbox]):focus:not(:placeholder-shown) {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  font-size: 18px;
}
@media screen and (min-width: 1600px) {
  input:not([type=radio]):not([type=checkbox]):focus:not(:placeholder-shown) {
    font-size: 19.8px;
  }
}
@media screen and (max-width: 900px) {
  input:not([type=radio]):not([type=checkbox]):focus:not(:placeholder-shown) {
    font-size: 16.2px;
  }
}
input:not([type=radio]):not([type=checkbox]):not(:placeholder-shown) {
  background-color: color-mix(in srgb, var(--superskrypt-color--contrast-inversed) 100%, white);
}
input:not([type=radio]):not([type=checkbox]):not(:placeholder-shown):not(input:not([type=radio]):not([type=checkbox]):not(:placeholder-shown):focus) {
  background-color: color-mix(in srgb, var(--superskrypt-color--delicate-inversed) 50%, white);
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  font-size: 18px;
}
@media screen and (min-width: 1600px) {
  input:not([type=radio]):not([type=checkbox]):not(:placeholder-shown):not(input:not([type=radio]):not([type=checkbox]):not(:placeholder-shown):focus) {
    font-size: 19.8px;
  }
}
@media screen and (max-width: 900px) {
  input:not([type=radio]):not([type=checkbox]):not(:placeholder-shown):not(input:not([type=radio]):not([type=checkbox]):not(:placeholder-shown):focus) {
    font-size: 16.2px;
  }
}

input[type=checkbox],
input[type=radio] {
  accent-color: var(--superskrypt-color--contrast);
  margin: 0;
}

.required-field {
  position: relative;
}

.fields-group__heading,
.field-label {
  width: fit-content;
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4em;
  font-size: 14px;
}
@media screen and (min-width: 1600px) {
  .fields-group__heading,
  .field-label {
    font-size: 15.4px;
  }
}
@media screen and (max-width: 900px) {
  .fields-group__heading,
  .field-label {
    font-size: 12.6px;
  }
}

.field-label--hidden {
  position: absolute;
  opacity: 0;
}

.field__errors {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
  color: var(--superskrypt-color--alert);
}
@media screen and (min-width: 1600px) {
  .field__errors {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .field__errors {
    font-size: 10.8px;
  }
}

.fields-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--vertical-spacing-box);
  align-self: stretch;
}
.fields-group--input .fields-group__fields {
  gap: var(--grid-gutter);
}
.fields-group__fields {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--vertical-spacing-tiny);
  align-self: stretch;
  flex-wrap: wrap;
}
.fields-group__element {
  display: flex;
  align-items: flex-start;
  gap: var(--horizontal-spacing-tiny);
  flex: 1 0 0;
  min-width: 150px;
}
.fields-group__element__field {
  align-self: center;
}
.fields-group__element__label {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
  align-self: center;
}
@media screen and (min-width: 1600px) {
  .fields-group__element__label {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .fields-group__element__label {
    font-size: 10.8px;
  }
}
.fields-group__element .line-horizontal {
  display: none;
}
.fields-group__after-field {
  width: 100%;
}

.fields-group.c-hidden,
.form-element.c-hidden {
  display: none;
}
.fields-group input:disabled,
.form-element input:disabled {
  opacity: 0.5;
  color: var(--superskrypt-color--delicate);
}

.form-element {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--vertical-spacing-box);
}
.form-element.hidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute;
}
.form-element__input-wrapper {
  position: relative;
  display: flex;
  height: 30px;
  gap: 12px;
  align-items: center;
  padding: 0;
  margin: 0;
}
.form-element__field {
  width: 100%;
  padding-right: 0;
}
.form-element__field[type=password] {
  padding-right: calc(28px);
}
.form-element.has-errors .form-element__input-wrapper {
  box-shadow: 0px 0px 0px 1px var(--superskrypt-color--alert);
}
.form-element.has-errors .form-element__field {
  padding-right: calc(36px);
}
.form-element.has-errors .form-element__field[type=password] {
  padding-right: calc(52px + var(--horizontal-spacing-tiny));
}
.form-element.has-errors .svg-icon.icon-alert {
  color: var(--superskrypt-color--alert);
  display: inline-block;
}
.form-element .icons {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  padding: var(--box-corner-radius) 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--horizontal-spacing-tiny);
}
use.svg-icon--use .form-element .icons .icon-visibility .icon-visibility-off {
  fill: currentColor;
}
.form-element .icons .svg-icon {
  height: 24px;
  width: 24px;
}
.form-element .icons .svg-icon--custom {
  height: 10px;
  width: 24px;
}
.form-element .icons .svg-icon.icon-visibility {
  height: 10px;
  width: 16px;
}
.form-element .icons .svg-icon.icon-visibility-off {
  height: 12px;
  width: 17px;
}
.form-element .icons .icon-alert {
  height: 24px;
  width: 24px;
  display: none;
}
.form-element .icons .icon-button {
  width: auto;
  height: 100%;
  outline: none;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  line-height: 0;
  cursor: pointer;
}
.form-element .icons .icon-button .icon-visibility-off {
  display: none;
}
.form-element .icons .icon-button.visible .icon-visibility {
  display: none;
}
.form-element .icons .icon-button.visible .icon-visibility-off {
  display: inline-block;
}

.after-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--vertical-spacing-tiny);
}
.after-field .after-field__content {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
  display: none;
}
@media screen and (min-width: 1600px) {
  .after-field .after-field__content {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .after-field .after-field__content {
    font-size: 10.8px;
  }
}
.has-errors .after-field .after-field__content {
  display: block;
}

.line-horizontal {
  height: var(--box-corner-radius);
  width: 100%;
  display: block;
  background-color: var(--superskrypt-color--delicate);
  opacity: 0.5;
}
.form-element.has-errors .line-horizontal, .fields-group.has-errors .line-horizontal {
  background-color: var(--superskrypt-color--alert);
}

div.nice-select {
  width: 100%;
  height: 100%;
  padding-left: 0px;
  padding-right: 29px;
  border-radius: 0;
  background-color: color-mix(in srgb, var(--superskrypt-color--delicate-inversed) 50%, white);
  display: flex;
  align-items: center;
}
div.nice-select > * {
  padding-left: 6px;
}
div.nice-select + .icons {
  pointer-events: none;
}
div.nice-select:hover {
  background-color: var(--superskrypt-color--delicate-inversed, #ECE7E4);
}
div.nice-select:focus {
  background-color: var(--superskrypt-color--contrast-inversed, #ECE7E4);
}
div.nice-select.filled {
  background-color: color-mix(in srgb, var(--superskrypt-color--delicate-inversed) 50%, white);
}
div.nice-select.filled:focus {
  background-color: var(--superskrypt-color--contrast-inversed, #ECE7E4);
}
.form-element__input-wrapper:not(.filled) div.nice-select .current, div.nice-select:not(.filled) .current {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .form-element__input-wrapper:not(.filled) div.nice-select .current, div.nice-select:not(.filled) .current {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .form-element__input-wrapper:not(.filled) div.nice-select .current, div.nice-select:not(.filled) .current {
    font-size: 10.8px;
  }
}
.form-element__input-wrapper.filled div.nice-select .current, div.nice-select.filled .current {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  font-size: 18px;
}
@media screen and (min-width: 1600px) {
  .form-element__input-wrapper.filled div.nice-select .current, div.nice-select.filled .current {
    font-size: 19.8px;
  }
}
@media screen and (max-width: 900px) {
  .form-element__input-wrapper.filled div.nice-select .current, div.nice-select.filled .current {
    font-size: 16.2px;
  }
}
div.nice-select .option.selected {
  font-weight: 599;
}
.form-element.has-errors div.nice-select {
  box-shadow: 0px 0px 0px 1px var(--superskrypt-color--alert);
  border: none;
}
.form-element.has-errors div.nice-select::after {
  right: 42px;
}
div.nice-select.open .nice-select-dropdown {
  width: 100%;
  border-radius: 0;
}
div.nice-select .multiple-options {
  display: block;
  overflow: hidden;
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  div.nice-select .multiple-options {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  div.nice-select .multiple-options {
    font-size: 10.8px;
  }
}
div.nice-select .current {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  font-size: 18px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1600px) {
  div.nice-select .current {
    font-size: 19.8px;
  }
}
@media screen and (max-width: 900px) {
  div.nice-select .current {
    font-size: 16.2px;
  }
}
div.nice-select .multiple-options {
  width: 100%;
}
div.nice-select .multiple-options .current {
  pointer-events: none;
  overflow: hidden;
}
select.nice-select {
  display: none;
}

button {
  padding: 0;
}

.button[disabled=disabled],
.action-button[disabled=disabled] {
  pointer-events: none;
  cursor: default;
}

@media screen and (min-width: 901px) {
  .button--cta:hover:before {
    background-color: var(--superskrypt-color--delicate-inversed);
  }
}
@media screen and (min-width: 901px) {
  .button--cta:hover .button__icon-wrapper::before {
    background-color: var(--superskrypt-color--delicate-inversed);
  }
}

.block-cta.user-form-cta {
  padding-top: 0;
  padding-left: var(--padding-box);
  padding-right: var(--padding-box);
  position: relative;
  background-color: color-mix(in srgb, var(--superskrypt-color--delicate-inversed) 30%, white);
}
.user-preferences .block-cta .button,
.user-preferences .block-cta .block-cta__title,
.user-preferences .block-cta .block-cta__text, .block-cta.user-form-cta .button,
.block-cta.user-form-cta .block-cta__title,
.block-cta.user-form-cta .block-cta__text {
  opacity: 1;
  transform: translateY(0px);
}

.block-map {
  --superskrypt-color--vivid: #4040AC;
  --superskrypt-color--contrast: #000000;
  --superskrypt-color--delicate: #371923;
  --superskrypt-color--contrast-inversed: #ffffff;
  --superskrypt-color--delicate-inversed: #ECE7E4;
  --superskrypt-color--vivid-inversed: #34CB6A;
  font-smooth: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  background-color: var(--superskrypt-color--delicate-inversed);
  color: var(--superskrypt-color--contrast);
  display: flex;
  padding: var(--padding-large);
}
.block-map + .page-section--last {
  display: none;
}
.block-map .block-map__wrapper {
  display: flex;
  align-items: stretch;
  gap: var(--box-corner-radius);
  flex: 1 0 0;
  flex-wrap: wrap;
  background: var(--superskrypt-color--delicate-inversed);
}
.block-map .block-map__wrapper.hidden {
  display: none;
}
.block-map .block-map__wrapper div:has(> canvas):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--superskrypt-color--delicate-inversed);
}
.block-map .block-map__wrapper canvas {
  filter: grayscale(100%);
  background-color: var(--superskrypt-color--delicate-inversed);
  mix-blend-mode: luminosity;
}
.block-map__map {
  height: 608px;
  min-width: var(--big-link-min-width);
  overflow: hidden;
  width: 100%;
  min-height: 75vh;
  flex: 1 0 0;
}
.block-map__map .map-marker svg path {
  transition: fill 0.25s;
}
.block-map__map .map-marker:not(.marker-active).marker--professional svg path:first-child {
  fill: var(--superskrypt-color--vivid);
}
.block-map__map .map-marker:not(.marker-active).marker--researcher svg path:first-child {
  fill: var(--superskrypt-color--vivid-inversed);
}
.block-map__map .map-marker:not(.marker-active) svg path:last-child {
  fill: var(--superskrypt-color--contrast);
}
.block-map__map .map-marker.marker-active.marker--professional svg path:last-child {
  fill: var(--superskrypt-color--vivid);
}
.block-map__map .map-marker.marker-active.marker--researcher svg path:last-child {
  fill: var(--superskrypt-color--vivid-inversed);
}
.block-map__map .map-marker.marker-active svg path:first-child {
  fill: var(--superskrypt-color--contrast);
}
.block-map__map .map-marker.marker-active {
  pointer-events: none;
  cursor: default;
  z-index: 500;
}
.block-map__map .map-marker.marker-active svg path:first-child {
  fill: var(--superskrypt-color--contrast);
}
.block-map__map .map-marker.marker-active svg path:last-child {
  fill: var(--superskrypt-color--vivid-inversed);
}
.block-map__map .cluster-pin:not(.marker-active).cluster--professional svg path:first-child {
  fill: var(--superskrypt-color--vivid);
}
.block-map__map .cluster-pin:not(.marker-active).cluster--researcher svg path:first-child {
  fill: var(--superskrypt-color--vivid-inversed);
}
.block-map__map .cluster-pin:not(.marker-active).cluster--mixed svg g g:nth-child(1) path:first-child, .block-map__map .cluster-pin:not(.marker-active).cluster--mixed svg g g:nth-child(4) path:first-child, .block-map__map .cluster-pin:not(.marker-active).cluster--mixed svg g g:nth-child(5) path:first-child {
  fill: var(--superskrypt-color--vivid-inversed);
}
.block-map__map .cluster-pin:not(.marker-active).cluster--mixed svg g g:nth-child(2) path:first-child, .block-map__map .cluster-pin:not(.marker-active).cluster--mixed svg g g:nth-child(3) path:first-child {
  fill: var(--superskrypt-color--vivid);
}
.block-map__map .cluster-pin:not(.marker-active) svg path:last-child {
  fill: var(--superskrypt-color--contrast);
}
.block-map__map .cluster-pin:not(.marker-active) svg g.back-marker path:first-child {
  opacity: 0.75;
}
.block-map__map .cluster-pin.marker-active.cluster--professional svg path:last-child {
  fill: var(--superskrypt-color--vivid);
}
.block-map__map .cluster-pin.marker-active.cluster--researcher svg path:last-child {
  fill: var(--superskrypt-color--vivid-inversed);
}
.block-map__map .cluster-pin.marker-active.cluster--mixed svg g g:nth-child(1) path:last-child, .block-map__map .cluster-pin.marker-active.cluster--mixed svg g g:nth-child(4) path:last-child, .block-map__map .cluster-pin.marker-active.cluster--mixed svg g g:nth-child(5) path:last-child {
  fill: var(--superskrypt-color--vivid-inversed);
}
.block-map__map .cluster-pin.marker-active.cluster--mixed svg g g:nth-child(2) path:last-child, .block-map__map .cluster-pin.marker-active.cluster--mixed svg g g:nth-child(3) path:last-child {
  fill: var(--superskrypt-color--vivid);
}
.block-map__map .cluster-pin.marker-active svg path:first-child {
  fill: var(--superskrypt-color--contrast);
}
.block-map__map .cluster-pin.marker-active svg g.back-marker path:first-child {
  opacity: 0.6;
}
.block-map .block-map__info {
  position: relative;
  min-width: var(--card-min-width);
  max-width: var(--sidebar-max-width, 300px);
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  overflow: hidden;
}
.block-map .member-info {
  opacity: 0;
  animation-name: fadeIn;
  animation-duration: 0.25s;
  animation-fill-mode: forwards;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (min-width: 640px) {
  .block-map .member-info {
    flex: 1 0 0;
    padding-bottom: 30px;
  }
}
.block-map .member-info__after {
  position: absolute;
  width: 100%;
  bottom: 0;
  pointer-events: none;
  background: linear-gradient(to top, var(--superskrypt-color--delicate-inversed), transparent);
  display: none;
}
@media screen and (min-width: 640px) {
  .block-map .member-info__after {
    height: 100px;
  }
}
.block-map .member-info__after:after {
  content: "";
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: rotate(-45deg) translateX(-50%);
  width: 12px;
  height: 12px;
  border-left: 1px solid var(--superskrypt-color--contrast);
  border-bottom: 1px solid var(--superskrypt-color--contrast);
  opacity: 0.6;
}
.block-map .member-info.member-info--overflow + .member-info__after {
  display: block;
}
.block-map .member-info::-webkit-scrollbar {
  display: none;
}
.block-map .member-info.updating {
  opacity: 0;
  animation-name: fadeOut;
  animation-duration: 0.25s;
  animation-fill-mode: forwards;
}
.block-map .member-info .member-card {
  opacity: 1;
  transform: translateY(0);
}
.block-map .member-info .member-card .button__icon-wrapper {
  min-width: 38px;
}
.block-map .map-legend {
  display: flex;
  padding: var(--padding-box);
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--padding-small);
  flex-wrap: wrap;
}
.block-map .map-legend__inner {
  display: flex;
  width: var(--card-min-width);
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--horizontal-spacing-tiny);
  flex-wrap: wrap;
}
.block-map .map-legend__item {
  display: flex;
  min-width: var(--card-min-width);
  align-items: center;
  gap: var(--horizontal-spacing-tiny);
  flex: 1 0 0;
  justify-content: flex-start;
}
.block-map .map-legend__item[data-type=professional] .legend-dot {
  background: var(--superskrypt-color--vivid-inversed);
}
.block-map .map-legend__item[data-type=industry] .legend-dot {
  background: var(--superskrypt-color--vivid);
}
.block-map .map-legend .legend-dot {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 10px;
}
.block-map .map-legend .legend-label {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .block-map .map-legend .legend-label {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .block-map .map-legend .legend-label {
    font-size: 10.8px;
  }
}
.block-map .gm-style div > img {
  opacity: 0;
  animation-name: fadeIn;
  animation-fill-mode: forwards;
  animation-duration: 0.25s;
  height: 48px;
}
.block-map .marker-label {
  display: block;
  position: absolute;
  top: 96px;
  left: 0;
  right: 0;
  width: 150px;
  height: auto;
  word-break: break-word;
  white-space: normal;
  overflow: visible;
  font-weight: 700;
  line-height: 1em;
  transform: translate(-50%, -24px);
}

.cluster-pin {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cluster-pin__label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  font-size: 18px;
}
@media screen and (min-width: 1600px) {
  .cluster-pin__label {
    font-size: 19.8px;
  }
}
@media screen and (max-width: 900px) {
  .cluster-pin__label {
    font-size: 16.2px;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.block-members {
  margin: 0 auto;
  max-width: var(--column-max-width);
  padding: 0 var(--grid-page-margin);
  width: 100%;
  grid-column: 1/span 1;
  max-width: var(--column-max-width);
  padding: 0px var(--grid-page-margin);
}
@media screen and (min-width: 1600px) {
  .block-members {
    margin: 0 auto;
    width: var(--column-max-width);
  }
}
.block-members .member-card {
  border-left: 1px solid var(--superskrypt-color--contrast);
}
.block-members .filters {
  padding-bottom: var(--vertical-spacing-section);
}
.block-members .members-container {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: 24px var(--grid-gutter);
  align-self: stretch;
  flex-wrap: wrap;
}
.block-members .members-container > * {
  max-width: calc(33.3333333333% - var(--grid-gutter) / 1.5);
  flex: 1 0 0;
}

.member-card {
  display: flex;
  min-width: var(--card-min-width);
  padding: var(--padding-box);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--vertical-spacing-basic);
  flex: 1 0 0;
  color: var(--superskrypt-color--contrast);
  transition: all;
}
.member-card .card__texts > * {
  color: var(--superskrypt-color--contrast);
}
.member-card {
  opacity: 0;
  transform: translateY(50px);
  transition: background-color 0.3s, color 0.3s, opacity 0.8s ease-in, transform 0.6s ease-out, left 0.4s, top 0.4s;
}
.member-card.djpg-animation {
  opacity: 1;
  transform: translateY(0%);
}

a.member-card::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--superskrypt-color--delicate-inversed);
  opacity: 0;
  transition-property: background-color, opacity;
  transition-duration: 0.3s;
  z-index: 1;
}
@media screen and (min-width: 901px) {
  html.tab-navigating a.member-card:focus::before {
    content: "";
    background-color: var(--superskrypt-color--delicate-inversed);
    opacity: 0.5;
  }
  a.member-card:hover::before {
    content: "";
    background-color: var(--superskrypt-color--delicate-inversed);
    opacity: 0.5;
  }
}

.block-big-links.groups-links .big-link {
  justify-content: space-between;
}
.block-big-links.groups-links .big-link .group-info {
  width: 100%;
  display: flex;
  padding-top: var(--padding-box);
  padding-bottom: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--vertical-spacing-tiny);
  align-self: stretch;
}
.block-big-links.groups-links .big-link .group-info .horizontal-line {
  height: 1px;
  width: 100%;
  background-color: currentColor;
}
.block-big-links.groups-links .big-link .big-link__text {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  font-size: 14px;
}
@media screen and (min-width: 1600px) {
  .block-big-links.groups-links .big-link .big-link__text {
    font-size: 15.4px;
  }
}
@media screen and (max-width: 900px) {
  .block-big-links.groups-links .big-link .big-link__text {
    font-size: 12.6px;
  }
}

.user-registration-page .as-error {
  color: var(--superskrypt-color--alert);
}
.user-registration-page .page-section {
  position: relative;
  min-height: 80vh;
  padding-bottom: var(--vertical-spacing-large);
  grid-auto-rows: max-content;
}
.user-registration-page .page-section .bg-image {
  position: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.user-registration-page .page-section .page-heading {
  margin: 0 auto;
  max-width: var(--column-max-width);
  padding: 0 var(--grid-page-margin);
  width: 100%;
  padding-top: var(--spacing-padding-vertical-spacing-large, 96px);
  padding-right: var(--grid-grid-page-margin, 48px);
  padding-bottom: var(--spacing-padding-padding-large, 48px);
  padding-left: var(--grid-grid-page-margin, 48px);
}
@media screen and (min-width: 1600px) {
  .user-registration-page .page-section .page-heading {
    margin: 0 auto;
    width: var(--column-max-width);
  }
}
.user-registration-page .page-section .page-heading .page-title {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.1;
}
@media screen and (max-width: 1199px) {
  .user-registration-page .page-section .page-heading .page-title {
    font-size: calc(15.4409638554px + 2.313253012vw);
  }
}
@media screen and (max-width: 370px) {
  .user-registration-page .page-section .page-heading .page-title {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .user-registration-page .page-section .page-heading .page-title {
    font-size: calc(14.4px + 2.4vw);
  }
}
@media screen and (min-width: 1600px) {
  .user-registration-page .page-section .page-heading .page-title {
    font-size: 52.8px;
  }
}
.user-registration-page .registration-card {
  margin: 0 auto;
  max-width: var(--column-max-width);
  padding: 0 var(--grid-page-margin);
  width: 100%;
  --superskrypt-color--vivid: #4040AC;
  --superskrypt-color--contrast: #000000;
  --superskrypt-color--delicate: #371923;
  --superskrypt-color--contrast-inversed: #ffffff;
  --superskrypt-color--delicate-inversed: #ECE7E4;
  --superskrypt-color--vivid-inversed: #34CB6A;
  font-smooth: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  background-color: var(--superskrypt-color--delicate-inversed);
  color: var(--superskrypt-color--contrast);
  display: flex;
  max-width: var(--heading-text-max-width, 600px);
  flex-direction: column;
  align-items: center;
  gap: var(--vertical-spacing-section, 48px);
  align-self: stretch;
  overflow: hidden;
  border-bottom-right-radius: var(--button-corner-radius);
  background-color: var(--superskrypt-color--contrast-inversed);
  padding-top: var(--padding-large);
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 1600px) {
  .user-registration-page .registration-card {
    margin: 0 auto;
    width: var(--column-max-width);
  }
}
.user-registration-page .registration-card.success {
  padding-bottom: var(--padding-large);
  height: fit-content;
}
.user-registration-page .registration-card.success .registration-form__before-content,
.user-registration-page .registration-card.success .registration-form__form,
.user-registration-page .registration-card.success .registration-form__after-content,
.user-registration-page .registration-card.success .user-form-cta {
  display: none;
}
.user-registration-page .registration-card.success .registration-form__response {
  display: block;
}
.user-registration-page .registration-form {
  width: 100%;
  padding: 0 var(--grid-page-margin);
  display: flex;
  flex-direction: column;
  gap: var(--vertical-spacing-basic);
}
.user-registration-page .registration-form__heading {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 599;
  font-size: 21px;
  line-height: 1.1;
  font-size: 21px;
}
@media screen and (min-width: 1600px) {
  .user-registration-page .registration-form__heading {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 900px) {
  .user-registration-page .registration-form__heading {
    font-size: 18.9px;
  }
}
.user-registration-page .registration-form__response {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  font-size: 14px;
  display: none;
}
@media screen and (min-width: 1600px) {
  .user-registration-page .registration-form__response {
    font-size: 15.4px;
  }
}
@media screen and (max-width: 900px) {
  .user-registration-page .registration-form__response {
    font-size: 12.6px;
  }
}
.user-registration-page .registration-form-layout {
  display: flex;
  flex-direction: column;
  gap: var(--vertical-spacing-basic);
}
.user-registration-page .registration-form__before-content, .user-registration-page .registration-form__after-content {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .user-registration-page .registration-form__before-content, .user-registration-page .registration-form__after-content {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .user-registration-page .registration-form__before-content, .user-registration-page .registration-form__after-content {
    font-size: 10.8px;
  }
}
.user-registration-page .registration-form__before-content a, .user-registration-page .registration-form__after-content a {
  color: var(--superskrypt-color--vivid);
  text-decoration: underline;
  transition-duration: 0.3s;
  -webkit-text-stroke: 0.04em transparent;
  text-stroke: 0.04em transparent;
}
@media screen and (min-width: 901px) {
  html.tab-navigating .user-registration-page .registration-form__before-content a:focus, html.tab-navigating .user-registration-page .registration-form__after-content a:focus {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
  .user-registration-page .registration-form__before-content a:hover, .user-registration-page .registration-form__after-content a:hover {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
}
.user-registration-page .registration-form__before-content a:active, .user-registration-page .registration-form__after-content a:active {
  color: var(--superskrypt-color--vivid);
}
.user-registration-page .registration-form__form {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.user-registration-page .registration-form__form::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.user-registration-page .registration-form__form.processing::before {
  opacity: 0.8;
  pointer-events: all;
  z-index: 100;
}
.user-registration-page .registration-form__buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.user-registration-page .registration-form__after-content {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .user-registration-page .registration-form__after-content {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .user-registration-page .registration-form__after-content {
    font-size: 10.8px;
  }
}
.user-registration-page .registration-form__after-content.as-error {
  color: var(--superskrypt-color--alert);
}
.user-registration-page .registration-form__after-content:empty {
  display: none;
}

body[class*=user-profile-] .hero-section + .page-section {
  padding-top: 0px;
}

.user-panel {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  font-size: 18px;
  width: 100%;
  display: flex;
  padding-top: 0;
  padding-left: var(--grid-page-margin);
  padding-right: var(--grid-page-margin);
  padding-bottom: var(--section-bottom-margin);
  align-items: flex-start;
  align-content: flex-start;
  gap: var(--vertical-spacing-large) var(--grid-gutter);
  align-self: stretch;
  flex-wrap: wrap;
}
@media screen and (min-width: 1600px) {
  .user-panel {
    font-size: 19.8px;
  }
}
@media screen and (max-width: 900px) {
  .user-panel {
    font-size: 16.2px;
  }
}
.user-panel .user-preferences {
  display: flex;
  min-width: var(--big-link-min-width);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--vertical-spacing-basic);
  flex: 1 0 0;
}
.user-panel .user-preferences > .page-section__header {
  opacity: 1;
  display: grid;
  transform: translateY(0);
}
.user-panel .user-preferences > .page-section__header, .user-panel .user-preferences > .groups-list, .user-panel .user-preferences > .block-cta {
  padding-left: 0;
  padding-right: 0;
}
.user-panel .user-preferences .page-section__header {
  margin: 0;
}
.user-panel .user-preferences .block-cta {
  padding-top: 0;
}
.user-panel .groups-list {
  position: relative;
  display: flex;
  padding-top: 0;
  padding-left: var(--grid-page-margin);
  padding-right: var(--grid-page-margin);
  padding-bottom: var(--vertical-spacing-basic);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.user-panel .groups-list > .page-section__header {
  padding-left: 0;
  padding-right: 0;
}
.user-panel .groups-list__item-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 12px var(--padding-small);
  align-self: stretch;
  flex-wrap: wrap;
}
.user-panel .groups-list__item {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  gap: 0px var(--padding-small);
  align-self: stretch;
  flex-wrap: wrap;
  height: auto;
  min-height: 50px;
  transition: opacity 0.15s, min-height 0.15s ease-in-out;
  padding-top: var(--vertical-spacing-tiny);
  padding-bottom: calc(var(--vertical-spacing-tiny) * 2);
}
.user-panel .groups-list__item:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--superskrypt-color--contrast);
  transform: translateY(calc(var(--vertical-spacing-tiny) + 50%));
}
.user-panel .groups-list__item .line-vertical {
  display: block-inline;
  width: 1px;
  background-color: var(--superskrypt-color--delicate);
  height: 100%;
  opacity: 0.5;
  min-height: 56px;
}
.user-panel .groups-list__item .item-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.user-panel .groups-list__item__title {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 599;
  font-size: 18px;
  line-height: 1.1;
  font-size: 18px;
  display: flex;
  min-width: var(--card-min-width, 250px);
  flex: 1 0 0;
}
@media screen and (min-width: 1600px) {
  .user-panel .groups-list__item__title {
    font-size: 19.8px;
  }
}
@media screen and (max-width: 900px) {
  .user-panel .groups-list__item__title {
    font-size: 16.2px;
  }
}
.user-panel .groups-list__item__title.item-cell {
  align-items: flex-start;
  justify-content: flex-start;
}
.user-panel .groups-list__item__members .item-cell__label {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .user-panel .groups-list__item__members .item-cell__label {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .user-panel .groups-list__item__members .item-cell__label {
    font-size: 10.8px;
  }
}
.user-panel .groups-list__item__members .item-cell__count {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.4;
  font-size: 28px;
}
@media screen and (min-width: 1600px) {
  .user-panel .groups-list__item__members .item-cell__count {
    font-size: 30.8px;
  }
}
@media screen and (max-width: 900px) {
  .user-panel .groups-list__item__members .item-cell__count {
    font-size: 25.2px;
  }
}
.user-panel .groups-list__item__url .button {
  padding-right: 0px;
}
.user-panel .groups-list__item.is-removing {
  opacity: 0.5;
}
.user-panel .groups-list__item.is-removed {
  opacity: 0;
  min-height: 0;
  max-height: 0;
}

.user-profile-edit-page .page-section {
  position: relative;
  min-height: 80vh;
  padding-bottom: var(--vertical-spacing-large);
  grid-auto-rows: max-content;
}
.user-profile-edit-page .page-section .bg-image {
  position: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.user-profile-edit-page .page-section .page-heading {
  margin: 0 auto;
  max-width: var(--column-max-width);
  padding: 0 var(--grid-page-margin);
  width: 100%;
  padding-top: var(--spacing-padding-vertical-spacing-large, 96px);
  padding-right: var(--grid-grid-page-margin, 48px);
  padding-bottom: var(--spacing-padding-padding-large, 48px);
  padding-left: var(--grid-grid-page-margin, 48px);
}
@media screen and (min-width: 1600px) {
  .user-profile-edit-page .page-section .page-heading {
    margin: 0 auto;
    width: var(--column-max-width);
  }
}
.user-profile-edit-page .page-section .page-heading .page-title {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.1;
}
@media screen and (max-width: 1199px) {
  .user-profile-edit-page .page-section .page-heading .page-title {
    font-size: calc(15.4409638554px + 2.313253012vw);
  }
}
@media screen and (max-width: 370px) {
  .user-profile-edit-page .page-section .page-heading .page-title {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .user-profile-edit-page .page-section .page-heading .page-title {
    font-size: calc(14.4px + 2.4vw);
  }
}
@media screen and (min-width: 1600px) {
  .user-profile-edit-page .page-section .page-heading .page-title {
    font-size: 52.8px;
  }
}

.profile-card {
  margin: 0 auto;
  max-width: var(--column-max-width);
  padding: 0 var(--grid-page-margin);
  width: 100%;
  --superskrypt-color--vivid: #4040AC;
  --superskrypt-color--contrast: #000000;
  --superskrypt-color--delicate: #371923;
  --superskrypt-color--contrast-inversed: #ffffff;
  --superskrypt-color--delicate-inversed: #ECE7E4;
  --superskrypt-color--vivid-inversed: #34CB6A;
  font-smooth: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  background-color: var(--superskrypt-color--delicate-inversed);
  color: var(--superskrypt-color--contrast);
  display: flex;
  max-width: var(--heading-text-max-width, 600px);
  flex-direction: column;
  align-items: center;
  gap: var(--vertical-spacing-section, 48px);
  align-self: stretch;
  overflow: hidden;
  border-bottom-right-radius: var(--button-corner-radius);
  background-color: var(--superskrypt-color--contrast-inversed);
  padding-top: var(--padding-large);
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 1600px) {
  .profile-card {
    margin: 0 auto;
    width: var(--column-max-width);
  }
}
.profile-card .profile-card.success .user-edit-form__response {
  display: block;
}
.profile-card .user-edit-form {
  width: 100%;
  padding: 0 var(--grid-page-margin);
  display: flex;
  flex-direction: column;
  gap: var(--vertical-spacing-basic);
}
.profile-card .user-edit-form__heading {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 599;
  font-size: 21px;
  line-height: 1.1;
  font-size: 21px;
}
@media screen and (min-width: 1600px) {
  .profile-card .user-edit-form__heading {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 900px) {
  .profile-card .user-edit-form__heading {
    font-size: 18.9px;
  }
}
.profile-card .user-edit-form__response {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  font-size: 14px;
  display: none;
}
@media screen and (min-width: 1600px) {
  .profile-card .user-edit-form__response {
    font-size: 15.4px;
  }
}
@media screen and (max-width: 900px) {
  .profile-card .user-edit-form__response {
    font-size: 12.6px;
  }
}
.profile-card .user-edit-form-layout {
  display: flex;
  flex-direction: column;
  gap: var(--vertical-spacing-basic);
}
.profile-card .user-edit-form__before-content, .profile-card .user-edit-form__after-content {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .profile-card .user-edit-form__before-content, .profile-card .user-edit-form__after-content {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .profile-card .user-edit-form__before-content, .profile-card .user-edit-form__after-content {
    font-size: 10.8px;
  }
}
.profile-card .user-edit-form__before-content a, .profile-card .user-edit-form__after-content a {
  color: var(--superskrypt-color--vivid);
  text-decoration: underline;
  transition-duration: 0.3s;
  -webkit-text-stroke: 0.04em transparent;
  text-stroke: 0.04em transparent;
}
@media screen and (min-width: 901px) {
  html.tab-navigating .profile-card .user-edit-form__before-content a:focus, html.tab-navigating .profile-card .user-edit-form__after-content a:focus {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
  .profile-card .user-edit-form__before-content a:hover, .profile-card .user-edit-form__after-content a:hover {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
}
.profile-card .user-edit-form__before-content a:active, .profile-card .user-edit-form__after-content a:active {
  color: var(--superskrypt-color--vivid);
}
.profile-card .user-edit-form__form {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.profile-card .user-edit-form__form::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.profile-card .user-edit-form__form.processing::before {
  opacity: 0.8;
  pointer-events: all;
  z-index: 100;
}
.profile-card .user-edit-form__buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.profile-card .user-edit-form__after-content {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .profile-card .user-edit-form__after-content {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .profile-card .user-edit-form__after-content {
    font-size: 10.8px;
  }
}
.profile-card .user-edit-form__after-content.as-error {
  color: var(--superskrypt-color--alert);
}
.profile-card .user-edit-form__after-content:empty {
  display: none;
}
.profile-card .user-edit-form.hidden {
  display: none;
}

.preloader__curtain {
  background-color: white;
}

.user-popup {
  --superskrypt-color--vivid: #4040AC;
  --superskrypt-color--contrast: #000000;
  --superskrypt-color--delicate: #371923;
  --superskrypt-color--contrast-inversed: #ffffff;
  --superskrypt-color--delicate-inversed: #ECE7E4;
  --superskrypt-color--vivid-inversed: #34CB6A;
  font-smooth: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  background-color: var(--superskrypt-color--delicate-inversed);
  color: var(--superskrypt-color--contrast);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  pointer-events: none;
  left: -100000px;
  top: -1000000px;
  background-color: transparent;
  z-index: -1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.user-popup::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--superskrypt-color--vivid);
  opacity: 0;
}
body.user-popup-active .user-popup {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 110;
}
body.user-popup-active .user-popup::before {
  opacity: 0.75;
}

.user-panel .info-card {
  width: 100%;
  display: flex;
  min-width: var(--big-link-min-width);
  max-width: var(--box-max-width);
  flex-direction: column;
  align-items: center;
  border-radius: 0px 0px var(--button-corner-radius) 0px;
  background-color: var(--superskrypt-color--delicate-inversed);
}
.user-panel .info-card__data {
  display: flex;
  padding: var(--padding-large);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--vertical-spacing-basic);
  align-self: stretch;
}
.user-panel .info-card__data .data-item:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--vertical-spacing-basic);
  width: 100%;
}
.user-panel .info-card__data .data-item__inner {
  display: flex;
  flex-direction: row;
  gap: 24px;
  flex-wrap: wrap;
  align-self: stretch;
  align-items: flex-start;
  align-content: flex-start;
}
.user-panel .info-card__data__heading {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 599;
  font-size: 21px;
  line-height: 1.1;
  font-size: 21px;
  flex: 1 0 0;
  min-width: 100px;
}
@media screen and (min-width: 1600px) {
  .user-panel .info-card__data__heading {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 900px) {
  .user-panel .info-card__data__heading {
    font-size: 18.9px;
  }
}
.user-panel .info-card__data__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 18px;
  align-self: stretch;
}
.user-panel .info-card__data__content .buttons {
  width: 100%;
  display: flex;
  gap: var(--horizontal-spacing-tiny);
  justify-content: flex-start;
  align-items: center;
  align-self: stretch;
}
.user-panel .info-card__data__content .button--link {
  display: inline-flex;
}
.user-panel .info-card__data .content-item {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4em;
  font-size: 14px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--vertical-spacing-box);
}
@media screen and (min-width: 1600px) {
  .user-panel .info-card__data .content-item {
    font-size: 15.4px;
  }
}
@media screen and (max-width: 900px) {
  .user-panel .info-card__data .content-item {
    font-size: 12.6px;
  }
}
.user-panel .info-card__data .content-item .line-horizontal {
  opacity: 0.5;
  background-color: var(--superskrypt-color--delicate);
}
.user-panel .info-card .info-card__cta {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--vertical-spacing-basic);
  align-self: stretch;
}
.user-panel .info-card .info-card__cta::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: var(--superskrypt-color--contrast-inversed);
  opacity: 0.3;
}
.user-panel .info-card .info-card__cta__content {
  width: 100%;
  padding-top: var(--padding-large);
  padding-bottom: var(--padding-large);
  padding-left: var(--padding-large);
  padding-right: var(--padding-large);
}
.user-panel .info-card .info-card__cta__buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  row-gap: var(--spacing-padding-vertical-spacing-box, 12px);
  align-self: stretch;
  flex-wrap: wrap;
}

.login-card {
  position: relative;
  display: flex;
  width: 100%;
  max-width: var(--heading-text-max-width);
  padding-top: var(--padding-large);
  flex-direction: column;
  align-items: center;
  gap: var(--vertical-spacing-section);
  opacity: 1;
  background-color: var(--superskrypt-color--contrast-inversed);
  border-radius: 0px 0px var(--button-corner-radius) 0px;
  overflow: hidden;
}
.login-card .login-card.success .user-login-form__response {
  display: block;
}
.login-card .user-login-form {
  width: 100%;
  padding: 0 var(--grid-page-margin);
  display: flex;
  flex-direction: column;
  gap: var(--vertical-spacing-basic);
}
.login-card .user-login-form__heading {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 599;
  font-size: 21px;
  line-height: 1.1;
  font-size: 21px;
}
@media screen and (min-width: 1600px) {
  .login-card .user-login-form__heading {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 900px) {
  .login-card .user-login-form__heading {
    font-size: 18.9px;
  }
}
.login-card .user-login-form__response {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  font-size: 14px;
  display: none;
}
@media screen and (min-width: 1600px) {
  .login-card .user-login-form__response {
    font-size: 15.4px;
  }
}
@media screen and (max-width: 900px) {
  .login-card .user-login-form__response {
    font-size: 12.6px;
  }
}
.login-card .user-login-form-layout {
  display: flex;
  flex-direction: column;
  gap: var(--vertical-spacing-basic);
}
.login-card .user-login-form__before-content, .login-card .user-login-form__after-content {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .login-card .user-login-form__before-content, .login-card .user-login-form__after-content {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .login-card .user-login-form__before-content, .login-card .user-login-form__after-content {
    font-size: 10.8px;
  }
}
.login-card .user-login-form__before-content a, .login-card .user-login-form__after-content a {
  color: var(--superskrypt-color--vivid);
  text-decoration: underline;
  transition-duration: 0.3s;
  -webkit-text-stroke: 0.04em transparent;
  text-stroke: 0.04em transparent;
}
@media screen and (min-width: 901px) {
  html.tab-navigating .login-card .user-login-form__before-content a:focus, html.tab-navigating .login-card .user-login-form__after-content a:focus {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
  .login-card .user-login-form__before-content a:hover, .login-card .user-login-form__after-content a:hover {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
}
.login-card .user-login-form__before-content a:active, .login-card .user-login-form__after-content a:active {
  color: var(--superskrypt-color--vivid);
}
.login-card .user-login-form__form {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.login-card .user-login-form__form::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.login-card .user-login-form__form.processing::before {
  opacity: 0.8;
  pointer-events: all;
  z-index: 100;
}
.login-card .user-login-form__buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.login-card .user-login-form__after-content {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .login-card .user-login-form__after-content {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .login-card .user-login-form__after-content {
    font-size: 10.8px;
  }
}
.login-card .user-login-form__after-content.as-error {
  color: var(--superskrypt-color--alert);
}
.login-card .user-login-form__after-content:empty {
  display: none;
}
.login-card .user-login-close {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 48px;
  width: 48px;
  color: var(--superskrypt-color--contrast);
  padding: 13.5px;
  margin: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
@media screen and (min-width: 901px) {
  html.tab-navigating .login-card .user-login-close:focus .button__icon-wrapper .button__icon {
    color: var(--superskrypt-color--vivid);
  }
  .login-card .user-login-close:hover .button__icon-wrapper .button__icon {
    color: var(--superskrypt-color--vivid);
  }
}
.login-card .user-login-close .button__icon-wrapper {
  width: 100%;
  height: 100%;
}
.login-card .user-login-close .button__icon-wrapper .button__icon {
  color: var(--superskrypt-color--contrast);
  transition: color 0.3s;
  height: 100%;
  width: 100%;
  max-width: unset;
}
.login-card .user-login-close .button__icon-wrapper .button__icon--use {
  height: 22px;
  width: 22px;
}
.login-card .user-login-form__buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.login-card .user-login-form__forgot-password {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: fit-content;
  text-align: center;
  cursor: pointer;
  outline: none;
  transition-property: background-color, color, border-color, -webkit-text-stroke, text-stroke, box-shadow;
  transition-duration: 0.3s;
  z-index: 1;
  background-color: transparent;
  border: none;
  box-sizing: border-box;
  transition-property: background-color, color, border-color, text-shadow, -webkit-text-stroke, text-stroke;
  transition-duration: 0.3s;
  cursor: pointer;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  width: fit-content;
  -webkit-text-stroke: 0.04em transparent;
  text-stroke: 0.04em transparent;
  box-shadow: inset 0px 0px 0px 0px currentColor;
}
@media screen and (min-width: 1600px) {
  .login-card .user-login-form__forgot-password {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .login-card .user-login-form__forgot-password {
    font-size: 10.8px;
  }
}
@media screen and (min-width: 1600px) {
  .login-card .user-login-form__forgot-password {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .login-card .user-login-form__forgot-password {
    font-size: 10.8px;
  }
}
.login-card .user-login-form__forgot-password .button__label {
  width: auto;
  text-align: left;
}
.login-card .user-login-form__forgot-password {
  position: relative;
}
.login-card .user-login-form__forgot-password::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  display: inline-block;
  bottom: 0;
  background-color: currentColor;
  transition: transform 0.3s;
  transform: scaleY(1);
}
@media screen and (min-width: 901px) {
  html.tab-navigating .login-card .user-login-form__forgot-password:focus::before {
    transform: scaleY(1.5);
  }
  .login-card .user-login-form__forgot-password:hover::before {
    transform: scaleY(1.5);
  }
}
@media screen and (min-width: 901px) {
  .login-card .user-login-form__forgot-password:hover {
    color: var(--superskrypt-color--contrast);
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
    text-decoration: none;
  }
  .login-card .user-login-form__forgot-password:hover {
    position: relative;
  }
  .login-card .user-login-form__forgot-password:hover::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    display: inline-block;
    bottom: 0;
    background-color: currentColor;
    transition: transform 0.3s;
    transform: scaleY(1);
  }
}
@media screen and (min-width: 901px) and (min-width: 901px) {
  html.tab-navigating .login-card .user-login-form__forgot-password:hover:focus::before {
    transform: scaleY(1.5);
  }
  .login-card .user-login-form__forgot-password:hover:hover::before {
    transform: scaleY(1.5);
  }
}
@media screen and (min-width: 901px) {
  html.tab-navigating .login-card .user-login-form__forgot-password:focus {
    color: var(--superskrypt-color--contrast);
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
    text-decoration: none;
  }
  html.tab-navigating .login-card .user-login-form__forgot-password:focus {
    position: relative;
  }
  html.tab-navigating .login-card .user-login-form__forgot-password:focus::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    display: inline-block;
    bottom: 0;
    background-color: currentColor;
    transition: transform 0.3s;
    transform: scaleY(1);
  }
}
@media screen and (min-width: 901px) and (min-width: 901px) {
  html.tab-navigating html.tab-navigating .login-card .user-login-form__forgot-password:focus:focus::before {
    transform: scaleY(1.5);
  }
  html.tab-navigating .login-card .user-login-form__forgot-password:focus:hover::before {
    transform: scaleY(1.5);
  }
}
.login-card .user-login-form__forgot-password:active {
  color: var(--superskrypt-color--vivid);
  -webkit-text-stroke: 0.04em currentColor;
  text-stroke: 0.04em currentColor;
}
.login-card .block.user-form-cta .block-cta__inner > * {
  opacity: 1;
  transform: none;
}

.user-profile-edit-page .page-section {
  position: relative;
  min-height: 80vh;
  padding-bottom: var(--vertical-spacing-large);
  grid-auto-rows: max-content;
}
.user-profile-edit-page .page-section .bg-image {
  position: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.user-profile-edit-page .page-section .page-heading {
  margin: 0 auto;
  max-width: var(--column-max-width);
  padding: 0 var(--grid-page-margin);
  width: 100%;
  padding-top: var(--spacing-padding-vertical-spacing-large, 96px);
  padding-right: var(--grid-grid-page-margin, 48px);
  padding-bottom: var(--spacing-padding-padding-large, 48px);
  padding-left: var(--grid-grid-page-margin, 48px);
}
@media screen and (min-width: 1600px) {
  .user-profile-edit-page .page-section .page-heading {
    margin: 0 auto;
    width: var(--column-max-width);
  }
}
.user-profile-edit-page .page-section .page-heading .page-title {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.1;
}
@media screen and (max-width: 1199px) {
  .user-profile-edit-page .page-section .page-heading .page-title {
    font-size: calc(15.4409638554px + 2.313253012vw);
  }
}
@media screen and (max-width: 370px) {
  .user-profile-edit-page .page-section .page-heading .page-title {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .user-profile-edit-page .page-section .page-heading .page-title {
    font-size: calc(14.4px + 2.4vw);
  }
}
@media screen and (min-width: 1600px) {
  .user-profile-edit-page .page-section .page-heading .page-title {
    font-size: 52.8px;
  }
}

.change-password-card {
  margin: 0 auto;
  max-width: var(--column-max-width);
  padding: 0 var(--grid-page-margin);
  width: 100%;
  --superskrypt-color--vivid: #4040AC;
  --superskrypt-color--contrast: #000000;
  --superskrypt-color--delicate: #371923;
  --superskrypt-color--contrast-inversed: #ffffff;
  --superskrypt-color--delicate-inversed: #ECE7E4;
  --superskrypt-color--vivid-inversed: #34CB6A;
  font-smooth: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  background-color: var(--superskrypt-color--delicate-inversed);
  color: var(--superskrypt-color--contrast);
  display: flex;
  max-width: var(--heading-text-max-width, 600px);
  flex-direction: column;
  align-items: center;
  gap: var(--vertical-spacing-section, 48px);
  align-self: stretch;
  overflow: hidden;
  border-bottom-right-radius: var(--button-corner-radius);
  background-color: var(--superskrypt-color--contrast-inversed);
  padding-top: var(--padding-large);
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 1600px) {
  .change-password-card {
    margin: 0 auto;
    width: var(--column-max-width);
  }
}
.change-password-card .form-card.success .user-change-password-form__response {
  display: block;
}
.change-password-card .user-change-password-form {
  width: 100%;
  padding: 0 var(--grid-page-margin);
  display: flex;
  flex-direction: column;
  gap: var(--vertical-spacing-basic);
}
.change-password-card .user-change-password-form__heading {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 599;
  font-size: 21px;
  line-height: 1.1;
  font-size: 21px;
}
@media screen and (min-width: 1600px) {
  .change-password-card .user-change-password-form__heading {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 900px) {
  .change-password-card .user-change-password-form__heading {
    font-size: 18.9px;
  }
}
.change-password-card .user-change-password-form__response {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  font-size: 14px;
  display: none;
}
@media screen and (min-width: 1600px) {
  .change-password-card .user-change-password-form__response {
    font-size: 15.4px;
  }
}
@media screen and (max-width: 900px) {
  .change-password-card .user-change-password-form__response {
    font-size: 12.6px;
  }
}
.change-password-card .user-change-password-form-layout {
  display: flex;
  flex-direction: column;
  gap: var(--vertical-spacing-basic);
}
.change-password-card .user-change-password-form__before-content, .change-password-card .user-change-password-form__after-content {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .change-password-card .user-change-password-form__before-content, .change-password-card .user-change-password-form__after-content {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .change-password-card .user-change-password-form__before-content, .change-password-card .user-change-password-form__after-content {
    font-size: 10.8px;
  }
}
.change-password-card .user-change-password-form__before-content a, .change-password-card .user-change-password-form__after-content a {
  color: var(--superskrypt-color--vivid);
  text-decoration: underline;
  transition-duration: 0.3s;
  -webkit-text-stroke: 0.04em transparent;
  text-stroke: 0.04em transparent;
}
@media screen and (min-width: 901px) {
  html.tab-navigating .change-password-card .user-change-password-form__before-content a:focus, html.tab-navigating .change-password-card .user-change-password-form__after-content a:focus {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
  .change-password-card .user-change-password-form__before-content a:hover, .change-password-card .user-change-password-form__after-content a:hover {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
}
.change-password-card .user-change-password-form__before-content a:active, .change-password-card .user-change-password-form__after-content a:active {
  color: var(--superskrypt-color--vivid);
}
.change-password-card .user-change-password-form__form {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.change-password-card .user-change-password-form__form::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.change-password-card .user-change-password-form__form.processing::before {
  opacity: 0.8;
  pointer-events: all;
  z-index: 100;
}
.change-password-card .user-change-password-form__buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.change-password-card .user-change-password-form__after-content {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .change-password-card .user-change-password-form__after-content {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .change-password-card .user-change-password-form__after-content {
    font-size: 10.8px;
  }
}
.change-password-card .user-change-password-form__after-content.as-error {
  color: var(--superskrypt-color--alert);
}
.change-password-card .user-change-password-form__after-content:empty {
  display: none;
}
.change-password-card.success {
  padding-bottom: var(--padding-large);
  height: fit-content;
}
.change-password-card.success .user-change-password-form__before-content,
.change-password-card.success .user-change-password-form__form,
.change-password-card.success .user-change-password-form__after-content,
.change-password-card.success .user-form-cta {
  display: none;
}
.change-password-card.success .user-change-password-form__response {
  display: block;
}

.reset-password-page .page-section {
  position: relative;
  min-height: 80vh;
  padding-bottom: var(--vertical-spacing-large);
  grid-auto-rows: max-content;
}
.reset-password-page .page-section .bg-image {
  position: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  width: 100%;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.reset-password-page .page-section .page-heading {
  margin: 0 auto;
  max-width: var(--column-max-width);
  padding: 0 var(--grid-page-margin);
  width: 100%;
  padding-top: var(--spacing-padding-vertical-spacing-large, 96px);
  padding-right: var(--grid-grid-page-margin, 48px);
  padding-bottom: var(--spacing-padding-padding-large, 48px);
  padding-left: var(--grid-grid-page-margin, 48px);
}
@media screen and (min-width: 1600px) {
  .reset-password-page .page-section .page-heading {
    margin: 0 auto;
    width: var(--column-max-width);
  }
}
.reset-password-page .page-section .page-heading .page-title {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.1;
}
@media screen and (max-width: 1199px) {
  .reset-password-page .page-section .page-heading .page-title {
    font-size: calc(15.4409638554px + 2.313253012vw);
  }
}
@media screen and (max-width: 370px) {
  .reset-password-page .page-section .page-heading .page-title {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .reset-password-page .page-section .page-heading .page-title {
    font-size: calc(14.4px + 2.4vw);
  }
}
@media screen and (min-width: 1600px) {
  .reset-password-page .page-section .page-heading .page-title {
    font-size: 52.8px;
  }
}

.reset-password-card {
  margin: 0 auto;
  max-width: var(--column-max-width);
  padding: 0 var(--grid-page-margin);
  width: 100%;
  --superskrypt-color--vivid: #4040AC;
  --superskrypt-color--contrast: #000000;
  --superskrypt-color--delicate: #371923;
  --superskrypt-color--contrast-inversed: #ffffff;
  --superskrypt-color--delicate-inversed: #ECE7E4;
  --superskrypt-color--vivid-inversed: #34CB6A;
  font-smooth: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  background-color: var(--superskrypt-color--delicate-inversed);
  color: var(--superskrypt-color--contrast);
  display: flex;
  max-width: var(--heading-text-max-width, 600px);
  flex-direction: column;
  align-items: center;
  gap: var(--vertical-spacing-section, 48px);
  align-self: stretch;
  overflow: hidden;
  border-bottom-right-radius: var(--button-corner-radius);
  background-color: var(--superskrypt-color--contrast-inversed);
  padding-top: var(--padding-large);
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: var(--padding-large);
}
@media screen and (min-width: 1600px) {
  .reset-password-card {
    margin: 0 auto;
    width: var(--column-max-width);
  }
}
.reset-password-card .form-card.success .reset-password-form__response {
  display: block;
}
.reset-password-card .reset-password-form {
  width: 100%;
  padding: 0 var(--grid-page-margin);
  display: flex;
  flex-direction: column;
  gap: var(--vertical-spacing-basic);
}
.reset-password-card .reset-password-form__heading {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 599;
  font-size: 21px;
  line-height: 1.1;
  font-size: 21px;
}
@media screen and (min-width: 1600px) {
  .reset-password-card .reset-password-form__heading {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 900px) {
  .reset-password-card .reset-password-form__heading {
    font-size: 18.9px;
  }
}
.reset-password-card .reset-password-form__response {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  font-size: 14px;
  display: none;
}
@media screen and (min-width: 1600px) {
  .reset-password-card .reset-password-form__response {
    font-size: 15.4px;
  }
}
@media screen and (max-width: 900px) {
  .reset-password-card .reset-password-form__response {
    font-size: 12.6px;
  }
}
.reset-password-card .reset-password-form-layout {
  display: flex;
  flex-direction: column;
  gap: var(--vertical-spacing-basic);
}
.reset-password-card .reset-password-form__before-content, .reset-password-card .reset-password-form__after-content {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .reset-password-card .reset-password-form__before-content, .reset-password-card .reset-password-form__after-content {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .reset-password-card .reset-password-form__before-content, .reset-password-card .reset-password-form__after-content {
    font-size: 10.8px;
  }
}
.reset-password-card .reset-password-form__before-content a, .reset-password-card .reset-password-form__after-content a {
  color: var(--superskrypt-color--vivid);
  text-decoration: underline;
  transition-duration: 0.3s;
  -webkit-text-stroke: 0.04em transparent;
  text-stroke: 0.04em transparent;
}
@media screen and (min-width: 901px) {
  html.tab-navigating .reset-password-card .reset-password-form__before-content a:focus, html.tab-navigating .reset-password-card .reset-password-form__after-content a:focus {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
  .reset-password-card .reset-password-form__before-content a:hover, .reset-password-card .reset-password-form__after-content a:hover {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
}
.reset-password-card .reset-password-form__before-content a:active, .reset-password-card .reset-password-form__after-content a:active {
  color: var(--superskrypt-color--vivid);
}
.reset-password-card .reset-password-form__form {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.reset-password-card .reset-password-form__form::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.reset-password-card .reset-password-form__form.processing::before {
  opacity: 0.8;
  pointer-events: all;
  z-index: 100;
}
.reset-password-card .reset-password-form__buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.reset-password-card .reset-password-form__after-content {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .reset-password-card .reset-password-form__after-content {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .reset-password-card .reset-password-form__after-content {
    font-size: 10.8px;
  }
}
.reset-password-card .reset-password-form__after-content.as-error {
  color: var(--superskrypt-color--alert);
}
.reset-password-card .reset-password-form__after-content:empty {
  display: none;
}
.reset-password-card .form-card.success .reset-password-request-form__response {
  display: block;
}
.reset-password-card .reset-password-request-form {
  width: 100%;
  padding: 0 var(--grid-page-margin);
  display: flex;
  flex-direction: column;
  gap: var(--vertical-spacing-basic);
}
.reset-password-card .reset-password-request-form__heading {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 599;
  font-size: 21px;
  line-height: 1.1;
  font-size: 21px;
}
@media screen and (min-width: 1600px) {
  .reset-password-card .reset-password-request-form__heading {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 900px) {
  .reset-password-card .reset-password-request-form__heading {
    font-size: 18.9px;
  }
}
.reset-password-card .reset-password-request-form__response {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  font-size: 14px;
  display: none;
}
@media screen and (min-width: 1600px) {
  .reset-password-card .reset-password-request-form__response {
    font-size: 15.4px;
  }
}
@media screen and (max-width: 900px) {
  .reset-password-card .reset-password-request-form__response {
    font-size: 12.6px;
  }
}
.reset-password-card .reset-password-request-form-layout {
  display: flex;
  flex-direction: column;
  gap: var(--vertical-spacing-basic);
}
.reset-password-card .reset-password-request-form__before-content, .reset-password-card .reset-password-request-form__after-content {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .reset-password-card .reset-password-request-form__before-content, .reset-password-card .reset-password-request-form__after-content {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .reset-password-card .reset-password-request-form__before-content, .reset-password-card .reset-password-request-form__after-content {
    font-size: 10.8px;
  }
}
.reset-password-card .reset-password-request-form__before-content a, .reset-password-card .reset-password-request-form__after-content a {
  color: var(--superskrypt-color--vivid);
  text-decoration: underline;
  transition-duration: 0.3s;
  -webkit-text-stroke: 0.04em transparent;
  text-stroke: 0.04em transparent;
}
@media screen and (min-width: 901px) {
  html.tab-navigating .reset-password-card .reset-password-request-form__before-content a:focus, html.tab-navigating .reset-password-card .reset-password-request-form__after-content a:focus {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
  .reset-password-card .reset-password-request-form__before-content a:hover, .reset-password-card .reset-password-request-form__after-content a:hover {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
}
.reset-password-card .reset-password-request-form__before-content a:active, .reset-password-card .reset-password-request-form__after-content a:active {
  color: var(--superskrypt-color--vivid);
}
.reset-password-card .reset-password-request-form__form {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.reset-password-card .reset-password-request-form__form::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.reset-password-card .reset-password-request-form__form.processing::before {
  opacity: 0.8;
  pointer-events: all;
  z-index: 100;
}
.reset-password-card .reset-password-request-form__buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.reset-password-card .reset-password-request-form__after-content {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .reset-password-card .reset-password-request-form__after-content {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .reset-password-card .reset-password-request-form__after-content {
    font-size: 10.8px;
  }
}
.reset-password-card .reset-password-request-form__after-content.as-error {
  color: var(--superskrypt-color--alert);
}
.reset-password-card .reset-password-request-form__after-content:empty {
  display: none;
}
.reset-password-card.success {
  padding-bottom: var(--padding-large);
  height: fit-content;
}
.reset-password-card.success .reset-password-form__before-content,
.reset-password-card.success .reset-password-form__form,
.reset-password-card.success .reset-password-form__after-content,
.reset-password-card.success .reset-password-request-form__before-content,
.reset-password-card.success .reset-password-request-form__form,
.reset-password-card.success .reset-password-request-form__after-content,
.reset-password-card.success .user-form-cta {
  display: none;
}
.reset-password-card.success .reset-password-form__response,
.reset-password-card.success .reset-password-request-form__response {
  display: block;
}

.site-header {
  height: auto;
}

.site-header__logo-wrapper .logo-networking .svg-icon {
  height: 32px;
  width: auto;
}
@media screen and (min-width: 901px) {
  html.tab-navigating .site-header__logo-wrapper .logo-networking:focus {
    color: var(--superskrypt-color--vivid);
  }
  .site-header__logo-wrapper .logo-networking:hover {
    color: var(--superskrypt-color--vivid);
  }
}

.site-header__user-links {
  display: flex;
  padding: 0 var(--horizontal-spacing-basic);
  justify-content: flex-end;
  align-items: center;
  gap: var(--horizontal-spacing-tiny);
}
.site-header__user-links .menu__link {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4em;
  font-size: 14px;
  text-transform: none;
  transition-property: -webkit-text-stroke, text-stroke;
  transition-duration: 0.3s;
  -webkit-text-stroke: 0.04em transparent;
  text-stroke: 0.04em transparent;
  letter-spacing: initial;
}
@media screen and (min-width: 1600px) {
  .site-header__user-links .menu__link {
    font-size: 15.4px;
  }
}
@media screen and (max-width: 900px) {
  .site-header__user-links .menu__link {
    font-size: 12.6px;
  }
}
@media screen and (min-width: 901px) {
  html.tab-navigating .site-header__user-links .menu__link:focus {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
  .site-header__user-links .menu__link:hover {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
}
.site-header__user-links .button--user-menu {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4em;
  font-size: 14px;
  text-transform: none;
  transition-property: -webkit-text-stroke, text-stroke;
  transition-duration: 0.3s;
  -webkit-text-stroke: 0.04em transparent;
  text-stroke: 0.04em transparent;
  border: none;
  outline: none;
  cursor: pointer;
  letter-spacing: initial;
  color: currentColor;
}
@media screen and (min-width: 1600px) {
  .site-header__user-links .button--user-menu {
    font-size: 15.4px;
  }
}
@media screen and (max-width: 900px) {
  .site-header__user-links .button--user-menu {
    font-size: 12.6px;
  }
}
@media screen and (min-width: 901px) {
  html.tab-navigating .site-header__user-links .button--user-menu:focus {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
  .site-header__user-links .button--user-menu:hover {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
}
body.menu-opened .site-header__user-links {
  visibility: visible;
  opacity: 1;
}

.site-header__search-button > .icon-search {
  width: 64px;
  height: 48px;
  padding: 8px 16px;
}
.site-header__search-button svg {
  width: 32px;
  height: 32px;
}
@media screen and (min-width: 901px) {
  html.tab-navigating .site-header__search-button:focus svg {
    stroke-width: 2px;
  }
  .site-header__search-button:hover svg {
    stroke-width: 2px;
  }
}

.hero-section .hero.hero-front {
  z-index: 0;
  opacity: 1;
}
.hero-section .hero.hero-front .hero__content {
  opacity: 1;
}
.hero-section .hero.hero-front .hero__column {
  width: 100%;
  display: flex;
  justify-content: center;
}
.hero-section .hero.hero-front .hero__lead {
  max-width: unset;
}
.hero-section .hero.hero-front .hero__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: flex;
  justify-content: left§;
  align-items: center;
}
.hero-section .hero.hero-front .hero__background__stripe {
  display: flex;
  flex-direction: row;
  gap: 400px;
  --one-step: calc((100% - 1200px) / 4 + 400px);
  animation: moveBigLogo 30s linear infinite;
}
.hero-section .hero.hero-front .hero__background__stripe > :nth-child(1) {
  animation: showElement 60s linear;
}
.hero-section .hero.hero-front .hero__background__stripe > :nth-child(2) {
  animation: showElement 30s linear;
}
.hero-section .hero.hero-front .hero__background svg {
  height: 400px;
  color: var(--superskrypt-color--vivid-inversed);
}
@keyframes moveBigLogo {
  0% {
    transform: translateX(calc(-2 * var(--one-step) + 100vw));
  }
  100% {
    transform: translateX(calc(-3 * var(--one-step) + 100vw));
  }
}
@keyframes showElement {
  0%, 99.999999% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

.search-form-block {
  margin: 0 auto;
  max-width: var(--column-max-width);
  padding: 0 var(--grid-page-margin);
  width: 100%;
}
@media screen and (min-width: 1600px) {
  .search-form-block {
    margin: 0 auto;
    width: var(--column-max-width);
  }
}
.search-form-block .search-form.success .search-form__response {
  display: block;
}
.search-form-block .search-form {
  width: 100%;
  padding: 0 var(--grid-page-margin);
  display: flex;
  flex-direction: column;
  gap: var(--vertical-spacing-basic);
}
.search-form-block .search-form__heading {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 599;
  font-size: 21px;
  line-height: 1.1;
  font-size: 21px;
}
@media screen and (min-width: 1600px) {
  .search-form-block .search-form__heading {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 900px) {
  .search-form-block .search-form__heading {
    font-size: 18.9px;
  }
}
.search-form-block .search-form__response {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  font-size: 14px;
  display: none;
}
@media screen and (min-width: 1600px) {
  .search-form-block .search-form__response {
    font-size: 15.4px;
  }
}
@media screen and (max-width: 900px) {
  .search-form-block .search-form__response {
    font-size: 12.6px;
  }
}
.search-form-block .search-form-layout {
  display: flex;
  flex-direction: column;
  gap: var(--vertical-spacing-basic);
}
.search-form-block .search-form__before-content, .search-form-block .search-form__after-content {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .search-form-block .search-form__before-content, .search-form-block .search-form__after-content {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .search-form-block .search-form__before-content, .search-form-block .search-form__after-content {
    font-size: 10.8px;
  }
}
.search-form-block .search-form__before-content a, .search-form-block .search-form__after-content a {
  color: var(--superskrypt-color--vivid);
  text-decoration: underline;
  transition-duration: 0.3s;
  -webkit-text-stroke: 0.04em transparent;
  text-stroke: 0.04em transparent;
}
@media screen and (min-width: 901px) {
  html.tab-navigating .search-form-block .search-form__before-content a:focus, html.tab-navigating .search-form-block .search-form__after-content a:focus {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
  .search-form-block .search-form__before-content a:hover, .search-form-block .search-form__after-content a:hover {
    -webkit-text-stroke: 0.04em currentColor;
    text-stroke: 0.04em currentColor;
  }
}
.search-form-block .search-form__before-content a:active, .search-form-block .search-form__after-content a:active {
  color: var(--superskrypt-color--vivid);
}
.search-form-block .search-form__form {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.search-form-block .search-form__form::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}
.search-form-block .search-form__form.processing::before {
  opacity: 0.8;
  pointer-events: all;
  z-index: 100;
}
.search-form-block .search-form__buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.search-form-block .search-form__after-content {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .search-form-block .search-form__after-content {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .search-form-block .search-form__after-content {
    font-size: 10.8px;
  }
}
.search-form-block .search-form__after-content.as-error {
  color: var(--superskrypt-color--alert);
}
.search-form-block .search-form__after-content:empty {
  display: none;
}
.search-form-block .search-form > .line-horizontal {
  display: none;
}
.search-form-block .search-form__form {
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-between;
}
.search-form-block .search-form__buttons {
  padding: var(--vertical-spacing-tiny) 0;
}

.search-page .hero-section + .page-section {
  padding-top: 0;
}

.search-no-results .block-cta {
  padding-top: 0;
}

.page-section--auto-content {
  padding-top: 0;
  padding-bottom: var(--vertical-spacing-section);
}

.hero-section .hero-search.auto {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  justify-content: normal;
  align-content: normal;
  padding-top: var(--vertical-spacing-large);
  padding-bottom: var(--padding-large);
  padding-right: var(--grid-page-margin);
  padding-left: var(--grid-page-margin);
}
.hero-section .hero-search.auto .hero__content {
  width: 100%;
  max-width: var(--column-max-width);
  min-width: var(--card-min-width);
  padding-top: var(--padding-large);
  padding-bottom: var(--padding-large);
}
.hero-section .hero-search.auto .hero__content .hero__content__inner {
  align-items: center;
  padding-top: var(--padding-large);
  padding-bottom: var(--padding-large);
  gap: var(--padding-vertical-spacing-large, 96px);
}
.hero-section .hero-search.auto .hero__content .hero__content__inner .hero__title {
  padding: 0;
}
.hero-section .hero-search.auto .hero__content .hero__title {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.1;
}
@media screen and (max-width: 1199px) {
  .hero-section .hero-search.auto .hero__content .hero__title {
    font-size: calc(15.4409638554px + 2.313253012vw);
  }
}
@media screen and (max-width: 370px) {
  .hero-section .hero-search.auto .hero__content .hero__title {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .hero-section .hero-search.auto .hero__content .hero__title {
    font-size: calc(14.4px + 2.4vw);
  }
}
@media screen and (min-width: 1600px) {
  .hero-section .hero-search.auto .hero__content .hero__title {
    font-size: 52.8px;
  }
}

.search-form {
  width: 100%;
  max-width: var(--heading-text-max-width);
}
.search-form > .line-horizontal {
  display: none;
}
.search-form__form {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--horizontal-spacing-tiny);
  justify-content: space-between;
}
.search-form__form .form-element .icons {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
.search-form__form .form-element .icons .svg-icon--custom {
  height: 24px;
}
.search-form__form .form-element__input-wrapper {
  height: auto;
}
.search-form__form .form-element__input-wrapper input.form-element__field {
  padding: 3px 12px;
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.4;
  font-size: 28px;
  min-height: 48px;
  border-bottom: 1px solid color-mix(in srgb, var(--superskrypt-color--vivid) 0%, white);
  position: relative;
}
@media screen and (min-width: 1600px) {
  .search-form__form .form-element__input-wrapper input.form-element__field {
    font-size: 30.8px;
  }
}
@media screen and (max-width: 900px) {
  .search-form__form .form-element__input-wrapper input.form-element__field {
    font-size: 25.2px;
  }
}
.search-form__form .form-element__input-wrapper input.form-element__field input.form-element__field::placeholder, .search-form__form .form-element__input-wrapper input.form-element__field input.form-element__field::-webkit-input-placeholder {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  font-size: 18px;
}
@media screen and (min-width: 1600px) {
  .search-form__form .form-element__input-wrapper input.form-element__field input.form-element__field::placeholder, .search-form__form .form-element__input-wrapper input.form-element__field input.form-element__field::-webkit-input-placeholder {
    font-size: 19.8px;
  }
}
@media screen and (max-width: 900px) {
  .search-form__form .form-element__input-wrapper input.form-element__field input.form-element__field::placeholder, .search-form__form .form-element__input-wrapper input.form-element__field input.form-element__field::-webkit-input-placeholder {
    font-size: 16.2px;
  }
}
.search-form__form .form-element__input-wrapper input.form-element__field:focus {
  border-bottom: 1px solid color-mix(in srgb, var(--superskrypt-color--vivid) 100%, white);
}
.search-form__form .form-element__input-wrapper input.form-element__field:not(:placeholder-shown) {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.4;
  font-size: 28px;
  border-bottom: 1px solid color-mix(in srgb, var(--superskrypt-color--vivid) 100%, white);
}
@media screen and (min-width: 1600px) {
  .search-form__form .form-element__input-wrapper input.form-element__field:not(:placeholder-shown) {
    font-size: 30.8px;
  }
}
@media screen and (max-width: 900px) {
  .search-form__form .form-element__input-wrapper input.form-element__field:not(:placeholder-shown) {
    font-size: 25.2px;
  }
}
.search-form__form .form-element__input-wrapper input.form-element__field:not(:placeholder-shown):not(.search-form__form .form-element__input-wrapper input.form-element__field:not(:placeholder-shown):focus) {
  background-color: color-mix(in srgb, var(--superskrypt-color--contrast-inversed) 100%, white);
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.4;
  font-size: 28px;
}
@media screen and (min-width: 1600px) {
  .search-form__form .form-element__input-wrapper input.form-element__field:not(:placeholder-shown):not(.search-form__form .form-element__input-wrapper input.form-element__field:not(:placeholder-shown):focus) {
    font-size: 30.8px;
  }
}
@media screen and (max-width: 900px) {
  .search-form__form .form-element__input-wrapper input.form-element__field:not(:placeholder-shown):not(.search-form__form .form-element__input-wrapper input.form-element__field:not(:placeholder-shown):focus) {
    font-size: 25.2px;
  }
}
.search-form__form .form-element__input-wrapper input.form-element__field::placeholder, .search-form__form .form-element__input-wrapper input.form-element__field::-webkit-input-placeholder {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  font-size: 18px;
}
@media screen and (min-width: 1600px) {
  .search-form__form .form-element__input-wrapper input.form-element__field::placeholder, .search-form__form .form-element__input-wrapper input.form-element__field::-webkit-input-placeholder {
    font-size: 19.8px;
  }
}
@media screen and (max-width: 900px) {
  .search-form__form .form-element__input-wrapper input.form-element__field::placeholder, .search-form__form .form-element__input-wrapper input.form-element__field::-webkit-input-placeholder {
    font-size: 16.2px;
  }
}
.search-form__form .form-element__label {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}
.search-form__form .form-element__after-field .line-horizontal {
  background-color: var(--superskrypt-color--vivid);
}

.hero-section .hero-networking.auto {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  justify-content: normal;
  align-content: normal;
  padding-top: var(--vertical-spacing-large);
  padding-bottom: var(--padding-large);
  padding-right: 0;
  padding-left: 0;
}
.hero-section .hero-networking.auto .hero__content {
  width: 100%;
  max-width: var(--column-max-width);
  min-width: var(--card-min-width);
  padding-top: var(--padding-large);
  padding-left: var(--grid-page-margin);
  padding-right: var(--grid-page-margin);
  padding-bottom: 0;
}
.hero-section .hero-networking.auto .hero__content .text-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  padding-top: var(--padding-large);
  padding-bottom: var(--padding-large);
  gap: var(--grid-gutter);
}
.hero-section .hero-networking.auto .hero__content .text-content .hero__title {
  padding: 0;
}
.hero-section .hero-networking.auto .hero__content .hero__title {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 700;
  font-size: 48px;
  line-height: 1.1;
}
@media screen and (max-width: 1199px) {
  .hero-section .hero-networking.auto .hero__content .hero__title {
    font-size: calc(15.4409638554px + 2.313253012vw);
  }
}
@media screen and (max-width: 370px) {
  .hero-section .hero-networking.auto .hero__content .hero__title {
    font-size: 24px;
  }
}
@media screen and (min-width: 1200px) {
  .hero-section .hero-networking.auto .hero__content .hero__title {
    font-size: calc(14.4px + 2.4vw);
  }
}
@media screen and (min-width: 1600px) {
  .hero-section .hero-networking.auto .hero__content .hero__title {
    font-size: 52.8px;
  }
}
.hero-section .hero-networking.auto .hero__content .hero__user-info {
  text-transform: capitalize;
}
.hero-section .hero-networking.auto .hero__image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
}
.hero-section .hero-networking.auto .hero__image img {
  width: 100%;
  max-width: var(--column-max-width);
  min-width: var(--card-min-width);
  height: auto;
  border-radius: var(--border-radius);
}
.hero-section .hero-networking .heading-group {
  display: flex;
  min-width: var(--big-link-min-width, 400px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--vertical-spacing-basic, 24px);
  align-self: stretch;
}
.hero-section .hero-networking .heading-group__tagline {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 14px;
}
@media screen and (min-width: 1600px) {
  .hero-section .hero-networking .heading-group__tagline {
    font-size: 15.4px;
  }
}
@media screen and (max-width: 900px) {
  .hero-section .hero-networking .heading-group__tagline {
    font-size: 12.6px;
  }
}
.hero-section .hero-networking .group-info {
  display: flex;
  flex-direction: row;
  gap: var(--vertical-spacing-basic);
}
.hero-section .hero-networking .group-info__members {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero-section .hero-networking .group-info__members .label {
  font-family: "GeneralSansVariable", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  font-size: 12px;
}
@media screen and (min-width: 1600px) {
  .hero-section .hero-networking .group-info__members .label {
    font-size: 13.2px;
  }
}
@media screen and (max-width: 900px) {
  .hero-section .hero-networking .group-info__members .label {
    font-size: 10.8px;
  }
}
.hero-section .hero-networking .group-info__members .number {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.4;
  font-size: 28px;
}
@media screen and (min-width: 1600px) {
  .hero-section .hero-networking .group-info__members .number {
    font-size: 30.8px;
  }
}
@media screen and (max-width: 900px) {
  .hero-section .hero-networking .group-info__members .number {
    font-size: 25.2px;
  }
}
.hero-section .hero-networking .group-info__themes {
  font-family: "ClashDisplay-Variable", sans-serif;
  font-weight: 500;
  font-size: 21px;
  line-height: 1.1;
  font-size: 21px;
}
@media screen and (min-width: 1600px) {
  .hero-section .hero-networking .group-info__themes {
    font-size: 23.1px;
  }
}
@media screen and (max-width: 900px) {
  .hero-section .hero-networking .group-info__themes {
    font-size: 18.9px;
  }
}
.hero-section .hero-networking .line-vertical {
  display: block-inline;
  width: 1px;
  background-color: var(--superskrypt-color--contrast);
  height: 100%;
  opacity: 1;
  min-height: 56px;
}

.main-menu .menu-list {
  grid-template-columns: auto;
}

/*# sourceMappingURL=main.css.map */