/* Reset */
/*! minireset.css v0.0.7 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select {
  margin: 0;
}

html {
  box-sizing: border-box;
}

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

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

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

td,
th {
  padding: 0;
}

/* Mixins */

/* Read https://css-tricks.com/the-trick-to-viewport-units-on-mobile/ */

/* Read https://stackoverflow.com/questions/18744164/flex-box-align-last-row-to-grid */

/* Grid generator */

/* Read https://ismamz.github.io/postcss-utilities/docs#word-wrap */

/* Read https://codepen.io/raphaelgoetter/pen/KMgBJd?editors=1100 */

/* https://gist.github.com/MoOx/9137295 */

/* Custom media queries and custom properties */
/**
* Custom properties
**/
:root {
  /* Fonts */
  --defaultFontSize: 1.6rem;
  --defaultFontFamily: "Inter";

  /* Grid */
  --gridColsNumber: 12;
  --gridColWidth: 76px;
  --gridGuttersNumber: 11;
  --gridGutterWidth: 24px;

  /* Colors */
  --colorPrimary: #0496ff;
  --colorSecondary: #0b08a0;
  --colorTertiary: #f9dd3f;
  --colorDarkedSecondary: #b4656f;
  --colorError: #ec368d;
  --colorSuccess: #11ebc3;
  --colorBlack900: #010613;
  --colorBlack850: #171717;
  --colorBlack800: #333;
  --colorBlack600: #5e5e5e;
  --colorBlack400: #999;
  --colorBlack300: #d6d6d6;
  --colorBlack200: #f5f5f5;
  --colorBlack100: #fafafa;
  --colorWhite: #fefffd;

  /* Padding & margin */
  --p3XS: 2px;
  --p2XS: 4px;
  --pXS: 8px;
  --pS: 12px;
  --pM: 16px;
  --pL: 24px;
  --pXL: 36px;
  --p2XL: 48px;
  --p3XL: 64px;
  --p4XL: 96px;
  --m3XS: 2px;
  --m2XS: 4px;
  --mXS: 8px;
  --mS: 12px;
  --mM: 16px;
  --mL: 24px;
  --mXL: 36px;
  --m2XL: 48px;
  --m3XL: 64px;
  --m4XL: 96px;

  /* Breakpoints */
  --bpMobileSmall: 320px;
  --bpMobileLarge: 480px;
  --bpMobileExtraLarge: 620px;
  --bpTabletSmall: 768px;
  --bpTabletLarge: 1024px;
  --bpGridPlus: 1196px;
  --bpDesktopWide: 1440px;
}

/*
Custom media queries
Read https://preset-env.cssdb.org/features#custom-media-queries
Use : @media (--tabletLarge) {}
Warning : custom properties are not allowed inside custom media queries /!\
*/

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

html {
  font-size: 62.5%; /* set base font-size to equiv "10px", which is adapted to rem unit */
  font-size: calc(1em * 0.625); /* IE9-IE11 math fixing. See http://bit.ly/1g4X0bX */
}

body {
  background-color: #fefffd;
  background-color: var(--colorWhite);
  font-family: "Inter";
  font-family: var(--defaultFontFamily);
  font-size: 1.6rem;
  font-size: var(--defaultFontSize);
  color: #010613;
  color: var(--colorBlack900);
  line-height: 1.5;
  letter-spacing: -0.2px;
  font-weight: normal;
}

/* Elements */
/* float utility */
.float__right {
  float: right;
}

.float__left {
  float: left;
}

