@charset "UTF-8";

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
    --pswp-bg: #000;
    --pswp-placeholder-bg: #222;
    --pswp-root-z-index: 100000;
    --pswp-preloader-color: rgba(79, 79, 79, .4);
    --pswp-preloader-color-secondary: hsla(0, 0%, 100%, .9);
    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: #4f4f4f;
    --pswp-icon-stroke-color: #4f4f4f;
    --pswp-icon-stroke-width: 2px;
    --pswp-error-text-color: var(--pswp-icon-color);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    contain: layout style size;
    display: none;
    height: 100%;
    left: 0;
    opacity: .003;
    position: fixed;
    top: 0;
    touch-action: none;
    width: 100%;
    z-index: var(--pswp-root-z-index)
}

.pswp,
.pswp:focus {
    outline: 0
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--open {
    display: block
}

.pswp,
.pswp__bg {
    transform: translateZ(0);
    will-change: opacity
}

.pswp__bg {
    background: var(--pswp-bg);
    opacity: .005
}

.pswp,
.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__bg,
.pswp__container,
.pswp__content,
.pswp__img,
.pswp__item,
.pswp__scroll-wrap,
.pswp__zoom-wrap {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.pswp__img,
.pswp__zoom-wrap {
    height: auto;
    width: auto
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
    cursor: zoom-in
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
    cursor: move;
    cursor: grab
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
    cursor: grabbing
}

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
    cursor: zoom-out
}

.pswp__button,
.pswp__container,
.pswp__counter,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.pswp__item {
    overflow: hidden;
    z-index: 1
}

.pswp__hidden {
    display: none !important
}

.pswp__content {
    pointer-events: none
}

.pswp__content>* {
    pointer-events: auto
}

.pswp__error-msg-container {
    display: grid
}

.pswp__error-msg {
    color: var(--pswp-error-text-color);
    font-size: 1em;
    line-height: 1;
    margin: auto
}

.pswp .pswp__hide-on-close {
    opacity: .005;
    pointer-events: none;
    transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
    will-change: opacity;
    z-index: 10
}

.pswp--ui-visible .pswp__hide-on-close {
    opacity: 1;
    pointer-events: auto
}

.pswp__button {
    -webkit-touch-callout: none;
    -webkit-appearance: none;
    background: none;
    border: 0;
    box-shadow: none;
    cursor: pointer;
    display: block;
    height: 60px;
    margin: 0;
    opacity: .85;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 50px
}

.pswp__button:active,
.pswp__button:focus,
.pswp__button:hover {
    background: none;
    border: 0;
    box-shadow: none;
    opacity: 1;
    padding: 0;
    transition: none
}

.pswp__button:disabled {
    cursor: auto;
    opacity: .3
}

.pswp__icn {
    fill: var(--pswp-icon-color);
    color: var(--pswp-icon-color-secondary);
    height: 32px;
    left: 9px;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 14px;
    width: 32px
}

.pswp__icn-shadow {
    stroke: var(--pswp-icon-stroke-color);
    stroke-width: var(--pswp-icon-stroke-width);
    fill: none
}

.pswp__icn:focus {
    outline: 0
}

.pswp__img--with-bg,
div.pswp__img--placeholder {
    background: var(--pswp-placeholder-bg)
}

.pswp__top-bar {
    display: flex;
    flex-direction: row;
    height: 60px;
    justify-content: flex-end;
    left: 0;
    pointer-events: none !important;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.pswp__top-bar>* {
    pointer-events: auto;
    will-change: opacity
}

.pswp__button--close {
    margin-right: 6px
}

.pswp__button--arrow {
    height: 100px;
    margin-top: -50px;
    position: absolute;
    top: 0;
    top: 50%;
    width: 75px
}

.pswp__button--arrow:disabled {
    cursor: default;
    display: none
}

.pswp__button--arrow .pswp__icn {
    background: none;
    border-radius: 0;
    height: 60px;
    margin-top: -30px;
    top: 50%;
    width: 60px
}

.pswp--one-slide .pswp__button--arrow {
    display: none
}

.pswp--touch .pswp__button--arrow {
    visibility: hidden
}

.pswp--has_mouse .pswp__button--arrow {
    visibility: visible
}

.pswp__button--arrow--prev {
    left: 0;
    right: auto
}

.pswp__button--arrow--next {
    right: 0
}

.pswp__button--arrow--next .pswp__icn {
    left: auto;
    right: 14px;
    transform: scaleX(-1)
}

.pswp__button--zoom {
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
    display: none
}

.pswp__preloader {
    height: 60px;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    width: 50px
}

.pswp__preloader .pswp__icn {
    animation: pswp-clockwise .6s linear infinite;
    opacity: 0;
    transition: opacity .2s linear
}

.pswp__preloader--active .pswp__icn {
    opacity: .85
}

@keyframes pswp-clockwise {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.pswp__counter {
    color: var(--pswp-icon-color);
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: 15px;
    margin-inline-start: 20px;
    opacity: .85;
    text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary)
}

.pswp--one-slide .pswp__counter {
    display: none
}

@font-face {
    font-display: swap;
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/rubik-cyrillic-400.8191f794.woff2) format("woff2"), url(/fonts/rubik-400.060ec4cc.woff) format("woff");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Rubik;
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/rubik-cyrillic-400-italic.dbfdb69d.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/rubik-cyrillic-ext-400.423a58d2.woff2) format("woff2"), url(/fonts/rubik-400.060ec4cc.woff) format("woff");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Rubik;
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/rubik-cyrillic-ext-400-italic.699a0299.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/rubik-latin-400.d9951962.woff2) format("woff2"), url(/fonts/rubik-400.060ec4cc.woff) format("woff");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Rubik;
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/rubik-latin-400-italic.b17fbff5.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Rubik;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/rubik-latin-ext-400.a6a758a2.woff2) format("woff2") url(/fonts/rubik-400.060ec4cc.woff) format("woff");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Rubik;
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/rubik-latin-ext-400-italic.d5bd5925.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/rubik-cyrillic-500.8191f794.woff2) format("woff2"), url(/fonts/rubik-500.60ce9b09.woff) format("woff");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Rubik;
    font-style: italic;
    font-weight: 500;
    src: url(/fonts/rubik-cyrillic-500-italic.dbfdb69d.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/rubik-cyrillic-ext-500.423a58d2.woff2) format("woff2"), url(/fonts/rubik-500.60ce9b09.woff) format("woff");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Rubik;
    font-style: italic;
    font-weight: 500;
    src: url(/fonts/rubik-cyrillic-ext-500-italic.699a0299.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/rubik-latin-500.d9951962.woff2) format("woff2"), url(/fonts/rubik-500.60ce9b09.woff) format("woff");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Rubik;
    font-style: italic;
    font-weight: 500;
    src: url(/fonts/rubik-latin-500-italic.b17fbff5.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Rubik;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/rubik-latin-ext-500.a6a758a2.woff2) format("woff2"), url(/fonts/rubik-500.60ce9b09.woff) format("woff");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Rubik;
    font-style: italic;
    font-weight: 500;
    src: url(/fonts/rubik-latin-ext-500-italic.d5bd5925.woff2) format("woff2");
    unicode-range: u+0100-02af, u+0304, u+0308, u+0329, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: PT Sans Caption;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/ptsanscaption-latin-400.5dd8129e.woff2) format("woff2"), url(/fonts/ptsanscaption-400.faf0d718.woff) format("woff");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: PT Sans Caption;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/ptsanscaption-latin-ext-400.6b640a2e.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: PT Sans Caption;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/ptsanscaption-cyrillic-400.2c85aac1.woff2) format("woff2");
    unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: PT Sans Caption;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/ptsanscaption-cyrillic-ext-400.9639824e.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: PT Sans Caption;
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/ptsanscaption-latin-700.8aea7eca.woff2) format("woff2"), url(/fonts/ptsanscaption-700.507bf821.woff) format("woff");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: PT Sans Caption;
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/ptsanscaption-latin-ext-700.18e87070.woff2) format("woff2");
    unicode-range: u+0100-024f, u+0259, u+1e??, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: PT Sans Caption;
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/ptsanscaption-cyrillic-700.23be03f3.woff2) format("woff2");
    unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: PT Sans Caption;
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/ptsanscaption-cyrillic-ext-700.e15c6d6a.woff2) format("woff2");
    unicode-range: u+0460-052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    font-family: Rubik, Roboto, Open Sans, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    padding: 0
}

a {
    background-color: transparent;
    text-decoration: none
}

a,
a:focus,
a:hover {
    color: #2e87ca;
    outline: 0
}

a:hover {
    text-decoration: underline
}

img {
    border-style: none;
    font-size: 0
}

input {
    -webkit-appearance: none;
    font-family: Rubik, Roboto, Open Sans, Arial, Helvetica, sans-serif
}

input[type=search]::-webkit-input-placeholder {
    line-height: normal !important;
    opacity: 1
}

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

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    cursor: pointer;
    font-family: Rubik, Roboto, Open Sans, Arial, Helvetica, sans-serif;
    font-size: inherit;
    margin: 0
}

button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring {
    outline: none
}

p {
    margin: 0 0 10px
}

b,
strong {
    font-weight: 600
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative
}

video {
    -webkit-appearance: none;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
    outline: none
}

picture {
    font-size: 0
}

.header {
    color: #555;
    font-family: PT Sans Caption, Open Sans, Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 22px
}

.crumbs {
    list-style: none;
    padding: 0;
    scrollbar-width: none;
    white-space: nowrap;
    width: 100%
}

.crumbs,
.crumbs__item {
    align-items: center;
    display: flex
}

.crumbs__separator {
    fill: #e1e1e1;
    height: 9px;
    margin: 0 8px 0 10px;
    width: 5px
}

.crumbs.crumbs--compact {
    box-sizing: content-box;
    margin: -2px 0 -7px
}

.crumbs.crumbs--compact .crumbs__link {
    align-items: center;
    color: #c9c9c9;
    display: flex;
    font-size: 15px
}

.crumbs.crumbs--compact .crumbs__link:hover {
    color: #2e87ca;
    text-decoration: none
}

@media screen and (max-width:480px) {
    .header {
        font-size: 30px;
        line-height: 1.5;
        margin: 8px 0 14px
    }

    .crumbs {
        overflow-x: auto
    }

    .crumbs::-webkit-scrollbar {
        display: none
    }

    .crumbs__separator {
        fill: #b6c9d7
    }

    .crumbs__item:last-child {
        padding-right: 24px
    }

    .crumbs.crumbs--compact {
        background: #f9f9f9;
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .05);
        margin: -20px -15px 2px;
        padding: 10px 15px
    }

    .crumbs.crumbs--compact .crumbs__link {
        color: #2e87ca
    }

    .crumbs.crumbs--compact .crumbs__link:after {
        opacity: unset
    }

    .crumbs.crumbs--compact:after {
        background: linear-gradient(90deg, hsla(0, 0%, 98%, 0), #f9f9f9 95%);
        content: "";
        display: block;
        height: 1em;
        position: absolute;
        right: 0;
        width: 32px
    }
}

.icon {
    display: inline-block;
    height: 1.8ex;
    vertical-align: middle;
    width: 1.8ex
}

.page-banner {
    display: block
}

.page-banner ins {
    background: #fafafa;
    min-height: 90px
}

.promo-banner {
    align-items: center;
    border: 1px solid #000;
    border-radius: 4px;
    box-sizing: border-box;
    color: #000;
    display: flex;
    font-family: PT Sans Caption, Open Sans, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin: 20px 0 10px;
    padding: 20px;
    position: relative;
    width: 100%
}

.promo-banner.promo-banner--blue {
    background-color: #0071ce;
    border: none;
    color: #fff
}

.promo-banner__icon {
    box-sizing: content-box;
    flex-grow: 0;
    flex-shrink: 0;
    max-height: 48px;
    padding-right: 18px;
    width: 48px
}

.promo-banner__content {
    flex-grow: 1
}

.promo-banner__content b,
.promo-banner__content strong {
    color: inherit !important;
    font-weight: 600 !important
}

.promo-banner__button {
    background: #000;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    flex-grow: 0;
    font-size: 14px;
    font-weight: 600;
    margin-left: 12px;
    padding: 8px 14px;
    transition: all .2s ease;
    white-space: nowrap
}

.promo-banner__button:hover {
    color: #fff;
    text-decoration: none
}

.promo-banner--blue .promo-banner__button {
    background: #fff;
    color: #0071ce
}

.promo-banner--blue .promo-banner__button:hover {
    background: hsla(0, 0%, 100%, .94);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
    color: #0071ce
}

@media screen and (max-width:480px) {
    .promo-banner {
        flex-direction: column
    }

    .promo-banner__icon {
        font-size: 64px;
        height: 64px;
        margin: 0;
        padding: 0 0 16px
    }

    .promo-banner__content {
        -webkit-hyphens: auto;
        hyphens: auto
    }

    .promo-banner__button {
        box-sizing: border-box;
        margin-top: 18px;
        text-align: center;
        text-transform: uppercase;
        width: 100%
    }
}

.content-box {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 800px;
    min-height: calc(100vh - 145px);
    padding: 20px 0 40px;
    position: relative;
    z-index: 500
}

.content-box--channels {
    max-width: 900px
}

.fckrkn {
    background: #f75c48;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 600;
    height: 32px;
    left: 0;
    line-height: 1.5;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0
}

.fckrkn a {
    color: #fff;
    text-decoration: none
}

.fckrkn a:active,
.fckrkn a:focus,
.fckrkn a:hover {
    opacity: .9
}

[v-cloak] {
    visibility: hidden
}

.visible--mobile {
    display: none !important
}

@media screen and (max-width:480px) {
    .visible--mobile {
        display: inherit !important
    }
}

@media screen and (max-width:768px) {
    .content-box {
        padding: 20px 20px 40px;
        width: 100%
    }
}

@media screen and (max-width:480px) {
    .hidden--mobile {
        display: none
    }

    .content-box {
        padding: 20px 15px 30px
    }
}

.httperror {
    display: flex;
    margin: 80px auto 60px;
    max-width: 620px;
    text-align: center
}

.httperror__img {
    display: block;
    flex-grow: 0;
    height: 256px;
    padding-right: 24px;
    width: 256px
}

.httperror__info {
    align-items: center;
    align-self: center;
    display: flex;
    flex-direction: column
}

.httperror__code {
    color: #444;
    font-size: 120px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 1;
    margin: 0 0 2px
}

.httperror__lead {
    border: none;
    color: #9a9a9a;
    font-size: 20px;
    line-height: 1;
    margin: 0 0 36px;
    padding: 0
}

.httperror__text {
    font-size: 18px
}

@media screen and (max-width:480px) {
    .httperror {
        align-items: center;
        flex-direction: column;
        margin-top: 12px
    }

    .httperror__img {
        margin-bottom: 30px;
        padding: 0
    }

    .httperror__info {
        padding: 0 18px
    }
}

.nav {
    background-color: #497495;
    box-sizing: border-box;
    display: flex;
    padding: 0 20px;
    width: 100%;
    z-index: 900
}

.nav.transparent {
    background: hsla(0, 0%, 8%, .1);
    position: absolute
}

.nav.index {
    background: transparent !important
}

.nav_vue {
    display: none
}

.nav_item {
    color: transparent;
    cursor: pointer;
    font-size: 0;
    padding: 12px 24px
}

.nav_item__tlgrm {
    align-items: center;
    display: flex;
    flex-grow: 0;
    font-size: 0;
    padding-left: 0
}

.nav_item__tlgrm:hover {
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 6px hsla(0, 0%, 100%, .2)
}

.nav_logo {
    background-color: #39638b;
    background-image: url(top-logo-icon.f53b2ea1.svg);
    background-position: 50%;
    border-radius: 50%;
    height: 26px;
    margin-right: 8px;
    width: 26px
}

.transparent .nav_logo {
    background-color: transparent;
    background-image: url(top-logo-icon_monochrome.20025079.svg)
}

.nav_title {
    color: #fff;
    font-size: 16px;
    font-weight: 500
}

.nav_title:first-letter {
    margin-right: -.11em
}

.nav_menu {
    align-items: center;
    display: flex;
    flex-direction: row;
    list-style: none;
    margin: 0 0 0 30px;
    padding: 0
}

