@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap);
/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, menu, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}
body {
	line-height: 1;
}
menu, ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

:root {
  /*
  @var
  @light bg
  @dark ui Hard
  @inline
  */
  --wt-color-white: #ffffff;

  /*
  @var
  @dark ui Average
  @inline
  */
  --wt-color-white-60: rgba(255, 255, 255, 0.60);

  /*
  @var
  @dark ui Pale
  @inline
  */
  --wt-color-white-30: rgba(255, 255, 255, 0.30);

  /*
  @var
  @dark ui
  @inline
  */
  --wt-color-white-20: rgba(255, 255, 255, 0.20);

  /*
  @var
  @dark ui
  @inline
  */
  --wt-color-white-10: rgba(255, 255, 255, 0.10);

  /*
  @var
  @dark ui
  @inline
  */
  --wt-color-white-5: rgba(255, 255, 255, 0.05);

  /*
  @var
  @light ui Hard
  @dark bg
  @inline
  */
  --wt-color-dark: #27282c;

  /*
  @var
  @light ui Average
  @inline
  */
  --wt-color-dark-70: rgba(39, 40, 44, 0.70);

  /*
  @var
  @light ui Pale
  @inline
  */
  --wt-color-dark-40: rgba(39, 40, 44, 0.40);

  /*
  @var
  @light ui
  @inline
  */
  --wt-color-dark-20: rgba(39, 40, 44, 0.20);

  /*
  @var
  @light ui
  @inline
  */
  --wt-color-dark-5: rgba(39, 40, 44, 0.05);

  /*
  @var
  @light bg Tooltip
  @dark bg Tooltip
  @inline
  */
  --wt-color-grey: #3C3D40;

  /*
  @var
  @light bg
  @inline
  */
  --wt-color-grey-light: #F4F4F4;

  /*
  @var
  @dark bg
  @inline
  */
  --wt-color-grey-dark: #323236;

  /*
  @var
  @light ui
  */
  --wt-color-primary-light-theme: rgb(22, 125, 255);

  /*
  @var
  @light ui
  */
  --wt-color-primary-light-theme-80: rgba(22, 125, 255, 0.80);

  /*
  @var
  @light ui
  */
  --wt-color-primary-light-theme-20: rgba(22, 125, 255, 0.20);

  /*
  @var
  @dark ui
  */
  --wt-color-primary-dark-theme: rgb(76, 166, 255);

  /*
  @var
  @dark ui
  */
  --wt-color-primary-dark-theme-80: rgba(76, 166, 255, 0.80);

  /*
  @var
  @dark ui
  */
  --wt-color-primary-dark-theme-20: rgba(76, 166, 255, 0.20);

  /*
  @var
  @light ui
  @dark ui
  @inline
  */
  --wt-color-error: #EF341E;

  /*
  @var
  @light ui
  @dark ui
  @inline
  */
  --wt-color-success: #4DBB5F;

  /*
  @var
  @light ui
  @dark ui
  @inline
  */
  --wt-color-warning: #F3C033;
}
:root{
  --wt-font-family-gotham:'Gotham SSm A', 'Gotham SSm B', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  --wt-font-family-system:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  --wt-font-family-mono:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --wt-font-weight-black:900;
  --wt-font-weight-bold:700;
  --wt-font-weight-light:300;
}
/* Import CSS variables */
:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
html {
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  scrollbar-color: rgba(39, 40, 44, 0.40) #F4F4F4;

  scrollbar-color: var(--wh-color-scrollbar) var(--wh-color-scrollbar-track);
}
html ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
html ::-webkit-scrollbar-track {
    background-color: #F4F4F4;
    background-color: var(--wh-color-scrollbar-track);
  }
html ::-webkit-scrollbar-thumb {
    width: 8px;

    border-radius: 6px;

    background: rgba(39, 40, 44, 0.40);

    background: var(--wh-color-scrollbar);
  }
body {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;

  height: 100%;

  color: #27282c;

  color: var(--wh-color-text);
  background-color: #ffffff;
  background-color: var(--wh-color-main-bg);
}
body:not(.app-is-rendered) {
    overflow: hidden;
  }
body:not(.app-is-rendered)::before,
    body:not(.app-is-rendered)::after {
      position: absolute;
      z-index: -1;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;

      box-sizing: border-box;
      width: 51px;
      height: 51px;
      margin: auto;

      border-radius: 50%;

      content: '';
      will-change: transform;
    }
body:not(.app-is-rendered)::before {
      background: #e6e6e6;
    }
body:not(.app-is-rendered)::after {
      width: 47px;
      height: 47px;

      border: 2px solid;
      border-color: transparent #ffffff #ffffff;
      border-color: transparent var(--wh-color-main-bg) var(--wh-color-main-bg);

      -webkit-animation: spin 1.5s infinite linear;

              animation: spin 1.5s infinite linear;
    }
#webhelp-root {
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  height: 100%;
}
/* Hide wrapper of WebHelp 1.0. It is necessary to hide article and old markup before the app is initialized. */
.wrapper,
.page {
  display: none;
}
@page {
  margin-top: 3cm;

  @bottom-center {
    letter-spacing:0.2px;
    text-transform:uppercase;
    color:#27282c;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:12px;
    font-size:12px;
    font-size:var(--wt-overline-font-size, 12px);
    font-weight:bold;
    line-height:16px;
    line-height:16px;
    line-height:var(--wt-overline-line-height, 16px);
    content: 'Page ' counter(page) ' of ' counter(pages);
  }
}
button {
  margin: 0;
}
.a11y-title {
  height: 0;
  overflow: hidden;
  margin-top: 0 !important;
}


._wt-button_j47yph_1{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;

  position:relative;
  z-index:1;

  display:inline-block;

  box-sizing:border-box;

  border:none;
  outline:none;

  cursor:pointer;
  text-align:center;
  white-space:nowrap;
  text-decoration:none;

  background:transparent;

  transition:color 100ms,
  background-color 100ms,
  border-color 100ms;

  transition:color var(--wt-transition-xfast,  100ms),
  background-color var(--wt-transition-xfast,  100ms),
  border-color var(--wt-transition-xfast,  100ms);
}

._wt-button_j47yph_1:focus[data-focus-method='key']{
    box-shadow:rgba(22, 125, 255, 0.80) 0 0 0 4px;
    box-shadow:var(--wt-color-primary-light-theme-80, rgba(22, 125, 255, 0.80)) 0 0 0 4px;
  }

._wt-button_j47yph_1:hover,
  ._wt-button_j47yph_1:focus,
  ._wt-button_j47yph_1:active{
    outline:none;

    text-decoration:none;
  }

._wt-button_j47yph_1._wt-button_busy_j47yph_60{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    pointer-events:none;
  }

._wt-button_j47yph_1._wt-button_busy_j47yph_60._wt-button_theme_light_j47yph_74,
  ._wt-button_j47yph_1._wt-button_busy_j47yph_60._wt-button_theme_light_j47yph_74._wt-button_disabled_j47yph_75,
  ._wt-button_j47yph_1._wt-button_busy_j47yph_60._wt-button_theme_dark_j47yph_76._wt-button_disabled_j47yph_75,
  ._wt-button_j47yph_1._wt-button_busy_j47yph_60._wt-button_theme_dark_j47yph_76{
    color:transparent;
  }

._wt-button_disabled_j47yph_75{
    pointer-events:none;
  }

._wt-button_align-icon_right_j47yph_85{
    flex-direction:row-reverse;
  }

._wt-button_size_m_j47yph_92{
    padding:12px 32px;
    border-width:0px;
    border-radius:24px;
    border-radius:var(--wt-button-m-border-radius, var(--wt-button-border-radius, 24px));
  }

._wt-button_size_m_j47yph_92._wt-button_narrow_j47yph_99{
      padding:12px 16px;
      border-width:0px;
    }

._wt-button_size_s_j47yph_104{
    padding:6px 16px;
    border-width:0px;
    border-radius:24px;
    border-radius:var(--wt-button-s-border-radius, var(--wt-button-border-radius, 24px));
  }

._wt-button_size_s_j47yph_104._wt-button_narrow_j47yph_99{
      padding:6px 8px;
      border-width:0px;
    }

._wt-button_size_xs_j47yph_116{
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:16px;
    padding:4px 12px;
    border-width:0px;
    border-radius:4px;
    border-radius:var(--wt-button-xs-border-radius, var(--wt-button-border-radius, 4px));
  }

._wt-button_size_xs_j47yph_116._wt-button_narrow_j47yph_99{
      padding:4px 6px;
      border-width:0px;
    }

._wt-button_without-text_j47yph_134{
    display:inline-flex;
    justify-content:center;
    align-items:center;
  }

._wt-button_without-text_j47yph_134._wt-button_size_m_j47yph_92{
      padding:12px 12px;
      border-width:0px;
    }

._wt-button_without-text_j47yph_134._wt-button_size_s_j47yph_104{
      padding:6px 6px;
      border-width:0px;
    }

._wt-button_without-text_j47yph_134._wt-button_size_xs_j47yph_116{
      padding:4px 4px;
      border-width:0px;
    }

._wt-button_with-icon_j47yph_161{
    display:inline-flex;
    justify-content:center;
    align-items:center;
  }

._wt-button_flat_right_j47yph_173{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
  }

._wt-button_flat_left_j47yph_178{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
  }

._wt-button_mode_primary_j47yph_183{
    color:#ffffff;
    color:var(--wt-color-white, #ffffff);
    background:rgb(22, 125, 255);
    background:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
  }

._wt-button_mode_primary_j47yph_183 ._wt-button__busy-icon_j47yph_190{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
    }

._wt-button_mode_primary_j47yph_183:focus{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:rgb(22, 125, 255);
      background:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
    }

._wt-button_mode_primary_j47yph_183:hover{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:rgba(22, 125, 255, 0.80);
      background:var(--wt-color-primary-light-theme-80, rgba(22, 125, 255, 0.80));
    }

._wt-button_mode_primary_j47yph_183:active{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:rgb(22, 125, 255);
      background:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
    }

._wt-button_mode_primary_j47yph_183:active:focus:not(:hover)[data-focus-method='key']{
      background:rgba(22, 125, 255, 0.80);
      background:var(--wt-color-primary-light-theme-80, rgba(22, 125, 255, 0.80));
    }

._wt-button_mode_primary_j47yph_183._wt-button_disabled_j47yph_75{
      color:rgba(39, 40, 44, 0.40);
      color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
      background:rgba(39, 40, 44, 0.20);
      background:var(--wt-color-dark-20, rgba(39, 40, 44, 0.20));
    }

._wt-button_mode_primary_j47yph_183._wt-button_disabled_j47yph_75 ._wt-button__busy-icon_j47yph_190{
        color:rgba(39, 40, 44, 0.40);
        color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
      }

._wt-button_mode_primary_j47yph_183._wt-button_theme_dark_j47yph_76{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:rgb(76, 166, 255);
      background:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
    }

._wt-button_mode_primary_j47yph_183._wt-button_theme_dark_j47yph_76 ._wt-button__busy-icon_j47yph_190{
        color:#ffffff;
        color:var(--wt-color-white, #ffffff);
      }

._wt-button_mode_primary_j47yph_183._wt-button_theme_dark_j47yph_76:hover{
        color:#ffffff;
        color:var(--wt-color-white, #ffffff);
        background:rgba(76, 166, 255, 0.80);
        background:var(--wt-color-primary-dark-theme-80, rgba(76, 166, 255, 0.80));
      }

._wt-button_mode_primary_j47yph_183._wt-button_theme_dark_j47yph_76:active{
        color:#ffffff;
        color:var(--wt-color-white, #ffffff);
        background:rgb(76, 166, 255);
        background:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
      }

._wt-button_mode_primary_j47yph_183._wt-button_theme_dark_j47yph_76:active:focus:not(:hover)[data-focus-method='key']{
        background:rgba(22, 125, 255, 0.80);
        background:var(--wt-color-primary-light-theme-80, rgba(22, 125, 255, 0.80));
      }

._wt-button_mode_primary_j47yph_183._wt-button_theme_dark_j47yph_76._wt-button_disabled_j47yph_75{
        color:rgba(255, 255, 255, 0.30);
        color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
        background:rgba(255, 255, 255, 0.20);
        background:var(--wt-color-white-20, rgba(255, 255, 255, 0.20));
      }

._wt-button_mode_primary_j47yph_183._wt-button_theme_dark_j47yph_76._wt-button_disabled_j47yph_75 ._wt-button__busy-icon_j47yph_190{
          color:rgba(255, 255, 255, 0.30);
          color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
        }

._wt-button_mode_black_j47yph_276,
  ._wt-button_mode_contrast_j47yph_277{
    color:#ffffff;
    color:var(--wt-color-white, #ffffff);
    background-color:#27282c;
    background-color:var(--wt-color-dark, #27282c);
  }

._wt-button_mode_black_j47yph_276 ._wt-button__busy-icon_j47yph_190, ._wt-button_mode_contrast_j47yph_277 ._wt-button__busy-icon_j47yph_190{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
    }

._wt-button_mode_black_j47yph_276:focus, ._wt-button_mode_contrast_j47yph_277:focus{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background-color:#27282c;
      background-color:var(--wt-color-dark, #27282c);
    }

._wt-button_mode_black_j47yph_276:hover, ._wt-button_mode_contrast_j47yph_277:hover{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:rgba(39, 40, 44, 0.70);
      background:var(--wt-color-dark-70, rgba(39, 40, 44, 0.70));
    }

._wt-button_mode_black_j47yph_276:active, ._wt-button_mode_contrast_j47yph_277:active{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:#27282c;
      background:var(--wt-color-dark, #27282c);
    }

._wt-button_mode_black_j47yph_276:active:focus:not(:hover)[data-focus-method='key'], ._wt-button_mode_contrast_j47yph_277:active:focus:not(:hover)[data-focus-method='key']{
      background:rgba(22, 125, 255, 0.80);
      background:var(--wt-color-primary-light-theme-80, rgba(22, 125, 255, 0.80));
    }

._wt-button_mode_black_j47yph_276._wt-button_disabled_j47yph_75, ._wt-button_mode_contrast_j47yph_277._wt-button_disabled_j47yph_75{
      color:rgba(39, 40, 44, 0.40);
      color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
      background:rgba(39, 40, 44, 0.20);
      background:var(--wt-color-dark-20, rgba(39, 40, 44, 0.20));
    }

._wt-button_mode_black_j47yph_276._wt-button_disabled_j47yph_75 ._wt-button__busy-icon_j47yph_190, ._wt-button_mode_contrast_j47yph_277._wt-button_disabled_j47yph_75 ._wt-button__busy-icon_j47yph_190{
        color:rgba(39, 40, 44, 0.40);
        color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
      }

._wt-button_mode_black_j47yph_276._wt-button_highlighted_j47yph_327, ._wt-button_mode_contrast_j47yph_277._wt-button_highlighted_j47yph_327{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:rgba(39, 40, 44, 0.70);
      background:var(--wt-color-dark-70, rgba(39, 40, 44, 0.70));
    }

._wt-button_mode_black_j47yph_276._wt-button_theme_dark_j47yph_76, ._wt-button_mode_contrast_j47yph_277._wt-button_theme_dark_j47yph_76{
      color:#27282c;
      color:var(--wt-color-dark, #27282c);
      background-color:#ffffff;
      background-color:var(--wt-color-white, #ffffff);
    }

._wt-button_mode_black_j47yph_276._wt-button_theme_dark_j47yph_76 ._wt-button__busy-icon_j47yph_190, ._wt-button_mode_contrast_j47yph_277._wt-button_theme_dark_j47yph_76 ._wt-button__busy-icon_j47yph_190{
        color:#27282c;
        color:var(--wt-color-dark, #27282c);
      }

._wt-button_mode_black_j47yph_276._wt-button_theme_dark_j47yph_76:focus, ._wt-button_mode_contrast_j47yph_277._wt-button_theme_dark_j47yph_76:focus{
        color:#27282c;
        color:var(--wt-color-dark, #27282c);
        background-color:#ffffff;
        background-color:var(--wt-color-white, #ffffff);
      }

._wt-button_mode_black_j47yph_276._wt-button_theme_dark_j47yph_76:hover, ._wt-button_mode_contrast_j47yph_277._wt-button_theme_dark_j47yph_76:hover{
        color:#27282c;
        color:var(--wt-color-dark, #27282c);
        background:rgba(255, 255, 255, 0.60);
        background:var(--wt-color-white-60, rgba(255, 255, 255, 0.60));
      }

._wt-button_mode_black_j47yph_276._wt-button_theme_dark_j47yph_76:active, ._wt-button_mode_contrast_j47yph_277._wt-button_theme_dark_j47yph_76:active{
        color:#27282c;
        color:var(--wt-color-dark, #27282c);
        background:#ffffff;
        background:var(--wt-color-white, #ffffff);
      }

._wt-button_mode_black_j47yph_276._wt-button_theme_dark_j47yph_76:active:focus:not(:hover)[data-focus-method='key'], ._wt-button_mode_contrast_j47yph_277._wt-button_theme_dark_j47yph_76:active:focus:not(:hover)[data-focus-method='key']{
        background:rgba(76, 166, 255, 0.80);
        background:var(--wt-color-primary-dark-theme-80, rgba(76, 166, 255, 0.80));
      }

._wt-button_mode_black_j47yph_276._wt-button_theme_dark_j47yph_76._wt-button_disabled_j47yph_75, ._wt-button_mode_contrast_j47yph_277._wt-button_theme_dark_j47yph_76._wt-button_disabled_j47yph_75{
        color:rgba(255, 255, 255, 0.30);
        color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
        background:rgba(255, 255, 255, 0.20);
        background:var(--wt-color-white-20, rgba(255, 255, 255, 0.20));
      }

._wt-button_mode_black_j47yph_276._wt-button_theme_dark_j47yph_76._wt-button_disabled_j47yph_75 ._wt-button__busy-icon_j47yph_190, ._wt-button_mode_contrast_j47yph_277._wt-button_theme_dark_j47yph_76._wt-button_disabled_j47yph_75 ._wt-button__busy-icon_j47yph_190{
          color:rgba(255, 255, 255, 0.30);
          color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
        }

._wt-button_mode_black_j47yph_276._wt-button_theme_dark_j47yph_76._wt-button_highlighted_j47yph_327, ._wt-button_mode_contrast_j47yph_277._wt-button_theme_dark_j47yph_76._wt-button_highlighted_j47yph_327{
        color:#27282c;
        color:var(--wt-color-dark, #27282c);
        background:rgba(255, 255, 255, 0.60);
        background:var(--wt-color-white-60, rgba(255, 255, 255, 0.60));
      }

._wt-button_mode_transparent_j47yph_391{
    color:#ffffff;
    color:var(--wt-color-white, #ffffff);
    background:rgba(39, 40, 44, 0.40);
    background:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
  }

._wt-button_mode_transparent_j47yph_391 ._wt-button__busy-icon_j47yph_190{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
    }

._wt-button_mode_transparent_j47yph_391:focus{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:rgba(39, 40, 44, 0.40);
      background:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
    }

._wt-button_mode_transparent_j47yph_391:hover{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:rgba(39, 40, 44, 0.70);
      background:var(--wt-color-dark-70, rgba(39, 40, 44, 0.70));
    }

._wt-button_mode_transparent_j47yph_391:active{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background-color:#27282c;
      background-color:var(--wt-color-dark, #27282c);
    }

._wt-button_mode_transparent_j47yph_391._wt-button_disabled_j47yph_75{
      color:rgba(255, 255, 255, 0.30);
      color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
      background:rgba(39, 40, 44, 0.40);
      background:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
    }

._wt-button_mode_transparent_j47yph_391._wt-button_disabled_j47yph_75 ._wt-button__busy-icon_j47yph_190{
        color:rgba(255, 255, 255, 0.30);
        color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
      }

._wt-button_mode_outline_j47yph_436{
    border:solid 1px rgba(39, 40, 44, 0.40);
    border:solid 1px var(--wt-color-dark-40,  rgba(39, 40, 44, 0.40));

    color:#27282c;

    color:var(--wt-color-dark, #27282c);
  }

._wt-button_mode_outline_j47yph_436 ._wt-button__busy-icon_j47yph_190{
      color:#27282c;
      color:var(--wt-color-dark, #27282c);
    }

._wt-button_mode_outline_j47yph_436:focus{
      border:solid 1px rgba(39, 40, 44, 0.40);
      border:solid 1px var(--wt-color-dark-40,  rgba(39, 40, 44, 0.40));
      color:#27282c;
      color:var(--wt-color-dark, #27282c);
    }

._wt-button_mode_outline_j47yph_436:hover{
      border-color:rgba(39, 40, 44, 0.40);
      border-color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));

      color:#27282c;

      color:var(--wt-color-dark, #27282c);
      background:rgba(39, 40, 44, 0.05);
      background:var(--wt-color-dark-5, rgba(39, 40, 44, 0.05));
    }

._wt-button_mode_outline_j47yph_436:active{
      border-color:rgb(22, 125, 255);
      border-color:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
      box-shadow:inset rgb(22, 125, 255) 0 0 0 1px;
      box-shadow:inset var(--wt-color-primary-light-theme,  rgb(22, 125, 255)) 0 0 0 1px;

      color:#27282c;

      color:var(--wt-color-dark, #27282c);
      background:rgba(22, 125, 255, 0.20);
      background:var(--wt-color-primary-light-theme-20, rgba(22, 125, 255, 0.20));
    }

._wt-button_mode_outline_j47yph_436._wt-button_disabled_j47yph_75{
      border-color:rgba(39, 40, 44, 0.40);
      border-color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));

      color:rgba(39, 40, 44, 0.40);

      color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
    }

._wt-button_mode_outline_j47yph_436._wt-button_disabled_j47yph_75 ._wt-button__busy-icon_j47yph_190{
        color:rgba(39, 40, 44, 0.40);
        color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
      }

._wt-button_mode_outline_j47yph_436._wt-button_theme_dark_j47yph_76{
      border-color:rgba(255, 255, 255, 0.30);
      border-color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));

      color:#ffffff;

      color:var(--wt-color-white, #ffffff);
    }

._wt-button_mode_outline_j47yph_436._wt-button_theme_dark_j47yph_76 ._wt-button__busy-icon_j47yph_190{
        color:#ffffff;
        color:var(--wt-color-white, #ffffff);
      }

._wt-button_mode_outline_j47yph_436._wt-button_theme_dark_j47yph_76:hover{
        border-color:rgba(255, 255, 255, 0.60);
        border-color:var(--wt-color-white-60, rgba(255, 255, 255, 0.60));

        color:#ffffff;

        color:var(--wt-color-white, #ffffff);
        background:rgba(255, 255, 255, 0.10);
        background:var(--wt-color-white-10, rgba(255, 255, 255, 0.10));
      }

._wt-button_mode_outline_j47yph_436._wt-button_theme_dark_j47yph_76:active{
        border-color:rgb(76, 166, 255);
        border-color:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
        box-shadow:inset rgb(76, 166, 255) 0 0 0 1px;
        box-shadow:inset var(--wt-color-primary-dark-theme,  rgb(76, 166, 255)) 0 0 0 1px;

        color:#ffffff;

        color:var(--wt-color-white, #ffffff);
        background:rgba(76, 166, 255, 0.20);
        background:var(--wt-color-primary-dark-theme-20, rgba(76, 166, 255, 0.20));
      }

._wt-button_mode_outline_j47yph_436._wt-button_theme_dark_j47yph_76._wt-button_disabled_j47yph_75{
        border-color:rgba(255, 255, 255, 0.30);
        border-color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));

        color:rgba(255, 255, 255, 0.30);

        color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
      }

._wt-button_mode_outline_j47yph_436._wt-button_theme_dark_j47yph_76._wt-button_disabled_j47yph_75 ._wt-button__busy-icon_j47yph_190{
          color:rgba(255, 255, 255, 0.30);
          color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
        }

._wt-button_mode_outline_j47yph_436._wt-button_size_xs_j47yph_116{
    padding:3px 11px;
    border-width:1px;
  }

._wt-button_mode_outline_j47yph_436._wt-button_size_xs_j47yph_116._wt-button_narrow_j47yph_99{
    padding:3px 5px;
    border-width:1px;
  }

._wt-button_mode_outline_j47yph_436._wt-button_size_s_j47yph_104{
    padding:5px 15px;
    border-width:1px;
  }

._wt-button_mode_outline_j47yph_436._wt-button_size_s_j47yph_104._wt-button_narrow_j47yph_99{
    padding:5px 7px;
    border-width:1px;
  }

._wt-button_mode_outline_j47yph_436._wt-button_size_m_j47yph_92{
    padding:11px 31px;
    border-width:1px;
  }

._wt-button_mode_outline_j47yph_436._wt-button_size_m_j47yph_92._wt-button_narrow_j47yph_99{
    padding:11px 15px;
    border-width:1px;
  }

._wt-button_mode_outline_j47yph_436._wt-button_size_xs_j47yph_116._wt-button_without-text_j47yph_134{
    padding:3px 3px;
    border-width:1px;
  }

._wt-button_mode_outline_j47yph_436._wt-button_size_s_j47yph_104._wt-button_without-text_j47yph_134{
    padding:5px 5px;
    border-width:1px;
  }

._wt-button_mode_outline_j47yph_436._wt-button_size_m_j47yph_92._wt-button_without-text_j47yph_134{
    padding:11px 11px;
    border-width:1px;
  }

._wt-button_mode_nude_j47yph_596{
    color:#27282c;
    color:var(--wt-color-dark, #27282c);
    background:transparent;
  }

._wt-button_mode_nude_j47yph_596 ._wt-button__busy-icon_j47yph_190{
      color:#27282c;
      color:var(--wt-color-dark, #27282c);
    }

._wt-button_mode_nude_j47yph_596:focus{
      color:#27282c;
      color:var(--wt-color-dark, #27282c);
      background:transparent;
    }

._wt-button_mode_nude_j47yph_596:hover{
      color:#27282c;
      color:var(--wt-color-dark, #27282c);
      background:rgba(39, 40, 44, 0.05);
      background:var(--wt-color-dark-5, rgba(39, 40, 44, 0.05));
    }

._wt-button_mode_nude_j47yph_596:active{
      color:#27282c;
      color:var(--wt-color-dark, #27282c);
      background:rgba(22, 125, 255, 0.20);
      background:var(--wt-color-primary-light-theme-20, rgba(22, 125, 255, 0.20));
    }

._wt-button_mode_nude_j47yph_596._wt-button_disabled_j47yph_75{
      color:rgba(39, 40, 44, 0.40);
      color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
      background:transparent;
    }

._wt-button_mode_nude_j47yph_596._wt-button_disabled_j47yph_75 ._wt-button__busy-icon_j47yph_190{
        color:rgba(39, 40, 44, 0.40);
        color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
      }

._wt-button_mode_nude_j47yph_596._wt-button_highlighted_j47yph_327{
      color:#27282c;
      color:var(--wt-color-dark, #27282c);
      background:rgba(39, 40, 44, 0.05);
      background:var(--wt-color-dark-5, rgba(39, 40, 44, 0.05));
    }

._wt-button_mode_nude_j47yph_596._wt-button_theme_dark_j47yph_76{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:transparent;
    }

._wt-button_mode_nude_j47yph_596._wt-button_theme_dark_j47yph_76 ._wt-button__busy-icon_j47yph_190{
        color:#ffffff;
        color:var(--wt-color-white, #ffffff);
      }

._wt-button_mode_nude_j47yph_596._wt-button_theme_dark_j47yph_76:hover{
        color:#ffffff;
        color:var(--wt-color-white, #ffffff);
        background:rgba(255, 255, 255, 0.10);
        background:var(--wt-color-white-10, rgba(255, 255, 255, 0.10));
      }

._wt-button_mode_nude_j47yph_596._wt-button_theme_dark_j47yph_76:active{
        color:#ffffff;
        color:var(--wt-color-white, #ffffff);
        background:rgba(76, 166, 255, 0.20);
        background:var(--wt-color-primary-dark-theme-20, rgba(76, 166, 255, 0.20));
      }

._wt-button_mode_nude_j47yph_596._wt-button_theme_dark_j47yph_76._wt-button_disabled_j47yph_75{
        color:rgba(255, 255, 255, 0.30);
        color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
      }

._wt-button_mode_nude_j47yph_596._wt-button_theme_dark_j47yph_76._wt-button_disabled_j47yph_75 ._wt-button__busy-icon_j47yph_190{
          color:rgba(255, 255, 255, 0.30);
          color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
        }

._wt-button_mode_nude_j47yph_596._wt-button_theme_dark_j47yph_76._wt-button_highlighted_j47yph_327{
        color:#ffffff;
        color:var(--wt-color-white, #ffffff);
        background:rgba(255, 255, 255, 0.10);
        background:var(--wt-color-white-10, rgba(255, 255, 255, 0.10));
      }

._wt-button__icon_j47yph_687{
  fill:currentColor;
}

._wt-button_size_xs_j47yph_116 ._wt-button__icon_j47yph_687{
  width:16px;
  height:16px;
  min-width:16px;
  min-height:16px;
  margin:0 6px  0 0;
  margin:0 var(--wt-brick-internal-spacer-xs,  6px)  0 0;
}

._wt-button_size_xs_j47yph_116._wt-button_align-icon_right_j47yph_85 ._wt-button__icon_j47yph_687{
    margin:0 0 0 6px;
    margin:0 0 0 var(--wt-brick-internal-spacer-xs,  6px);
  }

._wt-button_size_s_j47yph_104 ._wt-button__icon_j47yph_687{
  width:24px;
  height:24px;
  min-width:24px;
  min-height:24px;
  margin:0 8px  0 0;
  margin:0 var(--wt-brick-internal-spacer-s,  8px)  0 0;
}

._wt-button_size_s_j47yph_104._wt-button_align-icon_right_j47yph_85 ._wt-button__icon_j47yph_687{
    margin:0 0 0 8px;
    margin:0 0 0 var(--wt-brick-internal-spacer-s,  8px);
  }

._wt-button_size_m_j47yph_92 ._wt-button__icon_j47yph_687{
  width:24px;
  height:24px;
  min-width:24px;
  min-height:24px;
  margin:0 16px  0 0;
  margin:0 var(--wt-brick-internal-spacer-m,  16px)  0 0;
}

._wt-button_size_m_j47yph_92._wt-button_align-icon_right_j47yph_85 ._wt-button__icon_j47yph_687{
    margin:0 0 0 16px;
    margin:0 0 0 var(--wt-brick-internal-spacer-m,  16px);
  }

._wt-button_j47yph_1._wt-button_without-text_j47yph_134 ._wt-button__icon_j47yph_687{
    margin:0;
  }

._wt-button__busy-icon_j47yph_190{
  position:absolute;
}
.wt-icon{
  fill:currentcolor;
}

  .wt-icon_size_xs{
    width:16px;
    height:16px;
  }

  .wt-icon_size_s,
  .wt-icon_size_m{
    width:24px;
    height:24px;
  }

  .wt-icon_size_l{
    width:28px;
    height:28px;
  }

  .wt-icon_theme_light{
    fill:#27282c;
  }

  .wt-icon_theme_dark{
    fill:#ffffff;
  }

@-webkit-keyframes wt-icon-rotate{
  to{
    transform:rotate(360deg)
  }
}

@keyframes wt-icon-rotate{
  to{
    transform:rotate(360deg)
  }
}


  ._wt-dropdown_oi22e_1{
  display:block;
  box-sizing:border-box;
  position:relative;
  overflow-y:auto;
  border-style:solid;
  border-width:1px;
}

  ._wt-dropdown__trigger-wrapper_oi22e_11{
    display:inline-block;
  }

  ._wt-dropdown_size_xs_oi22e_15{
   min-width:200px;
   max-width:283px;
 }

  ._wt-dropdown_size_s_oi22e_20{
    min-width:316px;
    max-width:389px;
  }

  ._wt-dropdown_size_m_oi22e_25{
    min-width:316px;
    max-width:494px;
  }

  ._wt-dropdown_theme_light_oi22e_30{
    background-color:#ffffff;
  }

  ._wt-dropdown_theme_light_oi22e_30._wt-dropdown_border-hardness_average_oi22e_34{
    border-color:rgba(39, 40, 44, 0.70);
  }

  ._wt-dropdown_theme_light_oi22e_30._wt-dropdown_border-hardness_pale_oi22e_38{
    border-color:rgba(39, 40, 44, 0.40);
  }

  ._wt-dropdown_theme_dark_oi22e_42{
    background-color:#27282c;
  }

  ._wt-dropdown_theme_dark_oi22e_42._wt-dropdown_border-hardness_average_oi22e_34{
    border-color:rgba(255, 255, 255, 0.60);
  }

  ._wt-dropdown_theme_dark_oi22e_42._wt-dropdown_border-hardness_pale_oi22e_38{
    border-color:rgba(255, 255, 255, 0.30);
  }



  ._wt-list-item_1dhjbl3_1{
    display:flex;
    outline:none;
    cursor:pointer;
}


  ._wt-list-item__content_1dhjbl3_10{
    flex-grow:1;
    font-size:inherit;
  }


  ._wt-list-item_placement_right_1dhjbl3_18{
    justify-content:space-between;
  }


  ._wt-list-item_theme_light_1dhjbl3_25:focus[data-focus-method='key']{
      box-shadow:rgba(22, 125, 255, 0.80) 0 0 0 4px;
      box-shadow:var(--wt-color-primary-light-theme-80, rgba(22, 125, 255, 0.80)) 0 0 0 4px;
    }


  ._wt-list-item_theme_dark_1dhjbl3_33:focus[data-focus-method='key']{
      box-shadow:rgba(76, 166, 255, 0.80) 0 0 0 4px;
      box-shadow:var(--wt-color-primary-dark-theme-80, rgba(76, 166, 255, 0.80)) 0 0 0 4px;
    }


  ._wt-list-item_1dhjbl3_1._wt-list-item_theme_light_1dhjbl3_25._wt-list-item_disabled_1dhjbl3_41{
    pointer-events:none;
    color:rgba(39, 40, 44, 0.40);
  }


  ._wt-list-item_1dhjbl3_1._wt-list-item_theme_dark_1dhjbl3_33._wt-list-item_disabled_1dhjbl3_41{
    pointer-events:none;
    color:rgba(255, 255, 255, 0.30);
  }


  ._wt-list-item_size_xs_1dhjbl3_53._wt-list-item_mode_cell_1dhjbl3_53{
    padding:4px 6px;
    border-width:0px;
  }


  ._wt-list-item_size_s_1dhjbl3_59._wt-list-item_mode_cell_1dhjbl3_53{
    padding:6px 8px;
    border-width:0px;
  }


  ._wt-list-item_size_m_1dhjbl3_65._wt-list-item_mode_cell_1dhjbl3_53{
    padding:12px 16px;
    border-width:0px;
    }


  ._wt-list-item_size_l_1dhjbl3_71._wt-list-item_mode_cell_1dhjbl3_53{
    padding:14px 20px;
    border-width:0px;
  }


  ._wt-list-item_size_xs_1dhjbl3_53._wt-list-item_mode_nude_1dhjbl3_77{
    padding:4px 0px;
    border-width:0px;
  }


  ._wt-list-item_size_s_1dhjbl3_59._wt-list-item_mode_nude_1dhjbl3_77{
    padding:6px 0px;
    border-width:0px;
  }


  ._wt-list-item_size_m_1dhjbl3_65._wt-list-item_mode_nude_1dhjbl3_77{
    padding:12px 0px;
    border-width:0px;
  }


  ._wt-list-item_size_l_1dhjbl3_71._wt-list-item_mode_nude_1dhjbl3_77{
    padding:14px 0px;
    border-width:0px;
  }


  ._wt-list-item_size_xs_1dhjbl3_53._wt-list-item_theme_light_1dhjbl3_25{
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:16px;
  }


  ._wt-list-item_size_s_1dhjbl3_59._wt-list-item_theme_light_1dhjbl3_25,
  ._wt-list-item_size_m_1dhjbl3_65._wt-list-item_theme_light_1dhjbl3_25{
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:15px;
    font-weight:normal;
    line-height:24px;
  }


  ._wt-list-item_size_l_1dhjbl3_71._wt-list-item_theme_light_1dhjbl3_25{
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:18px;
    font-weight:normal;
    line-height:28px;
  }


  ._wt-list-item_size_xs_1dhjbl3_53._wt-list-item_theme_dark_1dhjbl3_33{
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:16px;
    color:rgba(255, 255, 255, 0.60);
  }


  ._wt-list-item_size_s_1dhjbl3_59._wt-list-item_theme_dark_1dhjbl3_33,
  ._wt-list-item_size_m_1dhjbl3_65._wt-list-item_theme_dark_1dhjbl3_33{
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:15px;
    font-weight:normal;
    line-height:24px;
    color:rgba(255, 255, 255, 0.60);
  }


  ._wt-list-item_size_l_1dhjbl3_71._wt-list-item_theme_dark_1dhjbl3_33{
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:18px;
    font-weight:normal;
    line-height:28px;
    color:rgba(255, 255, 255, 0.60);
  }


  ._wt-list-item_mode_cell_1dhjbl3_53._wt-list-item_theme_light_1dhjbl3_25._wt-list-item_selected_1dhjbl3_166{
    color:#27282c;
    background-color:rgba(22, 125, 255, 0.20);
    background-color:var(--wt-color-primary-light-theme-20, rgba(22, 125, 255, 0.20));
  }


  ._wt-list-item_mode_cell_1dhjbl3_53._wt-list-item_theme_dark_1dhjbl3_33._wt-list-item_selected_1dhjbl3_166{
    color:#ffffff;
    background-color:rgba(76, 166, 255, 0.20);
    background-color:var(--wt-color-primary-dark-theme-20, rgba(76, 166, 255, 0.20));
  }


  ._wt-list-item_mode_nude_1dhjbl3_77._wt-list-item_theme_light_1dhjbl3_25._wt-list-item_selected_1dhjbl3_166{
    color:rgb(22, 125, 255);
    color:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
  }


  ._wt-list-item_mode_nude_1dhjbl3_77._wt-list-item_theme_dark_1dhjbl3_33._wt-list-item_selected_1dhjbl3_166{
    color:rgb(76, 166, 255);
    color:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
  }


  ._wt-list-item_mode_cell_1dhjbl3_53._wt-list-item_theme_light_1dhjbl3_25._wt-list-item_highlighted_1dhjbl3_192{
    color:#27282c;
    background-color:rgba(39, 40, 44, 0.05);
  }


  ._wt-list-item_mode_cell_1dhjbl3_53._wt-list-item_theme_dark_1dhjbl3_33._wt-list-item_highlighted_1dhjbl3_192{
    color:#ffffff;
    background-color:rgba(255, 255, 255, 0.10);
  }


  ._wt-list-item_mode_nude_1dhjbl3_77._wt-list-item_theme_light_1dhjbl3_25._wt-list-item_highlighted_1dhjbl3_192{
    color:#27282c;
  }


  ._wt-list-item_mode_nude_1dhjbl3_77._wt-list-item_theme_dark_1dhjbl3_33._wt-list-item_highlighted_1dhjbl3_192{
      color:#ffffff;
  }


  ._wt-list-item_mode_cell_1dhjbl3_53._wt-list-item_theme_light_1dhjbl3_25:not(._wt-list-item_highlighted_1dhjbl3_192):hover{
    color:#27282c;
    background-color:rgba(39, 40, 44, 0.05);
  }


  ._wt-list-item_mode_cell_1dhjbl3_53._wt-list-item_theme_light_1dhjbl3_25:active{
    color:#27282c;
    background-color:rgba(22, 125, 255, 0.20);
    background-color:var(--wt-color-primary-light-theme-20, rgba(22, 125, 255, 0.20));
  }


  ._wt-list-item_mode_cell_1dhjbl3_53._wt-list-item_theme_light_1dhjbl3_25._wt-list-item_highlighted_1dhjbl3_192._wt-list-item_selected_1dhjbl3_166{
    background-color:rgba(39, 40, 44, 0.20);
  }


  ._wt-list-item_mode_cell_1dhjbl3_53._wt-list-item_theme_light_1dhjbl3_25._wt-list-item_highlighted_1dhjbl3_192._wt-list-item_selected_1dhjbl3_166:hover{
    background-color:rgba(39, 40, 44, 0.20);
  }


  ._wt-list-item_mode_cell_1dhjbl3_53._wt-list-item_theme_dark_1dhjbl3_33:not(._wt-list-item_highlighted_1dhjbl3_192):hover{
    color:#ffffff;
    background-color:rgba(255, 255, 255, 0.10);
  }


  ._wt-list-item_mode_cell_1dhjbl3_53._wt-list-item_theme_dark_1dhjbl3_33:active{
    color:#ffffff;
    background-color:rgba(76, 166, 255, 0.20);
    background-color:var(--wt-color-primary-dark-theme-20, rgba(76, 166, 255, 0.20));
  }


  ._wt-list-item_mode_cell_1dhjbl3_53._wt-list-item_theme_dark_1dhjbl3_33._wt-list-item_highlighted_1dhjbl3_192._wt-list-item_selected_1dhjbl3_166{
    background-color:rgba(255, 255, 255, 0.20);
  }


  ._wt-list-item_mode_cell_1dhjbl3_53._wt-list-item_theme_dark_1dhjbl3_33._wt-list-item_highlighted_1dhjbl3_192._wt-list-item_selected_1dhjbl3_166:hover{
    background-color:rgba(255, 255, 255, 0.20);
  }


  ._wt-list-item_mode_nude_1dhjbl3_77._wt-list-item_theme_light_1dhjbl3_25:not(._wt-list-item_highlighted_1dhjbl3_192):hover{
    color:#27282c;
  }


  ._wt-list-item_mode_nude_1dhjbl3_77._wt-list-item_theme_light_1dhjbl3_25._wt-list-item_highlighted_1dhjbl3_192._wt-list-item_selected_1dhjbl3_166{
    background-color:rgba(39, 40, 44, 0.20);
  }


  ._wt-list-item_mode_nude_1dhjbl3_77._wt-list-item_theme_light_1dhjbl3_25._wt-list-item_highlighted_1dhjbl3_192._wt-list-item_selected_1dhjbl3_166:hover{
    background-color:rgba(39, 40, 44, 0.20);
  }


  ._wt-list-item_mode_nude_1dhjbl3_77._wt-list-item_theme_dark_1dhjbl3_33:not(._wt-list-item_highlighted_1dhjbl3_192):hover{
    color:#ffffff;
  }


  ._wt-list-item_mode_nude_1dhjbl3_77._wt-list-item_theme_dark_1dhjbl3_33._wt-list-item_highlighted_1dhjbl3_192._wt-list-item_selected_1dhjbl3_166{
    background-color:rgba(255, 255, 255, 0.20);
  }


  ._wt-list-item_mode_nude_1dhjbl3_77._wt-list-item_theme_dark_1dhjbl3_33._wt-list-item_highlighted_1dhjbl3_192._wt-list-item_selected_1dhjbl3_166:hover{
    background-color:rgba(255, 255, 255, 0.20);
  }

._wt-list-item__icon_1dhjbl3_289{
  flex:0 0;
  flex-basis:auto;
}

._wt-list-item_size_xs_1dhjbl3_53 ._wt-list-item__icon_placement_left_1dhjbl3_297{
      margin-right:6px;
    }

._wt-list-item_size_xs_1dhjbl3_53 ._wt-list-item__icon_placement_right_1dhjbl3_301{
      margin-left:6px;
    }

._wt-list-item_size_s_1dhjbl3_59 ._wt-list-item__icon_placement_left_1dhjbl3_297{
      margin-right:8px;
    }

._wt-list-item_size_s_1dhjbl3_59 ._wt-list-item__icon_placement_right_1dhjbl3_301{
      margin-left:8px;
    }

._wt-list-item_size_m_1dhjbl3_65 ._wt-list-item__icon_placement_left_1dhjbl3_297{
      margin-right:16px;
    }

._wt-list-item_size_m_1dhjbl3_65 ._wt-list-item__icon_placement_right_1dhjbl3_301{
      margin-left:16px;
    }

._wt-list-item_size_l_1dhjbl3_71 ._wt-list-item__icon_placement_left_1dhjbl3_297{
      margin-right:20px;
    }

._wt-list-item_size_l_1dhjbl3_71 ._wt-list-item__icon_placement_right_1dhjbl3_301{
      margin-left:20px;
    }

._wt-list-divider_1dhjbl3_329{
  width:100%;
  border:none;
  height:1px;
  margin:0;
  flex-shrink:0;
}

._wt-list-divider_theme_light_1dhjbl3_338{
    background-color:rgba(39, 40, 44, 0.20);
  }

._wt-list-divider_theme_dark_1dhjbl3_342{
    background-color:rgba(255, 255, 255, 0.20);
  }

._wt-list-group-header_1dhjbl3_346{
  border:none;
  text-transform:uppercase;
}

._wt-list-group-header_size_xs_1dhjbl3_351{
    padding:4px 6px;
    border-width:0px;
    padding-top:6px;
    padding-bottom:0px;
  }

._wt-list-group-header_size_s_1dhjbl3_358{
    padding:6px 8px;
    border-width:0px;
    padding-top:11px;
    padding-bottom:6px;
  }

._wt-list-group-header_size_m_1dhjbl3_365{
    padding:12px 16px;
    border-width:0px;
    padding-top:22px;
    padding-bottom:12px;
  }

._wt-list-group-header_size_s_1dhjbl3_358._wt-list-group-header_theme_light_1dhjbl3_372,
  ._wt-list-group-header_size_m_1dhjbl3_365._wt-list-group-header_theme_light_1dhjbl3_372{
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:15px;
    font-weight:normal;
    line-height:24px;
  }

._wt-list-group-header_size_s_1dhjbl3_358._wt-list-group-header_theme_dark_1dhjbl3_382,
  ._wt-list-group-header_size_m_1dhjbl3_365._wt-list-group-header_theme_dark_1dhjbl3_382{
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:15px;
    font-weight:normal;
    line-height:24px;
    color:rgba(255, 255, 255, 0.60);
  }

._wt-list-group-header_size_xs_1dhjbl3_351._wt-list-group-header_theme_light_1dhjbl3_372{
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:16px;
  }

._wt-list-group-header_size_xs_1dhjbl3_351._wt-list-group-header_theme_dark_1dhjbl3_382{
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:16px;
    color:rgba(255, 255, 255, 0.60);
  }
:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}.dropdown {
  min-width: 0;
}/* a hack to make text-overflow ellipsis work */.dropdown .wt-dropdown__trigger-wrapper {
  max-width: 100%;
}.dropdown__trigger {
  display: flex;
  align-items: center;

  min-width: 0;

  margin-right: 22px;

  margin-right: var(--wh-gap-m);
  padding: 4px 0;

  cursor: pointer;

}.dropdown__trigger--size-s {
    font-size:15px;
  }.dropdown__trigger--size-xs {
    font-size:12px;
  }.dropdown__trigger--theme-dark {
    color: #ffffff;
    color: var(--wt-color-white)
  }.dropdown__trigger--theme-light {
    color: #27282c;
    color: var(--wt-color-dark)
  }.dropdown__label {
  overflow: hidden;

  flex: 1 1 auto;

  margin-right: 4px;

  white-space: nowrap;

  text-overflow: ellipsis;
}.dropdown__list {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;
}.dropdown__list-item--current {
  background-color: rgba(39, 40, 44, 0.05);
  background-color: var(--wh-color-backlight);
}
.wt-icon{
  fill:currentcolor;
}

  .wt-icon_size_xs{
    width:16px;
    height:16px;
  }

  .wt-icon_size_s,
  .wt-icon_size_m{
    width:24px;
    height:24px;
  }

  .wt-icon_size_l{
    width:28px;
    height:28px;
  }

  .wt-icon_theme_light{
    fill:#27282c;
  }

  .wt-icon_theme_dark{
    fill:#ffffff;
  }

@-webkit-keyframes wt-icon-rotate{
  to{
    transform:rotate(360deg)
  }
}

@keyframes wt-icon-rotate{
  to{
    transform:rotate(360deg)
  }
}

._wt-card_ru6f9_1{
  display:flex;
  flex-direction:column;
  border-style:solid;
  border-width:1px;
  min-height:0;
  box-sizing:border-box;
}
._wt-card_theme_light_ru6f9_15{
    border-color:rgba(39, 40, 44, 0.20);

    color:#27282c;

    background-color:#ffffff;
  }
._wt-card_theme_dark_ru6f9_22{
    border-color:transparent;

    color:#ffffff;

    background-color:rgba(255, 255, 255, 0.05);
  }
._wt-card_nude_ru6f9_29{
    border:solid 1px transparent;
  }
._wt-card_link_ru6f9_32{

    cursor:pointer;

    text-decoration:none;


  }
._wt-card_link_ru6f9_32:focus, ._wt-card_link_ru6f9_32:active, ._wt-card_link_ru6f9_32:hover{
      text-decoration:none;
    }
._wt-card_link_ru6f9_32:focus{
      outline:none;
    }
._wt-card_link_ru6f9_32:focus[data-focus-method='key']{
      outline:solid 4px rgba(22, 125, 255, 0.80);
      outline:solid 4px var(--wt-color-primary-light-theme-80,  rgba(22, 125, 255, 0.80));
    }
._wt-card_link_ru6f9_32._wt-card_theme_light_ru6f9_15:hover{
        border-color:rgba(39, 40, 44, 0.70);
      }
._wt-card_link_ru6f9_32._wt-card_theme_light_ru6f9_15:hover [class*="wt-text"]{
          color:#27282c;
        }
._wt-card_link_ru6f9_32._wt-card_theme_light_ru6f9_15:active{
        background-color:rgba(22, 125, 255, 0.20);
        background-color:var(--wt-color-primary-light-theme-20, rgba(22, 125, 255, 0.20));
        border-color:rgba(39, 40, 44, 0.70);
      }
._wt-card_link_ru6f9_32._wt-card_theme_light_ru6f9_15:active [class*="wt-text"]{
          color:#27282c
        }
._wt-card_link_ru6f9_32._wt-card_theme_light_ru6f9_15._wt-card_nude_ru6f9_29:hover{
          border-color:transparent;
          background-color:rgba(39, 40, 44, 0.05);
        }
._wt-card_link_ru6f9_32._wt-card_theme_light_ru6f9_15._wt-card_nude_ru6f9_29:active{
          border-color:transparent;
          background-color:rgba(22, 125, 255, 0.20);
          background-color:var(--wt-color-primary-light-theme-20, rgba(22, 125, 255, 0.20));
        }
._wt-card_link_ru6f9_32._wt-card_theme_dark_ru6f9_22:hover{
        background-color:rgba(255, 255, 255, 0.05);
      }
._wt-card_link_ru6f9_32._wt-card_theme_dark_ru6f9_22:hover [class*="wt-text"]{
          color:#ffffff;
        }
._wt-card_link_ru6f9_32._wt-card_theme_dark_ru6f9_22:active{
        background-color:rgba(76, 166, 255, 0.20);
        background-color:var(--wt-color-primary-dark-theme-20, rgba(76, 166, 255, 0.20));
      }
._wt-card_link_ru6f9_32._wt-card_theme_dark_ru6f9_22:active [class*="wt-text"]{
          color:#ffffff;
        }
._wt-card_link_ru6f9_32._wt-card_theme_dark_ru6f9_22._wt-card_nude_ru6f9_29:hover{
          border-color:transparent;
          background-color:rgba(255, 255, 255, 0.05);
        }
._wt-card_link_ru6f9_32._wt-card_theme_dark_ru6f9_22._wt-card_nude_ru6f9_29:active{
          border-color:transparent;
          background-color:rgba(76, 166, 255, 0.20);
          background-color:var(--wt-color-primary-dark-theme-20, rgba(76, 166, 255, 0.20));
        }
._wt-card__image_ru6f9_95{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;

  width:100%;

  height:230px;

  padding:24px 32px;

  box-sizing:border-box;

  color:#ffffff;
  background-repeat:no-repeat;

  background-size:cover;
}
._wt-card__image_ru6f9_95 > *{
    -ms-flex-preferred-size:auto;
    flex:1;
  }
@media screen and (max-width: 640px){
._wt-card__image_ru6f9_95{
    padding:16px;
}
  }
._wt-card__section_ru6f9_133{
  overflow:auto;
  flex:1 1 auto;
  position:relative;
  min-height:0;
  box-sizing:border-box;

  padding:24px 32px;

}
@media screen and (max-width: 640px){
._wt-card__section_ru6f9_133{
    padding:16px

}
  }
._wt-card__section_vertically-fixed_ru6f9_152{
    flex:0 0 auto;
    overflow:initial;
  }
._wt-card_nude_ru6f9_29 ._wt-card__section_ru6f9_133{
    padding:24px 0;
  }
._wt-card_ru6f9_1:not(._wt-card_nude_ru6f9_29) ._wt-card__section_ru6f9_133 ~ ._wt-card__section_ru6f9_133{
    border-top-style:solid;
    border-top-width:1px;
  }
._wt-card_centered_ru6f9_165 ._wt-card__section_ru6f9_133{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
._wt-card_theme_light_ru6f9_15 ._wt-card__section_ru6f9_133{
    border-top-color:rgba(39, 40, 44, 0.20);
  }
._wt-card_theme_dark_ru6f9_22 ._wt-card__section_ru6f9_133{
    border-top-color:rgba(255, 255, 255, 0.20);
  }
._wt-card__corner-action_ru6f9_183{
  position:absolute;
  top:0;
  right:0;
}
.tippy-tooltip[data-animation=shift-away][data-placement^=top][data-state=hidden]{transform:translateY(10px)}.tippy-tooltip[data-animation=shift-away][data-placement^=bottom][data-state=hidden]{transform:translateY(-10px)}.tippy-tooltip[data-animation=shift-away][data-placement^=left][data-state=hidden]{transform:translateX(10px)}.tippy-tooltip[data-animation=shift-away][data-placement^=right][data-state=hidden]{transform:translateX(-10px)}.tippy-tooltip[data-animation=shift-away][data-state=hidden]{opacity:0}
:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.link {
  padding-bottom: 2px;

  border-bottom: 1px solid rgba(39, 40, 44, 0.20);

  border-bottom: 1px solid var(--wh-color-border);

  cursor: pointer;
  text-decoration: none;

  color: inherit;

  font-size: inherit;
  line-height: inherit;
  transition: color 100ms, border-color 100ms;
  transition: color var(--wh-transition-xfast), border-color var(--wh-transition-xfast);
}
.link:active,
  .link:focus {
    border-bottom-color: unset;
  }
.link:visited {
    color: #67686b;
    color: var(--wh-color-link-text-visited);
  }
.link:hover {
    border-bottom-color: unset;

    color: inherit;
  }
.link--external::after {
      margin-left: 4px;

      content: '\2197';

      font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    }
.link--email::after {
      display: inline;

      margin-left: 6px;

      content: '\00a0\00a0\00a0\00a0';

      color: transparent;

      background: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg' fill='%2327282c'%3E%3Cpath d='M13.25 3H2.75L8 7zM8 9L2 4.57v6.76A1.59 1.59 0 003.5 13h9a1.59 1.59 0 001.5-1.67V4.57z' fill='%2327282c' /%3E%3C/svg%3E") no-repeat 50%/100%;

      line-height: inherit;
    }
.link--email:visited {
      color: inherit;
    }
.link--email.link--dark::after {
      background: url("data:image/svg+xml,%3Csvg height='16' width='16' xmlns='http://www.w3.org/2000/svg' fill='rgb(255, 255, 255)' fill-opacity='0.8'%3E%3Cpath d='M13.25 3H2.75L8 7zM8 9L2 4.57v6.76A1.59 1.59 0 003.5 13h9a1.59 1.59 0 001.5-1.67V4.57z' fill='rgb(255, 255, 255)' fill-opacity='0.8' /%3E%3C/svg%3E") no-repeat 50%/100%;
    }
.link__popover {
  max-width: 320px;
  max-width: var(--wh-max-width-xs);

  background-color: #ffffff;

  background-color: var(--wh-color-popover-bg);
}

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
.layout {
  /* fix autoprefixer bug */
  flex: 0 0 0;

  box-sizing: border-box;
  height: 100%;
}
.layout--scroll-element {
  flex-basis: auto;

  height: auto;
}
.layout--scroll-container {
  overflow-y: auto;
}
.layout--rows,
.layout--columns {
  display: flex;

  width: 100%;
  min-height: 0;
}
@media print {
.layout--rows,
.layout--columns {
    display: block
}
  }
/* Hack in Safary for Sticky */
.layout--columns > .layout {
  height: auto;
}
/* --- */
.layout--page {
  min-height: 100%;
}
.layout--rows {
  flex-direction: column;
}
.layout--grow {
  flex-grow: 1;
}
.layout--container {
  max-width: 1476px;
  max-width: var(--wh-max-width);
  padding: 0 22px;
  padding: 0 var(--wh-gap-m);
}
@media screen and (max-width: 640px) {
.layout--container {
    padding: 0 16px;
    padding: 0 var(--wh-gap-sm)
}
  }
.layout--container-content {
  width: 100%;
  max-width: 1166px;
  max-width: var(--wh-max-width-content);
  margin-right: auto;
  margin-left: auto;
  padding: 0 22px 0 32px;
  padding: 0 var(--wh-gap-m) 0 var(--wh-gap-lg);
}
@media screen and (max-width: 1000px) {
.layout--container-content {
    padding: 0 22px;
    padding: 0 var(--wh-gap-m)
}
  }
@media screen and (max-width: 640px) {
.layout--container-content {
    padding: 0 16px;
    padding: 0 var(--wh-gap-sm)
}
  }
.layout--unlimited {
  max-width: none;
}
/* prevent overflow by absolute nested elements (e.g. virtual toc) */
.layout--overflow-guard {
  position: relative;

  overflow: hidden;
}

.stretch__wrapper {
  height: 100%;
}

.stretch {
  position: absolute;

  overflow: hidden;
}

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}

.footer {
  padding: 24px 0;
}

.footer__copyright-container {
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 640px) {

.footer__copyright-container {
    justify-content: flex-start
}
  }

.footer__copyright {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;

  color: var(--wh-color-secondary-text);
}

@media screen and (max-width: 640px) {

.footer__copyright {
    margin-top: 16px
}
  }
:root{
  --wt-offset-top-unit:24px;
}

@media screen and (max-width: 640px){
  :root{
    --wt-offset-top-unit:16px;
  }
}

.wt-layout{
  display:flex;
  flex-direction:column;

  box-sizing:border-box;

  height:100%;
}

.wt-layout_with-sidebar{
    flex-wrap:nowrap;
    flex-direction:row;
  }

.wt-layout_with-sidebar .wt-container{

      margin-left:calc((100% + 240px - 1276px) / 2 - 240px);
    }

@media screen and (max-width: 1776px){

.wt-layout_with-sidebar .wt-container{
        margin-left:0;
    }
      }

@media screen and (max-width: 1540px){

.wt-layout_with-sidebar .wt-container{
        max-width:996px;
        margin-right:auto;
        margin-left:calc((100% - 1000px) / 2 + 22px);
    }
      }

@media screen and (max-width: 1276px){

.wt-layout_with-sidebar .wt-container{
        margin-left:auto;
    }
      }

@media screen and (max-width: 1000px){

.wt-layout_with-sidebar .wt-container{
        max-width:100%;
    }
      }

.wt-layout_with-sidebar .wt-layout__content{
      flex:1 0 0;
    }

.wt-layout__header{
    flex-shrink:0;

    box-sizing:border-box;
  }

.wt-layout__sidebar{
    flex-basis:240px;

    box-sizing:border-box;
    max-width:240px;
  }

.wt-layout__content{
    flex:1 0 auto;

    box-sizing:border-box;
  }

.wt-layout__footer{
    flex-shrink:0;

    box-sizing:border-box;
  }

.wt-section{
  box-sizing:border-box;
  padding-top:1px;
  padding-bottom:calc(4 * 24px);
  padding-bottom:calc(4 * var(--wt-offset-top-unit,  24px));

  background-color:#ffffff;

  background-color:var(--wt-color-white, #ffffff);
}

.wt-section_bg_gray-light{
    background-color:#F4F4F4;
    background-color:var(--wt-color-grey-light, #F4F4F4);
  }

.wt-section_bg_dark{
    background-color:#27282c;
    background-color:var(--wt-color-dark, #27282c);
  }

.wt-section_bg_gray-dark{
    background-color:#323236;
    background-color:var(--wt-color-grey-dark, #323236);
  }

.wt-hr{
  width:100%;

  height:1px;

  border:0;

  background-color:rgba(39, 40, 44, 0.20);

  background-color:var(--wt-color-dark-20, rgba(39, 40, 44, 0.20));
}

.wt-hr_theme_dark{
    background-color:rgba(255, 255, 255, 0.20);
    background-color:var(--wt-color-white-20, rgba(255, 255, 255, 0.20));
  }

.wt-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding-left: 22px;
  padding-right: 22px;
  max-width: 1276px;
}

@media screen and (max-width: 1276px) {

  .wt-container {
    padding-left: 22px;
    padding-right: 22px;
    max-width: 996px;
  }
}

@media screen and (max-width: 1000px) {

  .wt-container {
    padding-left: 22px;
    padding-right: 22px;
    max-width: 100%;
  }
}

@media screen and (max-width: 640px) {

  .wt-container {
    padding-left: 16px;
    padding-right: 16px;
    max-width: 100%;
  }
}

[class*="wt-col"] {
  margin-right: var(--wt-horizontal-layout-gutter);
  margin-left: var(--wt-horizontal-layout-gutter);
  flex-basis: calc(100% / 12 * var(--wt-col-count) - var(--wt-horizontal-layout-gutter) * 2);
  max-width: calc(100% / 12 * var(--wt-col-count) - var(--wt-horizontal-layout-gutter) * 2);
  box-sizing: border-box;
}

[class*="wt-col"].wt-row {
  margin-right: var(--wt-horizontal-layout-gutter);
  margin-left: var(--wt-horizontal-layout-gutter);
}

[class*="wt-col"][class*="wt-offset-left"] {
  margin-left: calc(100% / 12 * 0 + var(--wt-horizontal-layout-gutter));
  margin-left: calc(100% / 12 * var(--wt-offset-left, 0) + var(--wt-horizontal-layout-gutter));
}

[class*="wt-col"][class*="wt-offset-left"].wt-row {
  margin-left: calc(100% / 12 * 0 + var(--wt-horizontal-layout-gutter));
  margin-left: calc(100% / 12 * var(--wt-offset-left, 0) + var(--wt-horizontal-layout-gutter));
}

.wt-col_align-self_start {
  align-self: flex-start;
}

.wt-col_align-self_center {
  align-self: center;
}

.wt-col_align-self_end {
  align-self: flex-end;
}

.wt-col_align-self_stretch {
  align-self: stretch;
}

.wt-col-auto-fill {
  --wt-col-count: 0;
  flex-grow: 1;
  max-width: 100%;
}

.wt-col-inline {
  --wt-col-count: 0;
  max-width: 100%;
  flex-basis: auto;
}

.wt-col-break {
  --wt-col-count: 12;
  --wt-horizontal-layout-gutter: 0px;
}

.wt-col-1 {
  --wt-col-count: 1;
}

.wt-col-2 {
  --wt-col-count: 2;
}

.wt-col-3 {
  --wt-col-count: 3;
}

.wt-col-4 {
  --wt-col-count: 4;
}

.wt-col-5 {
  --wt-col-count: 5;
}

.wt-col-6 {
  --wt-col-count: 6;
}

.wt-col-7 {
  --wt-col-count: 7;
}

.wt-col-8 {
  --wt-col-count: 8;
}

.wt-col-9 {
  --wt-col-count: 9;
}

.wt-col-10 {
  --wt-col-count: 10;
}

.wt-col-11 {
  --wt-col-count: 11;
}

.wt-col-12 {
  --wt-col-count: 12;
}

.wt-offset-left-0 {
  --wt-offset-left: 0;
}

.wt-offset-left-1 {
  --wt-offset-left: 1;
}

.wt-offset-left-2 {
  --wt-offset-left: 2;
}

.wt-offset-left-3 {
  --wt-offset-left: 3;
}

.wt-offset-left-4 {
  --wt-offset-left: 4;
}

.wt-offset-left-5 {
  --wt-offset-left: 5;
}

.wt-offset-left-6 {
  --wt-offset-left: 6;
}

.wt-offset-left-7 {
  --wt-offset-left: 7;
}

.wt-offset-left-8 {
  --wt-offset-left: 8;
}

.wt-offset-left-9 {
  --wt-offset-left: 9;
}

.wt-offset-left-10 {
  --wt-offset-left: 10;
}

.wt-offset-left-11 {
  --wt-offset-left: 11;
}

.wt-col-xlg-break {
  --wt-horizontal-layout-gutter: 0px;
}

.wt-col-lg-break {
  --wt-horizontal-layout-gutter: 0px;
}

.wt-col-md-break {
  --wt-horizontal-layout-gutter: 0px;
}

.wt-col-sm-break {
  --wt-horizontal-layout-gutter: 0px;
}

@media screen and (max-width: 1540px) {

  [class*="wt-col-xlg"] {
    margin-right: var(--wt-horizontal-layout-gutter);
    margin-left: var(--wt-horizontal-layout-gutter);
    flex-basis: calc(100% / 12 * var(--wt-col-count) - var(--wt-horizontal-layout-gutter) * 2);
    max-width: calc(100% / 12 * var(--wt-col-count) - var(--wt-horizontal-layout-gutter) * 2);
    box-sizing: border-box;
  }

  [class*="wt-col-xlg"].wt-row {
    margin-right: var(--wt-horizontal-layout-gutter);
    margin-left: var(--wt-horizontal-layout-gutter);
  }

  [class*="wt-col-xlg"][class*="wt-offset-left-xlg"] {
    margin-left: calc(100% / 12 * 0 + var(--wt-horizontal-layout-gutter));
    margin-left: calc(100% / 12 * var(--wt-offset-left, 0) + var(--wt-horizontal-layout-gutter));
  }

  [class*="wt-col-xlg"][class*="wt-offset-left-xlg"].wt-row {
    margin-left: calc(100% / 12 * 0 + var(--wt-horizontal-layout-gutter));
    margin-left: calc(100% / 12 * var(--wt-offset-left, 0) + var(--wt-horizontal-layout-gutter));
  }

  .wt-col-xlg_align-self_start {
    align-self: flex-start;
  }

  .wt-col-xlg_align-self_center {
    align-self: center;
  }

  .wt-col-xlg_align-self_end {
    align-self: flex-end;
  }

  .wt-col-xlg_align-self_stretch {
    align-self: stretch;
  }

  [class*="wt-col-xlg"].wt-col-auto-fill {
    flex-grow: 0;
  }

  .wt-col-xlg-auto-fill {
    --wt-col-count: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .wt-col-xlg-inline {
    --wt-col-count: 0;
    max-width: 100%;
    flex-basis: auto;
  }

  .wt-col-xlg-break {
    --wt-col-count: 12;
    --wt-horizontal-layout-gutter: 0px;
  }

  .wt-col-xlg-1 {
    --wt-col-count: 1;
  }

  .wt-col-xlg-2 {
    --wt-col-count: 2;
  }

  .wt-col-xlg-3 {
    --wt-col-count: 3;
  }

  .wt-col-xlg-4 {
    --wt-col-count: 4;
  }

  .wt-col-xlg-5 {
    --wt-col-count: 5;
  }

  .wt-col-xlg-6 {
    --wt-col-count: 6;
  }

  .wt-col-xlg-7 {
    --wt-col-count: 7;
  }

  .wt-col-xlg-8 {
    --wt-col-count: 8;
  }

  .wt-col-xlg-9 {
    --wt-col-count: 9;
  }

  .wt-col-xlg-10 {
    --wt-col-count: 10;
  }

  .wt-col-xlg-11 {
    --wt-col-count: 11;
  }

  .wt-col-xlg-12 {
    --wt-col-count: 12;
  }

  .wt-offset-left-xlg-0 {
    --wt-offset-left: 0;
  }

  .wt-offset-left-xlg-1 {
    --wt-offset-left: 1;
  }

  .wt-offset-left-xlg-2 {
    --wt-offset-left: 2;
  }

  .wt-offset-left-xlg-3 {
    --wt-offset-left: 3;
  }

  .wt-offset-left-xlg-4 {
    --wt-offset-left: 4;
  }

  .wt-offset-left-xlg-5 {
    --wt-offset-left: 5;
  }

  .wt-offset-left-xlg-6 {
    --wt-offset-left: 6;
  }

  .wt-offset-left-xlg-7 {
    --wt-offset-left: 7;
  }

  .wt-offset-left-xlg-8 {
    --wt-offset-left: 8;
  }

  .wt-offset-left-xlg-9 {
    --wt-offset-left: 9;
  }

  .wt-offset-left-xlg-10 {
    --wt-offset-left: 10;
  }

  .wt-offset-left-xlg-11 {
    --wt-offset-left: 11;
  }
}

@media screen and (max-width: 1276px) {

  [class*="wt-col-lg"] {
    margin-right: var(--wt-horizontal-layout-gutter);
    margin-left: var(--wt-horizontal-layout-gutter);
    flex-basis: calc(100% / 12 * var(--wt-col-count) - var(--wt-horizontal-layout-gutter) * 2);
    max-width: calc(100% / 12 * var(--wt-col-count) - var(--wt-horizontal-layout-gutter) * 2);
    box-sizing: border-box;
  }

  [class*="wt-col-lg"].wt-row {
    margin-right: var(--wt-horizontal-layout-gutter);
    margin-left: var(--wt-horizontal-layout-gutter);
  }

  [class*="wt-col-lg"][class*="wt-offset-left-lg"] {
    margin-left: calc(100% / 12 * 0 + var(--wt-horizontal-layout-gutter));
    margin-left: calc(100% / 12 * var(--wt-offset-left, 0) + var(--wt-horizontal-layout-gutter));
  }

  [class*="wt-col-lg"][class*="wt-offset-left-lg"].wt-row {
    margin-left: calc(100% / 12 * 0 + var(--wt-horizontal-layout-gutter));
    margin-left: calc(100% / 12 * var(--wt-offset-left, 0) + var(--wt-horizontal-layout-gutter));
  }

  .wt-col-lg_align-self_start {
    align-self: flex-start;
  }

  .wt-col-lg_align-self_center {
    align-self: center;
  }

  .wt-col-lg_align-self_end {
    align-self: flex-end;
  }

  .wt-col-lg_align-self_stretch {
    align-self: stretch;
  }

  [class*="wt-col-lg"].wt-col-auto-fill {
    flex-grow: 0;
  }

  .wt-col-lg-auto-fill {
    --wt-col-count: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .wt-col-lg-inline {
    --wt-col-count: 0;
    max-width: 100%;
    flex-basis: auto;
  }

  .wt-col-lg-break {
    --wt-col-count: 12;
    --wt-horizontal-layout-gutter: 0px;
  }

  .wt-col-lg-1 {
    --wt-col-count: 1;
  }

  .wt-col-lg-2 {
    --wt-col-count: 2;
  }

  .wt-col-lg-3 {
    --wt-col-count: 3;
  }

  .wt-col-lg-4 {
    --wt-col-count: 4;
  }

  .wt-col-lg-5 {
    --wt-col-count: 5;
  }

  .wt-col-lg-6 {
    --wt-col-count: 6;
  }

  .wt-col-lg-7 {
    --wt-col-count: 7;
  }

  .wt-col-lg-8 {
    --wt-col-count: 8;
  }

  .wt-col-lg-9 {
    --wt-col-count: 9;
  }

  .wt-col-lg-10 {
    --wt-col-count: 10;
  }

  .wt-col-lg-11 {
    --wt-col-count: 11;
  }

  .wt-col-lg-12 {
    --wt-col-count: 12;
  }

  .wt-offset-left-lg-0 {
    --wt-offset-left: 0;
  }

  .wt-offset-left-lg-1 {
    --wt-offset-left: 1;
  }

  .wt-offset-left-lg-2 {
    --wt-offset-left: 2;
  }

  .wt-offset-left-lg-3 {
    --wt-offset-left: 3;
  }

  .wt-offset-left-lg-4 {
    --wt-offset-left: 4;
  }

  .wt-offset-left-lg-5 {
    --wt-offset-left: 5;
  }

  .wt-offset-left-lg-6 {
    --wt-offset-left: 6;
  }

  .wt-offset-left-lg-7 {
    --wt-offset-left: 7;
  }

  .wt-offset-left-lg-8 {
    --wt-offset-left: 8;
  }

  .wt-offset-left-lg-9 {
    --wt-offset-left: 9;
  }

  .wt-offset-left-lg-10 {
    --wt-offset-left: 10;
  }

  .wt-offset-left-lg-11 {
    --wt-offset-left: 11;
  }
}

@media screen and (max-width: 1000px) {

  [class*="wt-col-md"] {
    margin-right: var(--wt-horizontal-layout-gutter);
    margin-left: var(--wt-horizontal-layout-gutter);
    flex-basis: calc(100% / 12 * var(--wt-col-count) - var(--wt-horizontal-layout-gutter) * 2);
    max-width: calc(100% / 12 * var(--wt-col-count) - var(--wt-horizontal-layout-gutter) * 2);
    box-sizing: border-box;
  }

  [class*="wt-col-md"].wt-row {
    margin-right: var(--wt-horizontal-layout-gutter);
    margin-left: var(--wt-horizontal-layout-gutter);
  }

  [class*="wt-col-md"][class*="wt-offset-left-md"] {
    margin-left: calc(100% / 12 * 0 + var(--wt-horizontal-layout-gutter));
    margin-left: calc(100% / 12 * var(--wt-offset-left, 0) + var(--wt-horizontal-layout-gutter));
  }

  [class*="wt-col-md"][class*="wt-offset-left-md"].wt-row {
    margin-left: calc(100% / 12 * 0 + var(--wt-horizontal-layout-gutter));
    margin-left: calc(100% / 12 * var(--wt-offset-left, 0) + var(--wt-horizontal-layout-gutter));
  }

  .wt-col-md_align-self_start {
    align-self: flex-start;
  }

  .wt-col-md_align-self_center {
    align-self: center;
  }

  .wt-col-md_align-self_end {
    align-self: flex-end;
  }

  .wt-col-md_align-self_stretch {
    align-self: stretch;
  }

  [class*="wt-col-md"].wt-col-auto-fill {
    flex-grow: 0;
  }

  .wt-col-md-auto-fill {
    --wt-col-count: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .wt-col-md-inline {
    --wt-col-count: 0;
    max-width: 100%;
    flex-basis: auto;
  }

  .wt-col-md-break {
    --wt-col-count: 12;
    --wt-horizontal-layout-gutter: 0px;
  }

  .wt-col-md-1 {
    --wt-col-count: 1;
  }

  .wt-col-md-2 {
    --wt-col-count: 2;
  }

  .wt-col-md-3 {
    --wt-col-count: 3;
  }

  .wt-col-md-4 {
    --wt-col-count: 4;
  }

  .wt-col-md-5 {
    --wt-col-count: 5;
  }

  .wt-col-md-6 {
    --wt-col-count: 6;
  }

  .wt-col-md-7 {
    --wt-col-count: 7;
  }

  .wt-col-md-8 {
    --wt-col-count: 8;
  }

  .wt-col-md-9 {
    --wt-col-count: 9;
  }

  .wt-col-md-10 {
    --wt-col-count: 10;
  }

  .wt-col-md-11 {
    --wt-col-count: 11;
  }

  .wt-col-md-12 {
    --wt-col-count: 12;
  }

  .wt-offset-left-md-0 {
    --wt-offset-left: 0;
  }

  .wt-offset-left-md-1 {
    --wt-offset-left: 1;
  }

  .wt-offset-left-md-2 {
    --wt-offset-left: 2;
  }

  .wt-offset-left-md-3 {
    --wt-offset-left: 3;
  }

  .wt-offset-left-md-4 {
    --wt-offset-left: 4;
  }

  .wt-offset-left-md-5 {
    --wt-offset-left: 5;
  }

  .wt-offset-left-md-6 {
    --wt-offset-left: 6;
  }

  .wt-offset-left-md-7 {
    --wt-offset-left: 7;
  }

  .wt-offset-left-md-8 {
    --wt-offset-left: 8;
  }

  .wt-offset-left-md-9 {
    --wt-offset-left: 9;
  }

  .wt-offset-left-md-10 {
    --wt-offset-left: 10;
  }

  .wt-offset-left-md-11 {
    --wt-offset-left: 11;
  }
}

@media screen and (max-width: 640px) {

  [class*="wt-col-sm"] {
    margin-right: var(--wt-horizontal-layout-gutter);
    margin-left: var(--wt-horizontal-layout-gutter);
    flex-basis: calc(100% / 12 * var(--wt-col-count) - var(--wt-horizontal-layout-gutter) * 2);
    max-width: calc(100% / 12 * var(--wt-col-count) - var(--wt-horizontal-layout-gutter) * 2);
    box-sizing: border-box;
  }

  [class*="wt-col-sm"].wt-row {
    margin-right: var(--wt-horizontal-layout-gutter);
    margin-left: var(--wt-horizontal-layout-gutter);
  }

  [class*="wt-col-sm"][class*="wt-offset-left-sm"] {
    margin-left: calc(100% / 12 * 0 + var(--wt-horizontal-layout-gutter));
    margin-left: calc(100% / 12 * var(--wt-offset-left, 0) + var(--wt-horizontal-layout-gutter));
  }

  [class*="wt-col-sm"][class*="wt-offset-left-sm"].wt-row {
    margin-left: calc(100% / 12 * 0 + var(--wt-horizontal-layout-gutter));
    margin-left: calc(100% / 12 * var(--wt-offset-left, 0) + var(--wt-horizontal-layout-gutter));
  }

  .wt-col-sm_align-self_start {
    align-self: flex-start;
  }

  .wt-col-sm_align-self_center {
    align-self: center;
  }

  .wt-col-sm_align-self_end {
    align-self: flex-end;
  }

  .wt-col-sm_align-self_stretch {
    align-self: stretch;
  }

  [class*="wt-col-sm"].wt-col-auto-fill {
    flex-grow: 0;
  }

  .wt-col-sm-auto-fill {
    --wt-col-count: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .wt-col-sm-inline {
    --wt-col-count: 0;
    max-width: 100%;
    flex-basis: auto;
  }

  .wt-col-sm-break {
    --wt-col-count: 12;
    --wt-horizontal-layout-gutter: 0px;
  }

  .wt-col-sm-1 {
    --wt-col-count: 1;
  }

  .wt-col-sm-2 {
    --wt-col-count: 2;
  }

  .wt-col-sm-3 {
    --wt-col-count: 3;
  }

  .wt-col-sm-4 {
    --wt-col-count: 4;
  }

  .wt-col-sm-5 {
    --wt-col-count: 5;
  }

  .wt-col-sm-6 {
    --wt-col-count: 6;
  }

  .wt-col-sm-7 {
    --wt-col-count: 7;
  }

  .wt-col-sm-8 {
    --wt-col-count: 8;
  }

  .wt-col-sm-9 {
    --wt-col-count: 9;
  }

  .wt-col-sm-10 {
    --wt-col-count: 10;
  }

  .wt-col-sm-11 {
    --wt-col-count: 11;
  }

  .wt-col-sm-12 {
    --wt-col-count: 12;
  }

  .wt-offset-left-sm-0 {
    --wt-offset-left: 0;
  }

  .wt-offset-left-sm-1 {
    --wt-offset-left: 1;
  }

  .wt-offset-left-sm-2 {
    --wt-offset-left: 2;
  }

  .wt-offset-left-sm-3 {
    --wt-offset-left: 3;
  }

  .wt-offset-left-sm-4 {
    --wt-offset-left: 4;
  }

  .wt-offset-left-sm-5 {
    --wt-offset-left: 5;
  }

  .wt-offset-left-sm-6 {
    --wt-offset-left: 6;
  }

  .wt-offset-left-sm-7 {
    --wt-offset-left: 7;
  }

  .wt-offset-left-sm-8 {
    --wt-offset-left: 8;
  }

  .wt-offset-left-sm-9 {
    --wt-offset-left: 9;
  }

  .wt-offset-left-sm-10 {
    --wt-offset-left: 10;
  }

  .wt-offset-left-sm-11 {
    --wt-offset-left: 11;
  }
}

.wt-row {
  --wt-horizontal-layout-gutter: 0px;
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(-1 * var(--wt-horizontal-layout-gutter));
  margin-left: calc(-1 * var(--wt-horizontal-layout-gutter));
  box-sizing: border-box;
}

.wt-row_wide {
  display: flex;
}

.wt-row_inline {
  display: inline-flex;
}

.wt-row_wrap {
  flex-wrap: wrap;
}

.wt-row_nowrap {
  flex-wrap: nowrap;
}

.wt-row_justify_start {
  justify-content: flex-start;
}

.wt-row_justify_center {
  justify-content: center;
}

.wt-row_justify_end {
  justify-content: flex-end;
}

.wt-row_justify_around {
  justify-content: space-around;
}

.wt-row_justify_between {
  justify-content: space-between;
}

.wt-row_justify_evenly {
  justify-content: space-evenly;
}

.wt-row_direction_row {
  flex-direction: row;
}

.wt-row_direction_row-reverse {
  flex-direction: row-reverse;
}

.wt-row_direction_column {
  flex-direction: column;
}

.wt-row_direction_column > * {
  -ms-flex-preferred-size: auto !important;
  flex: 1;
}

.wt-row_direction_column-reverse {
  flex-direction: column-reverse;
}

.wt-row_direction_column-reverse > * {
  -ms-flex-preferred-size: auto !important;
  flex: 1;
}

.wt-row_align-items_start {
  align-items: flex-start;
}

.wt-row_align-items_center {
  align-items: center;
}

.wt-row_align-items_end {
  align-items: flex-end;
}

.wt-row_align-items_stretch {
  align-items: stretch;
}

.wt-row_align-items_baseline {
  align-items: baseline;
}

.wt-row_size_0 {
  --wt-horizontal-layout-gutter: 0px;
}

.wt-row_size_l {
  --wt-horizontal-layout-gutter: 20px;
}

.wt-row_size_m {
  --wt-horizontal-layout-gutter: 16px;
}

.wt-row_size_s {
  --wt-horizontal-layout-gutter: 8px;
}

.wt-row_size_xs {
  --wt-horizontal-layout-gutter: 6px;
}

@media screen and (max-width: 1540px) {

  .wt-row-xlg_wide {
    display: flex;
  }

  .wt-row-xlg_inline {
    display: inline-flex;
  }

  .wt-row-xlg_wrap {
    flex-wrap: wrap;
  }

  .wt-row-xlg_nowrap {
    flex-wrap: nowrap;
  }

  .wt-row-xlg_justify_start {
    justify-content: flex-start;
  }

  .wt-row-xlg_justify_center {
    justify-content: center;
  }

  .wt-row-xlg_justify_end {
    justify-content: flex-end;
  }

  .wt-row-xlg_justify_around {
    justify-content: space-around;
  }

  .wt-row-xlg_justify_between {
    justify-content: space-between;
  }

  .wt-row-xlg_justify_evenly {
    justify-content: space-evenly;
  }

  .wt-row-xlg_direction_row {
    flex-direction: row;
  }

  .wt-row-xlg_direction_row-reverse {
    flex-direction: row-reverse;
  }

  .wt-row-xlg_direction_column {
    flex-direction: column;
  }

  .wt-row-xlg_direction_column > * {
    -ms-flex-preferred-size: auto !important;
    flex: 1;
  }

  .wt-row-xlg_direction_column-reverse {
    flex-direction: column-reverse;
  }

  .wt-row-xlg_direction_column-reverse > * {
    -ms-flex-preferred-size: auto !important;
    flex: 1;
  }

  .wt-row-xlg_align-items_start {
    align-items: flex-start;
  }

  .wt-row-xlg_align-items_center {
    align-items: center;
  }

  .wt-row-xlg_align-items_end {
    align-items: flex-end;
  }

  .wt-row-xlg_align-items_stretch {
    align-items: stretch;
  }

  .wt-row-xlg_align-items_baseline {
    align-items: baseline;
  }

  .wt-row-xlg_size_0 {
    --wt-horizontal-layout-gutter: 0px;
  }

  .wt-row-xlg_size_l {
    --wt-horizontal-layout-gutter: 20px;
  }

  .wt-row-xlg_size_m {
    --wt-horizontal-layout-gutter: 16px;
  }

  .wt-row-xlg_size_s {
    --wt-horizontal-layout-gutter: 8px;
  }

  .wt-row-xlg_size_xs {
    --wt-horizontal-layout-gutter: 6px;
  }
}

@media screen and (max-width: 1276px) {

  .wt-row-lg_wide {
    display: flex;
  }

  .wt-row-lg_inline {
    display: inline-flex;
  }

  .wt-row-lg_wrap {
    flex-wrap: wrap;
  }

  .wt-row-lg_nowrap {
    flex-wrap: nowrap;
  }

  .wt-row-lg_justify_start {
    justify-content: flex-start;
  }

  .wt-row-lg_justify_center {
    justify-content: center;
  }

  .wt-row-lg_justify_end {
    justify-content: flex-end;
  }

  .wt-row-lg_justify_around {
    justify-content: space-around;
  }

  .wt-row-lg_justify_between {
    justify-content: space-between;
  }

  .wt-row-lg_justify_evenly {
    justify-content: space-evenly;
  }

  .wt-row-lg_direction_row {
    flex-direction: row;
  }

  .wt-row-lg_direction_row-reverse {
    flex-direction: row-reverse;
  }

  .wt-row-lg_direction_column {
    flex-direction: column;
  }

  .wt-row-lg_direction_column > * {
    -ms-flex-preferred-size: auto !important;
    flex: 1;
  }

  .wt-row-lg_direction_column-reverse {
    flex-direction: column-reverse;
  }

  .wt-row-lg_direction_column-reverse > * {
    -ms-flex-preferred-size: auto !important;
    flex: 1;
  }

  .wt-row-lg_align-items_start {
    align-items: flex-start;
  }

  .wt-row-lg_align-items_center {
    align-items: center;
  }

  .wt-row-lg_align-items_end {
    align-items: flex-end;
  }

  .wt-row-lg_align-items_stretch {
    align-items: stretch;
  }

  .wt-row-lg_align-items_baseline {
    align-items: baseline;
  }

  .wt-row-lg_size_0 {
    --wt-horizontal-layout-gutter: 0px;
  }

  .wt-row-lg_size_l {
    --wt-horizontal-layout-gutter: 20px;
  }

  .wt-row-lg_size_m {
    --wt-horizontal-layout-gutter: 16px;
  }

  .wt-row-lg_size_s {
    --wt-horizontal-layout-gutter: 8px;
  }

  .wt-row-lg_size_xs {
    --wt-horizontal-layout-gutter: 6px;
  }
}

@media screen and (max-width: 1000px) {

  .wt-row-md_wide {
    display: flex;
  }

  .wt-row-md_inline {
    display: inline-flex;
  }

  .wt-row-md_wrap {
    flex-wrap: wrap;
  }

  .wt-row-md_nowrap {
    flex-wrap: nowrap;
  }

  .wt-row-md_justify_start {
    justify-content: flex-start;
  }

  .wt-row-md_justify_center {
    justify-content: center;
  }

  .wt-row-md_justify_end {
    justify-content: flex-end;
  }

  .wt-row-md_justify_around {
    justify-content: space-around;
  }

  .wt-row-md_justify_between {
    justify-content: space-between;
  }

  .wt-row-md_justify_evenly {
    justify-content: space-evenly;
  }

  .wt-row-md_direction_row {
    flex-direction: row;
  }

  .wt-row-md_direction_row-reverse {
    flex-direction: row-reverse;
  }

  .wt-row-md_direction_column {
    flex-direction: column;
  }

  .wt-row-md_direction_column > * {
    -ms-flex-preferred-size: auto !important;
    flex: 1;
  }

  .wt-row-md_direction_column-reverse {
    flex-direction: column-reverse;
  }

  .wt-row-md_direction_column-reverse > * {
    -ms-flex-preferred-size: auto !important;
    flex: 1;
  }

  .wt-row-md_align-items_start {
    align-items: flex-start;
  }

  .wt-row-md_align-items_center {
    align-items: center;
  }

  .wt-row-md_align-items_end {
    align-items: flex-end;
  }

  .wt-row-md_align-items_stretch {
    align-items: stretch;
  }

  .wt-row-md_align-items_baseline {
    align-items: baseline;
  }

  .wt-row-md_size_0 {
    --wt-horizontal-layout-gutter: 0px;
  }

  .wt-row-md_size_l {
    --wt-horizontal-layout-gutter: 20px;
  }

  .wt-row-md_size_m {
    --wt-horizontal-layout-gutter: 16px;
  }

  .wt-row-md_size_s {
    --wt-horizontal-layout-gutter: 8px;
  }

  .wt-row-md_size_xs {
    --wt-horizontal-layout-gutter: 6px;
  }
}

@media screen and (max-width: 640px) {

  .wt-row-sm_wide {
    display: flex;
  }

  .wt-row-sm_inline {
    display: inline-flex;
  }

  .wt-row-sm_wrap {
    flex-wrap: wrap;
  }

  .wt-row-sm_nowrap {
    flex-wrap: nowrap;
  }

  .wt-row-sm_justify_start {
    justify-content: flex-start;
  }

  .wt-row-sm_justify_center {
    justify-content: center;
  }

  .wt-row-sm_justify_end {
    justify-content: flex-end;
  }

  .wt-row-sm_justify_around {
    justify-content: space-around;
  }

  .wt-row-sm_justify_between {
    justify-content: space-between;
  }

  .wt-row-sm_justify_evenly {
    justify-content: space-evenly;
  }

  .wt-row-sm_direction_row {
    flex-direction: row;
  }

  .wt-row-sm_direction_row-reverse {
    flex-direction: row-reverse;
  }

  .wt-row-sm_direction_column {
    flex-direction: column;
  }

  .wt-row-sm_direction_column > * {
    -ms-flex-preferred-size: auto !important;
    flex: 1;
  }

  .wt-row-sm_direction_column-reverse {
    flex-direction: column-reverse;
  }

  .wt-row-sm_direction_column-reverse > * {
    -ms-flex-preferred-size: auto !important;
    flex: 1;
  }

  .wt-row-sm_align-items_start {
    align-items: flex-start;
  }

  .wt-row-sm_align-items_center {
    align-items: center;
  }

  .wt-row-sm_align-items_end {
    align-items: flex-end;
  }

  .wt-row-sm_align-items_stretch {
    align-items: stretch;
  }

  .wt-row-sm_align-items_baseline {
    align-items: baseline;
  }

  .wt-row-sm_size_0 {
    --wt-horizontal-layout-gutter: 0px;
  }

  .wt-row-sm_size_l {
    --wt-horizontal-layout-gutter: 20px;
  }

  .wt-row-sm_size_m {
    --wt-horizontal-layout-gutter: 16px;
  }

  .wt-row-sm_size_s {
    --wt-horizontal-layout-gutter: 8px;
  }

  .wt-row-sm_size_xs {
    --wt-horizontal-layout-gutter: 6px;
  }
}

@media screen and (max-width: 640px){
  .wt-row_size_m{
    --wt-horizontal-layout-gutter:8px;
  }
}

.wt-offset-top-0 {
  margin-top: 0px;
}

.wt-offset-top-12 {
  margin-top: 12px;
}

.wt-offset-top-24 {
  margin-top: calc(1 * 24px);
  margin-top: calc(1 * var(--wt-offset-top-unit,  24px));
}

.wt-offset-top-48 {
  margin-top: calc(2 * 24px);
  margin-top: calc(2 * var(--wt-offset-top-unit,  24px));
}

.wt-offset-top-96 {
  margin-top: calc(4 * 24px);
  margin-top: calc(4 * var(--wt-offset-top-unit,  24px));
}

@media screen and (max-width: 1540px) {

  .wt-offset-top-xlg-0 {
    margin-top: 0px;
  }

  .wt-offset-top-xlg-12 {
    margin-top: 12px;
  }

  .wt-offset-top-xlg-24 {
    margin-top: calc(1 * 24px);
    margin-top: calc(1 * var(--wt-offset-top-unit,  24px));
  }

  .wt-offset-top-xlg-48 {
    margin-top: calc(2 * 24px);
    margin-top: calc(2 * var(--wt-offset-top-unit,  24px));
  }

  .wt-offset-top-xlg-96 {
    margin-top: calc(4 * 24px);
    margin-top: calc(4 * var(--wt-offset-top-unit,  24px));
  }
}

@media screen and (max-width: 1276px) {

  .wt-offset-top-lg-0 {
    margin-top: 0px;
  }

  .wt-offset-top-lg-12 {
    margin-top: 12px;
  }

  .wt-offset-top-lg-24 {
    margin-top: calc(1 * 24px);
    margin-top: calc(1 * var(--wt-offset-top-unit,  24px));
  }

  .wt-offset-top-lg-48 {
    margin-top: calc(2 * 24px);
    margin-top: calc(2 * var(--wt-offset-top-unit,  24px));
  }

  .wt-offset-top-lg-96 {
    margin-top: calc(4 * 24px);
    margin-top: calc(4 * var(--wt-offset-top-unit,  24px));
  }
}

@media screen and (max-width: 1000px) {

  .wt-offset-top-md-0 {
    margin-top: 0px;
  }

  .wt-offset-top-md-12 {
    margin-top: 12px;
  }

  .wt-offset-top-md-24 {
    margin-top: calc(1 * 24px);
    margin-top: calc(1 * var(--wt-offset-top-unit,  24px));
  }

  .wt-offset-top-md-48 {
    margin-top: calc(2 * 24px);
    margin-top: calc(2 * var(--wt-offset-top-unit,  24px));
  }

  .wt-offset-top-md-96 {
    margin-top: calc(4 * 24px);
    margin-top: calc(4 * var(--wt-offset-top-unit,  24px));
  }
}

@media screen and (max-width: 640px) {

  .wt-offset-top-sm-0 {
    margin-top: 0px;
  }

  .wt-offset-top-sm-12 {
    margin-top: 12px;
  }

  .wt-offset-top-sm-24 {
    margin-top: calc(1 * 24px);
    margin-top: calc(1 * var(--wt-offset-top-unit,  24px));
  }

  .wt-offset-top-sm-48 {
    margin-top: calc(2 * 24px);
    margin-top: calc(2 * var(--wt-offset-top-unit,  24px));
  }

  .wt-offset-top-sm-96 {
    margin-top: calc(4 * 24px);
    margin-top: calc(4 * var(--wt-offset-top-unit,  24px));
  }
}

.wt-display-none {
  display: none;
}

.wt-display-block {
  display: block;
}

@media screen and (max-width: 1540px) {

  .wt-display-xlg-none {
    display: none;
  }

  .wt-display-xlg-block {
    display: block;
  }
}

@media screen and (max-width: 1276px) {

  .wt-display-lg-none {
    display: none;
  }

  .wt-display-lg-block {
    display: block;
  }
}

@media screen and (max-width: 1000px) {

  .wt-display-md-none {
    display: none;
  }

  .wt-display-md-block {
    display: block;
  }
}

@media screen and (max-width: 640px) {

  .wt-display-sm-none {
    display: none;
  }

  .wt-display-sm-block {
    display: block;
  }
}
@media screen and (max-width: 640px){
  :root{
    --wt-flow-unit:16px;
  }
}

.wt-font-smoothing{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.wt-super-hero{
  letter-spacing:-2px;
  color:#27282c;
  font-family:'Gotham SSm A', 'Gotham SSm B', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:120px;
  font-size:var(--wt-super-hero-font-size, 120px);
  font-weight:900;
  line-height:126px;
  line-height:var(--wt-super-hero-line-height, 126px);
}

@media screen and (max-width: 640px){

.wt-super-hero{
    --wt-super-hero-font-size:42px;
    --wt-super-hero-line-height:48px;

    letter-spacing:-1.5px
}
  }

.wt-reset-gotham-font-style .wt-super-hero{
    letter-spacing:normal;
  }

.wt-super-hero_theme_dark{
    color:#ffffff;
  }

.wt-super-hero_flow{
  margin-top:96px;
  margin-top:calc(4*var(--wt-flow-unit,  24px));
}

[class*="_theme_dark"] .wt-super-hero_flow{
    color:#ffffff;
  }

.wt-digits{
  letter-spacing:-2px;
  color:#27282c;
  font-family:'Gotham SSm A', 'Gotham SSm B', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:70px;
  font-size:var(--wt-digits-font-size, 70px);
  font-weight:300;
  line-height:70px;
  line-height:var(--wt-digits-line-height, 70px);
}

@media screen and (max-width: 640px){

.wt-digits{
    --wt-digits-font-size:60px;
    --wt-digits-line-height:60px;

    letter-spacing:-1.5px
}
  }

.wt-reset-gotham-font-style .wt-digits{
    letter-spacing:normal;
  }

.wt-digits_theme_dark{
    color:#ffffff;
  }

.wt-digits_flow{
  margin-top:48px;
  margin-top:calc(2*var(--wt-flow-unit,  24px));
}

[class*="_theme_dark"] .wt-digits_flow{
    color:#ffffff;
  }

.wt-hero{
  letter-spacing:-1.5px;
  color:#27282c;
  font-family:'Gotham SSm A', 'Gotham SSm B', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:60px;
  font-size:var(--wt-hero-font-size, 60px);
  font-weight:900;
  line-height:64px;
  line-height:var(--wt-hero-line-height, 64px);
}

@media screen and (max-width: 640px){

.wt-hero{
    --wt-hero-font-size:42px;
    --wt-hero-line-height:48px
}
  }

.wt-reset-gotham-font-style .wt-hero{
    letter-spacing:normal;
  }

.wt-hero_theme_dark{
    color:#ffffff;
  }

.wt-hero_flow{
  margin-top:96px;
  margin-top:calc(4*var(--wt-flow-unit,  24px));
}

[class*="_theme_dark"] .wt-hero_flow{
    color:#ffffff;
  }

.wt-subtitle-1{
  letter-spacing:-1px;
  color:#27282c;
  font-family:'Gotham SSm A', 'Gotham SSm B', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:38px;
  font-size:var(--wt-subtitle-1-font-size, 38px);
  font-weight:300;
  line-height:48px;
  line-height:var(--wt-subtitle-1-line-height, 48px);
}

@media screen and (max-width: 640px){

.wt-subtitle-1{
    --wt-subtitle-1-font-size:36px;
    --wt-subtitle-1-line-height:44px
}
  }

.wt-reset-gotham-font-style .wt-subtitle-1{
    letter-spacing:normal;
  }

.wt-subtitle-1_theme_dark{
    color:#ffffff;
  }

.wt-subtitle-1_flow{
  margin-top:96px;
  margin-top:calc(4*var(--wt-flow-unit,  24px));
}

[class*="_theme_dark"] .wt-subtitle-1_flow{
    color:#ffffff;
  }

.wt-h1{
  letter-spacing:-0.5px;
  color:#27282c;
  font-family:'Gotham SSm A', 'Gotham SSm B', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:40px;
  font-size:var(--wt-h1-font-size, 40px);
  font-weight:900;
  line-height:48px;
  line-height:var(--wt-h1-line-height, 48px);
}

@media screen and (max-width: 640px){

.wt-h1{
    --wt-h1-font-size:36px;
    --wt-h1-line-height:44px
}
  }

.wt-reset-gotham-font-style .wt-h1{
    letter-spacing:normal;
  }

.wt-h1_theme_dark{
    color:#ffffff;
  }

.wt-h1_flow{
  margin-top:96px;
  margin-top:calc(4*var(--wt-flow-unit,  24px));
}

[class*="_theme_dark"] .wt-h1_flow{
    color:#ffffff;
  }

.wt-subtitle-2{
  letter-spacing:normal;
  color:#27282c;
  font-family:'Gotham SSm A', 'Gotham SSm B', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:28px;
  font-size:var(--wt-subtitle-2-font-size, 28px);
  font-weight:300;
  line-height:40px;
  line-height:var(--wt-subtitle-2-line-height, 40px);
}

@media screen and (max-width: 640px){

.wt-subtitle-2{
    --wt-subtitle-2-font-size:24px;
    --wt-subtitle-2-line-height:32px
}
  }

.wt-subtitle-2_theme_dark{
    color:#ffffff;
  }

.wt-subtitle-2_flow{
  margin-top:24px;
  margin-top:var(--wt-flow-unit, 24px);
}

[class*="_theme_dark"] .wt-subtitle-2_flow{
    color:#ffffff;
  }

.wt-h2{
  letter-spacing:-0.5px;
  color:#27282c;
  font-family:'Gotham SSm A', 'Gotham SSm B', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:31px;
  font-size:var(--wt-h2-font-size, 31px);
  font-weight:700;
  line-height:40px;
  line-height:var(--wt-h2-line-height, 40px);
}

@media screen and (max-width: 640px){

.wt-h2{
    --wt-h2-font-size:24px;
    --wt-h2-line-height:32px
}
  }

.wt-reset-gotham-font-style .wt-h2{
    letter-spacing:normal;
  }

.wt-h2_theme_dark{
    color:#ffffff;
  }

.wt-h2_flow{
  margin-top:96px;
  margin-top:calc(4*var(--wt-flow-unit,  24px));
}

[class*="_theme_dark"] .wt-h2_flow{
    color:#ffffff;
  }

.wt-h3{
  letter-spacing:normal;
  color:#27282c;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:20px;
  font-size:var(--wt-h3-font-size, 20px);
  font-weight:bold;
  line-height:28px;
  line-height:var(--wt-h3-line-height, 28px);
}

.wt-h3_theme_dark{
    color:#ffffff;
  }

.wt-h3_flow{
  margin-top:48px;
  margin-top:calc(2*var(--wt-flow-unit,  24px));
}

[class*="_theme_dark"] .wt-h3_flow{
    color:#ffffff;
  }

.wt-text-1{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:18px;
  font-weight:normal;
  line-height:28px;
}

.wt-text-1_hardness_average{
    color:rgba(39, 40, 44, 0.70);
  }

.wt-text-1_hardness_hard{
    color:#27282c;
  }

.wt-text-1_hardness_pale{
    color:rgba(39, 40, 44, 0.40);
  }

.wt-text-1_hardness_primary{
    color:rgb(22, 125, 255);
    color:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
  }

.wt-text-1_theme_dark.wt-text-1_hardness_hard{
    color:#ffffff;
  }

.wt-text-1_theme_dark.wt-text-1_hardness_average{
    color:rgba(255, 255, 255, 0.60);
  }

.wt-text-1_theme_dark.wt-text-1_hardness_pale{
    color:rgba(255, 255, 255, 0.30);
  }

.wt-text-1_theme_dark.wt-text-1_hardness_primary{
    color:rgb(76, 166, 255);
    color:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
  }

.wt-text-1_theme_dark{
    color:rgba(255, 255, 255, 0.60);
  }

.wt-text-1_flow{
  margin-top:24px;
  margin-top:var(--wt-flow-unit, 24px);
}

.wt-text-1_flow > p{
    margin-top:24px;
    margin-top:var(--wt-flow-unit, 24px);
  }

[class*="_theme_dark"] .wt-text-1_flow{
    color:rgba(255, 255, 255, 0.60);
  }

.wt-h4{
  letter-spacing:normal;
  color:#27282c;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-size:var(--wt-h4-font-size, 15px);
  font-weight:bold;
  line-height:24px;
  line-height:var(--wt-h4-line-height, 24px);
}

.wt-h4_theme_dark{
    color:#ffffff;
  }

.wt-h4_flow{
  margin-top:24px;
  margin-top:var(--wt-flow-unit, 24px);
}

[class*="_theme_dark"] .wt-h4_flow{
    color:#ffffff;
  }

.wt-text-2{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;
}

.wt-text-2_hardness_average{
    color:rgba(39, 40, 44, 0.70);
  }

.wt-text-2_hardness_hard{
    color:#27282c;
  }

.wt-text-2_hardness_pale{
    color:rgba(39, 40, 44, 0.40);
  }

.wt-text-2_hardness_primary{
    color:rgb(22, 125, 255);
    color:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
  }

.wt-text-2_theme_dark.wt-text-2_hardness_hard{
    color:#ffffff;
  }

.wt-text-2_theme_dark.wt-text-2_hardness_average{
    color:rgba(255, 255, 255, 0.60);
  }

.wt-text-2_theme_dark.wt-text-2_hardness_pale{
    color:rgba(255, 255, 255, 0.30);
  }

.wt-text-2_theme_dark.wt-text-2_hardness_primary{
    color:rgb(76, 166, 255);
    color:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
  }

.wt-text-2_theme_dark{
    color:rgba(255, 255, 255, 0.60);
  }

.wt-text-2_flow{
  margin-top:24px;
  margin-top:var(--wt-flow-unit, 24px);
}

.wt-text-2_flow > p{
    margin-top:24px;
    margin-top:var(--wt-flow-unit, 24px);
  }

[class*="_theme_dark"] .wt-text-2_flow{
    color:rgba(255, 255, 255, 0.60);
  }

.wt-h5{
  letter-spacing:normal;
  color:#27282c;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-size:var(--wt-h5-font-size, 12px);
  font-weight:bold;
  line-height:16px;
  line-height:var(--wt-h5-line-height, 16px);
}

.wt-h5_theme_dark{
    color:#ffffff;
  }

.wt-h5_flow{
  margin-top:12px;
}

[class*="_theme_dark"] .wt-h5_flow{
    color:#ffffff;
  }

.wt-overline{
  letter-spacing:0.2px;
  text-transform:uppercase;
  color:#27282c;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-size:var(--wt-overline-font-size, 12px);
  font-weight:bold;
  line-height:16px;
  line-height:var(--wt-overline-line-height, 16px);
}

.wt-overline_theme_dark{
    color:#ffffff;
  }

.wt-overline_flow{
  margin-top:12px;
}

[class*="_theme_dark"] .wt-overline_flow{
    color:#ffffff;
  }

.wt-text-3{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:16px;
}

.wt-text-3_hardness_average{
    color:rgba(39, 40, 44, 0.70);
  }

.wt-text-3_hardness_hard{
    color:#27282c;
  }

.wt-text-3_hardness_pale{
    color:rgba(39, 40, 44, 0.40);
  }

.wt-text-3_hardness_primary{
    color:rgb(22, 125, 255);
    color:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
  }

.wt-text-3_theme_dark.wt-text-3_hardness_hard{
    color:#ffffff;
  }

.wt-text-3_theme_dark.wt-text-3_hardness_average{
    color:rgba(255, 255, 255, 0.60);
  }

.wt-text-3_theme_dark.wt-text-3_hardness_pale{
    color:rgba(255, 255, 255, 0.30);
  }

.wt-text-3_theme_dark.wt-text-3_hardness_primary{
    color:rgb(76, 166, 255);
    color:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
  }

.wt-text-3_theme_dark{
    color:rgba(255, 255, 255, 0.60);
  }

.wt-text-3_flow{
  margin-top:8px;
}

.wt-text-3_flow > p{
    margin-top:8px;
  }

[class*="_theme_dark"] .wt-text-3_flow{
    color:rgba(255, 255, 255, 0.60);
  }

[class*="_theme_dark"] [class*="_hardness_hard"][class*="_flow"]{
  color:#ffffff;
}

[class*="_theme_dark"] [class*="_hardness_average"][class*="_flow"]{
  color:rgba(255, 255, 255, 0.60);
}

[class*="_theme_dark"] [class*="_hardness_pale"][class*="_flow"]{
  color:rgba(255, 255, 255, 0.30);
}

[class*="_theme_dark"] [class*="_hardness_primary"][class*="_flow"]{
  color:rgb(76, 166, 255);
  color:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
}

.wt-ul{
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  list-style-type:none;
  padding-left:0;
}

.wt-ul > li{
    position:relative;

    margin-top:24px;

    margin-top:var(--wt-flow-unit, 24px);
    padding-left:22px;

    list-style-type:none;
  }

.wt-ul > li::before{
      position:absolute;

      top:0;

      display:block;

      line-height:inherit;

      color:inherit;

      left:0;
      text-align:left;
    }

.wt-ul[class*="_offset-items_8"] > li{
    margin-top:8px;
  }

.wt-ul[class*="_offset-items_12"] > li{
    margin-top:12px;
  }

.wt-ul[class*="_offset-items_24"] > li{
    margin-top:24px;
    margin-top:var(--wt-flow-unit, 24px);
  }

.wt-ul.wt-text-3:not([class*="_offset-items_"]) > li,
  .wt-text-3 .wt-ul:not([class*="_offset-items_"]) > li{
    margin-top:8px;
  }

.wt-ul.wt-text-1 > li,
  .wt-text-1 .wt-ul > li{
    padding-left:26px;
  }

.wt-ul.wt-text-3 > li,
  .wt-text-3 .wt-ul > li{
    padding-left:18px;
  }

.wt-ul > li::before{
    content:'•';
  }

.wt-ol{
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  list-style-type:none;
  padding-left:0;
  counter-reset:ol-counter;
}

.wt-ol > li{
    position:relative;

    margin-top:24px;

    margin-top:var(--wt-flow-unit, 24px);
    padding-left:22px;

    list-style-type:none;
  }

.wt-ol > li::before{
      position:absolute;

      top:0;

      display:block;

      line-height:inherit;

      color:inherit;

      left:0;
      text-align:left;
    }

.wt-ol[class*="_offset-items_8"] > li{
    margin-top:8px;
  }

.wt-ol[class*="_offset-items_12"] > li{
    margin-top:12px;
  }

.wt-ol[class*="_offset-items_24"] > li{
    margin-top:24px;
    margin-top:var(--wt-flow-unit, 24px);
  }

.wt-ol.wt-text-3:not([class*="_offset-items_"]) > li,
  .wt-text-3 .wt-ol:not([class*="_offset-items_"]) > li{
    margin-top:8px;
  }

.wt-ol.wt-text-1 > li,
  .wt-text-1 .wt-ol > li{
    padding-left:32px;
  }

.wt-ol.wt-text-2 > li,
  .wt-text-2 .wt-ol > li{
    padding-left:26px;
  }

.wt-ol.wt-text-3 > li,
  .wt-text-3 .wt-ol > li{
    padding-left:21px;
  }

.wt-ol > li::before{
    content:counter(ol-counter)'.';
    counter-increment:ol-counter;
  }

.wt-ol_alpha_lower > li::before{
    content:counter(ol-counter,lower-alpha)'.';
  }

.wt-ol_alpha_upper > li::before{
    content:counter(ol-counter,upper-alpha)'.';
  }

.wt-pre{
  overflow:auto;
  box-sizing:border-box;
  max-width:100%;
  width:100%;
  padding:12px 16px;
  word-wrap:normal;
  font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  font-size:15px;
  line-height:24px;
  color:#27282c;
  background-color:rgba(39, 40, 44, 0.05);
  border-radius:8px;
  display:block;
}

.wt-pre > code,
  .wt-pre > .wt-code{
    border:0;

    white-space:pre;
    word-break:normal;
  }

.wt-pre code,
  .wt-pre .wt-code{
    display:inline;
    overflow:visible;

    max-width:auto;
    margin:0;
    padding:0 !important;

    word-wrap:normal;

    background:transparent !important;
    color:inherit !important;

    font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    line-height:inherit;
  }

.wt-pre_theme_dark{
    color:rgba(255, 255, 255, 0.60);
    background-color:rgba(255, 255, 255, 0.05);
  }

.wt-pre_flow{
  margin-top:24px;
  margin-top:var(--wt-flow-unit, 24px);
}

[class*="_theme_dark"] .wt-pre_flow{
    color:rgba(255, 255, 255, 0.60);
    background-color:rgba(255, 255, 255, 0.05);
  }

.wt-code{
  box-sizing:border-box;
  padding:0 6px;
  color:#27282c;
  background-color:rgba(39, 40, 44, 0.05);
  font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  font-size:90%;
  line-height:inherit;
  border-radius:4px;
}

.wt-text-1 .wt-code{
    padding:0 8px;
  }

.wt-text-2 .wt-code{
    padding:0 6px;
  }

[class*="_theme_dark"] .wt-code{
    color:rgba(255, 255, 255, 0.60);
    background-color:rgba(255, 255, 255, 0.05);
  }

.wt-code_theme_dark{
    color:rgba(255, 255, 255, 0.60);
    background-color:rgba(255, 255, 255, 0.05);
  }

[class*="wt-text"] code{
  box-sizing:border-box;
  padding:0 6px;
  color:#27282c;
  background-color:rgba(39, 40, 44, 0.05);
  font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  font-size:90%;
  line-height:inherit;
  border-radius:4px;
}

.wt-text-1 [class*="wt-text"] code{
    padding:0 8px;
  }

.wt-text-2 [class*="wt-text"] code{
    padding:0 6px;
  }

[class*="_theme_dark"] code{
  color:rgba(255, 255, 255, 0.60);
  background-color:rgba(255, 255, 255, 0.05);
}

.wt-link{
  --wt-link-color:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
  outline:none;
  cursor:pointer;
  text-decoration:none;
  color:rgb(22, 125, 255);
  color:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
  color:var(--wt-link-color);
  font-size:inherit;
  line-height:inherit;
  border-bottom:1px solid transparent;
}

.wt-link:hover{
    text-decoration:none;
    color:rgb(22, 125, 255);
    color:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
    color:var(--wt-link-color);
    border-bottom-color:currentColor;
  }

.wt-link:active,
  .wt-link:focus{
    color:rgb(22, 125, 255);
    color:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
    color:var(--wt-link-color);
  }

.wt-link:focus[data-focus-method='key']{
    box-shadow:rgba(22, 125, 255, 0.80) 0 0 0 4px;
    box-shadow:var(--wt-color-primary-light-theme-80, rgba(22, 125, 255, 0.80)) 0 0 0 4px;
  }

.wt-link_hardness_average{
    --wt-link-color:rgba(39, 40, 44, 0.70);
  }

.wt-link_hardness_hard{
    --wt-link-color:#27282c;
  }

.wt-link_hardness_pale{
    --wt-link-color:rgba(39, 40, 44, 0.40);
  }

.wt-link_hardness_primary{
    --wt-link-color:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
  }

.wt-link_theme_dark{
    --wt-link-color:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
  }

.wt-link_theme_dark:focus[data-focus-method='key']{
    box-shadow:rgba(76, 166, 255, 0.80) 0 0 0 4px;
    box-shadow:var(--wt-color-primary-dark-theme-80, rgba(76, 166, 255, 0.80)) 0 0 0 4px;
  }

.wt-link_theme_dark.wt-link_hardness_hard{
    --wt-link-color:#ffffff;
  }

.wt-link_theme_dark.wt-link_hardness_average{
    --wt-link-color:rgba(255, 255, 255, 0.60);
  }

.wt-link_theme_dark.wt-link_hardness_pale{
    --wt-link-color:rgba(255, 255, 255, 0.30);
  }

.wt-link_theme_dark.wt-link_hardness_primary{
    --wt-link-color:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
  }

[class*="_theme_dark"] .wt-link:not([class*="_hardness"]){
    --wt-link-color:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
  }

[class*="_theme_dark"] .wt-link:not([class*="_hardness"]):focus[data-focus-method='key']{
    box-shadow:rgba(76, 166, 255, 0.80) 0 0 0 4px;
    box-shadow:var(--wt-color-primary-dark-theme-80, rgba(76, 166, 255, 0.80)) 0 0 0 4px;
  }

.wt-link_external{
  padding-right:16px;

  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23167DFF'%3E%3Cpath d='M14 2H5.75l3.595 3.595L2.22 12.72l1.06 1.06 7.125-7.125L14 10.25V2z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right calc(100% - 1px);
  background-size:14px 14px;
}

.wt-text-1 .wt-link_external{
    background-position:right calc(100% - 2px);
    background-size:16px 16px;
  }

.wt-text-2 .wt-link_external{
    padding-right:14px;
  }

.wt-text-3 .wt-link_external{
    padding-right:12px;
    background-size:12px 12px;
  }

.wt-link_external.wt-link_hardness_hard{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2327282C'%3E%3Cpath d='M14 2H5.75l3.595 3.595L2.22 12.72l1.06 1.06 7.125-7.125L14 10.25V2z'/%3E%3C/svg%3E");
  }

.wt-link_external.wt-link_hardness_average{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2327282C' fill-opacity='0.7'%3E%3Cpath d='M14 2H5.75l3.595 3.595L2.22 12.72l1.06 1.06 7.125-7.125L14 10.25V2z'/%3E%3C/svg%3E");
  }

.wt-link_external.wt-link_hardness_pale{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2327282C' fill-opacity='0.4'%3E%3Cpath d='M14 2H5.75l3.595 3.595L2.22 12.72l1.06 1.06 7.125-7.125L14 10.25V2z'/%3E%3C/svg%3E");
  }

.wt-link_external.wt-link_theme_dark.wt-link_hardness_hard{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff'%3E%3Cpath d='M14 2H5.75l3.595 3.595L2.22 12.72l1.06 1.06 7.125-7.125L14 10.25V2z'/%3E%3C/svg%3E");
  }

.wt-link_external.wt-link_theme_dark.wt-link_hardness_average{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' fill-opacity='0.6'%3E%3Cpath d='M14 2H5.75l3.595 3.595L2.22 12.72l1.06 1.06 7.125-7.125L14 10.25V2z'/%3E%3C/svg%3E");
  }

.wt-link_external.wt-link_theme_dark.wt-link_hardness_pale{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' fill-opacity='0.3'%3E%3Cpath d='M14 2H5.75l3.595 3.595L2.22 12.72l1.06 1.06 7.125-7.125L14 10.25V2z'/%3E%3C/svg%3E");
  }

.wt-link_external.wt-link_theme_dark.wt-link_hardness_primary,
  [class*="_theme_dark"] .wt-link_external:not([class*="_hardness"]){
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%234CA6FF'%3E%3Cpath d='M14 2H5.75l3.595 3.595L2.22 12.72l1.06 1.06 7.125-7.125L14 10.25V2z'/%3E%3C/svg%3E");
  }

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.see-also {
  padding: 48px 0;
  padding: calc(var(--wh-flow-unit)*2) 0;

  border-top: 1px solid rgba(39, 40, 44, 0.20);

  border-top: 1px solid var(--wh-color-border);
}
@media print {
.see-also {
    display: none
}
  }
.see-also__title {
  letter-spacing:normal;
  color:#27282c;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-size:15px;
  font-size:var(--wt-h4-font-size, 15px);
  font-weight:bold;
  line-height:24px;
  line-height:24px;
  line-height:var(--wt-h4-line-height, 24px);
  color: #27282c;
  color: var(--wh-color-text);
}
.see-also__title--style-cards {
    letter-spacing:normal;
    color:#27282c;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:20px;
    font-size:20px;
    font-size:var(--wt-h3-font-size, 20px);
    font-weight:bold;
    line-height:28px;
    line-height:28px;
    line-height:var(--wt-h3-line-height, 28px);
    margin-bottom: 24px;
    margin-bottom: var(--wh-flow-unit);

    color: #27282c;

    color: var(--wh-color-text);
  }
.see-also__content {
  margin-top: 24px;
  margin-top: var(--wh-flow-unit);
}
.see-also__card-header {
  display: flex;
  justify-content: space-between;
}
.see-also__card-title {
  letter-spacing:normal;
  color:#27282c;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-size:12px;
  font-size:var(--wt-h5-font-size, 12px);
  font-weight:bold;
  line-height:16px;
  line-height:16px;
  line-height:var(--wt-h5-line-height, 16px);
  flex: 0 1 auto;

  margin-bottom: 12px;

  word-break: break-all;
  color: #27282c;
  color: var(--wh-color-text);
}
.see-also__icon {
  flex: 0 0 auto;

  margin-left: 5px;

  color: rgba(39, 40, 44, 0.20);

  color: var(--wh-color-border);

  transition: color 100ms;

  transition: color var(--wh-transition-xfast);
}
.see-also__card {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:16px;
  display: block;

  box-sizing: border-box;
  width: 100%;
  height: 100%;

  padding: 12px 16px;

  border: 1px solid rgba(39, 40, 44, 0.20);

  border: 1px solid var(--wh-color-border);

  text-decoration: none;

  transition: border-color 100ms;

  transition: border-color var(--wh-transition-xfast);

  color: #27282c;

  color: var(--wh-color-text);
}
.see-also__card:hover {
    border-color: rgba(39, 40, 44, 0.70);
    border-color: var(--wh-color-secondary-bg);
  }
.see-also__card:hover .see-also__icon {
      color: rgba(39, 40, 44, 0.70);
      color: var(--wh-color-secondary-bg);
    }
.see-also__card:visited,
  .see-also__card:active,
  .see-also__card:focus{
    border-bottom-color: rgba(39, 40, 44, 0.20);
    border-bottom-color: var(--wh-color-border);
  }
.see-also__card:visited:hover,
  .see-also__card:focus:hover {
    border-bottom-color: rgba(39, 40, 44, 0.70);
    border-bottom-color: var(--wh-color-secondary-bg);
  }
.see-also__card::after {
    display: none;
  }
.see-also__column-title {
  letter-spacing:normal;
  color:#27282c;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-size:12px;
  font-size:var(--wt-h5-font-size, 12px);
  font-weight:bold;
  line-height:16px;
  line-height:16px;
  line-height:var(--wt-h5-line-height, 16px);

  margin-top: 24px;

  margin-top: var(--wh-flow-unit);
  color: #27282c;
  color: var(--wh-color-text);
}
.see-also__column-item {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:16px;
  margin-top: 12px;
  margin-top: calc(var(--wh-flow-unit)/2);

  line-height: 24px;

  line-height: var(--wh-flow-unit);

  color: #27282c;

  color: var(--wh-color-text);
}

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.navigation-links {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  border-top: 1px solid rgba(39, 40, 44, 0.20);

  border-top: 1px solid var(--wh-color-border);
}
@media screen and (max-width: 640px) {
.navigation-links {
    flex-flow: row wrap
}
  }
@media print {
.navigation-links {
    display: none
}
  }
.navigation-links__prev {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 24px 0;
  padding: var(--wh-flow-unit) 0;
  border: none;
  text-decoration: none;
  color: rgba(39, 40, 44, 0.70);
  color: var(--wh-color-secondary-text);
}
.navigation-links__prev:hover {
    color: #27282c;
    color: var(--wh-color-text);
  }
@media screen and (max-width: 640px) {
.navigation-links__prev {
    padding: 16px 0
}
  }
.navigation-links__next {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;
  display: flex;
  flex-grow: 1;
  align-items: center;
  padding: 24px 0;
  padding: var(--wh-flow-unit) 0;
  border: none;
  text-decoration: none;
  color: rgba(39, 40, 44, 0.70);
  color: var(--wh-color-secondary-text);
}
.navigation-links__next:hover {
    color: #27282c;
    color: var(--wh-color-text);
  }
.navigation-links__next{

  justify-content: flex-end;
}
@media screen and (max-width: 640px) {
.navigation-links__next {
    margin-left: 8px;
    padding: 16px 0
}
  }
.navigation-links__prev-icon {
  flex-shrink: 0;

  margin-right: 8px;
}
.navigation-links__next-icon {
  flex-shrink: 0;

  margin-left: 8px;
}


@-webkit-keyframes _fadein_1u4xl_1{
  from{ opacity:0; }
  to{ opacity:1; }
}

@keyframes _fadein_1u4xl_1{
  from{ opacity:0; }
  to{ opacity:1; }
}

._wt-tooltip_1u4xl_11{

  position:relative;

  -webkit-animation:_fadein_1u4xl_1 500ms;

          animation:_fadein_1u4xl_1 500ms;
}

._wt-tooltip__content_1u4xl_20{
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:16px;

    max-width:283px;
    margin:12px 16px;


    padding:4px 6px;

    border-radius:2px;

    color:#ffffff;
    background-color:#3C3D40;

  }

._wt-tooltip_size_s_1u4xl_41 ._wt-tooltip__content_1u4xl_20{
      margin:6px 8px;
    }

[data-placement='top-end'] ._wt-tooltip__content_1u4xl_20, [data-placement='bottom-end'] ._wt-tooltip__content_1u4xl_20{
      margin-right:0;
    }

[data-placement='top-start'] ._wt-tooltip__content_1u4xl_20, [data-placement='bottom-start'] ._wt-tooltip__content_1u4xl_20{
      margin-left:0;
    }

[data-placement='left-end'] ._wt-tooltip__content_1u4xl_20, [data-placement='right-end'] ._wt-tooltip__content_1u4xl_20{
      margin-bottom:0;
    }

[data-placement='left-start'] ._wt-tooltip__content_1u4xl_20, [data-placement='right-start'] ._wt-tooltip__content_1u4xl_20{
      margin-top:0;
    }
:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.toc {
  box-sizing: border-box;
}
.toc--theme-light {
    background: #ffffff;
    background: var(--wt-color-white);
  }
.toc--theme-dark {
    background: #27282c;
    background: var(--wt-color-dark);
  }
.toc-placeholder__item {
  display: block;

  box-sizing: border-box;
  width: 100%;
  height: 32px;

  border-right-width: 22px;

  border-right-width: var(--wh-gap-m);
  border-left-width: 22px;
  border-left-width: var(--wh-gap-m);
}
@media screen and (max-width: 640px) {
.toc-placeholder__item {
    border-left-width: 16px;
    border-left-width: var(--wh-gap-sm)
}
  }
.toc-placeholder__item:nth-child(2n) {
  border-right-width: 70px;
}
.toc-placeholder__item:nth-child(3n) {
  border-right-width: 84px;
}
.toc-placeholder__item--theme-light {
  border: solid 8px #ffffff;
  border: solid 8px var(--wt-color-white);

  background: rgba(39, 40, 44, 0.05);

  background: var(--wt-color-dark-5);
}
.toc-placeholder__item--theme-dark {
  border: solid 8px #27282c;
  border: solid 8px var(--wt-color-dark);

  background: rgba(255, 255, 255, 0.05);

  background: var(--wt-color-white-5);
}
.toc-item {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:16px;

  display: block;
  overflow: hidden;

  padding: 8px 0;

  border-right: solid 22px transparent;

  border-right: solid var(--wh-gap-m) transparent;
  border-left: solid 22px transparent;
  border-left: solid var(--wh-gap-m) transparent;

  text-decoration: none;
  text-overflow: ellipsis;

  color: #27282c;

  color: var(--wt-color-dark);
}
.toc-item--theme-light:hover {
      background: rgba(39, 40, 44, 0.05);
      background: var(--wt-color-dark-5);
    }
.toc-item--theme-dark {
    color: rgba(255, 255, 255, 0.80);
    color: var(--wh-color-white-80);
  }
.toc-item--theme-dark:hover {
      background: rgba(255, 255, 255, 0.05);
      background: var(--wt-color-white-5);
    }
.toc-item--selected,
  .toc-item--selected:hover {
    color: #ffffff;
    color: var(--wh-color-contrast-text);
    background-color: #27282c;
    background-color: var(--wh-color-contrast-bg);
  }
.toc-item--anchor.toc-item--theme-light {
    border-color: #ffffff;
    border-color: var(--wt-color-white);
  }
.toc-item--anchor.toc-item--theme-dark {
    border-color: #27282c;
    border-color: var(--wt-color-dark);
  }
.toc-item--hidden {
    border-color: #ffffff;
    border-color: var(--wh-color-main-bg);
  }
.toc-item--hidden:hover {
      background: none;
    }
.toc-item--hidden.toc-item--theme-light {
    border-color: #ffffff;
    border-color: var(--wt-color-white);

    color: rgba(39, 40, 44, 0.40);

    color: var(--wt-color-dark-40);
  }
.toc-item--hidden.toc-item--theme-dark {
    border-color: #27282c;
    border-color: var(--wt-color-dark);

    color: rgba(255, 255, 255, 0.30);

    color: var(--wt-color-white-30);
  }
.toc-item--empty {
    cursor: default;

    color: rgba(39, 40, 44, 0.40);

    color: var(--wh-color-hidden-text);
  }
.toc-item--empty:hover {
      background: transparent;
    }
.toc-item--empty.toc-item--theme-light {
    color: rgba(39, 40, 44, 0.40);
    color: var(--wt-color-dark-40);
  }
.toc-item--empty.toc-item--theme-dark {
    color: rgba(255, 255, 255, 0.30);
    color: var(--wt-color-white-30);
  }
.toc-item--external::after {
      margin-left: 4px;

      content: '\2197';

      font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    }
@media screen and (max-width: 640px) {
.toc-item {
    border-right-width: 16px;
    border-right-width: var(--wh-gap-sm);
    border-left-width: 16px;
    border-left-width: var(--wh-gap-sm)
}
  }
.toc-item__label {
  margin-right: 5px;
  padding: 1px 5px;

  border-radius: 2px;

  background-color: var(--wh-color-sucсess-label);

  transition: background-color 150ms;
}
.toc-item__label:hover {
    background-color: var(--wh-color-sucсess-label-hover);
  }
.toc-item__label--theme-light {
    color: rgba(39, 40, 44, 0.70);
    color: var(--wt-color-dark-70);
  }
.toc-item__label--theme-light:hover {
      color: #27282c;
      color: var(--wt-color-dark);
    }
.toc-item__label--theme-dark {
    color: rgba(255, 255, 255, 0.60);
    color: var(--wt-color-white-60);
  }
.toc-item__label--theme-dark:hover {
      color: rgba(255, 255, 255, 0.80);
      color: var(--wh-color-white-80);
    }
.toc-item__label--hidden.toc-item--theme-light {
      background-color: rgba(39, 40, 44, 0.20);
      background-color: var(--wt-color-dark-20);
    }
.toc-item__label--hidden.toc-item--theme-dark {
      background-color: rgba(255, 255, 255, 0.20);
      background-color: var(--wt-color-white-20);
    }
.toc-item__icon {
  margin-left: 4px;

  vertical-align: text-bottom;
}
.toc__virtual-toc-header .toc-item {
  background: none;
}
.toc__virtual-toc-header .toc-item--theme-light {
    color: #27282c;
    color: var(--wt-color-dark);
  }
.toc__virtual-toc-header .toc-item--theme-light:hover {
      background: rgba(39, 40, 44, 0.05);
      background: var(--wt-color-dark-5);
    }
.toc__virtual-toc-header .toc-item--theme-dark {
    color: rgba(255, 255, 255, 0.80);
  }
.toc__virtual-toc-header .toc-item--theme-dark:hover {
      background: rgba(255, 255, 255, 0.05);
      background: var(--wt-color-white-5);
    }
.toc-icon {
  position: relative;

  width: 14px;
  height: 14px;

  margin-left: -18px;

  vertical-align: middle;

  transition: transform .2s;
  fill: currentColor;
}
.toc-icon--opened {
    transform: rotate(90deg);
  }
.toc-node {
  position: relative;
}
.toc-node--selected::after {
      position: absolute;

      top: 0;
      left: -1px;

      opacity: 0;

      width: 3px;
      height: 100%;

      content: '';

      background-color: #27282c;

      background-color: var(--wh-color-text);

      -webkit-animation: fadein ease-out 500ms forwards;

              animation: fadein ease-out 500ms forwards;

      -webkit-animation: fadein ease-out var(--wh-transition-medium) forwards;

              animation: fadein ease-out var(--wh-transition-medium) forwards;
    }
@media screen and (max-width: 640px) {
.toc-node--selected::after {
        left: 0;

        width: 4px
    }
      }
:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}.notification {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:16px;

  position: relative;

  display: flex;
  justify-content: center;
  align-items: flex-start;

  box-sizing: border-box;

  padding: 10px 54px 10px 22px;

  padding: 10px calc(var(--wh-gap-m) + 32px) 10px var(--wh-gap-m);

  color: #27282c;

  color: var(--wh-color-text);
}@media screen and (max-width: 640px) {.notification {
    padding: 10px 48px 10px 16px;
    padding: 10px calc(var(--wh-gap-sm) + 32px) 10px var(--wh-gap-sm)
}
  }.notification__wrapper {
  background-clip: content-box;
}.notification__wrapper:last-child {
    border-bottom: 1px solid rgba(39, 40, 44, 0.20);
    border-bottom: 1px solid var(--wh-color-border);
  }.notification__wrapper+.notification__wrapper {
    margin-top: 5px;
  }.notification__wrapper--type-note {
    background-color: rgba(243, 192, 51, 0.2);
    background-color: var(--wh-color-note);
  }.notification__wrapper--type-warning {
    background-color: rgba(239, 52, 30, 0.2);
    background-color: var(--wh-color-warning);
  }.notification__icon {
  flex: 0 0 auto;

  margin-right: 8px;
}.notification__wrapper--type-note .notification__icon {
    color: #F3C033;
    color: var(--wt-color-warning);
  }.notification__wrapper--type-warning .notification__icon {
    color: #EF341E;
    color: var(--wt-color-error);
  }.notification__close {
  position: absolute;
  top: 6px;
  right: 30px;
  right: calc(var(--wh-gap-m) + 8px);
}@media screen and (max-width: 640px) {.notification__close {
    right: 24px;
    right: calc(var(--wh-gap-sm) + 8px)
}
  }

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.feedback {
  position: relative;

  display: inline-block;

  box-sizing: border-box;
  margin: 64px 0;
  margin: calc(var(--wh-gap-lg)*2) 0;
  padding: 16px 32px;
  padding: var(--wh-gap-sm) var(--wh-gap-lg);

  border-radius: 4px;

  background-color: rgba(244, 244, 244, 0.3);

  background-color: var(--wh-color-feedback-bg);

  line-height: 36px;
}
@media print {
.feedback {
    display: none
}
  }
@media screen and (max-width: 640px) {
.feedback {
    margin: 32px 0;
    margin: var(--wh-gap-lg) 0;

    padding: 16px;

    padding: var(--wh-gap-sm)
}
  }
.feedback a {
    padding-bottom: 2px;

    border-bottom: 1px solid;

    text-decoration: none;

    color: inherit;

    line-height: 16px;
  }
.feedback a:hover {
      color: rgba(39, 40, 44, 0.70);
      color: var(--wh-color-secondary-text);
    }
.feedback__block:not(.feedback__block--active) {
  visibility: hidden;
  overflow: hidden;

  height: 0;
}
.feedback__text {
  display: flex;
  align-items: center;
}
.feedback__text,
.feedback__button {
  margin-top: 6px;
  margin-top: var(--wh-flow-unit-xs);
  margin-bottom: 6px;
  margin-bottom: var(--wh-flow-unit-xs);
}
.feedback__text,
.feedback__button:not(:last-child) {
  margin-right: 16px;
  margin-right: var(--wh-spacer-sm);
}
@media screen and (max-width: 640px) {
.feedback__text,
.feedback__button:not(:last-child) {
    margin-right: 8px;
    margin-right: calc(var(--wh-spacer-sm)/2)
}
  }
.feedback__head {
  letter-spacing:normal;
  color:#27282c;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:20px;
  font-size:20px;
  font-size:var(--wt-h3-font-size, 20px);
  font-weight:bold;
  line-height:28px;
  line-height:28px;
  line-height:var(--wt-h3-line-height, 28px);
  position: relative;

  display: flex;
  justify-content: space-between;
  align-items: start;

  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0.7em;
  padding-right: 24px;

  color: #27282c;

  color: var(--wh-color-text);
}
.feedback__legend {
  padding: 3px 0;
}
.feedback__close-button {
  position: absolute;
  top: 0;
  right: -9px;
}
.feedback__field {
  align-self: stretch;

  margin-bottom: 14px;
}
.feedback__description {
  color: rgba(39, 40, 44, 0.70);
  color: var(--wh-color-secondary-text);

  font-size: 11px;
  line-height: 1.5;
}
.feedback__warning-icon {
  margin-right: 16px;
  margin-right: var(--wh-spacer-sm);
}
.feedback__response {
  display: flex;
  align-items: center;
}


._wt-input_16p1b_1{
  display:block;
}

._wt-input__wrapper_16p1b_5{
  display:flex;

  border:1px solid;

}

._wt-input_theme_light_16p1b_14 ._wt-input__wrapper_16p1b_5{
    border-color:rgba(39, 40, 44, 0.20);

    background-color:#ffffff;
  }

._wt-input_theme_light_16p1b_14 ._wt-input__wrapper_16p1b_5:hover, ._wt-input_theme_light_16p1b_14 ._wt-input__wrapper_16p1b_5:focus-within{
      border-color:rgba(39, 40, 44, 0.70);
    }

._wt-input_theme_dark_16p1b_24 ._wt-input__wrapper_16p1b_5{
    border-color:rgba(255, 255, 255, 0.20);

    background-color:#27282c;
  }

._wt-input_theme_dark_16p1b_24 ._wt-input__wrapper_16p1b_5:hover, ._wt-input_theme_dark_16p1b_24 ._wt-input__wrapper_16p1b_5:focus-within{
      border-color:rgba(255, 255, 255, 0.60);
    }

._wt-input_disabled_16p1b_34._wt-input_theme_light_16p1b_14 ._wt-input__wrapper_16p1b_5{
    border-color:rgba(39, 40, 44, 0.40);

    background-color:rgba(39, 40, 44, 0.05);
  }

._wt-input_disabled_16p1b_34._wt-input_theme_dark_16p1b_24 ._wt-input__wrapper_16p1b_5{
    border-color:rgba(255, 255, 255, 0.10);

    background-color:#27282c;
  }

._wt-input_16p1b_1._wt-input_error_16p1b_46 ._wt-input__wrapper_16p1b_5,
  ._wt-input_16p1b_1._wt-input_error_16p1b_46 ._wt-input__wrapper_16p1b_5:hover,
  ._wt-input_16p1b_1._wt-input_error_16p1b_46 ._wt-input__wrapper_16p1b_5:focus-within{
    border-width:2px;
    border-color:#EF341E;
  }

._wt-input__field_16p1b_53{
  display:flex;

  flex:1 1 auto;

  min-width:0;

}

._wt-input_size_l_16p1b_68 ._wt-input__field_16p1b_53{
    padding: 13px 19px;
    border-width: 1px;
    border:none;
  }

._wt-input_size_m_16p1b_74 ._wt-input__field_16p1b_53{
    padding: 11px 15px;
    border-width: 1px;
    border:none;
  }

._wt-input_size_s_16p1b_80 ._wt-input__field_16p1b_53{
    padding: 5px 7px;
    border-width: 1px;
    border:none;
  }

._wt-input_size_xs_16p1b_86 ._wt-input__field_16p1b_53{
    padding: 3px 5px;
    border-width: 1px;
    border:none;
  }

._wt-input__inner_16p1b_92{

  display:block;

  flex:1 1 auto;

  box-sizing:border-box;
  min-width:0;
  margin:0;
  padding:0;

  border:none;

  outline:none;

  background:transparent;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
}

._wt-input__inner_16p1b_92:focus{
    outline:none;
  }

._wt-input__inner_16p1b_92::-moz-placeholder{
    opacity:1;
  }

._wt-input__inner_16p1b_92:-ms-input-placeholder{
    opacity:1;
  }

._wt-input__inner_16p1b_92::placeholder{
    opacity:1;
  }

._wt-input__inner_16p1b_92:-webkit-autofill,
  ._wt-input__inner_16p1b_92:-webkit-autofill:hover,
  ._wt-input__inner_16p1b_92:-webkit-autofill:active,
  ._wt-input__inner_16p1b_92:-webkit-autofill:focus{
    transition-delay:9999s;
  }

._wt-input_theme_light_16p1b_14 ._wt-input__inner_16p1b_92:-webkit-autofill, ._wt-input_theme_light_16p1b_14 ._wt-input__inner_16p1b_92:-webkit-autofill:hover, ._wt-input_theme_light_16p1b_14 ._wt-input__inner_16p1b_92:-webkit-autofill:active, ._wt-input_theme_light_16p1b_14 ._wt-input__inner_16p1b_92:-webkit-autofill:focus{
      -webkit-text-fill-color:#27282c;
      -webkit-box-shadow:0 0 0 1000px #ffffff inset;
    }

._wt-input_theme_dark_16p1b_24 ._wt-input__inner_16p1b_92:-webkit-autofill, ._wt-input_theme_dark_16p1b_24 ._wt-input__inner_16p1b_92:-webkit-autofill:hover, ._wt-input_theme_dark_16p1b_24 ._wt-input__inner_16p1b_92:-webkit-autofill:active, ._wt-input_theme_dark_16p1b_24 ._wt-input__inner_16p1b_92:-webkit-autofill:focus{
      -webkit-text-fill-color:#ffffff;
      -webkit-box-shadow:0 0 0 1000px #27282c inset;
    }

._wt-input_size_l_16p1b_68 ._wt-input__inner_16p1b_92{
    height:28px;
  }

._wt-input_size_m_16p1b_74 ._wt-input__inner_16p1b_92,
  ._wt-input_size_s_16p1b_80 ._wt-input__inner_16p1b_92{
    height:24px;
  }

._wt-input_size_xs_16p1b_86 ._wt-input__inner_16p1b_92{
    height:16px;
  }

._wt-input_theme_light_16p1b_14 ._wt-input__inner_16p1b_92::-moz-placeholder{
      color:rgba(39, 40, 44, 0.70);
    }

._wt-input_theme_light_16p1b_14 ._wt-input__inner_16p1b_92:-ms-input-placeholder{
      color:rgba(39, 40, 44, 0.70);
    }

._wt-input_theme_light_16p1b_14 ._wt-input__inner_16p1b_92::placeholder{
      color:rgba(39, 40, 44, 0.70);
    }

._wt-input_theme_light_16p1b_14 ._wt-input__inner_16p1b_92:disabled{
      color:rgba(39, 40, 44, 0.40);
    }

._wt-input_theme_light_16p1b_14 ._wt-input__inner_16p1b_92:disabled::-moz-placeholder{
        color:rgba(39, 40, 44, 0.40);
      }

._wt-input_theme_light_16p1b_14 ._wt-input__inner_16p1b_92:disabled:-ms-input-placeholder{
        color:rgba(39, 40, 44, 0.40);
      }

._wt-input_theme_light_16p1b_14 ._wt-input__inner_16p1b_92:disabled::placeholder{
        color:rgba(39, 40, 44, 0.40);
      }

._wt-input_theme_dark_16p1b_24 ._wt-input__inner_16p1b_92::-moz-placeholder{
      color:rgba(255, 255, 255, 0.60);
    }

._wt-input_theme_dark_16p1b_24 ._wt-input__inner_16p1b_92:-ms-input-placeholder{
      color:rgba(255, 255, 255, 0.60);
    }

._wt-input_theme_dark_16p1b_24 ._wt-input__inner_16p1b_92::placeholder{
      color:rgba(255, 255, 255, 0.60);
    }

._wt-input_theme_dark_16p1b_24 ._wt-input__inner_16p1b_92:disabled{
      color:rgba(255, 255, 255, 0.30);
    }

._wt-input_theme_dark_16p1b_24 ._wt-input__inner_16p1b_92:disabled::-moz-placeholder{
        color:rgba(255, 255, 255, 0.30);
      }

._wt-input_theme_dark_16p1b_24 ._wt-input__inner_16p1b_92:disabled:-ms-input-placeholder{
        color:rgba(255, 255, 255, 0.30);
      }

._wt-input_theme_dark_16p1b_24 ._wt-input__inner_16p1b_92:disabled::placeholder{
        color:rgba(255, 255, 255, 0.30);
      }

._wt-input__icon_16p1b_262{
  flex-shrink:0;

}

._wt-input__icon_action_16p1b_268{
    cursor:pointer;
  }

._wt-input_size_l_16p1b_68 ._wt-input__icon_right_16p1b_272{
    padding-left:20px;
  }

._wt-input_size_m_16p1b_74 ._wt-input__icon_right_16p1b_272{
    padding-left:16px;
  }

._wt-input_size_s_16p1b_80 ._wt-input__icon_right_16p1b_272{
    padding-left:8px;
  }

._wt-input_size_xs_16p1b_86 ._wt-input__icon_right_16p1b_272{
    padding-left:6px;
  }

._wt-input_size_l_16p1b_68 ._wt-input__icon_left_16p1b_288{
    padding-right:20px;
  }

._wt-input_size_m_16p1b_74 ._wt-input__icon_left_16p1b_288{
    padding-right:16px;
  }

._wt-input_size_s_16p1b_80 ._wt-input__icon_left_16p1b_288{
    padding-right:8px;
  }

._wt-input_size_xs_16p1b_86 ._wt-input__icon_left_16p1b_288{
    padding-right:6px;
  }

._wt-input_theme_light_16p1b_14 ._wt-input__icon_16p1b_262{
    fill:rgba(39, 40, 44, 0.70);
  }

._wt-input_theme_dark_16p1b_24 ._wt-input__icon_16p1b_262{
    fill:rgba(255, 255, 255, 0.60);
  }

._wt-input_theme_light_16p1b_14 ._wt-input__icon_action_16p1b_268:hover{
    fill:#27282c;
  }

._wt-input_theme_dark_16p1b_24 ._wt-input__icon_action_16p1b_268:hover{
    fill:#ffffff;
  }

._wt-input_disabled_16p1b_34._wt-input_theme_light_16p1b_14 ._wt-input__icon_16p1b_262{
    fill:rgba(39, 40, 44, 0.40);
  }

._wt-input_disabled_16p1b_34._wt-input_theme_dark_16p1b_24 ._wt-input__icon_16p1b_262{
    fill:rgba(255, 255, 255, 0.30);
  }

._wt-input__suffix_16p1b_328{
  flex:0 0 auto;
}

._wt-input_size_l_16p1b_68 ._wt-input__suffix_16p1b_328{
    padding: 13px 19px;
    border-width: 1px;
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:18px;
    font-weight:normal;
    line-height:28px;
    border:none;
  }

._wt-input_size_m_16p1b_74 ._wt-input__suffix_16p1b_328{
    padding: 11px 15px;
    border-width: 1px;
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:15px;
    font-weight:normal;
    line-height:24px;
    border:none;
  }

._wt-input_size_s_16p1b_80 ._wt-input__suffix_16p1b_328{
    padding: 5px 7px;
    border-width: 1px;
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:15px;
    font-weight:normal;
    line-height:24px;
    border:none;
  }

._wt-input_size_xs_16p1b_86 ._wt-input__suffix_16p1b_328{
    padding: 3px 5px;
    border-width: 1px;
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:16px;
    border:none;
  }

._wt-input_theme_light_16p1b_14 ._wt-input__suffix_16p1b_328{
    background-color:#F4F4F4;
  }

._wt-input_theme_dark_16p1b_24 ._wt-input__suffix_16p1b_328{
    color:rgba(255, 255, 255, 0.60);
    background-color:#323236;
  }

._wt-input_16p1b_1 ._wt-input__error-message_16p1b_391{
  margin-top:8px;

  color:#EF341E;
}

._wt-input__note_16p1b_397{
  margin-top:8px;
}

._wt-input_size_l_16p1b_68._wt-input_error_16p1b_46 ._wt-input__field_16p1b_53{
  padding: 12px 18px;
  border-width: 2px;
  border:none;
}

._wt-input_size_m_16p1b_74._wt-input_error_16p1b_46 ._wt-input__field_16p1b_53{
  padding: 10px 14px;
  border-width: 2px;
  border:none;
}

._wt-input_size_s_16p1b_80._wt-input_error_16p1b_46 ._wt-input__field_16p1b_53{
  padding: 4px 6px;
  border-width: 2px;
  border:none;
}

._wt-input_size_xs_16p1b_86._wt-input_error_16p1b_46 ._wt-input__field_16p1b_53{
  padding: 2px 4px;
  border-width: 2px;
  border:none;
}

._wt-input_size_l_16p1b_68._wt-input_error_16p1b_46 ._wt-input__suffix_16p1b_328{
  padding: 12px 18px;
  border-width: 2px;
  border:none;
}

._wt-input_size_m_16p1b_74._wt-input_error_16p1b_46 ._wt-input__suffix_16p1b_328{
  padding: 10px 14px;
  border-width: 2px;
  border:none;
}

._wt-input_size_s_16p1b_80._wt-input_error_16p1b_46 ._wt-input__suffix_16p1b_328{
  padding: 4px 6px;
  border-width: 2px;
  border:none;
}

._wt-input_size_xs_16p1b_86._wt-input_error_16p1b_46 ._wt-input__suffix_16p1b_328{
  padding: 2px 4px;
  border-width: 2px;
  border:none;
}

._wt-input_size_l_16p1b_68._wt-input_theme_light_16p1b_14 ._wt-input__inner_16p1b_92{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:18px;
  font-weight:normal;
  line-height:28px;
  height:28px;

  color:#27282c;
}

._wt-input_size_m_16p1b_74._wt-input_theme_light_16p1b_14 ._wt-input__inner_16p1b_92,
._wt-input_size_s_16p1b_80._wt-input_theme_light_16p1b_14 ._wt-input__inner_16p1b_92{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;
  color:#27282c;
}

._wt-input_size_l_16p1b_68._wt-input_theme_dark_16p1b_24 ._wt-input__inner_16p1b_92{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:18px;
  font-weight:normal;
  line-height:28px;
  color:rgba(255, 255, 255, 0.60);
  color:#ffffff;
}

._wt-input_size_m_16p1b_74._wt-input_theme_dark_16p1b_24 ._wt-input__inner_16p1b_92,
._wt-input_size_s_16p1b_80._wt-input_theme_dark_16p1b_24 ._wt-input__inner_16p1b_92{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;
  color:rgba(255, 255, 255, 0.60);
  color:#ffffff;
}

._wt-input_size_xs_16p1b_86._wt-input_theme_light_16p1b_14 ._wt-input__inner_16p1b_92{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:16px;
  color:#27282c;
}

._wt-input_size_xs_16p1b_86._wt-input_theme_dark_16p1b_24 ._wt-input__inner_16p1b_92{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:16px;
  color:rgba(255, 255, 255, 0.60);
  color:#ffffff;
}


._wt-textarea_ewdv4_1{
  display:block;
}

._wt-textarea__wrapper_ewdv4_5{
  position:relative;
}

._wt-textarea__inner_ewdv4_9{

  display:block;

  resize:none;

  box-sizing:border-box;

  width:100%;
  margin:0;

  border:1px solid;

  outline:none;
}

._wt-textarea__inner_ewdv4_9:focus{
    outline:none;
  }

._wt-textarea__inner_ewdv4_9::-moz-placeholder{
    opacity:1;
  }

._wt-textarea__inner_ewdv4_9:-ms-input-placeholder{
    opacity:1;
  }

._wt-textarea__inner_ewdv4_9::placeholder{
    opacity:1;
  }

._wt-textarea_theme_light_ewdv4_51 ._wt-textarea__inner_ewdv4_9{
    border-color:rgba(39, 40, 44, 0.20);
  }

._wt-textarea_theme_light_ewdv4_51 ._wt-textarea__inner_ewdv4_9::-moz-placeholder{
      color:rgba(39, 40, 44, 0.70);
    }

._wt-textarea_theme_light_ewdv4_51 ._wt-textarea__inner_ewdv4_9:-ms-input-placeholder{
      color:rgba(39, 40, 44, 0.70);
    }

._wt-textarea_theme_light_ewdv4_51 ._wt-textarea__inner_ewdv4_9::placeholder{
      color:rgba(39, 40, 44, 0.70);
    }

._wt-textarea_theme_light_ewdv4_51 ._wt-textarea__inner_ewdv4_9:hover, ._wt-textarea_theme_light_ewdv4_51 ._wt-textarea__inner_ewdv4_9:focus{
      border-color:rgba(39, 40, 44, 0.70);
    }

._wt-textarea_theme_light_ewdv4_51 ._wt-textarea__inner_ewdv4_9:disabled{
      border-color:rgba(39, 40, 44, 0.40);

      color:rgba(39, 40, 44, 0.40);
      background-color:rgba(39, 40, 44, 0.05);
    }

._wt-textarea_theme_light_ewdv4_51 ._wt-textarea__inner_ewdv4_9:disabled::-moz-placeholder{
        color:rgba(39, 40, 44, 0.40);
      }

._wt-textarea_theme_light_ewdv4_51 ._wt-textarea__inner_ewdv4_9:disabled:-ms-input-placeholder{
        color:rgba(39, 40, 44, 0.40);
      }

._wt-textarea_theme_light_ewdv4_51 ._wt-textarea__inner_ewdv4_9:disabled::placeholder{
        color:rgba(39, 40, 44, 0.40);
      }

._wt-textarea_theme_dark_ewdv4_106 ._wt-textarea__inner_ewdv4_9{
    border-color:rgba(255, 255, 255, 0.20);
    background-color:#27282c;
  }

._wt-textarea_theme_dark_ewdv4_106 ._wt-textarea__inner_ewdv4_9::-moz-placeholder{
      color:rgba(255, 255, 255, 0.60);
    }

._wt-textarea_theme_dark_ewdv4_106 ._wt-textarea__inner_ewdv4_9:-ms-input-placeholder{
      color:rgba(255, 255, 255, 0.60);
    }

._wt-textarea_theme_dark_ewdv4_106 ._wt-textarea__inner_ewdv4_9::placeholder{
      color:rgba(255, 255, 255, 0.60);
    }

._wt-textarea_theme_dark_ewdv4_106 ._wt-textarea__inner_ewdv4_9:hover, ._wt-textarea_theme_dark_ewdv4_106 ._wt-textarea__inner_ewdv4_9:focus{
      border-color:rgba(255, 255, 255, 0.60);
    }

._wt-textarea_theme_dark_ewdv4_106 ._wt-textarea__inner_ewdv4_9:disabled{
      border-color:rgba(255, 255, 255, 0.10);

      color:rgba(255, 255, 255, 0.30);
      background-color:#27282c;
    }

._wt-textarea_theme_dark_ewdv4_106 ._wt-textarea__inner_ewdv4_9:disabled::-moz-placeholder{
        color:rgba(255, 255, 255, 0.30);
      }

._wt-textarea_theme_dark_ewdv4_106 ._wt-textarea__inner_ewdv4_9:disabled:-ms-input-placeholder{
        color:rgba(255, 255, 255, 0.30);
      }

._wt-textarea_theme_dark_ewdv4_106 ._wt-textarea__inner_ewdv4_9:disabled::placeholder{
        color:rgba(255, 255, 255, 0.30);
      }

._wt-textarea_size_l_ewdv4_162 ._wt-textarea__inner_ewdv4_9{
    padding: 13px 19px;
    border-width: 1px;
    padding-right:63px;
  }

._wt-textarea_size_m_ewdv4_168 ._wt-textarea__inner_ewdv4_9{
    padding: 11px 15px;
    border-width: 1px;
    padding-right:55px;
  }

._wt-textarea_size_s_ewdv4_174 ._wt-textarea__inner_ewdv4_9{
    padding: 5px 7px;
    border-width: 1px;
    padding-right:39px;
  }

._wt-textarea_size_xs_ewdv4_180 ._wt-textarea__inner_ewdv4_9{
    padding: 3px 5px;
    border-width: 1px;
    padding-right:27px;
  }

._wt-textarea_ewdv4_1._wt-textarea_error_ewdv4_186 ._wt-textarea__inner_ewdv4_9,
  ._wt-textarea_ewdv4_1._wt-textarea_error_ewdv4_186 ._wt-textarea__inner_ewdv4_9:hover,
  ._wt-textarea_ewdv4_1._wt-textarea_error_ewdv4_186 ._wt-textarea__inner_ewdv4_9:focus{
    border-color:#EF341E;
  }

._wt-textarea__icon_ewdv4_192{
  position:absolute;
}

._wt-textarea_size_l_ewdv4_162 ._wt-textarea__icon_ewdv4_192{
    right:20px;
    top:14px;
  }

._wt-textarea_size_m_ewdv4_168 ._wt-textarea__icon_ewdv4_192{
    right:16px;
    top:12px;
  }

._wt-textarea_size_s_ewdv4_174 ._wt-textarea__icon_ewdv4_192{
    right:8px;
    top:6px;
  }

._wt-textarea_size_xs_ewdv4_180 ._wt-textarea__icon_ewdv4_192{
    right:6px;
    top:4px;
  }

._wt-textarea_theme_light_ewdv4_51 ._wt-textarea__inner_ewdv4_9:disabled + ._wt-textarea__icon_ewdv4_192{
    fill:rgba(39, 40, 44, 0.40);
  }

._wt-textarea_theme_dark_ewdv4_106 ._wt-textarea__inner_ewdv4_9:disabled + ._wt-textarea__icon_ewdv4_192{
    fill:rgba(255, 255, 255, 0.30);
  }

._wt-textarea_theme_light_ewdv4_51._wt-textarea_empty_ewdv4_224  ._wt-textarea__icon_ewdv4_192{
    fill:rgba(39, 40, 44, 0.70);
  }

._wt-textarea_theme_dark_ewdv4_106._wt-textarea_empty_ewdv4_224 ._wt-textarea__icon_ewdv4_192{
    fill:rgba(255, 255, 255, 0.60);
  }

._wt-textarea_ewdv4_1._wt-textarea_error_ewdv4_186 ._wt-textarea__icon_ewdv4_192.wt-icon{
    fill:#EF341E
  }

._wt-textarea_ewdv4_1 ._wt-textarea__error-message_ewdv4_236{
  margin-top:8px;

  color:#EF341E;
}

._wt-textarea__note_ewdv4_242{
  margin-top:8px;
}

._wt-textarea_size_l_ewdv4_162._wt-textarea_error_ewdv4_186 ._wt-textarea__inner_ewdv4_9{
  padding: 12px 18px;
  border-width: 2px;
  padding-right:62px;
}

._wt-textarea_size_m_ewdv4_168._wt-textarea_error_ewdv4_186 ._wt-textarea__inner_ewdv4_9{
  padding: 10px 14px;
  border-width: 2px;
  padding-right:54px;
}

._wt-textarea_size_s_ewdv4_174._wt-textarea_error_ewdv4_186 ._wt-textarea__inner_ewdv4_9{
  padding: 4px 6px;
  border-width: 2px;
  padding-right:38px;
}

._wt-textarea_size_xs_ewdv4_180._wt-textarea_error_ewdv4_186 ._wt-textarea__inner_ewdv4_9{
  padding: 2px 4px;
  border-width: 2px;
  padding-right:26px;
}

._wt-textarea_size_l_ewdv4_162._wt-textarea_theme_light_ewdv4_51 ._wt-textarea__inner_ewdv4_9{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:18px;
  font-weight:normal;
  line-height:28px;
  color:#27282c;
}

._wt-textarea_size_m_ewdv4_168._wt-textarea_theme_light_ewdv4_51 ._wt-textarea__inner_ewdv4_9,
._wt-textarea_size_s_ewdv4_174._wt-textarea_theme_light_ewdv4_51 ._wt-textarea__inner_ewdv4_9{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;
  color:#27282c;
}

._wt-textarea_size_l_ewdv4_162._wt-textarea_theme_dark_ewdv4_106 ._wt-textarea__inner_ewdv4_9{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:18px;
  font-weight:normal;
  line-height:28px;
  color:rgba(255, 255, 255, 0.60);
  color:#ffffff;
}

._wt-textarea_size_m_ewdv4_168._wt-textarea_theme_dark_ewdv4_106 ._wt-textarea__inner_ewdv4_9,
._wt-textarea_size_s_ewdv4_174._wt-textarea_theme_dark_ewdv4_106 ._wt-textarea__inner_ewdv4_9{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;
  color:rgba(255, 255, 255, 0.60);
  color:#ffffff;
}

._wt-textarea_size_xs_ewdv4_180._wt-textarea_theme_light_ewdv4_51 ._wt-textarea__inner_ewdv4_9{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:16px;
  color:#27282c;
}

._wt-textarea_size_xs_ewdv4_180._wt-textarea_theme_dark_ewdv4_106 ._wt-textarea__inner_ewdv4_9{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:16px;
  color:rgba(255, 255, 255, 0.60);
  color:#ffffff;
}
:root {
  --jblogo-black-square-to-beam-ratio: 1.6171428571; /* blackSquareWidth / beamWidth */
  --jblogo-size-1: 40px;
  --jblogo-size-2: 60px;
  --jblogo-size-3: 75px;
  --jblogo-size-4: 100px;
  --jblogo-size-5: 150px;
}

.jetbrains-logo {
  position: relative;

  display: block;
}

.jetbrains-logo::before {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 161.71429%;

    width: calc(var(--jblogo-black-square-to-beam-ratio)*100%);
    height: 161.71429%;
    height: calc(var(--jblogo-black-square-to-beam-ratio)*100%);

    content: '';

    background-repeat: no-repeat;
    background-size: cover;

    transform: translate(-50%, -50%);
  }

.jetbrains-logo::after {
    display: block;

    padding-bottom: 100%;

    content: '';
  }

.jetbrains-logo--inline {
    display: inline-block;

    vertical-align: middle;
  }

.jetbrains-logo--full-size::before {
      width: 100%;
      height: 100%
    }

.jetbrains-logo--size-1 {
    width: 40px;
    width: var(--jblogo-size-1);
  }

.jetbrains-logo--size-1.jetbrains-logo--full-size {
      width: 64.68571px;
      width: calc(var(--jblogo-size-1)*var(--jblogo-black-square-to-beam-ratio));
    }

.jetbrains-logo--size-2 {
    width: 60px;
    width: var(--jblogo-size-2);
  }

.jetbrains-logo--size-2.jetbrains-logo--full-size {
    width: 97.02857px;
    width: calc(var(--jblogo-size-2)*var(--jblogo-black-square-to-beam-ratio));
  }

.jetbrains-logo--size-3 {
    width: 75px;
    width: var(--jblogo-size-3);
  }

.jetbrains-logo--size-3.jetbrains-logo--full-size {
    width: 121.28571px;
    width: calc(var(--jblogo-size-3)*var(--jblogo-black-square-to-beam-ratio));
  }

.jetbrains-logo--size-4 {
    width: 100px;
    width: var(--jblogo-size-4);
  }

.jetbrains-logo--size-4.jetbrains-logo--full-size {
    width: 161.71429px;
    width: calc(var(--jblogo-size-4)*var(--jblogo-black-square-to-beam-ratio));
  }

.jetbrains-logo--size-5 {
    width: 150px;
    width: var(--jblogo-size-5);
  }

.jetbrains-logo--size-5.jetbrains-logo--full-size {
    width: 242.57143px;
    width: calc(var(--jblogo-size-5)*var(--jblogo-black-square-to-beam-ratio));
  }

.jetbrains-logo--align-center {
    margin-right: auto;
    margin-left: auto;
  }

.jetbrains-logo--align-left {
    margin-right: auto;
  }

.jetbrains-logo--align-left.jetbrains-logo--inline {
    margin-right: 20px;
  }

.jetbrains-logo--align-right {
    margin-left: auto;
  }

.jetbrains-logo--align-right.jetbrains-logo--inline {
    margin-left: 20px;
  }

.jetbrains-logo--logo-jetbrains::before {
      top: 0;
      left: 50%;

      width: 234%;
      height: 254%;

      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='120.1' height='130.2' viewBox='0 0 120.1 130.2' xml:space='preserve'%3E%3ClinearGradient id='jetbrains_svg__a' gradientUnits='userSpaceOnUse' x1='31.841' y1='120.558' x2='110.24' y2='73.24'%3E%3Cstop offset='0' stop-color='%23FCEE39'/%3E%3Cstop offset='1' stop-color='%23F37B3D'/%3E%3C/linearGradient%3E%3Cpath d='M118.6,71.8c0.9-0.8,1.4-1.9,1.5-3.2c0.1-2.6-1.8-4.7-4.4-4.9 c-1.2-0.1-2.4,0.4-3.3,1.1l0,0l-83.8,45.9c-1.9,0.8-3.6,2.2-4.7,4.1c-2.9,4.8-1.3,11,3.6,13.9c3.4,2,7.5,1.8,10.7-0.2l0,0l0,0 c0.2-0.2,0.5-0.3,0.7-0.5l78-54.8C117.3,72.9,118.4,72.1,118.6,71.8L118.6,71.8L118.6,71.8z' fill='url(%23jetbrains_svg__a)'/%3E%3ClinearGradient id='jetbrains_svg__b' gradientUnits='userSpaceOnUse' x1='48.361' y1='6.908' x2='119.918' y2='69.555'%3E%3Cstop offset='0' stop-color='%23EF5A6B'/%3E%3Cstop offset='.57' stop-color='%23F26F4E'/%3E%3Cstop offset='1' stop-color='%23F37B3D'/%3E%3C/linearGradient%3E%3Cpath d='M118.8,65.1L118.8,65.1L55,2.5C53.6,1,51.6,0,49.3,0 c-4.3,0-7.7,3.5-7.7,7.7v0c0,2.1,0.8,3.9,2.1,5.3l0,0l0,0c0.4,0.4,0.8,0.7,1.2,1l67.4,57.7l0,0c0.8,0.7,1.8,1.2,3,1.3 c2.6,0.1,4.7-1.8,4.9-4.4C120.2,67.3,119.7,66,118.8,65.1z' fill='url(%23jetbrains_svg__b)'/%3E%3ClinearGradient id='jetbrains_svg__c' gradientUnits='userSpaceOnUse' x1='52.947' y1='63.641' x2='10.538' y2='37.156'%3E%3Cstop offset='0' stop-color='%237C59A4'/%3E%3Cstop offset='.385' stop-color='%23AF4C92'/%3E%3Cstop offset='.765' stop-color='%23DC4183'/%3E%3Cstop offset='.957' stop-color='%23ED3D7D'/%3E%3C/linearGradient%3E%3Cpath d='M57.1,59.5C57,59.5,17.7,28.5,16.9,28l0,0l0,0c-0.6-0.3-1.2-0.6-1.8-0.9 c-5.8-2.2-12.2,0.8-14.4,6.6c-1.9,5.1,0.2,10.7,4.6,13.4l0,0l0,0C6,47.5,6.6,47.8,7.3,48c0.4,0.2,45.4,18.8,45.4,18.8l0,0 c1.8,0.8,3.9,0.3,5.1-1.2C59.3,63.7,59,61,57.1,59.5z' fill='url(%23jetbrains_svg__c)'/%3E%3ClinearGradient id='jetbrains_svg__d' gradientUnits='userSpaceOnUse' x1='52.174' y1='3.702' x2='10.771' y2='37.897'%3E%3Cstop offset='0' stop-color='%23EF5A6B'/%3E%3Cstop offset='.364' stop-color='%23EE4E72'/%3E%3Cstop offset='1' stop-color='%23ED3D7D'/%3E%3C/linearGradient%3E%3Cpath d='M49.3,0c-1.7,0-3.3,0.6-4.6,1.5L4.9,28.3c-0.1,0.1-0.2,0.1-0.2,0.2l-0.1,0 l0,0c-1.7,1.2-3.1,3-3.9,5.1C-1.5,39.4,1.5,45.9,7.3,48c3.6,1.4,7.5,0.7,10.4-1.4l0,0l0,0c0.7-0.5,1.3-1,1.8-1.6l34.6-31.2l0,0 c1.8-1.4,3-3.6,3-6.1v0C57.1,3.5,53.6,0,49.3,0z' fill='url(%23jetbrains_svg__d)'/%3E%3Cpath fill='%23000' d='M34.6 37.4H85.6V88.4H34.6z'/%3E%3Cpath fill='%23FFF' d='M39 78.8H58.1V82H39z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M38.8,50.8l1.5-1.4c0.4,0.5,0.8,0.8,1.3,0.8c0.6,0,0.9-0.4,0.9-1.2l0-5.3l2.3,0 l0,5.3c0,1-0.3,1.8-0.8,2.3c-0.5,0.5-1.3,0.8-2.3,0.8C40.2,52.2,39.4,51.6,38.8,50.8z'/%3E%3Cpath d='M45.3,43.8l6.7,0v1.9l-4.4,0V47l4,0l0,1.8l-4,0l0,1.3l4.5,0l0,2l-6.7,0 L45.3,43.8z'/%3E%3Cpath d='M55,45.8l-2.5,0l0-2l7.3,0l0,2l-2.5,0l0,6.3l-2.3,0L55,45.8z'/%3E%3Cpath d='M39,54l4.3,0c1,0,1.8,0.3,2.3,0.7c0.3,0.3,0.5,0.8,0.5,1.4v0 c0,1-0.5,1.5-1.3,1.9c1,0.3,1.6,0.9,1.6,2v0c0,1.4-1.2,2.3-3.1,2.3l-4.3,0L39,54z M43.8,56.6c0-0.5-0.4-0.7-1-0.7l-1.5,0l0,1.5 l1.4,0C43.4,57.3,43.8,57.1,43.8,56.6L43.8,56.6z M43,59l-1.8,0l0,1.5H43c0.7,0,1.1-0.3,1.1-0.8v0C44.1,59.2,43.7,59,43,59z'/%3E%3Cpath d='M46.8,54l3.9,0c1.3,0,2.1,0.3,2.7,0.9c0.5,0.5,0.7,1.1,0.7,1.9v0 c0,1.3-0.7,2.1-1.7,2.6l2,2.9l-2.6,0l-1.7-2.5h-1l0,2.5l-2.3,0L46.8,54z M50.6,58c0.8,0,1.2-0.4,1.2-1v0c0-0.7-0.5-1-1.2-1 l-1.5,0v2H50.6z'/%3E%3Cpath d='M56.8,54l2.2,0l3.5,8.4l-2.5,0l-0.6-1.5l-3.2,0l-0.6,1.5l-2.4,0L56.8,54z M58.8,59l-0.9-2.3L57,59L58.8,59z'/%3E%3Cpath d='M62.8,54l2.3,0l0,8.3l-2.3,0L62.8,54z'/%3E%3Cpath d='M65.7,54l2.1,0l3.4,4.4l0-4.4l2.3,0l0,8.3l-2,0L68,57.8l0,4.6l-2.3,0L65.7,54z'/%3E%3Cpath d='M73.7,61.1l1.3-1.5c0.8,0.7,1.7,1,2.7,1c0.6,0,1-0.2,1-0.6v0 c0-0.4-0.3-0.5-1.4-0.8c-1.8-0.4-3.1-0.9-3.1-2.6v0c0-1.5,1.2-2.7,3.2-2.7c1.4,0,2.5,0.4,3.4,1.1l-1.2,1.6 c-0.8-0.5-1.6-0.8-2.3-0.8c-0.6,0-0.8,0.2-0.8,0.5v0c0,0.4,0.3,0.5,1.4,0.8c1.9,0.4,3.1,1,3.1,2.6v0c0,1.7-1.3,2.7-3.4,2.7 C76.1,62.5,74.7,62,73.7,61.1z'/%3E%3C/g%3E%3C/svg%3E");

      transform: translate(-50%, -28.7%);
    }

.jetbrains-logo--logo-jetbrains-square::before {
      width: 100%;
      height: 100%;

      background-image: url("data:image/svg+xml,%3Csvg height='700' viewBox='0 0 700 700' width='700' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 0h700v700h-700z' fill='%23000'/%3E%3Cpath d='m60.379 568.75h262.5v43.75h-262.5z' fill='%23fff'/%3E%3Cpath d='m57.428 184.315 20.372-19.232c5.542 6.682 10.758 10.594 17.929 10.594 7.823 0 12.877-5.378 12.877-15.972v-72.205h31.457v72.367c0 14.343-3.586 24.448-11.246 32.109-7.5 7.5-18.254 11.572-31.294 11.572-19.885 0-31.946-8.312-40.095-19.233z' fill='%23fff'/%3E%3Cpath d='m147.394 87.5h91.762v26.73h-60.468v17.44h54.763v24.937h-54.763v18.092h61.283v26.893h-92.577z' fill='%23fff'/%3E%3Cpath d='m280.491 115.208h-34.064v-27.708h99.911v27.708h-34.227v86.384h-31.62z' fill='%23fff'/%3E%3Cpath d='m139.736 282.7c10.106-4.4 17.6-12.224 17.6-25.426v-.326a25.675 25.675 0 0 0 -7.336-18.584c-6.682-6.52-16.788-10.106-31.131-10.106h-58.507v114.092h58.838c27.218 0 43.191-11.9 43.191-31.457v-.326c.001-15.484-8.8-23.307-22.655-27.867zm-48.57-29.011h20.7c9.29 0 14.343 3.422 14.343 9.779v.326c0 6.682-5.542 9.942-15.158 9.942h-19.885v-20.051zm39.607 52.808c0 6.682-5.379 10.431-15.158 10.431h-24.449v-21.028h24.123c10.594 0 15.484 4.075 15.484 10.269v.326z' fill='%23fff'/%3E%3Cpath d='m335.8 227.444h-30.475l-42.63 101.193-17.833-26.056c14.18-6.031 23.469-17.6 23.469-35.205v-.326c0-11.246-3.422-19.885-10.1-26.567-7.661-7.661-19.722-12.224-37.162-12.224h-53.953v114.091h31.619v-34.55h14.017l22.981 34.553h54.267l8.15-20.536h44.169l8.149 20.536h33.9zm-99.093 42.05c0 8.312-6.357 13.529-16.951 13.529h-21.02v-27.546h20.864c10.432 0 17.114 4.564 17.114 13.692v.325zm70.737 27.706 12.877-32.271 12.712 32.271z' fill='%23fff'/%3E%3Cpath d='m388.119 228.258h31.619v114.092h-31.619z' fill='%23fff'/%3E%3Cpath d='m427.56 228.258h29.501l46.94 60.306v-60.306h31.294v114.092h-27.545l-48.896-62.587v62.587h-31.294z' fill='%23fff'/%3E%3Cpath d='m537.277 325.4 17.6-21.025c11.409 8.964 23.8 13.691 37 13.691 8.638 0 13.2-2.934 13.2-7.824v-.325c0-4.89-3.749-7.335-19.4-11.084-24.286-5.541-43.03-12.387-43.03-35.694v-.326c0-21.188 16.788-36.509 44.17-36.509 19.4 0 34.553 5.216 46.94 15.158l-15.801 22.328c-10.431-7.5-21.84-11.246-31.946-11.246-7.66 0-11.409 3.1-11.409 7.334v.322c0 5.216 3.912 7.5 19.885 11.083 26.078 5.7 42.377 14.18 42.377 35.531v.326c0 23.307-18.418 37.161-46.126 37.161-20.211.005-39.28-6.351-53.46-18.901z' fill='%23fff'/%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-jetbrains-square.jetbrains-logo--full-size::before {
      width: 62%;
      height: 62%;
    }

.jetbrains-logo--logo-jetbrains-academy::before, .jetbrains-logo--logo-education::before {
      background-image: url("data:image/svg+xml,%3Csvg height='70' viewBox='0 0 70 70' width='70' xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient id='jetbrains-academy_svg__a' gradientUnits='userSpaceOnUse' x1='41.286' x2='13.839' y1='41.286' y2='13.839'%3E%3Cstop offset='.233' stop-color='%2321d789'/%3E%3Cstop offset='.89' stop-color='%23af1df5'/%3E%3C/linearGradient%3E%3Cpath d='m56 14v42h-42z'/%3E%3Cpath d='M50.76534,50.74985H40.25191V48.43361H50.76534Z' fill='%23fff'/%3E%3Cpath d='m14 56v-42h42z' fill='url(%23jetbrains-academy_svg__a)'/%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-objc::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3Cpath fill='%23247CE6' d='M59.2 55L70 26.3 37.3 19 33 31.2z'/%3E%3ClinearGradient id='appcode_svg__a' gradientUnits='userSpaceOnUse' x1='20.617' y1='57.755' x2='70' y2='57.755'%3E%3Cstop offset='.194' stop-color='%2300DAF0'/%3E%3Cstop offset='.903' stop-color='%23247CE6'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23appcode_svg__a)' d='M70 56.1L53.5 70 20.6 61.5 29.4 45.5z'/%3E%3ClinearGradient id='appcode_svg__b' gradientUnits='userSpaceOnUse' x1='1.274' y1='17.415' x2='38.41' y2='17.415'%3E%3Cstop offset='.194' stop-color='%2300DAF0'/%3E%3Cstop offset='.903' stop-color='%23247CE6'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23appcode_svg__b)' d='M9.7 34.8L1.3 10.8 38.4 0 35.4 31z'/%3E%3ClinearGradient id='appcode_svg__c' gradientUnits='userSpaceOnUse' x1='45.876' y1='72.222' x2='11.197' y2='23.824'%3E%3Cstop offset='.091' stop-color='%231DDF93'/%3E%3Cstop offset='.484' stop-color='%2300DAF0'/%3E%3Cstop offset='.903' stop-color='%23247CE6'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23appcode_svg__c)' d='M61.1 40.5L50.7 22.7 50.9 22.6 38.4 0 0 41.5 0 70 69.8 56.1z'/%3E%3Cg%3E%3Cpath fill='%23000' d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cpath fill='%23FFF' d='M17.4 48.5H33.599999999999994V51.2H17.4z'/%3E%3Cpath d='M24.5,19h3.6l7.6,17.9h-4.1l-1.6-4h-7.5l-1.6,4h-4L24.5,19z M28.6,29.4l-2.4-5.8l-2.4,5.8H28.6z' fill='%23FFF'/%3E%3Cpath d='M34.7,28.1L34.7,28.1c0-5.2,3.9-9.4,9.4-9.4c3.4,0,5.4,1.1,7.1,2.8l-2.5,2.9c-1.4-1.3-2.8-2-4.6-2 c-3,0-5.2,2.5-5.2,5.6V28c0,3.1,2.1,5.7,5.2,5.7c2.1,0,3.3-0.8,4.7-2.1l2.5,2.5c-1.9,2-3.9,3.2-7.4,3.2 C38.6,37.3,34.7,33.2,34.7,28.1' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-clion::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3ClinearGradient id='clion_svg__a' gradientUnits='userSpaceOnUse' x1='22.254' y1='15.137' x2='45.654' y2='15.137'%3E%3Cstop offset='0' stop-color='%23ED358C'/%3E%3Cstop offset='.155' stop-color='%23E9388C'/%3E%3Cstop offset='.297' stop-color='%23DE418C'/%3E%3Cstop offset='.433' stop-color='%23CC508C'/%3E%3Cstop offset='.566' stop-color='%23B2658D'/%3E%3Cstop offset='.697' stop-color='%2390808D'/%3E%3Cstop offset='.826' stop-color='%2367A18E'/%3E%3Cstop offset='.951' stop-color='%2337C78F'/%3E%3Cstop offset='1' stop-color='%2322D88F'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23clion_svg__a)' d='M26.9 28.4L22.3 30.3 26.4 0 42.6 8.8z'/%3E%3ClinearGradient id='clion_svg__b' gradientUnits='userSpaceOnUse' x1='17.8' y1='8.982' x2='7.505' y2='78.065'%3E%3Cstop offset='.091' stop-color='%2322D88F'/%3E%3Cstop offset='.903' stop-color='%23029DE0'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23clion_svg__b)' d='M24.3 42L26.7 0 6.5 12.7 0 51.5z'/%3E%3ClinearGradient id='clion_svg__c' gradientUnits='userSpaceOnUse' x1='63.836' y1='6.492' x2='-6.583' y2='80.865'%3E%3Cstop offset='.091' stop-color='%2322D88F'/%3E%3Cstop offset='.903' stop-color='%23029DE0'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23clion_svg__c)' d='M68.6 21L59.6 2.7 42.6 8.8 30.1 22.7 0 51.5 22.7 68 51.2 42.3z'/%3E%3ClinearGradient id='clion_svg__d' gradientUnits='userSpaceOnUse' x1='40.114' y1='49.366' x2='66.875' y2='53.171'%3E%3Cstop offset='.091' stop-color='%2322D88F'/%3E%3Cstop offset='.903' stop-color='%23029DE0'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23clion_svg__d)' d='M29.4 29.9L25.5 53.9 41.5 66.2 59 70 70 45z'/%3E%3Cg%3E%3Cpath fill='%23000' d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cpath fill='%23FFF' d='M17.5 48.5H33.7V51.2H17.5z'/%3E%3Cpath d='M17.2,28.1L17.2,28.1c0-5.1,3.8-9.3,9.3-9.3c3.4,0,5.4,1.1,7.1,2.8l-2.5,2.9c-1.4-1.3-2.8-2-4.6-2 c-3,0-5.2,2.5-5.2,5.6V28c0,3.1,2.1,5.6,5.2,5.6c2,0,3.3-0.8,4.7-2.1l2.5,2.5c-1.8,2-3.9,3.2-7.3,3.2 C21.1,37.3,17.2,33.2,17.2,28.1' fill='%23FFF'/%3E%3Cpath d='M36.4,19.1h3.9v14.6h7.8v3.3H36.4V19.1z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-dataspell::before {
      background-image: url("data:image/svg+xml,%3Csvg width='128' height='128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M82.267 0L84.8 52 20 77.6 0 25.867 82.267 0z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M128 30.4L72 54.667 82.267 0 128 30.4z' fill='%2321D789'/%3E%3Cpath d='M68.667 42.4L128 30.4v56.133l-40.8 15.334-16.667-15.2L68.667 42.4z' fill='url(%23paint1_linear)'/%3E%3Cpath d='M44 26l40.937 6.333L128 86.035 86.665 102l-15.95-15.833L44 26z' fill='url(%23paint2_linear)'/%3E%3Cpath d='M26.4 0l58.4 32.267L64.667 128h-34L1.2 97.6 26.4 0z' fill='url(%23paint3_linear)'/%3E%3Cpath d='M103 25H25v78h78V25z' fill='url(%23paint4_linear)'/%3E%3Cpath d='M62.7 89.567H33.667v4.766H62.7v-4.766zM34 35h11.404c9.252 0 15.492 6.24 15.492 14.416 0 8.177-6.24 14.632-15.492 14.632L34 64.263V35zm6.455 6.025v17.429h4.95c5.163 0 8.821-3.443 8.821-8.607s-3.443-8.822-8.822-8.822h-4.949zM64 59.84l3.77-4.55c2.6 2.21 5.46 3.51 8.71 3.51 2.6 0 4.29-1.04 4.29-2.73v-.13c0-1.69-1.04-2.47-5.85-3.77-5.98-1.43-9.75-3.12-9.75-8.97v-.13c0-5.33 4.29-8.84 10.27-8.84 4.29 0 7.93 1.3 10.92 3.77l-3.38 4.81c-2.6-1.82-5.2-2.86-7.67-2.86-2.47 0-3.77 1.17-3.77 2.6v.13c0 1.95 1.3 2.6 6.37 3.9 5.98 1.56 9.36 3.64 9.36 8.84v.13c0 5.85-4.42 9.1-10.79 9.1-4.42-.13-8.97-1.69-12.48-4.81z' fill='%23fff'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='94.93' y1='38.83' x2='10.085' y2='38.83' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2321D789'/%3E%3Cstop offset='.917' stop-color='%23FCF84A'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear' x1='98.314' y1='36.952' x2='98.314' y2='142.841' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2321D789'/%3E%3Cstop offset='1' stop-color='%23087CFA'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear' x1='168.354' y1='133.434' x2='43.19' y2='31.435' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.105' stop-color='%2321D789'/%3E%3Cstop offset='.967' stop-color='%23087CFA'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear' x1='110.667' y1='-9.852' x2='22.445' y2='90.133' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.235' stop-color='%2321D789'/%3E%3Cstop offset='.74' stop-color='%23087CFA'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear' x1='63.896' y1='6.042' x2='63.896' y2='75.993' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.084' stop-color='%23878585'/%3E%3Cstop offset='.538'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-datagrip::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3Cpath fill='%239775F8' d='M65.5 10.9L70 39.5 53 49.4 49.8 33.2z'/%3E%3ClinearGradient id='datagrip_svg__a' gradientUnits='userSpaceOnUse' x1='41.069' y1='54.357' x2='46.521' y2='67.944' gradientTransform='matrix(1 0 0 -1 0 72)'%3E%3Cstop offset='0' stop-color='%239775F8'/%3E%3Cstop offset='.952' stop-color='%2322D88F'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23datagrip_svg__a)' d='M65.5 10.9L40.5 0 19.4 17.5 49.8 33.2z'/%3E%3ClinearGradient id='datagrip_svg__b' gradientUnits='userSpaceOnUse' x1='17.067' y1='35.739' x2='24.146' y2='4.895' gradientTransform='matrix(1 0 0 -1 0 72)'%3E%3Cstop offset='0' stop-color='%239775F8'/%3E%3Cstop offset='.214' stop-color='%23689CCE'/%3E%3Cstop offset='.423' stop-color='%2342BDAC'/%3E%3Cstop offset='.59' stop-color='%232BD197'/%3E%3Cstop offset='.694' stop-color='%2322D88F'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23datagrip_svg__b)' d='M47.3 70L18 30.6 9.3 36.4 0.6 62.5z'/%3E%3ClinearGradient id='datagrip_svg__c' gradientUnits='userSpaceOnUse' x1='4.9' y1='37.969' x2='66.239' y2='4.102' gradientTransform='matrix(1 0 0 -1 0 72)'%3E%3Cstop offset='.075' stop-color='%2322D88F'/%3E%3Cstop offset='.72' stop-color='%239775F8'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23datagrip_svg__c)' d='M52.8 50.1L32.3 36.6 0 32.3 47.3 70z'/%3E%3ClinearGradient id='datagrip_svg__d' gradientUnits='userSpaceOnUse' x1='0' y1='45.15' x2='61.646' y2='45.15' gradientTransform='matrix(1 0 0 -1 0 72)'%3E%3Cstop offset='.075' stop-color='%2322D88F'/%3E%3Cstop offset='.266' stop-color='%235AB0B4'/%3E%3Cstop offset='.565' stop-color='%23B86CF2'/%3E%3Cstop offset='1' stop-color='%23FF59E6'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23datagrip_svg__d)' d='M0 0.5L0 32.3 60.8 53.2 65.5 10.9z'/%3E%3Cg%3E%3Cpath d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M17.8,19h7c5.6,0,9.5,3.9,9.5,8.9V28c0,5-3.9,8.9-9.5,8.9h-7V19z M21.7,22.6v10.8h3 c3.2,0,5.4-2.2,5.4-5.3V28c0-3.2-2.2-5.4-5.4-5.4H21.7z'/%3E%3Cpath d='M35,28L35,28c0-5.1,4-9.3,9.4-9.3c3.2,0,5.2,0.9,7,2.5l-2.5,3c-1.4-1.2-2.6-1.8-4.7-1.8 c-2.9,0-5.1,2.5-5.1,5.6V28c0,3.3,2.2,5.7,5.4,5.7c1.4,0,2.7-0.4,3.7-1.1V30h-4v-3.4H52v7.8c-1.8,1.6-4.4,2.8-7.6,2.8 C38.8,37.2,35,33.3,35,28z'/%3E%3C/g%3E%3Cpath fill='%23FFF' d='M17.4 48.5H33.599999999999994V51.2H17.4z'/%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-dotcover::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3ClinearGradient id='dotcover_svg__a' gradientUnits='userSpaceOnUse' x1='37.049' y1='55.637' x2='23.558' y2='5.422'%3E%3Cstop offset='.048' stop-color='%237866FF'/%3E%3Cstop offset='.135' stop-color='%238265FA'/%3E%3Cstop offset='.281' stop-color='%239C64EE'/%3E%3Cstop offset='.467' stop-color='%23C661D9'/%3E%3Cstop offset='.608' stop-color='%23EB5FC7'/%3E%3Cstop offset='.729' stop-color='%23FA6398'/%3E%3Cstop offset='.769' stop-color='%23FF6488'/%3E%3Cstop offset='.995' stop-color='%23FF7500'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23dotcover_svg__a)' d='M42.8 0L0 4.8 0 26.8 10.7 62.6 64.6 48.9z'/%3E%3ClinearGradient id='dotcover_svg__b' gradientUnits='userSpaceOnUse' x1='69.11' y1='50.451' x2='57.169' y2='46.132'%3E%3Cstop offset='.247' stop-color='%237866FF'/%3E%3Cstop offset='.346' stop-color='%238F5FFA'/%3E%3Cstop offset='.531' stop-color='%23B353F1'/%3E%3Cstop offset='.705' stop-color='%23CD4AEB'/%3E%3Cstop offset='.859' stop-color='%23DD45E7'/%3E%3Cstop offset='.979' stop-color='%23E343E6'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23dotcover_svg__b)' d='M70 41.3L65.9 22.2 56.7 34.9 50.3 54.2 48.2 70 64 60z'/%3E%3ClinearGradient id='dotcover_svg__c' gradientUnits='userSpaceOnUse' x1='57.012' y1='46.84' x2='23.73' y2='32.867'%3E%3Cstop offset='.006' stop-color='%23E343E6'/%3E%3Cstop offset='.064' stop-color='%23E649CA'/%3E%3Cstop offset='.19' stop-color='%23EF5982'/%3E%3Cstop offset='.372' stop-color='%23FD7110'/%3E%3Cstop offset='.398' stop-color='%23FF7500'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23dotcover_svg__c)' d='M65.9 22.2L52.5 15.8 36.8 17.2 21.4 27.9 18.3 47.1 31.8 65.5 48.2 70z'/%3E%3Cg%3E%3Cpath fill='%23000' d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M17.5,19.1h7c5.6,0,9.5,3.9,9.5,8.9v0.1c0,5-3.9,8.9-9.5,8.9h-7V19.1z M21.4,22.7v10.8h3 c3.2,0,5.4-2.2,5.4-5.3v-0.1c0-3.2-2.2-5.4-5.4-5.4H21.4z'/%3E%3Cpath d='M17.5 48.5H33.7V51.2H17.5z'/%3E%3Cpath d='M35.4,28.1L35.4,28.1c0-5.1,3.8-9.3,9.3-9.3c3.4,0,5.4,1.1,7.1,2.8l-2.5,2.9c-1.4-1.3-2.8-2-4.6-2 c-3,0-5.2,2.5-5.2,5.6v0.1c0,3.1,2.1,5.6,5.2,5.6c2,0,3.3-0.8,4.7-2.1l2.5,2.5c-1.8,2-3.9,3.2-7.3,3.2 C39.4,37.3,35.4,33.3,35.4,28.1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-dotmemory::before, .jetbrains-logo--logo-dotmemory-unit::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3ClinearGradient id='dotmemory_svg__a' gradientUnits='userSpaceOnUse' x1='20.477' y1='18.782' x2='32.464' y2='68.958'%3E%3Cstop offset='0' stop-color='%237866FF'/%3E%3Cstop offset='.023' stop-color='%237E64FE'/%3E%3Cstop offset='.195' stop-color='%23AA56F3'/%3E%3Cstop offset='.349' stop-color='%23C94CEC'/%3E%3Cstop offset='.48' stop-color='%23DC45E8'/%3E%3Cstop offset='.57' stop-color='%23E343E6'/%3E%3Cstop offset='.641' stop-color='%23E859BC'/%3E%3Cstop offset='.819' stop-color='%23F48F58'/%3E%3Cstop offset='.942' stop-color='%23FCB019'/%3E%3Cstop offset='1' stop-color='%23FFBD00'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23dotmemory_svg__a)' d='M8 65.1L0.1 37.6 51.7 45.2 44.3 70z'/%3E%3ClinearGradient id='dotmemory_svg__b' gradientUnits='userSpaceOnUse' x1='49.418' y1='41.451' x2='32.72' y2='7.516'%3E%3Cstop offset='0' stop-color='%237866FF'/%3E%3Cstop offset='.202' stop-color='%23965CF8'/%3E%3Cstop offset='.64' stop-color='%23E343E6'/%3E%3Cstop offset='.968' stop-color='%23FFBD00'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23dotmemory_svg__b)' d='M23.5 0.1L42.1 5.4 63.2 0 70 46.3 13.4 37.6z'/%3E%3ClinearGradient id='dotmemory_svg__c' gradientUnits='userSpaceOnUse' x1='26.353' y1='53.604' x2='36.21' y2='30.222'%3E%3Cstop offset='.118' stop-color='%23E343E6'/%3E%3Cstop offset='.211' stop-color='%23C84CEC'/%3E%3Cstop offset='.338' stop-color='%23AB55F3'/%3E%3Cstop offset='.472' stop-color='%23955DF8'/%3E%3Cstop offset='.618' stop-color='%238562FC'/%3E%3Cstop offset='.781' stop-color='%237B65FE'/%3E%3Cstop offset='1' stop-color='%237866FF'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23dotmemory_svg__c)' d='M70 46.1L67.3 28.9 25.6 14.4 0.1 19.9 0 37.7 49.6 51.3z'/%3E%3Cg%3E%3Cpath fill='%23000' d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cpath fill='%23FFF' d='M17.4 48.5H33.599999999999994V51.2H17.4z'/%3E%3Cpath d='M17.4,19h6.9c5.6,0,9.5,3.9,9.5,8.9V28c0,5-3.9,9-9.5,9h-6.9V19z M21.3,22.6v10.8h2.9 c3.2,0,5.4-2.2,5.4-5.4V28c0-3.2-2.2-5.4-5.4-5.4H21.3z' fill='%23FFF'/%3E%3Cpath fill='%23FFF' d='M34.8 19.1L39.1 19.1 43.7 26.6 48.4 19.1 52.6 19.1 52.6 36.9 48.7 36.9 48.7 25.2 43.7 32.8 43.6 32.8 38.7 25.3 38.7 36.9 34.8 36.9z'/%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-decompiler::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3ClinearGradient id='dotpeek_svg__a' gradientUnits='userSpaceOnUse' x1='10.879' y1='26.793' x2='47.049' y2='63.717'%3E%3Cstop offset='.097' stop-color='%23E343E6'/%3E%3Cstop offset='.108' stop-color='%23D948E8'/%3E%3Cstop offset='.165' stop-color='%23AC5DEF'/%3E%3Cstop offset='.222' stop-color='%23876FF5'/%3E%3Cstop offset='.279' stop-color='%236B7DF9'/%3E%3Cstop offset='.336' stop-color='%235687FC'/%3E%3Cstop offset='.392' stop-color='%234A8DFE'/%3E%3Cstop offset='.446' stop-color='%23468FFF'/%3E%3Cstop offset='.935' stop-color='%2300CAFF'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23dotpeek_svg__a)' d='M44.3 20.9L5.2 30.3 0 40.8 14.1 70 49.3 63.9z'/%3E%3ClinearGradient id='dotpeek_svg__b' gradientUnits='userSpaceOnUse' x1='9.66' y1='55.746' x2='32.843' y2='36.427'%3E%3Cstop offset='.097' stop-color='%23E343E6'/%3E%3Cstop offset='.118' stop-color='%23DE45E7'/%3E%3Cstop offset='.289' stop-color='%23B951F0'/%3E%3Cstop offset='.462' stop-color='%239D5AF6'/%3E%3Cstop offset='.632' stop-color='%238861FB'/%3E%3Cstop offset='.802' stop-color='%237C65FE'/%3E%3Cstop offset='.968' stop-color='%237866FF'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23dotpeek_svg__b)' d='M65.8 31.5L38.2 14 0 22.1 0 40.8 62.6 53.3z'/%3E%3ClinearGradient id='dotpeek_svg__c' gradientUnits='userSpaceOnUse' x1='39.855' y1='16.927' x2='56.356' y2='50.653'%3E%3Cstop offset='.199' stop-color='%23E343E6'/%3E%3Cstop offset='.31' stop-color='%23DA46E8'/%3E%3Cstop offset='.491' stop-color='%23C24EEE'/%3E%3Cstop offset='.718' stop-color='%239A5BF7'/%3E%3Cstop offset='.887' stop-color='%237866FF'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23dotpeek_svg__c)' d='M70 31.3L39.6 0 15.8 7.2 23.6 30.9 62.6 53.3z'/%3E%3ClinearGradient id='dotpeek_svg__d' gradientUnits='userSpaceOnUse' x1='19.875' y1='18.305' x2='61.328' y2='8.256'%3E%3Cstop offset='.097' stop-color='%23E343E6'/%3E%3Cstop offset='.175' stop-color='%23DA48E7'/%3E%3Cstop offset='.302' stop-color='%23C157EA'/%3E%3Cstop offset='.464' stop-color='%23996FEE'/%3E%3Cstop offset='.653' stop-color='%236290F4'/%3E%3Cstop offset='.863' stop-color='%231CB9FC'/%3E%3Cstop offset='.941' stop-color='%2300CAFF'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23dotpeek_svg__d)' d='M64.5 19.6L61.8 0 51.3 0 39.6 0 15.8 7.2 23.6 30.9z'/%3E%3Cg%3E%3Cpath fill='%23000' d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cpath fill='%23FFF' d='M17.4 48.5H33.599999999999994V51.2H17.4z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M17.5,19.1h7c5.6,0,9.5,3.9,9.5,8.9v0.1c0,5-3.9,8.9-9.5,8.9h-7V19.1z M21.4,22.7v10.8h3 c3.2,0,5.4-2.2,5.4-5.3v-0.1c0-3.2-2.2-5.4-5.4-5.4H21.4z'/%3E%3Cpath d='M35.6,19.1h7.3c4.3,0,6.9,2.5,6.9,6.2v0.1c0,4.1-3.2,6.3-7.2,6.3h-3V37h-3.9V19.1z M42.6,28.1 c2,0,3.1-1.2,3.1-2.7v-0.1c0-1.8-1.2-2.7-3.2-2.7h-3v5.5H42.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-profiler::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3ClinearGradient id='dottrace_svg__a' gradientUnits='userSpaceOnUse' x1='-1.332' y1='43.737' x2='67.042' y2='26.097'%3E%3Cstop offset='.124' stop-color='%237866FF'/%3E%3Cstop offset='.538' stop-color='%23FE2EB6'/%3E%3Cstop offset='.855' stop-color='%23FD0486'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23dottrace_svg__a)' d='M67.3 16L43.7 0 0 31.1 11.1 70 58.9 60.3z'/%3E%3ClinearGradient id='dottrace_svg__b' gradientUnits='userSpaceOnUse' x1='45.915' y1='38.91' x2='67.658' y2='9.099'%3E%3Cstop offset='.124' stop-color='%23FF0080'/%3E%3Cstop offset='.259' stop-color='%23FE0385'/%3E%3Cstop offset='.411' stop-color='%23FA0C92'/%3E%3Cstop offset='.571' stop-color='%23F41BA9'/%3E%3Cstop offset='.736' stop-color='%23EB2FC8'/%3E%3Cstop offset='.866' stop-color='%23E343E6'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23dottrace_svg__b)' d='M67.3 16L43.7 0 38 15.7 38 47.8 70 47.8z'/%3E%3Cg%3E%3Cpath fill='%23000' d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cpath fill='%23FFF' d='M17.4 48.5H33.599999999999994V51.2H17.4z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M17.4,19.1h6.9c5.6,0,9.5,3.8,9.5,8.9V28c0,5-3.9,8.9-9.5,8.9h-6.9V19.1z M21.4,22.7v10.7h3 c3.2,0,5.4-2.2,5.4-5.3V28c0-3.2-2.2-5.4-5.4-5.4H21.4z'/%3E%3Cpath d='M40.3 22.7L34.9 22.7 34.9 19.1 49.6 19.1 49.6 22.7 44.2 22.7 44.2 37 40.3 37z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-go::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3ClinearGradient id='goland_svg__a' gradientUnits='userSpaceOnUse' x1='218.31' y1='276.731' x2='206.336' y2='294.988' gradientTransform='translate(-286.906 -405.031) scale(1.5625)'%3E%3Cstop offset='.174' stop-color='%23078EFC'/%3E%3Cstop offset='.204' stop-color='%23118AFC'/%3E%3Cstop offset='.435' stop-color='%235971FC'/%3E%3Cstop offset='.627' stop-color='%238E5EFC'/%3E%3Cstop offset='.77' stop-color='%23AF52FC'/%3E%3Cstop offset='.849' stop-color='%23BB4EFC'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23goland_svg__a)' d='M57.274,22.361l9.541,21.197l-13.49,23.045L20.922,40.202L37.493,24.23L57.274,22.361z'/%3E%3Cpath fill='%23BB4EFC' d='M43.499,42.747l9.826,23.857L23.39,56.314l-2.468-16.111L43.499,42.747z'/%3E%3Cpath fill='%23078EFC' d='M24.281,9.433l13.776,7.06l-12.398,37.54L0.69,53.773l5.364-11.895L0.69,26.677L24.281,9.433z'/%3E%3ClinearGradient id='goland_svg__b' gradientUnits='userSpaceOnUse' x1='188.25' y1='278.506' x2='212.533' y2='260.237' gradientTransform='translate(-286.906 -405.031) scale(1.5625)'%3E%3Cstop offset='.174' stop-color='%23078EFC'/%3E%3Cstop offset='.204' stop-color='%23118AFC'/%3E%3Cstop offset='.435' stop-color='%235971FC'/%3E%3Cstop offset='.627' stop-color='%238E5EFC'/%3E%3Cstop offset='.77' stop-color='%23AF52FC'/%3E%3Cstop offset='.849' stop-color='%23BB4EFC'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23goland_svg__b)' d='M41.563,0.479l6.515,22.17L0.69,26.677L15.761,0.479H41.563z'/%3E%3ClinearGradient id='goland_svg__c' gradientUnits='userSpaceOnUse' x1='189.941' y1='296.496' x2='220.469' y2='276.879' gradientTransform='translate(-286.906 -405.031) scale(1.5625)'%3E%3Cstop offset='0' stop-color='%23078EFC'/%3E%3Cstop offset='.106' stop-color='%2315A7D3'/%3E%3Cstop offset='.228' stop-color='%2323BFAA'/%3E%3Cstop offset='.348' stop-color='%232DD28B'/%3E%3Cstop offset='.463' stop-color='%2335DF74'/%3E%3Cstop offset='.573' stop-color='%2339E767'/%3E%3Cstop offset='.67' stop-color='%233BEA62'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23goland_svg__c)' d='M66.815 14.519L39.091 21.099 0.69 53.773 25.458 66.604 46.973 44.423z'/%3E%3Cg%3E%3Cpath d='M11.711 11.5H55.794V55.583H11.711z'/%3E%3Cpath fill='%23FFF' d='M16.119 48.309H32.65V50.954H16.119z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M14.607,25.88v-0.054c-0.18-5.295,3.967-9.734,9.262-9.913c0.09-0.003,0.179-0.005,0.269-0.005 c2.64-0.135,5.22,0.815,7.142,2.63l-2.52,3.206c-1.251-1.272-2.969-1.975-4.753-1.945c-3.083,0.226-5.41,2.889-5.22,5.974v0.054 c-0.258,3.091,2.039,5.805,5.13,6.063c0.125,0.01,0.251,0.017,0.377,0.019c1.347,0.04,2.67-0.365,3.765-1.151v-2.74h-4.025v-3.643 h7.895v8.328c-2.113,1.955-4.886,3.041-7.765,3.043c-5.162,0.123-9.446-3.963-9.569-9.125c0,0,0,0,0,0 C14.59,26.374,14.594,26.127,14.607,25.88z'/%3E%3Cpath d='M33.609,25.88v-0.054c-0.141-5.335,4.069-9.774,9.405-9.915s9.774,4.069,9.915,9.405 c0.004,0.152,0.004,0.305,0.001,0.457v0.054c0.141,5.335-4.069,9.774-9.405,9.915c-5.335,0.141-9.774-4.069-9.915-9.405l0,0 C33.606,26.185,33.606,26.033,33.609,25.88z M48.75,25.88v-0.054c0.186-3.14-2.209-5.835-5.349-6.021 c-0.053-0.003-0.105-0.005-0.158-0.007c-3.096,0.078-5.542,2.65-5.464,5.746c0,0,0,0,0,0c0.002,0.076,0.005,0.152,0.01,0.229 v0.054c-0.186,3.14,2.209,5.835,5.349,6.021c0.053,0.003,0.105,0.005,0.158,0.007c3.096-0.078,5.542-2.65,5.464-5.746c0,0,0,0,0,0 C48.758,26.033,48.755,25.956,48.75,25.88z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-hub::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 70 70' width='70' height='70' xml:space='preserve'%3E%3ClinearGradient id='hub_svg__a' gradientUnits='userSpaceOnUse' x1='40.415' y1='69.001' x2='39.585' y2='30.566' gradientTransform='matrix(1 0 0 -1 0 69.89)'%3E%3Cstop offset='.328' stop-color='%2300B8F1'/%3E%3Cstop offset='.973' stop-color='%239758FB'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23hub_svg__a)' d='M61.3,0.9c-1.7-0.8-3.6-1-5.5-0.8c-0.3,0-45.3,3.8-45.3,3.8l31.8,37.5l5.8,0.3L66.3,22 C72.4,15.9,71.1,5,61.3,0.9z'/%3E%3ClinearGradient id='hub_svg__b' gradientUnits='userSpaceOnUse' x1='58.345' y1='64.017' x2='11.932' y2='13.636'%3E%3Cstop offset='0' stop-color='%23FFEE45'/%3E%3Cstop offset='1' stop-color='%239758FB'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23hub_svg__b)' d='M53.6,47.2l-1.3,2l-16-19.5L20.8,40.1L46.5,68c0.5,0.5,1.2,0.9,1.9,1.3c1.4,0.7,3,0.9,4.6,0.4 c1.5-0.4,2.6-1.2,3.5-2.1c0.1-0.1,10.8-10.7,10.8-10.7L53.6,47.2z'/%3E%3ClinearGradient id='hub_svg__c' gradientUnits='userSpaceOnUse' x1='31.025' y1='60.401' x2='21.392' y2='39.808' gradientTransform='matrix(1 0 0 -1 0 69.89)'%3E%3Cstop offset='.328' stop-color='%2300B8F1'/%3E%3Cstop offset='.79' stop-color='%239758FB'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23hub_svg__c)' d='M45.7,41.6L19.6,8.4l0,0c-1.1-1.6-2.8-2.9-5-3.8c-1.7-0.7-3.7-0.9-5.5-0.5 C-0.5,6.2-2.7,16.7,3.5,22.3l18.1,18.6L45.7,41.6z'/%3E%3ClinearGradient id='hub_svg__d' gradientUnits='userSpaceOnUse' x1='-3.259' y1='17.766' x2='68.816' y2='17.766' gradientTransform='matrix(1 0 0 -1 0 69.89)'%3E%3Cstop offset='0' stop-color='%2300B8F1'/%3E%3Cstop offset='.306' stop-color='%239758FB'/%3E%3Cstop offset='.989' stop-color='%23FFEE45'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23hub_svg__d)' d='M63.2,40.5c-3.4-1-5.3-0.7-9.8-0.8l-38-5.4L4.5,44.7c-6.9,6.8-5.8,18.7,4.4,23.8 c2.6,1.3,5.5,1.7,8.2,1.3l0,0c19.3-3.6,43.5-9.4,43.7-9.4c0.4-0.1,0.9-0.2,1.3-0.3c6.3-1.9,8.9-7.8,7.4-12.8 C68.7,44.5,66.5,41.5,63.2,40.5z'/%3E%3Cpath fill='%23000' d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M17.4,19.1h4v7.2h7.4v-7.2h4v18.1h-4v-7.3h-7.4v7.3h-4V19.1z'/%3E%3Cpath d='M35.7,19.1h8.4c2.1,0,3.7,0.6,4.7,1.6c0.8,0.8,1.2,1.8,1.2,3.1v0.1c0,2-1.1,3.2-2.4,3.9 c2.1,0.8,3.4,2,3.4,4.5v0.1c0,3.3-2.7,5-6.8,5h-8.6V19.1H35.7z M46.2,24.4c0-1.2-0.9-1.9-2.6-1.9h-3.9v3.8h3.7 C45.1,26.4,46.2,25.8,46.2,24.4L46.2,24.4z M44.2,29.7h-4.6v4h4.7c1.8,0,2.8-0.6,2.8-2v-0.1C47.2,30.5,46.3,29.7,44.2,29.7z'/%3E%3C/g%3E%3Cpath fill='%23FFF' d='M17.5 48.5H33.7V51.2H17.5z'/%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-idea::before {
      background-image: url("data:image/svg+xml,%3Csvg fill='none' height='70' viewBox='0 0 70 70' width='70' xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient id='intellij-idea_svg__a' gradientUnits='userSpaceOnUse' x1='5.17' x2='40.009' y1='39.893' y2='38.121'%3E%3Cstop offset='.09' stop-color='%23fc801d'/%3E%3Cstop offset='.23' stop-color='%23b07f61'/%3E%3Cstop offset='.41' stop-color='%23577db3'/%3E%3Cstop offset='.53' stop-color='%231e7ce6'/%3E%3Cstop offset='.59' stop-color='%23087cfa'/%3E%3C/linearGradient%3E%3ClinearGradient id='intellij-idea_svg__b' gradientUnits='userSpaceOnUse' x1='61.965' x2='50.349' y1='36.181' y2='1.473'%3E%3Cstop offset='0' stop-color='%23fe2857'/%3E%3Cstop offset='.08' stop-color='%23cb3979'/%3E%3Cstop offset='.16' stop-color='%239e4997'/%3E%3Cstop offset='.25' stop-color='%237557b2'/%3E%3Cstop offset='.34' stop-color='%235362c8'/%3E%3Cstop offset='.44' stop-color='%23386cda'/%3E%3Cstop offset='.54' stop-color='%232373e8'/%3E%3Cstop offset='.66' stop-color='%231478f2'/%3E%3Cstop offset='.79' stop-color='%230b7bf8'/%3E%3Cstop offset='1' stop-color='%23087cfa'/%3E%3C/linearGradient%3E%3ClinearGradient id='intellij-idea_svg__c' gradientUnits='userSpaceOnUse' x1='10.682' x2='54.491' y1='16.122' y2='88.587'%3E%3Cstop offset='0' stop-color='%23fe2857'/%3E%3Cstop offset='.08' stop-color='%23fe295f'/%3E%3Cstop offset='.21' stop-color='%23ff2d76'/%3E%3Cstop offset='.3' stop-color='%23ff318c'/%3E%3Cstop offset='.38' stop-color='%23ea3896'/%3E%3Cstop offset='.55' stop-color='%23b248ae'/%3E%3Cstop offset='.79' stop-color='%235a63d6'/%3E%3Cstop offset='1' stop-color='%23087cfa'/%3E%3C/linearGradient%3E%3Cpath d='m11.0833 49.3719-10.295794-8.1302 6.059374-11.2219 9.10732 3.0479z' fill='url(%23intellij-idea_svg__a)'/%3E%3Cpath d='m70 18.6594-1.2615 40.5417-26.9646 10.799-14.6854-9.4792z' fill='%23087cfa'/%3E%3Cpath d='m70 18.6594-13.3437 13.0156-17.1355-21.0219 8.4584-9.50832z' fill='url(%23intellij-idea_svg__b)'/%3E%3Cpath d='m27.0885 60.5208-21.44475 7.7511 4.49165-15.7282 5.8188-19.476-15.9542-5.3375 10.1354-27.7302 22.9104 2.70521 23.6105 28.96979z' fill='url(%23intellij-idea_svg__c)'/%3E%3Cpath d='m13.5 13.5h43v43h-43z' fill='%23000'/%3E%3Cpath d='m26.9225 22.1462v-2.8816h-8.1425v2.8816h2.2848v9.9519h-2.2848v2.8816h8.1425v-2.8816h-2.2776v-9.9519z' fill='%23fff'/%3E%3Cpath d='m34.7298 35.204c-1.1096.0347-2.2098-.2074-3.1944-.7028-.8088-.4206-1.5293-.9831-2.1248-1.6587l2.2485-2.4247c.4108.4477.8862.8359 1.4117 1.1526.4694.2811 1.0121.4274 1.5644.4217.2954.0137.5904-.0337.8653-.1392.2748-.1054.5232-.2665.7283-.4722.4383-.5725.6453-1.2797.5821-1.989v-10.1417h3.6383v10.2963c.0162.8339-.1192 1.6642-.4002 2.4528-.2393.6556-.6305 1.2497-1.1437 1.7369-.5133.4873-1.1351.8548-1.8179 1.0744-.7754.2535-1.59.3771-2.4085.3655' fill='%23fff'/%3E%3Cpath d='m34.4166 48.6499h-15.75v2.6833h15.75z' fill='%23fff'/%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-idea-edu::before {
      background-image: url("data:image/svg+xml,%3Csvg height='70' viewBox='0 0 70 70' width='70' xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient id='intellij-idea-edu_svg__a' gradientUnits='userSpaceOnUse' x1='41.286' x2='13.839' y1='41.286' y2='13.839'%3E%3Cstop offset='.233' stop-color='%2321d789'/%3E%3Cstop offset='.89' stop-color='%23af1df5'/%3E%3C/linearGradient%3E%3ClinearGradient id='intellij-idea-edu_svg__b' gradientUnits='userSpaceOnUse' x1='.79' x2='33.317' y1='40.089' y2='40.089'%3E%3Cstop offset='.258' stop-color='%23f97a12'/%3E%3Cstop offset='.459' stop-color='%23b07b58'/%3E%3Cstop offset='.724' stop-color='%23577bae'/%3E%3Cstop offset='.911' stop-color='%231e7ce5'/%3E%3Cstop offset='1' stop-color='%23087cfa'/%3E%3C/linearGradient%3E%3ClinearGradient id='intellij-idea-edu_svg__c' gradientUnits='userSpaceOnUse' x1='25.767' x2='79.424' y1='24.88' y2='54.57'%3E%3Cstop offset='0' stop-color='%23f97a12'/%3E%3Cstop offset='.072' stop-color='%23cb7a3e'/%3E%3Cstop offset='.154' stop-color='%239e7b6a'/%3E%3Cstop offset='.242' stop-color='%23757b91'/%3E%3Cstop offset='.334' stop-color='%23537bb1'/%3E%3Cstop offset='.432' stop-color='%23387ccc'/%3E%3Cstop offset='.538' stop-color='%23237ce0'/%3E%3Cstop offset='.655' stop-color='%23147cef'/%3E%3Cstop offset='.793' stop-color='%230b7cf7'/%3E%3Cstop offset='1' stop-color='%23087cfa'/%3E%3C/linearGradient%3E%3ClinearGradient id='intellij-idea-edu_svg__d' gradientUnits='userSpaceOnUse' x1='63.228' x2='48.29' y1='42.915' y2='-1.719'%3E%3Cstop offset='0' stop-color='%23fe315d'/%3E%3Cstop offset='.078' stop-color='%23cb417e'/%3E%3Cstop offset='.16' stop-color='%239e4e9b'/%3E%3Cstop offset='.247' stop-color='%23755bb4'/%3E%3Cstop offset='.339' stop-color='%235365ca'/%3E%3Cstop offset='.436' stop-color='%23386ddb'/%3E%3Cstop offset='.541' stop-color='%232374e9'/%3E%3Cstop offset='.658' stop-color='%231478f3'/%3E%3Cstop offset='.794' stop-color='%230b7bf8'/%3E%3Cstop offset='1' stop-color='%23087cfa'/%3E%3C/linearGradient%3E%3ClinearGradient id='intellij-idea-edu_svg__e' gradientUnits='userSpaceOnUse' x1='10.72' x2='55.524' y1='16.473' y2='90.58'%3E%3Cstop offset='0' stop-color='%23fe315d'/%3E%3Cstop offset='.04' stop-color='%23f63462'/%3E%3Cstop offset='.104' stop-color='%23df3a71'/%3E%3Cstop offset='.167' stop-color='%23c24383'/%3E%3Cstop offset='.291' stop-color='%23ad4a91'/%3E%3Cstop offset='.55' stop-color='%23755bb4'/%3E%3Cstop offset='.918' stop-color='%231d76ed'/%3E%3Cstop offset='1' stop-color='%23087cfa'/%3E%3C/linearGradient%3E%3Cpath d='m56 14v42h-42z'/%3E%3Cpath d='m40.25192 48.4336h10.51343v2.31624h-10.51343z' fill='%23fff' transform='rotate(180 45.509 49.592)'/%3E%3Cpath d='m14 56v-42h42z' fill='url(%23intellij-idea-edu_svg__a)'/%3E%3Cpath d='m17.688 54.582-16.898-13.337 8.449-15.648 24.078 9.433z' fill='url(%23intellij-idea-edu_svg__b)'/%3E%3Cpath d='m70 18.662-1.258 40.543-26.965 10.795-16.179-10.439 23.653-24.597-10.351-22.703 9.348-11.203z' fill='url(%23intellij-idea-edu_svg__c)'/%3E%3Cpath d='m70 18.662-21.328 25.25-9.772-31.651 9.348-11.203z' fill='url(%23intellij-idea-edu_svg__d)'/%3E%3Cpath d='m33.687 58.138-28.043 10.136 4.496-15.73 5.815-19.479-15.955-5.333 10.14-27.732 21.929 2.658 21.637 24.717z' fill='url(%23intellij-idea-edu_svg__e)'/%3E%3Cpath d='m15 15h39.99999v40.00001h-39.99999z'/%3E%3Cg fill='%23fff'%3E%3Cpath d='m18.75036 47.49391h14.99986v2.49978h-14.99986z'/%3E%3Cpath d='m28.327 23.237v-3.037h-8.282v3.037h2.319v10.49h-2.319v3.037h8.282v-3.037h-2.319v-10.49z'/%3E%3Cpath d='m32.95965 20.166h12.59972v3.2h-8.79981v3.4h7.79983v3.19995h-7.79983v3.4h8.99982v3.19995h-12.59972v-16.3999z'/%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-kotlin::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='60' height='60' viewBox='0 0 60 60' xml:space='preserve'%3E%3ClinearGradient id='kotlin_svg__a' gradientUnits='userSpaceOnUse' x1='15.959' y1='-13.014' x2='44.307' y2='15.333' gradientTransform='matrix(1 0 0 -1 0 61)'%3E%3Cstop offset='.097' stop-color='%230095D5'/%3E%3Cstop offset='.301' stop-color='%23238AD9'/%3E%3Cstop offset='.621' stop-color='%23557BDE'/%3E%3Cstop offset='.864' stop-color='%237472E2'/%3E%3Cstop offset='1' stop-color='%23806EE3'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23kotlin_svg__a)' d='M0 60L30.1 29.9 60 60z'/%3E%3ClinearGradient id='kotlin_svg__b' gradientUnits='userSpaceOnUse' x1='4.209' y1='48.941' x2='20.673' y2='65.405' gradientTransform='matrix(1 0 0 -1 0 61)'%3E%3Cstop offset='.118' stop-color='%230095D5'/%3E%3Cstop offset='.418' stop-color='%233C83DC'/%3E%3Cstop offset='.696' stop-color='%236D74E1'/%3E%3Cstop offset='.833' stop-color='%23806EE3'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23kotlin_svg__b)' d='M0 0L30.1 0 0 32.5z'/%3E%3ClinearGradient id='kotlin_svg__c' gradientUnits='userSpaceOnUse' x1='-10.102' y1='5.836' x2='45.731' y2='61.669' gradientTransform='matrix(1 0 0 -1 0 61)'%3E%3Cstop offset='.107' stop-color='%23C757BC'/%3E%3Cstop offset='.214' stop-color='%23D0609A'/%3E%3Cstop offset='.425' stop-color='%23E1725C'/%3E%3Cstop offset='.605' stop-color='%23EE7E2F'/%3E%3Cstop offset='.743' stop-color='%23F58613'/%3E%3Cstop offset='.823' stop-color='%23F88909'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23kotlin_svg__c)' d='M30.1 0L0 31.7 0 60 30.1 29.9 60 0z'/%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-kotlin.jetbrains-logo--full-size::before {
      width: 70%;
      height: 70%;
    }

.jetbrains-logo--logo-mps::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='140' height='140' viewBox='0 0 140 140'%3E%3Cdefs%3E%3ClinearGradient id='mps_svg__a' x1='105.979' y1='186.085' x2='-27.244' y2='15.44' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.091' stop-color='%230b8fff'/%3E%3Cstop offset='.208' stop-color='%230d94f6'/%3E%3Cstop offset='.396' stop-color='%2311a3de'/%3E%3Cstop offset='.633' stop-color='%2318bbb7'/%3E%3Cstop offset='.871' stop-color='%2321d789'/%3E%3C/linearGradient%3E%3ClinearGradient id='mps_svg__b' x1='178.605' y1='129.386' x2='45.382' y2='-41.259' xlink:href='%23mps_svg__a'/%3E%3ClinearGradient id='mps_svg__c' x1='78.586' y1='105.516' x2='126.297' y2='-22.788' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.123' stop-color='%2321d789'/%3E%3Cstop offset='.132' stop-color='%2327d788'/%3E%3Cstop offset='.216' stop-color='%2359d87b'/%3E%3Cstop offset='.303' stop-color='%2385d970'/%3E%3Cstop offset='.394' stop-color='%23abda67'/%3E%3Cstop offset='.487' stop-color='%23cadb5f'/%3E%3Cstop offset='.585' stop-color='%23e1db59'/%3E%3Cstop offset='.688' stop-color='%23f2dc55'/%3E%3Cstop offset='.802' stop-color='%23fcdc53'/%3E%3Cstop offset='.946' stop-color='%23ffdc52'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23mps_svg__a)' d='M0 140L140 140 70 70 0 0 0 140z'/%3E%3Cpath fill='url(%23mps_svg__b)' d='M140 140L70 70 140 0 140 140z'/%3E%3Cpath fill='url(%23mps_svg__c)' d='M102 102L70 70 140 0 102 102z'/%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-mps.jetbrains-logo--full-size::before {
      width: 70%;
      height: 70%;
    }

.jetbrains-logo--logo-phpstorm::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3ClinearGradient id='phpstorm_svg__a' gradientUnits='userSpaceOnUse' x1='.558' y1='46.846' x2='29.947' y2='8.026'%3E%3Cstop offset='.016' stop-color='%23765AF8'/%3E%3Cstop offset='.382' stop-color='%23B345F1'/%3E%3Cstop offset='.758' stop-color='%23FA3293'/%3E%3Cstop offset='.941' stop-color='%23FF318C'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23phpstorm_svg__a)' d='M39.6 15.2L36.3 5.2 11.9 0 0 13.5 37.2 32.5z'/%3E%3ClinearGradient id='phpstorm_svg__b' gradientUnits='userSpaceOnUse' x1='2.73' y1='48.379' x2='32.072' y2='9.621'%3E%3Cstop offset='.016' stop-color='%23765AF8'/%3E%3Cstop offset='.382' stop-color='%23B345F1'/%3E%3Cstop offset='.758' stop-color='%23FA3293'/%3E%3Cstop offset='.941' stop-color='%23FF318C'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23phpstorm_svg__b)' d='M28 41.4L27.3 20.6 0 13.5 6.7 53.6 28 53.4z'/%3E%3ClinearGradient id='phpstorm_svg__c' gradientUnits='userSpaceOnUse' x1='50.857' y1='46.405' x2='34.274' y2='7.048'%3E%3Cstop offset='.183' stop-color='%23765AF8'/%3E%3Cstop offset='.238' stop-color='%238655F6'/%3E%3Cstop offset='.345' stop-color='%239F4CF3'/%3E%3Cstop offset='.443' stop-color='%23AE47F2'/%3E%3Cstop offset='.522' stop-color='%23B345F1'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23phpstorm_svg__c)' d='M22.1 41L23.4 24.5 43.2 4.2 60.9 7.4 70 30.1 60.5 39.5 45 37 35.4 47.1z'/%3E%3ClinearGradient id='phpstorm_svg__d' gradientUnits='userSpaceOnUse' x1='63.266' y1='57.339' x2='24.698' y2='27.516'%3E%3Cstop offset='.016' stop-color='%23765AF8'/%3E%3Cstop offset='.382' stop-color='%23B345F1'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23phpstorm_svg__d)' d='M43.2 4.2L14.8 29.4 20.3 61.8 43.9 70 70 54.4z'/%3E%3Cg%3E%3Cpath fill='%23000' d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cpath fill='%23FFF' d='M17.5 48.5H33.7V51.2H17.5z'/%3E%3Cpath d='M17.3,19h7.3c4.3,0,6.9,2.5,6.9,6.2v0.1c0,4.2-3.2,6.3-7.3,6.3h-3l0,5.4h-3.9L17.3,19z M24.4,28 c2,0,3.1-1.2,3.1-2.7v-0.1c0-1.8-1.2-2.7-3.2-2.7h-3V28H24.4z' fill='%23FFF'/%3E%3Cpath d='M32.5,34.4l2.3-2.8c1.6,1.3,3.3,2.2,5.4,2.2c1.6,0,2.6-0.6,2.6-1.7V32c0-1-0.6-1.5-3.6-2.3 c-3.6-0.9-6-1.9-6-5.5v-0.1c0-3.3,2.6-5.4,6.3-5.4c2.6,0,4.9,0.8,6.7,2.3l-2.1,3c-1.6-1.1-3.2-1.8-4.7-1.8c-1.5,0-2.3,0.7-2.3,1.6 v0.1c0,1.2,0.8,1.6,3.9,2.4c3.6,1,5.7,2.3,5.7,5.4v0.1c0,3.6-2.7,5.6-6.6,5.6C37.4,37.3,34.7,36.3,32.5,34.4' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-pycharm::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3ClinearGradient id='pycharm_svg__a' gradientUnits='userSpaceOnUse' x1='24.998' y1='27.046' x2='66.656' y2='27.046'%3E%3Cstop offset='0' stop-color='%2321D789'/%3E%3Cstop offset='1' stop-color='%2307C3F2'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23pycharm_svg__a)' d='M49.1 11L69.5 28.1 62.2 43 49.8 39.6 39.2 39.6z'/%3E%3ClinearGradient id='pycharm_svg__b' gradientUnits='userSpaceOnUse' x1='-24.559' y1='59.081' x2='61.22' y2='-4.241'%3E%3Cstop offset='.011' stop-color='%23FCF84A'/%3E%3Cstop offset='.112' stop-color='%23A7EB62'/%3E%3Cstop offset='.206' stop-color='%235FE077'/%3E%3Cstop offset='.273' stop-color='%2332DA84'/%3E%3Cstop offset='.306' stop-color='%2321D789'/%3E%3Cstop offset='.577' stop-color='%2321D789'/%3E%3Cstop offset='.597' stop-color='%2321D789'/%3E%3Cstop offset='.686' stop-color='%2320D68C'/%3E%3Cstop offset='.763' stop-color='%231ED497'/%3E%3Cstop offset='.835' stop-color='%2319D1A9'/%3E%3Cstop offset='.904' stop-color='%2313CCC2'/%3E%3Cstop offset='.971' stop-color='%230BC6E1'/%3E%3Cstop offset='1' stop-color='%2307C3F2'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23pycharm_svg__b)' d='M28.5 22.1L24.5 43 24.1 50.2 14.2 54.5 0 56 4.3 10.7 29.9 0 45.7 10.4z'/%3E%3ClinearGradient id='pycharm_svg__c' gradientUnits='userSpaceOnUse' x1='9.33' y1='77.654' x2='23.637' y2='32.76'%3E%3Cstop offset='0' stop-color='%2321D789'/%3E%3Cstop offset='.164' stop-color='%2324D788'/%3E%3Cstop offset='.305' stop-color='%232FD886'/%3E%3Cstop offset='.437' stop-color='%2341DA82'/%3E%3Cstop offset='.564' stop-color='%235ADC7D'/%3E%3Cstop offset='.688' stop-color='%237AE077'/%3E%3Cstop offset='.809' stop-color='%23A1E36E'/%3E%3Cstop offset='.925' stop-color='%23CFE865'/%3E%3Cstop offset='1' stop-color='%23F1EB5E'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23pycharm_svg__c)' d='M28.5 22.1L30.4 62.5 24 70 0 56 19.7 26.6z'/%3E%3ClinearGradient id='pycharm_svg__d' gradientUnits='userSpaceOnUse' x1='28.275' y1='38.623' x2='59.409' y2='-3.236'%3E%3Cstop offset='0' stop-color='%2321D789'/%3E%3Cstop offset='.061' stop-color='%2324D788'/%3E%3Cstop offset='.113' stop-color='%232FD886'/%3E%3Cstop offset='.162' stop-color='%2341DA82'/%3E%3Cstop offset='.209' stop-color='%235ADD7D'/%3E%3Cstop offset='.255' stop-color='%2379E077'/%3E%3Cstop offset='.258' stop-color='%237CE076'/%3E%3Cstop offset='.499' stop-color='%238CE173'/%3E%3Cstop offset='.925' stop-color='%23B2E56B'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23pycharm_svg__d)' d='M54.9 19.1L30.6 19.1 52.1 0z'/%3E%3ClinearGradient id='pycharm_svg__e' gradientUnits='userSpaceOnUse' x1='75.889' y1='43.95' x2='13.158' y2='43.369'%3E%3Cstop offset='.387' stop-color='%23FCF84A'/%3E%3Cstop offset='.536' stop-color='%23ECF451'/%3E%3Cstop offset='.826' stop-color='%23C2E964'/%3E%3Cstop offset='.925' stop-color='%23B2E56B'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23pycharm_svg__e)' d='M70 62.6L48.6 69.9 20.2 61.9 28.5 22.1 31.8 19.1 49.1 17.5 47.5 34.9 61.3 29.6z'/%3E%3Cg%3E%3Cpath fill='%23000' d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cpath fill='%23FFF' d='M17.5 48.5H33.7V51.2H17.5z'/%3E%3Cpath d='M17.3,19.1h7.3c4.3,0,6.9,2.5,6.9,6.2v0.1c0,4.1-3.2,6.3-7.2,6.3h-3V37h-3.9V19.1z M24.4,28.1 c2,0,3.1-1.2,3.1-2.7v-0.1c0-1.8-1.2-2.7-3.2-2.7h-3v5.5H24.4z' fill='%23FFF'/%3E%3Cpath d='M33.1,28.1L33.1,28.1c0-5.1,3.8-9.3,9.3-9.3c3.4,0,5.4,1.1,7.1,2.8l-2.5,2.9c-1.4-1.3-2.8-2-4.6-2 c-3,0-5.2,2.5-5.2,5.6V28c0,3.1,2.1,5.6,5.2,5.6c2,0,3.3-0.8,4.7-2.1l2.5,2.5c-1.8,2-3.9,3.2-7.3,3.2C37,37.3,33.1,33.2,33.1,28.1' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-pycharm-edu::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3ClinearGradient id='pycharm-edu_svg__a' gradientUnits='userSpaceOnUse' x1='24.998' y1='27.046' x2='66.656' y2='27.046'%3E%3Cstop offset='0' stop-color='%2321D789'/%3E%3Cstop offset='1' stop-color='%2307C3F2'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23pycharm-edu_svg__a)' d='M49.1 11L69.5 28.1 62.2 43 49.8 39.6 39.2 39.6z'/%3E%3ClinearGradient id='pycharm-edu_svg__b' gradientUnits='userSpaceOnUse' x1='-24.559' y1='59.081' x2='61.22' y2='-4.241'%3E%3Cstop offset='.011' stop-color='%23FCF84A'/%3E%3Cstop offset='.112' stop-color='%23A7EB62'/%3E%3Cstop offset='.206' stop-color='%235FE077'/%3E%3Cstop offset='.273' stop-color='%2332DA84'/%3E%3Cstop offset='.306' stop-color='%2321D789'/%3E%3Cstop offset='.577' stop-color='%2321D789'/%3E%3Cstop offset='.597' stop-color='%2321D789'/%3E%3Cstop offset='.686' stop-color='%2320D68C'/%3E%3Cstop offset='.763' stop-color='%231ED497'/%3E%3Cstop offset='.835' stop-color='%2319D1A9'/%3E%3Cstop offset='.904' stop-color='%2313CCC2'/%3E%3Cstop offset='.971' stop-color='%230BC6E1'/%3E%3Cstop offset='1' stop-color='%2307C3F2'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23pycharm-edu_svg__b)' d='M28.5 22.1L24.5 43 24.1 50.2 14.2 54.5 0 56 4.3 10.7 29.9 0 45.7 10.4z'/%3E%3ClinearGradient id='pycharm-edu_svg__c' gradientUnits='userSpaceOnUse' x1='9.33' y1='77.654' x2='23.637' y2='32.76'%3E%3Cstop offset='0' stop-color='%2321D789'/%3E%3Cstop offset='.164' stop-color='%2324D788'/%3E%3Cstop offset='.305' stop-color='%232FD886'/%3E%3Cstop offset='.437' stop-color='%2341DA82'/%3E%3Cstop offset='.564' stop-color='%235ADC7D'/%3E%3Cstop offset='.688' stop-color='%237AE077'/%3E%3Cstop offset='.809' stop-color='%23A1E36E'/%3E%3Cstop offset='.925' stop-color='%23CFE865'/%3E%3Cstop offset='1' stop-color='%23F1EB5E'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23pycharm-edu_svg__c)' d='M28.5 22.1L30.4 62.5 24 70 0 56 19.7 26.6z'/%3E%3ClinearGradient id='pycharm-edu_svg__d' gradientUnits='userSpaceOnUse' x1='28.275' y1='38.623' x2='59.409' y2='-3.236'%3E%3Cstop offset='0' stop-color='%2321D789'/%3E%3Cstop offset='.061' stop-color='%2324D788'/%3E%3Cstop offset='.113' stop-color='%232FD886'/%3E%3Cstop offset='.162' stop-color='%2341DA82'/%3E%3Cstop offset='.209' stop-color='%235ADD7D'/%3E%3Cstop offset='.255' stop-color='%2379E077'/%3E%3Cstop offset='.258' stop-color='%237CE076'/%3E%3Cstop offset='.499' stop-color='%238CE173'/%3E%3Cstop offset='.925' stop-color='%23B2E56B'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23pycharm-edu_svg__d)' d='M54.9 19.1L30.6 19.1 52.1 0z'/%3E%3ClinearGradient id='pycharm-edu_svg__e' gradientUnits='userSpaceOnUse' x1='75.889' y1='43.95' x2='13.158' y2='43.369'%3E%3Cstop offset='.387' stop-color='%23FCF84A'/%3E%3Cstop offset='.536' stop-color='%23ECF451'/%3E%3Cstop offset='.826' stop-color='%23C2E964'/%3E%3Cstop offset='.925' stop-color='%23B2E56B'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23pycharm-edu_svg__e)' d='M70 62.6L48.6 69.9 20.2 61.9 28.5 22.1 31.8 19.1 49.1 17.5 47.5 34.9 61.3 29.6z'/%3E%3Cg%3E%3Cpath d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cpath fill='%23FFF' d='M17.5 48.5H33.7V51.2H17.5z'/%3E%3Cpath d='M17.3,19.1h7.3c4.3,0,6.9,2.5,6.9,6.2v0.1c0,4.1-3.2,6.3-7.2,6.3h-3V37h-3.9V19.1z M24.4,28.1 c2,0,3.1-1.2,3.1-2.7v-0.1c0-1.8-1.2-2.7-3.2-2.7h-3v5.5H24.4z' fill='%23FFF'/%3E%3Cpath d='M33.6,19.1h13.5v3.5h-9.6v3.6H46v3.5h-8.4v3.8h9.7V37H33.6V19.1z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-rider::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3Cdefs%3E%3ClinearGradient id='rider_svg__a' x1='70.226' y1='27.799' x2='-5.13' y2='63.122' gradientTransform='matrix(1 0 0 -1 0 71.28)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23c90f5e'/%3E%3Cstop offset='.221' stop-color='%23c90f5e'/%3E%3Cstop offset='.236' stop-color='%23c90f5e'/%3E%3Cstop offset='.356' stop-color='%23ca135c'/%3E%3Cstop offset='.466' stop-color='%23ce1e57'/%3E%3Cstop offset='.574' stop-color='%23d4314e'/%3E%3Cstop offset='.678' stop-color='%23dc4b41'/%3E%3Cstop offset='.782' stop-color='%23e66d31'/%3E%3Cstop offset='.883' stop-color='%23f3961d'/%3E%3Cstop offset='.942' stop-color='%23fcb20f'/%3E%3C/linearGradient%3E%3ClinearGradient id='rider_svg__b' x1='24.659' y1='61.996' x2='46.048' y2='2.934' gradientTransform='matrix(1 0 0 -1 0 71.28)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.042' stop-color='%23077cfb'/%3E%3Cstop offset='.445' stop-color='%23c90f5e'/%3E%3Cstop offset='.958' stop-color='%23077cfb'/%3E%3C/linearGradient%3E%3ClinearGradient id='rider_svg__c' x1='17.396' y1='63.346' x2='33.194' y2='7.201' gradientTransform='matrix(1 0 0 -1 0 71.28)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.277' stop-color='%23c90f5e'/%3E%3Cstop offset='.974' stop-color='%23fcb20f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23rider_svg__a)' d='M70 27.237L63.391 23.75 20.926 0 3.827 17.921 21.619 41.068 60.537 44.397 70 27.237z'/%3E%3Cpath fill='url(%23rider_svg__b)' d='M50.423 16.132L44.271 1.107 27.643 17.471 11.768 50.194 49.411 70 70 57.98 50.423 16.132z'/%3E%3Cpath fill='url(%23rider_svg__c)' d='M20.926 0L0 14.095 7.779 62.172 27.848 69.889 53.78 48.823 20.926 0z'/%3E%3Cg%3E%3Cpath d='M13.302 13.193H56.916V56.806999999999995H13.302z'/%3E%3Cg fill='%23fff'%3E%3Cpath d='M17.22741,18.86293h8.39564a7.38416,7.38416,0,0,1,5.34268,1.85358,5.86989,5.86989,0,0,1,1.52648,4.1433h0A5.74339,5.74339,0,0,1,28.567,30.5296l4.47041,6.54206H28.34891L24.42368,31.1838h-3.162v5.88785H17.22741V18.86293h0ZM25.296,27.69471c1.96262,0,3.053-1.09034,3.053-2.61682h0c0-1.74455-1.19938-2.61682-3.162-2.61682H21.15265v5.23365H25.296Z'/%3E%3Cpath d='M36.09034,18.86293H43.2866c5.77882,0,9.70405,3.92523,9.70405,9.15888h0c0,5.12461-3.92523,9.15888-9.70405,9.15888H36.09034V18.86293Zm4.03427,3.59813V33.47352h3.162a5.23727,5.23727,0,0,0,5.56075-5.45171h0a5.26493,5.26493,0,0,0-5.56075-5.56075h-3.162Z'/%3E%3C/g%3E%3Cpath fill='%23fff' d='M17.227 48.629H33.582V51.355H17.227z'/%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-resharper::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3ClinearGradient id='resharper_svg__a' gradientUnits='userSpaceOnUse' x1='22.945' y1='75.787' x2='74.787' y2='20.642'%3E%3Cstop offset='.016' stop-color='%23B35BA3'/%3E%3Cstop offset='.404' stop-color='%23C41E57'/%3E%3Cstop offset='.468' stop-color='%23C41E57'/%3E%3Cstop offset='.65' stop-color='%23EB8523'/%3E%3Cstop offset='.952' stop-color='%23FEBD11'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23resharper_svg__a)' d='M49.8 15.2L36 36.7 58.4 70 70 23.1z'/%3E%3ClinearGradient id='resharper_svg__b' gradientUnits='userSpaceOnUse' x1='17.719' y1='73.292' x2='69.556' y2='18.152'%3E%3Cstop offset='.016' stop-color='%23B35BA3'/%3E%3Cstop offset='.404' stop-color='%23C41E57'/%3E%3Cstop offset='.468' stop-color='%23C41E57'/%3E%3Cstop offset='.704' stop-color='%23EB8523'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23resharper_svg__b)' d='M51.1 15.7L49 0 18.8 33.6 27.6 42.3 20.8 70 58.4 70z'/%3E%3ClinearGradient id='resharper_svg__c' gradientUnits='userSpaceOnUse' x1='1.828' y1='53.428' x2='48.825' y2='9.226'%3E%3Cstop offset='.016' stop-color='%23B35BA3'/%3E%3Cstop offset='.661' stop-color='%23C41E57'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23resharper_svg__c)' d='M49 0L11.6 0 0 47.1 55.6 47.1z'/%3E%3ClinearGradient id='resharper_svg__d' gradientUnits='userSpaceOnUse' x1='49.894' y1='-11.557' x2='48.859' y2='24.035'%3E%3Cstop offset='.5' stop-color='%23C41E57'/%3E%3Cstop offset='.667' stop-color='%23D13F48'/%3E%3Cstop offset='.795' stop-color='%23D94F39'/%3E%3Cstop offset='.866' stop-color='%23DD5433'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23resharper_svg__d)' d='M55.3 47.1L51.1 15.7 49 0 41.7 23z'/%3E%3Cg%3E%3Cpath transform='matrix(-1 .00258 -.00258 -1 70.029 70.081)' fill='%23000' d='M13.4 13.5H56.6V56.7H13.4z'/%3E%3Cpath transform='rotate(-.148 25.676 49.97)' fill='%23FFF' d='M17.6 48.6H33.8V51.300000000000004H17.6z'/%3E%3Cpath d='M17.4,19.1l8.2,0c2.3,0,4,0.6,5.2,1.8c1,1,1.5,2.4,1.5,4.1l0,0.1c0,1.5-0.3,2.6-1.1,3.5 c-0.7,0.9-1.6,1.6-2.8,2l4.4,6.4l-4.6,0l-3.7-5.5l-3.3,0l0,5.5l-3.9,0L17.4,19.1z M25.3,27.8c1,0,1.7-0.2,2.2-0.7 c0.5-0.5,0.8-1.1,0.8-1.8l0-0.1c0-0.9-0.3-1.5-0.8-1.9c-0.5-0.4-1.3-0.6-2.3-0.6l-3.9,0l0,5.1L25.3,27.8z' fill='%23FFF'/%3E%3Cpath d='M36,33.2l-1.9,0l0-3.3l2.5,0l0.6-3.8l-2.3,0l0-3.3l2.8,0l0.6-3.7l3.4,0l-0.6,3.7l3.7,0l0.6-3.7 l3.4,0l-0.6,3.7l1.9,0l0,3.3l-2.5,0L47,29.9l2.3,0l0,3.3l-2.8,0L45.8,37l-3.4,0l0.7-3.8l-3.7,0L38.7,37l-3.4,0L36,33.2z M43.7,29.9l0.6-3.8l-3.7,0L40,29.9L43.7,29.9z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-resharper-cpp::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3ClinearGradient id='resharper-cpp_svg__a' gradientUnits='userSpaceOnUse' x1='8.063' y1='16.141' x2='29.26' y2='69.757'%3E%3Cstop offset='.22' stop-color='%23C40B55'/%3E%3Cstop offset='.683' stop-color='%23E343E6'/%3E%3Cstop offset='.925' stop-color='%23F59252'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23resharper-cpp_svg__a)' d='M20.2 15.2L34 36.7 11.6 70 0 23.1z'/%3E%3ClinearGradient id='resharper-cpp_svg__b' gradientUnits='userSpaceOnUse' x1='875.719' y1='73.292' x2='927.556' y2='18.152' gradientTransform='matrix(-1 0 0 1 928 0)'%3E%3Cstop offset='.113' stop-color='%23FFBD00'/%3E%3Cstop offset='.586' stop-color='%23E343E6'/%3E%3Cstop offset='.817' stop-color='%23EC841B'/%3E%3Cstop offset='.935' stop-color='%23FFBD00'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23resharper-cpp_svg__b)' d='M18.9 15.7L21 0 51.2 33.6 42.4 42.3 49.2 70 11.6 70z'/%3E%3ClinearGradient id='resharper-cpp_svg__c' gradientUnits='userSpaceOnUse' x1='25.5' y1='-1.93' x2='69.96' y2='51.168'%3E%3Cstop offset='.129' stop-color='%23FFBD00'/%3E%3Cstop offset='.64' stop-color='%23E343E6'/%3E%3Cstop offset='.909' stop-color='%23C40B55'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23resharper-cpp_svg__c)' d='M35.3 47.1L70 47.1 58.4 0 21 0z'/%3E%3Cg%3E%3Cpath fill='%23000' d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cpath d='M17.4,19h8.2c2.3,0,4,0.6,5.2,1.8c1,1,1.5,2.4,1.5,4.1V25c0,1.5-0.4,2.6-1.1,3.5 c-0.7,0.9-1.6,1.6-2.8,2l4.4,6.4h-4.6l-3.7-5.5h-3.3l0,5.5h-3.9V19z M25.4,27.7c1,0,1.7-0.2,2.2-0.7c0.5-0.5,0.8-1.1,0.8-1.8 v-0.1c0-0.9-0.3-1.5-0.8-1.9c-0.5-0.4-1.3-0.6-2.3-0.6h-3.9v5.1H25.4z' fill='%23FFF'/%3E%3Cpath fill='%23FFF' d='M17.4 48.5H33.599999999999994V51.2H17.4z'/%3E%3Cg%3E%3Cpath d='M43.7,24.4h-4v-3.6h4v-4h3.7v4h4v3.6h-4v4h-3.7V24.4z' fill='%23FFF'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M37.1,34.6h-4V31h4v-4h3.7v4h4v3.6h-4v4h-3.7V34.6z' fill='%23FFF'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-ruby::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3ClinearGradient id='rubymine_svg__a' gradientUnits='userSpaceOnUse' x1='49.609' y1='52.554' x2='30.346' y2='7.163'%3E%3Cstop offset='.172' stop-color='%23FF1F51'/%3E%3Cstop offset='.28' stop-color='%23FF3648'/%3E%3Cstop offset='.468' stop-color='%23FF593B'/%3E%3Cstop offset='.646' stop-color='%23FF7231'/%3E%3Cstop offset='.809' stop-color='%23FF812B'/%3E%3Cstop offset='.941' stop-color='%23FF8629'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23rubymine_svg__a)' d='M58.2 0L38.2 7.2 22.4 0 6.9 38.9 24.7 31.8 24.4 51.5 62.5 52.2 70 13.7z'/%3E%3ClinearGradient id='rubymine_svg__b' gradientUnits='userSpaceOnUse' x1='33.259' y1='12.887' x2='25.105' y2='33.436'%3E%3Cstop offset='.022' stop-color='%239039D0'/%3E%3Cstop offset='.629' stop-color='%23FF1F51'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23rubymine_svg__b)' d='M50.8 22.7L25.6 6.2 5.3 18.7 49.8 35.9z'/%3E%3ClinearGradient id='rubymine_svg__c' gradientUnits='userSpaceOnUse' x1='.29' y1='11.224' x2='45.284' y2='68.42'%3E%3Cstop offset='.107' stop-color='%239039D0'/%3E%3Cstop offset='.387' stop-color='%23FF1F51'/%3E%3Cstop offset='.629' stop-color='%23FF1F51'/%3E%3Cstop offset='.66' stop-color='%23FF3648'/%3E%3Cstop offset='.714' stop-color='%23FF593B'/%3E%3Cstop offset='.765' stop-color='%23FF7231'/%3E%3Cstop offset='.812' stop-color='%23FF812B'/%3E%3Cstop offset='.85' stop-color='%23FF8629'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23rubymine_svg__c)' d='M29.1 68.2L55.3 64.7 47 48.7 52.5 42 53.1 37.9 25.6 6.1 0 12.4 0 49.1 14.8 70 29.1 68.2 29.1 68.2 29.1 68.2 29.1 68.2z'/%3E%3Cg%3E%3Cpath fill='%23000' d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cpath fill='%23FFF' d='M17.5 48.5H33.7V51.2H17.5z'/%3E%3Cpath fill='%23FFF' d='M34.6 19L38.9 19 43.6 26.6 48.3 19 52.6 19 52.6 36.9 48.6 36.9 48.6 25.2 43.6 32.9 43.5 32.9 38.5 25.3 38.5 36.9 34.6 36.9z'/%3E%3Cpath d='M17.4,19h8.2c2.3,0,4,0.6,5.2,1.8c1,1,1.5,2.4,1.5,4.1v0.1c0,1.5-0.4,2.6-1.1,3.5 c-0.7,0.9-1.6,1.6-2.8,2l4.4,6.4h-4.6l-3.7-5.5h-3.3l0,5.5h-3.9V19z M25.4,27.7c1,0,1.7-0.2,2.2-0.7c0.5-0.5,0.8-1.1,0.8-1.8v-0.1 c0-0.9-0.3-1.5-0.8-1.9c-0.5-0.4-1.3-0.6-2.3-0.6h-3.9v5.1H25.4z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-teamcity::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3ClinearGradient id='teamcity_svg__a' gradientUnits='userSpaceOnUse' x1='1.774' y1='31.273' x2='40.166' y2='31.273'%3E%3Cstop offset='0' stop-color='%23905CFB'/%3E%3Cstop offset='.068' stop-color='%23776CF9'/%3E%3Cstop offset='.173' stop-color='%235681F7'/%3E%3Cstop offset='.286' stop-color='%233B92F5'/%3E%3Cstop offset='.41' stop-color='%23269FF4'/%3E%3Cstop offset='.547' stop-color='%2317A9F3'/%3E%3Cstop offset='.711' stop-color='%230FAEF2'/%3E%3Cstop offset='.968' stop-color='%230CB0F2'/%3E%3C/linearGradient%3E%3Cpath d='M39.7,47.9l-6.1-34c-0.4-2.4-1.2-4.8-2.7-7.1c-2-3.2-5.2-5.4-8.8-6.3 C7.9-2.9-2.6,11.3,3.6,23.9c0,0,0,0,0,0l14.8,31.7c0.4,1,1,2,1.7,2.9c1.2,1.6,2.8,2.8,4.7,3.4C34.4,64.9,42.1,56.4,39.7,47.9z' fill='url(%23teamcity_svg__a)'/%3E%3ClinearGradient id='teamcity_svg__b' gradientUnits='userSpaceOnUse' x1='5.311' y1='9.669' x2='69.228' y2='43.866'%3E%3Cstop offset='0' stop-color='%23905CFB'/%3E%3Cstop offset='.068' stop-color='%23776CF9'/%3E%3Cstop offset='.173' stop-color='%235681F7'/%3E%3Cstop offset='.286' stop-color='%233B92F5'/%3E%3Cstop offset='.41' stop-color='%23269FF4'/%3E%3Cstop offset='.547' stop-color='%2317A9F3'/%3E%3Cstop offset='.711' stop-color='%230FAEF2'/%3E%3Cstop offset='.968' stop-color='%230CB0F2'/%3E%3C/linearGradient%3E%3Cpath d='M67.4,26.5c-1.4-2.2-3.4-3.9-5.7-4.9L25.5,1.7l0,0c-1-0.5-2.1-1-3.3-1.3 C6.7-3.2-4.4,13.8,5.5,27c1.5,2,3.6,3.6,6,4.5L48,47.9c0.8,0.5,1.6,0.8,2.5,1.1C64.5,53.4,75.1,38.6,67.4,26.5z' fill='url(%23teamcity_svg__b)'/%3E%3ClinearGradient id='teamcity_svg__c' gradientUnits='userSpaceOnUse' x1='-19.284' y1='70.82' x2='55.983' y2='33.186'%3E%3Cstop offset='0' stop-color='%233BEA62'/%3E%3Cstop offset='.117' stop-color='%2331DE80'/%3E%3Cstop offset='.302' stop-color='%2324CEA8'/%3E%3Cstop offset='.484' stop-color='%231AC1C9'/%3E%3Cstop offset='.659' stop-color='%2312B7DF'/%3E%3Cstop offset='.824' stop-color='%230EB2ED'/%3E%3Cstop offset='.968' stop-color='%230CB0F2'/%3E%3C/linearGradient%3E%3Cpath d='M67.4,26.5c-1.8-2.8-4.6-4.8-7.9-5.6c-3.5-0.8-6.8-0.5-9.6,0.7L11.4,36.1 c0,0-0.2,0.1-0.6,0.4C0.9,40.4-4,53.3,4,64c1.8,2.4,4.3,4.2,7.1,5c5.3,1.6,10.1,1,14-1.1c0,0,0.1,0,0.1,0l37.6-20.1 c0,0,0,0,0.1-0.1C69.5,43.9,72.6,34.6,67.4,26.5z' fill='url(%23teamcity_svg__c)'/%3E%3ClinearGradient id='teamcity_svg__d' gradientUnits='userSpaceOnUse' x1='38.944' y1='5.85' x2='5.423' y2='77.509'%3E%3Cstop offset='0' stop-color='%233BEA62'/%3E%3Cstop offset='.094' stop-color='%232FDB87'/%3E%3Cstop offset='.196' stop-color='%2324CEA8'/%3E%3Cstop offset='.306' stop-color='%231BC3C3'/%3E%3Cstop offset='.426' stop-color='%2314BAD8'/%3E%3Cstop offset='.56' stop-color='%2310B5E7'/%3E%3Cstop offset='.719' stop-color='%230DB1EF'/%3E%3Cstop offset='.968' stop-color='%230CB0F2'/%3E%3C/linearGradient%3E%3Cpath d='M50.3,12.8c1.2-2.7,1.1-6-0.9-9c-1.1-1.8-2.9-3-4.9-3.5c-4.5-1.1-8.3,1-10.1,4.2L3.5,42 c0,0,0,0,0,0.1C-0.9,47.9-1.6,56.5,4,64c1.8,2.4,4.3,4.2,7.1,5c10.5,3.3,19.3-2.5,22.1-10.8L50.3,12.8z' fill='url(%23teamcity_svg__d)'/%3E%3Cg%3E%3Cpath fill='%23000' d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cpath fill='%23FFF' d='M17.5 48.5H33.7V51.2H17.5z'/%3E%3Cpath fill='%23FFF' d='M22.9 22.7L17.5 22.7 17.5 19.1 32.3 19.1 32.3 22.7 26.8 22.7 26.8 37 22.9 37z'/%3E%3Cpath d='M32.5,28.1L32.5,28.1c0-5.1,3.8-9.3,9.3-9.3c3.4,0,5.4,1.1,7.1,2.8l-2.5,2.9c-1.4-1.3-2.8-2-4.6-2 c-3,0-5.2,2.5-5.2,5.6V28c0,3.1,2.1,5.6,5.2,5.6c2,0,3.3-0.8,4.7-2.1l2.5,2.5c-1.8,2-3.9,3.2-7.3,3.2 C36.4,37.3,32.5,33.2,32.5,28.1' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-upsource::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3ClinearGradient id='upsource_svg__a' gradientUnits='userSpaceOnUse' x1='64.913' y1='54.385' x2='17.513' y2='47.275' gradientTransform='matrix(1 0 0 -1 0 65.395)'%3E%3Cstop offset='0' stop-color='%23FF8200'/%3E%3Cstop offset='.973' stop-color='%23905CFB'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23upsource_svg__a)' d='M60.5 24L9.6 26.9 9.3 7.4 55.2 0.2z'/%3E%3ClinearGradient id='upsource_svg__b' gradientUnits='userSpaceOnUse' x1='15.675' y1='30.593' x2='20.093' y2='55.275' gradientTransform='matrix(1 0 0 -1 0 65.395)'%3E%3Cstop offset='0' stop-color='%230CB0F2'/%3E%3Cstop offset='.973' stop-color='%23905CFB'/%3E%3C/linearGradient%3E%3Cpath d='M20.3,43.2l16.4-20.8L18.9,10.2l0,0c-3.1-2.8-7.8-4-12.6-2c-2.4,1-4.3,2.9-5.3,5.3 c-2.1,5-0.8,9.9,2.4,12.9l0,0L20.3,43.2z' fill='url(%23upsource_svg__b)'/%3E%3ClinearGradient id='upsource_svg__c' gradientUnits='userSpaceOnUse' x1='58.335' y1='11.729' x2='26.978' y2='27.043' gradientTransform='matrix(1 0 0 -1 0 65.395)'%3E%3Cstop offset='0' stop-color='%230CB0F2'/%3E%3Cstop offset='.973' stop-color='%23905CFB'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23upsource_svg__c)' d='M20.3 43.2L45.5 68.1 61.2 38.8 36.7 22.4z'/%3E%3ClinearGradient id='upsource_svg__d' gradientUnits='userSpaceOnUse' x1='60.678' y1='9.337' x2='7.352' y2='28.508' gradientTransform='matrix(1 0 0 -1 0 65.395)'%3E%3Cstop offset='0' stop-color='%230CB0F2'/%3E%3Cstop offset='.973' stop-color='%23905CFB'/%3E%3C/linearGradient%3E%3Cpath d='M53.9,36.6L53.9,36.6l-41.9-2l0,0c-1.6-0.3-3.4-0.2-5.3,0.6c-1.8,0.8-3.2,2.1-3.9,3.9 c-2.1,4.9,0.4,9.6,4.5,11.2l0,0L44.8,68c0.5,0.3,3,1,3,1c2,0.6,4.2,0.9,6.2,0.9c2.5,0,5.3-0.7,8.1-2.1c2.6-1.3,4.2-3.4,5.6-6 c1.7-3,2.2-5.8,2.2-8.6C69.8,44.5,62.6,37.2,53.9,36.6z' fill='url(%23upsource_svg__d)'/%3E%3ClinearGradient id='upsource_svg__e' gradientUnits='userSpaceOnUse' x1='64.194' y1='59.46' x2='18.524' y2='22.651' gradientTransform='matrix(1 0 0 -1 0 65.395)'%3E%3Cstop offset='0' stop-color='%23FF8200'/%3E%3Cstop offset='.973' stop-color='%23905CFB'/%3E%3C/linearGradient%3E%3Cpath d='M52.1,1.1c-0.7,0.3-1.4,0.7-2,1.1l0,0L26.9,19.7l11.5,16.8l25.2-14.1 c1.9-0.9,3.4-2.5,4.3-4.3C73.5,7.3,63.1-3.5,52.1,1.1z' fill='url(%23upsource_svg__e)'/%3E%3Cpath fill='%23905CFB' d='M14.5 49.8L38.4 36.5 26.9 19.7 4.9 36.2z'/%3E%3ClinearGradient id='upsource_svg__f' gradientUnits='userSpaceOnUse' x1='30.448' y1='16.152' x2='2.265' y2='26.168' gradientTransform='matrix(1 0 0 -1 0 65.395)'%3E%3Cstop offset='0' stop-color='%230CB0F2'/%3E%3Cstop offset='.973' stop-color='%23905CFB'/%3E%3C/linearGradient%3E%3Cpath d='M20.4,56.4V35L12,34.6H12c-1.6-0.3-3.4-0.2-5.3,0.6c-1.8,0.8-3.2,2.1-3.9,3.9 c-2.1,4.9,0.4,9.6,4.5,11.2h0.1L20.4,56.4z' fill='url(%23upsource_svg__f)'/%3E%3Cg%3E%3Cpath fill='%23000' d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cg fill='%23FFF'%3E%3Cpath d='M17.5,29.4V19h4v10.3c0,3,1.5,4.5,3.9,4.5s3.9-1.5,3.9-4.4V19h4v10.2c0,5.5-3.1,8.2-8,8.2 C20.5,37.5,17.5,34.7,17.5,29.4z'/%3E%3Cpath d='M35.4,19h7.4c4.3,0,6.9,2.6,6.9,6.3v0.1c0,4.2-3.3,6.4-7.3,6.4h-3v5.4h-4V19z M42.6,28.2 c2,0,3.2-1.2,3.2-2.7v-0.1c0-1.8-1.2-2.7-3.2-2.7h-3.1v5.5H42.6z'/%3E%3C/g%3E%3Cpath fill='%23FFF' d='M17.5 48.5H33.7V51.2H17.5z'/%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-webstorm::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3ClinearGradient id='webstorm_svg__a' gradientUnits='userSpaceOnUse' x1='25.068' y1='1.46' x2='43.183' y2='66.675'%3E%3Cstop offset='.285' stop-color='%2300CDD7'/%3E%3Cstop offset='.941' stop-color='%232086D7'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23webstorm_svg__a)' d='M9.4 63.3L0 7.3 17.5 0.1 28.6 6.7 38.8 1.2 60.1 9.4 48.1 70z'/%3E%3ClinearGradient id='webstorm_svg__b' gradientUnits='userSpaceOnUse' x1='30.72' y1='9.734' x2='61.365' y2='54.671'%3E%3Cstop offset='.14' stop-color='%23FFF045'/%3E%3Cstop offset='.366' stop-color='%2300CDD7'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23webstorm_svg__b)' d='M70 23.7L61 1.4 44.6 0 19.3 24.3 26.1 55.6 38.8 64.6 70 46 62.3 31.7z'/%3E%3ClinearGradient id='webstorm_svg__c' gradientUnits='userSpaceOnUse' x1='61.082' y1='15.29' x2='65.106' y2='29.544'%3E%3Cstop offset='.285' stop-color='%2300CDD7'/%3E%3Cstop offset='.941' stop-color='%232086D7'/%3E%3C/linearGradient%3E%3Cpath fill='url(%23webstorm_svg__c)' d='M56 20.4L62.3 31.7 70 23.7 64.4 9.8z'/%3E%3Cg%3E%3Cpath fill='%23000' d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cpath fill='%23FFF' d='M17.5 48.5H33.7V51.2H17.5z'/%3E%3Cpath d='M38.7,34.3l2.3-2.8c1.6,1.3,3.3,2.2,5.3,2.2c1.6,0,2.5-0.6,2.5-1.7v-0.1c0-1-0.6-1.5-3.6-2.3 c-3.6-0.9-5.8-1.9-5.8-5.5v-0.1c0-3.3,2.6-5.4,6.2-5.4c2.6,0,4.8,0.8,6.6,2.3l-2,3c-1.6-1.1-3.1-1.8-4.6-1.8 c-1.5,0-2.3,0.7-2.3,1.6v0.1c0,1.2,0.8,1.6,3.8,2.4c3.6,1,5.6,2.3,5.6,5.4v0.1c0,3.6-2.7,5.6-6.5,5.6 C43.5,37.2,40.8,36.2,38.7,34.3' fill='%23FFF'/%3E%3Cpath fill='%23FFF' d='M35.2 19L32.5 29.4 29.5 19 26.5 19 23.4 29.4 20.7 19 16.6 19 21.7 36.9 25 36.9 28 26.5 30.9 36.9 34.3 36.9 39.4 19z'/%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-youtrack::before {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' width='70' height='70' viewBox='0 0 70 70' xml:space='preserve'%3E%3ClinearGradient id='youtrack_svg__a' gradientUnits='userSpaceOnUse' x1='7.083' y1='16.294' x2='64.106' y2='42.288' gradientTransform='matrix(1 0 0 -1 0 71.047)'%3E%3Cstop offset='0' stop-color='%23905CFB'/%3E%3Cstop offset='.165' stop-color='%236677F8'/%3E%3Cstop offset='.378' stop-color='%233596F5'/%3E%3Cstop offset='.54' stop-color='%2317A9F3'/%3E%3Cstop offset='.632' stop-color='%230CB0F2'/%3E%3C/linearGradient%3E%3Cpath d='M66.9,47.5c-0.2-0.2-13.1-12.6-13.1-12.6s9.8-10.4,12.4-13c0.8-0.8,1.5-1.6,2-2.6 c3.6-6.1,1.5-13.9-4.6-17.5c-4.5-2.6-10.1-2.2-14.1,0.8c-0.7,0.5-1.3,1-1.9,1.6C47.3,4.6,33.7,17,21.9,27.8l22.1,14L20.8,67.9 c-1.4,1-2.8,1.6-4.3,1.9c0.3,0,0.5,0,0.8-0.1c4.6-0.7,43.9-7.3,45.8-7.7c2.3-0.4,4.4-1.8,5.7-3.9C71,54.5,70,50,66.9,47.5z' fill='url(%23youtrack_svg__a)'/%3E%3ClinearGradient id='youtrack_svg__b' gradientUnits='userSpaceOnUse' x1='30.31' y1='42.916' x2='1.068' y2='68.744' gradientTransform='matrix(1 0 0 -1 0 71.047)'%3E%3Cstop offset='0' stop-color='%23905CFB'/%3E%3Cstop offset='.072' stop-color='%23A554E6'/%3E%3Cstop offset='.252' stop-color='%23D641B5'/%3E%3Cstop offset='.39' stop-color='%23F43597'/%3E%3Cstop offset='.468' stop-color='%23FF318C'/%3E%3C/linearGradient%3E%3Cpath d='M45.9,30.5c-0.4-2.7-1.8-4.9-3.8-6.5C40,22.4,23.8,5.6,22,3.7C19.2,1,15.2-0.5,11.1,0.2 C4.1,1.2-0.8,7.8,0.3,14.8c0.5,3.5,2.5,6.5,5.1,8.4c2.6,2,23,16,24.3,17c2.1,1.6,4.9,2.5,7.7,2C42.9,41.2,46.8,36,45.9,30.5z' fill='url(%23youtrack_svg__b)'/%3E%3ClinearGradient id='youtrack_svg__c' gradientUnits='userSpaceOnUse' x1='4.983' y1='12.362' x2='74.023' y2='55.864' gradientTransform='matrix(1 0 0 -1 0 71.047)'%3E%3Cstop offset='0' stop-color='%23905CFB'/%3E%3Cstop offset='.165' stop-color='%236677F8'/%3E%3Cstop offset='.378' stop-color='%233596F5'/%3E%3Cstop offset='.54' stop-color='%2317A9F3'/%3E%3Cstop offset='.632' stop-color='%230CB0F2'/%3E%3C/linearGradient%3E%3Cpath d='M23,67.8c0.1,0,23.3-26.1,23.3-26.1L22.9,26.9c-8.3,7.6-16,14.5-17.8,16.2 c-1.1,1-2.2,2.3-3,3.7c-4.3,7.4-1.8,16.8,5.6,21.1C10.7,69.6,17.5,71.7,23,67.8z' fill='url(%23youtrack_svg__c)'/%3E%3Cg%3E%3Cpath fill='%23000' d='M13.4 13.4H56.6V56.6H13.4z'/%3E%3Cpath fill='%23FFF' d='M17.4 48.5H33.599999999999994V51.2H17.4z'/%3E%3Cpath fill='%23FFF' d='M23.8 29.9L17 19.1 21.6 19.1 25.8 26.2 30.2 19.1 34.7 19.1 27.8 29.8 27.8 37 23.8 37z'/%3E%3Cpath fill='%23FFF' d='M41.6 22.7L36.1 22.7 36.1 19.1 51 19.1 51 22.7 45.5 22.7 45.5 37 41.6 37z'/%3E%3C/g%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-toolbox::before {
      background-image: url("data:image/svg+xml,%3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32'%3E%3Cdefs%3E%3ClinearGradient id='toolbox_svg__a' x1='2.18' y1='23.255' x2='30.041' y2='8.782' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.043' stop-color='%23ff8618'/%3E%3Cstop offset='.382' stop-color='%23ff246e'/%3E%3Cstop offset='.989' stop-color='%23af1df5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M26,22.4713l-6.83,3.8311V23.2578L26,19.4268v3.0445Z' fill='%23fff'/%3E%3Cpath fill='%23000001' d='M16 32.076L30 24.065 30 8.057 16 16.067 16 32.076z'/%3E%3Cpath fill='%23fff' d='M18.925 24.641L18.925 27.041 25.026 23.55 25.026 21.15 18.925 24.641z'/%3E%3Cpath fill='url(%23toolbox_svg__a)' d='M16 0.076L2 8.057 2 8.057 2 8.057 2 24.065 16 32.076 16 16.067 30 8.057 16 0.076z'/%3E%3C/svg%3E");
    }

.jetbrains-logo--logo-space::before {
      background-image: url("data:image/svg+xml,%3Csvg height='60' viewBox='0 0 60 60' width='60' xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient id='space_svg__a' gradientTransform='matrix(1 0 0 -1 0 62)' gradientUnits='userSpaceOnUse' x1='27.048' x2='33.312' y1='62.824' y2='3.448'%3E%3Cstop offset='0' stop-color='%23fcf84a'/%3E%3Cstop offset='.32' stop-color='%23abe682'/%3E%3Cstop offset='.79' stop-color='%2336cdd2'/%3E%3Cstop offset='1' stop-color='%2307c3f2'/%3E%3C/linearGradient%3E%3ClinearGradient id='space_svg__b' gradientTransform='matrix(1 0 0 -1 0 62)' gradientUnits='userSpaceOnUse' x1='4.068' x2='60.246' y1='61.892' y2='35.243'%3E%3Cstop offset='0' stop-color='%233bea62'/%3E%3Cstop offset='1' stop-color='%23087cfa'/%3E%3C/linearGradient%3E%3ClinearGradient id='space_svg__c' gradientTransform='matrix(1 0 0 -1 0 62)' gradientUnits='userSpaceOnUse' x1='9.217' x2='65.779' y1='3.879' y2='43.473'%3E%3Cstop offset='0' stop-color='%23009ae5'/%3E%3Cstop offset='.18' stop-color='%230490dd'/%3E%3Cstop offset='.49' stop-color='%231073c6'/%3E%3Cstop offset='.89' stop-color='%232346a1'/%3E%3Cstop offset='1' stop-color='%23293896'/%3E%3C/linearGradient%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='m10.8618 60a59.95462 59.95462 0 0 0 49.1382-34.4 60.00348 60.00348 0 0 0 -49.1382-25.6c-1.74408 0-3.49616.072-5.24824.232a59.99772 59.99772 0 0 0 5.24824 59.768z' fill='url(%23space_svg__a)'/%3E%3Cpath d='m5.66956.232a70.65854 70.65854 0 0 1 31.56944 25.368h22.761a59.81147 59.81147 0 0 0 -49.0742-25.6q-2.61612 0-5.25624.232z' fill='url(%23space_svg__b)'/%3E%3Cpath d='m37.247 25.6c-2.74414 18.104-26.3852 34.4-26.3852 34.4 21.48896-2.04 40.33781-14.92 49.1382-34.4z' fill='url(%23space_svg__c)'/%3E%3C/g%3E%3C/svg%3E");
    }

.version-switcher__link {
  display: block;

  padding: 6px 8px;

  text-decoration: none;

  color: rgba(39, 40, 44, 0.70);

  color: var(--wt-color-dark-70);
}


:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.header {
  display: flex;
  flex-direction: row;
  align-items: center;

  height: 100%;
}
.header__product-placeholder {
  width: 194px;
  height: 24px;

  background-color: rgba(39, 40, 44, 0.05);

  background-color: var(--wh-color-backlight);
}
.header__product-logo {
  width: 48px;
  height: 48px;
  margin-right: 12px;
}
@media screen and (max-width: 640px) {
.header__product-logo {
    width: 32px;
    height: 32px
}
  }
.header__product-name {
  letter-spacing:normal;
  color:#27282c;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-size:15px;
  font-size:var(--wt-h4-font-size, 15px);
  font-weight:bold;
  line-height:24px;
  line-height:24px;
  line-height:var(--wt-h4-line-height, 24px);

  margin-right: 12px;

  white-space: nowrap;
  letter-spacing: -0.1px;

  color: inherit;
}
.header__divider {
  flex: 1;
}
.header__switchers {
  display: flex;
  flex-flow: row nowrap;
}
@media screen and (max-width: 1000px) {
.header__switchers {
    flex-flow: row wrap
}
  }
@media print {
.header__switchers {
    display: none
}
  }
.header__download {
  margin-left: 16px;
}
@media print {
.header__download {
    display: none
}
  }
.header__burger {
  z-index: 3;

  min-width: 24px;
  min-height: 24px;
  margin-right: 16px;

  background: #ffffff;

  background: var(--wh-color-main-bg);

  transform: translateZ(1px);
}
.header__fallback {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header__placeholder {
  height: 24px;

  background-color: rgba(39, 40, 44, 0.05);

  background-color: var(--wh-color-backlight);
}
.header__placeholder--left {
    width: 194px;
  }
.header__placeholder--right {
    width: 492px;
  }
@media screen and (max-width: 1000px) {
.header__placeholder--right {
      display: none
  }
    }
.header__search {
  z-index: 4;

  display: flex;
  flex: 1 1 auto;

  box-sizing: border-box;

  max-width: 410px;
  margin-left: 32px;
  margin-left: var(--wh-spacer);
}
@media screen and (max-width: 1000px) {
.header__search {
    margin-left: 16px;
    margin-left: var(--wh-spacer-sm)
}
  }
.header__search-button {
  margin-right: 2px;
  margin-left: 16px;
}
@media print {
.header__search-button {
    display: none
}
  }


._wt-input_1pdmso7_1{
  display:block;
}

._wt-input__wrapper_1pdmso7_5{
  display:flex;

  border:1px solid;

}

._wt-input_theme_light_1pdmso7_14 ._wt-input__wrapper_1pdmso7_5{
    border-color:rgba(39, 40, 44, 0.20);

    background-color:#ffffff;
  }

._wt-input_theme_light_1pdmso7_14 ._wt-input__wrapper_1pdmso7_5:hover, ._wt-input_theme_light_1pdmso7_14 ._wt-input__wrapper_1pdmso7_5:focus-within{
      border-color:rgba(39, 40, 44, 0.70);
    }

._wt-input_theme_dark_1pdmso7_24 ._wt-input__wrapper_1pdmso7_5{
    border-color:rgba(255, 255, 255, 0.20);

    background-color:#27282c;
  }

._wt-input_theme_dark_1pdmso7_24 ._wt-input__wrapper_1pdmso7_5:hover, ._wt-input_theme_dark_1pdmso7_24 ._wt-input__wrapper_1pdmso7_5:focus-within{
      border-color:rgba(255, 255, 255, 0.60);
    }

._wt-input_disabled_1pdmso7_34._wt-input_theme_light_1pdmso7_14 ._wt-input__wrapper_1pdmso7_5{
    border-color:rgba(39, 40, 44, 0.40);

    background-color:rgba(39, 40, 44, 0.05);
  }

._wt-input_disabled_1pdmso7_34._wt-input_theme_dark_1pdmso7_24 ._wt-input__wrapper_1pdmso7_5{
    border-color:rgba(255, 255, 255, 0.10);

    background-color:#27282c;
  }

._wt-input_1pdmso7_1._wt-input_error_1pdmso7_46 ._wt-input__wrapper_1pdmso7_5,
  ._wt-input_1pdmso7_1._wt-input_error_1pdmso7_46 ._wt-input__wrapper_1pdmso7_5:hover,
  ._wt-input_1pdmso7_1._wt-input_error_1pdmso7_46 ._wt-input__wrapper_1pdmso7_5:focus-within{
    border-width:2px;
    border-color:#EF341E;
  }

._wt-input__field_1pdmso7_53{
  display:flex;

  flex:1 1 auto;

  min-width:0;

}

._wt-input_size_l_1pdmso7_68 ._wt-input__field_1pdmso7_53{
    padding: 13px 19px;
    border-width: 1px;
    border:none;
  }

._wt-input_size_m_1pdmso7_74 ._wt-input__field_1pdmso7_53{
    padding: 11px 15px;
    border-width: 1px;
    border:none;
  }

._wt-input_size_s_1pdmso7_80 ._wt-input__field_1pdmso7_53{
    padding: 5px 7px;
    border-width: 1px;
    border:none;
  }

._wt-input_size_xs_1pdmso7_86 ._wt-input__field_1pdmso7_53{
    padding: 3px 5px;
    border-width: 1px;
    border:none;
  }

._wt-input__inner_1pdmso7_92{

  display:block;

  flex:1 1 auto;

  box-sizing:border-box;
  min-width:0;
  margin:0;
  padding:0;

  border:none;

  outline:none;

  background:transparent;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
}

._wt-input__inner_1pdmso7_92:focus{
    outline:none;
  }

._wt-input__inner_1pdmso7_92::-moz-placeholder{
    opacity:1;
  }

._wt-input__inner_1pdmso7_92:-ms-input-placeholder{
    opacity:1;
  }

._wt-input__inner_1pdmso7_92::placeholder{
    opacity:1;
  }

._wt-input__inner_1pdmso7_92:-moz-ui-invalid{
    box-shadow:none;
  }

._wt-input__inner_1pdmso7_92:-moz-ui-invalid:-moz-focusring{
    box-shadow:none;
  }

._wt-input__inner_1pdmso7_92:-webkit-autofill,
  ._wt-input__inner_1pdmso7_92:-webkit-autofill:hover,
  ._wt-input__inner_1pdmso7_92:-webkit-autofill:active,
  ._wt-input__inner_1pdmso7_92:-webkit-autofill:focus{
    transition-delay:9999s;
  }

._wt-input_theme_light_1pdmso7_14 ._wt-input__inner_1pdmso7_92:-webkit-autofill, ._wt-input_theme_light_1pdmso7_14 ._wt-input__inner_1pdmso7_92:-webkit-autofill:hover, ._wt-input_theme_light_1pdmso7_14 ._wt-input__inner_1pdmso7_92:-webkit-autofill:active, ._wt-input_theme_light_1pdmso7_14 ._wt-input__inner_1pdmso7_92:-webkit-autofill:focus{
      -webkit-text-fill-color:#27282c;
      -webkit-box-shadow:0 0 0 1000px #ffffff inset;
    }

._wt-input_theme_dark_1pdmso7_24 ._wt-input__inner_1pdmso7_92:-webkit-autofill, ._wt-input_theme_dark_1pdmso7_24 ._wt-input__inner_1pdmso7_92:-webkit-autofill:hover, ._wt-input_theme_dark_1pdmso7_24 ._wt-input__inner_1pdmso7_92:-webkit-autofill:active, ._wt-input_theme_dark_1pdmso7_24 ._wt-input__inner_1pdmso7_92:-webkit-autofill:focus{
      -webkit-text-fill-color:#ffffff;
      -webkit-box-shadow:0 0 0 1000px #27282c inset;
    }

._wt-input_size_l_1pdmso7_68 ._wt-input__inner_1pdmso7_92{
    height:28px;
  }

._wt-input_size_m_1pdmso7_74 ._wt-input__inner_1pdmso7_92,
  ._wt-input_size_s_1pdmso7_80 ._wt-input__inner_1pdmso7_92{
    height:24px;
  }

._wt-input_size_xs_1pdmso7_86 ._wt-input__inner_1pdmso7_92{
    height:16px;
  }

._wt-input_theme_light_1pdmso7_14 ._wt-input__inner_1pdmso7_92::-moz-placeholder{
      color:rgba(39, 40, 44, 0.70);
    }

._wt-input_theme_light_1pdmso7_14 ._wt-input__inner_1pdmso7_92:-ms-input-placeholder{
      color:rgba(39, 40, 44, 0.70);
    }

._wt-input_theme_light_1pdmso7_14 ._wt-input__inner_1pdmso7_92::placeholder{
      color:rgba(39, 40, 44, 0.70);
    }

._wt-input_theme_light_1pdmso7_14 ._wt-input__inner_1pdmso7_92:disabled{
      color:rgba(39, 40, 44, 0.40);
    }

._wt-input_theme_light_1pdmso7_14 ._wt-input__inner_1pdmso7_92:disabled::-moz-placeholder{
        color:rgba(39, 40, 44, 0.40);
      }

._wt-input_theme_light_1pdmso7_14 ._wt-input__inner_1pdmso7_92:disabled:-ms-input-placeholder{
        color:rgba(39, 40, 44, 0.40);
      }

._wt-input_theme_light_1pdmso7_14 ._wt-input__inner_1pdmso7_92:disabled::placeholder{
        color:rgba(39, 40, 44, 0.40);
      }

._wt-input_theme_dark_1pdmso7_24 ._wt-input__inner_1pdmso7_92::-moz-placeholder{
      color:rgba(255, 255, 255, 0.60);
    }

._wt-input_theme_dark_1pdmso7_24 ._wt-input__inner_1pdmso7_92:-ms-input-placeholder{
      color:rgba(255, 255, 255, 0.60);
    }

._wt-input_theme_dark_1pdmso7_24 ._wt-input__inner_1pdmso7_92::placeholder{
      color:rgba(255, 255, 255, 0.60);
    }

._wt-input_theme_dark_1pdmso7_24 ._wt-input__inner_1pdmso7_92:disabled{
      color:rgba(255, 255, 255, 0.30);
    }

._wt-input_theme_dark_1pdmso7_24 ._wt-input__inner_1pdmso7_92:disabled::-moz-placeholder{
        color:rgba(255, 255, 255, 0.30);
      }

._wt-input_theme_dark_1pdmso7_24 ._wt-input__inner_1pdmso7_92:disabled:-ms-input-placeholder{
        color:rgba(255, 255, 255, 0.30);
      }

._wt-input_theme_dark_1pdmso7_24 ._wt-input__inner_1pdmso7_92:disabled::placeholder{
        color:rgba(255, 255, 255, 0.30);
      }

._wt-input__icon_1pdmso7_270{
  flex-shrink:0;

}

._wt-input__icon_action_1pdmso7_276{
    cursor:pointer;
  }

._wt-input_size_l_1pdmso7_68 ._wt-input__icon_right_1pdmso7_280{
    padding-left:20px;
  }

._wt-input_size_m_1pdmso7_74 ._wt-input__icon_right_1pdmso7_280{
    padding-left:16px;
  }

._wt-input_size_s_1pdmso7_80 ._wt-input__icon_right_1pdmso7_280{
    padding-left:8px;
  }

._wt-input_size_xs_1pdmso7_86 ._wt-input__icon_right_1pdmso7_280{
    padding-left:6px;
  }

._wt-input_size_l_1pdmso7_68 ._wt-input__icon_left_1pdmso7_296{
    padding-right:20px;
  }

._wt-input_size_m_1pdmso7_74 ._wt-input__icon_left_1pdmso7_296{
    padding-right:16px;
  }

._wt-input_size_s_1pdmso7_80 ._wt-input__icon_left_1pdmso7_296{
    padding-right:8px;
  }

._wt-input_size_xs_1pdmso7_86 ._wt-input__icon_left_1pdmso7_296{
    padding-right:6px;
  }

._wt-input_theme_light_1pdmso7_14 ._wt-input__icon_1pdmso7_270{
    fill:rgba(39, 40, 44, 0.70);
  }

._wt-input_theme_dark_1pdmso7_24 ._wt-input__icon_1pdmso7_270{
    fill:rgba(255, 255, 255, 0.60);
  }

._wt-input_theme_light_1pdmso7_14 ._wt-input__icon_action_1pdmso7_276:hover{
    fill:#27282c;
  }

._wt-input_theme_dark_1pdmso7_24 ._wt-input__icon_action_1pdmso7_276:hover{
    fill:#ffffff;
  }

._wt-input_disabled_1pdmso7_34._wt-input_theme_light_1pdmso7_14 ._wt-input__icon_1pdmso7_270{
    fill:rgba(39, 40, 44, 0.40);
  }

._wt-input_disabled_1pdmso7_34._wt-input_theme_dark_1pdmso7_24 ._wt-input__icon_1pdmso7_270{
    fill:rgba(255, 255, 255, 0.30);
  }

._wt-input__suffix_1pdmso7_336{
  flex:0 0 auto;
}

._wt-input_size_l_1pdmso7_68 ._wt-input__suffix_1pdmso7_336{
    padding: 13px 19px;
    border-width: 1px;
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:18px;
    font-weight:normal;
    line-height:28px;
    border:none;
  }

._wt-input_size_m_1pdmso7_74 ._wt-input__suffix_1pdmso7_336{
    padding: 11px 15px;
    border-width: 1px;
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:15px;
    font-weight:normal;
    line-height:24px;
    border:none;
  }

._wt-input_size_s_1pdmso7_80 ._wt-input__suffix_1pdmso7_336{
    padding: 5px 7px;
    border-width: 1px;
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:15px;
    font-weight:normal;
    line-height:24px;
    border:none;
  }

._wt-input_size_xs_1pdmso7_86 ._wt-input__suffix_1pdmso7_336{
    padding: 3px 5px;
    border-width: 1px;
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:16px;
    border:none;
  }

._wt-input_theme_light_1pdmso7_14 ._wt-input__suffix_1pdmso7_336{
    background-color:#F4F4F4;
  }

._wt-input_theme_dark_1pdmso7_24 ._wt-input__suffix_1pdmso7_336{
    color:rgba(255, 255, 255, 0.60);
    background-color:#323236;
  }

._wt-input_1pdmso7_1 ._wt-input__error-message_1pdmso7_399{
  margin-top:8px;

  color:#EF341E;
}

._wt-input__note_1pdmso7_405{
  margin-top:8px;
}

._wt-input_size_l_1pdmso7_68._wt-input_error_1pdmso7_46 ._wt-input__field_1pdmso7_53{
  padding: 12px 18px;
  border-width: 2px;
  border:none;
}

._wt-input_size_m_1pdmso7_74._wt-input_error_1pdmso7_46 ._wt-input__field_1pdmso7_53{
  padding: 10px 14px;
  border-width: 2px;
  border:none;
}

._wt-input_size_s_1pdmso7_80._wt-input_error_1pdmso7_46 ._wt-input__field_1pdmso7_53{
  padding: 4px 6px;
  border-width: 2px;
  border:none;
}

._wt-input_size_xs_1pdmso7_86._wt-input_error_1pdmso7_46 ._wt-input__field_1pdmso7_53{
  padding: 2px 4px;
  border-width: 2px;
  border:none;
}

._wt-input_size_l_1pdmso7_68._wt-input_error_1pdmso7_46 ._wt-input__suffix_1pdmso7_336{
  padding: 12px 18px;
  border-width: 2px;
  border:none;
}

._wt-input_size_m_1pdmso7_74._wt-input_error_1pdmso7_46 ._wt-input__suffix_1pdmso7_336{
  padding: 10px 14px;
  border-width: 2px;
  border:none;
}

._wt-input_size_s_1pdmso7_80._wt-input_error_1pdmso7_46 ._wt-input__suffix_1pdmso7_336{
  padding: 4px 6px;
  border-width: 2px;
  border:none;
}

._wt-input_size_xs_1pdmso7_86._wt-input_error_1pdmso7_46 ._wt-input__suffix_1pdmso7_336{
  padding: 2px 4px;
  border-width: 2px;
  border:none;
}

._wt-input_size_l_1pdmso7_68._wt-input_theme_light_1pdmso7_14 ._wt-input__inner_1pdmso7_92{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:18px;
  font-weight:normal;
  line-height:28px;
  height:28px;

  color:#27282c;
}

._wt-input_size_m_1pdmso7_74._wt-input_theme_light_1pdmso7_14 ._wt-input__inner_1pdmso7_92,
._wt-input_size_s_1pdmso7_80._wt-input_theme_light_1pdmso7_14 ._wt-input__inner_1pdmso7_92{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;
  color:#27282c;
}

._wt-input_size_l_1pdmso7_68._wt-input_theme_dark_1pdmso7_24 ._wt-input__inner_1pdmso7_92{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:18px;
  font-weight:normal;
  line-height:28px;
  color:rgba(255, 255, 255, 0.60);
  color:#ffffff;
}

._wt-input_size_m_1pdmso7_74._wt-input_theme_dark_1pdmso7_24 ._wt-input__inner_1pdmso7_92,
._wt-input_size_s_1pdmso7_80._wt-input_theme_dark_1pdmso7_24 ._wt-input__inner_1pdmso7_92{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;
  color:rgba(255, 255, 255, 0.60);
  color:#ffffff;
}

._wt-input_size_xs_1pdmso7_86._wt-input_theme_light_1pdmso7_14 ._wt-input__inner_1pdmso7_92{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:16px;
  color:#27282c;
}

._wt-input_size_xs_1pdmso7_86._wt-input_theme_dark_1pdmso7_24 ._wt-input__inner_1pdmso7_92{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:16px;
  color:rgba(255, 255, 255, 0.60);
  color:#ffffff;
}
.wt-icon{
  fill:currentcolor;
}

  .wt-icon_size_xs{
    width:16px;
    height:16px;
  }

  .wt-icon_size_s,
  .wt-icon_size_m{
    width:24px;
    height:24px;
  }

  .wt-icon_size_l{
    width:28px;
    height:28px;
  }

  .wt-icon_theme_light{
    fill:#27282c;
  }

  .wt-icon_theme_dark{
    fill:#ffffff;
  }

@-webkit-keyframes wt-icon-rotate{
  to{
    transform:rotate(360deg)
  }
}

@keyframes wt-icon-rotate{
  to{
    transform:rotate(360deg)
  }
}
.search__close {
  cursor: pointer;

  color: rgba(39, 40, 44, 0.70);

  color: var(--wt-color-dark-70);
}

.search__input {
  position: relative;
}

.search__input input::-ms-clear {
    display: none;

    width: 0;
    height: 0;
  }

.search__input-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;

  opacity: 0.7;

  margin: auto 0;
  padding: 0 8px;

  cursor: pointer;

  transition: opacity var(--wh-transition-fast);
}

.search__input-icon:hover {
    opacity: 1;
  }



._wt-button_ay30zk_1{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;

  position:relative;
  z-index:1;

  display:inline-block;

  box-sizing:border-box;

  border:none;
  outline:none;

  cursor:pointer;
  text-align:center;
  white-space:nowrap;
  text-decoration:none;

  background:transparent;

  transition:color 100ms,
  background-color 100ms,
  border-color 100ms;

  transition:color var(--wt-transition-xfast,  100ms),
  background-color var(--wt-transition-xfast,  100ms),
  border-color var(--wt-transition-xfast,  100ms);
}

._wt-button_ay30zk_1:focus[data-focus-method='key']{
    box-shadow:rgba(22, 125, 255, 0.80) 0 0 0 4px;
    box-shadow:var(--wt-color-primary-light-theme-80, rgba(22, 125, 255, 0.80)) 0 0 0 4px;
  }

._wt-button_ay30zk_1:hover,
  ._wt-button_ay30zk_1:focus,
  ._wt-button_ay30zk_1:active{
    outline:none;

    text-decoration:none;
  }

._wt-button_ay30zk_1._wt-button_busy_ay30zk_60{
    display:inline-flex;
    justify-content:center;
    align-items:center;

    pointer-events:none;
  }

._wt-button_ay30zk_1._wt-button_busy_ay30zk_60._wt-button_theme_light_ay30zk_74,
  ._wt-button_ay30zk_1._wt-button_busy_ay30zk_60._wt-button_theme_light_ay30zk_74._wt-button_disabled_ay30zk_75,
  ._wt-button_ay30zk_1._wt-button_busy_ay30zk_60._wt-button_theme_dark_ay30zk_76._wt-button_disabled_ay30zk_75,
  ._wt-button_ay30zk_1._wt-button_busy_ay30zk_60._wt-button_theme_dark_ay30zk_76{
    color:transparent;
  }

._wt-button_disabled_ay30zk_75{
    pointer-events:none;
  }

._wt-button_align-icon_right_ay30zk_85{
    flex-direction:row-reverse;
  }

._wt-button_size_m_ay30zk_92{
    padding:12px 32px;
    border-width:0px;
    border-radius:24px;
    border-radius:var(--wt-button-m-border-radius, var(--wt-button-border-radius, 24px));
  }

._wt-button_size_m_ay30zk_92._wt-button_narrow_ay30zk_99{
      padding:12px 16px;
      border-width:0px;
    }

._wt-button_size_s_ay30zk_104{
    padding:6px 16px;
    border-width:0px;
    border-radius:24px;
    border-radius:var(--wt-button-s-border-radius, var(--wt-button-border-radius, 24px));
  }

._wt-button_size_s_ay30zk_104._wt-button_narrow_ay30zk_99{
      padding:6px 8px;
      border-width:0px;
    }

._wt-button_size_xs_ay30zk_116{
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:16px;
    padding:4px 12px;
    border-width:0px;
    border-radius:4px;
    border-radius:var(--wt-button-xs-border-radius, var(--wt-button-border-radius, 4px));
  }

._wt-button_size_xs_ay30zk_116._wt-button_narrow_ay30zk_99{
      padding:4px 6px;
      border-width:0px;
    }

._wt-button_without-text_ay30zk_134{
    display:inline-flex;
    justify-content:center;
    align-items:center;
  }

._wt-button_without-text_ay30zk_134._wt-button_size_m_ay30zk_92{
      padding:12px 12px;
      border-width:0px;
    }

._wt-button_without-text_ay30zk_134._wt-button_size_s_ay30zk_104{
      padding:6px 6px;
      border-width:0px;
    }

._wt-button_without-text_ay30zk_134._wt-button_size_xs_ay30zk_116{
      padding:4px 4px;
      border-width:0px;
    }

._wt-button_with-icon_ay30zk_161{
    display:inline-flex;
    justify-content:center;
    align-items:center;
  }

._wt-button_flat_right_ay30zk_173{
    border-top-right-radius:0;
    border-bottom-right-radius:0;
  }

._wt-button_flat_left_ay30zk_178{
    border-top-left-radius:0;
    border-bottom-left-radius:0;
  }

._wt-button_mode_primary_ay30zk_183{
    color:#ffffff;
    color:var(--wt-color-white, #ffffff);
    background:rgb(22, 125, 255);
    background:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
  }

._wt-button_mode_primary_ay30zk_183 ._wt-button__busy-icon_ay30zk_190{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
    }

._wt-button_mode_primary_ay30zk_183:focus{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:rgb(22, 125, 255);
      background:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
    }

._wt-button_mode_primary_ay30zk_183:hover{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:rgba(22, 125, 255, 0.80);
      background:var(--wt-color-primary-light-theme-80, rgba(22, 125, 255, 0.80));
    }

._wt-button_mode_primary_ay30zk_183:active{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:rgb(22, 125, 255);
      background:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
    }

._wt-button_mode_primary_ay30zk_183:active:focus:not(:hover)[data-focus-method='key']{
      background:rgba(22, 125, 255, 0.80);
      background:var(--wt-color-primary-light-theme-80, rgba(22, 125, 255, 0.80));
    }

._wt-button_mode_primary_ay30zk_183._wt-button_disabled_ay30zk_75{
      color:rgba(39, 40, 44, 0.40);
      color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
      background:rgba(39, 40, 44, 0.20);
      background:var(--wt-color-dark-20, rgba(39, 40, 44, 0.20));
    }

._wt-button_mode_primary_ay30zk_183._wt-button_disabled_ay30zk_75 ._wt-button__busy-icon_ay30zk_190{
        color:rgba(39, 40, 44, 0.40);
        color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
      }

._wt-button_mode_primary_ay30zk_183._wt-button_theme_dark_ay30zk_76{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:rgb(76, 166, 255);
      background:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
    }

._wt-button_mode_primary_ay30zk_183._wt-button_theme_dark_ay30zk_76 ._wt-button__busy-icon_ay30zk_190{
        color:#ffffff;
        color:var(--wt-color-white, #ffffff);
      }

._wt-button_mode_primary_ay30zk_183._wt-button_theme_dark_ay30zk_76:hover{
        color:#ffffff;
        color:var(--wt-color-white, #ffffff);
        background:rgba(76, 166, 255, 0.80);
        background:var(--wt-color-primary-dark-theme-80, rgba(76, 166, 255, 0.80));
      }

._wt-button_mode_primary_ay30zk_183._wt-button_theme_dark_ay30zk_76:active{
        color:#ffffff;
        color:var(--wt-color-white, #ffffff);
        background:rgb(76, 166, 255);
        background:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
      }

._wt-button_mode_primary_ay30zk_183._wt-button_theme_dark_ay30zk_76:active:focus:not(:hover)[data-focus-method='key']{
        background:rgba(22, 125, 255, 0.80);
        background:var(--wt-color-primary-light-theme-80, rgba(22, 125, 255, 0.80));
      }

._wt-button_mode_primary_ay30zk_183._wt-button_theme_dark_ay30zk_76._wt-button_disabled_ay30zk_75{
        color:rgba(255, 255, 255, 0.30);
        color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
        background:rgba(255, 255, 255, 0.20);
        background:var(--wt-color-white-20, rgba(255, 255, 255, 0.20));
      }

._wt-button_mode_primary_ay30zk_183._wt-button_theme_dark_ay30zk_76._wt-button_disabled_ay30zk_75 ._wt-button__busy-icon_ay30zk_190{
          color:rgba(255, 255, 255, 0.30);
          color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
        }

._wt-button_mode_black_ay30zk_276,
  ._wt-button_mode_contrast_ay30zk_277{
    color:#ffffff;
    color:var(--wt-color-white, #ffffff);
    background-color:#27282c;
    background-color:var(--wt-color-dark, #27282c);
  }

._wt-button_mode_black_ay30zk_276 ._wt-button__busy-icon_ay30zk_190, ._wt-button_mode_contrast_ay30zk_277 ._wt-button__busy-icon_ay30zk_190{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
    }

._wt-button_mode_black_ay30zk_276:focus, ._wt-button_mode_contrast_ay30zk_277:focus{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background-color:#27282c;
      background-color:var(--wt-color-dark, #27282c);
    }

._wt-button_mode_black_ay30zk_276:hover, ._wt-button_mode_contrast_ay30zk_277:hover{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:rgba(39, 40, 44, 0.70);
      background:var(--wt-color-dark-70, rgba(39, 40, 44, 0.70));
    }

._wt-button_mode_black_ay30zk_276:active, ._wt-button_mode_contrast_ay30zk_277:active{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:#27282c;
      background:var(--wt-color-dark, #27282c);
    }

._wt-button_mode_black_ay30zk_276:active:focus:not(:hover)[data-focus-method='key'], ._wt-button_mode_contrast_ay30zk_277:active:focus:not(:hover)[data-focus-method='key']{
      background:rgba(22, 125, 255, 0.80);
      background:var(--wt-color-primary-light-theme-80, rgba(22, 125, 255, 0.80));
    }

._wt-button_mode_black_ay30zk_276._wt-button_disabled_ay30zk_75, ._wt-button_mode_contrast_ay30zk_277._wt-button_disabled_ay30zk_75{
      color:rgba(39, 40, 44, 0.40);
      color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
      background:rgba(39, 40, 44, 0.20);
      background:var(--wt-color-dark-20, rgba(39, 40, 44, 0.20));
    }

._wt-button_mode_black_ay30zk_276._wt-button_disabled_ay30zk_75 ._wt-button__busy-icon_ay30zk_190, ._wt-button_mode_contrast_ay30zk_277._wt-button_disabled_ay30zk_75 ._wt-button__busy-icon_ay30zk_190{
        color:rgba(39, 40, 44, 0.40);
        color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
      }

._wt-button_mode_black_ay30zk_276._wt-button_highlighted_ay30zk_327, ._wt-button_mode_contrast_ay30zk_277._wt-button_highlighted_ay30zk_327{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:rgba(39, 40, 44, 0.70);
      background:var(--wt-color-dark-70, rgba(39, 40, 44, 0.70));
    }

._wt-button_mode_black_ay30zk_276._wt-button_theme_dark_ay30zk_76, ._wt-button_mode_contrast_ay30zk_277._wt-button_theme_dark_ay30zk_76{
      color:#27282c;
      color:var(--wt-color-dark, #27282c);
      background-color:#ffffff;
      background-color:var(--wt-color-white, #ffffff);
    }

._wt-button_mode_black_ay30zk_276._wt-button_theme_dark_ay30zk_76 ._wt-button__busy-icon_ay30zk_190, ._wt-button_mode_contrast_ay30zk_277._wt-button_theme_dark_ay30zk_76 ._wt-button__busy-icon_ay30zk_190{
        color:#27282c;
        color:var(--wt-color-dark, #27282c);
      }

._wt-button_mode_black_ay30zk_276._wt-button_theme_dark_ay30zk_76:focus, ._wt-button_mode_contrast_ay30zk_277._wt-button_theme_dark_ay30zk_76:focus{
        color:#27282c;
        color:var(--wt-color-dark, #27282c);
        background-color:#ffffff;
        background-color:var(--wt-color-white, #ffffff);
      }

._wt-button_mode_black_ay30zk_276._wt-button_theme_dark_ay30zk_76:hover, ._wt-button_mode_contrast_ay30zk_277._wt-button_theme_dark_ay30zk_76:hover{
        color:#27282c;
        color:var(--wt-color-dark, #27282c);
        background:rgba(255, 255, 255, 0.60);
        background:var(--wt-color-white-60, rgba(255, 255, 255, 0.60));
      }

._wt-button_mode_black_ay30zk_276._wt-button_theme_dark_ay30zk_76:active, ._wt-button_mode_contrast_ay30zk_277._wt-button_theme_dark_ay30zk_76:active{
        color:#27282c;
        color:var(--wt-color-dark, #27282c);
        background:#ffffff;
        background:var(--wt-color-white, #ffffff);
      }

._wt-button_mode_black_ay30zk_276._wt-button_theme_dark_ay30zk_76:active:focus:not(:hover)[data-focus-method='key'], ._wt-button_mode_contrast_ay30zk_277._wt-button_theme_dark_ay30zk_76:active:focus:not(:hover)[data-focus-method='key']{
        background:rgba(76, 166, 255, 0.80);
        background:var(--wt-color-primary-dark-theme-80, rgba(76, 166, 255, 0.80));
      }

._wt-button_mode_black_ay30zk_276._wt-button_theme_dark_ay30zk_76._wt-button_disabled_ay30zk_75, ._wt-button_mode_contrast_ay30zk_277._wt-button_theme_dark_ay30zk_76._wt-button_disabled_ay30zk_75{
        color:rgba(255, 255, 255, 0.30);
        color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
        background:rgba(255, 255, 255, 0.20);
        background:var(--wt-color-white-20, rgba(255, 255, 255, 0.20));
      }

._wt-button_mode_black_ay30zk_276._wt-button_theme_dark_ay30zk_76._wt-button_disabled_ay30zk_75 ._wt-button__busy-icon_ay30zk_190, ._wt-button_mode_contrast_ay30zk_277._wt-button_theme_dark_ay30zk_76._wt-button_disabled_ay30zk_75 ._wt-button__busy-icon_ay30zk_190{
          color:rgba(255, 255, 255, 0.30);
          color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
        }

._wt-button_mode_black_ay30zk_276._wt-button_theme_dark_ay30zk_76._wt-button_highlighted_ay30zk_327, ._wt-button_mode_contrast_ay30zk_277._wt-button_theme_dark_ay30zk_76._wt-button_highlighted_ay30zk_327{
        color:#27282c;
        color:var(--wt-color-dark, #27282c);
        background:rgba(255, 255, 255, 0.60);
        background:var(--wt-color-white-60, rgba(255, 255, 255, 0.60));
      }

._wt-button_mode_transparent_ay30zk_391{
    color:#ffffff;
    color:var(--wt-color-white, #ffffff);
    background:rgba(39, 40, 44, 0.40);
    background:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
  }

._wt-button_mode_transparent_ay30zk_391 ._wt-button__busy-icon_ay30zk_190{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
    }

._wt-button_mode_transparent_ay30zk_391:focus{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:rgba(39, 40, 44, 0.40);
      background:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
    }

._wt-button_mode_transparent_ay30zk_391:hover{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:rgba(39, 40, 44, 0.70);
      background:var(--wt-color-dark-70, rgba(39, 40, 44, 0.70));
    }

._wt-button_mode_transparent_ay30zk_391:active{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background-color:#27282c;
      background-color:var(--wt-color-dark, #27282c);
    }

._wt-button_mode_transparent_ay30zk_391._wt-button_disabled_ay30zk_75{
      color:rgba(255, 255, 255, 0.30);
      color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
      background:rgba(39, 40, 44, 0.40);
      background:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
    }

._wt-button_mode_transparent_ay30zk_391._wt-button_disabled_ay30zk_75 ._wt-button__busy-icon_ay30zk_190{
        color:rgba(255, 255, 255, 0.30);
        color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
      }

._wt-button_mode_outline_ay30zk_436{
    border:solid 1px rgba(39, 40, 44, 0.40);
    border:solid 1px var(--wt-color-dark-40,  rgba(39, 40, 44, 0.40));

    color:#27282c;

    color:var(--wt-color-dark, #27282c);
  }

._wt-button_mode_outline_ay30zk_436 ._wt-button__busy-icon_ay30zk_190{
      color:#27282c;
      color:var(--wt-color-dark, #27282c);
    }

._wt-button_mode_outline_ay30zk_436:focus{
      border:solid 1px rgba(39, 40, 44, 0.40);
      border:solid 1px var(--wt-color-dark-40,  rgba(39, 40, 44, 0.40));
      color:#27282c;
      color:var(--wt-color-dark, #27282c);
    }

._wt-button_mode_outline_ay30zk_436:hover{
      border-color:rgba(39, 40, 44, 0.40);
      border-color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));

      color:#27282c;

      color:var(--wt-color-dark, #27282c);
      background:rgba(39, 40, 44, 0.05);
      background:var(--wt-color-dark-5, rgba(39, 40, 44, 0.05));
    }

._wt-button_mode_outline_ay30zk_436:active{
      border-color:rgb(22, 125, 255);
      border-color:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
      box-shadow:inset rgb(22, 125, 255) 0 0 0 1px;
      box-shadow:inset var(--wt-color-primary-light-theme,  rgb(22, 125, 255)) 0 0 0 1px;

      color:#27282c;

      color:var(--wt-color-dark, #27282c);
      background:rgba(22, 125, 255, 0.20);
      background:var(--wt-color-primary-light-theme-20, rgba(22, 125, 255, 0.20));
    }

._wt-button_mode_outline_ay30zk_436._wt-button_disabled_ay30zk_75{
      border-color:rgba(39, 40, 44, 0.40);
      border-color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));

      color:rgba(39, 40, 44, 0.40);

      color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
    }

._wt-button_mode_outline_ay30zk_436._wt-button_disabled_ay30zk_75 ._wt-button__busy-icon_ay30zk_190{
        color:rgba(39, 40, 44, 0.40);
        color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
      }

._wt-button_mode_outline_ay30zk_436._wt-button_theme_dark_ay30zk_76{
      border-color:rgba(255, 255, 255, 0.30);
      border-color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));

      color:#ffffff;

      color:var(--wt-color-white, #ffffff);
    }

._wt-button_mode_outline_ay30zk_436._wt-button_theme_dark_ay30zk_76 ._wt-button__busy-icon_ay30zk_190{
        color:#ffffff;
        color:var(--wt-color-white, #ffffff);
      }

._wt-button_mode_outline_ay30zk_436._wt-button_theme_dark_ay30zk_76:hover{
        border-color:rgba(255, 255, 255, 0.60);
        border-color:var(--wt-color-white-60, rgba(255, 255, 255, 0.60));

        color:#ffffff;

        color:var(--wt-color-white, #ffffff);
        background:rgba(255, 255, 255, 0.10);
        background:var(--wt-color-white-10, rgba(255, 255, 255, 0.10));
      }

._wt-button_mode_outline_ay30zk_436._wt-button_theme_dark_ay30zk_76:active{
        border-color:rgb(76, 166, 255);
        border-color:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
        box-shadow:inset rgb(76, 166, 255) 0 0 0 1px;
        box-shadow:inset var(--wt-color-primary-dark-theme,  rgb(76, 166, 255)) 0 0 0 1px;

        color:#ffffff;

        color:var(--wt-color-white, #ffffff);
        background:rgba(76, 166, 255, 0.20);
        background:var(--wt-color-primary-dark-theme-20, rgba(76, 166, 255, 0.20));
      }

._wt-button_mode_outline_ay30zk_436._wt-button_theme_dark_ay30zk_76._wt-button_disabled_ay30zk_75{
        border-color:rgba(255, 255, 255, 0.30);
        border-color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));

        color:rgba(255, 255, 255, 0.30);

        color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
      }

._wt-button_mode_outline_ay30zk_436._wt-button_theme_dark_ay30zk_76._wt-button_disabled_ay30zk_75 ._wt-button__busy-icon_ay30zk_190{
          color:rgba(255, 255, 255, 0.30);
          color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
        }

._wt-button_mode_outline_ay30zk_436._wt-button_size_xs_ay30zk_116{
    padding:3px 11px;
    border-width:1px;
  }

._wt-button_mode_outline_ay30zk_436._wt-button_size_xs_ay30zk_116._wt-button_narrow_ay30zk_99{
    padding:3px 5px;
    border-width:1px;
  }

._wt-button_mode_outline_ay30zk_436._wt-button_size_s_ay30zk_104{
    padding:5px 15px;
    border-width:1px;
  }

._wt-button_mode_outline_ay30zk_436._wt-button_size_s_ay30zk_104._wt-button_narrow_ay30zk_99{
    padding:5px 7px;
    border-width:1px;
  }

._wt-button_mode_outline_ay30zk_436._wt-button_size_m_ay30zk_92{
    padding:11px 31px;
    border-width:1px;
  }

._wt-button_mode_outline_ay30zk_436._wt-button_size_m_ay30zk_92._wt-button_narrow_ay30zk_99{
    padding:11px 15px;
    border-width:1px;
  }

._wt-button_mode_outline_ay30zk_436._wt-button_size_xs_ay30zk_116._wt-button_without-text_ay30zk_134{
    padding:3px 3px;
    border-width:1px;
  }

._wt-button_mode_outline_ay30zk_436._wt-button_size_s_ay30zk_104._wt-button_without-text_ay30zk_134{
    padding:5px 5px;
    border-width:1px;
  }

._wt-button_mode_outline_ay30zk_436._wt-button_size_m_ay30zk_92._wt-button_without-text_ay30zk_134{
    padding:11px 11px;
    border-width:1px;
  }

._wt-button_mode_nude_ay30zk_596{
    color:#27282c;
    color:var(--wt-color-dark, #27282c);
    background:transparent;
  }

._wt-button_mode_nude_ay30zk_596 ._wt-button__busy-icon_ay30zk_190{
      color:#27282c;
      color:var(--wt-color-dark, #27282c);
    }

._wt-button_mode_nude_ay30zk_596:focus{
      color:#27282c;
      color:var(--wt-color-dark, #27282c);
      background:transparent;
    }

._wt-button_mode_nude_ay30zk_596:hover{
      color:#27282c;
      color:var(--wt-color-dark, #27282c);
      background:rgba(39, 40, 44, 0.05);
      background:var(--wt-color-dark-5, rgba(39, 40, 44, 0.05));
    }

._wt-button_mode_nude_ay30zk_596:active{
      color:#27282c;
      color:var(--wt-color-dark, #27282c);
      background:rgba(22, 125, 255, 0.20);
      background:var(--wt-color-primary-light-theme-20, rgba(22, 125, 255, 0.20));
    }

._wt-button_mode_nude_ay30zk_596._wt-button_disabled_ay30zk_75{
      color:rgba(39, 40, 44, 0.40);
      color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
      background:transparent;
    }

._wt-button_mode_nude_ay30zk_596._wt-button_disabled_ay30zk_75 ._wt-button__busy-icon_ay30zk_190{
        color:rgba(39, 40, 44, 0.40);
        color:var(--wt-color-dark-40, rgba(39, 40, 44, 0.40));
      }

._wt-button_mode_nude_ay30zk_596._wt-button_highlighted_ay30zk_327{
      color:#27282c;
      color:var(--wt-color-dark, #27282c);
      background:rgba(39, 40, 44, 0.05);
      background:var(--wt-color-dark-5, rgba(39, 40, 44, 0.05));
    }

._wt-button_mode_nude_ay30zk_596._wt-button_theme_dark_ay30zk_76{
      color:#ffffff;
      color:var(--wt-color-white, #ffffff);
      background:transparent;
    }

._wt-button_mode_nude_ay30zk_596._wt-button_theme_dark_ay30zk_76 ._wt-button__busy-icon_ay30zk_190{
        color:#ffffff;
        color:var(--wt-color-white, #ffffff);
      }

._wt-button_mode_nude_ay30zk_596._wt-button_theme_dark_ay30zk_76:hover{
        color:#ffffff;
        color:var(--wt-color-white, #ffffff);
        background:rgba(255, 255, 255, 0.10);
        background:var(--wt-color-white-10, rgba(255, 255, 255, 0.10));
      }

._wt-button_mode_nude_ay30zk_596._wt-button_theme_dark_ay30zk_76:active{
        color:#ffffff;
        color:var(--wt-color-white, #ffffff);
        background:rgba(76, 166, 255, 0.20);
        background:var(--wt-color-primary-dark-theme-20, rgba(76, 166, 255, 0.20));
      }

._wt-button_mode_nude_ay30zk_596._wt-button_theme_dark_ay30zk_76._wt-button_disabled_ay30zk_75{
        color:rgba(255, 255, 255, 0.30);
        color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
      }

._wt-button_mode_nude_ay30zk_596._wt-button_theme_dark_ay30zk_76._wt-button_disabled_ay30zk_75 ._wt-button__busy-icon_ay30zk_190{
          color:rgba(255, 255, 255, 0.30);
          color:var(--wt-color-white-30, rgba(255, 255, 255, 0.30));
        }

._wt-button_mode_nude_ay30zk_596._wt-button_theme_dark_ay30zk_76._wt-button_highlighted_ay30zk_327{
        color:#ffffff;
        color:var(--wt-color-white, #ffffff);
        background:rgba(255, 255, 255, 0.10);
        background:var(--wt-color-white-10, rgba(255, 255, 255, 0.10));
      }

._wt-button__icon_ay30zk_687{
  fill:currentColor;
}

._wt-button_size_xs_ay30zk_116 ._wt-button__icon_ay30zk_687{
  width:16px;
  height:16px;
  min-width:16px;
  min-height:16px;
  margin:0 6px  0 0;
  margin:0 var(--wt-brick-internal-spacer-xs,  6px)  0 0;
}

._wt-button_size_xs_ay30zk_116._wt-button_align-icon_right_ay30zk_85 ._wt-button__icon_ay30zk_687{
    margin:0 0 0 6px;
    margin:0 0 0 var(--wt-brick-internal-spacer-xs,  6px);
  }

._wt-button_size_s_ay30zk_104 ._wt-button__icon_ay30zk_687{
  width:24px;
  height:24px;
  min-width:24px;
  min-height:24px;
  margin:0 8px  0 0;
  margin:0 var(--wt-brick-internal-spacer-s,  8px)  0 0;
}

._wt-button_size_s_ay30zk_104._wt-button_align-icon_right_ay30zk_85 ._wt-button__icon_ay30zk_687{
    margin:0 0 0 8px;
    margin:0 0 0 var(--wt-brick-internal-spacer-s,  8px);
  }

._wt-button_size_m_ay30zk_92 ._wt-button__icon_ay30zk_687{
  width:24px;
  height:24px;
  min-width:24px;
  min-height:24px;
  margin:0 16px  0 0;
  margin:0 var(--wt-brick-internal-spacer-m,  16px)  0 0;
}

._wt-button_size_m_ay30zk_92._wt-button_align-icon_right_ay30zk_85 ._wt-button__icon_ay30zk_687{
    margin:0 0 0 16px;
    margin:0 0 0 var(--wt-brick-internal-spacer-m,  16px);
  }

._wt-button_ay30zk_1._wt-button_without-text_ay30zk_134 ._wt-button__icon_ay30zk_687{
    margin:0;
  }

._wt-button__busy-icon_ay30zk_190{
  position:absolute;
}
.wt-icon{
  fill:currentcolor;
}

  .wt-icon_size_xs{
    width:16px;
    height:16px;
  }

  .wt-icon_size_s,
  .wt-icon_size_m{
    width:24px;
    height:24px;
  }

  .wt-icon_size_l{
    width:28px;
    height:28px;
  }

  .wt-icon_theme_light{
    fill:#27282c;
  }

  .wt-icon_theme_dark{
    fill:#ffffff;
  }

@-webkit-keyframes wt-icon-rotate{
  to{
    transform:rotate(360deg)
  }
}

@keyframes wt-icon-rotate{
  to{
    transform:rotate(360deg)
  }
}

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.quick-search {
  position: relative;

  width: 100%;
}
@media screen and (max-width: 640px) {
.quick-search {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;

    width: auto;

    margin-left: 0;
    padding: 7px;

    background-color: #27282c;

    background-color: var(--wt-color-dark);

    transform: translateZ(1px)
}

    .quick-search .wt-input__inner {
      border: none;
    }
  }
.quick-search__loading {
  display: flex;
  justify-content: center;
  align-items: center;

  padding: 19px;

  color: rgba(255, 255, 255, 0.20);

  color: var(--wt-color-white-20);
}
.quick-search__close {
  cursor: pointer;

  color: rgba(255, 255, 255, 0.60);

  color: var(--wt-color-white-60);
}
.quick-search__wrapper {
  display: flex;
  flex-flow: column nowrap;

  max-width: 706px;

  max-width: var(--wh-max-width-l);
  padding: 120px 32px 0 345px;
  padding: 120px var(--wh-flow-unit-m) 0 345px;
}
@media screen and (max-width: 1000px) {
.quick-search__wrapper {
    padding: 32px 32px 0 32px;
    padding: var(--wh-flow-unit-m) var(--wh-flow-unit-m) 0 var(--wh-flow-unit-m)
}
  }
.quick-search__results {
  position: absolute;
  z-index: 2;
  top: 42px;

  overflow-x: hidden;
  overflow-y: auto;

  box-sizing: border-box;
  width: 100%;

  max-width: 410px;
  max-height: 450px;

  border: rgba(255, 255, 255, 0.20) solid 1px;

  border: var(--wt-color-white-20) solid 1px;

  background-color: #27282c;

  background-color: var(--wt-color-dark);
}
.quick-search__results em {
    background-color: rgba(22, 125, 255, 0.2);
  }
@media screen and (max-width: 640px) {
.quick-search__results {
    max-width: none;
    max-height: 90vh;
    top: 56px;
    left: 6px;
    right: 6px;
    width: auto
}
  }
.quick-search__no-results {
  letter-spacing:normal;
  color:#27282c;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-size:12px;
  font-size:var(--wt-h5-font-size, 12px);
  font-weight:bold;
  line-height:16px;
  line-height:16px;
  line-height:var(--wt-h5-line-height, 16px);
  display: flex;
  justify-content: center;
  align-items: center;

  padding: 26px;

  color: rgba(255, 255, 255, 0.80);

  color: var(--wh-color-white-80);
}
.quick-search__list-link {
  text-decoration: none;

  color: inherit;
}
.quick-search__list-link:focus {
    outline: none;

    background-color: rgba(255, 255, 255, 0.05);

    background-color: var(--wt-color-white-5);
  }
.quick-search__link {
  text-decoration: none;

  color: inherit;
}
.quick-search__item {
  padding: 0 16px;
}
.quick-search__title {
  letter-spacing:normal;
  color:#27282c;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-size:15px;
  font-size:var(--wt-h4-font-size, 15px);
  font-weight:bold;
  line-height:24px;
  line-height:24px;
  line-height:var(--wt-h4-line-height, 24px);
  color: rgba(255, 255, 255, 0.80);
  color: var(--wh-color-white-80);
}
.quick-search__snippet {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:16px;
  margin-top: 8px;

  color: rgba(255, 255, 255, 0.60);

  color: var(--wt-color-white-60);
}
.quick-search__results-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;

  padding: 19px 22px 10px 32px;
}
.quick-search__results-title {
  letter-spacing:normal;
  color:#27282c;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-size:12px;
  font-size:var(--wt-h5-font-size, 12px);
  font-weight:bold;
  line-height:16px;
  line-height:16px;
  line-height:var(--wt-h5-line-height, 16px);
  padding-top: 4px;

  color: rgba(255, 255, 255, 0.60);

  color: var(--wt-color-white-60);

  font-weight: normal;
}
.quick-search__results-query {
  font-weight: bold;
}
.quick-search__results-full-search-button {
  position: relative;
}
.quick-search__results-full-search-button::after {
    position: absolute;
    bottom: 2px;
    left: 12px;

    opacity: 1;

    width: calc(100% - 23px);

    height: 1px;

    content: '';

    background-color: rgba(255, 255, 255, 0.20);

    background-color: var(--wt-color-white-20);

    transition: opacity 50ms;
  }
.quick-search__results-full-search-button:hover::after {
      opacity: 0;
    }
.quick-search__results-full-search-button:focus {
    outline: none;

    background-color: rgba(255, 255, 255, 0.05);

    background-color: var(--wt-color-white-5);
  }
.quick-search__results-full-search-button:focus::after {
      opacity: 0;
    }
/* Override WebTemUI */
@media screen and (max-width: 640px) {
div[class*='_wt-input__wrapper'] {
    border: none
}
  }


  ._wt-switcher_1ppb7m0_1{

  position:relative;

  display:inline-flex;

  box-sizing:border-box;

  border-radius:24px;

  background:transparent;
}

  ._wt-switcher_theme_light_1ppb7m0_20{
    box-shadow:inset rgba(39, 40, 44, 0.40) 0 0 0 1px;
  }

  ._wt-switcher_theme_dark_1ppb7m0_25{
    box-shadow:inset rgba(255, 255, 255, 0.30) 0 0 0 1px;
  }

  ._wt-switcher_size_xs_1ppb7m0_30{
    border-radius:4px;
  }

._wt-switcher__option_1ppb7m0_34{
  position:relative;

  z-index:1;
  display:inline-block;
  box-sizing:border-box;
  cursor:pointer;
  margin:0;

  border-radius:24px;

  outline:none;

  background:transparent;
}

._wt-switcher_size_m_1ppb7m0_51 ._wt-switcher__option_1ppb7m0_34{
    padding: 12px 32px;
    border-width: 0px;
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:15px;
    font-weight:normal;
    line-height:24px;
  }

._wt-switcher_size_s_1ppb7m0_62 ._wt-switcher__option_1ppb7m0_34{
    padding: 6px 16px;
    border-width: 0px;
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:15px;
    font-weight:normal;
    line-height:24px;
  }

._wt-switcher_size_xs_1ppb7m0_30 ._wt-switcher__option_1ppb7m0_34{
    padding: 4px 12px;
    border-width: 0px;
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:12px;
    font-weight:normal;
    line-height:16px;
    border-radius:4px;
  }

._wt-switcher_disabled_1ppb7m0_85 ._wt-switcher__option_1ppb7m0_34{
    cursor:not-allowed;
    pointer-events:none;
  }

._wt-switcher_theme_light_1ppb7m0_20 ._wt-switcher__option_1ppb7m0_34{
  color:rgba(39, 40, 44, 0.70);
}

._wt-switcher_theme_light_1ppb7m0_20 ._wt-switcher__option_1ppb7m0_34:hover{
    background:rgba(39, 40, 44, 0.05);
    color:#27282c;
  }

._wt-switcher_theme_light_1ppb7m0_20 ._wt-switcher__option_1ppb7m0_34:focus[data-focus-method='key']{
    box-shadow:rgba(22, 125, 255, 0.80) 0 0 0 4px;
    box-shadow:var(--wt-color-primary-light-theme-80, rgba(22, 125, 255, 0.80)) 0 0 0 4px;
  }

._wt-switcher_theme_light_1ppb7m0_20 ._wt-switcher__option_1ppb7m0_34:active{
    background:rgba(22, 125, 255, 0.20);
    background:var(--wt-color-primary-light-theme-20, rgba(22, 125, 255, 0.20));
    color:#27282c;
  }

._wt-switcher_theme_light_1ppb7m0_20 ._wt-switcher__option_selected_1ppb7m0_112{
    color:#27282c;
  }

._wt-switcher_theme_light_1ppb7m0_20 ._wt-switcher__option_selected_1ppb7m0_112:hover, ._wt-switcher_theme_light_1ppb7m0_20 ._wt-switcher__option_selected_1ppb7m0_112:active{
      background:transparent;
      cursor:default;
      color:#27282c;
    }

._wt-switcher_disabled_1ppb7m0_85._wt-switcher_theme_light_1ppb7m0_20 ._wt-switcher__option_1ppb7m0_34{
    color:rgba(39, 40, 44, 0.40);
  }

._wt-switcher_theme_dark_1ppb7m0_25 ._wt-switcher__option_1ppb7m0_34{
  color:rgba(255, 255, 255, 0.60);
}

._wt-switcher_theme_dark_1ppb7m0_25 ._wt-switcher__option_1ppb7m0_34:hover{
    background:rgba(255, 255, 255, 0.05);
    color:#ffffff;
  }

._wt-switcher_theme_dark_1ppb7m0_25 ._wt-switcher__option_1ppb7m0_34:focus[data-focus-method='key']{
    box-shadow:rgba(76, 166, 255, 0.80) 0 0 0 4px;
    box-shadow:var(--wt-color-primary-dark-theme-80, rgba(76, 166, 255, 0.80)) 0 0 0 4px;
  }

._wt-switcher_theme_dark_1ppb7m0_25 ._wt-switcher__option_1ppb7m0_34:active{
    background:rgba(76, 166, 255, 0.20);
    background:var(--wt-color-primary-dark-theme-20, rgba(76, 166, 255, 0.20));
    color:#ffffff;
  }

._wt-switcher_theme_dark_1ppb7m0_25 ._wt-switcher__option_selected_1ppb7m0_112{
    color:#ffffff;
  }

._wt-switcher_theme_dark_1ppb7m0_25 ._wt-switcher__option_selected_1ppb7m0_112:hover, ._wt-switcher_theme_dark_1ppb7m0_25 ._wt-switcher__option_selected_1ppb7m0_112:active{
      background:transparent;
      cursor:default;
      color:#ffffff;
    }

._wt-switcher_disabled_1ppb7m0_85._wt-switcher_theme_dark_1ppb7m0_25 ._wt-switcher__option_1ppb7m0_34{
    color:rgba(255, 255, 255, 0.30);
  }

._wt-switcher__mark_1ppb7m0_162{
  position:absolute;
  top:0;
  bottom:0;
  display:inline-block;
  box-sizing:border-box;
  border-radius:24px;

  transition:all 300ms;
}

._wt-switcher_theme_light_1ppb7m0_20 ._wt-switcher__mark_1ppb7m0_162{
    border:solid 2px rgb(22, 125, 255);
    border:solid 2px var(--wt-color-primary-light-theme,  rgb(22, 125, 255));
  }

._wt-switcher_theme_dark_1ppb7m0_25 ._wt-switcher__mark_1ppb7m0_162{
    border:solid 2px rgb(76, 166, 255);
    border:solid 2px var(--wt-color-primary-dark-theme,  rgb(76, 166, 255));
  }

._wt-switcher_size_xs_1ppb7m0_30 ._wt-switcher__mark_1ppb7m0_162{
    border-radius:4px;
  }

._wt-switcher_theme_light_1ppb7m0_20._wt-switcher_disabled_1ppb7m0_85 ._wt-switcher__mark_1ppb7m0_162{
    border:solid 2px rgba(39, 40, 44, 0.40);
  }

._wt-switcher_theme_dark_1ppb7m0_25._wt-switcher_disabled_1ppb7m0_85 ._wt-switcher__mark_1ppb7m0_162{
    border:solid 2px rgba(255, 255, 255, 0.30);
  }
.breadcrumb {
  display: flex;
  flex-flow: row wrap;

  color: rgba(39, 40, 44, 0.40);

  color: var(--wt-color-dark-40);
}

.breadcrumb__title {
  font-size: 12px;
}

.breadcrumb__link {
  border-bottom: none;

  color: rgba(39, 40, 44, 0.40);

  color: var(--wt-color-dark-40);
}

.breadcrumb__link:visited {
    color: rgba(39, 40, 44, 0.40);
    color: var(--wt-color-dark-40);
  }

.breadcrumb__link:hover {
    color: rgba(39, 40, 44, 0.70);
    color: var(--wt-color-dark-70);
  }

.breadcrumb__separator {
  padding: 0 4px;
}

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}:root {
  --wh-search-padding-left: 345px;
  --wh-search-padding-top: 120px;
}.full-search {
  position: fixed;
  z-index: 4;
  top: 0;
  left: 0;

  display: flex;
  flex-flow: column nowrap;

  box-sizing: border-box;
  width: 100%;
  height: 100%;

  color: #27282c;

  color: var(--wh-color-text);
  background-color: #ffffff;
  background-color: var(--wh-color-main-bg);
}.full-search__wrapper {
  z-index: 2;

  display: flex;
  flex-flow: column nowrap;

  max-width: 706px;

  max-width: var(--wh-max-width-l);
  padding: 120px 32px 0
    345px;
  padding: var(--wh-search-padding-top) var(--wh-spacer) 0
    var(--wh-search-padding-left);
}@media screen and (max-width: 1276px) {.full-search__wrapper {
    padding: 120px 32px 0
      172.5px;
    padding: var(--wh-search-padding-top) var(--wh-spacer) 0
      calc(var(--wh-search-padding-left)/2)
}
  }@media screen and (max-width: 1000px) {.full-search__wrapper {
    padding: 60px 32px 0
      32px;
    padding: calc(var(--wh-search-padding-top)/2) var(--wh-spacer) 0
      var(--wh-spacer)
}
  }.full-search__settings {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;

  margin-top: 16px;

  margin-top: var(--wh-flow-unit-sm);
  padding-bottom: 24px;
  padding-bottom: var(--wh-flow-unit);

  font-size: 12px;
}@media screen and (max-width: 1000px) {.full-search__settings {
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start
}
  }.full-search__switchers {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: flex-start;
}@media screen and (max-width: 640px) {.full-search__switchers {
    flex-flow: column nowrap;
    justify-content: flex-start
}
  }.full-search__switcher {
  margin-left: 32px;
  margin-left: var(--wh-spacer);
}@media screen and (max-width: 1000px) {.full-search__switcher {
    margin-top: 6px;
    margin-top: var(--wh-flow-unit-xs);
    margin-right: 6px;
    margin-right: var(--wh-flow-unit-xs);
    margin-left: 0
}
  }/* Override WT styles*/.full-search__switcher .wt-switcher__option:focus {
      background-color: rgba(39, 40, 44, 0.05);
      background-color: var(--wh-color-backlight);
    }.full-search__results {
  box-sizing: border-box;
  max-width: 706px;
  max-width: var(--wh-max-width-l);
  padding-right: 32px;
}.full-search__results em {
    background-color: rgba(22, 125, 255, 0.2);
  }.full-search__item {
  margin: 24px 0;
  margin: var(--wh-flow-unit) 0;
  padding-bottom: 24px;
  padding-bottom: var(--wh-flow-unit);
}.full-search__link {
  letter-spacing:normal;
  color:#27282c;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:20px;
  font-size:20px;
  font-size:var(--wt-h3-font-size, 20px);
  font-weight:bold;
  line-height:28px;
  line-height:28px;
  line-height:var(--wt-h3-line-height, 28px);
  text-decoration: none;

  color: #27282c;

  color: var(--wh-color-text);
}.full-search__breadcrumb-wrapper {
  margin-top: 6px;
  margin-top: var(--wh-flow-unit-xs);
}.full-search__snippet {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;
  margin-top: 6px;
  margin-top: var(--wh-flow-unit-xs);

  color: rgba(39, 40, 44, 0.70);

  color: var(--wh-color-secondary-text);
}.full-search__chapter {
  overflow: hidden;

  box-sizing: border-box;

  margin-top: 16px;

  margin-top: var(--wh-flow-unit-sm);
  padding-left: 16px;
  padding-left: var(--wh-flow-unit-sm);
}.full-search__chapter--extra {
    display: none;
  }.full-search__chapters {
  border-left: solid 1px rgba(39, 40, 44, 0.20);
  border-left: solid 1px var(--wh-color-border);
}.full-search__chapters--expanded .full-search__chapter--extra {
      display: block;
    }.full-search__chapter-link {
  letter-spacing:normal;
  color:#27282c;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-size:15px;
  font-size:var(--wt-h4-font-size, 15px);
  font-weight:bold;
  line-height:24px;
  line-height:24px;
  line-height:var(--wt-h4-line-height, 24px);

  color: #27282c;

  color: var(--wh-color-text);
}.full-search__button {
  margin-top: 24px;
  margin-top: var(--wh-flow-unit);
}.full-search__results-wrapper {
  overflow-y: auto;

  height: 100%;
  padding-left: 345px;
  padding-left: var(--wh-search-padding-left);
}@media screen and (max-width: 1276px) {.full-search__results-wrapper {
    padding-left: 172.5px;
    padding-left: calc(var(--wh-search-padding-left)/2)
}
  }@media screen and (max-width: 1000px) {.full-search__results-wrapper {
    padding-left: 32px;
    padding-left: var(--wh-spacer)
}
  }.full-search__no-results {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;

  max-width: 706px;

  max-width: var(--wh-max-width-l);
  margin-top: 48px;
}.full-search__placeholder {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:18px;
  font-weight:normal;
  line-height:28px;
  color: #27282c;
  color: var(--wh-color-text);
}.full-search__image {
  display: flex;
  justify-content: flex-end;

  margin-top: 12px;
}.full-search__close-wrapper {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;

  display: flex;
  justify-content: flex-end;
  align-items: center;

  box-sizing: border-box;

  width: 100%;
  max-width: 1476px;
  height: 100px;
  padding-right: 23px;

  pointer-events: none;
}@media screen and (max-width: 1000px) {.full-search__close-wrapper {
    height: 50px;
    padding-right: 0
}
  }.full-search__close {
  pointer-events: auto;
}
:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.copy-button {
  position: absolute;
  top: 7px;
  right: 7px;

  display: flex;

  opacity: 0;

  padding: 2px;

  border-radius: 8px;

  cursor: pointer;

  background-color: rgba(244, 244, 244, 0.7);

  background-color: var(--wh-color-substrate);

  transition: opacity 300ms;

  transition: opacity var(--wh-transition-fast);
}
.copy-button:hover .copy-button__icon {
      color: #27282c;
      color: var(--wh-color-text);
    }
.code-collapse .copy-button {
    z-index: 3;

    opacity: 0;
  }
.code-collapse--closed:hover .copy-button {
    opacity: 0;

    pointer-events: none;
  }
.code-collapse--fully-opened:hover .copy-button {
    opacity: 1;

    pointer-events: initial;
  }
.copy-button__icon {
  color: rgba(39, 40, 44, 0.70);
  color: var(--wh-color-secondary-text);

  transition: color 300ms,
  opacity 100ms;

  transition: color var(--wh-transition-fast),
  opacity var(--wh-transition-xfast);
}
.copy-button__tooltip {
  position: absolute;
  top: -24px;
  left: -20px;

  display: flex;
  opacity: 0;
  justify-content: center;
  align-items: center;

  padding: 6px;

  border-radius: 2px;

  color: #ffffff;

  color: var(--wt-color-white);
  background-color: #3C3D40;
  background-color: var(--wt-color-grey);

  font-size: 12px;
  line-height: 1;

  transition: opacity 300ms;

  transition: opacity var(--wh-transition-fast);
}
.copy-button__tooltip--copied {
    opacity: 1;
  }

.token.tab:not(:empty),
.token.cr,
.token.lf,
.token.space {
	position: relative;
}

.token.tab:not(:empty):before,
.token.cr:before,
.token.lf:before,
.token.space:before {
	color: #808080;
	opacity: 0.6;
	position: absolute;
}

.token.tab:not(:empty):before {
	content: '\21E5';
}

.token.cr:before {
	content: '\240D';
}

.token.crlf:before {
	content: '\240D\240A';
}
.token.lf:before {
	content: '\240A';
}

.token.space:before {
	content: '\00B7';
}

/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */

code[class*="language-"],
pre[class*="language-"] {
	color: black;
	background: none;
	text-shadow: 0 1px white;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
	text-shadow: none;
	background: #b3d4fc;
}

pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
code[class*="language-"]::selection, code[class*="language-"] ::selection {
	text-shadow: none;
	background: #b3d4fc;
}

@media print {
	code[class*="language-"],
	pre[class*="language-"] {
		text-shadow: none;
	}
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #f5f2f0;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: slategray;
}

.token.punctuation {
	color: #999;
}

.token.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
	color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
	color: #9a6e3a;
	/* This background color was intended by the author of this theme. */
	background: hsla(0, 0%, 100%, .5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
	color: #07a;
}

.token.function,
.token.class-name {
	color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
	color: #e90;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.code {
  box-sizing:border-box;
  padding:0 6px;
  color:#27282c;
  background-color:rgba(39, 40, 44, 0.05);
  font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  font-size:90%;
  line-height:inherit;
  border-radius:4px;
}
.wt-text-1 .code{
    padding:0 8px;
  }
.wt-text-2 .code{
    padding:0 6px;
  }
.code{

  display: inline-block;

  word-break: break-word;

  color: #27282c;

  color: var(--wh-color-text);
  background-color: rgba(39, 40, 44, 0.05);
  background-color: var(--wh-color-backlight);

  font-size: inherit;
}
table .code {
    word-break: normal;
  }
/* override PrismJS styles */
code[class*='language-'],
pre[class*='language-'] {
  text-shadow: inherit;

  background-color: transparent;

  font-size: inherit;

  line-height: 24px;
}
pre[class*='language-'] {
  overflow:auto;
  box-sizing:border-box;
  max-width:100%;
  width:100%;
  padding:12px 16px;
  word-wrap:normal;
  font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  font-size:15px;
  line-height:24px;
  color:#27282c;
  background-color:rgba(39, 40, 44, 0.05);
  border-radius:8px;
  display:block;
}
pre[class*='language-'] > code,
  pre[class*='language-'] > .wt-code{
    border:0;

    white-space:pre;
    word-break:normal;
  }
pre[class*='language-'] code,
  pre[class*='language-'] .wt-code{
    display:inline;
    overflow:visible;

    max-width:auto;
    margin:0;
    padding:0 !important;

    word-wrap:normal;

    background:transparent !important;
    color:inherit !important;

    font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    line-height:inherit;
  }
pre[class*='language-']{

  display: flex;

  margin: 0;

  border-radius: 0;

  color: #27282c;

  color: var(--wh-color-text);

  background-color: transparent;
}
pre[class*='language-'] code {
    font-family: 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    font-family: 'JetBrains Mono', var(--wt-font-family-mono);
  }
.token.operator {
  background: none;
}
.code-block--dark code[class*="language-"],
  .code-block--dark pre[class*="language-"],
  .code-collapse--dark code[class*="language-"],
  .code-collapse--dark pre[class*="language-"],
  .code-comparer--dark code[class*="language-"],
  .code-comparer--dark pre[class*="language-"] {
    color: #a9b7c6;
  }
.code-block--dark pre[class*="language-"]::-moz-selection, .code-block--dark pre[class*="language-"] ::-moz-selection, .code-block--dark code[class*="language-"]::-moz-selection, .code-block--dark code[class*="language-"] ::-moz-selection, .code-collapse--dark pre[class*="language-"]::-moz-selection, .code-collapse--dark pre[class*="language-"] ::-moz-selection, .code-collapse--dark code[class*="language-"]::-moz-selection, .code-collapse--dark code[class*="language-"] ::-moz-selection, .code-comparer--dark pre[class*="language-"]::-moz-selection, .code-comparer--dark pre[class*="language-"] ::-moz-selection, .code-comparer--dark code[class*="language-"]::-moz-selection, .code-comparer--dark code[class*="language-"] ::-moz-selection {
    color: inherit;
    background: rgba(33, 66, 131, .85);
  }
.code-block--dark pre[class*="language-"]::selection, .code-block--dark pre[class*="language-"] ::selection, .code-block--dark code[class*="language-"]::selection, .code-block--dark code[class*="language-"] ::selection, .code-collapse--dark pre[class*="language-"]::selection, .code-collapse--dark pre[class*="language-"] ::selection, .code-collapse--dark code[class*="language-"]::selection, .code-collapse--dark code[class*="language-"] ::selection, .code-comparer--dark pre[class*="language-"]::selection, .code-comparer--dark pre[class*="language-"] ::selection, .code-comparer--dark code[class*="language-"]::selection, .code-comparer--dark code[class*="language-"] ::selection {
    color: inherit;
    background: rgba(33, 66, 131, .85);
  }
.code-block--dark .token.comment,
  .code-block--dark .token.prolog,
  .code-block--dark .token.cdata,
  .code-collapse--dark .token.comment,
  .code-collapse--dark .token.prolog,
  .code-collapse--dark .token.cdata,
  .code-comparer--dark .token.comment,
  .code-comparer--dark .token.prolog,
  .code-comparer--dark .token.cdata {
    color: #808080;
  }
.code-block--dark .token.delimiter,
  .code-block--dark .token.boolean,
  .code-block--dark .token.keyword,
  .code-block--dark .token.selector,
  .code-block--dark .token.important,
  .code-block--dark .token.atrule,
  .code-collapse--dark .token.delimiter,
  .code-collapse--dark .token.boolean,
  .code-collapse--dark .token.keyword,
  .code-collapse--dark .token.selector,
  .code-collapse--dark .token.important,
  .code-collapse--dark .token.atrule,
  .code-comparer--dark .token.delimiter,
  .code-comparer--dark .token.boolean,
  .code-comparer--dark .token.keyword,
  .code-comparer--dark .token.selector,
  .code-comparer--dark .token.important,
  .code-comparer--dark .token.atrule {
    color: #cc7832;
  }
.code-block--dark .token.operator,
  .code-block--dark .token.punctuation,
  .code-block--dark .token.attr-name,
  .code-collapse--dark .token.operator,
  .code-collapse--dark .token.punctuation,
  .code-collapse--dark .token.attr-name,
  .code-comparer--dark .token.operator,
  .code-comparer--dark .token.punctuation,
  .code-comparer--dark .token.attr-name {
    color: #a9b7c6;
  }
.code-block--dark .token.tag,
  .code-block--dark .token.tag .punctuation,
  .code-block--dark .token.doctype,
  .code-block--dark .token.builtin,
  .code-collapse--dark .token.tag,
  .code-collapse--dark .token.tag .punctuation,
  .code-collapse--dark .token.doctype,
  .code-collapse--dark .token.builtin,
  .code-comparer--dark .token.tag,
  .code-comparer--dark .token.tag .punctuation,
  .code-comparer--dark .token.doctype,
  .code-comparer--dark .token.builtin {
    color: #e8bf6a;
  }
.code-block--dark .token.entity,
  .code-block--dark .token.number,
  .code-block--dark .token.symbol,
  .code-collapse--dark .token.entity,
  .code-collapse--dark .token.number,
  .code-collapse--dark .token.symbol,
  .code-comparer--dark .token.entity,
  .code-comparer--dark .token.number,
  .code-comparer--dark .token.symbol {
    color: #6897bb;
  }
.code-block--dark .token.property,
  .code-block--dark .token.constant,
  .code-block--dark .token.variable,
  .code-collapse--dark .token.property,
  .code-collapse--dark .token.constant,
  .code-collapse--dark .token.variable,
  .code-comparer--dark .token.property,
  .code-comparer--dark .token.constant,
  .code-comparer--dark .token.variable {
    color: #9876aa;
  }
.code-block--dark .token.string,
  .code-block--dark .token.char,
  .code-collapse--dark .token.string,
  .code-collapse--dark .token.char,
  .code-comparer--dark .token.string,
  .code-comparer--dark .token.char {
    color: #6a8759;
  }
.code-block--dark .token.attr-value,
  .code-block--dark .token.attr-value .punctuation,
  .code-collapse--dark .token.attr-value,
  .code-collapse--dark .token.attr-value .punctuation,
  .code-comparer--dark .token.attr-value,
  .code-comparer--dark .token.attr-value .punctuation {
    color: #a5c261;
  }
.code-block--dark .token.attr-value .punctuation:first-child, .code-collapse--dark .token.attr-value .punctuation:first-child, .code-comparer--dark .token.attr-value .punctuation:first-child {
    color: #a9b7c6;
  }
.code-block--dark .token.url, .code-collapse--dark .token.url, .code-comparer--dark .token.url {
    color: #287bde;
  }
.code-block--dark .token.function, .code-collapse--dark .token.function, .code-comparer--dark .token.function {
    color: #ffc66d;
  }
.code-block--dark .token.regex, .code-collapse--dark .token.regex, .code-comparer--dark .token.regex {
    background: #364135;
  }
.code-block--dark .token.inserted, .code-collapse--dark .token.inserted, .code-comparer--dark .token.inserted {
    background: #294436;
  }
.code-block--dark .token.deleted, .code-collapse--dark .token.deleted, .code-comparer--dark .token.deleted {
    background: #484a4a;
  }
.code-block--dark code.language-css .token.property,
  .code-block--dark code.language-css .token.property + .token.punctuation,
  .code-collapse--dark code.language-css .token.property,
  .code-collapse--dark code.language-css .token.property + .token.punctuation,
  .code-comparer--dark code.language-css .token.property,
  .code-comparer--dark code.language-css .token.property + .token.punctuation {
    color: #a9b7c6;
  }
.code-block--dark code.language-css .token.id, .code-collapse--dark code.language-css .token.id, .code-comparer--dark code.language-css .token.id {
    color: #ffc66d;
  }
.code-block--dark code.language-css .token.selector > .token.class,
  .code-block--dark code.language-css .token.selector > .token.attribute,
  .code-block--dark code.language-css .token.selector > .token.pseudo-class,
  .code-block--dark code.language-css .token.selector > .token.pseudo-element,
  .code-collapse--dark code.language-css .token.selector > .token.class,
  .code-collapse--dark code.language-css .token.selector > .token.attribute,
  .code-collapse--dark code.language-css .token.selector > .token.pseudo-class,
  .code-collapse--dark code.language-css .token.selector > .token.pseudo-element,
  .code-comparer--dark code.language-css .token.selector > .token.class,
  .code-comparer--dark code.language-css .token.selector > .token.attribute,
  .code-comparer--dark code.language-css .token.selector > .token.pseudo-class,
  .code-comparer--dark code.language-css .token.selector > .token.pseudo-element {
    color: #ffc66d;
  }
.code-block {
  position: relative;

  max-width: 706px;

  max-width: var(--wh-max-width-l);

  padding: 0 8px;

  border-radius: 8px;

  background-color: rgba(39, 40, 44, 0.05);

  background-color: var(--wh-color-backlight);
}
.code-block:hover .copy-button {
      opacity: 1;
    }
.code-block__prompt {
  display: inline-flex;
  flex-flow: column wrap;

  height: 100%;
  padding-right: 5px;

  pointer-events: none;
}
.code-block__typed-cursor {
  opacity: 1;

  color: rgb(22, 125, 255);

  color: var(--wt-color-primary-light-theme);

  -webkit-animation: typed-cursor-blinks 0.9s infinite;

          animation: typed-cursor-blinks 0.9s infinite;
}
@-webkit-keyframes typed-cursor-blinks {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.code {
  box-sizing:border-box;
  padding:0 6px;
  color:#27282c;
  background-color:rgba(39, 40, 44, 0.05);
  font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  font-size:90%;
  line-height:inherit;
  border-radius:4px;
}
.wt-text-1 .code{
    padding:0 8px;
  }
.wt-text-2 .code{
    padding:0 6px;
  }
.code{

  display: inline-block;

  word-break: break-word;

  color: #27282c;

  color: var(--wh-color-text);
  background-color: rgba(39, 40, 44, 0.05);
  background-color: var(--wh-color-backlight);

  font-size: inherit;
}
table .code {
    word-break: normal;
  }
/* override PrismJS styles */
code[class*='language-'],
pre[class*='language-'] {
  text-shadow: inherit;

  background-color: transparent;

  font-size: inherit;

  line-height: 24px;
}
pre[class*='language-'] {
  overflow:auto;
  box-sizing:border-box;
  max-width:100%;
  width:100%;
  padding:12px 16px;
  word-wrap:normal;
  font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  font-size:15px;
  line-height:24px;
  color:#27282c;
  background-color:rgba(39, 40, 44, 0.05);
  border-radius:8px;
  display:block;
}
pre[class*='language-'] > code,
  pre[class*='language-'] > .wt-code{
    border:0;

    white-space:pre;
    word-break:normal;
  }
pre[class*='language-'] code,
  pre[class*='language-'] .wt-code{
    display:inline;
    overflow:visible;

    max-width:auto;
    margin:0;
    padding:0 !important;

    word-wrap:normal;

    background:transparent !important;
    color:inherit !important;

    font-family:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    line-height:inherit;
  }
pre[class*='language-']{

  display: flex;

  margin: 0;

  border-radius: 0;

  color: #27282c;

  color: var(--wh-color-text);

  background-color: transparent;
}
pre[class*='language-'] code {
    font-family: 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    font-family: 'JetBrains Mono', var(--wt-font-family-mono);
  }
.token.operator {
  background: none;
}
.code-block--dark code[class*="language-"],
  .code-block--dark pre[class*="language-"],
  .code-collapse--dark code[class*="language-"],
  .code-collapse--dark pre[class*="language-"],
  .code-comparer--dark code[class*="language-"],
  .code-comparer--dark pre[class*="language-"] {
    color: #a9b7c6;
  }
.code-block--dark pre[class*="language-"]::-moz-selection, .code-block--dark pre[class*="language-"] ::-moz-selection, .code-block--dark code[class*="language-"]::-moz-selection, .code-block--dark code[class*="language-"] ::-moz-selection, .code-collapse--dark pre[class*="language-"]::-moz-selection, .code-collapse--dark pre[class*="language-"] ::-moz-selection, .code-collapse--dark code[class*="language-"]::-moz-selection, .code-collapse--dark code[class*="language-"] ::-moz-selection, .code-comparer--dark pre[class*="language-"]::-moz-selection, .code-comparer--dark pre[class*="language-"] ::-moz-selection, .code-comparer--dark code[class*="language-"]::-moz-selection, .code-comparer--dark code[class*="language-"] ::-moz-selection {
    color: inherit;
    background: rgba(33, 66, 131, .85);
  }
.code-block--dark pre[class*="language-"]::selection, .code-block--dark pre[class*="language-"] ::selection, .code-block--dark code[class*="language-"]::selection, .code-block--dark code[class*="language-"] ::selection, .code-collapse--dark pre[class*="language-"]::selection, .code-collapse--dark pre[class*="language-"] ::selection, .code-collapse--dark code[class*="language-"]::selection, .code-collapse--dark code[class*="language-"] ::selection, .code-comparer--dark pre[class*="language-"]::selection, .code-comparer--dark pre[class*="language-"] ::selection, .code-comparer--dark code[class*="language-"]::selection, .code-comparer--dark code[class*="language-"] ::selection {
    color: inherit;
    background: rgba(33, 66, 131, .85);
  }
.code-block--dark .token.comment,
  .code-block--dark .token.prolog,
  .code-block--dark .token.cdata,
  .code-collapse--dark .token.comment,
  .code-collapse--dark .token.prolog,
  .code-collapse--dark .token.cdata,
  .code-comparer--dark .token.comment,
  .code-comparer--dark .token.prolog,
  .code-comparer--dark .token.cdata {
    color: #808080;
  }
.code-block--dark .token.delimiter,
  .code-block--dark .token.boolean,
  .code-block--dark .token.keyword,
  .code-block--dark .token.selector,
  .code-block--dark .token.important,
  .code-block--dark .token.atrule,
  .code-collapse--dark .token.delimiter,
  .code-collapse--dark .token.boolean,
  .code-collapse--dark .token.keyword,
  .code-collapse--dark .token.selector,
  .code-collapse--dark .token.important,
  .code-collapse--dark .token.atrule,
  .code-comparer--dark .token.delimiter,
  .code-comparer--dark .token.boolean,
  .code-comparer--dark .token.keyword,
  .code-comparer--dark .token.selector,
  .code-comparer--dark .token.important,
  .code-comparer--dark .token.atrule {
    color: #cc7832;
  }
.code-block--dark .token.operator,
  .code-block--dark .token.punctuation,
  .code-block--dark .token.attr-name,
  .code-collapse--dark .token.operator,
  .code-collapse--dark .token.punctuation,
  .code-collapse--dark .token.attr-name,
  .code-comparer--dark .token.operator,
  .code-comparer--dark .token.punctuation,
  .code-comparer--dark .token.attr-name {
    color: #a9b7c6;
  }
.code-block--dark .token.tag,
  .code-block--dark .token.tag .punctuation,
  .code-block--dark .token.doctype,
  .code-block--dark .token.builtin,
  .code-collapse--dark .token.tag,
  .code-collapse--dark .token.tag .punctuation,
  .code-collapse--dark .token.doctype,
  .code-collapse--dark .token.builtin,
  .code-comparer--dark .token.tag,
  .code-comparer--dark .token.tag .punctuation,
  .code-comparer--dark .token.doctype,
  .code-comparer--dark .token.builtin {
    color: #e8bf6a;
  }
.code-block--dark .token.entity,
  .code-block--dark .token.number,
  .code-block--dark .token.symbol,
  .code-collapse--dark .token.entity,
  .code-collapse--dark .token.number,
  .code-collapse--dark .token.symbol,
  .code-comparer--dark .token.entity,
  .code-comparer--dark .token.number,
  .code-comparer--dark .token.symbol {
    color: #6897bb;
  }
.code-block--dark .token.property,
  .code-block--dark .token.constant,
  .code-block--dark .token.variable,
  .code-collapse--dark .token.property,
  .code-collapse--dark .token.constant,
  .code-collapse--dark .token.variable,
  .code-comparer--dark .token.property,
  .code-comparer--dark .token.constant,
  .code-comparer--dark .token.variable {
    color: #9876aa;
  }
.code-block--dark .token.string,
  .code-block--dark .token.char,
  .code-collapse--dark .token.string,
  .code-collapse--dark .token.char,
  .code-comparer--dark .token.string,
  .code-comparer--dark .token.char {
    color: #6a8759;
  }
.code-block--dark .token.attr-value,
  .code-block--dark .token.attr-value .punctuation,
  .code-collapse--dark .token.attr-value,
  .code-collapse--dark .token.attr-value .punctuation,
  .code-comparer--dark .token.attr-value,
  .code-comparer--dark .token.attr-value .punctuation {
    color: #a5c261;
  }
.code-block--dark .token.attr-value .punctuation:first-child, .code-collapse--dark .token.attr-value .punctuation:first-child, .code-comparer--dark .token.attr-value .punctuation:first-child {
    color: #a9b7c6;
  }
.code-block--dark .token.url, .code-collapse--dark .token.url, .code-comparer--dark .token.url {
    color: #287bde;
  }
.code-block--dark .token.function, .code-collapse--dark .token.function, .code-comparer--dark .token.function {
    color: #ffc66d;
  }
.code-block--dark .token.regex, .code-collapse--dark .token.regex, .code-comparer--dark .token.regex {
    background: #364135;
  }
.code-block--dark .token.inserted, .code-collapse--dark .token.inserted, .code-comparer--dark .token.inserted {
    background: #294436;
  }
.code-block--dark .token.deleted, .code-collapse--dark .token.deleted, .code-comparer--dark .token.deleted {
    background: #484a4a;
  }
.code-block--dark code.language-css .token.property,
  .code-block--dark code.language-css .token.property + .token.punctuation,
  .code-collapse--dark code.language-css .token.property,
  .code-collapse--dark code.language-css .token.property + .token.punctuation,
  .code-comparer--dark code.language-css .token.property,
  .code-comparer--dark code.language-css .token.property + .token.punctuation {
    color: #a9b7c6;
  }
.code-block--dark code.language-css .token.id, .code-collapse--dark code.language-css .token.id, .code-comparer--dark code.language-css .token.id {
    color: #ffc66d;
  }
.code-block--dark code.language-css .token.selector > .token.class,
  .code-block--dark code.language-css .token.selector > .token.attribute,
  .code-block--dark code.language-css .token.selector > .token.pseudo-class,
  .code-block--dark code.language-css .token.selector > .token.pseudo-element,
  .code-collapse--dark code.language-css .token.selector > .token.class,
  .code-collapse--dark code.language-css .token.selector > .token.attribute,
  .code-collapse--dark code.language-css .token.selector > .token.pseudo-class,
  .code-collapse--dark code.language-css .token.selector > .token.pseudo-element,
  .code-comparer--dark code.language-css .token.selector > .token.class,
  .code-comparer--dark code.language-css .token.selector > .token.attribute,
  .code-comparer--dark code.language-css .token.selector > .token.pseudo-class,
  .code-comparer--dark code.language-css .token.selector > .token.pseudo-element {
    color: #ffc66d;
  }
.code-comparer {
  display: flex;

  max-width: 706px;

  max-width: var(--wh-max-width-l);

  border-radius: 8px;

  background-color: rgba(39, 40, 44, 0.05);

  background-color: var(--wh-color-backlight);
}
.code-comparer:hover .copy-button {
      opacity: 1;
    }
.code-comparer--type-horizontally {
    flex-flow: column nowrap;
  }
.code-comparer--type-horizontally .code-comparer__copy-button-container:nth-child(1) {
      border-bottom: solid 1px #ffffff;
      border-bottom: solid 1px var(--wh-color-main-bg);
    }
.code-comparer--type-horizontally .code-comparer__copy-button-container:nth-child(2) {
      padding-top: 16px;
    }
.code-comparer--type-horizontally .code-comparer__pre {
      max-height: 393px;
    }
.code-comparer--type-vertically {
    flex-flow: row nowrap;
  }
.code-comparer--type-vertically .code-comparer__copy-button-container {
      max-width: 50%;
    }
.code-comparer--type-vertically .code-comparer__copy-button-container:nth-child(1) {
      padding-right: 22px;
    }
.code-comparer .code-comparer__pre {
    padding: 0 0 16px;
  }
.code-comparer__copy-button-container {
  position: relative;

  display: flex;
  flex-grow: 1;

  box-sizing: border-box;

  padding-top: 16px;
}
.code-comparer__copy-button-container--titled {
    padding-top: 0;
  }
.code-comparer__title {
  letter-spacing:normal;
  color:#27282c;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-size:15px;
  font-size:var(--wt-h4-font-size, 15px);
  font-weight:bold;
  line-height:24px;
  line-height:24px;
  line-height:var(--wt-h4-line-height, 24px);

  /* override Article replacer */
  margin: 0 !important;

  padding: 16px;

  padding: var(--wh-flow-unit-sm);

  font-size: 15px;

  /* override Article replacer */
  line-height: 1 !important;
}
.code-comparer__code-line {
  padding: 0 16px;

  transition: background-color 100ms;

  transition: background-color var(--wh-transition-xfast);
}
.code-comparer__code-line--hovered {
    background-color: rgba(39, 40, 44, 0.05);
    background-color: var(--wh-color-backlight);
  }
.code-comparer__code-line--selected {
    background-color: rgba(22, 125, 255, 0.20);
    background-color: var(--wt-color-primary-light-theme-20);
  }
.code-comparer__code {
  flex-grow: 1;
}
.code-comparer__pre {
  flex-grow: 1;

  cursor: pointer;
}
.code-comparer__code-block {
  display: flex;
  overflow: auto;
  flex-flow: column nowrap;
  flex-grow: 1;

  padding: 0 8px;
}
:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.code-collapse {
  position: relative;

  max-width: 706px;

  max-width: var(--wh-max-width-l);

  min-height: 48px;

  padding: 0 8px 0 12px;

  border-radius: 8px;

  background-color: rgba(39, 40, 44, 0.05);

  background-color: var(--wh-color-backlight);
}
.code-collapse__synopsis {
  position: absolute;
  top: 0;
  left: 28px;

  display: flex;
  opacity: 0;
  overflow: hidden;
  justify-content: flex-start;
  align-items: center;

  width: calc(100% - 28px);
  padding: 12px 0;

  transition: opacity 300ms;

  transition: opacity var(--wh-transition-fast);
}
.code-collapse--fully-closed .code-collapse__synopsis {
    opacity: 1;
  }
.code-collapse--opened .code-collapse__synopsis {
    opacity: 0;
  }
.code-collapse__synopsis-code {
  overflow: hidden !important; /* override PrismJS styles */
  flex: 0 1 auto;
}
.code-collapse__synopsis-ending {
  flex: 1 0 auto;

  padding-right: 6px;

  cursor: pointer;

  color: rgba(39, 40, 44, 0.40);

  color: var(--wh-color-hidden-text);

  transition: color 300ms;

  transition: color var(--wh-transition-fast);
}
.code-collapse__synopsis-ending:hover {
    color: #27282c;
    color: var(--wh-color-text);
  }
.code-collapse--opened .code-collapse__synopsis-ending {
    pointer-events: none;
  }
.code-collapse__container {
  position: relative;

  transition: height 300ms;

  transition: height var(--wh-transition-fast);
}
.code-collapse__content {
  opacity: 0;

  padding: 1px; /* needed to prevent links clipping in IE11 */

  transition: opacity 300ms;

  transition: opacity var(--wh-transition-fast);
}
.code-collapse--fully-opened .code-collapse__content {
    opacity: 1;
  }
.code-collapse--closed .code-collapse__content {
    opacity: 0;
  }
.code-collapse__button {
  position: absolute;
  z-index: 3;
  top: 0;
  left: -12px;

  display: flex;
  justify-content: flex-start;
  align-items: center;

  width: 40px;
  height: 48px;

  cursor: pointer;
}
.code-collapse__button::before {
    position: absolute;
    top: 15px;
    left: 3px;

    width: 18px;
    height: 18px;

    border-radius: 100%;

    content: '';

    background-color: #ffffff;

    background-color: var(--wh-color-main-bg);
  }
.code-collapse__icon {
  fill: rgba(39, 40, 44, 0.70);
  fill: var(--wh-color-secondary-text);

  transition: transform ease-in-out 300ms,
    fill linear 300ms;

  transition: transform ease-in-out var(--wh-transition-fast),
    fill linear var(--wh-transition-fast);
  transform: rotate(-45deg);
  transform-origin: 50%;
  will-change: transform;
}
.code-collapse__button:hover .code-collapse__icon {
    fill: #27282c;
    fill: var(--wh-color-text);
  }
.code-collapse--opened .code-collapse__icon {
    transform: rotate(0deg);
  }
.code-collapse__prompt {
  display: inline-flex;
  flex-flow: column wrap;

  height: 100%;
  padding-right: 5px;

  pointer-events: none;
}

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.micro-format {
  margin: 0 0 24px;
  margin: 0 0 var(--wh-flow-unit);
}
.micro-format__content {
  display: inline-flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;

  max-width: 706px;
  padding: 12px 16px;
  padding: calc(var(--wh-flow-unit)/2) 16px;

  border: solid 1px rgba(39, 40, 44, 0.20);

  border: solid 1px var(--wh-color-border);
  border-radius: 6px;
}
.micro-format__content .article__flow-element {
    margin-top: 8px;
    margin-top: calc(var(--wh-flow-unit)/3);
  }
.micro-format__content > :first-child {
    margin-top: 0;
  }


:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.sub-title {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;

  margin-top: 12px;

  margin-top: calc(var(--wh-flow-unit)/2);
  margin-bottom: 48px;
  margin-bottom: calc(var(--wh-flow-unit)*2);

  color: rgba(39, 40, 44, 0.70);

  color: var(--wh-color-secondary-text);
}
.sub-title__editing-icon {
  margin-right: 2px;

  vertical-align: top;

  color: #27282c;

  color: var(--wh-color-text);
}
.sub-title__editing-link::after {
    display: none;
  }
.sub-title__editing-link:link {
    color: #27282c;
    color: var(--wh-color-text);
  }
.sub-title__editing-link:visited {
    color: inherit;
  }
:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.permalink {
  opacity: 0;

  text-decoration: none;

  transition: opacity 150ms;
}
.permalink__icon {
  display: inline-block;

  vertical-align: middle;

  color: rgba(39, 40, 44, 0.70);

  color: var(--wh-color-secondary-text);
}
.permalink__icon--size-s {
    margin-left: 16px;
    margin-left: var(--wh-gap-sm);
  }
.permalink__icon--size-xs {
    margin-left: 8px;
    margin-left: var(--wh-gap-xs);
  }
.permalink__icon:hover {
    color: #27282c;
    color: var(--wh-color-text);
  }
h1:hover a.permalink,
h2:hover a.permalink,
h3:hover a.permalink {
  opacity: 1;
}



._wt-tab-list_1wly73k_1{
  position:relative;
}

._wt-tab-list__tabs-container_1wly73k_5{
  position:relative;
  display:flex;
  overflow-x:auto;
  padding:0;
  padding-left:4px;
  margin-left:-4px;
  overflow-x:scroll;
  -ms-overflow-style:none;
  scrollbar-width:none;
}

._wt-tab-list__tabs-container_1wly73k_5::-webkit-scrollbar{
    display:none;
  }

._wt-tab-list__left-arrow_1wly73k_23{
  position:absolute;
  left:-4px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  opacity:0;
  transition:opacity 0.15s ease-out;
  pointer-events:none;
}

._wt-tab-list_theme_light_1wly73k_36 ._wt-tab-list__left-arrow_1wly73k_23{
    background-color:#ffffff;
    box-shadow:10px 0 10px #ffffff;
  }

._wt-tab-list_theme_dark_1wly73k_42 ._wt-tab-list__left-arrow_1wly73k_23{
    background-color:#27282c;
    box-shadow:10px 0 10px #27282c;
  }

._wt-tab-list__left-arrow_show_1wly73k_48{
    opacity:1;
    cursor:pointer;
    transition:opacity 0.15s ease-in;
    pointer-events:auto;
  }

._wt-tab-list__right-arrow_1wly73k_56{
  position:absolute;
  right:-4px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  opacity:0;
  transition:opacity 0.15s ease-out;
  pointer-events:none;
}

._wt-tab-list_theme_light_1wly73k_36 ._wt-tab-list__right-arrow_1wly73k_56{
    background-color:#ffffff;
    box-shadow:-10px 0 10px #ffffff;
  }

._wt-tab-list_theme_dark_1wly73k_42 ._wt-tab-list__right-arrow_1wly73k_56{
    background-color:#27282c;
    box-shadow:-10px 0 10px #27282c;
  }

._wt-tab-list__right-arrow_show_1wly73k_81{
    opacity:1;
    cursor:pointer;
    transition:opacity 0.15s ease-in;
    pointer-events:auto;
  }

._wt-tab-list__separator_1wly73k_89{
  position:relative;
  width:100%;
}

._wt-tab-list__separator_1wly73k_89:after{
    position:absolute;
    content:'';
    height:1px;
    bottom:0;
    left:0;
    right:0;
  }

._wt-tab-list__separator_theme_light_1wly73k_103:after{
    background-color:rgba(39, 40, 44, 0.20);
  }

._wt-tab-list__separator_theme_dark_1wly73k_107:after{
    background-color:rgba(255, 255, 255, 0.20);
  }

._wt-tab-list__indicator_1wly73k_111{
  width:100%;
  bottom:0;
  height:2px;
  position:absolute;
  transition:left 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, width 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  will-change:left, width;
  background-color:rgb(22, 125, 255);
  background-color:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
  z-index:1;
}

._wt-tab-list_theme_dark_1wly73k_42 ._wt-tab-list__indicator_1wly73k_111{
    background-color:rgb(76, 166, 255);
    background-color:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
  }

:root{
  --wt-focus-shadow-width:4px;
}

._wt-tab-list__tab_1wly73k_5{
  display:flex;
  position:relative;
  overflow:hidden;
  flex-shrink:0;
  flex-grow:0;
  flex-basis:initial;

  max-width:240px;

  will-change:color;

  outline:none;

  list-style:none;

  cursor:pointer;
  white-space:nowrap;
  text-decoration:none;

  text-overflow:ellipsis;
}

._wt-tab-list__tab_full-text_1wly73k_162{
    max-width:100%;
  }

._wt-tab-list_size_m_1wly73k_166 ._wt-tab-list__tab_1wly73k_5{
    padding:12px 0px;
    border-width:0px;
    margin-left:32px;
  }

._wt-tab-list_size_m_1wly73k_166 ._wt-tab-list__tab_1wly73k_5:first-of-type{
      margin-left:0;
    }

._wt-tab-list_size_l_1wly73k_176 ._wt-tab-list__tab_1wly73k_5{
    padding:14px 0px;
    border-width:0px;
    margin-left:32px;
  }

._wt-tab-list_size_l_1wly73k_176 ._wt-tab-list__tab_1wly73k_5:first-of-type{
      margin-left:0;
    }

._wt-tab-list__tab_selected_1wly73k_186{
    z-index:1;

    cursor:default;
  }

._wt-tab-list__tab_1wly73k_5:hover,
  ._wt-tab-list__tab_1wly73k_5:active,
  ._wt-tab-list__tab_1wly73k_5:focus{
    outline:none;

    text-decoration:none;
  }

._wt-tab-list__tab_1wly73k_5:after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:0;
    background-color:transparent;
    will-change:background-color, height;
  }

._wt-tab-list__tab_1wly73k_5:after:focus[data-focus-method='key']{
      opacity:0;
    }

._wt-tab-list__tab-icon_1wly73k_215{
  flex:0 0;
  flex-basis:auto;
}

._wt-tab-list_size_m_1wly73k_166 ._wt-tab-list__tab-icon_1wly73k_215{
    margin-right:4px;
  }

._wt-tab-list_size_l_1wly73k_176 ._wt-tab-list__tab-icon_1wly73k_215{
    margin-right:8px;
  }

._wt-tab-list__content_1wly73k_231{
  flex-grow:1;
  font-size:inherit;
}

._wt-tab-list_1wly73k_1._wt-tab-list_theme_light_1wly73k_36 ._wt-tab-list__tab_1wly73k_5:hover:not(._wt-tab-list__tab_selected_1wly73k_186){
    color:#27282c;
  }

._wt-tab-list_1wly73k_1._wt-tab-list_theme_light_1wly73k_36 ._wt-tab-list__tab_1wly73k_5:hover:not(._wt-tab-list__tab_selected_1wly73k_186):after{
      height:1px;
      background-color:#27282c;
    }

._wt-tab-list_1wly73k_1._wt-tab-list_theme_light_1wly73k_36 ._wt-tab-list__tab_1wly73k_5:focus[data-focus-method='key']{
    box-shadow:inset rgba(22, 125, 255, 0.80) 0
        -4px 0 0,
      inset rgba(22, 125, 255, 0.80) 0
        4px 0 0,
      rgba(22, 125, 255, 0.80)
        -4px 0 0 0,
      rgba(22, 125, 255, 0.80) 4px 0 0 0;
    box-shadow:inset var(--wt-color-primary-light-theme-80,  rgba(22, 125, 255, 0.80)) 0
        calc(-1*var(--wt-focus-shadow-width,  4px)) 0 0,
      inset var(--wt-color-primary-light-theme-80,  rgba(22, 125, 255, 0.80)) 0
        var(--wt-focus-shadow-width, 
        4px) 0 0,
      var(--wt-color-primary-light-theme-80, 
      rgba(22, 125, 255, 0.80))
        calc(-1*var(--wt-focus-shadow-width,  4px)) 0 0 0,
      var(--wt-color-primary-light-theme-80, 
      rgba(22, 125, 255, 0.80)) var(--wt-focus-shadow-width,  4px) 0 0 0;
  }

._wt-tab-list_1wly73k_1._wt-tab-list_theme_light_1wly73k_36 ._wt-tab-list__tab_1wly73k_5:focus[data-focus-method='key']:after{
      opacity:0;
    }

._wt-tab-list_mode_short_1wly73k_288._wt-tab-list_theme_light_1wly73k_36 ._wt-tab-list__tab_1wly73k_5{
  box-shadow:inset 0 -1px 0 rgba(39, 40, 44, 0.20);
}

._wt-tab-list_mode_short_1wly73k_288._wt-tab-list_theme_light_1wly73k_36
  ._wt-tab-list__tab_1wly73k_5._wt-tab-list__tab_selected_1wly73k_186,
._wt-tab-list_mode_default_1wly73k_295._wt-tab-list_theme_light_1wly73k_36
  ._wt-tab-list__tab_1wly73k_5._wt-tab-list__tab_selected_1wly73k_186{
  color:rgb(22, 125, 255);
  color:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

._wt-tab-list_mode_short_1wly73k_288._wt-tab-list_theme_light_1wly73k_36
  ._wt-tab-list__tab_1wly73k_5._wt-tab-list__tab_selected_1wly73k_186:after, ._wt-tab-list_mode_default_1wly73k_295._wt-tab-list_theme_light_1wly73k_36
  ._wt-tab-list__tab_1wly73k_5._wt-tab-list__tab_selected_1wly73k_186:after{
    height:2px;
    background-color:rgb(22, 125, 255);
    background-color:var(--wt-color-primary-light-theme, rgb(22, 125, 255));
    transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
  }

._wt-tab-list_theme_light_1wly73k_36._wt-tab-list_size_m_1wly73k_166 ._wt-tab-list__tab_1wly73k_5{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;
}

._wt-tab-list_theme_light_1wly73k_36._wt-tab-list_size_l_1wly73k_176 ._wt-tab-list__tab_1wly73k_5{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:18px;
  font-weight:normal;
  line-height:28px;
}

._wt-tab-list_1wly73k_1._wt-tab-list_theme_dark_1wly73k_42 ._wt-tab-list__tab_1wly73k_5:hover:not(._wt-tab-list__tab_selected_1wly73k_186){
    color:#ffffff;
  }

._wt-tab-list_1wly73k_1._wt-tab-list_theme_dark_1wly73k_42 ._wt-tab-list__tab_1wly73k_5:hover:not(._wt-tab-list__tab_selected_1wly73k_186):after{
      height:1px;
      background-color:#ffffff;
    }

._wt-tab-list_1wly73k_1._wt-tab-list_theme_dark_1wly73k_42 ._wt-tab-list__tab_1wly73k_5:focus[data-focus-method='key']{
    box-shadow:inset rgba(76, 166, 255, 0.80) 0 -4px 0 0,
      inset rgba(76, 166, 255, 0.80) 0 4px 0 0,
      rgba(76, 166, 255, 0.80) -4px 0 0 0,
      rgba(76, 166, 255, 0.80) 4px 0 0 0;
    box-shadow:inset var(--wt-color-primary-dark-theme-80,  rgba(76, 166, 255, 0.80)) 0 -4px 0 0,
      inset var(--wt-color-primary-dark-theme-80,  rgba(76, 166, 255, 0.80)) 0 4px 0 0,
      var(--wt-color-primary-dark-theme-80, 
      rgba(76, 166, 255, 0.80)) -4px 0 0 0,
      var(--wt-color-primary-dark-theme-80, 
      rgba(76, 166, 255, 0.80)) 4px 0 0 0;
  }

._wt-tab-list_1wly73k_1._wt-tab-list_theme_dark_1wly73k_42 ._wt-tab-list__tab_1wly73k_5:focus[data-focus-method='key']:after{
      opacity:0;
    }

._wt-tab-list_mode_short_1wly73k_288._wt-tab-list_theme_dark_1wly73k_42 ._wt-tab-list__tab_1wly73k_5{
  box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.60);
}

._wt-tab-list_mode_short_1wly73k_288._wt-tab-list_theme_dark_1wly73k_42
  ._wt-tab-list__tab_1wly73k_5._wt-tab-list__tab_selected_1wly73k_186,
._wt-tab-list_mode_default_1wly73k_295._wt-tab-list_theme_dark_1wly73k_42
  ._wt-tab-list__tab_1wly73k_5._wt-tab-list__tab_selected_1wly73k_186{
  color:rgb(76, 166, 255);
  color:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
  transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

._wt-tab-list_mode_short_1wly73k_288._wt-tab-list_theme_dark_1wly73k_42
  ._wt-tab-list__tab_1wly73k_5._wt-tab-list__tab_selected_1wly73k_186:after, ._wt-tab-list_mode_default_1wly73k_295._wt-tab-list_theme_dark_1wly73k_42
  ._wt-tab-list__tab_1wly73k_5._wt-tab-list__tab_selected_1wly73k_186:after{
    height:2px;
    background-color:rgb(76, 166, 255);
    background-color:var(--wt-color-primary-dark-theme, rgb(76, 166, 255));
    transition:background-color 0ms ease 300ms, height 0ms ease 300ms;
  }

._wt-tab-list_theme_dark_1wly73k_42._wt-tab-list_size_m_1wly73k_166 ._wt-tab-list__tab_1wly73k_5{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;
  color:rgba(255, 255, 255, 0.60);
}

._wt-tab-list_theme_dark_1wly73k_42._wt-tab-list_size_l_1wly73k_176 ._wt-tab-list__tab_1wly73k_5{
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:18px;
  font-weight:normal;
  line-height:28px;
  color:rgba(255, 255, 255, 0.60);
}
.wt-icon{
  fill:currentcolor;
}

  .wt-icon_size_xs{
    width:16px;
    height:16px;
  }

  .wt-icon_size_s,
  .wt-icon_size_m{
    width:24px;
    height:24px;
  }

  .wt-icon_size_l{
    width:28px;
    height:28px;
  }

  .wt-icon_theme_light{
    fill:#27282c;
  }

  .wt-icon_theme_dark{
    fill:#ffffff;
  }

@-webkit-keyframes wt-icon-rotate{
  to{
    transform:rotate(360deg)
  }
}

@keyframes wt-icon-rotate{
  to{
    transform:rotate(360deg)
  }
}
:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
.gif-player {
  position: relative;

  display: inline-block;

  max-width: 706px;

  cursor: pointer;
}
.gif-player__image {
  display: inline-block;

  vertical-align: top;
}
.gif-player__trigger {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 50px;
  height: 50px;

  border-radius: 50%;

  color: #ffffff;

  color: var(--wt-color-white);
  background-color: #27282c;
  background-color: var(--wt-color-dark);

  line-height: 1;
  transition: background-color 100ms;
  transition: background-color var(--wh-transition-xfast);
}
.gif-player__trigger--light {
    color: #27282c;
    color: var(--wt-color-dark);
    background-color: #ffffff;
    background-color: var(--wt-color-white);
  }
.gif-player__trigger-wrapper {
  position: absolute;
  top: 0;
  left: 0;

  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
  height: 100%;
}
.gif-player__trigger-wrapper:hover .gif-player__trigger {
      background-color: rgba(39, 40, 44, 0.70);
      background-color: var(--wt-color-dark-70);
    }
.gif-player__trigger-wrapper--light:hover .gif-player__trigger {
        background-color: rgba(255, 255, 255, 0.60);
        background-color: var(--wt-color-white-60);
      }

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.collapse__header {
  display: flex;

  align-items: center;

  cursor: pointer;
}
.collapse__title {
  padding-left: 16px;
  padding-left: var(--wh-spacer-sm);
}
.procedure-steps .collapse__title {
    margin-left: -8px;
    padding: 24px 32px;
    padding: var(--wh-flow-unit) var(--wh-spacer);
  }
.collapse__title > :first-child {
    margin-top: 0 !important;
  }
.collapse__button {
  position: relative;

  flex-shrink: 0;

  width: 24px;
  height: 24px;

  transition: transform ease-in-out 300ms,
    fill linear 300ms;

  transition: transform ease-in-out var(--wh-transition-fast),
    fill linear var(--wh-transition-fast);
  transform: rotate(-45deg);
  transform-origin: 50%;
  will-change: transform;
}
.collapse__button--active {
    transform: rotate(0deg);
  }
.collapse__button::before {
    position: absolute;
    top: 3px;
    left: 3px;

    width: 17px;
    height: 17px;

    border-radius: 100%;

    content: '';

    background-color: #ffffff;

    background-color: var(--wh-color-main-bg);
  }
.procedure-steps .collapse__button {
    margin-left: -12px;
  }
.collapse__icon {
  fill: rgba(39, 40, 44, 0.70);
  fill: var(--wh-color-secondary-bg);

  position: relative;

  transition: transform ease-in-out 300ms,
    fill linear 300ms;

  transition: transform ease-in-out var(--wh-transition-fast),
    fill linear var(--wh-transition-fast);
}
.collapse__header:hover .collapse__icon {
    fill: #27282c;
    fill: var(--wh-color-text);
  }
.collapse__container {
  transition: height 500ms;
  transition: height var(--wh-transition-medium);
}
.collapse__content {
  position: relative;
  z-index: 1;

  padding-top: 1px;
  padding-bottom: 1px;
}
/* needed to prevent links clipping in IE11 */
.procedure-steps .collapse__content {
    top: -24px;
    top: calc(var(--wh-flow-unit)*-1);

    padding: 1px 32px;

    padding: 1px var(--wh-spacer);
  }

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}

.video-player {
  position: relative;

  overflow: hidden;

  width: 100%;
  max-width: 100%;
  height: 100%;

  background-color: #27282c;

  background-color: var(--wt-color-dark);
}

.video-player__player {
  max-width: 100%;
  margin: 0 auto;
}

.video-player__player-wrapper {
  position: relative;

  box-sizing: border-box;
  max-width: 100%;
}

.video-player__player-wrapper--fullscreen {
    height: 100%;
    padding-bottom: 0;
  }

.video-player__fullscreen-wrapper {
  position: relative;

  width: 100%;
  height: 100%;

  background-color: #27282c;

  background-color: var(--wt-color-dark);
}

.video-player__cover {
  position: absolute;

  top: 0;
  left: 0;

  display: flex;

  justify-content: center;
  align-items: center;

  width: 100%;
  height: 100%;

  pointer-events: none;

  background-position: center center;
  background-size: 100% 100%;
}

.video-player__cover--error {
    background-color: #27282c;
    background-color: var(--wt-color-dark);
    background-size: auto;
  }

.video-player__light-play-icon {
  position: absolute;

  width: 100%;
  height: 100%;
}

.video-player__cover-message {
  position: relative;

  color: #ffffff;

  color: var(--wt-color-white);

  font-size: 18px;
}

.video-player__close {
  position: absolute;
  top: 12px;
  right: 16px;
}

.video-player__play-button {
  display: block;

  box-sizing: border-box;
  width: 48px;
  height: 48px;
  padding: 12px;

  border-radius: 25px;

  background-color: #ffffff;

  background-color: var(--wt-color-white);
}

.video-player__play-button--light {
    background-color: #27282c;
    background-color: var(--wt-color-dark);
  }

:-webkit-full-screen-ancestor :not(:-webkit-full-screen):not(:-webkit-full-screen *) {
    transform: none;
  }

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}

.range-input__value {
  position: absolute;

  width: 0;
  height: 5px;

  border-radius: 1.5px;

  background-color: #ffffff;

  background-color: var(--wt-color-white);

  transition: transform 100ms;

  transition: transform var(--wh-transition-xfast);
  transform: scaleY(0.5);
}

.range-input__scrubber {
  position: absolute;

  top: -4px;
  right: -6.5px;

  width: 13px;
  height: 13px;

  border-radius: 6.5px;

  background-color: inherit;

  transition: transform 100ms;

  transition: transform var(--wh-transition-xfast);
  transform: scale(0);
}

.range-input {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;

  touch-action: none;

  border-radius: 1.5px;

  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.range-input:hover .range-input__scrubber {
      transform: none;
    }

.range-input:hover .range-input__value--scrubbed {
      transform: none;
    }

.range-input--disabled {
    pointer-events: none;
  }

.range-input__bar {
  width: 100%;
  height: 3px;

  border-radius: 1.5px;

  background-color: rgba(255, 255, 255, 0.20);

  background-color: var(--wt-color-white-20);
}

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}.player-controls {
  display: flex;
  justify-content: flex-start;
  align-items: center;

  box-sizing: border-box;
}.player-controls__wrapper {
  position: relative;

  width: 100%;

  color: #ffffff;

  color: var(--wt-color-white);
}.player-controls__wrapper--fullscreen {
    position: absolute;
    bottom: 0;
    left: 0;
  }.player-controls__wrapper--fullscreen .player-controls__drawer:not(.player-controls__drawer--active) {
      transition: transform ease-in-out 500ms;
      transition: transform ease-in-out var(--wh-transition-medium);
      transform: translateY(100%);
    }.player-controls__wrapper--fullscreen .player-controls__time {
      letter-spacing:normal;
      color:rgba(39, 40, 44, 0.70);
      font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
      font-size:18px;
      font-weight:normal;
      line-height:28px;
      color: #ffffff;
      color: var(--wt-color-white);
    }.player-controls__drawer {
  position: relative;

  box-sizing: border-box;
  width: 100%;
  min-height: 45px;

  padding: 0 6px 6px;

  background-color: rgba(39, 40, 44, 0.05);

  background-color: var(--wh-color-backlight);

  transform: translateY(0);
}.player-controls__drawer--active {
    transform: translateY(0);
  }.player-controls__progress-bar-container {
  position: relative;

}.player-controls__progress-bar {
  position: relative;

  height: 1px;
  margin: 1px 0;

  background-color: rgba(255, 255, 255, 0.20);

  background-color: var(--wt-color-white-20);
}.player-controls__progress {
  height: 15px;

  border-radius: 0;
}.player-controls__progress-value {
  border-radius: 0;

  background-color: #4ca6ff;

  background-color: var(--wh-color-blue);
}.player-controls__progress-value--animated {
    transition: width 1s linear;
  }.player-controls__volume-bar {
  opacity: 0;

  width: 50px;
  height: 8px;

  margin-left: 5px;

  transition: opacity 500ms ease;
}.player-controls__volume-wrapper {
  display: flex;
  align-items: center;

  margin-left: 8px;
}.player-controls__volume-wrapper:hover .player-controls__volume-bar {
      opacity: 1;
    }.player-controls__time {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:16px;
  display: flex;

  align-items: center;

  margin-right: 8px;

  vertical-align: middle;

  color: #ffffff;

  color: var(--wt-color-white);
}.player-controls__slash {
  display: inline-block;

  margin: 0 4px;
}.player-controls__right-aligned {
  display: flex;

  margin-left: auto;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}

:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}

kbd,
.kbd {
  position: relative;

  display: inline-block;

  margin: 0 1px 2px;
  padding: 4px;

  border: 1px solid rgba(39, 40, 44, 0.20);

  border: 1px solid var(--wh-color-border);
  border-radius: 4px;

  white-space: nowrap;

  letter-spacing: 0.2px;

  background: rgba(39, 40, 44, 0.05);

  background: var(--wh-color-backlight);

  font-family: inherit;
  line-height: 1em;

  transition: 0.6s background-color;
}

kbd.keystroke--fresh, .kbd.keystroke--fresh {
    background:  #fdf7cf;
  }

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}

.light-box {
  position: fixed;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: flex;
  justify-content: center;
  align-items: center;
}

.light-box__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background: #ffffff;

  background: var(--wt-color-white);

  -webkit-animation: light-fade-in ease-out 300ms forwards;

          animation: light-fade-in ease-out 300ms forwards;

  -webkit-animation: light-fade-in ease-out var(--wh-transition-fast) forwards;

          animation: light-fade-in ease-out var(--wh-transition-fast) forwards;
}

.light-box__content {
  position: relative;

  padding: 48px 32px 24px;
}

.light-box__content img {
    max-width: 80vw;
    max-height: 80vh;

    vertical-align: top;
  }

.light-box__link-wrapper {
  position: relative;

  display: inline-block;
}

.light-box__open-button-wrapper {
  position: absolute;

  top: 0;
  left: 0;

  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
  height: 100%;

  cursor: pointer;
}

.light-box__open-button {
  transform: rotate(45deg);
}

.light-box__close-button-wrapper {
  position: absolute;
  top: 0;
  right: 16px;
}

.light-box__loading-icon {
  position: relative;
}

.light-box__loading-icon .action-circle__content {
    position: relative;
    top: -8px;

    font-size: 22px;
    font-weight: normal;
  }

@-webkit-keyframes light-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.9;
  }
}

@keyframes light-fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.9;
  }
}

:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.action-circle {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 50px;
  height: 50px;

  cursor: pointer;

  will-change: opacity;
}
.action-circle:active {
    background: transparent; /* hack to set active state to children of action-circle <span> */
  }
.action-circle__background-figure {
  transition: fill var(--wh-transition-xfast);
  fill: rgba(39, 40, 44, 0.40);
  fill: var(--wt-color-dark-40);
}
.action-circle:active .action-circle__background-figure {
    fill: rgba(39, 40, 44, 0.70);
    fill: var(--wt-color-dark-70);
  }
.action-circle__wrapper {
  position: absolute;
  top: 0;
  left: 0;

  width: 50px;
  height: 50px;
}
.action-circle__wrapper--loading {
    -webkit-animation: linear rotatingCircle 2s infinite;
            animation: linear rotatingCircle 2s infinite;
  }
.action-circle__front-figure {
  stroke: #ffffff;
  stroke: var(--wt-color-white);
}
.action-circle__content {
  position: relative;

  text-align: center;

  color: #ffffff;

  color: var(--wt-color-white);

  font-size: 14px;
  font-weight: bold;
}
@-webkit-keyframes rotatingCircle {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
@keyframes rotatingCircle {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}.prompt {
  max-width: 706px;
}.prompt__wrapper {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;

  display: inline-flex;

  box-sizing: border-box;
  max-width: 100%;
  padding: 12px 16px 0;
  padding: calc(var(--wh-flow-unit)/2) calc(var(--wh-spacer)/2) 0;

  border-radius: 6px;

  color: rgba(39, 40, 44, 0.70);

  color: var(--wh-color-secondary-text);
}.prompt__wrapper--type-tip {
    background: rgba(39, 40, 44, 0.05);
    background: var(--wh-color-backlight);
  }.prompt__wrapper--type-note {
    background: var(--wh-color-sucсess-bg);
  }.prompt__wrapper--type-warning {
    background: rgba(239, 52, 30, 0.2);
    background: var(--wh-color-warning);
  }.prompt__wrapper--type-todo {
    background: #ea7d22;
    background: var(--wh-color-todo);
  }.prompt__wrapper .link:hover {
      border-bottom-color: rgba(39, 40, 44, 0.70);
      border-bottom-color: var(--wh-color-secondary-text);
    }.prompt__icon {
  flex-shrink: 0;

  margin-right: 16px;
}.prompt__wrapper--type-note > .prompt__icon {
    color: #4dbb5f;
    color: var(--wh-color-success);
  }.prompt__wrapper--type-warning > .prompt__icon {
    color: #EF341E;
    color: var(--wt-color-error);
  }/* this helps to keep content inside prompt-block */.prompt__content {
  overflow: hidden;

  padding-bottom: 12px;
}.prompt__title {
  letter-spacing:normal;
  color:#27282c;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-size:15px;
  font-size:var(--wt-h4-font-size, 15px);
  font-weight:bold;
  line-height:24px;
  line-height:24px;
  line-height:var(--wt-h4-line-height, 24px);

  color: inherit;
}.prompt__content > :first-child {
  margin-top: 0 !important;
}
:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.article {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:15px;
  font-weight:normal;
  line-height:24px;

  position: relative;

  padding-bottom: 24px;

  padding-bottom: var(--wh-flow-unit);

  color: #27282c;

  color: var(--wh-color-text);
}
.article:not(:-webkit-full-screen-ancestor) {
    will-change: contents, opacity;
  }
.article--has-error {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    height: 100%;
  }
@media screen and (max-width: 640px) {
.article--has-error {
      flex-direction: column;
      align-items: self-start
  }
    }
.article--loading {
    opacity: 0.7;
  }
.article__header {
  white-space: nowrap;
}
.article__title {
  white-space: normal;

  font-family: 'Gotham SSm A', 'Gotham SSm B', 'Inter', system-ui, 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', Arial, sans-serif;
}
.article__flow-element {
  margin-top: 24px;
  margin-top: var(--wh-flow-unit);
}
.article__flow-element--with-nesting .article__flow-element {
    margin-top: 12px;
    margin-top: calc(var(--wh-flow-unit)/2);
  }
.article__flow-element--extra-spaced,
  .article__flow-element--extra-spaced.article__flow-element--with-nesting .article__flow-element
  {
    margin-top: 48px;
    margin-top: calc(var(--wh-flow-unit)*2);
  }
.article-fallback__description {
  max-width: 320px;
  max-width: var(--wh-max-width-xs);
  margin-bottom: 24px;
  margin-bottom: var(--wh-flow-unit);
}
.article-fallback__description p {
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:18px;
    font-weight:normal;
    line-height:28px;
  }
.article-fallback__message {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:18px;
  font-weight:normal;
  line-height:28px;
  max-width: 320px;
  max-width: var(--wh-max-width-xs);

  margin-left: 32px;
}
@media screen and (max-width: 640px) {
.article-fallback__message {
    margin-left: 0
}
  }
.article-fallback__title {
  letter-spacing:-0.5px;
  color:#27282c;
  font-family:'Gotham SSm A', 'Gotham SSm B', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:31px;
  font-size:31px;
  font-size:var(--wt-h2-font-size, 31px);
  font-weight:700;
  line-height:40px;
  line-height:40px;
  line-height:var(--wt-h2-line-height, 40px);
}
@media screen and (max-width: 640px){
.article-fallback__title {
    --wt-h2-font-size:24px;
    --wt-h2-line-height:32px;
}
  }
.wt-reset-gotham-font-style .article-fallback__title{
    letter-spacing:normal;
  }
.article-fallback__title{
  margin-bottom: 24px;
  margin-bottom: var(--wh-flow-unit);
}
.article-fallback__image {
  width: 360px;
  height: 325px;
}
@media screen and (max-width: 640px) {
.article-fallback__image {
    width: 300px;
    height: 300px
}
  }
.article__bordered-element {
  border: 1px solid rgba(39, 40, 44, 0.20);
  border: 1px solid var(--wt-color-dark-20);
}
:root{
  --wt-font-family-gotham:'Gotham SSm A', 'Gotham SSm B', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  --wt-font-family-system:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  --wt-font-family-mono:SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  --wt-font-weight-black:900;
  --wt-font-weight-bold:700;
  --wt-font-weight-light:300;
}

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.article h1 {
    letter-spacing:-0.5px;
    color:#27282c;
    font-family:'Gotham SSm A', 'Gotham SSm B', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:40px;
    font-size:40px;
    font-size:var(--wt-h1-font-size, 40px);
    font-weight:900;
    line-height:48px;
    line-height:48px;
    line-height:var(--wt-h1-line-height, 48px);
    margin-top:48px;
    margin-top:48px;
    margin-top:calc(var(--wt-flow-unit,  24px)*2);

    max-width: 820px;

    max-width: var(--wh-max-width-xl);

    color: #27282c;

    color: var(--wh-color-text);
  }
@media screen and (max-width: 640px){
.article h1 {
    --wt-h1-font-size:36px;
    --wt-h1-line-height:44px;
  }
  }
.wt-reset-gotham-font-style .article h1{
    letter-spacing:normal;
  }
@media print {
.article h1 {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  }
.article h2 {
    letter-spacing:-0.5px;
    color:#27282c;
    font-family:'Gotham SSm A', 'Gotham SSm B', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:31px;
    font-size:31px;
    font-size:var(--wt-h2-font-size, 31px);
    font-weight:700;
    line-height:40px;
    line-height:40px;
    line-height:var(--wt-h2-line-height, 40px);
    margin-top:48px;
    margin-top:48px;
    margin-top:calc(var(--wt-flow-unit,  24px)*2);

    max-width: 706px;

    max-width: var(--wh-max-width-l);

    color: #27282c;

    color: var(--wh-color-text);
  }
@media screen and (max-width: 640px){
.article h2 {
    --wt-h2-font-size:24px;
    --wt-h2-line-height:32px;
  }
  }
.wt-reset-gotham-font-style .article h2{
    letter-spacing:normal;
  }
@media print {
.article h2 {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  }
.article h3 {
    letter-spacing:normal;
    color:#27282c;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:20px;
    font-size:20px;
    font-size:var(--wt-h3-font-size, 20px);
    font-weight:bold;
    line-height:28px;
    line-height:28px;
    line-height:var(--wt-h3-line-height, 28px);
    margin-top:48px;
    margin-top:48px;
    margin-top:calc(var(--wt-flow-unit,  24px)*2);

    max-width: 540px;

    max-width: var(--wh-max-width-m);

    color: #27282c;

    color: var(--wh-color-text);
  }
@media print {
.article h3 {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  }
.article h4 {
    letter-spacing:normal;
    color:#27282c;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:15px;
    font-size:15px;
    font-size:var(--wt-h4-font-size, 15px);
    font-weight:bold;
    line-height:24px;
    line-height:24px;
    line-height:var(--wt-h4-line-height, 24px);
    margin-top:24px;
    margin-top:24px;
    margin-top:var(--wt-flow-unit, 24px);
    max-width: 460px;
    max-width: var(--wh-max-width-s);

    color: #27282c;

    color: var(--wh-color-text);
  }
@media print {
.article h4 {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  }
.article h5 {
    letter-spacing:normal;
    color:#27282c;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:12px;
    font-size:12px;
    font-size:var(--wt-h5-font-size, 12px);
    font-weight:bold;
    line-height:16px;
    line-height:16px;
    line-height:var(--wt-h5-line-height, 16px);
    margin-top:12px;

    max-width: 460px;

    max-width: var(--wh-max-width-s);

    color: #27282c;

    color: var(--wh-color-text);
  }
@media print {
.article h5 {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  }
.article h6 {
    letter-spacing:normal;
    color:#27282c;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:12px;
    font-size:12px;
    font-size:var(--wt-h5-font-size, 12px);
    font-weight:bold;
    line-height:16px;
    line-height:16px;
    line-height:var(--wt-h5-line-height, 16px);
    margin-top:12px;

    max-width: 460px;

    max-width: var(--wh-max-width-s);

    color: #27282c;

    color: var(--wh-color-text);

    font-weight: normal;
    font-style: italic;
  }
@media print {
.article h6 {
    page-break-inside: avoid;
    page-break-after: avoid;
  }
  }
.article p {
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:15px;
    font-weight:normal;
    line-height:24px;
    max-width: 706px;
    max-width: var(--wh-max-width-l);

    color: inherit;

    font-weight: inherit;
  }
.article i,
  .article em {
    font-style: italic;
  }
.article b,
  .article strong {
    color: #27282c;
    color: var(--wh-color-text-bold);

    font-size: inherit;
    font-weight: bold;
  }
.article mark {
    padding: 0 6px 2px;

    border-radius: 3px;

    color: #404853;
    background: #ffd597;
  }
@media print {
.article img {
      page-break-before: avoid
  }
    }
.article figure {
    display: block;
  }
.article figure img {
      max-width: 100%;
      height: auto;

      vertical-align: top;
    }
.article--dark figure img {
    opacity: 0.8;
  }
.article dt {
    letter-spacing:normal;
    color:#27282c;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:15px;
    font-size:15px;
    font-size:var(--wt-h4-font-size, 15px);
    font-weight:bold;
    line-height:24px;
    line-height:24px;
    line-height:var(--wt-h4-line-height, 24px);

    color: #27282c;

    color: var(--wh-color-text);
  }
@media print {
.article dt {
    page-break-inside: avoid;
    page-break-after: avoid
  }
  }
.article dt:first-child {
      margin-top: 0;
    }
.article dd {
    margin-top: 12px;
    margin-top: calc(var(--wh-flow-unit)/2);
  }
.text-line-through,
.text-line-through * {
  text-decoration: line-through;
}
.menupath,
.filename,
.control,
.keyword,
.annotation,
.string,
.field,
.value,
.property {
  color: #27282c;
  color: var(--wh-color-text-bold);

  font-weight: bold;
}
.emphasis {
  font-style: italic;
}
.tooltip {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
.superscript {
  position: relative;
  top: -0.6em;

  font-size: 70%;
  font-weight: 500;
}
@supports (font-variant-position: super) {
  .superscript {
    position: static;
    top: unset;

    font-size: inherit;
    font-weight: inherit;
    font-variant-position: super;
  }
}
.subscript {
  position: relative;
  top: 0.2em;

  font-size: 70%;
  font-weight: 500;
}
@supports (font-variant-position: sub) {
  .subscript {
    position: static;
    top: unset;

    font-size: inherit;
    font-weight: inherit;
    font-variant-position: sub;
  }
}
.filepath {
  color: #27282c;
  color: var(--wh-color-text-bold);

  font-family: 'JetBrains Mono', SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;

  font-family: 'JetBrains Mono', var(--wt-font-family-mono);
  font-weight: bold;
}
.last-modified {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:16px;
  clear: both;

  margin-top: 48px;

  margin-top: calc(var(--wh-flow-unit)*2);

  color: rgba(39, 40, 44, 0.70);

  color: var(--wh-color-secondary-text);
}
[class*='inline-icon-'] {
  vertical-align: middle;
}
:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}.procedure-steps {
  box-sizing: border-box;
  max-width: 706px;
  max-width: var(--wh-max-width-l);
  padding: 24px 32px;
  padding: var(--wh-flow-unit) var(--wh-spacer);

  border: 1px solid rgba(39, 40, 44, 0.20);

  border: 1px solid var(--wh-color-border);
}.procedure-steps > h2 {
    letter-spacing:normal;
    color:#27282c;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:20px;
    font-size:20px;
    font-size:var(--wt-h3-font-size, 20px);
    font-weight:bold;
    line-height:28px;
    line-height:28px;
    line-height:var(--wt-h3-line-height, 28px);
  }.procedure-steps > :first-child {
    margin-top: 0 !important;
  }@media screen and (max-width: 640px) {.procedure-steps {
    padding: 16px 16px;
    padding: var(--wh-flow-unit-sm) var(--wh-spacer-sm)
}
  }.procedure-steps--collapsible {
  padding: 0;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}.article .table-wrapper {
    overflow-x: auto;
  }@media print {.article .table-wrapper {
      page-break-inside: avoid
  }
    }.article table {
    letter-spacing:normal;
    color:rgba(39, 40, 44, 0.70);
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:15px;
    font-weight:normal;
    line-height:24px;

    clear: left;

    width: auto;

    border-collapse: unset;

    text-align: left;

    color: #27282c;

    color: var(--wh-color-text);
  }.article table._layout-fixed {
      table-layout: fixed;
    }.article table.wide {
      width: 100%;
    }@media print {.article table {
      page-break-before: avoid;
      page-break-inside: auto
  }
    }.article thead {
    color: #27282c;
    color: var(--wh-color-text);

    font-weight: bold;
  }@media print {.article thead {
      display: table-header-group;
      page-break-after: avoid
  }
    }.article th {
    padding-right: 32px;
    vertical-align: top;

    padding-top: 12px;
    padding-bottom: 12px;
  }.article th > :first-child {
    margin-top: 0 !important;
  }.article th:last-child {
    padding-right: 0;
  }@media print {.article th {
    page-break-inside: avoid;
  }
  }.article td {
    padding-right: 32px;
    vertical-align: top;

    padding-top: 11px;
    padding-bottom: 12px;

    border-top: 1px solid rgba(39, 40, 44, 0.20);

    border-top: 1px solid var(--wh-color-border);
  }.article td > :first-child {
    margin-top: 0 !important;
  }.article td:last-child {
    padding-right: 0;
  }@media print {.article td {
    page-break-inside: avoid
  }
  }table.no_header tr:first-child > .article td {
      border-top-color: transparent;
    }
:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}

.list {
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  list-style-type:none;
  padding-left:0;
}

.list > li{
    position:relative;

    margin-top:24px;

    margin-top:24px;

    margin-top:var(--wt-flow-unit, 24px);
    padding-left:22px;

    list-style-type:none;
  }

.list > li::before{
      position:absolute;

      top:0;

      display:block;

      line-height:inherit;

      color:inherit;

      left:0;
      text-align:left;
    }

.list.wt-text-3 > li,
  .wt-text-3 .list > li{
    margin-top:8px;
  }

.list.wt-text-1 > li,
  .wt-text-1 .list > li{
    padding-left:26px;
  }

.list.wt-text-3 > li,
  .wt-text-3 .list > li{
    padding-left:18px;
  }

.list > li::before{
    content:'•';
  }

.list {

  max-width: 716px;

  max-width: var(--wh-article-list-width);
}

.list._decimal {
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    list-style-type:none;
    padding-left:0;
  }

.list._decimal > li{
    position:relative;

    margin-top:24px;

    margin-top:24px;

    margin-top:var(--wt-flow-unit, 24px);
    padding-left:22px;

    list-style-type:none;
  }

.list._decimal > li::before{
      position:absolute;

      top:0;

      display:block;

      line-height:inherit;

      color:inherit;

      left:0;
      text-align:left;
    }

.list._decimal.wt-text-3 > li,
  .wt-text-3 .list._decimal > li{
    margin-top:8px;
  }

.list._decimal {
    counter-reset:ol-counter;
}

.list._decimal.wt-text-1 > li,
  .wt-text-1 .list._decimal > li{
    padding-left:32px;
  }

.list._decimal.wt-text-2 > li,
  .wt-text-2 .list._decimal > li{
    padding-left:26px;
  }

.list._decimal.wt-text-3 > li,
  .wt-text-3 .list._decimal > li{
    margin-top:8px;
    padding-left:21px;
  }

.list._decimal > li::before{
    content:counter(ol-counter)'.';
    counter-increment:ol-counter;
  }

.list._alpha-lower {
    counter-reset: counter-alpha-lower;
  }

.list._alpha-lower > .list__item::before {
      margin-right: 7px;

      content: counter(counter-alpha-lower, lower-alpha) '.';
      counter-increment: counter-alpha-lower;

      line-height: inherit;
    }

.list._alpha-upper {
    counter-reset: counter-alpha-upper;
  }

.list._alpha-upper > .list__item::before {
      margin-right: 7px;

      content: counter(counter-alpha-upper, upper-alpha) '.';
      counter-increment: counter-alpha-upper;

      line-height: inherit;
    }

.list._no-style,
  .list._none {
    margin-left: 0;
    padding-left: 0;
  }

.list._no-style > .list__item::before, .list._none > .list__item::before {
      display: none;
    }

.list._anchors .list__item {
      margin-bottom: 0;
    }

.list._horizontal {
    display: flex;
    flex-flow: wrap;

    margin-top: 0;
    padding: 0;
  }

.list._horizontal > .list__item {
      flex-shrink: 0;
      flex-grow: 0;

      padding-left: 0;
    }

.list._horizontal > .list__item::before {
        display: none;
      }

.list[data-columns] .list__item {
      margin-top: 24px;
      margin-top: var(--wh-flow-unit);
    }

.list[data-columns] .list[data-columns] .list__item {
        margin-top: 12px;
        margin-top: calc(var(--wh-flow-unit)/2);
      }

.list[data-columns='1'] .list__item {
      flex-basis: 100%;
    }

.list[data-columns='2'] .list__item {
      flex-basis: 50%;
    }

.list[data-columns='3'] .list__item {
      flex-basis: 33%;
    }

.list[data-columns='4'] .list__item {
      flex-basis: 25%;
    }

@media print {

.list {
    page-break-inside: auto
}
  }

/* override @webteam/list styles */

.list > li {
  margin-top: 24px;
  margin-top: var(--wh-flow-unit);
}

.list > li .list > li {
    margin-top: 12px;
    margin-top: calc(var(--wh-flow-unit)/2);
  }

.list__item > :first-child {
    margin-top: 0;
  }

.procedure-steps > .list:first-child > .list__item:first-child,
  .prompt > .list:first-child > .list__item:first-child,
  .prompt__icon + .prompt__content > .list .list__item:first-child,
  .procedure-steps > a:empty + .list > .list__item:first-child {
    margin-top: 0;
  }

@media print {

.list__item {
    page-break-inside: auto
}
  }

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.commercial-label {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:16px;

  display: inline-block;

  margin-left: 16px;

  margin-left: var(--wh-gap-sm);
  padding: 4px 10px;

  border-radius: 4px;

  vertical-align: middle;

  text-decoration: none;

  color: rgba(39, 40, 44, 0.70);

  color: var(--wh-color-secondary-text);

  background-color: var(--wh-color-sucсess-label);

  transition: background-color 150ms;
}
a.commercial-label:hover {
  color: #27282c;
  color: var(--wh-color-text);

  background-color: var(--wh-color-sucсess-label-hover);
}
.commercial-label__xs {
  margin-left: 8px;
  margin-left: var(--wh-gap-xs);
  padding: 2px 10px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}

:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}

.starting-page-card {
  height: 100%;

  min-height: 140px;

  min-height: calc(var(--wt-h3-line-height, 28px)*2 + 12px + var(--wt-text-3-line-height, 24px)*3);

  border-color: rgba(39, 40, 44, 0.20);

  border-color: var(--wh-color-hidden-bg);
}

.starting-page-card--imaged {
    min-height: 116px;
    min-height: calc(var(--wt-h3-line-height, 28px)*2 + 12px + var(--wt-text-3-line-height, 24px)*2);
  }

.starting-page-card:hover {
    border-color: rgba(39, 40, 44, 0.70);
    border-color: var(--wh-color-secondary-bg);
  }

.starting-page-card__title {
  display: -webkit-box;
  overflow: hidden;

  max-height: 56px;

  max-height: calc(var(--wt-h3-line-height, 28px)*2);

  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.starting-page-card__description {
  display: -webkit-box;
  overflow: hidden;

  max-height: 120px;

  max-height: calc(var(--wt-text-3-line-height, 24px)*5);

  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.starting-page-card__description--imaged {
    max-height: 120px;
    max-height: calc(var(--wt-text-3-line-height, 24px)*5);
    -webkit-line-clamp: 5;
  }

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}

.starting-page-title__title {
    letter-spacing:-0.5px;
    color:#27282c;
    font-family:'Gotham SSm A', 'Gotham SSm B', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size:40px;
    font-size:40px;
    font-size:var(--wt-h1-font-size, 40px);
    font-weight:900;
    line-height:48px;
    line-height:48px;
    line-height:var(--wt-h1-line-height, 48px);
  }

@media screen and (max-width: 640px){

.starting-page-title__title {
    --wt-h1-font-size:36px;
    --wt-h1-line-height:44px
  }
  }

.wt-reset-gotham-font-style .starting-page-title__title{
    letter-spacing:normal;
  }

.starting-page-title__title {
    margin-top:48px;
    margin-top:48px;
    margin-top:calc(var(--wt-flow-unit,  24px)*2);
}

@media print {

.starting-page-title__title {
      page-break-inside: avoid;
      page-break-after: avoid
  }
    }

@media screen and (max-width: 1000px) {

.starting-page-title__card {
      height: calc(100% - 32px);
      height: calc(100% - var(--wh-flow-unit-m));

      margin-bottom: 32px;

      margin-bottom: var(--wh-flow-unit-m)
  }
    }
:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.section-starting-page-content--loading {
    opacity: 0.7;
  }
.section-starting-page-content__section {
  padding: 48px 0 16px;
  padding: calc(var(--wh-flow-unit)*2) 0 var(--wh-flow-unit-sm);

  background-color: transparent;
}
.section-starting-page-content__card {
  height: calc(100% - 32px);
  height: calc(100% - var(--wh-flow-unit-m));

  margin-bottom: 32px;

  margin-bottom: var(--wh-flow-unit-m);
}
.section-starting-page-content__section--highlighted {
  background-color: #F4F4F4;
  background-color: var(--wh-color-footer-bg);
}
.section-starting-page-content__section--highlighted .section-starting-page-content__card,
  .section-starting-page-content__section--highlighted .section-starting-page-content__card:hover {
    background-color: #ffffff;
    background-color: var(--wh-color-main-bg);
  }
.section-starting-page-content__section--title {
  padding-top: 0;
  padding-bottom: 0;
}
.section-starting-page-content__links-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  margin: 24px 0;

  margin: var(--wh-flow-unit) 0;
}
.section-starting-page-content__link {
  margin-bottom: 12px;
  margin-bottom: calc(var(--wh-flow-unit-xs)*2);
}

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.product-starting-page__header {
  height: 70px;
  height: var(--wh-header-height-lg);

  color: #ffffff;

  color: var(--wh-color-contrast-text);
  background-color: #27282c;
  background-color: var(--wh-color-contrast-bg);
}
@media screen and (max-width: 640px) {
.product-starting-page__header {
    height: 48px;
    height: var(--wh-header-height-sm)
}
  }
.product-starting-page__sidebar {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;

  overflow-y: auto;

  max-width: none;
  height: auto;

  border-right: 1px solid rgba(39, 40, 44, 0.20);

  border-right: 1px solid var(--wh-color-border);

  background: #ffffff;

  background: var(--wh-color-main-bg);

  transition: transform 100ms;

  transition: transform var(--wh-transition-xfast);

  transform: translate3d(-311px, 0px, 1px);

  transform: translate3d(calc(var(--wh-sidebar-width-xxlg)*-1 + -1px), 0px, 1px);
}
@media screen and (max-width: 1540px) {
.product-starting-page__sidebar {
    transform: translate3d(-301px, 0px, 1px);
    transform: translate3d(calc(var(--wh-sidebar-width-xlg)*-1 + -1px), 0px, 1px)
}
  }
@media screen and (max-width: 1276px) {
.product-starting-page__sidebar {
    transform: translate3d(-273px, 0px, 1px);
    transform: translate3d(calc(var(--wh-sidebar-width-lg)*-1 + -1px), 0px, 1px)
}
  }
.product-starting-page__sidebar--visible {
    transform: translate3d(0px, 0px, 1px);
  }
@media print {
.product-starting-page__sidebar {
    display: none
}
  }
.product-starting-page__nav {
  width: 310px;
  width: var(--wh-sidebar-width-xxlg);
  padding: 64px 0;
  padding: calc(var(--wh-gap-lg)*2) 0;
}
@media screen and (max-width: 1540px) {
.product-starting-page__nav {
    width: 300px;
    width: var(--wh-sidebar-width-xlg)
}
  }
@media screen and (max-width: 1276px) {
.product-starting-page__nav {
    width: 272px;
    width: var(--wh-sidebar-width-lg)
}
  }
@media screen and (max-width: 1000px) {
.product-starting-page__nav {
    padding: 32px 0;
    padding: var(--wh-gap-lg) 0
}
  }
.product-starting-page__toc {
  height: 100%;

  padding: 22px 0;

  padding: var(--wh-gap-m) 0;

  -webkit-animation: fadein 0.2s;

          animation: fadein 0.2s;
}
.product-starting-page__overlay {
  position: absolute;
  z-index: 2;

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  opacity: 0.9;

  overflow: hidden;

  background: #ffffff;

  background: var(--wh-color-main-bg);

  transition: opacity 100ms;
}
.product-starting-page__wrapper {
  display: flex;
}
.product-starting-page__wrapper--loading {
    opacity: 0.8;
  }
@media screen and (max-width: 1000px) {
.product-starting-page__wrapper {
    flex-direction: column
}
  }
.product-starting-page__content-wrapper {
  flex: 0 0 80%;

  box-sizing: border-box;
  padding-right: 128px;
  padding-right: calc(var(--wh-gap-lg)*4);
}
@media screen and (max-width: 1276px) {
.product-starting-page__content-wrapper {
    padding-right: 64px;
    padding-right: calc(var(--wh-gap-lg)*2)
}
  }
@media screen and (max-width: 1000px) {
.product-starting-page__content-wrapper {
    padding-right: 32px;
    padding-right: var(--wh-gap-lg)
}
  }
@media screen and (max-width: 640px) {
.product-starting-page__content-wrapper {
    flex-basis: auto;

    padding-right: 0
}
  }
.product-starting-page__bar {
  flex: 0 0 20%;
}
@media screen and (max-width: 640px) {
.product-starting-page__bar {
    flex-basis: auto
}
  }
.product-starting-page__bar-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.product-starting-page__footer {
  background-color: #F4F4F4;
  background-color: var(--wh-color-footer-bg);
}
.product-starting-page__section {
  padding-bottom: 96px;
  padding-bottom: calc(var(--wh-flow-unit)*4);

  background-color: transparent;
}
.product-starting-page__section--title {
    border-bottom: 1px solid rgba(39, 40, 44, 0.20);
    border-bottom: 1px solid var(--wh-color-border);
  }
.product-starting-page__content {
  overflow-y: auto;
  flex: 0 1 auto;
}
.product-starting-page__feedback {
  display: inline-block;

  padding: 24px 32px;

  border-top: none;
  border-radius: 4px;

  background-color: #F4F4F4;

  background-color: var(--wh-color-footer-bg);
}
.product-starting-page__feedback-wrapper {
  position: relative;
}
.product-starting-page__feedback-popup {
  position: absolute;
  z-index: 4;
  bottom: 90px;
  left: 240px;

  overflow-x: hidden;
  overflow-y: auto;

  box-sizing: border-box;

  min-width: auto;
  max-width: 442px;
  max-height: none;
  margin-top: 12px;
  padding: 22px 32px;
  padding: var(--wh-gap-m) var(--wh-gap-lg);

  border: solid 1px rgba(39, 40, 44, 0.20);

  border: solid 1px var(--wh-color-border);

  border-radius: 3px;

  text-align: left;

  color: rgba(39, 40, 44, 0.40);

  color: var(--wt-color-dark-40);
  background-color: #ffffff;
  background-color: var(--wh-color-main-bg);

  transform: translateZ(1px);
}
@media screen and (max-width: 640px) {
.product-starting-page__feedback-popup {
    top: 0;
    right: 8px;
    bottom: auto;
    left: 8px
}
  }
.product-starting-page__card {
  height: calc(100% - 32px);
  height: calc(100% - var(--wh-flow-unit-m));

  margin-bottom: 32px;

  margin-bottom: var(--wh-flow-unit-m);
}

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.app__header {
  height: 70px;
  height: var(--wh-header-height-lg);

  color: #ffffff;

  color: var(--wh-color-contrast-text);
  background-color: #27282c;
  background-color: var(--wh-color-contrast-bg);
}
@media screen and (max-width: 640px) {
.app__header {
    height: 48px;
    height: var(--wh-header-height-sm)
}
  }
.app__sub-header {
  display: flex;

  align-items: center;

  height: 48px;

  height: var(--wh-header-height-sm);
}
@media screen and (max-width: 640px) {
.app__sub-header {
    display: block;

    height: auto;

    padding-top: 4px;
    padding-bottom: 4px
}
  }
@media print {
.app__sub-header {
    display: none
}
  }
.app__sidebar {
  position: relative;

  border-right: 1px solid rgba(39, 40, 44, 0.20);

  border-right: 1px solid var(--wh-color-border);
}
@media screen and (max-width: 1000px) {
.app__sidebar {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;

    height: auto;

    background: #ffffff;

    background: var(--wh-color-main-bg);

    transition: transform 100ms;

    transition: transform var(--wh-transition-xfast);

    transform: translate3d(-300px, 0px, 1px)
}
  }
.app__sidebar--visible {
    transform: translate3d(0px, 0px, 1px);
  }
@media print {
.app__sidebar {
    display: none
}
  }
.app__article {
  overflow: hidden;

  /* hack to not cut bullets and other bulging items */
  margin-left: -16px;
  margin-left: calc(var(--wh-gap-sm)*-1);
  padding-left: 16px;
  padding-left: var(--wh-gap-sm);
}
.app__virtual-toc-sidebar {
  width: 210px;
  width: var(--wh-virtual-toc-width);

  margin-left: 32px;

  margin-left: var(--wh-gap-lg);
}
@media screen and (max-width: 1000px) {
.app__virtual-toc-sidebar {
    display: none
}
  }
.app__virtual-toc-sidebar .toc-item {
    border-left-width: 16px;
  }
@media print {
.app__virtual-toc-sidebar {
    display: none
}
  }
.app__virtual-toc {
  position: relative;

  overflow: hidden;

  width: 210px;

  width: var(--wh-virtual-toc-width);

  margin: 22px 0;

  margin: var(--wh-gap-m) 0;
  padding-left: 1px;
}
.app__virtual-toc::after {
    position: absolute;
    top: 0;

    width: 1px;
    height: 100%;

    content: '';

    background-color: rgba(39, 40, 44, 0.20);

    background-color: var(--wh-color-border);
  }
/* hack to hide scrollbar in virtual toc */
.app__virtual-toc-scroll-disabler {
  margin-right: -40px;
  padding-right: 40px;
}
.app__virtual-toc-mobile {
  height: unset;

  padding: 22px 0;

  padding: var(--wh-gap-m) 0;
}
.app__virtual-toc-divider {
  border-bottom: 1px solid rgba(39, 40, 44, 0.20);
  border-bottom: 1px solid var(--wh-color-border);
}
.app__overlay {
  position: absolute;
  z-index: 2;

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  opacity: 0.9;

  overflow: hidden;

  background: #ffffff;

  background: var(--wh-color-main-bg);

  transition: opacity 100ms;
}
.app__nav {
  width: 310px;
  width: var(--wh-sidebar-width-xxlg);
}
@media screen and (max-width: 1540px) {
.app__nav {
    width: 300px;
    width: var(--wh-sidebar-width-xlg)
}
  }
@media screen and (max-width: 1276px) {
.app__nav {
    width: 272px;
    width: var(--wh-sidebar-width-lg)
}
  }
@media screen and (max-width: 1000px) {
.app__nav {
    padding: 32px 0;
    padding: var(--wh-gap-lg) 0
}
  }
.app__toc {
  height: 100%;

  padding: 22px 0;

  padding: var(--wh-gap-m) 0;

  -webkit-animation: fadein 0.2s;

          animation: fadein 0.2s;
}
.app__footer {
  background-color: #F4F4F4;
  background-color: var(--wh-color-footer-bg);
}
@media print {
.app__footer {
    display: none
}
  }
.app__disqus {
  padding-top: 48px;
  padding-top: calc(var(--wh-flow-unit)*2);

  border-top: 1px solid rgba(39, 40, 44, 0.20);

  border-top: 1px solid var(--wh-color-border);
}
@media print {
.app__disqus {
    display: none
}
  }
.app__edit-button {
  padding-bottom: 24px;
  padding-bottom: var(--wh-flow-unit);
}
.app__feedback-popup {
  position: absolute;
  z-index: 4;
  bottom: 90px;
  left: 240px;

  overflow-x: hidden;
  overflow-y: auto;

  box-sizing: border-box;

  min-width: auto;
  max-width: 442px;
  max-height: none;
  margin-top: 12px;
  padding: 22px 32px;
  padding: var(--wh-gap-m) var(--wh-gap-lg);

  border: solid 1px rgba(39, 40, 44, 0.20);

  border: solid 1px var(--wh-color-border);

  border-radius: 3px;

  text-align: left;

  color: rgba(39, 40, 44, 0.40);

  color: var(--wt-color-dark-40);
  background-color: #ffffff;
  background-color: var(--wh-color-main-bg);

  transform: translateZ(1px);
}
@media screen and (max-width: 640px) {
.app__feedback-popup {
    top: 0;
    right: 8px;
    bottom: auto;
    left: 8px
}
  }
.app__feedback-wrapper {
  position: relative;
}
.app-fallback {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;

  width: 100%;
  height: 100%;
}
@media screen and (max-width: 640px) {
.app-fallback {
    flex-flow: column nowrap
}
  }
.app-fallback__message {
  letter-spacing:normal;
  color:rgba(39, 40, 44, 0.70);
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:18px;
  font-weight:normal;
  line-height:28px;
  max-width: 300px;
  max-width: var(--wh-app-fallback-width-sm);
  margin-left: 32px;
  margin-left: var(--wh-gap-lg);
}
.app-fallback__title {
  letter-spacing:-0.5px;
  color:#27282c;
  font-family:'Gotham SSm A', 'Gotham SSm B', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:31px;
  font-size:31px;
  font-size:var(--wt-h2-font-size, 31px);
  font-weight:700;
  line-height:40px;
  line-height:40px;
  line-height:var(--wt-h2-line-height, 40px);
}
@media screen and (max-width: 640px){
.app-fallback__title {
    --wt-h2-font-size:24px;
    --wt-h2-line-height:32px;
}
  }
.wt-reset-gotham-font-style .app-fallback__title{
    letter-spacing:normal;
  }
.app-fallback__title{
  margin-bottom: 22px;
  margin-bottom: var(--wh-gap-m);
}
.app-fallback__image {
  width: 360px;
  width: var(--wh-app-fallback-width);
  height: var(--wh-app-fallback-height);
}
@media screen and (max-width: 640px) {
.app-fallback__image {
    width: 300px;
    width: var(--wh-app-fallback-width-sm);
    height: 300px;
    height: var(--wh-app-fallback-height-sm);
    margin-bottom: 22px;
    margin-bottom: var(--wh-gap-m)
}
  }
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Hack for IE11 to make flat layout */
_:-ms-fullscreen, :root body { height: auto }

:root {
  --wh-flow-unit-xs: 6px;
  --wh-flow-unit-sm: 16px;
  --wh-flow-unit: 24px;
  --wh-flow-unit-m: 32px;

  --wh-spacer: 32px;
  --wh-spacer-sm: 16px;

  --wh-max-width-xl: 820px;
  --wh-max-width-l: 706px;
  --wh-max-width-m: 540px;
  --wh-max-width-s: 460px;
  --wh-max-width-xs: 320px;

  /* TODO can we change this width to --wh-max-width-l */
  --wh-article-list-width: 716px;

  --wh-transition-xfast: 100ms;
  --wh-transition-fast: 300ms;
  --wh-transition-medium: 500ms;
  --wh-transition-long: 1000ms;

  --wh-sidebar-width-xxlg: 310px;
  --wh-sidebar-width-xlg: 300px;
  --wh-sidebar-width-lg: 272px;

  --wh-virtual-toc-width: 210px;

  --wh-header-height-lg: 70px;
  --wh-header-height-sm: 48px;

  --wh-gap-xs: 8px;
  --wh-gap-sm: 16px;
  --wh-gap-m: 22px;
  --wh-gap-lg: 32px;

  --wh-max-width: calc(1520px - var(--wh-gap-m)*2);
  --wh-max-width-content: calc(var(--wh-max-width) - var(--wh-sidebar-width-xxlg));
  --wh-max-width-article: 952px;

  --wh-app-fallback-width: 360px;
  --wh-app-fallback-image-height: 325px;
  --wh-app-fallback-width-sm: 300px;
  --wh-app-fallback-height-sm: 300px;
}
:root {
  --wh-color-white-80: rgba(255, 255, 255, 0.80);

  --wh-color-main-bg: var(--wt-color-white);
  --wh-color-secondary-bg: var(--wt-color-dark-70);

  --wh-color-text: var(--wt-color-dark);
  --wh-color-text-inverted: var(--wt-color-white);
  --wh-color-text-bold: var(--wt-color-dark);
  --wh-color-secondary-text: var(--wt-color-dark-70);

  --wh-color-contrast-bg: var(--wt-color-dark);
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-dark-20);
  --wh-color-hidden-text: var(--wt-color-dark-40);

  --wh-color-backlight: var(--wt-color-dark-5);
  --wh-color-border: var(--wt-color-dark-20);
  --wh-color-substrate: rgba(244, 244, 244, 0.7);
  --wh-color-link-text-visited: #67686b; /* `--wh-color-secondary-text` on `--wh-color-main-bg`. It's not possible to set transparent colors for a visited link */

  --wh-color-footer-bg: var(--wt-color-grey-light);
  --wh-color-feedback-bg: rgba(244, 244, 244, 0.3);
  --wh-color-popover-bg: var(--wt-color-white);

  --wh-color-scrollbar: var(--wt-color-dark-40);
  --wh-color-scrollbar-track: var(--wt-color-grey-light);

  --wh-color-blue: #4ca6ff;
  --wh-color-success: #4dbb5f;
  --wh-color-sucсess-bg: rgba(77, 187, 95, 0.2);
  --wh-color-sucсess-label: rgba(77, 187, 95, 0.4);
  --wh-color-sucсess-label-hover: rgba(77, 187, 95, 0.8);
  --wh-color-note: rgba(243, 192, 51, 0.2);
  --wh-color-todo: #ea7d22;
  --wh-color-warning: rgba(239, 52, 30, 0.2);
}
:root.theme-dark {
  --wh-color-main-bg: var(--wt-color-dark);
  --wh-color-secondary-bg: var(--wt-color-white-60);

  --wh-color-text: var(--wh-color-white-80);
  --wh-color-text-inverted: var(--wt-color-dark);
  --wh-color-text-bold: var(--wt-color-white);
  --wh-color-secondary-text: var(--wt-color-white-60);

  --wh-color-contrast-bg: #3d3d41;
  --wh-color-contrast-text: var(--wt-color-white);

  --wh-color-hidden-bg: var(--wt-color-white-20);
  --wh-color-hidden-text: var(--wt-color-white-30);

  --wh-color-backlight: var(--wt-color-white-5);
  --wh-color-border: var(--wt-color-white-20);
  --wh-color-substrate: #323337b3;
  --wh-color-link-text-visited: #a9a9ab;

  --wh-color-footer-bg: var(--wt-color-white-5);
  --wh-color-feedback-bg: rgba(50, 50, 54, 0.3);
  --wh-color-popover-bg: var(--wt-color-grey);

  --wh-color-scrollbar: #0000004f;
  --wh-color-scrollbar-track: #323437;
}
.home-page__header {
  display: flex;
  align-items: center;

  padding: 16px 32px;

  padding: var(--wh-flow-unit-sm) var(--wh-spacer);

  border-bottom: solid 1px rgba(39, 40, 44, 0.20);

  border-bottom: solid 1px var(--wh-color-border);
}
.home-page__theme-switcher {
  margin-left: auto;
}
.home-page__content {
  padding-bottom: 96px;
  padding-bottom: calc(var(--wh-flow-unit)*4);

  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1574' height='1166' viewBox='0 0 1574 1166'%3E %3Cdefs%3E %3ClinearGradient id='prefix__c' x1='67.79%25' x2='40.446%25' y1='2.289%25' y2='94.201%25'%3E %3Cstop offset='0%25' stop-color='%2372FCEE' stop-opacity='0'/%3E %3Cstop offset='100%25' stop-color='%2372FCEE'/%3E %3C/linearGradient%3E %3ClinearGradient id='prefix__d' x1='58.812%25' x2='20.614%25' y1='47.196%25' y2='94.28%25'%3E %3Cstop offset='0%25' stop-color='%2372A9FC'/%3E %3Cstop offset='100%25' stop-color='%2372FCEE'/%3E %3C/linearGradient%3E %3ClinearGradient id='prefix__e' x1='101.659%25' x2='3.42%25' y1='40.778%25' y2='58.737%25'%3E %3Cstop offset='0%25' stop-color='%2372A9FC'/%3E %3Cstop offset='100%25' stop-color='%236B45ED'/%3E %3C/linearGradient%3E %3ClinearGradient id='prefix__f' x1='57.42%25' x2='6.136%25' y1='31.117%25' y2='77.353%25'%3E %3Cstop offset='0%25' stop-color='%2372FCEE' stop-opacity='.5'/%3E %3Cstop offset='100%25' stop-color='%236B45ED'/%3E %3C/linearGradient%3E %3Cpath id='prefix__a' d='M0 0H1601V1206H0z'/%3E %3C/defs%3E %3Cg fill='none' fill-rule='evenodd' transform='translate(-27)'%3E %3Cmask id='prefix__b' fill='%23fff'%3E %3Cuse xlink:href='%23prefix__a'/%3E %3C/mask%3E %3Cg mask='url(%23prefix__b)'%3E %3Cg fill-rule='nonzero'%3E %3Cpath fill='url(%23prefix__c)' d='M.746 168.246L1 101.613 1026.47 1364.97 943 1440.035.746 168.245z' transform='translate(0 -274)'/%3E %3Cpath fill='url(%23prefix__d)' d='M878.643 1353.661L1639 441.112 1694.033 771.929 942.999 1440.035z' transform='translate(0 -274)'/%3E %3Cpath fill='url(%23prefix__e)' d='M219.5 1296.201L27.429 1108.284 439.954 963.955 1601 487.886 1601 852.816z' transform='translate(0 -274)'/%3E %3Cpath fill='url(%23prefix__f)' d='M768.82 100.86L868.879 100.86 1467.397 100.86 224.739 1279.045 27.429 1108.284z' transform='translate(0 -274)'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E") 50% 0 no-repeat;
}
.home-page__footer {
  background-color: #F4F4F4;
  background-color: var(--wh-color-footer-bg);
}
.home-page__title {
  max-width: 705px;
}
.home-page__products-list {
  margin-top: 24px;
  margin-top: var(--wh-flow-unit);
}
.home-page__product-column {
  margin-top: 24px;
  margin-top: var(--wh-flow-unit);

  background-color: #ffffff;

  background-color: var(--wh-color-main-bg);
}
.home-page__product-card {
  height: 100%;
}
.home-page__product-card .wt-h3, .home-page__product-card .wt-text-2 {
    color: inherit;
  }
.home-page__product-card:hover {
    border-color: rgba(39, 40, 44, 0.70);
    border-color: var(--wh-color-secondary-bg);
  }

.not-supported-browser {
  position: fixed;
  z-index: 1002;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  color: #fff;
  background-color: #161616;

  font-size: 18px;
}

.not-supported-browser__container {
  position: relative;

  box-sizing: border-box;

  width: 70%;
  min-width: 640px;
  max-width: 1024px;
  margin: 200px auto;
  padding-left: 200px;
}

.not-supported-browser__title {
  margin-bottom: 40px;

  font-size: 50px;
  font-weight: bold;
  line-height: 50px;
}

.not-supported-browser__logo {
  position: absolute;
  top: 5px;
  left: 70px;
}


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