/* align utility */
.text__center {
  text-align: center;
}
.text__right {
  text-align: right;
}
.text__left {
  text-align: left;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

/* padding left utility */
.pl__0 {
  padding-left: 0;
}
.pl__2XS {
  padding-left: 4px;
  padding-left: var(--p2XS);
}
.pl__XS {
  padding-left: 8px;
  padding-left: var(--pXS);
}
.pl__S {
  padding-left: 12px;
  padding-left: var(--pS);
}
.pl__M {
  padding-left: 16px;
  padding-left: var(--pM);
}
.pl__L {
  padding-left: 24px;
  padding-left: var(--pL);
}
.pl__XL {
  padding-left: 36px;
  padding-left: var(--pXL);
}
.pl__2XL {
  padding-left: 48px;
  padding-left: var(--p2XL);
}
.pl__3XL {
  padding-left: 64px;
  padding-left: var(--p3XL);
}
.pl__4XL {
  padding-left: 96px;
  padding-left: var(--p4XL);
}

/* padding right utility */
.pr__0 {
  padding-right: 0;
}
.pr__2XS {
  padding-right: 4px;
  padding-right: var(--p2XS);
}
.pr__XS {
  padding-right: 8px;
  padding-right: var(--pXS);
}
.pr__S {
  padding-right: 12px;
  padding-right: var(--pS);
}
.pr__M {
  padding-right: 16px;
  padding-right: var(--pM);
}
.pr__L {
  padding-right: 24px;
  padding-right: var(--pL);
}
.pr__XL {
  padding-right: 36px;
  padding-right: var(--pXL);
}
.pr__2XL {
  padding-right: 48px;
  padding-right: var(--p2XL);
}
.pr__3XL {
  padding-right: 64px;
  padding-right: var(--p3XL);
}
.pr__4XL {
  padding-right: 96px;
  padding-right: var(--p4XL);
}

/* padding top utility */
.pt__0 {
  padding-top: 0;
}
.pt__2XS {
  padding-top: 4px;
  padding-top: var(--p2XS);
}
.pt__XS {
  padding-top: 8px;
  padding-top: var(--pXS);
}
.pt__S {
  padding-top: 12px;
  padding-top: var(--pS);
}
.pt__M {
  padding-top: 16px;
  padding-top: var(--pM);
}
.pt__L {
  padding-top: 24px;
  padding-top: var(--pL);
}
.pt__XL {
  padding-top: 36px;
  padding-top: var(--pXL);
}
.pt__2XL {
  padding-top: 48px;
  padding-top: var(--p2XL);
}
.pt__3XL {
  padding-top: 64px;
  padding-top: var(--p3XL);
}
.pt__4XL {
  padding-top: 96px;
  padding-top: var(--p4XL);
}

/* padding bottom utility */
.pb__0 {
  padding-bottom: 0;
}
.pb__2XS {
  padding-bottom: 4px;
  padding-bottom: var(--p2XS);
}
.pb__XS {
  padding-bottom: 8px;
  padding-bottom: var(--pXS);
}
.pb__S {
  padding-bottom: 12px;
  padding-bottom: var(--pS);
}
.pb__M {
  padding-bottom: 16px;
  padding-bottom: var(--pM);
}
.pb__L {
  padding-bottom: 24px;
  padding-bottom: var(--pL);
}
.pb__XL {
  padding-bottom: 36px;
  padding-bottom: var(--pXL);
}
.pb__2XL {
  padding-bottom: 48px;
  padding-bottom: var(--p2XL);
}
.pb__3XL {
  padding-bottom: 64px;
  padding-bottom: var(--p3XL);
}
.pb__4XL {
  padding-bottom: 96px;
  padding-bottom: var(--p4XL);
}

/* margin left utility  */
.ml__0 {
  margin-left: 0;
}
.ml__2XS {
  margin-left: 4px;
  margin-left: var(--m2XS);
}
.ml__XS {
  margin-left: 8px;
  margin-left: var(--mXS);
}
.ml__S {
  margin-left: 12px;
  margin-left: var(--mS);
}
.ml__M {
  margin-left: 16px;
  margin-left: var(--mM);
}
.ml__L {
  margin-left: 24px;
  margin-left: var(--mL);
}
.ml__XL {
  margin-left: 36px;
  margin-left: var(--mXL);
}
.ml__2XL {
  margin-left: 48px;
  margin-left: var(--m2XL);
}
.ml__3XL {
  margin-left: 64px;
  margin-left: var(--m3XL);
}
.ml__4XL {
  margin-left: 96px;
  margin-left: var(--m4XL);
}

/* margin right utility */
.mr__0 {
  margin-right: 0;
}
.mr__0 {
  margin-right: 0;
}
.mr__2XS {
  margin-right: 4px;
  margin-right: var(--m2XS);
}
.mr__XS {
  margin-right: 8px;
  margin-right: var(--mXS);
}
.mr__S {
  margin-right: 12px;
  margin-right: var(--mS);
}
.mr__M {
  margin-right: 16px;
  margin-right: var(--mM);
}
.mr__L {
  margin-right: 24px;
  margin-right: var(--mL);
}
.mr__XL {
  margin-right: 36px;
  margin-right: var(--mXL);
}
.mr__2XL {
  margin-right: 48px;
  margin-right: var(--m2XL);
}
.mr__3XL {
  margin-right: 64px;
  margin-right: var(--m3XL);
}
.mr__4XL {
  margin-right: 96px;
  margin-right: var(--m4XL);
}

/* margin top utility */
.mt__0 {
  margin-top: 0;
}
.mt__2XS {
  margin-top: 4px;
  margin-top: var(--m2XS);
}
.mt__XS {
  margin-top: 8px;
  margin-top: var(--mXS);
}
.mt__S {
  margin-top: 12px;
  margin-top: var(--mS);
}
.mt__M {
  margin-top: 16px;
  margin-top: var(--mM);
}
.mt__L {
  margin-top: 24px;
  margin-top: var(--mL);
}
.mt__XL {
  margin-top: 36px;
  margin-top: var(--mXL);
}
.mt__2XL {
  margin-top: 48px;
  margin-top: var(--m2XL);
}
.mt__3XL {
  margin-top: 64px;
  margin-top: var(--m3XL);
}
.mt__4XL {
  margin-top: 96px;
  margin-top: var(--m4XL);
}

/* margin bottom utility */
.mb__0 {
  margin-bottom: 0;
}
.mb__2XS {
  margin-bottom: 4px;
  margin-bottom: var(--m2XS);
}
.mb__XS {
  margin-bottom: 8px;
  margin-bottom: var(--mXS);
}
.mb__S {
  margin-bottom: 12px;
  margin-bottom: var(--mS);
}
.mb__M {
  margin-bottom: 16px;
  margin-bottom: var(--mM);
}
.mb__L {
  margin-bottom: 24px;
  margin-bottom: var(--mL);
}
.mb__XL {
  margin-bottom: 36px;
  margin-bottom: var(--mXL);
}
.mb__2XL {
  margin-bottom: 48px;
  margin-bottom: var(--m2XL);
}
.mb__3XL {
  margin-bottom: 64px;
  margin-bottom: var(--m3XL);
}
.mb__4XL {
  margin-bottom: 96px;
  margin-bottom: var(--m4XL);
}

#svgdefs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  background-color: #0496ff;
  background-color: var(--colorPrimary);
  padding: 12px 24px;
  padding: var(--pS) var(--pL);
  color: #fefffd;
  color: var(--colorWhite);
  border-radius: 4px;
  transition: all 0.3s easeOutExpo;
}

.button:hover:not(:disabled) {
    background-color: #0b08a0;
    background-color: var(--colorSecondary);
    color: #fefffd;
    color: var(--colorWhite);
    transition: all 0.25s easeOutCirc;
  }

.button a {
    color: #fefffd;
    color: var(--colorWhite);
    text-decoration: none;
  }

.button.button__secondary {
    background-color: #fefffd;
    background-color: var(--colorWhite);
    border: 1px solid #0496ff;
    border: 1px solid var(--colorPrimary);
    color: #0496ff;
    color: var(--colorPrimary);
  }

.button.button__secondary:hover {
      background-color: #fefffd;
      background-color: var(--colorWhite);
      color: #0b08a0;
      color: var(--colorSecondary);
      border: 1px solid #0b08a0;
      border: 1px solid var(--colorSecondary);
    }

.button.button__secondary a {
      color: #0496ff;
      color: var(--colorPrimary);
    }

.button.button__hasOnlyIcon {
    padding-left: 12px;
    padding-left: var(--pS);
    padding-right: 12px;
    padding-right: var(--pS);
  }

.button.sm {
    font-size: 0.8em;
    padding: 8px 16px;
    padding: var(--pXS) var(--pM);
  }

.button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }

