@charset "UTF-8";@font-face {
    font-family: 'NunitoSans Black';
    src: url(nunitosans-black.woff2) format('woff2'),url(nunitosans-black.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'NunitoSans Bold';
    src: url(nunitosans-bold.woff2) format('woff2'),url(nunitosans-bold.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'NunitoSans Regular';
    src: url(nunitosans-regular.woff2) format('woff2'),url(nunitosans-regular.woff) format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    font-family: "NunitoSans Regular",sans-serif
}

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

body {
    margin: 0;
    -webkit-text-rendering: geometricPrecision;
    -moz-text-rendering: geometricPrecision;
    -o-text-rendering: geometricPrecision;
    -ms-text-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    -o-font-smoothing: subpixel-antialiased;
    -ms-font-smoothing: subpixel-antialiased;
    font-smoothing: subpixel-antialiased
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,select {
    text-transform: none
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0;
    -webkit-appearance: none
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText;
    -webkit-appearance: none
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit
}

ol,ul {
    list-style: none;
    padding-left: 0;
    margin: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

caption,td,th {
    text-align: left
}

a {
    text-decoration: none;
    color: inherit
}

input:focus {
    outline: 0
}

select:focus {
    outline: 0
}

textarea:focus {
    outline: 0
}

button {
    border: none;
    border-radius: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    cursor: pointer;
    outline: 0;
    background-color: transparent;
    -webkit-appearance: none;
    text-decoration: none
}

button[disabled] {
    cursor: default
}

p {
    margin: 0
}

ui-reset {
    display: none
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-transition: background-color 999999s ease-in-out 0s;
    transition: background-color 999999s ease-in-out 0s;
    -webkit-text-fill-color: var(--color-text-primary)!important
}

:active,:focus,:hover {
    outline: 0;
    outline-offset: 0
}

:root {
    --border-radius-main: 4px;
    --border-radius-round: 50%
}

:root {
    --color-black: 30,31,34;
    --color-main-100: 42,43,48;
    --color-main-90: 62,63,69;
    --color-main-80: 84,86,95;
    --color-main-60: 134,136,147;
    --color-main-40: 174,175,183;
    --color-main-15: 224,224,227;
    --color-main-8: 240,240,242;
    --color-main-4: 246,247,247;
    --color-white: 255,255,255;
    --color-red-soft: 252,206,209;
    --color-red-light: 250,158,163;
    --color-red: 255,100,108;
    --color-red-bright: 255,0,0;
    --color-red-faint: 204,51,59;
    --color-red-dark: 124,3,9;
    --color-orange: 255,143,0;
    --color-orange-dark: 153,86,0;
    --color-orange-faint: 209,148,71;
    --color-orange-bright: 255,119,0;
    --color-orange-light: 255,188,102;
    --color-orange-soft: 255,233,204;
    --color-yellow: 255,221,60;
    --color-yellow-dark: 147,123,16;
    --color-yellow-faint: 221,195,64;
    --color-yellow-bright: 255,245,51;
    --color-yellow-light: 255,239,163;
    --color-yellow-soft: 255,248,214;
    --color-green: 20,198,121;
    --color-green-dark: 11,107,65;
    --color-green-faint: 64,156,116;
    --color-green-bright: 1,255,0;
    --color-green-light: 102,219,168;
    --color-green-soft: 185,238,215;
    --color-cyan: 72,230,230;
    --color-cyan-dark: 25,138,148;
    --color-cyan-faint: 79,173,181;
    --color-cyan-bright: 0,255,255;
    --color-cyan-light: 161,242,242;
    --color-cyan-soft: 210,249,249;
    --color-blue: 12,121,248;
    --color-blue-dark: 4,73,154;
    --color-blue-faint: 93,139,192;
    --color-blue-bright: 0,0,255;
    --color-blue-light: 111,176,251;
    --color-blue-soft: 210,230,254;
    --color-violet: 128,52,194;
    --color-violet-dark: 74,30,113;
    --color-violet-faint: 119,88,147;
    --color-violet-bright: 136,0,255;
    --color-violet-light: 177,126,220;
    --color-violet-soft: 226,207,242;
    --color-pink: 247,110,242;
    --color-pink-dark: 115,38,112;
    --color-pink-faint: 153,51,149;
    --color-pink-bright: 255,0,245;
    --color-pink-light: 255,173,252;
    --color-pink-soft: 249,231,248
}

:root {
    --height-xs-xl: 1px;
    --height-sm-3xs: 2px;
    --height-sm-2xs: 4px;
    --height-sm-xs: 6px;
    --height-sm-s: 8px;
    --height-sm-sm: 10px;
    --height-sm-m: 12px;
    --height-sm-ml: 14px;
    --height-sm-l: 16px;
    --height-sm-xl: 18px;
    --height-sm-2xl: 20px;
    --height-md-2xs: 24px;
    --height-md-xs: 28px;
    --height-md-s: 32px;
    --height-md-m: 36px;
    --height-md-l: 40px;
    --height-md-xl: 44px;
    --height-md-2xl: 48px;
    --height-lg-xs: 52px;
    --height-lg-s: 56px;
    --height-lg-m: 60px;
    --height-lg-l: 64px;
    --height-lg-xl: 68px;
    --height-lg-2xl: 72px;
    --height-lg-3xl: 76px;
    --height-xl-2xs: 80px;
    --height-xl-xs: 84px;
    --height-xl-s: 88px;
    --height-xl-m: 92px;
    --height-xl-l: 96px;
    --height-xl-xl: 100px;
    --height-xl-2xl: 104px;
    --height-xl-3xl: 200px
}

:root {
    --offset-sm-xxxs: 2px;
    --offset-sm-xxs: 4px;
    --offset-sm-xxxl: 24px;
    --offset-md-xxl: 48px;
    --offset-lg-xxl: 72px;
    --offset-lg-xxxl: 76px;
    --offset-sm-3xs: 2px;
    --offset-sm-2xs: 4px;
    --offset-sm-xs: 6px;
    --offset-sm-s: 8px;
    --offset-sm-sm: 10px;
    --offset-sm-m: 12px;
    --offset-sm-ml: 14px;
    --offset-sm-l: 16px;
    --offset-sm-xl: 18px;
    --offset-sm-xxl: 20px;
    --offset-md-2xs: 24px;
    --offset-md-xs: 28px;
    --offset-md-s: 32px;
    --offset-md-m: 36px;
    --offset-md-l: 40px;
    --offset-md-xl: 44px;
    --offset-md-2xl: 48px;
    --offset-lg-xs: 52px;
    --offset-lg-s: 56px;
    --offset-lg-m: 60px;
    --offset-lg-l: 64px;
    --offset-lg-xl: 68px;
    --offset-lg-2xl: 72px;
    --offset-lg-3xl: 76px
}

:root {
    --cubic-ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
    --cubic-ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --cubic-ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
    --transition-slowest: 1s;
    --transition-slower: 0.7s;
    --transition-slow: 0.5s;
    --transition-standart: 0.35s;
    --transition-medium: 0.3s;
    --transition-fast: 0.25s;
    --transition-faster: 0.2s;
    --transition-fastest: 0.15s
}

:root {
    --width-sm-4xs: 1px;
    --width-sm-3xs: 2px;
    --width-sm-2xs: 4px;
    --width-sm-xs: 6px;
    --width-sm-s: 8px;
    --width-sm-sm: 10px;
    --width-sm-m: 12px;
    --width-sm-ml: 14px;
    --width-sm-l: 16px;
    --width-sm-xl: 18px;
    --width-sm-2xl: 20px;
    --width-md-2xs: 24px;
    --width-md-xs: 28px;
    --width-md-s: 32px;
    --width-md-m: 36px;
    --width-md-l: 40px;
    --width-md-xl: 44px;
    --width-md-2xl: 48px;
    --width-lg-xs: 52px;
    --width-lg-s: 56px;
    --width-lg-m: 60px;
    --width-lg-l: 64px;
    --width-lg-xl: 68px;
    --width-lg-2xl: 72px;
    --width-lg-3xl: 76px;
    --width-xl-2xs: 80px;
    --width-xl-xs: 84px;
    --width-xl-s: 88px;
    --width-xl-m: 92px;
    --width-xl-l: 96px;
    --width-xl-xl: 100px;
    --width-xl-2xl: 104px;
    --width-xl-3xl: 200px;
    --width-mobile-xs: 288px;
    --width-mobile-s: 512px;
    --width-tablet-s: 688px;
    --width-tablet-m: 944px;
    --width-laptop-l: 1104px;
    --width-desktop-xl: 1264px;
    --width-full: 100%
}

:root {
    --zindex-bottom: -1000;
    --zindex-minus-50: -50;
    --zindex-0: 0;
    --zindex-50: 50;
    --zindex-100: 100;
    --zindex-150: 150;
    --zindex-200: 200;
    --zindex-250: 250;
    --zindex-300: 300;
    --zindex-350: 350;
    --zindex-400: 400;
    --zindex-450: 450;
    --zindex-500: 500;
    --zindex-1000: 1000;
    --zindex-1050: 1050;
    --zindex-top: 9999
}

:root {
    --opacity-0: 0;
    --opacity-01: 0.01;
    --opacity-1: 0.1;
    --opacity-2: 0.2;
    --opacity-3: 0.3;
    --opacity-4: 0.4;
    --opacity-5: 0.5;
    --opacity-6: 0.6;
    --opacity-7: 0.7;
    --opacity-8: 0.8;
    --opacity-9: 0.8;
    --opacity-10: 1;
    --bg-blur-25: blur(2.5px);
    --bg-blur-50: blur(5px);
    --bg-blur-100: blur(10px)
}

:root {
    --border-width-xs: 1px;
    --border-width-s: 2px;
    --border-width-m: 3px;
    --border-width-l: 4px;
    --border-radius-xxs: 2px;
    --border-radius-xs: 4px;
    --border-radius-s: 6px;
    --border-radius-m: 8px;
    --border-radius-ml: 10px;
    --border-radius-l: 12px;
    --border-radius-xl: 14px;
    --border-radius-2xl: 16px;
    --border-radius-3xl: 18px;
    --border-radius-4xl: 20px;
    --border-radius-round: 50%
}

[align-self-start] {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

[align-self-end] {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

[align-self-center] {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

[align-self-stretch] {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

[align-self-baseline] {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

[align-self-auto] {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

[wrap] {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

[nowrap] {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

[wrap-reverse] {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

[justify-content-start] {
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

[justify-content-center] {
    -ms-flex-pack: center!important;
    justify-content: center!important
}

[justify-content-end] {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

[justify-content-around] {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

[justify-content-between] {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

[justify-content-evenly] {
    -ms-flex-pack: space-evenly!important;
    justify-content: space-evenly!important
}

[align-items-start] {
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

[align-items-center] {
    -ms-flex-align: center!important;
    align-items: center!important
}

[align-items-end] {
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

[align-items-stretch] {
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

[align-items-baseline] {
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

lui-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center
}

.lp-font-black-xxl {
    font: 700 36px/44px "NunitoSans Black",sans-serif
}

.lp-font-black-xl {
    font: 700 30px/36px "NunitoSans Black",sans-serif
}

.lp-font-black-l {
    font: 700 24px/32px "NunitoSans Black",sans-serif
}

.lp-font-black-m {
    font: 700 20px/28px "NunitoSans Black",sans-serif
}

.lp-font-black-s {
    font: 700 16px/24px "NunitoSans Black",sans-serif
}

.lp-font-black-s-compact {
    font: 700 16px/20px "NunitoSans Black",sans-serif
}

.lp-font-black-xs {
    font: 700 14px/20px "NunitoSans Black",sans-serif
}

.lp-font-bold-xxl-compact {
    font: 500 18px/20px "NunitoSans Bold",sans-serif
}

.lp-font-bold-xl {
    font: 500 14px/20px "NunitoSans Bold",sans-serif
}

.lp-font-bold-l {
    font: 500 12px/20px "NunitoSans Bold",sans-serif
}

.lp-font-bold-m {
    font: 500 12px/20px "NunitoSans Bold",sans-serif
}

.lp-font-bold-s-compact {
    font: 500 12px/16px "NunitoSans Bold",sans-serif
}

.lp-font-regular-xl {
    font: 16px/24px "NunitoSans Regular",sans-serif
}

.lp-font-regular-l {
    font: 14px/20px "NunitoSans Regular",sans-serif
}

.lp-font-regular-m {
    font: 14px/20px "NunitoSans Regular",sans-serif
}

.lp-font-regular-s {
    font: 12px/20px "NunitoSans Regular",sans-serif
}

@media(min-width: 768px) {
    .lp-font-black-xxl {
        font:700 50px/56px "NunitoSans Black",sans-serif
    }

    .lp-font-black-xl {
        font: 700 40px/48px "NunitoSans Black",sans-serif
    }

    .lp-font-black-l {
        font: 700 32px/40px "NunitoSans Black",sans-serif
    }

    .lp-font-black-m {
        font: 700 24px/32px "NunitoSans Black",sans-serif
    }

    .lp-font-black-s {
        font: 700 18px/24px "NunitoSans Black",sans-serif
    }

    .lp-font-black-s-compact {
        font: 700 18px/20px "NunitoSans Black",sans-serif
    }

    .lp-font-black-xs {
        font: 700 16px/24px "NunitoSans Black",sans-serif
    }

    .lp-font-bold-xxl-compact {
        font: 500 20px/24px "NunitoSans Bold",sans-serif
    }

    .lp-font-bold-xl {
        font: 500 14px/20px "NunitoSans Bold",sans-serif
    }

    .lp-font-bold-l {
        font: 500 12px/20px "NunitoSans Bold",sans-serif
    }

    .lp-font-bold-m {
        font: 500 12px/20px "NunitoSans Bold",sans-serif
    }

    .lp-font-bold-s-compact {
        font: 500 12px/16px "NunitoSans Bold",sans-serif
    }

    .lp-font-regular-xl {
        font: 18px/24px "NunitoSans Regular",sans-serif
    }

    .lp-font-regular-l {
        font: 16px/24px "NunitoSans Regular",sans-serif
    }

    .lp-font-regular-m {
        font: 14px/24px "NunitoSans Regular",sans-serif
    }

    .lp-font-regular-s {
        font: 12px/20px "NunitoSans Regular",sans-serif
    }
}

@media(min-width: 1024px) {
    .lp-font-black-xxl {
        font:700 64px/72px "NunitoSans Black",sans-serif
    }

    .lp-font-black-xl {
        font: 700 56px/64px "NunitoSans Black",sans-serif
    }

    .lp-font-black-l {
        font: 700 42px/48px "NunitoSans Black",sans-serif
    }

    .lp-font-black-m {
        font: 700 30px/36px "NunitoSans Black",sans-serif
    }

    .lp-font-black-s {
        font: 700 20px/28px "NunitoSans Black",sans-serif
    }

    .lp-font-black-s-compact {
        font: 700 20px/24px "NunitoSans Black",sans-serif
    }

    .lp-font-black-xs {
        font: 700 18px/24px "NunitoSans Black",sans-serif
    }

    .lp-font-bold-xxl-compact {
        font: 500 22px/24px "NunitoSans Bold",sans-serif
    }

    .lp-font-bold-xl {
        font: 500 16px/24px "NunitoSans Bold",sans-serif
    }

    .lp-font-bold-l {
        font: 500 14px/20px "NunitoSans Bold",sans-serif
    }

    .lp-font-bold-m {
        font: 500 14px/24px "NunitoSans Bold",sans-serif
    }

    .lp-font-bold-s-compact {
        font: 500 14px/20px "NunitoSans Bold",sans-serif
    }

    .lp-font-regular-xl {
        font: 20px/28px "NunitoSans Regular",sans-serif
    }

    .lp-font-regular-l {
        font: 18px/24px "NunitoSans Regular",sans-serif
    }

    .lp-font-regular-m {
        font: 16px/24px "NunitoSans Regular",sans-serif
    }

    .lp-font-regular-s {
        font: 14px/20px "NunitoSans Regular",sans-serif
    }
}

@media(min-width: 1280px) {
    .lp-font-black-xxl {
        font:700 72px/80px "NunitoSans Black",sans-serif
    }

    .lp-font-black-xl {
        font: 700 64px/72px "NunitoSans Black",sans-serif
    }

    .lp-font-black-l {
        font: 700 48px/56px "NunitoSans Black",sans-serif
    }

    .lp-font-black-m {
        font: 700 36px/44px "NunitoSans Black",sans-serif
    }

    .lp-font-black-s {
        font: 700 20px/28px "NunitoSans Black",sans-serif
    }

    .lp-font-black-s-compact {
        font: 700 20px/24px "NunitoSans Black",sans-serif
    }

    .lp-font-black-xs {
        font: 700 18px/24px "NunitoSans Black",sans-serif
    }

    .lp-font-bold-xxl-compact {
        font: 500 24px/28px "NunitoSans Bold",sans-serif
    }

    .lp-font-bold-xl {
        font: 500 16px/24px "NunitoSans Bold",sans-serif
    }

    .lp-font-bold-l {
        font: 500 14px/20px "NunitoSans Bold",sans-serif
    }

    .lp-font-bold-m {
        font: 500 14px/24px "NunitoSans Bold",sans-serif
    }

    .lp-font-bold-s-compact {
        font: 500 14px/20px "NunitoSans Bold",sans-serif
    }

    .lp-font-regular-xl {
        font: 20px/28px "NunitoSans Regular",sans-serif
    }

    .lp-font-regular-l {
        font: 18px/24px "NunitoSans Regular",sans-serif
    }

    .lp-font-regular-m {
        font: 16px/24px "NunitoSans Regular",sans-serif
    }

    .lp-font-regular-s {
        font: 14px/20px "NunitoSans Regular",sans-serif
    }
}

:root {
    --text-black-xxl: 700 36px/44px NunitoSans Black,sans-serif;
    --text-black-xl: 700 30px/36px NunitoSans Black,sans-serif;
    --text-black-l: 700 24px/32px NunitoSans Black,sans-serif;
    --text-black-m: 700 20px/28px NunitoSans Black,sans-serif;
    --text-black-s: 700 16px/24px NunitoSans Black,sans-serif;
    --text-black-s-compact: 700 16px/20px NunitoSans Black,sans-serif;
    --text-black-xs: 700 14px/20px NunitoSans Black,sans-serif;
    --text-bold-xxl-compact: 500 18px/20px NunitoSans Bold,sans-serif;
    --text-bold-xl: 500 14px/20px NunitoSans Bold,sans-serif;
    --text-bold-l: 500 12px/20px NunitoSans Bold,sans-serif;
    --text-bold-m: 500 12px/20px NunitoSans Bold,sans-serif;
    --text-bold-s-compact: 500 12px/16px NunitoSans Bold,sans-serif;
    --text-regular-xl: 16px/24px NunitoSans Regular,sans-serif;
    --text-regular-l: 14px/20px NunitoSans Regular,sans-serif;
    --text-regular-m: 14px/20px NunitoSans Regular,sans-serif;
    --text-regular-s: 12px/20px NunitoSans Regular,sans-serif
}

@media(min-width: 768px) {
    :root {
        --text-black-xxl:700 50px/56px NunitoSans Black,sans-serif;
        --text-black-xl: 700 40px/48px NunitoSans Black,sans-serif;
        --text-black-l: 700 32px/40px NunitoSans Black,sans-serif;
        --text-black-m: 700 24px/32px NunitoSans Black,sans-serif;
        --text-black-s: 700 18px/24px NunitoSans Black,sans-serif;
        --text-black-s-compact: 700 18px/20px NunitoSans Black,sans-serif;
        --text-black-xs: 700 16px/24px NunitoSans Black,sans-serif;
        --text-bold-xxl-compact: 500 20px/24px NunitoSans Bold,sans-serif;
        --text-bold-xl: 500 14px/20px NunitoSans Bold,sans-serif;
        --text-bold-l: 500 12px/20px NunitoSans Bold,sans-serif;
        --text-bold-m: 500 12px/20px NunitoSans Bold,sans-serif;
        --text-bold-s-compact: 500 12px/16px NunitoSans Bold,sans-serif;
        --text-regular-xl: 18px/24px NunitoSans Regular,sans-serif;
        --text-regular-l: 16px/24px NunitoSans Regular,sans-serif;
        --text-regular-m: 14px/24px NunitoSans Regular,sans-serif;
        --text-regular-s: 12px/20px NunitoSans Regular,sans-serif
    }
}

@media(min-width: 1024px) {
    :root {
        --text-black-xxl:700 64px/72px NunitoSans Black,sans-serif;
        --text-black-xl: 700 56px/64px NunitoSans Black,sans-serif;
        --text-black-l: 700 42px/48px NunitoSans Black,sans-serif;
        --text-black-m: 700 30px/36px NunitoSans Black,sans-serif;
        --text-black-s: 700 20px/28px NunitoSans Black,sans-serif;
        --text-black-s-compact: 700 20px/24px NunitoSans Black,sans-serif;
        --text-black-xs: 700 18px/24px NunitoSans Black,sans-serif;
        --text-bold-xxl-compact: 500 22px/24px NunitoSans Bold,sans-serif;
        --text-bold-xl: 500 16px/24px NunitoSans Bold,sans-serif;
        --text-bold-l: 500 14px/20px NunitoSans Bold,sans-serif;
        --text-bold-m: 500 14px/24px NunitoSans Bold,sans-serif;
        --text-bold-s-compact: 500 14px/20px NunitoSans Bold,sans-serif;
        --text-regular-xl: 20px/28px NunitoSans Regular,sans-serif;
        --text-regular-l: 18px/24px NunitoSans Regular,sans-serif;
        --text-regular-m: 16px/24px NunitoSans Regular,sans-serif;
        --text-regular-s: 14px/20px NunitoSans Regular,sans-serif
    }
}

@media(min-width: 1280px) {
    :root {
        --text-black-xxl:700 72px/80px NunitoSans Black,sans-serif;
        --text-black-xl: 700 64px/72px NunitoSans Black,sans-serif;
        --text-black-l: 700 48px/56px NunitoSans Black,sans-serif;
        --text-black-m: 700 36px/44px NunitoSans Black,sans-serif;
        --text-black-s: 700 20px/28px NunitoSans Black,sans-serif;
        --text-black-s-compact: 700 20px/24px NunitoSans Black,sans-serif;
        --text-black-xs: 700 18px/24px NunitoSans Black,sans-serif;
        --text-bold-xxl-compact: 500 24px/28px NunitoSans Bold,sans-serif;
        --text-bold-xl: 500 16px/24px NunitoSans Bold,sans-serif;
        --text-bold-l: 500 14px/20px NunitoSans Bold,sans-serif;
        --text-bold-m: 500 14px/24px NunitoSans Bold,sans-serif;
        --text-bold-s-compact: 500 14px/20px NunitoSans Bold,sans-serif;
        --text-regular-xl: 20px/28px NunitoSans Regular,sans-serif;
        --text-regular-l: 18px/24px NunitoSans Regular,sans-serif;
        --text-regular-m: 16px/24px NunitoSans Regular,sans-serif;
        --text-regular-s: 14px/20px NunitoSans Regular,sans-serif
    }
}

:root {
    --color-yellow-second: 231,192,8;
    --color-base-lighten: 232,232,233;
    --color-base-light: 209,212,215;
    --color-black: 30,31,34;
    --color-base-darkest: 42,43,48;
    --color-base-darken: 63,64,68;
    --color-base-dark: 97,99,104;
    --color-base-lightest: 247,247,249;
    --color-base-medium-darken: 141,142,142;
    --color-stroke-accent-color: RGB( var( --color-base-darkest ) );
    --color-stroke-active: RGB( var( --color-base-darkest ) );
    --color-text-accent: RGB( var( --color-base-darkest ) );
    --color-button-primary-highlight: RGB( 231, 192, 8 )
}

.hidden {
    display: none!important
}

.swiper-button-next:after,.swiper-button-prev:after {
    height: 12px;
    width: 7px
}

.swiper-header .swiper-button-next:after {
    content: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.23657 11.664C0.921145 11.9696 0.921145 12.4652 1.23657 12.7708C1.55199 13.0764 2.06339 13.0764 2.37882 12.7708L7.76343 7.55339C8.07886 7.24776 8.07886 6.75224 7.76343 6.44661L2.37882 1.22922C2.06339 0.923593 1.55199 0.923593 1.23657 1.22922C0.921144 1.53485 0.921144 2.03037 1.23657 2.336L6.05006 7L1.23657 11.664Z' fill='%23487BFE' stroke='%23487BFE' /%3E%3C/svg%3E%0A")
}

.swiper-header .swiper-button-disabled.swiper-button-next:after {
    content: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.23657 11.664C0.921145 11.9696 0.921145 12.4652 1.23657 12.7708C1.55199 13.0764 2.06339 13.0764 2.37882 12.7708L7.76343 7.55339C8.07886 7.24776 8.07886 6.75224 7.76343 6.44661L2.37882 1.22922C2.06339 0.923593 1.55199 0.923593 1.23657 1.22922C0.921144 1.53485 0.921144 2.03037 1.23657 2.336L6.05006 7L1.23657 11.664Z' fill='%23D1D4D7' stroke='%23D1D4D7' /%3E%3C/svg%3E%0A")
}

.swiper-header .swiper-button-prev:after {
    content: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.76343 2.336C8.07886 2.03037 8.07886 1.53485 7.76343 1.22922C7.44801 0.923594 6.93661 0.923594 6.62118 1.22922L1.23657 6.44661C0.921144 6.75224 0.921144 7.24776 1.23657 7.55339L6.62118 12.7708C6.93661 13.0764 7.44801 13.0764 7.76343 12.7708C8.07886 12.4652 8.07886 11.9696 7.76343 11.664L2.94994 7L7.76343 2.336Z' fill='%23487BFE' stroke='%23487BFE'/%3E%3C/svg%3E%0A")
}

.swiper-header .swiper-button-disabled.swiper-button-prev:after {
    content: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.76343 2.336C8.07886 2.03037 8.07886 1.53485 7.76343 1.22922C7.44801 0.923594 6.93661 0.923594 6.62118 1.22922L1.23657 6.44661C0.921144 6.75224 0.921144 7.24776 1.23657 7.55339L6.62118 12.7708C6.93661 13.0764 7.44801 13.0764 7.76343 12.7708C8.07886 12.4652 8.07886 11.9696 7.76343 11.664L2.94994 7L7.76343 2.336Z' fill='%23D1D4D7' stroke='%23D1D4D7'/%3E%3C/svg%3E%0A")
}

.site {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: RGB(var(--color-white))
}

.site {
    margin-top: auto
}

.site-main {
    padding-top: 14px;
    max-width: 100%
}

lui-button .button_btn__dCMn2 span {
    white-space: normal;
    line-height: 0;
    padding: 0;
    font: 12px/16px "NunitoSans Bold",sans-serif
}

@media(min-width: 1024px) {
    lui-button .button_btn__dCMn2 span {
        font:14px/20px "NunitoSans Bold",sans-serif
    }
}

lui-button.button_fill__2a68Y .button_btn__dCMn2 {
    padding: 0
}

lui-button.button_black__2zjU4.button_hollow__gXvC1 {
    color: rgb(var(--color-base-darkest));
    background-color: rgba(0,0,0,0)
}

lui-button.button_black__2zjU4.button_hollow__gXvC1:not([disabled=true],[post_type=vip]):hover {
    color: rgb(var(--color-base-darkest));
    background-color: rgba(0,0,0,0)
}

lui-button.button_black__2zjU4.button_hollow__gXvC1:active {
    color: rgb(var(--color-white))!important;
    background-color: rgb(var(--color-base-darkest))!important
}

@media(min-width: 1024px) {
    lui-button.button_black__2zjU4.button_hollow__gXvC1:hover {
        color:rgb(var(--color-white))!important;
        background-color: rgb(var(--color-base-darkest))!important
    }
}

@media(min-width: 768px) {
    .site-main {
        padding-top:18px
    }
}

@media(min-width: 1024px) {
    .site-main {
        padding-top:44px
    }
}

lui-button:focus,lui-button:hover {
    color: rgb(var(--color-base-darkest))
}

.content-style h2 {
    font: var(--text-black-m);
    color: RGB(var(--color-base-darkest));
    margin: 24px 0 16px
}

@media(min-width: 768px) {
    .content-style h2 {
        margin:32px 0 16px
    }
}

.content-style h3 {
    font: var(--text-black-s);
    color: RGB(var(--color-blue));
    margin: 24px 0 16px
}

@media(min-width: 768px) {
    .content-style h3 {
        margin:32px 0 16px
    }
}

.content-style h4 {
    font: var(--text-black-xs)
}

.content-style .blog-paragraph a,.content-style ol a,.content-style p a,.content-style ul a {
    font-family: inherit;
    color: RGB(var(--color-blue));
    border-bottom: 1px solid RGB(var(--color-blue))
}

.content-style blockquote {
    background: RGB(var(--color-base-lightest));
    border-radius: 8px;
    border: none;
    padding: 16px 24px;
    margin: 24px 0
}

.content-style blockquote p {
    font: var(--text-bold-xl);
    font-style: italic;
    line-height: 170%;
    color: RGB(var(--color-base-darkest));
    margin-bottom: 8px
}

.content-style blockquote cite {
    font: var(--text-bold-s-compact);
    color: RGB(var(--color-main-60));
    font-size: 12px;
    display: block;
    margin-left: auto;
    margin-right: 0;
    width: max-content;
    max-width: 100%
}

.content-style ol,.content-style ul {
    padding-left: 20px;
    color: RGB(var(--color-base-darkest));
    margin: 8px 0 16px
}

.content-style ol {
    list-style-type: decimal
}

.content-style ul li {
    position: relative
}

.content-style ul li:before {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    top: 12px;
    left: -12px;
    background-color: RGB(var(--color-base-darkest));
    border-radius: 2px;
    transform: translateY(-50%)
}

@media(min-width: 1024px) {
    .content-style .blog-paragraph,.content-style p {
        margin-bottom:16px;
        margin-top: 16px
    }

    .content-style ol,.content-style ul {
        margin: 24px 0
    }
}

@media(min-width: 768px) {
    .content-style .wp-block-columns {
        column-gap:16px
    }
}

.content-style .blog-paragraph,.content-style .wp-block-column>p,.content-style>p {
    color: RGB(var(--color-base-darkest));
    margin: 24px 0 8px
}

.content-style .blog-paragraph:first-child,.content-style .wp-block-column>p:first-child,.content-style>p:first-child {
    margin-top: 0
}

@keyframes slideHeaderTop {
    100% {
        position: fixed;
        top: 0
    }
}

.archive:not(.author).fixed .breadcrumbs-block-wrapper,.category.fixed .breadcrumbs-block-wrapper,.home.fixed .breadcrumbs-block-wrapper,.page-template.fixed .breadcrumbs-block-wrapper {
    display: block
}


@media(min-width: 1024px) {
    .archive:not(.author) .breadcrumbs-block-wrapper,.category .breadcrumbs-block-wrapper,.home .breadcrumbs-block-wrapper,.page-template .breadcrumbs-block-wrapper {
        display:none
    }
}

.fixed .site-header {
    position: fixed;
    animation: slideHeaderTop .7s forwards;
    width: 100%;
    top: 0;
    z-index: 9
}

.fixed .breadcrumbs-block-wrapper {
    box-shadow: 0 2px 6px rgba(0,0,0,.1);
    height: 48px;
    z-index: 9;
    position: relative
}

@media(min-width: 768px) {
    .fixed .breadcrumbs-block-wrapper {
        height:56px
    }
}

@media(min-width: 1024px) {
    .fixed .breadcrumbs-block-wrapper {
        height:64px;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media(min-width: 1024px) {
    .fixed .breadcrumbs-block-wrapper {
        margin-top:0
    }
}

.fixed .breadcrumbs-block-wrapper .article__actions-share-text,.fixed .breadcrumbs-block-wrapper .wp_ulike_counter_up>span {
    display: none
}

@media(min-width: 768px) {
    .fixed .breadcrumbs-block-wrapper .article__actions-share-text,.fixed .breadcrumbs-block-wrapper .wp_ulike_counter_up>span {
        display:inline
    }
}

.fixed .breadcrumbs-block-wrapper .article__actions-share img {
    margin-right: 3px
}

.fixed .breadcrumbs-block-wrapper .breadcrumbs {
    justify-items: end
}

@media(min-width: 1024px) {
    .fixed .breadcrumbs-block-wrapper .breadcrumbs {
        justify-content:flex-end
    }
}

.fixed .breadcrumbs {
    margin: 12px 0
}

.fixed .breadcrumbs .blog_breadcrumbs {
    display: none
}

.fixed .breadcrumbs-block-wrapper .article__actions-wrap {
    display: block
}

.fixed .breadcrumbs-block-wrapper .article__actions-wrap .header__contacts-socials {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 24px;
    column-gap: 16px;
    margin-right: 16px
}

@media(min-width: 768px) {
    .fixed .breadcrumbs-block-wrapper .article__actions-wrap .header__contacts-socials {
        margin-right:28px
    }
}

@media(min-width: 1024px) {
    .fixed .breadcrumbs-block-wrapper .article__actions-wrap .header__contacts-socials {
        margin-right:16px
    }
}

.fixed .breadcrumbs-block-wrapper .article__actions-wrap .header__contacts-social {
    display: block;
    height: 24px;
    width: 24px
}

.fixed .breadcrumbs-block-wrapper .article__actions-wrap .header__contacts-social svg {
    transition: opacity .4s ease-in-out;
    height: 24px;
    width: 24px;
    border-radius: 50%
}

.fixed .breadcrumbs-block-wrapper .article__actions-wrap .header__contacts-social svg:hover {
    opacity: .7
}

.fixed .breadcrumbs-block-wrapper .article__actions-wrap .article__actions {
    margin-top: 0;
    column-gap: 16px
}

@media(min-width: 768px) {
    .fixed .breadcrumbs-block-wrapper .article__actions-wrap .article__actions {
        column-gap:20px
    }
}

.fixed .breadcrumbs-block-wrapper .article__actions-wrap .article__socials {
    right: 0;
    left: unset;
    padding-top: 34px;
    transform: translateY(100%);
    bottom: 0
}

.fixed .article {
    padding-top: 104px
}

.site-header {
    background-color: RGB(var(--color-base-darkest));
    position: relative;
    align-items: center
}

.site-header .site-logo a {
    display: inline-block
}

.site-header .site-logo img {
    height: 24px;
    width: 100px
}

@media(min-width: 768px) {
    .site-header .site-logo img {
        height:32px;
        width: 139px
    }
}

@media(min-width: 1024px) {
    .site-header .site-logo img {
        height:36px;
        width: 155px
    }
}

.site-header .container {
    height: 100%
}

.site-header>.container {
    height: 48px;
    z-index: 12;
    position: relative;
    background-color: RGB(var(--color-base-darkest))
}

@media(min-width: 1024px) {
    .site-header>.container {
        height:80px
    }
}

.site-header .wrapper {
    align-items: center;
    height: 100%
}

.site-header .header-menu-container {
    display: none
}

@media(min-width: 768px) {
    .site-header .header-menu-container {
        display:block
    }
}

@media(max-width: 1023px) {
    .site-header .header-menu-container {
        justify-content:flex-end;
        margin-right: 16px
    }
}

.site-header .header-menu-container .header-menu {
    color: RGB(var(--color-white));
    align-items: center
}

@media(min-width: 768px) {
    .site-header .header-menu-container .header-menu {
        display:flex;
        justify-content: flex-end
    }
}

@media(min-width: 1024px) {
    .site-header .header-menu-container .header-menu {
        justify-content:flex-start
    }
}

.site-header .header-menu-container .header-menu .menu-wrapper {
    display: none
}

@media(min-width: 1024px) {
    .site-header .header-menu-container .header-menu .menu-wrapper.visible {
        display:flex
    }
}

.site-header .header-menu-container .header-menu .menu-wrapper>li {
    margin-right: 29px
}

.site-header .header-menu-container .header-menu .menu-wrapper>li a {
    border-bottom: 2px solid rgba(0,0,0,0)
}

.site-header .header-menu-container .header-menu .menu-wrapper>li a:hover {
    color: RGB(var(--color-yellow));
    border-bottom: 2px solid RGB(var(--color-yellow))
}

.site-header .header-menu-container .header-menu .menu-wrapper>li.current-menu-item a {
    color: RGB(var(--color-yellow));
    border-bottom: 2px solid
}

.site-header .header-menu-container .header-menu {
    display: none
}

@media(min-width: 1024px) {
    .site-header .header-menu-container .header-menu .search-menu.full {
        width:100%;
        padding-right: 20px
    }
}

.site-header .header-menu-container .header-menu .search-menu .search-icon {
    display: none;
    color: RGB(var(--color-white));
    cursor: pointer
}

.site-header .header-menu-container .header-menu .search-menu .search-icon.visible {
    display: inline-flex
}

.site-header .header-menu-container .header-menu .search-menu .search-icon:hover svg path {
    fill: RGB(var(--color-yellow))
}

.site-header .header-menu-container .header-menu .search-menu .search-input {
    display: none;
    width: 280px
}

.site-header .header-menu-container .header-menu .search-menu .search-input lui-input input,.site-header .header-menu-container .header-menu .search-menu .search-input lui-input input:focus,.site-header .header-menu-container .header-menu .search-menu .search-input lui-input input:hover {
    cursor: text;
    color: RGB(var(--color-white));
    -webkit-text-fill-color: RGB(var(--color-white))!important;
    caret-color: RGB(var(--color-white))
}

@media(min-width: 1024px) {
    .site-header .header-menu-container .header-menu .search-menu .search-input {
        width:100%
    }
}

.site-header .header-menu-container .header-menu .search-menu .search-input [class^=input_icon-container],.site-header .header-menu-container .header-menu .search-menu .search-input [class^=input_input-group],.site-header .header-menu-container .header-menu .search-menu .search-input [class^=input_item-end] {
    height: 40px
}

.site-header .header-menu-container .header-menu .search-menu .search-input [class^=input_input-helper] {
    height: 38px
}

.site-header .header-menu-container .header-menu .search-menu .search-input [class^=input_input-group] {
    background-color: RGB(var(--color-base-darken));
    padding-right: 0;
    align-items: center
}

.site-header .header-menu-container .header-menu .search-menu .search-input .button-search {
    min-width: 48px;
    max-width: 48px;
    background-color: RGB(var(--color-base-darkest));
    border-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 36px;
    margin-right: 1px
}

.site-header .header-menu-container .header-menu .search-menu .search-input .button-search button {
    padding: 0
}

.site-header .header-menu-container .header-menu .search-menu .search-input input {
    box-shadow: inset 0 0 0 40px RGB(var(--color-base-darken))!important
}

.site-header .header-menu-container .header-menu .search-menu .search-input .search-button-icon {
    display: flex
}

.site-header .header-menu-container .header-menu .search-menu .search-input .search-button-icon svg path {
    fill: RGB(var(--color-yellow))
}

.site-header .header-menu-container .header-menu .search-menu .search-input [name=close] {
    margin-left: 10px;
    cursor: pointer
}

.site-header .header-menu-container .header-menu .search-menu .search-input [name=close]:hover {
    color: RGB(var(--color-yellow))
}

.site-header .header-menu-container .header-menu .search-menu .search-input.visible {
    display: inline-flex;
    align-items: center
}

.site-header .header-right {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: flex-end
}

.site-header .header-right .start-trading {
    padding: 8px 12px;
    white-space: nowrap;
    background-color: RGB(var(--color-yellow));
    display: flex;
    align-items: center;
    border-radius: 8px;
    justify-content: center;
    margin-right: 16px
}

@media(min-width: 1024px) {
    .site-header .header-right .start-trading {
        padding:9px 20px 10px 25px
    }
}

.site-header .header-right .start-trading:hover {
    background-color: RGB(var(--color-yellow-second))
}

@media(min-width: 768px) {
    .site-header .header-right .start-trading {
        margin-right:24px
    }
}

.menu-item-vip {
    padding-left: 27px;
    position: relative
}

.menu-item-vip:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url(images/menu-item-icon-vip.html);
    top: 0;
    left: 0;
    z-index: 0
}

.language-switcher .wpml-ls-statics-shortcode_actions {
    margin-bottom: 0
}

.language-switcher .wpml-ls-statics-shortcode_actions a {
    background-color: rgba(0,0,0,0)!important
}

.language-switcher .wpml-ls-legacy-dropdown-click {
    width: max-content
}

.language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-current-language .wpml-ls-item-toggle .wpml-ls-native {
    display: none
}

.language-switcher .wpml-ls-legacy-dropdown-click>ul {
    position: inherit
}

.language-switcher .wpml-ls-legacy-dropdown-click a {
    border: none
}

.language-switcher .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
    padding: 0
}

.language-switcher .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    display: none
}

.language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    border-radius: 8px;
    border-top: none;
    margin-top: 12px;
    background-color: RGB(var(--color-base-darken));
    color: RGB(var(--color-white));
    -webkit-box-shadow: 0 1px 20px rgba(14,27,45,.15);
    box-shadow: 0 1px 20px rgba(14,27,45,.15);
    max-width: 192px;
    width: 100%;
    overflow: hidden;
    left: inherit
}

.language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item {
    height: 55px;
    cursor: pointer;
    padding: 0 16px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid RGB(var(--color-base-dark))
}

.language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item-current {
    cursor: default
}

.language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item:hover {
    background-color: RGB(var(--color-base-darkest))
}

.language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item:last-of-type {
    border-bottom: none
}

.language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item .wpml-ls-link {
    width: 100%;
    padding: 0;
    color: RGB(var(--color-white));
    font-size: 14px;
    height: 100%;
    display: flex;
    align-items: center
}

.language-switcher .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu .wpml-ls-item .wpml-ls-link .wpml-ls-native {
    margin-left: 6px
}

.container {
    margin: 0 auto;
    padding: 0 16px;
    width: 100%
}

.wrapper {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    column-gap: 16px
}

.col-sm-1 {
    grid-column-start: span 1
}

.col-sm-2 {
    grid-column-start: span 2
}

.col-sm-3 {
    grid-column-start: span 3
}

.col-sm-4 {
    grid-column-start: span 4
}

@media(min-width: 768px) {
    .wrapper {
        grid-template-columns:repeat(8,1fr)
    }

    .container {
        padding: 0 40px
    }

    .col-md-1 {
        grid-column-start: span 1
    }

    .col-md-2 {
        grid-column-start: span 2
    }

    .col-md-3 {
        grid-column-start: span 3
    }

    .col-md-4 {
        grid-column-start: span 4
    }

    .col-md-5 {
        grid-column-start: span 5
    }

    .col-md-6 {
        grid-column-start: span 6
    }

    .col-md-7 {
        grid-column-start: span 7
    }

    .col-md-8 {
        grid-column-start: span 8
    }
}

@media(min-width: 1024px) {
    .wrapper {
        grid-template-columns:repeat(12,1fr)
    }

    .container {
        max-width: 1024px;
        padding: 0 40px
    }

    .col-1 {
        grid-column-start: span 1;
        max-width: 100%
    }

    .col-2 {
        grid-column-start: span 2;
        max-width: 100%
    }

    .col-3 {
        grid-column-start: span 3;
        max-width: 100%
    }

    .col-4 {
        grid-column-start: span 4;
        max-width: 100%
    }

    .col-5 {
        grid-column-start: span 5;
        max-width: 100%
    }

    .col-6 {
        grid-column-start: span 6;
        max-width: 100%
    }

    .col-7 {
        grid-column-start: span 7;
        max-width: 100%
    }

    .col-8 {
        grid-column-start: span 8;
        max-width: 100%
    }

    .col-9 {
        grid-column-start: span 9;
        max-width: 100%
    }

    .col-10 {
        grid-column-start: span 10;
        max-width: 100%
    }

    .col-11 {
        grid-column-start: span 11;
        max-width: 100%
    }

    .col-12 {
        grid-column-start: span 12;
        max-width: 100%
    }
}

@media(min-width: 768px) {
    .article {
        padding-top:18px
    }
}

@media(min-width: 1024px) {
    .article {
        padding-top:0
    }
}

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

.article img {
    max-width: 100%;
    height: auto
}

.article__breadcrumbs-block {
    display: flex;
    gap: 16px
}

@media(min-width: 1024px) {
    .article__breadcrumbs-block {
        gap:10px
    }
}

.article__background {
    position: fixed;
    bottom: 0;
    right: 0;
    display: block;
    height: 100vh;
    width: 100vw;
    background: RGBA(var(--color-base-light),0);
    transition: .3s all;
    pointer-events: none;
    z-index: 8
}

@media(min-width: 1024px) {
    .article__background {
        top:80px
    }
}

.article__background-active {
    background: RGBA(var(--color-base-light),.4);
    pointer-events: all;
    z-index: 9
}

.article__header h1 {
    color: RGB(var(--color-base-darkest));
    margin-bottom: 24px;
    margin-top: 0
}

.article__thumbnail {
    height: 164px;
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 24px;
    margin-left: -16px;
    margin-right: -16px;
    position: relative
}

.article__thumbnail.cfd {
    height: 282px
}

.article__thumbnail img {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover
}

.article .article__info-wrapper {
    align-items: center
}

.article__data {
    position: relative;
    z-index: 2;
    cursor: auto
}

.article__info {
    color: RGB(var(--color-base-dark))
}

@media(min-width: 768px) {
    .article__info {
        font-size:14px
    }
}

.article__info .article__author {
    color: RGB(var(--color-base-darkest));
    position: relative;
    z-index: 2
}

.article__info a.article__author {
    text-decoration-line: underline
}

.article__info a.article__author:hover {
    color: RGB(var(--color-blue))
}

.article__info.author {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    position: relative
}

@media(min-width: 768px) {
    .article__info.author {
        margin-bottom:0
    }
}

.article__info.author .article__author_avatar {
    margin-bottom: 0;
    line-height: 1
}

.article__info.author .article__author_avatar img {
    height: 100%;
    width: 100%;
    max-width: 64px;
    min-height: 73px;
    max-height: 73px;
    min-width: 64px;
    margin-right: 12px
}

.article__info.category {
    display: flex;
    column-gap: 12px
}

@media(min-width: 768px) {
    .article__info.category {
        flex-direction:column;
        gap: 4px
    }
}

.article__info.audio-scroll {
    min-height: 52px;
    margin-top: 12px
}

@media(min-width: 768px) {
    .article__info.audio-scroll {
        margin-top:0;
        max-width: 264px
    }
}

@media(min-width: 1024px) {
    .article__info.audio-scroll {
        max-width:304px
    }
}

.article .article__author_info {
    cursor: pointer
}

@media(min-width: 768px) {
    .article .article__author_info {
        font-size:14px
    }
}

@media(min-width: 768px) {
    .article .article__author_info:hover .article__author-popup-wrap {
        display:block
    }
}

.article__author-popup {
    box-shadow: 0 1px 20px 0 rgba(14,27,45,.15);
    background: RGBA(var(--color-white));
    border-radius: 8px;
    width: 320px;
    padding: 16px 20px 20px;
    z-index: 1
}

.article__author-popup-wrap {
    cursor: initial;
    display: none;
    width: 320px;
    position: absolute;
    padding-top: 90px;
    top: 0;
    left: 0;
    z-index: 2
}

.article__author-popup-wrap:before {
    content: "";
    position: absolute;
    width: 320px;
    height: 66px;
    top: 90px;
    z-index: 8;
    background-color: #fff;
    border-radius: 8px
}

.article__author-popup-wrap:after {
    background-color: #fff;
    content: "";
    position: absolute;
    border-left: 25px solid rgba(0,0,0,0);
    border-bottom: 25px solid rgba(0,0,0,0);
    top: 78px;
    left: 50%;
    box-shadow: 4px -4px 20px 0 rgba(0,0,0,.15);
    transform: translateX(-50%) rotate(-45deg);
    z-index: 7
}

.article__author-avatar {
    width: 100%;
    text-align: center;
    max-width: 44px;
    margin-right: 16px;
    display: flex
}

.article__author-avatar img {
    width: 44px;
    min-width: 44px
}

.article__author-info {
    align-items: center;
    display: flex;
    justify-content: space-between;
    z-index: 10;
    position: relative
}

.article__author-info-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.article__author-name {
    text-align: left;
    color: #1e1f22
}

.article__author-position {
    color: RGB(var(--color-base-dark));
    font-size: 12px
}

@media(min-width: 768px) {
    .article__author-position {
        font-size:14px
    }
}

.article__author-page-link {
    padding-right: 7px;
    transition: .3s
}

.article__author-page-link a {
    display: flex
}

.article__author-page-link:hover {
    padding-left: 5px;
    padding-right: 2px
}

.article__author-excerpt {
    border-top: 1px solid #e0e0e3;
    padding-top: 16px;
    margin-top: 16px
}

.article .audio__item {
    min-height: 60px;
    background: RGB(var(--color-base-lightest));
    border-radius: 8px;
    padding-right: 8px;
    padding-left: 12px;
    column-gap: 12px
}

.article .audio__item.end {
    border-radius: 0
}

@media(min-width: 768px) {
    .article .audio__item.end {
        border-radius:8px
    }
}

.article .audio__item .audio__button {
    width: 40px;
    height: 40px
}

@media(min-width: 768px) {
    .article .audio__item {
        min-height:52px
    }

    .article .audio__item .audio__button {
        width: 32px;
        height: 32px
    }
}

.article .audio__item.fixed {
    position: fixed;
    left: 0;
    right: 0;
    transform: none;
    bottom: 0;
    border: none;
    border-radius: 0;
    filter: drop-shadow( 0 0 25px rgba( 0, 0, 0, .25 ) );
    width: 100%
}

@media(min-width: 768px) {
    .article .audio__item.fixed {
        border-radius:8px;
        bottom: 16px;
        right: 0;
        left: 50%;
        transform: translate(-50%)
    }
}

@media(min-width: 1024px) {
    .article .audio__item.fixed {
        transform:translate(calc(-50% - 120px));
        bottom: 24px
    }
}

.article .audio__item.end,.article .audio__item.fixed {
    z-index: 10
}

@media(min-width: 768px) {
    .article .audio__item.end,.article .audio__item.fixed {
        max-width:544px;
        border: 2px solid RGBA(var(--color-blue),.2)
    }
}

.article .audio__item.end .audio__content .audio__progressbar,.article .audio__item.fixed .audio__content .audio__progressbar {
    width: 55vw
}

@media(min-width: 768px) {
    .article .audio__item.end .audio__content .audio__progressbar,.article .audio__item.fixed .audio__content .audio__progressbar {
        width:428px
    }
}

.article .audio__item .audio__content {
    grid-template-columns: 1fr max-content;
    border-bottom: none;
    column-gap: 0;
    padding-top: 15px
}

.article .audio__item .audio__content .audio__info .audio__title {
    color: RGB(var(--color-main-80));
    margin-bottom: 0;
    font-size: 14px
}

.article .audio__item .audio__content .audio__info.hidden {
    display: none
}

.article .audio__item .audio__content .audio__timer {
    font-size: 12px
}

.article .audio__item .audio__content .audio__progressbar {
    width: 172px;
    display: none
}

@media(min-width: 768px) {
    .article .audio__item .audio__content .audio__progressbar {
        width:148px
    }
}

@media(min-width: 1024px) {
    .article .audio__item .audio__content .audio__progressbar {
        width:188px
    }
}

.article .audio__item .audio__content .audio__progressbar.visible {
    display: block
}

.article .audio__item .audio__content .audio__controls {
    justify-content: center;
    column-gap: 12px
}

.article .audio__item.pause .audio__timer,.article .audio__item.play .audio__timer {
    font-size: 12px
}

.article .audio__item.pause .audio__icon,.article .audio__item.play .audio__icon {
    display: none
}

.article .audio__item.pause .audio__progressbar,.article .audio__item.play .audio__progressbar {
    pointer-events: all;
    opacity: 1
}

.article .end-audio-scroll {
    margin: 32px -16px 0;
    min-height: 56px
}

.article .end-audio-scroll .audio__item {
    margin: 0 auto
}

.article__level {
    color: RGB(var(--color-base-dark));
    display: flex;
    align-items: center;
    gap: 4px
}

.article__body {
    padding-top: 24px
}

.article__body-content {
    position: relative
}

.article__body-content:not(.event-container):not(.test-content) .wp-block-image {
    margin: 0
}

.article__body-content:not(.event-container):not(.test-content) .wp-block-image figure {
    width: 100vw
}

.article__body-content:not(.event-container):not(.test-content) .wp-block-image figure img {
    margin-left: -16px;
    margin-right: -16px;
    max-width: 100vw;
    width: 100vw
}

.article__body-content:not(.event-container):not(.test-content) figure {
    margin: 0 -16px!important;
    max-width: 100vw
}

.article__body-content:not(.event-container):not(.test-content) figure img {
    margin-right: 0;
    margin-left: 0;
    max-width: 100%
}

@media(min-width: 768px) {
    .article__body-content:not(.event-container):not(.test-content) .wp-block-image figure {
        width:100%
    }

    .article__body-content:not(.event-container):not(.test-content) .wp-block-image figure img {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        width: 100%
    }

    .article__body-content:not(.event-container):not(.test-content) figure {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .article__body-content:not(.event-container):not(.test-content) figure img {
        max-width: 100%;
        width: 100%
    }
}

.article__related {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px
}

.article__related-wrap .swiper-shadow {
    display: block;
    box-shadow: 0 1px 25px rgba(14,27,45,.25);
    width: 20px;
    height: calc(100% - 40px);
    position: absolute;
    right: -20px;
    bottom: 0;
    z-index: 10
}

.article__related-wrap.swiper-slide-last .swiper-shadow {
    right: initial;
    left: -20px
}

.article__related-title {
    display: block;
    color: RGB(var(--color-main-80));
    margin-bottom: 16px
}

.article__related .article-image {
    height: 152px;
    overflow: hidden
}

.article__related-item.article-card {
    min-height: 100%;
    height: auto
}

.article__related-wrap {
    margin-top: 46px
}

.article__actions {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    align-items: center;
    column-gap: 28px;
    margin-top: 32px
}

.article__actions-like .wpulike-custom-template .wp_ulike_is_loading .wpulike-custom-button svg {
    opacity: 0
}

.article__actions-like .wpulike-custom-button {
    padding: 0!important
}

.article__actions-like .wpulike-custom-button:after {
    content: none;
    display: none
}

.article__actions-like .wpulike-custom-button svg {
    transition: .3s all
}

.article__actions-like .wpulike-custom-button svg path:last-child {
    opacity: 0;
    transition: .3s all
}

.article__actions-like .wpulike-custom-button svg:hover path:last-child {
    opacity: .2;
    fill: #fe6767
}

.article__actions-like .wpulike-custom-button.wp_ulike_btn_is_active svg path:last-child {
    opacity: 1;
    fill: #fe6767
}

.article__actions-like .wpulike {
    padding: 0;
    margin: 0;
    position: relative;
    line-height: normal
}

.article__actions-like .wpulike .wp_ulike_general_class {
    padding: 0;
    border: none;
    box-shadow: none;
    display: inline-flex;
    align-items: center
}

.article__actions-like .wpulike .wp_ulike_general_class .wp_ulike_put_image:after {
    background-image: url(assets/images/Like.html)
}

.article__actions-like .wpulike .wp_ulike_general_class .wp_ulike_counter_up {
    display: inline-block;
    text-decoration: none;
    color: RGB(var(--color-base-dark));
    text-align: center;
    vertical-align: middle;
    padding: 0 5px
}

.article__actions-like .wpulike button.wp_ulike_btn {
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-radius: .25em;
    box-shadow: none;
    border: none;
    text-align: center;
    transition: none;
    cursor: pointer
}

.article__actions-like .wpulike .wp_ulike_is_loading .wp_ulike_btn {
    background-image: url(assets/images/loader.html);
    background-repeat: no-repeat;
    background-position: center center
}

.article__actions-like .wpulike-is-pro {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.article__actions-like .wpulike-heart .wp_ulike_general_class {
    border-radius: .25em
}

.article__actions-like .wpulike-heart button.wp_ulike_btn {
    background: 0 0;
    height: 24px
}

.article__actions-share {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    color: RGB(var(--color-base-dark));
    cursor: pointer
}

.article__actions-share svg {
    margin-right: 11px
}

.article__actions-share:hover .article__socials {
    opacity: 1;
    visibility: visible
}

.article__actions-subscribe {
    display: block;
    width: max-content;
    border-radius: 8px;
    padding: 6px 12px;
    color: RGB(var(--color-white));
    background-color: RGB(var(--color-blue))
}

.article__socials {
    left: 0;
    bottom: 100%;
    position: absolute;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 8px;
    opacity: 0;
    visibility: hidden;
    transition: .3s all;
    padding-bottom: 8px;
    z-index: 1
}

.article__socials-active {
    opacity: 1;
    visibility: visible
}

.article__socials-items {
    display: grid;
    grid-template-columns: 44px 44px 44px;
    grid-template-rows: 44px 44px;
    align-items: center;
    grid-gap: 6px;
    justify-content: space-between;
    grid-template-areas: "whatsapp reddit telegram" "facebook twitter line";
    background-color: #fff;
    box-shadow: 0 1px 20px rgba(14,27,45,.15);
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 4px
}

.article__socials-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.article__socials-item svg {
    height: 27.5px
}

.article__socials-item.copy {
    height: 32px;
    background-color: #fff;
    box-shadow: 0 1px 20px rgba(14,27,45,.15);
    border: 1px solid #fff;
    border-radius: 4px
}

.article__socials-item.copy .copy-link,.article__socials-item.copy .link-copied {
    display: grid;
    grid-template-columns: 14px max-content;
    align-items: center;
    column-gap: 9px;
    justify-content: center
}

.article__socials-item.copy .link-copied {
    display: none
}

.article__socials-item.copy.copied .copy-link {
    display: none
}

.article__socials-item.copy.copied .link-copied {
    display: grid
}

.article__socials-item span {
    color: RGB(var(--color-base-darkest))
}

.article__socials-item.facebook {
    grid-area: facebook
}

.article__socials-item.whatsapp {
    grid-area: whatsapp
}

.article__socials-item.reddit {
    grid-area: reddit
}

.article__socials-item.twitter {
    grid-area: twitter
}

.article__socials-item.telegram {
    grid-area: telegram
}

.article__socials-item.line {
    grid-area: line
}

@media(min-width: 400px) {
    .article__socials {
        left:50%
    }
}

@media(min-width: 768px) {
    .article__related {
        grid-template-columns:repeat(2,1fr)
    }

    .article__thumbnail {
        height: 256px;
        border-radius: 8px;
        margin-left: 0;
        margin-right: 0
    }

    .article__thumbnail.cfd {
        height: 256px
    }
}

@media(min-width: 1024px) {

    .article__thumbnail {
        height: 352px
    }

    .article__thumbnail.cfd {
        height: 352px
    }

    .article__related {
        grid-template-columns: repeat(3,1fr)
    }

    .article__related-item.article-card {
        width: 240px
    }

    .article__body-content .wp-block-gallery {
        margin-bottom: 32px
    }

    .article__body-content .wp-block-gallery .blocks-gallery-grid {
        padding-left: 0
    }

    .article__body-content .wp-block-gallery .blocks-gallery-item {
        margin-bottom: 0
    }

    .article__body-content .wp-block-gallery .blocks-gallery-item:before {
        display: none
    }

    .article__body-content .wp-block-gallery .blocks-gallery-item figure .blocks-gallery-item__caption {
        background: 0 0;
        padding: 0;
        bottom: unset;
        top: calc(100% + 6px);
        color: RGB(var(--color-main-40));
        font-size: 12px
    }
}

.note {
    display: flex;
    align-items: flex-start;
    border-radius: 8px;
    color: RGB(var(--color-base-darkest));
    margin: 24px 0;
    padding: 16px 24px;
    background-color: rgb(var(--color-main-4))
}

@media(min-width: 1024px) {
    .note {
        font-size:18px
    }
}

.note p {
    margin: 0!important
}

.note svg {
    flex: 0 0 auto;
    margin-top: 3px;
    margin-right: 16px;
    height: 24px;
    width: 24px
}

.choice-container {
    margin-right: -16px;
    margin-bottom: 32px
}

.choice-container .swiper-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 16px;
    margin-bottom: 16px
}

.choice-container .swiper-header .swiper-button-pagination {
    position: relative;
    width: 72px;
    display: none;
    justify-content: space-between;
    align-items: center
}

.choice-container .swiper-header .swiper-button-pagination .swiper-button-next,.choice-container .swiper-header .swiper-button-pagination .swiper-button-prev {
    margin: 0;
    position: inherit;
    height: 12px;
    width: 7px
}

.choice-container .swiper-header .swiper-button-pagination .swiper-button-next:after,.choice-container .swiper-header .swiper-button-pagination .swiper-button-prev:after {
    font-size: 12px
}

.choice-container .swiper-header .title {
    color: RGB(var(--color-base-darkest));
    display: flex;
    align-items: center;
    gap: 8px
}

.choice-container .swiper-header .title h2 {
    margin: 0
}

.choice-container .choice-swiper .swiper-shadow {
    display: none;
    box-shadow: 0 1px 25px rgba(14,27,45,.25);
    width: 20px;
    height: calc(100% - 40px);
    position: absolute;
    right: -20px;
    bottom: 0;
    z-index: 10
}

.choice-container .choice-swiper.swiper-slide-last .swiper-shadow {
    right: initial;
    left: -20px
}

.choice-container .choice-swiper .article-card {
    min-height: 100%;
    height: initial;
    width: 80%
}

.choice-container .choice-swiper .article-card .article-image {
    height: 152px;
    overflow: hidden
}

@media(min-width: 768px) {
    .choice-container {
        margin-right:0
    }

    .choice-container .swiper-header .swiper-button-pagination {
        display: flex
    }

    .choice-container .choice-swiper .article-card {
        width: 35%
    }

    .choice-container .choice-swiper .swiper-shadow {
        display: block
    }
}

@media(min-width: 1024px) {
    .choice-container {
        margin-right:0
    }

    .choice-container .swiper-header .swiper-button-pagination {
        width: 63px
    }

    .choice-container .choice-swiper .article-card {
        width: 240px
    }
}

.recent-container {
    margin-bottom: 32px;
    margin-right: -16px
}

.recent-container .swiper-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 16px;
    margin-bottom: 16px
}

.recent-container .swiper-header .swiper-button-pagination {
    position: relative;
    width: 72px;
    display: none;
    justify-content: space-between;
    align-items: center
}

.recent-container .swiper-header .swiper-button-pagination .swiper-button-next,.recent-container .swiper-header .swiper-button-pagination .swiper-button-prev {
    margin: 0;
    position: inherit;
    height: 12px;
    width: 7px
}

.recent-container .swiper-header .swiper-button-pagination .swiper-button-next:after,.recent-container .swiper-header .swiper-button-pagination .swiper-button-prev:after {
    font-size: 12px
}

.recent-container .swiper-header .title {
    color: RGB(var(--color-base-darkest));
    display: flex;
    gap: 8px;
    align-items: center
}

.recent-container .swiper-header .title h2 {
    margin: 0
}

.recent-container .recent-swiper .swiper-shadow {
    display: none;
    box-shadow: 0 1px 25px rgba(14,27,45,.25);
    width: 20px;
    height: calc(100% - 40px);
    position: absolute;
    right: -20px;
    bottom: 0;
    z-index: 10
}

.recent-container .recent-swiper.swiper-slide-last .swiper-shadow {
    right: initial;
    left: -20px
}

.recent-container .recent-swiper .article-card {
    width: 80%;
    min-height: 100%;
    height: initial
}

.recent-container .recent-swiper .article-card .article-image {
    height: 176px;
    overflow: hidden
}

.recent-container .recent-block {
    padding-right: 16px
}

.recent-container .recent-block .article-card {
    min-height: 100%;
    height: initial
}

.recent-container .recent-block .article-card .article-image {
    height: 152px;
    overflow: hidden
}

.recent-container .recent-block .wrapper {
    gap: 16px
}

.recent-container .recent-block .wrapper .article-card:nth-child(1n+3) {
    display: none
}

@media(min-width: 768px) {
    .recent-container {
        margin-right:0
    }

    .recent-container .swiper-header .swiper-button-pagination {
        display: flex
    }

    .recent-container .recent-block {
        padding-right: 40px
    }

    .recent-container .recent-swiper .article-card {
        width: 52%
    }

    .recent-container .recent-swiper .swiper-shadow {
        display: block
    }
}

@media(min-width: 1024px) {
    .recent-container {
        margin-right:0
    }

    .recent-container .recent-swiper .swiper-shadow {
        display: block
    }

    .recent-container .recent-swiper .article-card {
        width: 384px
    }

    .recent-container .swiper-header .swiper-button-pagination {
        width: 63px
    }

    .recent-container .recent-block {
        padding-right: 0
    }

    .recent-container .recent-block .wrapper .article-card:nth-child(1n) {
        display: block
    }
}

.random-container .title {
    margin-bottom: 16px;
    color: RGB(var(--color-base-darkest));
    display: flex;
    align-items: center;
    gap: 8px
}

.random-container .title h2 {
    margin: 0
}

.random-container .article-random-foreach {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
    margin-bottom: 32px
}

.random-container .article-random-foreach .article-card {
    width: 100%;
    overflow: hidden
}

.random-container .article-random-foreach .article-card .article-image {
    height: 152px;
    overflow: hidden
}

@media(min-width: 768px) {
    .random-container .article-random-foreach {
        grid-template-columns:repeat(2,1fr)
    }

    .random-container .article-random-foreach .article-card .article-image {
        height: 176px
    }
}

@media(min-width: 1024px) {
    .random-container .article-random-foreach {
        display:flex;
        justify-content: flex-start;
        margin: -8px;
        flex-wrap: wrap;
        gap: unset;
        margin-bottom: 48px
    }

    .random-container .article-random-foreach .article-card {
        width: calc(33% - 14px);
        margin: 8px
    }

    .random-container .article-random-foreach .article-card:nth-child(1),.random-container .article-random-foreach .article-card:nth-child(2) {
        width: calc(50% - 16px)
    }

    .random-container .article-random-foreach .article-card:nth-child(1n+3) .article-image {
        height: 152px
    }
}

.stories {
    position: relative;
    padding-bottom: 16px;
    margin-bottom: 36px
}

.stories__block {
    position: relative;
    --animation-state: running
}

.stories__block .stories__pagination.swiper-pagination {
    position: absolute;
    width: max-content;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    column-gap: 8px;
    z-index: 1;
    top: -16px;
    right: 0;
    left: inherit;
    bottom: inherit
}

.stories__block .stories__pagination .swiper-pagination-bullet {
    position: relative;
    width: 24px;
    height: 4px;
    border-radius: 5px;
    overflow: hidden;
    background-color: RGB(var(--color-base-light));
    opacity: 1;
    margin: 0!important
}

.stories__block .stories__pagination .swiper-pagination-bullet:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    border-radius: 5px;
    background-color: RGB(var(--color-blue))
}

.stories__block .stories__pagination .swiper-pagination-bullet-active:before {
    animation-name: progress;
    animation-duration: 8.5s;
    animation-fill-mode: forwards;
    animation-play-state: var(--animation-state)
}

.stories__block .stories__pagination .swiper-pagination-bullet-past:before {
    width: 100%
}

@keyframes progress {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

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

.stories__header {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 16px
}

.stories__title {
    color: RGB(var(--color-base-darkest));
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px
}

.stories__title h2 {
    margin: 0
}

.stories__wrapper {
    overflow: hidden
}

.stories__slide {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: max-content 1fr;
    border-radius: 8px;
    overflow: hidden
}

.stories__slide.swiper-slide {
    height: unset
}

.stories__slide-img {
    position: relative;
    min-height: 154px;
    max-height: 154px;
    overflow: hidden
}

.stories__slide-img picture>img,.stories__slide-img>img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover
}

.stories__slide-content {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom: 1px solid RGB(var(--color-base-light));
    border-right: 1px solid RGB(var(--color-base-light));
    border-left: 1px solid RGB(var(--color-base-light))
}

.stories__slide .reading-time {
    bottom: 16px
}

.stories__slide .media-icon {
    bottom: 16px
}

.stories__slide.without-date .stories__slide-content {
    justify-content: center
}

.stories__slide.without-date .stories__slide-info {
    justify-content: center
}

.stories__slide-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.stories__slide-date {
    color: RGB(var(--color-base-dark));
    margin-bottom: 4px
}

.stories__slide-title {
    color: RGB(var(--color-base-darkest));
    margin-bottom: 8px
}

.stories__slide-text {
    color: RGB(var(--color-base-darkest));
    visibility: visible;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.stories__slide-link {
    display: block;
    width: 100%;
    padding: 7px 0;
    border-radius: 8px;
    border: none;
    background-color: RGB(var(--color-blue));
    text-align: center;
    color: RGB(var(--color-white));
    transition: .3s all
}

.stories__slide-link:hover {
    color: RGB(var(--color-white));
    background-color: RGB(var(--color-base-darkest))
}

.stories__slide.stories-orange .stories__slide-link {
    background-color: #ff7425
}

@media(min-width: 768px) {
    .stories {
        padding-bottom:0
    }

    .stories__header .stories__pagination.swiper-pagination {
        position: relative;
        bottom: unset;
        left: unset;
        transform: unset
    }

    .stories__slide,.stories__slider {
        max-height: 196px;
        min-height: 196px
    }

    .stories__slide {
        grid-template-columns: 400px auto;
        grid-template-rows: 1fr
    }

    .stories__slide-img {
        min-height: unset;
        max-height: unset
    }

    .stories__slide-date {
        margin-bottom: 0
    }

    .stories__slide-content {
        padding: 16px 24px 32px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 8px;
        border-top: 1px solid RGB(var(--color-base-light));
        border-left: none
    }

    .stories__slide.without-date .stories__slide-text {
        -webkit-line-clamp: 3
    }
}

@media(min-width: 1024px) {
    .stories__header .stories__pagination.swiper-pagination .swiper-pagination-bullet {
        height:4px;
        border-radius: 4px
    }

    .stories__header .stories__pagination.swiper-pagination .swiper-pagination-bullet:before {
        border-right: 4px
    }

    .stories__slide,.stories__slider {
        max-height: 228px;
        min-height: 228px
    }

    .stories__slide-date {
        margin-bottom: 16px
    }

    .stories__slide-title {
        margin-bottom: 10px
    }

    .stories__slide-text {
        -webkit-line-clamp: 3
    }

    .stories__slide-content {
        max-height: 228px;
        padding: 30px 30px 25px 25px
    }

    .stories__slide-link {
        padding: 10px 0
    }

    .stories__slide.without-date .stories__slide-text {
        -webkit-line-clamp: 5
    }
}

.breaking_news {
    display: none;
    align-items: center;
    border-radius: 8px;
    margin: 24px 0;
    background-color: #f7f7f9;
    justify-content: space-between
}

.breaking_news .content {
    color: #3f4044;
    padding: 16px 40px 16px 16px
}

.breaking_news .cta {
    border-left: 1px solid #d1d4d7
}

.breaking_news .cta .cta-title {
    font-size: 14px;
    text-align: right;
    color: #487bfe
}

.breaking_news .cta .cta-url {
    padding: 0 16px
}

@media(min-width: 768px) {
    .breaking_news {
        display:flex
    }
}

@media(min-width: 1024px) {
    .breaking_news .content {
        padding:16px 24px
    }

    .breaking_news .cta .cta-url {
        padding: 0 24px
    }
}

.post-incut {
    padding: 24px 32px 24px 24px;
    margin: 32px 0;
    background: rgb(var(--color-main-4));
    border-radius: 8px
}

.post-incut__wrapper {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 24px
}

@media(min-width: 768px) {
    .post-incut__wrapper {
        grid-template-columns:1fr max-content;
        column-gap: 32px;
        row-gap: 0
    }
}

.post-incut__img {
    position: relative;
    height: 147px;
    border-radius: 8px;
    overflow: hidden;
    grid-row-start: 1
}

.post-incut__img img {
    position: absolute;
    display: block;
    max-width: 100%!important;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    object-fit: cover;
    margin: 0!important
}

@media(min-width: 768px) {
    .post-incut__img {
        width:176px;
        grid-row-start: unset
    }
}

.post-incut__title {
    color: RGB(var(--color-base-darkest));
    margin-bottom: 4px
}

.post-incut__text {
    color: RGB(var(--color-base-darkest));
    margin-bottom: 24px
}

.post-incut a.post-incut__link {
    display: block;
    width: max-content;
    padding: 6px 12px;
    background-color: RGB(var(--color-blue));
    border-radius: 8px;
    color: RGB(var(--color-white));
    text-decoration: none;
    border: none
}

.incut-only-link {
    margin: 24px 0;
    max-width: max-content;
    box-shadow: 0 1px 20px 0 rgba(14,27,45,.1490196078);
    border-radius: 8px;
    cursor: pointer;
    padding: 16px 60px 16px 24px;
    position: relative
}

.incut-only-link .incut-info {
    color: RGB(var(--color-blue));
    text-decoration: underline
}

.incut-only-link .incut-info:after {
    content: "";
    background-image: url(images/big_arrow_right.html);
    position: absolute;
    transition: .4s;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: contain
}

.incut-only-link:hover .incut-info {
    text-decoration: inherit
}

.incut-only-link:hover .incut-info:after {
    right: 14px
}

.not-found-posts {
    padding: 20px 0 152px 0
}

.not-found-posts__link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: RGB(var(--color-base-darkest));
    cursor: pointer
}

.not-found-posts__link img {
    margin-right: 13px
}

.not-found-posts__content {
    display: flex;
    color: RGB(var(--color-base-darkest));
    flex-direction: column;
    align-items: center;
    padding-top: 85px;
    text-align: center
}

.not-found-posts__icon {
    margin-bottom: 20px
}

.not-found-posts__icon img {
    width: 30px
}

.not-found-posts__title {
    margin-bottom: 4px;
    color: RGB(var(--color-base-darken))
}

.not-found-posts__subtitle {
    font-size: 16px;
    max-width: 100%;
    margin-bottom: 32px;
    color: RGB(var(--color-base-darkest))
}

.not-found-posts lui-button {
    min-width: 144px!important
}

.not-found-posts__btn lui-button button {
    font-size: 14px;
    color: RGB(var(--color-base-darkest));
    padding-left: 24px!important;
    padding-right: 24px!important;
    padding-top: 9px!important;
    padding-bottom: 10px!important
}

@media(min-width: 768px) {
    .not-found-posts__subtitle {
        max-width:55%
    }
}

.platform-news__foreach {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px
}

.platform-news__card {
    position: relative;
    border: 1px solid RGB(var(--color-base-light));
    border-radius: 8px;
    transition: var(--transition-medium)
}

.platform-news__card:hover {
    border: 1px solid RGB(var(--color-base-dark))
}

.platform-news__card .wpulike {
    color: RGB(var(--color-main-80))
}

@media(min-width: 768px) {
    .platform-news__card .wpulike {
        margin-bottom:0
    }
}

.platform-news__card .wpulike .wp_ulike_general_class {
    display: flex;
    align-items: center
}

.platform-news__card .wpulike .wp_ulike_general_class button {
    display: flex
}

.platform-news__card .wpulike .wp_ulike_general_class span {
    padding: 0 5px
}

.platform-news__actions {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    min-height: 36px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media(min-width: 768px) {
    .platform-news__actions {
        bottom:20px;
        flex-direction: row;
        justify-content: space-between;
        align-items: center
    }
}

.platform-news__actions-button {
    margin-top: 16px;
    position: relative;
    z-index: 2
}

@media(min-width: 768px) {
    .platform-news__actions-button {
        margin-top:0
    }
}

.platform-news__actions-button a.blog__button--yellow {
    padding: 6px 24px
}

.platform-news__link {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 16px 64px;
    z-index: 1
}

.platform-news__link-with-button {
    padding-bottom: 100px
}

@media(min-width: 768px) {
    .platform-news__link-with-button {
        padding-bottom:64px
    }
}

.platform-news__date {
    color: RGB(var(--color-base-dark))
}

.platform-news__excerpt,.platform-news__title {
    color: RGB(var(--color-black))
}

.platform-news__excerpt {
    font-size: 16px;
    line-height: 24px
}

.error-404 {
    padding-top: 35px;
    padding-bottom: 152px
}

.error-404__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: RGB(var(--color-base-darkest));
    cursor: pointer
}

.error-404__link img {
    margin-right: 13px
}

.error-404__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 71px;
    text-align: center
}

.error-404__icon {
    margin-bottom: 18px
}

.error-404__icon img {
    max-width: 28px
}

.error-404__title {
    margin-bottom: 4px;
    color: RGB(var(--color-base-darken))
}

.error-404__subtitle {
    font-size: 16px;
    max-width: 100%;
    margin-bottom: 32px;
    color: RGB(var(--color-base-darkest))
}

.error-404 lui-button {
    min-width: 144px!important
}

.error-404__btn lui-button button {
    font-size: 14px;
    color: RGB(var(--color-base-darkest));
    padding-left: 24px!important;
    padding-right: 24px!important;
    padding-top: 9px!important;
    padding-bottom: 10px!important
}

@media(min-width: 768px) {
    .error-404__subtitle {
        max-width:65%
    }
}

.breadcrumbs {
    width: 100%;
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: start;
    column-gap: 16px;
    margin: 12px 0 16px
}

.breadcrumbs .blog_breadcrumbs {
    line-height: 0;
    color: RGB(var(--color-base-darkest));
    padding-top: 2px
}

@media(min-width: 768px) {
    .breadcrumbs .blog_breadcrumbs {
        padding-top:0
    }
}

.breadcrumbs .blog_breadcrumbs a {
    color: RGB(var(--color-blue));
    position: relative
}

.breadcrumbs .blog_breadcrumbs a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: RGB(var(--color-blue));
    bottom: 3px
}

@media(min-width: 768px) {
    .breadcrumbs .blog_breadcrumbs span span {
        font-size:14px;
        line-height: 24px
    }
}

.breadcrumbs .kb_sep {
    position: relative;
    width: 6px;
    display: inline-block
}

.breadcrumbs .kb_sep:before {
    content: "‣";
    position: absolute;
    bottom: 4px;
    left: 2px
}

.breadcrumbs-block-wrapper {
    background-color: RGB(var(--color-white))
}

.breadcrumbs-block-wrapper .article__actions-wrap {
    display: none
}

@media(min-width: 768px) {
    .breadcrumbs {
        margin-bottom:14px;
        margin-top: 16px
    }
}

@media(min-width: 1024px) {
    .breadcrumbs {
        display:flex;
        align-items: center;
        margin-top: 4px;
        margin-bottom: 0
    }

    .breadcrumbs .blog_breadcrumbs span:first-child a {
        display: none
    }

    .breadcrumbs .blog_breadcrumbs span:nth-child(2) {
        display: none
    }

    .breadcrumbs-block-wrapper {
        padding-top: 15px;
        padding-bottom: 19px
    }
}

.binomo-events {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px
}

.binomo-events .article-image {
    height: 176px
}

@media(min-width: 768px) {
    .binomo-events {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 16px
    }

    .binomo-events .article-image {
        height: 176px
    }
}

.about-binomo__stories {
    margin-bottom: 32px
}

.about-binomo__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px
}

.about-card .article-link {
    min-height: 100%
}

.about-card .article-link .article-text {
    border-radius: 8px;
    border-top: 1px solid RGB(var(--color-base-light))
}

.about-card .article-link .article-text:hover {
    border-top: 1px solid RGB(var(--color-base-darkest))
}

@media(min-width: 768px) {
    .about-binomo__list {
        grid-template-columns:repeat(2,1fr)
    }
}

@media(min-width: 1024px) {
    .single-about_binomo .article__related {
        grid-template-columns:repeat(2,1fr)
    }

    .single-about_binomo .article__related .article-card:nth-of-type(3n) {
        display: none
    }
}

.audio__item {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    column-gap: 16px;
    background: #fff;
    border-radius: 8px;
    padding-left: 16px;
    padding-right: 24px
}

.audio__item.play .audio__button-play {
    opacity: 0
}

.audio__item.play .audio__button-pause {
    opacity: 1
}

.audio__item.play .audio__timer {
    font-weight: 600;
    color: RGB(var(--color-blue))
}

.audio__item.play .audio__progressbar {
    opacity: 1;
    pointer-events: all
}

.audio__item.pause .audio__button-play {
    opacity: 1
}

.audio__item.pause .audio__button-pause {
    opacity: 0
}

.audio__item audio {
    position: absolute
}

.audio__content {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 32px;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 2px solid RGB(var(--color-base-lighten))
}

.audio__button {
    position: relative;
    width: 32px;
    height: 32px;
    background-color: rgba(72,123,254,.2);
    border-radius: 50%;
    cursor: pointer;
    transition: .4s
}

.audio__button:hover {
    background-color: rgba(72,123,254,.3)
}

.audio__button-pause,.audio__button-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: .3s all;
    line-height: 0
}

.audio__button-pause {
    opacity: 0
}

.audio__title {
    color: RGB(var(--color-base-darkest));
    font-size: 16px;
    margin-bottom: 4px
}

.audio__desc {
    color: RGB(var(--color-main-80))
}

.audio__controls {
    display: grid;
    grid-template-columns: repeat(2,max-content);
    align-items: center;
    column-gap: 16px
}

.audio__progressbar {
    position: relative;
    width: 144px;
    height: 4px;
    border-radius: 1px;
    overflow: hidden;
    background-color: rgba(72,123,254,.1);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: .3s all
}

.audio__progressbar-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    background-color: RGB(var(--color-blue));
    border-radius: 1px;
    cursor: pointer;
    transition: .3s all
}

.audio__timer {
    min-width: 40px;
    text-align: left;
    color: RGB(var(--color-base-dark));
    transition: .3s all
}

.audio__controls_timer {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end
}

.audio__controls_timer__icon {
    max-width: 16px;
    height: auto;
    line-height: 0
}

.audio__item.play .audio__controls_timer .audio__icon {
    display: none
}

@media(min-width: 768px) {
    .audio__content {
        grid-template-columns:1fr max-content
    }
}

.podcasts {
    margin-bottom: 64px
}

.podcasts__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 16px
}

.podcasts__title {
    color: RGB(var(--color-base-lighten));
    text-transform: uppercase
}

.podcasts__arrows {
    position: relative;
    width: 60px
}

.podcasts__arrows .swiper-button-next,.podcasts__arrows .swiper-button-prev {
    width: 7px;
    height: 12px
}

.podcasts__arrows .swiper-button-next:after,.podcasts__arrows .swiper-button-prev:after {
    font-size: 12px
}

.podcasts__block .audio__item:last-child .audio__content {
    border-bottom-color: rgba(0,0,0,0)
}

.podcasts .audio__item {
    background-color: RGB(var(--color-base-darkest))
}

.podcasts .audio__item.play .audio__timer {
    color: RGB(var(--color-white))
}

.podcasts .audio__button {
    background-color: rgba(255,221,60,.1)
}

.podcasts .audio__button-pause svg *,.podcasts .audio__button-play svg * {
    fill: RGB(var(--color-yellow))
}

.podcasts .audio__title {
    color: RGB(var(--color-base-lighten))
}

.podcasts .audio__desc {
    color: RGB(var(--color-main-40))
}

.podcasts .audio__content {
    border-bottom-color: RGB(var(--color-base-darken))
}

.podcasts .audio__progressbar {
    background-color: hsla(0,0%,100%,.2)
}

.podcasts .audio__progressbar-content {
    background-color: RGB(var(--color-white))
}

.podcasts .audio__timer {
    color: RGB(var(--color-main-40))
}

@media(min-width: 768px) {
    .podcasts__block {
        flex:0 0 80%;
        min-width: 80%
    }

    .podcasts__block:last-child {
        margin-right: 20%
    }
}

.streams {
    margin-bottom: 32px
}

.streams__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 16px
}

.streams__title {
    color: RGB(var(--color-base-lighten));
    text-transform: uppercase
}

.streams__arrows {
    position: relative;
    width: 60px
}

.streams__arrows .swiper-button-next,.streams__arrows .swiper-button-prev {
    width: 7px;
    height: 12px
}

.streams__arrows .swiper-button-next:after,.streams__arrows .swiper-button-prev:after {
    font-size: 12px
}

.streams__list {
    align-items: stretch
}

.streams__slider.video-container {
    grid-gap: 0;
    align-items: stretch;
    margin-bottom: 0
}

.streams__slider .article-card {
    flex: 0 0 240px;
    width: 240px;
    height: auto
}

.streams__slider .article-card .article-image {
    height: 152px
}

.faq__title {
    color: RGB(var(--color-base-lighten));
    text-transform: uppercase;
    margin-bottom: 24px
}

.faq__list {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 16px
}

.faq__item {
    display: grid;
    grid-template-columns: 1fr max-content;
    align-items: center;
    column-gap: 24px;
    padding: 24px 35px 24px 24px;
    border-radius: 8px;
    border: 1px solid RGB(var(--color-base-dark));
    color: RGB(var(--color-base-darkest))
}

@media(min-width: 1024px) {
    .faq__list {
        max-width:543px
    }

    .faq__item {
        column-gap: 106px
    }
}

.tests__title {
    color: RGB(var(--color-base-lighten));
    margin: 0;
    margin-bottom: 24px
}

.tests__list {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 16px;
    align-items: stretch
}

.tests .article-card .article-image {
    height: 152px
}

@media(min-width: 768px) {
    .tests__list {
        grid-template-columns:repeat(2,1fr)
    }
}

@media(min-width: 1024px) {
    .tests__list {
        grid-template-columns:repeat(3,1fr)
    }
}

.service {
    padding-top: 35px;
    padding-bottom: 152px
}

.service__link {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: RGB(var(--color-base-darkest));
    cursor: pointer
}

.service__link img {
    margin-right: 13px
}

.service__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 71px;
    text-align: center
}

.service__icon {
    margin-bottom: 18px
}

.service__icon img {
    max-width: 28px
}

.service__title {
    margin-bottom: 4px;
    color: RGB(var(--color-base-darken))
}

.service__subtitle {
    font-size: 16px;
    max-width: 100%;
    margin-bottom: 32px;
    color: RGB(var(--color-base-darkest))
}

.service__subtitle.expired {
    max-width: 555px
}

.service__btn lui-button button {
    font-size: 14px;
    color: RGB(var(--color-base-darkest));
    padding-left: 24px!important;
    padding-right: 24px!important;
    padding-top: 9px!important;
    padding-bottom: 10px!important
}

@media(min-width: 768px) {
    .error-404__subtitle {
        max-width:65%
    }
}

.templates {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    padding: 16px 24px;
    border: 1px solid #d1d4d7;
    margin-bottom: 16px
}

.templates .title {
    color: RGB(var(--color-base-darkest));
    margin-bottom: 8px
}

.templates .content {
    color: RGB(var(--color-base-dark));
    margin-bottom: 16px
}

.templates lui-button.button_black__2zjU4.button_hollow__gXvC1 {
    position: relative
}

.templates lui-button.button_black__2zjU4.button_hollow__gXvC1 span {
    padding-left: 10px
}

.templates lui-button.button_black__2zjU4.button_hollow__gXvC1 svg {
    position: absolute;
    left: 18px;
    top: 10px
}

.templates lui-button.button_black__2zjU4.button_hollow__gXvC1:hover svg path {
    fill: #fff
}

.calculators__item {
    display: block;
    margin-bottom: 16px
}

.calculators__item-title {
    margin-bottom: 10px
}

.calculators__item-content iframe {
    max-height: unset!important
}

.calculators__item-more {
    margin-top: 14px;
    transition: .3s all
}

.calculators__item-more.more-show {
    margin-top: 34px
}

.cfd-text {
    font-size: 14px;
    color: RGB(var(--color-white))
}

.cfd-button.button_fill__2a68Y.button_xs__3jqmK {
    min-width: 100%;
    max-width: 100%;
    font-size: 12px;
    height: 40px;
    margin-top: 20px;
    margin-bottom: 8px
}

@media(min-width: 768px) {
    .cfd-button.button_fill__2a68Y.button_xs__3jqmK {
        margin:0;
        min-width: 136px
    }

    .cfd-button.button_fill__2a68Y.button_xs__3jqmK button {
        padding: 10px 16px
    }
}

@media(min-width: 1024px) {
    .cfd-button.button_fill__2a68Y.button_xs__3jqmK {
        font-size:14px;
        min-width: 130px
    }

    .cfd-button.button_fill__2a68Y.button_xs__3jqmK button {
        padding: 10px 16px
    }
}

.cfd-block,.cfd-block-header {
    overflow: hidden
}

.cfd-block .cfd-button-link,.cfd-block-header .cfd-button-link {
    border: none;
    grid-column: 3/1
}

@media(min-width: 768px) {
    .cfd-block .cfd-button-link,.cfd-block-header .cfd-button-link {
        grid-column:inherit
    }
}

.acf-block-preview .cfd-block,.article__body-content .cfd-block {
    margin-top: 32px;
    align-items: center;
    background: #5760ae;
    display: grid;
    padding: 16px 17px 16px 16px;
    grid-template-columns: max-content 1fr;
    margin-left: -16px;
    margin-right: -16px;
    border-radius: 0
}

@media(min-width: 768px) {
    .acf-block-preview .cfd-block,.article__body-content .cfd-block {
        margin-left:0;
        margin-right: 0;
        border-radius: 8px;
        padding: 0;
        grid-template-columns: max-content 1fr max-content
    }
}

.acf-block-preview .cfd-block .cfd-text,.article__body-content .cfd-block .cfd-text {
    margin-left: 16px
}

@media(min-width: 768px) {
    .acf-block-preview .cfd-block .cfd-text,.article__body-content .cfd-block .cfd-text {
        margin-left:0;
        font-size: 16px;
        padding: 20px 0 24px 0;
        max-width: 388px
    }
}

@media(min-width: 1024px) {
    .acf-block-preview .cfd-block .cfd-text,.article__body-content .cfd-block .cfd-text {
        font-size:18px
    }
}

.acf-block-preview .cfd-block .cfd-img,.article__body-content .cfd-block .cfd-img {
    line-height: 0;
    align-self: flex-end;
    width: 100%;
    max-width: 76px
}

.acf-block-preview .cfd-block .cfd-img img,.article__body-content .cfd-block .cfd-img img {
    margin: 0;
    width: 100%
}

@media(min-width: 768px) {
    .acf-block-preview .cfd-block .cfd-img,.article__body-content .cfd-block .cfd-img {
        margin-right:24px;
        max-width: 106px
    }
}

.acf-block-preview .cfd-block .cfd-button-link,.article__body-content .cfd-block .cfd-button-link {
    padding: 0
}

@media(min-width: 768px) {
    .acf-block-preview .cfd-block .cfd-button-link,.article__body-content .cfd-block .cfd-button-link {
        padding:0 24px
    }
}

.acf-block-preview .cfd-block-binomismo,.article__body-content .cfd-block-binomismo {
    background: url(assets/images/binomismo-background-mobile.html);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    grid-template-columns: 1fr
}

.acf-block-preview .cfd-block-binomismo .cfd-img,.article__body-content .cfd-block-binomismo .cfd-img {
    display: none
}

.acf-block-preview .cfd-block-binomismo .cfd-text,.article__body-content .cfd-block-binomismo .cfd-text {
    margin-left: 25%
}

.acf-block-preview .cfd-block-binomismo .cfd-cta,.article__body-content .cfd-block-binomismo .cfd-cta {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center
}

.acf-block-preview .cfd-block-binomismo .cfd-button-link,.article__body-content .cfd-block-binomismo .cfd-button-link {
    margin: 0
}

.acf-block-preview .cfd-block-binomismo .cfd-button.button_fill__2a68Y.button_xs__3jqmK,.article__body-content .cfd-block-binomismo .cfd-button.button_fill__2a68Y.button_xs__3jqmK {
    margin-bottom: 0
}

.acf-block-preview .cfd-block-binomismo .cfd-date,.article__body-content .cfd-block-binomismo .cfd-date {
    display: none;
    margin: 8px 0 0 0;
    color: RGB(var(--color-white));
    text-align: center
}

.acf-block-preview .cfd-block-binomismo .cfd-date:empty,.article__body-content .cfd-block-binomismo .cfd-date:empty {
    margin: 0
}

@media(min-width: 768px) {
    .acf-block-preview .cfd-block-binomismo,.article__body-content .cfd-block-binomismo {
        position:relative;
        background: url(assets/images/binomismo-background.html);
        background-size: cover;
        background-position: 100% 100%;
        grid-template-columns: max-content 1fr max-content
    }

    .acf-block-preview .cfd-block-binomismo .cfd-img,.article__body-content .cfd-block-binomismo .cfd-img {
        display: block;
        height: 100%;
        margin-right: 18px
    }

    .acf-block-preview .cfd-block-binomismo .cfd-img img,.acf-block-preview .cfd-block-binomismo .cfd-img picture,.article__body-content .cfd-block-binomismo .cfd-img img,.article__body-content .cfd-block-binomismo .cfd-img picture {
        height: 100%
    }

    .acf-block-preview .cfd-block-binomismo .cfd-text,.article__body-content .cfd-block-binomismo .cfd-text {
        margin-left: 0
    }

    .acf-block-preview .cfd-block-binomismo .cfd-button-link,.article__body-content .cfd-block-binomismo .cfd-button-link {
        margin: 0 16px 0 24px
    }

    .acf-block-preview .cfd-block-binomismo .cfd-date,.article__body-content .cfd-block-binomismo .cfd-date {
        display: block
    }
}

.cfd-block-header {
    background: linear-gradient(101.73deg,rgba(0,0,0,.3) 14.87%,rgba(0,0,0,.3) 98.41%,rgba(255,255,255,.2) 105.49%);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    padding: 12px 16px 15px 16px
}

@media(min-width: 768px) {
    .cfd-block-header {
        padding:24px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.cfd-block-header .cfd-button-link {
    margin-top: 13px;
    margin-bottom: 0
}

@media(min-width: 768px) {
    .cfd-block-header .cfd-button-link {
        margin:0;
        margin-left: 16px
    }
}

.cfd-block-header .cfd-text {
    width: 100%;
    max-width: 100%;
    text-align: center
}

@media(min-width: 768px) {
    .cfd-block-header .cfd-text {
        text-align:left;
        font-size: 18px;
        padding: 0;
        max-width: 488px
    }
}

@media(min-width: 1024px) {
    .cfd-block-header .cfd-text {
        max-width:509px
    }
}

.correct .promo-code-valide,.test__answers-active .promo-code-valide {
    display: block
}

.vip .promo-code-valide {
    color: RGB(var(--color-base-lighten))
}

.promo-code-valide {
    display: none;
    margin-top: 24px;
    color: RGB(var(--color-base-darkest))
}

.promo-code-valide__text strong {
    color: #ddc340
}

.promo-code-valide__text-after {
    margin-top: 6px
}

.promo-code-valide__wrap {
    display: flex;
    font-size: 14px;
    color: #ddc340;
    align-items: center;
    column-gap: 16px;
    flex-wrap: wrap;
    margin: 6px 0
}

.promo-code-valide__code {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 14px;
    background-color: #3e3f45;
    border-radius: 8px;
    padding: 8px 16px;
    margin: 6px 0;
    font-weight: 700;
    letter-spacing: 1.7px;
    cursor: pointer
}

.promo-code-valide__code svg {
    height: 20px
}

.promo-code-valide__code:hover .promo-code-valide__copy svg path {
    fill: #f6f7f7
}

.promo-code-valide__copied,.promo-code-valide__copy {
    display: none
}

.promo-code-valide__copied.active,.promo-code-valide__copy.active {
    display: flex
}

.promo-code-valide__valide {
    display: flex;
    color: #8d8e8e;
    font-size: 14px
}

.promo-code-valide__code.in-text {
    display: inline-flex;
    padding: 0;
    margin: 0;
    background-color: rgba(0,0,0,0);
    color: RGB(var(--color-blue));
    font: var(--text-black-s-compact);
    column-gap: 2px;
    font-size: 16px
}

.promo-code-valide__code.in-text>span {
    letter-spacing: 0
}

.promo-code-valide__code.in-text .promo-code-valide__copy {
    display: none
}

.promo-code-valide__code.in-text .promo-code-valide__copy.active {
    display: flex
}

.promo-code-valide__code.in-text .promo-code-valide__copy svg {
    height: 24px
}

.promo-code-valide__code.in-text .promo-code-valide__copied {
    display: none;
    height: 24px;
    width: 24px
}

.promo-code-valide__code.in-text .promo-code-valide__copied.active {
    display: flex;
    align-items: center
}

.promo-code-valide__code.in-text .promo-code-valide__copied svg {
    height: 14px
}

.cta-button-link lui-button.cta-button {
    width: 100%;
    min-width: 288px;
    max-width: 288px;
    transition: .4s;
    background: RGB(var(--color-blue));
    height: 56px;
    margin: 0 auto;
    border-radius: 12px;
    color: RGB(var(--color-white))
}

@media(min-width: 501px) {
    .cta-button-link lui-button.cta-button {
        min-width:136px
    }

    .cta-button-link lui-button.cta-button button {
        padding: 10px 16px
    }
}

@media(min-width: 1024px) {
    .cta-button-link lui-button.cta-button {
        min-width:144px
    }
}

.cta-button-link lui-button.cta-button:hover {
    background: RGB(var(--color-blue-dark))
}

.cta-container {
    margin: 32px -16px
}

@media(min-width: 501px) {
    .cta-container {
        margin-left:0;
        margin-right: 0
    }
}

.cta-container .cta-wrap {
    display: flex;
    max-width: 100%;
    position: relative;
    background: #487bfe;
    background: unset;
    background-size: cover
}

.cta-container .cta-wrap:hover:after {
    opacity: 1
}

.cta-container .cta-wrap:hover:before {
    opacity: 0
}

@media(min-width: 501px) {
    .cta-container .cta-wrap {
        border-radius:8px;
        overflow: hidden;
        background-position: center;
        background-repeat: no-repeat;
        background-color: #19191a
    }
}

@media(min-width: 768px) {
    .cta-container .cta-wrap {
        background-position:right
    }
}

.cta-container .cta-wrap.cta-theme--v1 {
    background-image: url(images/cta/cta-bg-v1-mobile.html)
}

@media(min-width: 501px) {
    .cta-container .cta-wrap.cta-theme--v1 {
        background-image:url(images/cta/cta-bg-v1-tablet.html)
    }
}

.cta-container .cta-wrap.cta-theme--v2 {
    background-image: url(images/cta/cta-bg-v2-mobile.html)
}

@media(min-width: 501px) {
    .cta-container .cta-wrap.cta-theme--v2 {
        background-image:url(images/cta/cta-bg-v2-tablet.html)
    }
}

.cta-container .cta-wrap.cta-theme--v3 {
    background-image: url(images/cta/cta-bg-v3-mobile.html)
}

@media(min-width: 501px) {
    .cta-container .cta-wrap.cta-theme--v3 {
        background-image:url(images/cta/cta-bg-v3-tablet.html)
    }
}

.cta-block {
    max-width: 100%;
    column-gap: 0;
    display: flex;
    flex-direction: column;
    padding: 190px 16px 24px;
    gap: 24px;
    border-radius: 0;
    grid-template-columns: 1fr;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media(min-width: 501px) {
    .cta-block {
        display:grid;
        padding: 0 24px 0;
        gap: 8px;
        justify-content: space-between;
        min-height: 132px;
        align-items: center;
        grid-template-columns: auto max-content
    }
}

@media(min-width: 1024px) {
    .cta-block {
        grid-template-columns:auto max-content
    }
}

.cta-block .cta-button-link {
    border: none;
    padding: 16px 16px 20px;
    display: block;
    text-align: center
}

@media(min-width: 501px) {
    .cta-block .cta-button-link {
        padding:0
    }
}

.cta-block .cta-button-link .button_btn__dCMn2 span {
    font: var(--text-bold-xl)
}

@media(min-width: 501px)and (max-width:767px) {
    .cta-block .cta-button-link .button_btn__dCMn2 span {
        font-size:13px
    }
}

.cta-block .cta-content {
    text-align: center;
    padding: 18px 16px 0 16px;
    display: block;
    font-size: 20px;
    line-height: 28px;
    color: RGB(var(--color-black));
    position: relative;
    z-index: 10;
    margin: 0 auto;
    max-width: 335px
}

.cta-block .cta-content.cta-promo {
    font-size: 18px;
    line-height: 24px
}

@media(min-width: 501px) {
    .cta-block .cta-content.cta-promo {
        font-size:16px;
        line-height: 22px
    }
}

@media(min-width: 768px) {
    .cta-block .cta-content.cta-promo {
        font-size:18px;
        line-height: 24px
    }
}

@media(min-width: 501px) {
    .cta-block .cta-content {
        text-align:left;
        font-size: 16px;
        line-height: 24px;
        padding: 18px 16px 18px 15px;
        width: 100%;
        max-width: 338px
    }
}

@media(min-width: 768px) {
    .cta-block .cta-content {
        font-size:20px;
        line-height: 28px;
        padding: 18px 24px 18px 15px
    }
}

@media(min-width: 1024px) {
    .cta-block .cta-content {
        padding:18px 20px
    }
}

.cta-block .cta-content strong {
    color: RGB(var(--color-blue))
}

.cta-block .promo-code-valide__code {
    color: RGB(var(--color-blue))
}

.cta-block .promo-code-valide__code .promo-code-valide__copy svg path:nth-child(1) {
    fill: RGB(var(--color-blue))
}

.cta-block .promo-code-valide__code .promo-code-valide__copy svg path:nth-child(2) {
    stroke: #0c79f8
}

.cta-block .promo-code-valide__code:hover .promo-code-valide__copy svg path {
    fill: RGBA(var(--color-blue),.4)
}

.special-container {
    margin-bottom: 36px
}

.special-container.swiper-container {
    margin-right: -16px
}

@media(min-width: 768px) {
    .special-container.swiper-container {
        margin-right:0
    }
}

.special-container .swiper-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 16px
}

.special-container .swiper-header .swiper-button-pagination {
    position: relative;
    width: 72px;
    display: none;
    justify-content: space-between;
    align-items: center
}

@media(min-width: 768px) {
    .special-container .swiper-header .swiper-button-pagination {
        display:flex
    }
}

@media(min-width: 1024px) {
    .special-container .swiper-header .swiper-button-pagination {
        width:63px
    }
}

.special-container .swiper-header .swiper-button-pagination .swiper-button-next,.special-container .swiper-header .swiper-button-pagination .swiper-button-prev {
    margin: 0;
    position: inherit;
    height: 12px;
    width: 7px
}

.special-container .swiper-header .swiper-button-pagination .swiper-button-next:after,.special-container .swiper-header .swiper-button-pagination .swiper-button-prev:after {
    font-size: 12px
}

.special-container .swiper-shadow {
    display: none;
    box-shadow: 0 1px 25px rgba(14,27,45,.25);
    width: 20px;
    height: calc(100% - 40px);
    position: absolute;
    right: -20px;
    bottom: 0;
    z-index: 10
}

@media(min-width: 768px) {
    .special-container .swiper-shadow {
        display:block
    }
}

.special-container .special-swiper.swiper-slide-last .swiper-shadow {
    right: initial;
    left: -20px
}

.special-container .special-header,.special-container .swiper-header {
    margin-bottom: 16px
}

.special-container .special-header .title,.special-container .swiper-header .title {
    color: RGB(var(--color-base-darkest));
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px
}

.special-container .special-header .title h2,.special-container .swiper-header .title h2 {
    margin: 0
}

.special-container .special-card {
    border-radius: 8px;
    height: 270px;
    background-size: cover;
    cursor: pointer;
    padding: 16px;
    margin-bottom: 16px
}

.special-container .special-card a {
    height: 100%;
    display: flex;
    flex-direction: column
}

.special-container .special-card.plug {
    display: none;
    background-image: url(images/bg_special.html);
    text-align: center
}

@media(min-width: 768px) {
    .special-container .special-card.plug {
        display:block
    }
}

.special-container .special-card.plug .special-plug-text,.special-container .special-card.plug .special-plug-title {
    color: RGB(var(--color-base-darkest))
}

.special-container .special-card.plug .special-plug-title {
    margin-bottom: 8px
}

.special-container .special-card.plug .special-plug-text {
    max-width: 216px;
    margin: 0 auto 16px
}

.special-container .special-card.plug .special-button lui-button button {
    padding: 9px 24px 11px
}

@media(min-width: 768px) {
    .special-container .special-card.plug .special-button lui-button {
        min-width:188px
    }
}

@media(min-width: 768px) {
    .special-container .special-card {
        max-width:384px;
        padding: 24px;
        margin-bottom: 0
    }
}

.special-container .special-card .special-text,.special-container .special-card .special-title {
    color: RGB(var(--color-base-lightest))
}

.special-container .special-card .special-date {
    color: RGB(var(--color-yellow));
    margin-bottom: 8px
}

.special-container .special-card .special-button {
    margin-top: auto
}

.special-container .special-card .special-button lui-button {
    box-sizing: border-box;
    height: 32px;
    max-width: 100%;
    font-size: 12px;
    width: 100%
}

.special-container .special-card .special-button lui-button button {
    padding: 9px 24px 11px
}

@media(min-width: 768px) {
    .special-container .special-card .special-button lui-button {
        min-width:112px;
        max-width: max-content
    }
}

@media(min-width: 1024px) {
    .special-container .special-card .special-button lui-button {
        height:40px;
        font-size: 14px
    }
}

.special-container .special-card--dark .special-date,.special-container .special-card--dark .special-text,.special-container .special-card--dark .special-title {
    color: RGB(var(--color-base-darkest))
}

@media(min-width: 768px) {
    .special-container .special-wrapper {
        display:flex;
        gap: 16px
    }
}

.special-container .special-wrapper .special-card {
    width: 100%
}

.special-container .swiper-wrapper .special-card {
    box-sizing: border-box;
    max-width: 240px
}

@media(min-width: 768px) {
    .special-container .swiper-wrapper .special-card {
        max-width:384px;
        height: 182px
    }
}

@media(min-width: 1024px) {
    .special-container .swiper-wrapper .special-card {
        height:206px
    }
}

.special-container .special-wrapper {
    margin-bottom: 32px
}

@media(max-width: 767px) {
    .special-container.one-special {
        margin-right:0
    }

    .special-container.one-special .swiper-wrapper .special-card {
        max-width: 100%
    }
}

@media(min-width: 1024px) {
    .pt-br .special-container .special-card .special-title {
        font-size:14px
    }
}

@media(min-width: 1024px) {
    .pt-br .special-container .special-card .special-text {
        font-size:13px
    }
}

div.subscribe-block {
    background: RGB(var(--color-base-lightest));
    display: none;
    min-height: 216px;
    align-items: stretch;
    overflow: hidden;
    margin: 24px -16px;
    position: relative
}

@media(min-width: 768px) {
    div.subscribe-block {
        border-radius:8px;
        min-height: 168px;
        margin: 32px 0
    }
}

@media(min-width: 1024px) {
    div.subscribe-block {
        min-height:192px
    }
}

div.subscribe-block .subscribe-block__title {
    display: flex;
    align-items: center
}

div.subscribe-block .subscribe-block__title img.subscribe-block__icon {
    margin-right: 8px;
    margin-left: 0;
    max-width: 24px
}

div.subscribe-block .subscribe-block__wrapper {
    width: 100%;
    grid-template-columns: 1fr;
    row-gap: 16px;
    background-color: #f7f7f9;
    padding: 16px;
    position: relative
}

div.subscribe-block .subscribe-block__wrapper:before {
    content: "";
    background-image: url(images/subscribe-gift.html);
    position: absolute;
    left: 17px;
    top: 15px;
    height: 22px;
    width: 22px;
    background-repeat: no-repeat;
    background-size: contain
}

div.subscribe-block .subscribe-block__wrapper .subscribe-block__wrap {
    margin-left: 32px
}

@media(min-width: 768px) {
    div.subscribe-block .subscribe-block__wrapper .subscribe-block__wrap {
        margin-left:0
    }

    div.subscribe-block .subscribe-block__wrapper:before {
        content: none
    }
}

@media(min-width: 1024px) {
    div.subscribe-block .subscribe-block__wrapper {
        grid-gap:20px;
        grid-template-columns: 1fr
    }
}

div.subscribe-block .subscribe-block__container {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    align-items: center;
    display: none;
    width: 100%
}

@media(min-width: 768px) {
    div.subscribe-block .subscribe-block__container {
        padding:0 0 12px 230px;
        background-image: url(images/subscribe-form-gift.html);
        background-repeat: no-repeat;
        background-size: 240px;
        background-position: left top;
        align-items: center
    }
}

div.subscribe-block .subscribe-block__container.visible {
    display: grid
}

div.subscribe-block .subscribe-block__container.without-bg {
    background: 0 0;
    padding: 16px 20px 20px
}

div.subscribe-block .subscribe-block__title {
    color: RGB(var(--color-base-darkest))
}

@media(min-width: 768px) {
    div.subscribe-block .subscribe-block__title {
        margin-bottom:11px
    }
}

div.subscribe-block .subscribe-block__sub-title {
    color: RGB(var(--color-base-darken));
    margin-bottom: 21px
}

div.subscribe-block .subscribe-block__form {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 20px;
    column-gap: 16px
}

@media(min-width: 768px) {
    div.subscribe-block .subscribe-block__form {
        flex:1 1 auto;
        display: flex;
        column-gap: 5px
    }
}

div.subscribe-block lui-input {
    border-radius: 8px
}

div.subscribe-block lui-input [class^=input_input-group] {
    height: 40px;
    background-color: rgba(0,0,0,0)
}

div.subscribe-block lui-input [class^=input_input-group] input {
    cursor: text;
    height: 40px;
    font-size: 14px;
    background-color: rgba(0,0,0,0);
    box-shadow: none!important;
    border: 0
}

@media(min-width: 768px) {
    div.subscribe-block lui-input {
        height:40px;
        width: 251px;
        margin-right: 16px
    }

    div.subscribe-block lui-input [class^=input_input-group] {
        height: 40px
    }

    div.subscribe-block lui-input [class^=input_input-group] input {
        height: 40px;
        font-size: 14px
    }
}

@media(min-width: 1024px) {
    div.subscribe-block lui-input {
        height:54px;
        width: 272px;
        margin-right: 12px
    }

    div.subscribe-block lui-input [class^=input_input-group] {
        height: 54px
    }

    div.subscribe-block lui-input [class^=input_input-group] input {
        height: 54px;
        font-size: 16px
    }
}

div.subscribe-block lui-button.subscribe-block__button {
    height: 40px;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    width: auto;
    max-width: inherit;
    line-height: 150%;
    color: RGB(var(--color-white));
    background-color: RGB(var(--color-blue))
}

div.subscribe-block lui-button.subscribe-block__button button {
    padding: 0
}

div.subscribe-block lui-button.subscribe-block__button:hover {
    background-color: RGB(var(--color-base-darkest))
}

@media(min-width: 768px) {
    div.subscribe-block lui-button.subscribe-block__button {
        height:40px;
        font-size: 14px;
        min-width: 144px
    }

    div.subscribe-block lui-button.subscribe-block__button button {
        padding: 16px 15px
    }
}

@media(min-width: 1024px) {
    div.subscribe-block lui-button.subscribe-block__button {
        height:54px;
        font-size: 14px;
        min-width: 136px
    }

    div.subscribe-block lui-button.subscribe-block__button button {
        padding: 16px 15px
    }
}

.subscribe-block__answer {
    display: none;
    padding: 0 16px;
    text-align: center;
    width: 100%
}

.subscribe-block__answer .subscribe-block__title {
    justify-content: center;
    margin-bottom: 8px
}

.subscribe-block__answer.visible {
    display: flex;
    align-items: center;
    justify-content: center
}

.subscribe-block__answer .error,.subscribe-block__answer .success {
    display: none
}

.subscribe-block__answer .error.visible,.subscribe-block__answer .success.visible {
    display: flex;
    flex-direction: column;
    align-items: center
}

.subscribe-block__answer .success .subscribe-block__sub-title {
    max-width: 400px
}

@media(min-width: 768px) {
    .subscribe-block__answer .error .subscribe-block__sub-title,.subscribe-block__answer .success .subscribe-block__sub-title {
        max-width:275px
    }
}

@media(min-width: 1024px) {
    .subscribe-block__answer .success .subscribe-block__sub-title {
        max-width:424px
    }

    .subscribe-block__answer .error .subscribe-block__sub-title {
        max-width: 292px
    }
}

.subscribe-block__answer.visible img.subscribe-block__icon_answer {
    margin-bottom: 16px;
    max-width: 32px;
    width: 32px;
    height: 32px
}

@media(min-width: 768px) {
    .subscribe-block__answer.visible img.subscribe-block__icon_answer {
        margin-bottom:8px
    }
}

@keyframes slideLeft {
    100% {
        left: 40px
    }
}

@keyframes slideTop {
    100% {
        top: 60px
    }
}

@keyframes slideBottom {
    100% {
        bottom: 0
    }
}

.notify-form {
    animation: slideBottom 1.5s forwards;
    position: fixed;
    z-index: 12;
    bottom: -100%;
    right: 0;
    left: 0;
    justify-content: center
}

@media(min-width: 768px) {
    .notify-form {
        top:-100%;
        bottom: inherit;
        width: 438px;
        animation: slideTop 1s forwards;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media(min-width: 1024px) {
    .notify-form {
        animation:slideLeft 1s forwards;
        bottom: 30px;
        left: -100%;
        width: 464px;
        right: inherit;
        top: inherit;
        transform: translateX(0)
    }
}

.subscribe-block__close {
    position: absolute;
    right: 12px;
    line-height: 0;
    top: 12px;
    color: RGB(var(--color-base-medium-darken));
    cursor: pointer
}

.subscribe-block__close.and-bg {
    top: 85px
}

@media(min-width: 768px) {
    .subscribe-block__close.and-bg {
        top:12px
    }
}

.subscribe-notify-block {
    box-shadow: 0 1px 20px rgba(14,27,45,.15);
    background: RGB(var(--color-base-lightest));
    position: relative;
    width: 100%
}

@media(min-width: 768px) {
    .subscribe-notify-block {
        width:initial;
        border-radius: 8px
    }
}

.subscribe-notify-block .subscribe-block__container {
    width: 100%;
    display: none;
    background: 0 0
}

@media(min-width: 768px) {
    .subscribe-notify-block .subscribe-block__container {
        padding:0 0 0 142px;
        background-image: url(images/subscribe-notify-form-gift.html);
        background-repeat: no-repeat;
        background-size: 142px;
        background-position: left top;
        min-height: 154px
    }

    .subscribe-notify-block .subscribe-block__container.without-bg {
        background: 0 0;
        padding: 0
    }

    .subscribe-notify-block .subscribe-block__container.without-bg .subscribe-block__wrapper {
        padding: 16px 20px
    }

    .subscribe-notify-block .subscribe-block__container .subscribe-block__wrap {
        margin-bottom: 18px
    }
}

@media(min-width: 1024px) {
    .subscribe-notify-block .subscribe-block__container {
        background-position:left bottom;
        min-height: 176px
    }
}

.subscribe-notify-block .subscribe-block__container.visible {
    display: grid
}

.subscribe-notify-block .subscribe-block__container .subscribe-block__wrapper {
    padding: 16px 20px 20px 16px
}

.subscribe-notify-block .subscribe-block__container .subscribe-block__title {
    display: flex;
    align-items: center;
    color: RGB(var(--color-base-darkest));
    margin-bottom: 2px
}

.subscribe-notify-block .subscribe-block__container .subscribe-block__title img.subscribe-block__icon {
    margin-right: 8px;
    max-width: 16px
}

@media(min-width: 768px) {
    .subscribe-notify-block .subscribe-block__container .subscribe-block__title img.subscribe-block__icon {
        display:none
    }
}

@media(min-width: 768px) {
    .subscribe-notify-block .subscribe-block__container .subscribe-block__title {
        margin-left:0
    }
}

@media(max-width: 767px) {
    .subscribe-notify-block .subscribe-block__container .subscribe-block__title {
        font-size:16px
    }
}

.subscribe-notify-block .subscribe-block__container .subscribe-block__sub-title {
    color: RGB(var(--color-base-darken));
    margin-bottom: 10px
}

@media(min-width: 768px) {
    .subscribe-notify-block .subscribe-block__container .subscribe-block__sub-title {
        padding-right:46px
    }
}

@media(min-width: 1024px) {
    .subscribe-notify-block .subscribe-block__container .subscribe-block__sub-title {
        padding-right:50px
    }
}

.subscribe-notify-block .subscribe-block__container .subscribe-block__form {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 20px;
    column-gap: 16px
}

.subscribe-notify-block .subscribe-block__container .subscribe-block__form .input_text__1YcR8 {
    line-height: 0
}

.subscribe-notify-block .subscribe-block__container .subscribe-block__form lui-button.subscribe-block__button {
    font-size: 12px;
    color: RGB(var(--color-white));
    background-color: RGB(var(--color-blue));
    height: 40px
}

@media(min-width: 768px) {
    .subscribe-notify-block .subscribe-block__container .subscribe-block__form lui-button.subscribe-block__button {
        font-size:14px
    }

    .subscribe-notify-block .subscribe-block__container .subscribe-block__form lui-button.subscribe-block__button button {
        padding: 16px 15px
    }
}

@media(min-width: 1024px) {
    .subscribe-notify-block .subscribe-block__container .subscribe-block__form lui-button.subscribe-block__button {
        height:54px
    }
}

.subscribe-modal {
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s;
    position: fixed;
    z-index: 22;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center
}

.subscribe-modal .modal-close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px
}

.subscribe-modal.is-visible {
    opacity: 1;
    pointer-events: auto
}

.subscribe-modal .subscribe-notify-block .subscribe-block__form {
    row-gap: 30px
}

.subscribe-overlay {
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 21;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: RGBA(var(--color-base-darkest),.5)
}

.subscribe-overlay.is-visible {
    opacity: 1;
    pointer-events: auto
}

.subscribe-notify-template .subscribe-notify-block {
    margin: 0 16px;
    border-radius: 8px;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    position: relative;
    width: 288px;
    min-height: 236px
}

@media(min-width: 768px) {
    .subscribe-notify-template .subscribe-notify-block {
        width:initial
    }
}

@media(min-width: 1024px) {
    .subscribe-notify-template .subscribe-notify-block {
        min-height:271px
    }
}

@media(min-width: 768px) {
    .subscribe-notify-template .subscribe-notify-block .subscribe-block__sub-title {
        margin-bottom:20px
    }
}

.subscribe-notify-template .subscribe-notify-block .subscribe-block__answer {
    padding: 0 50px
}

.community-block {
    margin-left: -16px;
    margin-right: -16px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .community-block {
        margin:0 0 24px;
        border-radius: 16px;
        display: flex;
        padding: 30px 0 40px
    }
}

.community-block[data-type=inst] {
    background: no-repeat url(images/community/bg-inst.html);
    background-size: cover
}

.community-block[data-type=tg] {
    background: no-repeat url(images/community/bg-tg.html);
    background-size: cover
}

.community-block[data-type=yt] {
    background: no-repeat url(images/community/bg-yt.html);
    background-size: cover
}

.community-block .community-block-info {
    display: grid;
    order: 1;
    grid-gap: 8px;
    grid-template-columns: 1fr;
    padding: 16px
}

@media(min-width: 768px) {
    .community-block .community-block-info {
        margin-bottom:16px;
        grid-template-columns: max-content 1fr;
        padding: 0;
        grid-gap: 18px;
        padding-left: 60px;
        padding-right: 70px;
        order: 2
    }
}

.community-block .community-block-info .community-text .community-title {
    margin-bottom: 4px
}

.community-block .community-block-info .community-text .community-description {
    margin-bottom: 16px
}

.community-block .community-block-info .community-text .community-button lui-button {
    font-size: 12px;
    height: 40px;
    background-color: RGB(var(--color-blue));
    color: RGB(var(--color-white));
    min-width: 216px;
    opacity: .9;
    transition: .3s
}

.community-block .community-block-info .community-text .community-button lui-button:hover {
    opacity: 1
}

@media(min-width: 1024px) {
    .community-block .community-block-info .community-text .community-button lui-button {
        font-size:14px
    }
}

.community-block .community-block-info .community-text .community-button lui-button button {
    padding: 10px 15px
}

.community-block .community-block-gallery {
    order: 2
}

@media(min-width: 768px) {
    .community-block .community-block-gallery {
        margin-bottom:32px;
        order: 1
    }
}

.community-block .community-block-gallery .community-gallery {
    overflow: visible
}

.community-block .community-block-gallery .community-gallery .swiper-slide {
    transition-property: width,margin-top;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35%
}

@media(min-width: 768px) {
    .community-block .community-block-gallery .community-gallery .swiper-slide {
        width:23%
    }
}

.community-block .community-block-gallery .community-gallery .swiper-slide img {
    object-fit: contain;
    max-width: 100%
}

.community-block .community-block-gallery .community-gallery .swiper-slide.swiper-slide-active {
    width: 47%
}

@media(min-width: 768px) {
    .community-block .community-block-gallery .community-gallery .swiper-slide.swiper-slide-active {
        width:23%
    }
}

.community-block .community-block-gallery .community-gallery .swiper-wrapper {
    align-items: center
}

.community-block .community-block-gallery .community-gallery .swiper-slide.swiper-slide-next {
    margin-top: -10px;
    width: 56%
}

@media(min-width: 768px) {
    .community-block .community-block-gallery .community-gallery .swiper-slide.swiper-slide-next {
        width:28%
    }
}

@media(min-width: 768px) {
    .community-block .community-block-gallery .community-gallery .swiper-slide.swiper-slide-next+.swiper-slide {
        width:32%
    }
}

.quiz-page h1.quiz-page__title {
    margin-bottom: 8px
}

.quiz-page__question-subtitle {
    color: RGB(var(--color-base-darkest));
    margin-bottom: 32px
}

.quiz-page__question-image {
    border-radius: 8px;
    background-color: RGB(var(--color-base-lightest));
    height: 124px;
    overflow: hidden;
    margin-bottom: 26px
}

@media(min-width: 1024px) {
    .quiz-page__question-image {
        height:228px
    }
}

@media(min-width: 768px) {
    .quiz-page__question-image {
        height:180px
    }
}

.quiz-page__question-image img,.quiz-page__question-image picture {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    height: auto;
    object-fit: cover
}

.quiz-page__question-text {
    color: RGB(var(--color-base-darkest));
    margin-bottom: 32px
}

.quiz-page__question-description {
    color: RGB(var(--color-base-darkest));
    margin-bottom: 26px
}

.quiz-page__question-variants {
    margin-bottom: 32px
}

.quiz-page__question-variant .quiz-page__question-dot:after {
    background-color: RGB(var(--color-base-darkest))
}

.quiz-page__question-variant .quiz-page__question-dot:hover {
    border-color: RGB(var(--color-blue))
}

.quiz-page__question-variant[selected] div.quiz-page__question-dot {
    border-color: RGB(var(--color-base-darkest))
}

.quiz-page__question-hidden {
    display: none
}

.quiz-page__answer {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 12px
}

.quiz-page__answer-image {
    position: relative;
    width: 304px;
    height: 124px;
    margin-bottom: 20px;
    border-radius: 8px;
    background-color: #d9d9d9;
    overflow: hidden
}

.quiz-page__answer-image img,.quiz-page__answer-image picture {
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    height: auto;
    object-fit: cover
}

.quiz-page__answer-title {
    margin-bottom: 8px
}

.quiz-page__answer-content {
    max-width: 365px;
    color: RGB(var(--color-base-darken));
    text-align: center;
    margin-bottom: 32px
}

.quiz-page__answer-content p {
    margin-bottom: 24px
}

.quiz-page__answer-content p:last-child {
    margin-bottom: 0
}

.quiz-page__answer-content a {
    color: RGB(var(--color-blue));
    text-decoration: underline
}

.quiz-page__answer-buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 10px
}

.quiz-page__answer-btn {
    min-width: 144px!important;
    height: 40px!important
}

.quiz-page__answer-link {
    display: block;
    width: max-content
}

.quiz-page__answer-show {
    display: flex
}

.quiz-page__answer[data-type=correct] .quiz-page__answer-title {
    color: #2eb46c
}

.quiz-page__answer[data-type=wrong] .quiz-page__answer-title {
    color: #fe6767
}

.quiz-page__related {
    display: none
}

.quiz-page__related .article__related-wrap {
    margin-top: 64px
}

.quiz-page__related-show {
    display: block
}

.article__body-content .wheel-block,.wheel-block {
    margin: 35px 0;
    display: flex;
    height: 280px;
    position: relative;
    justify-content: center;
    color: RGBA(var(--color-base-darkest))
}

.article__body-content .wheel-block .wheel,.wheel-block .wheel {
    position: absolute;
    top: 75px
}

@media(max-width: 767px) {
    .article__body-content .wheel-block .wheel,.wheel-block .wheel {
        max-width:268px
    }
}

.article__body-content .wheel-block .wheel .wheel-element,.wheel-block .wheel .wheel-element {
    line-height: 0;
    transition: all 3s;
    display: flex;
    justify-content: center;
    width: 265px;
    height: 265px
}

.article__body-content .wheel-block .wheel .wheel-element:after,.wheel-block .wheel .wheel-element:after {
    content: "";
    position: absolute;
    width: 265px;
    height: 265px;
    background-image: url(images/wheel.html);
    background-size: contain
}

.article__body-content .wheel-block .wheel-wrap,.wheel-block .wheel-wrap {
    width: 268px;
    position: relative
}

.article__body-content .wheel-block .wheel-wrap:after,.wheel-block .wheel-wrap:after {
    content: "";
    position: absolute;
    width: 263px;
    height: 146px;
    box-shadow: inset 0 14px 10px -10px rgba(0,0,0,.05),inset 0 -14px 10px -10px rgba(0,0,0,.05)
}

@media(max-width: 767px) {
    .article__body-content .wheel-block .wheel-wrap:after,.wheel-block .wheel-wrap:after {
        width:343px;
        box-shadow: inset 0 -14px 10px -10px rgba(0,0,0,.05);
        bottom: 0
    }
}

@media(max-width: 767px) {
    .article__body-content .wheel-block .wheel-wrap,.wheel-block .wheel-wrap {
        height:280px;
        width: 100%;
        overflow: hidden;
        position: relative;
        display: flex;
        justify-content: center
    }
}

@media(max-width: 767px) {
    .article__body-content .wheel-block,.wheel-block {
        max-width:468px;
        margin: 35px auto
    }
}

.article__body-content .wheel-block .wheel-article,.wheel-block .wheel-article {
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 20px 0 rgba(14,27,45,.1490196078);
    position: absolute;
    text-align: center;
    background: RGBA(var(--color-white));
    border-radius: 8px;
    width: 100%;
    display: grid;
    min-height: 80px;
    max-width: 468px;
    padding: 12px;
    gap: 12px;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width: 767px) {
    .article__body-content .wheel-block .wheel-article,.wheel-block .wheel-article {
        top:75px;
        left: 50%;
        transform: translate(-50%,-50%)
    }
}

.article__body-content .wheel-block .wheel-article .wheel-triangle,.wheel-block .wheel-article .wheel-triangle {
    position: absolute;
    left: 50%;
    bottom: -27px;
    text-align: center;
    transform: translateX(-50%);
    z-index: -1
}

.article__body-content .wheel-block .wheel-article .wheel-triangle img,.wheel-block .wheel-article .wheel-triangle img {
    transform: rotate(-90deg);
    max-width: 36px;
    width: 36px
}

.article__body-content .wheel-block .wheel-article .wheel-article-close,.wheel-block .wheel-article .wheel-article-close {
    display: none
}

.article__body-content .wheel-block .wheel-article.article,.wheel-block .wheel-article.article {
    justify-content: flex-start;
    text-align: left
}

.article__body-content .wheel-block .wheel-article.article .wheel-article-content,.wheel-block .wheel-article.article .wheel-article-content {
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 16px
}

.article__body-content .wheel-block .wheel-article.article .wheel-article-content .wheel-article-image,.wheel-block .wheel-article.article .wheel-article-content .wheel-article-image {
    line-height: 0
}

.article__body-content .wheel-block .wheel-article.article .wheel-article-content .wheel-article-image img,.wheel-block .wheel-article.article .wheel-article-content .wheel-article-image img {
    border-radius: 8px;
    max-width: 80px;
    margin: 0
}

.article__body-content .wheel-block .wheel-article.article .wheel-article-content .wheel-article-text,.wheel-block .wheel-article.article .wheel-article-content .wheel-article-text {
    margin: auto 0
}

.article__body-content .wheel-block .wheel-article.active.article,.wheel-block .wheel-article.active.article {
    min-height: 66px
}

.article__body-content .wheel-block .wheel-article-text,.wheel-block .wheel-article-text {
    margin: auto 0
}

@media(min-width: 768px) {
    .article__body-content .wheel-block .wheel-article-text,.wheel-block .wheel-article-text {
        font-size:16px
    }
}

.article__body-content .wheel-block .wheel-article-link[href]:hover .wheel-article-text,.wheel-block .wheel-article-link[href]:hover .wheel-article-text {
    color: RGBA(var(--color-blue))
}

.article__body-content .wheel-block .wheel-element .wheel img,.wheel-block .wheel-element .wheel img {
    max-width: 263px
}

.article__body-content .wheel-block .wheel-text-block,.wheel-block .wheel-text-block {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.article__body-content .wheel-block .wheel-text-block .wheel-text,.wheel-block .wheel-text-block .wheel-text {
    cursor: pointer;
    background-color: #fff;
    width: 80px;
    height: 80px;
    font-size: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    z-index: 1
}

.article__body-content .wheel-block .wheel-text-block .wheel-text[style="pointer-events: none;"],.wheel-block .wheel-text-block .wheel-text[style="pointer-events: none;"] {
    color: RGBA(var(--color-main-40))
}

.article__body-content .wheel-block .wheel-text-block .wheel-text:after,.wheel-block .wheel-text-block .wheel-text:after {
    content: "";
    border: 2px solid RGBA(var(--color-base-darken),.15);
    position: absolute;
    width: 84px;
    height: 84px;
    border-radius: 50%
}

@media(min-width: 768px) {
    .article__body-content .wheel-block,.wheel-block {
        display:flex;
        height: 146px;
        overflow: hidden;
        position: relative;
        justify-content: flex-start
    }

    .article__body-content .wheel-block .wheel,.wheel-block .wheel {
        position: absolute;
        top: -40%
    }

    .article__body-content .wheel-block .wheel .wheel-element,.wheel-block .wheel .wheel-element {
        line-height: 0;
        transition: all 3.1s
    }

    .article__body-content .wheel-block .wheel-article,.wheel-block .wheel-article {
        left: 275px;
        display: grid;
        min-height: 104px;
        width: calc(100% - 290px);
        font-size: 16px;
        padding: 8px 16px 8px 8px;
        gap: 12px;
        top: 50%;
        max-width: 100%
    }

    .article__body-content .wheel-block .wheel-article .wheel-triangle,.wheel-block .wheel-article .wheel-triangle {
        bottom: inherit;
        right: inherit;
        position: absolute;
        left: -21px;
        top: 53%;
        transform: translateY(-50%)
    }

    .article__body-content .wheel-block .wheel-article .wheel-triangle img,.wheel-block .wheel-article .wheel-triangle img {
        transform: none
    }

    .article__body-content .wheel-block .wheel-article.article,.wheel-block .wheel-article.article {
        width: calc(100% - 290px)
    }

    .article__body-content .wheel-block .wheel-article.article .wheel-article-content,.wheel-block .wheel-article.article .wheel-article-content {
        grid-template-columns: 164px 1fr
    }

    .article__body-content .wheel-block .wheel-article.article .wheel-article-content .wheel-article-image img,.wheel-block .wheel-article.article .wheel-article-content .wheel-article-image img {
        max-width: 100%
    }

    .article__body-content .wheel-block .wheel-article.active.article,.wheel-block .wheel-article.active.article {
        font-size: 16px
    }

    .article__body-content .wheel-block .wheel-article .wheel-triangle,.wheel-block .wheel-article .wheel-triangle {
        left: -27px
    }

    .article__body-content .wheel-block .wheel-text-block .wheel-text,.wheel-block .wheel-text-block .wheel-text {
        width: 64px;
        height: 64px;
        font-size: 24px
    }

    .article__body-content .wheel-block .wheel-text-block .wheel-text:after,.wheel-block .wheel-text-block .wheel-text:after {
        width: 68px;
        height: 68px
    }

    .article__body-content .wheel-block .wheel-text-block .wheel-text:hover,.wheel-block .wheel-text-block .wheel-text:hover {
        width: 72px;
        height: 72px
    }

    .article__body-content .wheel-block .wheel-text-block .wheel-text:hover:after,.wheel-block .wheel-text-block .wheel-text:hover:after {
        width: 76px;
        height: 76px
    }

    .article__body-content .wheel-block .wheel .wheel-element,.wheel-block .wheel .wheel-element {
        width: 263px;
        height: 263px
    }

    .article__body-content .wheel-block .wheel .wheel-element:after,.wheel-block .wheel .wheel-element:after {
        width: 263px;
        height: 263px
    }

    .article__body-content .wheel-block .wheel .wheel-text:after,.wheel-block .wheel .wheel-text:after {
        width: 68px;
        height: 68px
    }

    .article__body-content .wheel-block .wheel .wheel-text:hover,.wheel-block .wheel .wheel-text:hover {
        width: 72px;
        height: 72px
    }

    .article__body-content .wheel-block .wheel .wheel-text:hover:after,.wheel-block .wheel .wheel-text:hover:after {
        width: 76px;
        height: 76px
    }
}

@keyframes wheelHoverLive {
    0% {
        transform: scale(1.4445)
    }

    90% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes wheelHoverLive2 {
    0% {
        transform: scale(1.6666)
    }

    100% {
        transform: scale(1.4445)
    }
}

@keyframes wheelHover {
    0% {
        transform: scale(1)
    }

    90% {
        transform: scale(1.75)
    }

    100% {
        transform: scale(1.6666)
    }
}

@keyframes wheelActive {
    0% {
        transform: scale(1.6666)
    }

    100% {
        transform: scale(1.4445)
    }
}

@media(min-width: 1024px) {
    .wheel-block:not(.in-article) {
        position:fixed;
        left: 53px;
        bottom: 55px;
        z-index: 20;
        height: initial;
        overflow: visible;
        justify-content: flex-start
    }

    .wheel-block:not(.in-article) .wheel {
        position: relative;
        transition: all .5s;
        top: 0;
        cursor: pointer;
        width: 72px;
        height: 72px;
        animation: wheelHoverLive .5s linear;
        transform: scale(1)
    }

    .wheel-block:not(.in-article) .wheel.wheelSpin {
        transform: scale(1.6666)!important;
        transition: all .5s
    }

    .wheel-block:not(.in-article) .wheel.active.hover {
        transform: scale(1.6666)
    }

    .wheel-block:not(.in-article) .wheel.active:hover {
        transform: scale(1.6666);
        transition: all .5s
    }

    .wheel-block:not(.in-article) .wheel.hover {
        animation: wheelHover .5s linear;
        transform: scale(1.4445)
    }

    .wheel-block:not(.in-article) .wheel.hover .wheel-text-block .wheel-text {
        width: 29px;
        height: 29px;
        font-size: 12px
    }

    .wheel-block:not(.in-article) .wheel.hover .wheel-text-block .wheel-text:after {
        width: 30px;
        height: 30px
    }

    .wheel-block:not(.in-article) .wheel.hover:hover {
        transform: scale(1.6666)
    }

    .wheel-block:not(.in-article) .wheel.active {
        transform: scale(1.4445);
        transition: all .5s
    }

    .wheel-block:not(.in-article) .wheel.active .wheel-text-block .wheel-text {
        width: 29px;
        height: 29px;
        font-size: 12px
    }

    .wheel-block:not(.in-article) .wheel.active .wheel-text-block .wheel-text:after {
        width: 30px;
        height: 30px
    }

    .wheel-block:not(.in-article) .wheel-wrap {
        width: 110px
    }

    .wheel-block:not(.in-article) .wheel-wrap:after {
        content: none
    }

    .wheel-block:not(.in-article) .wheel-element {
        transition: all 3s;
        line-height: 0;
        width: 72px;
        height: 72px
    }

    .wheel-block:not(.in-article) .wheel-element:after {
        width: 72px;
        height: 72px;
        background-image: url(images/wheel-s.html)
    }

    .wheel-block:not(.in-article).wheel-with-subscribe_form {
        bottom: 205px
    }

    .wheel-block:not(.in-article) .wheel-article {
        display: none;
        align-items: center;
        justify-content: center;
        box-shadow: 0 1px 20px 0 rgba(14,27,45,.1490196078);
        padding: 8px 32px 8px 8px;
        left: 102px;
        position: absolute;
        text-align: center;
        background: RGBA(var(--color-white));
        border-radius: 8px;
        width: 338px;
        max-width: initial;
        top: 50%;
        transform: translateY(-50%)
    }

    .wheel-block:not(.in-article) .wheel-article .wheel-triangle {
        position: absolute;
        left: -21px;
        top: 53%;
        transform: translateY(-50%)
    }

    .wheel-block:not(.in-article) .wheel-article.active {
        display: flex
    }

    .wheel-block:not(.in-article) .wheel-article .wheel-article-close {
        display: none;
        position: absolute;
        right: 4px;
        top: 4px;
        line-height: 0;
        cursor: pointer
    }

    .wheel-block:not(.in-article) .wheel-article.article {
        justify-content: flex-start;
        text-align: left;
        width: 468px
    }

    .wheel-block:not(.in-article) .wheel-article.article .wheel-article-content {
        display: grid;
        grid-template-columns: 140px 1fr;
        gap: 16px;
        align-items: center
    }

    .wheel-block:not(.in-article) .wheel-article.article .wheel-article-content .wheel-article-image {
        line-height: 0
    }

    .wheel-block:not(.in-article) .wheel-article.article .wheel-article-content .wheel-article-image img {
        border-radius: 8px
    }

    .wheel-block:not(.in-article) .wheel-article.article .wheel-article-close {
        display: block
    }

    .wheel-block:not(.in-article) .wheel-article-link[href]:hover .wheel-article-text {
        color: RGBA(var(--color-blue))
    }

    .wheel-block:not(.in-article) .wheel-text-block .wheel-text {
        transition: all .5s;
        width: 36px;
        height: 36px;
        font-size: 14px
    }

    .wheel-block:not(.in-article) .wheel-text-block .wheel-text:after {
        transition: all .5s;
        border: .5px solid RGBA(var(--color-base-darken),.3);
        width: 37px;
        height: 37px
    }
}

.reading-time {
    font-size: 14px;
    color: RGB(var(--color-white));
    padding: 3px 8px;
    line-height: 18px;
    background-color: RGBA(var(--color-base-darkest),.8);
    position: absolute;
    bottom: 9px;
    left: 16px;
    border-radius: 4px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 4px
}

.media-icon {
    position: absolute;
    bottom: 9px;
    right: 16px;
    display: flex;
    gap: 8px;
    line-height: 0
}

.media-icon .audio-icon,.media-icon .video-icon {
    background-color: RGBA(var(--color-base-darkest),.8);
    border-radius: 50%;
    padding: 4px;
    z-index: 2
}

.article-card {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.article-card__test-done {
    position: absolute;
    top: 16px;
    left: 16px;
    width: max-content;
    z-index: 2
}

.article-card__test-done img {
    width: 20px;
    height: 20px
}

.article-card .article-link {
    min-height: 100%;
    display: flex;
    flex-direction: column
}

.article-card .article-image {
    border-top-left-radius: 8px;
    line-height: 0;
    overflow: hidden;
    border-top-right-radius: 8px;
    position: relative
}

.article-card .article-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.2);
    opacity: 0;
    transition: .4s
}

.article-card .article-image picture>img,.article-card .article-image>img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;
    position: relative
}

.article-card .article-text {
    padding: 16px;
    border: 1px solid RGB(var(--color-base-light));
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: none;
    transition: var(--transition-medium);
    flex: 1 0 auto
}

.article-card .article-text .article-title {
    color: RGB(var(--color-base-darkest));
    line-height: 24px;
    overflow: hidden
}

.article-card .article-text .article-info {
    padding-bottom: 4px;
    line-height: 18px;
    overflow: hidden;
    color: RGB(var(--color-base-dark))
}

.article-card .article-text .article-info span:nth-child(2):before {
    content: "";
    vertical-align: middle;
    margin-right: 3px;
    width: 2px;
    height: 2px;
    display: inline-block;
    background-color: rgb(var(--color-base-dark));
    border-radius: 50%
}

.article-card:hover .article-text {
    border: 1px solid RGB(var(--color-base-darkest));
    border-top: none
}

.article-card:hover .article-image:after {
    opacity: 1
}

.article-card:hover .article-image picture>img {
    transform-origin: center top;
    animation: scale 1.6s ease-in-out forwards
}

.article-card:hover .article-image>img {
    transform-origin: center top;
    animation: scale 1.6s ease-in-out forwards
}

@keyframes scale {
    to {
        transform: scale(1.2)
    }
}

.category-title {
    margin-bottom: 24px;
    margin-top: 0;
    color: RGB(var(--color-base-darkest))
}

@media(min-width: 1024px) {
    .category .breadcrumbs {
        display:none
    }
}

.page-container {
    margin-top: 32px;
    margin-bottom: 40px
}

.page-container .page-title {
    margin-bottom: 24px;
    text-transform: uppercase;
    display: flex;
    align-items: center
}

.page-container .page-title img {
    margin-right: 13px;
    cursor: pointer
}

.page-container p {
    margin-bottom: 24px
}

.page-container h2 {
    margin-bottom: 16px;
    margin-top: 0
}

@media(min-width: 768px) {
    .page-container .page-title {
        margin-left:-20px
    }
}

.simple-page__title {
    color: RGB(var(--color-base-darkest));
    margin: 0;
    margin-bottom: 24px
}

@media(min-width: 1024px) {
    .simple-page .breadcrumbs {
        display:none
    }
}

.video-container {
    display: grid;
    grid-gap: 16px;
    margin-bottom: 53px
}

.video-container .article-image {
    height: 176px
}

.video-container .article-image lui-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

lui-button.button_black__2zjU4.button_hollow__gXvC1 {
    min-width: 151px;
    height: 40px
}

.video-title {
    margin-bottom: 24px;
    margin-top: 0
}

.video-modal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    overflow: hidden;
    position: fixed;
    opacity: 0;
    transform: translate(500%,0);
    transition: transform 0s linear 0s;
    display: flex;
    align-items: center;
    transform-style: preserve-3d
}

.video-modal .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    background: RGBA(var(--color-base-darkest),.5);
    opacity: 0;
    transition: opacity .2s ease-out .05s
}

.video-modal-content {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 51;
    margin: 0 auto;
    overflow-y: visible;
    background: #000;
    width: 784px;
    height: 435px
}

iframe#youtube {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #000;
    box-shadow: 0 2px 16px rgba(0,0,0,.5)
}

.show-video-modal .video-modal {
    opacity: 1;
    transform: translate(0,0)
}

.show-video-modal .video-modal .overlay {
    opacity: 1
}

.show-video-modal .video-modal-content {
    transform: translate(0,0)
}

@media(min-width: 1024px) {
    .video .breadcrumbs {
        display:none
    }
}

.video-container {
    display: grid;
    grid-gap: 16px;
    margin-bottom: 53px
}

.video-container .article-image {
    height: 176px
}

.video-container .article-image lui-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

lui-button.button_black__2zjU4.button_hollow__gXvC1 {
    min-width: 151px;
    height: 40px
}

.video-title {
    margin-bottom: 24px;
    margin-top: 0
}

.video-modal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    overflow: hidden;
    position: fixed;
    opacity: 0;
    transform: translate(500%,0);
    transition: transform 0s linear 0s;
    display: flex;
    align-items: center;
    transform-style: preserve-3d
}

.video-modal .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    background: RGBA(var(--color-base-darkest),.5);
    opacity: 0;
    transition: opacity .2s ease-out .05s
}

.video-modal-content {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 51;
    margin: 0 auto;
    overflow-y: visible;
    background: #000;
    width: 784px;
    height: 435px
}

iframe#youtube {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #000;
    box-shadow: 0 2px 16px rgba(0,0,0,.5)
}

.show-video-modal .video-modal {
    opacity: 1;
    transform: translate(0,0)
}

.show-video-modal .video-modal .overlay {
    opacity: 1
}

.show-video-modal .video-modal-content {
    transform: translate(0,0)
}

@media(min-width: 1024px) {
    .video .breadcrumbs {
        display:none
    }
}

.glossary-block {
    display: flex;
    flex-direction: column
}

.glossary-block .glossary-foreach {
    order: 2;
    max-height: 500px;
    overflow-y: scroll;
    position: relative
}

.glossary-block .alphabet {
    margin-top: 16px;
    margin-bottom: 44px;
    order: 1;
    display: flex;
    flex-wrap: wrap
}

.glossary-block .alphabet .item {
    text-transform: uppercase;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    cursor: not-allowed;
    justify-content: center;
    border-radius: 4px;
    transition: .2s
}

.glossary-block .alphabet .item.disabled {
    color: RGB(var(--color-main-40))
}

.glossary-block .alphabet .item.active {
    cursor: pointer;
    color: RGB(var(--color-blue))
}

.glossary-block .alphabet .item.active:hover {
    background-color: RGBA(var(--color-blue),.2)
}

.glossary-block .alphabet .item.selected {
    background-color: RGBA(var(--color-blue));
    color: RGB(var(--color-white))
}

.glossary-block .alphabet .item.selected:hover {
    background-color: RGBA(var(--color-blue))
}

.glossary-card {
    margin-bottom: 32px;
    color: RGB(var(--color-black))
}

.glossary-card .glossary-title {
    margin-bottom: 8px
}

.glossary-card .glossary-content a {
    color: rgb(var(--color-blue))
}

.audio__item {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    column-gap: 16px;
    background: #fff;
    border-radius: 8px;
    padding-left: 16px;
    padding-right: 24px
}

.audio__item.play .audio__button-play {
    opacity: 0
}

.audio__item.play .audio__button-pause {
    opacity: 1
}

.audio__item.play .audio__timer {
    font-weight: 600;
    color: RGB(var(--color-blue))
}

.audio__item.play .audio__progressbar {
    opacity: 1;
    pointer-events: all
}

.audio__item.pause .audio__button-play {
    opacity: 1
}

.audio__item.pause .audio__button-pause {
    opacity: 0
}

.audio__item audio {
    position: absolute
}

.audio__content {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 32px;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 2px solid RGB(var(--color-base-lighten))
}

.audio__button {
    position: relative;
    width: 32px;
    height: 32px;
    background-color: rgba(72,123,254,.2);
    border-radius: 50%;
    cursor: pointer;
    transition: .4s
}

.audio__button:hover {
    background-color: rgba(72,123,254,.3)
}

.audio__button-pause,.audio__button-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: .3s all;
    line-height: 0
}

.audio__button-pause {
    opacity: 0
}

.audio__title {
    color: RGB(var(--color-base-darkest));
    font-size: 16px;
    margin-bottom: 4px
}

.audio__desc {
    color: RGB(var(--color-main-80))
}

.audio__controls {
    display: grid;
    grid-template-columns: repeat(2,max-content);
    align-items: center;
    column-gap: 16px
}

.audio__progressbar {
    position: relative;
    width: 144px;
    height: 4px;
    border-radius: 1px;
    overflow: hidden;
    background-color: rgba(72,123,254,.1);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: .3s all
}

.audio__progressbar-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    background-color: RGB(var(--color-blue));
    border-radius: 1px;
    cursor: pointer;
    transition: .3s all
}

.audio__timer {
    min-width: 40px;
    text-align: left;
    color: RGB(var(--color-base-dark));
    transition: .3s all
}

.audio__controls_timer {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end
}

.audio__controls_timer__icon {
    max-width: 16px;
    height: auto;
    line-height: 0
}

.audio__item.play .audio__controls_timer .audio__icon {
    display: none
}

@media(min-width: 768px) {
    .audio__content {
        grid-template-columns:1fr max-content
    }
}

.search-page {
    margin-top: 32px
}

.search-page .history {
    justify-self: self-end;
    margin-top: 4px;
    margin-right: 9px;
    display: none
}

.search-page .history img {
    cursor: pointer
}

.search-page .history.mobile {
    margin-top: 0;
    display: block
}

@media(min-width: 1024px) {
    .search-page .history {
        display:block
    }

    .search-page .history.mobile {
        display: none
    }
}

.search-page .page-title {
    color: RGB(var(--color-base-darkest));
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    margin-left: 0;
    text-transform: inherit
}

.search-page .not-found-description {
    color: RGB(var(--color-base-darkest));
    margin-bottom: 24px
}

.search-page .search-item {
    margin-bottom: 44px
}

.search-page .search-wrapper {
    margin-bottom: 24px
}

@media(min-width: 768px) {
    .search-page .search-wrapper {
        margin-bottom:32px
    }
}

.search-page .search-wrapper[data-type=post] {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr
}

.search-page .search-wrapper[data-type=post] .article-card .article-image {
    height: 152px
}

@media(min-width: 768px) {
    .search-page .search-wrapper[data-type=post] {
        grid-template-columns:repeat(3,1fr)
    }
}

.search-page .search-wrapper[data-type=video] {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px
}

.search-page .search-wrapper[data-type=video] .article-card .article-image {
    height: 176px
}

.search-page .search-wrapper[data-type=video] .article-card .article-image lui-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 1
}

@media(min-width: 768px) {
    .search-page .search-wrapper[data-type=video] {
        grid-template-columns:repeat(2,1fr)
    }
}

.search-page .search-wrapper[data-type=test] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 16px
}

.search-page .search-wrapper[data-type=test] .article-card .article-image {
    height: 152px
}

.search-page .search-wrapper[data-type=webinar] {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px
}

@media(min-width: 768px) {
    .search-page .search-wrapper[data-type=webinar] {
        grid-template-columns:repeat(2,1fr)
    }
}

.search-page .search-wrapper[data-type=webinar] .article-card .article-image {
    height: 152px
}

.search-page .search-item-title {
    color: RGB(var(--color-base-darkest));
    text-transform: uppercase
}

.search-page .search-item-count {
    color: RGB(var(--color-base-dark));
    margin-bottom: 16px
}

.leave-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    transition: .3s all
}

