@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
ul[class],
ol[class] {
  padding: 0;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}
body,
main,
.touch-app-wrapper {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}
ul[class],
ol[class] {
  list-style: none;
}
img {
  max-width: 100%;
  display: block;
}
input,
button,
textarea,
select {
  font: inherit;
}
a {
  color: #000;
  text-decoration: none;
}
:root {
  --accent-100: #8eaceb;
  --accent-20: #d2def7;
  --accent-200: #789ce7;
  --accent-300: #618be3;
  --accent-35: #bbcdf3;
  --accent-400: #4b7bdf;
  --accent-5: #e8eefb;
  --accent-50: #a5bdef;
  --accent-500: #356bdb;
  --accent-600: #2f5fc2;
  --accent-700: #2953aa;
  --accent-800: #234792;
  --accent-900: #1d3b79;
  --accent-950: #172f61;
  --accent-975: #112349;
  --accent-990: #0b1730;
  --accent-995: #050b18;
  --error-100: #e97d87;
  --error-20: #f6cacf;
  --error-200: #e5636f;
  --error-300: #e14957;
  --error-35: #f2b1b7;
  --error-400: #dd2f3f;
  --error-5: #fae5e7;
  --error-50: #ee979f;
  --error-500: #d91528;
  --error-600: #c01223;
  --error-700: #a8101f;
  --error-800: #900e1a;
  --error-900: #780b16;
  --error-950: #600911;
  --error-975: #48070d;
  --error-980: #300408;
  --error-995: #180204;
  --neutral-0: #fff;
  --neutral-100: #d0d4dc;
  --neutral-1000: #000;
  --neutral-20: #f9fafb;
  --neutral-200: #a1a9b8;
  --neutral-300: #858fa3;
  --neutral-35: #f6f6f8;
  --neutral-400: #69758e;
  --neutral-50: #eceef1;
  --neutral-500: #445371;
  --neutral-600: #3a4760;
  --neutral-700: #303a4f;
  --neutral-800: #293244;
  --neutral-900: #222a39;
  --neutral-950: #1d2431;
  --neutral-975: #181d28;
  --neutral-980: #0e1117;
  --status-01-100: #71d4bc;
  --status-01-20: #c6ede4;
  --status-01-200: #55cbaf;
  --status-01-300: #38c3a2;
  --status-01-35: #aae5d7;
  --status-01-400: #1cba95;
  --status-01-5: #e2f6f1;
  --status-01-50: #8ddcca;
  --status-01-500: #00b288;
  --status-01-600: #009e78;
  --status-01-700: #008a69;
  --status-01-800: #00765a;
  --status-01-900: #00624b;
  --status-01-950: #004f3c;
  --status-01-975: #003b2d;
  --status-01-980: #00271e;
  --status-01-status-01-995: #00130f;
  --status-02-100: #7ac2d9;
  --status-02-20: #cae6ef;
  --status-02-200: #60b6d1;
  --status-02-300: #45aaca;
  --status-02-35: #afdae8;
  --status-02-400: #2b9ec2;
  --status-02-5: #e4f2f7;
  --status-02-50: #95cee0;
  --status-02-500: #1192bb;
  --status-02-600: #0f81a6;
  --status-02-700: #0d7191;
  --status-02-800: #0b617c;
  --status-02-900: #095167;
  --status-02-950: #074053;
  --status-02-975: #05303e;
  --status-02-980: #032029;
  --status-02-status-02-995: #011014;
  --status-03-100: #ab9ef9;
  --status-03-20: #ddd8fc;
  --status-03-200: #9b8bf8;
  --status-03-300: #8a78f7;
  --status-03-35: #cdc5fb;
  --status-03-400: #7965f6;
  --status-03-5: #eeebfd;
  --status-03-50: #bcb2fa;
  --status-03-500: #6952f5;
  --status-03-600: #5d48d9;
  --status-03-700: #513fbe;
  --status-03-800: #4636a3;
  --status-03-900: #3a2d88;
  --status-03-950: #2e246c;
  --status-03-975: #231b51;
  --status-03-980: #171236;
  --status-03-status-03-995: #0b091b;
  --status-04-100: #c685ff;
  --status-04-20: #e8ceff;
  --status-04-200: #bb6dff;
  --status-04-300: #af54ff;
  --status-04-35: #ddb6ff;
  --status-04-400: #a43cff;
  --status-04-5: #f3e6ff;
  --status-04-50: #d19dff;
  --status-04-500: #9924ff;
  --status-04-600: #8820e2;
  --status-04-700: #771cc6;
  --status-04-800: #6618aa;
  --status-04-900: #55148d;
  --status-04-950: #441071;
  --status-04-975: #330c55;
  --status-04-980: #220838;
  --status-04-status-04-995: #11041c;
  --status-05-100: #ef91b9;
  --status-05-20: #f8d3e3;
  --status-05-200: #ec7bab;
  --status-05-300: #e9659d;
  --status-05-35: #f5bdd5;
  --status-05-400: #e64f8f;
  --status-05-5: #fbe9f1;
  --status-05-50: #f2a7c7;
  --status-05-500: #e33a82;
  --status-05-600: #c93373;
  --status-05-700: #b02d65;
  --status-05-800: #972656;
  --status-05-900: #7e2048;
  --status-05-950: #641939;
  --status-05-975: #4b132b;
  --status-05-980: #320c1c;
  --status-05-status-05-995: #19060e;
  --status-06-100: #fc9f71;
  --status-06-20: #fdd8c6;
  --status-06-200: #fb8c55;
  --status-06-300: #fb7938;
  --status-06-35: #fdc5aa;
  --status-06-400: #fa661c;
  --status-06-5: #feebe2;
  --status-06-50: #fcb28d;
  --status-06-500: #fa5300;
  --status-06-600: #de4900;
  --status-06-700: #c24000;
  --status-06-800: #a63700;
  --status-06-900: #8a2e00;
  --status-06-950: #6f2400;
  --status-06-975: #531b00;
  --status-06-980: #371200;
  --status-06-995: #1b0900;
  --success-100: #71c992;
  --success-20: #c6e9d3;
  --success-200: #55bf7d;
  --success-300: #39b467;
  --success-35: #aadfbe;
  --success-400: #1da951;
  --success-5: #e2f4e9;
  --success-50: #8ed4a8;
  --success-500: #019f3c;
  --success-600: #008d35;
  --success-700: #007b2e;
  --success-800: #006a28;
  --success-900: #005821;
  --success-950: #00461a;
  --success-975: #003514;
  --success-980: #00230d;
  --success-995: #001106;
  --warning-100: #f7c171;
  --warning-20: #fce6c6;
  --warning-200: #f6b555;
  --warning-300: #f4a938;
  --warning-35: #fadaaa;
  --warning-400: #f39d1c;
  --warning-5: #fdf2e2;
  --warning-50: #f9ce8d;
  --warning-500: #f29100;
  --warning-600: #d78000;
  --warning-700: #bc7000;
  --warning-800: #a16000;
  --warning-900: #865000;
  --warning-950: #6b4000;
  --warning-975: #503000;
  --warning-980: #352000;
  --warning-995: #1a1000;
  --border-radius-none: 0px;
  --border-radius-2xs: 2px;
  --border-radius-xs: 4px;
  --border-radius-s: 6px;
  --border-radius-m: 8px;
  --border-radius-l: 12px;
  --border-radius-xl: 16px;
  --border-radius-2xl: 24px;
  --spacing-0-5x: 2px;
  --spacing-1x: 4px;
  --spacing-1-5x: 6px;
  --spacing-2x: 8px;
  --spacing-3x: 12px;
  --spacing-4x: 16px;
  --spacing-4-5x: 18px;
  --spacing-5x: 20px;
  --spacing-6x: 24px;
  --spacing-8x: 32px;
  --spacing-10x: 40px;
  --spacing-12x: 48px;
  --spacing-16x: 64px;
  -footer: var(--neutral-50);
    --badge-contrast-background: var(--neutral-500);
    --badge-contrast-icon: var(--neutral-20);

    --badge-neutral-background: var(--neutral-50);
    --badge-neutral-background-hover: var(--neutral-100);
    --badge-neutral-icon: var(--neutral-500);
    --badge-neutral-text: var(--neutral-500);
    --badge-stroke-border: var(--neutral-100);
    --badge-stroke-border-hover: var(--neutral-300);
    --badge-stroke-icon: var(--neutral-500);
    --badge-stroke-text: var(--neutral-500);
    --badge-transparent-background: #293244a3;
    --badge-transparent-background-hover: var(--neutral-600);
    --badge-transparent-icon: var(--neutral-20);
    --badge-transparent-text: var(--neutral-20);
    --buttons-button-link-default-icon: var(--accent-600);
    --buttons-button-link-default-text: var(--accent-600);
    --buttons-button-link-hover-icon: var(--accent-800);
    --buttons-button-link-hover-text: var(--accent-800);
    --buttons-button-link-press-icon: var(--accent-950);
    --buttons-button-link-press-text: var(--accent-950);
    --buttons-contrast-default-background: var(--accent-500);
    --buttons-contrast-default-icon: var(--accent-5);
    --buttons-contrast-default-text: var(--accent-5);
    --buttons-contrast-hover-background: var(--accent-600);
    --buttons-contrast-hover-icon: var(--accent-20);
    --buttons-contrast-hover-text: var(--accent-20);
    --buttons-contrast-press-background: var(--accent-700);
    --buttons-contrast-press-icon: var(--accent-35);
    --buttons-contrast-press-text: var(--accent-35);
    --buttons-nautral-default-background: var(--accent-5);
    --buttons-nautral-default-icon: var(--accent-600);
    --buttons-nautral-default-stroke: var(--neutral-100);
    --buttons-nautral-default-text: var(--accent-600);
    --buttons-nautral-hover-background: var(--accent-20);
    --buttons-nautral-hover-icon: var(--accent-700);
    --buttons-nautral-hover-stroke: var(--accent-700);
    --buttons-nautral-hover-text: var(--accent-700);
    --buttons-nautral-press-background: var(--accent-35);
    --buttons-nautral-press-icon: var(--accent-800);
    --buttons-nautral-press-text: var(--accent-800);
    --checkbox-default-background: var(--accent-500);
    --checkbox-default-icon: var(--neutral-0);
    --checkbox-default-stroke: var(--neutral-200);
    --checkbox-disable-background: var(--neutral-50);
    --checkbox-disable-icon: var(--neutral-300);
    --checkbox-disable-stroke: var(--neutral-100);
    --checkbox-error-background: var(--error-500);
    --checkbox-error-icon: var(--neutral-0);
}
[data-theme="Light"] {
  --footer: var(--neutral-50);
  --badge-contrast-background: var(--neutral-500);
  --badge-contrast-icon: var(--neutral-20);
  --badge-contrast-text: var(--neutral-20);
  --badge-neutral-background: var(--neutral-50);
  --badge-neutral-background-hover: var(--neutral-100);
  --badge-neutral-icon: var(--neutral-500);
  --badge-neutral-text: var(--neutral-500);
  --badge-stroke-border: var(--neutral-100);
  --badge-stroke-border-hover: var(--neutral-300);
  --badge-stroke-icon: var(--neutral-500);
  --badge-stroke-text: var(--neutral-500);
  --badge-transparent-background: #293244a3;
  --badge-transparent-background-hover: var(--neutral-600);
  --badge-transparent-icon: var(--neutral-20);
  --badge-transparent-text: var(--neutral-20);
  --buttons-button-link-default-icon: var(--accent-600);
  --buttons-button-link-default-text: var(--accent-600);
  --buttons-button-link-hover-icon: var(--accent-800);
  --buttons-button-link-hover-text: var(--accent-800);
  --buttons-button-link-press-icon: var(--accent-950);
  --buttons-button-link-press-text: var(--accent-950);
  --buttons-contrast-default-background: var(--accent-500);
  --buttons-contrast-default-icon: var(--accent-5);
  --buttons-contrast-default-text: var(--accent-5);
  --buttons-contrast-hover-background: var(--accent-600);
  --buttons-contrast-hover-icon: var(--accent-20);
  --buttons-contrast-hover-text: var(--accent-20);
  --buttons-contrast-press-background: var(--accent-700);
  --buttons-contrast-press-icon: var(--accent-35);
  --buttons-contrast-press-text: var(--accent-35);
  --buttons-nautral-default-background: var(--accent-5);
  --buttons-nautral-default-icon: var(--accent-600);
  --buttons-nautral-default-stroke: var(--neutral-100);
  --buttons-nautral-default-text: var(--accent-600);
  --buttons-nautral-hover-background: var(--accent-20);
  --buttons-nautral-hover-icon: var(--accent-700);
  --buttons-nautral-hover-stroke: var(--accent-700);
  --buttons-nautral-hover-text: var(--accent-700);
  --buttons-nautral-press-background: var(--accent-35);
  --buttons-nautral-press-icon: var(--accent-800);
  --buttons-nautral-press-text: var(--accent-800);
  --checkbox-default-background: var(--accent-500);
  --checkbox-default-icon: var(--neutral-0);
  --checkbox-default-stroke: var(--neutral-200);
  --checkbox-disable-background: var(--neutral-50);
  --checkbox-disable-icon: var(--neutral-300);
  --checkbox-disable-stroke: var(--neutral-100);
  --checkbox-error-background: var(--error-500);
  --checkbox-error-icon: var(--neutral-0);
  --checkbox-error-stroke: var(--error-500);
  --checkbox-hover-background: var(--accent-700);
  --checkbox-hover-icon: var(--neutral-0);
  --checkbox-hover-stroke: var(--accent-700);
  --dropdowns-default-background: var(--neutral-35);
  --dropdowns-default-icon: var(--accent-500);
  --dropdowns-default-text: var(--accent-500);
  --dropdowns-hover-color: var(--accent-600);
  --dropdowns-hover-background: var(--neutral-50);
  --dropdowns-hover-icon: var(--accent-600);
  --dropdowns-press-background: var(--neutral-100);
  --dropdowns-press-icon: var(--accent-700);
  --dropdowns-press-text: var(--accent-700);
  --elements-background-accent: var(--accent-20);
  --elements-background-ads: var(--accent-5);
  --elements-background-contrast: var(--neutral-0);
  --elements-background-default: var(--neutral-35);
  --elements-divider-contrast: var(--neutral-100);
  --elements-divider-default: var(--neutral-50);
  --elements-icon-accent: var(--accent-500);
  --elements-icon-contrast: var(--neutral-0);
  --elements-icon-neutral: var(--neutral-500);
  --elements-text-contrast: var(--neutral-0);
  --elements-text-contrast-secondary: var(--neutral-100);
  --elements-text-hover: var(--accent-500);
  --elements-text-main: var(--neutral-975);
  --elements-text-secondary: var(--neutral-500);
  --feedback-stars-default: var(--warning-400);
  --feedback-stars-hover: var(--warning-600);
  --inputs-default-background: var(--neutral-0);
  --inputs-default-description: var(--neutral-400);
  --inputs-default-icon: var(--neutral-400);
  --inputs-default-placeholder: var(--neutral-200);
  --inputs-default-stroke: var(--neutral-200);
  --inputs-default-title: var(--neutral-975);
  --inputs-filled-placeholder: var(--neutral-975);
  --inputs-hover-cursor: var(--accent-500);
  --inputs-hover-icon: var(--neutral-400);
  --inputs-hover-placeholder: var(--neutral-975);
  --inputs-hover-stroke: var(--accent-500);
  --logotype-25years-numbers: #e4bf1d;
  --logotype-25years-text: #376fd6;
  --logotype-default-text: #000;
  --states-icon-warning: var(--warning-500);
  --states-disable-background: var(--neutral-50);
  --states-disable-icon: var(--neutral-300);
  --states-disable-stroke: var(--neutral-100);
  --states-disable-text: var(--neutral-300);
  --states-error-icon: var(--error-600);
  --states-error-stroke: var(--error-100);
  --states-error-text: var(--error-600);
  --states-success-icon: var(--success-600);
  --states-success-stroke: var(--success-100);
  --states-success-text: var(--success-600);
  --title-link-default-icon: var(--neutral-975);
  --title-link-default-text: var(--neutral-975);
  --title-link-hover-icon: var(--neutral-800);
  --title-link-hover-text: var(--neutral-800);
  --title-link-press-icon: var(--neutral-500);
  --title-link-press-text: var(--neutral-500);
  --tool-tip-arrow: var(--neutral-200);
  --tool-tip-background: var(--neutral-0);
  --tool-tip-border: var(--neutral-200);
  --tool-tip-subtitle: var(--neutral-300);
  --tool-tip-title: var(--neutral-975);
}
/* [data-theme="Dark"] {
  --footer: var(--neutral-980);
  --badge-contrast-background: var(--neutral-20);
  --badge-contrast-icon: var(--neutral-975);
  --badge-contrast-text: var(--neutral-975);
  --badge-neutral-background: var(--neutral-800);
  --badge-neutral-background-hover: var(--neutral-600);
  --badge-neutral-icon: var(--neutral-100);
  --badge-neutral-text: var(--neutral-100);
  --badge-stroke-border: var(--neutral-500);
  --badge-stroke-border-hover: var(--neutral-200);
  --badge-stroke-icon: var(--neutral-100);
  --badge-stroke-text: var(--neutral-100);
  --badge-transparent-background: #293244a3;
  --badge-transparent-background-hover: var(--neutral-600);
  --badge-transparent-icon: var(--neutral-20);
  --badge-transparent-text: var(--neutral-20);
  --buttons-button-link-default-icon: var(--accent-100);
  --buttons-button-link-default-text: var(--accent-100);
  --buttons-button-link-hover-icon: var(--accent-50);
  --buttons-button-link-hover-text: var(--accent-50);
  --buttons-button-link-press-icon: var(--accent-20);
  --buttons-button-link-press-text: var(--accent-20);
  --buttons-contrast-default-background: var(--accent-500);
  --buttons-contrast-default-icon: var(--accent-5);
  --buttons-contrast-default-text: var(--accent-5);
  --buttons-contrast-hover-background: var(--accent-600);
  --buttons-contrast-hover-icon: var(--accent-20);
  --buttons-contrast-hover-text: var(--accent-20);
  --buttons-contrast-press-background: var(--accent-700);
  --buttons-contrast-press-icon: var(--accent-50);
  --buttons-contrast-press-text: var(--accent-50);
  --buttons-nautral-default-background: var(--accent-950);
  --buttons-nautral-default-icon: var(--accent-100);
  --buttons-nautral-default-stroke: var(--neutral-500);
  --buttons-nautral-default-text: var(--accent-100);
  --buttons-nautral-hover-background: var(--accent-900);
  --buttons-nautral-hover-icon: var(--accent-50);
  --buttons-nautral-hover-stroke: var(--accent-20);
  --buttons-nautral-hover-text: var(--accent-50);
  --buttons-nautral-press-background: var(--accent-800);
  --buttons-nautral-press-icon: var(--accent-200);
  --buttons-nautral-press-text: var(--accent-200);
  --checkbox-default-background: var(--accent-300);
  --checkbox-default-icon: var(--neutral-0);
  --checkbox-default-stroke: var(--neutral-500);
  --checkbox-disable-background: var(--neutral-950);
  --checkbox-disable-icon: var(--neutral-500);
  --checkbox-disable-stroke: var(--neutral-975);
  --checkbox-error-background: var(--error-300);
  --checkbox-error-icon: var(--neutral-0);
  --checkbox-error-stroke: var(--error-300);
  --checkbox-hover-background: var(--accent-100);
  --checkbox-hover-icon: var(--neutral-0);
  --checkbox-hover-stroke: var(--accent-100);
  --dropdowns-default-background: var(--neutral-950);
  --dropdowns-default-icon: var(--accent-100);
  --dropdowns-default-text: var(--accent-100);
  --dropdowns-hover-color: var(--accent-200);
  --dropdowns-hover-background: var(--neutral-900);
  --dropdowns-hover-icon: var(--accent-50);
  --dropdowns-press-background: var(--neutral-800);
  --dropdowns-press-icon: var(--accent-200);
  --dropdowns-press-text: var(--accent-200);
  --elements-background-accent: var(--accent-950);
  --elements-background-ads: var(--accent-990);
  --elements-background-contrast: var(--neutral-975);
  --elements-background-default: var(--neutral-950);
  --elements-divider-contrast: var(--neutral-800);
  --elements-divider-default: var(--neutral-900);
  --elements-icon-accent: var(--accent-200);
  --elements-icon-contrast: var(--neutral-0);
  --elements-icon-neutral: var(--neutral-200);
  --elements-text-contrast: var(--neutral-0);
  --elements-text-contrast-secondary: var(--neutral-100);
  --elements-text-hover: var(--accent-200);
  --elements-text-main: var(--neutral-35);
  --elements-text-secondary: var(--neutral-300);
  --feedback-stars-default: var(--warning-200);
  --feedback-stars-hover: var(--warning-50);
  --inputs-default-background: var(--neutral-700);
  --inputs-default-description: var(--neutral-600);
  --inputs-default-icon: var(--neutral-200);
  --inputs-default-placeholder: var(--neutral-400);
  --inputs-default-stroke: var(--neutral-500);
  --inputs-default-title: var(--neutral-0);
  --inputs-filled-placeholder: var(--neutral-0);
  --inputs-hover-cursor: var(--accent-300);
  --inputs-hover-icon: var(--neutral-600);
  --inputs-hover-placeholder: var(--neutral-0);
  --inputs-hover-stroke: var(--accent-300);
  --logotype-25years-numbers: #e4bf1d;
  --logotype-25years-text: #fff;
  --logotype-default-text: #fff;
  --states-icon-warning: var(--warning-500);
  --states-disable-background: var(--neutral-950);
  --states-disable-icon: var(--neutral-500);
  --states-disable-stroke: var(--neutral-975);
  --states-disable-text: var(--neutral-500);
  --states-error-icon: var(--error-600);
  --states-error-stroke: var(--error-100);
  --states-error-text: var(--error-600);
  --states-success-icon: var(--success-600);
  --states-success-stroke: var(--success-100);
  --states-success-text: var(--success-600);
  --title-link-default-icon: var(--neutral-20);
  --title-link-default-text: var(--neutral-20);
  --title-link-hover-icon: var(--neutral-200);
  --title-link-hover-text: var(--neutral-200);
  --title-link-press-icon: var(--neutral-400);
  --title-link-press-text: var(--neutral-400);
  --tool-tip-arrow: var(--neutral-800);
  --tool-tip-background: var(--accent-995);
  --tool-tip-border: var(--neutral-800);
  --tool-tip-subtitle: var(--neutral-300);
  --tool-tip-title: var(--neutral-0);
} */
body {
  font-family: system-ui, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: var(--elements-text-main);
  background: var(--elements-background-default);
  position: relative;
}
body.lock {
  overflow: hidden;
}
.container {
  max-width: 1220px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
main {
  position: relative;
  background: var(--elements-background-default);
  max-width: 1220px;
  margin: 0 auto;
  padding-top: 20px;
}
main.mt120 {
  margin-top: 120px;
}
a {
  color: var(--buttons-button-link-default-text);
}
a:hover {
  color: var(--buttons-button-link-hover-text);
}
h1 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
}
h2 {
  font-size: 22px;
  line-height: 24px;
}
h3 {
  font-size: 18px;
  line-height: 20px;
}
h4 {
  font-size: 16px;
  line-height: 20px;
}
h5 {
  font-size: 14px;
  line-height: 20px;
}
.max-h-250 {
  min-height: 250px;
}
.max-h-250 img {
  height: 250px !important;
}
.max-h-600 {
  min-height: 600px;
}
.w-100 {
  width: 100%;
}
.z-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}
[class*="z-col-"] {
  padding: 0 10px;
}
.psticky {
  position: sticky;
  top: 130px;
}
.icon {
  width: 24px;
  height: 24px;
  fill: var(--buttons-nautral-default-icon);
}
.icon-flash {
  fill: var(--states-icon-warning);
}
.weather-icon {
  width: 64px;
  height: 64px;
}
.logo {
  fill: var(--logotype-25years-text);
}
.d-flex {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mt0 {
  margin-top: 0;
}
.mt6 {
  margin-top: var(--spacing-6x);
}
.mb2 {
  margin-bottom: var(--spacing-2x);
}
.mb5 {
  margin-bottom: var(--spacing-5x);
}
.mb6 {
  margin-bottom: var(--spacing-6x);
}
.mb8 {
  margin-bottom: var(--spacing-8x);
}
.pb4 {
  padding-bottom: var(--spacing-4x);
}
.pb5 {
  padding-bottom: var(--spacing-5x);
}
.pb6 {
  padding-bottom: var(--spacing-6x);
}
.pl0 {
  padding-left: 0;
}
.pr0 {
  padding-right: 0;
}
.mb5 {
  margin-bottom: var(--spacing-5x);
}
.mt5 {
  margin-top: var(--spacing-5x);
}
.newslist .scrollNews_btn {
  display: none;
}
.newslist .viewall {
  display: block;
}
.navigationsTab {
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-0-5x);
}
.navigationsTab--left {
  justify-content: flex-start;
}
.navigationsTab__link {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: var(--buttons-nautral-default-text);
  padding: var(--spacing-1x) var(--spacing-4x);
  border-radius: var(--border-radius-m);
}
.navigationsTab__link.active {
  background: var(--buttons-nautral-default-background);
}
.navigationsTab__link:hover {
  background: var(--buttons-nautral-default-background);
}
.privacy h1 {
  margin-bottom: var(--spacing-6x);
}
.privacy p {
  margin: var(--spacing-4x) 0;
}
.privacy ul {
  font-size: 18px;
}
.privacy ul li {
  margin: 10px 0;
}
.zkn-delay {
  margin: var(--spacing-6x) 0 var(--spacing-2x) 0;
  display: block;
  position: relative;
  padding-left: var(--spacing-8x);
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  user-select: none;
  color: var(--dropdowns-default-text);
}
.zkn-delay:hover {
  color: var(--dropdowns-hover-color);
}
.zkn-delay:hover > .zkn-delay_checkmark {
  border: 1px solid var(--buttons-button-link-default-text);
  transition: 0.5s;
  color: #f00;
}
.zkn-delay_check {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.zkn-delay_check:checked ~ .zkn-delay_checkmark {
  background-color: var(--buttons-button-link-default-text);
  transition: 0.5s;
}
.zkn-delay_check:checked ~ .zkn-delay_checkmark:after {
  display: block;
}
.zkn-delay_check:checked ~ .zkn-delay_text {
  color: var(--buttons-button-link-default-text);
  transition: 0.5s;
}
.zkn-delay_checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 19px;
  width: 19px;
  background: var(--dropdowns-default-background);
  border: 1px solid transparent;
}
.zkn-delay_checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.g-row {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: var(--spacing-5x);
}
.g-row.reverse {
  grid-template-columns: 1fr 300px;
}
.news-list {
  display: flex;
  flex-direction: column;
}
.news-list .news-and-ad {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--spacing-5x);
}
.news-list .news-and-ad__item {
  flex-grow: 1;
  margin-right: var(--spacing-5x);
}
.news-list .news-and-ad .info-block {
  width: 300px;
}
.news-inner .news-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-5x);
}
@media (max-width: 767px) {
  .g-row {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .g-row.reverse {
    grid-template-columns: 1fr;
  }
  .news-list .news-and-ad__item {
    margin-right: 0;
  }
  .news-list .news-inner {
    margin-right: 0;
  }
  .news-list .news-inner .news-items {
    margin-bottom: var(--spacing-6x);
    grid-template-columns: repeat(1, 1fr);
  }
}
.header {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1050;
  transition: top 0.5s;
  padding: var(--spacing-4x) 0;
  background: var(--elements-background-contrast);
}
.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .header__left {
  display: flex;
  align-items: center;
  gap: var(--spacing-6x);
}
.header .header__center {
  flex: 1;
  display: flex;
  justify-content: center;
}
.header .logo {
  flex: 1;
  display: flex;
  justify-content: center;
}
.boxshadow {
  box-shadow: 0 0 8px 0 rgba(171, 190, 228, 0.1019607843),
    0 2px 4px 0 rgba(68, 83, 113, 0.05);
}
@media (max-width: 767px) {
  .boxshadow {
    box-shadow: none;
  }
  .boxshadowMob {
    box-shadow: 0 0 8px 0 rgba(171, 190, 228, 0.1019607843),
      0 2px 4px 0 rgba(68, 83, 113, 0.05);
    border-radius: var(--border-radius-m);
  }
}
.menu {
  overflow-x: auto;
}
.menu::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0;
  height: 0;
  display: none;
}
.menu__list {
  display: flex;
  align-items: center;
  gap: 0 var(--spacing-4x);
}
.menu__item {
  display: flex;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .menu__item:last-child {
    padding-right: var(--border-radius-xl);
  }
}
.user-actions {
  display: flex;
  flex: 1;
  justify-content: end;
  align-items: center;
  gap: var(--spacing-2x);
}
.user-actions__btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: var(--buttons-nautral-default-background);
  border-radius: var(--border-radius-m);
}
.user-actions__btn svg {
  fill: var(--buttons-nautral-default-icon);
  transition: all 0.3s ease 0s;
}
.user-actions__btn:hover {
  background: var(--buttons-nautral-hover-background);
}
.user-actions__btn:hover svg {
  fill: var(--buttons-nautral-hover-icon);
  transform: rotate(90deg);
}
.user-actions__btn:hover .user-actions__menu::before,
.user-actions__btn:hover .user-actions__menu::after,
.user-actions__btn:hover .user-actions__menu span {
  background: var(--buttons-nautral-hover-icon);
}
.user-actions__btn:active {
  background: var(--buttons-nautral-press-background);
}
.user-actions__btn:active svg {
  fill: var(--buttons-nautral-press-icon);
}
.user-actions__btn:active .user-actions__menu::before,
.user-actions__btn:active .user-actions__menu::after,
.user-actions__btn:active .user-actions__menu span {
  background: var(--buttons-nautral-press-icon);
}
.user-actions__menu {
  position: relative;
  display: block;
  cursor: pointer;
  width: 20px;
  height: 12px;
}
.user-actions__menu span {
  position: absolute;
  background: var(--buttons-nautral-default-icon);
  left: 0;
  width: 100%;
  height: 2px;
  top: 5px;
  transition: all 0.3s ease 0s;
}
.user-actions__menu::before,
.user-actions__menu::after {
  content: "";
  background: var(--buttons-nautral-default-icon);
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  transition: all 0.3s ease 0s;
}
.user-actions__menu::before {
  top: 0;
}
.user-actions__menu::after {
  bottom: 0;
}
.user-actions__menu.active span {
  transform: scale(0);
}
.user-actions__menu.active::before {
  transform: rotate(45deg);
  top: 5px;
}
.user-actions__menu.active::after {
  transform: rotate(-45deg);
  bottom: 5px;
}
.tags {
  display: flex;
  align-items: center;
  gap: 8px;
}
.hashtags {
  padding-top: var(--spacing-4x);
}
.hashtags__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-4x);
}
.headerMenu {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  opacity: 0;
  z-index: 1050;
  max-height: 0;
  overflow: hidden;
  background: var(--elements-background-contrast);
  box-shadow: 0 8px 8px 0 rgba(171, 190, 228, 0.1019607843),
    0 2px 4px 0 rgba(68, 83, 113, 0.05);
  user-select: none;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  height: 100vh;
}
.headerMenu__inner {
  padding-bottom: var(--spacing-8x);
}
.headerMenu.show {
  display: block;
  opacity: 1;
  max-height: calc(100vh - 50px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.headerMenu .search-block {
  display: none;
  padding: var(--spacing-5x) 0;
  border-top: 1px solid var(--elements-divider-default);
  border-bottom: 1px solid var(--elements-divider-default);
}
.headerMenu .search-block__inner {
  display: flex;
  gap: var(--spacing-2x);
}
.rublic {
  padding-top: var(--spacing-5x);
  border-top: 1px solid var(--elements-divider-default);
}
.rublic .rublicHead {
  padding-bottom: var(--spacing-5x);
  margin-bottom: var(--spacing-5x);
  border-bottom: 1px solid var(--elements-divider-default);
}
.rublic .rublicHead .social-list img {
  width: 36px;
  height: 36px;
}
@media (max-width: 767px) {
  .rublic .rublicHead__socBlock {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4x);
  }
}
.rublic__link {
  display: table;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 1px;
  margin-bottom: var(--spacing-2x);
  text-decoration: none;
}
.rublic__link--archive {
  margin-bottom: var(--spacing-4x);
}
.rublic__link:hover {
  color: var(--buttons-button-link-hover-text);
}
@media (max-width: 767px) {
  .rublic .rublic__link--archive {
    margin-bottom: var(--spacing-5x);
  }
}
.rublic__item {
  padding-bottom: var(--spacing-6x);
}
.rublic__title {
  color: var(--elements-text-main);
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  padding-bottom: var(--spacing-2x);
}
.rublic .social-list img {
  width: 24px;
  height: 24px;
}
.footer {
  position: relative;
  background: var(--footer);
  padding: var(--spacing-16x) 0;
}
.footer__item {
  padding-bottom: var(--spacing-6x);
}
.footer__link {
  display: table;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 1px;
  margin-bottom: var(--spacing-2x);
  text-decoration: none;
}
.footer__link:hover {
  color: var(--buttons-button-link-hover-text);
}
.footer__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  padding: 0 0 var(--spacing-4x) 0;
}
.footer__title--sm {
  padding: 0 0 var(--spacing-2x) 0;
}
.footer__info {
  font-size: 14px;
  line-height: 20px;
  color: var(--buttons-nautral-default-text);
}
.footer .footerInfoInner__item {
  margin-bottom: var(--spacing-4x);
}
.footer .footerInfoInner__item:last-child {
  margin-bottom: 0;
}
.footer .users-info {
  margin: var(--spacing-6x) 0;
  padding: var(--spacing-6x) 0;
  border-top: 1px solid var(--elements-divider-contrast);
  border-bottom: 1px solid var(--elements-divider-contrast);
}
.footer .users-info__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer .text-info {
  font-size: 14px;
  line-height: 20px;
  color: var(--elements-text-main);
}
.footer .adultInner {
  display: flex;
  justify-content: flex-end;
}
.footer .adultInner .adult {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--elements-background-accent);
}
.footer .adultInner .adult__age {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: var(--elements-text-main);
}
.footer .copyright__inner {
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.badge {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 var(--spacing-2x);
  background-color: transparent;
  border-radius: var(--border-radius-m);
  background: var(--badge-neutral-background);
  color: var(--badge-neutral-text);
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.3s ease, background 0.3s ease, fill 0.3s ease,
    outline-color 0.3s ease;
}
.badge.transparent {
  background: var(--badge-transparent-background);
  color: var(--badge-transparent-text);
}
.badge.transparent:hover {
  background: var(--badge-transparent-background-hover);
}
.badge:hover {
  background: var(--badge-neutral-background-hover);
}
.badge.modifyBg__red {
  background-color: #c90010;
}
.badge.modifyBg__red:hover {
  background-color: color-mix(in srgb, #000 20%, #c90010);
}
.badge.modifyBg__green {
  background-color: #009b9b;
}
.badge.modifyBg__green:hover {
  background-color: color-mix(in srgb, #000 20%, #009b9b);
}
.badge.outline {
  color: var(--badge-stroke-text);
  outline: 1px solid var(--badge-stroke-border);
  background: none;
}
.badge.outline:hover {
  outline: 1px solid var(--badge-stroke-border-hover);
}
.badge.small {
  height: 20px;
  font-size: 12px;
  line-height: 1em;
  gap: var(--spacing-1x);
}
.badge.medium {
  height: 24px;
  font-size: 14px;
  line-height: 1em;
  gap: var(--spacing-1-5x);
}
.badge.large {
  height: 28px;
  font-size: 16px;
  line-height: 1em;
  gap: var(--spacing-1-5x);
}
.badgeHref {
  color: var(--buttons-button-link-default-text);
  font-size: 14px;
  line-height: 20px;
}
.badgeHref:hover {
  color: var(--buttons-button-link-hover-text);
}
.badgeHref:active {
  color: var(--buttons-button-link-press-text);
}
.whosyourdaddy {
  margin-bottom: 15px;
}
.whosyourdaddy .badge {
  background: var(--buttons-nautral-default-background);
  color: var(--buttons-nautral-default-icon);
}
.whosyourdaddy .badge:hover {
  background: var(--buttons-nautral-hover-background);
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  color: var(--buttons-nautral-default-text);
  background: var(--buttons-nautral-default-background);
  font-weight: 400;
  border-radius: var(--border-radius-m);
  fill: var(--buttons-nautral-default-icon);
  transition: color 0.3s ease, background 0.3s ease, fill 0.3s ease;
}
.btn.primary {
  background-color: var(--buttons-contrast-default-background);
  color: var(--buttons-contrast-default-text);
}
.btn.primary:hover {
  background-color: var(--buttons-contrast-hover-background);
  color: var(--buttons-contrast-hover-text);
}
.btn.primary .icon {
  fill: var(--buttons-contrast-default-icon);
}
.btn.primary:not(:disabled):not(.disabled):active {
  background: var(--buttons-contrast-press-background);
  color: var(--buttons-contrast-press-text);
}
.btn.primary:not(:disabled):not(.disabled):active svg {
  fill: var(--buttons-contrast-press-icon);
}
.btn .icon {
  fill: var(--buttons-nautral-default-icon);
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active {
  color: var(--buttons-nautral-press-text);
  background: var(--buttons-nautral-press-background);
}
.btn:not(:disabled):not(.disabled):active svg {
  fill: var(--buttons-nautral-press-icon);
}
.btn:not(:disabled):not(.disabled).link:active {
  color: var(--buttons-nautral-press-button-link);
  background: none !important;
}
.btn:not(:disabled):not(.disabled).link:active .icon {
  fill: var(--buttons-nautral-press-button-link);
}
.btn:hover {
  color: var(--buttons-nautral-hover-text);
  background: var(--buttons-nautral-hover-background);
}
.btn:hover svg {
  fill: var(--buttons-nautral-hover-icon);
}
.btn:disabled {
  color: var(--states-disable-text);
  background: var(--states-disable-background);
}
.btn:disabled svg {
  fill: var(--states-disable-icon);
}
.btn.small {
  font-size: 14px;
  line-height: 20px;
  gap: var(--spacing-1x);
}
.btn.small.standard {
  padding: var(--spacing-1x) var(--spacing-3x);
}
.btn.small.standard img {
  width: 16px;
  height: 16px;
}
.btn.small.standard .icon {
  width: 16px;
  height: 16px;
}
.btn.small.iconButton {
  padding: var(--spacing-1-5x);
}
.btn.small.iconButton img {
  width: 16px;
  height: 16px;
}
.btn.small.iconButton .icon {
  width: 16px;
  height: 16px;
}
.btn.medium {
  font-size: 14px;
  line-height: 20px;
  gap: var(--spacing-1x);
}
.btn.medium.standard {
  padding: var(--spacing-2x) var(--spacing-3x);
}
.btn.medium.standard img {
  width: 16px;
  height: 16px;
}
.btn.medium.standard .icon {
  width: 16px;
  height: 16px;
}
.btn.medium.link {
  font-size: 16px;
  line-height: 24px;
}
.btn.medium.iconButton {
  padding: var(--spacing-1-5x);
}
.btn.medium.iconButton img {
  width: 24px;
  height: 24px;
}
.btn.medium.iconButton .icon {
  width: 24px;
  height: 24px;
}
.btn.large {
  font-size: 16px;
  line-height: 24px;
  gap: var(--spacing-2x);
}
.btn.large.standard {
  padding: var(--spacing-2x) var(--spacing-4x);
}
.btn.large.standard img {
  width: 16px;
  height: 16px;
}
.btn.large.standard .icon {
  width: 16px;
  height: 16px;
}
.btn.large.iconButton {
  padding: var(--spacing-2x);
}
.btn.large.iconButton img {
  width: 24px;
  height: 24px;
}
.btn.large.iconButton .icon {
  width: 24px;
  height: 24px;
}
.btn.xlarge {
  font-size: 16px;
  line-height: 24px;
  gap: var(--spacing-2x);
}
.btn.xlarge.standard {
  padding: var(--spacing-4x);
}
.btn.xlarge.standard img {
  width: 24px;
  height: 24px;
}
.btn.xlarge.standard .icon {
  width: 24px;
  height: 24px;
}
.btn.xlarge.iconButton {
  padding: var(--spacing-4x);
}
.btn.xlarge.iconButton img {
  width: 24px;
  height: 24px;
}
.btn.xlarge.iconButton .icon {
  width: 24px;
  height: 24px;
}
.btn.link {
  background: none;
  padding: 0 !important;
}
.btn.link:hover {
  background: none;
}
.avatarLink {
  color: var(--elements-text-main);
  text-decoration: none;
}
.avatarLink:hover {
  color: var(--elements-text-hover);
}
.avatar__img {
  border-radius: var(--border-radius-m);
  object-fit: cover;
  transition: transform 0.3s ease;
}
.avatar__name {
  font-weight: 600;
}
.avatar__description {
  font-weight: 600;
  margin-top: var(--spacing-1x);
  color: var(--elements-text-secondary);
}
.avatar__card {
  display: flex;
  align-items: center;
  gap: var(--spacing-4x);
}
.avatar__card.circle img {
  border-radius: 50%;
}
.avatar__card.small img {
  min-width: 32px;
  min-height: 32px;
  width: 32px;
  height: 32px;
}
.avatar__card.medium img {
  min-width: 64px;
  min-height: 64px;
  width: 64px;
  height: 64px;
}
.avatar__card.medium svg {
  width: 64px;
  height: 64px;
  fill: var(--elements-icon-neutral);
}
.avatar__card.medium .avatar__name {
  font-size: 18px;
  line-height: 20px;
}
.avatar__card.medium .avatar__description {
  font-size: 14px;
  line-height: 20px;
}
.avatar__card.large img {
  min-width: 96px;
  min-height: 96px;
  width: 96px;
  height: 96px;
}
.avatar__card.large svg {
  width: 96px;
  height: 96px;
  fill: var(--elements-icon-neutral);
}
.avatar__card.large .avatar__name {
  font-size: 28px;
  line-height: 32px;
}
.avatar__card.large .avatar__description {
  font-size: 16px;
  line-height: 24px;
}
.breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: var(--spacing-1x) 0;
  margin: 0;
  list-style: none;
}
.breadcrumb li {
  font-size: 12px;
  line-height: var(--spacing-4-5x);
}
.breadcrumb a {
  color: var(--buttons-nautral-default-text);
  display: block;
}
.breadcrumb a:hover {
  color: var(--buttons-nautral-hover-text);
}
.breadcrumb a:active {
  color: var(--buttons-nautral-press-button-link);
}
.breadcrumb li a:after {
  padding: 0 var(--spacing-2x) 0 var(--spacing-2x);
  color: var(--elements-text-main);
  content: "•";
}
.breadcrumb li:last-child a:after {
  content: "";
}
.opinion {
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--elements-background-contrast);
  color: var(--elements-text-main);
  padding: var(--spacing-4x);
  border-radius: var(--border-radius-m);
  gap: var(--spacing-3x);
}
.opinion__content p {
  color: var(--elements-text-main);
  font-size: 16px;
  line-height: 24px;
  margin: 0;
}
.opinion__content p:hover {
  color: var(--elements-text-hover);
}
.opinion__footer {
  display: flex;
  justify-content: space-between;
  color: var(--elements-text-secondary);
}
.opinion__dateline {
  font-size: 12px;
  line-height: 16px;
  display: inline-flex;
  align-items: center;
}
.opinion__comments {
  display: inline-flex;
  align-items: center;
  opacity: 0;
  transition: opacity 0.5s ease-out;
  margin-left: var(--spacing-4x);
}
.opinion__comments .icon {
  width: 14px;
  height: 14px;
  fill: var(--elements-text-secondary);
  margin-right: var(--spacing-1x);
}
.opinion__fixed {
  display: inline-flex;
  align-items: center;
}
.opinion__fixed .icon {
  width: 14px;
  height: 14px;
  fill: var(--elements-icon-neutral);
}
.newscard_link {
  display: block;
}
.newscard .dataId:empty:after {
  content: " ·";
  animation: dots 1s steps(6) infinite;
  font-size: 14px;
  color: var(--elements-text-contrast);
}
@keyframes dots {
  0%,
  20% {
    color: transparent;
    text-shadow: 0.3em 0 0 transparent, 0.6em 0 0 transparent;
  }
  40% {
    color: var(--elements-text-contrast);
    text-shadow: 0.3em 0 0 transparent, 0.6em 0 0 transparent;
  }
  60% {
    text-shadow: 0.3em 0 0 var(--elements-text-contrast), 0.6em 0 0 transparent;
  }
  80%,
  to {
    text-shadow: 0.3em 0 0 var(--elements-text-contrast),
      0.6em 0 0 var(--elements-text-contrast);
  }
}
.newscard__block {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-m);
}
.newscard__block:hover .newscard__image {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.newscard__block .newscard__image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.newscard__block .newscard__footer {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4x);
  position: absolute;
  bottom: var(--spacing-4x);
  left: var(--spacing-4x);
  right: var(--spacing-4x);
}
.newscard__block .newscard__footer .newscard__info {
  display: flex;
  justify-content: space-between;
  color: var(--elements-text-contrast);
}
.newscard__block .newscard__footer .newscard__info .newscard__dateline {
  display: inline-flex;
  align-items: center;
}
.newscard__block .newscard__footer .newscard__info .newscard_fixed {
  display: flex;
  align-items: center;
}
.newscard__block .newscard__footer .newscard__info .newscard_fixed .icon {
  width: 16px;
  height: 16px;
  fill: var(--elements-icon-contrast);
}
.newscard__block .newscard__footer .newscard__info .newscard__date {
  font-size: 14px;
  line-height: 20px;
  color: var(--elements-text-contrast);
}
.newscard__block .newscard__footer .newscard__info .newscard__comments {
  margin-left: var(--spacing-4x);
  font-size: 14px;
  line-height: 20px;
  color: var(--elements-text-contrast);
  display: inline-flex;
  align-items: center;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
.newscard__block .newscard__footer .newscard__info .newscard__comments.fade-in {
  opacity: 1;
}
.newscard__block .newscard__footer .newscard__info .newscard__comments .icon {
  width: 16px;
  height: 16px;
  fill: var(--elements-icon-contrast);
  margin-right: var(--spacing-1x);
}
.newscard__block.large .gradient::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.6) 100%
  );
}
.newscard__block.large .newscard__title {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  color: var(--elements-text-contrast);
}
.newscard__block.medium .gradient::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.6) 100%
  );
}
.newscard__block.medium .newscard__badge {
  position: absolute;
  top: var(--spacing-4x);
  left: var(--spacing-4x);
}
.newscard__block.medium .newscard_fixed .icon {
  width: 20px;
  height: 20px;
  fill: var(--elements-icon-contrast);
}
.newscard__block.small .newscard__badge {
  position: absolute;
  top: var(--spacing-2x);
  left: var(--spacing-2x);
}
.newscard.medium:hover .newscard__title {
  color: var(--elements-text-hover);
}
.newscard.medium:hover .newscard__image {
  transform: scale(1.05);
}
.newscard.medium .newscard__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--elements-text-main);
  margin-top: var(--spacing-2x);
}
.newscard.small {
  height: 100%;
}
.newscard.small:hover .newscard__title {
  color: var(--elements-text-hover);
}
.newscard.small .newscard__text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.newscard.small .newscard__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--elements-text-main);
  margin-top: var(--spacing-3x);
}
.newscard.small .newscard__title.bold {
  font-weight: 600;
}
.newscard.small .newscard__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--elements-text-secondary);
}
.newscard.small .newscard__info .newscard__date {
  font-size: 14px;
  line-height: 20px;
  color: var(--elements-text-secondary);
}
.newscard.small .newscard__info .newscard__dateline {
  display: inline-flex;
  align-items: center;
}
.newscard.small .newscard__info .newscard__comments {
  margin-left: var(--spacing-4x);
  font-size: 14px;
  line-height: 20px;
  color: var(--elements-text-secondary);
  display: inline-flex;
  align-items: center;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
.newscard.small .newscard__info .newscard__comments.fade-in {
  opacity: 1;
}
.newscard.small .newscard__info .newscard__comments .icon {
  width: 16px;
  height: 16px;
  fill: var(--elements-icon-neutral);
  margin-right: var(--spacing-1x);
}
.newscard.small .newscard__info .newscard_fixed .icon {
  width: 16px;
  height: 16px;
  fill: var(--elements-icon-neutral);
}
.newscard.xsmall {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2x);
  justify-content: space-between;
  height: 100%;
}
.newscard.xsmall .dataId:empty:after {
  content: " ·";
  animation: dots 1s steps(6) infinite;
  font-size: 14px;
  color: var(--elements-icon-neutral);
}
@keyframes dots {
  0%,
  20% {
    color: transparent;
    text-shadow: 0.3em 0 0 transparent, 0.6em 0 0 transparent;
  }
  40% {
    color: var(--elements-icon-neutral);
    text-shadow: 0.3em 0 0 transparent, 0.6em 0 0 transparent;
  }
  60% {
    text-shadow: 0.3em 0 0 var(--elements-icon-neutral), 0.6em 0 0 transparent;
  }
  80%,
  to {
    text-shadow: 0.3em 0 0 var(--elements-icon-neutral),
      0.6em 0 0 var(--elements-icon-neutral);
  }
}
.newscard.xsmall:hover .newscard__title {
  color: var(--elements-text-hover);
}
.newscard.xsmall .newscard__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--elements-text-main);
}
.newscard.xsmall .newscard__title.bold {
  font-weight: 600;
}
.newscard.xsmall .newscard__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--elements-text-secondary);
}
.newscard.xsmall .newscard__info .icon {
  width: 16px;
  height: 16px;
  fill: var(--elements-icon-accent);
}
.newscard.xsmall .newscard__info .icon.icon-fixed {
  fill: var(--elements-icon-neutral);
}
.newscard.xsmall .newscard__info .icon-flash {
  width: 16px;
  height: 16px;
}
.newscard.xsmall .newscard__info .newscard__dateline {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  line-height: 20px;
}
.newscard.xsmall .newscard__info .newscard__dateline .newscard__comments {
  display: inline-flex;
  align-items: center;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
.newscard.xsmall
  .newscard__info
  .newscard__dateline
  .newscard__comments.fade-in {
  opacity: 1;
}
.newscard.xsmall .newscard__info .newscard__dateline .newscard__comments .icon {
  width: 16px;
  height: 16px;
  margin: 0 var(--spacing-1x) 0 var(--spacing-4x);
  fill: var(--elements-icon-neutral);
}
.newscard.xsmall .newscard__info .date {
  font-size: 14px;
  line-height: 20px;
  color: var(--elements-text-secondary);
}
.newscard.xsmall .newscard__info .comments {
  margin-left: var(--spacing-4x);
  font-size: 14px;
  line-height: 20px;
  color: var(--elements-text-secondary);
}
.newscard.xsmall .newscard__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.newscard.xsmall .newscard__footer .icon {
  width: 16px;
  height: 16px;
  fill: var(--elements-icon-accent);
}
.newscard.xsmall .newscard__footer .icon-flash {
  width: 16px;
  height: 16px;
}
.newscard.mobile .gradient {
  position: relative;
  width: 107px;
  height: 60px;
  display: flex;
  flex-shrink: 0;
}
.newscard.mobile .gradient::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.6) 100%
  );
  border-radius: var(--border-radius-m);
}
.newscard.mobile .newscard__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--border-radius-m);
}
.newscard.mobile .newscard__title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--elements-text-main);
}
.newscard.mobile .newscard_fixed {
  display: flex;
  align-items: center;
}
.newscard.mobile .newscard_fixed .icon {
  width: 16px;
  height: 16px;
  fill: var(--elements-icon-neutral);
  margin-left: var(--spacing-2x);
}
.newscard.mobile .newscard__dateline {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  line-height: 16px;
  color: var(--elements-text-secondary);
}
.newscard.mobile .newscard__comments {
  display: inline-flex;
  align-items: center;
  margin-left: var(--spacing-2x);
}
.newscard.mobile .newscard__comments .icon {
  width: 16px;
  height: 16px;
  fill: var(--elements-icon-neutral);
  margin-right: var(--spacing-1x);
}
.tabs-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.tabs-container .btn-prev {
  position: absolute;
  left: 0;
  z-index: 10;
  top: 2px;
  box-shadow: 0 2px 2px 0 rgba(68, 83, 113, 0.2);
}
.tabs-container .btn-next {
  position: absolute;
  right: 0;
  z-index: 10;
  top: 2px;
  box-shadow: 0 2px 2px 0 rgba(68, 83, 113, 0.2);
}
.tabs-container .tabs {
  display: flex;
  flex-wrap: nowrap;
  background-color: var(--elements-background-default);
  border-radius: var(--border-radius-m);
  width: 100%;
  position: relative;
  margin-bottom: var(--spacing-6x);
  overflow-x: auto;
}
.tabs-container .tabs::-webkit-scrollbar {
  display: none;
}
.tabs-container .tabs__item {
  width: 100%;
  padding: var(--spacing-1x) var(--spacing-4x) var(--spacing-1x)
    var(--spacing-4x);
  border-radius: var(--border-radius-m);
  transition: color 0.1s ease;
  position: relative;
  display: inline-block;
  text-align: center;
  z-index: 1;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  color: var(--buttons-nautral-default-text);
  white-space: nowrap;
  user-select: none;
}
.tabs-container .tabs__item :hover {
  border-radius: var(--border-radius-m);
  color: var(--buttons-nautral-hover-text);
}
.tabs-container .tabs__item a {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.tabs-container .tabs__item.active {
  background-color: var(--buttons-nautral-default-background);
  color: var(--buttons-nautral-default-text);
}
.tabs-container .tabs__item.disabled {
  background-color: var(--states-disable-background);
  color: var(--states-disable-text);
  z-index: 1;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
.tabs-container .tabs__item.disabled a {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}
.tabs-container .tabs__item .icon {
  width: 20px;
  height: 20px;
  fill: var(--buttons-nautral-default-icon);
}
.tabs-container .tabs .highlight {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  background-color: var(--buttons-nautral-hover-background);
  opacity: 0;
  transition: left 0.3s ease, width 0.3s ease;
  border-radius: var(--border-radius-m);
  z-index: 0;
}
.tabs-container .tab-content {
  display: none;
}
.tabs-container .tab-content.active {
  display: flex;
}
.tabs-container .tab-content .list-wraper {
  width: 100%;
  background-color: var(--elements-background-contrast);
  padding: var(--spacing-4x);
  border-radius: var(--border-radius-m);
}
.social-list {
  display: flex;
  align-items: center;
  gap: var(--spacing-2x);
}
.social-list .socialLink {
  border-bottom: 0;
}
.social-list .socialLink:hover img {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}
.social-list img {
  width: 32px;
  height: 32px;
}
.newslist {
  background-color: var(--elements-background-contrast);
  padding: var(--spacing-5x);
  width: 100%;
  border-radius: var(--border-radius-m);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.newslist__header {
  margin-bottom: var(--spacing-6x);
}
.newslist .tab-content,
.newslist .newslist__block_news {
  flex-direction: column;
  max-height: 790px;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: var(--buttons-nautral-hover-background)
    var(--elements-background-default);
  padding-right: var(--spacing-2x);
}
.newslist .tab-content .newslist-popular .tab-content,
.newslist .newslist__block_news .newslist-popular .tab-content {
  max-height: 700px;
}
.newslist hr {
  margin: var(--spacing-4x) 0;
}
.newslist .tabs__item {
  font-size: 14px;
  line-height: 20px;
}
.newslist__bottom_button {
  margin-top: var(--spacing-5x);
}
.user-app label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: var(--spacing-2x);
}
.user-app__inner {
  display: flex;
  flex-direction: column;
}
.user-app__bottom {
  display: flex;
  align-items: center;
  gap: var(--spacing-2x);
}
.zkn-checkbox {
  margin: var(--spacing-6x) 0 var(--spacing-2x) 0;
  display: block;
  position: relative;
  padding-left: var(--spacing-8x);
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: var(--spacing-5x);
  user-select: none;
  color: var(--elements-text-main);
}
.zkn-checkbox:hover > .zkn-checkbox_checkmark {
  border: 2px solid var(--checkbox-hover-stroke);
  transition: 0.5s;
}
.zkn-checkbox_check {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.zkn-checkbox_check:checked ~ .zkn-checkbox_checkmark {
  background-color: var(--checkbox-default-background);
  border: 2px solid transparent;
  transition: 0.5s;
}
.zkn-checkbox:hover .zkn-checkbox_check:checked ~ .zkn-checkbox_checkmark {
  background-color: var(--checkbox-hover-background);
}
.zkn-checkbox_check:checked ~ .zkn-checkbox_checkmark:after {
  display: block;
}
.zkn-checkbox_check:checked ~ .zkn-checkbox_text {
  transition: 0.5s;
}
.zkn-checkbox_checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  padding: 2px;
  border: 2px solid var(--checkbox-default-stroke);
  border-radius: var(--border-radius-xs);
}
.zkn-checkbox_checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid var(--checkbox-default-icon);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.group-fild {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.group-fild label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: var(--inputs-default-title);
  margin-bottom: var(--spacing-1x);
}
.group-fild .description {
  font-size: 14px;
  line-height: 20px;
  margin-top: var(--spacing-2x);
  color: var(--inputs-default-description);
}
input.form-control {
  color: var(--elements-text-main);
  width: 100%;
  border: 1px solid var(--inputs-default-stroke);
  background: var(--inputs-default-background);
  border-radius: var(--border-radius-m);
  outline: 0;
}
input.form-control:disabled {
  background: var(--states-disable-background);
}
input.form-control::placeholder {
  color: var(--inputs-default-placeholder);
}
input.form-control:focus {
  border: 1px solid var(--inputs-hover-stroke);
}
input.form-control:focus::placeholder {
  color: var(--inputs-hover-placeholder);
}
input.form-control.small {
  font-size: 14px;
  line-height: 20px;
  padding: calc(var(--spacing-2x) - 1px) calc(var(--spacing-3x) - 1px);
}
input.form-control.large {
  font-size: 14px;
  line-height: 20px;
  padding: calc(var(--spacing-4x) - 1px);
}
.group-input {
  position: relative;
}
.group-input svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  fill: var(--inputs-default-icon);
}
.group-input svg.left {
  left: var(--spacing-3x);
}
.group-input svg.right {
  right: var(--spacing-3x);
}
.group-input.disabled svg {
  fill: var(--states-disable-icon);
}
.group-input .form-control.small {
  padding-left: calc(var(--spacing-8x) + var(--spacing-1x));
}
.group-input .form-control.large {
  padding-left: var(--spacing-10x);
}
.dropdown {
  display: flex;
  position: relative;
}
.dropdown.is-label {
  flex-direction: column;
  align-items: flex-start;
}
.dropdown.is-label label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: var(--spacing-2x);
}
.dropdown__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-2x);
  border: 0;
  color: var(--dropdowns-default-text);
  background: var(--dropdowns-default-background);
  border-radius: var(--border-radius-m);
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
  transition: color 0.3s ease, background 0.3s ease, fill 0.3s ease;
}
.dropdown__toggle .icon {
  width: 16px;
  height: 16px;
  fill: var(--buttons-nautral-default-icon);
}
.dropdown__toggle .icon-open {
  display: none;
}
.dropdown__toggle img {
  width: 16px;
  height: 16px;
}
.dropdown__toggle span {
  padding: 0 var(--spacing-2x);
}
.dropdown__toggle:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.dropdown__toggle:not(:disabled):not(.disabled):active,
.dropdown__toggle:not(:disabled):not(.disabled).active {
  color: var(--dropdowns-press-text);
  background: var(--dropdowns-press-background);
}
.dropdown__toggle:not(:disabled):not(.disabled):active svg,
.dropdown__toggle:not(:disabled):not(.disabled).active svg {
  fill: var(--dropdowns-press-icon);
}
.dropdown__toggle:hover {
  color: var(--dropdowns-hover-color);
  background: var(--dropdowns-hover-background);
}
.dropdown__toggle:hover svg {
  fill: var(--dropdowns-hover-icon);
}
.dropdown__toggle:disabled {
  color: var(--states-disable-text);
  background: var(--states-disable-background);
}
.dropdown__toggle:disabled svg {
  fill: var(--states-disable-icon);
}
.dropdown__overlay {
  display: none;
}
.dropdown__buffer {
  height: var(--spacing-2x);
  background-color: transparent;
}
.dropdown__menu {
  position: absolute;
  z-index: 1060;
  display: none;
  min-width: 200px;
  top: 100%;
  transform-origin: top;
}
.dropdown__menu--inner {
  overflow: hidden;
  background: var(--elements-background-contrast);
  border-radius: var(--border-radius-m);
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.0509803922);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.0509803922);
  box-shadow: 0 4px 8px 0 rgba(68, 83, 113, 0.0509803922);
  box-shadow: 0 0 16px 0 rgba(68, 83, 113, 0.1019607843);
}
.dropdown__menu ul {
  padding: var(--spacing-1x) 0;
  list-style-type: none;
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--buttons-nautral-hover-background)
    var(--elements-background-default);
}
.dropdown__menu ul li {
  padding: var(--spacing-2x);
  margin: var(--spacing-2x);
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: var(--border-radius-m);
  font-size: 14px;
  line-height: 20px;
}
.dropdown__menu ul li a {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.dropdown__menu ul li:hover {
  background: var(--buttons-nautral-hover-background);
}
.dropdown__menu ul li:focus {
  background: var(--buttons-nautral-press-background);
}
.dropdown__menu ul li.active {
  background: var(--buttons-nautral-default-background);
}
.dropdown__menu ul li.active .selected {
  display: block;
}
.dropdown__menu ul li .icon {
  width: 20px;
  height: 20px;
  margin-right: var(--spacing-3x);
}
.dropdown__menu ul li span {
  display: flex;
}
.dropdown__menu ul li .selected {
  display: none;
  width: 20px;
  height: 20px;
  fill: var(--elements-icon-accent);
}
.dropdown.dropdown--open-up .dropdown__menu {
  top: auto;
  bottom: 100%;
  transform-origin: bottom;
}
.dropdown.search-enabled #searchInput {
  border-radius: var(--border-radius-m) var(--border-radius-m) 0 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.dropdown.search-enabled .dropdown__search {
  box-shadow: 0 0 16px 0 rgba(68, 83, 113, 0.1019607843);
  border-radius: var(--border-radius-m) var(--border-radius-m) 0 0;
}
.dropdown.search-enabled .dropdown__menu--inner {
  border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);
}
.wallet {
  display: inline-flex;
  gap: var(--spacing-2x);
  border-radius: var(--border-radius-m);
  background-color: var(--elements-background-contrast);
  font-size: 16px;
  line-height: 24px;
}
.wallet__item {
  display: flex;
  gap: var(--spacing-1x);
}
.wallet__code {
  color: var(--elements-text-secondary);
}
.wallet__state {
  display: flex;
  align-items: center;
}
.wallet__state .icon {
  width: 18px;
  height: 18px;
}
.weather {
  padding: var(--spacing-4x);
  border-radius: var(--border-radius-m);
  background-color: var(--elements-background-contrast);
}
.weather.small {
  display: flex;
  flex-shrink: 0;
  padding: 0;
}
.weather.small .weather-img,
.weather.small svg {
  width: var(--spacing-6x);
  height: var(--spacing-6x);
}
.weather.small .temperature {
  font-size: 16px;
  line-height: 24px;
  color: var(--elements-text-main);
}
.weather.small .city-name {
  font-size: 10px;
  line-height: 12px;
  color: var(--elements-text-secondary);
}
.weather.small a {
  width: 100%;
}
.weather.medium .temperature {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  color: var(--elements-text-main);
}
.weather.medium .description {
  max-width: 178px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  color: var(--elements-text-secondary);
}
.weather.medium .update-date {
  font-size: 10px;
  line-height: 12px;
  color: var(--elements-text-secondary);
}
.weather.medium .weather-img,
.weather.medium svg {
  width: 68px;
  height: 68px;
}
.weather.medium .icon {
  width: 16px;
  height: 16px;
}
.weather.large .information {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4x);
}
.weather.large .information__row {
  display: flex;
  gap: var(--spacing-4x);
}
.weather.large .information .card {
  width: 100%;
  padding: var(--spacing-4x);
  border-radius: var(--border-radius-m);
  background: var(--elements-background-default);
}
.weather.large .information .card .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.weather.large .information .card .day {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.weather.large .information .card .date {
  font-size: 12px;
  line-height: 16px;
  color: var(--elements-text-secondary);
}
.weather.large .information .card.main {
  margin-top: 0;
}
.weather.large .information .card.main .temperature {
  font-size: 48px;
  line-height: 52px;
  font-weight: 500;
}
.weather.large .information .card .temperature {
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}
.weather.large .information .card svg {
  width: 64px;
  height: 64px;
}
.weather.large .information .card.main {
  flex: 1;
}
.weather.large .information .card.main .weather-img,
.weather.large .information .card.main svg {
  width: 92px;
  height: 92px;
}
.weather.large .information .card.main .feelTemp {
  font-size: 14px;
  line-height: 20px;
  color: var(--elements-text-secondary);
}
.weather.large .information .card.main .description {
  font-size: 14px;
  line-height: 20px;
  color: var(--elements-text-secondary);
}
.weather.large .information .card.main .day {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.weather.large .information .card.main .date {
  font-size: 14px;
  line-height: 20px;
  color: var(--elements-text-secondary);
}
.weather.large .information .items {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-4x);
}
.weather.large .information .weeksEle {
  display: flex;
  justify-content: space-between;
  gap: 14px;
}
.weather.large .information .weeksEle__item {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: var(--spacing-1x);
}
.weather.large .information .weeksEle__head {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1x);
}
.weather.large .information .weeksEle__head .day {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
.weather.large .information .weeksEle__head .date {
  font-size: 14px;
  line-height: 20px;
}
.weather.large .information .weeksEle__bottom {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1x);
}
.weather.large .information .weeksEle__bottom .weather-img,
.weather.large .information .weeksEle__bottom svg {
  width: 40px;
  height: 40px;
}
.weather.large .information .weeksEle__temperature {
  display: flex;
  gap: var(--spacing-1x);
}
.weather.large .information .weeksEle__temperature--item {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.weather.large .information .weeksEle__temperature--item:last-child {
  color: var(--elements-text-secondary);
}
.weather.large .information .weeksEle__description {
  font-size: 12px;
  line-height: 16px;
  color: var(--elements-text-secondary);
}
.weather .segments {
  display: flex;
  gap: var(--spacing-2x);
}
.weather .segments__item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4x);
  padding: var(--spacing-2x);
  border-radius: var(--border-radius-m);
  background: var(--elements-background-default);
  width: 100%;
}
.weather .segments__head {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1x);
}
.weather .segments .day {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.weather .segments .date {
  font-size: 12px;
  line-height: 16px;
  color: var(--elements-text-secondary);
}
.weather .segments .weather-img,
.weather .segments svg {
  width: 32px;
  height: 32px;
}
.weather .segments__bott {
  display: flex;
  align-items: center;
  gap: var(--spacing-2x);
}
.weather .segments .temperature {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.weather .navigationLinks {
  display: flex;
  justify-content: space-between;
}
.weather .navigationLinks__link {
  font-size: 14px;
  line-height: 20px;
  color: var(--buttons-button-link-default-text);
  padding: var(--spacing-1x) var(--spacing-4x) var(--spacing-1x)
    var(--spacing-4x);
}
.weather .navigationLinks__link:hover {
  color: var(--buttons-button-link-hover-text);
}
.wild__row {
  display: flex;
  justify-content: flex-end;
  margin-bottom: var(--spacing-4x);
  gap: var(--spacing-6x);
}
.wild__ele {
  display: flex;
  align-items: center;
  gap: var(--spacing-1-5x);
  color: var(--elements-text-secondary);
}
.wild__ele svg {
  fill: var(--elements-text-secondary);
}
.weatherList__main {
  padding: var(--spacing-4x);
  border-radius: var(--border-radius-m);
  background: var(--elements-background-default);
}
.weatherList__main--day {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.weatherList__main .weather-img,
.weatherList__main svg {
  width: 68px;
  height: 68px;
  flex-shrink: 0;
}
.weatherList__main .temperature {
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
}
.weatherList__main .description {
  max-width: 178px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  color: var(--elements-text-secondary);
}
.weatherList__main .update-date {
  font-size: 10px;
  line-height: 12px;
  color: var(--elements-text-secondary);
}
.weatherList .card {
  padding: var(--spacing-4x);
  border-radius: var(--border-radius-m);
  background-color: var(--elements-background-contrast);
}
.weatherList .card .date {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.weatherList .card .wild__row {
  gap: var(--spacing-4x);
  justify-content: space-between;
  margin-bottom: 0;
}
.weatherList .card .wild__ele {
  font-size: 14px;
  line-height: 20px;
}
.weatherList .card .wild .icon {
  width: 20px;
  height: 20px;
}
.weatherList .card .segments {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-2x);
}
.weatherList .card .segments .weather-img,
.weatherList .card .segments svg {
  width: 32px;
  height: 32px;
}
.weatherList .card .segments__item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2x);
  padding: var(--spacing-2x);
  border-radius: var(--border-radius-m);
  background: var(--elements-background-default);
  width: 100%;
}
.weatherList .card .segments__head {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-1x);
}
.weatherList .card .segments .day {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.weatherList .card .segments .date {
  font-size: 12px;
  line-height: 16px;
  color: var(--elements-text-secondary);
}
.weatherList .card .segments__bott {
  display: flex;
  align-items: center;
}
.weatherList .card .segments .weather-img,
.weatherList .card .segments .svg {
  width: 32px;
  height: 32px;
}
.weatherList .card .segments .temperature {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.symbolFilter__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  height: 100%;
}
.symbolFilter__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-size: 14px;
  line-height: 20px;
  color: var(--buttons-nautral-hover-text);
  border: 1px solid var(--buttons-nautral-default-stroke);
  border-radius: var(--border-radius-m);
}
.symbolFilter__link:hover {
  background: var(--buttons-nautral-hover-background);
}
.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  font-size: 16px;
}
.choices:focus {
  outline: 0;
}
.choices:last-child {
  margin-bottom: 0;
}
.choices.is-open {
  overflow: visible;
}
.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
}
.choices.is-disabled .choices__item {
  cursor: not-allowed;
}
.choices [hidden] {
  display: none !important;
}
.choices[data-type*="select-one"] {
  cursor: pointer;
}
.choices[data-type*="select-one"] .choices__inner {
  padding-bottom: 7.5px;
}
.choices[data-type*="select-one"] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}
.choices[data-type*="select-one"] .choices__button {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.25;
}
.choices[data-type*="select-one"] .choices__button:hover,
.choices[data-type*="select-one"] .choices__button:focus {
  opacity: 1;
}
.choices[data-type*="select-one"] .choices__button:focus {
  box-shadow: 0 0 0 2px #00bcd4;
}
.choices[data-type*="select-one"]
  .choices__item[data-value=""]
  .choices__button {
  display: none;
}
.choices[data-type*="select-one"]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}
.choices[data-type*="select-one"].is-open::after {
  border-color: transparent transparent #333 transparent;
  margin-top: -7.5px;
}
.choices[data-type*="select-one"][dir="rtl"]::after {
  left: 11.5px;
  right: auto;
}
.choices[data-type*="select-one"][dir="rtl"] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}
.choices[data-type*="select-multiple"] .choices__inner,
.choices[data-type*="text"] .choices__inner {
  cursor: text;
}
.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
  position: relative;
  display: inline-block;
  margin-top: 0;
  margin-right: -4px;
  margin-bottom: 0;
  margin-left: 8px;
  padding-left: 16px;
  border-left: 1px solid #008fa1;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}
