@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
.discover__menu li a.-new,
.mainMenuP a.-new {
  position: relative;
}
.discover__menu li a.-new:after,
.mainMenuP a.-new:after {
  content: "NEW";
  position: relative;
  top: -5px;
  left: 4px;
  background: red;
  line-height: 1;
  padding: 1px 3px;
  border-radius: 2px;
  z-index: 1;
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0;
}
:root {
  color-scheme: light dark;
}
body {
  --font-primary: Roboto, sans-serif;
  --bg-white: #fff;
  --bg-white-lv2: #fff;
  --bg-gray-med: #f0f0f0;
  --bg-gray-bold: #efedef;
  --bg-gray-soft: #f7f7f7;
  --bg-blue-lite: #f1f6fc;
  --bg-place: #f8f8f8;
  --bg-place2: #e2e2e2;
  --bg-black: #000;
  --bg-black-transparent: hsla(0, 0%, 100%, 0.75);
  --bg-input: #fff;
  --bg-toggle: #d7d7d7;
  --bg-radio: #f4f4f4;
  --bg-disabled: #dadada;
  --cl-gray: #717171;
  --cl-gray-lite: #999;
  --cl-gray-med: #666;
  --cl-gray-bold: #545454;
  --cl-blue: #3ca5dd;
  --cl-blue-bold: #07689a;
  --cl-anchor: #1fb9e1;
  --br-anchor: #1fb9e1;
  --br-black: #000;
  --br-gray-bold: #9b9b9b;
  --br-gray-med: #c9c9ca;
  --br-grey-reg: #dbdbdb;
  --br-gray-lite: #e5e5e5;
  --br-list: #e2e2e2;
  --br-list-lv2: #e3e2e3;
  --br-blue: #3ca5dd;
  --cl-shadow: #f1f1f1;
  --cl-shadow-none: #ddd;
  --cl-shadow-inset: 0 3px 6px rgba(0, 0, 0, 0.16) inset,
    0 3px 6px rgba(0, 0, 0, 0.16);
  --cl-hover: #000;
  --cl-alpha: 1;
  --img-filter: none;
  --img-grayscale: none;
  --img-dark: 0;
  --img-light: 1;
  --cl-title: #4a4a4a;
  --bg-title: transparent;
  --bg-panel1: #3a3a3a;
  --bg-panel2: #424242;
  --bg-breaking1: #dedede;
  --bg-breaking2: #eaeaea;
  --cl-breaking1: #ed1c24;
  --cl-gray-video: #a0a4a8;
  --bg-video-kg: #b70000;
  --bg-share: #dcdcdc;
  --bg-kolom: #71c3d5;
  --weight-title: 500;
  --cl-video-disabled: 255, 255, 255;
  --bg-copy: 0, 0, 0;
  --cl-copy: #fff;
  --bg-auto-bar: #bbe7ff;
  --bg-comment: 245, 252, 255;
  --bg-comment2: #eff5f7;
  --bg-comment3: #e4f4fc;
  --cl-bangkit: #b9b9b9;
  --cl-parapuan: #f4d2ca;
  --bg-profile: #e7f7fb;
  --br-profile: #c9e6ee;
  --bg-warticle: #f1f1f1;
  --bg-warning: #fff7e9;
  --br-warning: #ffe5b7;
  --bg-smart: #eaf5fb;
  --bg-dark-sun: #ffb42b;
  --bg-dark-shade: transparent;
  --bg-dark-light: #ffb42b;
  --bg-submenu: #383838;
  --bg-submenu2: #fff;
  --cl-submenu: #fff;
  --bg-news-menu1: #f62d1d;
  --bg-news-menu2: #de1e0e;
  --bg-news-menu3: #bd190c;
  --bg-tren: #1fb9e1;
  --bg-tren-subtitle: #fff;
  --cl-tren: #fff;
  --bg-toc: #edf1fd;
  --cl-toc: #3c5cb9;
  --cl-infografik: #ad0243;
  --bg-blogger: #ebf8ff;
  --bg-modal-rest: hsla(0, 0%, 100%, 0.9);
  --bg-modal-header: #f6f9f9;
  --cl-modal-black: #333;
  --cl-modal-dark: #666;
  --img-modal-gray: none;
  --cl-blue3: #007aff;
  --cl-kompas: #007aff;
  --bg-time: #333;
  --bg-btn2: #fff;
  --hover-bg-btn2: #fff;
  --hover-cl-btn2: #0068da;
  --hover-br-btn2: #0068da;
  --active-bg-btn2: #f1f1f1;
  --active-br-btn2: #0056b4;
  --active-cl-btn2: #0056b4;
  --cl-txt: #333;
  --cl-time2: #888;
  --bg-most: #71c4d6;
  --bg-most2: #e7e7e7;
  --br-most: #fff;
  --Azure-white: #eff6ff;
  --Azure-white2: #f9f9f9;
  --Azure-lighter: #b3d7ff;
  --Azure-lightest: #e1efff;
  --filter-azure: invert(46%) sepia(85%) saturate(5629%) hue-rotate(200deg)
    brightness(101%) contrast(109%);
  --cl-grey-2: #efefef;
  --filter-gray_v3: invert(33%) sepia(7%) saturate(359%) hue-rotate(185deg)
    brightness(93%) contrast(93%);
  --grey-dark2: #ececec;
  --grey-dark3: #515151;
  --grey-charcoal-1: #262626;
  --grey-charcoal: #a7a7a7;
  --charcoal-lightest: gray;
  --charcoal-light: #515151;
  --charcoal-white: #999;
  --charcoal: #333;
  --platinum-light: #efefef;
  --platinum-lighter: #f5f5f5;
  --platinum-dark: #e0e0e0;
  --neutral-5: #f9f9f9;
  --neutral-10: #f3f3f3;
  --neutral-20: #e7e8e9;
  --neutral-30: #dbdcde;
  --neutral-40: #b7b9be;
  --neutral-50: #878b92;
  --neutral-70: #515358;
  --neutral-90: #232426;
  --cl-black: #000;
  --bg-news: #0f79c6;
  --bg-tren-2: #1fb9e1;
  --bg-food-2: #f5bb00;
  --bg-hype-2: #f5b432;
  --bg-tekno-2: #bad107;
  --bg-lestari-2: #ebebeb;
  --bg-umkm-2: #ebebeb;
  --bg-parapuan-2: #ebebeb;
  --bg-otomotif-2: #fb0404;
  --bg-health-2: #1fb9e1;
  --bg-edukasi-2: #058ab6;
  --bg-bola-2: #0db24b;
  --bg-money-2: #438e10;
  --bg-travel-2: #bf174c;
  --bg-sains-2: #0161b8;
  --bg-lifestyle-2: #00a783;
  --bg-properti-2: #b57c29;
  --bg-homey-2: #d8b370;
  --bg-fotovideo-2: #ebebeb;
  --bg-pemilu: #55a3d7;
  --bg-ikn: #6f887b;
  --bg-video: #ef5353;
  --bg-lestari-menu: #ebebeb;
  --cl-blue-lestari-2: #183466;
}
body,
body.theme-dark {
  --yale-blue-20: #ebf6fe;
  --yale-blue-40: #39a3f0;
  --yale-blue-50: #0f79c6;
  --yale-blue-60: #0a5388;
  --neutral-60: #6c6f75;
  --neutral-80: #36383a;
  --primary_flame-60: #e75524;
}
body.theme-dark {
  --bg-white: #262626;
  --bg-white-lv2: #3b3b3b;
  --bg-gray-med: #2c2c2c;
  --bg-gray-bold: #262626;
  --bg-gray-soft: #262626;
  --bg-blue-lite: #262626;
  --bg-place: #262626;
  --bg-place2: #3b3b3b;
  --bg-input: #1f1f1f;
  --bg-toggle: #646464;
  --bg-radio: #1f1f1f;
  --bg-disabled: #3b3b3b;
  --cl-gray: hsla(0, 0%, 100%, 0.87);
  --cl-gray-lite: hsla(0, 0%, 100%, 0.87);
  --cl-gray-med: hsla(0, 0%, 100%, 0.87);
  --cl-gray-bold: hsla(0, 0%, 100%, 0.87);
  --cl-blue: hsla(0, 0%, 100%, 0.87);
  --cl-blue-bold: hsla(0, 0%, 100%, 0.87);
  --br-black: #404040;
  --br-gray-bold: #2c2c2c;
  --br-gray-med: #2c2c2c;
  --br-grey-reg: #2c2c2c;
  --br-gray-lite: #2c2c2c;
  --br-list: #1f1f1f;
  --br-list-lv2: #3b3b3b;
  --br-blue: #3b3b3b;
  --cl-shadow: #1f1f1f;
  --cl-shadow-none: transparent;
  --cl-shadow-inset: 0 0 0 transparent inset, 0 0 0 transparent;
  --cl-hover: #fff;
  --cl-alpha: 0.9;
  --img-filter: brightness(0.8) contrast(1.2);
  --img-grayscale: grayscale(1) invert(1) brightness(1.2);
  --img-dark: 1;
  --img-light: 0;
  --cl-title: #fff;
  --bg-title: #121212;
  --bg-panel1: #121212;
  --bg-panel2: #1f1f1f;
  --bg-breaking1: #262626;
  --bg-breaking2: #2c2c2c;
  --cl-breaking1: #c12e2e;
  --cl-gray-video: hsla(0, 0%, 100%, 0.87);
  --bg-video-kg: #262626;
  --bg-share: #3b3b3b;
  --bg-kolom: #3b3b3b;
  --weight-title: 400;
  --cl-video-disabled: 38, 38, 38;
  --bg-copy: 255, 255, 255;
  --cl-copy: #000;
  --bg-auto-bar: #6e6e6e;
  --bg-comment: 38, 38, 38;
  --bg-comment2: #3b3b3b;
  --bg-comment3: #1f1f1f;
  --cl-bangkit: #3b3b3b;
  --cl-parapuan: #c8482a;
  --bg-profile: #262626;
  --br-profile: #262626;
  --cl-anchor: hsla(0, 0%, 100%, 0.87);
  --br-anchor: #262626;
  --bg-warticle: #262626;
  --bg-warning: #262626;
  --br-warning: #262626;
  --bg-smart: #1f1f1f;
  --bg-dark-sun: #fff;
  --bg-dark-shade: #3b3b3b;
  --bg-dark-light: #3b3b3b;
  --bg-submenu: #262626;
  --bg-submenu2: #3b3b3b;
  --cl-submenu: #999;
  --bg-news-menu1: #262626;
  --bg-news-menu2: #262626;
  --bg-news-menu3: #3b3b3b;
  --bg-tren: #262626;
  --bg-tren-subtitle: #3b3b3b;
  --cl-tren: #1fb9e1;
  --bg-toc: #262626;
  --cl-toc: hsla(0, 0%, 100%, 0.87);
  --cl-infografik: hsla(0, 0%, 100%, 0.87);
  --bg-blogger: #646464;
  --bg-modal-rest: rgba(59, 59, 59, 0.9);
  --bg-modal-header: #3b3b3b;
  --cl-modal-black: #fff;
  --cl-modal-dark: #d7d7d7;
  --img-modal-gray: grayscale(1) invert(1) brightness(1.2);
  --cl-blue3: #fff;
  --cl-kompas: #007aff;
  --bg-time: #262626;
  --bg-btn2: #333;
  --hover-bg-btn2: #454545;
  --hover-cl-btn2: #fff;
  --hover-br-btn2: #757575;
  --active-bg-btn2: #222;
  --active-br-btn2: #9a9a9a;
  --active-cl-btn2: #9a9a9a;
  --cl-txt: hsla(0, 0%, 100%, 0.87);
  --cl-time2: hsla(0, 0%, 100%, 0.87);
  --br-most: transparent;
  --bg-most: transparent;
  --bg-most2: #2c2c2c;
  --br-most: #262626;
  --Azure-white: #333;
  --Azure-white2: #444;
  --Azure-lighter: #999;
  --Azure-lightest: #222;
  --filter-azure: invert(100%) sepia(93%) saturate(0%) hue-rotate(319deg)
    brightness(108%) contrast(106%);
  --cl-grey-2: #262626;
  --filter-gray_v3: invert(100%) sepia(0%) saturate(7500%) hue-rotate(344deg)
    brightness(101%) contrast(104%);
  --grey-dark2: #3b3b3b;
  --grey-dark3: #fff;
  --grey-charcoal-1: #3b3b3b;
  --grey-charcoal: #e0e0e0;
  --charcoal-lightest: gray;
  --charcoal-light: hsla(0, 0%, 100%, 0.87);
  --charcoal-white: hsla(0, 0%, 100%, 0.87);
  --charcoal: hsla(0, 0%, 100%, 0.87);
  --platinum-light: #3b3b3b;
  --platinum-lighter: #3b3b3b;
  --platinum-dark: #3b3b3b;
  --neutral-5: #2c2c2c;
  --neutral-10: #2c2c2c;
  --neutral-20: #3b3b3b;
  --neutral-30: #515358;
  --neutral-40: #878b92;
  --neutral-50: #d7d7d7;
  --neutral-70: hsla(0, 0%, 100%, 0.87);
  --neutral-90: hsla(0, 0%, 100%, 0.87);
  --cl-black: #fff;
  --bg-news: #0f79c6;
  --bg-tren-2: #1fb9e1;
  --bg-food-2: #f5bb00;
  --bg-hype-2: #f5b432;
  --bg-tekno-2: #bad107;
  --bg-lestari-2: #ebebeb;
  --bg-umkm-2: #ebebeb;
  --bg-parapuan-2: #ebebeb;
  --bg-otomotif-2: #fb0404;
  --bg-health-2: #1fb9e1;
  --bg-edukasi-2: #058ab6;
  --bg-bola-2: #0db24b;
  --bg-money-2: #438e10;
  --bg-travel-2: #bf174c;
  --bg-sains-2: #0161b8;
  --bg-lifestyle-2: #00a783;
  --bg-properti-2: #b57c29;
  --bg-homey-2: #d8b370;
  --bg-fotovideo-2: #ebebeb;
  --bg-pemilu: #55a3d7;
  --bg-ikn: #6f887b;
  --bg-video: #ef5353;
  --bg-lestari-menu: #ebebeb;
  --cl-blue-lestari-2: #183466;
}
@media (prefers-color-scheme: dark) {
  body {
    --bg-white: #262626;
    --bg-white-lv2: #3b3b3b;
    --bg-gray-med: #2c2c2c;
    --bg-gray-bold: #262626;
    --bg-gray-soft: #262626;
    --bg-blue-lite: #262626;
    --bg-place: #262626;
    --bg-place2: #3b3b3b;
    --bg-input: #1f1f1f;
    --bg-toggle: #646464;
    --bg-radio: #1f1f1f;
    --bg-disabled: #3b3b3b;
    --cl-gray: hsla(0, 0%, 100%, 0.87);
    --cl-gray-lite: hsla(0, 0%, 100%, 0.87);
    --cl-gray-med: hsla(0, 0%, 100%, 0.87);
    --cl-gray-bold: hsla(0, 0%, 100%, 0.87);
    --cl-blue: hsla(0, 0%, 100%, 0.87);
    --cl-blue-bold: hsla(0, 0%, 100%, 0.87);
    --br-black: #404040;
    --br-gray-bold: #2c2c2c;
    --br-gray-med: #2c2c2c;
    --br-grey-reg: #2c2c2c;
    --br-gray-lite: #2c2c2c;
    --br-list: #1f1f1f;
    --br-list-lv2: #3b3b3b;
    --br-blue: #3b3b3b;
    --cl-shadow: #1f1f1f;
    --cl-shadow-none: transparent;
    --cl-shadow-inset: 0 0 0 transparent inset, 0 0 0 transparent;
    --cl-hover: #fff;
    --cl-alpha: 0.9;
    --img-filter: brightness(0.8) contrast(1.2);
    --img-grayscale: grayscale(1) invert(1) brightness(1.2);
    --img-dark: 1;
    --img-light: 0;
    --cl-title: #fff;
    --bg-title: #121212;
    --bg-panel1: #121212;
    --bg-panel2: #1f1f1f;
    --bg-breaking1: #262626;
    --bg-breaking2: #2c2c2c;
    --cl-breaking1: #c12e2e;
    --cl-gray-video: hsla(0, 0%, 100%, 0.87);
    --bg-video-kg: #262626;
    --bg-share: #3b3b3b;
    --bg-kolom: #3b3b3b;
    --weight-title: 400;
    --cl-video-disabled: 38, 38, 38;
    --bg-copy: 255, 255, 255;
    --cl-copy: #000;
    --bg-auto-bar: #6e6e6e;
    --bg-comment: 38, 38, 38;
    --bg-comment2: #3b3b3b;
    --bg-comment3: #1f1f1f;
    --cl-bangkit: #3b3b3b;
    --cl-parapuan: #c8482a;
    --bg-profile: #262626;
    --br-profile: #262626;
    --cl-anchor: hsla(0, 0%, 100%, 0.87);
    --br-anchor: #262626;
    --bg-warticle: #262626;
    --bg-warning: #262626;
    --br-warning: #262626;
    --bg-smart: #1f1f1f;
    --bg-dark-sun: #fff;
    --bg-dark-shade: #3b3b3b;
    --bg-dark-light: #3b3b3b;
    --bg-submenu: #262626;
    --bg-submenu2: #3b3b3b;
    --cl-submenu: #999;
    --bg-news-menu1: #262626;
    --bg-news-menu2: #262626;
    --bg-news-menu3: #3b3b3b;
    --bg-tren: #262626;
    --bg-tren-subtitle: #3b3b3b;
    --cl-tren: #1fb9e1;
    --bg-toc: #262626;
    --cl-toc: hsla(0, 0%, 100%, 0.87);
    --cl-infografik: hsla(0, 0%, 100%, 0.87);
    --bg-blogger: #646464;
    --bg-modal-rest: rgba(59, 59, 59, 0.9);
    --bg-modal-header: #3b3b3b;
    --cl-modal-black: #fff;
    --cl-modal-dark: #d7d7d7;
    --img-modal-gray: grayscale(1) invert(1) brightness(1.2);
    --cl-blue3: #fff;
    --cl-kompas: #007aff;
    --bg-time: #262626;
    --bg-btn2: #333;
    --hover-bg-btn2: #454545;
    --hover-cl-btn2: #fff;
    --hover-br-btn2: #757575;
    --active-bg-btn2: #222;
    --active-br-btn2: #9a9a9a;
    --active-cl-btn2: #9a9a9a;
    --cl-txt: hsla(0, 0%, 100%, 0.87);
    --cl-time2: hsla(0, 0%, 100%, 0.87);
    --br-most: transparent;
    --bg-most: transparent;
    --bg-most2: #2c2c2c;
    --br-most: #262626;
    --Azure-white: #333;
    --Azure-white2: #444;
    --Azure-lighter: #999;
    --Azure-lightest: #222;
    --filter-azure: invert(100%) sepia(93%) saturate(0%) hue-rotate(319deg)
      brightness(108%) contrast(106%);
    --cl-grey-2: #262626;
    --cl-jingga01: #e75524;
    --cl-blue-2: #39a3f0;
    --cl-line: #383838;
    --filter-arrow2: brightness(0) saturate(100%) invert(100%) sepia(8%)
      saturate(91%) hue-rotate(277deg) brightness(114%) contrast(100%);
    --filter-gray3: brightness(0) saturate(100%) invert(100%) sepia(100%)
      saturate(0%) hue-rotate(39deg) brightness(104%) contrast(105%);
    --filter-gray_v3: invert(100%) sepia(0%) saturate(7500%) hue-rotate(344deg)
      brightness(101%) contrast(104%);
    --filter-hover-gray3: brightness(0) saturate(100%) invert(92%) sepia(89%)
      saturate(2%) hue-rotate(203deg) brightness(111%) contrast(100%);
    --grey-dark2: #3b3b3b;
    --grey-dark3: #fff;
    --grey-charcoal-1: #3b3b3b;
    --grey-charcoal: #e0e0e0;
    --charcoal-lightest: gray;
    --charcoal-light: hsla(0, 0%, 100%, 0.87);
    --charcoal-white: hsla(0, 0%, 100%, 0.87);
    --charcoal: hsla(0, 0%, 100%, 0.87);
    --platinum-light: #3b3b3b;
    --platinum-lighter: #3b3b3b;
    --platinum-dark: #3b3b3b;
    --neutral-5: #2c2c2c;
    --neutral-10: #2c2c2c;
    --neutral-20: #3b3b3b;
    --neutral-30: #515358;
    --neutral-40: #878b92;
    --neutral-50: #d7d7d7;
    --neutral-70: hsla(0, 0%, 100%, 0.87);
    --neutral-90: hsla(0, 0%, 100%, 0.87);
    --cl-black: #fff;
    --bg-news: #0f79c6;
    --bg-tren-2: #1fb9e1;
    --bg-food-2: #f5bb00;
    --bg-hype-2: #f5b432;
    --bg-tekno-2: #bad107;
    --bg-lestari-2: #ebebeb;
    --bg-umkm-2: #ebebeb;
    --bg-parapuan-2: #ebebeb;
    --bg-otomotif-2: #fb0404;
    --bg-health-2: #1fb9e1;
    --bg-edukasi-2: #058ab6;
    --bg-bola-2: #0db24b;
    --bg-money-2: #438e10;
    --bg-travel-2: #bf174c;
    --bg-sains-2: #0161b8;
    --bg-lifestyle-2: #00a783;
    --bg-properti-2: #b57c29;
    --bg-homey-2: #d8b370;
    --bg-fotovideo-2: #ebebeb;
    --bg-pemilu: #55a3d7;
    --bg-ikn: #6f887b;
    --bg-video: #ef5353;
    --bg-lestari-menu: #ebebeb;
    --cl-blue-lestari-2: #183466;
  }
  body,
  body.theme-light {
    --yale-blue-20: #ebf6fe;
    --yale-blue-40: #39a3f0;
    --yale-blue-50: #0f79c6;
    --yale-blue-60: #0a5388;
    --neutral-60: #6c6f75;
    --neutral-80: #36383a;
    --primary_flame-60: #e75524;
  }
  body.theme-light {
    --bg-white: #fff;
    --bg-white-lv2: #fff;
    --bg-gray-med: #f0f0f0;
    --bg-gray-bold: #efedef;
    --bg-gray-soft: #f7f7f7;
    --bg-blue-lite: #f1f6fc;
    --bg-place: #f8f8f8;
    --bg-place2: #e2e2e2;
    --bg-black: #000;
    --bg-black-transparent: hsla(0, 0%, 100%, 0.75);
    --bg-input: #fff;
    --bg-toggle: #d7d7d7;
    --bg-radio: #f4f4f4;
    --bg-disabled: #dadada;
    --cl-gray: #717171;
    --cl-gray-lite: #999;
    --cl-gray-med: #666;
    --cl-gray-bold: #545454;
    --cl-blue: #3ca5dd;
    --cl-blue-bold: #07689a;
    --cl-anchor: #1fb9e1;
    --br-anchor: #1fb9e1;
    --br-black: #000;
    --br-gray-bold: #9b9b9b;
    --br-gray-med: #c9c9ca;
    --br-grey-reg: #dbdbdb;
    --br-gray-lite: #e5e5e5;
    --br-list: #e2e2e2;
    --br-list-lv2: #e3e2e3;
    --br-blue: #3ca5dd;
    --cl-shadow: #f1f1f1;
    --cl-shadow-none: #ddd;
    --cl-shadow-inset: 0 3px 6px rgba(0, 0, 0, 0.16) inset,
      0 3px 6px rgba(0, 0, 0, 0.16);
    --cl-hover: #000;
    --cl-alpha: 1;
    --img-filter: none;
    --img-grayscale: none;
    --img-dark: 0;
    --img-light: 1;
    --cl-title: #4a4a4a;
    --bg-title: transparent;
    --bg-panel1: #3a3a3a;
    --bg-panel2: #424242;
    --bg-breaking1: #dedede;
    --bg-breaking2: #eaeaea;
    --cl-breaking1: #ed1c24;
    --cl-gray-video: #a0a4a8;
    --bg-video-kg: #b70000;
    --bg-share: #dcdcdc;
    --bg-kolom: #71c3d5;
    --weight-title: 500;
    --cl-video-disabled: 255, 255, 255;
    --bg-copy: 0, 0, 0;
    --cl-copy: #fff;
    --bg-auto-bar: #bbe7ff;
    --bg-comment: 245, 252, 255;
    --bg-comment2: #eff5f7;
    --bg-comment3: #e4f4fc;
    --cl-bangkit: #b9b9b9;
    --cl-parapuan: #f4d2ca;
    --bg-profile: #e7f7fb;
    --br-profile: #c9e6ee;
    --bg-warticle: #f1f1f1;
    --bg-warning: #fff7e9;
    --br-warning: #ffe5b7;
    --bg-smart: #eaf5fb;
    --bg-dark-sun: #ffb42b;
    --bg-dark-shade: transparent;
    --bg-dark-light: #ffb42b;
    --bg-submenu: #383838;
    --bg-submenu2: #fff;
    --cl-submenu: #fff;
    --bg-news-menu1: #f62d1d;
    --bg-news-menu2: #de1e0e;
    --bg-news-menu3: #bd190c;
    --bg-tren: #1fb9e1;
    --bg-tren-subtitle: #fff;
    --cl-tren: #fff;
    --bg-toc: #edf1fd;
    --cl-toc: #3c5cb9;
    --cl-infografik: #ad0243;
    --bg-blogger: #ebf8ff;
    --bg-modal-rest: hsla(0, 0%, 100%, 0.9);
    --bg-modal-header: #f6f9f9;
    --cl-modal-black: #333;
    --cl-modal-dark: #666;
    --img-modal-gray: none;
    --cl-blue3: #007aff;
    --cl-kompas: #007aff;
    --bg-time: #333;
    --bg-btn2: #fff;
    --hover-bg-btn2: #fff;
    --hover-cl-btn2: #0068da;
    --hover-br-btn2: #0068da;
    --active-bg-btn2: #f1f1f1;
    --active-br-btn2: #0056b4;
    --active-cl-btn2: #0056b4;
    --cl-txt: #333;
    --cl-time2: #888;
    --bg-most: #71c4d6;
    --bg-most2: #e7e7e7;
    --br-most: #fff;
    --Azure-white: #eff6ff;
    --Azure-white2: #f9f9f9;
    --Azure-lighter: #b3d7ff;
    --Azure-lightest: #e1efff;
    --filter-azure: invert(46%) sepia(85%) saturate(5629%) hue-rotate(200deg)
      brightness(101%) contrast(109%);
    --cl-grey-2: #efefef;
    --cl-jingga01: #e75524;
    --cl-blue-2: #39a3f0;
    --cl-line: #e7e7e7;
    --filter-arrow2: brightness(0) saturate(100%) invert(13%) sepia(11%)
      saturate(16%) hue-rotate(327deg) brightness(100%) contrast(83%);
    --filter-gray3: brightness(0) saturate(100%) invert(18%) sepia(0%)
      saturate(0%) hue-rotate(80deg) brightness(101%) contrast(94%);
    --filter-gray_v3: invert(33%) sepia(7%) saturate(359%) hue-rotate(185deg)
      brightness(93%) contrast(93%);
    --filter-hover-gray3: brightness(0) saturate(100%) invert(92%) sepia(89%)
      saturate(2%) hue-rotate(203deg) brightness(111%) contrast(100%);
    --grey-dark2: #ececec;
    --grey-dark3: #515151;
    --grey-charcoal-1: #262626;
    --grey-charcoal: #a7a7a7;
    --charcoal-lightest: gray;
    --charcoal-light: #515151;
    --charcoal-white: #999;
    --charcoal: #333;
    --platinum-light: #efefef;
    --platinum-lighter: #f5f5f5;
    --platinum-dark: #e0e0e0;
    --neutral-5: #f9f9f9;
    --neutral-10: #f3f3f3;
    --neutral-20: #e7e8e9;
    --neutral-30: #dbdcde;
    --neutral-40: #b7b9be;
    --neutral-50: #878b92;
    --neutral-70: #515358;
    --neutral-90: #232426;
    --cl-black: #000;
    --bg-news: #0f79c6;
    --bg-tren-2: #1fb9e1;
    --bg-food-2: #f5bb00;
    --bg-hype-2: #f5b432;
    --bg-tekno-2: #bad107;
    --bg-lestari-2: #ebebeb;
    --bg-umkm-2: #ebebeb;
    --bg-parapuan-2: #ebebeb;
    --bg-otomotif-2: #fb0404;
    --bg-health-2: #1fb9e1;
    --bg-edukasi-2: #058ab6;
    --bg-bola-2: #0db24b;
    --bg-money-2: #438e10;
    --bg-travel-2: #bf174c;
    --bg-sains-2: #0161b8;
    --bg-lifestyle-2: #00a783;
    --bg-properti-2: #b57c29;
    --bg-homey-2: #d8b370;
    --bg-fotovideo-2: #ebebeb;
    --bg-pemilu: #55a3d7;
    --bg-ikn: #6f887b;
    --bg-video: #ef5353;
    --bg-lestari-menu: #ebebeb;
    --cl-blue-lestari-2: #183466;
  }
}
@media not all and (prefers-color-scheme) {
  .dark-wrapper {
    display: none;
  }
}
body {
  margin: 0;
  padding: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
a {
  color: inherit;
  vertical-align: top;
  outline: 0;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
a,
a:hover {
  text-decoration: none;
}
a:hover {
  color: var(--cl-hover);
}
a:focus,
button:focus {
  outline: 0;
  outline: 0 auto -webkit-focus-ring-color;
  outline-offset: 0;
}
table {
  border-collapse: collapse;
}
iframe {
  border: none;
}
iframe,
video {
  vertical-align: top;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}
input:focus {
  outline: 0;
}
input:focus:-moz-placeholder,
input:focus:-ms-input-placeholder,
input:focus::-moz-placeholder,
input:focus::-webkit-input-placeholder {
  color: transparent;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
  line-height: 0;
}
.clearfix:after,
.clearit {
  clear: both;
}
.icon-jernih {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='24' fill='none'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M3.178 19.294h9.159c-.106 3.178-.298 3.008-4.566 3.008-4.359 0-4.509.157-4.593-3.008Zm6.315-6.743a.314.314 0 0 1-.072.09c-.004.002-1.192.996-.863 3.656a.315.315 0 1 1-.626.076c-.283-2.29.496-3.537.88-4l-.367-.095a1.772 1.772 0 0 1-1.145-.933 1.894 1.894 0 0 1-1.617.921h-.184c-.518 0-.99-.212-1.33-.553a1.878 1.878 0 0 1-.554-1.33V6.859c0-.073.005-.145.013-.216a217.11 217.11 0 0 1-.036-2.524c-.243.427-.63.704-1.067.704-.416 0-.788-.251-1.032-.646v.058c-.005 3.486-.096 10.377.04 11.215.07.431.534.818 1.1 1.668.482.723.41 1.187.545 1.401.094.148.248.122.398.121l8.733-.027c.193-.445.175-.767.44-1.267.498-.934 1.279-1.231 1.917-3.26.891-2.835.796-4.102-1.586-4.397l-.34-.045-3.6-.388c-.244.018-.461.059-.646.13-.04.02-.08.041-.116.063-.242.143-.43.377-.506.668l-.043.166a1.098 1.098 0 0 0-.034.207c0 .426.167.729.438.947.11.084.24.148.382.185l2.486.646.105.027.151.039a.353.353 0 0 1-.21.638h-.017v.004l-.03-.007-.083-.022-1.524-.396ZM7.598 9.224a1.78 1.78 0 0 1 .767-.512c.365-.208.692-.107 1.765-.044a6.73 6.73 0 0 0 .064-.255V6.86a1.2 1.2 0 0 0-.354-.85 1.2 1.2 0 0 0-.849-.353h-.184a1.2 1.2 0 0 0-.85.353 1.2 1.2 0 0 0-.353.85l-.006 2.359v.006Zm4.417-3.762h.171c.49 0 .934.2 1.256.521.322.322.522.767.522 1.256v1.863c.949.508 1.663.71 1.785 1.992.101 1.052-.224 2.354-.52 3.304-.951 3.043-2.258 2.176-2.257 5.273.001 3.276-1.23 3.282-4.318 3.281-2.271 0-5.263.466-5.938-1.499-.366-1.066.05-2.461-.337-3.443-.347-.882-1.08-1.23-1.48-2.316-.14-.384-.125-.566-.125-.96V3.518c0-.13.005-.247.015-.377.018-.229.038-.423.058-.575.06-.454.186-.85.442-1.1.728-.713 2.18-.578 2.68.2.179.276.3.758.3 1.3v2.455c.124-.105.259-.188.401-.252a1.87 1.87 0 0 1 .83-.193h.183a1.877 1.877 0 0 1 1.559.828l.023-.023a1.878 1.878 0 0 1 1.543-.806h.184a1.896 1.896 0 0 1 1.702 1.078c.02-.023.043-.046.066-.069a1.772 1.772 0 0 1 1.255-.522Zm1.268 1.812a.629.629 0 0 0-.107-.201c-.102-.643-.767-1.029-1.474-.885a1.106 1.106 0 0 0-.784 1.05v1.548l-.043-.007-.031-.004v.007l1.744.145.607.076-.02-1.93c.045.053.08.121.107.201Zm-7.6-1.618H5.5c-.1 0-.199.012-.293.036-.606.205-.835.626-.91 1.172v1.42c.01.22.02.445.019.673-.003 1.284-.004 2.937 1.73 2.445.49-.14.728-.48.836-.924.003-.032.004-.063.004-.095V6.906a3.164 3.164 0 0 0-.086-.493 1.211 1.211 0 0 0-1.116-.757Z' clip-rule='evenodd'/%3E%3Cpath stroke='%23fff' stroke-width='.2' d='M3.178 19.294h9.159c-.106 3.178-.298 3.008-4.566 3.008-4.359 0-4.509.157-4.593-3.008Zm9.998-12.221a.629.629 0 0 0 0 0Zm0 0c-.102-.643-.767-1.029-1.474-.885a1.106 1.106 0 0 0-.784 1.05v1.548l-.043-.007-.031-.004v.007l1.744.145.607.076-.02-1.93ZM9.493 12.55a.314.314 0 0 1-.072.09c-.004.002-1.192.996-.863 3.656a.315.315 0 1 1-.626.076c-.283-2.29.496-3.537.88-4l-.367-.095a1.772 1.772 0 0 1-1.145-.933 1.894 1.894 0 0 1-1.617.921h-.184c-.518 0-.99-.212-1.33-.553a1.878 1.878 0 0 1-.554-1.33V6.859c0-.073.005-.145.013-.216a217.11 217.11 0 0 1-.036-2.524c-.243.427-.63.704-1.067.704-.416 0-.788-.251-1.032-.646v.058c-.005 3.486-.096 10.377.04 11.215.07.431.534.818 1.1 1.668.482.723.41 1.187.545 1.401.094.148.248.122.398.121l8.733-.027c.193-.445.175-.767.44-1.267.498-.934 1.279-1.231 1.917-3.26.891-2.835.796-4.102-1.586-4.397l-.34-.045-3.6-.388c-.244.018-.461.059-.646.13-.04.02-.08.041-.116.063-.242.143-.43.377-.506.668l-.043.166a1.098 1.098 0 0 0-.034.207c0 .426.167.729.438.947.11.084.24.148.382.185l2.486.646.105.027.151.039a.353.353 0 0 1-.21.638h-.017v.004l-.03-.007-.083-.022-1.524-.396ZM7.598 9.224a1.78 1.78 0 0 1 .767-.512c.365-.208.692-.107 1.765-.044.022-.082.044-.168.064-.255V6.86a1.2 1.2 0 0 0-.354-.85 1.2 1.2 0 0 0-.849-.353h-.184a1.2 1.2 0 0 0-.85.353 1.2 1.2 0 0 0-.353.85l-.006 2.359v.006Zm4.417-3.762h.171c.49 0 .934.2 1.256.521.322.322.522.767.522 1.256v1.863c.949.508 1.663.71 1.785 1.992.101 1.052-.224 2.354-.52 3.304-.951 3.043-2.258 2.176-2.257 5.273.001 3.276-1.23 3.282-4.318 3.281-2.271 0-5.263.466-5.938-1.499-.366-1.066.05-2.461-.337-3.443-.347-.882-1.08-1.23-1.48-2.316-.14-.384-.125-.566-.125-.96V3.518c0-.13.005-.247.015-.377.018-.229.038-.423.058-.575.06-.454.186-.85.442-1.1.728-.713 2.18-.578 2.68.2.179.276.3.758.3 1.3v2.455c.124-.105.259-.188.401-.252a1.87 1.87 0 0 1 .83-.193h.183a1.877 1.877 0 0 1 1.559.828l.023-.023a1.878 1.878 0 0 1 1.543-.806h.184a1.896 1.896 0 0 1 1.702 1.078c.02-.023.043-.046.066-.069a1.772 1.772 0 0 1 1.255-.522Zm-6.332.194H5.5c-.1 0-.199.012-.293.036-.606.205-.835.626-.91 1.172v1.42c.01.22.02.445.019.673-.003 1.284-.004 2.937 1.73 2.445.49-.14.728-.48.836-.924.003-.032.004-.063.004-.095V6.906a3.164 3.164 0 0 0-.086-.493 1.211 1.211 0 0 0-1.116-.757Z'/%3E%3C/svg%3E");
}
.icon-bacacepat {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' fill='%23fff'%3E%3Cpath d='M19.807 11.77 9.624 22.767a.725.725 0 0 1-1.185-.18.739.739 0 0 1-.06-.462l1.333-6.72-5.24-1.984a.727.727 0 0 1-.453-.522.74.74 0 0 1 .18-.67L14.384 1.232a.725.725 0 0 1 1.185.18.74.74 0 0 1 .06.461L14.29 8.602l5.24 1.98a.727.727 0 0 1 .45.52.739.739 0 0 1-.178.668h.004Z'/%3E%3C/mask%3E%3Cpath fill='%23fff' d='m19.807 11.77 1.32 1.222 2.8-3.023h-4.12v1.8ZM9.624 22.767l1.318 1.226.003-.003-1.321-1.223Zm-1.245-.642-1.765-.35-.002.009 1.767.341Zm1.333-6.72 1.766.35.296-1.495-1.424-.539-.638 1.684Zm-5.24-1.984.638-1.683-.002-.001-.635 1.684ZM4.2 12.23l1.31 1.234.006-.005.005-.006L4.2 12.23ZM14.383 1.232 13.064.006l-.002.003 1.32 1.223Zm1.245.641 1.765.351.002-.009-1.768-.342ZM14.29 8.602l-1.766-.35-.297 1.495 1.427.539.636-1.684Zm5.24 1.98.643-1.68-.007-.003-.636 1.684Zm.444.877 1.74.463-1.74-.463Zm-.172.31-1.318-1.225-2.812 3.025h4.13v-1.8Zm-1.317-1.222L8.303 21.545l2.642 2.446 10.183-10.999-2.642-2.445ZM8.306 21.543c.158-.17.368-.286.6-.327l.624 3.546a2.525 2.525 0 0 0 1.412-.768l-2.636-2.451Zm.6-.327c.233-.04.472-.004.68.104l-1.649 3.2c.49.252 1.05.338 1.593.242l-.623-3.546Zm.68.104c.21.107.374.278.474.485L6.818 23.37c.238.493.63.897 1.12 1.15l1.649-3.2Zm.474.485c.1.207.13.44.087.663l-3.535-.683a2.538 2.538 0 0 0 .206 1.585l3.242-1.565Zm.085.672 1.333-6.721-3.531-.7-1.333 6.72 3.531.7Zm.205-8.755-5.24-1.983-1.275 3.366 5.24 1.984 1.275-3.367Zm-5.242-1.984c.167.063.315.166.43.3L2.823 14.4c.274.315.623.558 1.015.706l1.27-3.368Zm.43.3c.116.132.196.29.235.46l-3.509.804c.093.405.284.783.558 1.098l2.717-2.363Zm.235.46c.039.17.036.346-.01.514l-3.475-.94a2.54 2.54 0 0 0-.024 1.23l3.51-.803Zm-.01.514a1.065 1.065 0 0 1-.253.452l-2.62-2.467a2.535 2.535 0 0 0-.602 1.075l3.475.94Zm-.242.441L15.704 2.455 13.062.009 2.879 11.008l2.642 2.445ZM15.7 2.457c-.158.17-.368.286-.6.327l-.624-3.546a2.525 2.525 0 0 0-1.413.768l2.637 2.451Zm-.6.327c-.233.04-.472.004-.681-.104l1.65-3.2a2.522 2.522 0 0 0-1.593-.242l.623 3.546Zm-.681-.104a1.07 1.07 0 0 1-.473-.485L17.189.63a2.53 2.53 0 0 0-1.12-1.15l-1.65 3.2Zm-.473-.485c-.1-.207-.13-.44-.087-.663l3.535.683A2.539 2.539 0 0 0 17.189.63l-3.242 1.565Zm-.085-.672L12.525 8.25l3.531.702 1.337-6.729-3.531-.701Zm-.207 8.763 5.24 1.98L20.166 8.9l-5.24-1.98-1.272 3.367Zm5.233 1.978a1.073 1.073 0 0 1-.428-.3l2.72-2.357a2.528 2.528 0 0 0-1.006-.706l-1.286 3.363Zm-.428-.3a1.064 1.064 0 0 1-.233-.458l3.508-.806a2.536 2.536 0 0 0-.554-1.093l-2.721 2.357Zm-.233-.458a1.061 1.061 0 0 1 .009-.511l3.478.927c.107-.4.114-.82.021-1.223l-3.508.807Zm.009-.511c.044-.168.13-.322.249-.451l2.637 2.451c.283-.304.486-.673.592-1.073l-3.478-.927Zm1.567 2.575h.004v-3.6h-.004v3.6Z' mask='url(%23a)'/%3E%3C/svg%3E");
}
.icon-plus,
.kgid-subscription-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Crect width='22.6' height='22.6' x='.7' y='.7' stroke='%23fff' stroke-width='1.4' rx='5.3'/%3E%3Cpath fill='%23fff' d='m6.706 16.155 1.551-8.31h1.266v-.349H5.5v.349h1.15l-1.61 8.31H3.772v.349h4.083v-.349h-1.15Z'/%3E%3Cpath fill='%23fff' d='M13.739 7.845v-.349h-3.057v.349h1.327l-4.211 3.952 2.595 4.358H9.125v.349h4.327v-.349H12.24l-3.114-5.057 3.52-3.253h1.094Z'/%3E%3Cpath fill='%23fff' d='M13.5 11.491h6.727v1.744H13.5z'/%3E%3Cpath fill='%23fff' d='M15.992 15.727V9h1.744v6.727z'/%3E%3C/svg%3E");
}
.icon-tier {
  position: relative;
}
.icon-tier:before {
  content: "";
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23000' d='M8 .167A7.824 7.824 0 0 0 .167 8c0 4.333 3.5 7.833 7.833 7.833s7.833-3.5 7.833-7.833S12.333.167 8 .167Zm2.733 11.7L8 9.867l-2.733 1.966 1.033-3.2-2.7-1.966h3.367L8 3.467l1.033 3.2H12.4l-2.7 2 1.033 3.2Z'/%3E%3C/svg%3E");
  z-index: 2;
}
.icon-tier:after {
  content: "";
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  z-index: 1;
  background-color: #fff;
  border-radius: 50%;
}
.icon-kompasid {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M21.507 2.507C20.207 1.579 16.117 1 11.993 1 7.87 1 3.42 1.638 2.507 2.464 1.594 3.29.985 7.232 1 12c0 0 .014 8.319 1.478 9.493C3.942 22.667 9.378 23 12.03 23s8.217-.435 9.522-1.522c1.305-1.087 1.42-8.3 1.435-9.478.015-1.178-.175-8.565-1.479-9.493ZM10.682 18.872h-6.29v-.493h1.912L8.812 5.74H7.033v-.609h6.2v.551H11.35L8.885 18.35h1.8l-.003.522Zm8.9-13.219h-1.68l-5.422 5.1 4.841 7.624h1.826v.495H12.48v-.522h1.971l-4.029-6.667 6.436-6.03h-2.029v-.522h4.754v.522Z'/%3E%3C/svg%3E");
}
.icon-darkmode {
  background-image: var(--ico-auto-base);
  -webkit-filter: invert(87%) sepia(100%) saturate(0) hue-rotate(322deg)
    brightness(107%) contrast(109%);
  filter: invert(87%) sepia(100%) saturate(0) hue-rotate(322deg)
    brightness(107%) contrast(109%);
}
.icon-letter {
  width: 17px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.4409 3.04083H2.77425C2.04092 3.04083 1.44758 3.64083 1.44758 4.37417L1.44092 12.3742C1.44092 13.1075 2.04092 13.7075 2.77425 13.7075H13.4409C14.1743 13.7075 14.7743 13.1075 14.7743 12.3742V4.37417C14.7743 3.64083 14.1743 3.04083 13.4409 3.04083ZM13.4409 5.7075L8.10758 9.04083L2.77425 5.7075V4.37417L8.10758 7.7075L13.4409 4.37417V5.7075Z' fill='white'/%3E%3C/svg%3E");
}
.icon-close,
.icon-letter {
  display: inline-block;
  position: relative;
  vertical-align: top;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.icon-close {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z' fill='black'/%3E%3C/svg%3E");
}
.icon-koin {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_254_2437)'%3E%3Cpath d='M17.0834 20H2.91675C2.22758 20 1.66675 19.4392 1.66675 18.75V10.4167C1.66675 10.1867 1.85341 10 2.08341 10H17.9168C18.1468 10 18.3334 10.1867 18.3334 10.4167V18.75C18.3334 19.4392 17.7726 20 17.0834 20ZM2.50008 10.8333V18.75C2.50008 18.9792 2.68758 19.1667 2.91675 19.1667H17.0834C17.3126 19.1667 17.5001 18.9792 17.5001 18.75V10.8333H2.50008Z' fill='white'/%3E%3Cpath d='M18.75 10.8333H1.25C0.560833 10.8333 0 10.2725 0 9.58332V7.08331C0 6.39415 0.560833 5.83331 1.25 5.83331H18.75C19.4392 5.83331 20 6.39415 20 7.08331V9.58332C20 10.2725 19.4392 10.8333 18.75 10.8333ZM1.25 6.66665C1.02083 6.66665 0.833333 6.85415 0.833333 7.08331V9.58332C0.833333 9.81248 1.02083 9.99998 1.25 9.99998H18.75C18.9792 9.99998 19.1667 9.81248 19.1667 9.58332V7.08331C19.1667 6.85415 18.9792 6.66665 18.75 6.66665H1.25Z' fill='white'/%3E%3Cpath d='M10.0001 6.66667C9.87927 6.66667 9.76427 6.615 9.6851 6.5225C9.60594 6.43167 9.5701 6.31083 9.5876 6.19167C9.59677 6.12917 10.5284 0 15.4168 0C17.5701 0 18.3343 1.16333 18.3343 2.15917C18.3343 4.03083 15.7484 6.66667 10.0001 6.66667ZM15.4168 0.833333C11.9901 0.833333 10.8218 4.4875 10.5093 5.825C15.0751 5.68333 17.5009 3.645 17.5009 2.15917C17.5009 1.78917 17.3451 1.48417 17.0393 1.255C16.6726 0.979167 16.1109 0.833333 15.4168 0.833333Z' fill='white'/%3E%3Cpath d='M10.0009 6.66667C4.25258 6.66667 1.66675 4.03083 1.66675 2.15917C1.66675 1.53083 1.94925 0.9725 2.46091 0.588333C2.97342 0.203333 3.70758 0 4.58425 0C9.47258 0 10.4043 6.12917 10.4134 6.19167C10.4309 6.31167 10.3951 6.43167 10.3159 6.5225C10.2367 6.615 10.1217 6.66667 10.0009 6.66667ZM4.58425 0.833333C3.29841 0.833333 2.50008 1.34083 2.50008 2.15917C2.50008 3.64583 4.92758 5.68417 9.49592 5.82583C9.19342 4.48 8.05425 0.833333 4.58425 0.833333Z' fill='white'/%3E%3Cpath d='M9.99992 20C9.76992 20 9.58325 19.8133 9.58325 19.5833V6.24998C9.58325 6.01998 9.76992 5.83331 9.99992 5.83331C10.2299 5.83331 10.4166 6.01998 10.4166 6.24998V19.5833C10.4166 19.8133 10.2299 20 9.99992 20Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");
}
.kgid-login-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg id='Group_2995' data-name='Group 2995' transform='translate(-10 -64)'%3E%3Cg id='Ellipse_16' data-name='Ellipse 16' transform='translate(10 64)' fill='none' stroke='%23fff' stroke-width='1.5'%3E%3Ccircle cx='14' cy='14' r='14' stroke='none'/%3E%3Ccircle cx='14' cy='14' r='13.25' fill='none'/%3E%3C/g%3E%3Cg id='user' transform='translate(18.704 70.56)'%3E%3Cpath id='Path_15' data-name='Path 15' d='M15.394,19.273V17.848A2.848,2.848,0,0,0,12.545,15h-5.7A2.848,2.848,0,0,0,4,17.848v1.424' transform='translate(-4 -6.586)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Ccircle id='Ellipse_15' data-name='Ellipse 15' cx='2.8' cy='2.8' r='2.8' transform='translate(2.55)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.kgid-bookmark-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7c0-2.828 0-4.243.879-5.121C2.757 1 4.172 1 7 1h4c2.828 0 4.243 0 5.121.879C17 2.757 17 4.172 17 7v6.828c0 2.683 0 4.024-.844 4.435-.845.41-1.9-.419-4.01-2.076l-.675-.531c-1.186-.932-1.78-1.398-2.471-1.398-.692 0-1.285.466-2.471 1.398l-.676.53c-2.11 1.658-3.164 2.487-4.009 2.077C1 17.853 1 16.51 1 13.828V7Z' stroke='%23000' stroke-width='1.8'/%3E%3C/svg%3E");
}
.kgid-bookmark-icon,
.kgid-liked-icon {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  vertical-align: top;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 21px;
  -webkit-filter: invert(100%) sepia(100%) saturate(0) hue-rotate(43deg)
    brightness(103%) contrast(101%);
  filter: invert(100%) sepia(100%) saturate(0) hue-rotate(43deg)
    brightness(103%) contrast(101%);
}
.kgid-liked-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.739 7.348h-3.855l.871-3.906a2.561 2.561 0 0 0-.97-2.611l-.6-.448A1.915 1.915 0 0 0 9.38.954a47.465 47.465 0 0 1-4.04 6.143.715.715 0 0 0-.646-.41H.717A.719.719 0 0 0 0 7.403v11.224a.713.713 0 0 0 .717.714h3.979a.71.71 0 0 0 .698-.617A3.977 3.977 0 0 0 8.306 20h3.938a3.963 3.963 0 0 0 3.294-1.756l3.915-5.847a3.239 3.239 0 0 0-1.039-4.588 3.273 3.273 0 0 0-1.675-.461ZM3.979 17.91H1.434V8.116h2.543v9.796Zm14.28-6.306-3.915 5.847a2.516 2.516 0 0 1-2.1 1.12H8.306a2.545 2.545 0 0 1-2.02-1.006l-.873-1.159V9.072c1.498-1.26 3.632-4.667 5.21-7.406a.465.465 0 0 1 .316-.228.48.48 0 0 1 .386.086l.599.448a1.143 1.143 0 0 1 .43 1.16l-1.063 4.775a.71.71 0 0 0 .39.799.72.72 0 0 0 .31.07h4.75a1.834 1.834 0 0 1 1.61.962 1.814 1.814 0 0 1-.09 1.867h-.002Z' fill='%23000'/%3E%3C/svg%3E");
}
.kgid-interest-icon {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  vertical-align: top;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 21px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='enable-background:new 0 0 26 26' viewBox='0 0 26 26'%3E%3Cpath d='m19.9 13.6-5.5-2-2-5.5c-.1-.3-.3-.6-.6-.8-.3-.2-.6-.3-1-.3-.3 0-.7.1-1 .3-.2.2-.5.5-.6.8l-2 5.5-5.5 2c-.3.1-.6.3-.8.6-.2.3-.3.6-.3 1s.1.7.3 1c.2.3.5.5.8.6l5.5 2 2 5.5c.1.3.3.6.6.8.3.2.6.3 1 .3.3 0 .7-.1 1-.3.3-.2.5-.5.6-.8l2-5.5 5.5-2c.3-.1.6-.3.8-.6.2-.3.3-.6.3-1s-.1-.7-.3-1c-.2-.3-.5-.5-.8-.6zm-6.1 3.6c-.2.1-.4.2-.6.4-.2.2-.3.4-.4.6l-2 5.5-2-5.5c-.1-.2-.2-.4-.4-.6-.2-.2-.4-.3-.6-.4l-5.5-2 5.5-2c.2-.1.4-.2.6-.4.2-.2.3-.4.4-.6l2-5.5 2 5.5c.1.2.2.4.4.6s.4.3.6.4l5.5 2-5.5 2zm.4-13c0-.2.1-.4.2-.6.2-.2.4-.2.6-.2h1.7V1.7c0-.2.1-.4.2-.6.2-.2.4-.2.6-.2.2 0 .4.1.6.2.2.2.2.4.2.6v1.7H20c.2 0 .4.1.6.2.2.2.2.4.2.6 0 .2-.1.4-.2.6-.2.2-.4.2-.6.2h-1.7v1.7c0 .2-.1.4-.2.6-.2.2-.4.2-.6.2-.2 0-.4-.1-.6-.2-.2-.2-.2-.4-.2-.6V5.1H15c-.2 0-.4-.1-.6-.2-.1-.2-.2-.5-.2-.7zm11 5.1c0 .2-.1.4-.2.6-.2.2-.4.2-.6.2h-.8v.9c0 .2-.1.4-.2.6-.2.2-.4.2-.6.2-.2 0-.4-.1-.6-.2-.2-.2-.2-.4-.2-.6v-.8h-.8c-.2 0-.4-.1-.6-.2-.2-.2-.2-.4-.2-.6s.1-.4.2-.6c.2-.2.4-.2.6-.2h.8v-1c0-.2.1-.4.2-.6.2-.2.4-.2.6-.2.2 0 .4.1.6.2.2.2.2.4.2.6v.8h.8c.2 0 .4.1.6.2.1.2.2.5.2.7z'/%3E%3C/svg%3E");
  -webkit-filter: invert(100%) sepia(100%) saturate(0) hue-rotate(43deg)
    brightness(103%) contrast(101%);
  filter: invert(100%) sepia(100%) saturate(0) hue-rotate(43deg)
    brightness(103%) contrast(101%);
}
.kgid-nps-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.5' height='23.314' viewBox='0 0 24.5 23.314'%3E%3Cg id='Group_2997' data-name='Group 2997' transform='translate(-9.75 -111.009)'%3E%3Cpath id='Union_1' data-name='Union 1' d='M4.26,16.055H3a3,3,0,0,1-3-3V3A3,3,0,0,1,3,0H20a3,3,0,0,1,3,3V13.055a3,3,0,0,1-3,3H8.689L4.26,20.693Z' transform='translate(10.5 111.759)' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Cg id='Group_2994' data-name='Group 2994' transform='translate(18.041 115.943)'%3E%3Cpath id='Icon_feather-star' data-name='Icon feather-star' d='M6.771,3,7.936,5.36l2.605.381L8.656,7.577,9.1,10.172,6.771,8.946,4.44,10.172l.445-2.594L3,5.741,5.605,5.36Z' transform='translate(-2.623 -1.908)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline id='Line_15' data-name='Line 15' x1='1.092' y1='0.946' transform='translate(0 0.145)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3Cline id='Line_16' data-name='Line 16' x1='1.092' y1='0.946' transform='translate(7.822 0) rotate(90)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.kgid-item .-arrow-right:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.861' height='12' viewBox='0 0 6.861 12'%3E%3Cpath id='Icon_ionic-ios-arrow-forward' data-name='Icon ionic-ios-arrow-forward' d='M16.039,12.194,11.5,7.657a.854.854,0,0,1,0-1.211.865.865,0,0,1,1.215,0l5.145,5.141a.856.856,0,0,1,.025,1.183l-5.166,5.177A.858.858,0,0,1,11.5,16.735Z' transform='translate(-11.246 -6.196)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.kgid-subscription-icon,
.kgid-subssetting-icon {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  vertical-align: top;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.kgid-subssetting-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='23' fill='none'%3E%3Cpath fill='%23fff' d='M11.294 0H3.08A3.076 3.076 0 0 0 0 3.08v16.428a3.076 3.076 0 0 0 3.08 3.08h8.214a3.076 3.076 0 0 0 3.08-3.08V3.08A3.076 3.076 0 0 0 11.294 0ZM9.241 20.535H5.134v-1.027H9.24v1.027Zm3.337-3.08H1.796V3.08h10.78v14.374Z'/%3E%3C/svg%3E");
}
.kgid-subsuser-icon {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  vertical-align: top;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 20.7h-.5c-.7-.1-1.4-.6-1.8-1.2-.4-.6-.6-1.4-.5-2.1.1-.7.6-1.4 1.2-1.9.6-.4 1.4-.6 2.1-.5.7.1 1.4.6 1.8 1.2.4.6.6 1.4.5 2.1-.1.8-.5 1.4-1.2 1.9-.5.3-1.1.5-1.6.5Zm0-4.9c-.4 0-.8.1-1.2.4-.5.3-.8.8-.9 1.3-.1.5 0 1.1.3 1.5.3.5.8.8 1.3.9.5.1 1.1 0 1.5-.3.4-.3.8-.8.9-1.3.1-.5 0-1.1-.3-1.5-.3-.5-.8-.8-1.3-.9-.1-.1-.2-.1-.3-.1ZM9.2 0C5.9 0 3.3 2.8 3.3 6.2c0 3.4 2.7 6.2 5.9 6.2s5.9-2.8 5.9-6.2c0-3.4-2.6-6.2-5.9-6.2ZM14 6.1c0 2.7-2.3 5.1-4.8 5.1S4.4 8.8 4.4 6.1c0-2.7 2.2-4.9 4.8-4.9 2.6 0 4.8 2.2 4.8 4.9Z' fill='%23fff'/%3E%3Cpath d='M15.2 11.6c-.7-.6-1.5-1-2.4-1.4-.1-.1-.3 0-.4.1-.1.1-.1.1-.2.1s-.1 0-.2.1c-.2.1-.4.3-.6.4-.7.4-1.5.6-2.4.6-1.2 0-2.3-.4-3.2-1.2-.1-.1-.3-.1-.4-.1C2.2 11.5 0 14.8 0 18.4v4c0 .2.2.4.4.4h12.7V22h-.4v-.4H5.1v-1.8c0-.2-.2-.4-.4-.4h-.2c-.2 0-.4.2-.4.4v1.8h-3v-3.4c0-3.1 1.8-5.9 4.6-7 1 .8 2.2 1.2 3.4 1.2.7 0 1.3-.1 2-.3.5-.2 1-.5 1.5-.8.6.3 1.2.6 1.8 1.1l.2-.2.2.3h.1c.1-.1.2-.2.2-.3L15 12l.2.3h.1c.1-.1.2-.2.2-.3 0-.1-.1-.3-.3-.4Z' fill='%23fff'/%3E%3Cpath d='m24.3 17-1-.2.9-.6c.2-.1.3-.3.3-.5s0-.4-.1-.6l-1.4-2c-.1-.2-.3-.3-.5-.4-.2 0-.4 0-.6.1l-.9.5-.1-.1.2-1.1c.1-.5-.2-.9-.7-1l-2.4-.4c-.2 0-.4 0-.6.1-.2.1-.3.3-.3.5l-.2 1.1-.6-.9c-.1-.2-.3-.3-.5-.4-.2 0-.4 0-.6.1l-2 1.4c-.2.1-.3.3-.3.5s0 .4.1.6l.6.9s0 .1-.1.1l-1-.2c-.2 0-.4 0-.6.1-.2.1-.3.3-.3.5l-.6 2.7c-.1.2 0 .4.1.6.1.2.3.3.5.4l1 .2v.1l-.9.6c-.2.1-.3.3-.3.5s0 .4.1.6l1.4 2c.1.2.3.3.5.4.2 0 .4 0 .6-.1l.9-.6h.1l-.2 1c-.1.5.2.9.7 1l2.4.4h.1c.2 0 .3 0 .5-.1s.3-.3.3-.5l.2-1h.1l.6.9c.1.2.3.3.5.4.2 0 .4 0 .6-.1l2-1.4c.2-.1.3-.3.3-.5s0-.4-.1-.6l-.6-.9V21l1 .2c.2 0 .4 0 .6-.1.2-.1.3-.3.3-.5l.4-2.4v-.1c.3-.7 0-1.1-.4-1.1Zm-4.7 5.3c-.1-.1-.3-.2-.5-.1-.1 0-.2 0-.2.1H18.6c-.1 0-.3.1-.3.3l-.3 1.3-2.2-.4.2-1.3c0-.2-.1-.3-.2-.4-.1 0-.2-.1-.2-.1l-.1-.1-.1-.1c-.1-.1-.2-.1-.3-.1-.1 0-.1 0-.2.1l-1.1.7-1.3-1.9 1-.7c.1-.1.2-.3.1-.5 0-.1-.1-.2-.1-.2V18.6c0-.1-.1-.3-.3-.3l-1.1-.3.4-2.3 1.2.2c.2 0 .4-.1.4-.2.1-.1.1-.2.1-.2l.1-.1.1-.1c.1-.1.1-.3 0-.5l-.1-.2-.6-.9 1.9-1.3.7 1.1c.1.1.3.2.5.1h.5c.1 0 .3-.1.3-.3l.2-1.3 2.2.4-.2 1.3c0 .2.1.3.2.4.1.1.2.1.2.1l.1.1.1.1c.1.1.3.1.5 0l1-.7 1.3 1.9-1 .7c-.1.1-.2.3-.1.5v.5c0 .1.1.3.3.3l1.2.2v.1l-.4 2.2-1.2-.2c-.2 0-.4.1-.4.2s-.1.2-.1.2l-.1.1-.1.1c-.1.1-.1.3 0 .5l.7 1.1-1.9 1.3-.6-.9c.2 0 .1-.2.1-.2Z' fill='%23fff'/%3E%3C/svg%3E");
}
.button-burger:before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.25' cy='6.25' r='5.25' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath d='m13 13-1.5-1.5' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
}
body {
  --ico-light-base: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg stroke='%23000' stroke-width='1.8' clip-path='url(%23a)'%3E%3Cpath stroke-linecap='round' d='M11.781 3.396V1M11.781 23v-2.396M17.712 5.852l1.694-1.694M5.85 17.712l-1.694 1.694M20.166 11.782h2.396M3.396 11.782H1M17.712 17.712l1.694 1.694M5.85 5.852 4.157 4.158'/%3E%3Ccircle cx='11.729' cy='11.728' r='5.907'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23000' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --ico-dark-base: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cg clip-path='url(%23b)'%3E%3Cpath stroke='%23000' stroke-width='1.434' d='M5.803 3.486C6.628 2.71 7.041 2.322 7.47 2.36c.22.02.425.114.583.268.306.3.27 1.072.197 2.616a10.485 10.485 0 0 0 2.845 7.704 10.486 10.486 0 0 0 7.515 3.31c1.546.021 2.319.032 2.6.357a.956.956 0 0 1 .232.599c.012.428-.4.816-1.226 1.592-4.23 3.98-10.886 3.777-14.866-.454-3.98-4.23-3.776-10.886.454-14.866Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23000' d='M1.008 1.005h21.99v21.99H1.008z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23000' d='M1.008 1.005h21.99v21.99H1.008z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --ico-auto-base: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cg clip-path='url(%23b)'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-width='1.148' d='M11.523 3.816V1.478m0 21.044V3.392m5.787 2.821 1.653-1.653m.744 7.44h2.338m-4.735 5.787 1.653 1.653'/%3E%3Cpath stroke='%23000' stroke-width='1.148' d='M11.467 18.015a6.068 6.068 0 1 0 0-12.137 6.068 6.068 0 0 0 0 12.137Z'/%3E%3Cpath fill='%23000' d='M5.546 20.747h-2.85l-.638 1.775h-.925L3.73 15.72h.784l2.602 6.8h-.92l-.65-1.774Zm-2.578-.738H5.28l-1.158-3.18-1.154 3.18Zm2.816-10.4 2.392-2.87 1.913-.382.956-.096v11.478l-2.391-.956-1.435-.957-1.913-2.87.478-3.347Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23000' d='M1 1h22v22H1z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23000' d='M1 .522h22v22.956H1z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.menu-plus .active .icon-plus,
.menu-plus .active .kgid-subscription-icon {
  background-image: none;
}
.menu-plus .active .icon-plus img,
.menu-plus .active .kgid-subscription-icon img {
  display: block;
}
.menu-plus .icon-plus img,
.menu-plus .kgid-subscription-icon img {
  display: none;
  position: absolute;
  max-width: 32px;
  width: 32px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#navpanel {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  width: 100%;
  height: 100vh;
  padding: 50px 0 70px;
  background: var(--bg-panel1);
  overflow-y: scroll;
  white-space: nowrap;
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  -ms-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#searchInput1 {
  background: #e5e5e5;
  border-radius: 8px;
  border: none;
  outline: 0;
  color: #2a2a2a;
  font-size: 16px;
  margin: 0;
  padding: 5px 10px;
  width: 100%;
  height: 35px;
}
#searchInput1:-ms-input-placeholder,
#searchInput1::-ms-input-placeholder {
  color: #2a2a2a;
}
#searchInput1:-ms-input-placeholder,
#searchInput1::placeholder {
  color: #2a2a2a;
}
.searchInput__inside {
  position: relative;
  background: #000;
  padding: 10px 15px;
}
.searchInput__button {
  position: absolute;
  bottom: 10px;
  right: 15px;
  z-index: 1;
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
}
.searchInput__button img {
  width: auto;
  height: 20px;
}
.searchInput__link {
  padding: 7px 0;
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
}
.login-menu {
  position: relative;
  color: #fff;
  font-size: 13px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.29);
  padding: 10px;
  text-align: right;
}
.login-menu a {
  color: #fff;
  text-transform: uppercase;
}
.login-menu a:hover {
  color: #fff;
}
.login-menu a span {
  margin-right: 0;
  font-size: 17px;
  line-height: 15px;
  vertical-align: middle;
}
.link-menu {
  padding: 5px 0;
  margin: 0;
  display: block;
  text-align: left;
}
.mainMenuP {
  margin: 0;
  color: #fff;
}
.mainMenuP a,
.mainMenuP li {
  display: block;
}
.mainMenuP a {
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 6px 0 6px 15px;
}
.mainMenuP a.-new:after {
  top: -2px;
  font-size: 8px;
}
.mainMenuP a:hover {
  color: #fff;
}
.mainMenuP a span {
  display: inline-block;
}
.mainMenuP.new-menu {
  width: 50%;
  padding: 10px 0 20px;
  float: left;
}
.mainMenuP.second {
  background: var(--bg-panel2);
  padding: 20px 0;
  margin: 0;
}
.mainMenuP.second li {
  width: 50%;
  padding: 0;
  margin: 0;
  float: left;
}
.searchInput-base {
  position: relative;
  z-index: 1;
  padding: 10px;
}
.searchInput-base button {
  height: 35px;
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 50px;
  border-radius: 5px;
  z-index: 1;
  background-color: #3ca5dd !important;
  color: #fff;
}
.searchInput-base #searchInput1 {
  padding: 5px 55px 5px 10px;
  background: #cacaca;
}
ul.footer-share li,
ul.menu-share li {
  margin: 2px 2px 6px 0;
}
ul.footer-share .ico-share,
ul.menu-share .ico-share {
  padding: 0;
  background-size: 35px;
  background-color:#ddd;
  border: 1px solid #000;

  opacity: 1;
}
ul.footer-share .icon-fb,
ul.menu-share .icon-fb {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath fill='%23FBFBFB' d='M21.892 28v-7.287h2.458l.365-2.852h-2.823v-1.817c0-.824.23-1.387 1.41-1.387H24.8v-2.544A19.839 19.839 0 0 0 22.607 12c-2.173 0-3.665 1.327-3.665 3.762v2.093H16.5v2.853h2.448V28h2.944Z'/%3E%3C/svg%3E");
}
ul.footer-share .icon-tw,
ul.menu-share .icon-tw {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath fill='%23FBFBFB' d='M22.122 18.904 28.08 12h-1.412l-5.172 5.995L17.365 12H12.6l6.247 9.065-6.247 7.24h1.412l5.461-6.33 4.363 6.33H28.6l-6.478-9.4Zm-1.933 2.241-.633-.903-5.036-7.182h2.168l4.064 5.796.633.903 5.283 7.535H24.5l-4.311-6.149Z'/%3E%3C/svg%3E");
}
ul.footer-share .icon-telegram,
ul.menu-share .icon-telegram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath fill='%23FBFBFB' d='m10.726 18.933 11.914-4.908c1.175-.511 5.164-2.148 5.164-2.148s1.84-.715 1.687 1.023c-.051.716-.46 3.221-.87 5.931l-1.277 8.028s-.103 1.176-.972 1.38c-.87.205-2.3-.716-2.556-.92-.205-.154-3.835-2.454-5.165-3.58-.358-.306-.767-.92.052-1.636 1.84-1.687 4.039-3.783 5.368-5.113.614-.613 1.227-2.045-1.33-.306l-7.209 4.857s-.818.511-2.352.051c-1.534-.46-3.323-1.074-3.323-1.074s-1.227-.767.87-1.585Z'/%3E%3C/svg%3E");
}
ul.footer-share .icon-ig,
ul.menu-share .icon-ig {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cmask id='a' width='24' height='24' x='8' y='8' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M32 8H8v24h24V8Z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M20 23.75a3.75 3.75 0 1 0 0-7.5 3.75 3.75 0 0 0 0 7.5Z'/%3E%3Cpath stroke='%23FBFBFB' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M24.5 11h-9a4.5 4.5 0 0 0-4.5 4.5v9a4.5 4.5 0 0 0 4.5 4.5h9a4.5 4.5 0 0 0 4.5-4.5v-9a4.5 4.5 0 0 0-4.5-4.5Z'/%3E%3Cpath fill='%23fff' d='M24.875 16.063a.937.937 0 1 0 0-1.875.937.937 0 0 0 0 1.874Z'/%3E%3C/g%3E%3C/svg%3E");
}
ul.footer-share .icon-youtube,
ul.menu-share .icon-youtube {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath fill='%23fff' d='M29.5 15.125a2.476 2.476 0 0 0-1.75-1.75C26.25 13 19.875 13 19.875 13s-6.25 0-7.875.375c-.875.25-1.5.875-1.75 1.75C10 16.75 10 20 10 20s0 3.25.375 4.875c.25.875.875 1.5 1.75 1.75C13.625 27 20 27 20 27s6.25 0 7.875-.375c.875-.25 1.5-.875 1.75-1.75C30 23.25 30 20 30 20s0-3.25-.5-4.875ZM18 23v-6l5.25 3L18 23Z'/%3E%3C/svg%3E");
}
ul.footer-share .icon-wa,
ul.menu-share .icon-wa {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cmask id='a' width='18' height='18' x='11' y='11' maskUnits='userSpaceOnUse' style='mask-type:luminance'%3E%3Cpath fill='%23fff' d='M29 11H11v18h18V11Z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23FBFBFB' fill-rule='evenodd' d='M26.377 13.629A8.905 8.905 0 0 0 20.037 11c-4.939 0-8.96 4.02-8.962 8.962 0 1.58.412 3.12 1.196 4.48L11 29.087l4.751-1.247a8.965 8.965 0 0 0 4.283 1.091h.004c4.939 0 8.96-4.02 8.962-8.962a8.912 8.912 0 0 0-2.623-6.34Zm-6.34 13.789h-.002a7.433 7.433 0 0 1-3.792-1.04l-.271-.161-2.82.74.752-2.749-.177-.281a7.437 7.437 0 0 1-1.139-3.965c.002-4.107 3.344-7.448 7.453-7.448a7.4 7.4 0 0 1 5.266 2.184 7.406 7.406 0 0 1 2.18 5.27c-.002 4.107-3.344 7.45-7.45 7.45Zm4.087-5.58c-.224-.113-1.325-.654-1.53-.729-.205-.075-.354-.112-.504.112-.15.224-.578.728-.71.878-.13.15-.26.167-.485.055-.223-.111-.945-.348-1.8-1.11-.666-.595-1.116-1.328-1.246-1.552-.131-.225-.014-.346.098-.457.101-.1.224-.262.336-.393.112-.13.149-.223.223-.373.075-.15.038-.28-.018-.392-.056-.113-.505-1.215-.691-1.664-.181-.434-.366-.376-.503-.382a9.558 9.558 0 0 0-.429-.008.825.825 0 0 0-.598.28c-.205.224-.784.765-.784 1.867 0 1.103.803 2.168.915 2.318.112.15 1.58 2.41 3.826 3.38.535.232.952.37 1.276.473.537.17 1.025.146 1.411.089.43-.064 1.325-.541 1.512-1.064.186-.523.186-.972.13-1.066-.056-.093-.206-.15-.429-.262Z' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}
ul.footer-share .icon-line,
ul.menu-share .icon-line {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath fill='%23FBFBFB' d='M31 18.445c0-4.922-4.934-8.926-11-8.926S9 13.523 9 18.445c0 4.413 3.918 8.11 9.199 8.807.359.078.846.236.969.543.111.278.073.714.036.995l-.157.941c-.048.278-.221 1.088.953.594 1.174-.494 6.335-3.73 8.642-6.387C30.236 22.19 31 20.413 31 18.445Z'/%3E%3Cpath fill='%23000' d='M27.34 21.288h-3.093a.206.206 0 0 1-.206-.206v-4.8a.206.206 0 0 1 .206-.206h3.093a.206.206 0 0 1 .206.206v.78a.206.206 0 0 1-.206.207h-2.1v.81h2.1a.206.206 0 0 1 .206.206v.787a.206.206 0 0 1-.206.207h-2.1v.81h2.1a.206.206 0 0 1 .206.206v.78a.204.204 0 0 1-.126.197.205.205 0 0 1-.08.016ZM15.909 21.288a.206.206 0 0 0 .206-.206v-.78a.206.206 0 0 0-.206-.206h-2.1v-3.815a.206.206 0 0 0-.206-.206h-.784a.206.206 0 0 0-.206.206v4.798a.206.206 0 0 0 .206.206h3.093l-.003.003ZM17.769 16.067h-.78a.21.21 0 0 0-.21.21v4.8c0 .117.094.211.21.211h.78a.21.21 0 0 0 .21-.21v-4.8a.21.21 0 0 0-.21-.211ZM23.08 16.067h-.78a.206.206 0 0 0-.206.206v2.852l-2.196-2.966a.119.119 0 0 0-.018-.022l-.012-.012-.011-.01h-.006l-.012-.008h-.006l-.011-.006h-.874a.206.206 0 0 0-.206.206v4.8a.206.206 0 0 0 .206.207h.78a.206.206 0 0 0 .207-.206v-2.88l2.2 2.97c.014.02.032.038.053.053l.012.008h.006l.01.005h.033a.249.249 0 0 0 .055.008h.776a.206.206 0 0 0 .206-.207v-4.788a.206.206 0 0 0-.206-.21Z'/%3E%3C/svg%3E");
}
ul.footer-share .icon-tiktok,
ul.menu-share .icon-tiktok {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath fill='%23fff' d='M18.873 17.875v-.778a6.157 6.157 0 0 0-.818-.058C14.716 17.034 12 19.753 12 23.099a6.059 6.059 0 0 0 2.587 4.965 6.037 6.037 0 0 1-1.627-4.129 6.065 6.065 0 0 1 5.913-6.06Z'/%3E%3Cpath fill='%23fff' d='M19.02 26.703a2.769 2.769 0 0 0 2.76-2.665l.005-13.202h2.41a4.72 4.72 0 0 1-.076-.836h-3.29l-.004 13.201a2.769 2.769 0 0 1-2.761 2.665c-.462 0-.898-.115-1.285-.32a2.748 2.748 0 0 0 2.24 1.157ZM28.698 15.317v-.734c-.92 0-1.774-.271-2.494-.743a4.573 4.573 0 0 0 2.494 1.477Z'/%3E%3Cpath fill='%23fff' d='M24.119 23.099v-6.696a7.83 7.83 0 0 0 4.579 1.472v-2.558a4.573 4.573 0 0 1-2.494-1.477 4.601 4.601 0 0 1-2.01-3.004h-2.41l-.004 13.202a2.769 2.769 0 0 1-2.76 2.665 2.777 2.777 0 0 1-2.245-1.152 2.778 2.778 0 0 1-1.485-2.452 2.77 2.77 0 0 1 2.765-2.768c.284 0 .56.05.818.13V17.88c-3.272.071-5.913 2.758-5.913 6.055 0 1.593.618 3.044 1.627 4.13a6.033 6.033 0 0 0 3.472 1.098c3.339 0 6.06-2.723 6.06-6.064Z'/%3E%3C/svg%3E");
}
ul.footer-share .icon-pint,
ul.menu-share .icon-pint {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Cpath fill='%23fff' d='M20.062 10C14.528 10 10 14.615 10 20.256c0 4.231 2.515 7.82 6.037 9.36 0-.77 0-1.54.126-2.308.251-.898 1.257-5.641 1.257-5.641s-.377-.641-.377-1.667c0-1.538.88-2.692 1.887-2.692.88 0 1.383.64 1.383 1.538s-.629 2.308-.88 3.59c-.252 1.026.503 1.923 1.635 1.923 1.886 0 3.144-2.436 3.144-5.513 0-2.308-1.51-3.974-4.15-3.974-3.019 0-4.905 2.308-4.905 4.872 0 .897.251 1.538.628 2.05.126.257.252.257.126.514 0 .128-.126.64-.251.769-.126.256-.252.384-.503.256-1.384-.64-2.013-2.18-2.013-3.974 0-2.949 2.39-6.41 7.17-6.41 3.898 0 6.413 2.82 6.413 5.897 0 3.974-2.138 7.051-5.408 7.051-1.132 0-2.138-.64-2.515-1.282 0 0-.629 2.308-.755 2.82a11.47 11.47 0 0 1-1.006 2.18c.88.257 1.887.385 2.893.385 5.534 0 10.061-4.615 10.061-10.256.126-5.129-4.401-9.744-9.935-9.744Z'/%3E%3C/svg%3E");
}
.menu-share {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
}
.floating-share {
  padding: 20px 15px 10px;
  overflow: hidden;
  z-index: 3;
}
@media (max-width: 340px) {
  .floating-share {
    padding: 20px 10px 10px;
  }
}
.floating-share li {
  display: inline-block;
  margin: 0 2px 0 0;
  vertical-align: top;
}
@media (max-width: 340px) {
  .floating-share li {
    margin: 0;
  }
}
.floating-share a,
.ico-share {
  display: block;
}
.ico-share {
  width: 35px;
  height: 35px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 18px;
  opacity: var(--cl-alpha);
  padding: 8px;
}
.ico-share img {
  max-width: 100%;
}
.icon-ws {
  background-color: #25d366;
}
.icon-telegram {
  background-color: #2aabee;
}
.icon-fb {
  background-color: #3b5998;
}
.icon-tw {
  background-color: #000;
}
.icon-line {
  background-color: #00c300;
}
.sso__new {
  position: relative;
  padding: 5px 10px;
  color: #e5e5e5;
}
.sso__new a:hover {
  color: #fff;
}
.sso__user {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
}
.sso__btn {
  position: relative;
  display: inline-block;
}
.sso__btn.-right {
  float: right;
}
.sso__login,
.sso__menu {
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid var(--bg-panel2);
}
.sso__menu li {
  position: relative;
  display: block;
}
.sso__menu li span {
  display: inline-block;
  padding: 8px 0;
}
.myvalue__icon {
  height: 17px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
}
.myvalue__icon img {
  height: 100%;
}
.myvalue__btn {
  float: right;
  padding: 6px 10px;
  border-radius: 5px;
  background: #da1884;
  font-size: 12px;
  margin: 3px 0;
}
[data-sso-progress] .kgid-profile-wrap {
  margin: 8px 0;
  min-height: 40px;
}
[data-sso-progress] .kgid-item .-arrow-right:after {
  top: 64px;
}
[data-sso-progress] .kgid-profile-avatar {
  width: 40px;
  height: 40px;
}
[data-sso-progress] .kgid-profile-avatar:before {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 400;
}
[data-sso-progress] .kgid-profile-avatar.-circle {
  overflow: hidden;
  background-color: transparent;
  background: conic-gradient(#1583cc var(--cl-prgss), #272727 0deg);
}
[data-sso-progress] .kgid-profile-avatar.-circle:before {
  position: absolute;
  border-radius: 50%;
  background: #b8b8b8;
  width: 36px;
  height: 36px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  border: 2px solid #272727;
}
.block-progressbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  padding: 10px 0;
}
.block-progressbar .sso__badge {
  position: relative;
  display: inline-block;
  top: -8px;
  right: 2px;
  width: 11px;
  height: 11px;
  border-radius: 100%;
  background: red;
}
.block-progressbar .progress-text {
  font-size: 12px;
  color: #999;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
  text-align: left;
  white-space: normal;
}
.block-progressbar .progress-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}
.block-progressbar .progress-box span {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  height: 16px;
  padding: 0;
}
.block-progressbar .progress-step {
  text-align: right;
  font-size: 12px;
  font-weight: 400;
  color: #9a9a9a;
  line-height: 16px;
}
.block-progressbar .progress-label {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 22px;
}
.block-progressbar .progress-bar {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 100px;
  height: 16px;
}
.block-progressbar .progress-bar::-webkit-progress-bar {
  background-color: #eff6ff;
}
.block-progressbar .progress-bar::-webkit-progress-bar,
.block-progressbar .progress-bar::-webkit-progress-value {
  border-radius: 10px;
}
.block-progressbar .progress-bar::-moz-progress-bar {
  border-radius: 10px;
}
.block-progressbar .progress-bar::-webkit-progress-value {
  background: var(--cl-kompas);
}
.kgid-badge,
.kgid-badge-inline,
.kgid-badge-menu {
  min-width: 11px;
  min-height: 11px;
  border: 2px solid #000;
  border-radius: 5px;
  background: red;
  font-size: 8px;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.kgid-badge-menu {
  position: absolute;
  top: -1px;
  right: 12px;
}
.kgid-badge-inline {
  display: inline-block;
  margin: 0 2px;
  border: 2px solid transparent;
  padding: 2px;
}
.kgid-navpanel {
  position: relative;
  padding: 0 10px 10px;
}
.kgid-item {
  position: relative;
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid var(--bg-panel2);
  
}
.kgid-login,
.kgid-login-button {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.kgid-login-button {
  display: block;
  position: relative;
  padding: 5px 5px 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: #000;
}
.kgid-login-button:hover {
  color: #fff;
}
.kgid-login-icon {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  vertical-align: top;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.kgid-gate-button {
  position: relative;
  display: block;
  padding: 8px 0;
  font-size: 14px;
  color: #ccc;
}
.kgid-gate-button:hover {
  color: #fff;
}
.kgid-profile {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.kgid-profile-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.kgid-profile-name {
  padding: 2px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #e5e5e5;
}
.kgid-profile-text {
  padding: 2px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #3ca5dd;
}
.kgid-profile-avatar {
  z-index: 1;
  border-radius: 100%;
  background: #15c29a;
  margin-right: 8px;
  width: 35px;
  height: 35px;
  position: relative;
}
.kgid-profile-avatar:before {
  content: attr(data-init);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
}
.kgid-profile-avatar.comment__avatar {
  width: 35px;
  height: 35px;
  position: relative;
  top: auto;
  left: auto;
}
.kgid-profile-avatar.comment__avatar:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  font-size: 12px;
}
.kgid-nps {
  position: relative;
}
.kgid-myvalue {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.kgid-myvalue-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.kgid-myvalue-poin {
  font-size: 14px;
  color: #da1884;
}
.kgid-myvalue-poin,
.kgid-myvalue-text {
  padding: 2px 0;
  font-weight: 400;
  line-height: 1;
}
.kgid-myvalue-text {
  font-size: 16px;
  color: #e5e5e5;
}
.kgid-myvalue-img {
  position: relative;
  margin-right: 8px;
}
.kgid-myvalue-img img {
  height: 28px;
}
.kgid-myvalue-new .kgid-item-title .kgid-item {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.kgid-myvalue-new .kgid-nav-nps {
  border-radius: 8px;
  background: #272727;
  padding: 0 12px;
}
.kgid-myvalue-new .kgid-nps-right .myvalue__icon {
  height: 24px;
}
#navpanel.nav-d {
  background: #272727;
}
.kgid-navpanel {
  padding: 0 15px 10px;
}
.kgid-gate-button {
  font-size: 16px;
}
.kgid-badge-inline {
  position: relative;
  top: -5px;
}
.kgid-badge-active {
  position: relative;
  display: inline-block;
}
.kgid-badge-active:after {
  background: #d9ebff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #007aff;
  content: "Aktif";
  font-style: normal;
  padding: 5px 8px;
  border-radius: 5px;
  margin-left: 8px;
}
.mainMenuP.second,
.merge-new-menu {
  background: var(--bg-panel1);
}
.mainMenuP.second {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.mainMenuP.second li {
  width: 100%;
}
.kgid-item {
  border-bottom: 0;
}
.kgid-item-inner {
  padding: 0 15px;
  margin: 2px 0;
  background: #dfdbdb;
}
.kgid-item .kgid-login-text {
  font-weight: 400;
}
.kgid-item .kgid-login-button {
  padding: 8px 0;
}
.kgid-item-title {
  padding: 10px 15px 3px;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}
.kgid-item .-arrow-right:after {
  position: absolute;
  width: 7px;
  height: 12px;
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-size: cover;
}
.kgid-profile-wrap {
  width: 100%;
}
.kgid-profile-avatar {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.kgid-profile-avatar:before {
  display: block;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 5px 0;
}
.kgid-profile-email {
  font-size: 12px;
  color: #b1b1b1;
}
.kgid-nav-nps {
  width: 100%;
  position: relative;
}
.kgid-nps-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.kgid-nps-icon {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  vertical-align: top;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.kgid-navfooter {
  padding: 25px 15px 100px;
  color: #fff;
}
.kgid-navfooter-title {
  font-size: 16px;
}
.kgid-navfooter-item {
  margin-bottom: 25px;
}
.kgid-navfooter-sosmed .menu-share {
  text-align: left;
  padding: 12px 0 0;
}
.kgid-navfooter-sosmed .menu-share img {
  opacity: 0.7;
}
.kgid-navfooter ul.menu-apps {
  margin: 5px 0 10px;
}
.kgid-navfooter ul.menu-apps li {
  display: inline-block;
  margin: 0 10px 0 0;
  vertical-align: top;
}
.kgid-navfooter ul.menu-apps img {
  width: auto;
  height: 33px;
}
.kgid-navfooter .menu-apps-img {
  height: 33px;
}
.kgid-navfooter .menu-apps-img.-appstore {
  width: 98px;
}
.kgid-navfooter .menu-apps-img.-playstore {
  width: 110px;
}
.kgid-navfooter-copyright p {
  font-size: 12px;
  margin: 3px 0;
}
.pop-title {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--cl-main);
  margin: 10px 0 0;
  padding: 10px;
  position: relative;
  background: var(--bg-title);
  border-bottom: 1px solid var(--br-gray-bold);
  text-transform: uppercase;
  clear: both;
}
.pop-title:after {
  content: "";
  position: absolute;
  left: 10px;
  bottom: 0;
  width: 20%;
  border-bottom: 5px solid #3ca5dd;
}
.pop-link {
  position: absolute;
  text-transform: none;
  right: 0;
  padding: 5px 10px;
  top: calc(50% - 12px);
  z-index: 1;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #3ca5dd;
}
.listNews {
  background: var(--bg-main);
}
.listNews li.box-shadow-new {
  background: var(--bg-main);
  display: block;
  margin: 0 0 2px;
  padding: 10px;
  -webkit-box-shadow: 0 3px 3px 2px var(--cl-shadow);
  box-shadow: 0 3px 3px 2px var(--cl-shadow);
}
.listNews li.box-shadow-new:last-child {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}
.ListCol1 {
  position: relative;
  width: 65%;
  width: calc(100% - 100px);
  padding-right: 10px;
  color: var(--cl-main);
}
.ListCol1 > h3 a {
  display: inline-block;
}
.ListCol1 > a,
.ListCol1 > h3,
.ListCol1 > h4 {
  display: inline-block;
  font-size: 18px;
  color: var(--cl-main);
  width: 100%;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  display: -webkit-box;
}
.ListCol1 strong {
  font-weight: inherit;
  text-transform: uppercase;
}
.ListCol1 .article__channel,
.ListCol1 h6 {
  padding: 8px 0 0;
  font-size: 11px;
  color: var(--cl-gray);
}
.ListCol1 .article__channel strong,
.ListCol1 h6 strong {
  color: var(--cl-gray);
}
.ListCol1.column {
  width: 100%;
  padding: 0;
}
.ListCol1 iframe {
  margin-top: 10px;
  height: 210px;
}
.ListCol1 p {
  font-size: 12px;
  color: #8e8d8d;
  padding: 10px 0;
  margin: 0;
}
.ListCol2 {
  position: relative;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background: var(--bg-gray-med);
}
.ListCol2 img {
  height: 100%;
  width: auto;
  max-width: none;
  filter: var(--img-filter);
  -webkit-filter: var(--img-filter);
}
.info-latest {
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 1;
  padding: 4px 4px 4px 18px;
  font-size: 10px;
  line-height: 1;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
}
.info-latest > img {
  display: none;
}
.boxLoadBtt {
  position: relative;
  margin: 0 auto;
}
.loadMore,
.loadMore a {
  text-align: center;
  padding: 10px 0;
}
.loadMore a {
  display: inline-block;
  border: 1px solid var(--br-list-lv2);
  background: var(--bg-white-lv2);
  width: 120px;
  border-radius: 20px;
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.07);
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.07);
  font-size: 14px;
  color: var(--cl-main);
}
.most {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}
.most.listNews li.box-shadow-new:last-child {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03);
}
.most .ListCol {
  position: relative;
}
.most .ListCol1 {
  padding-left: 35px;
}
@media (max-width: 320px) {
  .most .ListCol1 {
    padding-left: 30px;
  }
}
@media (max-width: 320px) {
  .most .ListCol1 > a {
    font-size: 16px;
  }
}
.most__no {
  position: absolute;
  font-weight: 700;
  font-size: 35px;
  line-height: 1;
  color: #3ca5dd;
  top: 0;
  left: 3px;
  -ms-transform: skewX(-10deg);
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
}
@media (max-width: 320px) {
  .most__no {
    left: 1px;
  }
}
.most__info {
  padding: 5px 0;
  font-size: 12px;
  color: var(--cl-gray);
}
.most__more {
  position: relative;
  padding: 10px;
  text-align: center;
  background: var(--bg-main);
}
.most__other {
  padding: 5px 10px;
  display: block;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  color: #3ca5dd;
}
.icon-play {
  width: auto;
  height: 12px;
  display: inline-block;
  left: 5px;
  top: 4px;
}
.icon-back-top,
.icon-play {
  position: absolute;
  z-index: 1;
}
.icon-back-top {
  width: 24px;
  height: 24px;
  left: calc(50% - 12px);
  top: 5px;
}
.icon-back-top img {
  height: 100%;
}
.icon-user {
  display: inline-block;
  height: 17px;
}
.icon-user img {
  height: 100%;
}
.icon-vik {
  display: inline-block;
  height: 28px;
}
.icon-vik img {
  height: 100%;
}
.icon-ktv {
  display: inline-block;
  height: 28px;
}
.icon-ktv img {
  height: 100%;
}
.paging {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 20px 15px;
}
.paging li {
  display: inline-block;
  margin: 0 2px 10px;
}
.paging li a {
  display: block;
  padding: 10px 8px;
  border-radius: 20px;
  background: var(--bg-white-lv2);
  border: 1px solid var(--br-list-lv2);
  font-size: 16px;
  line-height: 1;
  color: var(--cl-main);
}
.paging li.active a {
  background: #3ca5dd;
  border: 1px solid #3ca5dd;
  color: #fff;
}
.paging li.next a,
.paging li.prev a {
  font-size: 13px;
}
.videoKGSlider {
  position: relative;
  background: var(--bg-white);
  overflow: hidden;
  height: 200px;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}
.videoKGSlider-scroll {
  position: relative;
  overflow-y: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0 25px;
}
.videoKGSlider-item {
  position: relative;
  width: 145px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 8px;
  margin-right: 8px;
}
.videoKGSlider-item:first-child {
  margin-left: 10px;
}
.videoKGSlider-item:last-child {
  margin-right: 10px;
}
.videoKGSlider-img {
  position: relative;
  width: 145px;
  height: 80px;
  overflow: hidden;
  background: var(--bg-gray-med);
}
.videoKGSlider-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-filter: var(--img-filter);
  filter: var(--img-filter);
}
.videoKGSlider-duration {
  position: absolute;
  bottom: 5px;
  right: 5px;
  z-index: 1;
  padding: 4px 4px 4px 18px;
  font-size: 10px;
  line-height: 1;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
}
.videoKGSlider-title {
  position: relative;
  margin: 10px 0 7px;
  display: -webkit-box;
  font-size: 14px;
  font-weight: 700;
  color: var(--cl-main);
  overflow: hidden;
  -webkit-box-orient: vertical;
  max-height: 55px;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
}
.videoKGSlider-info {
  position: relative;
  font-size: 11px;
  color: var(--cl-gray);
}
.videoKG-duration {
  position: absolute;
  bottom: 5px;
  right: 5px;
  padding: 4px 4px 4px 18px;
  font-size: 10px;
  line-height: 1;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  z-index: 1;
}
.info-latest .icon-play,
.videoKG-duration .icon-play,
.videoKG-hl-other .icon-play,
.videoKGLatest .icon-play,
.videoKGSlider .icon-play {
  width: 16px;
  height: 16px;
  border-radius: 20px;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  position: absolute;
  left: 1px;
  top: calc(50% - 8px);
}
.info-latest .icon-play:after,
.videoKG-duration .icon-play:after,
.videoKG-hl-other .icon-play:after,
.videoKGLatest .icon-play:after,
.videoKGSlider .icon-play:after {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-filter: invert(100%) sepia(0) saturate(31%) hue-rotate(59deg)
    brightness(106%) contrast(107%);
  filter: invert(100%) sepia(0) saturate(31%) hue-rotate(59deg) brightness(106%)
    contrast(107%);
}
.rVideo-wp {
  position: relative;
}
.rVideo-wp-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.video-inject .ListCol1.column.video .rVideo-wp-link {
  height: 100%;
}
.article-play,
.info-latest.video .icon-play {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
}
.info-latest.video .icon-play {
  -webkit-filter: invert(100%) sepia(0) saturate(31%) hue-rotate(59deg)
    brightness(106%) contrast(107%);
  filter: invert(100%) sepia(0) saturate(31%) hue-rotate(59deg) brightness(106%)
    contrast(107%);
}
.article-play {
  -webkit-filter: invert(46%) sepia(89%) saturate(3415%) hue-rotate(347deg)
    brightness(93%) contrast(94%);
  filter: invert(46%) sepia(89%) saturate(3415%) hue-rotate(347deg)
    brightness(93%) contrast(94%);
}
.info-latest.video .icon-play {
  background-color: transparent;
  background-position: 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  margin-bottom: -1px;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}
.info-latest.video .icon-play:after {
  content: none;
}
.article-play {
  position: relative;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 5px;
  margin-bottom: -1px;
  display: inline-block;
  background-position: 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.interestGate {
  width: 100%;
  position: relative;
  padding: 16px 18px 16px 0;
  height: 60px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(-1.36%, #5199ea),
    color-stop(91.21%, #0d4483)
  );
  background: linear-gradient(90deg, #5199ea -1.36%, #0d4483 91.21%);
  border: 0;
  border-radius: 8px;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
}
.interestGate-wrap {
  padding: 16px 10px 10px;
  background: var(--bg-main);
}
.interestGate-info {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}
.interestGate-info:after {
  content: "";
  position: absolute;
  margin-left: 14px;
  top: 0;
  z-index: 1;
  pointer-events: none;
  background-image: url("data:image/svg+xml, %3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  -webkit-filter: invert(98%) sepia(72%) saturate(0) hue-rotate(298deg)
    brightness(112%) contrast(100%);
  filter: invert(98%) sepia(72%) saturate(0) hue-rotate(298deg) brightness(112%)
    contrast(100%);
  width: 15px;
  height: 100%;
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 15px;
}
.interestGate-img {
  position: relative;
  width: 76px;
  padding-top: 60px;
  background: transparent;
  overflow: hidden;
  vertical-align: top;
}
.interestGate-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  left: 50%;
  top: 50%;
  z-index: 1;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.interestGate.-logged {
  border: 1px solid #0f79c6;
  background: #eaf5fb;
  color: #333;
}
.interestGate.-logged .interestGate-info:after {
  -webkit-filter: invert(16%) sepia(1%) saturate(0) hue-rotate(139deg)
    brightness(90%) contrast(85%);
  filter: invert(16%) sepia(1%) saturate(0) hue-rotate(139deg) brightness(90%)
    contrast(85%);
}
.footer {
  position: relative;
  width: 100%;
  border-top: 1px solid #2c2c2c;
  padding: 5px 0 150px;
  background: #ebe8e8;
  text-align: center;
  
}
.footer-newsletter {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding: 0 24px;
}
.footer-newsletter-title {
  font-size: 12px;
  color: var(--cl-white);
  width: 50vw;
  text-align: left;
}
.footer-newsletter-link {
  border-radius: 5px;
  background-color: #1b63d4;
  padding: 8px;
  font-size: 12px;
  font-weight: 700;
  color: var(--cl-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-preferred-size: 130px;
  flex-basis: 130px;
  gap: 4px;
}
.footer-newsletter-link:hover {
  color: #fff;
}
.footer-download {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding: 24px;
}
.footer-download--app {
  width: 117px;
  height: 38px;
}
.footer-download--google {
  width: 130px;
  height: 38px;
}
.footer-download img {
  height: 100%;
}
.footer .btt,
.footer .cpRight,
.footer .footer-share,
.footer .logo__achieve,
.footer .logo__kcm,
.footer .menuFooter2 {
  position: relative;
  z-index: 2;
}
.footer-theme {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: 50%;
  z-index: 1;
  pointer-events: none;
}
.footer-theme ~ .btt {
  background: #000;
}
.btt {
  border-bottom: 1px solid #2c2c2c;
  margin: 0;
  padding: 0;
}
.btt a {
  position: relative;
  display: inline-block;
  font-size: 13px;
  color: #aaa;
  padding: 30px 10px 10px;
  text-transform: uppercase;
  background-size: 20px 20px;
  background-position: center 9px;
  background-repeat: no-repeat;
}
.menuFooter2 {
  padding: 20px 0 0;
  margin: 0;
  color: #999;
}
.menuFooter2 li {
  display: inline-block;
}
.menuFooter2 a {
  display: block;
  padding: 5px;
}
.cpRight,
.menuFooter2 a {
  font-size: 12px;
  color: #000;
}
.cpRight {
  padding: 15px 0;
}
.logo__kcm {
  padding: 20px 0 10px;
}
.logo__kcm img {
  height: 35px;
}
.logo__achieve {
  position: relative;
  display: block;
  padding: 15px 15px 5px;
  text-align: center;
}
.logo__achieve__item {
  display: inline-block;
  padding: 0;
}
.logo__achieve__img {
  padding: 0 5px;
}
.logo__achieve__img img {
  height: 50px;
}
.logo__achieve__link {
  display: block;
}
.logo__achieve__subtitle {
  padding: 0 0 10px;
  color: #f0f0f0;
  font-size: 12px;
}
.discover {
  position: relative;
  padding: 0;
}
.discover__item {
  position: relative;
  background: var(--bg-main);
  color: var(--cl-main);
  border-bottom: 1px solid var(--br-gray-lite);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.discover__item:last-child {
  border-bottom: none;
}
.discover__menu {
  position: relative;
  display: inline-block;
  width: 50%;
  padding: 10px 0;
}
.discover__menu li {
  display: block;
}
.discover__menu li a {
  display: block;
  padding: 4px 10px;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700;
}
.kid__wrap {
  position: absolute;
  right: 66px;
  top: calc(50% - 15px);
  z-index: 9;
  display: block;
}
.kid__wrap img {
  height: 26px;
}
.kid__button {
  width: 80px;
  height: 30px;
  overflow: hidden;
  background: #3ca5dd;
  text-transform: uppercase;
  border-radius: 5px;
  font-size: 10.5px;
  line-height: 1.05;
  text-align: center;
  font-weight: 700;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.kid__button:hover {
  color: #fff;
  background: #2196f3;
}
.jeo__logo__article,
.jeo__logo__headline {
  position: absolute;
  z-index: 1;
  background: #fff;
  padding: 1px;
}
.jeo__logo__article img,
.jeo__logo__headline img {
  vertical-align: middle;
}
.jeo__logo__headline {
  top: 2px;
  left: 2px;
  width: 40px;
}
.jeo__logo__article {
  top: 2px;
  right: 2px;
  width: auto;
}
.jeo__logo__article img {
  height: 16px;
}
.cm__widget {
  position: relative;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}
.cm__wBox {
  background: rgba(var(--bg-comment), 1);
  color: var(--cl-main);
  padding: 5px 0;
}
.cm__wItem {
  position: relative;
  border-bottom: 1px solid var(--br-list);
  padding: 15px;
}
.cm__wUsername {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
}
.cm__wComment {
  position: relative;
  margin: 10px 0 0;
  font-size: 15px;
  line-height: 1.5;
}
.cm__wImg {
  float: left;
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin-right: 10px;
}
.cm__wImg img {
  filter: var(--img-filter);
  -webkit-filter: var(--img-filter);
}
.cm__wNews {
  padding: 0;
  background: var(--bg-comment3);
  border-radius: 5px;
  overflow: hidden;
}
.cm__wNews h4 {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  height: 39px;
  overflow: hidden;
  margin: 7px 10px 0;
}
.cm__wNews span {
  display: block;
  padding: 4px 0 0;
  font-size: 11px;
}
.cm__wLink {
  display: block;
}
.cm__wLink:hover {
  color: inherit;
}
.cm__wFooter {
  background: rgba(var(--bg-comment), 1);
  padding: 15px 0;
  text-align: center;
}
.cm__wFooter a {
  letter-spacing: 0;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 12px;
  color: #3ca5dd;
}
.cm__wFooter a:hover {
  background: transparent;
  color: #000;
}
.banner1,
.banner-slide {
  width: 100%;
  text-align: center;
}
.color-advertorial {
  color: #ec5e38;
}
.color-branzview {
  color: #3ca5dd;
}
.color-juara {
  color: #ff0101;
}
.color-premium {
  color: #005496;
}
.kcm-track {
  position: relative;
  margin: 0;
  min-height: 640px;
  background-color: var(--bg-place);
  padding-top: 30px;
  padding-bottom: 8px;
}
.kcm-track-sticky {
  position: sticky;
  position: -webkit-sticky;
  top: 60px;
  min-height: 250px;
  margin: 0 auto;
  text-align: center;
}
.kcm-track-holder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
.kcm-track-close {
  position: sticky;
  position: -webkit-sticky;
  top: 60px;
  opacity: 1;
  z-index: 2;
  visibility: visible;
  width: 30px;
  height: 30px;
  cursor: pointer;
  padding: 0;
  color: #fff;
  line-height: 1;
  font-size: 23px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  background: transparent;
}
.kcm-track-close:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 22px;
  height: 22px;
  background: hsla(0, 0%, 44%, 0.8);
  border-radius: 50%;
  z-index: -1;
}
.navmenu ~ #page1 .kcm-track-close {
  top: 100px;
}
#adsBody {
  min-height: 200px;
}
#adsBody.-hide {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  display: none;
}
#adsBody.-hide .kcm-track-close {
  opacity: 0;
  visibility: hidden;
}
.contentArticle .kcm-track {
  margin: 0 -15px;
}
.header-block ~ .navmenu ~ #page1 .kcm-track-sticky {
  top: 100px;
}
@-moz-keyframes marquee {
  0% {
    -moz-transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(-200%);
  }
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-200%);
  }
}
@keyframes marquee {
  0% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  to {
    -moz-transform: translateX(-200%);
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}
@-moz-keyframes blink {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.1;
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.1;
  }
}
@keyframes blink {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0.1;
  }
}
@-webkit-keyframes bannerfade {
  0% {
    visibility: visible;
    opacity: 1;
  }
  to {
    visibility: hidden;
    opacity: 0;
  }
}
@keyframes bannerfade {
  0% {
    visibility: visible;
    opacity: 1;
  }
  to {
    visibility: hidden;
    opacity: 0;
  }
}
@-webkit-keyframes progress {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes progress {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.menuopen .btn-hamb,
.menuopen .t-menu {
  display: none;
}
.menuopen .btn-close {
  display: inline-block;
}
.menuopen #navpanel {
  visibility: visible;
  opacity: 1;
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.pt50 {
  padding-top: 0;
}
.red-block {
  color: #e35023;
}
.left {
  float: left;
}
.right {
  float: right;
}
.box-shadow-new {
  list-style: none;
}
.hide {
  display: none;
}
img:not([src]):not([srcset]) {
  visibility: hidden;
}
.listNews li.bg-parapuan {
  background-color: var(--cl-parapuan);
}
.listNews .bapps-middle {
  margin: 0;
}
#page1 {
  overflow-x: initial;
}
#navpanel,
.menuopen #navpanel {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.menu-item a[aria-label="Loyalty Koin"] {
  position: relative;
}
.icon-koin-badge {
  position: absolute;
  top: 8px;
  right: 5px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: red;
}
.plr10 {
  padding-left: 10px;
  padding-right: 10px;
}
.widget-wrap {
  background: var(--bg-white);
  padding: 0 !important;
}
.widget-wrap > iframe {
  margin: 8px 0;
}
.widget-wrap ~ .videoKG-title {
  padding-top: 0;
}
.anni25 {
  position: relative;
}
.anni25-link {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 50px;
  height: 100%;
}
.anni25 img {
  width: 100%;
}
@media (max-width: 350px) {
  #anni25-img {
    height: 28px;
  }
  .anni25-link {
    width: 39px;
  }
}
.nps-page {
  position: relative;
  background: var(--bg-main);
  padding: 20px 15px 30px;
}
.nps-title {
  position: relative;
  margin: 0;
  padding: 0 0 10px;
  font-size: 22px;
  font-weight: 700;
  color: var(--cl-main);
}
.nps-lead {
  padding: 10px 0;
  font-size: 16px;
  line-height: 1.4;
  color: var(--cl-main);
}
.nps-form,
.nps-label {
  position: relative;
}
.nps-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px 0;
}
.nps-label-item {
  font-size: 10px;
  color: var(--cl-main);
}
.nps-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
}
.nps-option,
.nps-radio {
  position: relative;
}
.nps-radio > label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: var(--cl-main);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.nps-radio > input[type="radio"] {
  vertical-align: top;
  width: 28px;
  height: 28px;
}
@media (min-width: 340px) {
  .nps-radio > input[type="radio"] {
    width: 30px;
    height: 30px;
  }
}
.nps-radio > input[type="radio"]:before {
  background: var(--bg-white-lv2);
  border: 1px solid var(--br-gray-med);
  width: 28px;
  height: 28px;
}
@media (min-width: 340px) {
  .nps-radio > input[type="radio"]:before {
    width: 30px;
    height: 30px;
  }
}
.nps-radio > input[type="radio"]:checked:before {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #357dfd;
  background: #357dfd;
}
.nps-radio > input[type="radio"]:checked ~ label {
  color: #fff;
}
.nps-textarea {
  position: relative;
  padding: 30px 0;
}
.nps-textarea > textarea {
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  min-height: 100px;
  vertical-align: top;
  resize: vertical;
  border-radius: 6px;
  border: 1px solid var(--br-gray-med);
  background-color: var(--bg-white);
  color: var(--cl-main);
  padding: 10px;
  font-size: 16px;
  line-height: 1.5;
}
.nps-textarea > textarea:focus,
.nps-textarea > textarea:hover {
  color: var(--cl-main);
  border: 1px solid #909090;
}
.nps-action {
  position: relative;
  padding: 0;
}
.nps-action > button,
.nps-action > input[type="submit"] {
  position: relative;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  background: #357dfd;
  border: 1px solid #357dfd;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.nps-action > button:hover,
.nps-action > input[type="submit"]:hover {
  background: #024aca;
  border: 1px solid #024aca;
  color: #fff;
}
.nps-action > button[disabled="disabled"],
.nps-action > input[type="submit"][disabled="disabled"] {
  border: 1px solid var(--bg-disabled);
  background: var(--bg-disabled);
  cursor: not-allowed;
  color: #b3b3b3;
}
.nps-result {
  text-align: center;
}
.nps-result .nps-action {
  margin-top: 20px;
}
.nps-link {
  display: block;
  width: 100%;
  background: #357dfd;
  border: 1px solid #357dfd;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.nps-link:hover {
  background: #024aca;
  border: 1px solid #024aca;
  color: #fff;
}
.dark-fixed {
  position: fixed;
  z-index: 7;
  right: 0;
  bottom: 0;
}
.dark-link {
  position: relative;
  padding: 0;
  width: 100%;
  border: none;
  line-height: 1;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: left;
  color: #666;
  padding: 14px 15px 14px 45px;
  font-size: 14px;
}
.dark-link:before {
  content: "";
  position: absolute;
  display: block;
  width: 22px;
  height: 22px;
  left: 12px;
  top: calc(50% - 11px);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  -webkit-filter: invert(39%) sepia(0) saturate(233%) hue-rotate(195deg)
    brightness(97%) contrast(82%);
  filter: invert(39%) sepia(0) saturate(233%) hue-rotate(195deg) brightness(97%)
    contrast(82%);
}
.dark-link * {
  pointer-events: none;
}
.dark-link.-active {
  background: hsla(0, 0%, 77%, 0.3);
  color: #333;
  font-weight: 700;
}
.dark-link.-active:before {
  -webkit-filter: none;
  filter: none;
}
.dark-link[data-dark="system"]:before {
  background-image: var(--ico-auto-base);
}
.dark-link[data-dark="dark"]:before {
  background-image: var(--ico-dark-base);
  background-size: 18px auto;
}
.dark-link[data-dark="light"]:before {
  background-image: var(--ico-light-base);
  background-size: 18px ​auto;
}
.dark-setting {
  pointer-events: all;
  z-index: 1;
  background: #fff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-transform: translateY(10%);
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
  position: fixed;
  top: 60px;
  border-radius: 8px;
  padding: 0;
  width: 200px;
  right: 40px;
}
.dark-setting.-active {
  opacity: 1;
  visibility: visible;
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.dark-icon {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dark-wrapper {
  padding: 0 15px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
.dark-wrapper.-active {
  opacity: 1;
  visibility: visible;
}
.dark-wrapper.-setting {
  z-index: 12;
}
.dark-wrapper.-setting .dark-setting {
  opacity: 1;
  visibility: visible;
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.-dark-sheet {
  overflow: hidden;
}
.-dark-sheet:after {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 11;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.slideshow .imgHL img {
  filter: var(--img-filter);
  -webkit-filter: var(--img-filter);
}
.slideshow > div > a h1,
.slideshow > div > a h2,
.slideshow > div > a span {
  color: var(--cl-white);
}
.discoverbanner {
  background: var(--bg-main);
}
#div-gpt-ad-articlehighlight,
.mgbox {
  background: var(--bg-adsbox);
}
.bacaJuga li a,
.rekomendasi--small li a {
  border-bottom: none;
}
.bacaJuga li,
.rekomendasi--small li {
  border-bottom: 1px solid var(--br-list);
}
.bacaJuga li:last-child,
.rekomendasi--small li:last-child {
  border-bottom: transparent;
}
.iframe-dark,
.theme--ramadhan .w-ramadhan {
  -webkit-filter: var(--img-grayscale);
  filter: var(--img-grayscale);
}
.plusPopup-header {
  margin: -8px -24px 4px;
}
.wBox,
.wBox-title {
  position: relative;
}
.wBox-title {
  text-align: center;
  margin-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--br-gray-bold);
  height: 55px;
}
.wBox-title img {
  -webkit-filter: var(--img-grayscale);
  filter: var(--img-grayscale);
}
.wBox-title:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 35%;
  height: 5px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#8e54a2),
    to(#ecca1d)
  );
  background: linear-gradient(90deg, #8e54a2, #ecca1d);
}
.wBox-titleLogo {
  position: relative;
  z-index: 2;
  height: 78px;
  overflow: hidden;
}
.wBox-titleLogo img {
  position: absolute;
  max-width: none;
  width: auto;
  height: 224px;
  left: 50%;
  top: 0;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-filter: var(--img-filter);
  filter: var(--img-filter);
}
.wBox-kanal {
  background: var(--bg-main);
}
.wBox-kanalList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.wBox-kanalHeading {
  text-align: center;
  padding: 10px 10px 0;
  margin-top: 0;
  margin-bottom: 15px;
  color: var(--cl-main);
}
.wBox-kanalItem {
  text-align: center;
  padding: 0 5px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 25%;
  flex: 1 1 25%;
  height: 76px;
}
.wBox-kanalItem img {
  height: 30px;
}
.wBox-kanalTitle {
  font-size: 14px;
  color: var(--cl-main);
}
.wBox-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: var(--bg-white);
}
.wBox-bg img {
  position: absolute;
  max-width: none;
  width: 100%;
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  -webkit-filter: var(--img-filter);
  filter: var(--img-filter);
}
.wBox-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.25rem 0;
}
.wBox-img {
  position: relative;
  overflow: hidden;
  background-color: #f8f8f8;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-preferred-size: 72px;
  flex-basis: 72px;
  width: 72px;
  height: 72px;
  margin-right: 0.75rem;
}
.wBox-img img {
  width: 100%;
  -webkit-filter: var(--img-filter);
  filter: var(--img-filter);
}
.wBox-newsTitle {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  color: var(--cl-main);
  height: auto;
  max-height: 63px;
  overflow: hidden;
}
.wBox-newsTitle > a {
  display: block;
}
.wBox--euro2020 {
  position: relative;
}
.wBox--euro2020 .wBox-content {
  position: relative;
  z-index: 2;
  padding: 0 1rem 1rem;
}
.wBox--euro2020 .wBox-latest {
  background: var(--bg-white);
  position: relative;
  border-radius: 5px;
  padding: 0.75rem 1rem;
}
.wBox--vaksin {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background-color: #042c3b;
  margin: 20px 0;
}
.wBox--vaksin .wBox-bg img {
  -webkit-filter: brightness(0.8) contrast(1.2);
  filter: brightness(0.8) contrast(1.2);
  -o-object-position: bottom;
  object-position: bottom;
}
.wBox--vaksin .wBox-content {
  position: relative;
  z-index: 2;
  padding: 0.5rem 1.5rem 3.875rem;
}
.wBox--vaksin .wBox-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
}
.wBox--vaksin .wBox-content a {
  font-weight: 500;
  word-break: break-word;
  color: #00bb97;
}
.wBelt {
  position: relative;
  margin-top: 20px;
}
.wBelt.-kri {
  padding-top: 75vw;
}
.wBelt img {
  position: absolute;
  max-width: none;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  filter: var(--img-filter);
  -webkit-filter: var(--img-filter);
}
.wArticle-box {
  background: var(--bg-warticle);
  border-radius: 8px;
  position: relative;
  padding: 4px 16px;
  margin: 20px -5px;
}
.wArticle-box a {
  font-weight: 700;
}
.articleLabel-wrap {
  position: absolute;
  top: -19px;
  left: 0;
  z-index: 1;
}
.articleLabel-wrap .tren__subtitle,
.trenLatest__item.big .articleLabel-wrap .tren__subtitle {
  position: relative;
  top: 0;
}
.articleLabel-box {
  display: inline-block;
  padding: 4px 5px;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1;
  color: #51afe2;
  margin-left: 3px;
}
.articleLabel-box.--blogger {
  background: var(--bg-blogger);
}
.headline.slide .articleLabel-box {
  margin: -10px 0 0;
}
.headline .articleLabel-box {
  margin: 2px 10px 10px;
}
.ListCol1 .articleLabel-box {
  margin-top: 6px;
}
.articleLabel-opinion {
  display: inline-block;
  padding: 15px;
  margin: 10px 0 30px;
  font-size: 14px;
  line-height: 1.4;
  color: var(--cl-main);
  width: 100%;
}
.articleLabel-opinion span {
  font-weight: 700;
}
.articleLabel-opinion.--blogger {
  background: var(--bg-blogger);
}
.widget-tour {
  position: absolute;
  border-radius: 8px;
  text-align: center;
  padding: 17px 13px 20px;
  background-color: #fff;
  z-index: 1000;
  width: 315px;
  white-space: normal;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
}
.widget-tour:after {
  position: absolute;
  content: "";
  top: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 14px;
  border-color: transparent transparent #fff;
}
@media (max-width: 340px) {
  .widget-tour:after {
    left: calc(50% - 25px);
  }
}
.widget-tour--header {
  top: 70px;
  right: 30px;
}
@media (max-width: 340px) {
  .widget-tour--header {
    -webkit-transform: translateX(27px);
    transform: translateX(27px);
  }
}
.widget-tour--headline {
  top: -380px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.widget-tour--headline:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  top: unset;
  bottom: -12px;
}
.widget-tour-title {
  font-size: 18px;
  color: #007aff;
  font-weight: 700;
}
.widget-tour-desc,
.widget-tour-title {
  font-family: Roboto, sans-serif;
  text-transform: none;
}
.widget-tour-desc {
  margin: 8px 0 0;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}
.widget-tour-img {
  width: 210px;
  height: 130px;
  margin: 20px auto;
}
.widget-tour-link {
  color: #007aff;
  font-weight: 700;
  text-align: center;
  margin: 15px 0;
  text-transform: uppercase;
}
.widget-tour-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.widget-tour-active .widget-tour-bg {
  visibility: visible;
  opacity: 1;
}
.widget-tour-hl .headline {
  z-index: 99999;
}
.widget-tour-hl .widget-tour--header {
  z-index: 99;
  visibility: hidden;
  opacity: 0;
}
.widget-tour-hl .widget-tour--headline {
  visibility: visible;
  opacity: 1;
  z-index: 99999;
}
.widget-tour-header .header-block {
  z-index: 99999;
}
.widget-tour-header .widget-tour--header {
  visibility: visible;
  opacity: 1;
}
.widget-tour-header .widget-tour--headline {
  z-index: 99;
  visibility: hidden;
  opacity: 0;
}
.widget-tour--welcome {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% - 30px);
  height: auto;
}
.widget-tour--welcome:after {
  content: none;
}
.widget-tour--welcome .widget-tour-title {
  color: #000;
  font-size: 20px;
}
.widget-tour--welcome .widget-tour-desc {
  margin: 12px 0 0;
}
.gate-kgplus {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  background: var(--bg-place);
  color: var(--cl-gray-med);
  font-weight: 700;
}
.gate-kgplus a {
  color: #007aff;
}
.contentArticle .gate-kgplus {
  margin-left: -15px;
  margin-right: -15px;
}
.ads-partner-wrap ~ .gate-kgplus {
  margin-top: -16px;
}
.boxBanner1 ~ .gate-kgplus,
.contentArticle ~ .banner-300 ~ .gate-kgplus {
  margin-top: -10px;
}
#kgmModal-offering .kgmModal-header {
  padding: 1.375em 1.375em 0;
  margin-bottom: -4px;
  background: transparent;
}
#kgmModal-offering .kgmModal-block {
  background-color: var(--of-bg);
}
#kgmModal-offering .kgmModal-header-logo img {
  -webkit-filter: none;
  filter: none;
  opacity: var(--of-lig);
}
#kgmModal-offering .kgmModal-header-logo img.dark {
  position: absolute;
  left: 0;
  height: 16px;
  z-index: 1;
  opacity: var(--of-drk);
}
#kgmModal-offering.kgmModal .button.-primary,
#kgmModal-offering.kgmModal button.-primary,
#kgmModal-offering.kgmModal input[type="submit"].-primary {
  background-color: var(--of-btn);
  border: 1px solid var(--of-btn);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.popup-kcmplus {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 12px;
  background: #fff;
  z-index: 99999;
  width: calc(100% - 60px);
  max-width: 300px;
  aspect-ratio: 1/1.3;
}
.popup-kcmplus,
.popup-kcmplus-bg {
  position: fixed;
  visibility: hidden;
  opacity: 0;
}
.popup-kcmplus-bg {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  background-blend-mode: soft-light;
  -webkit-backdrop-filter: blur(17.5px);
  backdrop-filter: blur(17.5px);
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.popup-kcmplusDetail {
  text-align: center;
}
.popup-kcmplusDetail h2,
.popup-kcmplusDetail p {
  margin: 0;
  font-family: Inter, sans-serif;
}
.popup-kcmplusDetail-title {
  font-weight: 700;
  font-size: 18px;
  color: #1a1a1a;
}
.popup-kcmplusDetail-subtitle {
  font-size: 14px;
  font-weight: 400;
  color: #1a1a1a;
}
.popup-kcmplusDetail-subtitle.-grey {
  color: #4a4a4a;
}
.popup-kcmplusImg {
  min-width: 250px;
}
.popup-kcmplusImg.-top {
  min-height: 158px;
}
.popup-kcmplusImg.-bottom {
  min-height: 115px;
}
.popup-kcmplus .popup-close {
  position: absolute;
  top: -12px;
  right: -12px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
  outline: none;
  border: none;
  background-color: transparent;
  padding: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  cursor: pointer;
}
.popup-kcmplus .icoClosePopup {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('data:image/svg+xml,<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12.5" cy="12.5" r="10.5" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 25C19.4036 25 25 19.4036 25 12.5C25 5.59644 19.4036 0 12.5 0C5.59644 0 0 5.59644 0 12.5C0 19.4036 5.59644 25 12.5 25ZM7.88846 17.8802L7.11982 17.1116L11.7314 12.5L7.11982 7.88843L7.88846 7.11983L12.5 11.7314L17.1115 7.11983L17.8802 7.88843L13.2686 12.5L17.8802 17.1116L17.1115 17.8802L12.5 13.2686L7.88846 17.8802Z" fill="white"/></svg>');
}
.popup-kcmplus .popup-button {
  outline: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px 12px;
  margin: 16px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  background: var(--cl-kompas);
  color: var(--cl-white);
  border: 1px solid var(--cl-kompas);
}
.quick-gate {
  position: relative;
  padding: 24px 16px 12px;
}
.revamp1 .quick-gate {
  padding: 4px 0 32px;
}
.quick-gate-wrap {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background: linear-gradient(
    271deg,
    #f75564 -2.98%,
    #f76d48 13.11%,
    #4e11d0 62.55%,
    #402bc6 76.32%,
    #341175 101.38%
  );
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.quick-gate-title {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  color: #fff;
  position: relative;
}
.quick-gate-title:after {
  content: "";
  position: absolute;
  margin-left: 14px;
  top: 0;
  z-index: 1;
  pointer-events: none;
  background-image: url("data:image/svg+xml, %3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  -webkit-filter: invert(98%) sepia(72%) saturate(0) hue-rotate(298deg)
    brightness(112%) contrast(100%);
  filter: invert(98%) sepia(72%) saturate(0) hue-rotate(298deg) brightness(112%)
    contrast(100%);
  width: 15px;
  height: 100%;
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 15px;
}
.quick-gate-icon {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-preferred-size: 24px;
  flex-basis: 24px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M19.89 10.108a.5.5 0 0 0-.436-.253h-6.55l1.098-8.39a.503.503 0 0 0-.921-.327L5.115 15.093a.5.5 0 0 0 .426.762h6.452l-.87 8.403a.503.503 0 0 0 .926.308l7.834-13.954a.5.5 0 0 0 .006-.504Z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' transform='translate(.5 .854)' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.quick-gate-link {
  position: relative;
  width: 100%;
  height: 60px;
  padding: 16px 18px 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 16px;
  overflow: hidden;
}
.quick-gate-link:hover {
  color: #fff;
}
.quick-gate-img {
  position: relative;
  width: 71px;
  padding-top: 61px;
  background: transparent;
  overflow: hidden;
  vertical-align: top;
}
.quick-gate-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  left: 50%;
  top: 50%;
  z-index: 1;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.quick-gate.-versionA .quick-gate-wrap {
  background: linear-gradient(
    267.54deg,
    #f75564 -36.66%,
    #f62a98 -14.13%,
    #a138bf 33.62%,
    #4c3ac3 61.18%,
    #341175 86.85%
  );
  border-radius: 5px;
}
.quick-gate.-versionA .quick-gate-link {
  height: 70px;
  padding: 6px 24px 6px 0;
  gap: 12px;
}
.quick-gate.-versionA .quick-gate-img {
  width: 70px;
  height: 70px;
  padding-top: 70px;
}
.quick-gate.-versionA .quick-gate-img img {
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: var(--img-filter);
  filter: var(--img-filter);
}
.quick-gate.-versionA .quick-gate-titleTag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.quick-gate.-versionA .quick-gate-titleTag p {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 14.06px;
}
.quick-gate.-versionA .quick-gate-titleArticle {
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-height: 40px;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
}
.quick-gate.-versionA .quick-gate-title:after {
  right: -12px;
  width: 22px;
  background-size: auto 16px;
  margin-left: 0;
}
.quick-gate.-versionA .icoBacaCepat {
  display: inline-block;
  width: 9px;
  height: 13px;
  background-size: auto 13px;
  background-image: url('data:image/svg+xml,<svg width="9" height="13" viewBox="0 0 9 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.36843 6.72876L2.97743 12.728C2.9203 12.7913 2.84489 12.8336 2.76258 12.8485C2.68027 12.8635 2.59552 12.8501 2.52113 12.8106C2.44674 12.7711 2.38674 12.7076 2.35018 12.6295C2.31363 12.5515 2.3025 12.4632 2.31848 12.3781L3.02412 8.71201L0.250162 7.63015C0.190587 7.607 0.137461 7.56889 0.0955281 7.51921C0.0535957 7.46954 0.0241636 7.40985 0.0098612 7.34548C-0.0044412 7.28111 -0.00316831 7.21406 0.013566 7.15032C0.0303004 7.08658 0.0619749 7.02815 0.10576 6.98023L5.49676 0.980973C5.55389 0.917648 5.6293 0.875342 5.71161 0.860436C5.79392 0.845531 5.87866 0.858836 5.95306 0.898344C6.02745 0.937851 6.08745 1.00142 6.12401 1.07945C6.16056 1.15748 6.17169 1.24575 6.15571 1.33093L5.44814 5.00097L8.2221 6.08134C8.28124 6.10464 8.33394 6.14271 8.37554 6.19219C8.41715 6.24166 8.44638 6.30102 8.46065 6.36502C8.47493 6.42902 8.47381 6.49568 8.45739 6.55912C8.44096 6.62256 8.40975 6.68082 8.3665 6.72876H8.36843Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  -webkit-filter: none;
  filter: none;
}
.quick-gate.-versionB .quick-gate-wrap {
  background: #ecf7ff;
  -webkit-box-shadow: 0 1px 4px 0 #ad4ea7;
  box-shadow: 0 1px 4px 0 #ad4ea7;
  border-radius: 5px;
}
.quick-gate.-versionB .quick-gate-link {
  height: 70px;
  padding: 5px 24px 5px 5px;
  gap: 9px;
}
.quick-gate.-versionB .quick-gate-img {
  width: 60px;
  height: 60px;
  padding-top: 60px;
  border-radius: 2px;
}
.quick-gate.-versionB .quick-gate-img img {
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: var(--img-filter);
  filter: var(--img-filter);
}
.quick-gate.-versionB .quick-gate-titleTag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.quick-gate.-versionB .quick-gate-titleTag p {
  font-size: 12px;
  font-weight: 600;
  line-height: 14.06px;
  background: -webkit-linear-gradient(
    180deg,
    #f75564 2.71%,
    #f76d48 9.12%,
    #a14aba 56.09%,
    #402bc6 77.79%,
    #341175 100.95%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}
.quick-gate.-versionB .quick-gate-titleArticle {
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-height: 40px;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow-wrap: break-word;
  color: #333;
}
.quick-gate.-versionB .quick-gate-title:after {
  right: -12px;
  width: 22px;
  background-size: auto 16px;
  margin-left: 0;
  -webkit-filter: none;
  filter: none;
}
.quick-gate.-versionB .icoBacaCepat {
  width: 8px;
  height: 12px;
  background-size: auto 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='23' fill='none'%3E%3Cpath fill='url(%23a)' d='M16.474 11.142 6.29 22.141a.726.726 0 0 1-1.245-.642l1.333-6.721-5.24-1.983a.727.727 0 0 1-.454-.522.739.739 0 0 1 .181-.67L11.05.604a.725.725 0 0 1 1.185.181.74.74 0 0 1 .06.461l-1.337 6.728 5.24 1.981a.728.728 0 0 1 .45.52.739.739 0 0 1-.177.667h.004Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='16.328' x2='.489' y1='4.89' y2='4.801' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23F75564'/%3E%3Cstop offset='.065' stop-color='%23F76D48'/%3E%3Cstop offset='.543' stop-color='%23A14ABA'/%3E%3Cstop offset='.764' stop-color='%23402BC6'/%3E%3Cstop offset='1' stop-color='%23341175'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  -webkit-filter: none;
  filter: none;
}
#js-banner-sticky.boxBanner1:before,
.ads-box-wrap:before,
.ads-latest-wrap:before,
.ads-partner-wrap:before,
.banner-300:before,
.banner-slide:before,
.box-latest-wrap:before,
.boxBanner:before,
.flying_carpet_div:before,
.gomed-box:before,
.kcm-track-sticky:before,
.kid-wrap-1:before,
.mgbox-root:before,
.mgid-wrap:before,
.native-wrap:before,
.newhorad:before,
.ol_big_inner:before,
.popin-wrap:before,
.premium_div:before,
.sticky-ads:before,
.topBanner:before,
.vpaid-wrap:before {
  background-color: var(--bg-place);
  content: "Advertisement";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  font-size: 11px;
  line-height: 1;
  color: #c8ccce;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.banner-300,
.banner-slide,
.boxBanner {
  position: relative;
  text-align: center;
  min-height: 250px;
  z-index: 1;
}
.flying_carpet_div {
  min-height: 600px;
}
.flying_carpet_div,
.mgbox-root {
  position: relative;
  text-align: center;
  z-index: 1;
}
.mgbox-root {
  min-height: 500px;
}
.gomed-box {
  position: relative;
  z-index: 1;
}
.ads-latest-wrap,
.box-latest-wrap {
  position: relative;
  text-align: center;
  min-height: 130px;
  z-index: 1;
  border-bottom: 1px solid var(--br-list);
}
.box-latest-wrap {
  border-bottom: 1px solid transparent;
}
.box-latest-wrap:before {
  content: "";
  background-color: var(--bg-main);
}
.listNews li.box-shadow-new .ads-latest-wrap,
.listNews li.box-shadow-new .box-latest-wrap {
  margin: -10px;
}
.ol_big_inner:before {
  background-color: #212121;
}
.kid-wrap {
  width: 100%;
  min-height: 159px;
}
.kid-wrap,
.kid-wrap-1 {
  position: relative;
  z-index: 1;
}
.kid-wrap-1 {
  width: 100vw;
  min-height: 100px;
  margin: 0 -15px;
}
.ivs-wrap {
  position: relative;
  margin: 20px 0;
  z-index: 1;
  padding-top: calc(56.27vw + 120px);
}
.ivs-wrap #ivs-inject {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.ivs-wrap-wp {
  height: 56.27vw;
}
.ivs-wrap-wp,
.native-wrap {
  position: relative;
  z-index: 1;
}
.native-wrap {
  margin: 20px 0;
  width: 100%;
  height: 160px;
  overflow: hidden;
}
.native-wrap > * {
  position: absolute;
  max-width: none;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.ads-partner-wrap {
  position: relative;
  min-height: 500px;
  margin-top: 20px;
  z-index: 1;
}
.ads-partner-wrap:before {
  background-color: var(--bg-main);
}
.ads-partner-wrap > div,
.ads-partner-wrap > iframe {
  background: var(--bg-main);
}
.ads-box-wrap,
.vpaid-wrap {
  position: relative;
  z-index: 1;
}
.vpaid-wrap {
  margin: 15px 0;
  padding-top: 45.45455%;
}
.vpaid-wrap > * {
  position: absolute;
  max-width: none;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.slideshow > div > a {
  z-index: 2;
}
.headline.active .slideshow .imgHL {
  min-height: 60vw;
}
.headline.active .slideshow .imgHL img {
  position: absolute;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: none;
  height: 100%;
  left: 50%;
  top: 50%;
  z-index: 1;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  filter: var(--img-filter);
  -webkit-filter: var(--img-filter);
}
.comment > .comment__wrap #for_comment {
  height: 180px;
  overflow: hidden;
}
.comment__footer {
  background: rgba(var(--bg-comment), 1);
}
.cm__wBox {
  min-height: 785px;
}
.cm__wComment {
  height: 44px;
  overflow: hidden;
}
.article.-next {
  bottom: 100px;
}
.btn-hamb {
  height: 35px;
}
.btn-close {
  height: 24px;
}
.logo__kcm {
  height: 65px;
}
.floating-share li,
.logo__achieve__item {
  vertical-align: top;
}
.logo__achieve__item:nth-of-type(2) .logo__achieve__img {
  width: 74px;
  height: 50px;
}
.logo__achieve__item:nth-of-type(3) .logo__achieve__img {
  width: 63px;
  height: 50px;
}
.logo__achieve__item:nth-of-type(4) .logo__achieve__img {
  width: 60px;
  height: 50px;
}
span.ads-on-body {
  position: relative;
  display: block;
}
.floating-share--nav.scrolling {
  top: 0;
  -ms-transform: translateY(55px);
  -webkit-transform: translateY(55px);
  transform: translateY(55px);
}
.new-sub-menu {
  overflow-y: initial;
}
.native-wrap ~ br {
  display: none;
}
.dot {
  z-index: 2;
}
#js-banner-sticky {
  height: auto;
  min-height: 150px;
}
.wBelt-nakes {
  text-align: center;
  height: 178px;
}
.wBelt-nakes img {
  filter: var(--img-filter);
  -webkit-filter: var(--img-filter);
}
@media (max-width: 360px) {
  .wBelt-nakes {
    height: 49.28571vw;
  }
}
#terpopuler-inject {
  height: 696px;
}
#terpopuler-inject .most .ListCol1 > a {
  height: 70px;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
@media (max-width: 320px) {
  #terpopuler-inject .most .ListCol1 > a {
    height: 60px;
  }
}
#tap-inject {
  height: 400px;
  background: #161616;
}
.video-inject {
  height: calc(56.25vw + 128px);
  overflow: hidden;
}
.video-inject .ListCol1.column.video a {
  height: 46px;
  overflow: hidden;
}
.video-inject .ListCol1.column.video p {
  padding: 0;
  margin: 10px 0;
  height: 30px;
  overflow: hidden;
}
.video-inject .ListCol1.column.video iframe {
  height: calc(9 / 16 * (100vw - 20px));
}
.skola__logo {
  z-index: 8 !important;
}
.headline-tekno .headline__big {
  height: 50vw;
}
.headline-tekno .headline__big a {
  height: 100%;
}
.box__widget .box__widget__item a .box__widget__title {
  max-height: 55px;
}
.box__widget .box__widget__item a:first-child .box__widget__title {
  min-height: 178px;
}
.photo-infographic img {
  width: 100%;
  height: auto;
}
.headline ~ .overlay-mobile {
  min-height: 1px;
  height: 1px;
}
.contentArticle .gomed-box,
.contentArticle .vpaid-wrap {
  margin: 0 -15px;
}
.contentArticle .gomed-box {
  margin-top: 20px;
}
.contentArticle .ads-box-wrap,
.contentArticle .ads-partner-wrap {
  margin: 16px -15px;
  width: auto;
  max-width: none;
}
.contentArticle .ads-box-wrap:before,
.contentArticle .ads-partner-wrap:before {
  background-color: var(--bg-place);
}
.contentArticle .ads-partner-wrap {
  max-width: none !important;
}
.breadcum-new + .headline.column ~ .overlay-mobile {
  background: var(--bg-main);
}
.contentArticle .boxBanner1 .ads-partner-wrap {
  margin: 0;
}
.content-visibility-auto {
  content-visibility: auto;
}
.theme--skola .photo-infographic,
.theme--tren .photo-infographic {
  min-height: auto;
}
.theme--skola .photo-infographic > .wrap-photo,
.theme--tren .photo-infographic > .wrap-photo {
  min-height: auto;
  text-align: left;
}
.theme--skola .photo-infographic img,
.theme--tren .photo-infographic img {
  width: auto;
  max-width: 100%;
  position: relative;
  left: auto;
  top: auto;
  -ms-transform: translate(0);
  -webkit-transform: translate(0);
  transform: translate(0);
}
.contentArticle ~ .banner-300 {
  margin: 10px 0;
}
.read__credit.bottom {
  margin: 0;
}
.contentArticle ~ .box-shadow-new .boxBanner1 {
  padding: 0;
  margin: 10px 0;
}
.info-banner,
.kcm--read .topicMost__content,
.wBox--sonora {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
}
.info-banner {
  margin: 20px 0 10px;
}
.listNews {
  background: transparent;
}
.ads-partner-wrap.osmplaceonsite:after,
.banner-300:after,
.kcm-track:after {
  content: "Iklan — Scroll ke bawah untuk melanjutkan";
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 30px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  color: var(--cl-gray-med);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ads-partner-wrap.osmplaceonsite {
  min-height: 538px;
}
.ads-partner-wrap.osmplaceonsite,
.banner-300 {
  position: relative;
  padding-top: 30px;
  padding-bottom: 8px;
}
.banner-300 {
  background: transparent;
  min-height: 288px;
}
.banner-300 .banner-300 {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 288px;
}
.banner-300 .banner-300:after {
  content: unset;
}
.newhorad:before {
  background-color: transparent;
}
.kcm__big {
  width: 300px;
  height: 600px;
}
.kcm__big,
.kcm__big:before {
  background-color: var(--bg-place);
}
.kcm__big:before {
  content: "Advertisement";
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  font-size: 11px;
  line-height: 1;
  color: #c8ccce;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.banner--sticky .banner1 {
  -webkit-animation: none;
  animation: none;
}
.bapps-passed #js-banner-sticky.boxBanner1 .banner1 {
  -webkit-animation: bannerfade 0.7s 5s forwards;
  animation: bannerfade 0.7s 5s forwards;
}
.bapps-passed .pushdown-banner ~ .root #js-banner-sticky.boxBanner1 .banner1 {
  -webkit-animation: none;
  animation: none;
}
.bapps-passed.ol_scroll
  .pushdown-banner
  ~ .root
  #js-banner-sticky.boxBanner1
  .banner1 {
  -webkit-animation: bannerfade 0.7s 5s forwards;
  animation: bannerfade 0.7s 5s forwards;
}
.dark-button,
.floating-share--nav,
.header,
.new-sub-menu {
  display: none;
}
#js-banner-sticky .banner1 {
  top: 50px;
}
.kcm--read #js-banner-sticky .banner1.scrolling {
  top: 50px;
  -webkit-transform: none;
  transform: none;
}
.pushdown-banner ~ .root .header-block {
  position: absolute;
}
.pushdown-banner ~ .root .dark-fixed .dark-setting {
  position: absolute;
  top: 50px;
}
.pushdown-banner ~ .root .dark-fixed {
  position: relative;
}
.ol_scroll .pushdown-banner ~ .root #page1 #navpanel {
  top: 0;
}
.ol_scroll .pushdown-banner ~ .root .header-block {
  position: fixed;
}
.ol_scroll .pushdown-banner ~ .root .dark-fixed .dark-setting {
  position: fixed;
  top: 60px;
}
.ol_scroll.kcm--read .pushdown-banner ~ .root #js-banner-sticky .banner1,
.ol_scroll.kcm--read
  .pushdown-banner
  ~ .root
  #js-banner-sticky
  .banner1.scrolling,