.leave-modal__hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.leave-modal__back {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: RGB(var(--color-base-darkest),.5)
}

.leave-modal__window {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 8px;
    background-color: RGB(var(--color-base-lightest));
    max-width: 100vw;
    padding: 24px 23px
}

@media(min-width: 768px) {
    .leave-modal__window {
        padding:24px 72px
    }
}

.leave-modal__title {
    color: RGB(var(--color-base-darkest));
    text-align: center;
    margin-bottom: 24px
}

.leave-modal__buttons {
    display: grid;
    grid-template-columns: repeat(2,max-content);
    column-gap: 16px;
    justify-content: center
}

.leave-modal__buttons lui-button {
    height: 40px!important
}

.leave-modal__cancel {
    min-width: 112px!important
}

.leave-modal__open {
    min-width: 136px!important;
    color: RGB(var(--color-white))!important;
    background-color: RGB(var(--color-blue))!important
}

.leave-modal__close {
    position: absolute;
    top: 11px;
    right: 11px;
    cursor: pointer;
    color: RGB(var(--color-base-medium-darken))
}

@media(min-width: 768px) {
    .leave-modal__close {
        top:16px;
        right: 16px
    }
}

.leave-modal__vip .leave-modal__back {
    background-color: RGBA(var(--color-base-darkest),.7)
}

