:root {
  --cache-version: 1;
}

@media (max-width: 767px) {
  :root {
    --cache-version: 1;
  }
}

@media (min-width: 768px) and (max-width: 1079px) {
  :root {
    --cache-version: 1;
  }
}

@media (min-width: 1080px) {
  :root {
    --cache-version: 1;
  }
}

:root {
  --colors-brand-primary-25: #fff5f6;
  --colors-brand-primary-50: #feebec;
  --colors-brand-primary-100: #fed7da;
  --colors-brand-primary-200: #fdb0b5;
  --colors-brand-primary-300: #fc8d94;
  --colors-brand-primary-400: #fb656f;
  --colors-brand-primary-500: #fa3d4a;
  --colors-brand-primary-600: #f91625;
  --colors-brand-primary-700: #e30613;
  --colors-brand-primary-800: #95040e;
  --colors-brand-primary-900: #4b0207;
  --colors-brand-primary-950: #280104;
  --colors-brand-primary-hover-25: #ffdbdf;
  --colors-brand-primary-hover-50: #fdd3d5;
  --colors-brand-primary-hover-100: #fdbec3;
  --colors-brand-primary-hover-200: #fc979d;
  --colors-brand-primary-hover-300: #fb747c;
  --colors-brand-primary-hover-400: #fa4c58;
  --colors-brand-primary-hover-500: #f92433;
  --colors-brand-primary-hover-600: #ef0616;
  --colors-brand-primary-hover-700: #f90c19;
  --colors-brand-primary-hover-800: #ae0510;
  --colors-brand-primary-hover-900: #630309;
  --colors-brand-primary-hover-950: #410206;
  --colors-brand-premium-50: #feece7;
  --colors-brand-premium-100: #fddace;
  --colors-brand-premium-200: #fab198;
  --colors-brand-premium-300: #f88c68;
  --colors-brand-premium-400: #f66533;
  --colors-brand-premium-500: #ef440b;
  --colors-brand-premium-600: #be3608;
  --colors-brand-premium-700: #8e2806;
  --colors-brand-premium-800: #5d1a04;
  --colors-brand-premium-900: #310e02;
  --colors-brand-premium-950: #180701;
  --colors-system-neutral-25: #f7f7f8;
  --colors-system-neutral-50: #f1f1f3;
  --colors-system-neutral-100: #e4e4e7;
  --colors-system-neutral-200: #c9c9cf;
  --colors-system-neutral-300: #aeaeb7;
  --colors-system-neutral-400: #93939f;
  --colors-system-neutral-500: #787887;
  --colors-system-neutral-600: #60606c;
  --colors-system-neutral-700: #484851;
  --colors-system-neutral-800: #303036;
  --colors-system-neutral-900: #18181b;
  --colors-system-neutral-950: #0c0c0e;
  --colors-system-neutral-hover-25: #e9e9ec;
  --colors-system-neutral-hover-50: #e4e4e7;
  --colors-system-neutral-hover-100: #d6d6db;
  --colors-system-neutral-hover-200: #bcbcc3;
  --colors-system-neutral-hover-300: #a0a0ab;
  --colors-system-neutral-hover-400: #858593;
  --colors-system-neutral-hover-500: #6c6c7a;
  --colors-system-neutral-hover-600: #54545f;
  --colors-system-neutral-hover-700: #54545f;
  --colors-system-neutral-hover-800: #3c3c43;
  --colors-system-neutral-hover-900: #242429;
  --colors-system-neutral-hover-950: #18181b;
  --colors-system-red-50: #fef1f1;
  --colors-system-red-100: #fcdede;
  --colors-system-red-200: #fac2c2;
  --colors-system-red-300: #f7a1a1;
  --colors-system-red-400: #f48080;
  --colors-system-red-500: #f26464;
  --colors-system-red-600: #ef4444;
  --colors-system-red-700: #d31212;
  --colors-system-red-800: #8d0c0c;
  --colors-system-red-900: #460606;
  --colors-system-red-950: #260303;
  --colors-system-yellow-50: #fffae5;
  --colors-system-yellow-100: #fff5cc;
  --colors-system-yellow-200: #ffeb99;
  --colors-system-yellow-300: #ffe066;
  --colors-system-yellow-400: #ffd633;
  --colors-system-yellow-500: #fc0;
  --colors-system-yellow-600: #cca300;
  --colors-system-yellow-700: #997a00;
  --colors-system-yellow-800: #665200;
  --colors-system-yellow-900: #332900;
  --colors-system-yellow-950: #191400;
  --colors-system-green-50: #e6feec;
  --colors-system-green-100: #c9fdd6;
  --colors-system-green-200: #92fcad;
  --colors-system-green-300: #61fa87;
  --colors-system-green-400: #2af85e;
  --colors-system-green-500: #07e33d;
  --colors-system-green-600: #06b732;
  --colors-system-green-700: #048b26;
  --colors-system-green-800: #035918;
  --colors-system-green-900: #012d0c;
  --colors-system-green-950: #011907;
  --colors-system-blue-50: #ebefff;
  --colors-system-blue-100: #d6deff;
  --colors-system-blue-200: #adbeff;
  --colors-system-blue-300: #859dff;
  --colors-system-blue-400: #5c7cff;
  --colors-system-blue-500: #305bff;
  --colors-system-blue-600: #0031f5;
  --colors-system-blue-700: #0025b8;
  --colors-system-blue-800: #00187a;
  --colors-system-blue-900: #000c3d;
  --colors-system-blue-950: #00061f;
  --colors-system-purple-50: #fdebff;
  --colors-system-purple-100: #fad6ff;
  --colors-system-purple-200: #f5a8ff;
  --colors-system-purple-300: #f080ff;
  --colors-system-purple-400: #eb52ff;
  --colors-system-purple-500: #e728ff;
  --colors-system-purple-600: #cf00eb;
  --colors-system-purple-700: #9e00b3;
  --colors-system-purple-800: #680075;
  --colors-system-purple-900: #36003d;
  --colors-system-purple-950: #1b001f;
  --colors-alpha-primary-0: rgba(227, 6, 19, 0);
  --colors-alpha-primary-25: rgba(227, 6, 19, 0.024);
  --colors-alpha-primary-50: rgba(227, 6, 19, 0.05);
  --colors-alpha-primary-100: rgba(227, 6, 19, 0.1);
  --colors-alpha-primary-200: rgba(227, 6, 19, 0.2);
  --colors-alpha-primary-300: rgba(227, 6, 19, 0.3);
  --colors-alpha-primary-400: rgba(227, 6, 19, 0.4);
  --colors-alpha-primary-500: rgba(227, 6, 19, 0.5);
  --colors-alpha-primary-600: rgba(227, 6, 19, 0.6);
  --colors-alpha-primary-700: rgba(227, 6, 19, 0.698);
  --colors-alpha-primary-800: rgba(227, 6, 19, 0.8);
  --colors-alpha-primary-900: rgba(227, 6, 19, 0.898);
  --colors-alpha-primary-950: rgba(227, 6, 19, 0.95);
  --colors-alpha-primary-1000: #e30613;
  --colors-alpha-white-0: rgba(255, 255, 255, 0);
  --colors-alpha-white-25: rgba(255, 255, 255, 0.024);
  --colors-alpha-white-50: rgba(255, 255, 255, 0.05);
  --colors-alpha-white-100: rgba(255, 255, 255, 0.1);
  --colors-alpha-white-200: rgba(255, 255, 255, 0.2);
  --colors-alpha-white-300: rgba(255, 255, 255, 0.3);
  --colors-alpha-white-400: rgba(255, 255, 255, 0.4);
  --colors-alpha-white-500: rgba(255, 255, 255, 0.5);
  --colors-alpha-white-600: rgba(255, 255, 255, 0.6);
  --colors-alpha-white-700: rgba(255, 255, 255, 0.698);
  --colors-alpha-white-800: rgba(255, 255, 255, 0.8);
  --colors-alpha-white-900: rgba(255, 255, 255, 0.898);
  --colors-alpha-white-950: rgba(255, 255, 255, 0.95);
  --colors-alpha-white-1000: #fff;
  --colors-alpha-neutral-0: rgba(15, 23, 31, 0);
  --colors-alpha-neutral-25: rgba(15, 23, 31, 0.024);
  --colors-alpha-neutral-50: rgba(15, 23, 31, 0.05);
  --colors-alpha-neutral-100: rgba(15, 23, 31, 0.1);
  --colors-alpha-neutral-200: rgba(15, 23, 31, 0.2);
  --colors-alpha-neutral-300: rgba(15, 23, 31, 0.3);
  --colors-alpha-neutral-400: rgba(15, 23, 31, 0.4);
  --colors-alpha-neutral-500: rgba(15, 23, 31, 0.5);
  --colors-alpha-neutral-600: rgba(15, 23, 31, 0.6);
  --colors-alpha-neutral-700: rgba(15, 23, 31, 0.698);
  --colors-alpha-neutral-800: rgba(15, 23, 31, 0.8);
  --colors-alpha-neutral-900: rgba(15, 23, 31, 0.898);
  --colors-alpha-neutral-950: rgba(15, 23, 31, 0.95);
  --colors-alpha-neutral-1000: #0f171f;
  --colors-neutral-25: #f8fafc;
  --spacing-0: 0;
  --spacing-1: 1px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-14: 14px;
  --spacing-16: 16px;
  --spacing-18: 18px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-28: 28px;
  --spacing-32: 32px;
  --spacing-36: 36px;
  --spacing-40: 40px;
  --spacing-44: 44px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-96: 96px;
  --spacing-112: 112px;
  --spacing-128: 128px;
  --spacing-144: 144px;
  --spacing-160: 160px;
  --spacing-176: 176px;
  --spacing-192: 192px;
  --spacing-208: 208px;
  --spacing-224: 224px;
  --spacing-240: 240px;
  --spacing-256: 256px;
  --spacing-288: 288px;
  --spacing-320: 320px;
  --spacing-384: 384px;
  --spacing-724: 724px;
  --spacing-1080: 1080px;
  --radius-0: 0;
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-24: 24px;
  --radius-full: 9999px;
  --icon-stroke-1: 1px;
  --icon-stroke-16: 1.33px;
  --icon-stroke-20: 1.67px;
  --icon-stroke-24: 2px;
  --icon-stroke-32: 2.67px;
  --icon-size-16: 16px;
  --icon-size-18: 18px;
  --icon-size-20: 20px;
  --icon-size-22: 22px;
  --icon-size-24: 24px;
  --icon-size-32: 32px;
  --typography-family-default: inter;
  --typography-family-alternative: eastman compressed;
  --typography-weight-regular: 400;
  --typography-weight-medium: 500;
  --typography-weight-semibold: 600;
  --typography-weight-bold: 700;
  --typography-weight-extrabold: 800;
  --typography-weight-black: 900;
  --typography-scale-6: 6px;
  --typography-scale-8: 8px;
  --typography-scale-9: 9px;
  --typography-scale-10: 10px;
  --typography-scale-11: 11px;
  --typography-scale-12: 12px;
  --typography-scale-13: 13px;
  --typography-scale-14: 14px;
  --typography-scale-15: 15px;
  --typography-scale-16: 16px;
  --typography-scale-17: 17px;
  --typography-scale-18: 18px;
  --typography-scale-20: 20px;
  --typography-scale-22: 22px;
  --typography-scale-24: 24px;
  --typography-scale-26: 26px;
  --typography-scale-28: 28px;
  --typography-scale-30: 30px;
  --typography-scale-32: 32px;
  --typography-scale-34: 34px;
  --typography-scale-36: 36px;
  --typography-scale-40: 40px;
  --typography-scale-44: 44px;
  --typography-scale-48: 48px;
  --typography-scale-56: 56px;
  --typography-scale-60: 60px;
  --typography-scale-64: 64px;
  --typography-scale-72: 72px;
  --typography-scale-80: 80px;
  --typography-scale-96: 96px;
  --typography-scale-128: 128px;
  --background-avatar-placeholder: var(--colors-system-neutral-50);
  --background-button-disabled: var(--colors-system-neutral-25);
  --background-button-disabledwhite: var(--colors-alpha-white-200);
  --background-button-default-default: var(--colors-brand-primary-700);
  --background-button-default-hover: var(--colors-brand-primary-hover-700);
  --background-button-default-active: var(--colors-brand-primary-500);
  --background-button-defaultwhite-default: var(--colors-alpha-white-1000);
  --background-button-defaultwhite-hover: var(--colors-alpha-white-950);
  --background-button-defaultwhite-active: var(--colors-alpha-white-900);
  --background-button-secondary-default: var(--colors-system-neutral-50);
  --background-button-secondary-hover: var(--colors-system-neutral-hover-50);
  --background-button-secondary-active: var(--colors-system-neutral-200);
  --background-button-secondarywhite-default: var(--colors-alpha-white-100);
  --background-button-secondarywhite-hover: var(--colors-alpha-white-200);
  --background-button-secondarywhite-active: var(--colors-alpha-white-300);
  --background-button-tertiary-default: var(--colors-alpha-white-900);
  --background-button-tertiary-hover: var(--colors-system-neutral-hover-50);
  --background-button-tertiary-active: var(--colors-system-neutral-200);
  --background-button-tertiarywhite-default: var(--colors-alpha-primary-900);
  --background-button-tertiarywhite-hover: var(--colors-alpha-white-200);
  --background-button-tertiarywhite-active: var(--colors-alpha-white-300);
  --background-button-ghost-default: var(--colors-alpha-white-900);
  --background-button-ghost-hover: var(--colors-system-neutral-hover-50);
  --background-button-ghost-active: var(--colors-system-neutral-200);
  --background-button-ghostwhite-default: var(--colors-alpha-primary-900);
  --background-button-ghostwhite-hover: var(--colors-alpha-white-200);
  --background-button-ghostwhite-active: var(--colors-alpha-white-300);
  --background-button-blurred-default: var(--colors-alpha-neutral-600);
  --background-button-blurred-hover: var(--colors-alpha-neutral-700);
  --background-button-blurred-active: var(--colors-alpha-neutral-800);
  --background-input-default: var(--colors-alpha-white-1000);
  --background-input-hover: #fff;
  --background-input-active: #fff;
  --background-input-disabled: var(--colors-system-neutral-25);
  --background-tooltip-background: var(--colors-alpha-neutral-1000);
  --background-image-hint-background: var(--colors-alpha-white-100);
  --background-tags-default-subtle: var(--colors-brand-primary-500);
  --background-tags-neutral-default: var(--colors-system-neutral-900);
  --background-brand: var(--colors-brand-primary-700);
  --background-supertitle-default: var(--colors-brand-primary-700);
  --background-navigation-default: var(--colors-brand-primary-700);
  --background-tile-layer-1: var(--colors-system-neutral-50);
  --background-tile-layer-1-hover: var(--colors-system-neutral-hover-50);
  --background-tile-layer-1-active: var(--colors-system-neutral-200);
  --background-selected: var(--colors-alpha-primary-300);
  --background-neutral: var(--colors-system-neutral-900);
  --background-transparent-40: var(--colors-alpha-neutral-400);
  --background-transparent-60: var(--colors-alpha-neutral-600);
  --background-blanket-default: var(--colors-alpha-neutral-600);
  --background-transparent-80: var(--colors-alpha-neutral-800);
  --background-danger: var(--colors-system-red-500);
  --background-danger-subtle: var(--colors-system-red-100);
  --background-warning: var(--colors-system-yellow-500);
  --background-warning-subtle: var(--colors-system-yellow-100);
  --background-success: var(--colors-system-green-500);
  --background-success-subtle: var(--colors-system-green-100);
  --background-info: var(--colors-system-blue-500);
  --background-info-subtle: var(--colors-system-blue-100);
  --background-gallery-gradient-0: var(--colors-alpha-neutral-0);
  --background-gallery-gradient-95: var(--colors-alpha-neutral-950);
  --background-breakingnews-default: var(--colors-system-yellow-500);
  --background-dynamicnavigation-default: var(--colors-brand-primary-700);
  --background-dropdown-default: var(--colors-alpha-white-900);
  --background-dropdown-hover: var(--colors-system-neutral-hover-50);
  --background-dropdown-active: var(--colors-system-neutral-200);
  --text-default: var(--colors-system-neutral-900);
  --text-subtle: var(--colors-system-neutral-700);
  --text-subtlest: var(--colors-system-neutral-500);
  --text-inverse: var(--colors-alpha-white-1000);
  --text-disabled: var(--colors-system-neutral-300);
  --text-selected: var(--colors-brand-primary-700);
  --text-brand: var(--colors-brand-primary-700);
  --text-on-color: var(--colors-alpha-white-1000);
  --text-white: var(--colors-alpha-white-1000);
  --text-white-default: var(--colors-alpha-white-1000);
  --text-white-subtle: var(--colors-alpha-white-900);
  --text-white-subtlest: var(--colors-alpha-white-800);
  --text-white-inverse: var(--colors-brand-primary-800);
  --text-white-disabled: var(--colors-alpha-white-400);
  --text-white-selected: var(--colors-alpha-white-500);
  --text-danger: var(--colors-system-red-700);
  --text-warning: var(--colors-system-yellow-700);
  --text-warning-inverse: var(--colors-system-neutral-900);
  --text-success: var(--colors-system-green-700);
  --link-default-default: var(--colors-brand-primary-700);
  --link-default-hover: var(--colors-brand-primary-hover-700);
  --link-default-visited: var(--colors-system-purple-800);
  --link-disabled: var(--colors-system-neutral-400);
  --link-neutral-default: var(--colors-system-neutral-900);
  --link-neutral-hover: var(--colors-system-neutral-hover-900);
  --link-neutral-visited: var(--colors-system-purple-800);
  --link-neutralwhite-default: var(--colors-alpha-white-1000);
  --link-neutralwhite-hover: var(--colors-alpha-white-900);
  --link-neutralwhite-visited: var(--colors-alpha-white-700);
  --icon-default: var(--colors-system-neutral-900);
  --icon-subtle: var(--colors-system-neutral-700);
  --icon-subtlest: var(--colors-system-neutral-600);
  --icon-inverse: var(--colors-alpha-white-1000);
  --icon-disabled: var(--colors-system-neutral-300);
  --icon-selected: var(--colors-brand-primary-700);
  --icon-brand: var(--colors-brand-primary-700);
  --icon-danger: var(--colors-system-red-800);
  --icon-white: var(--colors-alpha-white-1000);
  --icon-white-default: var(--colors-alpha-white-1000);
  --icon-white-subtle: var(--colors-alpha-white-900);
  --icon-white-subtlest: var(--colors-alpha-white-800);
  --icon-white-inverse: var(--colors-brand-primary-800);
  --icon-white-disabled: var(--colors-alpha-white-400);
  --icon-warning: var(--colors-system-yellow-800);
  --icon-warning-inverse: var(--colors-system-neutral-900);
  --icon-success: var(--colors-system-green-800);
  --icon-info: var(--colors-system-blue-800);
  --border-default: var(--colors-system-neutral-200);
  --border-subtle: var(--colors-system-neutral-100);
  --border-subtlest: var(--colors-system-neutral-50);
  --border-inverse: var(--colors-system-neutral-50);
  --border-disabled: var(--colors-system-neutral-50);
  --border-white-default: var(--colors-alpha-white-400);
  --border-white-subtle: var(--colors-alpha-white-300);
  --border-white-subtlest: var(--colors-alpha-white-200);
  --border-white-disabled: var(--colors-alpha-white-300);
  --border-selected: var(--colors-brand-primary-700);
  --border-focused: var(--colors-brand-primary-500);
  --border-brand: var(--colors-brand-primary-700);
  --border-danger: var(--colors-system-red-700);
  --border-warning: var(--colors-system-yellow-700);
  --border-success: var(--colors-system-green-700);
  --border-info: var(--colors-system-blue-700);
  --border-avatar-default: var(--colors-alpha-neutral-50);
  --border-transparent: var(--colors-alpha-neutral-50);
  --layers-layer-02: var(--colors-system-neutral-25);
  --surface-default: var(--colors-alpha-white-1000);
  --surface-overlay: var(--colors-alpha-white-1000);
  --focus-color: var(--colors-brand-primary-700);
  --focus-inset: var(--colors-alpha-white-1000);
  --focus-white-color: var(--colors-alpha-white-900);
  --focus-white-inset: var(--colors-brand-primary-700);
  --miscellaneous-quotation: var(--colors-brand-primary-50);
  --gradient-default-0: var(--colors-alpha-primary-0);
  --gradient-default-70: var(--colors-alpha-primary-1000);
  --gradient-neutral-0: var(--colors-alpha-neutral-0);
  --gradient-neutral-20: var(--colors-alpha-neutral-200);
  --gradient-neutral-40: var(--colors-alpha-neutral-400);
  --gradient-neutral-80: var(--colors-alpha-neutral-800);
  --gradient-neutral-95: var(--colors-alpha-neutral-950);
  --shadow-xs: rgba(24, 24, 27, 0.05);
  --shadow-sm-1: rgba(24, 24, 27, 0.1);
  --shadow-sm-2: rgba(24, 24, 27, 0.1);
  --shadow-md-1: rgba(24, 24, 27, 0.1);
  --shadow-md-2: rgba(24, 24, 27, 0.1);
  --shadow-lg-1: rgba(24, 24, 27, 0.1);
  --shadow-lg-2: rgba(24, 24, 27, 0.1);
  --shadow-xl-1: rgba(24, 24, 27, 0.1);
  --shadow-xl-2: rgba(24, 24, 27, 0.1);
  --shadow-2xl: rgba(24, 24, 27, 0.25);
  --shadow-text-1: rgba(24, 24, 27, 0.2);
  --shadow-text-2: rgba(24, 24, 27, 0.4);
  --skeleton-default: var(--colors-system-neutral-50);
  --skeleton-subtle: var(--colors-system-neutral-25);
}

