:root{
  --mobile-tiny:15em;
  --mobile-small:20em;
  --mobile-medium:23.435em;
  --mobile-large:25.875em;
  --mobile-extra-large:30em;
  --mobile-super-extra-large:40em;
  --tablet:48em;
  --desktop-small:60em;
  --desktop-medium:64em;
  --desktop-normal:72.5em;
  --desktop-large:80em;
  --desktop-extra-large:90em;
  --desktop-super-extra-large:120em;
  --desktop-huge:160em;
  --color-accent-primary:hsla(92, 49%, 47%, 1);
  --color-accent-primary-hover:hsla(92, 29%, 62%, 1);
  --color-accent-secondary:hsla(92, 29%, 62%, 1);
  --color-accent-tertiary:hsla(93, 53%, 93%, 1);
  --color-accent-active:hsla(92, 46%, 40%, 1);
  --color-accent-disabled:hsla(93, 45%, 80%, 1);

  --color-accent-text-primary:hsla(0, 0%, 100%, 1);
  --color-accent-text-disabled:hsla(92, 49%, 47%, 1);

  --color-accent-item-primary:hsla(0, 0%, 100%, 1);
  --color-accent-item-secondary:hsla(92, 49%, 47%, 1);

  --color-accent-border-primary:hsla(92, 49%, 47%, 1);
  --color-accent-border-secondary:hsla(92, 29%, 62%, 1);
  --color-accent-border-quaternary:hsla(92, 37%, 35%, 1);

  --color-primary-primary:hsla(36, 95%, 45%, 1);
  --color-primary-primary-hover:hsla(40, 75%, 58%, 1);
  --color-primary-active:hsla(36, 95%, 40%, 1);
  --color-primary-disabled:hsla(36, 13%, 80%, 1);
  --color-primary-text-primary:hsla(0, 0%, 100%, 1);
  --color-primary-text-disabled:hsla(36, 60%, 65%, 1);
  --color-primary-item-primary:hsla(0, 0%, 100%, 1);

  --color-secondary-primary:hsla(349, 96%, 44%, 1);
  --color-secondary-primary-hover:hsla(349, 100%, 51%, 1);
  --color-secondary-active:hsla(349, 96%, 34%, 1);
  --color-secondary-disabled:hsla(349, 59%, 90%, 1);

  --color-secondary-text-primary:hsla(0, 0%, 100%, 1);
  --color-secondary-text-secondary:hsla(349, 96%, 44%, 1);
  --color-secondary-text-disabled:hsla(349, 53%, 68%, 1);
  --color-secondary-item-primary:hsla(0, 0%, 100%, 1);

  --color-surface-primary:hsla(0, 0%, 100%, 1);
  --color-surface-primary-hover:hsla(0, 0%, 83%, 1);
  --color-surface-primary-active:hsla(0, 0%, 83%, 1);
  --color-surface-primary-active-hover:hsla(0, 0%, 83%, 1);

  --color-surface-secondary:hsla(220, 14%, 96%, 1);
  --color-surface-secondary-hover:hsla(0, 0%, 78%, 1);
  --color-surface-tertiary:hsla(0, 0%, 85%, 1);
  --color-surface-tertiary-hover:hsla(0, 0%, 73%, 1);
  --color-surface-quaternary:hsla(0, 0%, 45%, 1);
  --color-surface-active:hsla(0, 0%, 64%, 1);
  --color-surface-accent:hsla(92, 54%, 93%, 1);
  --color-surface-disabled:hsla(0, 0%, 79%, 1);

  --color-surface-text-primary:hsla(0, 0%, 9%, 1);
  --color-surface-text-accent:hsla(92, 49%, 47%, 1);
  --color-surface-text-secondary:hsla(0, 0%, 45%, 1);
  --color-surface-text-tertiary:hsla(213, 5%, 45%, 1);
  --color-surface-text-quaternary:hsla(0, 0%, 75%, 1);
  --color-surface-text-disabled:hsla(0, 0%, 47%, 1);

  --color-surface-item-primary:hsla(35, 71%, 13%, 1);
  --color-surface-item-secondary:hsla(0, 0%, 93%, 1);
  --color-surface-item-tertiary:hsla(0, 0%, 85%, 1);
  --color-surface-item-accent:hsla(92, 49%, 47%, 1);
  --color-surface-item-disabled:hsla(0, 0%, 61%, 1);

  --color-surface-border-primary:hsla(36, 71%, 13%, 1);
  --color-surface-border-tertiary:hsla(0, 0%, 85%, 1);
  --color-surface-border-quaternary:hsla(0, 0%, 45%, 1);
  --color-surface-border-accent:hsla(92, 49%, 47%, 1);
  --color-surface-border-active:hsla(40, 75%, 58%, 1);
  --color-surface-border-disabled:hsla(0, 0%, 61%, 1);

  --color-error-primary:hsla(0, 100%, 44%, 1);

  --color-error-text-primary:hsla(0, 100%, 44%, 1);
  --color-error-text-primary-hover:hsla(0, 100%, 60%, 1);
  --color-error-text-secondary:hsla(0, 0%, 100%, 1);

  --color-error-item-primary:hsla(0, 100%, 44%, 1);
  --color-error-item-secondary:hsla(0, 0%, 100%, 1);

  --color-error-border-primary:hsla(0, 100%, 44%, 1);
  --color-error-border-secondary:hsla(0, 0%, 100%, 1);

  --color-success-primary:hsla(108, 46%, 34%, 1);
  --color-success-text-primary:hsla(108, 46%, 34%, 1);
  --color-success-text-secondary:hsla(0, 0%, 100%, 1);
  --color-success-item-primary:hsla(108, 46%, 34%, 1);
  --color-success-item-secondary:hsla(0, 0%, 100%, 1);
  --color-success-border-primary:hsla(108, 46%, 34%, 1);
  --color-success-border-secondary:hsla(0, 0%, 100%, 1);

  --color-active-primary:hsla(40, 75%, 58%, 1);
  --color-active-text-primary:hsla(40, 75%, 58%, 1);
  --color-active-text-secondary:hsla(0, 0%, 100%, 1);
  --color-active-border-primary:hsla(40, 75%, 58%, 1);
  --min-max:360px 1440px;
  --min:360px;
  --max:1440px;
  --font-primary:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
}