.leave-modal__vip .leave-modal__window {
    background-color: RGB(var(--color-base-darken))
}

.leave-modal__vip .leave-modal__title {
    color: RGB(var(--color-base-lightest))
}

.leave-modal__vip lui-button.leave-modal__cancel {
    color: RGB(var(--color-base-light));
    border-color: RGB(var(--color-base-medium-darken))
}

.leave-modal__vip .leave-modal__open {
    background-color: RGB(var(--color-yellow))!important;
    color: RGB(var(--color-base-darkest))!important
}

.webinar-video {
    margin: 44px 0
}

.webinar-timing {
    margin: 44px 0 64px
}

.webinar-timing .timing-element {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 8px;
    margin-bottom: 12px
}

.webinar-timing .timing-element .timing-time {
    cursor: pointer;
    color: RGB(var(--color-blue))
}

.webinar-timing .timing-element .timing-time:hover {
    text-decoration: underline
}

.webinar-timing .timing-element .timing-description {
    color: RGB(var(--color-base-dark))
}

lui-button.button-load-more[fill=hollow] {
    display: block;
    width: 100%;
    height: var(--height-md-l)
}

lui-button.button-load-more[fill=hollow] lui-preloader {
    display: none
}

lui-button.button-load-more[fill=hollow][preloader=true] .load-more-text {
    display: none
}

lui-button.button-load-more[fill=hollow][preloader=true] lui-preloader {
    display: flex
}

@media(min-width: 768px) {
    lui-button.button-load-more[fill=hollow] {
        max-width:calc(50% - 4px);
        margin: 0 auto
    }
}

@media(min-width: 1024px) {
    lui-button.button-load-more[fill=hollow] {
        min-width:151px;
        max-width: 151px;
        margin-left: 0
    }
}

a.blog__button {
    display: block;
    border-radius: 8px;
    padding: 14px 24px;
    text-align: center;
    font-size: 14px;
    cursor: pointer
}

a.blog__button--yellow {
    color: RGB(var(--color-black));
    background: RGB(var(--color-yellow))
}

a.blog__button--yellow:hover {
    background-color: RGB(var(--color-yellow-second))
}

a.blog__button--blue {
    color: RGB(var(--color-white));
    background: RGB(var(--color-blue))
}

a.blog__button--blue:hover {
    background-color: RGB(var(--color-base-darkest))
}

@media(min-width: 768px) {
    a.blog__button {
        display:inline-block
    }
}