.nav_menu__item {
    color: hsla(0, 0%, 100%, .8);
    line-height: 1
}

.nav_menu__item.active {
    background: #3a5c76
}

.transparent .nav_menu__item.active {
    background: transparent;
    box-shadow: inset 0 -2px #d7d7d7
}

.nav_menu__link {
    color: #d8e3ec;
    display: block;
    font-size: 15px;
    padding: 20px
}

.transparent .nav_menu__link {
    color: hsla(0, 0%, 100%, .5)
}

.index .nav_menu__link {
    color: #fff !important
}

.index .nav_menu__link:hover {
    text-shadow: 0 0 6px #fff
}

.active .nav_menu__link,
.nav_menu__link:active,
.nav_menu__link:focus,
.nav_menu__link:hover {
    color: #fff;
    text-decoration: none
}

.nav_hamburger {
    background: hsla(0, 0%, 100%, .8);
    height: 3px;
    position: relative;
    width: 20px
}

.nav_hamburger:after,
.nav_hamburger:before {
    background: hsla(0, 0%, 100%, .8);
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 20px
}

.nav_hamburger:before {
    top: -7px
}

.nav_hamburger:after {
    bottom: -7px
}

.transparent .nav_hamburger,
.transparent .nav_hamburger:after,
.transparent .nav_hamburger:before {
    background: #fff
}

.nav-wrapper {
    background-color: rgba(0, 0, 0, .75);
    border-right: 1px solid #111;
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    white-space: nowrap;
    z-index: 910
}

.nav-wrapper.visible {
    display: flex
}

.nav-submenu-wrap {
    background-color: #f5f5f5;
    height: 100%;
    min-width: 72%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

.nav-submenu {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.nav-submenu_item {
    display: block
}

.nav-submenu_item__link {
    color: #555;
    display: block;
    font-size: 15px;
    overflow: hidden;
    padding: 14px 36px 14px 16px;
    text-decoration: none;
    text-overflow: ellipsis
}

.nav-submenu_item__link:hover {
    background-color: #e9e9e9;
    color: #000;
    text-decoration: none
}

.active .nav-submenu_item__link {
    background-color: #eee;
    box-shadow: inset 3px 0 0 #2e87ca;
    color: #000
}

.nav-submenu-separator {
    background: #ddd;
    display: block;
    height: 1px;
    margin: 12px 0
}

.nav-close-pane {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1
}

.nav-close-pane:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23CED0CE' viewBox='0 0 20 20'%3E%3Cpath d='M0 2.5 2.5 0 10 7.5 17.5 0 20 2.5 12.5 10l7.5 7.5-2.5 2.5-7.5-7.5L2.5 20 0 17.5 7.5 10Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    content: "";
    cursor: pointer;
    display: block;
    height: 16px;
    padding: 18px;
    width: 16px
}

@media screen and (max-width:720px) {
    .nav {
        align-items: center;
        padding-right: 0
    }

    .nav_menu {
        margin-left: 24px;
        overflow-x: auto;
        scrollbar-width: none
    }

    .nav_menu::-webkit-scrollbar {
        display: none
    }

    .nav_menu__link {
        font-size: 14px;
        padding: 20px 12px;
        text-align: center
    }

    .nav_item {
        padding: 0
    }

    .nav_item__menu {
        align-items: center;
        display: flex;
        flex-grow: 1;
        margin-right: -16px;
        padding: 0 16px
    }
}

@media screen and (max-width:480px) {
    .nav {
        height: 48px;
        padding-left: 0
    }

    .nav.transparent {
        background: hsla(0, 0%, 8%, .2)
    }

    .nav_menu {
        display: none
    }

    .nav_vue {
        display: flex;
        height: 100%
    }

    .nav_item__menu {
        flex-grow: 0
    }

    .nav_logo {
        height: 24px;
        width: 24px
    }

    .nav_item__tlgrm {
        margin: auto;
        padding: 0 42px 0 0
    }
}

.footer {
    background: #222;
    box-sizing: border-box;
    color: #c8c8c8;
    display: block;
    font-size: 14px;
    line-height: 1.6;
    margin-top: 24px;
    padding: 24px 16px 16px 110px;
    position: relative;
    z-index: 900
}

.footer:before {
    background-image: url(top-logo-icon_monochrome.20025079.svg);
    content: "";
    display: block;
    filter: invert(90%);
    height: 64px;
    left: 20px;
    position: absolute;
    top: 24px;
    width: 64px
}

.footer p {
    margin: 0 0 4px
}

.footer a {
    color: #4495d3
}

.footer__bottom {
    display: block;
    padding-top: 15px;
    position: relative
}

.footer__column {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0 70px 0 0;
    vertical-align: top
}

.footer__column a {
    display: block;
    padding-bottom: 6px
}

@media screen and (max-width:480px) {
    .footer {
        padding: 20px
    }

    .footer:before {
        bottom: 20px;
        left: unset;
        right: 20px;
        top: unset
    }

    .footer__bottom {
        padding-top: 0
    }

    .footer__column {
        display: block;
        margin-top: 10px;
        padding: 10px 0 0;
        width: 100%
    }
}

.is-noscroll {
    margin-right: var(--scrollbarWidth, 0);
    overflow: hidden
}

.modal-wrap {
    -webkit-backface-visibility: hidden;
    background: transparent;
    margin: auto;
    max-width: 100%;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1195
}

.modal-background,
.modal-wrap {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.modal-background {
    background: #0b0b0b;
    opacity: .8;
    overflow: hidden;
    z-index: 1190
}

.modal {
    background: #fcfcfb;
    border-radius: 6px;
    margin: 40px auto;
    max-width: 440px;
    overflow: hidden;
    position: relative;
    z-index: 1200
}

.modal__header {
    background: #fff;
    border-bottom: 1px solid #dedede;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #3f3f3f;
    font-size: 21px;
    font-weight: 500;
    height: 56px;
    line-height: 56px;
    text-align: center
}

.modal__content {
    color: #0b0b0b;
    font-size: 15px;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 1.5;
    margin: 0;
    padding: 16px 16px 0
}

.modal__content--stickers {
    font-size: 0;
    padding: 10px
}

.modal__heading {
    color: #497495;
    font-size: 16px;
    font-weight: 400;
    font-weight: 500;
    margin: 5px 0
}

.modal__contents {
    display: block
}

.modal__image {
    margin-bottom: -8px;
    min-height: 50px;
    width: 100%
}

.modal__close {
    color: #aeaeae;
    cursor: pointer;
    line-height: 0;
    padding: 16px;
    position: absolute;
    right: 0;
    top: 0
}

.modal__close:hover {
    color: #111
}

.modal__close svg {
    fill: currentColor;
    height: 24px;
    width: 24px
}

.modal-iframe {
    padding: 16px
}

.modal-iframe__frame {
    border: none;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    width: 100%
}

.modal-iframe-loader {
    margin: 45px 0 40px;
    text-align: center
}

.modal-iframe-loader__spinner {
    animation: ui_spinner .7s linear infinite;
    border-color: #3d7df7 hsla(214, 6%, 56%, .2) hsla(214, 6%, 56%, .2) #3d7df7;
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    box-sizing: border-box;
    display: inline-block;
    height: 32px;
    width: 32px
}

@keyframes ui_spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@media screen and (max-width:480px) {
    .modal {
        margin: 14px;
        max-width: 100%
    }

    .modal__iframe {
        padding: 0
    }

    .modal-iframe {
        padding: 12px
    }
}

@media screen and (max-width:360px) {
    .modal {
        margin: 6px
    }

    .modal__header {
        font-size: 18px;
        height: 48px;
        line-height: 48px
    }

    .modal__close {
        padding: 11px
    }

    .modal__close svg {
        height: 28px;
        width: 28px
    }

    .modal__content {
        font-size: 13px;
        margin: 0;
        padding: 12px 14px 0
    }
}

.anchor {
    color: transparent;
    display: inline-block;
    float: left;
    font-family: PT Sans Caption, Open Sans, Arial, Helvetica, sans-serif;
    font-size: 1em;
    margin-left: -28px;
    padding-right: 4px;
    text-align: center;
    width: 24px
}

.anchor:before {
    content: "#"
}

.anchor:hover {
    color: #d00 !important;
    text-decoration: none
}

.article {
    font-size: 16px;
    line-height: 28px
}

.article p {
    color: #343842;
    margin-bottom: 16px
}

.article p:last-child {
    margin-bottom: 0
}

.article b,
.article strong {
    color: #262636;
    font-weight: 500;
    word-break: break-word
}

.article table {
    border: 1px solid #e4dff2;
    border-collapse: collapse;
    color: #241c2c;
    font-size: .9rem;
    margin: 1.5rem 0;
    max-width: 1300px;
    width: 100%
}

.article th {
    background: #fbfafd;
    border-top: 1px solid #e4dff2;
    font-family: PT Sans Caption, Open Sans, Arial, Helvetica, sans-serif;
    padding: .5rem .75rem;
    text-align: left;
    vertical-align: bottom
}

.article tbody td {
    border-top: 1px solid #e4dff2;
    padding: .75rem;
    vertical-align: top
}

.article tbody tr td:first-child>strong {
    font-family: PT Sans Caption, Open Sans, Arial, Helvetica, sans-serif
}

.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
    font-weight: 500;
    line-height: 1.4
}

.article h2:hover .anchor,
.article h3:hover .anchor,
.article h4:hover .anchor,
.article h5:hover .anchor,
.article h6:hover .anchor {
    color: #027bf3
}

.article h2 {
    border-bottom: 3px solid;
    color: #333;
    display: inline-block;
    font-size: 32px;
    letter-spacing: -1px;
    margin-bottom: 12px;
    margin-top: 18px
}

.article h2+h3 {
    margin-top: 12px
}

.article h2+.article-note {
    margin-top: 8px
}

.article h3 {
    color: #333;
    font-size: 24px;
    margin-bottom: 8px;
    margin-top: 32px
}

.article h4 {
    border-bottom: 1px solid #ddd;
    color: #777;
    font-size: 16px;
    line-height: 1.5;
    margin: 24px 0 12px;
    padding-bottom: 6px
}

.article blockquote {
    background: #f8f8f8;
    border-left: 3px solid rgba(0, 0, 0, .1);
    border-radius: 0 2px 2px 0;
    box-sizing: border-box;
    display: block;
    margin: 6px 0 12px;
    padding: 12px 12px 12px 16px;
    width: 100%
}

.article blockquote p:last-child {
    margin: 0
}

h1+.article blockquote {
    margin: -10px 0 20px
}

.article ol {
    padding: 0 0 0 16px
}

.article ul {
    list-style: none;
    margin: 0 0 16px;
    padding: 0 0 0 20px
}

.article ul li:before {
    background: #027bf3;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 7px;
    margin-left: -19px;
    margin-right: 12px;
    margin-top: -1px;
    vertical-align: middle;
    width: 7px
}

.article li {
    color: #2a3237;
    line-height: 28px;
    margin-bottom: 10px;
    padding-left: 4px
}

.article li ul {
    margin-top: 10px
}

.article li ul li:before {
    border-radius: 0;
    height: 6px;
    width: 6px
}

.article code {
    color: #8d1a38;
    font-family: Roboto Mono, monospace;
    word-break: break-word
}

.article figure {
    display: flex;
    justify-content: center;
    width: 100%
}

.article-image-container {
    justify-content: center;
    margin: 1.4rem auto
}

.article-image-container img {
    background-position: 50%;
    background-size: cover;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
    box-sizing: border-box;
    max-height: 380px;
    max-width: 50%;
    -o-object-fit: contain;
    object-fit: contain
}

.article-image-container--single .image--horizontal,
.article-image-container--single .image--square,
.article-image-container--single .image--vertical {
    height: auto;
    max-width: 100%;
    width: 100%
}

.article-image-container--gallery img {
    flex-shrink: 1;
    height: 100%;
    margin: 0 18px 0 0;
    -o-object-fit: cover;
    object-fit: cover
}

.article-image-container--gallery img:last-child {
    margin-right: 0
}

.article-image-container--gallery .image--horizontal,
.article-image-container--gallery .image--square,
.article-image-container--gallery .image--vertical {
    height: auto;
    max-height: 420px;
    max-width: 50%;
    min-width: 0;
    width: auto
}

.article-video-container {
    margin: 1.4rem auto
}

.article-video-container__inner {
    align-items: center;
    display: flex;
    flex-shrink: 1;
    justify-content: center;
    max-width: 100%
}

.article-video-container video {
    background-position: 50%;
    background-size: cover;
    border: 3px solid #fff;
    border-radius: 6px;
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .1);
    flex-shrink: 1;
    height: 100%;
    max-height: 480px;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto
}

.article-video-container ui-ripple {
    animation: video-button-fadeout .5s linear 1 normal forwards;
    background-color: rgba(0, 0, 0, .35);
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M8 5v14l11-7z"/></svg>');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
    border-radius: 50%;
    height: 64px;
    position: absolute;
    width: 64px
}

.article-video-container ui-ripple.icon-pause {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/></svg>')
}

.article-video-container button {
    background-color: rgba(0, 0, 0, .35);
    background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M8 5v14l11-7z"/></svg>');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
    border-radius: 50%;
    height: 64px;
    position: absolute;
    width: 64px
}

.article-video-container--standalone video {
    border: none;
    box-shadow: none;
    -o-object-fit: contain;
    object-fit: contain
}

.article-inline-icon {
    display: inline-block;
    height: 24px;
    margin: -6px 4px;
    width: 24px
}

.article-inline-wrapper {
    margin: 0 6px 0 0;
    white-space: nowrap
}

@keyframes video-button-fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale(2)
    }
}

@media (max-width:800px) {
    .anchor {
        float: none;
        margin: 0;
        padding: 0 0 0 4px
    }
}

@media screen and (max-width:480px) {
    .anchor {
        display: none
    }

    .article p {
        -webkit-hyphens: auto;
        hyphens: auto;
        line-height: 1.65
    }

    .article blockquote {
        margin: 6px -15px 12px;
        padding: 12px;
        width: auto
    }

    .article li {
        padding-left: 1px
    }

    .article-image-container--single {
        margin-left: -15px;
        margin-right: -15px;
        width: unset !important
    }

    .article-image-container--single img {
        border: none;
        border-radius: 0;
        box-shadow: none
    }

    .article-image-container--single .image--horizontal,
    .article-image-container--single .image--square,
    .article-image-container--single .image--vertical {
        max-width: 100%;
        width: 100%
    }

    .article-image-container--gallery img {
        border: 3px solid #fff;
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .08);
        margin: 0 12px 0 0
    }

    .article-image-container--gallery .image--horizontal,
    .article-image-container--gallery .image--square,
    .article-image-container--gallery .image--vertical {
        max-height: 90vh;
        min-width: 0;
        -o-object-fit: cover;
        object-fit: cover;
        width: -moz-fit-content;
        width: fit-content
    }

    .article-video-container {
        margin-left: -16px;
        margin-right: -16px;
        width: unset !important
    }

    .article-video-container__inner {
        width: 100%
    }

    .article-video-container video {
        border: none;
        border-radius: 0;
        box-shadow: none;
        height: auto;
        max-height: 480px;
        -o-object-fit: contain;
        object-fit: contain;
        width: 100%
    }

    .article .article-inline-wrapper {
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: bottom
    }
}

.search {
    font-size: 0;
    position: relative
}

.search__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 2px solid #d0d0d0;
    border-radius: 6px;
    box-sizing: border-box;
    display: block;
    font-size: 15px;
    height: 42px;
    margin: 0;
    padding: 12px 16px;
    position: relative;
    width: 100%;
    z-index: 150
}

.search__input::-moz-placeholder {
    color: #999;
    opacity: 1
}

.search__input::placeholder {
    color: #999;
    opacity: 1
}

.search__input:focus {
    border-color: #2575ed;
    box-shadow: 0 0 0 2px rgba(37, 117, 237, .3), inset 0 1px 2px rgba(0, 0, 0, .2);
    outline: 0 none
}

.search__input:focus+svg {
    fill: #2575ed
}

.search__icon {
    fill: #bbb;
    background: #fff;
    cursor: pointer;
    display: block;
    height: 24px;
    position: absolute;
    right: 8px;
    top: 9px;
    width: 24px;
    z-index: 900
}

.search__icon.icon--search {
    pointer-events: none
}