.breadcrumbs{
  padding:0 0 10px 0;
  margin:0;
  display:flex;
  list-style:none;
}

.breadcrumbs__item{
    margin:0 20px 0 0;
  }

.breadcrumbs__item-link{
      font-size:responsive 0.75rem 0.75rem;
      font-range:22.5rem 90rem;
      font-weight:normal;
      font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
      line-height:responsive 1rem 1rem;
      line-height-range:22.5rem 90rem;
      letter-spacing:responsive 0 0;
      letter-spacing-range:22.5rem 90rem;
    }

.breadcrumbs__item-link {
      color:hsla(0, 0%, 9%, 1);
      -webkit-text-decoration:none;
      text-decoration:none;
}

.breadcrumbs__item-link:hover{
        color:hsla(92, 49%, 47%, 1);
      }

/*! HTML5 Boilerplate v9.0.0-RC1 | MIT License | https://html5boilerplate.com/ */

html{
  color:#222;
  font-size:1em;
  line-height:1.4;
}

::-moz-selection{
  background:#b3d4fc;
  text-shadow:none;
}

::selection{
  background:#b3d4fc;
  text-shadow:none;
}

hr{
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #ccc;
  margin:1em 0;
  padding:0;
}

audio,
canvas,
iframe,
img,
svg,
video{
  vertical-align:middle;
}

fieldset{
  border:0;
  margin:0;
  padding:0;
}

textarea{
  resize:vertical;
}

.hidden,
[hidden]{
  display:none !important;
}

