@font-face {
    font-display: swap;
    font-family: Inter;
    font-weight: 300;
    src: url(/v2026/assets/fonts/inter-300.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-weight: 400;
    src: url(/v2026/assets/fonts/inter-400.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-weight: 500;
    src: url(/v2026/assets/fonts/inter-500.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-weight: 600;
    src: url(/v2026/assets/fonts/inter-600.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-weight: 700;
    src: url(/v2026/assets/fonts/inter-700.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-weight: 800;
    src: url(/v2026/assets/fonts/inter-800.woff2) format("woff2");
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-weight: 900;
    src: url(/v2026/assets/fonts/inter-900.e7eb7b67.woff2) format("woff2");
}
:root {
    --ctw-mob-width: 100%;
    --ctw-tab-width: 100%;
    --ctw-desk-width: 1260px;
    --ctw-mob-side-padding: 16px;
    --ctw-tab-side-padding: 16px;
    --ctw-desk-side-padding: 0;
    --ctw-mob-side-padding-8: 8px;
    --ctw-tab-side-padding-8: 8px;
    --ctw-desk-side-padding-8: 0;
    --ctw-mob-side-padding-20: 20px;
    --ctw-tab-side-padding-20: 20px;
    --ctw-desk-side-padding-20: 0;
    --base-font-size: 16;
    --f-size-8: 8;
    --f-size-12: 12;
    --f-size-14: 14;
    --f-size-16: 16;
    --f-size-18: 18;
    --f-size-20: 20;
    --f-size-22: 22;
    --f-size-24: 24;
    --f-size-28: 28;
    --f-size-32: 32;
    --f-size-36: 36;
    --f-family-main: "Inter";
    --f-fallback-main: system-ui;
    --f-weight-300: 300;
    --f-weight-400: 400;
    --f-weight-500: 500;
    --f-weight-600: 600;
    --f-weight-700: 700;
    --f-weight-800: 800;
    --f-weight-900: 900;
    --l-height-1: 1;
    --l-height-1_09: 1.09;
    --l-height-1_11: 1.11;
    --l-height-1_25: 1.25;
    --l-height-1_33: 1.33;
    --l-height-1_42: 1.42;
    --l-height-1_5: 1.5;
    --l-height-1_66: 1.66;
    --l-height-1_71: 1.71;
    --l-height-2: 2;
    --transition-duration-200: 200ms;
    --transition-duration-250: 250ms;
    --transition-duration-300: 300ms;
    --transition-duration-400: 400ms;
    --transition-timing: ease-in-out;
    --total-white: #fff;
    --total-black: #000;
    --color-text-main: #1c2130;
    --color-text-light: #727ea0a3;
    --color-text-importless: #666f8a;
    --color-text-important: #0057ff;
    --color-text-caption: #0057ff;
    --color-bg-primary: #666f8a;
    --color-bg-field-main: #ccd4ec33;
    --color-bg-field-second: #eef1f8;
    --color-bg-field-hover: #ccd4ec52;
    --color-bg-overlay: #1c21301f;
    --color-bg-transparent-icon: #0057ff1f;
    --color-bg-transparent-icon-hover: #0057ff33;
    --color-bg-button-hover: #ccd4ec33;
    --color-border-main: #727ea01f;
    --color-border-secondary: #868da21f;
    --border-4: 4px;
    --border-6: 6px;
    --border-8: 8px;
    --border-12: 12px;
    --border-16: 16px;
    --border-20: 20px;
    --border-50: 50%;
}
* {
    box-sizing: border-box;
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(14 / var(--base-font-size) * 1rem);
    margin: 0;
    overflow-x: hidden;
}
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
}
main {
    display: block;
}
h1 {
    font-size: 2em;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
    text-decoration: none;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
    display: block;
    max-width: 100%;
}
svg {
    overflow: hidden;
}
input {
    background-color: transparent;
    background-image: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal {
    display: none;
    height: 0;
    width: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
button {
    background: none;
    margin: 0;
    padding: 0;
}
button,
button:active,
button:focus,
input,
input:active,
input:focus,
label,
label:active,
label:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
}
button,
select {
    text-transform: none;
}
button {
    border: none;
    cursor: pointer;
    outline: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    appearance: button;
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    appearance: textfield;
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
[hidden],
template {
    display: none;
}
ol,
ul {
    list-style: none;
    padding: 0;
}
blockquote,
ol,
ul {
    margin: 0;
}
.g-2 {
    gap: 2px;
}
.g-4 {
    gap: 4px;
}
.g-6 {
    gap: 6px;
}
.g-8 {
    gap: 8px;
}
.g-12 {
    gap: 12px;
}
.g-16 {
    gap: 16px;
}
.g-20 {
    gap: 20px;
}
.g-26 {
    gap: 26px;
}
.g-32 {
    gap: 32px;
}
.ms-1 {
    margin-inline-start: 1px;
}
.me-1 {
    margin-inline-end: 1px;
}
.mx-1 {
    margin-inline: 1px;
}
.ms-3 {
    margin-inline-start: 3px;
}
.me-3 {
    margin-inline-end: 3px;
}
.mx-3 {
    margin-inline: 3px;
}
.ms-4 {
    margin-inline-start: 4px;
}
.me-4 {
    margin-inline-end: 4px;
}
.mx-4 {
    margin-inline: 4px;
}
.ms-6 {
    margin-inline-start: 6px;
}
.me-6 {
    margin-inline-end: 6px;
}
.mx-6 {
    margin-inline: 6px;
}
.ms-8 {
    margin-inline-start: 8px;
}
.me-8 {
    margin-inline-end: 8px;
}
.mx-8 {
    margin-inline: 8px;
}
.ms-12 {
    margin-inline-start: 12px;
}
.me-12 {
    margin-inline-end: 12px;
}
.mx-12 {
    margin-inline: 12px;
}
.ms-20 {
    margin-inline-start: 20px;
}
.me-20 {
    margin-inline-end: 20px;
}
.mx-20 {
    margin-inline: 20px;
}
.ms-24 {
    margin-inline-start: 24px;
}
.me-24 {
    margin-inline-end: 24px;
}
.mx-24 {
    margin-inline: 24px;
}
.ms-auto {
    margin-inline-start: auto;
}
.me-auto {
    margin-inline-end: auto;
}
.mt-3 {
    margin-block-start: 3px;
}
.mb-3 {
    margin-block-end: 3px;
}
.my-3 {
    margin-block: 3px;
}
.mt-4 {
    margin-block-start: 4px;
}
.mb-4 {
    margin-block-end: 4px;
}
.my-4 {
    margin-block: 4px;
}
.mt-8 {
    margin-block-start: 8px;
}
.mb-8 {
    margin-block-end: 8px;
}
.my-8 {
    margin-block: 8px;
}
.mt-12 {
    margin-block-start: 12px;
}
.mb-12 {
    margin-block-end: 12px;
}
.my-12 {
    margin-block: 12px;
}
.mt-16 {
    margin-block-start: 16px;
}
.mb-16 {
    margin-block-end: 16px;
}
.my-16 {
    margin-block: 16px;
}
.mt-20 {
    margin-block-start: 20px;
}
.mb-20 {
    margin-block-end: 20px;
}
.my-20 {
    margin-block: 20px;
}
.mt-24 {
    margin-block-start: 24px;
}
.mb-24 {
    margin-block-end: 24px;
}
.my-24 {
    margin-block: 24px;
}
.mt-28 {
    margin-block-start: 28px;
}
.mb-28 {
    margin-block-end: 28px;
}
.my-28 {
    margin-block: 28px;
}
.mt-30 {
    margin-block-start: 30px;
}
.mb-30 {
    margin-block-end: 30px;
}
.my-30 {
    margin-block: 30px;
}
.mt-32 {
    margin-block-start: 32px;
}
.mb-32 {
    margin-block-end: 32px;
}
.my-32 {
    margin-block: 32px;
}
.mt-40 {
    margin-block-start: 40px;
}
.mb-40 {
    margin-block-end: 40px;
}
.my-40 {
    margin-block: 40px;
}
.p-0 {
    padding: 0;
}
.pt-0 {
    padding-block-start: 0;
}
.pb-0 {
    padding-block-end: 0;
}
.ps-0 {
    padding-inline-start: 0;
}
.pe-0 {
    padding-inline-end: 0;
}
.px-0 {
    padding-inline: 0;
}
.py-0 {
    padding-block: 0;
}
.p-2 {
    padding: 2px;
}
.pt-2 {
    padding-block-start: 2px;
}
.pb-2 {
    padding-block-end: 2px;
}
.py-2 {
    padding-block: 2px;
}
.p-4 {
    padding: 4px;
}
.p-7 {
    padding: 7px;
}
.pt-7 {
    padding-block-start: 7px;
}
.pb-7 {
    padding-block-end: 7px;
}
.ps-7 {
    padding-inline-start: 7px;
}
.pe-7 {
    padding-inline-end: 7px;
}
.px-7 {
    padding-inline: 7px;
}
.py-7 {
    padding-block: 7px;
}
.p-8 {
    padding: 8px;
}
.p-10 {
    padding: 10px;
}
.p-12 {
    padding: 12px;
}
.pt-12 {
    padding-block-start: 12px;
}
.pb-12 {
    padding-block-end: 12px;
}
.py-12 {
    padding-block: 12px;
}
.p-16 {
    padding: 16px;
}
.p-20 {
    padding: 20px;
}
.p-24 {
    padding: 24px;
}
.ps-24 {
    padding-inline-start: 24px;
}
.pe-24 {
    padding-inline-end: 24px;
}
.px-24 {
    padding-inline: 24px;
}
.p-32 {
    padding: 32px;
}
.ps-32 {
    padding-inline-start: 32px;
}
.pe-32 {
    padding-inline-end: 32px;
}
.px-32 {
    padding-inline: 32px;
}
.ps-2 {
    padding-inline-start: 2px;
}
.pe-2 {
    padding-inline-end: 2px;
}
.px-2 {
    padding-inline: 2px;
}
.ps-4 {
    padding-inline-start: 4px;
}
.pe-4 {
    padding-inline-end: 4px;
}
.px-4 {
    padding-inline: 4px;
}
.ps-6 {
    padding-inline-start: 6px;
}
.pe-6 {
    padding-inline-end: 6px;
}
.px-6 {
    padding-inline: 6px;
}
.ps-8 {
    padding-inline-start: 8px;
}
.pe-8 {
    padding-inline-end: 8px;
}
.px-8 {
    padding-inline: 8px;
}
.ps-10 {
    padding-inline-start: 10px;
}
.pe-10 {
    padding-inline-end: 10px;
}
.px-10 {
    padding-inline: 10px;
}
.ps-12 {
    padding-inline-start: 12px;
}
.pe-12 {
    padding-inline-end: 12px;
}
.px-12 {
    padding-inline: 12px;
}
.ps-16 {
    padding-inline-start: 16px;
}
.pe-16 {
    padding-inline-end: 16px;
}
.px-16 {
    padding-inline: 16px;
}
.ps-20 {
    padding-inline-start: 20px;
}
.pe-20 {
    padding-inline-end: 20px;
}
.px-20 {
    padding-inline: 20px;
}
.ps-36 {
    padding-inline-start: 36px;
}
.pe-36 {
    padding-inline-end: 36px;
}
.px-36 {
    padding-inline: 36px;
}
.ps-44 {
    padding-inline-start: 44px;
}
.pe-44 {
    padding-inline-end: 44px;
}
.px-44 {
    padding-inline: 44px;
}
.pt-4 {
    padding-block-start: 4px;
}
.pb-4 {
    padding-block-end: 4px;
}
.py-4 {
    padding-block: 4px;
}
.pt-6 {
    padding-block-start: 6px;
}
.pb-6 {
    padding-block-end: 6px;
}
.py-6 {
    padding-block: 6px;
}
.pt-8 {
    padding-block-start: 8px;
}
.pb-8 {
    padding-block-end: 8px;
}
.py-8 {
    padding-block: 8px;
}
.pt-9 {
    padding-block-start: 9px;
}
.pb-9 {
    padding-block-end: 9px;
}
.py-9 {
    padding-block: 9px;
}
.pt-10 {
    padding-block-start: 10px;
}
.pb-10 {
    padding-block-end: 10px;
}
.py-10 {
    padding-block: 10px;
}
.pt-16 {
    padding-block-start: 16px;
}
.pb-16 {
    padding-block-end: 16px;
}
.py-16 {
    padding-block: 16px;
}
.pt-20 {
    padding-block-start: 20px;
}
.pb-20 {
    padding-block-end: 20px;
}
.py-20 {
    padding-block: 20px;
}
.pt-24 {
    padding-block-start: 24px;
}
.pb-24 {
    padding-block-end: 24px;
}
.py-24 {
    padding-block: 24px;
}
.pt-32 {
    padding-block-start: 32px;
}
.pb-32 {
    padding-block-end: 32px;
}
.py-32 {
    padding-block: 32px;
}
.pt-40 {
    padding-block-start: 40px;
}
.pb-40 {
    padding-block-end: 40px;
}
.py-40 {
    padding-block: 40px;
}
.fl {
    display: flex;
}
.fl_ac {
    align-items: center;
}
.fl_jc {
    justify-content: center;
}
.fl_c {
    align-items: center;
    display: flex;
}
.fl_c_c_w,
.fl_c_w {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
.fl_c_c_w {
    justify-content: center;
}
.fl_c_col,
.fl_col {
    display: flex;
    flex-direction: column;
}
.fl_c_col {
    align-items: center;
}
.fl_sb_col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.fl_c_c {
    justify-content: center;
}
.fl_c_c,
.fl_c_sb {
    align-items: center;
    display: flex;
}
.fl_c_sb {
    justify-content: space-between;
}
.fl_st_sb {
    align-items: start;
}
.fl_s_sb,
.fl_st_sb {
    display: flex;
    justify-content: space-between;
}
.fl_s_sb {
    align-items: stretch;
}
.fl_c_sa {
    align-items: center;
    display: flex;
    justify-content: space-around;
}
.fl_sb {
    display: flex;
    justify-content: space-between;
}
.fl_sa {
    display: flex;
    justify-content: space-around;
}
.fl_s {
    align-items: flex-start;
    display: flex;
}
.content__wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--ctw-mob-side-padding);
    padding-right: var(--ctw-mob-side-padding);
    width: var(--ctw-mob-width);
}
@media screen and (min-width: 768px) {
    .content__wrapper {
        padding-left: var(--ctw-tab-side-padding);
        padding-right: var(--ctw-tab-side-padding);
        width: var(--ctw-tab-width);
    }
}
@media screen and (min-width: 1260px) {
    .content__wrapper {
        padding-left: var(--ctw-desk-side-padding);
        padding-right: var(--ctw-desk-side-padding);
        width: var(--ctw-desk-width);
    }
}
.content__wrapper-8 {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--ctw-mob-side-padding-8);
    padding-right: var(--ctw-mob-side-padding-8);
    width: var(--ctw-mob-width);
}
@media screen and (min-width: 768px) {
    .content__wrapper-8 {
        padding-left: var(--ctw-tab-side-padding-8);
        padding-right: var(--ctw-tab-side-padding-8);
        width: var(--ctw-tab-width);
    }
}
@media screen and (min-width: 1260px) {
    .content__wrapper-8 {
        padding-left: var(--ctw-desk-side-padding-8);
        padding-right: var(--ctw-desk-side-padding-8);
        width: var(--ctw-desk-width);
    }
}
.content__wrapper-20 {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--ctw-mob-side-padding-20);
    padding-right: var(--ctw-mob-side-padding-20);
    width: var(--ctw-mob-width);
}
@media screen and (min-width: 768px) {
    .content__wrapper-20 {
        padding-left: var(--ctw-tab-side-padding-20);
        padding-right: var(--ctw-tab-side-padding-20);
        width: var(--ctw-tab-width);
    }
}
@media screen and (min-width: 1260px) {
    .content__wrapper-20 {
        padding-left: var(--ctw-desk-side-padding-20);
        padding-right: var(--ctw-desk-side-padding-20);
        width: var(--ctw-desk-width);
    }
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.fixed {
    position: fixed;
}
.w-100 {
    width: 100%;
}
.block {
    display: block;
}
.text-center {
    text-align: center;
}
html {
    scrollbar-gutter: stable;
}
.line-clamp-1 {
    -webkit-line-clamp: 1;
    line-clamp: 1;
}
.line-clamp-1,
.line-clamp-2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.line-clamp-2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
.line-clamp-3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
.line-clamp-3,
.line-clamp-4 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.line-clamp-4 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
}
.section-title {
    color: var(--color-text-main);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-22) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-700);
    letter-spacing: -0.22px;
    line-height: var(--l-height-1_09);
    margin-block-end: 20px;
    margin-inline-start: 4px;
}
@media screen and (min-width: 768px) {
    .section-title {
        margin-block-end: 24px;
    }
}
.meta-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 149 44'%3E%3Cpath fill='%230057ff' fill-rule='evenodd' d='m6.246 22 9.887-19.532L11.136 0 0 22l11.136 22 4.997-2.468zM141.886 22 132 41.532 136.997 44l11.136-22-11.136-22L132 2.468z' clip-rule='evenodd'/%3E%3Cpath fill='%231c2130' d='M74.465 8.733q2.733 0 5 .851a10.75 10.75 0 0 1 3.917 2.517q1.65 1.666 2.566 4.116.917 2.433.917 5.583v2.034H69.798v.216q0 1.566.617 2.75a4.45 4.45 0 0 0 1.75 1.817q1.133.65 2.7.65 1.083 0 1.966-.3a4.2 4.2 0 0 0 1.518-.883q.633-.583.949-1.434l7.483.217q-.466 2.517-2.05 4.383-1.566 1.85-4.116 2.884-2.55 1.016-5.9 1.016-4.017 0-6.934-1.583-2.9-1.6-4.467-4.55-1.55-2.967-1.55-7.05.001-3.967 1.568-6.934 1.566-2.982 4.416-4.633 2.85-1.666 6.717-1.667m42.599 0q2.45.001 4.517.584 2.067.567 3.6 1.666 1.533 1.085 2.367 2.667.849 1.583.849 3.617v17.4h-7.667v-3.566h-.2a7.3 7.3 0 0 1-1.749 2.199q-1.05.9-2.483 1.35-1.418.45-3.2.45-2.45 0-4.351-.817-1.882-.833-2.982-2.5-1.083-1.683-1.084-4.216 0-2.133.75-3.6a6.4 6.4 0 0 1 2.066-2.383q1.317-.917 3.034-1.384a19.7 19.7 0 0 1 3.666-.65q2.184-.2 3.517-.416 1.333-.234 1.933-.65.617-.434.617-1.217v-.083q0-1.284-.883-1.984-.884-.7-2.384-.7-1.617 0-2.6.7t-1.25 1.934l-7.516-.267a8.9 8.9 0 0 1 1.717-4.167q1.4-1.85 3.833-2.9 2.45-1.067 5.883-1.067m-18.08.334h4.616v6h-4.617v11.55q0 .75.234 1.217.25.45.717.65.467.182 1.116.183.467 0 .983-.083.533-.1.8-.167l1.233 5.883q-.582.166-1.649.417-1.05.25-2.518.316-2.866.133-4.916-.666-2.033-.816-3.117-2.533-.999-1.61-1.033-3.995V15.067H87.45v-6h3.383V2.934h8.15zm-47.575-.334q3.633 0 5.9 2.334 2.265 2.317 2.266 6.367v17.233h-8.15V19.3q0-1.917-.983-2.916-.983-1.017-2.55-1.017-1.683 0-2.65 1.1-.95 1.084-.95 2.917v15.283h-7.833v-15.45q0-1.783-.967-2.817-.966-1.033-2.55-1.033-1.066 0-1.883.517-.818.5-1.284 1.433-.45.933-.449 2.2v15.15h-8.15v-25.6h7.75v4.7h.283q.8-2.334 2.7-3.683 1.9-1.35 4.533-1.35 2.667 0 4.567 1.367 1.9 1.365 2.417 3.666h.266q.717-2.283 2.8-3.65 2.084-1.384 4.917-1.384m68.905 14.4a5 5 0 0 1-.85.334q-.483.15-1.067.283-.583.134-1.2.233-.617.1-1.183.184-1.15.183-1.966.566-.8.384-1.234 1-.416.6-.417 1.434 0 1.267.901 1.934.917.666 2.316.666 1.317 0 2.366-.534a4.4 4.4 0 0 0 1.701-1.466q.633-.95.633-2.2zm-45.682-8.516q-1.367 0-2.45.616-1.084.6-1.717 1.65-.6.982-.66 2.218h9.476q-.015-1.3-.616-2.318a4.2 4.2 0 0 0-1.65-1.583q-1.034-.583-2.383-.583'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 148 44;
    display: block;
    height: 44px;
    width: 148px;
}
.overflow-hidden {
    overflow: hidden;
}
.fl_col_c_c {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.mobile .header-top {
    background-color: var(--total-white);
    box-shadow: 0 2px 72px 0 rgba(66, 79, 119, 0.12);
}
@media screen and (max-width: 1024px) {
    .mobile .header-top__wrapper {
        padding-right: 44px;
    }
}
.mobile .header-top__burger {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%230157ff' d='M7 22h18v-2H7zm0-5h18v-2H7zm0-7v2h18v-2z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    display: block;
    height: 32px;
    min-width: 32px;
    width: 32px;
}
.mobile .header-top__logo {
    display: block;
    margin: 0 auto;
}
.mobile .header-top__profile {
    background-color: var(--color-bg-transparent-icon);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230057ff' d='M12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12m-8 8v-2.8q0-.85.438-1.562.437-.713 1.162-1.088a14.8 14.8 0 0 1 3.15-1.163A13.8 13.8 0 0 1 12 13q1.65 0 3.25.387 1.6.388 3.15 1.163.724.375 1.163 1.087Q20 16.35 20 17.2V20z'/%3E%3C/svg%3E");
    background-position: 6px 5px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border-radius: var(--border-50);
    display: block;
    height: 36px;
    min-width: 36px;
    overflow: hidden;
    position: absolute;
    right: 8px;
    top: 6px;
    width: 36px;
}
@media screen and (min-width: 1024px) {
    .mobile .header-top__profile {
        position: unset;
    }
}
@media screen and (max-width: 768px) {
    body.active-menu .header-top__burger {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230057ff' d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 24px 24px;
        display: block;
    }
}
@media screen and (min-width: 1024px) {
    .header-top__list-item a {
        border-radius: var(--border-6);
        padding: 8px;
    }
    .header-top__list-item a:hover {
        background-color: var(--color-bg-button-hover);
    }
    .header-top__list-item a {
        color: var(--color-text-main);
        font-family: var(--f-family-main), var(--f-fallback-main);
        font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
        font-weight: var(--f-weight-500);
        line-height: var(--l-height-1_66);
        -webkit-transition: background-color var(--transition-duration-200) var(--transition-timing);
        transition: background-color var(--transition-duration-200) var(--transition-timing);
    }
}
.settings__language-button,
.settings__location {
    border-radius: var(--border-6);
}
.settings__language-button:hover,
.settings__location:hover {
    background-color: var(--color-bg-button-hover);
}
.settings__language-button,
.settings__location {
    color: var(--color-text-main);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-500);
    line-height: var(--l-height-1_66);
    -webkit-transition: background-color var(--transition-duration-200) var(--transition-timing);
    transition: background-color var(--transition-duration-200) var(--transition-timing);
}
.settings__location:after,
.settings__location:before {
    content: "";
    height: 20px;
    margin-right: 2px;
    min-width: 20px;
    width: 20px;
}
.settings__location:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23a1a9c1' d='m10.75 17.5-2.375-5.875L2.5 9.25V8.083l15-5.583-5.583 15z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
}
.settings__location:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%230057ff' d='m10.75 17.5-2.375-5.875L2.5 9.25V8.083l15-5.583-5.583 15z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
    left: 4px;
    opacity: 0;
    position: absolute;
    top: 4px;
    -webkit-transition: opacity var(--transition-duration-200) var(--transition-timing);
    transition: opacity var(--transition-duration-200) var(--transition-timing);
}
.settings__location:after:hover {
    opacity: 1;
}
.settings__location a {
    color: var(--color-text-main);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-500);
    line-height: var(--l-height-1_66);
}
body.ready .settings__language-list {
    -webkit-transition: transform var(--transition-duration-200) var(--transition-timing);
    transition: transform var(--transition-duration-200) var(--transition-timing);
}
.settings__language-button:before {
    content: "";
    display: block;
    height: 20px;
    margin-right: 6px;
    min-width: 20px;
    width: 20px;
}
.settings__language-button.uk:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%234b99f5' d='M1.668 3.667a2 2 0 0 1 2-2h12.667a2 2 0 0 1 2 2V10H1.668z'/%3E%3Cpath fill='%23ffd90f' d='M1.668 10h16.667v6.333a2 2 0 0 1-2 2H3.668a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}
.settings__language-button.ru:before,
.settings__language-button.uk:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
}
.settings__language-button.ru:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23ccd4ec' fill-opacity='.2' d='M1.668 3.667a2 2 0 0 1 2-2h12.667a2 2 0 0 1 2 2V10H1.668zM1.668 10h16.667v6.333a2 2 0 0 1-2 2H3.668a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}
.settings__language-button:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%231c2130' d='M8.001 10 4.668 6.684h6.667z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    display: block;
    height: 16px;
    min-width: 16px;
    -webkit-transition: transform var(--transition-duration-200) var(--transition-timing);
    transition: transform var(--transition-duration-200) var(--transition-timing);
    width: 16px;
}
.settings__language-button.js-active:after {
    transform: rotate(180deg);
}
.settings__language-list {
    background-color: var(--total-white);
    border-radius: var(--border-8);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    transform: translate(-6px, -50%) scaleY(0);
    width: 160px;
}
.settings__language-list.js-active {
    transform: translate(-6px, 4px) scaleY(1);
    z-index: 20;
}
.settings__language-item {
    align-items: center;
    display: flex;
    padding: 8px 16px 8px 10px;
}
.settings__language-item:hover {
    background-color: var(--color-bg-button-hover);
}
.settings__language-item {
    color: var(--color-text-main);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-500);
    line-height: var(--l-height-1_66);
    -webkit-transition: background-color var(--transition-duration-200) var(--transition-timing);
    transition: background-color var(--transition-duration-200) var(--transition-timing);
}
.settings__language-item[data-locale="ru"]:before,
.settings__language-item[data-locale="uk"]:before {
    content: "";
    display: block;
    height: 20px;
    margin-right: 6px;
    min-width: 20px;
    width: 20px;
}
.settings__language-item[data-locale="uk"]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%234b99f5' d='M1.668 3.667a2 2 0 0 1 2-2h12.667a2 2 0 0 1 2 2V10H1.668z'/%3E%3Cpath fill='%23ffd90f' d='M1.668 10h16.667v6.333a2 2 0 0 1-2 2H3.668a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
}
.settings__language-item[data-locale="ru"]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23ccd4ec' fill-opacity='.2' d='M1.668 3.667a2 2 0 0 1 2-2h12.667a2 2 0 0 1 2 2V10H1.668zM1.668 10h16.667v6.333a2 2 0 0 1-2 2H3.668a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
}
.desktop .header-top {
    background-color: var(--total-white);
}
.desktop .header-top__wrapper {
    justify-content: space-between;
}
@media screen and (max-width: 1024px) {
    .desktop .header-top__wrapper {
        padding-right: 44px;
    }
}
.desktop .header-top .settings,
.desktop .header-top__list,
.desktop .header-top__menu-trigger {
    display: none;
}
.desktop .header-top__burger {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath fill='%230157ff' d='M7 22h18v-2H7zm0-5h18v-2H7zm0-7v2h18v-2z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    display: block;
    height: 32px;
    min-width: 32px;
    width: 32px;
}
.desktop .header-top__logo {
    display: block;
    margin: 0 auto;
}
.desktop .header-top__profile {
    background-color: var(--color-bg-transparent-icon);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230057ff' d='M12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12m-8 8v-2.8q0-.85.438-1.562.437-.713 1.162-1.088a14.8 14.8 0 0 1 3.15-1.163A13.8 13.8 0 0 1 12 13q1.65 0 3.25.387 1.6.388 3.15 1.163.724.375 1.163 1.087Q20 16.35 20 17.2V20z'/%3E%3C/svg%3E");
    background-position: 6px 5px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border-radius: var(--border-50);
    cursor: pointer;
    display: block;
    height: 36px;
    min-width: 36px;
    overflow: hidden;
    position: absolute;
    right: 8px;
    top: 6px;
    width: 36px;
}
@media screen and (min-width: 1024px) {
    .desktop .header-top__profile {
        margin-left: auto;
        position: unset;
    }
}
@media screen and (max-width: 1024px) {
    .desktop .header-top {
        box-shadow: 0 2px 72px 0 rgba(66, 79, 119, 0.12);
    }
}
@media screen and (min-width: 1024px) {
    .desktop .header-top {
        border-bottom: 1px solid var(--color-border-main);
    }
    .desktop .header-top__wrapper {
        justify-content: unset;
    }
    .desktop .header-top__burger,
    .desktop .header-top__logo {
        display: none;
    }
    .desktop .header-top .settings,
    .desktop .header-top__list,
    .desktop .header-top__menu-trigger {
        display: flex;
    }
    .desktop .header-top__menu-trigger {
        border-radius: 6px;
        color: var(--color-text-main);
        flex-shrink: 0;
        font-family: var(--f-family-main), var(--f-fallback-main);
        font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
        font-weight: var(--f-weight-500);
        line-height: var(--l-height-1_66);
        -webkit-transition: background-color var(--transition-duration-200) var(--transition-timing);
        transition: background-color var(--transition-duration-200) var(--transition-timing);
    }
    .desktop .header-top__menu-trigger:hover {
        background-color: var(--color-bg-button-hover);
    }
    .desktop .header-top__menu-trigger:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%230157ff' d='M9.167 10.833H2.5V17.5h6.667zM2.5 2.5v6.667h6.667V2.5zm15 0h-6.667v6.667H17.5z'/%3E%3Cpath fill='%23adc9ff' d='m18.592 13.883-4.708-4.716-4.717 4.716 4.717 4.717z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        content: "";
        display: block;
        height: 20px;
        margin-right: var(--border-6);
        min-width: 20px;
        width: 20px;
    }
    .desktop .header-top__menu-trigger:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%231c2130' d='M8.001 10 4.668 6.684h6.667z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        content: "";
        display: block;
        height: 16px;
        min-width: 16px;
        -webkit-transition: transform var(--transition-duration-200) var(--transition-timing);
        transition: transform var(--transition-duration-200) var(--transition-timing);
        width: 16px;
    }
}
body.active-menu {
    overflow-y: hidden;
}
body.active-menu .header-top__menu-trigger:after {
    transform: rotate(180deg);
}
.header-bottom__search {
    overflow: hidden;
    width: 100%;
}
@media screen and (min-width: 1024px) {
    .header-bottom__search {
        max-width: 660px;
    }
}
.header-bottom__search.is-overflow {
    position: relative;
}
.header-bottom__search.is-overflow:not(.caret-start).is-focused:before {
    background: linear-gradient(270deg, rgba(239, 241, 249, 0), #eff1f9);
    content: "";
    height: 100%;
    left: 16px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 12px;
    z-index: 1;
}
.header-bottom__search.is-overflow.is-focused.caret-start:after,
.header-bottom__search.is-overflow:not(.is-focused):after {
    background: linear-gradient(90deg, rgba(245, 246, 251, 0), #f5f6fb 93.75%);
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 148px;
    top: 0;
    width: 12px;
    z-index: 1;
}
.header-bottom__search.is-overflow.is-focused.caret-start:after,
.header-bottom__search.is-overflow:not(.is-focused):hover:after {
    background: linear-gradient(90deg, rgba(239, 241, 249, 0), #eff1f9);
}
.header-bottom__search:hover .header-bottom__search-bar {
    background-color: var(--color-bg-field-hover);
}
.header-bottom__search-bar {
    background-color: var(--color-bg-field-main);
    border-radius: var(--border-8);
    caret-color: var(--color-text-important);
    color: var(--color-text-main);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-16) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-400);
    height: 44px;
    line-height: var(--l-height-1_42);
    padding-right: 82px;
    width: 100%;
}
@media screen and (min-width: 768px) {
    .header-bottom__search-bar {
        font-size: 14px;
    }
}
@media screen and (min-width: 1024px) {
    .header-bottom__search-bar {
        padding-right: 148px;
    }
}
.header-bottom__search-bar::placeholder {
    color: var(--color-text-light);
}
.header-bottom__search-bar:focus {
    background-color: var(--color-bg-field-hover);
}
.header-bottom__search-nav {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
}
.header-bottom__search-nav:before {
    content: "";
    height: 100%;
    left: -16px;
    position: absolute;
    width: 16px;
}
.header-bottom__search-button {
    background: var(--color-text-important);
    border-radius: var(--border-8);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
    color: var(--total-white);
    height: 40px;
    min-width: 40px;
    padding: 0 8px;
    position: relative;
    -webkit-transition: background var(--transition-duration-200) var(--transition-timing);
    transition: background var(--transition-duration-200) var(--transition-timing);
    width: 40px;
    z-index: 9;
}
.header-bottom__search-button:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M17 9.5a6.5 6.5 0 1 0-6.5 6.5c1.406 0 2.713-.45 3.781-1.217L15 15.5l5 4.99L21.49 19l-4.99-5-.718-.717A6.46 6.46 0 0 0 17 9.5m-11 0c0 2.49 2.01 4.5 4.5 4.5S15 11.99 15 9.5 12.99 5 10.5 5 6 7.01 6 9.5' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    content: "";
    display: block;
    height: 24px;
    min-width: 24px;
    width: 24px;
}
.header-bottom__search-button span {
    display: none;
}
@media screen and (min-width: 768px) {
    .header-bottom__search-button {
        color: var(--total-white);
        font-family: var(--f-family-main), var(--f-fallback-main);
        font-size: calc(var(--f-size-14) / var(--base-font-size) * 1rem);
        font-weight: var(--f-weight-600);
        line-height: var(--l-height-1_71);
        padding: 0 20px 0 8px;
        width: unset;
    }
    .header-bottom__search-button:before {
        margin-right: 4px;
    }
    .header-bottom__search-button:after {
        content: "";
        height: calc(100% + 4px);
        left: -2px;
        position: absolute;
        top: -2px;
        width: calc(100% + 4px);
    }
    .header-bottom__search-button span {
        display: block;
    }
}
.header-bottom__search-button:hover {
    background: #064cd6;
}
.header-bottom__search-close {
    display: none;
    height: 36px;
    margin-right: 2px;
    min-width: 36px;
    width: 36px;
}
.header-bottom__search-close.is-visible {
    display: flex;
}
.header-bottom__search-close:before {
    background-color: #868da2;
    content: "";
    height: 24px;
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%231c2130' d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
    mask-position: center;
    mask-repeat: no-repeat;
    min-width: 24px;
    -webkit-transition: background-color var(--transition-duration-200) var(--transition-timing);
    transition: background-color var(--transition-duration-200) var(--transition-timing);
    width: 24px;
}
.header-bottom__search-close:hover:before {
    background-color: var(--color-text-main);
}
@media screen and (min-width: 768px) {
    .header-bottom__search-close {
        margin-right: 6px;
    }
}
.info {
    display: none;
}
@media screen and (min-width: 1024px) {
    .info {
        display: flex;
    }
    .info__rate-dollar,
    .info__rate-euro,
    .info__weather {
        color: var(--color-text-main);
        font-family: var(--f-family-main), var(--f-fallback-main);
        font-size: calc(var(--f-size-16) / var(--base-font-size) * 1rem);
        font-weight: var(--f-weight-500);
        line-height: var(--l-height-1_5);
    }
    .info__rate-dollar:before,
    .info__rate-euro:before,
    .info__weather:before {
        content: "";
        display: block;
        height: 24px;
        min-width: 24px;
        width: 24px;
    }
    .info__weather:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg fill='%23868da2' clip-path='url(%23a)'%3E%3Cpath d='M17.738 12.285C17.114 9.266 14.337 7 11 7c-2.65 0-4.95 1.435-6.096 3.535C2.145 10.815 0 13.046 0 15.75 0 18.646 2.466 21 5.5 21h11.917C19.947 21 22 19.04 22 16.625c0-2.31-1.88-4.182-4.262-4.34'/%3E%3Cpath d='M24 10.5a7.5 7.5 0 0 0-12.607-5.492c3.583.151 6.672 2.366 7.905 5.532 1.71.492 3.159 1.64 3.98 3.177A7.5 7.5 0 0 0 24 10.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 24px 24px;
        display: block;
    }
    .info__rate-dollar:after,
    .info__rate-euro:after {
        content: "";
        display: block;
        height: 12px;
        margin-left: 2px;
        width: 8px;
    }
    .info__rate-dollar.increase:after,
    .info__rate-euro.increase:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none' viewBox='0 0 8 12'%3E%3Cpath fill='%2300a678' d='M3 3.99V12h2V3.99h3L4 0 0 3.99z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 8px 12px;
        display: block;
    }
    .info__rate-dollar.decrease:after,
    .info__rate-euro.decrease:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none' viewBox='0 0 8 12'%3E%3Cpath fill='%23ff2f2f' d='M5 8.01V0H3v8.01H0L4 12l4-3.99z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 8px 12px;
        display: block;
    }
    .info__rate-dollar:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23868da2' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m.88 15.76V19h-1.75v-1.29c-.74-.18-2.39-.77-3.02-2.96l1.65-.67c.06.22.58 2.09 2.4 2.09.93 0 1.98-.48 1.98-1.61 0-.96-.7-1.46-2.28-2.03-1.1-.39-3.35-1.03-3.35-3.31 0-.1.01-2.4 2.62-2.96V5h1.75v1.24c1.84.32 2.51 1.79 2.66 2.23l-1.58.67c-.11-.35-.59-1.34-1.9-1.34-.7 0-1.81.37-1.81 1.39 0 .95.86 1.31 2.64 1.9 2.4.83 3.01 2.05 3.01 3.45 0 2.63-2.5 3.13-3.02 3.22'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }
    .info__rate-dollar:before,
    .info__rate-euro:before {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 24px 24px;
        display: block;
    }
    .info__rate-euro:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23868da2' fill-rule='evenodd' d='M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2m1.003 4a6 6 0 0 0-5.653 4H6.003l-.667 1.333h1.707a5.5 5.5 0 0 0 0 1.334h-1.04L5.336 14H7.35c.826 2.327 3.04 4 5.653 4 1.54 0 2.94-.58 4-1.533l-1.187-1.18a4.27 4.27 0 0 1-2.813 1.046A4.32 4.32 0 0 1 9.163 14h4.84l.666-1.333H8.723A4.4 4.4 0 0 1 8.669 12q.001-.339.054-.667h5.28L14.669 10H9.163a4.327 4.327 0 0 1 6.66-1.287l1.18-1.18a5.97 5.97 0 0 0-4-1.533' clip-rule='evenodd'/%3E%3C/svg%3E");
    }
}
.user {
    display: none;
}
@media screen and (min-width: 1024px) {
    .user {
        display: flex;
    }
}
.user__post {
    border-radius: var(--border-6);
}
.user__post:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Crect width='24' height='18' y='3' fill='url(%23a)' rx='4'/%3E%3Cmask id='b' width='24' height='18' x='0' y='3' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Crect width='24' height='18' y='3' fill='%23d9d9d9' rx='4'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill='url(%23c)' d='M-4 3h32L12 14z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='12' x2='12' y1='3' y2='21' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23cfdfff'/%3E%3Cstop offset='1' stop-color='%23a8c6ff'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='12' x2='12' y1='3' y2='14' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%230057ff'/%3E%3Cstop offset='1' stop-color='%234c89ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    content: "";
    display: block;
    height: 24px;
    min-width: 24px;
    width: 24px;
}
.user__post:hover {
    background-color: var(--color-bg-button-hover);
}
.user__post {
    color: var(--color-text-main);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-14) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-500);
    line-height: var(--l-height-1_71);
    -webkit-transition: background-color var(--transition-duration-200) var(--transition-timing);
    transition: background-color var(--transition-duration-200) var(--transition-timing);
}
@media screen and (min-width: 768px) {
    .header-bottom {
        padding-bottom: 16px;
    }
}
.header-bottom__logo {
    display: none;
}
@media screen and (min-width: 1024px) {
    .header-bottom__logo {
        display: block;
        flex-shrink: 0;
    }
    .desktop {
        box-shadow: 0 2px 72px 0 rgba(66, 79, 119, 0.12);
    }
}
body.ready .menu {
    -webkit-transition:
            z-index var(--transition-duration-200) var(--transition-timing),
            transform var(--transition-duration-200) var(--transition-timing),
            visibility var(--transition-duration-200) var(--transition-timing);
    transition:
            z-index var(--transition-duration-200) var(--transition-timing),
            transform var(--transition-duration-200) var(--transition-timing),
            visibility var(--transition-duration-200) var(--transition-timing);
    z-index: -1;
}
body.ready .menu__wrapper {
    -webkit-transition:
            z-index var(--transition-duration-200) var(--transition-timing),
            opacity var(--transition-duration-200) var(--transition-timing);
    transition:
            z-index var(--transition-duration-200) var(--transition-timing),
            opacity var(--transition-duration-200) var(--transition-timing);
}
body.ready .menu__overlay {
    -webkit-transition:
            z-index var(--transition-duration-200) var(--transition-timing),
            opacity var(--transition-duration-200) var(--transition-timing),
            visibility var(--transition-duration-200) var(--transition-timing);
    transition:
            z-index var(--transition-duration-200) var(--transition-timing),
            opacity var(--transition-duration-200) var(--transition-timing),
            visibility var(--transition-duration-200) var(--transition-timing);
}
body.active-menu .menu {
    transform: translateX(0);
    visibility: visible;
    z-index: 12;
}
@media screen and (min-width: 768px) {
    body.active-menu .menu__wrapper {
        opacity: 1;
        z-index: 11;
    }
}
body.active-menu .menu__overlay {
    visibility: visible;
}
@media screen and (min-width: 768px) {
    body.active-menu .menu__overlay {
        opacity: 1;
    }
}
.menu {
    background-color: var(--total-white);
    left: 0;
    top: 48px;
    transform: translateX(-100%);
    visibility: hidden;
    width: 100%;
    z-index: -1;
}
@media screen and (min-width: 768px) {
    .menu {
        top: 0;
        transform: translateX(0);
    }
}
.menu__wrapper {
    overflow-y: scroll;
    padding-bottom: 32px;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
}
.menu__wrapper::-webkit-scrollbar {
    display: none;
}
@media screen and (min-width: 768px) {
    .menu__wrapper {
        background-color: var(--total-white);
        border-radius: var(--border-20);
        box-shadow: 0 2px 64px -8px rgba(66, 79, 119, 0.32);
        left: 20px;
        opacity: 0;
        padding: 32px 32px 64px;
        position: absolute;
        top: 44px;
        width: calc(100% - 40px);
        z-index: -1;
    }
}
@media screen and (min-width: 992px) {
    .menu__wrapper {
        width: 76%;
    }
}
@media screen and (max-width: 1260px) {
    .menu__wrapper {
        /* height: 100vh; */
    }
}
@media screen and (min-width: 1260px) {
    .menu__wrapper {
        left: calc(20.83333% - 228.33333px);
        max-height: calc(100vh - 88px);
        width: 1096px;
    }
}
.menu__overlay {
    visibility: hidden;
}
@media screen and (min-width: 768px) {
    .menu__overlay {
        background-color: var(--color-bg-overlay);
        height: 100vh;
        left: 0;
        opacity: 0;
        top: 0;
        width: 100%;
        z-index: 10;
    }
    .menu__language {
        margin-left: unset;
        width: calc(50% - 16px);
    }
}
@media screen and (min-width: 1024px) {
    .menu__language {
        display: none;
    }
}
.menu__language-button {
    background-color: var(--color-bg-field-main);
    border-radius: var(--border-8);
}
.menu__language-button:before {
    content: "";
    display: block;
    height: 20px;
    margin-right: 6px;
    min-width: 20px;
    width: 20px;
}
.menu__language-button.uk:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%234b99f5' d='M1.668 3.667a2 2 0 0 1 2-2h12.667a2 2 0 0 1 2 2V10H1.668z'/%3E%3Cpath fill='%23ffd90f' d='M1.668 10h16.667v6.333a2 2 0 0 1-2 2H3.668a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}
.menu__language-button.ru:before,
.menu__language-button.uk:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
}
.menu__language-button.ru:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23ccd4ec' fill-opacity='.2' d='M1.668 3.667a2 2 0 0 1 2-2h12.667a2 2 0 0 1 2 2V10H1.668zM1.668 10h16.667v6.333a2 2 0 0 1-2 2H3.668a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}
.menu__language-button:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%231c2130' d='M8.001 10 4.668 6.684h6.667z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    display: block;
    height: 16px;
    margin-left: auto;
    min-width: 16px;
    -webkit-transition: transform var(--transition-duration-200) var(--transition-timing);
    transition: transform var(--transition-duration-200) var(--transition-timing);
    width: 16px;
}
.menu__language-button.js-active:after {
    transform: rotate(180deg);
}
.menu__language-list {
    background: var(--total-white);
    border-radius: var(--border-8);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    padding-bottom: 4px;
    padding-top: 4px;
    top: 60px;
    transform: translateY(-50%) scaleY(0);
    -webkit-transition:
            height var(--transition-duration-200) var(--transition-timing),
            transform var(--transition-duration-200) var(--transition-timing),
            padding-top var(--transition-duration-200) var(--transition-timing),
            padding-bottom var(--transition-duration-200) var(--transition-timing);
    transition:
            height var(--transition-duration-200) var(--transition-timing),
            transform var(--transition-duration-200) var(--transition-timing),
            padding-top var(--transition-duration-200) var(--transition-timing),
            padding-bottom var(--transition-duration-200) var(--transition-timing);
    width: calc(100% - 32px);
    z-index: 10;
}
.menu__language-list.js-active {
    transform: translateY(0) scaleY(1);
}
.menu__language-item {
    align-items: center;
    display: flex;
    padding: 8px 16px 8px 10px;
}
.menu__language-item:hover {
    background-color: var(--color-bg-button-hover);
}
.menu__language-item {
    color: var(--color-text-main);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-500);
    line-height: var(--l-height-1_66);
    -webkit-transition: background-color var(--transition-duration-200) var(--transition-timing);
    transition: background-color var(--transition-duration-200) var(--transition-timing);
}
.menu__language-item.active {
    background-color: var(--color-bg-button-hover);
}
.menu__language-item[data-locale="ru"]:before,
.menu__language-item[data-locale="uk"]:before {
    content: "";
    display: block;
    height: 20px;
    margin-right: 6px;
    min-width: 20px;
    width: 20px;
}
.menu__language-item[data-locale="uk"]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%234b99f5' d='M1.668 3.667a2 2 0 0 1 2-2h12.667a2 2 0 0 1 2 2V10H1.668z'/%3E%3Cpath fill='%23ffd90f' d='M1.668 10h16.667v6.333a2 2 0 0 1-2 2H3.668a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}
.menu__language-item[data-locale="ru"]:before,
.menu__language-item[data-locale="uk"]:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
}
.menu__language-item[data-locale="ru"]:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23ccd4ec' fill-opacity='.2' d='M1.668 3.667a2 2 0 0 1 2-2h12.667a2 2 0 0 1 2 2V10H1.668zM1.668 10h16.667v6.333a2 2 0 0 1-2 2H3.668a2 2 0 0 1-2-2z'/%3E%3C/svg%3E");
}
.menu__list {
    flex-direction: column;
    padding-bottom: 32px;
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (min-width: 768px) {
    .menu__list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 32px 24px;
    }
}
@media screen and (min-width: 1024px) {
    .menu__list {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }
}
.menu__item {
    column-gap: 12px;
    display: grid;
    grid-template-columns: 32px auto;
    grid-template-rows: auto 1fr;
    padding-bottom: 10px;
    -webkit-transition: margin-bottom var(--transition-duration-200) var(--transition-timing);
    transition: margin-bottom var(--transition-duration-200) var(--transition-timing);
}
@media screen and (min-width: 768px) {
    .menu__item {
        padding-top: 0;
        width: calc(50% - 12px);
    }
}
@media screen and (min-width: 1024px) {
    .menu__item {
        grid-template-columns: 40px auto;
        padding-bottom: 0;
    }
}
@media screen and (min-width: 1260px) {
    .menu__item {
        width: calc(25% - 18px);
    }
}
.menu__item.js-active {
    margin-bottom: 10px;
}
.menu__item-wrapper {
    grid-column-end: 3;
    grid-column-start: 1;
}
.menu__item-icon {
    flex-shrink: 0;
    margin-top: 4px;
}
@media screen and (min-width: 1024px) {
    .menu__item-icon {
        margin-top: 0;
        transform: scale(1);
    }
}
.menu__item-info {
    padding-right: 36px;
}
@media screen and (min-width: 768px) {
    .menu__item-info {
        padding-bottom: 12px;
        padding-right: 0;
    }
}
.menu__item-trigger {
    background-color: var(--color-bg-field-main);
    border-radius: var(--border-8);
    fill: var(--color-text-main);
    height: 32px;
    min-width: 32px;
    right: -8px;
    top: 4px;
    -webkit-transition: fill var(--transition-duration-200) var(--transition-timing);
    transition: fill var(--transition-duration-200) var(--transition-timing);
    width: 32px;
}
.menu__item-trigger .menu__item-icon {
    -webkit-transition: transform var(--transition-duration-200) var(--transition-timing);
    transition: transform var(--transition-duration-200) var(--transition-timing);
}
@media screen and (min-width: 768px) {
    .menu__item-trigger {
        display: none;
    }
}
.menu__link {
    display: block;
    letter-spacing: -0.18px;
    margin-bottom: 4px;
    -webkit-transition: color var(--transition-duration-200) var(--transition-timing);
    transition: color var(--transition-duration-200) var(--transition-timing);
}
@media screen and (min-width: 768px) {
    .menu__link {
        position: relative;
    }
    .menu__link:before {
        background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2754%27%20height%3D%2720%27%20viewBox%3D%270%200%2054%2020%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M2.23209%2010L7%2019.1439L5.21432%2020L0%2010L5.21432%200L7%200.85614L2.23209%2010Z%27%20fill%3D%27%23C6D9FF%27%2F%3E%3Cpath%20transform%3D%27translate%2847%200%29%27%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M4.76791%2010L0%200.856139L1.78568%200L7%2010L1.78568%2020L0%2019.1439L4.76791%2010Z%27%20fill%3D%27%23C6D9FF%27%2F%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 54px 20px;
        content: "";
        display: block;
        height: 20px;
        left: -59px;
        position: absolute;
        top: 8px;
        transform: scaleY(0);
        -webkit-transition: transform var(--transition-duration-200) var(--transition-timing);
        transition: transform var(--transition-duration-200) var(--transition-timing);
        width: 54px;
    }
}
.menu__link:after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 3px;
    width: calc(100% - 36px);
    z-index: 2;
}
@media screen and (min-width: 768px) {
    .menu__link:after {
        left: -52px;
        top: 5px;
        width: calc(100% + 52px);
    }
}
@media (hover: hover) {
    .menu__link:hover {
        color: var(--color-text-important);
    }
    .menu__link:hover:before {
        transform: scaleY(1);
    }
}
.menu__link {
    color: var(--color-text-main);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-18) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-700);
    line-height: var(--l-height-1_33);
}
@media screen and (min-width: 768px) {
    .menu__link {
        padding-top: 8px;
    }
}
@media screen and (min-width: 1024px) {
    .menu__link {
        margin-bottom: 8px;
    }
}
.menu__description {
    color: var(--color-text-importless);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-400);
    line-height: var(--l-height-1_33);
}
.menu__item-trigger.js-active {
    fill: var(--color-text-important);
}
.menu__item-trigger.js-active > .menu__item-icon {
    transform: rotate(180deg);
}
.menu__submenu-list {
    align-content: flex-start;
    flex-wrap: wrap;
    gap: 6px 4px;
    grid-column-start: 2;
    height: 0;
    transform: translateY(-50%) scaleY(0);
    -webkit-transition:
            height var(--transition-duration-200) var(--transition-timing),
            transform var(--transition-duration-200) var(--transition-timing),
            padding-top var(--transition-duration-200) var(--transition-timing);
    transition:
            height var(--transition-duration-200) var(--transition-timing),
            transform var(--transition-duration-200) var(--transition-timing),
            padding-top var(--transition-duration-200) var(--transition-timing);
}
@media screen and (min-width: 768px) {
    .menu__submenu-list {
        height: 84px;
        overflow: hidden;
        transform: translateY(0) scaleY(1);
    }
}
.menu__submenu-list .js-hyphenation-less,
.menu__submenu-list .js-hyphenation-more {
    background-color: var(--color-bg-field-main);
    border-radius: var(--border-4);
    color: var(--color-text-main);
    display: block;
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-500);
    height: 24px;
    line-height: var(--l-height-1_33);
    min-width: 24px;
    padding: 4px 8px;
    position: relative;
    -webkit-transition:
            transform var(--transition-duration-200) var(--transition-timing),
            background-color var(--transition-duration-200) var(--transition-timing);
    transition:
            transform var(--transition-duration-200) var(--transition-timing),
            background-color var(--transition-duration-200) var(--transition-timing);
    width: 24px;
    will-change: transform, background-color;
}
@media (hover: hover) {
    .menu__submenu-list .js-hyphenation-less:hover,
    .menu__submenu-list .js-hyphenation-more:hover {
        background-color: var(--color-bg-field-hover);
    }
}
.menu__submenu-list .js-hyphenation-less:before,
.menu__submenu-list .js-hyphenation-more:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%231c2130' d='m8 10.267-4-4 .933-.934L8 8.4l3.067-3.067.933.934z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    content: "";
    display: block;
    height: 16px;
    left: 50%;
    min-width: 16px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
}
.menu__submenu-list .js-hyphenation-less:before {
    transform: translate(-50%, -50%) rotate(180deg);
}
.menu__submenu-list.js-open {
    height: var(--data-height);
}
.menu__submenu-list.js-open .js-hyphenation-more {
    transform: translateY(50%) scaleY(0);
}
.menu__submenu-list.js-active,
.menu__submenu-list.js-open .js-hyphenation-less {
    transform: translateY(0) scaleY(1);
}
.menu__submenu-list.js-active {
    height: calc(var(--data-height) + 16px);
    padding-top: 16px;
}
.menu__submenu-item {
    background-color: var(--color-bg-field-main);
    border-radius: var(--border-4);
    max-height: 24px;
    -webkit-transition: background-color var(--transition-duration-200) var(--transition-timing);
    transition: background-color var(--transition-duration-200) var(--transition-timing);
    will-change: background-color;
}
@media (hover: hover) {
    .menu__submenu-item:hover {
        background-color: var(--color-bg-field-hover);
    }
}
.menu__submenu-link {
    color: var(--color-text-main);
    display: block;
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-500);
    line-height: var(--l-height-1_33);
}
@media screen and (min-width: 1024px) {
    .menu__privacy {
        display: none;
    }
}
.menu__privacy-link {
    color: var(--color-text-main);
    display: block;
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-14) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-500);
    line-height: var(--l-height-1_42);
}
@media screen and (min-width: 1024px) {
    .menu__social {
        display: none;
    }
}
.menu__social-link {
    background-color: var(--color-bg-field-main);
    border-radius: var(--border-8);
}
@media screen and (min-width: 1024px) {
    .menu__legal {
        display: none;
    }
}
.menu__legal-text {
    color: var(--color-text-importless);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-400);
    line-height: var(--l-height-1_5);
}
.user-profile {
    background: var(--total-white);
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow-y: scroll;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: -1;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transform: translateY(-10px);
    -webkit-transition:
            opacity var(--transition-duration-200) var(--transition-timing),
            visibility var(--transition-duration-200) var(--transition-timing),
            transform var(--transition-duration-200) var(--transition-timing),
            z-index var(--transition-duration-200) var(--transition-timing);
    transition:
            opacity var(--transition-duration-200) var(--transition-timing),
            visibility var(--transition-duration-200) var(--transition-timing),
            transform var(--transition-duration-200) var(--transition-timing),
            z-index var(--transition-duration-200) var(--transition-timing);
}
.user-profile::-webkit-scrollbar {
    display: none;
}
@media screen and (min-width: 1024px) {
    .user-profile {
        border-radius: var(--border-16);
        box-shadow: var(--base-shadow);
        height: fit-content;
        left: unset;
        min-height: 505px;
        overflow-y: unset;
        padding: 4px;
        position: absolute;
        right: -8px;
        top: 4px;
        width: 320px;
    }
    .user-profile__overlay {
        background-color: transparent;
        bottom: 0;
        left: 0;
        opacity: 0;
        right: 0;
        top: 0;
        -webkit-transition:
                opacity var(--transition-duration-200) var(--transition-timing),
                visibility var(--transition-duration-200) var(--transition-timing),
                transform var(--transition-duration-200) var(--transition-timing),
                z-index var(--transition-duration-200) var(--transition-timing);
        transition:
                opacity var(--transition-duration-200) var(--transition-timing),
                visibility var(--transition-duration-200) var(--transition-timing),
                transform var(--transition-duration-200) var(--transition-timing),
                z-index var(--transition-duration-200) var(--transition-timing);
        visibility: hidden;
        z-index: 10;
    }
}
.user-profile.show {
    transform: translateY(0);
    z-index: 15;
}
.user-profile.show,
.user-profile.show + .user-profile__overlay {
    opacity: 1;
    visibility: visible;
}
.user-profile--skeleton {
    background-color: #fff;
    background-image: unset !important;
    height: 36px;
    min-width: 36px;
    pointer-events: none;
    width: 36px;
}
.user-profile--logged-in,
.user-profile--skeleton {
    border-radius: var(--border-50);
    display: block;
}
.user-profile--logged-in {
    color: var(--total-white);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-14) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-700);
    height: 36px;
    letter-spacing: -0.14px;
    line-height: var(--l-height-1_42);
    margin-left: 32px;
    min-width: 36px;
    -webkit-transition: box-shadow var(--transition-duration-200) var(--transition-timing);
    transition: box-shadow var(--transition-duration-200) var(--transition-timing);
    width: 36px;
}
@media (hover: hover) {
    .user-profile--logged-in:hover {
        box-shadow: inset 0 0 0 36px rgba(28, 33, 48, 0.078);
    }
}
.user-profile--logged-out {
    -webkit-transition: background-color var(--transition-duration-200) var(--transition-timing);
    transition: background-color var(--transition-duration-200) var(--transition-timing);
}
@media (hover: hover) {
    .user-profile--logged-out:hover {
        background-color: var(--color-bg-transparent-icon-hover);
    }
}
.user-profile__header {
    padding: 16px;
}
.user-profile__logo {
    background-color: #2489ff;
    border-radius: var(--border-50);
    color: var(--total-white);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-16) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-600);
    height: 48px;
    line-height: var(--l-height-1_42);
    min-width: 48px;
    overflow: hidden;
    width: 48px;
}
.user-profile__info {
    margin-top: 4px;
}
.user-profile__name {
    color: var(--color-text-main);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-16) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-700);
    letter-spacing: -0.16px;
    line-height: var(--l-height-1_25);
    margin-bottom: 4px;
}
.user-profile__copy-container {
    align-items: flex-start;
    cursor: pointer;
    display: inline-flex;
}
@media (hover: hover) {
    .user-profile__copy-container:hover .user-profile__mail-copy:after {
        opacity: 1;
    }
}
.user-profile__mail {
    color: var(--color-text-importless);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-400);
    line-height: var(--l-height-1_33);
}
.user-profile__mail-copy {
    height: 16px;
    min-width: 16px;
    width: 16px;
}
.user-profile__mail-copy:after,
.user-profile__mail-copy:before {
    content: "";
    height: 16px;
    min-width: 16px;
    position: absolute;
    -webkit-transition: opacity var(--transition-duration-200) var(--transition-timing);
    transition: opacity var(--transition-duration-200) var(--transition-timing);
    width: 16px;
}
.user-profile__mail-copy:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23666f8a' d='M12 1.332H6c-.733 0-1.333.6-1.333 1.333v8C4.667 11.4 5.267 12 6 12h6c.733 0 1.333-.6 1.333-1.334v-8c0-.733-.6-1.333-1.333-1.333m0 9.333H6v-8h6zM2 10V8.665h1.333V10zm0-3.667h1.333v1.333H2zm4.667 7H8v1.333H6.667zm-4.667-1v-1.333h1.333v1.333zm1.333 2.333c-.733 0-1.333-.6-1.333-1.333h1.333zm2.334 0H4.333v-1.333h1.334zm3.333 0v-1.333h1.333c0 .733-.6 1.333-1.333 1.333M3.333 4v1.333H2c0-.733.6-1.333 1.333-1.333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    display: block;
    opacity: 1;
}
.user-profile__mail-copy:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%231c2130' d='M12 1.332H6c-.733 0-1.333.6-1.333 1.333v8C4.667 11.4 5.267 12 6 12h6c.733 0 1.333-.6 1.333-1.334v-8c0-.733-.6-1.333-1.333-1.333m0 9.333H6v-8h6zM2 10V8.665h1.333V10zm0-3.667h1.333v1.333H2zm4.667 7H8v1.333H6.667zm-4.667-1v-1.333h1.333v1.333zm1.333 2.333c-.733 0-1.333-.6-1.333-1.333h1.333zm2.334 0H4.333v-1.333h1.334zm3.333 0v-1.333h1.333c0 .733-.6 1.333-1.333 1.333M3.333 4v1.333H2c0-.733.6-1.333 1.333-1.333'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    display: block;
    opacity: 0;
}
.user-profile__mail-copy.success:after {
    opacity: 1;
}
.user-profile__close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%230057ff' d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    cursor: pointer;
    display: block;
    height: 32px;
    margin-left: auto;
    min-width: 32px;
    padding: 4px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 32px;
}
@media screen and (min-width: 1024px) {
    .user-profile__close {
        opacity: 0;
        visibility: hidden;
    }
}
.user-profile__divider {
    background-color: var(--color-border-secondary);
    display: block;
    height: 1px;
}
@media screen and (min-width: 1024px) {
    .user-profile__settings {
        padding-inline: 0;
    }
}
.user-profile__settings-block {
    margin-bottom: 20px;
}
.user-profile__settings-title {
    color: var(--color-text-importless);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-500);
    letter-spacing: -0.12px;
    line-height: var(--l-height-1_33);
    margin-bottom: 8px;
    padding-left: 16px;
}
.user-profile__link {
    background-color: transparent;
    border-radius: var(--border-8);
    padding: 8px 16px;
    -webkit-transition: background-color var(--transition-duration-200) var(--transition-timing);
    transition: background-color var(--transition-duration-200) var(--transition-timing);
    will-change: background-color;
}
@media (hover: hover) {
    .user-profile__link:hover {
        background-color: var(--color-visual-transparent-icon);
    }
    .user-profile__link:hover .user-profile__link-icon:after {
        opacity: 1;
    }
}
.user-profile__link-icon {
    height: 20px;
    min-width: 20px;
    width: 20px;
}
.user-profile__link-icon:after,
.user-profile__link-icon:before {
    content: "";
    height: 20px;
    min-width: 20px;
    position: absolute;
    -webkit-transition: opacity var(--transition-duration-200) var(--transition-timing);
    transition: opacity var(--transition-duration-200) var(--transition-timing);
    width: 20px;
}
.user-profile__link-icon.icon-write:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23868da2' d='m15.342 4.833-1.009-1.008a1.67 1.67 0 0 0-2.358 0L9.742 6.058 2.5 13.3v3.367h3.367l7.283-7.284 2.192-2.191a1.655 1.655 0 0 0 0-2.359M5.175 15H4.167v-1.008l7.216-7.217 1.009 1.008zm3.992 1.667 3.333-3.334h5v3.334z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
    opacity: 1;
}
.user-profile__link-icon.icon-write:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%231c2130' d='m15.342 4.833-1.009-1.008a1.67 1.67 0 0 0-2.358 0L9.742 6.058 2.5 13.3v3.367h3.367l7.283-7.284 2.192-2.191a1.655 1.655 0 0 0 0-2.359M5.175 15H4.167v-1.008l7.216-7.217 1.009 1.008zm3.992 1.667 3.333-3.334h5v3.334z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
    opacity: 0;
}
.user-profile__link-icon.icon-all-letters:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23868da2' d='M15.833 2.5H4.167C3.25 2.5 2.5 3.25 2.5 4.167v11.666c0 .917.742 1.667 1.667 1.667h11.666c.917 0 1.667-.75 1.667-1.667V4.167c0-.917-.75-1.667-1.667-1.667m0 13.333H4.167v-2.5h2.966A3.32 3.32 0 0 0 10.008 15c1.234 0 2.292-.675 2.875-1.667h2.95zm0-4.166h-4.158c0 .916-.75 1.666-1.667 1.666-.916 0-1.666-.75-1.666-1.666H4.167v-7.5h11.666z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
    opacity: 1;
}
.user-profile__link-icon.icon-all-letters:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%231c2130' d='M15.833 2.5H4.167C3.25 2.5 2.5 3.25 2.5 4.167v11.666c0 .917.742 1.667 1.667 1.667h11.666c.917 0 1.667-.75 1.667-1.667V4.167c0-.917-.75-1.667-1.667-1.667m0 13.333H4.167v-2.5h2.966A3.32 3.32 0 0 0 10.008 15c1.234 0 2.292-.675 2.875-1.667h2.95zm0-4.166h-4.158c0 .916-.75 1.666-1.667 1.666-.916 0-1.666-.75-1.666-1.666H4.167v-7.5h11.666z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
    opacity: 0;
}
.user-profile__link-icon.icon-personal-data:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23868da2' d='M15.001 10.001h-3.333v1.25h3.333zM15.001 12.501h-3.333v1.25h3.333z'/%3E%3Cpath fill='%23868da2' d='M16.668 5.835h-4.167v-2.5c0-.917-.75-1.667-1.666-1.667H9.168c-.917 0-1.667.75-1.667 1.667v2.5H3.335c-.917 0-1.667.75-1.667 1.666v9.167c0 .917.75 1.667 1.667 1.667h13.333c.917 0 1.667-.75 1.667-1.667V7.501c0-.916-.75-1.666-1.667-1.666m-7.5-2.5h1.667V7.5H9.168zm7.5 13.333H3.335V7.501H7.5c0 .917.75 1.667 1.667 1.667h1.667c.916 0 1.666-.75 1.666-1.667h4.167z'/%3E%3Cpath fill='%23868da2' d='M7.501 12.501a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5M9.235 13.485a4.3 4.3 0 0 0-1.734-.359c-.616 0-1.2.125-1.733.359-.467.2-.767.65-.767 1.158v.358h5v-.358c0-.508-.3-.958-.766-1.158'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
    opacity: 1;
}
.user-profile__link-icon.icon-personal-data:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%231c2130' d='M15.001 10.001h-3.333v1.25h3.333zM15.001 12.501h-3.333v1.25h3.333z'/%3E%3Cpath fill='%231c2130' d='M16.668 5.835h-4.167v-2.5c0-.917-.75-1.667-1.666-1.667H9.168c-.917 0-1.667.75-1.667 1.667v2.5H3.335c-.917 0-1.667.75-1.667 1.666v9.167c0 .917.75 1.667 1.667 1.667h13.333c.917 0 1.667-.75 1.667-1.667V7.501c0-.916-.75-1.666-1.667-1.666m-7.5-2.5h1.667V7.5H9.168zm7.5 13.333H3.335V7.501H7.5c0 .917.75 1.667 1.667 1.667h1.667c.916 0 1.666-.75 1.666-1.667h4.167z'/%3E%3Cpath fill='%231c2130' d='M7.501 12.501a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5M9.235 13.485a4.3 4.3 0 0 0-1.734-.359c-.616 0-1.2.125-1.733.359-.467.2-.767.65-.767 1.158v.358h5v-.358c0-.508-.3-.958-.766-1.158'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
    opacity: 0;
}
.user-profile__link-icon.icon-password:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23868da2' d='M14.167 13.85a.933.933 0 1 0 0-1.867.933.933 0 0 0 0 1.867'/%3E%3Cpath fill='%23868da2' fill-rule='evenodd' d='M14.167 14.583c-.609 0-1.825.3-1.867.9.417.592 1.1.975 1.867.975s1.45-.383 1.866-.975c-.041-.6-1.258-.9-1.866-.9' clip-rule='evenodd'/%3E%3Cpath fill='%23868da2' fill-rule='evenodd' d='M15 9.242V5.225L8.75 2.5 2.5 5.225v4.092c0 3.783 2.667 7.325 6.25 8.183a7.6 7.6 0 0 0 1.333-.458 4.98 4.98 0 0 0 4.084 2.125c2.758 0 5-2.242 5-5 0-2.475-1.8-4.525-4.167-4.925m-5.833 4.925c0 .466.066.925.191 1.35-.2.091-.4.183-.608.25-2.642-.834-4.583-3.534-4.583-6.45v-3l4.583-2 4.583 2v2.925a5 5 0 0 0-4.166 4.925m5 3.333a3.332 3.332 0 1 1 0-6.667 3.332 3.332 0 1 1 0 6.667' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
    opacity: 1;
}
.user-profile__link-icon.icon-password:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%231c2130' d='M14.167 13.85a.933.933 0 1 0 0-1.867.933.933 0 0 0 0 1.867'/%3E%3Cpath fill='%231c2130' fill-rule='evenodd' d='M14.167 14.583c-.609 0-1.825.3-1.867.9.417.592 1.1.975 1.867.975s1.45-.383 1.866-.975c-.041-.6-1.258-.9-1.866-.9' clip-rule='evenodd'/%3E%3Cpath fill='%231c2130' fill-rule='evenodd' d='M15 9.242V5.225L8.75 2.5 2.5 5.225v4.092c0 3.783 2.667 7.325 6.25 8.183a7.6 7.6 0 0 0 1.333-.458 4.98 4.98 0 0 0 4.084 2.125c2.758 0 5-2.242 5-5 0-2.475-1.8-4.525-4.167-4.925m-5.833 4.925c0 .466.066.925.191 1.35-.2.091-.4.183-.608.25-2.642-.834-4.583-3.534-4.583-6.45v-3l4.583-2 4.583 2v2.925a5 5 0 0 0-4.166 4.925m5 3.333a3.332 3.332 0 1 1 0-6.667 3.332 3.332 0 1 1 0 6.667' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
    opacity: 0;
}
.user-profile__link-icon.icon-support:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23868da2' d='M17.497 10.183c0-4.575-3.55-7.683-7.5-7.683-3.908 0-7.5 3.042-7.5 7.733a1.64 1.64 0 0 0-.833 1.434v1.666c0 .917.75 1.667 1.667 1.667h.833V9.917a5.83 5.83 0 0 1 5.833-5.834 5.83 5.83 0 0 1 5.834 5.834v5.916H9.164V17.5h6.667c.916 0 1.666-.75 1.666-1.667v-1.016a1.54 1.54 0 0 0 .834-1.367v-1.917c0-.583-.342-1.091-.834-1.35'/%3E%3Cpath fill='%23868da2' d='M7.497 11.667a.833.833 0 1 0 0-1.667.833.833 0 0 0 0 1.667M12.497 11.667a.833.833 0 1 0 0-1.667.833.833 0 0 0 0 1.667'/%3E%3Cpath fill='%23868da2' d='M14.997 9.192A5.034 5.034 0 0 0 10.04 5c-2.525 0-5.242 2.092-5.025 5.375a6.73 6.73 0 0 0 4.05-4.908 6.7 6.7 0 0 0 5.933 3.725'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
    opacity: 1;
}
.user-profile__link-icon.icon-support:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%231c2130' d='M17.497 10.183c0-4.575-3.55-7.683-7.5-7.683-3.908 0-7.5 3.042-7.5 7.733a1.64 1.64 0 0 0-.833 1.434v1.666c0 .917.75 1.667 1.667 1.667h.833V9.917a5.83 5.83 0 0 1 5.833-5.834 5.83 5.83 0 0 1 5.834 5.834v5.916H9.164V17.5h6.667c.916 0 1.666-.75 1.666-1.667v-1.016a1.54 1.54 0 0 0 .834-1.367v-1.917c0-.583-.342-1.091-.834-1.35'/%3E%3Cpath fill='%231c2130' d='M7.497 11.667a.833.833 0 1 0 0-1.667.833.833 0 0 0 0 1.667M12.497 11.667a.833.833 0 1 0 0-1.667.833.833 0 0 0 0 1.667'/%3E%3Cpath fill='%231c2130' d='M14.997 9.192A5.034 5.034 0 0 0 10.04 5c-2.525 0-5.242 2.092-5.025 5.375a6.73 6.73 0 0 0 4.05-4.908 6.7 6.7 0 0 0 5.933 3.725'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
    opacity: 0;
}
.user-profile__link-icon.icon-exit:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23868da2' d='m14.167 6.667-1.175 1.175 1.316 1.325H7.5v1.666h6.808l-1.316 1.317 1.175 1.183L17.5 10zm-10-2.5H10V2.5H4.167C3.25 2.5 2.5 3.25 2.5 4.167v11.666c0 .917.75 1.667 1.667 1.667H10v-1.667H4.167z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
    opacity: 1;
}
.user-profile__link-icon.icon-exit:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%231c2130' d='m14.167 6.667-1.175 1.175 1.316 1.325H7.5v1.666h6.808l-1.316 1.317 1.175 1.183L17.5 10zm-10-2.5H10V2.5H4.167C3.25 2.5 2.5 3.25 2.5 4.167v11.666c0 .917.75 1.667 1.667 1.667H10v-1.667H4.167z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: block;
    opacity: 0;
}
.user-profile__link-title {
    color: var(--color-text-main);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-14) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-500);
    line-height: var(--l-height-1_42);
}
.user-profile__link-subtitle {
    color: var(--color-text-importless);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-400);
    line-height: var(--l-height-1_33);
    margin-top: 2px;
}
.user-profile__link-message {
    align-items: center;
    background: var(--color-title-widget-hover);
    border-radius: var(--border-4);
    color: var(--total-white);
    display: inline-flex;
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-600);
    height: 16px;
    justify-content: center;
    letter-spacing: -0.48px;
    line-height: var(--l-height-1_33);
    margin-top: 2px;
    margin-inline-start: 6px;
    min-width: 20px;
    padding-inline: 2px;
    width: auto;
}
.user-profile__link-message.hidden {
    display: none;
}
.chapter {
    width: 100%;
}
@media screen and (max-width: 1024px) {
    .chapter:not(:last-child) {
        margin-bottom: 32px;
    }
}
@media screen and (min-width: 480px) {
    .chapter {
        width: calc(50% - 14px);
    }
}
@media screen and (min-width: 1024px) {
    .chapter {
        width: 182px;
    }
}
.chapter__title {
    color: var(--color-text-caption);
    display: block;
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-400);
    line-height: var(--l-height-1_33);
}
.chapter__list {
    column-count: 2;
    grid-gap: 0 16px;
}
@media screen and (min-width: 1024px) {
    .chapter__list {
        column-count: 1;
    }
}
.chapter__item:not(:first-child) {
    margin-top: 12px;
}
.chapter__link {
    color: var(--color-text-main);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-500);
    line-height: var(--l-height-1_33);
}
.footer__meta {
    border-bottom: 1px solid var(--color-border-main);
    padding-top: 32px;
}
@media screen and (min-width: 1024px) {
    .footer__meta {
        padding-top: 40px;
    }
}
.footer__meta-logo {
    display: block;
    height: 44px;
    width: 149px;
}
.footer__meta-nav {
    flex-wrap: wrap;
    gap: 10px 12px;
    width: 276px;
}
@media screen and (min-width: 480px) and (max-width: 992px) {
    .footer__meta-nav {
        width: 284px;
    }
}
@media screen and (min-width: 992px) {
    .footer__meta-nav {
        flex-wrap: nowrap;
        width: 100%;
    }
}
.footer__meta-nav__link {
    border-radius: var(--border-8);
    color: var(--color-text-main);
    flex-direction: column;
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-500);
    line-height: var(--l-height-1_33);
    padding: 6px 12px 8px;
    -webkit-transition: background-color var(--transition-duration-200) var(--transition-timing);
    transition: background-color var(--transition-duration-200) var(--transition-timing);
    width: calc(33.33% - 8px);
}
@media screen and (min-width: 992px) {
    .footer__meta-nav__link {
        width: unset;
    }
}
.footer__meta-nav__link:after,
.footer__meta-nav__link:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='20' fill='none' viewBox='0 0 7 20'%3E%3Cpath fill='%23c6d9ff' fill-rule='evenodd' d='M2.232 10 7 19.144 5.214 20 0 10 5.214 0 7 .856z' clip-rule='evenodd'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 7px 20px;
    content: "";
    display: block;
    height: 20px;
    position: absolute;
    top: 14px;
    -webkit-transition:
            transform var(--transition-duration-200) var(--transition-timing),
            scale var(--transition-duration-200) var(--transition-timing);
    transition:
            transform var(--transition-duration-200) var(--transition-timing),
            scale var(--transition-duration-200) var(--transition-timing);
    width: 7px;
}
.footer__meta-nav__link:before {
    left: 14px;
}
@media screen and (min-width: 992px) {
    .footer__meta-nav__link:before {
        left: 12px;
    }
}
.footer__meta-nav__link:after {
    right: 10px;
    transform: rotate(180deg);
}
@media screen and (min-width: 992px) {
    .footer__meta-nav__link:after {
        right: 12px;
    }
}
@media (hover: hover) {
    .footer__meta-nav__link:hover {
        background-color: var(--color-bg-field-main);
    }
    .footer__meta-nav__link:hover:before {
        transform: scale(1.2);
    }
    .footer__meta-nav__link:hover:after {
        transform: rotate(180deg) scale(1.2);
    }
}
.footer__meta-social__link {
    background-color: transparent;
    border-radius: var(--border-8);
    height: 40px;
    min-width: 40px;
    -webkit-transition: background-color var(--transition-duration-200) var(--transition-timing);
    transition: background-color var(--transition-duration-200) var(--transition-timing);
    width: 40px;
    will-change: background-color;
}
@media (hover: hover) {
    .footer__meta-social__link:hover {
        background-color: var(--color-bg-field-main);
    }
}
.footer__privacy {
    margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
    .footer__privacy {
        margin-bottom: 40px;
    }
}
.footer__privacy-list {
    margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
    .footer__privacy-list {
        margin-bottom: 24px;
    }
}
.footer__privacy-link {
    color: var(--color-text-main);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-600);
    line-height: var(--l-height-1_33);
    text-transform: uppercase;
    -webkit-transition: color var(--transition-duration-200) var(--transition-timing);
    transition: color var(--transition-duration-200) var(--transition-timing);
}
@media (hover: hover) {
    .footer__privacy-link:hover {
        color: var(--color-text-important);
    }
}
.footer__privacy-copyright {
    color: var(--color-text-importless);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-400);
    line-height: var(--l-height-1_33);
}
.footer__legal {
    background-color: var(--color-bg-field-main);
    border-radius: var(--border-20);
    padding: 16px;
}
@media screen and (min-width: 1024px) {
    .footer__legal {
        padding: 24px 32px;
    }
}
.footer__legal-common {
    color: var(--color-text-importless);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-400);
    line-height: var(--l-height-1_66);
}
.footer__legal-additional {
    border-top: 1px solid var(--color-border-secondary);
    display: grid;
    grid-template-columns: 1fr;
    margin-top: 16px;
    padding-top: 16px;
}
@media screen and (min-width: 1024px) {
    .footer__legal-additional {
        gap: 32px;
        grid-template-columns: 1fr auto;
        margin-top: 20px;
        padding-top: 20px;
    }
}
.footer__legal-additional__info {
    margin-bottom: 16px;
}
.footer__legal-additional__info p:not(:last-child) {
    margin-bottom: 12px;
}
.footer__legal-additional__info p {
    color: var(--color-text-main);
    font-family: var(--f-family-main), var(--f-fallback-main);
    font-size: calc(var(--f-size-12) / var(--base-font-size) * 1rem);
    font-weight: var(--f-weight-400);
    line-height: var(--l-height-1_66);
}
@media screen and (min-width: 1024px) {
    .footer__legal-additional__info {
        grid-column: 1;
        margin-bottom: 0;
    }
}
.footer__legal-additional__extra {
    align-items: baseline;
}
@media screen and (min-width: 1024px) {
    .footer__legal-additional__extra {
        grid-column: 2;
    }
}
footer {
    box-shadow: 0 -2px 72px 0 rgba(66, 79, 119, 0.12);
}
.footer {
    padding-bottom: 16px;
}
@media screen and (min-width: 1024px) {
    .footer {
        padding-bottom: 20px;
    }
}
@media screen and (max-width: 480px) {
    .footer {
        contain-intrinsic-size: 880px;
        content-visibility: auto;
    }
}
@media screen and (min-width: 768px) {
    .footer__privacy-list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px;
    }
}
.footer__legal-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='19' stroke='%23ee0100' stroke-width='2'/%3E%3Cpath fill='%23131721' d='M16.633 24.023V26H7.879v-1.687l4.14-4.439q.624-.694.984-1.222.36-.535.518-.958.168-.431.167-.817 0-.58-.193-.993a1.44 1.44 0 0 0-.571-.65q-.37-.23-.914-.23-.58 0-1.002.282a1.8 1.8 0 0 0-.633.782q-.21.501-.21 1.134H7.623q0-1.143.545-2.092a4 4 0 0 1 1.538-1.52q.993-.571 2.355-.571 1.346 0 2.268.439.932.43 1.406 1.248.484.81.484 1.934 0 .632-.202 1.239a5.6 5.6 0 0 1-.58 1.195 9.6 9.6 0 0 1-.897 1.195q-.527.608-1.169 1.257l-2.224 2.497zm6.672-10.846V26h-2.532v-9.905l-3.04.966v-1.995l5.3-1.89zm10.57 5.695v2.206h-8.77v-2.206zM30.695 15.4v9.317h-2.4V15.4z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    display: block;
    height: 40px;
    min-width: 40px;
    width: 40px;
}
.menu__wrapper {
    padding-bottom: 120px;
}
@media screen and (min-width: 768px) {
    .menu__wrapper {
        padding-bottom: 64px;
    }
}
.menu__overlay {
    z-index: 11;
}
.menu__link {
    display: inline-block;
}
.menu__link:before {
    left: -60px;
}
.project-icon {
    background-image: url(/v2026/assets/images/meta-projects-sprite.svg);
    background-repeat: no-repeat;
    display: block;
    height: 32px;
    min-width: 32px;
    width: 32px;
}
@media screen and (min-width: 1024px) {
    .project-icon {
        height: 40px;
        min-width: 40px;
        width: 40px;
    }
}
.project-icon.news {
    background-position: 1px 0;
}
.project-icon.showbiz {
    background-position: -36px 0;
}
.project-icon.finance {
    background-position: -71px 0;
}
.project-icon.post {
    background-position: -107px 0;
}
.project-icon.weather {
    background-position: -144px 0;
}
.project-icon.horo {
    background-position: -180px 0;
}
.project-icon.map {
    background-position: -216px 0;
}
.project-icon.translate {
    background-position: -252px 0;
}
.project-icon.regional {
    background-position: -288px 0;
}
.project-icon.ratings {
    background-position: -323px 0;
}
.project-icon.tv {
    background-position: -359px 0;
}
.social-icon {
    background-image: url(/v2026/assets/images/social-icons-sprite.svg);
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    min-width: 40px;
    width: 40px;
}
.social-icon.facebook {
    background-position: 0 0;
}
.social-icon.twitter {
    background-position: -40px 0;
}
.social-icon.telegram {
    background-position: -80px 0;
}
.social-icon.youtube {
    background-position: -120px 0;
}

/* Page layout: two-column with sidebar */
.page-layout {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding-top: 20px;
    padding-bottom: 40px;
}

.page-layout__main {
    flex: 1 1 0;
    min-width: 0;
}

.page-layout__sidebar {
    flex: 0 0 300px;
    width: 300px;
    display: flex;
    justify-content: center
}

@media (max-width: 1023px) {
    .page-layout {
        flex-direction: column;
        gap: 0;
    }

    .page-layout__main,
    .page-layout__sidebar {
        flex: none;
        width: 100%;
    }
    .page-layout__main {
        margin-bottom: 40px;
    }
}