.choices[data-type*="select-multiple"] .choices__button:hover,
.choices[data-type*="select-multiple"] .choices__button:focus,
.choices[data-type*="text"] .choices__button:hover,
.choices[data-type*="text"] .choices__button:focus {
  opacity: 1;
}
.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
}
.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: #b7b7b7;
}
.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}
.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}
.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}
.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}
[dir="rtl"] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}
.choices__list--single .choices__item {
  width: 100%;
}
.choices__list--multiple {
  display: inline;
}
.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #00bcd4;
  border: 1px solid #00a5bb;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
}
.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}
[dir="rtl"] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}
.choices__list--multiple .choices__item.is-highlighted {
  background-color: #00a5bb;
  border: 1px solid #008fa1;
}
.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaa;
  border: 1px solid #919191;
}
.choices__list--dropdown,
.choices__list[aria-expanded] {
  visibility: hidden;
  z-index: 1051;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility;
}
.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
  visibility: visible;
}
.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
}
.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}
.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}
.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px;
}
[dir="rtl"] .choices__list--dropdown .choices__item,
[dir="rtl"] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}
@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable,
  .choices__list[aria-expanded] .choices__item--selectable {
    padding-right: 100px;
  }
  .choices__list--dropdown .choices__item--selectable::after,
  .choices__list[aria-expanded] .choices__item--selectable::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  [dir="rtl"] .choices__list--dropdown .choices__item--selectable,
  [dir="rtl"] .choices__list[aria-expanded] .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }
  [dir="rtl"] .choices__list--dropdown .choices__item--selectable::after,
  [dir="rtl"] .choices__list[aria-expanded] .choices__item--selectable::after {
    right: auto;
    left: 10px;
  }
}
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}
.choices__item {
  cursor: default;
}
.choices__item--selectable {
  cursor: pointer;
}
.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0.5;
}
.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: #808080;
}
.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.choices__button:focus {
  outline: 0;
}
.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}
.choices__input:focus {
  outline: 0;
}
.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
  display: none;
}
.choices__input::-ms-clear,
.choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
[dir="rtl"] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}
.choices__placeholder {
  opacity: 0.5;
}
.loader-block {
  display: flex;
  justify-content: center;
}
.loader-block__loader {
  display: none;
  width: 35px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 4px solid #3f75d8;
  animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
}
@keyframes l20-1 {
  0% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  }
  12.5% {
    clip-path: polygon(
      50% 50%,
      0 0,
      50% 0%,
      100% 0%,
      100% 0%,
      100% 0%,
      100% 0%
    );
  }
  25% {
    clip-path: polygon(
      50% 50%,
      0 0,
      50% 0%,
      100% 0%,
      100% 100%,
      100% 100%,
      100% 100%
    );
  }
  50% {
    clip-path: polygon(
      50% 50%,
      0 0,
      50% 0%,
      100% 0%,
      100% 100%,
      50% 100%,
      0% 100%
    );
  }
  62.5% {
    clip-path: polygon(
      50% 50%,
      100% 0,
      100% 0%,
      100% 0%,
      100% 100%,
      50% 100%,
      0% 100%
    );
  }
  75% {
    clip-path: polygon(
      50% 50%,
      100% 100%,
      100% 100%,
      100% 100%,
      100% 100%,
      50% 100%,
      0% 100%
    );
  }
  100% {
    clip-path: polygon(
      50% 50%,
      50% 100%,
      50% 100%,
      50% 100%,
      50% 100%,
      50% 100%,
      0% 100%
    );
  }
}
@keyframes l20-2 {
  0% {
    transform: scaleY(1) rotate(0deg);
  }
  49.99% {
    transform: scaleY(1) rotate(135deg);
  }
  50% {
    transform: scaleY(-1) rotate(0deg);
  }
  100% {
    transform: scaleY(-1) rotate(-135deg);
  }
}
.desktop_hide {
  display: none;
}
.noDataMessage {
  display: flex;
  justify-content: center;
  font-size: 24px;
  font-weight: bold;
}
.text-danger {
  font-size: 12px;
  color: var(--states-error-text);
  margin-bottom: 5px;
}
section {
  margin: var(--spacing-8x) 0;
}
hr {
  margin: var(--spacing-5x) 0;
  color: var(--elements-divider-default);
  border: 0;
  border-top: 1px solid;
}
.special-tags {
  display: flex;
  gap: var(--spacing-2x);
}
.main {
  margin-top: 0;
}
.main__headline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--spacing-4x);
}
.main .news-items {
  margin-bottom: var(--spacing-5x);
}
.search-page__filters .searchfield {
  display: flex;
  gap: var(--spacing-2x);
  margin-bottom: var(--spacing-6x);
}
.search-page__result h2 {
  font-size: 22px;
  line-height: 24px;
  color: var(--elements-text-main);
  margin-bottom: var(--spacing-2x);
}
.search-page__result .foundcountline {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: var(--spacing-6x);
}
.search-page .newsLoader {
  display: none;
  width: 35px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 4px solid #3f75d8;
  animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
}
@keyframes l20-1 {
  0% {
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  }
  12.5% {
    clip-path: polygon(
      50% 50%,
      0 0,
      50% 0%,
      100% 0%,
      100% 0%,
      100% 0%,
      100% 0%
    );
  }
  25% {
    clip-path: polygon(
      50% 50%,
      0 0,
      50% 0%,
      100% 0%,
      100% 100%,
      100% 100%,
      100% 100%
    );
  }
  50% {
    clip-path: polygon(
      50% 50%,
      0 0,
      50% 0%,
      100% 0%,
      100% 100%,
      50% 100%,
      0% 100%
    );
  }
  62.5% {
    clip-path: polygon(
      50% 50%,
      100% 0,
      100% 0%,
      100% 0%,
      100% 100%,
      50% 100%,
      0% 100%
    );
  }
  75% {
    clip-path: polygon(
      50% 50%,
      100% 100%,
      100% 100%,
      100% 100%,
      100% 100%,
      50% 100%,
      0% 100%
    );
  }
  100% {
    clip-path: polygon(
      50% 50%,
      50% 100%,
      50% 100%,
      50% 100%,
      50% 100%,
      50% 100%,
      0% 100%
    );
  }
}
@keyframes l20-2 {
  0% {
    transform: scaleY(1) rotate(0deg);
  }
  49.99% {
    transform: scaleY(1) rotate(135deg);
  }
  50% {
    transform: scaleY(-1) rotate(0deg);
  }
  100% {
    transform: scaleY(-1) rotate(-135deg);
  }
}
.category {
  margin-top: 0;
}
.category__headline {
  margin-bottom: var(--spacing-4x);
}
.sectionTags,
.sectionPopular {
  margin-top: 0;
}
.sectionTags__headline,
.sectionPopular__headline {
  margin-bottom: var(--spacing-4x);
}
.sectionTags .tagsDescriptionText,
.sectionPopular .tagsDescriptionText {
  margin-bottom: var(--spacing-6x);
}
.sectionLastnews {
  margin-top: 0;
}
.sectionLastnews__headline {
  margin-bottom: var(--spacing-4x);
}
.pageview-tabs .tabs .tabs__item {
  width: auto;
  display: flex;
  align-items: center;
  gap: var(--spacing-2x);
}
.cat-title {
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
  color: var(--title-link-default-text);
  padding-bottom: var(--spacing-6x);
}
.cat-title a {
  display: flex;
  align-items: center;
  color: var(--title-link-default-text);
}
.cat-title a svg {
  width: 20px;
  height: 20px;
  fill: var(--title-link-default-icon);
  margin-top: 5px;
  margin-left: var(--spacing-2x);
}
.cat-title a:hover {
  color: var(--title-link-hover-text);
}
.cat-title a:hover svg {
  fill: var(--title-link-hover-icon);
}
.cat-title a:active {
  color: var(--title-link-press-text);
}
.cat-title a:active svg {
  fill: var(--title-link-press-icon);
}
.desktop-full-advert {
  width: 100%;
  background: var(--elements-background-ads);
  height: 250px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #a3a3a3;
  font-size: 28px;
  border-radius: var(--border-radius-m);
}
.desktop-full-advert.vertical {
  width: 300px;
  height: 100%;
}
.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 var(--spacing-5x);
}
.grid-container .item {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.grid-container .item a {
  height: 100%;
}
.grid-container .item hr {
  border-color: var(--elements-divider-contrast);
}
.grid-container .item:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}
.grid-container .item:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}
.grid-container .item:nth-child(3) {
  grid-column: 1;
  grid-row: 3;
}
.grid-container .item:nth-child(4) {
  grid-column: 1;
  grid-row: 4;
}
.grid-container .item:nth-child(5) {
  grid-column: 1;
  grid-row: 5;
}
.grid-container .item:nth-child(6) {
  grid-column: 2;
  grid-row: 1;
}
.grid-container .item:nth-child(7) {
  grid-column: 2;
  grid-row: 2;
}
.grid-container .item:nth-child(8) {
  grid-column: 2;
  grid-row: 3;
}
.grid-container .item:nth-child(9) {
  grid-column: 2;
  grid-row: 4;
}
.grid-container .item:nth-child(10) {
  grid-column: 2;
  grid-row: 5;
}
.grid-container .item:nth-child(11) {
  grid-column: 3;
  grid-row: 1;
}
.grid-container .item:nth-child(12) {
  grid-column: 3;
  grid-row: 2;
}
.grid-container .item:nth-child(13) {
  grid-column: 3;
  grid-row: 3;
}
.grid-container .item:nth-child(14) {
  grid-column: 3;
  grid-row: 4;
}
.grid-container .item:nth-child(15) {
  grid-column: 3;
  grid-row: 5;
}
.article {
  margin-top: 0;
}
.article .dataId:empty:after {
  content: " ·";
  animation: dots 1s steps(6) infinite;
  font-size: 14px;
  color: var(--elements-text-secondary);
}
@keyframes dots {
  0%,
  20% {
    color: transparent;
    text-shadow: 0.3em 0 0 transparent, 0.6em 0 0 transparent;
  }
  40% {
    color: var(--elements-text-secondary);
    text-shadow: 0.3em 0 0 transparent, 0.6em 0 0 transparent;
  }
  60% {
    text-shadow: 0.3em 0 0 var(--elements-text-secondary), 0.6em 0 0 transparent;
  }
  80%,
  to {
    text-shadow: 0.3em 0 0 var(--elements-text-secondary),
      0.6em 0 0 var(--elements-text-secondary);
  }
}
.article__item {
  margin-bottom: var(--spacing-6x);
}
.article .breadcrumb {
  margin-bottom: var(--spacing-6x);
}
.article h1 {
  font-size: 40px;
  line-height: 48px;
  font-weight: 600;
  margin-bottom: var(--spacing-6x);
}
.article__block {
  display: flex;
    max-width: 800px;
    padding:0 20px;
    margin: 0 auto;
        margin-top: 10px;
}
.article__info {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--spacing-6x);
  align-items: center;
}
.article__dateline {
  display: flex;
  gap: var(--spacing-4x);
  align-items: center;
}
.article__dateline .date {
  color: var(--elements-text-secondary);
}
.article__dateline .comments {
  color: var(--elements-text-secondary);
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  opacity: 0;
}
.article__dateline .comments.fade-in {
  opacity: 1;
  transition: opacity 0.5s ease-out;
}
.article__dateline .comments svg {
  fill: var(--elements-text-secondary);
  margin-right: var(--spacing-1x);
}
.article__content .articleAdver {
  margin: var(--spacing-6x) 0;
  max-width: 768px;
}
.article__content .articleAdver img {
  border-radius: unset;
}
.article__content .followSocial {
  padding: var(--spacing-4x);
  background: var(--elements-background-contrast);
  border-radius: var(--border-radius-m);
  margin-bottom: var(--spacing-6x);
}
.article__content .followSocial__item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-4x);
}
.article__content .followSocial__title {
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
}
.article__content .followSocial__row {
  display: flex;
  align-items: center;
  gap: var(--spacing-4x);
}
.article__content .followSocial__row a:hover img {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}
.article__content .followSocial__row img {
  width: 32px;
  height: 32px;
}
.article__content .willShare {
  cursor: pointer;
  border-radius: var(--border-radius-m);
  margin-bottom: var(--spacing-6x);
  background: var(--buttons-nautral-default-background);
  padding: var(--spacing-4x);
}
.article__content .willShare__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.article__content .willShare__item svg {
  width: 24px;
  height: 24px;
  margin-right: var(--spacing-2x);
  fill: var(--buttons-nautral-default-icon);
}
.article__content .willShare__text {
  font-size: 16px;
  line-height: 24px;
  color: var(--buttons-nautral-default-text);
  font-weight: 400;
}
.article__content img {
  width: 100%;
  border-radius: var(--border-radius-m);
}
.article__content img[data-fancybox="gallery"] {
  cursor: pointer;
}
.article__content .articleImg {
  position: relative;
  margin-bottom: var(--spacing-6x);
}
.article__content .articleImg span {
  cursor: pointer;
  position: absolute;
  bottom: var(--spacing-4x);
  left: var(--spacing-4x);
  background: var(--badge-contrast-background);
  padding: var(--spacing-0-5x) var(--spacing-2x);
  border-radius: var(--border-radius-m);
  color: var(--badge-contrast-text);
  font-size: 12px;
  line-height: 16px;
}
.article__content .articleMainImg img {
  aspect-ratio: 16/9;
  object-fit: cover;
}
.article__content .description {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: var(--spacing-6x);
}
.article__content .content {
  font-size: 18px;
  line-height: 26px;
}
.article__content .content p {
  margin: var(--spacing-6x) 0;
}
.article__content .content ul {
  margin: var(--spacing-6x) 0;
  list-style: none;
  padding: 0;
}
.article__content .content ul li {
  position: relative;
  padding-left: 25px;
  margin: 12px 0;
}
.article__content .content ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  background: var(--elements-icon-accent);
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 0;
}
.article__content .content ol {
  margin: var(--spacing-6x) 0;
  padding-left: 18px;
}
.article__content .content ol li {
  padding-left: 8px;
  margin: 12px 0;
}
.article__content .content .selection {
  padding: var(--spacing-6x);
  background: var(--elements-background-accent);
  margin: var(--spacing-6x) 0;
  border-radius: var(--border-radius-m);
}
.article__content .content .selection p {
  margin: 0;
}
.article__content .content blockquote {
  padding: var(--spacing-4x);
  margin: var(--spacing-6x) 0;
  background-color: var(--elements-background-contrast);
  border-radius: var(--border-radius-m);
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  max-width: 100% !important;
}
.article__content .content blockquote::before {
  background: url("../images/quote.svg") center center no-repeat;
  content: "";
  display: block;
  background-size: 24px;
  width: 24px;
  height: 24px;
  margin-bottom: 10px;
}
.article__content .content blockquote span {
  display: block;
  font-size: 16px;
  margin-top: var(--spacing-3x);
  font-weight: 400;
  font-style: italic;
}
.article__content .content iframe {
  width: 100% !important;
}
.article__content .authors {
  margin-bottom: var(--spacing-6x);
}
.article__content .authors .authorInfo {
  display: flex;
  gap: var(--spacing-6x);
}
.article__content .tags {
  margin-bottom: var(--spacing-6x);
  flex-wrap: wrap;
}
.article__content .addedNews {
  padding: var(--spacing-4x);
  background: var(--elements-background-contrast);
  border-radius: var(--border-radius-m);
  margin: var(--spacing-6x) 0;
}
.article__content .addedNews a {
  color: var(--elements-text-main);
}
.article__content .addedNews a:hover {
  color: var(--elements-text-hover);
}
.article__content .addedNews a:hover .readAlso_img img {
  transform: scale(1.05);
}
.article__content .addedNews .title {
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: var(--spacing-5x);
}
.article__content .addedNews .title p {
  margin: 0;
}
.article__content .addedNews_block {
  display: flex;
}
.article__content .addedNews .readAlso_img {
  border-radius: var(--border-radius-m);
  width: 121px;
  min-width: 100px;
  height: 68px;
  margin-right: var(--spacing-2x);
  position: relative;
  overflow: hidden;
}
.article__content .addedNews .readAlso_img::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.6) 100%
  );
}
.article__content .addedNews .readAlso_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.article__content .addedNews .readAlso_content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.article__content .addedNews .readAlso_content_title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.article__content .addedNews .readAlso_content .info .date {
  font-size: 12px;
  line-height: 16px;
  color: var(--elements-text-secondary);
}
.article__content .addedNews .readAlso_content .info_comments {
  display: none;
}
.article__content .readmore {
  padding: var(--spacing-4x);
  background: var(--elements-background-contrast);
  border-radius: var(--border-radius-m);
  margin-bottom: var(--spacing-6x);
}
.article__content .readmore .title {
  margin-bottom: var(--spacing-5x);
  font-size: 18px;
  line-height: 20px;
  font-weight: bold;
}
.article__content .zakon-comment {
  padding: var(--spacing-4x);
  background: var(--elements-background-contrast);
  border-radius: var(--border-radius-m);
  scroll-margin-top: 80px;
}
.article__socialList {
  padding: var(--spacing-4x);
  margin-left: var(--spacing-5x);
  background: var(--elements-background-contrast);
  min-width: 72px;
  height: 100%;
  max-height: 244px;
  position: sticky;
  top: 130px;
  border-radius: var(--border-radius-m);
}
img {width:100%}
.article__socialList .shareLinkInner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-2x);
}
.article__socialList .shareLinkInner svg {
  fill: var(--buttons-nautral-default-icon);
}
.article__socialList .shareLinkInner__item {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--buttons-nautral-default-background);
  border-radius: var(--border-radius-m);
  transition: background 0.3s ease;
}
.article__socialList .shareLinkInner__item:hover {
  background: var(--buttons-nautral-hover-background);
}
.article__socialList .social-list {
  flex-direction: column;
}
.article__socialList .social-list a:hover img {
  transform: scale(1.1);
  transition: transform 0.3s ease;
}
.article__socialList .social-list img {
  width: 40px;
  height: 40px;
}
.article
  .zknc-comments
  .zknc-header
  .zknc-user-button-container
  .zknc-user-button.zknc-login-button {
  background: none;
}
.article .zknc-comments .zknc-reply .zknc-reply-button {
  color: var(--buttons-nautral-default-text);
  background: var(--buttons-nautral-default-background);
  transition: color 0.3s ease, background 0.3s ease, fill 0.3s ease;
  border: 0;
  border-radius: var(--border-radius-m);
}
.article .zknc-comments .zknc-reply .zknc-reply-button:hover {
  color: var(--buttons-nautral-hover-text);
  background: var(--buttons-nautral-hover-background);
}
.article
  .zknc-comments
  .zknc-reply
  .zknc-reply-box
  .zknc-reply-message-container
  .zknc-reply-message {
  color: var(--elements-text-main);
}
.article
  .zknc-comments
  .zknc-reply
  .zknc-reply-box
  .zknc-reply-message-container
  .zknc-reply-message.zknc-empty:empty:before {
  color: var(--inputs-default-placeholder);
}
.article .zknc-comments .zknc-header .zknc-status-button {
  color: var(--buttons-button-link-default-text);
  border-bottom: 2px solid var(--elements-text-main);
}
.article .zknc-comments .zknc-header .zknc-status-button:hover {
  color: var(--buttons-button-link-hover-text);
}
.article .zknc-comments .zknc-header .zknc-status-button:before {
  border-color: var(--buttons-button-link-default-text) transparent transparent
    transparent;
}
.article
  .zknc-comments
  .zknc-body
  .zknc-item
  .zknc-message-container
  .zknc-author-name {
  color: var(--buttons-button-link-default-text);
}
.article
  .zknc-comments
  .zknc-body
  .zknc-item
  .zknc-message-container
  .zknc-message {
  color: var(--elements-text-main);
}
.article
  .zknc-comments
  .zknc-body
  .zknc-item
  .zknc-message-container
  .zknc-actions
  a:hover {
  color: var(--buttons-button-link-default-text);
}
.article
  .zknc-comments
  .zknc-header
  .zknc-user-button-container
  .zknc-user-button {
  color: var(--elements-text-main);
}
.article .zknc-comments .zknc-reply .zknc-reply-tools .zknc-reply-tool {
  background: var(--buttons-nautral-default-background);
  border: 1px solid var(--buttons-nautral-default-background);
}
.article .zknc-comments .zknc-reply .zknc-reply-tools .zknc-reply-tool:hover {
  background: var(--buttons-nautral-hover-background);
}
.article
  .zknc-comments
  .zknc-reply
  .zknc-reply-tools
  .zknc-reply-tool.zknc-bold
  span {
  filter: invert(29%) sepia(79%) saturate(1500%) hue-rotate(201deg)
    brightness(93%) contrast(95%);
}
.article
  .zknc-comments
  .zknc-reply
  .zknc-reply-tools
  .zknc-reply-tool.zknc-underline
  span {
  filter: invert(29%) sepia(79%) saturate(1500%) hue-rotate(201deg)
    brightness(93%) contrast(95%);
}
.article
  .zknc-comments
  .zknc-reply
  .zknc-reply-tools
  .zknc-reply-tool.zknc-italic
  span {
  filter: invert(29%) sepia(79%) saturate(1500%) hue-rotate(201deg)
    brightness(93%) contrast(95%);
}
.article
  .zknc-comments
  .zknc-reply
  .zknc-reply-tools
  .zknc-reply-tool.zknc-strikeThrough
  span {
  filter: invert(29%) sepia(79%) saturate(1500%) hue-rotate(201deg)
    brightness(93%) contrast(95%);
}
.article
  .zknc-comments
  .zknc-reply
  .zknc-reply-tools
  .zknc-reply-tool.zknc-bold.active {
  background: var(--buttons-nautral-hover-background);
}
.sitemap h1 {
  margin: 0 0 var(--spacing-5x) 0;
}
.newslist-popular .tabs__item {
  padding: var(--spacing-1x);
}
.tab-content[data-content="popular"] {
  overflow: visible;
}
.error_page_content {
  background: var(--elements-background-contrast);
  padding: var(--spacing-16x) var(--spacing-6x);
  border-radius: var(--border-radius-m);
  margin-bottom: var(--spacing-6x);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-6x);
  font-size: 18px;
  line-height: 26px;
}
.error_page_content h1 {
  font-size: 128px;
  line-height: 150px;
  font-weight: 500;
}
.error_page_message {
  text-align: center;
}
.error_page_popular {
  background: var(--elements-background-contrast);
  padding: var(--spacing-4x);
  border-radius: var(--border-radius-m);
}
.error_page_popular .cat-title {
  font-size: 18px;
  line-height: 20px;
  padding-bottom: var(--spacing-5x);
}
.flex {
  display: flex;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.items-center {
  align-items: center;
}
.grow {
  flex-grow: 1;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.gap-0-5x {
  gap: var(--spacing-0-5x);
}
.gap-1x {
  gap: var(--spacing-1x);
}
.gap-2x {
  gap: var(--spacing-2x);
}
.gap-4x {
  gap: var(--spacing-4x);
}
.gap-5x {
  gap: var(--spacing-5x);
}
.gap-6x {
  gap: var(--spacing-6x);
}
.gap-2x-bottom {
  gap: var(--spacing-2x) 0;
}
.pogoda .checkCity {
  width: 100%;
  max-width: 200px;
}
.pogoda .filterCity__row {
  display: flex;
  align-items: center;
}
.pogoda .filterCity__allLink {
  font-size: 14px;
  line-height: 20px;
  color: var(--buttons-nautral-default-text);
  padding: var(--spacing-1x) var(--spacing-2x);
  border-radius: var(--border-radius-m);
}
.pogoda .filterCity__allLink:hover {
  background: var(--buttons-nautral-default-background);
}
.pogoda.pogodaAll .card {
  border-radius: var(--border-radius-m);
  padding: var(--spacing-4x);
  background: var(--elements-background-contrast);
}
.pogoda.pogodaAll .card__item {
  border-bottom: 1px solid var(--elements-divider-default);
  padding-bottom: var(--spacing-5x);
  margin-bottom: var(--spacing-5x);
  scroll-margin-top: 80px;
}
.pogoda.pogodaAll .card__item .z-row {
  margin: 0 calc(-1 * var(--spacing-1x));
}
.pogoda.pogodaAll .card__item .z-row .link {
  display: block;
  padding: var(--spacing-2x) var(--spacing-2x) var(--spacing-2x)
    var(--spacing-4x);
}
.pogoda.pogodaAll .card__item [class*="z-col-"] {
  padding: 0 var(--spacing-1x);
}
.pogoda.pogodaAll .card__item .city-item {
  margin-bottom: var(--spacing-2x);
}
.pogoda.pogodaAll .card__item .city-item:last-child {
  margin-bottom: 0;
}
.pogoda.pogodaAll .card__item .firstCol .city-item:nth-of-type(odd) {
  border-radius: var(--border-radius-m);
  background: var(--elements-background-default);
}
.pogoda.pogodaAll .card__item .twoCol .city-item:nth-of-type(even) {
  border-radius: var(--border-radius-m);
  background: var(--elements-background-default);
}
.pogoda.pogodaAll .card__item .city-symbol {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  padding-bottom: var(--spacing-2x);
}
.pogoda.pogodaAll .card__item .temperature {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: var(--elements-text-main);
}
.pogoda.pogodaAll .card__item img,
.pogoda.pogodaAll .card__item svg {
  width: 24px;
  height: 24px;
}
.pogoda .choices {
  margin-bottom: 0;
}
.pogoda .choices__inner {
  height: 37px;
  min-height: 37px;
  line-height: 12px;
  background-color: var(--inputs-default-background);
  border: 1px solid var(--inputs-default-stroke);
  border-radius: var(--border-radius-m);
}
.pogoda .choices__placeholder {
  opacity: inherit;
  font-size: 16px;
}
.pogoda .choices__list--dropdown,
.pogoda .choices__list[aria-expanded] {
  background-color: var(--inputs-default-background);
  border: 1px solid var(--inputs-default-stroke);
  border-radius: var(--border-radius-m);
  margin-top: var(--spacing-1x);
}
.pogoda .choices[data-type*="select-one"]::after {
  border-color: var(--elements-text-main) transparent transparent transparent;
}
.pogoda .choices[data-type*="select-one"].is-open::after {
  border-color: transparent transparent var(--elements-text-main) transparent;
}
.pogoda .choices[data-type*="select-one"] .choices__input {
  border-bottom: 1px solid var(--inputs-default-stroke);
  background-color: var(--inputs-default-background);
  color: var(--elements-text-main);
}
.pogoda .choices__list--dropdown .choices__item--selectable,
.pogoda .choices__list[aria-expanded] .choices__item--selectable {
  padding-right: 10px;
}
.pogoda .choices__list--dropdown .choices__item--selectable.is-highlighted,
.pogoda
  .choices__list[aria-expanded]
  .choices__item--selectable.is-highlighted {
  background-color: var(--buttons-nautral-default-background);
}
.tooltip {
  user-select: none;
  position: absolute;
  font-size: 12px;
  background-color: var(--tool-tip-background);
  color: var(--tool-tip-title);
  padding: var(--spacing-2x);
  border: 1px solid var(--tool-tip-border);
  border-radius: var(--border-radius-m);
  display: none;
  z-index: 1000;
}
.hexlet_err_modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.hexlet_err_modal .g-recaptcha {
  display: flex;
  justify-content: center;
}
.hexlet_err_modal__error {
  font-size: 12px;
  color: var(--states-error-text);
  margin-bottom: 5px;
}
.hexlet_err_modal__content {
  user-select: none;
  background-color: var(--elements-background-contrast);
  border-radius: var(--border-radius-xl);
  padding: var(--spacing-16x);
  width: 90%;
  max-width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.hexlet_err_modal__content .spinner {
  display: none;
  position: relative;
  width: 100%;
  height: 24px;
}
.hexlet_err_modal__content .spinner svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  fill: var(--buttons-nautral-default-icon);
}
.hexlet_err_modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.hexlet_err_modal__close svg {
  width: 16px;
  height: 16px;
  fill: var(--elements-icon-neutral);
}
.hexlet_err_modal__errorMessage {
  display: none;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: var(--spacing-4x);
}
.hexlet_err_modal__errorMessageText {
  display: none;
  text-align: center;
  background-color: #eb0046;
  color: #fff;
  margin-bottom: 16px;
  border-radius: 16px;
  padding: 16px;
  font-size: 16px;
  line-height: 20px;
}
.hexlet_err_modal__title {
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
  padding-bottom: var(--spacing-2x);
}
.hexlet_err_modal__error-text {
  margin-bottom: var(--spacing-6x);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.hexlet_err_modal__control {
  margin-bottom: var(--spacing-4x);
}
.hexlet_err_modal__control textarea {
  resize: none;
}
.hexlet_err_modal__form-control {
  font-family: Segoe UI, Arial, sans-serif;
  outline: 0;
  display: block;
  width: 100%;
  padding: 16px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 16px;
  border: 1px solid #80858e;
}
.hexlet_err_modal__groups-btn {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.hexlet_err_modal__btn {
  margin-top: 16px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  border: 0;
  cursor: pointer;
  padding: 6px 12px;
  background: #e9e9ea;
  color: #4c4b49;
}
.hexlet_err_modal__btn-red {
  background-color: var(--color-primary);
  color: #fff;
}
.quiz {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 0 20px 0;
  box-shadow: 0 0 8px 0 rgba(171, 190, 228, 0.1019607843),
    0 2px 4px 0 rgba(68, 83, 113, 0.05);
  background: var(--elements-background-contrast);
  border-radius: var(--border-radius-m);
  margin: 16px 0;
  scroll-margin-top: 90px;
  transition: all 0.2s;
}
.quiz__contentImage {
  position: relative;
  margin-bottom: 5px;
  width: 100%;
  max-height: 270px;
  background: rgba(0, 0, 0, 0.8);
}
.quiz__contentImage .question {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  padding: 0 15px;
  text-align: center;
  color: #fff;
  font-size: 26px;
  line-height: 30px;
  font-weight: 600;
}
.quiz .answer-buttons {
  padding: 0 15px;
}
.quiz .title {
  font-size: 21px;
  line-height: 26px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 777;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 10px;
}
.quiz-btn {
  background: #efefef;
  color: #0f1320;
  font-size: 14px;
  font-weight: 500;
  width: 100%;
  border: 0;
  padding: 10px;
  margin: 5px 0;
  text-align: left;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.quiz-btn:hover:not([disabled]) {
  background: #0f1320;
  color: #fff;
}
.quiz-btn:disabled {
  cursor: no-drop;
}
.quiz .next-btn {
  background: #336cda;
  color: #fff;
  font-weight: 500;
  width: 150px;
  border: 0;
  padding: 10px;
  margin: 20px auto 0;
  border-radius: 4px;
  cursor: pointer;
  display: none;
  font-size: 14px;
  letter-spacing: 0.5px;
  transition: all 0.6s linear;
  opacity: 0;
}
.quiz .start-btn {
  background: #336cda;
  color: #fff;
  font-weight: 500;
  width: 150px;
  border: 0;
  padding: 10px;
  margin: 20px auto 0;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  font-size: 14px;
  letter-spacing: 0.5px;
}
.quiz .answer-details {
  font-size: 18px;
  line-height: 21px;
  color: var(--elements-text-main);
  margin-top: 15px;
  padding: 0 15px;
  display: none;
}
.quiz .qImage {
  width: 100%;
  max-height: 270px;
  filter: brightness(40%);
  border-radius: 0;
}
.quiz .correct {
  background: #9aeabc;
}
.quiz .incorrect {
  background: #ff9393;
}
@media only screen and (max-width: 1024px) {
  .quiz {
    min-height: 100px;
  }
  .quiz__contentImage {
    max-height: 270px;
  }
  .next-btn {
    padding: 8px;
    margin: 10px auto 0;
    font-size: 12px;
    width: 120px;
  }
  .answer-details {
    font-size: 16px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .quiz {
    padding-bottom: 10px;
    scroll-margin-top: 60px;
  }
  .quiz .qImage {
    height: 100%;
  }
  .quiz__contentImage {
    height: 100%;
  }
  .quiz__contentImage .question {
    font-size: 18px;
    line-height: 20px;
  }
  .quiz .title {
    font-size: 16px;
    line-height: 18px;
  }
  .quiz .start-btn {
    padding: 8px;
    margin: 10px auto 0;
    font-size: 12px;
    width: 120px;
  }
  .quiz-btn {
    padding: 7px 5px;
    margin: 2px 0;
    font-size: 12px;
  }
  .quiz .answer-details {
    font-size: 16px;
    line-height: 18px;
    margin-top: 5px;
  }
  .quiz .next-btn {
    padding: 8px;
    margin: 10px auto 0;
    font-size: 12px;
    width: 120px;
  }
}
@media only screen and (max-width: 576px) {
  .quiz .qImage {
    height: 100%;
  }
  .quiz .title {
    font-size: 14px;
    line-height: 16px;
  }
  .quiz__contentImage {
    height: 100%;
  }
  .quiz .answer-details {
    font-size: 14px;
    line-height: 16px;
  }
}
@media (min-width: 375px) {
  .z-col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .z-col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .z-col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .z-col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .z-col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .z-col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .z-col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .z-col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .z-col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .z-col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .z-col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .z-col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .s-offset-sm-11 {
    margin-left: 91.666667%;
  }
  .s-offset-sm-10 {
    margin-left: 83.333333%;
  }
  .s-offset-sm-9 {
    margin-left: 75%;
  }
  .s-offset-sm-8 {
    margin-left: 66.666667%;
  }
  .s-offset-sm-7 {
    margin-left: 58.333333%;
  }
  .s-offset-sm-6 {
    margin-left: 50%;
  }
  .s-offset-sm-5 {
    margin-left: 41.666667%;
  }
  .s-offset-sm-4 {
    margin-left: 33.333333%;
  }
  .s-offset-sm-3 {
    margin-left: 25%;
  }
  .s-offset-sm-2 {
    margin-left: 16.666667%;
  }
  .s-offset-sm-1 {
    margin-left: 8.333333%;
  }
}
@media (min-width: 768px) {
  .z-col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .z-col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .z-col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .z-col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .z-col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .z-col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .z-col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .z-col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .z-col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .z-col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .z-col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .z-col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .s-offset-md-11 {
    margin-left: 91.666667%;
  }
  .s-offset-md-10 {
    margin-left: 83.333333%;
  }
  .s-offset-md-9 {
    margin-left: 75%;
  }
  .s-offset-md-8 {
    margin-left: 66.666667%;
  }
  .s-offset-md-7 {
    margin-left: 58.333333%;
  }
  .s-offset-md-6 {
    margin-left: 50%;
  }
  .s-offset-md-5 {
    margin-left: 41.666667%;
  }
  .s-offset-md-4 {
    margin-left: 33.333333%;
  }
  .s-offset-md-3 {
    margin-left: 25%;
  }
  .s-offset-md-2 {
    margin-left: 16.666667%;
  }
  .s-offset-md-1 {
    margin-left: 8.333333%;
  }
}
@media (min-width: 991px) {
  .z-col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .z-col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .z-col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .z-col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .z-col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .z-col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .z-col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .z-col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .z-col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .z-col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .z-col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .z-col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .s-offset-md-11 {
    margin-left: 91.666667%;
  }
  .s-offset-md-10 {
    margin-left: 83.333333%;
  }
  .s-offset-md-9 {
    margin-left: 75%;
  }
  .s-offset-md-8 {
    margin-left: 66.666667%;
  }
  .s-offset-md-7 {
    margin-left: 58.333333%;
  }
  .s-offset-md-6 {
    margin-left: 50%;
  }
  .s-offset-md-5 {
    margin-left: 41.666667%;
  }
  .s-offset-md-4 {
    margin-left: 33.333333%;
  }
  .s-offset-md-3 {
    margin-left: 25%;
  }
  .s-offset-md-2 {
    margin-left: 16.666667%;
  }
  .s-offset-md-1 {
    margin-left: 8.333333%;
  }
}
@media (max-width: 1399px) {
  .adfox-banner-background {
    max-width: 1220px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
@media (max-width: 1152px) {
  .article .g-row {
    display: flex;
  }
  .article__conten {
    width: 100%;
  }
  .news-list .news-and-ad {
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--spacing-5x);
  }
  .news-list .news-and-ad__item {
    margin-right: 0;
  }
  .news-inner .news-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 991px) {
  .header {
    padding: var(--spacing-2x) 0 var(--spacing-2x) 0;
  }
  .headerBott {
    background: var(--elements-background-contrast);
    padding-bottom: var(--spacing-2x);
  }
  .menu__list {
    display: none;
  }
  .pogoda .checkCity {
    max-width: 237px;
  }
  .pogoda .navigationsTab {
    justify-content: flex-start;
    margin-top: var(--spacing-4x);
  }
  .pogoda .navigationsTab__link {
    width: 100%;
  }
  .pogoda .weather.large .information__row {
    flex-direction: column;
    gap: var(--spacing-2x);
  }
  .pogoda .weather.large .information .items {
    gap: var(--spacing-2x);
  }
  .pogoda .weather.large .information .card {
    padding: var(--spacing-2x);
  }
  .pogoda .weather.large .information .card img,
  .pogoda .weather.large .information .card svg {
    width: 32px;
    height: 32px;
  }
  .pogoda .weather.large .information .card .temperature {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }
  .pogoda .weather.large .information .card.main {
    padding: var(--spacing-3x);
  }
  .pogoda .weather.large .information .card.main .head {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .pogoda .weather.large .information .card.main img,
  .pogoda .weather.large .information .card.main svg {
    width: 68px;
    height: 68px;
  }
  .pogoda .weather.large .information .card.main .temperature {
    font-size: 28px;
    line-height: 32px;
  }
  .pogoda .weather.large .information .card .head {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-1x);
  }
  .pogoda .weather.large .information .weeksEle {
    flex-direction: column;
    gap: var(--spacing-4x);
  }
  .pogoda .weather.large .information .weeksEle__item {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .pogoda .weather.large .information .weeksEle__description {
    display: none;
  }
  .pogoda .weather.large .information .weeksEle__bottom {
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-2x);
  }
  .pogoda .weather.large .information .weeksEle__bottom img,
  .pogoda .weather.large .information .weeksEle__bottom svg {
    width: 24px;
    height: 24px;
  }
  .pogoda .weather.large .information .weeksEle__bottom .weeksEle__temperature {
    gap: var(--spacing-2x);
  }
  .pogoda .wild {
    margin-bottom: var(--spacing-2x);
  }
  .pogoda .wild__row {
    margin-bottom: 0;
    justify-content: space-between;
    gap: inherit;
    font-size: 14px;
  }
  .pogoda .wild__ele img,
  .pogoda .wild__ele svg {
    width: 20px;
    height: 20px;
  }
  .readmore .z-row {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  main.mt120 {
    margin-top: 0;
  }
  .container {
    padding: 0 16px;
  }
  .hexlet_err_modal__content {
    padding: var(--spacing-16x) var(--spacing-6x);
  }
  .mt5mobile {
    margin-top: var(--spacing-5x);
  }
  .mb5mobile {
    margin-bottom: var(--spacing-5x);
  }
  .fixedNews {
    margin-bottom: var(--spacing-8x);
  }
  .newslist .tab-content {
    overflow-y: visible !important;
    max-height: none !important;
  }
  .newslist .scrollNews_btn {
    display: block;
  }
  .newslist .viewall {
    display: none;
  }
  .mob_hide {
    display: none;
  }
  .desktop_hide {
    display: block;
  }
  .main {
    margin-top: 0;
  }
  .main__headline {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 10px;
  }
  .main-newslist {
    order: 2;
  }
  .grid-container {
    grid-template-columns: 1fr;
    gap: 0;
    margin-bottom: calc(-1 * var(--spacing-6x));
  }
  .grid-container .item:nth-child(n) {
    grid-column: 1;
    grid-row: auto;
  }
  .grid-container .item .btn {
    margin-bottom: var(--spacing-6x);
  }
  .logo {
    width: 175px;
    height: 36px;
  }
  .header {
    padding: var(--spacing-2x) 0 var(--spacing-2x) 0;
    margin-bottom: 0;
  }
  .header .dropdown__menu {
    min-width: 160px;
  }
  .header .city-switcher .dropdown__menu {
    min-width: 250px;
  }
  .headerMenu.show {
    overflow-y: auto;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
  }
  .headerMenu .rublic__item {
    border-bottom: 1px solid var(--elements-divider-default);
    padding-bottom: var(--spacing-5x);
    margin-bottom: var(--spacing-5x);
  }
  .headerBott {
    background: var(--elements-background-contrast);
    padding-bottom: var(--spacing-2x);
  }
  .headerBott .container {
    padding-right: 0;
  }
  .dropdown__menu {
    display: block !important;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    transform: translateY(100%);
    transition: transform 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1052;
    border-top-left-radius: var(--border-radius-l);
    border-top-right-radius: var(--border-radius-l);
    border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .dropdown__menu ul {
    border-radius: 0;
    border-top-left-radius: var(--border-radius-l);
    border-top-right-radius: var(--border-radius-l);
    padding: var(--spacing-4x);
  }
  .show-menu {
    transform: translateY(0);
    top: unset;
  }
  .dropdown__buffer {
    display: none;
  }
  .dropdown__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1051;
  }
  .show-overlay {
    display: block;
    opacity: 1;
  }
  .hashtags {
    padding-top: var(--spacing-2x);
  }
  .hashtags .container {
    padding-right: 0;
  }
  .hashtags__inner {
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    gap: var(--spacing-2x);
  }
  .menu__list {
    display: flex;
  }
  .tags {
    overflow-x: auto;
    padding: 1px;
  }
  .tags::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
    display: none;
  }
  .tags a:last-child {
    padding-right: var(--border-radius-xl);
  }
  .tags.newsTags .flex-shrink-0 {
    flex-shrink: 1;
  }
  .tags.newsTags .badge {
    flex-shrink: 1;
    white-space: unset;
  }
  .special-tags {
    overflow-x: auto;
  }
  .special-tags::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
    display: none;
  }
  .widgetInner {
    width: 100%;
    overflow: hidden;
  }
  .widgetInner .widget {
    justify-content: space-between;
    overflow-x: auto;
    padding: var(--spacing-2x) var(--spacing-4x) 0 0;
  }
  .widgetInner .widget::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0;
    height: 0;
    display: none;
  }
  .newscard__block.large .newscard__title {
    font-size: 16px;
    line-height: 20px;
  }
  .newscard__block.large .newscard__footer {
    gap: var(--spacing-2x);
  }
  .pogoda .checkCity {
    max-width: 237px;
  }
  .pogoda .navigationsTab {
    justify-content: flex-start;
    margin-top: var(--spacing-4x);
  }
  .pogoda .navigationsTab__link {
    width: 100%;
  }
  .pogoda .weather.large .information__row {
    flex-direction: column;
    gap: var(--spacing-2x);
  }
  .pogoda .weather.large .information .items {
    gap: var(--spacing-2x);
  }
  .pogoda .weather.large .information .card {
    padding: var(--spacing-2x);
  }
  .pogoda .weather.large .information .card img,
  .pogoda .weather.large .information .card svg {
    width: 32px;
    height: 32px;
  }
  .pogoda .weather.large .information .card .temperature {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }
  .pogoda .weather.large .information .card.main {
    padding: var(--spacing-3x);
  }
  .pogoda .weather.large .information .card.main .head {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .pogoda .weather.large .information .card.main img,
  .pogoda .weather.large .information .card.main svg {
    width: 68px;
    height: 68px;
  }
  .pogoda .weather.large .information .card.main .temperature {
    font-size: 28px;
    line-height: 32px;
  }
  .pogoda .weather.large .information .card .head {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-1x);
  }
  .pogoda .weather.large .information .weeksEle {
    flex-direction: column;
    gap: var(--spacing-4x);
  }
  .pogoda .weather.large .information .weeksEle__item {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .pogoda .weather.large .information .weeksEle__description {
    display: none;
  }
  .pogoda .weather.large .information .weeksEle__bottom {
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-2x);
  }
  .pogoda .weather.large .information .weeksEle__bottom img,
  .pogoda .weather.large .information .weeksEle__bottom svg {
    width: 24px;
    height: 24px;
  }
  .pogoda .weather.large .information .weeksEle__bottom .weeksEle__temperature {
    gap: var(--spacing-2x);
  }
  .pogoda .wild {
    margin-bottom: var(--spacing-2x);
  }
  .pogoda .wild__row {
    margin-bottom: 0;
    justify-content: space-between;
    gap: inherit;
    font-size: 14px;
  }
  .pogoda .wild__ele img,
  .pogoda .wild__ele svg {
    width: 20px;
    height: 20px;
  }
  .footer__item {
    padding-bottom: 0;
  }
  .footer__inner {
    flex-wrap: nowrap;
    flex-direction: column;
    gap: var(--spacing-6x);
  }
  .footer__title--sm {
    order: 1;
  }
  .footer .user-app {
    order: 2;
  }
  .footer .text-info {
    max-width: 216px;
    order: 1;
  }
  .footer .social-list {
    order: 3;
  }
  .footer .social-list img {
    width: 40px;
    height: 40px;
  }
  .footer .users-info__inner {
    gap: var(--spacing-4x);
    align-items: flex-start;
    flex-direction: column;
  }
  .article .g-row {
    display: block;
  }
  .article h1 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: var(--spacing-5x);
  }
  .article .article__info {
    justify-content: left;
    flex-direction: row-reverse;
    margin-bottom: var(--spacing-5x);
  }
  .article .article__info .icon {
    width: 20px;
    height: 20px;
  }
  .article .article__info .article__dateline {
    font-size: 12px;
    line-height: 16px;
  }
  .article .article__info .article__category {
    margin-right: var(--spacing-2x);
  }
  .article__content {
    width: 100%;
  }
  .article__content .authors .authorInfo {
    flex-direction: column;
    gap: var(--spacing-5x);
  }
  .article__content .readmore__items {
    gap: var(--spacing-5x);
  }
  .article__content .description {
    font-size: 16px;
    line-height: 24px;
    margin: var(--spacing-5x) 0;
  }
  .article__content .content {
    font-size: 16px;
    line-height: 24px;
  }
  .article__content .content p {
    margin: var(--spacing-5x) 0;
  }
  .article__content .content blockquote {
    font-size: 16px;
    line-height: 24px;
    margin: var(--spacing-5x) 0;
  }
  .article__content .content blockquote span {
    font-size: 14px;
    line-height: 20px;
  }
  .article__content .content .selection {
    padding: var(--spacing-5x);
    margin: var(--spacing-5x) 0;
  }
  .article__content .content .addedNews .title p {
    font-size: 18px;
    line-height: 20px;
  }
  .article__content .content ul li {
    font-size: 16px;
    line-height: 24px;
  }
  .article__content .content ol li {
    font-size: 16px;
    line-height: 24px;
  }
}