@font-face {
    font-family: 'Inter';
    src: url('/fonts/inter/Inter-Regular.eot');
    src: url('/fonts/inter/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/inter/Inter-Regular.woff2') format('woff2'),
        url('/fonts/inter/Inter-Regular.woff') format('woff'),
        url('/fonts/inter/Inter-Regular.ttf') format('truetype'),
        url('/fonts/inter/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/fonts/inter/Inter-Bold.eot');
    src: url('/fonts/inter/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/inter/Inter-Bold.woff2') format('woff2'),
        url('/fonts/inter/Inter-Bold.woff') format('woff'),
        url('/fonts/inter/Inter-Bold.ttf') format('truetype'),
        url('/fonts/inter/Inter-Bold.svg#Inter-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('/fonts/inter/Inter-Light.eot');
    src: url('/fonts/inter/Inter-Light.eot?#iefix') format('embedded-opentype'),
        url('/fonts/inter/Inter-Light.woff2') format('woff2'),
        url('/fonts/inter/Inter-Light.woff') format('woff'),
        url('/fonts/inter/Inter-Light.ttf') format('truetype'),
        url('/fonts/inter/Inter-Light.svg#Inter-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


:root {
  --svgfill: none;
}

.icon__circle-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background-color: #999;
  background-color: var(--colorBlack400);
  border-radius: 50%;
}

.icon__circle-wrapper--small {
  width: 2.4rem;
  height: 2.4rem;
}

.icon__circle-wrapper--big {
  width: 8.8rem;
  height: 8.8rem;
}

.icon__circle-wrapper--graylight {
  background-color: #f5f5f5;
  background-color: var(--colorBlack200);
}

.icon {
  width: 1em;
  height: 1em;
}

.icon--size-inherit {
  width: inherit;
  height: inherit;
}

.icon--medium {
  width: 1.8em;
  height: 1.8em;
}

.icon--big {
  width: 2.6em;
  height: 2.6em;
}

.icon--stroke-thin {
  stroke-width: 1;
}

.icon--white {
  color: #fefffd;
  color: var(--colorWhite);
}

.icon--primary {
  color: #0496ff;
  color: var(--colorPrimary);
}

.icon--gray {
  color: #999;
  color: var(--colorBlack400);
}

.icon--fill-white {
  --svgfill: var(--colorWhite);
}

.icon__volunteer-contributors-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.text__light {
  font-size: 1.4rem;
  letter-spacing: -0.2px;
  color: #5e5e5e;
  color: var(--colorBlack600);
}

.text__smallcaps {
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #999;
  color: var(--colorBlack400);
}

h1,
.h1 {
  font-family: 'Inter';
  font-weight: bold;
  font-size: 4.2rem;
  letter-spacing: -1.5px;
  color: #010613;
  color: var(--colorBlack900);
  line-height: 1.25;
}

@media (max-width: 1196px) {

h1,
.h1 {
    font-size: 3.2rem;
    line-height: 1.15;
}
  }

@media (max-width: 768px) {

h1,
.h1 {
    font-size: 2.8rem;
}
  }

h2,
.h2 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: bold;
  font-size: 3.2rem;
  letter-spacing: -0.4px;
  color: #010613;
  color: var(--colorBlack900);
  line-height: 1.4;
}

h2.h2__thin, .h2.h2__thin {
    font-weight: 300;
  }

@media (max-width: 1196px) {

h2,
.h2 {
    font-size: 2.8rem;
    line-height: 1.3;
}
  }

@media (max-width: 768px) {

h2,
.h2 {
    line-height: 1.25;
}
  }

h3,
.h3 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: bold;
  font-size: 2.4rem;
  letter-spacing: -0.4px;
  color: #171717;
  color: var(--colorBlack850);
  line-height: 1.4;
}

h3.h3__light, .h3.h3__light {
    font-weight: normal;
  }

h3.h3__ultralight, .h3.h3__ultralight {
    font-weight: 300;
  }

@media (max-width: 1196px) {

h3,
.h3 {
    letter-spacing: -1px;
    line-height: 1.3;
}
  }

@media (max-width: 768px) {

h3,
.h3 {
    font-size: 2.2rem;
}
  }

h4,
.h4 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: bold;
  font-size: 2rem;
  letter-spacing: -0.4px;
  color: #333;
  color: var(--colorBlack800);
  line-height: 1.3;
}

h4.h4__white, .h4.h4__white {
    color: #fefffd;
    color: var(--colorWhite);
  }

h4.h4__light, .h4.h4__light {
    font-weight: normal;
  }

h4.h4__ultralight, .h4.h4__ultralight {
    font-weight: 300;
  }

h5,
.h5 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: bold;
  font-size: 1.8rem;
  letter-spacing: -0.2px;
  color: #333;
  color: var(--colorBlack800);
  line-height: 1.3;
}

h5.h5__light, .h5.h5__light {
    font-weight: normal;
  }

h5.h5__ultralight, .h5.h5__ultralight {
    font-weight: 300;
  }

h6,
.h6 {
  font-family: 'Inter';
  font-style: normal;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0;
  color: #333;
  color: var(--colorBlack800);
  line-height: 1.25;
}

.title-anchor {
  color: #999;
  color: var(--colorBlack400);
  font-size: 0.8em;
  font-weight: normal;
  display: none;
}

h2:hover, h3:hover, h4:hover, h5:hover, h6:hover {
    a.title-anchor {
      display: inline;
    }
  }

a {
  color: #0496ff;
  color: var(--colorPrimary);
  text-decoration: none;
  transition: all 0.3s easeoutexpo;
}

a:hover {
    color: #0b08a0;
    color: var(--colorSecondary);
    transition: all 0.25s easeoutcirc;
  }

.a--small {
  font-size: 1.4rem;
}

.a--icontext {
  display: flex;
  align-items: center;
}

@media (max-width: 620px) {
  .a--icontext {
    justify-content: center;
  }
}

input,
select,
textarea {
  font-size: 1.6rem;
  border-radius: 4px;
  background-color: #fefffd;
  background-color: var(--colorWhite);
  padding: 12px 16px;
  padding: var(--pS) var(--pM);
  border: 1px solid #999;
  border: 1px solid var(--colorBlack400);
  width: 100%;
  color: #333;
  color: var(--colorBlack800);
}

input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    color: #999;
    color: var(--colorBlack400);
  }

input::placeholder, select::placeholder, textarea::placeholder {
    color: #999;
    color: var(--colorBlack400);
  }

/* TODO size modifier */

input[disabled]:not([type='submit']) textarea:disabled {
  background-color: #999;
  background-color: var(--colorBlack400);
}

select:disabled {
  background-color: #999;
  background-color: var(--colorBlack400);
}

input[type='checkbox'] {
  width: 2rem;
  height: 2rem;
  margin-right: 8px;
  margin-right: var(--mXS);
}

label {
  color: var(--color1-600);
  font-weight: bold;
  display: block;
  width: 100%;
  margin-bottom: 8px;
  margin-bottom: var(--mXS);
}