.search__icon:hover {
    fill: #2575ed
}

.search__results {
    background: #fff;
    border: none;
    border-radius: 6px;
    box-shadow: 0 0 0 6px #fff, 0 2px 8px 8px rgba(0, 0, 0, .16);
    overflow: hidden;
    padding: 48px 0 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100
}

.search__footer {
    align-items: center;
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 10px 16px 4px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    z-index: 9000
}

.search__footer .pager__pages {
    border-radius: 5px
}

.search__footer .pager-item {
    color: #444;
    font-size: 14px
}

.search__footer .pager-item--control {
    min-width: 36px
}

.search__footer .pager-item.active {
    background: linear-gradient(180deg, #444, #333);
    border-color: #444;
    box-shadow: 0 0 0 1px #222;
    color: #fff
}

.search__footer .pager-item__icon {
    height: 1em;
    width: 1em
}

.search__footer .pager-item__link {
    box-sizing: border-box;
    font-weight: 500;
    line-height: 1;
    min-width: 42px;
    padding: 10px 0
}

.search__footer .pager-item__link:focus,
.search__footer .pager-item__link:hover {
    color: inherit
}

.search__footer .pager-item:first-child {
    border-radius: 4px 0 0 4px
}

.search__footer .pager-item:last-child {
    border-radius: 0 4px 4px 0
}

.search__meta {
    color: #444;
    flex-grow: 1;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    padding-right: 2ex;
    text-align: left
}

.search__meta b {
    font-weight: 500
}

.search-footer-razuplotnitel {
    flex-basis: 120px;
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 2px
}

.search__empty {
    font-size: 16px;
    padding: 18px 15px
}

.search__backdrop {
    background: rgba(0, 0, 0, .25);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 90
}

@media screen and (max-width:480px) {
    .search--expanded {
        margin-left: -15px;
        margin-right: -15px
    }

    .search--expanded .search__input {
        border: none;
        border-radius: 0;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .08), 0 -1px 0 rgba(0, 0, 0, .1)
    }

    .search--expanded .search__results {
        box-shadow: 0 3px 6px rgba(0, 0, 0, .12), 0 2px 14px rgba(0, 0, 0, .06)
    }

    .search__input {
        font-size: 16px
    }

    .search__results {
        border-radius: 0
    }

    .search__meta {
        display: none;
        font-size: 0
    }

    .search-footer-razuplotnitel {
        display: none
    }

    .search__footer {
        flex-shrink: 0;
        padding: 10px
    }

    .search__footer .pager,
    .search__footer .pager__pages {
        width: 100%
    }

    .search__footer .pager-item {
        flex: 1
    }

    .search__footer .pager-item__link {
        padding-bottom: 12px;
        padding-top: 12px
    }
}

.spinner {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    width: 100%
}

.spinner__wheel {
    height: 48px;
    width: 48px
}

.spinner__text {
    background: #f5f5f5;
    border-radius: 5px;
    color: #999;
    font-size: 14px;
    font-weight: 500;
    margin: 12px 0;
    padding: 1px 8px
}

.sharerjs {
    align-items: center;
    display: flex;
    font-size: 0
}

.sharerjs__item {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    margin: 0 0 0 6px;
    width: 32px
}

.sharerjs__item--pinterest {
    background-color: #c20724
}

.sharerjs__item--whatsapp {
    background-color: #65bc54
}

.sharerjs__item--facebook {
    background-color: #3c5a98
}

.sharerjs__item--telegram {
    background-color: #28a7e9
}

.sharerjs__item--twitter {
    background-color: #00aced
}

.sharerjs__item--okru {
    background-color: #eb722e
}

.sharerjs__item--link {
    background-color: #eb1c00
}

.sharerjs__item--vk {
    background-color: #2787f5
}

.sharerjs__item:hover {
    opacity: .85
}

.sharerjs__icon {
    fill: #fff;
    width: 90%
}

.sharerjs__item--link .sharerjs__icon {
    height: 75%;
    width: 75%
}

@media screen and (max-width:480px) {
    .sharerjs__item {
        margin: 0 0 0 8px
    }
}

.pager {
    display: flex;
    font-size: 0;
    justify-content: center
}

.pager__pages {
    border: 1px solid #ddd;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.pager-item {
    align-items: center;
    border: 0 solid #ddd;
    box-sizing: border-box;
    color: #555;
    cursor: pointer;
    display: flex;
    font-size: 15px;
    justify-content: center;
    text-align: center
}

.pager-item:hover {
    background: rgba(0, 0, 0, .05)
}

.pager-item.active {
    cursor: default;
    pointer-events: none
}

.pager-item--control {
    background-color: #fcfcfc;
    border-left-width: 1px;
    border-right-width: 1px
}

.pager-item--control+.pager-item--control,
.pager-item--control:first-child {
    border-left: none
}

.pager-item--control:last-child {
    border-right: none
}

.pager-item__icon {
    fill: currentColor;
    height: 1.5em;
    width: 1.5em
}

.pager-item__link {
    color: inherit;
    cursor: pointer;
    display: block;
    text-decoration: none;
    width: 100%
}

.pager-item__link:hover {
    color: #222;
    text-decoration: none
}

.pager-item__link:active,
.pager-item__link:focus {
    color: inherit
}

.pager-item--control .pager-item__link {
    line-height: 0 !important
}

@media (pointer:coarse) {

    .pager-item:active,
    .pager-item:focus,
    .pager-item:hover {
        background: none
    }
}

.sticker-page-title {
    font-size: 34px;
    font-weight: 500;
    line-height: 1.5;
    margin: 8px 0 16px
}

.sticker-collections-tabs {
    align-items: baseline;
    border-bottom: 1px solid #ddd;
    display: flex;
    font-size: 0
}

.sticker-collections-tabs__tab {
    color: #bbb;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .2px;
    margin: 0 18px -1px 0;
    padding: 10px 0;
    text-transform: uppercase
}

.sticker-collections-tabs__tab--active {
    border-bottom: 2px solid #497495;
    color: #497495;
    pointer-events: none
}

.sticker-collections-tabs__tab a {
    color: inherit;
    text-decoration: none
}

.sticker-collections-tabs__tab:last-child {
    margin-right: 0
}

.sticker-collections-tabs__tab:hover {
    color: #5178a3
}

.stickers-bottom-banner,
.stickers-bottom-infobox {
    margin-top: 32px
}

.stickers-bottom-infobox .promo-banner {
    font-family: Rubik, Roboto, Open Sans, Arial, Helvetica, sans-serif;
    font-weight: 400
}

.stickers-bottom-infobox .promo-banner__button {
    font-size: 16px;
    font-weight: 500
}

.stickers-bottom-infobox .promo-banner__content strong {
    font-weight: 500 !important
}

@media screen and (max-width:480px) {
    .sticker-page-title {
        font-size: 24px;
        margin: 0 0 8px
    }

    .sticker-collections-tabs__tab {
        flex-grow: 1;
        margin-right: 8px;
        text-align: center
    }
}

.sticker-list {
    grid-column-gap: 24px;
    grid-row-gap: 20px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: 1fr;
    margin: 24px 0 0;
    width: 100%
}

.stickerbox {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    color: #333;
    cursor: pointer;
    font-size: 0;
    padding: 20px 0 0;
    position: relative;
    text-align: center;
    width: 100%
}

.stickerbox:hover {
    border-color: #c8c8c8;
    text-decoration: none
}

.stickerbox__author {
    display: none
}