@media (max-width: 767px) {
  :root {
    --font-weight-regular: var(--typography-weight-regular);
    --font-weight-medium: var(--typography-weight-medium);
    --font-weight-semibold: var(--typography-weight-semibold);
    --font-weight-bold: var(--typography-weight-bold);
    --font-weight-extrabold: var(--typography-weight-extrabold);
    --font-weight-black: var(--typography-weight-black);
    --font-size-11: var(--typography-scale-12);
    --font-size-12: var(--typography-scale-12);
    --font-size-13: var(--typography-scale-12);
    --font-size-14: var(--typography-scale-14);
    --font-size-16: var(--typography-scale-16);
    --font-size-18: var(--typography-scale-18);
    --font-size-20: var(--typography-scale-20);
    --font-size-24: var(--typography-scale-20);
    --font-size-28: var(--typography-scale-24);
    --font-size-32: var(--typography-scale-26);
    --font-size-36: var(--typography-scale-30);
    --font-size-48: var(--typography-scale-32);
    --font-size-60: var(--typography-scale-40);
    --font-size-72: var(--typography-scale-48);
    --font-size-96: var(--typography-scale-64);
    --font-size-128: var(--typography-scale-80);
    --leading-12: var(--typography-scale-16);
    --leading-14: var(--typography-scale-20);
    --leading-16: var(--typography-scale-24);
    --leading-18: var(--typography-scale-28);
    --leading-20: var(--typography-scale-28);
    --leading-24: var(--typography-scale-24);
    --leading-28: var(--typography-scale-28);
    --leading-32: var(--typography-scale-32);
    --leading-36: var(--typography-scale-36);
    --leading-48: var(--typography-scale-40);
    --leading-ex64: var(--typography-scale-44);
    --leading-ex60: var(--typography-scale-40);
    --leading-ex56: var(--typography-scale-40);
    --leading-ex48: var(--typography-scale-36);
    --leading-ex44: var(--typography-scale-36);
    --leading-ex40: var(--typography-scale-32);
    --leading-ex36: var(--typography-scale-32);
    --leading-ex32: var(--typography-scale-28);
    --leading-ex28: var(--typography-scale-24);
    --leading-ex24: var(--typography-scale-20);
    --leading-ex20: var(--typography-scale-20);
    --leading-ex16: var(--typography-scale-20);
    --leading-ex14: var(--typography-scale-20);
  }
}

@media (min-width: 768px) and (max-width: 1079px) {
  :root {
    --font-weight-regular: var(--typography-weight-regular);
    --font-weight-medium: var(--typography-weight-medium);
    --font-weight-semibold: var(--typography-weight-semibold);
    --font-weight-bold: var(--typography-weight-bold);
    --font-weight-extrabold: var(--typography-weight-extrabold);
    --font-weight-black: var(--typography-weight-black);
    --font-size-11: var(--typography-scale-11);
    --font-size-12: var(--typography-scale-12);
    --font-size-13: var(--typography-scale-13);
    --font-size-14: var(--typography-scale-14);
    --font-size-16: var(--typography-scale-16);
    --font-size-18: var(--typography-scale-18);
    --font-size-20: var(--typography-scale-20);
    --font-size-24: var(--typography-scale-24);
    --font-size-28: var(--typography-scale-28);
    --font-size-32: var(--typography-scale-32);
    --font-size-36: var(--typography-scale-36);
    --font-size-48: var(--typography-scale-48);
    --font-size-60: var(--typography-scale-60);
    --font-size-72: var(--typography-scale-72);
    --font-size-96: var(--typography-scale-96);
    --font-size-128: var(--typography-scale-128);
    --leading-12: var(--typography-scale-16);
    --leading-14: var(--typography-scale-20);
    --leading-16: var(--typography-scale-24);
    --leading-18: var(--typography-scale-28);
    --leading-20: var(--typography-scale-28);
    --leading-24: var(--typography-scale-28);
    --leading-28: var(--typography-scale-32);
    --leading-32: var(--typography-scale-36);
    --leading-36: var(--typography-scale-44);
    --leading-48: var(--typography-scale-56);
    --leading-ex64: var(--typography-scale-64);
    --leading-ex60: var(--typography-scale-60);
    --leading-ex56: var(--typography-scale-56);
    --leading-ex48: var(--typography-scale-48);
    --leading-ex44: var(--typography-scale-44);
    --leading-ex40: var(--typography-scale-40);
    --leading-ex36: var(--typography-scale-36);
    --leading-ex32: var(--typography-scale-32);
    --leading-ex28: var(--typography-scale-28);
    --leading-ex24: var(--typography-scale-24);
    --leading-ex20: var(--typography-scale-20);
    --leading-ex16: var(--typography-scale-16);
    --leading-ex14: var(--typography-scale-14);
  }
}

@media (min-width: 1080px) {
  :root {
    --font-weight-regular: var(--typography-weight-regular);
    --font-weight-medium: var(--typography-weight-medium);
    --font-weight-semibold: var(--typography-weight-semibold);
    --font-weight-bold: var(--typography-weight-bold);
    --font-weight-extrabold: var(--typography-weight-extrabold);
    --font-weight-black: var(--typography-weight-black);
    --font-size-11: var(--typography-scale-11);
    --font-size-12: var(--typography-scale-12);
    --font-size-13: var(--typography-scale-13);
    --font-size-14: var(--typography-scale-14);
    --font-size-16: var(--typography-scale-16);
    --font-size-18: var(--typography-scale-18);
    --font-size-20: var(--typography-scale-20);
    --font-size-24: var(--typography-scale-24);
    --font-size-28: var(--typography-scale-28);
    --font-size-32: var(--typography-scale-32);
    --font-size-36: var(--typography-scale-36);
    --font-size-48: var(--typography-scale-48);
    --font-size-60: var(--typography-scale-60);
    --font-size-72: var(--typography-scale-72);
    --font-size-96: var(--typography-scale-96);
    --font-size-128: var(--typography-scale-128);
    --leading-12: var(--typography-scale-16);
    --leading-14: var(--typography-scale-20);
    --leading-16: var(--typography-scale-24);
    --leading-18: var(--typography-scale-28);
    --leading-20: var(--typography-scale-28);
    --leading-24: var(--typography-scale-28);
    --leading-28: var(--typography-scale-32);
    --leading-32: var(--typography-scale-36);
    --leading-36: var(--typography-scale-44);
    --leading-48: var(--typography-scale-56);
    --leading-ex64: var(--typography-scale-64);
    --leading-ex60: var(--typography-scale-60);
    --leading-ex56: var(--typography-scale-56);
    --leading-ex48: var(--typography-scale-48);
    --leading-ex44: var(--typography-scale-44);
    --leading-ex40: var(--typography-scale-40);
    --leading-ex36: var(--typography-scale-36);
    --leading-ex32: var(--typography-scale-32);
    --leading-ex28: var(--typography-scale-28);
    --leading-ex24: var(--typography-scale-24);
    --leading-ex20: var(--typography-scale-20);
    --leading-ex16: var(--typography-scale-16);
    --leading-ex14: var(--typography-scale-14);
  }
}

:root {
  --shadow-xs-1: rgba(24, 24, 27, 0.05);
  --shadow-xs: 0 1px 2px 0 var(--shadow-xs-1);
  --shadow-sm-1: rgba(24, 24, 27, 0.1);
  --shadow-sm-2: rgba(24, 24, 27, 0.1);
  --shadow-sm: 0 1px 2px -1px var(--shadow-sm-1), 0 1px 3px 0 var(--shadow-sm-2);
  --shadow-md-1: rgba(24, 24, 27, 0.1);
  --shadow-md-2: rgba(24, 24, 27, 0.1);
  --shadow-md: 0 2px 4px -2px var(--shadow-md-1), 0 4px 6px -1px var(--shadow-md-2);
  --shadow-lg-1: rgba(24, 24, 27, 0.1);
  --shadow-lg-2: rgba(24, 24, 27, 0.1);
  --shadow-lg: 0 4px 6px -4px var(--shadow-lg-1), 0 10px 15px -3px var(--shadow-lg-2);
  --shadow-xl-1: rgba(24, 24, 27, 0.1);
  --shadow-xl-2: rgba(24, 24, 27, 0.1);
  --shadow-xl: 0 8px 10px -6px var(--shadow-xl-1), 0 20px 25px -5px var(--shadow-xl-2);
  --shadow-2xl-1: rgba(24, 24, 27, 0.25);
  --shadow-2xl: 0 25px 50px -12px var(--shadow-2xl-1);
  --shadow-text-1: rgba(24, 24, 27, 0.2);
  --shadow-text-2: rgba(24, 24, 27, 0.4);
  --shadow-text: 0 0 4px var(--shadow-text-1), 0 1px 2px var(--shadow-text-2);
}