.label__inline {
  display: inline-flex;
  width: auto;
}

.formfield {
  width: 100%;
}

.formfield + .formfield {
    margin-top: 24px;
    margin-top: var(--mL);
  }

.formfield.formfield__alignRight {
    text-align: right;
  }

.formfield.formfield__flex {
    display: flex;
  }

.select {
  position: relative;
}

.select select {
    position: relative;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }

.select svg {
    top: 16px;
    top: var(--mM);
    right: 12px;
    right: var(--mS);
    position: absolute;
    pointer-events: none;
  }

blockquote {
  padding-left: 12px;
  padding-left: var(--pS);
  border-left:4px solid #f5f5f5;
  border-left:4px solid var(--colorBlack200);
  color: #5e5e5e;
  color: var(--colorBlack600);
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 16px;
  margin-bottom: var(--mM);
}

table thead tr th {
        text-align: left;
        border: 1px solid #d6d6d6;
        border: 1px solid var(--colorBlack300);
        padding: 8px 12px;
        padding: var(--pXS) var(--pS);
        background-color: #f5f5f5;
        background-color: var(--colorBlack200);
      }

table tbody tr td {
        padding: 8px 12px;
        padding: var(--pXS) var(--pS);
        border: 1px solid #d6d6d6;
        border: 1px solid var(--colorBlack300);
      }

table tbody tr:nth-child(2n) {
      background-color: rgb(246, 248, 250);
    }