.ol_scroll .pushdown-banner ~ .root #js-banner-sticky .banner1 {
  top: 50px !important;
}
.root
  .header-block
  ~ .navmenu
  ~ #page1
  .content_article
  #js-banner-sticky
  .banner1 {
  top: 90px;
}
.pushdown-banner ~ .root .header-block ~ .navmenu {
  position: absolute;
}
.ol_scroll .pushdown-banner ~ .root .header-block ~ .navmenu {
  position: fixed;
}
.ol_scroll
  .pushdown-banner
  ~ .root
  .header-block
  ~ .navmenu
  ~ #page1
  .content_article
  #js-banner-sticky
  .banner1 {
  top: 90px !important;
}
.ivs__box.sticky .ivs__wrap {
  top: 50px;
}
.ivs--header .header-block {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
}
.headBox-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  gap: 16px;
}
.headBox-wrap,
.headTabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.headTabs {
  margin-bottom: 8px;
  gap: 20px;
  border-bottom: 1px solid var(--neutral-20);
}
.headTabs-item {
  padding: 0 10px;
}
.headTabs-item.--active a {
  color: var(--yale-blue-50);
}
.headTabs-item.--active a span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--yale-blue-50);
}
.headTabs-item a {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: var(--neutral-70);
}
.headTabs-item span {
  padding: 10px 0;
  position: relative;
  display: inline-table;
  width: 100%;
}
.headFilter {
  position: relative;
}
.headFilter #filterButton {
  width: 36px;
  height: 36px;
  padding: 0;
  font-size: 0;
}
.headArticle-content {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: var(--neutral-70);
}
.headArticle-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.headArticle-btn {
  padding: 4px 20px;
  height: 36px;
  border-radius: 40px;
  border: 1px solid #e9e9e9;
  background-color: transparent;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: var(--neutral-70);
  cursor: pointer;
}
.headArticle-btn.--active {
  border-color: var(--yale-blue-50);
  color: var(--yale-blue-50);
}
.searchContent h4 {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  color: var(--neutral-80);
}
.searchContent p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--neutral-70);
  margin: 0;
}
.searchContent.--emptyAlart {
  text-align: center;
  padding: 48px 0;
}
.searchContent.--emptyAlart .btn-main {
  margin-top: 24px;
}
.searchCaption {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  color: var(--neutral-70);
  position: sticky;
  top: 0;
  background: var(--bg-main);
  z-index: 1;
}
.searchButtonClear {
  width: 11px;
  height: 11px;
  position: absolute;
  right: 5px;
  top: 5px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4603 10.6648C11.5658 10.7702 11.625 10.9133 11.625 11.0625C11.625 11.2117 11.5658 11.3548 11.4603 11.4603C11.3548 11.5658 11.2117 11.625 11.0625 11.625C10.9133 11.625 10.7702 11.5658 10.6648 11.4603L6.00001 6.79546L1.33527 11.4603C1.22978 11.5658 1.0867 11.625 0.937514 11.625C0.788326 11.625 0.645249 11.5658 0.539757 11.4603C0.434265 11.3548 0.375 11.2117 0.375 11.0625C0.375 10.9133 0.434265 10.7702 0.539757 10.6648L5.20457 6.00001L0.539757 1.33527C0.434265 1.22978 0.375 1.0867 0.375 0.937514C0.375 0.788326 0.434265 0.645249 0.539757 0.539757C0.645249 0.434265 0.788326 0.375 0.937514 0.375C1.0867 0.375 1.22978 0.434265 1.33527 0.539757L6.00001 5.20457L10.6648 0.539757C10.7702 0.434265 10.9133 0.375 11.0625 0.375C11.2117 0.375 11.3548 0.434265 11.4603 0.539757C11.5658 0.645249 11.625 0.788326 11.625 0.937514C11.625 1.0867 11.5658 1.22978 11.4603 1.33527L6.79546 6.00001L11.4603 10.6648Z' fill='%235C6B7A'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 11px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  color: transparent;
  background-color: transparent;
  cursor: pointer;
}
.searchSuggest {
  position: relative;
  width: 100%;
}
.searchSuggest:not(:last-child) {
  margin-bottom: 24px;
}
.searchSuggest.--popular .searchSuggestItem a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: left;
}
.searchSuggest.--popular .searchSuggestItem .searchSuggesCtn {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.searchSuggest-box {
  width: 100%;
  height: auto;
  max-height: 400px;
  overflow: hidden;
  position: fixed;
  z-index: 8;
  top: 50px;
}
.searchSuggest-inner {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  max-height: 390px;
  position: relative;
}
.searchSuggestList {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
}
.searchSuggestItem {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--neutral-70);
  position: relative;
}
.searchFill {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 14px;
}
.searchFill.--Fillarticle {
  margin-bottom: 20px;
}
.searchFillItem {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--neutral-70);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  text-align: left;
  padding: 0;
  outline: 0;
  border: 0;
  background: transparent;
}
.searchFillTxt {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.searchFillCtn {
  margin-left: 8px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.searchFillIcon {
  position: relative;
  top: 3px;
  width: 16px;
  height: 16px;
  background-size: 16px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.62438 4.25007V7.63921L12.5595 9.33374C12.7031 9.41662 12.8078 9.55314 12.8508 9.71325C12.8937 9.87337 12.8712 10.044 12.7883 10.1875C12.7054 10.3311 12.5689 10.4358 12.4088 10.4788C12.2487 10.5217 12.0781 10.4992 11.9345 10.4163L8.68687 8.54132C8.68195 8.53843 8.6775 8.53507 8.67258 8.5321C8.66191 8.52564 8.65144 8.51887 8.64117 8.51179C8.63312 8.50616 8.62539 8.50015 8.61773 8.49421C8.60971 8.4881 8.60185 8.4818 8.59414 8.4753C8.58555 8.46793 8.57716 8.46033 8.56898 8.45249C8.54805 8.43273 8.52855 8.4115 8.51063 8.38898C8.49138 8.36475 8.47396 8.33914 8.45852 8.31233C8.45332 8.30337 8.44835 8.29428 8.44359 8.28507C8.42514 8.24871 8.41013 8.21071 8.39875 8.17155C8.39644 8.16327 8.39431 8.15493 8.39234 8.14655C8.38963 8.13558 8.38724 8.12454 8.38516 8.11343C8.38337 8.10347 8.38184 8.09347 8.38055 8.08343C8.3793 8.07382 8.37797 8.06421 8.37711 8.05452C8.37612 8.04204 8.37549 8.02954 8.37523 8.01702C8.37508 8.01132 8.37437 8.00577 8.37437 8.00007V4.25007C8.37437 4.08431 8.44022 3.92534 8.55743 3.80813C8.67464 3.69092 8.83361 3.62507 8.99938 3.62507C9.16514 3.62507 9.32411 3.69092 9.44132 3.80813C9.55853 3.92534 9.62438 4.08431 9.62438 4.25007ZM14.3027 2.69679C12.895 1.29238 10.9878 0.503662 8.99938 0.503662C7.01096 0.503662 5.10373 1.29238 3.69609 2.69679L2.11133 4.28148V2.66538C2.11133 2.49962 2.04548 2.34065 1.92827 2.22344C1.81106 2.10623 1.65209 2.04038 1.48633 2.04038C1.32057 2.04038 1.1616 2.10623 1.04439 2.22344C0.927176 2.34065 0.861328 2.49962 0.861328 2.66538V5.79038C0.861328 5.81093 0.8625 5.83155 0.864453 5.8521C0.865391 5.8614 0.867187 5.87046 0.868437 5.87968C0.87 5.89062 0.871328 5.90155 0.873438 5.91249C0.875547 5.92304 0.878438 5.93327 0.881094 5.94366C0.883438 5.95304 0.885547 5.96241 0.888359 5.97179C0.891484 5.98195 0.895234 5.99179 0.898828 6.00179C0.902109 6.01101 0.905234 6.02038 0.908984 6.02944C0.912891 6.03882 0.917344 6.04773 0.921641 6.05679C0.926094 6.06616 0.930234 6.0757 0.935156 6.08491C0.939844 6.09374 0.945312 6.1021 0.950312 6.11054C0.955703 6.11952 0.960703 6.12851 0.966563 6.13734C0.972969 6.14687 0.980078 6.15585 0.986875 6.16507C0.992344 6.1721 0.997266 6.17952 1.00297 6.18648C1.02914 6.21839 1.0584 6.24765 1.09031 6.27382C1.09711 6.27929 1.10414 6.28413 1.11109 6.28929C1.12047 6.29632 1.12969 6.30366 1.13953 6.31023C1.14797 6.31585 1.15672 6.32077 1.16547 6.32593C1.17422 6.33124 1.18289 6.33679 1.19195 6.34155C1.20086 6.3464 1.21 6.35038 1.21914 6.35468C1.22852 6.35913 1.23773 6.36382 1.24734 6.3678C1.25617 6.37148 1.26508 6.37437 1.27391 6.37757C1.28438 6.38132 1.29453 6.3853 1.30516 6.38851C1.31398 6.39116 1.32289 6.39304 1.33172 6.3953C1.34266 6.39804 1.35336 6.40109 1.36445 6.40327C1.37461 6.4053 1.38477 6.4064 1.395 6.40796C1.40492 6.40944 1.41477 6.41124 1.42492 6.41226C1.44305 6.41405 1.46117 6.41484 1.47937 6.41499C1.48172 6.41499 1.48406 6.41538 1.48641 6.41538H4.61141C4.77717 6.41538 4.93614 6.34953 5.05335 6.23232C5.17056 6.11511 5.23641 5.95614 5.23641 5.79038C5.23641 5.62462 5.17056 5.46565 5.05335 5.34844C4.93614 5.23123 4.77717 5.16538 4.61141 5.16538H2.99516L4.58 3.58054C5.45408 2.70646 6.56772 2.1112 7.7801 1.87005C8.99248 1.62889 10.2492 1.75266 11.3912 2.22571C12.5332 2.69875 13.5093 3.49983 14.1961 4.52764C14.8829 5.55545 15.2494 6.76382 15.2494 7.99995C15.2494 9.23609 14.8829 10.4445 14.1961 11.4723C13.5093 12.5001 12.5332 13.3012 11.3912 13.7742C10.2492 14.2472 8.99248 14.371 7.7801 14.1299C6.56772 13.8887 5.45408 13.2934 4.58 12.4194C4.46278 12.3022 4.30379 12.2363 4.13802 12.2363C3.97225 12.2363 3.81327 12.3022 3.69605 12.4194C3.57884 12.5366 3.513 12.6956 3.513 12.8614C3.51301 13.0272 3.57887 13.1861 3.69609 13.3034C5.10393 14.7036 7.00956 15.4883 8.99515 15.4856C10.9807 15.4829 12.8842 14.693 14.2883 13.2889C15.6923 11.8849 16.4822 9.98143 16.4849 7.99585C16.4876 6.01026 15.7029 4.10463 14.3027 2.69679Z' fill='%23000'/%3E%3C/svg%3E%0A");
  border: none;
}
.searchClear,
.searchFillIcon {
  background-repeat: no-repeat;
  background-position: 50%;
  background-color: transparent;
  -webkit-filter: var(--filter-gray_v3);
  filter: var(--filter-gray_v3);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: transparent;
}
.searchClear {
  display: none;
  background-size: 15px;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4603 10.6648C11.5658 10.7702 11.625 10.9133 11.625 11.0625C11.625 11.2117 11.5658 11.3548 11.4603 11.4603C11.3548 11.5658 11.2117 11.625 11.0625 11.625C10.9133 11.625 10.7702 11.5658 10.6648 11.4603L6.00001 6.79546L1.33527 11.4603C1.22978 11.5658 1.0867 11.625 0.937514 11.625C0.788326 11.625 0.645249 11.5658 0.539757 11.4603C0.434265 11.3548 0.375 11.2117 0.375 11.0625C0.375 10.9133 0.434265 10.7702 0.539757 10.6648L5.20457 6.00001L0.539757 1.33527C0.434265 1.22978 0.375 1.0867 0.375 0.937514C0.375 0.788326 0.434265 0.645249 0.539757 0.539757C0.645249 0.434265 0.788326 0.375 0.937514 0.375C1.0867 0.375 1.22978 0.434265 1.33527 0.539757L6.00001 5.20457L10.6648 0.539757C10.7702 0.434265 10.9133 0.375 11.0625 0.375C11.2117 0.375 11.3548 0.434265 11.4603 0.539757C11.5658 0.645249 11.625 0.788326 11.625 0.937514C11.625 1.0867 11.5658 1.22978 11.4603 1.33527L6.79546 6.00001L11.4603 10.6648Z' fill='%23000'/%3E%3C/svg%3E%0A");
  width: 40px;
  height: 40px;
  border: 0;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  z-index: 2;
}
.searchClear.-active {
  display: block;
}
.searchBox-inner {
  position: relative;
}
.searchBox-inner .searchBox-close {
  position: fixed;
  z-index: 13;
  top: 15px;
  left: 15px;
  opacity: 0;
  visibility: hidden;
}
.searchBox-wrap {
  width: 100%;
  position: relative;
}
.searchBox-close {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 8.00002C18 8.19893 17.921 8.3897 17.7804 8.53035C17.6397 8.671 17.4489 8.75002 17.25 8.75002H2.56071L8.03037 14.2197C8.10002 14.2893 8.15526 14.372 8.19296 14.463C8.23065 14.554 8.25005 14.6515 8.25005 14.75C8.25005 14.8485 8.23065 14.946 8.19296 15.037C8.15526 15.128 8.10002 15.2107 8.03037 15.2804C7.96072 15.35 7.87804 15.4053 7.78705 15.4429C7.69605 15.4806 7.59852 15.5 7.50003 15.5C7.40153 15.5 7.304 15.4806 7.21301 15.4429C7.12201 15.4053 7.03933 15.35 6.96968 15.2804L0.219683 8.53036C0.150035 8.46072 0.0947875 8.37804 0.057094 8.28704C0.0194006 8.19604 0 8.09851 0 8.00002C0 7.90152 0.0194006 7.80399 0.057094 7.713C0.0947875 7.622 0.150035 7.53932 0.219683 7.46968L6.96968 0.719675C7.11034 0.57902 7.30111 0.5 7.50003 0.5C7.69894 0.5 7.88971 0.57902 8.03037 0.719675C8.17103 0.860331 8.25005 1.0511 8.25005 1.25002C8.25005 1.44894 8.17103 1.63971 8.03037 1.78036L2.56071 7.25002H17.25C17.4489 7.25002 17.6397 7.32904 17.7804 7.46969C17.921 7.61034 18 7.80111 18 8.00002Z' fill='%235C6B7A'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 18px;
  background-color: #fff;
  border: 0;
  width: 24px;
  height: 24px;
  margin-right: 15px;
}
.searchInput-act {
  pointer-events: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--neutral-70);
  border: 1px solid #e2e2e2;
  height: 40px;
  padding: 0 50px 0 16px;
  border-radius: 8px;
  width: 100%;
  background: var(--bg-place);
}
.searchInput-cta {
  position: relative;
  overflow: hidden;
}
.searchInput-cta:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.searchInput-cta .icon-search {
  position: absolute;
  top: -2px;
  right: 5px;
  width: 40px;
  height: 40px;
  z-index: 1;
  pointer-events: none;
  background-size: auto 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5298 18.4697L15.4778 14.4176C16.9087 12.7134 17.6266 10.5226 17.4817 8.30204C17.3367 6.08148 16.3402 4.00258 14.6998 2.49888C13.0594 0.99518 10.9019 0.18276 8.67715 0.231039C6.45239 0.279318 4.33214 1.18457 2.75856 2.75802C1.18497 4.33146 0.279531 6.45163 0.231055 8.67639C0.18258 10.9011 0.994809 13.0587 2.49837 14.6992C4.00192 16.3397 6.08073 17.3365 8.30128 17.4816C10.5218 17.6268 12.7127 16.9091 14.417 15.4783L18.4691 19.5304C18.6098 19.6711 18.8006 19.7501 18.9995 19.7501C19.1984 19.7501 19.3892 19.6711 19.5298 19.5304C19.6705 19.3898 19.7495 19.199 19.7495 19.0001C19.7495 18.8012 19.6705 18.6104 19.5298 18.4697ZM1.75005 8.87498C1.75005 7.46579 2.16793 6.08824 2.95083 4.91654C3.73374 3.74484 4.84651 2.83161 6.14843 2.29234C7.45036 1.75307 8.88296 1.61197 10.2651 1.88689C11.6472 2.16181 12.9167 2.8404 13.9132 3.83685C14.9096 4.83329 15.5882 6.10285 15.8631 7.48496C16.1381 8.86708 15.997 10.2997 15.4577 11.6016C14.9184 12.9035 14.0052 14.0163 12.8335 14.7992C11.6618 15.5821 10.2842 16 8.87505 16C6.98604 15.9978 5.17501 15.2465 3.83927 13.9108C2.50354 12.575 1.75219 10.764 1.75005 8.87498Z' fill='%23C1C1C1'/%3E%3C/svg%3E%0A");
}
.cSearch-focus .searchBox-close {
  visibility: visible;
  opacity: 1;
}
#searchSuggestLast .searchSuggest {
  margin-bottom: 20px;
}
#searchSuggestLast .searchFillItem {
  padding-right: 40px;
}
.header-search-box {
  position: relative;
  background: #dfdbdb;
  padding: 16px;
}
.header-search-box .searchBox-wrap .icon-search {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  z-index: 1;
  pointer-events: none;
  background-size: auto 18px;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0299 18.4697L15.9778 14.4176C17.4088 12.7134 18.1266 10.5226 17.9817 8.30204C17.8367 6.08148 16.8402 4.00258 15.1998 2.49888C13.5595 0.99518 11.4019 0.18276 9.17717 0.231039C6.9524 0.279318 4.83216 1.18457 3.25857 2.75802C1.68499 4.33146 0.779546 6.45163 0.731071 8.67639C0.682595 10.9011 1.49482 13.0587 2.99838 14.6992C4.50194 16.3397 6.58074 17.3365 8.80129 17.4816C11.0218 17.6268 13.2127 16.9091 14.917 15.4783L18.9692 19.5304C19.1098 19.6711 19.3006 19.7501 19.4995 19.7501C19.6984 19.7501 19.8892 19.6711 20.0299 19.5304C20.1705 19.3898 20.2495 19.199 20.2495 19.0001C20.2495 18.8012 20.1705 18.6104 20.0299 18.4697ZM2.25007 8.87498C2.25007 7.46579 2.66794 6.08824 3.45085 4.91654C4.23375 3.74484 5.34653 2.83161 6.64845 2.29234C7.95037 1.75307 9.38297 1.61197 10.7651 1.88689C12.1472 2.16181 13.4168 2.8404 14.4132 3.83685C15.4097 4.83329 16.0882 6.10285 16.3632 7.48496C16.6381 8.86708 16.497 10.2997 15.9577 11.6016C15.4184 12.9035 14.5052 14.0163 13.3335 14.7992C12.1618 15.5821 10.7843 16 9.37507 16C7.48606 15.9978 5.67502 15.2465 4.33929 13.9108C3.00356 12.575 2.2522 10.764 2.25007 8.87498Z' fill='%23C1C1C1'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.header-search-box.cSearch-focus .header-search-input,
.header-search-box.cSearch-focus .header-search-input:focus {
  border: 1px solid #fff;
}
.header-search-box.cSearch-focus .header-search-suggestion {
  opacity: 1;
  visibility: visible;
}
.header-search-box.cSearch-focus .header-search-suggestion.--emptyHistory,
.header-search-box.cSearch-focus .header-search-suggestion.--hidebeforeFocus {
  visibility: hidden;
  opacity: 0;
}
.header-search-box.cSearch-focus
  .header-search-suggestion.--emptyHistory.--isResult {
  visibility: visible;
  opacity: 1;
}
.header-search-box .searchInput-act {
  position: relative;
  width: 100%;
  height: 40px;
  background: #434343;
  border-radius: 8px;
  border: 1px solid #6c6f75;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  padding: 0 45px 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-search-box .searchInput-act:focus {
  border: 1px solid #d0d0d0;
}
.header-search-box .searchInput-act::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #a1adb9;
}
.header-search-box .searchInput-act::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #a1adb9;
}
.header-search-box .searchInput-act:-ms-input-placeholder,
.header-search-box .searchInput-act::-ms-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #a1adb9;
}
.header-search-box .searchInput-act::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #a1adb9;
}
.header-search-suggestion {
  position: relative;
  top: 0;
  width: 100%;
  border-radius: 8px;
  padding: 24px 15px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.header-search-input {
  position: relative;
  width: 100%;
  height: 40px;
  background: #434343;
  border-radius: 8px;
  border: 1px solid #6c6f75;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  padding: 0 45px 0 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header-search-input:focus {
  border: 1px solid #d0d0d0;
}
.header-search-input::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #a1adb9;
}
.header-search-input::-moz-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #a1adb9;
}
.header-search-input:-ms-input-placeholder,
.header-search-input::-ms-input-placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #a1adb9;
}
.header-search-input::placeholder {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #a1adb9;
}
.header-search-button,
.header-search-clear {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 40px;
  z-index: 2;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.header-search-button,
.header-search-button:hover,
.header-search-clear,
.header-search-clear:hover {
  border: transparent;
  background: transparent;
  color: transparent;
}
.header-search-clear {
  z-index: 3;
  visibility: hidden;
}
.header-search .icon-close {
  -webkit-filter: invert(63%) sepia(0) saturate(22%) hue-rotate(264deg)
    brightness(100%) contrast(81%);
  filter: invert(63%) sepia(0) saturate(22%) hue-rotate(264deg) brightness(100%)
    contrast(81%);
  background-size: auto 16px;
}
.header-search .icon-search {
  position: absolute;
  top: -2px;
  right: 5px;
  width: 40px;
  height: 40px;
  z-index: 1;
  pointer-events: none;
  background-size: auto 18px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.filterContainer {
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.filterBtn .btn,
.filterContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.filterBtn .btn {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  color: var(--cl-white);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: var(--yale-blue-50);
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 44px;
  cursor: pointer;
}
.filterGroup > label {
  width: 100%;
  margin-bottom: 12px;
  display: inline-table;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: var(--neutral-70);
}
.filterGroup input[type="text"],
.filterGroup select {
  width: 100%;
}
.filterGroup select {
  padding: 0 50px 0 16px;
}
.filterGroup input[type="date"],
.filterGroup select {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  color: var(--neutral-70);
  border: 1px solid #e2e2e2;
  height: 40px;
  border-radius: 8px;
  background: var(--bg-main);
}
.filterGroup input[type="date"] {
  padding: 0 12px;
  width: 50%;
}
.filterGroup .radioInput:not(:last-child) {
  margin-bottom: 20px;
}
.filterGroup .radioInput input[type="radio"]:before {
  top: -1px;
}
.filterGroup .radioInput label {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  color: var(--neutral-80);
}
.theme-dark input[type="date"]::-webkit-calendar-picker-indicator {
  -webkit-filter: invert(99%) sepia(11%) saturate(0) hue-rotate(8deg)
    brightness(104%) contrast(100%);
  filter: invert(99%) sepia(11%) saturate(0) hue-rotate(8deg) brightness(104%)
    contrast(100%);
}
.modalsFilter {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 301;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: left;
  height: 0;
}
.modalsFilter.active {
  visibility: visible;
  opacity: 1;
  height: 100%;
}
.modalsFilter.active:before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
}
.modalsFilter.active .modalsFilter-inner {
  -webkit-transform: none;
  transform: none;
}
.modalsFilter-inner {
  padding: 24px 15px;
  background: var(--bg-main);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  bottom: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.modalsFilter-inner,
.modalsSearch {
  width: 100%;
  position: fixed;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.modalsSearch {
  top: 0;
  left: 0;
  height: 100%;
  z-index: 301;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.modalsSearch.active {
  visibility: visible;
  opacity: 1;
}
.modalsSearch-inner {
  background: var(--bg-main);
  width: 100%;
  height: 100%;
}
.modalsSearch .searchBox-inner {
  background-color: #000;
  padding: 16px 15px;
}
.modalsSearch .searchBox-wrap {
  width: calc(100% - 40px);
  position: relative;
  margin-left: auto;
}
.modalsSearch .searchBox-wrap .icon-search {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5298 18.4697L15.4778 14.4176C16.9087 12.7134 17.6266 10.5226 17.4817 8.30204C17.3367 6.08148 16.3402 4.00258 14.6998 2.49888C13.0594 0.99518 10.9019 0.18276 8.67715 0.231039C6.45239 0.279318 4.33214 1.18457 2.75856 2.75802C1.18497 4.33146 0.279531 6.45163 0.231055 8.67639C0.18258 10.9011 0.994809 13.0587 2.49837 14.6992C4.00192 16.3397 6.08073 17.3365 8.30128 17.4816C10.5218 17.6268 12.7127 16.9091 14.417 15.4783L18.4691 19.5304C18.6098 19.6711 18.8006 19.7501 18.9995 19.7501C19.1984 19.7501 19.3892 19.6711 19.5298 19.5304C19.6705 19.3898 19.7495 19.199 19.7495 19.0001C19.7495 18.8012 19.6705 18.6104 19.5298 18.4697ZM1.75005 8.87498C1.75005 7.46579 2.16793 6.08824 2.95083 4.91654C3.73374 3.74484 4.84651 2.83161 6.14843 2.29234C7.45036 1.75307 8.88296 1.61197 10.2651 1.88689C11.6472 2.16181 12.9167 2.8404 13.9132 3.83685C14.9096 4.83329 15.5882 6.10285 15.8631 7.48496C16.1381 8.86708 15.997 10.2997 15.4577 11.6016C14.9184 12.9035 14.0052 14.0163 12.8335 14.7992C11.6618 15.5821 10.2842 16 8.87505 16C6.98604 15.9978 5.17501 15.2465 3.83927 13.9108C2.50354 12.575 1.75219 10.764 1.75005 8.87498Z' fill='%23C1C1C1'/%3E%3C/svg%3E%0A");
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.modalsSearch .searchBox-wrap .searchClear {
  -webkit-filter: invert(63%) sepia(0) saturate(22%) hue-rotate(264deg)
    brightness(100%) contrast(81%);
  filter: invert(63%) sepia(0) saturate(22%) hue-rotate(264deg) brightness(100%)
    contrast(81%);
}
.modalsSearch .searchBox-close {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='20' viewBox='0 0 24 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.0003 10C24.0003 10.2652 23.8949 10.5196 23.7074 10.7071C23.5198 10.8947 23.2655 11 23.0003 11L3.41453 11L10.7074 18.2929C10.8003 18.3858 10.8739 18.496 10.9242 18.6173C10.9744 18.7387 11.0003 18.8687 11.0003 19C11.0003 19.1314 10.9744 19.2614 10.9242 19.3827C10.8739 19.504 10.8003 19.6143 10.7074 19.7071C10.6145 19.8 10.5043 19.8737 10.383 19.9239C10.2616 19.9742 10.1316 20.0001 10.0003 20.0001C9.86895 20.0001 9.73892 19.9742 9.61759 19.9239C9.49626 19.8737 9.38602 19.8 9.29315 19.7071L0.293155 10.7072C0.200291 10.6143 0.126627 10.5041 0.0763695 10.3827C0.0261116 10.2614 0.000244141 10.1314 0.000244141 10C0.000244141 9.8687 0.0261116 9.73866 0.0763695 9.61733C0.126627 9.496 0.200291 9.38576 0.293155 9.2929L9.29315 0.292901C9.4807 0.105359 9.73506 -1.97607e-09 10.0003 0C10.2655 1.97607e-09 10.5199 0.105359 10.7074 0.292901C10.8949 0.480442 11.0003 0.734802 11.0003 1.00003C11.0003 1.26525 10.8949 1.51961 10.7074 1.70715L3.41453 9.00003L23.0003 9.00003C23.2655 9.00003 23.5198 9.10538 23.7074 9.29292C23.8949 9.48046 24.0003 9.73481 24.0003 10Z' fill='%23000'/%3E%3C/svg%3E%0A");
  background-size: 20px;
  -webkit-filter: var(--filter-gray_v3);
  filter: var(--filter-gray_v3);
  opacity: 1;
  visibility: visible;
  background-color: transparent;
  top: 24px;
}
.tier,
.tierArticle {
  position: relative;
}
.tierArticle {
  padding: 0 16px;
}
.tierArticle-gate {
  border-radius: 8px;
  position: relative;
  background-color: var(--yale-blue-60);
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.tierArticle-gate:after {
  content: "";
  position: absolute;
  top: calc(50% - 7px);
  right: 12px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml, %3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23000' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  -webkit-filter: invert(98%) sepia(72%) saturate(0) hue-rotate(298deg)
    brightness(112%) contrast(100%);
  filter: invert(98%) sepia(72%) saturate(0) hue-rotate(298deg) brightness(112%)
    contrast(100%);
}
.kgid-item .icon-tier {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  vertical-align: top;
}
.kgid-item .icon-tier:before {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-filter: invert(41%) sepia(42%) saturate(1778%) hue-rotate(192deg)
    brightness(92%) contrast(106%);
  filter: invert(41%) sepia(42%) saturate(1778%) hue-rotate(192deg)
    brightness(92%) contrast(106%);
}
.kgid-item .icon-tier:after {
  background-color: #fff;
}
.button-burger .icon-tier {
  opacity: 1;
}
.button-burger .icon-tier[data-tier="true"] {
  position: absolute;
  width: 16px;
  height: 16px;
  background-size: auto 16px;
  top: 3px;
  right: 4px;
}
.button-burger .icon-tier[data-tier="true"]:before {
  -webkit-filter: invert(32%) sepia(92%) saturate(1563%) hue-rotate(353deg)
    brightness(98%) contrast(83%);
  filter: invert(32%) sepia(92%) saturate(1563%) hue-rotate(353deg)
    brightness(98%) contrast(83%);
}
.button-burger .icon-tier[data-tier="true"]:after {
  background-color: #000;
}
.button-burger.active .icon-tier[data-tier="true"] {
  opacity: 0;
}
.paging ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.paging li a {
  min-width: 36px;
  height: 36px;
  background: transparent;
  border: 1px solid #e7e7e7;
}
.paging li.active a,
.paging li:hover a {
  background: transparent;
  border: 1px solid var(--yale-blue-50);
  color: var(--yale-blue-50);
}
.paging li.first a,
.paging li.last a,
.paging li.next a,
.paging li.prev a {
  font-size: 0;
  width: 36px;
  height: 36px;
  position: relative;
}
.paging li.first a:before,
.paging li.last a:before,
.paging li.next a:before,
.paging li.prev a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.paging li.next a:before,
.paging li.prev a:before {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.50002 13.875C1.37641 13.875 1.25556 13.8384 1.15278 13.7697C1.04999 13.701 0.969884 13.6034 0.922577 13.4892C0.87527 13.375 0.862893 13.2493 0.887011 13.1281C0.911128 13.0068 0.970658 12.8955 1.05807 12.8081L6.86612 7.00002L1.05807 1.19197C0.940857 1.07476 0.875007 0.915781 0.875007 0.750016C0.875007 0.584252 0.940857 0.425276 1.05807 0.308063C1.17528 0.19085 1.33426 0.125 1.50002 0.125C1.66579 0.125 1.82476 0.19085 1.94198 0.308063L8.19198 6.55807C8.25002 6.6161 8.29606 6.685 8.32747 6.76083C8.35888 6.83666 8.37505 6.91794 8.37505 7.00002C8.37505 7.0821 8.35888 7.16337 8.32747 7.2392C8.29606 7.31503 8.25002 7.38393 8.19198 7.44197L1.94198 13.692C1.884 13.7501 1.81511 13.7962 1.73927 13.8276C1.66342 13.859 1.58212 13.8751 1.50002 13.875Z' fill='%23000'/%3E%3C/svg%3E%0A");
}
.paging li.first a:before,
.paging li.last a:before,
.paging li.next a:before,
.paging li.prev a:before {
  background-size: auto 16px;
  background-repeat: no-repeat;
  background-position: calc(50% + 1px) 50%;
  -webkit-filter: var(--filter-arrow2);
  filter: var(--filter-arrow2);
}
.paging li.first a:before,
.paging li.last a:before {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.624929 13.875C0.501313 13.875 0.380471 13.8383 0.277686 13.7697C0.174901 13.701 0.0947896 13.6034 0.047483 13.4892C0.000176312 13.375 -0.0122008 13.2493 0.0119169 13.1281C0.0360346 13.0068 0.095564 12.8954 0.182976 12.808L5.99103 6.99999L0.182978 1.19194C0.0657652 1.07473 -8.47368e-05 0.91575 -8.47066e-05 0.749986C-8.46764e-05 0.584221 0.0657653 0.425246 0.182979 0.308032C0.300192 0.190819 0.459167 0.12497 0.624932 0.12497C0.790697 0.12497 0.949672 0.190819 1.06689 0.308033L7.31689 6.55804C7.37493 6.61607 7.42097 6.68497 7.45238 6.7608C7.48379 6.83664 7.49996 6.91791 7.49996 6.99999C7.49996 7.08207 7.48379 7.16334 7.45238 7.23917C7.42097 7.31501 7.37493 7.38391 7.31689 7.44194L1.06688 13.6919C1.00891 13.7501 0.940018 13.7962 0.864173 13.8276C0.788328 13.859 0.707023 13.8751 0.624929 13.875V13.875Z' fill='%23000'/%3E%3Cpath d='M6.12496 14C6.00134 14 5.8805 13.9633 5.77772 13.8947C5.67493 13.826 5.59482 13.7284 5.54751 13.6142C5.50021 13.5 5.48783 13.3743 5.51195 13.2531C5.53607 13.1318 5.59559 13.0204 5.68301 12.933L11.4911 7.12499L5.68301 1.31694C5.5658 1.19973 5.49995 1.04075 5.49995 0.874986C5.49995 0.709221 5.5658 0.550246 5.68301 0.433032C5.80022 0.315819 5.9592 0.24997 6.12496 0.24997C6.29073 0.24997 6.4497 0.315819 6.56692 0.433033L12.8169 6.68304C12.875 6.74107 12.921 6.80997 12.9524 6.8858C12.9838 6.96164 13 7.04291 13 7.12499C13 7.20707 12.9838 7.28834 12.9524 7.36417C12.921 7.44001 12.875 7.50891 12.8169 7.56694L6.56691 13.8169C6.50894 13.8751 6.44005 13.9212 6.3642 13.9526C6.28836 13.984 6.20705 14.0001 6.12496 14V14Z' fill='%23000'/%3E%3C/svg%3E%0A");
}
.paging li.first a:before,
.paging li.prev a:before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background-position: 50%;
}
.kcm-read-paging a {
  padding: 8px 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  color: var(--cl-txt);
  background: transparent;
  border: 1px solid #e7e7e7;
}
.kcm-read-paging a.prev {
  background: var(--yale-blue-50);
  border: 1px solid var(--yale-blue-50);
  padding: 0 12px;
}
.kcm-read-paging a.active,
.kcm-read-paging a:hover {
  background: transparent;
  border: 1px solid var(--yale-blue-50);
  color: var(--yale-blue-50);
}
body {
  --cl-kgnow-grey: #2b3947;
  --cl-kgnow-grey_1: #f6f6f6;
}
body.theme-dark {
  --cl-kgnow-grey: hsla(0, 0%, 100%, 0.87);
  --cl-kgnow-grey_1: #262626;
}
@media (prefers-color-scheme: dark) {
  body {
    --cl-kgnow-grey: hsla(0, 0%, 100%, 0.87);
    --cl-kgnow-grey_1: #262626;
  }
  body.theme-light {
    --cl-kgnow-grey: #2b3947;
    --cl-kgnow-grey_1: #f6f6f6;
  }
}
.color--kgnow {
  background: #ef0d70;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ef0d70),
    to(#fb571a)
  );
  background: linear-gradient(180deg, #ef0d70 0, #fb571a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
}
.kgnowGate.--type2 {
  padding: 0 15px 10px !important;
}
.kgnowGate.--type2 .videoKGSlider {
  height: 230px;
  margin: 0 -15px -10px;
}
.kgnowGate.--type2 .videoKGSlider-scroll {
  padding-top: 0;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-padding: 15px;
}
.kgnowGate.--type2 .videoKGSlider-item {
  width: 236px;
  scroll-snap-align: start;
  margin-left: 8px;
  margin-right: 8px;
}
.kgnowGate.--type2 .videoKGSlider-item:first-child {
  margin-left: 15px;
}
.kgnowGate.--type2 .videoKGSlider-img {
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}
.kgnowGate.--type2 .videoKGSlider-img img {
  position: absolute;
  top: 0;
  left: 0;
}
.kgnowGate .video-inject.ga--kgnow {
  height: 56.25vw;
}
.kgnowGate .video-inject.ga--kgnow .box-shadow-new {
  padding: 10px;
}
.kgnowGate .video-inject.ga--kgnow .rVideo-detail {
  height: 50px;
}
.kgnowGate .videoKGSlider {
  margin: 0 -10px -10px;
  background: var(--bg-main);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.kgnowGate .videoKGSlider-item,
.kgnowGate .videoKGSlider .rVideo-item {
  width: 150px;
  margin-left: 6px;
  margin-right: 6px;
}
.kgnowGate .videoKGSlider-item:first-child,
.kgnowGate .videoKGSlider .rVideo-item:first-child {
  margin-left: 15px;
}
.kgnowGate .videoKGSlider-item:last-child,
.kgnowGate .videoKGSlider .rVideo-item:last-child {
  margin-right: 15px;
}
.kgnowGate .videoKGSlider-item.--playing .videoKGSlider-img,
.kgnowGate .videoKGSlider .rVideo-item.--playing .videoKGSlider-img {
  padding: 2px;
}
.kgnowGate .videoKGSlider-item.--playing .videoKGSlider-img:before,
.kgnowGate .videoKGSlider .rVideo-item.--playing .videoKGSlider-img:before {
  border-radius: 8px;
  content: "";
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(4%, #f21a63),
    to(#fc4f1f)
  );
  background: linear-gradient(180deg, #f21a63 4%, #fc4f1f);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
.kgnowGate .videoKGSlider-item.--playing .videoKGSlider-img:after,
.kgnowGate .videoKGSlider .rVideo-item.--playing .videoKGSlider-img:after {
  position: absolute;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #f21a63;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(4%, #f21a63),
    to(#fc4f1f)
  );
  background: linear-gradient(180deg, #f21a63 4%, #fc4f1f);
  bottom: 0;
  right: 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: var(--cl-white);
  padding: 2px 7px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2;
  content: "Now Playing";
}
.kgnowGate .videoKGSlider-item.--playing .videoKGSlider-img img,
.kgnowGate .videoKGSlider .rVideo-item.--playing .videoKGSlider-img img {
  z-index: 1;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}
.kgnowGate .videoKGSlider-img {
  border-radius: 8px;
  overflow: hidden;
  width: 150px;
  height: 84px;
}
.kgnowGate .videoKGSlider-duration {
  right: 0;
  bottom: 0;
  padding: 5px 5px 5px 20px;
  border-radius: 4px 0 4px 0;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 130%;
  color: #e8e8e8;
}
.kgnowGate .videoKGSlider .icon-play {
  -webkit-transform: scale(0.65);
  transform: scale(0.65);
}
.kgnowGate .videoKGSlider-title {
  height: auto;
  max-height: 51px;
  margin: 8px 0 4px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  color: var(--cl-kgnow-grey);
}
.kgnowGate .videoKG-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 120%;
}
.kgnowGate .videoKG-subtitle {
  position: relative;
  padding-right: 12px;
  line-height: 120%;
}
.kgnowGate .videoKG-subtitle:after {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  background-color: #a1adb9;
  border-radius: 100%;
  right: 3px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.kgnowGate .videoKG-date {
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: var(--cl-gray-med);
  line-height: 120%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.kgnowGate.videoKG-widget {
  background: var(--bg-main);
  width: 100%;
  padding: 15px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.kgnowGate.videoKG-widget .rVideo-embed .rVideo-player {
  padding-top: calc(9 / 16 * (100vw - 20px));
}
.kgnowGate .pop-title {
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-transform: none;
  border-bottom: 0;
}
.kgnowGate .pop-title:before {
  border-left: 0;
  width: 32px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f21a63),
    to(#fc4f1f)
  );
  background: linear-gradient(90deg, #f21a63, #fc4f1f);
  left: 10px;
}
.kgnowGate .pop-title:after,
.kgnowGate .pop-title:before {
  content: "";
  position: absolute;
  height: 2px;
  top: calc(100% - 4px);
  border-radius: 20px;
}
.kgnowGate .pop-title:after {
  width: 2px;
  background: #ff6703;
  left: 45px;
  border-bottom: 0;
}
.kgnowGate .pop-link {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #e80d78;
  text-transform: none;
  padding-right: 12px;
  margin: -2px 0 0;
  right: 10px;
}
.kgnowGate .pop-link:after {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23E80D78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: auto 8px;
  background-position: 50%;
}
.--articleKGnow .info-latest {
  font-size: 12px;
  font-weight: 500;
  padding: 5px 5px 5px 24px;
  bottom: 0;
  right: 0;
  border-radius: 4px 0 4px 0;
}
.--articleKGnow .info-latest.video .icon-play {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  left: 4px;
}
.--articleKGnow .ListCol2 {
  border-radius: 8px;
  overflow: hidden;
}
.video-inject {
  height: calc(56.25vw + 20px);
  margin-bottom: 2px;
}
.rVideo-middle {
  border: 0;
  margin: 20px 0;
}
.rVideo-middle-close {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  right: 0;
  top: 0;
}
.rVideo-middle-close:before {
  content: "";
  width: 10px;
  height: 10px;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 16 16M17 1 1 17' stroke='%23000' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");
  -webkit-filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(247deg)
    brightness(105%) contrast(101%);
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(247deg)
    brightness(105%) contrast(101%);
}
.rVideo-middle-close:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: hsla(0, 0%, 44%, 0.8);
}
.rVideo-middle-sticky {
  position: fixed;
  top: 8px;
  left: 12px;
  width: calc(100vw - 24px);
  height: 100px;
  padding-left: 177.77778px;
  background: var(--bg-white);
  border: 0.7px solid hsla(0, 0%, 100%, 0.5);
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  z-index: 12;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}
.rVideo-middle-sticky,
.rVideo-middle-sticky .rVideo-middle-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rVideo-middle-sticky .rVideo-middle-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: var(--cl-main);
  -webkit-line-clamp: 4;
  margin: 0 38px 0 12px;
  height: auto;
  max-height: 72px;
}
.-kgnow .rVideo-middle {
  height: 56.25vw;
}
.-kgnow .rVideo-middle .rVideo-middle-player {
  position: fixed;
  width: 177.77778px;
  height: 100px;
  top: 8px;
  z-index: 12;
  border-radius: 8px 0 0 8px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}
.-kgnow .rVideo-middle .rVideo-middle-ads {
  position: absolute;
  right: 0;
  width: calc(100vw - 24px - 177.77778px);
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: var(--bg-adsbox);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0.3s linear, opacity 0.3s linear;
  transition: visibility 0.3s linear, opacity 0.3s linear;
}
.-kgnow-active .rVideo-middle .rVideo-middle-player,
.-kgnow-active .rVideo-middle .rVideo-middle-sticky {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  z-index: 6;
}
.rVideo-embed {
  position: relative;
  padding: 0;
  background: var(--bg-main);
  border-radius: 8px;
  overflow: hidden;
  z-index: 1;
}
.rVideo-embed .rVideo-player {
  position: relative;
  padding-top: 56.25vw;
}
.rVideo-embed .rVideo-player iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
.contentArticle .kgnowGate.videoKG-widget {
  margin: 12px 0;
  padding: 16px 0;
  width: 100%;
  position: relative;
}
.contentArticle .kgnowGate.videoKG-widget:before {
  top: 0;
}
.contentArticle .kgnowGate.videoKG-widget:after {
  bottom: 0;
}
.contentArticle .kgnowGate.videoKG-widget:after,
.contentArticle .kgnowGate.videoKG-widget:before {
  content: "";
  position: absolute;
  left: 0;
  width: calc(100vw - 30px);
  border-top: 1px solid var(--br-list);
}
.contentArticle .kgnowGate.videoKG-widget .videoKGSlider {
  margin: 0 -15px;
}
.contentArticle .kgnowGate.videoKG-widget .rVideo-embed .rVideo-player {
  padding-top: calc(9 / 16 * (100vw - 30px));
}
.contentArticle .kgnowGate.videoKG-widget .videoKGSlider-item:first-child {
  margin-left: 15px;
}
.contentArticle .kgnowGate.videoKG-widget .videoKGSlider-item:last-child {
  margin-right: 15px;
}
.contentArticle .rVideo-middle-sticky .rVideo-middle-title a {
  color: var(--cl-main);
}
.contentArticle h2.pop-title {
  margin: 4px 0 0;
}
.contentArticle>iframe[src^="https://embed.jixie.media/"],.contentArticle>iframe[src^="https://www.kgnow.com/embed"],.contentArticle p>iframe[src^="https://embed.jixie.media/"],.contentArticle p>iframe[src^="https://www.kgnow.com/embed"]
{
  position: relative;
  max-width: 100vw;
  width: 100vw;
  height: 56.25vw;
  margin: 0 -15px;
}
.photoCarousel-item.video .photoCarousel-img {
  border-radius: 8px;
}
.photoCarousel-item.video .photoCarousel-duration {
  right: 4px;
  bottom: 0;
  border-radius: 8px 0 8px 0;
}
.-kgnow-active .header-block {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.-kgnow-active #js-banner-sticky.boxBanner1 .banner1,
.-kgnow-active .header-block {
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
}
.-kgnow-active.scrollup .header-block {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.-kgnow-active.scrollup .rVideo-middle-player,
.-kgnow-active.scrollup .rVideo-middle-sticky {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}
.-kgnow-active.scrollup #js-banner-sticky.boxBanner1 .banner1 {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.-kgnow-active.scrollup .rVideo-middle.-adsside .rVideo-middle-ads {
  visibility: visible;
  opacity: 1;
}
.-kgnow-active.scroll .rVideo-middle-player,
.-kgnow-active.scroll .rVideo-middle-sticky {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.-kgnow-active.scroll .rVideo-middle.-adsside .rVideo-middle-ads {
  visibility: visible;
  opacity: 1;
}
.rVideo-middle-sticky {
  display: none;
}
.rVideo-middle-player .rVideo-middle-close {
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 0;
  visibility: hidden;
}
.-kgnow-active .rVideo-middle-player .rVideo-middle-close {
  opacity: 1;
  visibility: visible;
}
.-kgnow .rVideo-middle .rVideo-middle-player {
  width: calc(100vw - 24px);
  left: 27px;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
  background: #fff;
}
@media (min-width: 430px) {
  .-kgnow .rVideo-middle .rVideo-middle-player {
    max-width: 400px;
    left: calc(50% - 200px + 15px);
  }
}
body {
  --cl-jingga01: #e75524;
  --cl-blue-2: #39a3f0;
  --cl-line: #e7e7e7;
  --filter-arrow2: brightness(0) saturate(100%) invert(13%) sepia(11%)
    saturate(16%) hue-rotate(327deg) brightness(100%) contrast(83%);
  --filter-gray3: brightness(0) saturate(100%) invert(18%) sepia(0%)
    saturate(0%) hue-rotate(80deg) brightness(101%) contrast(94%);
  --filter-hover-gray3: brightness(0) saturate(100%) invert(92%) sepia(89%)
    saturate(2%) hue-rotate(203deg) brightness(111%) contrast(100%);
}
body.theme-dark {
  --cl-jingga01: #e75524;
  --cl-blue-2: #39a3f0;
  --cl-line: #383838;
  --filter-arrow2: brightness(0) saturate(100%) invert(100%) sepia(8%)
    saturate(91%) hue-rotate(277deg) brightness(114%) contrast(100%);
  --filter-gray3: brightness(0) saturate(100%) invert(100%) sepia(100%)
    saturate(0%) hue-rotate(39deg) brightness(104%) contrast(105%);
  --filter-hover-gray3: brightness(0) saturate(100%) invert(92%) sepia(89%)
    saturate(2%) hue-rotate(203deg) brightness(111%) contrast(100%);
}
@media (prefers-color-scheme: dark) {
  body {
    --cl-jingga01: #e75524;
    --cl-blue-2: #39a3f0;
    --cl-line: #383838;
    --filter-arrow2: brightness(0) saturate(100%) invert(100%) sepia(8%)
      saturate(91%) hue-rotate(277deg) brightness(114%) contrast(100%);
    --filter-gray3: brightness(0) saturate(100%) invert(100%) sepia(100%)
      saturate(0%) hue-rotate(39deg) brightness(104%) contrast(105%);
    --filter-hover-gray3: brightness(0) saturate(100%) invert(92%) sepia(89%)
      saturate(2%) hue-rotate(203deg) brightness(111%) contrast(100%);
  }
  body.theme-light {
    --cl-jingga01: #e75524;
    --cl-blue-2: #39a3f0;
    --cl-line: #e7e7e7;
    --filter-arrow2: brightness(0) saturate(100%) invert(13%) sepia(11%)
      saturate(16%) hue-rotate(327deg) brightness(100%) contrast(83%);
    --filter-gray3: brightness(0) saturate(100%) invert(18%) sepia(0%)
      saturate(0%) hue-rotate(80deg) brightness(101%) contrast(94%);
    --filter-hover-gray3: brightness(0) saturate(100%) invert(92%) sepia(89%)
      saturate(2%) hue-rotate(203deg) brightness(111%) contrast(100%);
  }
}
.interestGate-btn {
  background: var(--cl-blue-2);
}
.cm__wFooter {
  display: none;
}
.revamp1 .quick-gate {
  padding: 0;
  margin: 4px 0 20px;
}
.revamp1 .quick-gate + .sectionHeader {
  margin-top: 4px;
}
.interestGate.-logged .interestGate-btn {
  color: var(--cl-blue-2);
  border: 1px solid var(--cl-blue-2);
}
.revamp1 .discover__menu li a {
  padding: 6px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  color: var(--cl-gray-med);
  letter-spacing: -0.16px;
  font-family: inherit;
  text-transform: none;
}
.revamp1 .discover__item {
  margin: 0;
}
.wSpec.-aiml.-tab.-revamp + .wSpec.-aiml.-tab.-revamp {
  padding: 0 0 20px;
}
.sectionTitle:before {
  top: 1px;
}
.sectionTitle {
  font-weight: 500;
}
.revamp1 .pop-title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
  color: var(--cl-txt);
  padding: 0 12px;
  background: var(--bg-main);
  display: block;
  letter-spacing: -0.2px;
  z-index: 2;
  text-transform: capitalize;
  font-family: inherit;
  position: relative;
  margin-top: 24px;
  padding-top: 15px;
  border-top: 1px solid var(--br-gray-lite);
  border-bottom: none;
}
.revamp1 .pop-title:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  height: calc(100% - 2px - 15px);
  border-left: 2px solid #e65225;
}
.revamp1 .pop-title:after {
  border-bottom: none;
}