.logo-2024 svg {
  height: var(--icon-size-24);
  width: 69.398px;
  display: block;
}
.logo-2024--box svg {
  width: 79px;
  height: 32px;
}
.logo-2024--neutral svg path {
  fill: var(--icon-default);
}
.logo-2024--inverse svg path {
  fill: var(--icon-inverse);
}
.logo-2024--default svg path {
  fill: var(--icon-brand);
}
.swiper {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.swiper__wrapper {
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  overflow-x: scroll;
  overflow-y: hidden;
}
.swiper__wrapper::-webkit-scrollbar {
  display: none;
}
.swiper__items {
  padding: var(--spacing-4) 12px;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: start;
  justify-content: start;
  -ms-flex-align: center;
  align-items: center;
  transition: transform 0.3s ease-in-out;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.swiper__items a,
.swiper__items .typography {
  text-decoration: none;
}
.swiper__arrow {
  cursor: pointer;
  z-index: 20;
  max-height: 36px;
  display: none;
  position: absolute;
  top: 50%;
  bottom: 0;
  transform: translateY(-50%);
}
.swiper__arrow--left {
  left: 0;
}
.swiper__arrow--right {
  right: 0;
}
.swiper__arrow-gradient {
  z-index: 10;
  width: 72px;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
}
.swiper__arrow-gradient--left {
  background: linear-gradient(90deg, var(--background-tile-layer-1) 50%, rgba(227, 6, 19, 0) 100%);
  left: 0;
}
.swiper__arrow-gradient--right {
  background: linear-gradient(270deg, var(--background-tile-layer-1) 50%, rgba(227, 6, 19, 0) 100%);
  right: 0;
}
[data-swiper] {
  position: relative;
} /*# sourceMappingURL=blesk-ds-critical.22247971880b7802f6f4.css.map*/
.navigation-2024 {
  background: var(--background-navigation-default);
  z-index: 9999;
  width: 100%;
  transition: margin-top 0.3s ease-in-out, margin-bottom 0.3s ease-in-out, display 0.3s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.navigation-2024 a {
  text-decoration: none;
}
.navigation-2024 .logo-2024 {
  height: 32px;
}
.navigation-2024 .logo-2024 svg {
  width: auto;
  height: 100%;
}
.navigation-2024 .navigation__center,
.navigation-2024 .navigation__left,
.navigation-2024 .navigation__right {
  -ms-flex: 1;
  flex: 1;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  gap: 0;
  display: -ms-flexbox;
  display: flex;
}
.navigation-2024 .navigation__center a {
  margin: 0 auto;
}
.navigation-2024 .navigation__right {
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 0;
}
.navigation-2024 .navigation__right a {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.navigation-2024 .navigation__right a .avatar {
  cursor: pointer;
}
.navigation-2024 .navigation__hot-links {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  gap: 0;
  display: none;
}
@media (min-width: 1080px) {
  .navigation-2024 .navigation__hot-links {
    display: -ms-flexbox;
    display: flex;
  }
}
.navigation-2024 .navigation__login-button--mobile {
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.navigation-2024 .navigation__login-button--desktop {
  display: none;
}
@media (min-width: 1080px) {
  .navigation-2024 .navigation__login-button--mobile {
    display: none;
  }
  .navigation-2024 .navigation__login-button--desktop {
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.navigation__wrapper {
  background: var(--background-navigation-default);
  padding: var(--spacing-4) var(--spacing-4) var(--spacing-4);
  box-sizing: border-box;
  z-index: 200;
  height: -webkit-fit-content;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  height: fit-content;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1080px) {
  .navigation__wrapper {
    padding: var(--spacing-12);
    height: 60px;
  }
}
@media (max-width: 767px) {
  .body--article .content:not(.article-wrapper) {
    padding-top: 84px;
  }
}
#cnc_branding_creative_wrapper .cnc-ads--leaderboard iframe:first-child,
#cnc_branding_creative_wrapper .cnc-ads--leaderboard:before {
  transition: top 0.3s ease-in-out;
}
.body--navigation {
  overscroll-behavior: none;
}
.body--navigation #cnc_branding_creative_wrapper .cnc-ads--leaderboard iframe:first-child {
  top: 60px !important;
}
.body--navigation #cnc_branding_creative_wrapper .cnc-ads--leaderboard:before {
  top: 70px !important;
}
.body--navigation-with-info-strip #cnc_branding_creative_wrapper .cnc-ads--leaderboard iframe:first-child {
  top: 84px !important;
}
.body--navigation-with-info-strip #cnc_branding_creative_wrapper .cnc-ads--leaderboard:before {
  top: 95px !important;
}
.body--navigation-with-dynamic-navigation
  #cnc_branding_creative_wrapper
  .cnc-ads--leaderboard
  iframe:first-child {
  top: 99px !important;
}
.body--navigation-with-dynamic-navigation #cnc_branding_creative_wrapper .cnc-ads--leaderboard:before {
  top: 111px !important;
}
@media screen and (min-width: 1080px) {
  .responsive-design .ad-position--desktop {
    margin-top: 60px;
  }
}
.dynamic-navigation {
  background: var(--background-dynamicnavigation-default);
  z-index: 9000;
  box-sizing: border-box;
  overscroll-behavior: none;
  width: 100%;
  max-height: 40px;
  padding: 0;
  transition: all 0.3s ease-in-out;
  position: fixed;
}
.dynamic-navigation:before {
  content: '';
  background: var(--background-dynamicnavigation-default);
  width: 100%;
  height: 100px;
  position: absolute;
  top: -100px;
}
@media screen and (min-width: 1080px) {
  .dynamic-navigation {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    right: 0;
    overflow: hidden;
  }
  .dynamic-navigation:before {
    content: '';
    background: var(--background-dynamicnavigation-default);
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
  }
}
.dynamic-navigation [data-swiper] {
  padding: 0;
  padding-right: var(--spacing-4);
  max-width: 1080px;
  margin: 0 auto;
}
.dynamic-navigation [data-swiper] .swiper__items {
  gap: var(--spacing-6);
  padding: var(--spacing-4) var(--spacing-12);
}
.dynamic-navigation [data-swiper] .swiper__arrow-gradient--left {
  background: linear-gradient(90deg, #e30613 50%, rgba(227, 6, 19, 0) 100%);
  left: 0;
}
.dynamic-navigation [data-swiper] .swiper__arrow-gradient--right {
  background: linear-gradient(270deg, #e30613 50%, rgba(227, 6, 19, 0) 100%);
  right: 0;
}
.dynamic-navigation [data-swiper] .swiper__arrow--left {
  left: var(--spacing-12);
}
.dynamic-navigation [data-swiper] .swiper__arrow--right {
  right: var(--spacing-12);
}
.dynamic-navigation .button-2024 .typography {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 220px;
  overflow: hidden;
}
[data-dynamic-navigation-bg] {
  background: var(--background-dynamicnavigation-default);
  z-index: 100;
  visibility: hidden;
  width: 100%;
  height: 1px;
  transition: top 0.2s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
@media screen and (min-width: 768px) {
  [data-dynamic-navigation-bg] {
    visibility: visible;
  }
}
.branding-wrapper .dynamic-navigation {
  width: 100%;
}
.dynamic-navigation-placeholder {
  z-index: 9000;
  background: var(--background-dynamicnavigation-default);
  width: 100%;
  height: 40px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
} /*# sourceMappingURL=blesk-ds-critical-navigation.5e7872efa201780c9dc0.css.map*/
.info-strip {
  padding: var(--spacing-4) var(--spacing-12);
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-0);
  border-radius: var(--radius-0);
  border-bottom: 1px solid var(--border-white-subtlest);
  background: var(--background-navigation-default);
  color: var(--text-inverse);
  box-sizing: border-box;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 24px;
  transition: margin-top 0.3s ease-in-out;
  display: -ms-flexbox;
  display: flex;
}
.info-strip--animate-up {
  margin-top: -32px;
}
@media (min-width: 768px) {
  .info-strip {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.info-strip .info-strip__date--desktop {
  display: none;
}
@media (min-width: 768px) {
  .info-strip .info-strip__date--desktop {
    display: block;
  }
}
.info-strip .info-strip__date--mobile {
  display: block;
}
@media (min-width: 768px) {
  .info-strip .info-strip__date--mobile {
    display: none;
  }
}
.info-strip .info-strip__divider {
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-10);
  background: var(--border-white-default);
  width: 1px;
  height: 1px;
  display: -ms-flexbox;
  display: flex;
}
.info-strip .info-strip__divider--mobile-hidden {
  margin: var(--spacing-6);
  display: none;
}
@media (min-width: 768px) {
  .info-strip .info-strip__divider--mobile-hidden {
    display: block;
  }
}
.info-strip .info-strip__left {
  gap: var(--spacing-6);
  -ms-flex-align: center;
  align-items: center;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.info-strip .info-strip__name-day {
  max-width: 200px;
}
@media only screen and (max-width: 320px) {
  .info-strip .info-strip__name-day {
    max-width: 160px;
  }
}
.info-strip .info-strip__name-day .tooltip__info-strip-date-trigger {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  margin-top: 7px;
  display: inline-block;
  overflow: hidden;
}
@media only screen and (max-width: 320px) {
  .info-strip .info-strip__name-day .tooltip__info-strip-date-trigger {
    max-width: 160px;
  }
}
.info-strip .info-strip__name-day .tooltip__info-strip-date-trigger:before {
  content: '';
  vertical-align: middle;
  background: linear-gradient(270deg, #e30613 25%, rgba(227, 6, 19, 0) 100%) 50% no-repeat;
  width: 32px;
  height: 16px;
  margin-left: 0;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
.info-strip .info-strip__name-day .tooltip__info-strip-date-trigger:after {
  content: '';
  vertical-align: middle;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20viewbox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22m12%2015.4-6-6L7.4%208l4.6%204.6L16.6%208%2018%209.4z%22%2F%3E%3C%2Fsvg%3E)
    50% no-repeat;
  width: 8px;
  height: 8px;
  margin-left: 0;
  display: block;
  position: absolute;
  top: 2px;
  right: 0;
}
.info-strip .info-strip__name-day .tooltip {
  max-width: 250px;
}
.info-strip .info-strip__weather {
  gap: var(--spacing-6);
  -ms-flex-align: center;
  align-items: center;
  display: block;
}
.info-strip .info-strip__right-desktop-dropdown {
  display: none;
}
@media (min-width: 768px) {
  .info-strip .info-strip__right-desktop-dropdown {
    gap: var(--spacing-6);
    margin-left: auto;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
} /*# sourceMappingURL=blesk-ds-critical-info-strip.9aafcfbeb58f5f8640ae.css.map*/
.breaking-news {
  z-index: 1000;
  padding: var(--spacing-16);
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--spacing-12);
  background: var(--background-breakingnews-default);
  box-shadow: var(--shadow-md);
  overscroll-behavior: none;
  border-radius: 0;
  -ms-flex-direction: row;
  flex-direction: row;
  width: auto;
  margin: 0 auto 10px;
  transition: all 0.3s ease-in-out;
  display: -ms-flexbox;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
@media screen and (min-width: 1080px) {
  .breaking-news {
    margin-top: var(--spacing-16);
    margin-bottom: var(--spacing-16);
  }
}
.breaking-news__wrapper {
  box-sizing: border-box;
  padding: 0 var(--spacing-24);
  z-index: 10000;
  grid-area: 1/1 / auto/-1;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
@media screen and (min-width: 1080px) {
  .breaking-news__wrapper {
    width: 1080px;
    padding: 0 52px;
    left: 0;
    right: 0;
  }
}
.breaking-news__content,
.breaking-news__content-text,
.breaking-news__content a {
  gap: var(--spacing-12);
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
}
.breaking-news__content:hover,
.breaking-news__content-text:hover,
.breaking-news__content a:hover {
  text-decoration: none;
}
@media screen and (min-width: 1080px) {
  .breaking-news__content,
  .breaking-news__content-text,
  .breaking-news__content a {
    -ms-flex-align: center;
    align-items: center;
  }
}
.breaking-news__image img {
  max-width: 100%;
}
@media (orientation: landscape) {
  .breaking-news__image {
    max-width: 200px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .breaking-news__image {
    width: 300px;
    min-width: 300px;
  }
}
@media screen and (min-width: 1080px) {
  .breaking-news__image {
    width: 564px;
    min-width: 564px;
  }
}
@media (orientation: landscape) {
  .breaking-news__content,
  .breaking-news__content a {
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .breaking-news__content,
  .breaking-news__content a {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 1080px) {
  .breaking-news__content,
  .breaking-news__content a {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .breaking-news__content-text {
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.breaking-news__title .typography {
  color: var(--text-default);
  text-decoration: none;
}
.breaking-news__close {
  border-radius: var(--radius-6);
  background: var(--background-button-secondary-default);
  top: var(--spacing-8);
  right: var(--spacing-8);
  width: 36px;
  height: 36px;
  position: absolute;
} /*# sourceMappingURL=blesk-ds-critical-breaking-news.abd89032d717960c7cb8.css.map*/
</style > <!-- CSS|Critical --end-- -- > body {
  margin: 0;
  padding: 0;
}

.branding-wrapper {
  background-color: #fff;
}

.grid__page {
  gap: var(--spacing-24);
  padding: 0 var(--spacing-24);
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-areas:
    'pageHeader'
    'pageContent'
    'pageContentTopics'
    'pageFooter';
  display: grid;
}

.grid__page a {
  text-decoration: none;
}

@media screen and (min-width: 1080px) {
  .grid__page {
    grid-template-columns: 976px;
    max-width: 1080px;
    margin: auto;
    padding: 0 52px;
  }
}

.grid__page-header {
  gap: var(--spacing-24);
  flex-direction: column;
  grid-area: pageHeader;
  display: flex;
}

.grid__page-content {
  gap: var(--spacing-24);
  grid-area: pageContent;
  grid-template-areas: 'pageContentBoxes';
  display: grid;
}

@media screen and (min-width: 1080px) {
  .grid__page-content {
    grid-template-columns: 640px 1fr;
    grid-template-areas:
      'pageContentBoxes pageContentSidebar'
      'pageContentBoxes pageContentSidebarBottom';
    align-items: start;
    overflow: visible;
  }
}

@media screen and (min-width: 1080px) {
  .grid__page-content--no-sidebar {
    grid-template-columns: 640px;
    grid-template-areas: 'pageContentBoxes';
    justify-content: center;
  }
}

.grid__page-content--no-sidebar .grid__page-content-sidebar {
  display: none;
}

.grid__page-content--overflowing {
  grid-template-areas:
    'pageContentArticleHeader'
    'pageContentArticleBody'
    'pageContentBoxes'
    'pageContentSidebar';
}

@media screen and (min-width: 1080px) {
  .grid__page-content--overflowing {
    grid-template-areas:
      'pageContentArticleHeader pageContentArticleHeader'
      'pageContentArticleBody pageContentSidebar'
      'pageContentBoxes pageContentSidebarBottom';
  }
}

.grid__page-content-article {
  grid-area: pageContentArticleBody;
}

.grid__page-content-boxes {
  flex-direction: column;
  grid-area: pageContentBoxes;
  align-items: center;
  gap: 20px;
  display: flex;
}

.grid__page-content-boxes--full-width {
  grid-column: 1 / -1;
  width: 100%;
}

@media screen and (min-width: 1080px) {
  .grid__page-content-boxes--full-width {
    width: calc(100% + 104px);
    margin-left: -52px;
  }
}

.grid__page-content-sidebar {
  grid-area: pageContentSidebar;
  display: none;
}

@media screen and (min-width: 1080px) {
  .grid__page-content-sidebar {
    contain: layout;
    grid-area: pageContentSidebar / pageContentSidebar / pageContentSidebarBottom / pageContentSidebarBottom;
    align-self: start;
    height: 100%;
    min-height: 100vh;
    display: block;
    position: relative;
  }
}

.grid__page-footer {
  grid-area: pageFooter;
}

.grid__page-element-full-width {
  grid-template-columns: 1fr;
}

@media screen and (min-width: 1080px) {
  .grid__page-element-full-width {
    grid-template-columns: 976px;
    max-width: 1080px;
    margin: auto;
  }
}

.grid__page-element-full-width-section {
  box-sizing: border-box;
  width: calc(100% + 48px);
  margin-left: -24px;
}

@media screen and (min-width: 1080px) {
  .grid__page-element-full-width-section {
    width: calc(100% + 104px);
    margin-left: -52px;
  }
}

.responsive-design {
  padding-top: 0 !important;
}

@media screen and (max-width: 767px) {
  .responsive-design {
    padding-top: 82px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1079px) {
  .responsive-design {
    padding-top: 82px !important;
  }
}

.typography {
  font-size: var(--font-size-13);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--leading-20);
  transition: all 0.3s;
}

.typography--underline {
  text-decoration: underline;
}

.typography--uppercase {
  text-transform: uppercase;
}

.typography--lowercase {
  text-transform: lowercase;
}

.typography--capitalize {
  text-transform: capitalize;
}

.typography--italic {
  font-style: italic;
}

.typography--48-black {
  font-size: var(--font-size-48);
  line-height: var(--leading-60);
  letter-spacing: -0.48px;
  font-weight: var(--font-weight-black);
}

@media screen and (min-width: 1080px) {
  .typography--48-black {
    letter-spacing: -0.72px;
  }
}

.typography--36-black {
  font-size: var(--font-size-36);
  line-height: var(--leading-40);
  letter-spacing: -0.45px;
  font-weight: var(--font-weight-black);
}

@media screen and (min-width: 1080px) {
  .typography--36-black {
    letter-spacing: -0.54px;
  }
}

.typography--32-black {
  font-size: var(--font-size-32);
  line-height: var(--leading-36);
  letter-spacing: -0.39px;
  font-weight: var(--font-weight-black);
}

@media screen and (min-width: 1080px) {
  .typography--32-black {
    letter-spacing: -0.48px;
  }
}

.typography--28-black {
  font-size: var(--font-size-28);
  line-height: var(--leading-36);
  letter-spacing: -0.36px;
  font-weight: var(--font-weight-black);
}

@media screen and (min-width: 1080px) {
  .typography--28-black {
    letter-spacing: -0.42px;
  }
}

.typography--24-black {
  font-size: var(--font-size-24);
  line-height: var(--leading-32);
  letter-spacing: 0.2px;
  font-weight: var(--font-weight-black);
}

@media screen and (min-width: 1080px) {
  .typography--24-black {
    letter-spacing: 0.24px;
  }
}

.typography--20,
.typography--20-md,
.typography--20-sb,
.typography--20-bold,
.typography--20-black {
  font-size: var(--font-size-20);
  line-height: var(--leading-28);
  letter-spacing: 0.18px;
}

@media screen and (min-width: 1080px) {
  .typography--20,
  .typography--20-md,
  .typography--20-sb,
  .typography--20-bold,
  .typography--20-black {
    letter-spacing: 0.2px;
  }
}

.typography--18,
.typography--18-md,
.typography--18-sb,
.typography--18-bold,
.typography--18-black {
  font-size: var(--font-size-18);
  line-height: var(--leading-28);
  letter-spacing: 0.18px;
}

.typography--16,
.typography--16-md,
.typography--16-sb,
.typography--16-bold,
.typography--16-black {
  font-size: var(--font-size-16);
  line-height: var(--leading-24);
  letter-spacing: 0.16px;
}

.typography--14,
.typography--14-md,
.typography--14-sb,
.typography--14-bold,
.typography--14-black {
  font-size: var(--font-size-14);
  line-height: var(--leading-20);
  letter-spacing: 0.14px;
}

.typography--13 {
  font-size: var(--font-size-13);
  line-height: var(--leading-20);
}

.typography--12,
.typography--12-md,
.typography--12-sb,
.typography--12-bold,
.typography--12-black {
  font-size: var(--font-size-12);
  line-height: var(--leading-16);
  letter-spacing: 0.12px;
}

.typography--11,
.typography--11-md {
  font-size: var(--font-size-11);
  letter-spacing: 0.24px;
  line-height: var(--leading-14);
}

@media screen and (min-width: 1080px) {
  .typography--11,
  .typography--11-md {
    letter-spacing: 0.22px;
  }
}

.typography--20-md,
.typography--18-md,
.typography--16-md,
.typography--14-md,
.typography--13-md,
.typography--12-md,
.typography--11-md {
  font-weight: var(--font-weight-medium);
}

.typography--20-sb,
.typography--18-sb,
.typography--16-sb,
.typography--14-sb,
.typography--13-sb,
.typography--12-sb,
.typography--11-sb {
  font-weight: var(--font-weight-semibold);
}

.typography--20-bold,
.typography--18-bold,
.typography--16-bold,
.typography--14-bold,
.typography--13-bold,
.typography--12-bold,
.typography--11-bold {
  font-weight: var(--font-weight-bold);
}

.typography--20-black,
.typography--18-black,
.typography--16-black,
.typography--14-black,
.typography--13-black,
.typography--12-black,
.typography--11-black {
  font-weight: var(--font-weight-black);
}

.typography--body1,
.typography--body1-bold {
  font-size: var(--font-size-20);
  letter-spacing: 0.18px;
}

@media screen and (min-width: 1080px) {
  .typography--body1,
  .typography--body1-bold {
    letter-spacing: 0.2px;
  }
}

.typography--body2,
.typography--body2-bold {
  font-size: var(--font-size-18);
  letter-spacing: 0.18px;
}

.typography--body3,
.typography--body3-bold {
  font-size: var(--font-size-16);
  letter-spacing: 0.16px;
}

.typography--body1,
.typography--body2,
.typography--body3 {
  font-weight: var(--font-weight-regular);
  line-height: 162.5%;
}

.typography--body1-bold,
.typography--body2-bold,
.typography--body3-bold {
  font-weight: var(--font-weight-bold);
  line-height: 162.5%;
}

.typography--heading1-extrabold {
  font-size: var(--font-size-48);
  letter-spacing: -1.44px;
}

@media screen and (min-width: 1080px) {
  .typography--heading1-extrabold {
    letter-spacing: -0.96px;
  }
}

.typography--heading2-extrabold {
  font-size: var(--font-size-36);
  letter-spacing: -0.75px;
}

@media screen and (min-width: 1080px) {
  .typography--heading2-extrabold {
    letter-spacing: -0.9px;
  }
}

.typography--heading3-extrabold {
  font-size: var(--font-size-32);
  letter-spacing: -0.64px;
}

@media screen and (min-width: 1080px) {
  .typography--heading3-extrabold {
    letter-spacing: -0.52px;
  }
}

.typography--heading4-extrabold {
  font-size: var(--font-size-28);
  letter-spacing: -0.36px;
}

@media screen and (min-width: 1080px) {
  .typography--heading4-extrabold {
    letter-spacing: -0.42px;
  }
}

.typography--heading5-extrabold {
  font-size: var(--font-size-24);
  letter-spacing: -0.2px;
}

@media screen and (min-width: 1080px) {
  .typography--heading5-extrabold {
    letter-spacing: -0.24px;
  }
}

.typography--heading6-extrabold {
  font-size: var(--font-size-20);
  letter-spacing: -0.1px;
}

.typography--heading7-extrabold {
  font-size: var(--font-size-18);
  letter-spacing: -0.045px;
}

.typography--heading8-extrabold {
  font-size: var(--font-size-16);
  letter-spacing: 0;
}

.typography--heading1-black {
  font-size: var(--font-size-48);
  letter-spacing: -0.48px;
}

@media screen and (min-width: 1080px) {
  .typography--heading1-black {
    letter-spacing: -0.72px;
  }
}

.typography--heading2-black {
  font-size: var(--font-size-36);
  letter-spacing: -0.45px;
}

@media screen and (min-width: 1080px) {
  .typography--heading2-black {
    letter-spacing: -0.54px;
  }
}

.typography--heading3-black {
  font-size: var(--font-size-32);
  letter-spacing: -0.39px;
}

@media screen and (min-width: 1080px) {
  .typography--heading3-black {
    letter-spacing: -0.48px;
  }
}

.typography--heading4-black {
  font-size: var(--font-size-28);
  letter-spacing: -0.36px;
}

@media screen and (min-width: 1080px) {
  .typography--heading4-black {
    letter-spacing: -0.42px;
  }
}

.typography--heading5-black {
  font-size: var(--font-size-24);
  letter-spacing: 0.2px;
}

@media screen and (min-width: 1080px) {
  .typography--heading5-black {
    letter-spacing: 0.24px;
  }
}

.typography--heading6-black {
  font-size: var(--font-size-20);
  letter-spacing: 0.18px;
}

@media screen and (min-width: 1080px) {
  .typography--heading6-black {
    letter-spacing: 0.2px;
  }
}

.typography--heading7-black {
  font-size: var(--font-size-18);
  letter-spacing: 0.18px;
}

.typography--heading8-black {
  font-size: var(--font-size-16);
  letter-spacing: 0.16px;
}

.typography--heading9-black {
  font-size: var(--font-size-14);
  letter-spacing: 0.14px;
}

.typography--heading10-black {
  font-size: var(--font-size-12);
  letter-spacing: 0.12px;
}

.typography--heading1-extrabold,
.typography--heading2-extrabold,
.typography--heading3-extrabold,
.typography--heading4-extrabold,
.typography--heading5-extrabold,
.typography--heading6-extrabold,
.typography--heading7-extrabold,
.typography--heading8-extrabold,
.typography--heading9-extrabold,
.typography--heading10-extrabold {
  line-height: 120%;
  font-weight: var(--font-weight-extrabold);
}

.typography--heading1-black,
.typography--heading2-black,
.typography--heading3-black,
.typography--heading4-black,
.typography--heading5-black,
.typography--heading6-black,
.typography--heading7-black,
.typography--heading8-black,
.typography--heading9-black,
.typography--heading10-black {
  font-family: sans-serif;
  line-height: 125%;
  font-weight: var(--font-weight-black);
}

.typography--supertitle {
  font-family: sans-serif;
  font-size: var(--font-size-24);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.3px;
  line-height: 125%;
}

@media screen and (min-width: 1080px) {
  .typography--supertitle {
    letter-spacing: 0.36px;
  }
}

.typography--title {
  font-family: sans-serif;
  font-size: var(--font-size-60);
  font-style: normal;
  font-weight: var(--font-weight-extrabold);
  letter-spacing: 0.6px;
  line-height: 100%;
}

@media screen and (min-width: 1080px) {
  .typography--title {
    letter-spacing: 0.9px;
  }
}

.typography--brand-16-bold,
.typography--brand-18-bold,
.typography--brand-20-bold,
.typography--brand-24-bold,
.typography--brand-28-bold,
.typography--brand-32-bold,
.typography--brand-36-bold,
.typography--brand-48-bold,
.typography--brand-72-bold,
.typography--brand-96-bold,
.typography--brand-128-bold {
  font-family: sans-serif;
  font-weight: var(--font-weight-bold);
  font-style: normal;
}

.typography--brand-16-bold {
  font-size: var(--font-size-16);
  letter-spacing: 0%;
  line-height: 135%;
}

.typography--brand-18-bold {
  font-size: var(--font-size-18);
  line-height: 130%;
}

.typography--brand-20-bold {
  font-size: var(--font-size-20);
  line-height: 130%;
}

.typography--brand-24-bold {
  font-size: var(--font-size-24);
  line-height: 125%;
}

.typography--brand-28-bold {
  font-size: var(--font-size-28);
  line-height: 125%;
}

.typography--brand-32-bold {
  font-size: var(--font-size-32);
  line-height: 120%;
}

.typography--brand-36-bold {
  font-size: var(--font-size-36);
  line-height: 120%;
}

.typography--brand-48-bold {
  font-size: var(--font-size-48);
  letter-spacing: -0.16px;
  line-height: 115%;
}

@media screen and (min-width: 1080px) {
  .typography--brand-48-bold {
    letter-spacing: -0.24px;
  }
}

.typography--brand-72-bold {
  font-size: var(--font-size-72);
  letter-spacing: -0.48px;
  line-height: 110%;
}

@media screen and (min-width: 1080px) {
  .typography--brand-72-bold {
    letter-spacing: -0.72px;
  }
}

.typography--brand-96-bold {
  font-size: var(--font-size-96);
  letter-spacing: -0.96px;
  line-height: 108%;
}

@media screen and (min-width: 1080px) {
  .typography--brand-96-bold {
    letter-spacing: -1.44px;
  }
}

.typography--brand-128-bold {
  font-size: var(--font-size-128);
  letter-spacing: -1.6px;
  line-height: 105%;
}

@media screen and (min-width: 1080px) {
  .typography--brand-128-bold {
    letter-spacing: -2.56px;
  }
}

.icon {
  width: var(--icon-size-24);
  height: var(--icon-size-24);
}

.link-2024 {
  align-items: center;
  gap: var(--spacing-6);
  cursor: pointer;
  flex-direction: row;
  text-decoration: none;
  display: inline-flex;
}

.link-2024 svg {
  width: 16px;
  height: 16px;
}

.link-2024 .typography {
  text-underline-offset: 4px;
  text-decoration: none;
}

.link-2024--neutral-white {
  color: var(--link-neutralwhite-default);
  text-decoration: none;
}

.link-2024--neutral-white svg path {
  fill: var(--link-neutralwhite-default);
}

.link-2024--neutral-white:hover {
  color: var(--link-neutralwhite-hover);
  text-decoration: underline;
}

.link-2024--neutral-white:hover svg path {
  fill: var(--link-neutralwhite-hover);
}

.link-2024--neutral-white:active {
  color: var(--text-white-default);
  border: 1px solid var(--focus-white-color);
  text-decoration: underline;
}

.link-2024--neutral-white:active svg path {
  fill: var(--icon-white-default);
}

.link-2024--neutral-white:focus {
  color: var(--link-neutralwhite-default);
  border: 1px solid var(--focus-white-color);
  text-decoration: underline;
}

.link-2024--neutral-white:focus svg path {
  fill: var(--link-neutralwhite-default);
}

.link-2024--neutral-white:visited {
  color: var(--link-neutralwhite-visited);
  text-decoration: underline;
}

.link-2024--neutral-white:visited svg path {
  fill: var(--link-neutralwhite-visited);
}

.link-2024--neutral-white.link--disabled {
  color: var(--text-white-disabled);
  pointer-events: none;
  text-decoration: none;
}

.link-2024--neutral-white.link--disabled svg path {
  fill: var(--icon-white-disabled);
}

.link-2024--neutral {
  color: var(--link-neutral-default);
  text-decoration: none;
}

.link-2024--neutral svg path {
  fill: var(--link-neutral-default);
}

.link-2024--neutral:hover {
  color: var(--link-neutral-hover);
  text-decoration: underline;
}

.link-2024--neutral:hover svg path {
  fill: var(--link-neutral-hover);
}

.link-2024--neutral:active {
  color: var(--text-default);
  border: 1px solid var(--focus-color);
  text-decoration: underline;
}

.link-2024--neutral:active svg path {
  fill: var(--icon-default);
}

.link-2024--neutral:focus {
  color: var(--link-neutral-default);
  border: 1px solid var(--focus-color);
  text-decoration: underline;
}

.link-2024--neutral:focus svg path {
  fill: var(--link-neutral-default);
}

.link-2024--neutral:visited {
  /* color: var(--link-neutral-visited); */
  text-decoration: underline;
}

.link-2024--neutral:visited svg path {
  fill: var(--link-neutral-visited);
}

.link-2024--neutral.link--disabled {
  color: var(--text-disabled);
  pointer-events: none;
  text-decoration: none;
}

.link-2024--neutral.link--disabled svg path {
  fill: var(--icon-disabled);
}

.link-2024--default {
  gap: var(--spacing-8);
  color: var(--link-default-default);
  text-decoration: none;
}

.link-2024--default svg {
  width: 20px;
  height: 20px;
}

.link-2024--default svg path {
  fill: var(--link-default-default);
}

.link-2024--default:hover {
  color: var(--link-default-hover);
  text-decoration: underline;
}

.link-2024--default:hover svg path {
  fill: var(--link-default-hover);
}

.link-2024--default:active {
  color: var(--text-default);
  border: 1px solid var(--focus-color);
  text-decoration: underline;
}

.link-2024--default:active svg path {
  fill: var(--icon-default);
}

.link-2024--default:focus {
  color: var(--link-default-default);
  border: 1px solid var(--focus-color);
  text-decoration: underline;
}

.link-2024--default:focus svg path {
  fill: var(--link-default-default);
}

.link-2024--default:visited {
  color: var(--link-neutral-visited);
  text-decoration: underline;
}

.link-2024--default:visited svg path {
  fill: var(--link-neutral-visited);
}

.link-2024--default.link--disabled {
  color: var(--text-disabled);
  pointer-events: none;
  text-decoration: none;
}

.link-2024--default.link--disabled svg path {
  fill: var(--icon-disabled);
}

.button-2024 {
  cursor: pointer;
  border-radius: var(--radius-6);
  box-sizing: border-box;
  border: 0;
  flex-shrink: 0;
  align-items: center;
  width: -webkit-fit-content;
  width: fit-content;
  display: inline-flex;
}

.button-2024 .typography {
  padding: 0 4px;
}

.button-2024--default {
  background: var(--background-button-default-default);
  color: var(--text-inverse);
}

.button-2024--default .typography {
  color: var(--text-inverse);
}

.button-2024--default svg path {
  fill: var(--icon-inverse);
}

.button-2024--default:hover {
  background: var(--background-button-default-hover);
  text-decoration: none;
}

.button-2024--default:active {
  background: var(--background-button-default-active);
}

.button-2024--default:focus {
  background: var(--background-button-default-default);
  box-shadow: 0 0 0 2px var(--focus-inset), 0 0 0 4px var(--focus-color);
}

.button-2024--default:disabled,
.button-2024--default-disabled {
  background: var(--background-button-disabled);
  cursor: not-allowed;
  color: var(--text-disabled);
  font-weight: var(--font-weight-semibold);
}

.button-2024--default:disabled .typography,
.button-2024--default-disabled .typography {
  color: var(--text-disabled);
  font-weight: var(--font-weight-semibold);
}

.button-2024--default:disabled svg path,
.button-2024--default-disabled svg path {
  fill: var(--icon-disabled);
}

.button-2024--default-white {
  background: var(--background-button-defaultwhite-default);
  color: var(--text-white-inverse);
}

.button-2024--default-white .typography {
  color: var(--text-white-inverse);
}

.button-2024--default-white svg path {
  fill: var(--icon-white-inverse);
}

.button-2024--default-white:hover {
  background: var(--background-button-defaultwhite-hover);
  text-decoration: none;
}

.button-2024--default-white:active {
  background: var(--background-button-defaultwhite-active);
}

.button-2024--default-white:focus {
  background: var(--background-button-defaultwhite-default);
  box-shadow: 0 0 0 2px var(--focus-white-inset), 0 0 0 4px var(--focus-white-color);
}

.button-2024--default-white:disabled,
.button-2024--default-white-disabled {
  background: var(--background-button-disabledwhite);
  cursor: not-allowed;
}

.button-2024--default-white:disabled .typography,
.button-2024--default-white-disabled .typography {
  color: var(--text-white-disabled);
}

.button-2024--default-white:disabled svg path,
.button-2024--default-white-disabled svg path {
  fill: var(--icon-white-disabled);
}

.button-2024--secondary {
  background: var(--background-button-secondary-default);
  color: var(--text-default);
}

.button-2024--secondary .typography {
  color: var(--text-default);
}

.button-2024--secondary svg path {
  fill: var(--icon-default);
}

.button-2024--secondary:hover {
  background: var(--background-button-secondary-hover);
  text-decoration: none;
}

.button-2024--secondary:active {
  background: var(--background-button-secondary-active);
}

.button-2024--secondary:focus {
  background: var(--background-button-secondary-default);
  box-shadow: 0 0 0 2px var(--focus-inset), 0 0 0 4px var(--focus-color);
}

.button-2024--secondary:disabled,
.button-2024--secondary-disabled {
  background: var(--background-button-disabled);
  cursor: not-allowed;
}

.button-2024--secondary:disabled .typography,
.button-2024--secondary-disabled .typography {
  color: var(--text-disabled);
}

.button-2024--secondary:disabled svg path,
.button-2024--secondary-disabled svg path {
  fill: var(--icon-disabled);
}

.button-2024--tertiary {
  background: var(--background-button-tertiary-default);
  color: var(--text-default);
  border: 1px solid var(--border-subtle);
}

.button-2024--tertiary .typography {
  color: var(--text-default);
}

.button-2024--tertiary svg path {
  fill: var(--icon-default);
}

.button-2024--tertiary:hover {
  background: var(--background-button-tertiary-hover);
  text-decoration: none;
}

.button-2024--tertiary:active {
  background: var(--background-button-tertiary-active);
}

.button-2024--tertiary:focus {
  background: var(--background-button-tertiary-default);
  box-shadow: 0 0 0 2px var(--focus-inset), 0 0 0 4px var(--focus-color);
}

.button-2024--tertiary:disabled,
.button-2024--tertiary-disabled {
  background: var(--background-button-tertiary-default);
  cursor: not-allowed;
  border: 1px solid var(--border-disabled);
}

.button-2024--tertiary:disabled .typography,
.button-2024--tertiary-disabled .typography {
  color: var(--text-disabled);
}

.button-2024--tertiary:disabled svg path,
.button-2024--tertiary-disabled svg path {
  fill: var(--icon-disabled);
}

.button-2024--tertiary-white {
  background: var(--background-button-tertiarywhite-default);
  border: 1px solid var(--border-white-subtle);
  color: var(--text-white-default);
}

.button-2024--tertiary-white .typography {
  color: var(--text-white-default);
}

.button-2024--tertiary-white svg path {
  fill: var(--icon-white-default);
}

.button-2024--tertiary-white:hover {
  background: var(--background-button-tertiarywhite-hover);
  text-decoration: none;
}

.button-2024--tertiary-white:active {
  background: var(--background-button-tertiarywhite-active);
}

.button-2024--tertiary-white:focus {
  background: var(--background-button-tertiarywhite-default);
  box-shadow: 0 0 0 2px var(--focus-white-inset), 0 0 0 4px var(--focus-white-color);
}

.button-2024--tertiary-white:disabled,
.button-2024--tertiary-white-disabled {
  background: var(--background-button-tertiarywhite-default);
  border: 1px solid var(--border-white-disabled);
  cursor: not-allowed;
}

.button-2024--tertiary-white:disabled .typography,
.button-2024--tertiary-white-disabled .typography {
  color: var(--text-white-disabled);
}

.button-2024--tertiary-white:disabled svg path,
.button-2024--tertiary-white-disabled svg path {
  fill: var(--icon-white-disabled);
}

.button-2024--ghost {
  color: var(--text-default);
  background: none;
  border: none;
}

.button-2024--ghost .typography {
  color: var(--text-default);
}

.button-2024--ghost svg path {
  fill: var(--icon-default);
}

.button-2024--ghost:hover {
  background: var(--background-button-ghost-hover);
  text-decoration: none;
}

.button-2024--ghost:active {
  background: var(--background-button-ghost-active);
}

.button-2024--ghost:focus {
  background: var(--background-button-ghost-default);
  box-shadow: 0 0 0 2px var(--focus-inset), 0 0 0 4px var(--focus-color);
}

.button-2024--ghost:disabled,
.button-2024--ghost-disabled {
  cursor: not-allowed;
  background: none;
  border: none;
}

.button-2024--ghost:disabled .typography,
.button-2024--ghost-disabled .typography {
  color: var(--text-disabled);
}

.button-2024--ghost:disabled svg path,
.button-2024--ghost-disabled svg path {
  fill: var(--icon-disabled);
}

.button-2024--ghost-white {
  color: var(--text-white-default);
  background: none;
  border: none;
}

.button-2024--ghost-white .typography {
  color: var(--text-white-default);
}

.button-2024--ghost-white svg path {
  fill: var(--icon-white-default);
}

.button-2024--ghost-white:hover {
  background: var(--background-button-ghostwhite-hover);
  text-decoration: none;
}

.button-2024--ghost-white:active {
  background: var(--background-button-ghostwhite-active);
}

.button-2024--ghost-white:focus {
  background: var(--background-button-ghostwhite-default);
  box-shadow: 0 0 0 2px var(--focus-inset), 0 0 0 4px var(--focus-color);
}

.button-2024--ghost-white:disabled,
.button-2024--ghost-white-disabled {
  cursor: not-allowed;
  background: none;
  border: none;
}

.button-2024--ghost-white:disabled .typography,
.button-2024--ghost-white-disabled .typography {
  color: var(--text-white-disabled);
}

.button-2024--ghost-white:disabled svg path,
.button-2024--ghost-white-disabled svg path {
  fill: var(--icon-white-disabled);
}

.button-2024--blurred {
  background: var(--background-button-blurred-default);
  color: var(--text-inverse);
}

.button-2024--blurred .typography {
  color: var(--text-inverse);
}

.button-2024--blurred svg path {
  fill: var(--icon-inverse);
}

.button-2024--blurred:hover {
  background: var(--background-button-blurred-hover);
  text-decoration: none;
}

.button-2024--blurred:active {
  background: var(--background-button-blurred-active);
}

.button-2024--blurred:focus {
  background: var(--background-button-blurred-default);
  box-shadow: 0 0 0 2px var(--focus-inset), 0 0 0 4px var(--focus-color);
}

.button-2024--blurred:disabled,
.button-2024--blurred-disabled {
  background: var(--background-button-disabled);
  cursor: not-allowed;
}

.button-2024--blurred:disabled .typography,
.button-2024--blurred-disabled .typography {
  color: var(--text-disabled);
}

.button-2024--blurred:disabled svg path,
.button-2024--blurred-disabled svg path {
  fill: var(--icon-disabled);
}

.button-2024--28 {
  padding: var(--spacing-2) var(--spacing-8);
  gap: var(--spacing-0);
  height: 28px;
}

.button-2024--32 {
  padding: var(--spacing-6) var(--spacing-8);
  gap: var(--spacing-4);
  height: 32px;
}

.button-2024--36 {
  padding: var(--spacing-6) var(--spacing-12);
  gap: var(--spacing-6);
  height: 36px;
}

.button-2024--40 {
  padding: var(--spacing-8) var(--spacing-16);
  gap: var(--spacing-6);
  height: 40px;
}

.button-2024--28.button-2024--icon {
  max-width: 28px;
}

.button-2024--32.button-2024--icon {
  max-width: 32px;
}

.button-2024--36.button-2024--icon {
  max-width: 36px;
}

.button-2024--40.button-2024--icon {
  max-width: 40px;
}

.button-2024--28 img,
.button-2024--28 svg,
.button-2024--32 img,
.button-2024--32 svg {
  width: 20px;
  height: 20px;
}

.button-2024--36 img,
.button-2024--36 svg,
.button-2024--40 img,
.button-2024--40 svg {
  width: 24px;
  height: 24px;
}

.button-2024--28.button-2024--svg-only {
  padding: 5px;
}

.button-2024--32.button-2024--svg-only {
  padding: 7px;
}

.button-2024--36.button-2024--svg-only {
  padding: var(--spacing-8);
}

.button-2024--40.button-2024--svg-only {
  padding: var(--spacing-10);
}

.avatar {
  border-radius: var(--radius-full);
  border: 0.5px solid var(--border-avatar-default);
  background: var(--background-avatar-placeholder);
  width: var(--icon-size-24);
  height: var(--icon-size-24);
  box-sizing: border-box;
  cursor: default;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.avatar img {
  border-radius: var(--radius-full);
  max-width: none;
}

.avatar--24 {
  width: 24px;
  height: 24px;
}

.avatar--32 {
  width: 32px;
  height: 32px;
}

.avatar--36 {
  width: 36px;
  height: 36px;
}

.avatar--40 {
  border: 0.75px solid var(--border-avatar-default);
  width: 40px;
  height: 40px;
}

.avatar--image {
  background: none;
  border: 0;
  padding: 0;
}

.avatar--image.avatar--24 {
  padding: 4px;
}

.avatar--image.avatar--32 {
  padding: 6px;
}

.avatar--image.avatar--36 {
  padding: 7px;
}

.avatar--image.avatar--40 {
  padding: 8px;
}

.avatar--initials {
  color: var(--icon-default);
}

.avatar--initials.avatar--24 {
  padding: 4px 0;
}

.avatar--initials.avatar--32 {
  padding: 6px 0;
}

.avatar--initials.avatar--36 {
  padding: 7px 0;
}

.avatar--initials.avatar--40 {
  padding: 8px 0;
}

.buttons-store {
  gap: 6px;
  display: flex;
}

.buttons-store svg g {
  width: 128px;
  height: 40px;
}

.buttons-store--horizontal {
  flex-direction: row;
}

.buttons-store--vertical {
  flex-direction: column;
}

.label {
  align-items: center;
  gap: var(--spacing-0);
  border-radius: var(--radius-6);
  padding: var(--spacing-2);
  background: var(--background-brand);
  display: inline-flex;
}

.label .typography {
  color: var(--text-inverse);
  padding: 0 var(--spacing-4);
  align-items: center;
  max-height: 16px;
  display: inline-flex;
}

.label--neutral {
  padding: var(--spacing-4) var(--spacing-12);
  background: var(--background-tags-neutral-default);
}

.label--neutral .typography {
  max-height: 20px;
}

.super-title {
  padding: var(--spacing-2) var(--spacing-8) var(--spacing-4) var(--spacing-8);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-0);
  border-radius: var(--radius-0);
  background: var(--background-brand);
  align-self: anchor-center;
  display: inline-flex;
}

.super-title .typography {
  color: var(--text-inverse);
}

@media (min-width: 1080px) {
  .super-title {
    padding: 3px var(--spacing-10) var(--spacing-6) var(--spacing-10);
  }
}

.dropdown {
  width: -webkit-fit-content;
  width: fit-content;
  display: inline-block;
  position: relative;
}

.dropdown:hover .dropdown__content {
  opacity: 1;
  visibility: visible;
}

@starting-style {
  .dropdown:hover .dropdown__content {
    visibility: inherit;
    opacity: 0;
  }
}

.dropdown--left .dropdown__content {
  right: 0;
}

.dropdown--right .dropdown__content {
  left: 0;
}

.dropdown .dropdown__divider {
  background: var(--border-subtlest);
  margin: var(--spacing-8) 0;
  border: 0;
  width: 100%;
  height: 1px;
}

.dropdown__content {
  z-index: 1;
  border-radius: var(--radius-6);
  border: 1px solid var(--border-subtlest);
  background: var(--surface-overlay);
  box-shadow: var(--shadow-md);
  padding: var(--spacing-8) var(--spacing-0);
  opacity: 0;
  visibility: hidden;
  transition-behavior: allow-discrete;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-width: 280px;
  transition: visibility 0.3s linear, opacity 0.3s linear;
  position: absolute;
}

.dropdown__item {
  padding: var(--spacing-10) var(--spacing-16);
  box-sizing: border-box;
  align-items: center;
  gap: var(--spacing-8);
  color: var(--text-default);
  border: 0;
  flex-direction: row;
  width: 100%;
  max-width: 280px;
  text-decoration: none;
  display: flex;
}

.dropdown__item svg {
  width: 18px;
  height: 18px;
}

.dropdown__item svg path {
  fill: var(--icon-default);
}

.dropdown__item:hover {
  background: var(--background-dropdown-hover);
  text-decoration: none;
}

.dropdown__item:hover .typography {
  text-decoration: none;
}

.dropdown__item:active {
  background: var(--background-dropdown-active);
}

.dropdown__item:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.dropdown__item:disabled .typography {
  color: var(--text-disabled);
}

.dropdown__item:disabled svg path {
  fill: var(--icon-disabled);
}

.dropdown__item:visited .typography {
  color: var(--text-default);
}

.loader {
  border-radius: 50%;
  animation: 2s linear infinite spin;
}

.loader--neutral-white {
  border: 16px solid var(--icon-white-disabled);
  border-top: 16px solid var(--icon-white-default);
  border-width: 3px;
}

.loader--default {
  border: 16px solid var(--icon-disabled);
  border-top: 16px solid var(--icon-default);
  border-width: 3px;
}

.loader--18 {
  width: 18px;
  height: 18px;
}

.loader--20 {
  width: 20px;
  height: 20px;
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.tooltip {
  pointer-events: none;
  z-index: 1000;
  cursor: help;
  border-radius: var(--radius-8);
  background: var(--background-tooltip-background);
  padding: var(--spacing-8) var(--spacing-12);
  align-items: flex-start;
  gap: var(--spacing-2);
  flex-direction: column;
  width: -webkit-max-content;
  width: max-content;
  transition: opacity 0.2s;
  display: none;
  position: absolute;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(22, 33, 45, 0.06);
}

.tooltip--visible {
  display: flex;
}

body > * {
  font-family: sans-serif;
}

.tooltip .tooltip__text {
  color: var(--text-white-default);
  font-family: sans-serif;
  font-size: var(--font-size-12);
  font-style: normal;
  font-weight: var(--font-weight-semibold);
  line-height: var(--leading-16);
  letter-spacing: 0.12px;
}

.tooltip .tooltip__supporting-text {
  color: var(--text-white-subtlest);
  font-family: sans-serif;
  font-size: var(--font-size-12);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--leading-16);
  letter-spacing: 0.12px;
}

.tooltip--top {
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip--bottom {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.tooltip--left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
}

.tooltip--right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

.tooltip__parent {
  cursor: help;
  position: relative;
}

.tooltip-ignore .tooltip {
  all: unset;
  display: none;
}

.hint {
  position: relative;
}

.hint .hint__text {
  vertical-align: middle;
  background: var(--surface-overlay);
  padding: var(--spacing-8) var(--spacing-16);
  box-shadow: var(--shadow-md);
  border-radius: var(--radius-6);
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
}

.hint:hover .hint__text {
  display: inline-block;
}

.highlight--underline {
  position: relative;
}

.highlight--underline:hover:after {
  animation: 0.5s both highlight-shake;
}

.highlight--underline:after {
  content: '';
  box-shadow: var(--shadow-md);
  background: var(--text-brand);
  width: 100%;
  height: 8px;
  position: absolute;
  bottom: -8px;
  left: 0;
}

.highlight--background {
  background: var(--text-brand);
  color: var(--text-inverse);
  padding: 0 4px;
  transition: padding 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.highlight--background:hover {
  padding-top: var(--spacing-16);
  padding-bottom: var(--spacing-16);
}

@keyframes highlight-shake {
  0% {
    transform: translateX(0);
  }

  20% {
    transform: translateX(-6px);
  }

  40% {
    transform: translateX(6px);
  }

  60% {
    transform: translateX(-6px);
  }

  80% {
    transform: translateX(6px);
  }

  100% {
    transform: translateX(0);
  }
}

.headline {
  border-top: 6px solid var(--text-default);
  text-align: left;
  width: 100%;
  margin: 0;
}

.headline--borderless {
  border-top: none;
}

.headline--highlight {
  color: var(--text-subtlest);
}

.object-titles {
  gap: var(--spacing-4);
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.object-titles__divider {
  background: var(--border-brand);
  width: 80px;
  height: 6px;
}

.typography-wrapper .object-titles__super-title,
.object-titles__super-title {
  color: var(--text-brand);
}

.image-placeholder {
  background: url('../../dist-legacy/assets/blesk/identity/logo-blesk-white.svg'),
    radial-gradient(var(--background-tile-layer-1), transparent);
  border: 1px solid var(--border-transparent);
  box-sizing: border-box;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  min-width: 100%;
  height: 100%;
}

.image-placeholder img {
  max-width: 100%;
}

.form-validation-message {
  color: var(--text-danger);
}

.form-textarea {
  gap: var(--spacing-6);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.form-textarea .form-textarea__input {
  border-radius: var(--radius-6);
  border: 1px solid var(--border-default);
  background: var(--background-input-default);
  font-family: sans-serif;
  font-size: var(--font-size-16);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: var(--leading-24);
  letter-spacing: 0.16px;
  color: var(--text-default);
  padding: var(--spacing-12) var(--spacing-16);
  height: 160px;
  box-shadow: 0 1px 2px rgba(22, 33, 45, 0.05);
}

.form-textarea .form-textarea__input::placeholder {
  color: var(--text-subtlest);
}

.form-textarea .form-textarea__input:focus {
  border: 1px solid var(--border-default);
  background: var(--background-input-default);
  box-shadow: 0 0 0 2px var(--focus-inset), 0 0 0 4px var(--background-neutral),
    0 1px 2px 0 rgba(22, 33, 45, 0.05);
}

.form-textarea .form-textarea__input:disabled {
  color: var(--text-disabled);
  border: 1px solid var(--border-disabled);
  background: var(--background-input-disabled);
}

.form-textarea .form-textarea__label .asterisk {
  color: var(--text-brand);
}

.form-textarea .form-textarea__counter {
  color: var(--text-subtlest);
}

.error .form-textarea__input {
  border: 1px solid var(--border-danger);
}

.error .form-textarea__input:focus {
  border: 1px solid var(--border-danger);
  box-shadow: 0 0 0 2px var(--focus-inset), 0 0 0 4px var(--focus-color), 0 1px 2px 0 rgba(22, 33, 45, 0.05);
}

.error .form-textarea__counter {
  color: var(--text-danger);
}

.form-input {
  gap: var(--spacing-6);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.form-input .form-input__label {
  color: var(--text-default);
}

.form-input .form-input__label .asterisk {
  color: var(--text-brand);
}

.form-input .form-input__input {
  border-radius: var(--radius-6);
  border: 1px solid var(--border-default);
  background: var(--background-input-default);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-regular);
  line-height: var(--leading-24);
  color: var(--text-default);
  padding: var(--spacing-8) var(--spacing-16);
  max-height: 40px;
  box-shadow: 0 1px 2px rgba(22, 33, 45, 0.05);
}

.form-input .form-input__input::placeholder {
  color: var(--text-subtlest);
}

.form-input .form-input__input:focus {
  border: 1px solid var(--border-default);
  background: var(--background-input-default);
  box-shadow: 0 0 0 2px var(--focus-inset), 0 0 0 4px var(--background-neutral),
    0 1px 2px 0 rgba(22, 33, 45, 0.05);
}

.form-input .form-input__input:disabled {
  color: var(--text-disabled);
  border: 1px solid var(--border-disabled);
  background: var(--background-input-disabled);
}

.form-input--required .form-input__label .asterisk {
  display: inline;
}

.error .form-input__input {
  border: 1px solid var(--border-danger);
}

.error .form-input__input:focus {
  border: 1px solid var(--border-danger);
  box-shadow: 0 0 0 2px var(--focus-inset), 0 0 0 4px var(--focus-color), 0 1px 2px 0 rgba(22, 33, 45, 0.05);
}

.form-radio-button {
  gap: var(--spacing-6);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.form-radio-button__label {
  color: var(--text-default);
}

.form-radio-button__label .asterisk {
  color: var(--text-brand);
}

.form-radio-button__options {
  gap: var(--spacing-4);
  flex-flow: wrap;
  display: flex;
}

.form-radio-button__option input[type='radio'] {
  display: none;
}

.form-radio-button__option input[type='radio']:not(:disabled) ~ label {
  cursor: pointer;
}

.form-radio-button__option input[type='radio']:disabled ~ label {
  color: var(--text-inverse);
  background: var(--background-button-tertiary-hover);
  box-shadow: none;
  cursor: not-allowed;
}

.form-radio-button__option input[type='radio']:checked + label {
  color: var(--text-inverse);
  background: var(--background-button-default-default);
}

.form-radio-button__option label {
  color: var(--text-default);
  padding: var(--spacing-8) var(--spacing-16);
  align-items: center;
  gap: var(--spacing-6);
  border-radius: var(--radius-6);
  border: 1px solid var(--border-subtle);
  background: var(--background-button-tertiary-default);
  box-sizing: border-box;
  font-family: sans-serif;
  font-size: var(--font-size-14);
  font-style: normal;
  font-weight: var(--font-weight-semibold);
  line-height: var(--leading-20);
  letter-spacing: 0.14px;
  height: 40px;
  display: flex;
}

.form-radio-button__option label:hover {
  background: var(--background-button-tertiary-hover);
}

.form-alert {
  border-radius: var(--radius-6);
  padding: var(--spacing-12) var(--spacing-16);
  border: 1px solid var(--border-danger);
  background: var(--background-danger-subtle);
  gap: var(--spacing-16);
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.form-alert__content {
  gap: var(--spacing-6);
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.form-alert__title,
.form-alert__description {
  color: var(--text-default);
}

.form-alert__icon svg path {
  fill: var(--icon-danger);
}

.form-alert__placeholder {
  width: 100%;
}

.form-switch-button__container {
  border-radius: var(--radius-6);
  background: var(--background-button-secondary-default);
  color: var(--text-default);
  cursor: pointer;
  grid-template-columns: repeat(2, 1fr);
  width: -webkit-fit-content;
  width: fit-content;
  height: 28px;
  display: grid;
  position: relative;
}

.form-switch-button__container:before {
  content: '';
  border-radius: var(--radius-6);
  background: var(--background-button-secondary-active);
  box-shadow: 0 1px 3px 0 var(--shadow-sm-2), 0 1px 2px -1px var(--shadow-sm-1);
  width: 50%;
  height: 100%;
  transition: all 0.3s;
  position: absolute;
  left: 0%;
}

.form-switch-button__container div {
  text-align: center;
  z-index: 1;
  padding: var(--spacing-2) var(--spacing-12);
  box-sizing: border-box;
  width: 100%;
}

.form-switch-button__container .typography {
  padding: 0 var(--spacing-12);
}

.form-switch-button__checkbox {
  display: none;
}

.form-switch-button__checkbox:checked + .form-switch-button__container div:first-child,
.form-switch-button__checkbox:checked + .form-switch-button__container div:last-child,
.form-switch-button__checkbox + .form-switch-button__container div:first-child,
.form-switch-button__checkbox + .form-switch-button__container div:last-child {
  transition: color 0.3s;
}

.form-switch-button__checkbox:checked + .form-switch-button__container:before {
  left: 50%;
}

.typography-wrapper {
  font-family: sans-serif;
  font-size: var(--font-size-base);
  color: var(--text-default);
}

.typography-wrapper h1,
.typography-wrapper h2,
.typography-wrapper h3,
.typography-wrapper h4,
.typography-wrapper h5,
.typography-wrapper h6,
.typography-wrapper p,
.typography-wrapper ul,
.typography-wrapper ol,
.typography-wrapper li,
.typography-wrapper blockquote {
  margin: 0;
  padding: 0;
}

.typography-wrapper a:not(:-webkit-any(.artobj, .artobj a)) {
  color: var(--link-default-default);
  font-family: sans-serif;
  font-size: var(--font-size-18);
  letter-spacing: 0.18px;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  font-style: normal;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
}

.typography-wrapper a:not(:is(.artobj, .artobj a)) {
  color: var(--link-default-default);
  font-family: sans-serif;
  font-size: var(--font-size-18);
  letter-spacing: 0.18px;
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  font-style: normal;
  line-height: 150%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
}

.typography-wrapper a:not(:-webkit-any(.artobj, .artobj a)):hover {
  color: var(--link-default-default);
  text-decoration: none;
}

.typography-wrapper a:not(:is(.artobj, .artobj a)):hover {
  color: var(--link-default-default);
  text-decoration: none;
}

.typography-wrapper blockquote:not(.artobj blockquote) {
  quotes: none;
}

.typography-wrapper blockquote:not(.artobj blockquote):before,
.typography-wrapper blockquote:not(.artobj blockquote):after {
  content: '';
  content: none;
}

.typography-wrapper h1:not(.artobj h1),
.typography-wrapper h2:not(.artobj h2),
.typography-wrapper h3:not(.artobj h3),
.typography-wrapper h4:not(.artobj h4),
.typography-wrapper h5:not(.artobj h5),
.typography-wrapper h6:not(.artobj h6) {
  font-family: sans-serif;
  font-style: normal;
  font-weight: var(--font-weight-black);
  margin-bottom: var(--spacing-16);
}

.typography-wrapper h1:not(.artobj h1) {
  font-size: var(--font-size-48);
  letter-spacing: -0.48px;
  font-weight: 900;
  line-height: 125%;
}

@media (min-width: 1080px) {
  .typography-wrapper h1:not(.artobj h1) {
    letter-spacing: -0.72px;
  }
}

.typography-wrapper h2:not(.artobj h2) {
  font-size: var(--font-size-36);
  letter-spacing: -0.45px;
  line-height: 125%;
}

@media (min-width: 1080px) {
  .typography-wrapper h2:not(.artobj h2) {
    letter-spacing: -0.54px;
  }
}

.typography-wrapper h3:not(.artobj h3) {
  font-size: var(--font-size-32);
  letter-spacing: -0.39px;
  line-height: 125%;
}

@media (min-width: 1080px) {
  .typography-wrapper h3:not(.artobj h3) {
    letter-spacing: -0.48px;
  }
}

.typography-wrapper h4:not(.artobj h4) {
  font-size: var(--font-size-28);
  letter-spacing: -0.36px;
  line-height: 125%;
}

@media (min-width: 1080px) {
  .typography-wrapper h4:not(.artobj h4) {
    letter-spacing: -0.42px;
  }
}

.typography-wrapper h5:not(.artobj h5) {
  font-size: var(--font-size-24);
  letter-spacing: 0.2px;
  line-height: 125%;
}

@media (min-width: 1080px) {
  .typography-wrapper h5:not(.artobj h5) {
    letter-spacing: 0.24px;
  }
}

.typography-wrapper h6:not(.artobj h6) {
  font-size: var(--font-size-20);
  letter-spacing: 0.18px;
  line-height: 125%;
}

@media (min-width: 1080px) {
  .typography-wrapper h6:not(.artobj h6) {
    letter-spacing: 0.2px;
  }
}

.typography-wrapper p {
  font-family: sans-serif;
  font-size: var(--font-size-18);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.18px;
  margin-bottom: var(--spacing-24);
  line-height: 150%;
}

.typography-wrapper .article__perex,
.typography-wrapper strong:not(.artobj strong) {
  color: var(--text-default);
  font-family: sans-serif;
  font-size: var(--font-size-18);
  font-style: normal;
  font-weight: var(--font-weight-bold);
}

.typography-wrapper em:not(.artobj em) {
  color: var(--text-default);
  font-family: sans-serif;
  font-size: var(--font-size-18);
  font-style: italic;
  font-weight: var(--font-weight-regular);
}

.typography-wrapper ol:not(.artobj ol),
.typography-wrapper ul:not(:-webkit-any(.artobj, .artobj ul)) {
  margin-bottom: var(--spacing-24);
  list-style: none;
}

.typography-wrapper ol:not(.artobj ol),
.typography-wrapper ul:not(:is(.artobj, .artobj ul)) {
  margin-bottom: var(--spacing-24);
  list-style: none;
}

.typography-wrapper ol:not(.artobj ol) li,
.typography-wrapper ul:not(:-webkit-any(.artobj, .artobj ul)) li {
  margin-left: var(--spacing-20);
  color: var(--text-default);
  font-family: sans-serif;
  font-size: var(--font-size-18);
  padding-left: var(--spacing-8);
  letter-spacing: 0.18px;
  line-height: 150%;
}

.typography-wrapper ol:not(.artobj ol) li,
.typography-wrapper ul:not(:is(.artobj, .artobj ul)) li {
  margin-left: var(--spacing-20);
  color: var(--text-default);
  font-family: sans-serif;
  font-size: var(--font-size-18);
  padding-left: var(--spacing-8);
  letter-spacing: 0.18px;
  line-height: 150%;
}

.typography-wrapper ol li:not(:-webkit-any(.artobj, .artobj li)) {
  list-style: decimal;
}

.typography-wrapper ol li:not(:is(.artobj, .artobj li)) {
  list-style: decimal;
}

.typography-wrapper ul li:not(:-webkit-any(.artobj, .artobj li)) {
  list-style: disc;
}

.typography-wrapper ul li:not(:is(.artobj, .artobj li)) {
  list-style: disc;
}

.typography-wrapper .imgInArt,
.typography-wrapper img:not(:-webkit-any(.artobj, .artobj img)) {
  margin: var(--spacing-24) 0;
  max-width: 100%;
  height: auto;
}

.typography-wrapper .imgInArt,
.typography-wrapper img:not(:is(.artobj, .artobj img)) {
  margin: var(--spacing-24) 0;
  max-width: 100%;
  height: auto;
}

.link-list {
  align-items: flex-start;
}

.link-list li {
  align-items: center;
  display: flex;
}

.link-list--vertical {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.link-list--horizontal {
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 8px 24px;
  display: inline-flex;
}

.social-icon-list {
  flex-direction: row;
  gap: 8px;
  display: flex;
}

a:hover .article-card {
  text-decoration: none;
}

.article-card {
  justify-content: start;
  align-items: start;
  gap: var(--spacing-16);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.article-card .article-card__image {
  border: 1px solid var(--border-transparent);
  aspect-ratio: 425 / 281;
  background: radial-gradient(#ccc, rgba(0, 0, 0, 0));
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.article-card .article-card__image img {
  width: 100%;
  height: auto;
  margin: 0;
  transition: transform 0.3s ease-in-out;
}

.article-card .article-card__text {
  color: var(--text-subtle);
  gap: var(--spacing-4);
  flex-direction: column;
  display: flex;
}

.article-card .article-card__super-title {
  color: var(--text-brand);
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.article-card .article-card__title {
  color: var(--text-default);
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.article-card--type-1 {
  flex-direction: row;
}

.article-card--type-1 .article-card__text {
  flex-basis: content;
  width: -webkit-fit-content;
  width: fit-content;
}

.article-card--type-1 .article-card__image {
  aspect-ratio: 220 / 146;
  background: radial-gradient(#ccc, rgba(0, 0, 0, 0));
  width: 163px;
  max-width: 163px;
}

@media screen and (min-width: 1080px) {
  .article-card--type-1 .article-card__image {
    width: 220px;
    max-width: 220px;
  }
}

@media screen and (min-width: 1080px) {
  .article-card--type-1 {
    gap: var(--spacing-32);
  }

  .article-card--type-1 .article-card__super-title .typography {
    font-family: sans-serif;
    font-style: normal;
    line-height: 120%;
    font-size: var(--font-size-20);
    font-weight: var(--font-weight-extrabold);
    letter-spacing: -0.1px;
  }

  .article-card--type-1 .article-card__title .typography {
    font-family: sans-serif;
    font-style: normal;
    line-height: 120%;
    font-size: var(--font-size-28);
    font-weight: var(--font-weight-extrabold);
    letter-spacing: -0.42px;
  }
}

@media screen and (min-width: 1080px) {
  .article-card--type-2 .article-card__text .article-card__super-title .typography {
    font-family: sans-serif;
    font-size: var(--font-size-20);
    font-style: normal;
    font-weight: var(--font-weight-extrabold);
    letter-spacing: -0.1px;
    line-height: 120%;
  }

  .article-card--type-2 .article-card__text .article-card__title .typography {
    font-family: sans-serif;
    font-size: var(--font-size-28);
    font-style: normal;
    font-weight: var(--font-weight-extrabold);
    letter-spacing: -0.42px;
    line-height: 120%;
  }
}

@media screen and (min-width: 1080px) {
  .article-card--type-3 .article-card__text .article-card__super-title .typography {
    font-family: sans-serif;
    font-size: var(--font-size-24);
    font-style: normal;
    font-weight: var(--font-weight-extrabold);
    letter-spacing: -0.24px;
    line-height: 120%;
  }

  .article-card--type-3 .article-card__text .article-card__title .typography {
    font-family: sans-serif;
    font-size: var(--font-size-48);
    font-style: normal;
    font-weight: var(--font-weight-extrabold);
    letter-spacing: -1.44px;
    line-height: 120%;
  }
}

@media screen and (max-width: 767px) {
  .article-card--type-3 .article-card__image {
    width: calc(100% + 2 * var(--spacing-24));
    max-width: unset;
    margin-left: -24px;
    overflow: hidden;
  }
}

.article-card:hover,
.article-card:hover .article-card__super-title {
  text-decoration: none;
}

.article-card:hover .article-card__title {
  color: var(--text-default);
  text-underline-offset: 4px;
  text-decoration: underline;
}

.article-card:hover .article-card__image img {
  transform: scale(1.2);
}

.article-card-list {
  gap: var(--spacing-24) var(--spacing-16);
  margin-bottom: var(--spacing-24);
  box-sizing: border-box;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  padding: 0;
  display: grid;
}

@media (min-width: 1080px) {
  .article-card-list {
    column-gap: var(--spacing-32);
  }
}

.article-card-list > * {
  grid-column: span 2;
}

.article-card-list .article-card--type-2 {
  grid-column: span 1;
}

.article-card-list .article-card-list__separator {
  background: var(--border-subtle);
  width: 100%;
  height: 1px;
}

.grid-container__content .loadMore {
  padding: var(--spacing-4);
  justify-content: center;
  width: 100%;
  display: flex;
}

.widget-special {
  background: var(--background-tile-layer-1);
  box-shadow: var(--shadow-lg);
  padding: var(--spacing-24);
  align-items: left;
  gap: var(--spacing-24);
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
  display: flex;
}

@media screen and (max-width: 767px) {
  .widget-special {
    box-shadow: none;
    width: calc(100% - 30px);
    margin: 0 auto;
  }
}

@media screen and (min-width: 1080px) {
  .widget-special {
    padding: var(--spacing-32);
    box-shadow: var(--shadow-lg);
  }
}

.widget-special .widget-special__title h2,
.widget-special .widget-special__title h3 {
  margin: 0;
  padding: 0;
}

.widget-special .widget-special__title h3 {
  color: var(--text-brand);
}

.widget-special .widget-special__perex .typography p:first-child,
.widget-special .widget-special__perex .typography p:last-child {
  margin: 0;
}

.widget-special .widget-special__articles {
  gap: var(--spacing-24);
  grid-template-columns: 1fr;
  align-self: stretch;
  display: grid;
}

@media screen and (min-width: 1080px) {
  .widget-special .widget-special__articles {
    grid-template-columns: 1fr 1fr;
  }
}

.widget-special .widget-special__button .button-2024 {
  width: -webkit-fill-available;
}

.widget-special .widget-special__button .typography {
  margin: 0 auto;
}

.content-expander {
  width: 100%;
  transition: height 0.3s;
  animation: 0.3s slide-down;
  position: relative;
  overflow: hidden;
}

.content-expander:has(.content-expander__bottom) {
  padding-bottom: 84px;
}

.content-expander svg {
  transition: transform 0.3s;
  transform: rotate(180deg);
}

.content-expander--closed {
  box-sizing: border-box;
  max-height: 140px;
  padding-bottom: 0;
  overflow: hidden;
}

:has(.content-expander--closed__bottom) {
  padding-bottom: 0;
}

.content-expander--closed svg {
  transform: rotate(0);
}

.content-expander .typography p:first-of-type {
  margin-top: 0;
}

.content-expander__bottom {
  z-index: 1;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.content-expander__gradient {
  background: linear-gradient(0deg, #f1f1f3 0%, rgba(241, 241, 243, 0) 100%);
  height: 56px;
}

.content-expander__button {
  background: var(--background-tile-layer-1);
}

.content-expander__button a {
  color: var(--link-neutral-default);
  text-decoration: none;
}

.content-expander__button a svg path {
  fill: var(--link-neutral-default);
}

.gifts-ai {
  padding: var(--spacing-24);
  max-width: 620px;
}

.gifts-ai h1,
.gifts-ai h2 {
  margin: 0;
}

@media screen and (min-width: 1080px) {
  .gifts-ai {
    padding: initial;
  }

  .gifts-ai ol {
    all: unset;
  }
}

.gifts-ai .gifts-ai__intro {
  gap: var(--spacing-24);
  margin-top: var(--spacing-24);
  flex-direction: column;
  display: flex;
}

.gifts-ai .gifts-ai__how-it-works {
  gap: var(--spacing-24);
  flex-direction: column;
  display: flex;
}

.gifts-ai .gifts-ai__steps {
  font-size: var(--font-size-18);
  margin: 0;
  list-style: decimal;
}

.gifts-ai .gifts-ai__form {
  box-sizing: border-box;
  background: var(--background-tile-layer-1);
  padding: var(--spacing-32) var(--spacing-24);
  align-items: flex-start;
  gap: var(--spacing-24);
  margin: var(--spacing-48) 0;
  flex-direction: column;
  width: 100%;
  display: flex;
}

@media screen and (max-width: 767px) {
  .gifts-ai .gifts-ai__form {
    padding: var(--spacing-24);
    box-shadow: none;
  }
}

@media screen and (min-width: 1080px) {
  .gifts-ai .gifts-ai__form {
    padding: var(--spacing-32);
    box-shadow: var(--shadow-lg);
  }
}

.gifts-ai .gifts-ai__form button {
  justify-content: center;
  width: 100%;
}

.gifts-ai .gifts-ai__results-success {
  margin-top: var(--spacing-24);
  gap: var(--spacing-16);
  flex-direction: column;
  display: none;
}

.gifts-ai .gifts-ai__results-success-content {
  gap: var(--spacing-16);
  flex-direction: column;
  display: flex;
}

.gifts-ai .gifts-ai__result-section {
  gap: var(--spacing-8);
  flex-direction: column;
  display: flex;
}

.gifts-ai .gifts-ai__result-section ul {
  margin-left: var(--spacing-24);
  list-style: disc;
}

.gifts-ai .gifts-ai__result-section ul li {
  padding: var(--spacing-4) 0 var(--spacing-4) var(--spacing-6);
}

.gifts-ai .gifts-ai__result-section ul li::marker {
  padding: 10px;
}

.footer-link-list {
  gap: var(--spacing-24);
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

@media (min-width: 1080px) {
  .footer-link-list {
    gap: var(--spacing-32);
    flex-direction: row;
  }
}

.footer-link-list__title {
  cursor: pointer;
  color: var(--text-default);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

@media (min-width: 1080px) {
  .footer-link-list__title {
    cursor: default;
  }
}

.footer-link-list__content {
  animation: 0.3s vanish;
  display: none;
  overflow: hidden;
}

.footer-link-list__item--collapsed .footer-link-list__content {
  height: auto;
  animation: 1s appear;
  display: flex;
}

@media (min-width: 1080px) {
  .footer-link-list__content {
    height: auto;
    animation: 1s appear;
    display: flex;
  }
}

.footer-link-list__item {
  gap: var(--spacing-12);
  flex-direction: column;
  width: 100%;
  height: auto;
  display: flex;
}

.footer-link-list__title-icon {
  transition: transform 0.3s ease-in-out;
}

.footer-link-list__title-icon--rotate {
  transition: transform 0.3s ease-in-out;
  transform: rotate(180deg);
}

@media (min-width: 1080px) {
  .footer-link-list__title-icon {
    display: none;
  }
}

@keyframes appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes vanish {
  from {
    opacity: 1;
    display: flex;
  }

  to {
    opacity: 0;
    display: none;
  }
}

.pagination-2024 {
  gap: var(--spacing-4);
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4px 0;
  display: flex;
}

.advertisement-placeholder--sticky {
  z-index: 1;
  will-change: transform;
  align-self: start;
  height: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow-y: auto;
}

.advertisement-placeholder .ad-position--desktop {
  margin-top: 0;
}

.block-header {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--spacing-20);
  flex-direction: row;
  width: 100%;
  display: flex;
}

@media (max-width: 320px) {
  .block-header {
    gap: var(--spacing-8);
  }
}

.block-header a {
  text-decoration: none;
  display: inline-block;
}

.block-header a:focus,
.block-header a:visited {
  color: var(--link-default-default);
}

.block-header a.button-2024 {
  display: inline-flex;
}

.block-header h2,
.block-header h3,
.block-header h4,
.block-header h5,
.block-header h6,
.block-header p {
  margin: 0;
}

@media (max-width: 767px) {
  .block-header__left {
    max-width: 50%;
  }
}

@media (max-width: 376px) {
  .block-header__left {
    max-width: 45%;
  }
}

.block-header__title {
  color: #303036;
  text-transform: uppercase;
  padding-top: var(--spacing-6);
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

@media (min-width: 768px) and (max-width: 1079px) {
  .block-header__title {
    font-size: 30px;
    line-height: 30px;
  }
}

@media (min-width: 1080px) {
  .block-header__title {
    font-size: 30px;
    line-height: 30px;
  }
}

.section-skeleton {
  padding: var(--spacing-48) var(--spacing-24);
  gap: var(--spacing-24);
  background-color: #fff;
  grid-template:
    'sectionHeadline'
    'sectionContent'
    'sectionOthers'
    'sectionAdvertisement';
  display: grid;
}

@media (min-width: 1080px) {
  .section-skeleton {
    grid-template:
      'sectionHeadline sectionOthers'
      'sectionContent sectionContent'
      'sectionAdvertisement sectionAdvertisement';
  }
}

.section-skeleton h1,
.section-skeleton h2,
.section-skeleton h3,
.section-skeleton h4,
.section-skeleton h5,
.section-skeleton h6 {
  margin: 0;
}

.section-skeleton .section-skeleton__headline {
  grid-area: sectionHeadline;
}

.section-skeleton .section-skeleton__others {
  grid-area: sectionOthers;
}

.section-skeleton .section-skeleton__content {
  grid-area: sectionContent;
}

.section-skeleton .section-skeleton__advertisement {
  grid-area: sectionAdvertisement;
}

@media (min-width: 1080px) {
  .section-skeleton {
    padding: var(--spacing-96) var(--spacing-64);
  }
}

.section-skeleton--gray {
  background: var(--background-tile-layer-1);
}

.section-skeleton--dark {
  background: #18181b;
}

.section-skeleton--dark h1,
.section-skeleton--dark h2,
.section-skeleton--dark h3,
.section-skeleton--dark h4,
.section-skeleton--dark h5,
.section-skeleton--dark h6 {
  color: var(--text-white-default);
}

.page-topics {
  grid-area: pageContentTopics;
  max-width: 640px;
  padding: 0;
}

.page-topics .link-list {
  margin: 0;
  padding: 0;
}

.seo-box {
  padding: var(--spacing-24);
  align-items: flex-start;
  gap: var(--spacing-16);
  background: var(--background-tile-layer-1);
  flex-direction: column;
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: fit-content;
  display: flex;
}

:root {
  --footer-side-padding-desktop: 52px;
}

.footer-2024 {
  padding: var(--spacing-36) var(--spacing-24);
  gap: var(--spacing-32);
  color: var(--text-default);
  box-sizing: border-box;
  background-color: #fff;
  border-top: none;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.footer-2024:before {
  content: '';
  background: var(--border-brand);
  width: 100%;
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@media (min-width: 768px) {
  .footer-2024 {
    padding: var(--spacing-36) 10px;
    width: calc(100% - 48px);
  }
}

.footer-2024 .link-list {
  margin: 0;
  padding: 0;
}

.footer-2024 hr {
  border-top: 1px solid var(--border-subtle);
  height: 0;
  margin: 0;
}

.footer__top {
  justify-content: flex-start;
  align-items: center;
  gap: var(--spacing-16);
  flex-direction: column;
  display: flex;
  position: relative;
}

@media (min-width: 768px) {
  .footer__top {
    gap: var(--spacing-24);
    flex-direction: row;
  }

  .footer__top .buttons-store {
    position: absolute;
    right: 0;
  }
}

.footer__interests {
  flex-direction: row;
  justify-content: center;
}

@media (min-width: 768px) {
  .footer__interests {
    flex-direction: column;
    justify-content: space-between;
  }
}

.footer__bottom {
  gap: var(--spacing-24);
  flex-direction: column;
  display: flex;
}

@media (min-width: 768px) {
  #body-wrapper .footer-2024 {
    padding: var(--spacing-36) 52px;
  }
}

.grid__page .footer-2024 {
  padding: var(--spacing-24) 0;
  width: 100%;
}

@media (min-width: 768px) {
  .grid__page .footer-2024 {
    padding: var(--spacing-36) 0;
  }
}

.section-main-features {
  row-gap: var(--spacing-32);
  background: #fff;
  grid-template:
    'sectionHeadline'
    'sectionContent'
    'sectionOthers'
    'sectionAdvertisement';
}

@media (min-width: 1080px) {
  .section-main-features {
    align-items: end;
    row-gap: var(--spacing-40);
    flex-direction: row;
    grid-template:
      'sectionHeadline sectionOthers'
      'sectionContent sectionContent'
      'sectionAdvertisement sectionAdvertisement';
  }
}

.section-main-features .section-skeleton__content {
  background-color: gray;
  height: 100px;
}

.section-main-features .section-skeleton__others {
  gap: var(--spacing-12);
  flex-direction: column-reverse;
  display: flex;
}

.section-main-features .section-skeleton__others .section-others__button {
  justify-content: center;
  width: 100%;
}

@media (min-width: 1080px) {
  .section-main-features .section-skeleton__others .section-others__button {
    margin-bottom: var(--spacing-24);
    width: auto;
  }
}

@media (min-width: 1080px) {
  .section-main-features .section-skeleton__others {
    flex-direction: row;
    justify-content: flex-end;
  }
}

.section-cta {
  grid-template:
    'sectionHeadline'
    'sectionOthers'
    'sectionContent';
}

@media (min-width: 1080px) {
  .section-cta {
    align-items: end;
    gap: var(--spacing-32);
    flex-direction: row;
    grid-template:
      'sectionHeadline sectionOthers'
      'sectionContent sectionContent';
  }
}

.section-cta__text-small {
  color: var(--text-white-subtlest);
}

.section-cta .button-login-lg {
  border-radius: var(--radius-24);
  padding: var(--spacing-32) var(--spacing-16);
  justify-content: center;
  width: 100%;
  height: 101px;
}

@media (min-width: 1080px) {
  .section-cta .button-login-lg {
    padding: var(--spacing-64) var(--spacing-16);
    height: 183px;
  }
}

.section-cta .button-login-lg--desktop {
  display: none;
}

@media (min-width: 1080px) {
  .section-cta .button-login-lg--desktop {
    display: inline-block;
  }
}

.section-spotrebitelske-testy {
  background: var(--background-tile-layer-1);
  row-gap: var(--spacing-32);
  grid-template:
    'sectionHeadline'
    'sectionContent'
    'sectionOthers';
}

@media (min-width: 1080px) {
  .section-spotrebitelske-testy {
    align-items: end;
    row-gap: var(--spacing-40);
    flex-direction: row;
    grid-template:
      'sectionHeadline sectionOthers'
      'sectionContent sectionContent';
  }
}

.section-spotrebitelske-testy .section-skeleton__others {
  gap: var(--spacing-12);
  flex-direction: column-reverse;
  display: flex;
}

.section-spotrebitelske-testy .section-skeleton__others .section-others__button {
  justify-content: center;
  width: 100%;
}

@media (min-width: 1080px) {
  .section-spotrebitelske-testy .section-skeleton__others .section-others__button {
    width: auto;
  }
}

@media (min-width: 1080px) {
  .section-spotrebitelske-testy .section-skeleton__others {
    flex-direction: row;
    justify-content: flex-end;
  }
}

.section-spotrebitelske-testy .section-skeleton__content {
  width: calc(100% + 24px);
  overflow: hidden;
}

@media (min-width: 1080px) {
  .section-spotrebitelske-testy .section-skeleton__content {
    width: calc(100% + 64px);
  }
}

.section-spotrebitelske-testy [data-swiper] {
  margin: 0 auto;
  padding: 0;
}

.section-spotrebitelske-testy [data-swiper] .swiper__items {
  gap: var(--spacing-16);
  flex-direction: row;
  align-items: flex-start;
  min-height: 224px;
  padding: 0;
  display: flex;
}

.section-spotrebitelske-testy [data-swiper] .swiper__items .article-card {
  min-width: 264px;
}

@media (min-width: 1080px) {
  .section-spotrebitelske-testy [data-swiper] .swiper__items .article-card {
    min-width: 304px;
  }
}

.section-spotrebitelske-testy [data-swiper] .swiper__items .loader {
  margin: 0 auto;
}

.section-spotrebitelske-testy [data-swiper] .swiper__arrow-gradient {
  display: none;
}

.section-calendar {
  row-gap: var(--spacing-32);
  grid-template:
    'sectionHeadline'
    'sectionContent'
    'sectionOthers';
}

@media (min-width: 1080px) {
  .section-calendar {
    align-items: end;
    row-gap: var(--spacing-40);
    flex-direction: row;
    grid-template:
      'sectionHeadline sectionOthers'
      'sectionContent sectionContent';
  }
}

.section-calendar .section-skeleton__others {
  gap: var(--spacing-12);
  flex-direction: column-reverse;
  display: flex;
}

.section-calendar .section-skeleton__others .section-others__button {
  justify-content: center;
  width: 100%;
}

@media (min-width: 1080px) {
  .section-calendar .section-skeleton__others .section-others__button {
    width: auto;
  }
}

@media (min-width: 1080px) {
  .section-calendar .section-skeleton__others {
    flex-direction: row;
    justify-content: flex-end;
  }
}

.section-calendar .section-skeleton__content {
  background-color: gray;
  height: 100px;
}

.section-hero {
  grid-template:
    'sectionHeadline'
    'sectionOthers'
    'sectionContent';
}

@media (min-width: 1080px) {
  .section-hero {
    align-items: end;
    gap: var(--spacing-32);
    flex-direction: row;
    grid-template:
      'sectionHeadline sectionOthers'
      'sectionContent sectionContent';
  }
}

.section-hero .section-skeleton__headline {
  gap: var(--spacing-12);
  flex-direction: column;
  display: flex;
}

@media (min-width: 1080px) {
  .section-hero .section-skeleton__headline {
    gap: var(--spacing-16);
    max-width: 60%;
  }
}

.section-hero .section-skeleton__subheadline {
  color: var(--text-white-subtlest);
}

.section-hero .button-login-lg {
  margin-top: var(--spacing-16);
  padding: var(--spacing-32) var(--spacing-12);
  justify-content: center;
  height: 25px;
}

@media (min-width: 1080px) {
  .section-hero .button-login-lg {
    height: 30px;
  }
}

.section-hero .button-login-lg--desktop {
  display: none;
}

@media (min-width: 1080px) {
  .section-hero .button-login-lg--desktop {
    display: inline-block;
  }
}

.section-faq {
  gap: var(--spacing-24);
  grid-template:
    'sectionHeadline'
    'sectionContent';
}

@media (min-width: 1080px) {
  .section-faq {
    gap: var(--spacing-32);
  }
}

.clear {
  clear: both;
}

.align-left {
  text-align: left;
}

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

.align-right {
  text-align: right;
}

.block-center {
  margin-left: auto;
  margin-right: auto;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.visually-hidden {
  clip: rect(1px 1px 1px 1px) !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  white-space: nowrap !important;
  width: 1px !important;
  height: 1px !important;
  position: absolute !important;
  overflow: hidden !important;
}

.blesk-logo {
  background-color: #ed1c24;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blesk-logo__image {
  display: block;
}

@keyframes show-navigation {
  from {
    opacity: 0;
    transform: translateY(-300px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes hide-navigation {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.blesk-full-nav {
  z-index: 10002;
  color: #fff;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.95);
  width: 100%;
  height: 100%;
  padding: 80px 0 30px;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
}

@media (max-width: 1099px) {
  .blesk-full-nav {
    padding-top: 50px;
  }
}

@media (max-width: 767px) {
  .blesk-full-nav {
    padding-top: 20px;
  }
}

.blesk-full-nav,
.blesk-full-nav *,
.blesk-full-nav:before,
.blesk-full-nav:after,
.blesk-full-nav :before,
.blesk-full-nav :after {
  box-sizing: border-box;
}

.blesk-full-nav--show {
  opacity: 1;
  animation: 0.2s ease-in-out show-navigation;
  display: block;
}

.blesk-full-nav--hide {
  opacity: 0;
  animation: 0.2s ease-in-out hide-navigation;
}

.blesk-full-nav a {
  color: inherit;
}

.blesk-full-nav a:focus {
  outline: none;
}

.blesk-full-nav__container {
  width: 960px;
  margin: 0 auto;
  padding: 0 10px;
}

@media (max-width: 1099px) {
  .blesk-full-nav__container {
    width: 768px;
  }
}

@media (max-width: 767px) {
  .blesk-full-nav__container {
    width: 100%;
    max-width: 480px;
  }
}

.blesk-full-nav__input {
  color: #000;
  background-color: #fff;
  border: none;
  border-radius: 2px;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 400;
}

.blesk-full-nav__input:focus {
  outline: none;
}

.blesk-full-nav__input--search {
  width: 550px;
  height: 48px;
  padding-right: 40px;
}

@media (max-width: 1099px) {
  .blesk-full-nav__input--search {
    width: 100%;
  }
}

.blesk-full-nav__link-with-icon {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.blesk-full-nav__link-with-icon:hover {
  text-decoration: underline;
}

.blesk-full-nav__link-with-icon:last-child {
  margin-bottom: 0;
}

@media (max-width: 1099px) {
  .blesk-full-nav__link-with-icon {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}

@media (max-width: 575px) {
  .blesk-full-nav__link-with-icon {
    font-size: 15px;
  }
}

@media (min-width: 1100px) {
  .blesk-full-nav__link-with-icon img {
    margin-left: 15px;
  }
}

@media (max-width: 1099px) {
  .blesk-full-nav__link-with-icon img {
    margin-right: 10px;
  }
}

.blesk-full-nav__header {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 50px;
  display: flex;
}

@media (max-width: 1099px) {
  .blesk-full-nav__header {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .blesk-full-nav__header {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}

.blesk-full-nav__header .logo-2024 svg {
  width: auto;
  height: 48px;
}

.blesk-full-nav__logo {
  width: 136px;
  height: 48px;
}

.blesk-full-nav__logo:focus {
  outline: none;
}

.blesk-full-nav__search {
  margin: auto auto auto 60px;
  position: relative;
}

@media (max-width: 1099px) {
  .blesk-full-nav__search {
    flex: 1;
    margin-right: 30px;
  }
}

@media (max-width: 767px) {
  .blesk-full-nav__search {
    order: 1;
    min-width: 100%;
    margin: 20px 0 0;
  }
}

.blesk-full-nav__search-icon {
  opacity: 0.65;
  cursor: pointer;
  background: none;
  border: none;
  width: 18px;
  height: 18px;
  padding: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

.blesk-full-nav__search-icon:focus {
  outline: none;
}

.blesk-full-nav__close-button {
  cursor: pointer;
  will-change: transform;
  will-change: opacity;
  background: none;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  transition: transform 0.2s ease-in-out;
  display: flex;
}

.blesk-full-nav__close-button:hover {
  opacity: 0.8;
}

.blesk-full-nav__close-button:active {
  opacity: 0.6;
}

.blesk-full-nav__close-button:hover {
  transform: rotate(90deg);
}

.blesk-full-nav__close-button:focus {
  outline: none;
}

.blesk-full-nav__close-button svg {
  width: 25px;
  height: 25px;
}

.blesk-full-nav__close-button path {
  fill: #fff;
}

.blesk-full-nav__main {
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

@media (min-width: 1100px) {
  .blesk-full-nav__main {
    float: left;
    margin-right: 35px;
  }
}

@media (max-width: 1099px) {
  .blesk-full-nav__main {
    order: 1;
  }
}

@media (min-width: 768px) {
  .blesk-full-nav__main {
    width: 745px;
  }
}

@media (max-width: 767px) {
  .blesk-full-nav__main {
    flex-direction: column;
  }
}

@media (min-width: 768px) {
  .blesk-full-nav__list-section {
    min-width: 160px;
    margin-right: 35px;
  }
}

@media (max-width: 767px) {
  .blesk-full-nav__list-section {
    width: 100%;
    margin-bottom: 30px;
  }
}

.blesk-full-nav__list-section:last-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  .blesk-full-nav__list-section:last-child {
    margin-bottom: 0;
  }
}

.blesk-full-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 767px) {
  .blesk-full-nav__list {
    flex-wrap: wrap;
    display: flex;
  }
}

.blesk-full-nav__lists-group {
  flex-wrap: wrap;
  display: flex;
}

@media (min-width: 768px) {
  .blesk-full-nav__lists-group {
    min-width: 355px;
    margin-bottom: -35px;
    margin-right: 35px;
  }
}

@media (max-width: 767px) {
  .blesk-full-nav__lists-group {
    flex-direction: column;
  }
}

.blesk-full-nav__lists-group .blesk-full-nav__list-section {
  margin-bottom: 35px;
}

.blesk-full-nav__lists-group .blesk-full-nav__list-section:nth-child(2n) {
  margin-right: 0;
}

@media (max-width: 767px) {
  .blesk-full-nav__lists-group .blesk-full-nav__list-section {
    margin-bottom: 30px;
  }
}

.blesk-full-nav__list-title {
  color: #fff;
  border-bottom: 2px solid #ed1c24;
  margin: 0 0 15px;
  padding: 0 0 5px;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}

.blesk-full-nav__list-title a {
  text-decoration: none;
  color: inherit !important;
}

.blesk-full-nav__list-title a:hover {
  text-decoration: underline;
}

.blesk-full-nav__list-item {
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .blesk-full-nav__list-item {
    width: 50%;
    margin-bottom: 15px;
  }
}

.blesk-full-nav__list-item:last-child {
  margin-bottom: 0;
}

.blesk-full-nav__list-link {
  text-decoration: none;
}

.blesk-full-nav__list-link:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .blesk-full-nav__list-link {
    font-size: 15px;
  }
}

.blesk-full-nav__sidebar--projects {
  clear: right;
  margin-bottom: 30px;
  padding-top: 0;
}

@media (max-width: 1099px) {
  .blesk-full-nav__sidebar--projects {
    margin-bottom: 10px;
  }
}

@media (min-width: 1100px) {
  .blesk-full-nav__sidebar {
    float: right;
    width: 160px;
    padding-top: 25px;
  }
}

@media (max-width: 1099px) {
  .blesk-full-nav__sidebar {
    flex-wrap: wrap;
    width: 100%;
    display: flex;
  }
}

.blesk-full-nav__sidebar--specials {
  margin-bottom: 40px;
}

@media (max-width: 1099px) {
  .blesk-full-nav__sidebar--specials {
    margin-bottom: 30px;
  }
}

@media (min-width: 1100px) {
  .blesk-full-nav__sidebar-group {
    margin-bottom: 40px;
  }
}

@media (max-width: 1099px) {
  .blesk-full-nav__sidebar-group {
    display: flex;
  }
}

.blesk-full-nav__sidebar-group:last-child {
  margin-bottom: 0;
}

@media (max-width: 1099px) {
  .blesk-full-nav__sidebar-group--other {
    margin-bottom: 15px;
    margin-right: 30px;
  }
}

@media (max-width: 767px) {
  .blesk-full-nav__sidebar-group--other {
    margin-right: 0;
  }
}

.blesk-full-nav__sidebar-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 1099px) {
  .blesk-full-nav__sidebar-list {
    flex-wrap: wrap;
    display: flex;
  }

  .blesk-full-nav__sidebar-list--projects {
    margin-right: -30px;
  }
}

@media (max-width: 575px) {
  .blesk-full-nav__sidebar-list--projects {
    margin-right: 0;
  }
}

.blesk-full-nav__premium-link {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../img/premium-sticker.svg@v=2');
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 95px;
  height: 20px;
  padding-top: 5px;
  font-size: 0;
  display: flex;
  position: static;
}

@media (min-width: 1100px) {
  .blesk-full-nav__premium-link {
    margin-bottom: 20px;
  }
}

@media (max-width: 1099px) {
  .blesk-full-nav__premium-link {
    margin-right: 30px;
  }
}

.blesk-full-nav__stardance-tipovacka-link {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../img/9202230_v0.jpg@v=0');
  background-repeat: no-repeat;
  background-size: 108px 18px;
  justify-content: center;
  align-items: center;
  width: 108px;
  height: 18px;
  padding-top: 5px;
  font-size: 0;
  display: flex;
  position: static;
  box-shadow: 0 0 2px rgba(245, 239, 220, 0.2), 0 0 6px rgba(252, 244, 219, 0.6);
}

@media (min-width: 1100px) {
  .blesk-full-nav__stardance-tipovacka-link {
    margin-bottom: 20px;
  }
}

@media (max-width: 1099px) {
  .blesk-full-nav__stardance-tipovacka-link {
    margin-right: 30px;
  }
}

.blesk-full-nav__zazrak-link {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../../img/1/origin/9274978_v0.jpg@v=0');
  background-repeat: no-repeat;
  background-size: 63px 19px;
  justify-content: center;
  align-items: center;
  width: 63px;
  height: 19px;
  padding-top: 5px;
  font-size: 0;
  display: flex;
  position: static;
  box-shadow: 0 0 2px rgba(245, 239, 220, 0.2), 0 0 6px rgba(252, 244, 219, 0.6);
}

@media (min-width: 1100px) {
  .blesk-full-nav__zazrak-link {
    margin-bottom: 20px;
  }
}

@media (max-width: 1099px) {
  .blesk-full-nav__zazrak-link {
    margin-right: 30px;
  }
}

.blesk-full-nav__ikiosek-link,
.blesk-full-nav__bazar-link {
  justify-content: flex-start;
  text-decoration: none;
  position: relative;
}

.blesk-full-nav__ikiosek-link:hover,
.blesk-full-nav__bazar-link:hover {
  text-decoration: underline;
}

@media (max-width: 1099px) {
  .blesk-full-nav__ikiosek-link,
  .blesk-full-nav__bazar-link {
    width: auto;
  }
}

.blesk-full-nav__bazar-link {
  margin-top: 20px;
}

@media (max-width: 1099px) {
  .blesk-full-nav__bazar-link {
    margin-top: 0;
    margin-left: 20px;
  }
}

@media (min-width: 1100px) {
  .blesk-full-nav__sidebar-specials-item {
    margin-bottom: 10px;
  }
}

@media (max-width: 1099px) {
  .blesk-full-nav__sidebar-specials-item {
    margin-right: 10px;
  }

  .blesk-full-nav__sidebar-specials-item:last-child {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .blesk-full-nav__sidebar-specials-item {
    margin-bottom: 10px;
  }
}

.blesk-full-nav__sidebar-specials-item:last-child {
  margin-bottom: 0;
}

.blesk-full-nav__sidebar-specials-link {
  background-color: #fff;
  border-radius: 2px;
  padding: 0 15px;
  font-weight: 700;
  line-height: 32px;
  text-decoration: none;
  display: inline-block;
  color: #1e1e1e !important;
}

.blesk-full-nav__sidebar-specials-link:hover {
  text-decoration: underline;
}

.blesk-full-nav__sidebar-projects-item {
  margin-bottom: 20px;
}

@media (min-width: 1100px) {
  .blesk-full-nav__sidebar-projects-item:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 1099px) {
  .blesk-full-nav__sidebar-projects-item {
    align-items: center;
    width: 25%;
    padding-right: 20px;
    display: flex;
  }
}

@media (max-width: 767px) {
  .blesk-full-nav__sidebar-projects-item {
    width: calc(50% - 10px);
    padding-right: 0;
  }

  .blesk-full-nav__sidebar-projects-item:nth-child(odd) {
    margin-right: 20px;
  }
}

.blesk-full-nav__footer {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 30px;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
}

@media (min-width: 1100px) {
  .blesk-full-nav__footer {
    margin-top: 30px;
  }
}

@media (max-width: 1099px) {
  .blesk-full-nav__footer {
    flex-direction: column;
    order: 1;
  }
}

@media (max-width: 575px) {
  .blesk-full-nav__footer {
    flex-flow: column wrap;
    align-items: center;
  }
}

.blesk-full-nav__socials {
  align-items: center;
  display: flex;
}

@media (max-width: 1099px) {
  .blesk-full-nav__socials {
    order: 2;
    margin-bottom: 32px;
  }
}

.blesk-full-nav__socials-list {
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.blesk-full-nav__socials-item {
  margin-right: 15px;
}

.blesk-full-nav__socials-item:last-child {
  margin-right: 0;
}

.blesk-full-nav__socials-link {
  will-change: opacity;
  justify-content: center;
  align-items: center;
  display: flex;
}

.blesk-full-nav__socials-link:hover {
  opacity: 0.8;
}

.blesk-full-nav__socials-link:active {
  opacity: 0.6;
}

.blesk-full-nav__socials-link:focus {
  outline: none;
}

.blesk-full-nav__contacts {
  align-items: center;
  font-size: 15px;
  line-height: 17px;
  display: flex;
}

@media (max-width: 1099px) {
  .blesk-full-nav__contacts {
    order: 2;
  }
}

.blesk-full-nav__contacts-phone {
  border-left: 1px solid #fff;
  margin-left: 10px;
  padding-left: 10px;
}

.blesk-full-nav__applications {
  align-items: center;
  display: flex;
}

@media (max-width: 1099px) {
  .blesk-full-nav__applications {
    flex-direction: column;
    order: 1;
    align-items: center;
    margin-bottom: 32px;
  }
}

.blesk-full-nav__applications-titles {
  flex-direction: column;
  margin-right: 12px;
  display: flex;
}

@media (max-width: 1099px) {
  .blesk-full-nav__applications-titles {
    margin-right: 0;
  }
}

.blesk-full-nav__applications-title {
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
}

.blesk-full-nav__applications-title > a {
  text-decoration: none;
}

.blesk-full-nav__applications-title > a:hover {
  text-decoration: underline;
}

.blesk-full-nav__applications-subtitle {
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
}

@media (max-width: 1099px) {
  .blesk-full-nav__applications-subtitle {
    text-align: center;
  }
}

.blesk-full-nav__applications-subtitle > a {
  text-decoration: none;
}

.blesk-full-nav__applications-subtitle > a:hover {
  text-decoration: underline;
}

.blesk-full-nav__applications-stores {
  display: flex;
}

@media (max-width: 1099px) {
  .blesk-full-nav__applications-stores {
    margin-top: 32px;
  }
}

.blesk-full-nav__applications-google {
  margin-right: 8px;
  line-height: 0;
}

.blesk-full-nav__applications-apple {
  line-height: 0;
}

.cnc-mark-ad-slots .cnc-ads__within:after {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: absolute;
  background-color: rgba(29, 1, 71, 0.6);
  border: 5px solid #639;
  color: #fff;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: attr(id);
  min-width: 100px;
  min-height: 50px;
}

.cnc-mark-ad-slots #cnc_native_1::after,
.cnc-mark-ad-slots #cnc_pr_premium_1::after,
.cnc-mark-ad-slots #cnc_pr_premium_2::after {
  position: relative;
  min-width: 300px;
  min-height: 100px;
  z-index: 100;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.cnc-ads {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  clear: both;
  display: block;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  background-color: var(--light-action-hover, #f8f8f8);
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M3.5%2010V7C3.5%206.17157%204.17157%205.5%205%205.5C5.82843%205.5%206.5%206.17157%206.5%207V10M11.5%205V10M11.5%207.5H9.5C8.94772%207.5%208.5%207.94772%208.5%208.5C%208.5%209.05228%208.94772%209.5%209.5%209.5H11.5M3.5%208.5H6.5M2.5%202.5H12.5C13.6046%202.5%2014.5%203.39543%2014.5%204.5V10.5C14.5%2011.6046%2013.6046%2012.5%2012.5%2012.5H2.5C1.39543%2012.5%200.5%2011.6046%200.5%2010.5V4.5C0.5%203.39543%201.39543%202.5%202.5%202.5Z%22%20stroke%3D%22%23d6d6d6%22%2F%3E%0A%3C%2Fsvg%3E');
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center center;
}

.cnc-ads__mt-0 {
  margin-top: 0 !important;
}

.cnc-ads__mt-10 {
  margin-top: 10px !important;
}

.cnc-ads__mt-15 {
  margin-top: 15px !important;
}

.cnc-ads__mt-20 {
  margin-top: 20px !important;
}

.cnc-ads__mt-25 {
  margin-top: 25px !important;
}

.cnc-ads__mt-30 {
  margin-top: 30px !important;
}

.cnc-ads__mb-0 {
  margin-bottom: 0 !important;
}

.cnc-ads__mb-10 {
  margin-bottom: 10px !important;
}

.cnc-ads__mb-15 {
  margin-bottom: 15px !important;
}

.cnc-ads__mb-20 {
  margin-bottom: 20px !important;
}

.cnc-ads__mb-25 {
  margin-bottom: 25px !important;
}

.cnc-ads__mb-30 {
  margin-bottom: 30px !important;
}

.cnc-ads:before {
  content: var(--adLabelContent, 'reklama');
  background-color: var(--adLabelBgColor, inherit);
  color: var(--light-text-primary, #6b6b6b);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-transform: capitalize;
  position: absolute;
  right: 0;
  top: -20px;
  padding: 2px 0;
  text-align: center;
  width: 100%;
  z-index: 1;
}

.cnc-ads--out_of_page {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999999;
  width: 100%;
  height: 200px;
}

.cnc-ads__within {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  min-height: 0 !important;
  min-width: 0 !important;
}

.cnc-ads--leaderboard,
.cnc-ads--leaderboard_1 {
  z-index: -1;
  margin: 0 auto;
  position: relative;
  min-height: 210px;
  height: 210px;
  max-height: 210px;
  padding: 0;
  width: 1080px;
}

.cnc-ads--leaderboard:before,
.cnc-ads--leaderboard_1:before {
  top: 0;
  right: -1px !important;
  transform: rotate(-90deg);
  transform-origin: top right;
  left: auto;
  padding: 2px 8px;
  width: auto;
}

.cnc-ads--leaderboard .cnc-ads__within,
.cnc-ads--leaderboard_1 .cnc-ads__within {
  width: 1080px;
  height: 210px;
  min-height: 210px;
  max-height: 210px;
}

.cnc-ads--rectangle,
.cnc-ads--rectangle_1,
.cnc-ads--rectangle_2 {
  height: 300px;
  width: 100%;
}

.cnc-ads--rectangle .cnc-ads__within,
.cnc-ads--rectangle_1 .cnc-ads__within,
.cnc-ads--rectangle_2 .cnc-ads__within {
  width: 100%;
  height: 300px;
}

.cnc-ads--commercial,
.cnc-ads--commercial_1,
.cnc-ads--commercial_2 {
  height: 150px;
}

.cnc-ads--commercial .cnc-ads__within,
.cnc-ads--commercial_1 .cnc-ads__within,
.cnc-ads--commercial_2 .cnc-ads__within {
  width: 100%;
  height: 150px;
}

.cnc-ads--top_sponzor {
  height: 300px;
}

.cnc-ads--top_sponzor.cnc-ads--top_sponzor--doubled {
  height: 600px;
}

.cnc-ads--top_sponzor.cnc-ads--top_sponzor--doubled .cnc-ads__within {
  height: 600px;
}

.cnc-ads--top_sponzor .cnc-ads__within {
  width: 100%;
  height: 300px;
}

.cnc-ads--mobile_top_sponzor {
  height: 300px;
}

.cnc-ads--mobile_top_sponzor .cnc-ads__within {
  width: 100%;
  height: 300px;
}

.cnc-ads--button_1 {
  margin-top: 0;
  margin-bottom: 0;
  height: 130px;
}

.cnc-ads--button_1 .cnc-ads__within {
  width: 100%;
  height: 130px;
}

.cnc-ads--brand_targeting {
  margin-top: 0;
  margin-bottom: 0;
  height: 155px;
}

.cnc-ads--brand_targeting .cnc-ads__within {
  width: 100%;
  height: 155px;
}

.cnc-ads--pr_premium,
.cnc-ads--pr_premium_1,
.cnc-ads--pr_premium_2,
.cnc-ads--pr_premium_3,
.cnc-ads--pr_standard,
.cnc-ads--pr_standard_1 {
  width: 100%;
  height: 220px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.cnc-ads--pr_premium--min_h--110,
.cnc-ads--pr_premium_1--min_h--110,
.cnc-ads--pr_premium_2--min_h--110,
.cnc-ads--pr_premium_3--min_h--110,
.cnc-ads--pr_standard--min_h--110,
.cnc-ads--pr_standard_1--min_h--110 {
  min-height: 110px;
}

.cnc-ads--pr_premium--min_h--130,
.cnc-ads--pr_premium_1--min_h--130,
.cnc-ads--pr_premium_2--min_h--130,
.cnc-ads--pr_premium_3--min_h--130,
.cnc-ads--pr_standard--min_h--130,
.cnc-ads--pr_standard_1--min_h--130 {
  min-height: 130px;
}

.cnc-ads--pr_premium--min_h--150,
.cnc-ads--pr_premium_1--min_h--150,
.cnc-ads--pr_premium_2--min_h--150,
.cnc-ads--pr_premium_3--min_h--150,
.cnc-ads--pr_standard--min_h--150,
.cnc-ads--pr_standard_1--min_h--150 {
  min-height: 150px;
}

.cnc-ads--pr_premium--min_h--160,
.cnc-ads--pr_premium_1--min_h--160,
.cnc-ads--pr_premium_2--min_h--160,
.cnc-ads--pr_premium_3--min_h--160,
.cnc-ads--pr_standard--min_h--160,
.cnc-ads--pr_standard_1--min_h--160 {
  min-height: 160px;
}

.cnc-ads--pr_premium--min_h--170,
.cnc-ads--pr_premium_1--min_h--170,
.cnc-ads--pr_premium_2--min_h--170,
.cnc-ads--pr_premium_3--min_h--170,
.cnc-ads--pr_standard--min_h--170,
.cnc-ads--pr_standard_1--min_h--170 {
  min-height: 170px;
}

.cnc-ads--pr_premium--min_h--200,
.cnc-ads--pr_premium_1--min_h--200,
.cnc-ads--pr_premium_2--min_h--200,
.cnc-ads--pr_premium_3--min_h--200,
.cnc-ads--pr_standard--min_h--200,
.cnc-ads--pr_standard_1--min_h--200 {
  min-height: 200px;
}

.cnc-ads--pr_premium--min_h--220,
.cnc-ads--pr_premium_1--min_h--220,
.cnc-ads--pr_premium_2--min_h--220,
.cnc-ads--pr_premium_3--min_h--220,
.cnc-ads--pr_standard--min_h--220,
.cnc-ads--pr_standard_1--min_h--220 {
  min-height: 220px;
}

.cnc-ads--pr_premium--min_h--250,
.cnc-ads--pr_premium_1--min_h--250,
.cnc-ads--pr_premium_2--min_h--250,
.cnc-ads--pr_premium_3--min_h--250,
.cnc-ads--pr_standard--min_h--250,
.cnc-ads--pr_standard_1--min_h--250 {
  min-height: 250px;
}

.cnc-ads--pr_premium--max_h--110,
.cnc-ads--pr_premium_1--max_h--110,
.cnc-ads--pr_premium_2--max_h--110,
.cnc-ads--pr_premium_3--max_h--110,
.cnc-ads--pr_standard--max_h--110,
.cnc-ads--pr_standard_1--max_h--110 {
  max-height: 110px;
}

.cnc-ads--pr_premium--max_h--130,
.cnc-ads--pr_premium_1--max_h--130,
.cnc-ads--pr_premium_2--max_h--130,
.cnc-ads--pr_premium_3--max_h--130,
.cnc-ads--pr_standard--max_h--130,
.cnc-ads--pr_standard_1--max_h--130 {
  max-height: 130px;
}

.cnc-ads--pr_premium--max_h--150,
.cnc-ads--pr_premium_1--max_h--150,
.cnc-ads--pr_premium_2--max_h--150,
.cnc-ads--pr_premium_3--max_h--150,
.cnc-ads--pr_standard--max_h--150,
.cnc-ads--pr_standard_1--max_h--150 {
  max-height: 150px;
}

.cnc-ads--pr_premium--max_h--160,
.cnc-ads--pr_premium_1--max_h--160,
.cnc-ads--pr_premium_2--max_h--160,
.cnc-ads--pr_premium_3--max_h--160,
.cnc-ads--pr_standard--max_h--160,
.cnc-ads--pr_standard_1--max_h--160 {
  max-height: 160px;
}

.cnc-ads--pr_premium--max_h--170,
.cnc-ads--pr_premium_1--max_h--170,
.cnc-ads--pr_premium_2--max_h--170,
.cnc-ads--pr_premium_3--max_h--170,
.cnc-ads--pr_standard--max_h--170,
.cnc-ads--pr_standard_1--max_h--170 {
  max-height: 170px;
}

.cnc-ads--pr_premium--max_h--200,
.cnc-ads--pr_premium_1--max_h--200,
.cnc-ads--pr_premium_2--max_h--200,
.cnc-ads--pr_premium_3--max_h--200,
.cnc-ads--pr_standard--max_h--200,
.cnc-ads--pr_standard_1--max_h--200 {
  max-height: 200px;
}

.cnc-ads--pr_premium--max_h--220,
.cnc-ads--pr_premium_1--max_h--220,
.cnc-ads--pr_premium_2--max_h--220,
.cnc-ads--pr_premium_3--max_h--220,
.cnc-ads--pr_standard--max_h--220,
.cnc-ads--pr_standard_1--max_h--220 {
  max-height: 220px;
}

.cnc-ads--pr_premium--max_h--250,
.cnc-ads--pr_premium_1--max_h--250,
.cnc-ads--pr_premium_2--max_h--250,
.cnc-ads--pr_premium_3--max_h--250,
.cnc-ads--pr_standard--max_h--250,
.cnc-ads--pr_standard_1--max_h--250 {
  max-height: 250px;
}

.cnc-ads--pr_premium .cnc-ads__within,
.cnc-ads--pr_premium_1 .cnc-ads__within,
.cnc-ads--pr_premium_2 .cnc-ads__within,
.cnc-ads--pr_premium_3 .cnc-ads__within,
.cnc-ads--pr_standard .cnc-ads__within,
.cnc-ads--pr_standard_1 .cnc-ads__within {
  width: 100%;
  height: 200px;
}

.cnc-ads--halfpage,
.cnc-ads--halfpage_1,
.cnc-ads--halfpage_2,
.cnc-ads--halfpage_repeater {
  height: 600px;
}

.cnc-ads--halfpage .cnc-ads__within,
.cnc-ads--halfpage_1 .cnc-ads__within,
.cnc-ads--halfpage_2 .cnc-ads__within,
.cnc-ads--halfpage_repeater .cnc-ads__within {
  width: 300px;
  height: 600px;
}

.cnc-ads--halfpage.mt-0,
.cnc-ads--halfpage_1.mt-0,
.cnc-ads--halfpage_2.mt-0,
.cnc-ads--halfpage_repeater.mt-0 {
  margin-top: 0px !important;
}

.cnc-ads--halfpage.mt-10,
.cnc-ads--halfpage_1.mt-10,
.cnc-ads--halfpage_2.mt-10,
.cnc-ads--halfpage_repeater.mt-10 {
  margin-top: 10px !important;
}

.cnc-ads--halfpage.mt-15,
.cnc-ads--halfpage_1.mt-15,
.cnc-ads--halfpage_2.mt-15,
.cnc-ads--halfpage_repeater.mt-15 {
  margin-top: 15px !important;
}

.cnc-ads--halfpage.mt-20,
.cnc-ads--halfpage_1.mt-20,
.cnc-ads--halfpage_2.mt-20,
.cnc-ads--halfpage_repeater.mt-20 {
  margin-top: 20px !important;
}

.cnc-ads--halfpage.mt-25,
.cnc-ads--halfpage_1.mt-25,
.cnc-ads--halfpage_2.mt-25,
.cnc-ads--halfpage_repeater.mt-25 {
  margin-top: 25px !important;
}

.cnc-ads--halfpage.mt-30,
.cnc-ads--halfpage_1.mt-30,
.cnc-ads--halfpage_2.mt-30,
.cnc-ads--halfpage_repeater.mt-30 {
  margin-top: 30px !important;
}

.cnc-ads--skyscraper,
.cnc-ads--skyscraper_1,
.cnc-ads--skyscraper_2 {
  height: 600px;
}

.cnc-ads--skyscraper .cnc-ads__within,
.cnc-ads--skyscraper_1 .cnc-ads__within,
.cnc-ads--skyscraper_2 .cnc-ads__within {
  width: 160px;
  height: 600px;
}

.cnc-ads--halfpage_1_gallery {
  height: 600px;
}

.cnc-ads--halfpage_1_gallery .cnc-ads__within {
  width: 300px;
  height: 600px;
}

.cnc-ads--small_leaderboard,
.cnc-ads--small_leaderboard_1 {
  height: 150px;
}

.cnc-ads--small_leaderboard .cnc-ads__within,
.cnc-ads--small_leaderboard_1 .cnc-ads__within {
  width: 100%;
  height: 150px;
  background-color: rgba(0, 0, 0, 0);
}

.cnc-ads--under_article {
  min-height: 300px;
  max-height: 400px !important;
}

.cnc-ads--under_article .cnc-ads__within {
  width: 100%;
  min-height: 300px;
  overflow: hidden;
  max-height: 400px;
}

.cnc-ads--under_article__nd {
  margin-top: 45px;
}

.cnc-ads--under_video {
  min-height: 100px;
}

.cnc-ads--billboard_bottom,
.cnc-ads--billboard_bottom_1 {
  height: 310px;
}

.cnc-ads--billboard_bottom .cnc-ads__within,
.cnc-ads--billboard_bottom_1 .cnc-ads__within {
  width: 100%;
  height: 310px;
}

.cnc-ads--billboard_bottom__nd,
.cnc-ads--billboard_bottom_1__nd {
  width: inherit;
  left: inherit;
  right: inherit;
}

.cnc-ads--mobile_rectangle_2,
.cnc-ads--mobile_rectangle_3,
.cnc-ads--mobile_rectangle_4,
.cnc-ads--mobile_rectangle_5,
.cnc-ads--mobile_rectangle_6,
.cnc-ads--mobile_rectangle_repeater {
  height: 300px;
  width: 100%;
}

.cnc-ads--mobile_rectangle_2 .cnc-ads__within,
.cnc-ads--mobile_rectangle_3 .cnc-ads__within,
.cnc-ads--mobile_rectangle_4 .cnc-ads__within,
.cnc-ads--mobile_rectangle_5 .cnc-ads__within,
.cnc-ads--mobile_rectangle_6 .cnc-ads__within,
.cnc-ads--mobile_rectangle_repeater .cnc-ads__within {
  width: 100%;
  height: 300px;
}

.cnc-ads--rectangle_480_2,
.cnc-ads--rectangle_480_repeater {
  height: 300px;
}

.cnc-ads--rectangle_480_2 .cnc-ads__within,
.cnc-ads--rectangle_480_repeater .cnc-ads__within {
  width: 100%;
  height: 300px;
}

.cnc-ads--rectangle_480_1 {
  min-height: 300px;
  max-height: 400px;
}

.cnc-ads--rectangle_480_1 .cnc-ads__within {
  width: 100%;
  min-height: 300px !important;
  max-height: 400px;
}

.cnc-ads--rectangle_480_repeater,
.cnc-ads--mobile_rectangle_repeater {
  margin-bottom: 25px;
}

.cnc-ads--fullbanner_left_1,
.cnc-ads--fullbanner_right_1 {
  height: 60px;
}

.cnc-ads--fullbanner_left_1 .cnc-ads__within,
.cnc-ads--fullbanner_right_1 .cnc-ads__within {
  width: 100%;
  height: 60px;
}

.cnc-ads--leaderboard_2,
.cnc-ads--leaderboard_3,
.cnc-ads--leaderboard_4 {
  margin-top: 0;
  margin-bottom: 0;
  height: 90px;
}

.cnc-ads--leaderboard_2 .cnc-ads__within,
.cnc-ads--leaderboard_3 .cnc-ads__within,
.cnc-ads--leaderboard_4 .cnc-ads__within {
  width: 728px;
  height: 90px;
}

.cnc-ads--leaderboard_5 {
  margin-top: 0;
  margin-bottom: 0;
  height: 100px;
}

.cnc-ads--leaderboard_5 .cnc-ads__within {
  width: 728px;
  height: 100px;
}

.cnc-ads--square_1,
.cnc-ads--square_2,
.cnc-ads--square_3,
.cnc-ads--square_4 {
  height: 325px;
}

.cnc-ads--square_1 .cnc-ads__within,
.cnc-ads--square_2 .cnc-ads__within,
.cnc-ads--square_3 .cnc-ads__within,
.cnc-ads--square_4 .cnc-ads__within {
  width: 300px;
  height: 325px;
}

.cnc-ads--mobile_rectangle_2,
.cnc-ads--mobile_rectangle_repeater {
  height: 300px;
  transition: all 200ms;
}

.cnc-ads--mobile_rectangle_2--interscroller,
.cnc-ads--mobile_rectangle_repeater--interscroller {
  height: 70vh;
  max-height: 500px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.cnc-ads--mobile_rectangle_2--interscroller .cnc-ads__within,
.cnc-ads--mobile_rectangle_repeater--interscroller .cnc-ads__within {
  height: 70vh;
  max-height: 500px;
  transition: all 200ms;
  overflow: hidden;
  clip: rect(0, auto, auto, 0);
  position: absolute !important;
}

.cnc-ads--mobile_rectangle_2--interscroller .cnc-ads__within div[id^='google_ads_iframe_'],
.cnc-ads--mobile_rectangle_repeater--interscroller .cnc-ads__within div[id^='google_ads_iframe_'] {
  transition: none 0s ease 0s;
  position: fixed;
}

.cnc-ad-format--vignette,
.cnc-ad-format--adaptive_interstitial {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.cnc-ads--native_wrapper {
  position: relative;
  min-height: 160px;
  max-height: 350px;
  margin-top: 25px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.cnc-ads--native_wrapper--min_h--110 {
  min-height: 110px;
}

.cnc-ads--native_wrapper--min_h--130 {
  min-height: 130px;
}

.cnc-ads--native_wrapper--min_h--150 {
  min-height: 150px;
}

.cnc-ads--native_wrapper--min_h--160 {
  min-height: 160px;
}

.cnc-ads--native_wrapper--min_h--170 {
  min-height: 170px;
}

.cnc-ads--native_wrapper--min_h--200 {
  min-height: 200px;
}

.cnc-ads--native_wrapper--min_h--220 {
  min-height: 220px;
}

.cnc-ads--native_wrapper--min_h--250 {
  min-height: 250px;
}

.cnc-ads--native_wrapper--max_h--110 {
  max-height: 110px;
}

.cnc-ads--native_wrapper--max_h--130 {
  max-height: 130px;
}

.cnc-ads--native_wrapper--max_h--150 {
  max-height: 150px;
}

.cnc-ads--native_wrapper--max_h--160 {
  max-height: 160px;
}

.cnc-ads--native_wrapper--max_h--170 {
  max-height: 170px;
}

.cnc-ads--native_wrapper--max_h--200 {
  max-height: 200px;
}

.cnc-ads--native_wrapper--max_h--220 {
  max-height: 220px;
}

.cnc-ads--native_wrapper--max_h--250 {
  max-height: 250px;
}

.cnc-ads--native_wrapper.uniweb {
  min-height: 120px;
}

.cnc-ads--native_wrapper .cnc-ads__within {
  width: 100%;
  max-width: 680px;
}

.cnc-ads--native {
  height: auto;
}

.cnc-ads--native--min_h--110 {
  min-height: 110px;
}

.cnc-ads--native--min_h--130 {
  min-height: 130px;
}

.cnc-ads--native--min_h--150 {
  min-height: 150px;
}

.cnc-ads--native--min_h--160 {
  min-height: 160px;
}

.cnc-ads--native--min_h--170 {
  min-height: 170px;
}

.cnc-ads--native--min_h--200 {
  min-height: 200px;
}

.cnc-ads--native--min_h--220 {
  min-height: 220px;
}

.cnc-ads--native--min_h--250 {
  min-height: 250px;
}

.cnc-ads--native--max_h--110 {
  max-height: 110px;
}

.cnc-ads--native--max_h--130 {
  max-height: 130px;
}

.cnc-ads--native--max_h--150 {
  max-height: 150px;
}

.cnc-ads--native--max_h--160 {
  max-height: 160px;
}

.cnc-ads--native--max_h--170 {
  max-height: 170px;
}

.cnc-ads--native--max_h--200 {
  max-height: 200px;
}

.cnc-ads--native--max_h--220 {
  max-height: 220px;
}

.cnc-ads--native--max_h--250 {
  max-height: 250px;
}

.cnc-ad-overlay--default,
.cnc-ad-overlay--vignette,
.cnc-ad-overlay--adaptive_interstitial {
  z-index: 2000000;
  background-color: #373737;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cnc-ad-overlay--default__label-ads,
.cnc-ad-overlay--vignette__label-ads,
.cnc-ad-overlay--adaptive_interstitial__label-ads {
  display: block;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  font-size: 16px;
  border: none;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 400;
  pointer-events: none;
}

.cnc-ad-overlay--default__label-ads-wrapper,
.cnc-ad-overlay--vignette__label-ads-wrapper,
.cnc-ad-overlay--adaptive_interstitial__label-ads-wrapper {
  padding: 18px;
  z-index: 2100000;
  position: fixed;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.cnc-ad-overlay--default__close-wrapper,
.cnc-ad-overlay--vignette__close-wrapper,
.cnc-ad-overlay--adaptive_interstitial__close-wrapper {
  padding: 20px;
  z-index: 2100000;
  position: fixed;
  top: 0;
  right: 0;
}

.cnc-ad-overlay--default__volume-wrapper,
.cnc-ad-overlay--vignette__volume-wrapper,
.cnc-ad-overlay--adaptive_interstitial__volume-wrapper {
  padding: 20px;
  z-index: 2100000;
  position: fixed;
  top: 0;
  left: 0;
}

.cnc-ad-overlay--default__volume-button,
.cnc-ad-overlay--vignette__volume-button,
.cnc-ad-overlay--adaptive_interstitial__volume-button {
  width: 30px;
  min-width: auto;
  height: 30px;
  border-radius: 30px;
  line-height: 30px;
  background-color: #000;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0;
  padding: 0;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.65);
  background-repeat: no-repeat;
  background-size: calc(100% - 10px);
  background-position: center center;
  background-image: url('../../icons/turn_off_sound.png');
  opacity: 0.7;
}

.cnc-ad-overlay--default__volume-button.volume-on,
.cnc-ad-overlay--vignette__volume-button.volume-on,
.cnc-ad-overlay--adaptive_interstitial__volume-button.volume-on {
  opacity: 0.5;
  background-image: url('../../icons/turn_on_sound.png');
}

.cnc-ad-overlay--default__replay-wrapper,
.cnc-ad-overlay--vignette__replay-wrapper,
.cnc-ad-overlay--adaptive_interstitial__replay-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2100000;
}

.cnc-ad-overlay--default__replay-button,
.cnc-ad-overlay--vignette__replay-button,
.cnc-ad-overlay--adaptive_interstitial__replay-button {
  width: 42px;
  min-width: auto;
  height: 42px;
  border-radius: 42px;
  line-height: 42px;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('../../icons/play_again.png');
  background-size: cover;
}

.cnc-ad-overlay--default__progress-bar,
.cnc-ad-overlay--vignette__progress-bar,
.cnc-ad-overlay--adaptive_interstitial__progress-bar {
  height: 100%;
  width: 0;
  background-color: rgba(186, 218, 51, 0.8);
  -webkit-transition: width 0.5s linear;
  transition: width 0.5s linear;
}

.cnc-ad-overlay--default__progress-bar-wrapper,
.cnc-ad-overlay--vignette__progress-bar-wrapper,
.cnc-ad-overlay--adaptive_interstitial__progress-bar-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: rgba(0, 0, 0, 0.5);
}

.cnc-ad-overlay--default__wrapper,
.cnc-ad-overlay--vignette__wrapper,
.cnc-ad-overlay--adaptive_interstitial__wrapper {
  visibility: hidden;
  z-index: 2000000;
  background-color: #252525;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M3.5%2010V7C3.5%206.17157%204.17157%205.5%205%205.5C5.82843%205.5%206.5%206.17157%206.5%207V10M11.5%205V10M11.5%207.5H9.5C8.94772%207.5%208.5%207.94772%208.5%208.5C%208.5%209.05228%208.94772%209.5%209.5%209.5H11.5M3.5%208.5H6.5M2.5%202.5H12.5C13.6046%202.5%2014.5%203.39543%2014.5%204.5V10.5C14.5%2011.6046%2013.6046%2012.5%2012.5%2012.5H2.5C1.39543%2012.5%200.5%2011.6046%200.5%2010.5V4.5C0.5%203.39543%201.39543%202.5%202.5%202.5Z%22%20stroke%3D%22%23d6d6d6%22%2F%3E%0A%3C%2Fsvg%3E');
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center center;
}

.cnc-ad-overlay--default__wrapper.open,
.cnc-ad-overlay--vignette__wrapper.open,
.cnc-ad-overlay--adaptive_interstitial__wrapper.open {
  visibility: visible;
}

.cnc-ad-overlay--default__wrapper .creative,
.cnc-ad-overlay--vignette__wrapper .creative,
.cnc-ad-overlay--adaptive_interstitial__wrapper .creative {
  width: 100%;
  height: 100%;
}

.cnc-ad-overlay--default__wrapper.blured,
.cnc-ad-overlay--vignette__wrapper.blured,
.cnc-ad-overlay--adaptive_interstitial__wrapper.blured {
  backdrop-filter: blur(25px);
  background-color: rgba(37, 37, 37, 0.5);
}

.cnc-ad-overlay--default__spinner-wrapper,
.cnc-ad-overlay--vignette__spinner-wrapper,
.cnc-ad-overlay--adaptive_interstitial__spinner-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cnc-ad-overlay--default__spinner-wrapper.hidden,
.cnc-ad-overlay--vignette__spinner-wrapper.hidden,
.cnc-ad-overlay--adaptive_interstitial__spinner-wrapper.hidden {
  display: none;
}

.cnc-ad-overlay--default__spinner,
.cnc-ad-overlay--vignette__spinner,
.cnc-ad-overlay--adaptive_interstitial__spinner {
  width: 48px;
  height: 48px;
  border: 6px solid #fff;
  border-top-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.cnc-ad-overlay--slide_up__wrapper {
  z-index: 1999999;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #000;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 120px;
  width: 100%;
  transform: translate(0, 0);
  transition: transform 0.777s ease-in-out 0s;
}

.cnc-ad-overlay--slide_up__wrapper.out {
  transform: translate(0, 320px);
}

.cnc-ad-overlay--slide_up__close-wrapper {
  width: auto;
  height: 45px;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(10px);
  position: absolute;
  top: -45px;
  right: -1px;
  cursor: pointer;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3);
  transition: all 200ms;
}

.cnc-ad-overlay--slide_up__close-wrapper:hover {
  background: rgba(0, 0, 0, 0.95);
  transform: translateY(-2px);
  box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.4);
}

.cnc-ad-overlay--slide_up__close-wrapper:active {
  transform: translateY(0);
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.3);
}

.cnc-ad-overlay--slide_up__close-button {
  background: rgba(0, 0, 0, 0);
  border: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}

.cnc-ad-overlay--slide_up__close-button:hover {
  opacity: 0.9;
}

.cnc-ad-overlay--slide_up__close-button:active {
  opacity: 0.7;
}

.cnc-ad-overlay--slide_up__close-text {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  user-select: none;
}

.cnc-ad-overlay--slide_up__close-text::before {
  content: '✕';
  margin-right: 6px;
  font-size: 12px;
  opacity: 0.8;
}

.cnc-ad-overlay--slide_up__close-icon {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  user-select: none;
}

.cnc-ad-overlay--slide_up__close-icon::before {
  content: '✕';
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  .cnc-ad-overlay--slide_up__close-text {
    text-shadow: 0 0.5px 1px rgba(0, 0, 0, 0.5);
  }
}

.cnc-ad-overlay--slide_up__label-ads {
  display: block;
  padding: 3px 5px;
  background-color: #000;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.75);
  font-size: 16px;
  border: none;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 400;
  font-family: sans-serif;
  pointer-events: none;
  position: absolute;
  bottom: 0;
  left: 0;
  visibility: hidden;
}

.cnc-ad-overlay--default__close-wrapper .cnc-ad-overlay--default__close-button {
  width: 42px;
  min-width: auto;
  height: 42px;
  border-radius: 42px;
  line-height: 42px;
  background-color: #000;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 3100000;
  display: block;
  margin: 0;
  font-size: 20px;
  padding: 0;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.65);
}

.cnc-ad-overlay--default__close-wrapper .cnc-ad-overlay--default__close-button:active {
  opacity: 0.6;
}

.cnc-ad-overlay--default__close-wrapper .cnc-ad-overlay--default__close-button__cross-line {
  stroke-width: 3px;
  stroke: #fff;
  stroke-linecap: round;
}

.cnc-ad-overlay--vignette__close-wrapper .cnc-ad-overlay--vignette__close-button {
  width: 42px;
  min-width: auto;
  height: 42px;
  border-radius: 42px;
  line-height: 42px;
  background-color: #000;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 3100000;
  display: block;
  margin: 0;
  font-size: 20px;
  padding: 0;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.65);
}

.cnc-ad-overlay--vignette__close-wrapper .cnc-ad-overlay--vignette__close-button:active {
  opacity: 0.6;
}

.cnc-ad-overlay--vignette__close-wrapper .cnc-ad-overlay--vignette__close-button__cross-line {
  stroke-width: 3px;
  stroke: #fff;
  stroke-linecap: round;
}

.cnc-ad-overlay--adaptive_interstitial__close-wrapper .cnc-ad-overlay--adaptive_interstitial__close-button {
  width: 42px;
  min-width: auto;
  height: 42px;
  border-radius: 42px;
  line-height: 42px;
  background-color: #000;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 3100000;
  display: block;
  margin: 0;
  font-size: 20px;
  padding: 0;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.65);
}

.cnc-ad-overlay--adaptive_interstitial__close-wrapper
  .cnc-ad-overlay--adaptive_interstitial__close-button:active {
  opacity: 0.6;
}

.cnc-ad-overlay--adaptive_interstitial__close-wrapper
  .cnc-ad-overlay--adaptive_interstitial__close-button__cross-line {
  stroke-width: 3px;
  stroke: #fff;
  stroke-linecap: round;
}

#cnc_gallery_top_placeholder .new-gallery .cnc-ads--leaderboard,
.cnc-gallery-html-body .cnc-ads--leaderboard {
  background-color: rgba(232, 232, 232, 0.3);
  color: #e8e8e8;
}

#cnc_gallery_top_placeholder .new-gallery .cnc-ads--leaderboard:before,
.cnc-gallery-html-body .cnc-ads--leaderboard:before {
  background-color: rgba(232, 232, 232, 0.3);
  color: #e8e8e8;
}

.cnc-gallery-slider__ad--mobile {
  height: auto !important;
}

.cnc-gallery-slider__ad--mobile > div.cnc-ads {
  margin-top: 25px !important;
}

.cnc_gallery_ad_position .cnc-ads[class$='--interscroller'] {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
}

.cnc_gallery_ad_position .cnc-ads,
#cnc_gallery_top_placeholder .cnc-ads,
#cnc_gallery_side_placeholder .cnc-ads {
  background-color: rgba(232, 232, 232, 0.3);
  color: #e8e8e8;
}

.cnc_gallery_ad_position .cnc-ads:before,
#cnc_gallery_top_placeholder .cnc-ads:before,
#cnc_gallery_side_placeholder .cnc-ads:before {
  background-color: rgba(232, 232, 232, 0.3);
  color: #e8e8e8;
}

.ad-position--desktop,
.ad-position--tablet,
.ad-position--mobile {
  display: none;
}

@media only screen and (min-width: 1080px) {
  .ad-position--desktop {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 1079px) {
  .ad-position--tablet {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .ad-position--mobile {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .cnc-ads.cnc-ads--pr_premium.cnc-ads--pr_premium__nd {
    height: auto;
    min-height: 240px;
  }

  .cnc-ads.cnc-ads--pr_premium.cnc-ads--pr_premium__nd .cnc-ads__within {
    height: inherit;
    display: block;
  }

  .cnc-ads--native.native-standard,
  .cnc-ads--native.uniweb {
    max-height: max-content;
    min-height: 300px;
  }
}

@media only screen and (min-width: 768px) {
  .native.premium #cnc_pr_premium_1,
  .native.premium #cnc_pr_premium_2,
  .uniweb.premium #cnc_pr_premium_1,
  .uniweb.premium #cnc_pr_premium_2 {
    min-height: 120px;
  }

  .native.premium .cnc-ads--native.native-standard,
  .native.premium .cnc-ads--native.uniweb,
  .uniweb.premium .cnc-ads--native.native-standard,
  .uniweb.premium .cnc-ads--native.uniweb {
    min-height: 0px !important;
  }

  .cnc-ads--native.uniweb {
    min-height: 120px;
  }
}

@media only screen and (min-width: 601px) and (min-height: 675px) {
  #cnc_gallery_top_placeholder {
    min-height: 250px;
    height: 250px;
  }
}

@media only screen and (min-width: 601px) and (max-height: 674px) {
  #cnc_gallery_side_placeholder {
    width: 336px;
    height: 300px;
  }

  .cnc-gallery-ad.cnc-gallery-ad--sky {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 700px) {
  #cnc_recommender_wrapper .cnc-ad-overlay--recommender__red-arrow {
    padding-right: 15px;
  }
}

@media only screen and (max-width: 600px) {
  #cnc_recommender_wrapper.cnc-ad-overlay .cnc_recommender__inner-wrapper {
    width: 100vw !important;
  }
}

[class*='--interscroller'] iframe {
  max-width: none !important;
}

#cnc_branding_creative_wrapper {
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
}

#cnc_branding_creative_wrapper.new-gallery {
  padding-top: 40px;
}

#cnc_branding_creative_wrapper.old_gallery .cnc-ads--leaderboard {
  background-color: rgba(232, 232, 232, 0.3);
}

#cnc_branding_creative_wrapper.cnc-branding.new-gallery {
  padding-top: 40px;
}

#cnc_branding_creative_wrapper.cnc-branding.new-gallery .cnc-ads--leaderboard:before {
  top: 50px !important;
}

#cnc_branding_creative_wrapper.cnc-branding.new-gallery .cnc-ads--leaderboard iframe:first-child {
  top: 40px !important;
}

#cnc_branding_creative_wrapper.cnc-branding .cnc-ads--leaderboard {
  background-color: rgba(0, 0, 0, 0);
}

#cnc_branding_creative_wrapper.cnc-branding .cnc-ads--leaderboard:before {
  position: fixed !important;
  top: 10px;
  right: 10px !important;
  transform: none !important;
  background-color: #f8f8f8;
  color: #6b6b6b;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  line-height: 12px;
  border-radius: 3px;
  border: 1px solid #d6d6d6;
  text-align: center;
  padding: 2px 10px;
  width: auto;
}

#cnc_branding_creative_wrapper.cnc-branding .cnc-ads--leaderboard iframe:first-child {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

#cnc_branding_creative_wrapper.cnc-branding.old_gallery {
  position: relative;
  z-index: 0;
  top: 64px;
  left: 0;
  width: 100%;
}

#cnc_branding_creative_wrapper.cnc-branding.old_gallery .cnc-ads--leaderboard {
  background-color: rgba(232, 232, 232, 0.3);
}

#cnc_branding_creative_wrapper.cnc-branding.old_gallery .cnc-ads--leaderboard:before {
  position: fixed !important;
  top: 74px;
  right: 10px !important;
  transform: none !important;
}

#cnc_branding_creative_wrapper.cnc-branding.old_gallery .cnc-ads--leaderboard iframe:first-child {
  position: fixed;
  top: 64px;
  left: 50%;
  transform: translate(-50%);
}

#cnc_branding_creative_wrapper.label-top-20 .cnc-ads--leaderboard:before {
  top: 20px;
}

#cnc_branding_creative_wrapper.label-top-50 .cnc-ads--leaderboard:before {
  top: 50px;
}

#cnc_branding_creative_wrapper.label-top-80 .cnc-ads--leaderboard:before {
  top: 80px;
}

#cnc_branding_creative_wrapper.label-top-110 .cnc-ads--leaderboard:before {
  top: 110px;
}

#cnc_branding_creative_wrapper.label-top-140 .cnc-ads--leaderboard:before {
  top: 140px;
}

#cnc_branding_creative_wrapper.label-top-170 .cnc-ads--leaderboard:before {
  top: 170px;
}

.branding-wrapper {
  z-index: 1;
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 1080px;
}

#cnc_recommender_wrapper {
  z-index: 1999999;
  background-color: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
  height: auto;
  width: 100vw;
  transform: translate(0, 400px);
  transition: transform 0.777s ease-in-out 0s;
  padding-top: 8px;
  padding-bottom: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
}

#cnc_recommender_wrapper.in {
  transform: translate(0, 0);
}

#cnc_recommender_wrapper .cnc-ad-overlay--recommender__outer-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

#cnc_recommender_wrapper .cnc-ad-overlay--recommender__inner-wrapper {
  max-width: 815px;
}

#cnc_recommender_wrapper .cnc-ad-overlay--recommender__first-row {
  padding-bottom: 8px;
}

#cnc_recommender_wrapper .cnc-ad-overlay--recommender__link {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  justify-content: space-between;
}

#cnc_recommender_wrapper .cnc-ad-overlay--recommender__read-more {
  color: #df0028;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

#cnc_recommender_wrapper .cnc-ad-overlay--recommender__title {
  color: #000;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

#cnc_recommender_wrapper .cnc-ad-overlay--recommender__red-arrow {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiPjxwYXRoIHN0cm9rZT0iI0RGMDAyOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Im0xOSAxMi02LTZtNiA2LTYgNm02LTZINSIvPjwvc3ZnPg==);
  background-size: cover;
  background-repeat: no-repeat;
  width: 22px;
  height: 18px;
}

#cnc_recommender_wrapper .cnc-ad-overlay--recommender__close-wrapper {
  transform: scale(0.8);
  transform-origin: top right;
  position: absolute;
  right: 20px;
  top: 0;
  z-index: 3100000;
  width: 42px;
  min-width: auto;
  height: 42px;
  border-radius: 42px;
  line-height: 42px;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  font-size: 20px;
  color: #373737;
  border: none;
}

#cnc_recommender_wrapper .cnc-ad-overlay--recommender__close-button {
  border: none;
  background-color: rgba(0, 0, 0, 0);
}

#cnc_recommender_wrapper .cnc-ad-overlay--recommender__close-button__cross-line {
  stroke-width: 3px;
  stroke: #9e9e9e;
  stroke-linecap: round;
}

#cnc_recommender_wrapper .cnc-ad-overlay--recommender__image {
  max-height: 77px;
}

#cnc_out_of_page {
  z-index: 2050000;
}

#pfx_wrapper {
  position: fixed;
  z-index: 10000;
}

.cnc_article_feed_ad_position {
  min-height: 20px;
  min-width: 100px;
  background-color: #639;
}

.sqaure-mobile-ad {
  width: 100%;
}

.webas__article-card--promoted {
  border: 1px solid var(--grey-200);
  background: var(--grey-50);
  padding: var(--spacing-16);
  margin-top: calc(-1 * var(--spacing-16));
  margin-left: calc(-1 * var(--spacing-16));
  position: relative;
}