.stickerbox__image {
    background-color: #fff;
    background-image: url(sticker.bf0ee7ca.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 48px;
    display: block;
    height: 128px;
    width: 128px
}

.stickerbox__image--extra {
    display: none
}

.stickerbox__image--zaglushka {
    visibility: hidden
}

.stickerbox__caption {
    background: #f8f8f8;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #ddd;
    color: #4c4c4c;
    font-size: 15px;
    font-weight: 500;
    margin: 14px 0 0;
    overflow: hidden;
    padding: 10px 12px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.stickerbox__caption svg {
    display: none
}

.stickerbox:hover .stickerbox__caption {
    border-top-color: #cfcfcf;
    color: #2d6da3
}

.stickerbox:focus .stickerbox__caption {
    color: #285f8f
}

.stickerbox__badge {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #f66261;
    border-radius: 3px;
    color: #fdefef;
    font-size: 12px;
    font-weight: 500;
    padding: 0 6px;
    position: absolute;
    right: -4px;
    top: 10px
}

.stickerbox-thumb-list {
    align-items: center;
    display: flex;
    justify-content: center
}

.stickerbox-thumb-list__counter {
    align-items: center;
    border-radius: 12px;
    box-sizing: border-box;
    color: #999;
    display: none;
    flex-direction: column;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    justify-content: center;
    margin-right: -6px;
    width: 48px
}

.stickerbox-thumb-list__counter svg {
    fill: currentColor;
    height: 32px;
    margin-bottom: -10px;
    margin-top: -4px;
    width: 32px
}

.sticker-list-pager {
    margin-top: 32px
}

.sticker-list-pager .pager__pages {
    border-radius: 6px
}

.sticker-list-pager .pager-item {
    color: #404040;
    font-size: 13px
}

.sticker-list-pager .pager-item--control {
    color: #8f8f8f;
    min-width: 42px
}

.sticker-list-pager .pager-item--control:hover {
    color: #555
}

.sticker-list-pager .pager-item.active {
    background: #eff5fa;
    border: 2px solid #337ab7;
    border-radius: 6px;
    color: #285f8f;
    font-weight: 500;
    margin: -1px 0
}

.sticker-list-pager .pager-item.active .loading {
    background-image: url(pagination-preloader.df1cbb05.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 50%;
    color: transparent
}

.sticker-list-pager .pager-item:first-child {
    border-radius: 6px 0 0 6px
}

.sticker-list-pager .pager-item:first-child.active {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.sticker-list-pager .pager-item:last-child {
    border-radius: 0 6px 6px 0
}

.sticker-list-pager .pager-item:last-child.active {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.sticker-list-pager .pager-item__link {
    display: block;
    line-height: 1;
    min-width: 44px;
    padding: 14px 0 13px
}

@media screen and (max-width:720px) {
    .sticker-list {
        grid-column-gap: 20px;
        grid-row-gap: 16px;
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}

@media screen and (max-width:480px) {
    .sticker-list {
        display: block;
        margin-top: 2px
    }

    .stickerbox {
        border-color: #efefef;
        border-radius: 0;
        border-width: 0 0 1px;
        display: flex;
        flex-direction: column-reverse;
        margin: 0;
        padding: 8px 0 12px;
        width: 100%
    }

    .stickerbox:hover {
        background: none;
        border-color: #eee
    }

    .stickerbox:last-child {
        border: none
    }

    .stickerbox__image {
        background-size: 24px;
        flex-grow: 0;
        flex-shrink: 0;
        height: 48px;
        width: 48px
    }

    .stickerbox__image--extra {
        display: block
    }

    .stickerbox__caption {
        align-items: baseline;
        background: none;
        border: none;
        display: flex;
        flex-grow: 1;
        font-size: 16px;
        font-weight: 500;
        margin: 0;
        padding: 0 0 8px;
        text-align: left
    }

    .stickerbox__caption svg {
        fill: #828282;
        align-self: center;
        display: block;
        height: 1em;
        margin-left: .6ex;
        margin-right: -.3ex;
        width: 1em
    }

    .stickerbox:hover .stickerbox__caption {
        color: #337ab7
    }

    .stickerbox:active .stickerbox__caption {
        color: #265a87
    }

    .stickerbox__author {
        color: #bbb;
        display: inline-block;
        font-size: .75em;
        font-style: normal;
        font-weight: 400;
        margin-left: 1ex
    }

    .stickerbox__badge {
        display: none
    }

    .stickerbox-thumb-list {
        justify-content: space-between
    }

    .stickerbox-thumb-list__counter {
        display: flex
    }

    .stickerbox:hover .stickerbox-thumb-list__counter {
        color: #337ab7
    }

    .stickerbox:focus .stickerbox-thumb-list__counter {
        color: #285f8f
    }

    .sticker-list-pager {
        margin-top: 16px
    }

    .sticker-list-pager .pager__pages {
        background: #fafafa;
        width: 100%
    }

    .sticker-list-pager .pager-item {
        border-left-width: 0;
        border-right-width: 0;
        display: none;
        flex-grow: 1;
        font-size: 16px;
        margin: 0
    }

    .sticker-list-pager .pager-item--control,
    .sticker-list-pager .pager-item.active {
        background: transparent;
        border-color: transparent;
        display: flex
    }

    .sticker-list-pager .pager-item--control {
        flex-grow: 1;
        max-width: 25%;
        z-index: 900
    }

    .sticker-list-pager .pager-item--control:first-child {
        justify-content: flex-start;
        margin-right: -25%
    }

    .sticker-list-pager .pager-item--control:last-child {
        justify-content: flex-end;
        margin-left: -25%
    }

    .sticker-list-pager .pager-item--control svg {
        margin: 0 12px
    }

    .sticker-list-pager .pager-item.active {
        border-radius: 0;
        color: #111;
        z-index: 100
    }

    .sticker-list-pager .pager-item.active .pager-item__link:before {
        content: attr(data-trans);
        font-weight: 400;
        margin-right: .5ex;
        text-transform: uppercase
    }

    .sticker-list-pager .pager-item__link {
        padding: 16px 0;
        width: 100%
    }
}

.stickers-snippets {
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    margin: 48px 0 0
}

.stickers-snippets__snippet {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    flex: 1;
    min-width: 100px;
    padding: 0 0 6px
}

.stickers-snippets__snippet:last-child {
    margin-left: 24px
}

.stickers-snippet__title {
    align-items: center;
    background: #fafafa;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    border-radius: 4px 4px 0 0;
    color: #666;
    display: flex;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 22px;
    margin: 0 0 4px;
    padding: 15px 18px 13px;
    text-transform: uppercase
}

.stickers-snippet__icon {
    height: 1em;
    margin-right: .45em;
    width: 1em
}

.stickers-snippet__icon--fire {
    color: #ff7600
}

.stickers-snippet__icon--history {
    color: #888
}

.stickers-snippet__icon--star {
    fill: currentColor;
    height: 16px;
    margin: -1px -1px 0 6px;
    width: 16px
}

.stickers-snippet__icon--reward {
    fill: #ffb812;
    height: 24px;
    margin-left: 3px;
    margin-right: -6px;
    width: 24px
}

.stickers-snippet-item {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 15px;
    overflow: hidden;
    padding: 6px 16px 6px 14px;
    white-space: nowrap
}

.stickers-snippet-item:hover {
    color: #2c81c2;
    text-decoration: none
}

.stickers-snippet-item__cover {
    flex-grow: 0;
    height: 32px;
    margin-right: 12px;
    width: 32px
}

.stickers-snippet-item__name {
    align-items: center;
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    padding-right: 1em;
    text-overflow: ellipsis
}

.stickers-snippet-item__name__icon {
    fill: #555;
    height: 1em;
    margin-left: .7ex;
    width: 1em
}

.stickers-snippet-item__info {
    align-items: center;
    color: #bababa;
    display: flex;
    flex-grow: 0;
    font-size: 14px
}

@media screen and (max-width:640px) {
    .stickers-snippets__snippet {
        width: 100%
    }

    .stickers-snippets__snippet:last-child {
        display: none
    }
}

@media screen and (max-width:360px) {
    .stickers-snippets {
        margin-top: 32px
    }

    .stickers-snippet__title {
        font-size: 14px;
        padding: 13px 16px 10px
    }

    .stickers-snippet-item__info {
        display: none;
        font-size: 14px;
        padding: 5px 10px
    }
}

.sticker-search-header__lead {
    font-size: 16px;
    margin: 0 0 8px
}

.sticker-search-header__tag {
    color: #2e87ca;
    cursor: pointer;
    font-weight: 500
}

.sticker-search-header__tag:hover {
    text-decoration: underline
}

.sticker-search {
    margin-bottom: 22px
}

.sticker-search__input {
    border-color: #d1d6db
}

.sticker-search .search__results {
    background: #fdfdfd
}

.sticker-search-result {
    border-radius: 5px;
    display: inline-block;
    font-size: 12px;
    width: 50%
}

.sticker-search-result:hover {
    background: #f5f5f5;
    text-decoration: none
}

.sticker-search-result__link {
    align-items: center;
    display: flex;
    flex-grow: 1;
    padding: 12px
}

.sticker-search-result__link:hover {
    text-decoration: none
}

.sticker-search-result__image {
    background-image: url(sticker.bf0ee7ca.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 65%;
    font-size: 0;
    height: 48px;
    margin-right: 12px;
    width: 48px
}

.sticker-search-result__info {
    overflow: hidden;
    white-space: nowrap
}

.sticker-search-result__name {
    color: #444450;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    text-overflow: ellipsis
}

.sticker-search-result__count {
    color: #8a8a99;
    font-size: 13px;
    font-weight: 400
}

.sticker-search-result__author {
    font-size: .8em;
    font-weight: 400;
    opacity: .45
}

@media screen and (max-width:480px) {
    .sticker-search {
        margin-bottom: 16px
    }

    .sticker-search-header__tag {
        display: block
    }

    .sticker-search-header__lead {
        font-size: 15px;
        margin-bottom: 5px
    }

    .sticker-search-result {
        width: 100%
    }

    .sticker-search-result__link {
        padding: 10px 12px
    }
}

.modal__content--stickers {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.previewmodal__preview {
    border-radius: 8px;
    display: block;
    padding: 8px
}

.previewmodal__preview:hover {
    background-color: #eee
}

.previewmodal__preview-image {
    background-image: url(sticker.bf0ee7ca.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 48px;
    display: block;
    height: 96px;
    margin: auto;
    width: 96px
}

.previewmodal__install {
    border-top: 1px solid #e5edf2;
    color: #497495;
    display: block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .25px;
    padding: 16px;
    text-align: center;
    text-transform: uppercase
}

.previewmodal__install:hover {
    background: #e9eff4;
    color: #385973;
    text-decoration: none
}

@media screen and (max-width:480px) {
    .modal__content--stickers {
        grid-template-columns: 1fr 1fr 1fr
    }

    .modal__content--stickers .mobile-hidden {
        display: none
    }

    .previewmodal__preview-image {
        height: 76px;
        width: 76px
    }

    .sticker-search-results {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow-y: auto
    }

    .sticker-search-result {
        display: flex;
        flex-basis: 100px
    }

    .sticker-search-results--incomplete .sticker-search-result {
        flex-basis: unset
    }
}

@media screen and (max-width:360px) {
    .sticker-search-result__image {
        height: 42px;
        width: 42px
    }

    .sticker-search-result__link {
        padding-bottom: 8px;
        padding-top: 8px
    }

    .sticker-search-result__name {
        font-size: 13px
    }

    .sticker-search-result__count {
        font-size: 11px
    }

    .previewmodal__preview {
        overflow: hidden
    }

    .previewmodal__install {
        font-size: 16px;
        padding: 14px
    }
}

.sticker-pack-preview {
    grid-column-gap: 24px;
    grid-row-gap: 20px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: 1fr
}

.sticker-pack-preview--expanded {
    margin-top: 20px
}

.sticker-pack-preview:empty {
    display: none
}

.sticker-pack-preview__item {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 20px 0;
    position: relative
}

.sticker-pack-preview__image {
    background-image: url(sticker.bf0ee7ca.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 30%;
    display: block;
    height: 165px;
    margin: auto;
    width: 165px
}

.sticker-pack-preview__image--animation-stub {
    background: none;
    position: absolute
}

.stickerbox-animation__spinner {
    color: #888;
    height: 14px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 14px
}

.stickerbox-animation__error {
    fill: #ec290f;
    height: 24px;
    position: absolute;
    right: -12px;
    top: -12px;
    width: 24px
}

.sticker-pack-expander {
    align-items: center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 34'%3E%3Cpath fill='none' stroke='%23e8e8e8' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m0 24 22-14 22 14 22-14 22 14'/%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: repeat-x;
    background-size: 32px;
    display: flex;
    justify-content: space-around;
    margin: 24px -20px 36px;
    width: calc(100% + 40px)
}

.sticker-pack-expander__btn {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    color: #292929;
    cursor: pointer;
    font-size: 15px;
    line-height: 1.5;
    padding: 12px 18px;
    text-decoration: none
}

.sticker-pack-expander__btn:hover {
    background: #f9fcfe;
    border-color: #256ba0;
    color: #1b4f77;
    text-decoration: none
}

@media (hover) {
    .sticker-pack-expander__btn {
        transition: all .1s ease
    }
}

.stickerpack-header__title {
    color: #404040;
    font-size: 36px;
    font-weight: 500;
    margin: 0 0 22px
}

.stickerpack-header__title__name:lang(ru) {
    quotes: "«""»"
}

.stickerpack-header__title__name:before {
    content: open-quote
}

.stickerpack-header__title__name:after {
    content: close-quote
}

.stickerpack-header__description {
    margin: 0 0 22px
}

.stickerpack-install {
    align-items: center;
    display: flex;
    margin-bottom: 32px
}

.stickerpack-install__btn {
    background: #27ae60;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    line-height: 14px;
    padding: 16px 22px;
    text-transform: uppercase;
    white-space: nowrap
}

.stickerpack-install__btn:active,
.stickerpack-install__btn:focus,
.stickerpack-install__btn:hover {
    background: #2aba67;
    color: #fff;
    text-decoration: none
}

.stickerpack-install__stats {
    color: #595959;
    font-size: 16px;
    padding-left: 16px
}

.stickerpack-install__stats span {
    color: #404040;
    font-weight: 500
}

.stickerpack-infoblock {
    align-items: center;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    display: flex;
    line-height: 1.5;
    margin: 24px 0 16px;
    padding: 18px
}

.stickerpack-authors {
    align-items: flex-start;
    justify-content: space-between
}

.stickerpack-authors__inner {
    flex-grow: 1;
    flex-shrink: 0;
    min-width: 50%
}

.stickerpack-authors__title {
    color: #444;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .18px;
    margin: 0 0 12px;
    text-transform: uppercase
}

.stickerpack-authors__inner--publishers .stickerpack-authors__title {
    padding-left: 16px
}

.stickerpack-authors__container {
    grid-row-gap: 12px;
    display: grid
}

.stickerpack-authors__inner--publishers .stickerpack-authors__container {
    padding-left: 16px
}

.stickerpack-authors__inner--rborder .stickerpack-authors__container {
    border-right: 1px solid #f6f6f6
}

.stickerpack-authors__inner--lborder .stickerpack-authors__container {
    border-left: 1px solid #f6f6f6
}

.stickerpack-author {
    padding-right: 16px
}

.stickerpack-author,
.stickerpack-author__info {
    align-items: center;
    display: flex
}

.stickerpack-author__avatar {
    fill: #ddd;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    height: 44px;
    margin-right: 8px;
    width: 44px
}

.stickerpack-author__avatar--anonymous {
    background: none;
    box-shadow: none
}

.stickerpack-author__description {
    flex-grow: 1;
    min-width: 0
}

.stickerpack-author__name {
    color: #3a3a3a;
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap
}

.stickerpack-author__name:focus,
.stickerpack-author__name:hover {
    color: #111
}

.stickerpack-author__role {
    color: #aaa;
    font-size: 13px
}

.stickerpack-share {
    justify-content: space-between
}

.stickerpack-share__text {
    color: #444
}

@media screen and (max-width:800px) {
    .sticker-pack-preview {
        grid-column-gap: 16px;
        grid-row-gap: 18px;
        margin-bottom: 0
    }

    .sticker-pack-preview--expanded {
        margin-top: 18px
    }

    .sticker-pack-preview__item {
        border: none;
        padding: 0
    }

    .sticker-pack-preview__image {
        height: 128px;
        width: 128px
    }

    .sticker-pack-expander {
        margin-top: 24px
    }
}

@media screen and (max-width:720px) {
    .stickerbox-animation__error {
        right: 0;
        top: 0
    }
}

@media screen and (max-width:640px) {
    .sticker-pack-preview__image {
        height: 96px;
        width: 96px
    }

    .stickerpack-authors {
        flex-direction: column
    }

    .stickerpack-authors__inner {
        width: 100%
    }

    .stickerpack-authors__inner--publishers {
        padding: 12px 0 0
    }

    .stickerpack-authors__inner--publishers .stickerpack-authors__title {
        margin-top: 14px
    }

    .stickerpack-authors__title {
        padding-left: 0 !important
    }

    .stickerpack-authors__container {
        border: none !important;
        padding-left: 0 !important
    }
}

@media screen and (max-width:480px) {
    .stickerpack-header {
        margin-top: 12px
    }

    .stickerpack-header__title {
        font-size: 28px;
        -webkit-hyphens: auto;
        hyphens: auto;
        line-height: 1.4;
        margin-bottom: 12px
    }

    .stickerpack-install {
        flex-direction: column;
        margin-bottom: 18px
    }

    .stickerpack-install__btn {
        text-align: center;
        width: 100%
    }

    .stickerpack-install__stats {
        font-size: 15px;
        padding: 4px 0 0
    }

    .sticker-pack-preview {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .sticker-pack-expander {
        margin-bottom: 24px;
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px)
    }

    .stickerbox-animation__spinner {
        height: 10px;
        width: 10px
    }

    .stickerpack-share {
        justify-content: space-around
    }

    .stickerpack-share__text {
        display: none
    }
}

@media screen and (max-width:320px) {
    .stickerpack-header {
        margin-top: 10px
    }

    .stickerpack-header__title {
        font-size: 26px;
        margin-bottom: 18px
    }

    .stickerpack-infoblock {
        padding: 14px 18px
    }

    .stickerpack-author__avatar {
        background-size: 36px;
        font-size: 36px;
        height: 36px;
        width: 36px
    }

    .stickerpack-author__description {
        flex: 1
    }
}

.channel-category-title {
    color: #333;
    font-size: 38px;
    font-weight: 500;
    letter-spacing: -1px;
    margin-bottom: 12px;
    width: 100%
}

.channel-category-title a {
    color: #bbb;
    display: inline-block;
    font-weight: 400
}

.channel-category-title a:after {
    content: "/";
    font-weight: 400;
    padding: 0 10px 0 16px
}

.channel-category-title a:hover {
    color: #555;
    text-decoration: none
}

.channel-category-title a:hover:after {
    color: #bbb
}

.ui-icon--verified {
    display: inline-block;
    height: 1em;
    margin-bottom: -1px;
    margin-left: .1em;
    vertical-align: bottom;
    width: 1em
}

.channelsearch-outer {
    margin: 30px auto
}

.channelsearch {
    display: block;
    margin: auto;
    position: relative;
    width: 600px;
    z-index: 550
}

.channelsearch__help {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 12px;
    padding: 0
}

.channelsearch__tag {
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    padding-right: 2px;
    text-decoration: none
}

.channelsearch__tag:before {
    content: "#"
}

.channelsearch__tag:hover {
    color: #2e87ca
}

.channelsearch_result {
    align-items: center;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    padding: 14px 8px;
    white-space: nowrap
}

.channelsearch_result:hover {
    background: rgba(85, 94, 99, .04);
    text-decoration: none
}

.channelsearch_result:hover .channelsearch_result__title {
    color: #000
}

.channelsearch_result:hover .channelsearch_result__info:after {
    background: linear-gradient(90deg, hsla(180, 8%, 97%, .001) 0, #f8f9f9)
}

.channelsearch_result:hover .channel-search-result-meta__subscribers {
    color: #444
}

.channelsearch_result:hover .channel-search-result-meta__subscribers:before {
    color: #777
}

.channelsearch_result:hover .channel-search-result-meta__username {
    color: #111
}

.channelsearch_result__title {
    align-items: center;
    color: #222;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 0
}

.channelsearch_result__title svg {
    fill: #5097e5;
    height: 1em;
    margin: 0 0 0 .3em;
    width: 1em
}

.channelsearch_result__title a {
    color: inherit
}

.channel-search-result-meta {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    margin: 6px 0 0
}

.channel-search-result-meta__username {
    color: #50595e
}

.channel-search-result-meta__subscribers {
    align-items: center;
    color: #858e93;
    display: flex;
    font-weight: 400;
    margin-right: 6px
}

.channel-search-result-meta__subscribers:before {
    color: #cdcdcd;
    content: "·";
    margin: 0 6px
}

.channelsearch_result__cover {
    background-color: #f5f5f5;
    background-image: url(channel.0481d08f.svg);
    background-position: 45% 55%;
    background-repeat: no-repeat;
    background-size: 50%;
    border-radius: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    height: 44px;
    margin-right: 10px;
    overflow: hidden;
    width: 44px
}

.channelsearch_result__info {
    flex-basis: auto;
    flex-grow: 1;
    font-size: 14px;
    line-height: 1.2;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

.channelsearch_result__info:after {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .35) 0, #fff);
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px
}

@media screen and (max-width:720px) {
    .channelsearch {
        width: unset
    }
}

@media screen and (max-width:480px) {
    .channelsearch__results {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow-y: auto
    }

    .channelsearch__results--incomplete .channelsearch_result {
        flex-basis: auto
    }

    .channelsearch__results--incomplete .channelsearch__footer {
        flex-basis: 100vh
    }

    .channelsearch_result {
        flex-basis: 100px;
        flex-grow: 1;
        flex-shrink: 1;
        padding-bottom: 10px;
        padding-top: 10px
    }

    .channelsearch_result__cover {
        height: 42px;
        margin-right: 10px;
        width: 42px
    }

    .channelsearch_result__title {
        margin-bottom: 0
    }

    .channelsearch .channel-search-result-meta {
        font-size: 13px
    }

    .channelsearch .channel-search-result-meta__username {
        color: #287fdf
    }

    .channelsearch__footer {
        align-items: flex-end;
        flex-shrink: 1
    }
}

.channels-categories {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 12px;
    margin-top: 30px;
    position: relative;
    z-index: 500
}

.channel-category {
    background-color: #2c3434;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #fff;
    box-sizing: border-box;
    color: #fff;
    display: block;
    flex: 1 0 50%;
    height: 180px;
    position: relative
}

.channel-category:active .channel-category__name,
.channel-category:focus .channel-category__name,
.channel-category:hover .channel-category__name {
    color: #fff;
    text-shadow: 0 0 20px #fff
}

.channel-category--adult {
    background-color: #0e0e0e
}

.channel-category--apuestas {
    background-color: #87943f
}

.channel-category--art {
    background-color: #1c1c39
}

.channel-category--beauty {
    background-color: #292e34
}

.channel-category--blogs {
    background-color: #67554a
}

.channel-category--books {
    background-color: #352d27
}

.channel-category--business {
    background-color: #7587a3
}

.channel-category--career {
    background-color: #37475b
}

.channel-category--crypto {
    background-color: #614422
}

.channel-category--economics {
    background-color: #271f29
}

.channel-category--education {
    background-color: #7c8482
}

.channel-category--food {
    background-color: #2c3f0a
}

.channel-category--fitness {
    background-color: #cbd0e7
}

.channel-category--gaming {
    background-color: #161817
}

.channel-category--handicraft {
    background-color: #cfaa97
}

.channel-category--health {
    background-color: #6cbbe0
}

.channel-category--language {
    background-color: #9db68b
}

.channel-category--marketing {
    background-color: #357b8b
}

.channel-category--music {
    background-color: #61688d
}

.channel-category--news {
    background-color: #757575
}

.channel-category--other {
    background-color: #da865c
}

.channel-category--politics {
    background-color: #697686
}

.channel-category--politik {
    background-color: #79818b
}

.channel-category--psychology {
    background-color: #20262e
}

.channel-category--quotes {
    background-color: #afafaf
}

.channel-category--sales {
    background-color: #c32c0f
}

.channel-category--tech {
    background-color: #0e161d
}

.channel-category--travel {
    background-color: #b9adaa
}

.channel-category--uzbek {
    background-color: #487984
}

.channel-category--video {
    background-color: #563822
}

.channel-category__cover {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.channel-category__name {
    background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .9));
    bottom: 0;
    box-sizing: border-box;
    color: inherit;
    display: block;
    font-size: 24px;
    font-weight: 500;
    left: 0;
    line-height: 32px;
    margin: 0;
    padding: 32px 16px 12px;
    position: absolute;
    text-shadow: 0 0 2px rgba(0, 0, 0, .85);
    width: 100%
}

.channels-incubator {
    margin-top: 32px
}

.channels-incubator__info {
    font-size: 16px;
    margin: 10px 0
}

.channels-incubator__rules {
    list-style: none;
    margin: 18px 0;
    padding: 0 0 0 12px
}

.channels-incubator__rule {
    align-items: center;
    color: #222;
    display: flex;
    line-height: 38px
}

.channels-incubator__rule svg {
    color: #666;
    margin-right: 12px;
    width: 20px
}

.channels-incubator strong {
    font-weight: 500
}

@media screen and (max-width:720px) {
    .channel-category {
        height: 165px
    }
}

@media screen and (max-width:480px) {
    .channel-category {
        flex-basis: 100%;
        height: 150px
    }

    .channel-category__name {
        font-size: 28px
    }

    .channels-incubator__rules {
        margin: 12px 0;
        padding: 0
    }

    .channels-incubator__rule {
        align-items: baseline;
        line-height: 28px;
        padding-bottom: 12px
    }

    .channels-incubator__rule svg {
        bottom: -2px;
        flex-shrink: 0;
        position: relative;
        width: 16px
    }
}

.jumbo {
    background: #444;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    color: #fff;
    font-size: 0;
    line-height: 1;
    overflow: hidden;
    padding: 85px 0 18px;
    position: relative;
    z-index: 490
}

.jumbo__blurred-cover {
    filter: opacity(55%) brightness(45%) blur(8px) contrast(110%);
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    transform: scale(1.1);
    width: 100%
}

.jumbo__inner {
    margin: auto;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 495
}

.jumbo__crumbs {
    color: hsla(0, 0%, 100%, .7);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 4px 0;
    text-transform: uppercase
}

.jumbo__crumbs:after {
    color: hsla(0, 0%, 100%, .45);
    content: "→";
    padding-left: 2px
}

.jumbo__crumbs:hover {
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 2px hsla(0, 0%, 100%, .5)
}

.jumbo__crumbs:hover:after {
    text-shadow: none
}

.jumbo__title {
    color: #eee;
    display: inline-block;
    font-size: 50px;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 1;
    margin: 2px 26px 0 -2px;
    padding: 0;
    pointer-events: none;
    text-shadow: 0 0 1px rgba(0, 0, 0, .65)
}

.jumbo__button {
    align-items: center;
    background: transparent;
    bottom: -3px;
    color: hsla(0, 0%, 99%, .88);
    display: inline-flex;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    text-transform: uppercase
}

.jumbo__button:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 32px;
    margin-right: 8px;
    vertical-align: middle;
    width: 32px
}

.jumbo__button:hover {
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 4px hsla(0, 0%, 100%, .4)
}

.jumbo__button:hover:before {
    background-color: #000;
    border-color: #000;
    filter: invert(100%)
}

.jumbo__button:active,
.jumbo__button:focus {
    color: #fff
}

.jumbo__button--plus:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 24 24'%3E%3Cpath d='M11 3v8H3v2h8v8h2v-8h8v-2h-8V3z'/%3E%3C/svg%3E")
}

.channel-cards-container {
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    justify-content: space-between;
    padding-top: 20px
}

.channel-cards-empty {
    margin: 25px 0 50px;
    text-align: center;
    width: 100%
}

.channel-cards-empty__header {
    font-size: 28px;
    font-weight: 400;
    margin: 12px 0 0;
    padding: 0
}

.channel-cards-empty__image {
    display: inline-block;
    height: 128px;
    width: 128px
}

.channel-card {
    border-bottom: 2px solid #e9e9e9;
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 14px;
    position: relative;
    width: calc(50% - 18px)
}

.channel-card__top {
    align-items: center;
    display: flex;
    position: relative
}

.channel-card__cover {
    background-color: #f3f3f3;
    background-image: url(channel.0481d08f.svg);
    background-position: 48% 55%;
    background-repeat: no-repeat;
    background-size: 50%;
    border-radius: 50%;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    height: 50px;
    margin-right: 10px;
    overflow: hidden;
    width: 50px;
    z-index: 500
}

.channel-card__info {
    flex-grow: 1;
    flex-shrink: 1;
    font-size: 0;
    line-height: 1;
    min-width: 190px
}

.channel-card__title {
    align-items: center;
    color: #444;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    overflow: hidden;
    padding: 0 8px 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.channel-card__title a {
    color: inherit;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis
}

.channel-card__title a:hover {
    text-decoration: underline
}

.channel-card__title a:focus {
    color: #256ba0;
    text-decoration: underline
}

.channel-card__title svg {
    fill: #5097e5;
    flex-shrink: 0;
    height: 1em;
    margin-left: .25em;
    width: 1em
}

.channel-card__meta {
    align-items: center;
    color: #666;
    display: flex;
    font-size: 0;
    font-weight: 400
}

.channel-card__meta svg {
    fill: #777;
    height: 18px;
    margin-right: 4px;
    width: 18px
}

.channel-card__subscribers {
    font-size: 14px
}

.channel-card__subscribers:after {
    color: #bbb;
    content: "•";
    margin: 0 8px
}

.channel-card__username {
    color: #bbb;
    font-size: 14px;
    font-weight: 500;
    margin-top: -2px;
    overflow: hidden;
    text-overflow: ellipsis
}

.channel-card__description {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #444;
    display: -webkit-box;
    font-size: 15px;
    font-style: normal;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 1.6;
    margin-top: 10px;
    overflow: hidden;
    padding-left: 1px
}

.channel-card__subscribe {
    align-items: center;
    align-self: start;
    background-color: #eee;
    border: 2px solid #ddd;
    border-radius: 4px;
    color: #bbb;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 0;
    height: 32px;
    justify-content: center;
    width: 32px
}

.channel-card__subscribe svg {
    fill: currentColor;
    height: 24px;
    width: 24px
}

.channel-card__subscribe:focus,
.channel-card__subscribe:hover {
    background-color: #e9f3fa;
    border-color: #2e87ca;
    color: #2e87ca;
    text-decoration: none
}

.channel-card--promoted {
    background: #fafafa;
    border: 2px solid #e1e1e1;
    border-radius: 3px;
    box-sizing: content-box;
    margin: -20px -14px 24px;
    overflow: visible;
    padding: 8px 12px;
    width: 100%
}

.channel-card--promoted .channel-card__title {
    color: #222
}

.channel-card--promoted .channel-card__description {
    color: #333;
    line-height: 1.5;
    min-height: unset
}

.channel-card--promoted .channel-card__meta svg {
    fill: #111
}

.channel-card--promoted .channel-card__username {
    color: #494949
}

.channel-card--promoted .channel-card__subscribe {
    background: #fff;
    border-color: #2bb24c;
    color: #2bb24c;
    font-size: 16px;
    font-weight: 500;
    height: auto;
    line-height: 32px;
    margin-top: 4px;
    padding: 0 12px;
    width: auto
}

.channel-card--promoted .channel-card__subscribe svg {
    display: none
}

.channel-card--promoted .channel-card__subscribe:focus,
.channel-card--promoted .channel-card__subscribe:hover {
    background: #2bb24c;
    color: #fff
}

.channel-card--promoted .channel-card__subscribers {
    color: #111
}

.channel-card--promoted .channel-card__subscribers:after {
    color: #999
}

.channel-card__crown {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='gold' viewBox='0 0 40 60'%3E%3Cpath d='m0 0 6.316 60h27.367l6.316-60-11 11-9-11-9 11-11-11'/%3E%3C/svg%3E");
    display: block;
    height: 60px;
    left: 4px;
    position: absolute;
    top: -22px;
    width: 40px;
    z-index: 100
}

.channel-card__promo-label {
    background: #fff;
    border: 1px solid #e1e0e0;
    border-radius: 2px;
    bottom: -11px;
    color: #999;
    font-size: 12px;
    line-height: 1;
    padding: 3px 4px;
    position: absolute;
    right: 12px
}

.channel-card__promo-label:hover {
    background: #e9f3fa;
    border-color: #2e87ca;
    text-decoration: none
}

.channel-cards-footer,
.channel-cards-lsdu3 {
    display: block;
    width: 100%
}

.channel-cards-footer {
    margin-top: 15px
}

.channel-cards-footer__button {
    background: #fbfbfb;
    border: 1px solid #e1e1e1;
    border-radius: 28px;
    box-sizing: border-box;
    color: #777;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin: auto;
    max-width: 280px;
    padding: 16px;
    text-align: center;
    text-transform: uppercase;
    width: 90%
}

.channel-cards-footer__button:hover {
    border-color: #ccc;
    color: #444;
    text-decoration: none
}

.channel-cards-footer__button:active,
.channel-cards-footer__button:focus {
    border-color: #aaa;
    color: #333
}

@media screen and (max-width:768px) {
    .jumbo {
        padding-bottom: 12px
    }

    .jumbo__inner {
        padding-left: 20px
    }

    .jumbo__button {
        bottom: -5px
    }
}

@media screen and (max-width:720px) {
    .jumbo__inner {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .jumbo__title {
        font-size: 42px;
        line-height: 1.2
    }

    .jumbo__button {
        font-size: 0
    }

    .jumbo__button:before {
        border-width: 2px
    }

    .channel-card {
        width: 100%
    }

    .channel-card__description {
        height: auto
    }

    .channel-card--promoted.channel-card {
        margin-top: -12px;
        width: 100%
    }

    .channel-card--promoted .channel-card__description {
        height: auto
    }

    .channel-card--promoted .channel-card__subscribe {
        font-size: 0;
        height: 32px;
        padding-left: 0;
        padding-right: 0;
        width: 32px
    }

    .channel-card--promoted .channel-card__subscribe svg {
        display: block
    }
}

@media screen and (max-width:480px) {
    .channel-card {
        border-bottom-color: #f2f2f2;
        border-bottom-width: 1px;
        margin-bottom: 14px;
        padding-bottom: 10px
    }

    .channel-card__cover {
        height: 44px;
        width: 44px
    }

    .channel-card__title {
        padding-bottom: 8px
    }

    .channel-card__meta {
        line-height: 1.2
    }

    .channel-card__meta svg {
        height: 16px;
        width: 16px
    }

    .channel-card__username {
        color: #888;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.2;
        margin-top: -1.5px
    }

    .channel-card__subscribers {
        font-size: 13px
    }

    .channel-card__description {
        -webkit-line-clamp: 4;
        font-size: 14px;
        margin-top: 8px
    }

    .channel-card.channel-card--promoted {
        border-bottom: 2px solid #e1e1e1;
        border-left: none;
        border-right: none;
        margin: -4px -12px 20px
    }

    .jumbo {
        padding: 65px 0 15px
    }

    .jumbo__inner {
        padding: 0 15px
    }

    .jumbo__crumbs {
        padding-bottom: 6px
    }

    .jumbo__title {
        font-size: 36px;
        margin-right: 22px
    }

    .jumbo__button {
        border: 2px solid;
        border-radius: 30px;
        bottom: 0;
        color: #fff;
        display: block;
        font-size: 13px;
        margin-top: 14px;
        padding: 10px;
        text-align: center
    }

    .jumbo__button:hover {
        background: #fff;
        border-color: #fff;
        color: #111;
        text-shadow: none
    }

    .jumbo__button:before {
        display: none
    }

    .channel-cards-container {
        padding-top: 10px
    }
}

@media screen and (max-width:360px) {
    .jumbo__title {
        font-size: 32px;
        margin-right: 18px
    }

    .jumbo__crumbs {
        padding-bottom: 8px
    }

    .channel-card__subscribe {
        display: none
    }
}

.channel-header {
    position: relative;
    top: -20px
}

.channel-header-bottom,
.channel-header-top {
    display: flex
}

.channel-header-bottom {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    margin-top: 12px;
    width: 100%
}

.channel-header-bottom__buttons {
    flex-grow: 0
}

.channel-header-green-button {
    background: #27ae60;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.5;
    padding: 12px 0;
    text-align: center;
    text-transform: uppercase
}

.channel-header-green-button:active,
.channel-header-green-button:focus,
.channel-header-green-button:hover {
    background-color: #208d4e;
    color: #fff;
    text-decoration: none
}

.channel-header-green-button:active {
    background-color: #1c7c44
}

.channel-header-avatar {
    background-color: #efefef;
    background-image: url(channel.0481d08f.svg);
    background-position: 48% 54%;
    background-repeat: no-repeat;
    background-size: 50%;
    border: 6px solid #fcfcfc;
    border-radius: 3px;
    height: 128px;
    left: -6px;
    margin-top: -48px;
    overflow: hidden;
    position: relative;
    width: 128px
}

.channel-header-avatar__image {
    height: 100%;
    width: 100%
}

.channel-header__info {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    padding: 4px 0 0 6px
}

.channel-header__info__top {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    font-size: 32px;
    padding: 8px 0
}

.channel-header__title {
    color: #333;
    display: block;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.1;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.channel-header__verified {
    fill: #5097e5;
    flex-shrink: 0;
    height: 1em;
    margin-left: .25em;
    width: 1em
}

.channel-header__buttons {
    flex-grow: 0;
    margin-left: auto;
    padding-left: 16px
}

.channel-header__button {
    background: #f3f7fa;
    border: 1px solid #dbe5ea;
    border-radius: 22px;
    color: #45668b;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 8px 14px;
    vertical-align: middle
}

.channel-header__button.channel-header__button--charts {
    align-items: center;
    display: flex;
    font-weight: 400
}

.channel-header__button.channel-header__button--charts svg {
    fill: currentColor;
    margin-right: 6px
}

.channel-header__button.channel-header__button--charts svg path::last-child {
    opacity: .8
}

.channel-header__button+.channel-header__button {
    margin-left: 10px
}

.channel-header__button:hover {
    background-color: #ecf2f7;
    border-color: #d5e0e6;
    color: #334b66;
    text-decoration: none
}

.channel-header__info__bottom {
    align-items: center;
    display: flex;
    font-weight: 500
}

.channel-header__info__bottom svg {
    fill: #bbb;
    flex-shrink: 0;
    height: 24px;
    margin: -1px 6px 0 0;
    width: 24px
}

.channel-header__subscribers {
    color: #898989;
    font-size: 18px
}

.channel-header__subscribers:after {
    color: #ccc;
    content: "•";
    margin: 0 8px
}

.channel-header__username {
    color: #aaa;
    font-size: 18px;
    font-weight: 400;
    margin: -2px 0 0 2px;
    overflow: hidden;
    text-overflow: ellipsis
}

.channel-header__subscribe {
    display: block;
    flex-shrink: 0;
    width: 128px
}

.channel-header__description {
    align-self: center;
    box-sizing: border-box;
    color: #222;
    flex-grow: 1;
    font-size: 16px;
    -webkit-hyphens: auto;
    hyphens: auto;
    line-height: 1.8;
    margin: -.375em 0 0;
    padding-left: 20px
}

.channel-header-nav {
    box-sizing: border-box;
    color: hsla(0, 0%, 100%, .7);
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    max-width: 100%;
    overflow: hidden;
    padding: 12px 0 12px 150px;
    position: absolute;
    text-overflow: ellipsis;
    text-transform: uppercase;
    top: 0;
    transform: translateY(-100%);
    white-space: nowrap
}

.channel-header-nav:before {
    content: "←";
    display: inline-block;
    margin-right: 6px;
    vertical-align: 1px
}

.channel-header-nav:active,
.channel-header-nav:focus,
.channel-header-nav:hover {
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 4px hsla(0, 0%, 100%, .4)
}

.jumbo--channel {
    box-sizing: border-box;
    height: 140px
}

@media screen and (max-width:640px) {
    .jumbo--channel {
        height: 100px
    }
}

@media screen and (max-width:768px) {
    .channel-header {
        padding-top: 0;
        top: -4px
    }

    .channel-header-avatar {
        border-radius: 50%;
        border-width: 4px;
        height: 110px;
        left: -4px;
        width: 110px
    }

    .channel-header__info {
        margin-top: -6px;
        padding-left: 8px;
        padding-top: 0
    }

    .channel-header__info__top {
        font-size: 30px;
        padding: 0 0 4px
    }

    .channel-header__subscribers {
        font-size: 18px
    }

    .channel-header__subscribe {
        width: 110px
    }

    .channel-header__description {
        font-size: 16px;
        line-height: 1.5;
        padding-left: 16px
    }

    .channel-header-nav {
        margin-top: -16px;
        padding-left: 112px
    }

    .channel-header-bottom {
        align-items: flex-start;
        margin-top: 12px
    }

    .channel-header-green-button {
        font-size: 12px;
        padding: 10px 0
    }
}

@media screen and (max-width:640px) {
    .channel-header {
        top: 0
    }

    .channel-header-avatar {
        height: 100px;
        margin-top: -42px;
        width: 100px
    }

    .channel-header__info__top {
        font-size: 24px;
        padding: 0
    }

    .channel-header__subscribe {
        width: 100px
    }

    .channel-header-nav {
        margin-top: -13px;
        padding-left: 100px
    }
}

@media screen and (max-width:480px) {
    .channel-header-avatar {
        margin-top: -48px
    }

    .channel-header__info {
        flex-basis: 100px;
        margin-top: -4px;
        overflow: hidden;
        padding-left: 4px
    }

    .channel-header__info__top {
        padding: 0 0 6px
    }

    .channel-header__info__bottom {
        overflow: hidden;
        white-space: nowrap
    }

    .channel-header__info__bottom svg {
        height: 1.15em;
        margin-right: 2px;
        margin-top: -2px;
        width: 1.15em
    }

    .channel-header__subscribers,
    .channel-header__username {
        font-size: 16px
    }

    .channel-header__description {
        align-self: unset;
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 12px;
        margin-top: 0;
        padding: 0
    }

    .channel-header__subscribe {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        flex-grow: 1;
        line-height: 1.2;
        padding-left: 46px;
        z-index: 550
    }

    .channel-header__subscribe:hover {
        box-shadow: 1px 0 0 rgba(0, 0, 0, .15)
    }

    .channel-header-green-button {
        align-items: center;
        box-sizing: border-box;
        display: flex;
        font-size: 14px;
        height: 42px;
        justify-content: center;
        line-height: 1.4;
        padding-bottom: 0;
        padding-top: 0
    }

    .channel-header-bottom {
        flex-direction: column-reverse;
        flex-wrap: wrap
    }

    .channel-header-bottom__buttons {
        display: flex;
        flex-wrap: nowrap;
        width: 100%
    }

    .channel-header-bottom__more {
        border-bottom-left-radius: 0;
        border-left: 1px solid rgba(0, 0, 0, .1);
        border-top-left-radius: 0;
        width: 46px
    }

    .channel-header-bottom__more svg {
        fill: currentColor;
        height: 24px;
        width: 24px
    }
}

@media screen and (max-width:384px) {
    .channel-header-avatar {
        height: 76px;
        margin-top: -32px;
        width: 76px
    }

    .channel-header__info__top {
        font-size: 22px;
        padding: 0 0 6px
    }

    .channel-header__subscribers {
        font-size: 14px
    }

    .channel-header__subscribers:after {
        margin: 0 4px
    }

    .channel-header__username {
        font-size: 14px
    }

    .channel-header__description {
        margin-bottom: 12px
    }

    .channel-header-nav {
        letter-spacing: 0;
        padding-left: 70px
    }

    .channel-header-nav:before {
        margin-right: 2px
    }

    .channel-header-bottom {
        margin-top: 8px
    }
}

.channel-feed {
    padding-top: 10px
}

.channel-feed--empty {
    color: #aaa;
    display: block;
    font-size: 32px;
    font-weight: 600;
    padding: 25px 0;
    text-align: center
}

.channel-feed__brick {
    width: 437px
}

.cfeed-loadmore-tear {
    align-items: center;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 34'%3E%3Cpath fill='none' stroke='%23e8e8e8' stroke-linecap='round' stroke-linejoin='round' stroke-width='4' d='m0 24 22-14 22 14 22-14 22 14'/%3E%3C/svg%3E") 0 repeat-x;
    background-size: auto auto;
    background-size: 32px;
    display: flex;
    justify-content: space-around;
    margin: 40px auto 0;
    width: calc(100% + 40px)
}

.cfeed-loadmore-tear__button {
    background: #5097e5;
    border: 4px solid #fff;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    padding: 14px 24px 12px;
    text-transform: uppercase
}

.cfeed-loadmore-tear__button:hover {
    background: #247dde
}

.cfeed-card {
    background: #fff;
    border: solid #dedede;
    border-radius: 4px;
    border-width: 1px 1px 2px;
    font-size: 14px;
    margin: 8px 0 16px
}

.cfeed-card-header {
    font-size: 0;
    line-height: 1;
    padding: 12px 16px 12px 14px
}

.cfeed-card-header,
.cfeed-card-header__actions,
.cfeed-card-header__info {
    align-items: center;
    display: flex
}

.cfeed-card-header__info {
    flex-grow: 1;
    flex-wrap: wrap;
    min-width: 0
}

.cfeed-card-header__title {
    color: #444;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    overflow: hidden;
    padding: 0 0 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.cfeed-card-header__title a {
    color: inherit
}

.cfeed-card-header__repost-icon {
    fill: #cacaca;
    height: 8px;
    margin: 0 4px 0 0;
    width: 14px
}

.cfeed-card-header__date {
    color: #bbb
}

.cfeed-card-header__datetime {
    font-size: 13px
}

.cfeed-card-header__avatar {
    background-color: #efefef;
    background-image: url(channel.0481d08f.svg);
    background-position: 45% 54%;
    background-repeat: no-repeat;
    background-size: 50%;
    border-radius: 50%;
    display: block;
    flex-grow: 0;
    height: 50px;
    margin-right: 10px;
    min-width: 50px;
    overflow: hidden
}

.cfeed-card-header__button {
    background-color: transparent;
    border-radius: 4px;
    color: #e7e7e7;
    cursor: pointer;
    display: block;
    height: 24px;
    margin-right: -4px;
    padding: 8px;
    transition: all .2s ease;
    width: 24px
}

.cfeed-card-header__button:last-child {
    margin-right: -10px
}

.cfeed-card-header__button:hover {
    background-color: #fafafa;
    color: #111;
    opacity: 1
}

.cfeed-card-header__button svg {
    fill: currentColor;
    height: 24px;
    width: 24px
}

.cfeed-card-header__button--telegram svg {
    height: 24px;
    margin-left: 2px;
    margin-top: 1px;
    width: 18px
}

.cfeed-card-contents .cpost-wt-text {
    color: #272727;
    font-size: 11pt;
    line-height: 1.8;
    margin: 2px 16px 12px;
    z-index: 510
}

.cfeed-card-contents .cpost-wt-text--collapsed {
    cursor: pointer;
    margin-bottom: 0
}

.cfeed-card-contents .cpost-wt-gallery,
.cfeed-card-contents .cpost-wt-photo,
.cfeed-card-contents .cpost-wt-video,
.cfeed-card-contents .cpost-wt-webpage {
    margin: 14px 16px 18px
}

.cfeed-card-contents .cpost-wt-gallery .cpost-wt-photo {
    margin: 0
}

.cfeed-card-contents--banner {
    border-radius: 0 0 3px 3px
}

.cfeed-card-contents--banner-yandex ins {
    border-radius: 0 0 3px 3px;
    display: block;
    max-height: 300px;
    max-width: 100%;
    overflow: hidden;
    text-decoration: none
}

.cfeed-card-footer {
    border-top: 1px solid #efefef;
    color: #555;
    display: flex;
    justify-content: space-between;
    padding: 12px 16px
}

.cfeed-card-footer--compact {
    border: none;
    margin-top: -4px;
    padding-top: 0
}

.cfeed-card-footer__section {
    align-items: center;
    display: flex
}

.cfeed-card-footer__section--counters {
    color: #888;
    font-size: 12px;
    justify-content: flex-start;
    margin-left: auto
}

.cfeed-card-footer__section--link {
    background: #3783d7;
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    padding: 4px 10px
}

.cfeed-card-footer__section--link .cfeed-card-footer__counter {
    margin: 0
}

.cfeed-card-footer__section--link:focus,
.cfeed-card-footer__section--link:hover {
    background-color: #2976cc;
    color: #fff;
    text-decoration: none
}

.cfeed-card-footer__section--comments {
    color: #222
}

.cfeed-card-footer__section--comments .cfeed-card-footer__counter {
    border-radius: 4px;
    cursor: pointer;
    margin: -6px -8px;
    padding: 6px 8px
}

.cfeed-card-footer__section--comments .cfeed-card-footer__icon {
    fill: #777;
    height: 20px;
    width: 20px
}

.cfeed-card-footer__section--comments:hover {
    text-decoration: none
}

.cfeed-card-footer__section--comments:hover .cfeed-card-footer__counter {
    background: #f4f7fa;
    color: #3d597a
}

.cfeed-card-footer__section--comments:hover .cfeed-card-footer__icon {
    fill: #45668b
}

.cfeed-card-footer__counter {
    align-items: center;
    display: flex;
    margin-right: 14px
}

.cfeed-card-footer__icon {
    fill: #c3c3c3;
    height: 18px;
    margin-right: 6px;
    width: 18px
}

.cpost-ambilight {
    background-position: 50%;
    background-size: cover;
    display: block;
    height: 100%;
    position: absolute;
    transform: scale(1.2);
    width: 100%;
    z-index: 1
}

.cpost-ambilight--video {
    background-color: #444;
    filter: blur(16px) brightness(.55)
}

.cpost-ambilight--photo {
    filter: blur(16px) brightness(.9)
}

.cpost-embed {
    display: block;
    padding-top: 55%;
    position: relative;
    width: auto
}

.cpost-embed--iframe {
    background-color: #333
}

.cpost-embed--iframe iframe {
    border: none;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width:768px) {
    .cfeed-loadmore-tear {
        margin-left: -20px;
        margin-right: -20px
    }

    .channel-feed__brick {
        width: 100%
    }
}

@media screen and (max-width:604px) {
    .content-box--channels {
        padding: 12px
    }

    .channel-feed {
        margin: 0 -12px;
        padding-top: 14px;
        width: auto
    }

    .cfeed-loadmore-tear {
        background: none;
        margin: 26px auto -10px;
        width: 100%
    }

    .cfeed-card {
        border-color: #eee transparent #f5f5f5;
        border-radius: 0;
        border-width: 1px 0 12px;
        box-shadow: inset 0 -1px #eee;
        margin: 0
    }

    .cfeed-card-header {
        padding: 10px 12px
    }

    .cfeed-card-header__title {
        font-size: 15px
    }

    .cfeed-card-header__repost-icon {
        fill: #ddd
    }

    .cfeed-card-header__button:last-child {
        margin-right: -4px
    }

    .cfeed-card-contents .cpost-wt-text {
        line-height: 24px;
        margin: 2px 12px 6px
    }

    .cfeed-card-contents .cpost-wt-text__expand {
        margin-bottom: 4px;
        padding-left: 12px
    }

    .cfeed-card-contents .cpost-embed--photo {
        border-radius: 0
    }

    .cfeed-card-contents .cpost-wt-gallery,
    .cfeed-card-contents .cpost-wt-photo,
    .cfeed-card-contents .cpost-wt-video {
        margin: 2px 0 12px
    }

    .cfeed-card-contents .cpost-wt-photo__image {
        border-radius: 0
    }

    .cfeed-card-contents .cpost-wt-webpage {
        background: #f8f8f8;
        border-left-width: 6px;
        margin: 0 0 12px;
        padding: 10px
    }

    .cfeed-card-contents .cpost-wt-webpage.has-iframe {
        background: #fff;
        border: none;
        margin: 0;
        padding: 0
    }

    .cfeed-card-contents .cpost-wt-webpage.has-iframe .cpost-wt-webpage__container {
        display: none
    }

    .cfeed-card-contents .cpost-wt-poll {
        margin: 0 12px 14px
    }

    .cfeed-card-contents--banner {
        border-radius: 0
    }

    .cfeed-card-footer {
        padding-left: 12px;
        padding-right: 12px
    }

    .cfeed-card-footer--compact {
        padding-top: 3px
    }

    .cpost--no-media .cpost-wt-text {
        margin-bottom: 12px
    }

    .cpost--no-media .cpost-wt-text__expand {
        margin-bottom: 0
    }
}

.post-preview-mobile-nav {
    display: none
}

.post-preview-header {
    align-items: center;
    display: flex;
    padding: 16px 16px 12px
}

.post-preview-header-avatar {
    background-color: #eee;
    background-image: url(channel.0481d08f.svg);
    background-position: 48% 54%;
    background-repeat: no-repeat;
    background-size: 50%;
    border-radius: 50%;
    flex-grow: 0;
    height: 50px;
    margin-right: 12px;
    overflow: hidden;
    width: 50px
}

.post-preview-header-avatar__image {
    height: 100%;
    width: 100%
}

.post-preview-header__info {
    flex-grow: 1;
    max-width: 100%;
    overflow: hidden;
    padding-right: 6px;
    white-space: nowrap
}

.post-preview-header__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.333;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.post-preview-header__meta {
    color: #777;
    display: block;
    font-size: 0;
    font-weight: 400
}

.post-preview-header__meta a {
    color: inherit;
    text-decoration: none
}

.post-preview-header__meta a:hover {
    text-decoration: underline
}

.post-preview-header__meta__author {
    font-size: 14px;
    font-weight: 500
}

.post-preview-header__meta__author:before {
    content: "@"
}

.post-preview-header__meta__author:after {
    color: #ccc;
    content: "•" !important;
    padding: 0 5px 0 6px
}

.post-preview-header__meta a,
.post-preview-header__meta span {
    font-size: 14px
}

.post-preview-header__meta a:after,
.post-preview-header__meta span:after {
    content: " "
}

.post-preview-header__icon {
    align-items: center;
    background: #f3f7fa;
    border-radius: 8px;
    color: #389ce9;
    display: flex;
    flex-grow: 0;
    height: 42px;
    justify-content: center;
    margin-left: 6px;
    min-width: 42px;
    padding: 0
}

.post-preview-header__icon:focus,
.post-preview-header__icon:hover {
    background-color: #ecf2f7;
    color: #1883d6;
    text-decoration: none
}

.post-preview-header__icon svg {
    fill: currentColor;
    height: 24px;
    width: 24px
}

.post-preview-header__icon--subscribe {
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 500;
    padding: 0 16px;
    text-transform: uppercase
}

.post-preview-header__icon--subscribe svg {
    height: 16px;
    margin-left: 8px;
    width: 20px
}

.post-preview__content {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    overflow: hidden;
    padding: 0 18px 18px;
    text-overflow: ellipsis
}

.post-preview__content .cpost--no-media .cpost-wt-text {
    padding-bottom: 0
}

.post-preview__content .cpost--no-text .cpost-wt-gallery,
.post-preview__content .cpost--no-text .cpost-wt-photo,
.post-preview__content .cpost--no-text .cpost-wt-video {
    margin-top: 6px
}

.post-preview__content .cpost-wt-gallery,
.post-preview__content .cpost-wt-photo,
.post-preview__content .cpost-wt-video {
    margin: 0 -18px
}

.post-preview__content .cpost-wt-text {
    font-size: 18px;
    padding-bottom: 12px
}

.post-preview__content .cpost-wt-text a {
    display: initial
}

.post-preview__content .cpost-wt-document {
    margin: 0
}

.post-preview__content .cpost-wt-poll {
    margin-bottom: 0;
    margin-left: 8px;
    margin-right: 8px
}

.post-preview__content .cpost-wt-poll__question {
    font-size: unset
}

.post-preview .cfeed-card-footer {
    background: #fff;
    border-top-color: #dee2e7;
    color: #111;
    font-size: 14px;
    padding: 12px 18px 14px
}

.post-preview .cfeed-card-footer--compact {
    padding-top: 0
}

.post-preview .cfeed-card-footer__section--counters {
    color: #222;
    font-size: 14px
}

.post-preview .cfeed-card-footer__icon {
    fill: #444;
    height: 20px;
    width: 20px
}

.post-preview-comments {
    background: #fff;
    flex-grow: 1;
    min-height: 100px;
    overflow: hidden;
    padding-left: 3px;
    padding-right: 3px
}

.post-preview-comments__loader {
    margin: 18px 0
}

.post-preview-comments__frame {
    margin-top: -52px;
    width: 100%
}

.post-preview-comments__frame--with-header {
    margin-top: -12px
}

@media screen and (max-width:640px) {
    .post-preview-modal {
        border-radius: 0;
        height: 100%;
        margin: 0;
        overflow-y: scroll;
        width: 100%
    }

    .post-preview {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        min-height: 100%;
        padding-top: 52px
    }

    .post-preview__content {
        padding: 0 12px 12px
    }

    .post-preview__content .cpost-wt-gallery,
    .post-preview__content .cpost-wt-photo,
    .post-preview__content .cpost-wt-video {
        margin: 0
    }

    .post-preview .cpost-wt-text {
        font-size: 16px;
        line-height: 26px
    }

    .post-preview .cfeed-card-footer {
        margin-top: auto;
        padding-left: 14px;
        padding-right: 14px
    }

    .post-preview .cfeed-card-footer--compact {
        padding-top: 4px
    }

    .post-preview-header {
        padding: 12px
    }

    .post-preview-header-avatar {
        height: 44px;
        width: 44px
    }

    .post-preview-header__title {
        font-size: 16px
    }

    .post-preview-header__meta__date {
        font-size: 12px !important
    }

    .post-preview-header__icon--subscribe {
        font-size: 0;
        padding: 0
    }

    .post-preview-header__icon--subscribe svg {
        height: 18px;
        margin: 0 0 -2px;
        width: 21px
    }

    .post-preview-mobile-nav {
        align-items: center;
        background: #fff;
        border-bottom: 1px solid #f0f1f2;
        color: #3783d7;
        display: flex;
        font-size: 16px;
        font-weight: 500;
        height: 52px;
        left: 0;
        padding: 0 12px;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1100
    }

    .post-preview-mobile-nav__icon {
        fill: #3783d7;
        display: inline-block;
        height: 24px;
        margin-right: 4px;
        vertical-align: middle;
        width: 24px
    }

    .post-preview-header__meta__author {
        display: none
    }

    .post-preview-comments {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width:480px) {
    .post-preview-header {
        padding: 12px 12px 8px 10px
    }

    .post-preview__content .post-webpage-widget {
        padding-right: 0;
        text-align: left
    }
}

.channel-stats-island__header {
    border-bottom: 1px solid #eaeaea;
    color: #505050;
    font-size: 18px;
    padding: 12px 12px 10px 24px
}

.channel-stats-island__content {
    padding: 0 6px 8px 0;
    position: relative
}

.channel-stats-island__spinner {
    margin-top: -55px;
    position: absolute;
    top: 50%
}

.channel-stats-chart {
    min-height: 400px;
    width: 100%
}

.channel-stats-controls {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.channel-stats-selectors {
    align-items: center;
    display: flex;
    margin: 10px -6px 0
}

.channel-stats-selectors__button {
    border-radius: 4px;
    color: #497495;
    cursor: pointer;
    font-size: 12px;
    line-height: 1.5;
    margin-right: 2px;
    padding: 3px 8px;
    white-space: nowrap
}

.channel-stats-selectors__button:hover {
    background: #f0f0fc;
    color: #497495
}

.channel-stats-selectors__button.active {
    background: #497495;
    color: #fff;
    pointer-events: none
}

.channel-stats-selectors__button.disabled {
    color: #bbb;
    cursor: not-allowed;
    pointer-events: none;
    z-index: -1
}

@media screen and (max-width:480px) {
    .channel-stats-island__header {
        padding-left: 18px;
        padding-top: 16px
    }

    .channel-stats-controls {
        flex-direction: column;
        margin-bottom: 4px;
        margin-left: -6px;
        text-align: center;
        width: auto
    }

    .channel-stats-selectors {
        margin-top: 12px;
        width: 100%
    }

    .channel-stats-selectors__button {
        border: 1px solid #497495;
        border-radius: 0;
        flex-grow: 1;
        font-size: 13px;
        line-height: 1;
        margin-right: -1px;
        padding: 6px 6px 7px
    }

    .channel-stats-selectors__button:first-child {
        border-radius: 4px 0 0 4px
    }

    .channel-stats-selectors__button:last-child {
        border-radius: 0 4px 4px 0
    }

    .channel-stats-selectors__button.disabled {
        background: #efefef;
        border-color: #bbb
    }
}

.intro {
    background: #0f89d0;
    box-sizing: border-box;
    display: block;
    height: 350px;
    padding-top: 80px;
    position: relative;
    width: 100%
}

.intro:after,
.intro:before {
    background-repeat: no-repeat;
    background-size: auto 100%;
    bottom: 0;
    content: "";
    display: block;
    height: 70%;
    position: absolute;
    width: 50%;
    z-index: 1
}

.intro:before {
    background-image: url(intro-scene-left.6b4d4eeb.svg);
    background-position: 0 100%;
    left: 0
}

.intro:after {
    background-image: url(intro-scene-right.6f38800e.svg);
    background-position: 100% 100%;
    right: 0
}

.intro__middle {
    display: table;
    margin: auto;
    position: relative
}

.intro__logo {
    background-image: url(intro-scene-center.ce4eaea0.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 130px;
    margin: 16px auto 24px
}

.intro__button,
.intro__button_caret {
    background: linear-gradient(0deg, #f1f1f1 0, #fff);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2);
    box-sizing: border-box;
    color: #000;
    font-size: 18px;
    height: 60px;
    line-height: 1;
    text-decoration: none;
    z-index: 1200
}

.intro__button:hover,
.intro__button_caret:hover {
    background: #efefef;
    color: #000;
    text-decoration: none
}

.intro__button:active,
.intro__button:focus,
.intro__button_caret:active,
.intro__button_caret:focus {
    background: #f1f1f1;
    background: linear-gradient(180deg, #f1f1f1 0, #fff);
    outline: none
}

.show .intro__button,
.show .intro__button_caret {
    background: #fff;
    box-shadow: none
}

.intro__button {
    align-items: center;
    border-radius: 2px 0 0 2px;
    border-radius: 30px 0 0 30px;
    display: flex;
    font-weight: 500;
    padding: 20px 22px 20px 18px;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.intro__button .js-platform-name {
    margin-left: 5px
}

.show .intro__button {
    border-bottom-left-radius: 0
}

.intro__button-icon {
    fill: #303030;
    height: 32px;
    margin-right: 12px;
    transition: fill .2s ease;
    width: 32px
}

.intro__button-icon--android {
    margin-left: 2px;
    transform: translateY(2px)
}

.intro__button-icon--apple {
    transform: translateY(-2px)
}

.intro__button-icon--default {
    margin-left: -4px;
    transform: translateY(2px) translateX(4px)
}

.intro__button-icon--ubuntu {
    margin-left: -3px
}

.intro__button:hover .intro__button-icon--android,
.show .intro__button-icon--android {
    fill: #829b1f
}

.intro__button:hover .intro__button-icon--apple,
.show .intro__button-icon--apple {
    fill: #333
}

.intro__button:hover .intro__button-icon--ubuntu,
.show .intro__button-icon--ubuntu {
    fill: #e95420
}

.intro__button:hover .intro__button-icon--windows,
.show .intro__button-icon--windows {
    fill: #0078d7
}

.intro__button_caret {
    border-radius: 0 30px 30px 0;
    box-shadow: -1px 0 0 #ccc, 0 2px 2px 0 rgba(0, 0, 0, .2);
    cursor: pointer;
    display: flex;
    padding: 0 16px 0 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.intro__button_caret:after {
    align-self: center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E");
    content: "";
    display: block;
    height: 24px;
    margin-top: 2px;
    transition: transform .15s ease;
    width: 24px
}

.show .intro__button_caret {
    border-bottom-right-radius: 0
}

.show .intro__button_caret:after {
    transform: rotate(180deg)
}

.intro__extra {
    bottom: -25px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .25);
    white-space: nowrap;
    width: 100%;
    z-index: 10
}

.intro__extra a {
    border-bottom: 1px solid hsla(0, 0%, 100%, .65);
    color: inherit;
    text-decoration: none
}

.intro__extra a:hover {
    border: none;
    color: #fff;
    text-shadow: 0 0 4px hsla(0, 0%, 100%, .75)
}

.intro-downloads {
    display: flex;
    font-size: 0;
    position: relative;
    z-index: 100
}

.intro-downloads__list {
    background: #fff;
    border: none;
    border-radius: 0 0 32px 32px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    display: none;
    overflow: hidden;
    padding-bottom: 4px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    z-index: 1000
}

.show .intro-downloads__list {
    display: block
}

.intro-downloads__list[data-platform=mobile] [data-os=linux] {
    display: none
}

.intro-downloads__link {
    align-items: center;
    color: #333;
    display: flex;
    font-size: 16px;
    padding: 12px 10px 12px 20px;
    text-decoration: none
}

.intro-downloads__link svg {
    fill: #444;
    height: 24px;
    margin-left: 2px;
    margin-right: 14px;
    width: 24px
}

.intro-downloads__link:hover {
    background: rgba(0, 0, 0, .035);
    color: #111;
    text-decoration: none
}

.intro-downloads__link:hover svg {
    fill: #000
}

@media (max-width:768px) {
    .intro {
        height: 310px
    }

    .intro:before {
        background-position: -70px bottom
    }

    .intro:after {
        background-position: 70px bottom
    }

    .intro__logo {
        background-size: contain;
        height: 100px;
        margin-top: 6px;
        width: auto
    }
}

@media (max-width:640px) {
    .intro {
        height: 300px
    }

    .intro:before {
        display: none
    }

    .intro:after {
        background-position: 100% 100%
    }

    .intro:after,
    .intro:before {
        background-size: 75% auto;
        height: 100%;
        opacity: .5;
        width: 100%
    }

    .intro__logo {
        margin-bottom: 20px;
        margin-top: 0
    }
}

.splgallery {
    margin: 30px auto 10px;
    overflow: hidden;
    width: 900px
}

@media (max-width:900px) {
    .splgallery {
        display: none
    }
}

.splgallery__slides {
    display: flex;
    flex-direction: row;
    margin-left: 0;
    max-height: 400px;
    overflow: hidden;
    transition: transform .45s ease;
    width: 924px
}

.splgallery__slide {
    align-items: center;
    background: #fff;
    display: flex;
    font-family: inherit;
    height: 275px;
    text-align: left;
    width: 900px
}

.splgallery__image {
    flex-grow: 0;
    margin: 0 30px 0 0
}

.splgallery__textcontent {
    width: 560px
}

.splgallery__header {
    color: #222;
    font-size: 42px;
    font-weight: 500;
    letter-spacing: -1px;
    margin: -10px 0 10px
}

.splgallery__lead {
    font-size: 20px;
    font-weight: 300 !important;
    line-height: 30px;
    padding-left: 2px
}

.splgallery__lead strong {
    font-weight: 400
}

.splgallery__lead__badges {
    display: block;
    font-size: 0;
    line-height: 0;
    margin: 25px 0 0;
    white-space: nowrap
}

.splgallery__lead__badges a {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    width: 180px
}

.splgallery__lead__badges a:last-child {
    margin-right: 0
}

.splgallery__menu {
    display: flex;
    font-size: 0;
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
    width: 100%
}

.splgallery__menu_item {
    display: block;
    flex: 1;
    padding: 0
}

.splgallery__menu_link {
    border-top: 1px solid #bbb;
    cursor: pointer;
    display: block;
    height: 40px;
    margin: 0;
    width: 100%
}

.act .splgallery__menu_link {
    border-width: 2px;
    opacity: 1;
    position: relative
}

.inact .splgallery__menu_link {
    opacity: .5
}

.inact .splgallery__menu_link:hover {
    opacity: .8
}

.act .splgallery__menu_link.itm-1,
.splgallery__menu_link.itm-1:hover {
    border-color: #2ca5e0
}

.act .splgallery__menu_link.itm-2,
.splgallery__menu_link.itm-2:hover {
    border-color: #f85b30
}

.act .splgallery__menu_link.itm-3,
.splgallery__menu_link.itm-3:hover {
    border-color: #f99116
}

.act .splgallery__menu_link.itm-4,
.splgallery__menu_link.itm-4:hover {
    border-color: #f9c801
}

.act .splgallery__menu_link.itm-5,
.splgallery__menu_link.itm-5:hover {
    border-color: #5ec327
}

.act .splgallery__menu_link.itm-6,
.splgallery__menu_link.itm-6:hover {
    border-color: #2f91e8
}

.icon-badge {
    background-color: #000;
    background-repeat: no-repeat;
    border-radius: 5px;
    display: block;
    height: 55px;
    width: 100%
}

.icon-badge:hover {
    background-color: #111
}

.icon-badge.windows {
    background-image: url(badge-win-store.24487aea.svg);
    background-position: 50%;
    background-size: auto 37px
}

.icon-badge.osx {
    background-image: url(badge-osx-store.6deddb82.svg);
    background-position: center top 8px;
    background-size: 154px auto
}

.icon-badge.android {
    background-image: url(badge-android-store.a5e9eb08.svg);
    background-position: center top 10px;
    background-size: 160px auto
}

.spl-cards {
    display: block;
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 0 30px
}

.spl-cards__row {
    display: block;
    font-size: 0
}

.spl-card {
    box-sizing: border-box;
    display: inline-block;
    font-size: 15px;
    padding: 20px 0 10px;
    vertical-align: top;
    width: 33.3333%
}

.spl-card strong {
    font-weight: 500
}

.spl-card__inner {
    margin: auto;
    width: 260px
}

.spl-card__image {
    display: block;
    height: 160px;
    margin: 0 auto;
    width: 160px
}

.spl-card__header {
    color: #a19679;
    font-size: 26px;
    font-weight: 400;
    letter-spacing: -1px;
    margin: 15px 0 6px;
    text-align: center
}

.spl-card__lead {
    color: #222;
    font-size: 15px;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-align: center
}

@media (max-width:768px) {
    .spl-cards {
        width: 100%
    }

    .spl-cards__row {
        display: inline
    }

    .spl-card {
        width: 50%
    }

    .spl-card__image {
        height: 140px;
        width: 140px
    }

    .spl-card__inner {
        box-sizing: border-box;
        padding: 0 15px;
        width: 100%
    }

    .spl-card__header {
        margin: 4px 0
    }
}

@media (max-width:480px) {
    .spl-card {
        display: block;
        margin: auto;
        width: 90%
    }

    .spl-card__image {
        height: 160px;
        width: 160px
    }

    .spl-card__header {
        font-size: 30px
    }

    .spl-card__lead {
        font-size: 18px;
        margin-bottom: 16px
    }
}

@media (max-width:360px) {
    .intro {
        height: auto;
        padding-bottom: 18px;
        white-space: nowrap
    }

    .intro__logo {
        margin-right: 0
    }

    .intro__button,
    .intro__button_caret {
        height: auto
    }

    .intro__button {
        border-radius: 24px 0 0 24px;
        flex-grow: 1;
        font-size: 15px;
        justify-content: center;
        padding: 12px
    }

    .intro__button-icon {
        height: 24px;
        margin-right: 8px;
        width: 24px
    }

    .intro__button-icon--android {
        transform: none
    }

    .intro__button-icon--apple {
        height: 22px;
        margin-right: 6px;
        width: 22px
    }

    .intro__button_caret {
        border-radius: 0 24px 24px 0;
        padding: 0 12px 0 8px
    }

    .intro__button_caret:after {
        height: 18px;
        width: 18px
    }

    .intro__extra {
        bottom: -6px;
        box-sizing: border-box;
        font-size: 12px;
        padding: 0 8px;
        position: relative;
        white-space: normal
    }

    .intro-downloads {
        margin: 0 6px
    }

    .intro-downloads__list {
        border-radius: 0 0 24px 24px
    }

    .intro-downloads__link {
        font-size: 14px;
        padding: 10px 12px;
        white-space: nowrap
    }

    .intro-downloads__link svg {
        height: 20px;
        margin-left: 2px;
        margin-right: 12px;
        width: 20px
    }

    .spl-card__header {
        font-size: 26px;
        line-height: 1.2;
        margin: 10px 0 4px
    }

    .spl-card__lead {
        font-size: 15px;
        margin-bottom: 8px
    }
}

.article-contents__header {
    align-items: center;
    color: #444;
    cursor: pointer;
    display: none;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1
}

.article-contents__title {
    flex-grow: 1
}

.article-contents__icon {
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.article-contents__expander {
    background: url(unfold-24.728b07a3.svg);
    height: 24px;
    width: 24px
}

.article-contents__expander--expanded {
    background: url(fold-24.4a95782d.svg)
}

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

.article-contents li {
    display: flex;
    margin-bottom: 5px
}

.article-contents li i {
    color: #ccc;
    padding: 5px 8px 0 0
}

.article-contents li:last-child {
    margin-bottom: 0
}

@media (max-width:800px) {
    .content-box--article {
        padding: 0
    }

    .content-box--article .crumbs {
        box-sizing: border-box;
        margin: 16px 0 -8px;
        padding-left: 16px
    }

    .content-box--article .article-contents {
        margin: 0 16px
    }

    .content-box--article .article,
    .content-box--article .article-footer,
    .content-box--article .header {
        padding: 0 16px
    }
}

@media (max-width:600px) {
    .content-box--article .crumbs {
        margin: 0
    }

    .article-contents {
        background: #fafbfe;
        border: 1px solid #eaecf0;
        border-radius: 3px;
        line-height: 1.6;
        padding: 12px
    }

    .article-contents__header {
        display: flex
    }

    .article-contents__list {
        margin-top: 14px;
        padding-left: 2px
    }

    .article-contents__list.hidden {
        display: none
    }
}

@media (max-width:480px) {
    .article-contents {
        line-height: 1.4
    }

    .article-contents li {
        margin-bottom: 10px
    }
}

.faq-header {
    color: #555;
    font-size: 34px;
    font-weight: 500;
    line-height: 1.5;
    margin: 8px 0 16px
}

.faqsearch__search {
    position: relative
}

.faqsearch__help {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 6px
}

.faqsearch__example {
    border-bottom: 1px solid #266da5;
    color: #1e5784;
    cursor: pointer;
    font-weight: 400
}

.faqsearch__example:hover {
    border: none
}

.faqsearch-result {
    border-radius: 8px;
    cursor: pointer;
    display: block;
    font-size: 16px;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin: 10px 0 0;
    padding: 6px 14px 10px
}

.faqsearch-result:hover {
    background: #f7f7f7;
    text-decoration: none
}

.faqsearch-result:first-child {
    margin-top: 0
}

.faqsearch-result__title {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 4px
}

.faqsearch-result__text {
    color: #333;
    font-size: 14px;
    margin: 0
}

.faqsearch-result__readmore {
    color: #1e5784;
    font-size: 14px
}

.faqsearch-result__readmore:hover {
    text-decoration: underline
}

.faqsearch-results__footer {
    background: none;
    box-shadow: none;
    font-weight: 500;
    justify-content: space-around;
    padding: 0
}

.faqsearch-contact-human {
    background: #eef1f4;
    border-radius: 5px;
    color: #426184;
    cursor: pointer;
    display: block;
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 1;
    margin: 0 0 8px;
    padding: 12px;
    text-transform: uppercase;
    transition: all .1s ease
}

.faqsearch-contact-human:hover {
    background: #436488;
    color: #fff
}

.faq-popular {
    grid-column-gap: 18px;
    display: grid;
    font-size: 14px;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 38px 0 8px
}

.faq-popular-section {
    border-radius: 12px;
    box-shadow: 0 0 12px rgba(0, 0, 0, .1);
    color: #444;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 14px 20px 12px;
    transition: box-shadow .2s ease;
    white-space: nowrap
}

.faq-popular-section:hover {
    box-shadow: 0 0 16px rgba(0, 0, 0, .18);
    color: #444;
    text-decoration: none
}

.faq-popular-section__icon {
    background: #263c4d;
    border-radius: 50%;
    color: #fff;
    height: 24px;
    margin-left: -2px;
    overflow: visible;
    padding: 12px;
    width: 24px
}

.faq-popular-section__content {
    padding: 16px 0 0
}

.faq-popular-section__link {
    color: #333;
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    margin: 0;
    padding: 2px 0 8px
}

.faq-popular-section__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.faq-popular-section__list li:last-child {
    color: #bbb;
    display: block;
    font-weight: 500;
    padding-top: 6px
}

.faq-popular-section-rastopyrka {
    display: none
}

.faq-section-list {
    line-height: 1.8;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.faq-section-list li {
    margin-bottom: 4px;
    padding-left: 1.1em
}

.faq-section-list li:before {
    color: #939ea6;
    content: "»";
    font-size: 1em;
    left: 0;
    position: absolute
}

.faq-section-list li a {
    color: #1e5784
}

.faq-header-h4 {
    border-bottom: 2px solid #3f4e5b;
    color: #263c4d;
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.6;
    margin: 18px 0 12px
}

@media (max-width:768px) {
    .faq-popular {
        grid-auto-flow: column;
        margin-left: -20px;
        margin-right: -20px;
        overflow-x: auto;
        padding-bottom: 18px;
        scrollbar-width: none
    }

    .faq-popular::-webkit-scrollbar {
        display: none
    }

    .faq-popular-section__content {
        min-width: 30vw
    }

    .faq-popular-section-rastopyrka {
        display: block;
        width: 1px
    }
}

@media (max-width:480px) {
    .faq-popular {
        grid-column-gap: 15px;
        margin-left: -15px;
        margin-right: -15px
    }

    .faq-popular-section {
        transition: none
    }

    .faq-popular-section__content {
        min-width: 45vw
    }

    .faq-section-list li {
        font-size: 15px;
        margin-bottom: 2px
    }
}

@media (max-width:320px) {
    .faq-popular {
        font-size: 13px;
        padding-top: 28px
    }

    .faq-popular-section {
        padding: 12px 16px 8px
    }

    .faq-popular-section__icon {
        height: 22px;
        padding: 10px;
        width: 22px
    }

    .faq-popular-section__content {
        padding-top: 10px
    }

    .faq-popular-section__link {
        font-size: 17px;
        padding-bottom: 6px
    }

    .faq-header-h4 {
        font-size: 18px
    }

    .faq-section-list li {
        font-size: 14px;
        margin-bottom: 8px;
        padding-left: 0
    }

    .faq-section-list li:before {
        display: none
    }

    .faq-section-list li a {
        color: #215f90
    }
}

.locales-list {
    display: flex;
    flex-wrap: wrap
}

.locales-list-lang {
    align-items: center;
    border-radius: 40px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    margin-bottom: 4px;
    padding: 8px;
    width: 50%
}

.locales-list-lang:nth-child(odd) {
    margin-left: -8px;
    margin-right: 8px
}

.locales-list-lang:nth-child(2n) {
    margin-right: -8px
}

.locales-list-lang:hover {
    background: #f5f5f5;
    text-decoration: none
}

.locales-list-lang__flag {
    display: block;
    height: 32px;
    margin-right: 8px;
    width: 32px
}

.locales-list-lang__name {
    color: #333;
    font-weight: 600
}

.locales-list-lang__native-name {
    color: #a8a8a8;
    font-size: 13px;
    font-weight: 400;
    padding-left: 4px
}

@media screen and (max-width:480px) {
    .locales-list-lang {
        width: 100%
    }

    .locales-list-lang:nth-child(2n),
    .locales-list-lang:nth-child(odd) {
        margin: 0 -8px
    }
}

.press-list__item {
    align-items: center;
    display: flex;
    font-size: 15px;
    line-height: 20px !important;
    margin-left: -10px
}

.press-list__item:before {
    flex-shrink: 0;
    margin: 0 10px 0 0 !important
}

.press-list__item b {
    flex-shrink: 0
}

.press-list__item b:after {
    content: ",";
    margin-right: 4px
}

.press-list__item a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.content-box--docs {
    display: flex;
    margin: 0;
    max-width: 100%
}

.docs-sidebar {
    background: #fcfcfc;
    border-right: 1px solid #e5e5e5;
    bottom: 0;
    float: left;
    height: 100vh;
    margin: -20px 0 -65px;
    min-width: 300px;
    position: sticky !important;
    top: 0;
    z-index: 800
}

.docs-sidebar__container {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: sticky;
    top: 0;
    width: 100%
}

.docs-sidebar__title {
    font-family: PT Sans Caption, Open Sans, Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding: 18px 24px;
    text-transform: uppercase
}

.docs-sidebar__toc li {
    display: block
}

.docs-sidebar__toc a {
    color: #555;
    display: block;
    font-size: 16px;
    -webkit-hyphens: auto;
    hyphens: auto;
    padding: 5px 24px
}

.docs-sidebar__toc a:hover {
    color: #333;
    text-decoration: none
}

.docs-sidebar__toc,
.docs-sidebar__toc--l2 {
    list-style: none;
    margin: 0;
    overflow-y: auto;
    padding: 0;
    scrollbar-width: thin
}

.docs-sidebar__toc--l2 {
    display: none
}

.docs-sidebar__toc--l2.expanded {
    display: block
}

.docs-sidebar__toc--l2 a {
    font-size: 14px !important;
    padding-left: 40px !important
}

.docs-sidebar__toc .active>a {
    background-color: rgba(2, 123, 243, .02);
    border-right: 2px solid #027bf3;
    color: #027bf3
}

.docs-sidebar__toc .active ul {
    display: block
}

.docs-sidebar__toc::-webkit-scrollbar {
    background: #f0f0f0;
    width: 3px
}

.docs-sidebar__toc::-webkit-scrollbar-thumb {
    background: #cdcdcd
}

.docs-sidebar-mobile-toggle {
    align-items: center;
    background: #fff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 12px;
    min-width: 48px;
    position: absolute;
    top: 12px;
    z-index: 1000
}

.docs-sidebar-mobile-toggle svg {
    fill: #aaa;
    height: 24px;
    width: 24px
}

.docs-sidebar-mobile-toggle:hover svg {
    fill: #027bf3
}

.docs-sidebar-mobile-toggle--opener {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .08), 0 1px 18px 0 rgba(0, 0, 0, .06), 0 3px 5px -1px rgba(0, 0, 0, .08);
    margin-right: -48px;
    margin-top: -8px;
    position: sticky;
    top: 12px;
    visibility: hidden
}

.docs-sidebar-mobile-toggle--closer {
    visibility: hidden
}

.docs-content-wrap {
    overflow: hidden
}

.docs-content {
    padding: 0 45px
}

.docs-content .hypercomments {
    margin: 0
}

@media screen and (max-width:800px) {
    .content-box--docs {
        padding: 0
    }

    .docs-sidebar {
        display: none;
        margin-top: 0
    }

    .docs-sidebar__title {
        padding: 24px 18px 24px 78px
    }

    .docs-sidebar-mobile-toggle--closer {
        visibility: visible
    }

    .docs-sidebar-mobile-toggle--opener {
        margin-top: 20px;
        visibility: visible
    }

    .docs-content {
        min-width: 100vw;
        padding: 0
    }

    .docs-content .article-header {
        padding-top: 16px
    }

    .docs-content .crumbs {
        box-sizing: border-box;
        margin-left: 0;
        margin-top: 0
    }

    .docs-content .crumbs,
    .docs-content .header {
        padding-left: 72px
    }

    .docs-comments,
    .docs-content .article {
        padding: 0 16px
    }
}

@media screen and (max-width:480px) {
    .docs-sidebar {
        display: none
    }

    .docs-sidebar-mobile-toggle--opener {
        margin-top: 12px
    }

    .docs-content {
        padding: 0
    }

    .docs-content .article-header {
        padding-top: 0
    }

    .docs-content .article-header .header {
        margin-top: 28px;
        padding-left: 16px
    }
}

.article-note {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin: 20px 0;
    max-width: 600px;
    padding: 20px 20px 18px 64px
}

.article-note--noheader {
    padding: 20px 30px
}

.article-note p:last-child {
    margin-bottom: 0
}

.article-note__header {
    color: #4b4b4b;
    font-family: PT Sans Caption, Open Sans, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 6px;
    margin-top: -4px
}

.article-note__header:before {
    box-sizing: content-box;
    display: block;
    float: left;
    height: 24px;
    margin-left: -44px;
    margin-top: 2px;
    padding-right: 20px;
    width: 24px
}

.article-note--info .article-note__header:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23027BF3'/%3E%3Crect width='1' height='5' x='7.5' y='6.5' stroke='%23fff' rx='.5'/%3E%3Ccircle cx='8' cy='4' r='1' fill='%23fff'/%3E%3C/svg%3E")
}

.article-note--warning .article-note__header:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23F19518'/%3E%3Crect width='1' height='5' x='7.5' y='6.5' stroke='%23fff' rx='.5'/%3E%3Ccircle cx='8' cy='4' r='1' fill='%23fff'/%3E%3C/svg%3E")
}

.article-note--important .article-note__header:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23FF4645'/%3E%3Crect width='1' height='5' x='7.5' y='6.5' stroke='%23fff' rx='.5'/%3E%3Ccircle cx='8' cy='4' r='1' fill='%23fff'/%3E%3C/svg%3E")
}

.article-note--tip .article-note__header:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%2356BD67'/%3E%3Crect width='1' height='5' x='7.5' y='6.5' stroke='%23fff' rx='.5'/%3E%3Ccircle cx='8' cy='4' r='1' fill='%23fff'/%3E%3C/svg%3E")
}

@media screen and (max-width:480px) {
    .article-note {
        background-color: #f8f8f8;
        border: none;
        border-radius: 0;
        margin: 20px -15px;
        padding-left: 16px
    }

    .content-box--docs .article-note {
        margin-left: -16px;
        margin-right: -16px
    }

    .article-note--info {
        background-color: #f0f6fd
    }

    .article-note--tip {
        background-color: #f0faf1
    }

    .article-note--important {
        background-color: #fdf5f5
    }

    .article-note--warning {
        background-color: #fdf4e8
    }

    .article-note__header:before {
        margin-left: 0;
        padding-right: 12px
    }
}

.article-tabs {
    margin-bottom: 15px
}

.article-tabs__header {
    border-bottom: 1px solid #e7e7e7;
    display: flex;
    margin-bottom: 15px
}

.article-tabs__tab {
    border-bottom: 2px solid transparent;
    color: #999;
    cursor: pointer;
    font-family: PT Sans Caption, Open Sans, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 33px;
    margin-bottom: -1px;
    margin-right: 8px;
    outline: none;
    padding: 0 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.article-tabs__tab.active {
    border-bottom-color: #0069ff;
    color: #00204d;
    pointer-events: none
}

.article-tabs__tab:hover {
    border-bottom-color: #ddd;
    color: #888
}

.article-tabs__panel {
    display: none
}

.article-tabs__panel.active {
    display: block
}

code[class*=language-],
pre[class*=language-] {
    word-wrap: normal;
    background: none;
    color: #000;
    font-family: Roboto Mono, Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    font-size: 14px;
    -webkit-hyphens: none;
    hyphens: none;
    line-height: 28px;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    text-align: left;
    text-shadow: 0 1px #fff;
    white-space: pre;
    word-break: normal;
    word-spacing: normal
}

code[class*=language-] ::-moz-selection,
code[class*=language-]::-moz-selection,
pre[class*=language-] ::-moz-selection,
pre[class*=language-]::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

code[class*=language-] ::selection,
code[class*=language-]::selection,
pre[class*=language-] ::selection,
pre[class*=language-]::selection {
    background: #b3d4fc;
    text-shadow: none
}

@media print {

    code[class*=language-],
    pre[class*=language-] {
        text-shadow: none
    }
}

pre[class*=language-] {
    margin: .5em 0;
    overflow: auto;
    padding: 1em
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background: #f8f8f8;
    border: 1px solid #c8cbd1;
    border-radius: 4px;
    padding: .75rem
}

:not(pre)>code[class*=language-] {
    border-radius: .3em;
    padding: .1em;
    white-space: normal
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #708090
}

.token.punctuation {
    color: #999
}

.namespace {
    opacity: .7
}

.token.boolean,
.token.constant,
.token.deleted,
.token.number,
.token.property,
.token.symbol,
.token.tag {
    color: #905
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
    color: #690
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
    background: hsla(0, 0%, 100%, .5);
    color: #9a6e3a
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #5044a0
}

.token.class-name,
.token.function {
    color: #dd4a68
}

.token.important,
.token.regex,
.token.variable {
    color: #e90
}

.token.bold,
.token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

@media screen and (max-width:480px) {
    pre[class*=language-] {
        border: none;
        border-radius: 0;
        margin: 20px -16px;
        padding-left: 16px
    }
}

/*# sourceMappingURL=app.a4c6a830.css.map*/