/* Background */ .bg { background-color: #f5f5f5; background-color: var(--colorBlack200); }
/* PreWrapper */ .chroma { background-color: #f5f5f5; background-color: var(--colorBlack200); font-size: 1.4rem; }
/* Other */ .chroma .x {  }
/* Error */ .chroma .err { color: #ec368d; color: var(--colorError); }
/* CodeLine */ .chroma .cl {  }
/* LineLink */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
/* LineHighlight */ .chroma .hl { background-color: #f9dd3f; background-color: var(--colorTertiary); }
/* LineNumbersTable */ .chroma .lnt { white-space: pre; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* LineNumbers */ .chroma .ln { white-space: pre; -webkit-user-select: none; -moz-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
/* Line */ .chroma .line { display: flex; }
/* Keyword */ .chroma .k { color: #0b08a0; color: var(--colorSecondary); }
/* KeywordConstant */ .chroma .kc { color: #0b08a0; color: var(--colorSecondary); }
/* KeywordDeclaration */ .chroma .kd { color: #0b08a0; color: var(--colorSecondary); }
/* KeywordNamespace */ .chroma .kn { color: #0b08a0; color: var(--colorSecondary); }
/* KeywordPseudo */ .chroma .kp { color: #0b08a0; color: var(--colorSecondary); }
/* KeywordReserved */ .chroma .kr { color: #0b08a0; color: var(--colorSecondary); }
/* KeywordType */ .chroma .kt { color: #0b08a0; color: var(--colorSecondary); }
/* Name */ .chroma .n { color: #333; color: var(--colorBlack800); }
/* NameAttribute */ .chroma .na { color: #333; color: var(--colorBlack800); }
/* NameBuiltin */ .chroma .nb { color: #333; color: var(--colorBlack800); }
/* NameBuiltinPseudo */ .chroma .bp { color: #333; color: var(--colorBlack800); }
/* NameClass */ .chroma .nc { color: #333; color: var(--colorBlack800); }
/* NameConstant */ .chroma .no { color: #333; color: var(--colorBlack800); }
/* NameDecorator */ .chroma .nd { color: #333; color: var(--colorBlack800); }
/* NameEntity */ .chroma .ni { color: #333; color: var(--colorBlack800); }
/* NameException */ .chroma .ne { color: #333; color: var(--colorBlack800); }
/* NameFunction */ .chroma .nf { color: #333; color: var(--colorBlack800); }
/* NameFunctionMagic */ .chroma .fm { color: #333; color: var(--colorBlack800); }
/* NameLabel */ .chroma .nl { color: #333; color: var(--colorBlack800); }
/* NameNamespace */ .chroma .nn { color: #333; color: var(--colorBlack800); }
/* NameOther */ .chroma .nx { color: #333; color: var(--colorBlack800); }
/* NameProperty */ .chroma .py { color: #333; color: var(--colorBlack800); }
/* NameTag */ .chroma .nt { color: #0a2e64; }
/* NameVariable */ .chroma .nv { color: #333; color: var(--colorBlack800); }
/* NameVariableClass */ .chroma .vc { color: #333; color: var(--colorBlack800); }
/* NameVariableGlobal */ .chroma .vg { color: #333; color: var(--colorBlack800); }
/* NameVariableInstance */ .chroma .vi { color: #333; color: var(--colorBlack800); }
/* NameVariableMagic */ .chroma .vm { color: #333; color: var(--colorBlack800); }
/* Literal */ .chroma .l {  }
/* LiteralDate */ .chroma .ld {  }
/* LiteralString */ .chroma .s { color: #0EC040 }
/* LiteralStringAffix */ .chroma .sa { color: #0EC040 }
/* LiteralStringBacktick */ .chroma .sb { color: #0EC040 }
/* LiteralStringChar */ .chroma .sc { color: #0EC040 }
/* LiteralStringDelimiter */ .chroma .dl { color: #0EC040 }
/* LiteralStringDoc */ .chroma .sd { color: #0EC040 }
/* LiteralStringDouble */ .chroma .s2 { color: #0a2e64;}
/* LiteralStringEscape */ .chroma .se { color: #0EC040 }
/* LiteralStringHeredoc */ .chroma .sh { color: #0EC040 }
/* LiteralStringInterpol */ .chroma .si { color: #0EC040 }
/* LiteralStringOther */ .chroma .sx { color: #0EC040 }
/* LiteralStringRegex */ .chroma .sr { color: #0EC040 }
/* LiteralStringSingle */ .chroma .s1 { color: #0EC040 }
/* LiteralStringSymbol */ .chroma .ss { color: #0EC040 }
/* LiteralNumber */ .chroma .m { color: #33aaff }
/* LiteralNumberBin */ .chroma .mb { color: #33aaff }
/* LiteralNumberFloat */ .chroma .mf { color: #33aaff }
/* LiteralNumberHex */ .chroma .mh { color: #33aaff }
/* LiteralNumberInteger */ .chroma .mi { color: #33aaff }
/* LiteralNumberIntegerLong */ .chroma .il { color: #33aaff }
/* LiteralNumberOct */ .chroma .mo { color: #33aaff }
/* Operator */ .chroma .o {  }
/* OperatorWord */ .chroma .ow { color: #0b08a0; color: var(--colorSecondary); }
/* Punctuation */ .chroma .p {  }
/* Comment */ .chroma .c { color: #67707b; font-style: italic }
/* CommentHashbang */ .chroma .ch { color: #67707b; font-style: italic }
/* CommentMultiline */ .chroma .cm { color: #67707b; font-style: italic }
/* CommentSingle */ .chroma .c1 { color: #67707b; font-style: italic }
/* CommentSpecial */ .chroma .cs { color: #67707b; font-style: italic }
/* CommentPreproc */ .chroma .cp { color: #67707b; font-style: italic }
/* CommentPreprocFile */ .chroma .cpf { color: #67707b; font-style: italic }
/* Generic */ .chroma .g {  }
/* GenericDeleted */ .chroma .gd {  }
/* GenericEmph */ .chroma .ge {  }
/* GenericError */ .chroma .gr {  }
/* GenericHeading */ .chroma .gh {  }
/* GenericInserted */ .chroma .gi {  }
/* GenericOutput */ .chroma .go {  }
/* GenericPrompt */ .chroma .gp {  }
/* GenericStrong */ .chroma .gs {  }
/* GenericSubheading */ .chroma .gu {  }
/* GenericTraceback */ .chroma .gt {  }
/* GenericUnderline */ .chroma .gl {  }
/* TextWhitespace */ .chroma .w {  }

/* Components */
.logo {
  width: 312px;
  height: 40px;
}
.logo svg {
    width: 100%;
    height: 100%;
  }

.logo__alternative {
  width: 150px;
  height: 68px;
}

.logo__alternative svg {
    width: 100%;
    height: 100%;
  }

@media (max-width: 620px) {
  .logo {
    max-width: 234px;
  }

  .logo__alternative {
    max-width: 112px;
  }
}

.header__menu {
  display: flex;
  align-items: center;
}

.header__menu ul {
    display: flex;
  }

.header__menu-primary ul li {
      margin: 0 12px;
      margin: 0 var(--mS);
    }

.header__menu-secondary ul {
    gap: 4px;
    gap: var(--m2XS);
  }

@media (max-width: 1024px) {
    .header__menu ul {
      width: 100%;
    }

      .header__menu ul li {
        width: 100%;
        margin: 12px auto;
        margin: var(--mS) auto;
      }

        .header__menu ul li a {
          display: inline-flex;
          color: #fefffd;
          color: var(--colorWhite);
        }
      .header__menu-primary ul li {
        margin: 12px auto;
        margin: var(--mS) auto;
      }
      .header__menu-secondary ul li:not(:last-child) {
        margin: 12px auto;
        margin: var(--mS) auto;
      }
}

.language-switcher {
  position: relative;
  margin-right: 8px;
  margin-right: var(--mXS);
  font-size: 1.4rem;
  text-align: right;
}

.language-switcher--current {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  cursor: pointer;

  display: flex;
  align-items: center;
  padding: 8px;
  padding: var(--pXS);
  background-color: #fefffd;
  background-color: var(--colorWhite);
  border: 1px solid #f5f5f5;
  border: 1px solid var(--colorBlack200);
  border-radius: 4px;
}

.language-switcher--current > svg {
    margin-left: 4px;
    margin-left: var(--m2XS);
  }

.language-switcher__items {
  position: absolute;
  right: 0;
  display: flex;
  display: none;
  flex-direction: column;
  margin-top: -1px;
  overflow: visible;
  text-align: right;
  background-color: #fefffd;
  background-color: var(--colorWhite);
  border: 1px solid #f5f5f5;
  border: 1px solid var(--colorBlack200);
  border-radius: 4px;
}

.language-switcher__item {
  width: 100%;
  padding: 8px;
  padding: var(--pXS);
  white-space: nowrap;
}

.language-switcher__item.language-switcher__item--is-active {
    border: 1px solid red;
  }

.language-switcher--is-open .language-switcher__items {
    display: block;
  }

.container {
  margin: 0 auto;
  padding-top: 96px;
  padding-top: var(--p4XL);
  padding-bottom: 64px;
  padding-bottom: var(--p3XL);
}

.container.container__1211 {
    max-width:
    calc(
      (76px * 12) + (24px * 11)
    );
    max-width:
    calc(
      (var(--gridColWidth) * 12) + (var(--gridGutterWidth) * 11)
    );
    width: 100%;
  }

.container.container__1110 {
    max-width:
    calc(
      (76px * 11) + (24px * 10)
    );
    max-width:
    calc(
      (var(--gridColWidth) * 11) + (var(--gridGutterWidth) * 10)
    );
    width: 100%;
  }

.container.container__1011 {
    max-width:
    calc(
      (76px * 10) + (24px * 11)
    );
    max-width:
    calc(
      (var(--gridColWidth) * 10) + (var(--gridGutterWidth) * 11)
    );
    width: 100%;
  }

.container.container__109 {
    max-width:
    calc(
      (76px * 10) + (24px * 9)
    );
    max-width:
    calc(
      (var(--gridColWidth) * 10) + (var(--gridGutterWidth) * 9)
    );
    width: 100%;
  }

.container.container__98 {
    max-width:
    calc(
      (76px * 9) + (24px * 8)
    );
    max-width:
    calc(
      (var(--gridColWidth) * 9) + (var(--gridGutterWidth) * 8)
    );
    width: 100%;
  }

.container.container__87 {
    max-width:
    calc(
      (76px * 8) + (24px * 7)
    );
    max-width:
    calc(
      (var(--gridColWidth) * 8) + (var(--gridGutterWidth) * 7)
    );
    width: 100%;
  }

.container.container__76 {
    max-width:
    calc(
      (76px * 7) + (24px * 6)
    );
    max-width:
    calc(
      (var(--gridColWidth) * 7) + (var(--gridGutterWidth) * 6)
    );
    width: 100%;
  }

.container.container__65 {
    max-width:
    calc(
      (76px * 6) + (24px * 5)
    );
    max-width:
    calc(
      (var(--gridColWidth) * 6) + (var(--gridGutterWidth) * 5)
    );
    width: 100%;
  }

.container.container__54 {
    max-width:
    calc(
      (76px * 5) + (24px * 4)
    );
    max-width:
    calc(
      (var(--gridColWidth) * 5) + (var(--gridGutterWidth) * 4)
    );
    width: 100%;
  }

.container.container__43 {
    max-width:
    calc(
      (76px * 4) + (24px * 3)
    );
    max-width:
    calc(
      (var(--gridColWidth) * 4) + (var(--gridGutterWidth) * 3)
    );
    width: 100%;
  }

.container.container__32 {
    max-width:
    calc(
      (76px * 3) + (24px * 2)
    );
    max-width:
    calc(
      (var(--gridColWidth) * 3) + (var(--gridGutterWidth) * 2)
    );
    width: 100%;
  }

.container.container__21 {
    max-width:
    calc(
      (76px * 2) + (24px * 1)
    );
    max-width:
    calc(
      (var(--gridColWidth) * 2) + (var(--gridGutterWidth) * 1)
    );
    width: 100%;
  }

.container.container__flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items:flex-start;
  }

@media (max-width: 768px) {

.container.container__flex {
      flex-direction: column;
  }
    }

.container.container__fluid {
    padding-left: 24px;
    padding-left: var(--pL);
    padding-right: 24px;
    padding-right: var(--pL);
    max-width: 100%;
  }

.container.container__wide {
    max-width: var(--desktopWide);
    margin: 0 auto;
  }

.container.container__hasBgImage {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
  }

.container.container__isDark {
    background-color: #010613;
    background-color: var(--colorBlack900);
    color: #fefffd;
    color: var(--colorWhite);
  }

.container.container__isDark h1,
    .container.container__isDark h2,
    .container.container__isDark h3,
    .container.container__isDark .text__subtitle {
      color: #fefffd;
      color: var(--colorWhite);
    }

.container.container__isGray {
    background-color: #f5f5f5;
    background-color: var(--colorBlack200);
  }

.container.container__isGray blockquote:before {
        color: #fefffd;
        color: var(--colorWhite);
      }

.container.container__hasNoPaddingX {
    padding-left: 0;
    padding-right: 0;
  }

.container.container__hasNoPaddingLeft {
    padding-left: 0;
  }

.container.container__hasNoPaddingRight {
    padding-right: 0;
  }

.container.container__hasNoPaddingY {
    padding-top: 0;
    padding-bottom: 0;
  }

.container.container__hasNoPaddingTop {
    padding-top: 0;
  }

.container.container__hasNoPaddingBottom {
    padding-bottom: 0;
  }

.container.container__hasPaddingYSmall {
    padding-top: 24px;
    padding-top: var(--pL);
    padding-bottom: 24px;
    padding-bottom: var(--pL);
  }

.container.container__alignXleft {
    margin-left: 0;
  }

@media (max-width: 1196px) {
  .container {
    padding-left: 24px;
    padding-left: var(--pL);
    padding-right: 24px;
    padding-right: var(--pL);
  }
}

@media (max-width: 768px) {
  .container {
    padding-top: 64px;
    padding-top: var(--p3XL);
    padding-bottom: 48px;
    padding-bottom: var(--p2XL);
  }

    .container.container__hasPaddingYSmall {
      padding-top: 36px;
      padding-top: var(--pXL);
      padding-bottom: 16px;
      padding-bottom: var(--pM);
    }
}

.header {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: 24px;
  padding-top: var(--pL);
  padding-bottom: 24px;
  padding-bottom: var(--pL);
}

.header__logo {
  line-height: 0;
}

.header__menus {
  display: flex;
  flex-grow: 1;
}

.header__menus nav:first-child {
      flex-grow: 1;
      align-items: center;
      justify-content: center;
    }

.header__menus nav:last-child {
      margin-left: auto;
    }

.header__open-link {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  cursor: pointer;

  position: absolute;
  top: 24px;
  top: var(--mL);
  right: 24px;
  right: var(--mL);
  display: none;
  padding: 12px;
  padding: var(--pS);
  font-size: 1.4rem;
  color: #0496ff;
  color: var(--colorPrimary);
}

.header__close-link {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  cursor: pointer;

  position: fixed;
  top: 24px;
  top: var(--mL);
  right: 24px;
  right: var(--mL);
  z-index: 1;
  display: none;
  align-items: center;
  padding: 12px;
  padding: var(--pS);
  font-size: 1.4rem;
  color: #fefffd;
  color: var(--colorWhite);
}

.header__close-link svg {
    margin-left: 4px;
    margin-left: var(--m2XS);
  }

.header--is-open .header__menus {
    transition: 0.5s all easeoutcirc;
    transform: translateX(0);
  }

.header--is-open .header__open-link {
    display: none;
  }

.header--is-open .header__close-link {
    display: inline-flex;
  }

@media (max-width: 1196px) {
  .header {
    padding-right: 24px;
    padding-right: var(--pL);
    padding-left: 24px;
    padding-left: var(--pL);
  }
}

@media (max-width: 1024px) {
  .header__open-link {
    display: inline-flex;
  }

  .header__menus {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    flex-flow: column wrap;
    background-color: #0b08a0;
    background-color: var(--colorSecondary);
    transition: 0.3s all easeoutexpo;
    transform: translateX(100%);
  }

    .header__menus nav {
      width: 100%;
    }

      .header__menus nav:first-child {
        align-items: flex-end;
      }

      .header__menus nav:first-child,
      .header__menus nav:last-child {
        flex-grow: 1;
        justify-content: center;
      }

        .header__menus nav:first-child ul, .header__menus nav:last-child ul {
          flex-direction: column;
          text-align: center;
        }

      .header__menus nav:last-child {
        flex-direction: column;
        margin-top: auto;
        margin-bottom: 36px;
        margin-bottom: var(--mXL);
      }

        .header__menus nav:last-child div {
          margin-bottom: 24px;
          margin-bottom: var(--mL);
        }
}

.footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  gap: var(--mM);
  align-items: center;
  margin: 0 auto;
  text-align: center;
}

.footer ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }

.footer ul li a {
        display: inline-flex;
        color: #5e5e5e;
        color: var(--colorBlack600);
      }

.footer ul li a:hover {
          color: #0b08a0;
          color: var(--colorSecondary);
        }

@media (max-width: 620px) {
      .footer ul li {
        width: 100%;
      }
  }

.footer__main-menu {
  gap: 4px 16px;
  gap: var(--m2XS) var(--mM);
}

.footer__sub-menu {
  gap: 4px 12px;
  gap: var(--m2XS) var(--mS);
}

.footer__logo {
  margin-top: 24px;
  margin-top: var(--mL);
  margin-bottom: 16px;
  margin-bottom: var(--mM);
}

@media (max-width: 620px) {

.footer__logo {
    margin-top: 12px;
    margin-top: var(--mS);
    margin-bottom: 12px;
    margin-bottom: var(--mS);
}
  }

.footer__socials {
  gap: 8px;
  gap: var(--mXS);
  margin-top: 16px;
  margin-top: var(--mM);
  margin-bottom: 16px;
  margin-bottom: var(--mM);
}

@media (max-width: 620px) {

.footer__socials {
    margin-top: 12px;
    margin-top: var(--mS);
    margin-bottom: 12px;
    margin-bottom: var(--mS);
}
  }

.divider > hr {
    border: none;
    border-top: 1px solid #d6d6d6;
    border-top: 1px solid var(--colorBlack300);
  }

.textContent {
  border:1Px solid #f5f5f5;
  border:1Px solid var(--colorBlack200);
  padding:24px;
  padding:var(--mL);
  overflow-x: hidden;
  max-width: 100%;
  width: 100%;
}

.textContent hr {
    clear: both;
    border: 1px solid #f5f5f5;
    border: 1px solid var(--colorBlack200);
    margin-bottom: 24px;
    margin-bottom: var(--mL);
  }

.textContent details[open] summary {
    margin-bottom: 8px;
    margin-bottom: var(--mXS);
  }

.textContent p, .textContent .highlight, .textContent details {
    margin-bottom: 8px;
    margin-bottom: var(--mXS);
  }

.textContent p:last-child, .textContent .highlight:last-child, .textContent details:last-child {
      margin-bottom: 0;
    }

.textContent p:global(.mb__0), .textContent .highlight:global(.mb__0), .textContent details:global(.mb__0) {
      margin-bottom: 0;
    }

.textContent p:global(.mb__3XL), .textContent .highlight:global(.mb__3XL), .textContent details:global(.mb__3XL) {
      margin-bottom: 64px;
      margin-bottom: var(--m3XL);
    }

.textContent p + hr, .textContent blockquote + hr, .textContent pre + hr, .textContent ul + hr {
    margin-top: 48px;
    margin-top: var(--m2XL);
  }

.textContent h1 {
    margin-bottom: 36px;
    margin-bottom: var(--mXL);
  }

@media (max-width: 768px) {

.textContent h1 {
      margin-bottom: 36px;
      margin-bottom: var(--mXL);
  }
    }

.textContent h1:global(.mb__0) {
      margin-bottom: 0;
    }

.textContent h1:global(.mb__S) {
      margin-bottom: 12px;
      margin-bottom: var(--mS);
    }

.textContent h1:global(.mb__M) {
      margin-bottom: 16px;
      margin-bottom: var(--mM);
    }

.textContent h2 {
    margin-bottom: 24px;
    margin-bottom: var(--mL);
  }

.textContent h2:global(.mb__0) {
      margin-bottom: 0;
    }

.textContent h3 {
    margin-bottom: 16px;
    margin-bottom: var(--mM);
  }

.textContent h3:global(.mb__0) {
      margin-bottom: 0;
    }

.textContent h4 {
    margin-bottom: 16px;
    margin-bottom: var(--mM);
  }

.textContent h4:global(.mb__0) {
      margin-bottom: 0;
    }

.textContent h4:global(.mb__XL) {
      margin-bottom: 36px;
      margin-bottom: var(--mXL);
    }

.textContent h4:global(.mb__3XL) {
      margin-bottom: 64px;
      margin-bottom: var(--m3XL);
    }

.textContent h5 {
    margin-bottom: 12px;
    margin-bottom: var(--mS);
  }

.textContent h5:global(.mb__0) {
      margin-bottom: 0;
    }

.textContent h6 {
    margin-bottom: 8px;
    margin-bottom: var(--mXS);
  }

.textContent h6:global(.mb__0) {
      margin-bottom: 0;
    }

.textContent p + h2,
  .textContent ul + h2,
  .textContent ol + h2,
  .textContent blockquote + h2,
  .textContent .highlight + h2,
  .textContent details + h2,
  .textContent video + h2
  .textContent table + h2 {
    margin-top: 48px;
    margin-top: var(--m2XL);
  }

.textContent p + h3,
  .textContent ul + h3,
  .textContent ol + h3,
  .textContent blockquote + h3,
  .textContent .highlight + h3,
  .textContent details + h3,
  .textContent video + h3,
  .textContent table + h2 {
    margin-top: 36px;
    margin-top: var(--mXL);
  }

.textContent p + h4,
  .textContent ul + h4,
  .textContent ol + h4,
  .textContent blockquote + h4,
  .textContent .highlight + h4,
  .textContent details + h4,
  .textContent video + h4 {
    margin-top: 24px;
    margin-top: var(--mL);
  }

.textContent p + h5,
  .textContent ul + h5,
  .textContent ol + h5,
  .textContent blockquote + h5,
  .textContent .highlight + h5,
  .textContent details + h5,
  .textContent video + h5 {
    margin-top: 24px;
    margin-top: var(--mL);
  }

.textContent {

  & iframe, video {
    margin-bottom: 24px;
    margin-bottom: var(--mL);
  }
}

.textContent ul {
    list-style-type: disc;
  }

.textContent ol {
    list-style-type: numbers;
  }

.textContent nav:not(:last-child) {
      margin-bottom: 24px;
      margin-bottom: var(--mL);
    }

.textContent ul, .textContent ol {
    margin-left: 24px;
    margin-left: var(--mL);
  }

.textContent ul:not(:last-child), .textContent ol:not(:last-child) {
      margin-bottom: 24px;
      margin-bottom: var(--mL);
    }

.textContent ol + ol,
  .textContent ul + ul {
    margin-top: calc((24px * -1) + 4px);
    margin-top: calc((var(--mL) * -1) + var(--m2XS));
  }

.textContent li {
    position: relative;
    margin-bottom: 4px;
    margin-bottom: var(--m2XS);
  }

.textContent li svg {
      left: calc(24px * -1);
      left: calc(var(--mL) * -1);
      top: 4px;
      top: var(--m2XS);
      position: absolute;
    }

.textContent li:last-child {
      margin-bottom: 0;
    }

.textContent li > ul{
      margin-top: 4px;
      margin-top: var(--m2XS);
    }

.textContent .textContent__noListStyle {
    list-style-type: none;
  }

.textContent blockquote {
    margin-bottom: 16px;
    margin-bottom: var(--mM);
  }

.textContent pre {
    padding: 1.5rem;
    overflow-x: scroll;
  }

.textContent :not(pre) > code {
    padding: 0.2em 0.4em;
    border-radius: 0.3em;
  }

.textContent code {
    background-color: #f5f5f5;
    background-color: var(--colorBlack200);
    font-size: 0.9em;
  }

.textContent button {
    margin-bottom: 36px;
    margin-bottom: var(--mXL);
  }

@media (max-width: 768px) {

.textContent button {
      margin-bottom: 24px;
      margin-bottom: var(--mL);
  }
    }

.textContent button:global(.mb__0) {
      margin-bottom: 0;
    }

.textContent__marginTopLarge {
  margin-top: 48px;
  margin-top: var(--m2XL);
}

.textContent__hasNoMarginTop {
  margin-top: 0;
}

summary {
  cursor: pointer;
}

.aside {
  flex-shrink: 0;
  margin-right: 36px;
  margin-right: var(--mXL);
  max-width:
    calc(
      (76px * 3) + (24px * 2)
    );
  max-width:
    calc(
      (var(--gridColWidth) * 3) + (var(--gridGutterWidth) * 2)
    );
  width: 100%;
  border: 1px solid #f5f5f5;
  border: 1px solid var(--colorBlack200);
  border-radius: 4px;
}

@media (max-width: 768px) {
  .aside {
    max-width: 100%;
    margin-bottom: 48px;
    margin-bottom: var(--m2XL);
  }
}

.aside_nav {
  > ul > li > details > ul > li:last-child,
  > ul > li > details > ul > li:not(:last-child) > ul {
    margin-bottom: 12px;
    margin-bottom: var(--mS);
  }

  ul {
    color: #5e5e5e;
    color: var(--colorBlack600);
    display: flex;
    flex-direction: column;

    li {
      position: relative;
      border-bottom: 1px solid #f5f5f5;
      border-bottom: 1px solid var(--colorBlack200);
    }

      li:last-child {
        border: none;
      }

    li {

      a {
        padding: 8px 12px;
        padding: var(--mXS) var(--mS);
        display: inline-block;
        width: 100%;
      }

      .aside_item-current {        
        color: #333;        
        color: var(--colorBlack800);
      }

        .aside_item-current::before {
          content: '';
          position: absolute;
          left: 0;
          width: 4px;
          background-color: #0496ff;
          background-color: var(--colorPrimary);
          border-radius: 0 10px 10px 0;
          z-index: 1;
          top: 4px;
          top: var(--m2XS);
          bottom: 4px;
          bottom: var(--m2XS);
        }

        .aside_item-current::after {
          content: '';
          position: absolute;
          background-color: #f5f5f5;
          background-color: var(--colorBlack200);
          border-radius: 4px;
          z-index: -1;
          left: 8px;
          left: var(--mXS);
          right: 4px;
          right: var(--m2XS);
          top: 4px;
          top: var(--m2XS);
          bottom: 4px;
          bottom: var(--m2XS);
        }
    }
        li.aside_item-current-section::before {
          content: '';
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          width: 1px;
          background-color: #0496ff;
          background-color: var(--colorPrimary);
          border-radius: 0;
        }
          li.aside_item-current-section .aside_item-current::before {
            top: 2px;
            bottom: 2px;
          }

          li.aside_item-current-section .aside_item-current::after {
            top: 0;
            bottom: 0;
            right: 8px;
            right: var(--mXS);
          }

    li {

      details {
        position: relative;

        summary {
          padding: 8px 12px;
          padding: var(--mXS) var(--mS);
          list-style: none;
          cursor: pointer;
        }

          summary::marker,
          summary::-webkit-details-marker {
            display: none;
          }

          summary svg {
            position: absolute;
            right: 10px;
            top: 14px;
            font-size: 0.8em;
            color: #999;
            color: var(--colorBlack400);
            transition: transform 0.2s ease;
          }

          summary:hover::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: #fafafa;
            background-color: var(--colorBlack100);
            z-index: -1;
          }
      }

        details[open] summary > svg {
          transform: rotate(180deg);
        }

      span {
        display: inline-block;
      }
    }

    ul {
      li {
        border: none;

        a {
          padding: 2px 24px;
          padding: var(--p3XS) var(--mL);
          border-radius: 4px;
        }

        > span,
        a {
          padding-left: 12px;
          padding-left: var(--mS);
        }

        > a {
          padding-top: 2px;
          padding-top: var(--p3XS);
          padding-bottom: 2px;
          padding-bottom: var(--p3XS);
        }

        ul {
          padding-top: 0;

          li {
            padding: 0;

            a {
              padding: 2px 24px;
              padding: var(--p3XS) var(--mL);
              border-radius: 4px;
            }
          }
        }
      }
    }
  }
}

.refItem {
    padding: 2rem 0;
}

.refItem + .refItem {
  box-shadow: inset 0 1px #f5f5f5;
  box-shadow: inset 0 1px var(--colorBlack200);
}

.refItem-name code {
  font-weight: 600;
  overflow-y: auto;
  font-size: 1em;
}

.refItem-type {
  color: #5e5e5e;
  color: var(--colorBlack600);
  padding-left: 1rem;
  text-transform: lowercase;
}

.refItem-required {
  padding-left: 1rem;
  color: rgb(154, 103, 0);
}

.refItem-required code {
  font-weight: 400;
}

.refItem-details {
  display: flex;
}

.refItem-details__full {
  flex-direction: column;
}

.refItem-description,
.refItem-default,
.refItem-example,
.refItem-allowed-values,
.refItem-reference {
  padding: 1rem 0.4em;
}

.refItem-example code,
.refItem-default code,
.refItem-allowed-values-list {
  margin-left: 0.4em;
  display: inline-block;
}

.refItem-example,
.refItem-default,
.refItem-allowed-values,
.refItem-reference {
  font-size: 0.85em;
}

.refItem-details_full .refItem-example {
  overflow-y: auto;
  width: 100%;
}

.refItem-details_full .refItem-example .highlight {
  margin-top: 0.4em;
}

.refItem-reference span{
  margin-right: 0.4em;
}

[show-if-param-content] {
  background-color: color-mix(in srgb, #0496ff 10%, #fefffd);
  background-color: color-mix(in srgb, var(--colorPrimary) 10%, var(--colorWhite));
}