.visually-hidden{
  border:0;
  clip:rect(0, 0, 0, 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  white-space:nowrap;
  width:1px;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus{
  clip:auto;
  height:auto;
  margin:0;
  overflow:visible;
  position:static;
  white-space:inherit;
  width:auto;
}

.invisible{
  visibility:hidden;
}

.clearfix::before,
.clearfix::after{
  content:"";
  display:table;
}

.clearfix::after{
  clear:both;
}

.children{
  position:relative;
  display:flex;
  flex-flow:row wrap;
  justify-content:space-between;
}

.children__item{
    width:calc(50% - 12px);
    background:hsla(220, 14%, 96%, 1);
    padding:0 32px 40px 24px;
    margin:0 0 32px 0;
    display:flex;
    flex-flow:column wrap;
    border-radius:12px;
  }

.children__item p{
      flex-grow:1;
    }

.embed{
  position:relative;
  padding:20px;
  border:1px solid rgba(0, 0, 0, 0.1);
  border-radius:12px;
}

.embed__frame{
    border:none;
  }

.embed__desc{
    text-align:center;
    padding:5px 0 0 0;
    font-style:italic;
  }

.go-home{
  text-align:center;
  margin:60px 0 0 0;
}

.go-home__item{
    min-width:160px;
    font-size:responsive 1.125rem 1.125rem;
    font-range:22.5rem 90rem;
    font-weight:normal;
    font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    line-height:responsive 1.5rem 1.5rem;
    line-height-range:22.5rem 90rem;
    letter-spacing:responsive 0 0;
    letter-spacing-range:22.5rem 90rem;
  }

.go-home__item {
    color:hsla(0, 0%, 9%, 1);
    -webkit-text-decoration:none;
    text-decoration:none;
    text-align:center;
    padding:14px 32px;
    background:hsla(0, 0%, 100%, 1);
    border:1px solid hsla(36, 71%, 13%, 1);
    border-radius:4px;
    display:inline-block;
    transition:all 0.2s ease-in-out;
    cursor:pointer;
}

.go-home__item:focus{
      outline:none;
    }

.go-home__item:hover{
      background:hsla(220, 14%, 96%, 1);
    }

.go-platform{
  text-align:center;
  margin:24px 0 0 0;
}

.go-platform__link{
    font-size:responsive 0.875rem 0.875rem;
    font-range:22.5rem 90rem;
    font-weight:normal;
    font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    line-height:responsive 1.125rem 1.125rem;
    line-height-range:22.5rem 90rem;
    letter-spacing:responsive 0 0;
    letter-spacing-range:22.5rem 90rem;
  }

.go-platform__link {
    color:hsla(0, 0%, 9%, 1);
    -webkit-text-decoration:none;
    text-decoration:none;
    text-align:center;
    padding:8px 16px;
    background:hsla(0, 0%, 100%, 1);
    border-radius:12px;
    display:block;
    transition:all 0.2s ease-in-out;
    cursor:pointer;
}

.go-platform__link:focus{
      outline:none;
    }

.go-platform__link:hover{
      background:hsla(220, 14%, 96%, 1);
    }

.header{
  background:hsla(0, 0%, 100%, 1);
  margin:0 0 20px 0;
}

.header__wrapper{
    width:100%;
    max-width:1200px;
    padding:0 40px;
    margin:0 auto 16px auto;
    position:relative;
    display:flex;
    box-sizing:border-box;
  }

.header__logo{
    min-width:270px;
    margin:25px 0 0 0;
  }

.header__search{
    margin:25px 45px 20px 40px;
    flex-grow:1;
  }

.header__menu{
    display:none;
  }

.logo{
  text-align:center;
}

@import-glob './assets/css/**/*.css';

.markdown-body{
  font-size:1rem;
  color:#24292e;
  line-height:1.5;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  word-wrap:break-word;
}

.markdown-body details{
  display:block;
}

.markdown-body summary{
  display:list-item;
}

.markdown-body a{
  background-color:transparent;
}

.markdown-body a:active,
.markdown-body a:hover{
  outline-width:0;
}

.markdown-body strong{
  font-weight:inherit;
  font-weight:bolder;
}

.markdown-body h1{
  margin:0.67em 0;
}

.markdown-body img{
  border-style:none;
  border-radius:5px;
  overflow:hidden;
}

.markdown-body code,
.markdown-body kbd,
.markdown-body pre{
  font-family:monospace, monospace;
  font-size:1em;
}

.markdown-body hr{
  overflow:visible;
  box-sizing:content-box;
}

.markdown-body input{
  font:inherit;
  margin:0;
  overflow:visible;
}

.markdown-body [type=checkbox]{
  padding:0;
  box-sizing:border-box;
}

.markdown-body *{
  box-sizing:border-box;
}

.markdown-body input{
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
}

.markdown-body a{
  color:hsla(92, 49%, 47%, 1);
  -webkit-text-decoration:underline;
  text-decoration:underline;
}

.markdown-body a:hover{
  -webkit-text-decoration:none;
  text-decoration:none;
}

.markdown-body strong{
  font-weight:600;
}

.markdown-body hr{
  height:0;
  background:transparent;
  margin:15px 0;
  border-bottom:1px solid #dfe2e5;
  overflow:hidden;
}

.markdown-body hr::before,.markdown-body hr::after{
  content:'';
  display:table;
}

.markdown-body hr::after{
  clear:both;
}

.markdown-body table{
  border-collapse:collapse;
  border-spacing:0;
}

.markdown-body td,
.markdown-body th{
  padding:0;
}

.markdown-body details summary{
  cursor:pointer;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6{
  margin-bottom:0;
  margin-top:0;
}

.markdown-body h1{
  font-size:2rem;
}

.markdown-body h1,
.markdown-body h2{
  font-weight:600;
}

.markdown-body h2{
  font-size:1.5rem;
}

.markdown-body h3{
  font-size:1.25rem;
}

.markdown-body h3,
.markdown-body h4{
  font-weight:600;
}

.markdown-body h4{
  font-size:1rem;
}

.markdown-body h5{
  font-size:0.875rem;
}

.markdown-body h5,
.markdown-body h6{
  font-weight:600;
}

.markdown-body h6{
  font-size:0.75rem;
}

.markdown-body p{
  margin-bottom:10px;
  margin-top:0;
}

.markdown-body blockquote{
  margin:0;
}

.markdown-body ol,
.markdown-body ul{
  margin-bottom:0;
  margin-top:0;
  padding-left:0;
}

.markdown-body ol ol,
.markdown-body ul ol{
  list-style-type:lower-roman;
}

.markdown-body ol ol ol,
.markdown-body ol ul ol,
.markdown-body ul ol ol,
.markdown-body ul ul ol{
  list-style-type:lower-alpha;
}

.markdown-body dd{
  margin-left:0;
}

.markdown-body code,
.markdown-body pre{
  font-family:SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
  font-size:0.75rem;
}

.markdown-body pre{
  margin-bottom:0;
  margin-top:0;
}

.markdown-body input::-webkit-inner-spin-button,
.markdown-body input::-webkit-outer-spin-button{
  -webkit-appearance:none;
  appearance:none;
  margin:0;
}

.markdown-body::before,.markdown-body::after{
  content:'';
  display:table;
}

.markdown-body::after{
  clear:both;
}

.markdown-body > :first-child{
  margin-top:0 !important;
}

.markdown-body > :last-child{
  margin-bottom:0 !important;
}

.markdown-body a:not([href]){
  color:inherit;
  -webkit-text-decoration:none;
  text-decoration:none;
}

.markdown-body blockquote,
.markdown-body dl,
.markdown-body ol,
.markdown-body p,
.markdown-body pre,
.markdown-body table,
.markdown-body ul{
  margin-bottom:16px;
  margin-top:0;
}

.markdown-body hr{
  height:0.25em;
  padding:0;
  margin:24px 0;
  border:0;
  background-color:#e1e4e8;
}

.markdown-body blockquote{
  color:hsla(0, 0%, 9%, 1);
  padding:1em 1em;
  background:hsla(220, 14%, 96%, 1);
  border-left:0.25em solid #dfe2e5;
}

.markdown-body blockquote > :first-child{
  margin-top:0;
}

.markdown-body blockquote > :last-child{
  margin-bottom:0;
}

.markdown-body kbd{
  font-size:0.6875rem;
  border:1px solid #c6cbd1;
  box-shadow:inset 0 -1px 0 #959da5;
  border-bottom-color:#959da5;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3,
.markdown-body h4,
.markdown-body h5,
.markdown-body h6{
  font-weight:600;
  line-height:1.25;
  margin-bottom:16px;
  margin-top:24px;
}

.markdown-body h1{
  font-size:2em;
}

.markdown-body h1,
.markdown-body h2{
  border-bottom:1px solid #eaecef;
  padding-bottom:0.3em;
}

.markdown-body h2{
  font-size:1.5em;
}

.markdown-body h3{
  font-size:1.25em;
}

.markdown-body h4{
  font-size:1em;
}

.markdown-body h5{
  font-size:0.875em;
}

.markdown-body h6{
  font-size:0.85em;
  color:#6a737d;
}

.markdown-body ol,
.markdown-body ul{
  padding-left:2em;
}

.markdown-body ol ol,
.markdown-body ol ul,
.markdown-body ul ol,
.markdown-body ul ul{
  margin-bottom:0;
  margin-top:0;
}

.markdown-body li{
  word-wrap:break-all;
}

.markdown-body li > p{
  margin-top:16px;
}

.markdown-body li + li{
  margin-top:0.25em;
}

.markdown-body dl{
  padding:0;
}

.markdown-body dl dt{
  font-size:1em;
  font-style:italic;
  font-weight:600;
  margin-top:16px;
  padding:0;
}

.markdown-body dl dd{
  margin-bottom:16px;
  padding:0 16px;
}

.markdown-body table{
  width:100%;
  overflow:auto;
  display:block;
}

.markdown-body table th{
  font-weight:600;
}

.markdown-body table td,
.markdown-body table th{
  padding:6px 13px;
  border:1px solid #dfe2e5;
}

.markdown-body table tr{
  background-color:#fff;
  border-top:1px solid #c6cbd1;
}

.markdown-body table tr:nth-child(2n){
  background-color:#f6f8fa;
}

.markdown-body img{
  max-width:100%;
  box-sizing:content-box;
  background-color:#fff;
}

.markdown-body img[align=right]{
  padding-left:20px;
}

.markdown-body img[align=left]{
  padding-right:20px;
}

.markdown-body code{
  font-size:85%;
  padding:0.2em 0.4em;
  margin:0;
  border-radius:3px;
  background-color:rgba(27, 31, 35, 0.05);
}

.markdown-body pre{
  word-wrap:normal;
}

.markdown-body pre > code{
  font-size:100%;
  white-space:pre;
  background:transparent;
  padding:0;
  margin:0;
  border:0;
  word-break:normal;
}

.markdown-body .highlight{
  margin-bottom:16px;
}

.markdown-body .highlight pre{
  margin-bottom:0;
  word-break:normal;
}

.markdown-body .highlight pre,
.markdown-body pre{
  font-size:85%;
  line-height:1.45;
  padding:16px;
  border-radius:3px;
  overflow:auto;
  background-color:#f6f8fa;
}

.markdown-body pre code{
  max-width:auto;
  line-height:inherit;
  padding:0;
  margin:0;
  border:0;
  overflow:visible;
  display:inline;
  background-color:transparent;
  word-wrap:normal;
}

.markdown-body kbd{
  font:0.6875rem SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
  color:#444d56;
  line-height:0.625rem;
  padding:3px 5px;
  border:1px solid #d1d5da;
  border-radius:3px;
  display:inline-block;
  box-shadow:inset 0 -1px 0 #c6cbd1;
  vertical-align:middle;
  background-color:#fafbfc;
  border-bottom-color:#c6cbd1;
}

.markdown-body p img{
      text-align:center;
      padding:10px;
      margin:0 auto;
      border:solid 1px #fff;
      border-radius:5px;
      position:relative;
      display:block;
      left:-10px;
    }

.markdown-body p img:hover{
        border:solid 1px #eaecef;
      }

.markdown-body p img ~ em{
        text-align:center;
        padding:5px 0 0 0;
        display:block;
        font-style:italic;
      }

.markdown-body p img[src$='inline']{
        padding:5px;
        margin:-5px 0 0 0;
        border:none;
        display:inline-block;
        left:0;
      }

.markdown-body p img[src$='inline']:hover{
          border:none;
        }

.menu-hamburger{
  padding:20px;
  position:absolute;
  top:15px;
  right:5px;
  z-index:101;
  cursor:pointer;
}

.menu-hamburger__icon{
    width:10px;
    height:0;
    padding:10px;
    position:relative;
    transition:0.6s ease;
    transition-timing-function:cubic-bezier (1, 0.5, 0.5, 1);
  }

.menu-hamburger__icon::before{
      top:0;
    }

.menu-hamburger__icon::before,.menu-hamburger__icon::after{
      width:100%;
      height:2px;
      background:#000;
      position:absolute;
      content:'';
      display:block;
      left:0;
      transition:0.6s ease;
    }

.menu-hamburger__icon::after{
      bottom:0;
    }

.menu-hamburger__icon-line{
      width:100%;
      height:2px;
      background:#000;
      position:absolute;
      left:50%;
      top:50%;
      transform:translate(-50%, -50%);
    }

.menu-hamburger_state_active .menu-hamburger__icon::before{
        left:50%;
        top:50%;
        transform:translate(-50%, -50%) rotate(45deg);
      }

.menu-hamburger_state_active .menu-hamburger__icon::after{
        left:50%;
        top:50%;
        transform:translate(-50%, -50%) rotate(-225deg);
      }

.menu-hamburger_state_active .menu-hamburger__icon-line{
        opacity:0;
      }

.menu{
  background:hsla(220, 14%, 96%, 1);
  padding:10px 0;
  border-radius:12px;
  position:sticky;
  top:20px;
}

.menu.menu_state_visible{
    display:flex;
    visibility:visible;
    animation-name:mobileMenuFadeIn;
  }

.menu.menu_state_hidden{
    animation-name:mobileMenuFaderOut;
  }

.menu-button{
    display:none;
  }

.menu-list{
    padding:0;
    margin:0;
    list-style:none;
  }

.menu-list__item{
      padding:0;
      margin:0;
    }

.menu-list__item.menu-list__item_state_open > .menu-list,.menu-list__item.menu-list__item_state_current > .menu-list{
          display:block;
        }

.menu-list__item.menu-list__item_state_current > .menu-list__item-link{
          background:hsla(0, 0%, 85%, 1);
        }

.menu-list__item > .menu-list{
        display:none;
      }

.menu-list__item > .menu-list .menu-list__item-link{
            font-size:responsive 1.25rem 1.25rem;
            font-range:22.5rem 90rem;
            font-weight:normal;
            font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
            line-height:responsive 1.5rem 1.5rem;
            line-height-range:22.5rem 90rem;
            letter-spacing:responsive 0 0;
            letter-spacing-range:22.5rem 90rem;
          }

.menu-list__item > .menu-list .menu-list__item-link {
            padding:8px 8px 8px 32px;
}

.menu-list__item > .menu-list .menu-list__item > .menu-list .menu-list__item-link{
                font-size:responsive 1.25rem 1.25rem;
                font-range:22.5rem 90rem;
                font-weight:normal;
                font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
                line-height:responsive 1.5rem 1.5rem;
                line-height-range:22.5rem 90rem;
                letter-spacing:responsive 0 0;
                letter-spacing-range:22.5rem 90rem;
              }

.menu-list__item > .menu-list .menu-list__item > .menu-list .menu-list__item-link {
                padding:8px 8px 8px 48px;
}

.menu-list__item > .menu-list .menu-list__item > .menu-list .menu-list__item > .menu-list .menu-list__item-link{
                    font-size:responsive 1.25rem 1.25rem;
                    font-range:22.5rem 90rem;
                    font-weight:normal;
                    font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
                    line-height:responsive 1.5rem 1.5rem;
                    line-height-range:22.5rem 90rem;
                    letter-spacing:responsive 0 0;
                    letter-spacing-range:22.5rem 90rem;
                  }

.menu-list__item > .menu-list .menu-list__item > .menu-list .menu-list__item > .menu-list .menu-list__item-link {
                    padding:8px 8px 8px 64px;
}

.menu-list__item-link{
        font-size:responsive 1.25rem 1.25rem;
        font-range:22.5rem 90rem;
        font-weight:normal;
        font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
        line-height:responsive 1.5rem 1.5rem;
        line-height-range:22.5rem 90rem;
        letter-spacing:responsive 0 0;
        letter-spacing-range:22.5rem 90rem;
      }

.menu-list__item-link {
        color:hsla(0, 0%, 9%, 1);
        -webkit-text-decoration:none;
        text-decoration:none;
        padding:10px 20px;
        position:relative;
        display:block;
}

.menu-list__item-link:hover{
          color:hsla(0, 0%, 9%, 1);
          background:hsla(0, 0%, 83%, 1);
        }

.menu-list__item-link-arrow{
          width:8px;
          height:8px;
          border-width:2px 2px 0 0;
          border-style:solid;
          position:absolute;
          content:'';
          display:inline-block;
          top:50%;
          right:24px;
          vertical-align:top;
          transform:rotate(135deg) translate(-8px, 0);
        }

.menu-list__item-link-arrow_state_open{
            right:10px;
          }

.menu-list__item-link-arrow_state_open {
            transform:rotate(-45deg) translate(-6px, -8px);
}

@keyframes mobileMenuFadeIn{
  from{
    transform:translateX(100%);
  }
  to{
    transform:translateX(0);
  }
}

@keyframes mobileMenuFaderOut{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(100%);
  }
}

.next{
  text-align:center;
  margin:60px 0 0 0;
}

a.next__item{
    min-width:160px;
    font-size:responsive 1.125rem 1.125rem;
    font-range:22.5rem 90rem;
    font-weight:normal;
    font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    line-height:responsive 1.5rem 1.5rem;
    line-height-range:22.5rem 90rem;
    letter-spacing:responsive 0 0;
    letter-spacing-range:22.5rem 90rem;
  }

a.next__item {
    color:hsla(0, 0%, 9%, 1);
    -webkit-text-decoration:none;
    text-decoration:none;
    text-align:center;
    padding:14px 32px;
    background:hsla(0, 0%, 100%, 1);
    border:1px solid hsla(36, 71%, 13%, 1);
    border-radius:4px;
    display:inline-block;
    transition:all 0.2s ease-in-out;
    cursor:pointer;
}

a.next__item:focus{
      outline:none;
    }

a.next__item:hover{
      background:hsla(220, 14%, 96%, 1);
    }

.page{
  width:100%;
  max-width:1200px;
  background:hsla(0, 0%, 100%, 1);
  padding:0 40px 150px 40px;
  margin:0 auto;
  position:relative;
  display:flex;
  box-sizing:border-box;
}

.page__left{
    min-width:270px;
  }

.page__right{
    width:100%;
    padding:0 0 0 40px;
    position:relative;
  }

.prev-next{
  position:absolute;
  display:flex;
  top:0;
  right:0;
}

.prev-next__item{
    font-size:responsive 0.75rem 0.75rem;
    font-range:22.5rem 90rem;
    font-weight:normal;
    font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    line-height:responsive 1rem 1rem;
    line-height-range:22.5rem 90rem;
    letter-spacing:responsive 0 0;
    letter-spacing-range:22.5rem 90rem;
  }

.prev-next__item {
    color:hsla(0, 0%, 9%, 1);
    -webkit-text-decoration:none;
    text-decoration:none;
    margin:0 0 0 20px;
}

.prev-next__item:hover{
      color:hsla(92, 49%, 47%, 1);
    }

.search-input{
  position:relative;
}

.search-input__icon{
    height:18px;
    margin:1px 0 0 0;
    position:absolute;
    left:14px;
    top:50%;
    transform:translate(0, -50%);
    cursor:pointer;
  }

.search-input__input{
    width:100%;
    font:1.125rem/1.125rem system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
    color:var(--color-dark-blue);
    background:#fff;
    padding:10px 0 10px 45px;
    border:none;
    border:solid 1px #eee;
    border-radius:2px;
    position:relative;
    box-sizing:border-box;
  }

.search-input__input:focus{
      outline:0;
    }

.search-input__clear{
    width:16px;
    height:16px;
    background:url('./../img/icons/clear.svg') no-repeat 50% 50%;
    background-size:cover;
    border-radius:50%;
    position:absolute;
    display:none;
    top:50%;
    right:15px;
    transform:translate(0, -50%);
    transition:all 0.1s ease-in-out;
    opacity:0.5;
    cursor:pointer;
  }

.search-input__clear:hover{
      opacity:1;
    }

.search-input__clear_state_hidden,.search-result{
      display:none;
}

.search-result{
  width:100%;
  background:hsla(0, 0%, 100%, 1);
  padding:20px 0;
  margin:20px 0 0 0;
  border-radius:2px;
  position:relative;
  position:absolute;
  box-shadow:0 10px 20px rgba(0, 0, 0, 0.2);
  left:0;
  top:100%;
  z-index:1;
  list-style:none;
}

.search-result_state_visible{
    display:block;
  }

.search-result__item{
    position:relative;
    padding:12px 24px 12px 24px;
  }

.search-result__item:hover{
      background:rgb(246, 246, 246);
    }

.search-result__item:hover .search-result-list__item-title-text{
        color:#000;
      }

.search-result__item-link{
      color:hsla(92, 49%, 47%, 1);
      width:100%;
      font-size:responsive 1.25rem 1.25rem;
      font-range:22.5rem 90rem;
      font-weight:600;
      font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
      line-height:responsive 1.5rem 1.5rem;
      line-height-range:22.5rem 90rem;
      letter-spacing:responsive 0 0;
      letter-spacing-range:22.5rem 90rem;
    }

.search-result__item-link {
      -webkit-text-decoration:none;
      text-decoration:none;
      display:block;
}

.search-result__item-desc{
      display:block;
      color:hsla(0, 0%, 9%, 1);
      font-size:responsive 1rem 1rem;
      font-range:22.5rem 90rem;
      font-weight:normal;
      font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
      line-height:responsive 1.125rem 1.25rem;
      line-height-range:22.5rem 90rem;
      letter-spacing:responsive 0 0;
      letter-spacing-range:22.5rem 90rem;
    }

.search-result__item-desc {
      white-space:nowrap;
      width:100%;
      overflow:hidden;
      text-overflow:ellipsis;
}

.search{
  width:100%;
}

.search,.search__wrapper{
  position:relative;
  }

.search__icon{
    height:18px;
    position:absolute;
    left:0;
    top:0;
  }

.toc{
  margin:20px 0 30px 0;
  position:relative;
}

.toc ul{
    list-style:none;
  }

.toc ul,.toc ul li{
    padding:0;
    margin:0;
    }

.toc ul li a{
        font:1rem system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
        color:var(--color-brown);
      }

.toc ul li a:hover{
          color:#000;
        }

.video{
  background:#fff;
  margin:20px auto 40px auto;
}

.video_type_actual-size{
    text-align:center;
  }

.video_type_actual-size .video__item{
      width:auto;
      left:0;
    }

.video_type_custom-size{
    text-align:center;
  }

.video_type_custom-size .video__item{
      width:auto;
      left:0;
    }

.video__item{
    width:100%;
    padding:10px;
    border:solid 1px #fff;
    border-radius:5px;
    position:relative;
    overflow:hidden;
    left:-10px;
  }

.video__item:hover{
      border:solid 1px #eaecef;
    }

.video__title{
    text-align:center;
    padding:5px 0 0 0;
    font-style:italic;
  }

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

html,
body{
  width:100%;
  height:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  padding:0;
  margin:0;
  box-sizing:border-box;
}

@media (min-width: 15em) and (max-width: 47.999em) {

.breadcrumbs{
    display:none
}

.children__item{
      width:100%;
      margin:0 0 20px 0
  }

.header__wrapper{
      padding:0 15px;
      flex-wrap:wrap
  }

.header__logo{
      width:100%;
      margin:25px 20px 0 0
  }

.header__search{
      margin:15px 0 0 0;
      display:block;
      order:1
  }

.header__menu{
      display:block
  }

.menu{
    width:100%;
    height:100%;
    padding:80px 0 0 0;
    position:fixed;
    display:flex;
    visibility:hidden;
    top:0;
    right:0;
    z-index:100;
    transform:translateX(100%);
    animation:0.5s both;
    animation-timing-function:cubic-bezier(0.19, 1, 0.22, 1);
    overflow-y:scroll
}

.menu-button{
      display:block
  }

.menu-list{
      width:100%
  }

.menu-list__item-link{
          padding:16px 32px
      }

.menu-list__item-link-arrow{
            right:36px
        }

.menu-list__item-link-arrow_state_open{
              right:20px;
          }

.page{
    padding:0 15px 100px 15px;
    position:static;
    display:block
}

.page__left{
      display:none
  }

.page__right{
      padding:0
  }

.prev-next{
    display:none
}

.video_type_actual-size .video__item{
        width:100%
    }

.video_type_custom-size .video__item{
        width:100%
    }

.video__item{
      box-sizing:border-box;
      left:0
  }
}

@media only screen and (min-width: 35em);

@media (min-width: 160em) {

.breadcrumbs__item-link{
    font-size:0.75rem;
    line-height:1rem;
    letter-spacing:0;
    }

.go-home__item{
    font-size:1.125rem;
    line-height:1.5rem;
    letter-spacing:0;
  }

.go-platform__link{
    font-size:0.875rem;
    line-height:1.125rem;
    letter-spacing:0;
  }

.menu-list__item > .menu-list .menu-list__item-link{
    font-size:1.25rem;
    line-height:1.5rem;
    letter-spacing:0;
          }

.menu-list__item > .menu-list .menu-list__item > .menu-list .menu-list__item-link{
    font-size:1.25rem;
    line-height:1.5rem;
    letter-spacing:0;
              }

.menu-list__item > .menu-list .menu-list__item > .menu-list .menu-list__item > .menu-list .menu-list__item-link{
    font-size:1.25rem;
    line-height:1.5rem;
    letter-spacing:0;
                  }

.menu-list__item-link{
    font-size:1.25rem;
    line-height:1.5rem;
    letter-spacing:0;
      }

a.next__item{
    font-size:1.125rem;
    line-height:1.5rem;
    letter-spacing:0;
  }

.prev-next__item{
    font-size:0.75rem;
    line-height:1rem;
    letter-spacing:0;
  }

.search-result__item-link{
    font-size:1.25rem;
    line-height:1.5rem;
    letter-spacing:0;
    }

.search-result__item-desc{
    font-size:1rem;
    line-height:1.25rem;
    letter-spacing:0;
    }
}

@media (max-width: 15em) {

.menu-hamburger{
    display:none
}
}

@media print {
  *,
  *::before,
  *::after{
    background:#fff !important;
    color:#000 !important;
    box-shadow:none !important;
    text-shadow:none !important;
  }

  a,
  a:visited{
    -webkit-text-decoration:underline;
    text-decoration:underline;
  }

  a[href]::after{
    content:" (" attr(href) ")";
  }

  abbr[title]::after{
    content:" (" attr(title) ")";
  }
  a[href^="#"]::after,
  a[href^="javascript:"]::after{
    content:"";
  }

  pre{
    white-space:pre-wrap !important;
  }

  pre,
  blockquote{
    border:1px solid #999;
  }

  pre,
  blockquote,tr,
  img{
    page-break-inside:avoid;
  }

  p,
  h2,
  h3{
    orphans:3;
    widows:3;
  }

  h2,
  h3{
    page-break-after:avoid;
  }
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi)