@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
.discover__menu li a.-new,
.mainMenuP a.-new,
.navmenu-link.-new {
    position: relative;
}

.discover__menu li a.-new:after,
.mainMenuP a.-new:after,
.navmenu-link.-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-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;
    --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;
    --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-hover-gray3: brightness(0) saturate(100%) invert(92%) sepia(89%)
        saturate(2%) hue-rotate(203deg) brightness(111%) contrast(100%);
    --bg-news: #0f79c6;
    --bg-tren-2: #1fb9e1;
    --bg-food-2: #f2c445;
    --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: #003957;
    --bg-bola-2: #0db24b;
    --bg-money-2: #438e10;
    --bg-travel-2: #00bcd4;
    --bg-sains-2: #0161b8;
    --bg-lifestyle-2: #00a783;
    --bg-properti-2: #b57c29;
    --bg-homey-2: #d8b370;
    --bg-fotovideo-2: #ebebeb;
}

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;
    --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);
    --br-most: transparent;
    --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-hover-gray3: brightness(0) saturate(100%) invert(92%) sepia(89%)
        saturate(2%) hue-rotate(203deg) brightness(111%) contrast(100%);
    --bg-news: #0f79c6;
    --bg-tren-2: #1fb9e1;
    --bg-food-2: #f2c445;
    --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: #003957;
    --bg-bola-2: #0db24b;
    --bg-money-2: #438e10;
    --bg-travel-2: #00bcd4;
    --bg-sains-2: #0161b8;
    --bg-lifestyle-2: #00a783;
    --bg-properti-2: #b57c29;
    --bg-homey-2: #d8b370;
    --bg-fotovideo-2: #ebebeb;
}

@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;
        --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-hover-gray3: brightness(0) saturate(100%) invert(92%)
            sepia(89%) saturate(2%) hue-rotate(203deg) brightness(111%)
            contrast(100%);
        --bg-news: #0f79c6;
        --bg-tren-2: #1fb9e1;
        --bg-food-2: #f2c445;
        --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: #003957;
        --bg-bola-2: #0db24b;
        --bg-money-2: #438e10;
        --bg-travel-2: #00bcd4;
        --bg-sains-2: #0161b8;
        --bg-lifestyle-2: #00a783;
        --bg-properti-2: #b57c29;
        --bg-homey-2: #d8b370;
        --bg-fotovideo-2: #ebebeb;
    }

    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-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;
        --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-hover-gray3: brightness(0) saturate(100%) invert(92%)
            sepia(89%) saturate(2%) hue-rotate(203deg) brightness(111%)
            contrast(100%);
        --bg-news: #0f79c6;
        --bg-tren-2: #1fb9e1;
        --bg-food-2: #f2c445;
        --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: #003957;
        --bg-bola-2: #0db24b;
        --bg-money-2: #438e10;
        --bg-travel-2: #00bcd4;
        --bg-sains-2: #0161b8;
        --bg-lifestyle-2: #00a783;
        --bg-properti-2: #b57c29;
        --bg-homey-2: #d8b370;
        --bg-fotovideo-2: #ebebeb;
    }
}

@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;
}

body:after {
    content: "";
    background: transparent;
}

input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    padding: 0;
    border: none;
    line-height: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
}

input[type="radio"]:before {
    content: "";
    background: var(--bg-radio);
    border-radius: 100%;
    border: 1px solid #545454;
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    top: 0;
    margin-right: 0;
    vertical-align: top;
    cursor: pointer;
    text-align: 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;
}

input[type="radio"]:checked:before {
    border: 1px solid #545454;
    background: #3ca5dd;
    -webkit-box-shadow: inset 0 0 0 1.5px var(--bg-radio);
    box-shadow: inset 0 0 0 1.5px var(--bg-radio);
}

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");
}

.navmenu {
    position: fixed;
    top: 50px;
    z-index: 8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #242424;
    width: 100%;
    height: 40px;
}

.navmenu-wrap {
    position: relative;
    overflow: hidden;
}

.navmenu-block {
    overflow-y: hidden;
    white-space: nowrap;
    height: 50px;
    padding-bottom: 10px;
}

.navmenu-block,
.navmenu-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.navmenu-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    height: 100%;
}

.navmenu-link.-new:after {
    position: absolute;
    font-size: 8px;
    top: 2px;
    left: calc(100% - 28px);
}

.navmenu-link span {
    position: relative;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.41px;
    color: var(--cl-white);
}

.navmenu-item {
    position: relative;
}

.navmenu-item:last-child {
    margin-right: 5px;
}

.navmenu-item:first-child {
    margin-left: 5px;
}

.navmenu-item.active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    width: calc(100% - 20px);
    height: 1px;
    background: #e55225;
    z-index: 1;
}

.navmenu-item.active .navmenu-link span {
    color: #e55225;
}

#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 Condensed, 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: transparent;
    border: 1px solid #fff;
    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");
}

.floating-share--nav {
    position: fixed;
    width: 100%;
    background: var(--bg-share);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);
    top: 0;
    z-index: 8;
    padding: 8px 15px 7px;
    text-align: left;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.social--text {
    float: left;
    padding: 10px 10px 0 5px;
    text-transform: uppercase;
    font-size: 14px;
}

.icon-cm {
    border-radius: 0;
    background-size: 32px;
    opacity: var(--cl-alpha);
}

.social--channel {
    position: relative;
}

.social--channel .floating-share {
    padding: 5px 15px 20px;
    text-align: center;
}

.social-name {
    font-size: 10px;
    line-height: 24px;
    color: var(--cl-main);
}

.wSocial-overlay {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    z-index: 12;
    z-index: 99999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -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;
}

.wSocial-overlay.show {
    visibility: visible;
    opacity: 1;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.75);
}

.wSocial-overlay .floating-share {
    position: relative;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.wSocial-overlay .floating-share li {
    margin: 0;
}

.wSocial-overlay .floating-share a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
}

.wSocial-box {
    position: relative;
    width: 100%;
    border-radius: 8px 8px 0 0;
    background: var(--bg-white-lv2);
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.16);
    padding: 10px 0;
}

.wSocial-box-top {
    padding: 15px 10px;
    border-bottom: 1px solid var(--br-gray-lite);
}

.wSocial-box-bottom,
.wSocial-box-top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wSocial-box-bottom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 0 20px;
}

.wSocial-col {
    position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 0 0 15px;
}

.wSocial-title {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 500;
    max-height: 46px;
}

.wSocial-lead,
.wSocial-title {
    line-height: 1.4;
    color: var(--cl-main);
    height: auto;
    overflow: hidden;
}

.wSocial-lead {
    margin: 0;
    font-size: 12px;
    max-height: 52px;
}

.wSocial-text {
    margin: 0;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--cl-main);
}

.wSocial-img {
    position: relative;
    width: 85px;
    height: 85px;
    -ms-flex-preferred-size: 85px;
    flex-basis: 85px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.wSocial-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wSocial-close {
    display: none;
}

.wArticle-box .wSocial-overlay.show {
    visibility: visible;
    opacity: 1;
    position: absolute;
    left: 40%;
    top: 95%;
}

.contentArticle .wSocial-overlay li,
.contentArticle .wSocial-overlay ul {
    list-style: none;
    display: block;
    padding: 0;
}

.contentArticle .wSocial-overlay ul.floating-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.contentArticle .floating-share a {
    color: inherit;
}

.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 {
    width: 11px;
    height: 11px;
    border: 2px solid #000;
    border-radius: 100%;
    background: red;
}

.kgid-badge-menu {
    position: absolute;
    top: -1px;
    right: 12px;
}

.kgid-badge-inline {
    display: inline-block;
    margin: 0 2px;
    border: 2px solid transparent;
}

.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: #fff;
}

.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;
}

#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);
}

.kgid-item {
    border-bottom: 0;
}

.kgid-item-inner {
    padding: 0 15px;
    margin: 2px 0;
    background: var(--bg-panel1);
}

.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;
}

#page1 {
    background-color: var(--bg-body) !important;
}

.partner__header {
    margin: 0;
}

@media (max-width: 415px) {
    .partner__header img {
        width: 100%;
    }
}

.partner__header,
.topIndexBBC {
    padding: 10px;
    background: var(--bg-main);
}

.pop-title {
    font-family: Roboto Condensed, 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);
}

.read__teaser {
    margin: 15px 0 2px;
    padding: 0 10px 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--cl-gray-med);
    border-bottom: 1px dashed var(--br-list-lv2);
}

.read__teaser > p {
    margin: 0;
}

.read__teaser ~ .floating-share {
    padding: 10px 15px;
}

.read__credit {
    background: var(--bg-main);
    padding: 10px 15px 0;
    font-size: 12px;
    line-height: 1.5;
    color: var(--cl-main);
}

.read__credit a {
    font-weight: 700;
    display: inline;
    vertical-align: baseline;
    line-height: 1.5;
}

.read__credit h6 {
    padding: 0;
    display: inline;
    font-size: 14px;
    color: inherit;
}

.read__credit__logo {
    padding: 0;
    display: inline-block;
    vertical-align: baseline;
}

.read__credit__logo img {
    width: auto;
    max-width: 100%;
    height: 10px;
    padding: 0;
    vertical-align: baseline;
}

.read__credit.bottom {
    padding: 0;
    margin: 20px 0;
}

.read__credit.top {
    padding: 24px 15px 0;
    color: var(--cl-gray-lite);
}

.read__content {
    word-break: break-word;
}

.read-complete {
    position: relative;
    text-align: center;
    padding: 30px 15px 40px;
    background: var(--bg-main);
    color: var(--cl-main);
}

.read-complete-content {
    position: relative;
    padding: 5px 0;
}

.read-complete-title {
    margin: 5px 0;
    font-size: 21px;
    font-weight: 700;
}

.contentArticle {
    padding: 5px 15px 20px;
    background: var(--bg-main);
    -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);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--cl-main);
}

.contentArticle a {
    color: #3ca5dd;
    text-decoration: none;
}

.contentArticle .read__credit a,
.contentArticle h6 {
    color: var(--cl-main);
}

.contentArticle h6 {
    line-height: 1.3;
    margin: 0;
    padding: 4px 0;
}

.contentArticle h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 30px 0 15px;
}

.contentArticle h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 10px 0;
}

.contentArticle strong {
    font-weight: 700;
}

.contentArticle ol,
.contentArticle ul {
    list-style: disc;
    padding: 0 0 0 25px;
}

.contentArticle ol {
    list-style: decimal;
}

.contentArticle li {
    list-style: inherit;
    display: list-item;
}

.contentArticle iframe {
    max-width: 100%;
}

.contentArticle table {
    table-layout: auto !important;
}

.contentArticle table colgroup col,
.contentArticle table td,
.contentArticle table th {
    width: auto !important;
}

.contentArticle .ikutitopikpilihan {
    font-weight: 700;
    margin: 5px 0 0;
    display: inline-block;
}

.contentArticle .banner1,
.contentArticle .boxBanner1,
.contentArticle .flying_carpet_div {
    margin: 0 -15px;
}

.contentArticle .box-shadow-new {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.contentArticle .read__content li {
    margin: 0.75em 0;
}

.contentArticle .ivs-wrap-wp {
    margin-left: -15px;
    margin-right: -15px;
}

.contentArticle .video {
    position: relative;
    padding-top: 56.25vw;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 400;
    color: var(--cl-gray-lite);
}

.contentArticle .video > span {
    display: block;
    padding: 5px 0 2px;
    text-align: right;
    color: var(--cl-gray-bold);
}

.contentArticle .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 56.25vw;
}

.contentArticle iframe[src*="https://www.youtube.com/embed/"]
{
    height: 56.25vw;
    margin-left: -15px;
    margin-right: -15px;
    width: 100vw;
    max-width: none;
}

.contentArticle .video iframe[src*="https://www.youtube.com/embed/"]
{
    margin-right: 0;
    margin-left: 0;
}

.fotocaption {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--cl-main);
    padding: 5px 0 10px;
}

.contentArticle .photo,
.contentArticle .video {
    margin: 0 -15px 10px;
}

.video-ivs {
    position: relative;
    margin: 0 0 20px;
}

.video-ivs__title {
    font-weight: 700;
}

.video-ivs .ivsn_video_title_class {
    font-size: 14px;
    line-height: 1.3;
    padding: 5px 0 0;
}

.photo-infographic,
.photo-infographic .wrap-photo {
    min-height: 177.77778vw;
}

.contentArticle .photo-infographic {
    margin: 0 -15px 10px;
}

.icon-expand {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy41MzMiIGhlaWdodD0iMTAuNDUxIiB2aWV3Qm94PSIwIDAgMTcuNTMzIDEwLjQ1MSI+ICA8ZyBpZD0iZXllXzFfIiBkYXRhLW5hbWU9ImV5ZSAoMSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTk4LjcyNSkiPiAgICA8cGF0aCBpZD0iUGF0aF85IiBkYXRhLW5hbWU9IlBhdGggOSIgZD0iTTguNzY3LDk4LjcyNWMtMy4zNSwwLTYuMzg4LDEuODMzLTguNjI5LDQuODFhLjY5NC42OTQsMCwwLDAsMCwuODI5YzIuMjQyLDIuOTgsNS4yOCw0LjgxMyw4LjYyOSw0LjgxM3M2LjM4OC0xLjgzMyw4LjYyOS00LjgxYS42OTQuNjk0LDAsMCwwLDAtLjgyOUMxNS4xNTQsMTAwLjU1OCwxMi4xMTcsOTguNzI1LDguNzY3LDk4LjcyNVptLjI0LDguOTA2YTMuNjg4LDMuNjg4LDAsMSwxLDMuNDQtMy40NEEzLjY5LDMuNjksMCwwLDEsOS4wMDcsMTA3LjYzMVptLS4xMTEtMS43YTEuOTg2LDEuOTg2LDAsMSwxLDEuODU0LTEuODU0QTEuOTgyLDEuOTgyLDAsMCwxLDguOSwxMDUuOTMxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iI2ZmZiIvPiAgPC9nPjwvc3ZnPg==);
}

.icon-zoom {
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cpath d='m496.64 424.96-71.68-71.68c23.04-35.84 35.84-76.8 35.84-122.88C460.8 102.4 358.4 0 230.4 0S0 102.4 0 230.4s102.4 230.4 230.4 230.4c46.08 0 87.04-12.8 122.88-35.84l71.68 71.68c20.48 20.48 51.2 20.48 71.68 0 20.48-20.48 20.48-51.2 0-71.68zM230.4 409.6c-99.84 0-179.2-79.36-179.2-179.2S130.56 51.2 230.4 51.2s179.2 79.36 179.2 179.2-81.92 179.2-179.2 179.2z' fill='%23fff' data-original='%23000000' xmlns='http://www.w3.org/2000/svg'/%3E%3Cpath d='M332.8 204.8H256V128c0-15.36-10.24-25.6-25.6-25.6-15.36 0-25.6 12.8-25.6 25.6v76.8H128c-12.8 0-25.6 10.24-25.6 25.6 0 15.36 10.24 25.6 25.6 25.6h76.8v76.8c0 15.36 10.24 25.6 25.6 25.6 15.36 0 25.6-10.24 25.6-25.6V256h76.8c15.36 0 25.6-10.24 25.6-25.6 0-15.36-12.8-25.6-25.6-25.6z' fill='%23fff' data-original='%23000000' xmlns='http://www.w3.org/2000/svg'/%3E%3C/svg%3E");
}

.photoCarousel {
    position: relative;
    background: var(--bg-main);
    padding: 0 11px;
}

.photoCarousel-block {
    position: relative;
    padding: 0;
}

.photoCarousel-wrap {
    padding: 20px 0 15px;
    position: relative;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.photoCarousel-img {
    position: relative;
    width: 100%;
    padding-top: 66.66667%;
    overflow: hidden;
    background: var(--bg-gray-med);
}

.photoCarousel-img img {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
    -o-object-fit: cover;
    object-fit: cover;
}

.photoCarousel-img ~ .videoKG-duration {
    bottom: 5px;
    right: 9px;
}

.photoCarousel-item {
    width: 33.33333%;
    position: relative;
    vertical-align: top;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 4px;
}

.photoCarousel-item:first-child:last-child {
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.photoCarousel-item:first-child:nth-last-child(2),
.photoCarousel-item:first-child:nth-last-child(2) ~ .photoCarousel-item {
    -ms-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.photoCarousel-item.active .photoCarousel-img:after {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 4px solid var(--bg-gray-med);
}

.photoCarousel-duration {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    background-color: var(--bg-time);
    border-radius: 8px;
    padding: 0 8px;
    position: absolute;
    z-index: 2;
    right: 8px;
    bottom: 5px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0.85;
}

.photoCarousel-duration:before {
    content: "";
    background-size: auto 100%;
    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(90%) sepia(56%) saturate(7142%) hue-rotate(186deg)
        brightness(126%) contrast(82%);
    filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg)
        brightness(126%) contrast(82%);
    width: 13px;
    height: 13px;
    margin-right: 4px;
}

.photoCarousel .info-banner-arrow {
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background: var(--bg-white-lv2);
}

.photoCarousel .info-banner-arrow.-right {
    right: -10px;
}

.photoCarousel .info-banner-arrow.-left {
    left: -10px;
}

.photoCarousel .icon-arrow {
    background-image: none;
}

.photoCarousel .icon-arrow-left {
    -webkit-transform: rotate(-40deg) translate(1px, 1px);
    transform: rotate(-40deg) translate(1px, 1px);
}

.photoCarousel .icon-arrow-right {
    -webkit-transform: rotate(135deg) translate(1px, 1px);
    transform: rotate(135deg) translate(1px, 1px);
}

.photoCarousel .icon-arrow:after {
    border-top: 2px solid var(--cl-gray-med);
    border-left: 2px solid var(--cl-gray-med);
}

.mob-tagging {
    position: relative;
    max-height: 78px;
    overflow: hidden;
}

.mob-tagging--article {
    margin: 20px 0;
}

.mob-tagging__title {
    font-weight: 700;
    display: block;
    line-height: normal;
}

.mob-tagging__title:not(h4) {
    font-size: 14px;
    vertical-align: super;
    position: absolute;
    left: 3px;
    top: 6px;
    padding: 4px 3px;
}

.mob-tagging__items {
    display: inline-block;
    position: relative;
}

.mob-tagging__item {
    float: left;
    margin: 3px;
}

.mob-tagging__item:first-child {
    margin: 3px 3px 3px 43px;
}

.mob-tagging__link {
    max-width: 150px;
    height: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    display: block;
    border-radius: 4px;
    border: 1px solid var(--br-list);
    color: var(--cl-gray-med);
    background: var(--bg-white);
    padding: 7px 12px;
}

.mob-tagging__more {
    color: #2289ce;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    text-align: right;
    padding: 4px 0 8px;
    width: 170px;
    position: absolute;
    bottom: 1px;
    right: 0;
    outline: none;
    border: 0;
    background-color: transparent;
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        color-stop(56.28%, var(--bg-main)),
        color-stop(90.57%, hsla(0, 0%, 100%, 0))
    );
    background-image: linear-gradient(
        270deg,
        var(--bg-main) 56.28%,
        hsla(0, 0%, 100%, 0) 90.57%
    );
}

.mob-tagging__more.-hide {
    opacity: 0;
    visibility: hidden;
}

.contentArticle ul.mob-tagging__items {
    list-style: none;
    padding: 0;
}

.contentArticle ul.mob-tagging__items li {
    display: inline-block;
}

.contentArticle .mob-tagging__link {
    color: var(--cl-gray-med);
}

.photo--open .mob-tagging {
    max-height: none;
}

.photo--open .mob-tagging__more {
    opacity: 0;
    visibility: hidden;
}

.paging__footnote.next-topic ~ .mob-tagging {
    margin: 7px 0 20px;
}

.kcm-read-paging {
    position: relative;
    margin: 10px 0;
    padding: 5px 10px 0;
    background: var(--bg-gray-bold);
    font-size: 14px;
    border-radius: 8px;
}

.kcm-read-paging .note,
.kcm-read-paging h4 {
    margin: 0 0 5px;
    display: inline-block;
    font-weight: 700;
    font-size: 13px;
}

.kcm-read-paging ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.kcm-read-paging li {
    display: block;
    margin: 0 2px 15px;
    list-style: none;
    float: left;
}

.kcm-read-paging li.pright {
    float: right;
}

.kcm-read-paging a {
    padding: 6px 11px;
    border-radius: 20px;
    color: inherit;
    background: var(--bg-white-lv2);
    font-size: 16px;
    border: 1px solid var(--br-list-lv2);
}

.kcm-read-paging a.active,
.kcm-read-paging a.prev {
    background: #1583cc;
    border: 1px solid #1583cc;
    color: #fff;
}

.paging__footnote {
    position: relative;
    padding: 10px 0 15px;
}

.paging__footnote span {
    display: inline-block;
    padding: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--cl-main);
}

.paging__footnote h5 {
    margin: 0;
}

.paging__footnote a.next {
    font-size: 18px;
    font-style: italic;
    color: #1583cc;
    display: block;
    font-weight: 700;
}

.bacaJuga {
    position: relative;
    margin: 0 0 20px;
    -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);
}

.bacaJuga .read-title,
.bacaJuga .title-mobile,
.bacaJuga h1,
.bacaJuga h2 {
    font-family: Roboto Condensed, 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;
}

.bacaJuga .read-title:after,
.bacaJuga .title-mobile:after,
.bacaJuga h1:after,
.bacaJuga h2:after {
    content: "";
    position: absolute;
    left: 10px;
    bottom: 0;
    width: 20%;
    border-bottom: 5px solid #3ca5dd;
}

.bacaJuga ul {
    position: relative;
    background: var(--bg-main);
    padding: 10px;
}

.bacaJuga li {
    display: block;
}

.bacaJuga li a {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #e2e2e2;
    color: var(--cl-main);
}

.bacaJuga li:last-child a {
    border-bottom: none;
}

#next_previous_inject {
    min-height: 97px;
}

.kolom-widget-read-mob {
    position: relative;
    color: var(--cl-main);
    background: var(--bg-main);
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px 10px 20px;
}

.kolom-widget-read-mob:after {
    content: "";
    position: absolute;
    width: calc(100% - 20px);
    bottom: 15px;
    left: 10px;
    border-bottom: 2px solid #e54210;
}

.kolom-widget-read-mob__author {
    padding: 11px 0 15px 75px;
    position: relative;
    min-height: 59px;
}

.kolom-widget-read-mob__img {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    overflow: hidden;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.kolom-widget-read-mob__img img {
    height: auto;
    width: 100%;
    max-width: 100%;
}

.kolom-widget-read-mob__name a {
    padding-top: 0;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 0;
    color: #e54210;
}

.kolom-widget-read-mob__title a {
    text-decoration: none;
    color: #e54210;
}

.kolom-widget-read-mob__position {
    font-size: 12px;
    color: var(--cl-gray);
    margin-bottom: 10px;
}

.kolom-widget-read-mob__position:empty {
    padding-top: 15px;
}

.kolom-widget-read-mob__desc {
    margin-bottom: 15px;
    padding: 15px 0 5px;
    border-top: 1px solid var(--br-gray-med);
    border-bottom: 1px solid var(--br-gray-med);
}

.kolom-widget-read-mob__author-bar {
    margin: 0 0 10px;
    font-size: 11px;
}

.kolom-widget-read-mob__author-bar span {
    display: inline-block;
    width: 11px;
    height: 11px;
    vertical-align: text-top;
    margin: 0 5px 0 0;
    background-size: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
}

.kolom-widget-read-mob__description {
    font-size: 12px;
    line-height: 1.6;
}

.konsultasi-header .kolom-widget-read-mob__img {
    -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
}

.konsultasi-header .kolom-widget-read-mob__name a {
    color: #7dbbb9;
}

.konsultasi-header .kolom-widget-read-mob:after {
    border-bottom: 3px solid #2a5d68;
}

.konsultasi-download {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 8px 10px 5px;
    background: var(--bg-main);
}

.konsultasi-download .button-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: inherit;
    font-weight: 700;
    text-transform: inherit;
    color: #7dbbb9;
    background: #ebf7ff;
    border-radius: 30px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.konsultasi-download .button-main:hover {
    color: #7dbbb9;
    background: #d2edff;
}

.konsultasi-download .icon-download {
    position: relative;
    display: block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background-position: 50%;
    background-size: contain;
}

.jixie__logo {
    font-size: 12px;
    padding: 0;
    text-align: right;
    color: #b7b7b7;
    position: absolute;
    top: 11px;
    right: 10px;
}

.jixie__logo span {
    vertical-align: bottom;
    padding: 3px 3px 0;
    text-transform: lowercase;
    font-size: 11px;
    font-weight: 300;
}

.jixie__logo__img,
.jixie__logo span {
    position: relative;
    display: inline-block;
}

.jixie__logo__img {
    cursor: pointer;
}

.jixie__logo__img:before {
    content: "";
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #2a2a2a;
    border-left: 0 solid transparent;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 3;
    -webkit-box-shadow: 2px -2px 3px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px -2px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px -2px 3px 0 rgba(0, 0, 0, 0.2);
}

.jixie__logo__img:after {
    content: attr(data-text);
    opacity: 0;
    visibility: hidden;
    max-width: 270px;
    min-width: 270px;
    position: absolute;
    top: 25px;
    border-radius: 5px;
    right: 0;
    z-index: 1;
    background: #2a2a2a;
    padding: 8px;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
    font-size: 13px;
    text-align: left;
    text-transform: none;
    font-weight: 400;
    color: #fff;
}

.jixie__logo__img:hover:after,
.jixie__logo__img:hover:before {
    opacity: 1;
    visibility: visible;
}

.jixie__logo img {
    width: 50px;
}

.rekomendasi--small {
    position: relative;
    margin: 0 0 20px;
    -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);
}

.rekomendasi--small h1 {
    font-family: Roboto Condensed, 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;
}

.rekomendasi--small h1:after {
    content: "";
    position: absolute;
    left: 10px;
    bottom: 0;
    width: 20%;
    border-bottom: 5px solid #3ca5dd;
}

.rekomendasi--small ul {
    position: relative;
    background: var(--bg-main);
    padding: 10px;
}

.rekomendasi--small li {
    display: block;
    height: 57px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rekomendasi--small li a {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #e2e2e2;
    color: var(--cl-main);
    padding: 0;
    height: auto;
    max-height: 36px;
    overflow: hidden;
}

.rekomendasi--small li:last-child a {
    border-bottom: none;
}

#rekomendasi.rekomendasi--small {
    height: 527px;
    overflow: hidden;
}

.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;
}

.topicMost__content {
    margin: 20px 0;
    background: var(--bg-main);
    padding: 5px 10px;
}

.topicMost__item {
    border-bottom: 1px solid var(--br-list);
}

.topicMost__item--wrapper {
    white-space: normal;
    height: auto;
    overflow: inherit;
    margin: 0;
    padding: 15px 0;
}

.topicMost__item:last-child {
    border-bottom: none;
}

.topicMost__bigtitle {
    margin: 0;
    font-size: 18px;
    line-height: 1.3;
    color: var(--cl-main);
}

.kcm--read .topicMost__bigtitle {
    margin: 0;
    font-size: 16px;
}

.kcm--read .topicMost__content {
    margin: 0;
}

.kcm--read .topicMost__item--wrapper {
    padding: 10px 0;
}

.mostList {
    position: relative;
}

.mostList h2 {
    margin: 10px 0 15px;
}

.mostList__item {
    margin: 0 0 40px;
    border-bottom: 1px solid var(--br-list-lv2);
}

.mostList__item:last-child {
    border-bottom: none;
}

.mostList__img {
    position: relative;
    padding-top: 66.66667%;
    background: var(--bg-gray-med);
    overflow: hidden;
}

.mostList__img img {
    position: absolute;
    width: 100%;
    height: auto;
    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);
}

.headline.column.most {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px 5px 0;
}

.headline.column.most h1 {
    font-size: 24px;
    line-height: 1.2;
}

.button-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 34px;
    width: auto;
    padding: 0 15px;
    border: transparent;
    margin: 5px 0;
    border-radius: 8px;
    background: #357dfd;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.button-main:hover {
    color: #fff;
    background: #035dfd;
}

.button-newsletter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    width: 100%;
    padding: 0 15px;
    border: transparent;
    margin: 5px 0;
    border-radius: 8px;
    background: #007aff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.button-newsletter:hover {
    color: #fff;
    background: #0062cc;
}

.listicle-menu {
    margin: 15px 0 10px;
    position: relative;
}

.listicle-menu-subtitle {
    padding: 0 15px;
    font-family: var(--font-primary);
    font-weight: 500;
    color: var(--cl-main);
}

.listicle-menu-wrap {
    position: relative;
    padding: 10px 0;
    white-space: nowrap;
    overflow-y: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.listicle-menu-link {
    display: block;
    padding: 7px 10px;
    color: inherit;
}

.listicle-menu-link:hover {
    color: inherit;
}

.listicle-menu-item {
    position: relative;
    border-radius: 5px;
    border: 1px solid var(--br-blue);
    font-family: var(--font-primary);
    font-weight: 500;
    line-height: 1;
    color: var(--cl-blue);
    margin-right: 6px;
    background: var(--bg-white-lv2);
}

.listicle-menu-item:first-child {
    margin-left: 15px;
}

.listicle-menu-item:last-child {
    margin-right: 15px;
}

.listicle-menu-item.active {
    background: #3ca5dd;
    border: 1px solid #3ca5dd;
    color: var(--cl-white);
}

.listicle-nav {
    background: var(--bg-gray-bold);
    border-radius: 8px;
    padding: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.listicle-nav,
.listicle-nav-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.listicle-nav-item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.listicle-nav-item.-next {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right;
}

.listicle-nav-item.-next .listicle-nav-title {
    padding: 2px 13px 2px 10px;
}

.listicle-nav-item.-next .listicle-nav-title:before {
    right: 1px;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.listicle-nav-item.-prev {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.listicle-nav-item.-prev .listicle-nav-title {
    padding: 2px 10px 2px 13px;
}

.listicle-nav-item.-prev .listicle-nav-title:before {
    left: 1px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.listicle-nav-subtitle {
    width: 100%;
    color: var(--cl-main);
}

.listicle-nav-subtitle,
.listicle-nav-title {
    position: relative;
    font-family: var(--font-primary);
    font-weight: 500;
}

.listicle-nav-title {
    margin: 0;
    font-size: 18px;
    color: #3ca5dd;
}

.listicle-nav-title:before {
    content: "";
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    border-top: 2px solid #3ca5dd;
    border-left: 2px solid #3ca5dd;
    bottom: calc(50% - 0.25rem);
}

.listicle-nav-link {
    display: block;
}

.wBookreference {
    background: var(--bg-main);
    padding-bottom: 20px;
    position: relative;
    color: var(--cl-main);
}

.wBookreference-box {
    padding: 30px 0 50px;
    margin: 0 15px;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px dashed var(--br-list-lv2);
}

.wBookreference-text {
    height: 18px;
    font-size: 14px;
    font-weight: 400;
    color: var(--cl-main);
}

.wBookreference-title {
    font-size: 18px;
    margin: 4px 0;
    font-weight: 700;
    color: var(--cl-main);
}

.wBookreference-author {
    height: 18px;
    font-size: 14px;
    font-weight: 400;
    color: var(--cl-gray-med);
}

.wBookreference-button {
    text-align: center;
    width: 133px;
    height: 34px;
    position: absolute;
    bottom: 40px;
    right: 15px;
    background-color: #007aff;
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    color: #fff;
    border-radius: 8px;
}

.wBookRecommend {
    border-top: 1px dashed var(--br-list-lv2);
    border-bottom: 1px solid var(--br-list-lv2);
}

.wBookRecommend-wrap {
    position: relative;
    margin: 20px 0;
    min-height: 245px;
}

.wBookRecommend-wrap .title {
    border-bottom: transparent;
}

.wBookRecommend-wrap .title__content {
    letter-spacing: 4px;
    font-weight: 700;
    line-height: 1;
    color: var(--cl-blue-bold);
    padding-bottom: 15px;
    text-transform: uppercase;
}

.wBookRecommend-wrap .title__content:after {
    border-bottom: transparent;
}

.wBookRecommend-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wBookRecommend-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    margin: 10px 0 20px;
    padding-right: 8px;
}

.wBookRecommend-img {
    margin: 10px 0;
    width: 80px;
    height: 121px;
    background: var(--bg-gray-med);
}

.wBookRecommend-img img {
    width: 80px;
    height: 121px;
    -o-object-fit: cover;
    object-fit: cover;
}

.wBookRecommend-title {
    font-size: 12px;
    font-weight: 700;
    max-height: 32px;
    margin: 0;
    overflow: hidden;
    color: var(--cl-main);
    line-height: 1.4;
}

.wBookRecommend-author {
    height: 24px;
    font-size: 10px;
    color: var(--cl-gray-bold);
}

.standing-table-read .col-bs12-12 {
    width: 100%;
    float: left;
}

.standing-table-read .mt1 {
    margin-top: 10px;
}

.standing-table-read .mt3 {
    margin-top: 20px;
}

.standing-table-read .mb4 {
    margin-bottom: 20px;
}

.standing-table-read .text-right {
    text-align: right;
}

.standing-table-club {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.standing-table-club img,
.standing-table-logo {
    width: 15px;
    height: 15px;
}

.standing-table-logo {
    position: relative;
    margin-right: 5px;
}

.standing-table-read .standing-table-title h2 a.inner-link-tag {
    color: var(--cl-main) !important;
}

.standing-table-read table {
    position: relative;
    background: var(--bg-gray-med);
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.25);
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}

.standing-table-read table thead {
    background: #0db24b;
    color: #fff;
    position: relative;
    padding: 0 10px;
}

.standing-table-read table tr {
    border: 1px solid var(--br-list-lv2);
    position: relative;
    position: -webkit-sticky;
}

.standing-table-read table tr.standing-pos:after {
    content: "";
    position: absolute;
    left: -10px;
    top: 2px;
    height: 28px;
    border-left: 4px solid transparent;
    margin: auto;
}

.standing-table-read table tr.standing-pos.-next_round:after,
.standing-table-read table tr.standing-pos.-ucl:after {
    border-left: 4px solid #34a853;
}

.standing-table-read table tr.standing-pos.-el:after,
.standing-table-read table tr.standing-pos.-elimination_round:after {
    border-left: 4px solid #ff9200;
}

.standing-table-read table tr.standing-pos.-ecl:after {
    border-left: 4px solid #3879da;
}

.standing-table-read table tr.standing-pos.-deg:after {
    border-left: 4px solid #ef5151;
}

.standing-table-read table tr.standing-pos:after {
    left: 0;
}

.standing-table-read table td {
    padding: 10px 5px;
    border: 0;
}

.standing-table-read table td:nth-child(2) {
    text-align: left;
}

.standing-table-read table td:last-child {
    font-weight: 600;
}

.standing-table-more {
    font-size: 12px;
}

.wLink {
    position: relative;
    margin: 20px 0;
}

.wLink__block {
    position: relative;
    width: 100%;
    background: #1583cc;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wLink__block,
.wLink__img {
    height: 50px;
    overflow: hidden;
}

.wLink__img {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    width: 75px;
    background: var(--bg-gray-med);
}

.wLink__img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.wLink__title {
    margin: 6px 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.wLink__arrow,
.wLink__title {
    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;
}

.wLink__arrow {
    width: 15px;
    margin: 0 15px;
    position: relative;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.wLink__arrowPoint {
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.wLink__arrowPoint:after {
    content: "";
    display: block;
    width: 2px;
    height: 14px;
    background-color: #fff;
    -webkit-transform: rotate(-45deg) translate(15px, 4px);
    transform: rotate(-45deg) translate(15px, 4px);
    right: 16px;
    top: 5px;
    position: absolute;
}

.aTerkait {
    position: relative;
    margin: 20px 0;
}

.aTerkait:before {
    content: attr(text);
    color: var(--cl-main);
    font-weight: 700;
    margin: 6px 0;
    display: block;
}

.aTerkait__list {
    height: 65px;
    position: relative;
    overflow: hidden;
}

.aTerkait__list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    scroll-behavior: smooth;
    overflow-x: scroll;
    list-style: none;
    padding: 0 0 15px;
}

.aTerkait__list li {
    min-height: 63px;
}

.aTerkait__list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.aTerkait__list__img {
    width: 65px;
    height: 65px;
    margin: 0 10px 0 0;
    background: var(--bg-gray-med);
}

.aTerkait__list__img img {
    aspect-ratio: 1/1;
    -ms-flex-item-align: start;
    align-self: flex-start;
    height: 65px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
}

.aTerkait__list__title {
    width: 165px;
    padding-left: 0;
    padding-right: 10px;
    border-right: 0;
    color: var(--cl-main);
    line-height: 1.3;
    height: auto;
    max-height: 55px;
    overflow: hidden;
}

.wKolom {
    position: relative;
    padding: 20px 10px;
    background-color: var(--bg-main);
}

.wKolom__block {
    position: relative;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    padding: 20px 15px;
    width: auto;
    height: auto;
    border-radius: 8px;
    background-color: var(--bg-kolom);
}

.wKolom.read {
    background-size: contain;
    background-repeat: no-repeat;
    width: auto;
    height: auto;
}

.wKolom__title {
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 15px;
}

.wKolom__lead {
    font-size: 13px;
    margin: 0 0 20px;
}

.wKolom__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
}

.wKolom__action,
.wKolom__btn {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.wKolom__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: #7860fe;
    padding: 0 0 0 35px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    width: 50%;
    height: 38px;
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wKolom__iconsend,
.wKolom__iconwrite {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-position: 50%;
    background-color: #5643bc;
    background-repeat: no-repeat;
    background-size: 18px auto;
    height: 38px;
    width: 38px;
    display: block;
    padding: 0;
    text-align: center;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.wKolom a {
    color: #fff;
}

.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: cover;
    object-fit: cover;
    -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%;
}

.copy {
    margin: 15px 0;
    background-color: var(--bg-place);
    border-radius: 6px;
}

.copy,
.copy-wrap {
    position: relative;
}

.copy-wrap {
    background: var(--bg-main);
    padding: 0 10px 10px;
    margin: 0;
}

.copy-wrap .pop-title {
    margin: 0 -10px;
}

.copy--pop-title {
    margin-left: -15px !important;
}

.copy #expend {
    display: none;
}

.copy #expend + .copyContent {
    height: 180px;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.copy #expend:checked + .copyContent,
.copy #expend:checked ~ .copyExpand {
    height: 100%;
}

.copy #expend:checked ~ .copyExpand:before {
    content: "Tampilkan sebagian";
    display: inline-block;
}

.copy #expend:checked ~ .copyExpand:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 0;
}

.copyContent {
    padding: 40px 12px 12px;
    overflow: hidden;
    color: var(--cl-main);
}

.copyContentText,
.copyContentUrl {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
}

.copyTitle {
    color: var(--cl-main);
}

.copyBtn,
.copyTitle {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.copyBtn {
    position: absolute;
    right: 10px;
    top: 10px;
    border: none;
    cursor: pointer;
    padding-left: 12px;
    background-color: var(--bg-place);
    color: #007aff;
    -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;
}

.copyBtn.copied:after {
    content: attr(data-title);
    position: absolute;
    width: auto;
    top: -45px;
    left: calc(-65% - 25px);
    background: rgba(var(--bg-copy), 0.8);
    padding: 10px 10px 8px 40px;
    border-radius: 8px;
    white-space: nowrap;
    pointer-events: none;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--cl-copy);
}

.copyBtn.copied:before {
    content: "";
    position: absolute;
    left: calc(-65% - 14px);
    top: -37px;
    width: 20px;
    height: 20px;
    z-index: 1;
    pointer-events: none;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.copyExpand {
    background-color: transparent;
    border: none;
    padding: 12px;
    cursor: pointer;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--cl-main);
    border-top: 1px solid var(--br-list-lv2);
    text-align: center;
    width: 100%;
    display: inline-block;
}

.copyExpand:before {
    content: "Tampilkan semua";
}

.copyExpand:after,
.copyExpand:before {
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.copyExpand:after {
    content: "";
    width: 7px;
    height: 7px;
    border-bottom: 1px solid var(--cl-main);
    border-right: 1px solid var(--cl-main);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 10px;
    top: -3px;
    position: relative;
}

.copyURL {
    position: relative;
    margin: 15px 0;
    background-color: var(--bg-place);
    border-radius: 6px;
    padding: 0 12px;
}

.copyURL__content {
    max-width: 513px;
    height: 40px;
    margin: 0;
    padding: 12px 0;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--cl-main);
}

@media (max-width: 340px) {
    .ico-share.icon-copy {
        display: none;
    }
}

.konsultasi-gate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #c29485;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-box-shadow: var(--cl-shadow-inset);
    box-shadow: var(--cl-shadow-inset);
    border: 3px solid #fff5f3;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    gap: 10px;
}

.konsultasi-gate-container {
    background: var(--bg-main);
    padding: 20px 10px;
}

.konsultasi-gate-img {
    width: 100px;
    height: 100px;
    border-radius: 8px 0 0 8px;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
}

.konsultasi-gate-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--cl-white);
    margin: 0;
}

.konsultasi-gate-desc {
    font-size: 14px;
    font-weight: 400;
    color: var(--cl-white);
    margin: 5px 0 10px;
}

.konsultasi-gate-link {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: var(--cl-white);
    background: #1683cb;
    border-radius: 6px;
    border: 1px solid #fff;
    padding: 10px 20px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.konsultasi-gate-link:hover {
    background: #0c486f;
}

.konsultasi-gateWrap {
    background-color: var(--cl-gray);
    border: 3px solid var(--bg-white);
    padding: 14px;
    gap: 15px;
}

.konsultasi-gateWrap.--tanyaPakar {
    background-color: #00a783;
}

.konsultasi-gateWrap.--konsultasiHukum {
    background-color: #2a5d68;
}

.konsultasi-gateWrap.--konsultasiSains {
    background-color: #005fb4;
}

.konsultasi-gateWrap.--konsultasiSains .konsultasi-gate-link {
    background: #ffd954;
    color: #191919;
}

.konsultasi-gateWrap.--konsultasiSains .konsultasi-gate-link: hover {
    background: #ffb42b;
}

.konsultasi-gateWrap.--konsultasiHomey {
    background-color: #d8b370;
}

.konsultasi-gateWrap.--konsultasiHomey .konsultasi-gate-desc,
.konsultasi-gateWrap.--konsultasiHomey .konsultasi-gate-title {
    color: #4a2d0b;
}

.konsultasi-gateWrap.--tanyapajak {
    background-color: #217417;
}

.konsultasi-gateWrap.--tanyapajak .konsultasi-gate-link {
    background: #ffd954;
    color: #191919;
}

.konsultasi-gateWrap.--tanyapajak .konsultasi-gate-link: hover {
    background: #ffb42b;
}

.konsultasi-gateWrap.--cekFakta {
    background-color: #191919;
}

.konsultasi-gateWrap.--cekFakta .konsultasi-gate-link {
    background: #ed1c24;
}

.konsultasi-gateWrap.--cekFakta .konsultasi-gate-link: hover {
    background: #c00;
}

.konsultasi-gateWrap.--read {
    text-align: left;
    padding: 10px;
    gap: 10px;
}

.konsultasi-gateWrap.--read .konsultasi-gate-link {
    margin-top: 10px;
    font-size: 11px;
    padding: 8px 15px;
}

.article-download {
    background: var(--bg-main);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 17px 10px 10px;
}

.button-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    width: auto;
    padding: 0 24px;
    border: transparent;
    border-radius: 20px;
    background: #ebf7ff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    color: #7dbbb9;
    text-transform: uppercase;
}

.button-download .icon-download {
    display: inline-block;
    position: relative;
    width: 11.529px;
    height: 14px;
    margin-right: 4px;
    vertical-align: top;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.529' height='14' viewBox='0 0 11.529 14'%3E%3Cpath id='Icon_material-file-download' data-name='Icon material-file-download' d='M19.029 9.441H15.735V4.5H10.794V9.441H7.5l5.765 5.765ZM7.5 16.853V18.5H19.029V16.853Z' transform='translate(-7.5 -4.5)' fill='%237dbbb9'/%3E%3C/svg%3E");
}

.button-download:hover {
    background: #d2edff;
}

.wSpec {
    position: relative;
    padding: 0;
    margin: 20px 0 30px;
    background: var(--bg-main);
}

.wSpec-heading {
    margin: 0 0 15px;
    position: relative;
    border-bottom: 1px solid var(--br-gray-bold);
}

.wSpec-heading-content {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 0;
    font-family: Roboto Condensed, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: var(--cl-main);
}

.wSpec-heading-content:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 101%;
    border-bottom: 5px solid #3ca5dd;
}

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

.wSpec-heading.-center:after {
    content: "";
    position: absolute;
    left: 33.3333333%;
    bottom: 0;
    width: 33.3333333%;
    border-bottom: 5px solid #3ca5dd;
}

.wSpec-heading.-center .wSpec-heading-content:after {
    border-bottom: transparent;
}

.wSpec-secret {
    position: absolute;
    left: -10px;
    top: 10px;
    width: 20px;
    height: 25px;
    z-index: 1;
}

.wSpec-source {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    position: absolute;
    bottom: -23px;
    display: none;
    font-family: Roboto, sans-serif;
    font-size: 11px;
    font-weight: 400;
    color: var(--cl-gray-lite);
}

.wSpec-source.show {
    display: block;
}

.wSpec-lead {
    margin: 0 0 20px;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: var(--cl-main);
}

.wSpec-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px 15px;
}

.wSpec-item {
    width: calc(100vw / 2 - 23px);
    position: relative;
}

.wSpec-item:first-child,
.wSpec-item:nth-child(10) {
    width: 100%;
}

.wSpec-item:first-child .wSpec-title,
.wSpec-item:nth-child(10) .wSpec-title {
    font-size: 16px;
    -webkit-line-clamp: 2;
    height: 42px;
}

.wSpec-item:first-child .wSpec-img-overlay,
.wSpec-item:nth-child(10) .wSpec-img-overlay {
    padding: 0 0 15px 15px;
}

.wSpec-item:first-child .wSpec-img-overlay > img,
.wSpec-item:nth-child(10) .wSpec-img-overlay > img {
    height: 15px;
}

.wSpec-item:first-child .wSpec-img,
.wSpec-item:nth-child(10) .wSpec-img {
    height: calc(9 / 16 * (100vw - 30px));
}

.wSpec-item:not(:first-child):not(:nth-child(10)) .wSpec-stop {
    font-size: 12px;
}

.wSpec-img,
.wSpec-wrap {
    position: relative;
}

.wSpec-img {
    background: var(--bg-gray-med);
    border-radius: 8px;
    overflow: hidden;
    height: calc(9 / 16 * (50vw - 15px - 7.5px));
    z-index: 1;
}

.wSpec-img img {
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
}

.wSpec-img > img {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.wSpec-img > img[src=""],
.wSpec-img > img[src="(unknown)"] {
    opacity: 0;
}

.wSpec-img:after {
    z-index: 2;
    top: 50%;
    right: 0;
    content: "";
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#000),
        to(transparent)
    );
    background: linear-gradient(0deg, #000, transparent);
}

.wSpec-img-overlay,
.wSpec-img:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.wSpec-img-overlay {
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 12px 8px;
}

.wSpec-img-overlay > img {
    height: 11px;
    vertical-align: baseline;
}

.wSpec-box {
    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;
}

.wSpec-title {
    font-size: 14px;
    color: var(--cl-main);
    height: 55px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 6px 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.wSpec-subtitle,
.wSpec-tag,
.wSpec-title {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    line-height: 1.3;
    overflow: hidden;
}

.wSpec-subtitle,
.wSpec-tag {
    font-size: 12px;
    color: #bf451f;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.wSpec-tag {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #3ca5dd;
}

.wSpec-stop {
    display: none;
    width: 100%;
    height: 100%;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    background: var(--bg-stop-rec);
    border: 1px solid var(--br-stop-rec);
    border-radius: 8px;
    text-align: center;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--cl-stop-rec);
    z-index: 2;
}

.wSpec-stop-undo {
    margin-top: 8px;
    font-weight: 700;
    color: var(--cl-kompas);
}

.wSpec-stop.-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wSpec-stop.-active:after {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 30px;
    height: 30px;
}

.wSpec.-loading .wSpec-subtitle,
.wSpec.-loading .wSpec-tag {
    background: var(--bg-gray-med);
    border-radius: 4px;
    height: 15.6px;
    width: 80px;
    color: var(--bg-gray-med);
    margin: 0;
}

.wSpec.-loading .wSpec-box:after {
    content: "";
    position: absolute;
    width: 100%;
    border-radius: 4px;
    height: 14px;
    background: var(--bg-gray-med);
    left: 0;
    top: 26px;
}

.wSpec.-loading .wSpec-title {
    color: var(--bg-main);
    position: relative;
    height: 55px;
}

.wSpec.-loading .wSpec-title:after,
.wSpec.-loading .wSpec-title:before {
    content: "";
    position: absolute;
    width: 100%;
    border-radius: 4px;
    height: 14px;
    background: var(--bg-gray-med);
    left: 0;
    top: 0;
}

.wSpec.-loading .wSpec-title:after {
    top: calc(100% - 14px);
    width: calc(100% - 20px);
}

.wSpec.-loading .wSpec-item:first-child .wSpec-title,
.wSpec.-loading .wSpec-item:nth-child(10) .wSpec-title {
    height: 42px;
}

.wSpec.-loading .wSpec-item:first-child .wSpec-title:after,
.wSpec.-loading .wSpec-item:first-child .wSpec-title:before,
.wSpec.-loading .wSpec-item:nth-child(10) .wSpec-title:after,
.wSpec.-loading .wSpec-item:nth-child(10) .wSpec-title:before {
    height: 17px;
}

.wSpec.-loading .wSpec-item:first-child .wSpec-title:after,
.wSpec.-loading .wSpec-item:nth-child(10) .wSpec-title:after {
    top: calc(100% - 18px);
}

.wSpec.-loading .wSpec-item:first-child .wSpec-box:after,
.wSpec.-loading .wSpec-item:nth-child(10) .wSpec-box:after {
    background: transparent;
}

.wSpec.-loading .wSpec-img > img {
    display: none;
}

.wSpec.-loading .wSpec-img:after {
    background: none;
}

.wSpec.-loading .wSpec-img-overlay > img {
    display: none;
}

.contentArticle .wSpec .mgidaiml {
    width: 100vw;
    margin: 0 -15px;
    background-color: var(--bg-white);
    min-height: 480px;
    padding: 10px 0;
}

.contentArticle .wSpec .gate-kgplus {
    display: none;
}

.contentArticle .wSpec .mgidaiml > div {
    background-color: var(--bg-white);
    -webkit-box-shadow: rgba(0, 0, 0, 0.075) 0 0 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.075);
    padding: 10px;
}

.wSpec .pop-title {
    margin: 0 0 15px;
}

.wSpec .pop-title:after {
    left: 0;
}

.wSpec .jixie__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.wSpec .jixie__logo__img {
    height: 14px;
}

.wSpec .jixie__logo img {
    width: auto;
    height: 14px;
    margin-left: 3px;
}

.contentArticle .wSpec-lead {
    margin: 0 0 15px;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: var(--cl-main);
}

.contentArticle .wSpec.-aiml h2.pop-title {
    font-size: 16px;
    padding: 10px 0;
    margin: 0 0 15px;
}

:root {
    --cl-primary: #833275;
    --cl-secondary: #da664a;
}

.w-header.nologo *,
.w-header.nologo :after,
.w-header.nologo :before,
.w-info *,
.w-info :after,
.w-info :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.w-header {
    margin-top: 20px;
}

.w-header__row {
    position: relative;
    padding-bottom: 15px;
}

.w-header__row:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid var(--cl-primary);
    width: 110px;
}

.w-header__row:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 110px;
    border-bottom: 2px solid var(--cl-secondary);
    width: calc(100% - 110px);
}

.w-header__logo {
    position: absolute;
    width: 110px;
    height: 33px;
}

.w-header__logo img {
    max-width: 100%;
}

.w-header__link {
    display: block;
    padding: 0 5px;
    font-family: Playfair Display, serif;
    font-size: 16px;
    font-weight: 400;
    color: var(--cl-primary);
    text-decoration: none;
    height: 40px;
    overflow: hidden;
}

@media (max-width: 321px) {
    .w-header__link {
        font-size: 14px;
    }
}

.w-header__content {
    width: 100%;
    position: relative;
    margin: 5px 0 0;
    padding: 0 0 0 120px;
    z-index: 1;
    color: var(--cl-primary);
    font-family: Playfair Display, serif;
    font-size: 16px;
}

@media (max-width: 321px) {
    .w-header__content {
        font-size: 14px;
    }
}

.w-info__row {
    position: relative;
    padding-top: 15px;
}

.w-info__row:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 2px solid var(--cl-primary);
    width: 130px;
}

.w-info__row:after {
    content: "";
    position: absolute;
    top: 0;
    left: 130px;
    border-bottom: 2px solid var(--cl-secondary);
    width: calc(100% - 130px);
}

.w-info__logo {
    width: 130px;
}

.w-info__logo img {
    max-width: 100%;
}

.w-info__content p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 10px 0;
}

.w-info__content a {
    text-decoration: none;
    color: var(--cl-primary);
}

.w-info__more {
    display: block;
    color: var(--cl-main);
    font-size: 11px;
    font-weight: 700;
    padding-right: 15px;
    text-transform: uppercase;
}

.w-info.aiml .w-info__row > a {
    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;
}

.w-info__more .wLink__arrowPoint {
    border-top: 2px solid var(--cl-main);
    border-left: 2px solid var(--cl-main);
}

.w-info__more .wLink__arrowPoint:after {
    background-color: var(--cl-main);
}

.w-info__more .wLink__arrow {
    position: absolute;
    right: -18px;
    bottom: calc(50% - 12px);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.wSpec.-aiml .buttonMeatball {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -7px;
    margin-right: 0;
}

.wSpec.-aiml .buttonMeatball ~ a .wSpec-subtitle {
    padding-right: 35px;
}

.wSpec.-aiml .listPop {
    z-index: 3;
    top: calc(100% + 7px);
    min-width: calc(50vw + 5px);
    max-width: 300px;
    right: -15px;
}

@media (min-width: 420px) {
    .wSpec.-aiml .listPop {
        min-width: 210px;
        right: 0;
    }
}

.wSpec.-aiml .listPop__button {
    padding: 12px 10px;
    font-size: 13px;
}

@media (min-width: 450px) {
    .wSpec.-aiml .listPop__button {
        font-size: 16px;
    }
}

@media (max-width: 340px) {
    .wSpec.-aiml .listPop__button {
        padding: 12px;
        font-size: 12px;
    }
}

.wSpec.-aiml .listPop__button .icoBase {
    margin-right: 5px;
}

@media (max-width: 340px) {
    .wSpec.-aiml .listPop__button .icoBase {
        display: none;
    }
}

.wSpec.-aiml.-grid .latestDuration {
    z-index: 4;
    height: 24px;
    padding: 0 6px;
}

.wSpec.-aiml.-grid .latestDuration:before {
    content: "";
    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");
    margin-bottom: 0;
    background-size: auto 100%;
    -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%);
    width: 13px;
    height: 13px;
    margin-right: 4px;
}

.wSpecNext {
    position: fixed;
    width: 100%;
    bottom: 174px;
    left: 0;
    z-index: 6;
    visibility: hidden;
    opacity: 0;
    padding: 10px 16px;
    -ms-transform: translateY(240px);
    -webkit-transform: translateY(240px);
    transform: translateY(240px);
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.wSpecNext.-active {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.wSpecNext-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #0062cc;
    border-radius: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 16px;
    gap: 8px;
}

.wSpecNext-img {
    width: 60px;
    height: 60px;
    -ms-flex-preferred-size: 60px;
    flex-basis: 60px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #d0d5dd;
}

.wSpecNext-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wSpecNext-col {
    position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 4px;
}

.wSpecNext-info {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #aee0fe;
}

.contentArticle .wSpecNext-title,
.wSpecNext-title {
    height: auto;
    max-height: 40px;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: var(--cl-white);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
    padding-right: 24px;
}

.wSpecNext-close {
    position: absolute;
    top: 20px;
    right: 32px;
    z-index: 1;
    width: 24px;
    height: 24px;
    border: transparent;
    background: #d0d5dd;
    border-radius: 50%;
    padding: 0 0 0 1px;
}

.wSpecNext-close > * {
    pointer-events: none;
}

.wSpecNext-close .icoBase {
    width: 24px;
    height: 24px;
    color: #0062cc;
    margin-top: -1px;
}

.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;
}

.read__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    gap: 5px;
}

.read__cta .read__date {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.read__ctaLink {
    margin-right: 10px;
    font-size: 11px;
    font-weight: 700;
    border: 1px solid #3478f6;
    color: #3478f6;
    width: 107px;
    -ms-flex-preferred-size: 107px;
    flex-basis: 107px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 25px;
    padding: 4px 7px;
    border-radius: 5px;
}

.read__ctaIcon {
    padding-right: 4px;
    width: 17px;
    height: 14px;
    vertical-align: middle;
}

.read__ctaicoLink {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuOTE2NjcgMTJDMS42NzIyMiAxMiAxLjQ1ODMzIDExLjkwODMgMS4yNzUgMTEuNzI1QzEuMDkxNjcgMTEuNTQxNyAxIDExLjMyNzggMSAxMS4wODMzVjEuOTE2NjdDMSAxLjY3MjIyIDEuMDkxNjcgMS40NTgzMyAxLjI3NSAxLjI3NUMxLjQ1ODMzIDEuMDkxNjcgMS42NzIyMiAxIDEuOTE2NjcgMUg2LjE3OTE3VjEuOTE2NjdIMS45MTY2N1YxMS4wODMzSDExLjA4MzNWNi44MjA4M0gxMlYxMS4wODMzQzEyIDExLjMyNzggMTEuOTA4MyAxMS41NDE3IDExLjcyNSAxMS43MjVDMTEuNTQxNyAxMS45MDgzIDExLjMyNzggMTIgMTEuMDgzMyAxMkgxLjkxNjY3Wk01LjAwMjc4IDguNjU0MTdMNC4zNjExMSA3Ljk5NzIyTDEwLjQ0MTcgMS45MTY2N0g3LjA5NTgzVjFIMTJWNS45MDQxN0gxMS4wODMzVjIuNTczNjFMNS4wMDI3OCA4LjY1NDE3WiIgZmlsbD0iIzM0NzhGNiIgc3Ryb2tlPSIjMzQ3OEY2IiBzdHJva2Utd2lkdGg9IjAuMiIvPgo8L3N2Zz4K");
    height: 11px;
    width: 11px;
    background-size: cover;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    top: 2px;
    left: 5px;
}

.dir-header {
    position: relative;
    background: var(--bg-main);
    padding: 0 10px;
}

.dir-header ~ .dir-catalog-indeks {
    padding-top: 10px;
}

.dir-header-top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
}

.dir-header-bottom {
    position: relative;
    padding: 15px 0 30px;
    border-bottom: 1px dashed var(--br-list-lv2);
}

.dir-search,
.dir-search-wrap {
    position: relative;
}

.dir-search-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dir-search-row {
    position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.dir-search-input {
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid var(--br-grey-reg);
    border-radius: 8px;
    height: 35px;
    font-size: 16px;
    width: 100%;
    padding: 5px 12px;
    color: var(--cl-main);
    line-height: 1;
    font-weight: 500;
    background: var(--bg-white-lv2);
}

.dir-search-input::-webkit-input-placeholder {
    font-size: 14px;
    color: var(--cl-gray);
}

.dir-search-input::-moz-placeholder {
    font-size: 14px;
    color: var(--cl-gray);
}

.dir-search-input:-ms-input-placeholder,
.dir-search-input::-ms-input-placeholder {
    font-size: 14px;
    color: var(--cl-gray);
}

.dir-search-input::placeholder {
    font-size: 14px;
    color: var(--cl-gray);
}

.dir-search-input:focus {
    border: 1px solid #1fb9e1;
}

.dir-search-clear {
    position: absolute;
    right: 0;
    top: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 35px;
    height: 35px;
    border: transparent;
    background: transparent;
    cursor: pointer;
    color: var(--cl-main);
    visibility: hidden;
}

.dir-search-clear,
.dir-search-clear .icon-dismiss {
    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;
}

.dir-search-clear .icon-dismiss {
    margin: 0;
    font-size: 25px;
    font-weight: 400;
    position: relative;
}

.dir-search-clear .icon-dismiss:after {
    content: "×";
}

.dir-search-button {
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    -ms-flex-preferred-size: 35px;
    flex-basis: 35px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 35px;
    height: 35px;
    border-radius: 8px;
    padding: 0;
    text-transform: capitalize;
    cursor: pointer;
    border: 1px solid #1fb9e1;
    background: #1fb9e1;
    font-weight: 700;
    line-height: 1;
    color: transparent;
    margin-left: 10px;
}

.dir-search .icon-search {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 16px;
    height: 16px;
    background-size: contain;
}

.dir-letter-menu {
    position: relative;
    padding: 10px 0;
    margin: 0 -3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.dir-letter-text {
    position: relative;
    font-weight: 700;
}

.dir-letter-link,
.dir-letter-text {
    font-size: 16px;
    color: var(--cl-main);
}

.dir-letter-link {
    display: block;
    padding: 0 10px;
    margin: 3px;
    min-width: 35px;
    height: 35px;
    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-radius: 4px;
    border: 1px solid var(--br-grey-reg);
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 35px;
    flex-basis: 35px;
    background: var(--bg-white-lv2);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    font-weight: 500;
    line-height: 1;
}

.dir-letter-link:first-child {
    width: 76px;
    -ms-flex-preferred-size: 76px;
    flex-basis: 76px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.dir-letter-link.active,
.dir-letter-link:hover {
    border: 1px solid #1fb9e1;
    color: #1fb9e1;
    background: transparent;
}

.dir-catalog-box {
    position: relative;
    padding: 10px 10px 30px;
    margin-bottom: 10px;
    border-bottom: 1px dashed var(--br-list-lv2);
}

.dir-catalog-box .pop-title {
    margin: 0 -10px;
}

.dir-catalog-col {
    position: relative;
    width: 50%;
}

.dir-catalog-item {
    position: relative;
    color: var(--cl-main);
}

.dir-catalog-item > a {
    display: block;
    padding: 5px 0;
    font-size: 14px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.dir-catalog-idx {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.dir-catalog-idx > a {
    width: 50%;
    display: block;
    padding: 5px 0;
    font-weight: 700;
    font-size: 14px;
    color: #3ca5dd;
}

.dir-catalog-letter {
    position: relative;
    padding: 0 0 20px;
}

.dir-catalog-letter span {
    padding: 10px 0;
    text-align: center;
    min-width: 40px;
    border-bottom: 1px solid #1fb9e1;
    font-size: 20px;
    font-weight: 700;
    color: var(--cl-main);
    display: inline-block;
}

.dir-catalog-indeks {
    position: relative;
    background: var(--bg-main);
    padding: 0 10px;
}

.dir-catalog-indeks .dir-letter-text {
    padding: 15px 0 20px;
}

.dir-catalog-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.dir-catalog-list.-indeks {
    border-bottom: 1px dashed var(--br-list-lv2);
    margin-bottom: 20px;
    padding: 0 0 50px;
}

.dir-catalog-list.-indeks:last-child {
    border-bottom: transparent;
    margin-bottom: 0;
}

.dir-catalog-list.-indeks .dir-catalog-col {
    width: 100%;
}

.dir-catalog-list.-indeks .dir-catalog-item > a {
    font-size: 16px;
    max-width: 95%;
}

.info-disclaimer {
    position: relative;
    border-top: 1px dashed var(--br-list-lv2);
    padding: 10px 0 10px 20px;
    margin-top: 30px;
    font-size: 14px;
    line-height: normal;
    color: var(--cl-gray-med);
}

.info-disclaimer:before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
}

.contentArticle .dir-catalog-box {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 1px dashed var(--br-list-lv2);
}

.contentArticle .dir-catalog-box .dir-catalog-list,
.contentArticle .dir-catalog-box .pop-title {
    margin: 0 -10px;
}

.contentArticle .dir-catalog-box .dir-catalog-item > a {
    color: inherit;
    line-height: normal;
}

.dir-catalog-box .pop-title,
.dir-header .pop-title {
    letter-spacing: 3px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #1fb9e1;
    border-bottom: none;
    margin: 0;
    padding: 15px 0;
}

.dir-catalog-box .pop-title:after,
.dir-header .pop-title:after {
    border-bottom: none;
}

.profile-box {
    position: relative;
    padding: 15px 10px;
    background: var(--bg-main);
}

.profile-block {
    position: relative;
    background: var(--bg-profile);
    border: 1px solid var(--br-profile);
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
}

.profile-col {
    position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.profile-img {
    position: relative;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 60px;
    overflow: hidden;
    -ms-flex-preferred-size: 60px;
    flex-basis: 60px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.profile-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
}

.profile-name {
    position: relative;
    margin: 2px 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--cl-main);
}

.profile-lead {
    font-size: 12px;
}

.profile-desc,
.profile-lead {
    position: relative;
    font-weight: 500;
    color: var(--cl-main);
}

.profile-desc a {
    font-weight: 700;
    color: #1fb9e1;
}

.profile-desc p {
    margin: 0;
}

.anchor-nav {
    position: relative;
}

.anchor-nav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.anchor-nav-link,
.anchor-nav-menu {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.anchor-nav-link {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.anchor-nav-item {
    padding: 0 5px;
}

.anchor-inline {
    position: relative;
    padding: 0 10px;
    background: var(--bg-main);
}

.anchor-inline .anchor-nav {
    position: relative;
    padding-top: 30px;
    border-top: 1px dashed var(--br-list-lv2);
}

.anchor-inline .anchor-nav-link {
    padding: 0 10px;
    height: 35px;
    border-radius: 8px;
    color: var(--cl-anchor);
    border: 1px solid var(--br-anchor);
    background: var(--bg-white-lv2);
}

.anchor-inline .anchor-nav-link.active,
.anchor-inline .anchor-nav-link:hover {
    color: #fff;
    background: #1fb9e1;
}

.anchor-inline .anchor-nav-item {
    padding: 0 5px 5px 0;
}

.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 Condensed, sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.footer {
    position: relative;
    width: 100%;
    border-top: 1px solid #2c2c2c;
    padding: 5px 0 50px;
    background: #000;
    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: #999;
}

.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;
}

.hoax__artikel {
    margin: 10px 0 0;
    padding: 20px 0 0;
    border: 1px solid var(--br-list);
    position: relative;
    text-align: center;
    background: var(--bg-white);
    border-radius: 8px;
}

.hoax__artikel__content--desc {
    padding: 0 10px;
    color: var(--cl-main);
    font-size: 15px;
}

.hoax__artikel img {
    filter: var(--img-filter);
    -webkit-filter: var(--img-filter);
    height: 80px;
}

.hoax__widget {
    color: var(--cl-white);
    padding: 30px 20px;
    margin: 0 0 20px;
    background-position: 100% 100%;
    background-size: 150%;
    background-repeat: no-repeat;
    background-color: #020003;
}

.hoax__widget__title {
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.hoax__widget__text {
    color: var(--cl-white);
}

.hoax__widget__button {
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    letter-spacing: 2px;
    text-align: center;
    margin: 0 0 10px;
}

.hoax__widget__button--lapor {
    background: #c00;
}

.hoax__widget__button--cek {
    background: #ff8a00;
}

.hoax__widget__button__icon {
    display: inline-block;
    vertical-align: middle;
}

.hoax__widget__button img {
    margin: 0 6px 0 0;
}

.hoax__widget--article {
    padding: 20px;
    margin: 0 -15px 20px;
}

.hoax__widget--article .hoax__widget__button {
    width: 100%;
}

.contentArticle .hoax__widget__title {
    margin: 0;
}

.contentArticle .hoax__widget__button {
    color: #fff;
}

.factCheck-widget {
    position: relative;
    margin: 20px -15px;
    padding: 25px 20px;
    background: var(--bg-gray-bold);
}

.factCheck-info {
    position: relative;
    font-size: 14px;
    line-height: 1.4336;
}

.factCheck-button {
    display: inline-block;
    background: #3ca5dd;
    border: 1px solid #3ca5dd;
    font-size: 13px;
    color: #fff;
    margin-top: 10px;
    padding: 5px 15px;
    border-radius: 6px;
    text-transform: uppercase;
}

.factCheck-about {
    position: relative;
    background: var(--bg-main);
    padding: 20px 15px 0;
}

.factCheck-about h1 {
    margin: 0 -15px;
    font-size: 20px;
}

.factCheck-about h1,
.factCheck-about h2 {
    background: #c00;
    padding: 10px 15px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--cl-white);
}

.factCheck-about h2 {
    margin: 20px -15px 0;
    letter-spacing: 1px;
    font-size: 18px;
}

.factCheck-about .contentArticle {
    margin: 0 -15px;
}

.contentArticle a.factCheck-button {
    color: #fff;
}

.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;
}

.skeleton .kolom-widget-read-mob__img {
    background: #f0f0f0;
    overflow: hidden;
}

.skeleton .kolom-widget-read-mob__img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: progress 2s ease-in-out infinite;
    animation: progress 2s ease-in-out infinite;
    background: #f0f0f0;
    background: -moz-linear-gradient(
        95deg,
        #f0f0f0 0,
        #e0e0e0 50%,
        #f0f0f0 100%
    );
    background: -webkit-gradient(
        left top,
        right bottom,
        color-stop(0, #f0f0f0),
        color-stop(50%, #e0e0e0),
        color-stop(100%, #f0f0f0)
    );
    background: -webkit-linear-gradient(95deg, #f0f0f0, #e0e0e0 50%, #f0f0f0);
    background: -o-linear-gradient(95deg, #f0f0f0 0, #e0e0e0 50%, #f0f0f0 100%);
    background: -ms-linear-gradient(
        95deg,
        #f0f0f0 0,
        #e0e0e0 50%,
        #f0f0f0 100%
    );
    background: linear-gradient(95deg, #f0f0f0, #e0e0e0 50%, #f0f0f0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.skeleton .kolom-widget-read-mob__name {
    width: 200px;
    height: 20px;
    margin: 0 0 5px;
    overflow: hidden;
    position: relative;
    background: #f0f0f0;
}

.skeleton .kolom-widget-read-mob__name:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: progress 2s ease-in-out infinite;
    animation: progress 2s ease-in-out infinite;
    background: #f0f0f0;
    background: -moz-linear-gradient(
        95deg,
        #f0f0f0 0,
        #e0e0e0 50%,
        #f0f0f0 100%
    );
    background: -webkit-gradient(
        left top,
        right bottom,
        color-stop(0, #f0f0f0),
        color-stop(50%, #e0e0e0),
        color-stop(100%, #f0f0f0)
    );
    background: -webkit-linear-gradient(95deg, #f0f0f0, #e0e0e0 50%, #f0f0f0);
    background: -o-linear-gradient(95deg, #f0f0f0 0, #e0e0e0 50%, #f0f0f0 100%);
    background: -ms-linear-gradient(
        95deg,
        #f0f0f0 0,
        #e0e0e0 50%,
        #f0f0f0 100%
    );
    background: linear-gradient(95deg, #f0f0f0, #e0e0e0 50%, #f0f0f0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.skeleton .kolom-widget-read-mob__name a {
    padding: 0 !important;
}

.skeleton .kolom-widget-read-mob__position {
    width: 150px;
    height: 14px;
    margin: 0;
    overflow: hidden;
    position: relative;
    background: #f0f0f0;
}

.skeleton .kolom-widget-read-mob__position:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: progress 2s ease-in-out infinite;
    animation: progress 2s ease-in-out infinite;
    background: #f0f0f0;
    background: -moz-linear-gradient(
        95deg,
        #f0f0f0 0,
        #e0e0e0 50%,
        #f0f0f0 100%
    );
    background: -webkit-gradient(
        left top,
        right bottom,
        color-stop(0, #f0f0f0),
        color-stop(50%, #e0e0e0),
        color-stop(100%, #f0f0f0)
    );
    background: -webkit-linear-gradient(95deg, #f0f0f0, #e0e0e0 50%, #f0f0f0);
    background: -o-linear-gradient(95deg, #f0f0f0 0, #e0e0e0 50%, #f0f0f0 100%);
    background: -ms-linear-gradient(
        95deg,
        #f0f0f0 0,
        #e0e0e0 50%,
        #f0f0f0 100%
    );
    background: linear-gradient(95deg, #f0f0f0, #e0e0e0 50%, #f0f0f0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.skeleton .kolom-widget-read-mob__desc {
    padding: 5px 0;
    border-top: none;
    border-bottom: none;
    margin-bottom: 0;
}

.skeleton .kolom-widget-read-mob__author-bar {
    margin: 0;
    height: 11px;
    background: #f0f0f0;
    overflow: hidden;
    position: relative;
}

.skeleton .kolom-widget-read-mob__author-bar:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: progress 2s ease-in-out infinite;
    animation: progress 2s ease-in-out infinite;
    background: #f0f0f0;
    background: -moz-linear-gradient(
        95deg,
        #f0f0f0 0,
        #e0e0e0 50%,
        #f0f0f0 100%
    );
    background: -webkit-gradient(
        left top,
        right bottom,
        color-stop(0, #f0f0f0),
        color-stop(50%, #e0e0e0),
        color-stop(100%, #f0f0f0)
    );
    background: -webkit-linear-gradient(95deg, #f0f0f0, #e0e0e0 50%, #f0f0f0);
    background: -o-linear-gradient(95deg, #f0f0f0 0, #e0e0e0 50%, #f0f0f0 100%);
    background: -ms-linear-gradient(
        95deg,
        #f0f0f0 0,
        #e0e0e0 50%,
        #f0f0f0 100%
    );
    background: linear-gradient(95deg, #f0f0f0, #e0e0e0 50%, #f0f0f0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.skeleton .kolom-widget-read-mob__description {
    height: 11px;
    background: #f0f0f0;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}

.skeleton .kolom-widget-read-mob__description:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: progress 2s ease-in-out infinite;
    animation: progress 2s ease-in-out infinite;
    background: #f0f0f0;
    background: -moz-linear-gradient(
        95deg,
        #f0f0f0 0,
        #e0e0e0 50%,
        #f0f0f0 100%
    );
    background: -webkit-gradient(
        left top,
        right bottom,
        color-stop(0, #f0f0f0),
        color-stop(50%, #e0e0e0),
        color-stop(100%, #f0f0f0)
    );
    background: -webkit-linear-gradient(95deg, #f0f0f0, #e0e0e0 50%, #f0f0f0);
    background: -o-linear-gradient(95deg, #f0f0f0 0, #e0e0e0 50%, #f0f0f0 100%);
    background: -ms-linear-gradient(
        95deg,
        #f0f0f0 0,
        #e0e0e0 50%,
        #f0f0f0 100%
    );
    background: linear-gradient(95deg, #f0f0f0, #e0e0e0 50%, #f0f0f0);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.comment__read__icon {
    position: relative;
    float: right;
}

@media (min-width: 700px) {
    .comment__read__bar {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 20px;
    }

    .comment__read__bar:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 46px;
        width: 450px;
        z-index: -1;
        background: #dcdcdc;
        background: -moz-linear-gradient(
            90deg,
            hsla(0, 0%, 86%, 0) 0,
            #dcdcdc 60%,
            #dcdcdc 100%
        );
        background: -webkit-linear-gradient(
            90deg,
            hsla(0, 0%, 86%, 0),
            #dcdcdc 60%,
            #dcdcdc
        );
        background: -webkit-gradient(
            linear,
            left top,
            right top,
            from(hsla(0, 0%, 86%, 0)),
            color-stop(60%, #dcdcdc),
            to(#dcdcdc)
        );
        background: linear-gradient(
            90deg,
            hsla(0, 0%, 86%, 0),
            #dcdcdc 60%,
            #dcdcdc
        );
    }

    .comment__read__bar > span {
        padding: 11px 10px 0 0;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 17px;
        display: inline-block;
        vertical-align: top;
    }

    .comment__read__bar .social--article {
        left: -10px;
    }

    .comment__read__bar .social__link {
        background: transparent;
        padding: 3px;
        position: relative;
    }

    .comment__read__bar .social__link .icon {
        width: 100%;
        height: 100%;
    }
}

.comment__counter--inline {
    left: 0;
    top: 30px;
}

.comment--empty {
    margin-left: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.commentAlert {
    position: relative;
    margin: 16px 0 5px;
    display: inline-table;
    width: 100%;
}

.commentAlert-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--Azure-lighter);
    background: var(--Azure-lightest);
    position: relative;
}

.commentAlert-icon {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 40px;
    flex-basis: 40px;
    height: 40px;
    border-radius: 40px;
    background-color: var(--bg-white);
}

.commentAlert-icon .icon-alert {
    width: 40px;
    height: 40px;
    display: block;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' fill='none'%3E%3Cpath fill='%23000' d='M12 2.75a9.75 9.75 0 1 0 9.75 9.75A9.761 9.761 0 0 0 12 2.75Zm0 18a8.25 8.25 0 1 1 8.25-8.25A8.26 8.26 0 0 1 12 20.75ZM13.5 17a.75.75 0 0 1-.75.75H12a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 1 1 0-1.5H12a.75.75 0 0 1 .75.75v4.5a.75.75 0 0 1 .75.75Zm-2.813-8.625a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0Z'/%3E%3C/svg%3E");
    -webkit-filter: var(--filter-azure);
    filter: var(--filter-azure);
}

.commentAlert-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    color: var(--cl-gray-med);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.pop-title .comment__read__icon {
    float: none;
    display: inline-block;
    position: relative;
    vertical-align: text-bottom;
    margin-left: 2px;
}

.pop-title .comment__counter {
    top: -5px;
    left: 15px;
}

.pop-title .ico-share {
    width: 25px;
    height: 25px;
    background-size: 25px;
}

.contentArticle .comment__read__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.comment__info {
    position: relative;
    padding: 0;
    background: #fff;
}

.comment__info a {
    color: #3ca5dd;
}

.comment__wrap {
    position: relative;
    color: var(--cl-main);
    background: var(--bg-main);
    padding: 10px;
    -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);
}

@media (min-width: 700px) {
    .comment__wrap {
        padding: 0;
    }
}

.comment__wrap a {
    text-decoration: none;
}

.comment__wrap *,
.comment__wrap :after,
.comment__wrap :before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.comment__row {
    position: relative;
    padding: 0;
}

.comment__promo {
    position: relative;
    padding: 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.comment__promo__img {
    padding-top: 5px;
    width: 95px;
}

.comment__promo__content {
    width: calc(100% - 95px);
    padding: 0 0 0 10px;
}

.comment__promo span {
    color: #e65224;
    font-weight: 700;
}

.comment__promo p {
    font-size: 12px;
    margin: 0;
    padding-bottom: 5px;
}

.comment__promo a {
    font-size: 11px;
    font-weight: 700;
    color: #3ca5dd;
    float: right;
}

.comment-polling {
    background: rgba(var(--bg-comment), 1);
    padding: 15px 10px 0;
}

.comment-polling .comment__article {
    margin: 0 0 10px;
    background: var(--bg-input);
    border: 1px solid var(--br-list);
    border-radius: 10px;
    padding: 10px;
}

.comment-polling .comment__article__title {
    max-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comment-polling .comment__article__img {
    border-radius: 3px;
}

.comment-polling .comment__article .comment__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
}

.comment-polling .comment__article ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin-bottom: 5px;
}

.comment-polling .comment__list,
.comment-polling .comment__paging,
.comment-polling .comment__sorting {
    background-color: var(--bg-main);
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 10px 15px;
}

.comment-polling .comment__form {
    padding: 20px 0 0;
}

.comment-polling .comment__sorting__form {
    padding: 10px 0;
}

.comment-polling .comment__form__footer {
    padding: 15px 0;
}

.error textarea {
    border: 1px solid #d00000;
}

@media (max-width: 700px) {
    .title__content {
        font-size: 16px;
        color: #000;
    }
}

.sending.comment__item > div {
    z-index: 1;
}

.sending.comment__item {
    overflow: hidden;
    background: #fff;
}

.sending.comment__item:after {
    top: 0;
    left: 0;
    z-index: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: progress 3s ease-in-out infinite;
    animation: progress 3s ease-in-out infinite;
    background: #fff;
    background: -moz-linear-gradient(95deg, #fff 0, #e0e0e0 50%, #fff 100%);
    background: -webkit-gradient(
        left top,
        right bottom,
        color-stop(0, #fff),
        color-stop(50%, #e0e0e0),
        color-stop(100%, #fff)
    );
    background: -webkit-linear-gradient(95deg, #fff, #e0e0e0 50%, #fff);
    background: -o-linear-gradient(95deg, #fff 0, #e0e0e0 50%, #fff 100%);
    background: -ms-linear-gradient(95deg, #fff 0, #e0e0e0 50%, #fff 100%);
    background: linear-gradient(95deg, #fff, #e0e0e0 50%, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.comment__wrap .pop-title {
    padding: 10px 0;
    margin: 0;
}

.comment__wrap .pop-title:after {
    left: 0;
}

.comment > .comment__wrap {
    padding: 0 10px;
    margin: 0;
    background: rgba(var(--bg-comment), 1);
}

@media (min-width: 700px) {
    .comment > .comment__wrap {
        padding: 0 20px;
        margin: 15px 0 0;
    }
}

.comment .comment__button.action:hover {
    background: #e8f8ff;
}

.comment .comment__report.sticky {
    background: rgba(var(--bg-comment), 1);
}

.comment .comment__reply__list .comment__item {
    background: var(--bg-comment2);
}

.comment .comment__promo {
    padding: 20px 0 0;
    margin: 0;
}

.comment__wrap .button,
.comment__wrap button,
.comment__wrap input,
.comment__wrap select,
.comment__wrap textarea {
    margin: 0;
    padding: 8px 12px;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: var(--bg-input);
    border: solid 1px var(--br-gray-med);
    outline: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    -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;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857;
    color: #c2bebe;
}

.comment__wrap .button::-webkit-input-placeholder,
.comment__wrap button::-webkit-input-placeholder,
.comment__wrap input::-webkit-input-placeholder,
.comment__wrap select::-webkit-input-placeholder,
.comment__wrap textarea::-webkit-input-placeholder {
    font-size: 16px;
    color: #c2bebe;
    vertical-align: middle;
}

.comment__wrap .button::-moz-placeholder,
.comment__wrap button::-moz-placeholder,
.comment__wrap input::-moz-placeholder,
.comment__wrap select::-moz-placeholder,
.comment__wrap textarea::-moz-placeholder {
    font-size: 16px;
    color: #c2bebe;
    vertical-align: middle;
}

.comment__wrap .button:-ms-input-placeholder,
.comment__wrap .button::-ms-input-placeholder,
.comment__wrap button:-ms-input-placeholder,
.comment__wrap button::-ms-input-placeholder,
.comment__wrap input:-ms-input-placeholder,
.comment__wrap input::-ms-input-placeholder,
.comment__wrap select:-ms-input-placeholder,
.comment__wrap select::-ms-input-placeholder,
.comment__wrap textarea:-ms-input-placeholder,
.comment__wrap textarea::-ms-input-placeholder {
    font-size: 16px;
    color: #c2bebe;
    vertical-align: middle;
}

.comment__wrap .button::placeholder,
.comment__wrap button::placeholder,
.comment__wrap input::placeholder,
.comment__wrap select::placeholder,
.comment__wrap textarea::placeholder {
    font-size: 16px;
    color: #c2bebe;
    vertical-align: middle;
}

@media (min-width: 700px) {
    .comment__wrap .button::-webkit-input-placeholder,
    .comment__wrap button::-webkit-input-placeholder,
    .comment__wrap input::-webkit-input-placeholder,
    .comment__wrap select::-webkit-input-placeholder,
    .comment__wrap textarea::-webkit-input-placeholder {
        font-size: 14px;
    }

    .comment__wrap .button::-moz-placeholder,
    .comment__wrap button::-moz-placeholder,
    .comment__wrap input::-moz-placeholder,
    .comment__wrap select::-moz-placeholder,
    .comment__wrap textarea::-moz-placeholder {
        font-size: 14px;
    }

    .comment__wrap .button:-ms-input-placeholder,
    .comment__wrap .button::-ms-input-placeholder,
    .comment__wrap button:-ms-input-placeholder,
    .comment__wrap button::-ms-input-placeholder,
    .comment__wrap input:-ms-input-placeholder,
    .comment__wrap input::-ms-input-placeholder,
    .comment__wrap select:-ms-input-placeholder,
    .comment__wrap select::-ms-input-placeholder,
    .comment__wrap textarea:-ms-input-placeholder,
    .comment__wrap textarea::-ms-input-placeholder {
        font-size: 14px;
    }

    .comment__wrap .button::placeholder,
    .comment__wrap button::placeholder,
    .comment__wrap input::placeholder,
    .comment__wrap select::placeholder,
    .comment__wrap textarea::placeholder {
        font-size: 14px;
    }
}

.comment__wrap .button:focus,
.comment__wrap .button:hover,
.comment__wrap button:focus,
.comment__wrap button:hover,
.comment__wrap input:focus,
.comment__wrap input:hover,
.comment__wrap select:focus,
.comment__wrap select:hover,
.comment__wrap textarea:focus,
.comment__wrap textarea:hover {
    color: var(--cl-main);
    border: 1px solid #909090;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.comment__wrap button:disabled {
    border: 1px solid #e2e2e2 !important;
    background: #e7e7e7 !important;
    color: #a8a8a8 !important;
}

.comment__wrap button:disabled:focus,
.comment__wrap button:disabled:hover {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}

.comment__wrap input[type="password"]:disabled,
.comment__wrap input[type="text"]:disabled {
    background: #f4f4f4;
}

.comment__wrap input[type="password"]:disabled:focus,
.comment__wrap input[type="password"]:disabled:hover,
.comment__wrap input[type="text"]:disabled:focus,
.comment__wrap input[type="text"]:disabled:hover {
    color: #c2bebe;
    border: 1px solid #c4c4c4;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.comment__wrap select {
    border: 1px solid #3ca5dd;
    color: #3ca5dd;
    padding: 5px 60px 5px 12px;
}

@media (min-width: 768px) {
    .comment__wrap select {
        font-weight: 700;
        font-size: 12px;
        vertical-align: middle;
        padding: 8px 60px 8px 12px;
    }
}

.comment__wrap textarea {
    min-height: 100px;
    max-width: 100%;
    display: block;
    width: 100%;
}

.comment__wrap button,
.comment__wrap input[type="button"],
.comment__wrap input[type="checkbox"],
.comment__wrap input[type="radio"],
.comment__wrap input[type="reset"],
.comment__wrap input[type="submit"] {
    cursor: pointer;
}

.comment__form {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid var(--br-list);
}

.comment__form textarea {
    resize: none;
    height: 100px;
}

.comment__form__footer {
    padding: 15px 0 0;
    text-align: right;
}

.comment__error {
    display: block;
    position: relative;
    padding: 5px 0 0;
    font-size: 11px;
    color: #d00000;
}

.comment__error:empty {
    padding: 0;
}

.comment__disclaimer {
    padding: 5px 0 0;
    font-size: 11px;
    color: #979797;
}

.comment__button.send {
    background: #3ca5dd;
    border: 1px solid #3ca5dd;
    font-size: 13px;
    color: #fff;
    padding: 8px 15px;
}

.comment__button.send:hover {
    color: #fff;
    background: #228cc4;
    border: 1px solid #228cc4;
}

.comment__button.action {
    display: inline-block;
    background: transparent;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 4px 5px;
    border-radius: 8px;
    font-size: 11px;
    color: var(--cl-gray-bold);
}

@media (min-width: 700px) {
    .comment__button.action {
        font-size: 12px;
    }
}

.comment__button.action:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #f5f5f5;
    border: 1px solid transparent;
    color: #2a2a2a;
}

.comment__button.action .icon {
    margin-right: 2px;
    width: 15px;
    height: 15px;
    vertical-align: top;
}

.comment__report.sticky {
    position: absolute;
    z-index: 1;
    top: 16px;
    right: -5px;
    background: var(--bg-main);
    padding-left: 10px;
}

@media (min-width: 700px) {
    .comment__report.sticky {
        top: -3px;
    }
}

.comment__tooltips {
    position: relative;
}

.comment__tooltips:after {
    content: attr(data-tooltips);
    opacity: 0;
    visibility: hidden;
    max-width: 120px;
    min-width: 100px;
    position: absolute;
    bottom: -8px;
    border-radius: 5px;
    right: 35px;
    z-index: 1;
    background: #fff;
    padding: 5px 8px;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
    font-size: 10px;
    text-align: left;
    color: #000;
}

.comment__tooltips:before {
    content: "";
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 5px;
    right: 30px;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    border-left: 0 solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 3;
    -webkit-box-shadow: 2px -2px 3px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px -2px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px -2px 3px 0 rgba(0, 0, 0, 0.2);
}

.comment__tooltips:hover:after,
.comment__tooltips:hover:before {
    opacity: 1;
    visibility: visible;
}

.comment__list {
    position: relative;
    padding: 10px 0;
}

.comment__item {
    position: relative;
    padding: 20px 0 20px 50px;
    border-bottom: 1px solid var(--br-list);
}

.comment__item:last-child {
    border-bottom: transparent;
}

@media (min-width: 700px) {
    .comment__item {
        padding: 20px 0 20px 60px;
    }
}

.comment__avatar {
    position: absolute;
    top: 20px;
    left: 0;
    width: 40px;
    height: 40px;
    z-index: 1;
    border-radius: 100%;
    background: #a7d98c;
}

@media (min-width: 700px) {
    .comment__avatar {
        width: 40px;
        height: 40px;
    }
}

.comment__avatar:before {
    content: attr(data-init);
    display: block;
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 12px 0;
    font-size: 17px;
    line-height: 1;
    color: #fff;
}

@media (min-width: 700px) {
    .comment__avatar:before {
        font-size: 17px;
        padding: 12px 0;
    }
}

.comment__user {
    font-size: 15px;
    font-weight: 700;
}

@media (min-width: 700px) {
    .comment__user {
        display: inline-block;
        padding: 0 15px 0 0;
    }
}

.comment__date {
    display: inline-block;
    padding: 3px 0;
    font-size: 12px;
    color: var(--cl-gray);
}

@media (min-width: 700px) {
    .comment__date {
        padding: 0;
    }
}

.comment__date .icon {
    width: 13px;
    height: 13px;
    vertical-align: top;
    display: none;
}

@media (min-width: 700px) {
    .comment__date .icon {
        display: inline-block;
    }
}

.comment__content {
    padding: 10px 0 15px;
    word-break: break-word;
    font-size: 14px;
    font-weight: 400;
}

.comment__reply {
    position: relative;
    padding: 10px 0;
    text-align: right;
}

.comment__reply textarea {
    resize: none;
    height: 100px;
    margin: 0 0 15px;
}

.comment__reply__list {
    padding: 10px 0 0;
}

.comment__reply__list .comment__item {
    border-bottom: transparent;
    padding: 10px 8px 0 50px;
    background: var(--bg-gray-med);
    border-radius: 5px;
    border: 1px solid var(--br-list);
}

.comment__reply__list .comment__avatar {
    top: 5px;
    left: 5px;
    -ms-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
}

.comment__reply__list .comment__content {
    padding: 5px 0 10px;
}

.comment__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 0 0 -6px;
}

.comment__subitem {
    padding: 0 2px;
}

@media (min-width: 700px) {
    .comment__subitem {
        padding: 0 20px;
    }
}

.comment__subitem:first-child {
    padding: 0 2px 0 0;
}

@media (min-width: 700px) {
    .comment__subitem:first-child {
        padding: 0 10px 0 0;
    }
}

.comment__subitem--right {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

@media (min-width: 700px) {
    .comment__subitem--right {
        padding: 0;
    }
}

.comment__footer {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 0 10px;
}

@media (min-width: 700px) {
    .comment__footer {
        padding: 0;
        bottom: 20px;
        left: 20px;
        width: calc(100% - 40px);
    }
}

.comment__footer:after {
    content: "";
    width: 100%;
    height: 120px;
    background: #fff;
    background: -moz-linear-gradient(
        180deg,
        rgba(var(--bg-comment), 0),
        rgba(var(--bg-comment), 1)
    );
    background: -webkit-linear-gradient(
        180deg,
        rgba(var(--bg-comment), 0),
        rgba(var(--bg-comment), 1)
    );
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(var(--bg-comment), 0)),
        to(rgba(var(--bg-comment), 1))
    );
    background: linear-gradient(
        180deg,
        rgba(var(--bg-comment), 0),
        rgba(var(--bg-comment), 1)
    );
    position: absolute;
    top: -110px;
    left: 0;
    z-index: -1;
}

.comment__other {
    display: block;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    background: #3ca5dd;
    border: 1px solid #3ca5dd;
    padding: 12px 15px;
    margin: 0 10px;
    font-size: 12px;
    color: #fff;
}

@media (min-width: 700px) {
    .comment__other {
        margin: 0;
    }
}

.comment__other:hover {
    color: #fff;
    background: #228cc4;
    border: 1px solid #228cc4;
}

.comment__article {
    position: relative;
    background: var(--bg-gray-med);
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
}

@media (min-width: 700px) {
    .comment__article {
        border-radius: 15px;
        margin: 30px 0 10px;
        padding: 30px;
    }
}

.comment__article:after,
.comment__article:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 1;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
}

@media (max-width: 700px) {
    .comment__article:after,
    .comment__article:before {
        content: none;
        background-image: none !important;
    }
}

.comment__article:before {
    top: 10px;
    left: 10px;
}

.comment__article:after {
    bottom: 10px;
    right: 10px;
}

.comment__article__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.comment__article__bottom {
    margin: 15px 0 0;
    border-top: 1px solid var(--br-list);
}

.comment__article__left {
    width: 35%;
}

.comment__article__right {
    width: 65%;
    padding: 0 18px 0 10px;
}

.comment__article__img {
    margin: 0;
    border-radius: 5px;
    position: relative;
    padding-top: 66.66667%;
    background: var(--bg-gray-bold);
    overflow: hidden;
}

.comment__article__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    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__article__title {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    max-height: 36px;
    overflow: hidden;
}

.comment__article__author {
    font-size: 12px;
    font-weight: 700;
}

.comment__article__date {
    padding: 0 0 4px;
    font-size: 10px;
    color: var(--cl-gray);
}

.comment__article__lead {
    margin: 10px 0 15px;
    height: auto;
    max-height: 50px;
    overflow: hidden;
    font-size: 13px;
}

.comment__article__link {
    font-weight: 700;
    color: #3ca5dd;
}

.comment__article .comment__item {
    padding: 15px 0 5px 50px;
}

.comment__article .comment__report.sticky {
    background: var(--bg-gray-med);
}

.comment__article .comment__avatar {
    top: 15px;
}

.comment__article > .icon-pin {
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 5px;
    padding: 3px;
    border-radius: 4px;
    background-color: #3ca5dd;
    width: 18px;
    height: 18px;
}

.comment__article > .icon-pin img {
    width: 100%;
}

.comment__paging {
    position: relative;
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.comment__paging__button {
    display: inline-block;
    padding: 9px 12px 7px;
    background: #3ca5dd;
    border-radius: 100%;
    line-height: 1;
}

.comment__paging__button:hover {
    background: #228cc4;
}

.comment__paging__button .icon {
    width: 9px;
    height: 14px;
}

.comment__paging__text {
    padding: 7px 15px;
    font-weight: 700;
    color: var(--cl-main);
}

.comment__sorting {
    position: relative;
    padding: 30px 0 0;
}

.comment__sorting__form {
    position: relative;
    text-align: right;
    margin-bottom: -18px;
}

.comment__sorting__form li,
.comment__sorting__form ul {
    display: inline-block;
    position: relative;
}

.comment__sorting__form li {
    padding: 0 5px;
}

.comment__sorting__form li:after {
    content: "|";
    position: absolute;
    right: -3px;
    top: 5px;
}

.comment__sorting__form li:last-child:after {
    content: "";
}

.comment__sorting__form li a {
    color: #ccc;
    font-weight: 500;
    padding: 5px;
    display: block;
}

.comment__sorting__form li a:hover {
    color: #2a2a2a;
}

.comment__sorting__form li.active a {
    color: #3ca5dd;
}

.comment__board {
    position: relative;
    padding: 40px 0;
    text-align: center;
}

.comment__message {
    color: #666;
}

.comment__message a {
    text-decoration: underline;
    color: #3ca5dd;
    display: block;
}

@media (min-width: 700px) {
    .comment__message a {
        display: inline-block;
    }
}

.comment__message .icon {
    display: inline-block;
    margin: 0 0 0 5px;
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.cReport {
    position: relative;
    max-width: 350px;
    margin: 0 auto;
}

@media (min-width: 700px) {
    .cReport {
        max-width: 450px;
    }
}

.cReport__box {
    position: relative;
    padding: 15px;
    background: var(--bg-white-lv2);
    color: var(--cl-main);
    border-radius: 10px;
}

@media (min-width: 700px) {
    .cReport__box {
        padding: 25px;
    }
}

.cReport__title {
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 500;
}

.cReport__option {
    position: relative;
    padding: 0 0 5px;
}

.cReport__option label {
    cursor: pointer;
    display: block;
    padding: 5px 0 5px 20px;
}

.cReport__item {
    display: inline-block;
}

.cReport__radio {
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 0;
}

.cReport__other {
    display: none;
    position: relative;
    padding: 10px 0 0 20px;
}

.cReport__other textarea {
    width: 100%;
    height: 85px;
    outline: 0;
    resize: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 5px;
    padding: 10px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: var(--bg-input);
    border: solid 1px var(--br-gray-med);
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857;
    color: #c2bebe;
}

.cReport__other textarea:focus,
.cReport__other textarea:hover {
    color: var(--cl-main);
    border: 1px solid #909090;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.cReport__other.show {
    display: block;
}

.cReport__button {
    cursor: pointer;
    outline: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: var(--bg-white-lv2);
    border: 2px solid var(--bg-white-lv2);
    padding: 5px 10px;
    text-transform: uppercase;
    -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;
    font-weight: 500;
}

.cReport__button,
.cReport__button:hover {
    color: var(--cl-blue);
}

.cReport__button.disabled,
.cReport__button.disabled:hover {
    color: rgba(0, 0, 0, 0.3);
}

.cReport__footer {
    margin: 15px -15px -15px;
    padding: 10px;
    text-align: right;
    border-top: 1px solid var(--br-gray-lite);
}

@media (min-width: 700px) {
    .cReport__footer {
        padding: 15px 10px 10px;
        margin: 15px -25px -15px;
    }
}

#kcm-modals {
    visibility: hidden;
    opacity: 0;
}

.modals {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}

@media (min-width: 700px) {
    .modals {
        overflow: inherit;
    }
}

.modals:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 11 !important;
}

.modals:after,
.modals__content {
    -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;
}

.modals__content {
    position: relative;
    top: 50%;
    padding: 0 20px;
    opacity: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.modals .modals__content {
    opacity: 1;
}

.modals #kcm-modals {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 12 !important;
    visibility: visible;
    opacity: 1;
}

.comment__row .cReport {
    display: none;
}

.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;
}

.contentArticle .li_wrap_flying_carpet {
    padding: 0 15px !important;
    margin-left: 0;
}

.partner__tanoto {
    background-color: #b0a168;
    position: relative;
    padding-top: 24.50495vw;
    overflow: hidden;
}

.partner__tanoto img {
    position: absolute;
    max-width: none;
    width: 100%;
    height: auto;
    left: 50%;
    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);
}

.topBanner {
    position: relative;
    text-align: center;
    min-height: 150px;
    z-index: 7;
}

.topBanner:before {
    padding-bottom: 90px;
}

@-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);
    }
}

.alert {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.alert__wrap {
    position: relative;
    top: 50%;
    padding: 0 20px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -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;
}

.alert__box {
    position: relative;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    max-width: 350px;
    margin: 0 auto;
}

@media (min-width: 700px) {
    .alert__box {
        max-width: 450px;
        padding: 25px;
    }
}

.alert__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 60px;
}

.alert__header {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.alert__header:empty {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.alert__option {
    position: relative;
    padding: 0 0 5px;
}

.alert__option label {
    cursor: pointer;
    display: block;
    padding: 5px 0 5px 20px;
}

.alert__item {
    display: inline-block;
}

.alert__button {
    cursor: pointer;
    outline: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border: 2px solid #fff;
    padding: 2px 10px;
    text-transform: uppercase;
    -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;
    font-weight: 500;
    color: #3ca5dd;
}

.alert__button:hover {
    color: #000;
}

.alert__button.disabled,
.alert__button.disabled:hover {
    color: #b7b7b7;
}

.alert__footer {
    margin: 15px -15px -15px;
    padding: 10px;
    text-align: right;
    border-top: 1px solid #ebebeb;
}

@media (min-width: 700px) {
    .alert__footer {
        padding: 15px 10px 10px;
        margin: 15px -25px -15px;
    }
}

.-alert {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
}

@media (min-width: 700px) {
    .-alert {
        overflow: inherit;
    }
}

.-alert:after {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.8);
    z-index: 11 !important;
    -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;
}

.-alert #kcm-alert,
.-alert:after {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.-alert #kcm-alert {
    position: fixed;
    z-index: 12 !important;
    visibility: visible;
    opacity: 1;
}

.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: 16px 18px;
}

@media (max-width: 340px) {
    .widget-wrap {
        padding: 16px 10px;
    }
}

.widget-wrap ~ .videoKG-title {
    padding-top: 0;
}

#related-regional,
#related-regional.display--hide {
    display: none;
}

#related-regional.display--show {
    display: block;
}

.floating-share--nav.scrolling {
    top: 55px;
}

.photo--open .wrap-caption {
    height: auto;
}

.photo--open .imgHL .photo {
    margin: 0;
    font-size: 12px;
    line-height: 1.2;
    background: transparent;
    padding: 10px 15px 0;
    color: var(--cl-main);
}

.photo--open .contentArticle .photo,
.photo--open .contentArticle .video {
    background: transparent;
    max-width: none !important;
    width: auto !important;
    padding: 0 15px;
    font-size: 12px;
    line-height: 1.2;
    color: var(--cl-main);
}

.page-advertorial .photo,
.page-advertorial .photo-infographic {
    min-height: auto;
}

.page-advertorial .photo-infographic img,
.page-advertorial .photo img {
    position: relative;
    -webkit-transform: none;
    transform: none;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
}

.page-advertorial .photo-infographic .wrap-photo,
.page-advertorial .photo .wrap-photo {
    min-height: auto;
}

.page-advertorial .photoArticle__pinch__container img,
.page-advertorial .photoCarousel-img img {
    -o-object-fit: contain;
    object-fit: contain;
}

.contentArticle > .bacaJuga {
    margin-left: -15px;
    margin-right: -15px;
}

.bg-parapuan {
    position: relative;
}

.bg-parapuan:after {
    content: "";
    width: 100vw;
    height: 100%;
    background-color: var(--cl-parapuan);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.bg-parapuan a {
    position: relative;
    z-index: 1;
}

.contentArticle .bapps-middle {
    margin: 16px -15px;
}

.foodKabar__header {
    padding: 2px 10px 18px !important;
    margin: 0 !important;
}

.foodKabar__header span {
    padding: 0 !important;
}

.color--juara {
    color: red;
}

.color--kompasiana {
    color: #3dc3e0;
}

.color--otomania {
    color: #c30000;
}

.color--gramedia {
    color: #2eac71;
}

.color--advertorial,
.color--brandzview,
.color--sponsored {
    color: #0161b8 !important;
}

.color--premium {
    color: #005496 !important;
}

.navArticle {
    position: relative;
    background: var(--bg-gray-bold);
    border-radius: 8px;
    padding: 12px 5px 10px;
    margin: 0 0 10px;
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.navArticle__item {
    width: 50%;
    padding: 0 5px;
}

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

.navArticle__item span {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: var(--cl-main);
}

.navArticle__item a {
    display: block;
    font-style: italic;
    font-size: 14px;
    font-weight: 400;
    color: #3ca5dd;
    padding: 5px 0;
}

.navArticle__item a:hover {
    color: #3ca5dd;
}

.article {
    position: relative;
}

.article.-next {
    position: fixed;
    width: 100%;
    bottom: 60px;
    left: 0;
    z-index: 11;
    visibility: hidden;
    opacity: 0;
    padding: 10px;
    -ms-transform: translateX(50vw);
    -webkit-transform: translateX(50vw);
    transform: translateX(50vw);
    -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;
}

.article.-next.-horads {
    bottom: 170px;
}

.article.-next .cReport {
    display: none;
}

.article.-left {
    -ms-transform: translateX(-50vw);
    -webkit-transform: translateX(-50vw);
    transform: translateX(-50vw);
}

.article.-active {
    visibility: visible;
    opacity: 1;
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.article.-remove {
    display: none;
}

.article__flex {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    background: var(--bg-white-lv2);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-radius: 5px;
    overflow: hidden;
    height: 70px;
    z-index: 2;
}

.article__img {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 70px;
}

.article__box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    width: calc(100% - 70px);
    padding: 15px 110px 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.article__box > * {
    z-index: 2;
}

.article__subtitle {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: calc(100% - 80px);
    overflow: hidden;
    font-size: 10px;
    line-height: 1;
    color: var(--cl-main);
}

.article__subtitle.-red {
    color: var(--cl-red);
}

.article__subtitle.-black {
    text-transform: capitalize;
}

.article__subtitle.-hide {
    display: none;
}

.article__title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--cl-hover);
    height: auto;
    max-height: 37px;
    overflow: hidden;
}

.article__title a {
    display: block;
}

.auto__action {
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 10px;
    width: 70px;
    height: 70px;
    border-left: 1px solid var(--br-gray-lite);
}

.auto__control {
    display: block;
    position: absolute;
    z-index: 2;
    right: 80px;
    top: 20px;
    height: 60px;
}

.auto__control__button {
    position: relative;
    width: 40px;
    height: 100%;
}

.auto__btn,
.auto__control__button {
    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;
}

.auto__btn {
    width: 100%;
    height: 50%;
    position: absolute;
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    right: 0;
    z-index: 1;
    font-size: 11px;
    line-height: 1;
    color: var(--cl-main);
}

.auto__btn.-close {
    top: 0;
    border-bottom: 1px solid var(--br-gray-lite);
}

.auto__btn.-setting {
    bottom: 0;
}

.auto__setting {
    position: absolute;
    z-index: 1;
    right: 10px;
    bottom: 90px;
    width: calc(100% - 20px);
    background: var(--bg-white-lv2);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: hidden;
    padding: 2px 0 0;
    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%);
}

.auto__setting.-active {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.auto__setting h6 {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: var(--cl-main);
    border-bottom: 1px solid #dedede;
    padding: 0 0 7px;
    margin-bottom: 8px;
}

.auto__setting ul {
    position: relative;
}

.auto__setting ul li {
    position: relative;
    display: block;
    padding: 0;
    font-size: 13px;
    line-height: 1;
    color: var(--cl-main);
}

.auto__setting ul li:last-child {
    border-top: 1px solid var(--br-gray-lite);
}

.auto__setting__toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 5px 15px;
}

.auto__setting__toggle > span {
    display: inline-block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.auto__setting__toggle .checkbox {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    position: relative;
    display: inline-block;
}

.auto__setting__toggle .checkbox > span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 20px;
    border: 1px solid var(--bg-toggle);
    background: var(--bg-toggle);
    border-radius: 15px;
}

.auto__setting__toggle .checkbox > span:before {
    content: "";
    position: absolute;
    left: 1px;
    top: calc(50% - 8px);
    width: 15px;
    height: 16px;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #fff;
}

.auto__setting__toggle .checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0;
}

.auto__setting__toggle .checkbox input[type="checkbox"]:checked + span {
    background: #fff;
    border: 1px solid #3ca5dd;
    background: #3ca5dd;
}

.auto__setting__toggle .checkbox input[type="checkbox"]:checked + span:before {
    left: calc(50% - 2.5px);
}

.auto__setting__button {
    position: relative;
    display: block;
    text-align: left;
    padding: 15px;
    width: 100%;
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    color: var(--cl-main);
}

.control {
    width: 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;
}

.control,
.control__bar {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}

.control__bar {
    width: 0;
    display: block;
    background: var(--bg-auto-bar);
}

.control__icon {
    position: relative;
    width: 16px;
    height: 16px;
    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;
}

.control__icon:after {
    content: "";
    height: 16px;
}

.control__icon .cleft,
.control__icon .cright {
    vertical-align: middle;
    display: inline-block;
    -webkit-transition: border 0.2s cubic-bezier(1, 0, 0, 1);
    -moz-transition: border 0.2s cubic-bezier(1, 0, 0, 1);
    -ms-transition: border 0.2s cubic-bezier(1, 0, 0, 1);
    -o-transition: border 0.2s cubic-bezier(1, 0, 0, 1);
    transition: border 0.2s cubic-bezier(1, 0, 0, 1);
}

.control__icon.-pause .cleft,
.control__icon.-pause .cright {
    margin: 0;
    border-left: 6px solid var(--cl-hover);
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
    height: 16px;
}

.control__icon.-pause .cleft {
    border-right: 4px solid transparent;
}

.control__icon.-stop .cleft,
.control__icon.-stop .cright {
    margin: 0;
    border-left: 6px solid var(--cl-hover);
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
    height: 16px;
}

.control__icon.-stop .cleft {
    border-right: 4px solid var(--cl-hover);
}

.control__icon.-start {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.control__icon.-start .cleft,
.control__icon.-start .cright {
    margin: 0;
    border-left: 4.4px solid var(--cl-hover);
    border-top: 0 solid transparent;
    border-bottom: 0 solid transparent;
    height: 16px;
}

.control__icon.-start .cleft {
    margin-right: 2.8px;
    -ms-transform: rotate(45deg) translateY(-1px);
    -webkit-transform: rotate(45deg) translateY(-1px);
    transform: rotate(45deg) translateY(-1px);
}

.control__icon.-start .cright {
    margin-left: 2.8px;
    -ms-transform: rotate(-45deg) translateY(-1px);
    -webkit-transform: rotate(-45deg) translateY(-1px);
    transform: rotate(-45deg) translateY(-1px);
}

.control__icon.-play .cleft {
    margin-left: 4px;
    height: 16px;
}

.control__icon.-play .cleft,
.control__icon.-play .cright {
    border-left: 6.928px solid var(--cl-hover);
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 0 solid transparent;
}

.control__icon.-play .cright {
    margin-left: 0;
    height: 0;
}

.svg {
    position: relative;
    width: 40px;
    height: 40px;
}

.svg > span {
    -webkit-animation: d 10s linear forwards;
    animation: d 10s linear forwards;
}

@keyframes d {
    0% {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@-webkit-keyframes d {
    0% {
        width: 0;
    }

    to {
        width: 100%;
    }
}

.-sheet {
    overflow: hidden;
}

.-sheet:after {
    content: "";
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 10;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.-sheet:after,
.rl-fixed {
    position: fixed;
    width: 100%;
    left: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.rl-fixed {
    bottom: 120px;
    z-index: 8;
    visibility: hidden;
    opacity: 0;
    padding: 10px;
    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;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.rl-fixed.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.rl-block {
    position: relative;
    background: #fff;
    width: 240px;
    border-radius: 8px;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 6px rgba(77, 77, 77, 0.1);
    box-shadow: 0 1px 6px rgba(77, 77, 77, 0.1);
    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;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.rl-close {
    position: relative;
    width: 40px;
    -ms-flex-preferred-size: 40px;
    flex-basis: 40px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.rl-close-button {
    width: 40px;
    height: 40px;
    border: 0 solid transparent;
    background: transparent;
    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;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.rl-close-button:hover {
    background: #f9f9f9;
}

.rl-close-icon {
    position: relative;
    display: block;
    font-size: 26px;
    line-height: 1;
    color: #999;
}

.rl-col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    border-left: 1px solid #dfdfdf;
}

.rl-col,
.rl-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.rl-link {
    width: 100%;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 45px;
}

.rl-link-title {
    position: relative;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #212121;
}

.rl-link-icon {
    position: absolute;
    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;
    width: 30px;
    height: 30px;
    background: #007aff;
    border-radius: 100%;
    top: calc(50% - 30px / 2);
    right: 10px;
}

.rl-link-icon > span {
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.rl-link-icon > span:after {
    content: "";
    display: block;
    width: 2px;
    height: 14px;
    background-color: #fff;
    -webkit-transform: rotate(-45deg) translate(15px, 4px);
    transform: rotate(-45deg) translate(15px, 4px);
    right: 16px;
    top: 5px;
    position: absolute;
}

.rl-link-icon > span:before {
    content: "";
}

.rVideo {
    position: relative;
    width: 100%;
    margin: 20px 0 0;
    background: var(--bg-white);
    padding: 0 10px;
}

@media (min-width: 768px) {
    .rVideo {
        padding: 0;
    }
}

.rVideo-wrapper,
.video-box-wrap {
    position: relative;
    margin: 20px 0;
    z-index: 1;
    overflow: hidden;
    background: var(--bg-main);
}

.rVideo-lead {
    position: relative;
    padding: 10px;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--cl-main);
}

.rVideo-lead-link {
    position: absolute;
    right: 0;
    padding: 5px 10px;
    font-size: 14px;
    color: #007aff;
    text-transform: none;
    line-height: 1.4;
    top: calc(50% - 15px);
}

.rVideo-title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}

.rVideo-main {
    background: var(--bg-gray-med);
    overflow: hidden;
}

.rVideo-player {
    position: relative;
    width: calc(100% + 2px);
    padding-top: 56.27%;
    margin-left: -1px;
}

.rVideo-player img {
    -o-object-fit: contain;
    object-fit: contain;
}

.rVideo-player:before,
.rVideo-player iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.rVideo-player:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.15);
    pointer-events: none;
}

.rVideo-player:hover .icoVideo,
.rVideo-player:hover .latestDuration:before {
    -webkit-filter: invert(62%) sepia(55%) saturate(4696%) hue-rotate(344deg)
        brightness(104%) contrast(101%);
    filter: invert(62%) sepia(55%) saturate(4696%) hue-rotate(344deg)
        brightness(104%) contrast(101%);
}

.rVideo-player.-pause .icoVideo,
.rVideo-player.-pause .latestDuration:before {
    display: block;
}

.rVideo-player .icoVideo,
.rVideo-player .latestDuration:before {
    width: 60px;
    height: 60px;
    -webkit-filter: invert(100%) sepia(93%) saturate(28%) hue-rotate(107deg)
        brightness(106%) contrast(109%);
    filter: invert(100%) sepia(93%) saturate(28%) hue-rotate(107deg)
        brightness(106%) contrast(109%);
    display: none;
}

.rVideo-player-unready {
    visibility: hidden;
}

.rVideo-player-btn {
    background: hsla(0, 0%, 100%, 0.4);
    z-index: 3;
    position: absolute;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.rVideo-player-btn:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 55%;
    -webkit-transform: translate(-55%, -50%);
    transform: translate(-55%, -50%);
    border-style: solid;
    border-width: 10px 0 10px 20px;
    border-color: transparent transparent transparent #fff;
}

.rVideo-player-img {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.rVideo-player-paused {
    border-radius: 8px;
    border: 1px solid #fff;
    color: #fff;
    padding: 8px 10px 8px 35px;
    min-width: 240px;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 12px;
    opacity: 0;
}

.rVideo-player-paused,
.rVideo-player-paused:before {
    position: absolute;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.rVideo-player-paused:before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #fff;
    top: 12px;
    left: 11px;
}

.rVideo-player-paused:after {
    content: "";
    position: absolute;
    top: 16.5px;
    left: 16.5px;
    border-style: solid;
    border-width: 3px 0 3px 6px;
    border-color: transparent transparent transparent #000;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
}

.rVideo-player-paused:hover {
    background: #fff;
    color: #000;
}

.rVideo-player-paused:hover:before {
    background-color: #000;
}

.rVideo-player-paused:hover:after {
    border-color: transparent transparent transparent #fff;
}

.rVideo-player-link {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.rVideo-player-link.-enabled {
    background: rgba(0, 0, 0, 0.3);
}

.rVideo-player-link.-enabled .rVideo-player-paused {
    opacity: 1;
}

.rVideo-player-link.-ads {
    visibility: hidden;
}

.rVideo-list {
    position: relative;
    min-height: 181px;
    margin: 0;
    padding: 10px 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    background: var(--bg-white);
}

.rVideo-scroll {
    position: relative;
    overflow-y: scroll;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

.rVideo-button {
    display: none;
    position: absolute;
}

.rVideo-button.-hide {
    visibility: hidden;
}

.rVideo-item {
    position: relative;
    min-width: 160px;
    width: 160px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    margin-right: 7px;
    margin-bottom: 10px;
}

.rVideo-item:last-child {
    margin-right: 0;
}

.rVideo-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top: 5px solid transparent;
    z-index: 2;
}

.rVideo-thumb {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
}

.rVideo-thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
}

.rVideo-length {
    position: absolute;
    bottom: 7px;
    right: 7px;
    z-index: 2;
    background: var(--br-black);
    padding: 5px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
}

.rVideo-box {
    position: relative;
    background: var(--bg-white);
    padding: 8px 8px 8px 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;
}

.rVideo-title {
    position: relative;
    white-space: normal;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 1.3;
    color: var(--cl-main);
    height: 40px;
    max-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.rVideo-date {
    padding-top: 5px;
    font-size: 10px;
    line-height: 1;
    color: var(--cl-main);
}

.rVideo-date,
.rVideo-link {
    display: block;
}

.rVideo-item.-active:before {
    border-top: 5px solid #1b63d4;
}

.rVideo-list.-disallowed {
    cursor: not-allowed;
}

.rVideo-list.-disallowed .rVideo-item {
    pointer-events: none;
}

.rVideo-list.-disallowed .rVideo-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--cl-video-disabled), 0.4);
    z-index: 2;
}

.rVideo-list.-disallowed .rVideo-item .rVideo-link {
    cursor: not-allowed;
}

.rVideo-middle {
    position: relative;
    border-top: 1px solid var(--br-list);
}

.rVideo-middle-title {
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--cl-main);
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 8px 0;
}

.rVideo-middle-player {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden;
    height: 56.25vw;
}

.rVideo-middle-player iframe {
    z-index: 1;
}

.rVideo-middle-link,
.rVideo-middle-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rVideo-middle-link {
    z-index: 2;
}

.rVideo-middle-link.-ads {
    visibility: hidden;
}

.rVideo-middle-thumb {
    position: relative;
    width: 100%;
    height: 100%;
}

.rVideo-middle-thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.rVideo-next {
    position: absolute;
    z-index: 2;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
}

.rVideo-next.-show {
    opacity: 1;
    visibility: visible;
}

.rVideo-next-img {
    position: relative;
    width: 100px;
    height: 56.25px;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.rVideo-next-img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

.rVideo-next-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 10px 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

.rVideo-next-info {
    position: relative;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.rVideo-next-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    font-weight: 500;
}

.rVideo-next-time {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1;
    padding: 4px;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rVideo-next-time:before {
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 4px;
    background-size: auto 100%;
    -webkit-filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg)
        brightness(126%) contrast(82%);
    filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg)
        brightness(126%) contrast(82%);
    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");
}

.rVideo-next-second {
    letter-spacing: -0.02em;
    color: #fff;
    font-size: 10px;
}

.rVideo-next-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: #fff;
    border: 1px solid hsla(0, 0%, 100%, 0.5);
    border-radius: 8px;
    height: 36px;
    padding: 0 15px;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    letter-spacing: -0.02em;
}

.rVideo-next-button:hover {
    color: #fff;
}

.rVideo-next-button.-next {
    background: #666;
    border: 1px solid #666;
}

.rVideo-control {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
}

.rVideo-control.-show {
    opacity: 1;
    visibility: visible;
}

.rVideo-control-all {
    padding: 10px;
    width: 100%;
    height: auto;
    gap: 50px;
}

.rVideo-control-all,
.rVideo-control-button {
    position: relative;
    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;
}

.rVideo-control-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    padding: 0;
    cursor: pointer;
}

.rVideo-control-button.-replay {
    background: hsla(0, 0%, 100%, 0.2);
}

.rVideo-control-button span {
    width: 18px;
    height: 18px;
    background-position: 50%;
    background-size: auto 18px;
    background-repeat: no-repeat;
}

.rVideo-control-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.867.998a.75.75 0 0 1 .75.75v6.91L12.84 1.803a1.5 1.5 0 0 1 2.278 1.285v13.818a1.49 1.49 0 0 1-1.5 1.5c-.274 0-.543-.075-.778-.215L1.617 11.339v6.909a.75.75 0 0 1-1.5 0v-16.5a.75.75 0 0 1 .75-.75Z' fill='%23fff'/%3E%3C/svg%3E");
}

.rVideo-control-replay {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.747 15.364a9.01 9.01 0 0 1-12.728 0 .75.75 0 1 1 1.06-1.06 7.5 7.5 0 1 0 0-10.607L3.179 5.598h2.69a.75.75 0 0 1 0 1.5h-4.51a.755.755 0 0 1-.065-.003c-.012-.001-.023-.004-.035-.006l-.037-.005-.039-.01-.032-.008-.037-.013-.033-.012-.033-.015-.033-.016-.03-.018-.033-.02-.032-.023-.027-.02a.757.757 0 0 1-.05-.046l-.005-.004-.006-.006a.753.753 0 0 1-.044-.049l-.021-.03-.022-.029C.736 6.754.73 6.742.723 6.73l-.017-.028-.017-.036-.015-.03L.661 6.6.65 6.566.64 6.53l-.008-.035-.007-.043-.004-.03a.755.755 0 0 1-.004-.074v-4.5a.75.75 0 0 1 1.5 0v2.69L4.02 2.636a9 9 0 0 1 12.728 12.728Z' fill='%23fff'/%3E%3C/svg%3E");
}

.rVideo-control-next {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.883 1.748v16.5a.75.75 0 0 1-1.5 0v-6.91L3.16 18.193a1.519 1.519 0 0 1-1.51.028 1.49 1.49 0 0 1-.768-1.313V3.09A1.5 1.5 0 0 1 3.16 1.804l11.222 6.853v-6.91a.75.75 0 1 1 1.5 0Z' fill='%23fff'/%3E%3C/svg%3E");
}

.rVideo-control .rVideo-paused-img {
    -ms-flex-preferred-size: 125px;
    flex-basis: 125px;
    width: 125px;
    padding-top: 70.3125px;
}

.rVideo-paused {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    width: 100%;
}

.rVideo-paused.-show {
    opacity: 1;
    visibility: visible;
}

.rVideo-paused-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.rVideo-paused-item {
    position: relative;
    width: auto;
}

.rVideo-paused-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.rVideo-paused-img {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
    width: 100px;
    padding-top: 56.25px;
}

.rVideo-paused-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.rVideo-paused-title {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    display: none;
}

.rVideo-paused-lead {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 1;
}

.rVideo-gate {
    width: 100%;
    height: 50px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#ef0d70),
        to(#fb571a)
    );
    background: linear-gradient(90deg, #ef0d70, #fb571a);
    color: #fff;
    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;
}

.rVideo-gate-glass {
    display: none;
}

.rVideo-gate a {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.rVideo-gate a:hover {
    color: #fff;
}

.rVideo-gate-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.rVideo-gate-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.32px;
}

.rVideo-gate-logo {
    width: 58px;
    height: 38px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="58" height="39" viewBox="0 0 58 39" fill="none"><g clip-path="url(%23clip0_2858_9284)"><path d="M20.1056 3.60618L40.4486 0.570855C40.4486 0.570855 46.7877 -0.370115 48.6806 4.61795L58 3.15878L53.0804 30.9702L36.38 33.4648L36.1437 32.806L35.955 33.4648L29.1444 34.4058L28.8112 32.6172C28.8112 32.6172 23.6543 37.9819 17.7412 34.4058L17.4576 36.0999L11.071 36.9465L9.46276 34.0764L9.08416 37.2297L0 38.5001L3.45376 18.1938L9.69899 17.417L11.3072 20.2409L11.8746 16.9942L17.93 16.241L20.1067 3.60618H20.1056Z" fill="url(%23paint0_linear_2858_9284)"/><path d="M19.4674 21.0418L23.5834 20.3358L24.1508 16.3123L25.7126 14.4068L27.9832 19.7007L32.2416 19.0655L28.6929 11.0893L35.1506 3.60669L30.1124 4.31267L25.3578 9.74813L25.9963 5.08843L22.2352 5.51223L19.4674 21.0418Z" fill="white"/><path d="M39.7391 9.18237L47.4027 8.05259C47.4027 8.05259 47.576 17.4048 39.0768 18.3581C30.5775 19.3114 32.9739 9.32295 32.9739 9.32295C32.9739 9.32295 35.3868 1.84034 42.9556 2.78131C42.9556 2.78131 46.4867 3.04811 46.8818 6.35741L43.3342 7.86378C43.3342 7.86378 42.3882 4.66428 38.4609 7.205C38.4609 7.205 36.3317 8.99356 36.5215 11.7693C36.7114 14.545 38.5084 14.7338 38.5084 14.7338C38.5084 14.7338 41.8672 15.134 42.9081 12.3224L39.4069 12.663L39.738 9.18032L39.7391 9.18237Z" fill="white"/><path d="M5.48798 20.2877L8.34961 19.982L12.6782 26.9464L13.98 19.1118L17.93 18.6172L15.352 33.958L12.347 34.311L8.1371 27.2522L6.86 35.1586L2.83887 35.7229L5.48798 20.2877Z" fill="white"/><path d="M28.2429 23.0649C24.3166 18.6884 19.2784 23.5595 19.2784 23.5595C14.8549 28.877 18.5686 32.0539 18.5686 32.0539C23.4418 35.4422 27.1556 30.7127 27.1556 30.7127C30.8693 26.642 28.2439 23.0659 28.2439 23.0659L28.2429 23.0649ZM26.4448 27.5122C26.4448 27.5122 23.3459 29.3705 21.8563 30.2417C20.3667 31.1129 20.6266 29.6537 20.6266 29.6537L21.0764 25.0895C21.2188 23.6477 22.5196 24.2891 22.5196 24.2891C22.5196 24.2891 25.0274 25.6539 26.2333 26.2418C27.4393 26.8298 26.4458 27.5122 26.4458 27.5122H26.4448Z" fill="white"/><path d="M29.1439 20.7587L32.9495 20.2405L33.7304 25.0644L36.4269 19.6997L39.5733 19.2523L40.543 24.146L43.0972 18.8757L47.2132 18.1934L41.4652 30.2874L38.3189 30.7584L37.2553 25.2994L34.274 31.3464L31.1524 31.7702L29.1439 20.7587Z" fill="white"/><path d="M46.7877 24.5243L52.0869 23.7239L51.3298 29.1357L45.8892 29.8417L46.7877 24.5243Z" fill="white"/><path d="M47.2134 23.0642L52.0866 22.4055L55.1143 6.0293L49.6263 6.87586L47.2134 23.0642Z" fill="white"/></g><defs><linearGradient id="paint0_linear_2858_9284" x1="29" y1="0.500244" x2="29" y2="38.5001" gradientUnits="userSpaceOnUse"><stop stop-color="%23EF0D70"/><stop offset="1" stop-color="%23FB571A"/></linearGradient><clipPath id="clip0_2858_9284"><rect width="58" height="38" fill="white" transform="translate(0 0.5)"/></clipPath></defs></svg>');
}

.rVideo-gate-arrow,
.rVideo-gate-logo {
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    vertical-align: baseline;
}

.rVideo-gate-arrow {
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path d="M6.00002 14C5.90113 14 5.80445 13.9707 5.72222 13.9158C5.64 13.8608 5.57591 13.7827 5.53806 13.6914C5.50022 13.6 5.49031 13.4995 5.50961 13.4025C5.5289 13.3055 5.57653 13.2164 5.64646 13.1465L10.2929 8.50001L5.64646 3.85358C5.55269 3.75981 5.50001 3.63262 5.50001 3.50001C5.50001 3.3674 5.55269 3.24022 5.64646 3.14645C5.74023 3.05268 5.86741 3 6.00002 3C6.13263 3 6.25981 3.05268 6.35358 3.14645L11.3536 8.14645C11.4 8.19288 11.4368 8.248 11.462 8.30867C11.4871 8.36933 11.5 8.43435 11.5 8.50001C11.5 8.56568 11.4871 8.6307 11.462 8.69136C11.4368 8.75203 11.4 8.80715 11.3536 8.85358L6.35358 13.8536C6.3072 13.9001 6.25209 13.937 6.19141 13.9621C6.13074 13.9872 6.06569 14.0001 6.00002 14Z" fill="white"/></svg>');
}

.rVideo-list .rVideo-item.-active:before {
    border-top: none;
}

.rVideo-list .rVideo-item.-active .rVideo-thumb:after {
    position: absolute;
    content: "Now Playing";
    z-index: 2;
    top: 0;
    left: 0;
    padding: 0 8px;
    color: #fff;
    font-size: 10px;
    background: #1b63d4;
}

.rVideo-list .rVideo-item.-active .rVideo-thumb img {
    border: 2px solid #1b63d4;
}

.contentArticle .rVideo {
    padding: 0;
}

.contentArticle .rVideo-lead {
    font-size: 18px;
    margin: 0;
    padding: 0 15px 5px;
}

.contentArticle .pop-link {
    line-height: 1.4;
    top: calc(50% - 13px);
    color: #007aff;
}

.contentArticle h3.rVideo-middle-lead {
    font-size: 18px;
    font-weight: 400;
    color: var(--cl-main);
}

.contentArticle .video-box-wrap {
    margin: 20px -15px;
}

.contentArticle .time-left-text {
    word-break: normal;
}

.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;
    }
}

.info-banner {
    position: relative;
    margin: 20px 0;
    background: var(--bg-blue-lite);
    padding: 5px 0;
}

.info-banner a {
    color: inherit;
}

.info-banner-logo {
    position: relative;
    width: 171px;
    height: 50px;
    padding: 15px 0;
}

.info-banner-logo img {
    height: 20px;
    opacity: var(--img-light);
}

.info-banner-logo img.info-banner-logo-dark {
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 1;
    opacity: var(--img-dark);
}

.info-banner-header {
    position: relative;
    padding: 0 15px;
}

.info-banner-header h4 {
    position: relative;
    padding: 10px 0 15px;
    font-size: 20px;
    font-weight: 700;
}

.info-banner-header h4 span {
    color: #e75524;
}

.info-banner-idx {
    position: absolute;
    right: 15px;
    top: calc(50% - 24px / 2);
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #1583cc;
}

.info-banner-idx:hover {
    color: #000;
}

.info-banner-list {
    position: relative;
    padding: 0;
}

.info-banner-list ul {
    display: block;
    margin: 0;
    padding: 0 0 10px;
    position: relative;
    overflow-y: scroll;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

.info-banner-list li {
    display: inline-block;
    vertical-align: top;
    width: 130px;
    padding: 0;
    margin-right: 5px;
}

@media (min-width: 330px) {
    .info-banner-list li {
        width: 40%;
    }
}

.info-banner-list li:last-child {
    margin-right: 15px;
}

.info-banner-list li:first-child {
    margin-left: 15px;
}

.info-banner-list-img {
    position: relative;
    width: 100%;
    padding-top: 66.67%;
    margin-bottom: 8px;
    overflow: hidden;
    border-radius: 5px;
}

.info-banner-list-img:before {
    content: "";
    background: #daeaf7;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.info-banner-list-img:after {
    content: attr(data-placeholder);
    white-space: normal;
    text-align: center;
    word-wrap: normal;
    padding: 0 4px;
    width: 100%;
    z-index: 1;
    height: auto;
    max-height: 62px;
    overflow: hidden;
    font-size: 13px;
    line-height: normal;
    color: #2b2b2b;
}

.info-banner-list-img:after,
.info-banner-list-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.info-banner-list-img img {
    width: auto;
    height: 100%;
    z-index: 2;
    filter: var(--img-filter);
    -webkit-filter: var(--img-filter);
}

.info-banner-list-title {
    position: relative;
    white-space: normal;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--cl-gray-bold);
    height: auto;
    max-height: 37px;
    overflow: 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;
}

.info-banner-list a:hover .info-banner-list-title {
    color: var(--cl-hover);
}

.info-banner-arrow {
    position: absolute;
    z-index: 2;
    top: 90px;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background: #fff;
    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;
}

.info-banner-arrow.-left {
    left: 4px;
    -webkit-box-shadow: 1px 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 0 6px rgba(0, 0, 0, 0.3);
}

.info-banner-arrow.-right {
    right: 4px;
    -webkit-box-shadow: -1px 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: -1px 0 6px rgba(0, 0, 0, 0.3);
}

.info-banner-arrow.-disabled {
    opacity: 0;
    visibility: hidden;
}

.icon-arrow {
    position: relative;
    display: block;
    width: 1rem;
    height: 1rem;
}

.icon-arrow:after {
    content: "";
    position: absolute;
    width: 0.5rem;
    height: 0.5rem;
    border-top: 2px solid #3ca5dd;
    border-left: 2px solid #3ca5dd;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.icon-arrow-left {
    -ms-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
}

.icon-arrow-right {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.icon-arrow-up {
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

.icon-arrow-down {
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.contentArticle .info-banner {
    margin: 20px -15px;
}

.article-side {
    background: var(--bg-white);
    padding: 15px 0;
    position: relative;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

.article-item {
    display: inline-block;
    vertical-align: top;
    width: 130px;
    padding: 0;
    margin-right: 5px;
}

@media (min-width: 330px) {
    .article-item {
        width: 40%;
    }
}

.article-item:last-child {
    margin-right: 12px;
}

.article-item:first-child {
    margin-left: 12px;
}

.article-asset {
    padding-top: 66.66667%;
    background: #f0f0f0;
    overflow: hidden;
    position: relative;
}

.article-asset img {
    position: absolute;
    width: 100%;
    height: auto;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.article-title {
    position: relative;
    white-space: normal;
    color: var(--cl-main);
}

.article-subtitle {
    position: relative;
    margin: 5px 0;
    text-transform: lowercase;
    color: #3ca5dd;
    height: auto;
    max-height: 14px;
    overflow: hidden;
    font-family: Roboto Condensed, sans-serif;
    font-size: 11px;
    font-weight: 700;
}

.article-subtitle.kompastv {
    color: #df2127;
}

.article-subtitle.kompasiana {
    color: #125f99;
}

.article-subtitle.sonora {
    color: #ef6c0b;
}

.article-subtitle.gridmotor,
.article-subtitle.gridoto,
.article-subtitle.motorplusonline {
    color: #c00;
}

.article-subtitle.bolasport {
    color: red;
}

.article-subtitle.grid {
    color: #ef6e8e;
}

.channel__kgmedia {
    position: relative;
}

.channel__kgmedia .info-banner-arrow {
    top: calc(50% - 17.5px);
    background: #3ca5dd;
}

.channel__kgmedia .info-banner-arrow.-right {
    right: 8px;
}

.channel__kgmedia .info-banner-arrow.-left {
    left: 8px;
}

.channel__kgmedia .icon-arrow:after {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}

.kbngkit-header {
    position: relative;
    padding: 10px;
    margin: 0;
    background: var(--bg-main);
}

.kbngkit-wrap {
    position: relative;
    border-bottom: 2px solid var(--cl-bangkit);
    padding-bottom: 10px;
}

.kbngkit-img {
    position: relative;
    display: inline-block;
    height: 32px;
}

.kbngkit-img img {
    height: 32px;
    filter: var(--img-filter);
    -webkit-filter: var(--img-filter);
}

.kbngkit-img:after {
    content: "";
    position: absolute;
    border-bottom: 2px solid #ec7511;
    left: 0;
    bottom: -12px;
    width: 100%;
}

.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;
}

.nwsLetter-article {
    position: relative;
    padding: 1px 0;
    margin: 20px 0 20px 15px;
}

.nwsLetter-article:after,
.nwsLetter-article:before {
    content: "";
    position: absolute;
    width: 50px;
    border-top: 1px solid #d8d8d8;
    left: 0;
}

.nwsLetter-article:before {
    top: 0;
}

.nwsLetter-article:after {
    bottom: 0;
}

.nwsLetter-article a {
    font-weight: 700;
}

.read-complete ~ .ads-partner-wrap {
    margin-top: 0;
}

.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);
}

body {
    --bg-wBrand: #fff;
}

body.theme-dark {
    --bg-wBrand: #121212;
}

@media (prefers-color-scheme: dark) {
    body {
        --bg-wBrand: #121212;
    }

    body.theme-light {
        --bg-wBrand: #fff;
    }
}

.wBrand-header {
    position: relative;
    padding: 25px 0 20px;
    margin: 0;
    background: var(--bg-wBrand);
}

.wBrand-headerWrap {
    position: relative;
    border-bottom: 2px solid #000;
    padding-bottom: 15px;
}

.wBrand-headerImg {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    height: 48px;
}

.wBrand-headerImg img {
    height: 48px;
}

.wBrand-headerImg:after {
    content: "";
    position: absolute;
    border-bottom: 2px solid #ccc;
    left: 10px;
    bottom: -17px;
    width: calc(100% - 35px);
}

.wBrand--joglo .wBrand-headerWrap {
    border-color: #1e6594;
}

.wBrand--joglo .wBrand-headerImg:after {
    border-color: #d9e021;
}

.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;
}

.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);
}

.plusBanner {
    --cl-main: #000;
    --cl-orange: #e26128;
    position: relative;
}

.plusBanner__left {
    position: relative;
    -ms-flex-item-align: center;
    align-self: center;
    width: 36px;
}

.plusBanner__icon {
    border-radius: 7px;
    overflow: hidden;
    width: 36px;
    height: 36px;
    background-size: cover;
}

.plusBanner__info {
    padding-left: 5px;
    padding-right: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 360px) {
    .plusBanner__info {
        padding-right: 5px;
    }
}

.plusBanner__info {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--cl-main);
}

.plusBanner__desc--orange {
    color: var(--cl-orange);
}

.plusBanner__btn {
    display: block;
    padding: 5px 8px;
    min-height: 29px;
    border-radius: 4px;
    background: var(--cl-kompas);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--cl-white);
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}

@media (min-width: 360px) {
    .plusBanner__btn {
        padding: 5px 21px;
    }
}

.plusBanner__link {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.plusBox {
    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;
    padding: 7px;
    height: 100%;
    background: #d7d7d7;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#d7d7d7),
        color-stop(15.1%, #f0f0f0),
        color-stop(86.39%, #f0f0f0),
        to(#d7d7d7)
    );
    background: linear-gradient(
        180deg,
        #d7d7d7,
        #f0f0f0 15.1%,
        #f0f0f0 86.39%,
        #d7d7d7
    );
}

@media (min-width: 360px) {
    .plusBox {
        padding: 7px 15px 7px 7px;
    }
}

.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;
}

.popup-kgplus {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 12px;
    background: var(--bg-white-lv2);
    padding: 24px 16px;
    z-index: 99999;
    width: calc(100% - 32px);
}

.popup-kgplus,
.popup-kgplus-bg {
    position: fixed;
    visibility: hidden;
    opacity: 0;
}

.popup-kgplus-bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.popup-kgplus-detail {
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    margin-bottom: 24px;
    color: var(--cl-txt);
}

.popup-kgplus-buttons {
    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-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 16px;
}

.popup-kgplus-img {
    position: relative;
    width: 127px;
    height: 15px;
    display: inline-block;
    vertical-align: sub;
}

.popup-kgplus-img img {
    height: 15px;
    opacity: var(--img-light);
}

.popup-kgplus-img img.logo-dark {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: var(--img-dark);
}

.popup-kgplus .popup-button {
    outline: none;
    width: 100%;
    padding: 11px 0;
    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;
    background: transparent;
    border: 1px solid #c4c4c4;
    border-radius: 8px;
    color: var(--cl-blue3);
    font-weight: 700;
    font-size: 16px;
}

.popup-kgplus .popup-button.-primary {
    background: var(--cl-kompas);
    color: var(--cl-white);
    border: 1px solid var(--cl-kompas);
}

body {
    --cl-lestari-more: #007aff;
    --cl-lestari-brand: #143163;
    --cl-lestari-border: #e7e7e7;
    --cl-lestari-border2: #e1e1e1;
    --bg-lestari-partner: hsla(0, 0%, 85%, 0.2);
    --bg-lestari-blue: #e1efff;
    --bg-lestari-csr: #f0fbff;
}

body.theme-dark {
    --cl-lestari-more: #2289ce;
    --cl-lestari-brand: hsla(0, 0%, 100%, 0.87);
    --cl-lestari-border: #3b3b3b;
    --cl-lestari-border2: #3b3b3b;
    --bg-lestari-partner: #262626;
    --bg-lestari-blue: #262626;
    --bg-lestari-csr: #dcf4fc;
}

@media (prefers-color-scheme: dark) {
    body {
        --cl-lestari-more: #2289ce;
        --cl-lestari-brand: hsla(0, 0%, 100%, 0.87);
        --cl-lestari-border: #3b3b3b;
        --cl-lestari-border2: #3b3b3b;
        --bg-lestari-partner: #262626;
        --bg-lestari-blue: #262626;
        --bg-lestari-csr: #dcf4fc;
    }

    body.theme-light {
        --cl-lestari-more: #007aff;
        --cl-lestari-brand: #143163;
        --cl-lestari-border: #e7e7e7;
        --cl-lestari-border2: #e1e1e1;
        --bg-lestari-partner: hsla(0, 0%, 85%, 0.2);
        --bg-lestari-blue: #e1efff;
        --bg-lestari-csr: #f0fbff;
    }
}

.lestariPilarItem--0,
.lp--0 {
    background: #d9243c;
}

.lestariPilarItem--1,
.lp--1 {
    background: #d49d39;
}

.lestariPilarItem--2,
.lp--2 {
    background: #4b9546;
}

.lestariPilarItem--3,
.lp--3 {
    background: #bb202e;
}

.lestariPilarItem--4,
.lp--4 {
    background: #e5402b;
}

.lestariPilarItem--5,
.lp--5 {
    background: #27b3d8;
}

.lestariPilarItem--6,
.lp--6 {
    background: #f0b913;
}

.lestariPilarItem--7,
.lp--7 {
    background: #981c43;
}

.lestariPilarItem--8,
.lp--8 {
    background: #e86a2b;
}

.lestariPilarItem--9,
.lp--9 {
    background: #d31768;
}

.lestariPilarItem--10,
.lp--10 {
    background: #ef9327;
}

.lestariPilarItem--11,
.lp--11 {
    background: #b4812c;
}

.lestariPilarItem--12,
.lp--12 {
    background: #407f44;
}

.lestariPilarItem--13,
.lp--13 {
    background: #198cca;
}

.lestariPilarItem--14,
.lp--14 {
    background: #5bb047;
}

.lestariPilarItem--15,
.lp--15 {
    background: #036993;
}

.lestariPilarItem--16,
.lp--16 {
    background: #17496b;
}

.lestariHead.--compact {
    background: var(--bg-main);
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 16px;
}

.lestariHead.--compact .lestariHead-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    position: relative;
}

.lestariHead.--compact .lestariLogo {
    border-bottom: 0;
    width: 114px;
    margin: 0;
    padding: 0;
}

.lestariHead.--compact .lestariLogo a {
    padding-top: 30px;
}

.lestariHead.--compact .lestariLogo .-rotate {
    width: 24px;
    top: 4px;
}

.lestariHead.--compact .lestariLogo .-dark,
.lestariHead.--compact .lestariLogo .-light {
    left: 30px !important;
    width: 84px;
    top: 10px !important;
}

.lestariHead.--compact .lestariPartnerInfo {
    border-left: 0;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    position: relative;
    top: 0;
    left: 0;
    border: 0;
    width: 90px;
    height: 30px;
    margin-left: 12px;
}

.lestariHead.--compact .lestariPartnerInfo: before {
    content: "";
    width: 1px;
    height: 26px;
    background-color: var(--cl-lestari-border);
    position: absolute;
    left: -12px;
    z-index: 2;
}

.lestariHead.--compact .lestariPartnerInfo a {
    margin-left: 0;
}

.lestariHead.--compact .lestariPartnerInfo img {
    position: absolute;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
}

.lestariHead.--compact .lestariPilarTrigWrap {
    margin: 0;
}

.lestariHead.--compact .lestariPartnerInfo {
    left: unset;
    top: unset;
}

.lestariHead.--compact .lestariPilarTrig {
    padding: 5px;
    max-width: 99px;
    overflow: hidden;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
}

.lestariHead.--compact .lestariPilarTrig: before {
    width: 20px;
    height: 20px;
    background-color: #ededed;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='4' viewBox='0 0 17 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2.65625' cy='2' r='2' fill='%23333333'/%3E%3Ccircle cx='8.65625' cy='2' r='2' fill='%23333333'/%3E%3Ccircle cx='14.6562' cy='2' r='2' fill='%23333333'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 16px auto;
    border-radius: 100%;
    position: absolute;
    content: "";
    z-index: 2;
    left: 73px;
    border: 1px solid var(--bg-white);
}

.lestariHead.--compact .lestariPilarTrig .lestariPilarIcon {
    width: 18px;
    height: 18px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.lestariHead.--compact .lestariPilarTrig .lestariPilarIcon: nth-child(4) {
    opacity: 0;
}

.lestariHead--bottom {
    padding: 8px 0 24px;
    border-bottom: 1px solid var(--cl-lestari-border);
    position: relative;
    margin-bottom: 24px;
}

.lestariHead--sustainability {
    margin-bottom: 16px;
}

.lestariHead--sustainability p {
    margin-bottom: 8px;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: var(--cl-gray-med);
}

.lestariHead-sustain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.lestariHead-sustain:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -6px;
    left: 0;
    background: linear-gradient(
        122.08deg,
        #d8b42d 9.53%,
        #49b857 45.84%,
        #006cad 82.14%
    );
}

.lestariHead-sustain-img {
    width: 53px;
    height: 34px;
    position: relative;
}

@media (max-width: 340px) {
    .lestariHead-sustain-img {
        width: 48px;
        height: auto;
    }
}

.lestariHead-sustain-img:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 30px;
    border-radius: 8px;
    background: #d9d9d9;
    right: -6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lestariHead-sustain-img img {
    max-width: 100%;
}

.lestariHead-sustain-subtitle {
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: -0.03em;
    color: var(--cl-gray-med);
    margin-right: 4px;
}

@media (max-width: 340px) {
    .lestariHead-sustain-subtitle {
        font-size: 10px;
    }
}

.lestariHead-sustain-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.03em;
}

.lestariHead-sustain-link span {
    color: var(--cl-txt);
}

.lestariHead-sustain-link a,
.lestariHead-sustain-link a:hover {
    color: #39c;
}

@media (max-width: 340px) {
    .lestariHead-sustain-link {
        font-size: 10px;
    }
}

.lestariPilarList-more {
    display: inline-table;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--cl-lestari-more);
}

.lestariLogo {
    position: relative;
    margin-top: 16px;
    margin-bottom: 4px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--cl-lestari-border);
}

.lestariLogo a {
    display: inline-block;
    padding-top: 40px;
}

.lestariLogo img {
    max-width: 165px;
    opacity: var(--img-light);
}

.lestariLogo img,
.lestariLogo img.-dark {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.lestariLogo img.-dark {
    opacity: var(--img-dark);
}

.lestariLogoWrap {
    background: var(--bg-main);
    padding: 1px 10px;
}

.lestariLogoContent {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--cl-lestari-brand);
}

.lestariLogoProgram {
    border: 0;
}

.lestariLogoProgram:after {
    content: none;
}

.lestariLogoProgram ~ .lestariPilarCaption {
    margin-top: 0;
}

.lestariLogo--bottom {
    margin-top: 25px;
    padding-bottom: 32px;
    height: auto;
}

.lestariLogo--bottom:after {
    content: none;
}

.lestariLogo--bottom .--line-lestari {
    display: none;
}

.lestariLogo--self {
    border-bottom: 0;
}

.lestariLogo--self .--line-lestari {
    display: none;
}

.lestariLogo.--program {
    height: auto;
    min-height: 85px;
    padding-top: 40px;
}

.lestariLogo.--program img {
    max-width: none;
    height: 40px;
    opacity: 1;
}

.lestariLogo .lestariProgramDesc {
    margin-top: 8px;
}

.lestariLogo .lestariCaption {
    margin-top: 14px;
}

.lestariLogo .lestariCaption--small {
    margin-top: 10px;
}

.lestariProgramDesc {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--cl-gray-med);
}

.lestariMore {
    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;
    width: 100%;
    margin-top: 6px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--cl-lestari-more);
}

.lestariMore span {
    position: relative;
    margin-left: 4px;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.lestariMore span:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 1px;
    border-color: var(--cl-lestari-more);
    border-bottom: 2px solid;
    border-right: 2px solid;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 6px;
    top: 4px;
}

.lestariMore--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.lestariPilar {
    --gap: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--gap);
    margin-top: var(--gap);
}

.lestariPilarItem {
    border-radius: 8px;
    width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
    min-height: 100px;
}

.lestariPilarLink {
    display: block;
    text-align: center;
    letter-spacing: -0.02em;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
    color: var(--cl-white);
}

.lestariPilarImg {
    position: relative;
    width: 100%;
    min-height: 128px;
}

.lestariPilarImg img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.lestariPilarIcon {
    display: inline-block;
    margin-right: 8px;
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    vertical-align: middle;
}

.lestariPilarIcon img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}

.lestariPilarList {
    margin-bottom: 12px;
    max-height: 220px;
    position: relative;
    overflow-x: hidden;
}

.lestariPilarList li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lestariPilarList span {
    vertical-align: middle;
}

.lestariPilarList .lestariPilarPill {
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 4px;
    margin-right: 4px;
    padding: 6px 12px 6px 8px;
    background: var(--bg-white);
    border-radius: 30px;
    border: 1px solid var(--cl-lestari-border);
    vertical-align: middle;
    letter-spacing: -0.01em;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    color: var(--cl-txt);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100vw - 70px);
}

.lestariPilarList .lestariPilarIcon {
    width: 24px;
    height: 24px;
}

.lestariPilarCaption {
    margin-top: 24px;
    margin-bottom: 4px;
    letter-spacing: -0.01em;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--cl-gray-med);
}

.lestariPilarWrap {
    margin-top: 16px;
    padding-bottom: 48px;
    border-bottom: 1px solid var(--cl-lestari-border2);
}

.lestariPilarWrap.-row {
    border-bottom: 0;
    position: relative;
    margin: 0 -15px;
    padding-bottom: 0;
    overflow: hidden;
}

.lestariPilarWrap.-row .lestariPilar {
    padding: 0 15px 34px;
    margin-bottom: -10px;
}

.lestariPilarWrap.-row .lestariPilarItem {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
}

.lestariPilarWrap.-row .lestariPilarImg {
    min-height: 115px;
}

.lestariPilarWrap.-row .lestariPilarMore {
    background: #eaf5fb;
}

.lestariPilarWrap.-row .lestariPilarMore .lestariPilarLink {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: var(--cl-kompas);
    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: 4px;
    width: 100%;
    height: 100%;
}

.lestariPilarWrap.-row .lestariPilarMore .icoMore {
    background-image: url('data:image/svg+xml,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_258_179" fill="white"><path d="M1.04719 9.27742C0.656671 8.8869 0.65667 8.25373 1.04719 7.86321L5.28984 3.62056C5.68036 3.23004 6.31353 3.23004 6.70405 3.62056L10.9467 7.86321C11.3372 8.25373 11.3372 8.8869 10.9467 9.27742L6.70405 13.5201C6.31353 13.9106 5.68036 13.9106 5.28984 13.5201L1.04719 9.27742Z"/></mask><path d="M0.340088 8.57031L5.99695 2.91345L0.340088 8.57031ZM12.3609 6.44899C13.5325 7.62056 13.5325 9.52006 12.3609 10.6916L9.53248 13.5201C8.36091 14.6916 6.46141 14.6916 5.28984 13.5201L4.58273 12.813C4.58273 12.813 4.89932 12.4964 5.28984 12.1059L8.82538 8.57031L12.3609 6.44899ZM5.99695 14.2272L0.340088 8.57031L5.99695 14.2272ZM5.28984 3.62056C6.46141 2.44899 8.36091 2.44899 9.53248 3.62056L12.3609 6.44899C13.5325 7.62056 13.5325 9.52006 12.3609 10.6916L8.82538 8.57031L5.28984 5.03477C4.89932 4.64425 4.58273 4.32767 4.58273 4.32767L5.28984 3.62056Z" fill="%23007AFF" mask="url(%23path-1-inside-1_258_179)"/></svg>');
}

.lestariPilarWrap.-row:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% - 30px);
    height: 1px;
    background: var(--cl-lestari-border2);
}

.lestariPilarTrig {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    padding: 4px 8px;
    background: var(--bg-white);
    border-radius: 30px;
    border: 1px solid var(--cl-lestari-border);
    vertical-align: middle;
}

.lestariPilarTrig .lestariPilarIcon {
    width: 24px;
    height: 24px;
    margin-right: 0;
}

.lestariPilarTrigWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
    margin-bottom: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.lestariPilarTrigWrap .lestariPilarCaption {
    margin-top: 0;
    margin-bottom: 0;
}

.lestariModal .modalHeader {
    padding: 16px 16px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lestariModal .pilarModalBody {
    background: var(--bg-white);
    padding: 2px 16px 6px;
}

.lestariModal .lestariPilarCaption {
    margin-top: 0;
    margin-bottom: 0;
}

.lestariModal .lestariPilarPill {
    margin-top: 6px;
    margin-bottom: 6px;
    font-weight: 400;
}

.lestariModal .lestariPilarIcon {
    width: 18px;
    height: 18px;
}

.--line-lestari {
    position: absolute;
    bottom: 0;
    width: 170px;
    height: 2px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.--line-lestari: after,.--line-lestari:before {
    content: "";
    height: 2px;
}

.--line-lestari: before {
    width: 50%;
    background-color: #d9243c;
}

.--line-lestari: after {
    width: 50%;
    background-color: #27b3d8;
}

.--line-lestari span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.--line-lestari span: after,.--line-lestari span:before {
    content: "";
    height: 2px;
}

.--line-lestari span: before {
    width: 25%;
    background-color: #f0b913;
}

.--line-lestari span: after {
    width: 75%;
    background-color: #5bb047;
}

.contentArticle .lestariLogo a {
    color: inherit;
}

body {
    --bg-bullet: #c9c9c9;
    --cl-time2: #888;
}

body.theme-dark {
    --bg-bullet: hsla(0, 0%, 100%, 0.87);
    --cl-time2: hsla(0, 0%, 100%, 0.87);
}

@media (prefers-color-scheme: dark) {
    body {
        --bg-bullet: hsla(0, 0%, 100%, 0.87);
        --cl-time2: hsla(0, 0%, 100%, 0.87);
    }

    body.theme-light {
        --bg-bullet: #c9c9c9;
        --cl-time2: #888;
    }
}

.latestImg {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background-color: var(--bg-gray-med);
}

.latestImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
}

.latestInfo {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.latestInfo:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: var(--bg-bullet);
    border-radius: 4px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0 8px;
}

.latestChannel {
    text-transform: uppercase;
    font-size: 12px;
    color: #e65225;
}

.latestChannel,
.latestTitle {
    position: relative;
    font-weight: 400;
}

.latestTitle {
    font-size: 14px;
    color: var(--cl-txt);
    letter-spacing: -0.02em;
    letter-spacing: -0.2px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.latestDuration {
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    background-color: var(--bg-time);
    border-radius: 4px;
    padding: 0 8px;
    position: absolute;
    z-index: 2;
    right: 8px;
    bottom: 8px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.latestDuration:before {
    content: "";
    margin-right: 2px;
    margin-bottom: 0;
    -webkit-filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg)
        brightness(126%) contrast(82%);
    filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg)
        brightness(126%) contrast(82%);
}

.layoutWrap {
    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;
    background: var(--bg-main);
    padding: 0 15px;
}

.sectionHeader {
    position: relative;
    margin-top: 15px;
}

.sectionHeader:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 5px;
    z-index: 1;
    border-bottom: 5px solid var(--bg-section-title);
}

.sectionTitle {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: var(--cl-txt);
    padding: 0 12px;
    background: var(--bg-main);
    display: inline-block;
    position: relative;
    letter-spacing: -0.2px;
    z-index: 2;
}

.sectionTitle:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    height: calc(100% - 5px);
    border-left: 1px solid #e65225;
}

.latestWrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    padding: 20px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.latestImg {
    -ms-flex-preferred-size: 80px;
    flex-basis: 80px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    width: 80px;
    height: 80px;
    padding-top: 0;
    border-radius: 8px;
    overflow: hidden;
}

.latestFlex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 13px;
}

.latestBox,
.latestFlex {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.latestBox {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.latestTitle {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: -2px;
}

.latestTitle .icoVideo,
.latestTitle .latestDuration:before {
    width: 14px;
    height: 14px;
}

.latestInfo {
    padding-top: 6px;
}

.latestChannel {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.latestDuration:before {
    content: none;
}

.latestTime {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    font-size: 12px;
    font-weight: 400;
    color: var(--cl-time2);
}

.latestItem {
    position: relative;
}

.lestariPartnerInfo {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 42px;
}

.lestariPartnerInfo img {
    width: auto;
    height: 100%;
}

.lestariPartnerInfo-logo {
    max-width: 150px;
    max-height: 75px;
}

.terkaitLestari .latestTitle {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: -2px;
    margin-bottom: 0;
}

body {
    --bg-bOrn: #94d8ee;
}

body.theme-dark {
    --bg-bOrn: #646464;
}

@media (prefers-color-scheme: dark) {
    body {
        --bg-bOrn: #646464;
    }

    body.theme-light {
        --bg-bOrn: #94d8ee;
    }
}

.wBook {
    position: relative;
    margin: 24px -15px;
    min-height: auto;
    overflow: hidden;
}

.wBookHeading {
    display: inline-block;
    padding-bottom: 5px;
    margin-left: 15px;
    margin-right: 15px;
    border-bottom: 5px solid #3ca5dd;
    font: 700 16px/1.5 Roboto, sans-serif;
    color: var(--cl-txt, #333);
}

.wBookBg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}

.wBookBg:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -208px;
    left: -62px;
    background: var(--bg-bOrn);
    width: 843px;
    height: 276px;
    border-radius: 100%;
    opacity: 0.2;
    z-index: 0;
}

.wBookList {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 12px;
    padding: 17px 15px 23px;
    overflow-x: auto;
    overflow-y: hidden;
    z-index: 2;
}

.wBookList .buttonMeatball {
    position: absolute;
    z-index: 1;
    right: 7px;
    bottom: 7px;
}

.wBookList .listPop {
    top: calc(100% - 100px);
    min-width: 165px;
}

.wBookList.-loading .wBookImg {
    background: var(--bg-gray-med, #f0f0f0);
}

.wBookList.-loading .wBookImg > img {
    display: none;
}

.wBookList.-loading .wBookAuthor,
.wBookList.-loading .wBookPrice,
.wBookList.-loading .wBookPrice--disc,
.wBookList.-loading .wBookTitle {
    position: relative;
}

.wBookList.-loading .wBookAuthor:before,
.wBookList.-loading .wBookPrice--disc:before,
.wBookList.-loading .wBookPrice:before,
.wBookList.-loading .wBookTitle:before {
    content: "";
    position: absolute;
    background: var(--bg-gray-med, #f0f0f0);
    left: 0;
    top: 0;
}

.wBookList.-loading .wBookTitle:after,
.wBookList.-loading .wBookTitle:before {
    width: 100%;
    height: 28px;
}

.wBookList.-loading .wBookTitle:after {
    content: "";
    position: absolute;
    background: var(--bg-gray-med, #f0f0f0);
    left: 0;
    bottom: 0;
}

.wBookList.-loading .wBookPrice--disc:before,
.wBookList.-loading .wBookPrice:before {
    width: 74px;
    height: 15px;
}

.wBookList.-loading .wBookAuthor:before {
    width: 94px;
    height: 12px;
}

.wBookItem {
    display: block;
    position: relative;
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    border-radius: 10px;
    border: 1px solid rgba(0, 96, 174, 0.2);
    background: var(--bg-main, #fff);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}

.wBookItem:first-child .listPop {
    right: -35%;
}

.wBookBlock {
    padding: 8px 7px 14px;
    position: relative;
    display: block;
}

.wBookContent {
    margin-top: 12px;
    font: 400 14px/1 Roboto, sans-serif;
}

.wBookAuthor {
    margin-bottom: 2px;
    color: #939597;
    font-size: 11px;
    height: 12px;
    -webkit-line-clamp: 1;
}

.wBookAuthor,
.wBookTitle {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.wBookTitle {
    color: var(--cl-txt);
    -webkit-line-clamp: 2;
    margin: 0 0 5px;
    font-weight: 700;
    height: 34px;
    line-height: 122%;
}

.wBookPrice {
    margin-top: 2px;
    color: #939597;
    font-size: 12px;
    text-decoration: line-through;
    min-height: 15px;
}

.wBookPrice--disc {
    min-height: 15px;
    font-weight: 700;
    color: #0060ae;
}

.wBookImg {
    position: relative;
    width: auto;
    height: 105px;
    overflow: hidden;
}

.wBookImg img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.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%);
}

#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,
.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;
}

.ivs-wrap,
.kid-wrap {
    position: relative;
    z-index: 1;
}

.ivs-wrap {
    margin: 20px 0;
    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);
}

.-restricted .photoCarousel-item a {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.-restricted .imgHL iframe,
.-restricted .photo-infographic img,
.-restricted .photoCarousel-img img,
.-restricted .photo img {
    -webkit-filter: blur(15px);
    filter: blur(15px);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.-restricted .read__content h2,
.-restricted .read__content h3,
.-restricted .read__content ol li,
.-restricted .read__content p,
.-restricted .read__content ul li {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.-restricted .read__content .ads-partner-wrap.osmplaceonsite p {
    -webkit-filter: none;
    filter: none;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: auto;
    pointer-events: auto;
}

.-restricted .restricted {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: calc(100% - 30px);
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 32px 16px;
    border-radius: 8px;
    background: var(--bg-modal-rest);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    z-index: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    text-align: center;
}

.-restricted .restricted,
.-restricted .restricted.-hide {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.-restricted .restricted.-show {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.-restricted .restricted-img {
    width: 100%;
    height: 85px;
    margin: 10px 0;
    text-align: center;
}

.-restricted .restricted-img img {
    height: 100%;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
}

.-restricted .restricted-tag {
    color: #bf451f;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    background: var(--bg-main);
}

.-restricted .restricted-subtitle {
    color: var(--cl-modal-black);
    font-size: 20px;
    font-weight: 700;
}

.-restricted .restricted-lead {
    position: relative;
}

.-restricted .restricted-lead p {
    color: var(--cl-modal-dark);
    font-size: 16px;
    max-width: 80%;
    margin: 16px auto;
}

.-restricted .restricted-link {
    color: #fff;
    background: #007aff;
    border: 1px solid #007aff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 9px 10px;
    min-width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    height: 40px;
    font-weight: 700;
    font-size: 16px;
}

.-restricted .restricted-link:hover {
    background-color: #006ee6;
}

.-restricted .restricted-link-text,
.-restricted .restricted-link-text:hover {
    color: #007aff;
    background: transparent;
    border: transparent;
}

body {
    --br-react-box: #d8d8d8;
    --bg-react-modal: #f3f3f3;
    --bg-react-icon: #c5c5c5;
    --cl-kompas: #007aff;
    --cl-list-title: #343232;
    --filter-gray: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg)
        brightness(86%) contrast(82%);
    --filter-gray2: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg)
        brightness(86%) contrast(82%);
    --bg-react-filter: invert(39%) sepia(0%) saturate(3369%) hue-rotate(355deg)
        brightness(95%) contrast(78%);
    --ico-like2: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.576 12.715h-4.047l.914-4.1a2.689 2.689 0 0 0-1.019-2.743l-.63-.47a2.01 2.01 0 0 0-2.946.6 49.836 49.836 0 0 1-4.242 6.45.752.752 0 0 0-.678-.43H5.753a.755.755 0 0 0-.753.75v11.785a.748.748 0 0 0 .753.75H9.93a.746.746 0 0 0 .733-.648A4.176 4.176 0 0 0 13.721 26h4.135c.685 0 1.359-.167 1.962-.489a4.143 4.143 0 0 0 1.497-1.354l4.11-6.14a3.4 3.4 0 0 0-1.09-4.817 3.436 3.436 0 0 0-1.76-.485ZM9.177 23.807h-2.67V13.521h2.67v10.286Zm14.995-6.621-4.11 6.139a2.64 2.64 0 0 1-2.206 1.175h-4.135a2.672 2.672 0 0 1-2.12-1.056l-.918-1.216v-7.703c1.574-1.322 3.814-4.9 5.47-7.776a.488.488 0 0 1 .333-.239.505.505 0 0 1 .405.09l.63.47a1.201 1.201 0 0 1 .451 1.219l-1.116 5.013a.747.747 0 0 0 .41.84.757.757 0 0 0 .325.073h4.987a1.927 1.927 0 0 1 1.69 1.01 1.904 1.904 0 0 1-.094 1.96h-.002Z' fill='%23666'/%3E%3Cpath d='M9.578 13.038H6v11.64h3.578l.894-1.791 3.13 2.238 6.71-.448 5.813-8.505-2.683-2.239h-5.814l.894-7.163-1.789-.895-2.236 2.686-4.025 5.372-.894-.895Z' fill='%23666'/%3E%3Cpath stroke='%23fff' d='M10.5 12v13'/%3E%3C/svg%3E");
    --ico-dislike2: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.55 19.285h4.046l-.914 4.1a2.689 2.689 0 0 0 1.019 2.743l.63.47a2.009 2.009 0 0 0 2.381.024 2 2 0 0 0 .565-.624 49.832 49.832 0 0 1 4.242-6.45.752.752 0 0 0 .678.43h4.175a.755.755 0 0 0 .753-.75V7.443a.749.749 0 0 0-.753-.75h-4.177a.746.746 0 0 0-.733.648A4.175 4.175 0 0 0 18.404 6h-4.135a4.162 4.162 0 0 0-3.459 1.843l-4.11 6.14A3.4 3.4 0 0 0 7.79 18.8c.532.317 1.14.485 1.76.485ZM22.947 8.193h2.67v10.286h-2.67V8.193ZM7.953 14.814l4.11-6.139A2.641 2.641 0 0 1 14.27 7.5h4.135a2.673 2.673 0 0 1 2.12 1.056l.918 1.216v7.703c-1.574 1.322-3.814 4.9-5.47 7.776a.489.489 0 0 1-.333.239.505.505 0 0 1-.405-.09l-.63-.47a1.201 1.201 0 0 1-.451-1.219l1.116-5.013a.746.746 0 0 0-.41-.84.756.756 0 0 0-.325-.073H9.547a1.927 1.927 0 0 1-1.69-1.01 1.905 1.905 0 0 1 .093-1.96h.003Z' fill='%23666'/%3E%3Cpath d='M22.547 18.962h3.578V7.322h-3.578l-.894 1.791-3.13-2.238-6.71.448L6 15.828l2.683 2.239h5.814l-.894 7.163 1.789.895 2.236-2.686 4.025-5.372.894.895Z' fill='%23666'/%3E%3Cpath stroke='%23fff' d='M21.625 20V6'/%3E%3C/svg%3E");
    --bg-close: #000;
    --filter-close: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg)
        brightness(86%) contrast(82%);
    --bg-stop-rec: #f8f8f8;
    --br-stop-rec: #dfdfdf;
    --cl-stop-rec: #8b8b8b;
}

body.theme-dark {
    --br-react-box: #1f1f1f;
    --bg-react-modal: #262626;
    --bg-react-icon: hsla(0, 0%, 100%, 0.87);
    --cl-kompas: #007aff;
    --cl-list-title: hsla(0, 0%, 100%, 0.87);
    --filter-gray: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg)
        brightness(109%) contrast(100%);
    --filter-gray2: invert(68%) sepia(0%) saturate(2%) hue-rotate(164deg)
        brightness(90%) contrast(89%);
    --bg-react-filter: invert(100%) sepia(28%) saturate(0%) hue-rotate(312deg)
        brightness(101%) contrast(101%);
    --ico-like2: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.576 12.715h-4.047l.914-4.1a2.689 2.689 0 0 0-1.019-2.743l-.63-.47a2.01 2.01 0 0 0-2.946.6 49.836 49.836 0 0 1-4.242 6.45.752.752 0 0 0-.678-.43H5.753a.755.755 0 0 0-.753.75v11.785a.748.748 0 0 0 .753.75H9.93a.746.746 0 0 0 .733-.648A4.176 4.176 0 0 0 13.721 26h4.135c.685 0 1.359-.167 1.962-.489a4.143 4.143 0 0 0 1.497-1.354l4.11-6.14a3.4 3.4 0 0 0-1.09-4.817 3.436 3.436 0 0 0-1.76-.485ZM9.177 23.807h-2.67V13.521h2.67v10.286Zm14.995-6.621-4.11 6.139a2.64 2.64 0 0 1-2.206 1.175h-4.135a2.672 2.672 0 0 1-2.12-1.056l-.918-1.216v-7.703c1.574-1.322 3.814-4.9 5.47-7.776a.488.488 0 0 1 .333-.239.505.505 0 0 1 .405.09l.63.47a1.201 1.201 0 0 1 .451 1.219l-1.116 5.013a.747.747 0 0 0 .41.84.757.757 0 0 0 .325.073h4.987a1.927 1.927 0 0 1 1.69 1.01 1.904 1.904 0 0 1-.094 1.96h-.002Z' fill='%23999'/%3E%3Cpath d='M9.578 13.038H6v11.64h3.578l.894-1.791 3.13 2.238 6.71-.448 5.813-8.505-2.683-2.239h-5.814l.894-7.163-1.789-.895-2.236 2.686-4.025 5.372-.894-.895Z' fill='%23999'/%3E%3Cpath stroke='%23fff' d='M10.5 12v13'/%3E%3C/svg%3E");
    --ico-dislike2: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.55 19.285h4.046l-.914 4.1a2.689 2.689 0 0 0 1.019 2.743l.63.47a2.009 2.009 0 0 0 2.381.024 2 2 0 0 0 .565-.624 49.832 49.832 0 0 1 4.242-6.45.752.752 0 0 0 .678.43h4.175a.755.755 0 0 0 .753-.75V7.443a.749.749 0 0 0-.753-.75h-4.177a.746.746 0 0 0-.733.648A4.175 4.175 0 0 0 18.404 6h-4.135a4.162 4.162 0 0 0-3.459 1.843l-4.11 6.14A3.4 3.4 0 0 0 7.79 18.8c.532.317 1.14.485 1.76.485ZM22.947 8.193h2.67v10.286h-2.67V8.193ZM7.953 14.814l4.11-6.139A2.641 2.641 0 0 1 14.27 7.5h4.135a2.673 2.673 0 0 1 2.12 1.056l.918 1.216v7.703c-1.574 1.322-3.814 4.9-5.47 7.776a.489.489 0 0 1-.333.239.505.505 0 0 1-.405-.09l-.63-.47a1.201 1.201 0 0 1-.451-1.219l1.116-5.013a.746.746 0 0 0-.41-.84.756.756 0 0 0-.325-.073H9.547a1.927 1.927 0 0 1-1.69-1.01 1.905 1.905 0 0 1 .093-1.96h.003Z' fill='%23999'/%3E%3Cpath d='M22.547 18.962h3.578V7.322h-3.578l-.894 1.791-3.13-2.238-6.71.448L6 15.828l2.683 2.239h5.814l-.894 7.163 1.789.895 2.236-2.686 4.025-5.372.894.895Z' fill='%23999'/%3E%3Cpath stroke='%23fff' d='M21.625 20V6'/%3E%3C/svg%3E");
    --bg-close: #fff;
    --filter-close: none;
    --bg-stop-rec: #121211;
    --br-stop-rec: #272727;
    --cl-stop-rec: #aaa;
}

@media (prefers-color-scheme: dark) {
    body {
        --br-react-box: #1f1f1f;
        --bg-react-modal: #262626;
        --bg-react-icon: hsla(0, 0%, 100%, 0.87);
        --cl-kompas: #007aff;
        --cl-list-title: hsla(0, 0%, 100%, 0.87);
        --filter-gray: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg)
            brightness(109%) contrast(100%);
        --filter-gray2: invert(68%) sepia(0%) saturate(2%) hue-rotate(164deg)
            brightness(90%) contrast(89%);
        --bg-react-filter: invert(100%) sepia(28%) saturate(0%)
            hue-rotate(312deg) brightness(101%) contrast(101%);
        --ico-like2: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.576 12.715h-4.047l.914-4.1a2.689 2.689 0 0 0-1.019-2.743l-.63-.47a2.01 2.01 0 0 0-2.946.6 49.836 49.836 0 0 1-4.242 6.45.752.752 0 0 0-.678-.43H5.753a.755.755 0 0 0-.753.75v11.785a.748.748 0 0 0 .753.75H9.93a.746.746 0 0 0 .733-.648A4.176 4.176 0 0 0 13.721 26h4.135c.685 0 1.359-.167 1.962-.489a4.143 4.143 0 0 0 1.497-1.354l4.11-6.14a3.4 3.4 0 0 0-1.09-4.817 3.436 3.436 0 0 0-1.76-.485ZM9.177 23.807h-2.67V13.521h2.67v10.286Zm14.995-6.621-4.11 6.139a2.64 2.64 0 0 1-2.206 1.175h-4.135a2.672 2.672 0 0 1-2.12-1.056l-.918-1.216v-7.703c1.574-1.322 3.814-4.9 5.47-7.776a.488.488 0 0 1 .333-.239.505.505 0 0 1 .405.09l.63.47a1.201 1.201 0 0 1 .451 1.219l-1.116 5.013a.747.747 0 0 0 .41.84.757.757 0 0 0 .325.073h4.987a1.927 1.927 0 0 1 1.69 1.01 1.904 1.904 0 0 1-.094 1.96h-.002Z' fill='%23999'/%3E%3Cpath d='M9.578 13.038H6v11.64h3.578l.894-1.791 3.13 2.238 6.71-.448 5.813-8.505-2.683-2.239h-5.814l.894-7.163-1.789-.895-2.236 2.686-4.025 5.372-.894-.895Z' fill='%23999'/%3E%3Cpath stroke='%23fff' d='M10.5 12v13'/%3E%3C/svg%3E");
        --ico-dislike2: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.55 19.285h4.046l-.914 4.1a2.689 2.689 0 0 0 1.019 2.743l.63.47a2.009 2.009 0 0 0 2.381.024 2 2 0 0 0 .565-.624 49.832 49.832 0 0 1 4.242-6.45.752.752 0 0 0 .678.43h4.175a.755.755 0 0 0 .753-.75V7.443a.749.749 0 0 0-.753-.75h-4.177a.746.746 0 0 0-.733.648A4.175 4.175 0 0 0 18.404 6h-4.135a4.162 4.162 0 0 0-3.459 1.843l-4.11 6.14A3.4 3.4 0 0 0 7.79 18.8c.532.317 1.14.485 1.76.485ZM22.947 8.193h2.67v10.286h-2.67V8.193ZM7.953 14.814l4.11-6.139A2.641 2.641 0 0 1 14.27 7.5h4.135a2.673 2.673 0 0 1 2.12 1.056l.918 1.216v7.703c-1.574 1.322-3.814 4.9-5.47 7.776a.489.489 0 0 1-.333.239.505.505 0 0 1-.405-.09l-.63-.47a1.201 1.201 0 0 1-.451-1.219l1.116-5.013a.746.746 0 0 0-.41-.84.756.756 0 0 0-.325-.073H9.547a1.927 1.927 0 0 1-1.69-1.01 1.905 1.905 0 0 1 .093-1.96h.003Z' fill='%23999'/%3E%3Cpath d='M22.547 18.962h3.578V7.322h-3.578l-.894 1.791-3.13-2.238-6.71.448L6 15.828l2.683 2.239h5.814l-.894 7.163 1.789.895 2.236-2.686 4.025-5.372.894.895Z' fill='%23999'/%3E%3Cpath stroke='%23fff' d='M21.625 20V6'/%3E%3C/svg%3E");
        --bg-close: #fff;
        --filter-close: none;
        --bg-stop-rec: #121211;
        --br-stop-rec: #272727;
        --cl-stop-rec: #aaa;
    }

    body.theme-light {
        --br-react-box: #d8d8d8;
        --bg-react-modal: #f3f3f3;
        --bg-react-icon: #c5c5c5;
        --cl-kompas: #007aff;
        --cl-list-title: #343232;
        --filter-gray: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg)
            brightness(86%) contrast(82%);
        --filter-gray2: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg)
            brightness(86%) contrast(82%);
        --bg-react-filter: invert(39%) sepia(0%) saturate(3369%)
            hue-rotate(355deg) brightness(95%) contrast(78%);
        --ico-like2: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.576 12.715h-4.047l.914-4.1a2.689 2.689 0 0 0-1.019-2.743l-.63-.47a2.01 2.01 0 0 0-2.946.6 49.836 49.836 0 0 1-4.242 6.45.752.752 0 0 0-.678-.43H5.753a.755.755 0 0 0-.753.75v11.785a.748.748 0 0 0 .753.75H9.93a.746.746 0 0 0 .733-.648A4.176 4.176 0 0 0 13.721 26h4.135c.685 0 1.359-.167 1.962-.489a4.143 4.143 0 0 0 1.497-1.354l4.11-6.14a3.4 3.4 0 0 0-1.09-4.817 3.436 3.436 0 0 0-1.76-.485ZM9.177 23.807h-2.67V13.521h2.67v10.286Zm14.995-6.621-4.11 6.139a2.64 2.64 0 0 1-2.206 1.175h-4.135a2.672 2.672 0 0 1-2.12-1.056l-.918-1.216v-7.703c1.574-1.322 3.814-4.9 5.47-7.776a.488.488 0 0 1 .333-.239.505.505 0 0 1 .405.09l.63.47a1.201 1.201 0 0 1 .451 1.219l-1.116 5.013a.747.747 0 0 0 .41.84.757.757 0 0 0 .325.073h4.987a1.927 1.927 0 0 1 1.69 1.01 1.904 1.904 0 0 1-.094 1.96h-.002Z' fill='%23666'/%3E%3Cpath d='M9.578 13.038H6v11.64h3.578l.894-1.791 3.13 2.238 6.71-.448 5.813-8.505-2.683-2.239h-5.814l.894-7.163-1.789-.895-2.236 2.686-4.025 5.372-.894-.895Z' fill='%23666'/%3E%3Cpath stroke='%23fff' d='M10.5 12v13'/%3E%3C/svg%3E");
        --ico-dislike2: url("data:image/svg+xml,%3Csvg width='33' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.55 19.285h4.046l-.914 4.1a2.689 2.689 0 0 0 1.019 2.743l.63.47a2.009 2.009 0 0 0 2.381.024 2 2 0 0 0 .565-.624 49.832 49.832 0 0 1 4.242-6.45.752.752 0 0 0 .678.43h4.175a.755.755 0 0 0 .753-.75V7.443a.749.749 0 0 0-.753-.75h-4.177a.746.746 0 0 0-.733.648A4.175 4.175 0 0 0 18.404 6h-4.135a4.162 4.162 0 0 0-3.459 1.843l-4.11 6.14A3.4 3.4 0 0 0 7.79 18.8c.532.317 1.14.485 1.76.485ZM22.947 8.193h2.67v10.286h-2.67V8.193ZM7.953 14.814l4.11-6.139A2.641 2.641 0 0 1 14.27 7.5h4.135a2.673 2.673 0 0 1 2.12 1.056l.918 1.216v7.703c-1.574 1.322-3.814 4.9-5.47 7.776a.489.489 0 0 1-.333.239.505.505 0 0 1-.405-.09l-.63-.47a1.201 1.201 0 0 1-.451-1.219l1.116-5.013a.746.746 0 0 0-.41-.84.756.756 0 0 0-.325-.073H9.547a1.927 1.927 0 0 1-1.69-1.01 1.905 1.905 0 0 1 .093-1.96h.003Z' fill='%23666'/%3E%3Cpath d='M22.547 18.962h3.578V7.322h-3.578l-.894 1.791-3.13-2.238-6.71.448L6 15.828l2.683 2.239h5.814l-.894 7.163 1.789.895 2.236-2.686 4.025-5.372.894.895Z' fill='%23666'/%3E%3Cpath stroke='%23fff' d='M21.625 20V6'/%3E%3C/svg%3E");
        --bg-close: #000;
        --filter-close: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg)
            brightness(86%) contrast(82%);
        --bg-stop-rec: #f8f8f8;
        --br-stop-rec: #dfdfdf;
        --cl-stop-rec: #8b8b8b;
    }
}

.icoBase,
.icoInline {
    display: inline-block;
    position: relative;
}

.icoInline {
    width: 13px;
    height: 13px;
    vertical-align: baseline;
    margin-bottom: -1px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.icoThumb {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.icoLike,
.icoThumb {
    width: 32px;
    height: 32px;
}

.icoLike {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cpath d='M22.6 12.7h-4l.9-4.1c.1-.5.1-1-.1-1.5s-.5-.9-.9-1.2l-.6-.5c-.3-.2-.6-.3-.9-.4h-.8c-.3.1-.5.2-.8.3-.2.2-.4.5-.6.7-1.2 2.3-2.7 4.4-4.2 6.4l-.3-.3c-.1-.1-.3-.1-.4-.1H5.8c-.2 0-.4.1-.5.2-.2.2-.3.4-.3.6v11.8c0 .2.1.4.2.5.1.1.3.2.5.2h4.2c.2 0 .4-.1.5-.2.1-.1.2-.3.2-.5.4.4.9.8 1.4 1 .5.2 1.1.4 1.7.4h4.1c.7 0 1.4-.2 2-.5.6-.3 1.1-.8 1.5-1.4l4.1-6.1c.3-.5.5-1.1.6-1.7 0-.6-.1-1.2-.4-1.8s-.7-1-1.3-1.3c-.5-.3-1.1-.5-1.7-.5zM9.2 23.8H6.5V13.5h2.7v10.3zm15-6.6-4.1 6.1c-.2.4-.6.7-1 .9-.4.2-.8.3-1.3.3h-4.1c-.4 0-.8-.1-1.2-.3-.4-.2-.7-.4-.9-.8l-.9-1.2v-7.7c1.6-1.3 3.8-4.9 5.5-7.8 0-.1.1-.1.1-.2.1 0 .1-.1.2-.1h.2c.1 0 .1 0 .2.1l.6.5c.2.1.3.3.4.5.1.3.1.6.1.8l-1.1 5v.3c0 .1.1.2.1.3.1.1.2.2.3.2.1 0 .2.1.3.1h5c.3 0 .7.1 1 .3.3.2.5.4.7.7.2.3.2.6.2 1s-.1.7-.3 1z'/%3E%3C/svg%3E");
}

.buttonLike.-active .icoLike,
.icoLike--fill {
    background-image: var(--ico-like2);
    -webkit-filter: none;
    filter: none;
}

.icoDislike {
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cpath d='M8.4 19.3h4l-.9 4.1c-.1.5-.1 1 .1 1.5s.5.9.9 1.2l.6.5c.2.2.5.3.8.4s.6.1.8 0c.3-.1.5-.2.8-.3l.6-.6c1.2-2.3 2.7-4.4 4.2-6.4l.3.3c.1.1.3.1.4.1h4.2c.2 0 .4-.1.5-.2.1-.1.2-.3.2-.5v-12c0-.2-.1-.4-.2-.5-.1-.1-.3-.2-.5-.2H21c-.2 0-.4.1-.5.2-.1.1-.2.3-.2.5-.4-.4-.9-.8-1.4-1-.5-.3-1-.4-1.6-.4h-4.1c-.7 0-1.4.2-2 .5s-1.1.8-1.5 1.4L5.6 14c-.4.5-.6 1.1-.6 1.7 0 .6.1 1.2.4 1.8s.7 1 1.3 1.3c.5.3 1.1.5 1.7.5zM21.8 8.2h2.7v10.3h-2.7V8.2zm-15 6.6 4.1-6.1c.2-.4.6-.7 1-.9s.8-.3 1.3-.3h4.1c.4 0 .8.1 1.2.3s.7.4.9.8l.9 1.2v7.7c-1.6 1.3-3.8 4.9-5.5 7.8 0 .1-.1.1-.1.2-.1 0-.1.1-.2.1h-.2c-.1 0-.1 0-.2-.1l-.6-.5c-.2-.1-.3-.3-.4-.5-.1-.2-.1-.5 0-.7l1.1-5v-.3c0-.1-.1-.2-.1-.3-.1-.1-.2-.2-.3-.2-.1 0-.2-.1-.3-.1h-5c-.3 0-.7-.1-1-.3-.3-.2-.5-.4-.7-.7-.2-.3-.2-.6-.2-1-.1-.5 0-.8.2-1.1z'/%3E%3C/svg%3E");
}

.buttonDislike.-active .icoDislike,
.icoDislike--fill {
    background-image: var(--ico-dislike2);
    -webkit-filter: none;
    filter: none;
}

.icoShare {
    padding: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cpath d='M20.5 19c-.5 0-1 .1-1.5.3-.5.2-.9.5-1.2.8l-4.3-2.8c.3-.9.3-1.8 0-2.7l4.3-2.8c.6.7 1.5 1.1 2.4 1.1.9.1 1.8-.2 2.6-.8.7-.6 1.2-1.4 1.4-2.3.2-.9 0-1.9-.5-2.6-.5-.8-1.3-1.3-2.2-1.6-.9-.2-1.8-.1-2.7.3-.8.4-1.5 1.1-1.8 2-.3.9-.3 1.8 0 2.7l-4.3 2.8c-.5-.5-1.2-.9-1.9-1.1-.7-.2-1.5-.1-2.2.2-.7.3-1.3.8-1.7 1.4-.4.6-.6 1.3-.6 2.1 0 .7.2 1.5.6 2.1.4.6 1 1.1 1.7 1.4.7.3 1.5.3 2.2.2.7-.2 1.4-.5 1.9-1.1l4.3 2.8c-.3.7-.3 1.6-.1 2.3.2.8.7 1.5 1.3 2 .6.5 1.4.8 2.2.8.8 0 1.6-.2 2.2-.7.7-.5 1.2-1.1 1.4-1.9.3-.8.3-1.6 0-2.3-.2-.8-.7-1.4-1.4-1.9-.5-.4-1.3-.7-2.1-.7zm0-12c.4 0 .9.1 1.2.4.4.2.7.6.8 1 .2.4.2.9.1 1.3s-.3.8-.6 1.2c-.3.3-.7.5-1.2.6-.4.1-.9 0-1.3-.1-.4-.2-.8-.5-1-.8s-.4-.8-.4-1.2c0-.6.2-1.2.7-1.6.5-.6 1.1-.8 1.7-.8zM10 18.2c-.4 0-.9-.1-1.3-.4-.4-.2-.7-.6-.8-1-.2-.4-.2-.9-.1-1.3s.3-.8.6-1.2c.3-.3.7-.5 1.2-.6.4-.1.9 0 1.3.1.4.2.8.5 1 .8s.4.8.4 1.2c0 .6-.2 1.2-.7 1.6-.4.6-1 .8-1.6.8zM20.5 25c-.4 0-.9-.1-1.2-.4-.4-.2-.7-.6-.8-1-.2-.4-.2-.9-.1-1.3s.3-.8.6-1.2c.3-.3.7-.5 1.2-.6.4-.1.9 0 1.3.1.4.2.8.5 1 .8s.4.8.4 1.2c0 .6-.2 1.2-.7 1.6-.5.6-1.1.8-1.7.8z'/%3E%3C/svg%3E");
}

.icoBookmark,
.icoShare {
    width: 32px;
    height: 32px;
    background-size: auto 100%;
}

.icoBookmark {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 33' style='enable-background:new 0 0 32 33' xml:space='preserve'%3E%3Cpath d='M8 13c0-2.8 0-4.2.9-5.1S11.2 7 14 7h4c2.8 0 4.2 0 5.1.9s.9 2.3.9 5.1v6.8c0 2.7 0 4-.8 4.4-.8.4-1.9-.4-4-2.1l-.7-.5c-1.2-.9-1.8-1.4-2.5-1.4s-1.3.5-2.5 1.4l-.7.5c-2.1 1.7-3.2 2.5-4 2.1-.8-.3-.8-1.7-.8-4.4V13z' style='fill:none;stroke:%23231f20;stroke-width:1.8'/%3E%3C/svg%3E");
}

.buttonBookmark.-active .icoBookmark,
.icoBookmark--fill {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 13c0-2.828 0-4.243.879-5.121C9.757 7 11.172 7 14 7h4c2.828 0 4.243 0 5.121.879C24 8.757 24 10.172 24 13v6.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-.675.53c-2.11 1.658-3.165 2.487-4.01 2.077C8 23.853 8 22.51 8 19.828V13Z' fill='%23000' stroke='%23000' stroke-width='1.8'/%3E%3C/svg%3E");
    -webkit-filter: var(--filter-gray2);
    filter: var(--filter-gray2);
}

.icoComment {
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cstyle%3E.st1%7Bfill:none;stroke:%23000;stroke-width:1.8;stroke-linecap:round%7D%3C/style%3E%3Cpath d='M23 7H9c-1.1 0-2 .9-2 2v13.7c0 1.7 2 2.6 3.3 1.5l3.5-2.9c.4-.3.8-.5 1.3-.5H23c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2z' style='fill:none;stroke:%23000;stroke-width:1.8;stroke-linejoin:round'/%3E%3Cpath class='st1' d='M11.9 12.1h8.2M11.9 16.1h8.2'/%3E%3C/svg%3E");
}

.icoDismiss {
    width: 32px;
    height: 32px;
    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");
}

.icoFacebook {
    background-color: #3b5998;
}

.icoFacebook:after {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.857 3.49H9.5V.626A21.22 21.22 0 0 0 7.107.5C4.738.5 3.113 1.99 3.113 4.73v2.52H.5v3.2h2.613v8.05h3.206v-8.05h2.509l.4-3.2H6.319v-2.2c0-.925.25-1.558 1.538-1.558V3.49Z' fill='%23000'/%3E%3C/svg%3E");
}

.icoTwitter,
.icoX {
    background-color: #000;
}

.icoTwitter:after,
.icoX:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none'%3E%3Cpath fill='%23000' d='M9.522 6.904 15.48 0h-1.412L8.895 5.995 4.765 0H0l6.247 9.065L0 16.305h1.412l5.461-6.33 4.363 6.33H16l-6.478-9.4ZM7.59 9.145l-.633-.903L1.92 1.06h2.168l4.064 5.796.633.903 5.283 7.535H11.9L7.589 9.145Z'/%3E%3C/svg%3E");
}

.icoWhatsapp {
    background-color: #25d366;
}

.icoWhatsapp:after {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.573 11.297c-.223-.112-1.32-.65-1.524-.726-.204-.075-.353-.112-.5.112-.147.224-.576.726-.706.875-.13.15-.26.168-.483.056a6.09 6.09 0 0 1-1.797-1.108 6.724 6.724 0 0 1-1.241-1.545c-.13-.223-.014-.344.1-.455.114-.11.223-.26.335-.39a1.52 1.52 0 0 0 .223-.373.41.41 0 0 0-.019-.39c-.056-.113-.5-1.21-.688-1.657-.188-.446-.365-.376-.5-.383a8.41 8.41 0 0 0-.428-.008.82.82 0 0 0-.595.28 2.5 2.5 0 0 0-.781 1.86c.073.842.39 1.644.911 2.308a9.945 9.945 0 0 0 3.808 3.367c.415.18.84.336 1.272.47.455.138.936.168 1.405.088a2.302 2.302 0 0 0 1.506-1.06c.146-.334.191-.703.13-1.062-.056-.093-.2-.149-.428-.26v.001ZM9.5 16.854a7.41 7.41 0 0 1-3.777-1.034l-.271-.16-2.808.736.75-2.738-.176-.28A7.42 7.42 0 1 1 9.5 16.853Zm6.318-13.736A8.93 8.93 0 0 0 1.767 13.891L.5 18.517l4.733-1.24a8.921 8.921 0 0 0 9.228-.42 8.932 8.932 0 0 0 1.357-13.739Z' fill='%23000'/%3E%3C/svg%3E");
}

.icoLine {
    background-color: #00c300;
}

.icoLine:after {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.955 8.875a.568.568 0 1 1 0 1.137h-1.582v1.016h1.582a.568.568 0 0 1 0 1.135H15.8a.57.57 0 0 1-.565-.567v-4.3a.57.57 0 0 1 .568-.568h2.151a.568.568 0 0 1 0 1.136h-1.581v1.01h1.582Zm-3.475 2.718a.567.567 0 0 1-.568.565.556.556 0 0 1-.46-.225l-2.2-2.99v2.65a.568.568 0 1 1-1.133 0v-4.3a.565.565 0 0 1 .556-.567.583.583 0 0 1 .446.229l2.219 3V7.293a.569.569 0 0 1 1.136 0l.004 4.3Zm-5.175 0a.567.567 0 0 1-1.134 0v-4.3a.567.567 0 0 1 1.134 0v4.3Zm-2.223.567h-2.15a.571.571 0 0 1-.568-.567v-4.3a.568.568 0 1 1 1.136 0v3.735h1.583a.568.568 0 0 1 0 1.135l-.001-.003Zm15.051-2.876c0-4.841-4.854-8.781-10.817-8.781S.5 4.44.5 9.28c0 4.337 3.849 7.97 9.045 8.66.352.074.832.233.954.532.084.318.095.65.034.973l-.148.919c-.041.27-.216 1.069.946.58a34.866 34.866 0 0 0 8.505-6.286 7.771 7.771 0 0 0 2.3-5.38' fill='%23000'/%3E%3C/svg%3E");
}

.icoTelegram {
    background-color: #2aabee;
}

.icoTelegram:after {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9.375 12.263-.357 5.026a1.248 1.248 0 0 0 1-.483l2.4-2.29 4.966 3.637c.911.508 1.553.24 1.8-.838l3.26-15.275C22.733.694 21.957.167 21.07.497L1.9 7.83C.595 8.339.615 9.068 1.68 9.4l4.9 1.524L17.958 3.8c.535-.355 1.022-.158.622.2l-9.205 8.263Z' fill='%23000'/%3E%3C/svg%3E");
}

.icoCopyLink {
    background-color: #999;
}

.icoCopyLink:after {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6.5 12.5 6-6M11.5 13.658l-2.567 2.567a4.353 4.353 0 0 1-7.433-3.08c0-1.154.459-2.262 1.275-3.078L5.342 7.5M13.658 11.5l2.567-2.567a4.354 4.354 0 1 0-6.158-6.158L7.5 5.342' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icoSocmed {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.icoSocmed:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: 50%;
    background-size: auto;
    background-repeat: no-repeat;
    -webkit-filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(318deg)
        brightness(110%) contrast(101%);
    filter: invert(99%) sepia(100%) saturate(2%) hue-rotate(318deg)
        brightness(110%) contrast(101%);
}

.icoBar {
    position: relative;
    width: 18px;
    height: 14px;
}

.icoBar > i {
    display: block;
}

.icoBar:after,
.icoBar:before,
.icoBar > i {
    height: 2px;
    width: 100%;
    background: var(--bg-react-icon);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.icoBar:after,
.icoBar:before {
    content: "";
    position: absolute;
    left: 0;
}

.icoBar:after {
    top: 0;
}

.icoBar:before {
    bottom: 0;
}

.icoMeatball {
    display: block;
    position: relative;
    margin-left: 12px;
    margin-right: 12px;
}

.icoMeatball,
.icoMeatball:after,
.icoMeatball:before {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: var(--cl-gray-lite);
}

.icoMeatball:after,
.icoMeatball:before {
    content: "";
    position: absolute;
}

.icoMeatball:before {
    right: 6px;
    -webkit-transition: right 0.3s ease-out;
    transition: right 0.3s ease-out;
}

.icoMeatball:after {
    left: 6px;
    -webkit-transition: left 0.3s ease-out;
    transition: left 0.3s ease-out;
}

.icoDelete {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cstyle%3E.st0%7Bfill:none;stroke:%23000;stroke-width:1.8;stroke-linecap:round%7D%3C/style%3E%3Cpath class='st0' d='M10 15v-3M14 15v-3M3 7h18c-.9 0-1.4 0-1.8.2-.5.2-.9.6-1.1 1.1-.1.3-.1.8-.1 1.7v6c0 1.9 0 2.8-.6 3.4s-1.5.6-3.4.6h-4c-1.9 0-2.8 0-3.4-.6C6 18.8 6 17.9 6 16v-6c0-.9 0-1.4-.2-1.8-.2-.5-.5-.8-1-1C4.4 7 3.9 7 3 7h0zM10.1 3.4c.1-.1.4-.2.7-.3.3-.1.8-.1 1.2-.1s.9 0 1.2.1c.3.1.6.2.7.3'/%3E%3C/svg%3E");
}

.icoPlay {
    width: 13px;
    height: 13px;
    display: inline-block;
    -webkit-filter: invert(100%) sepia(0) saturate(6817%) hue-rotate(208deg)
        brightness(118%) contrast(82%);
    filter: invert(100%) sepia(0) saturate(6817%) hue-rotate(208deg)
        brightness(118%) contrast(82%);
    background-position: 50%;
    position: absolute;
    left: 4px;
    top: calc(50% - 13px / 2);
    z-index: 1;
}

.icoPlay,
.icoVideo,
.latestDuration:before {
    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");
    background-size: auto 100%;
}

.icoVideo,
.latestDuration:before {
    -webkit-filter: invert(58%) sepia(71%) saturate(6560%) hue-rotate(351deg)
        brightness(96%) contrast(87%);
    filter: invert(58%) sepia(71%) saturate(6560%) hue-rotate(351deg)
        brightness(96%) contrast(87%);
}

.icoArrow {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    display: inline-block;
    background-size: auto 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.625 18.2034L14.375 12.4534L8.625 6.70337' stroke='%23298DCF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icoArrow,
.icoStop {
    background-repeat: no-repeat;
    background-position: 50%;
}

.icoStop {
    width: 32px;
    height: 32px;
    padding: 0;
    background-size: auto 16px;
    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='M4.13 8.724h7.72V7.18H4.13v1.544ZM7.99 16a7.75 7.75 0 0 1-3.097-.627 8.085 8.085 0 0 1-2.548-1.718 8.118 8.118 0 0 1-1.718-2.538A7.73 7.73 0 0 1 0 8.01c0-1.107.21-2.146.627-3.117a8.053 8.053 0 0 1 1.708-2.538A8.188 8.188 0 0 1 4.873.637 7.697 7.697 0 0 1 7.99 0c1.107 0 2.15.212 3.127.637a8.123 8.123 0 0 1 2.538 1.708 8.154 8.154 0 0 1 1.708 2.528c.425.972.637 2.017.637 3.137a7.697 7.697 0 0 1-.637 3.117 8.19 8.19 0 0 1-1.718 2.538 8.083 8.083 0 0 1-2.528 1.708A7.778 7.778 0 0 1 7.99 16Zm0-1.525c1.802 0 3.33-.63 4.584-1.891 1.255-1.261 1.882-2.786 1.882-4.574 0-1.802-.627-3.33-1.882-4.584C11.32 2.17 9.792 1.544 7.99 1.544c-1.788 0-3.313.627-4.574 1.882C2.156 4.68 1.525 6.208 1.525 8.01c0 1.788.63 3.313 1.891 4.574 1.261 1.26 2.786 1.891 4.574 1.891Z'/%3E%3C/svg%3E");
}

.icoClose {
    color: var(--bg-close);
}

.icoClose:after,
.icoClose:before {
    content: "";
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 15px;
    height: 2px;
    background: currentColor;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 5px;
    top: 12px;
    left: 4px;
}

.icoClose:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.filter-gray,
.listEmpty .icoBase,
.listPop__button .icoBase,
.reactionItem .icoBase {
    -webkit-filter: var(--filter-gray);
    filter: var(--filter-gray);
}

.center-flex,
.display-flex,
.reactionItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.center-flex,
.reactionItem {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.button {
    border: 0;
    background: unset;
    outline: 0;
    cursor: pointer;
}

.buttonBookmark .icoBookmark,
.buttonDislike .icoDislike,
.buttonLike .icoLike {
    -webkit-transition: background-image 0.2s ease;
    -moz-transition: background-image 0.2s ease;
    -ms-transition: background-image 0.2s ease;
    -o-transition: background-image 0.2s ease;
    transition: background-image 0.2s ease;
}

.buttonPrimary {
    display: block;
    text-align: center;
    border-radius: 8px;
    padding: 15px 10px 12px;
    background: var(--cl-kompas);
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--cl-white);
}

.buttonPrimary--full {
    width: 100%;
}

.buttonTrans {
    background: transparent;
    font-size: 16px;
    font-weight: 700;
    color: var(--cl-kompas);
}

.buttonSort,
.buttonTrans {
    padding: 8px 12px;
    font-family: Roboto, sans-serif;
    line-height: 1.1;
}

.buttonSort {
    border: 1px solid var(--bg-toggle);
    border-radius: 8px;
    background-color: var(--bg-white);
    font-size: 14px;
    font-weight: 400;
    color: var(--cl-modal-dark);
}

.buttonSort > * {
    pointer-events: none;
}

.buttonMeatball {
    width: 30px;
    height: 30px;
    padding: 0;
    margin-right: -7px;
}

.buttonMeatball.-bottom {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -7px;
    margin-right: 0;
}

.buttonMeatball.-bottom ~ .listPop {
    top: calc(100% + 7px);
}

.reaction {
    margin-bottom: 16px;
    padding-left: 10px;
    padding-right: 10px;
}

.reaction.-bottom {
    padding: 8px;
    background: var(--bg-gray-bold);
    border-radius: 8px;
}

.kcm-read-paging ~ .reaction.-bottom {
    border-top: 1px solid var(--br-react-box);
    border-radius: 0 0 8px 8px;
}

.reaction.-top {
    margin-top: 16px;
}

.reactionList {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.reactionItem {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    width: 20%;
    padding: 0;
}

.reactionItem:last-child {
    padding-right: 5px;
}

.reactionItem .icoBase {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 50%;
}

.reactionTxt {
    white-space: nowrap;
    color: var(--cl-gray-med);
}

.kcm-read-paging {
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.reaction,
.reaction.-bottom,
.reaction.-top {
    position: relative;
}

.modalContent {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    background: var(--bg-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
}

#kcm-modals2 .modalContent,
#kcm-modals .modalContent {
    visibility: visible;
    opacity: 1;
    position: relative;
}

.modalHeader {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    padding: 20px 15px;
}

.modalTitle {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--cl-main);
}

.modalDismiss {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 32px;
    flex-basis: 32px;
    width: 32px;
    height: 32px;
    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;
    padding: 0;
}

.modalDismiss span {
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 50%;
    -webkit-filter: invert(63%) sepia(0) saturate(0) hue-rotate(63deg)
        brightness(98%) contrast(92%);
    filter: invert(63%) sepia(0) saturate(0) hue-rotate(63deg) brightness(98%)
        contrast(92%);
}

.modalBody {
    position: relative;
    padding: 20px 15px;
    background: var(--bg-react-modal);
}

.socmedTitle {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: var(--cl-gray-med);
}

.socmedList {
    padding: 20px 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.socmedButton,
.socmedList {
    position: relative;
    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;
}

.socmedButton {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 65px;
    -ms-flex-preferred-size: 65px;
    flex-basis: 65px;
    gap: 8px;
    padding: 4px;
}

.socmedButton span {
    pointer-events: none;
}

.socmedButton.-tooltip:before {
    content: attr(data-title);
    position: absolute;
    width: auto;
    background: #000;
    color: #fff;
    padding: 2px 5px;
    border-radius: 4px;
    font-size: 10px;
    text-align: center;
    white-space: nowrap;
    top: -20px;
}

.socmedTxt {
    font-size: 11px;
    font-weight: 400;
    color: var(--cl-gray-med);
}

.toast {
    position: fixed;
    width: calc(100% - 30px);
    bottom: 160px;
    left: 15px;
    z-index: 11;
    visibility: hidden;
    opacity: 0;
    padding: 12px 15px;
    -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;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #333;
    -webkit-box-shadow: 0 1px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 40px rgba(0, 0, 0, 0.15);
}

.toast.-show {
    visibility: visible;
    opacity: 1;
}

.toast.-hide {
    visibility: hidden;
    opacity: 0;
}

.toast[data-toast="bottom"] {
    -ms-transform: translateY(50px);
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}

.toast[data-toast="bottom"].-show {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.toast[data-toast="bottom"].-hide {
    -ms-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}

.toastContent {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--cl-white);
}

.toastDismiss {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 40px;
    flex-basis: 40px;
    width: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #007aff;
}

.contentArticle .toastDismiss,
.toastDismiss:hover {
    color: #007aff;
}

.selectWrap {
    position: relative;
    z-index: 2;
}

.selectOption {
    position: absolute;
    background-color: var(--bg-white);
    padding: 10px;
    border-radius: 8px;
    top: 100%;
    right: 0;
    min-width: 150px;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    opacity: 0;
    visibility: hidden;
}

.-active > .selectOption {
    opacity: 1;
    visibility: visible;
}

.selectOption_item {
    position: relative;
    margin: 5px 0;
}

.selectOption_link {
    position: relative;
    padding: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    font-size: 16px;
    color: var(--cl-gray-med);
    white-space: nowrap;
}

.selectOption_link.-active .icoRadio {
    border: 2px solid #007aff;
}

.selectOption_link.-active .icoRadio:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #007aff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.icoRadio {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #757575;
    -ms-flex-preferred-size: 20px;
    flex-basis: 20px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.icoRadio,
.list {
    position: relative;
}

.list {
    padding: 16px 16px 10px;
    background: var(--bg-main);
}

.listCaption {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.15;
    color: var(--cl-title);
}

.listCaption__wrap {
    padding-bottom: 8px;
    border-bottom: 1px solid var(--bg-gray-bold);
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.listCaption__wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 16%;
    border-bottom: 1px solid #e65225;
}

.listEmpty {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 24px;
}

.listEmpty__caption {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--cl-title);
}

.listEmpty__title {
    margin-top: 8px;
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.15;
    color: var(--cl-gray-med);
}

.listEmpty__img {
    margin-bottom: 24px;
}

.listEmpty .icoBase {
    width: 18px;
    height: 19px;
    vertical-align: middle;
}

.listTab {
    margin-top: 16px;
}

.listTab__menu {
    margin-right: 8px;
    padding: 8px 12px;
    background: var(--bg-gray-bold);
    border-radius: 8px;
    border: 1px solid var(--bg-gray-bold);
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1;
    color: var(--cl-gray-med);
}

.listTab__menu:last-child {
    margin-right: 0;
}

.listTab__menu.-active {
    background: #e0f8ff;
    border: 1px solid var(--cl-kompas);
    color: var(--cl-kompas);
}

.listWrap > .listCol {
    display: none;
}

.listWrap > .-active {
    display: block;
}

.listSort {
    margin-top: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--bg-main);
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--cl-gray-med);
}

.listSort span {
    font-weight: 700;
    color: var(--cl-main);
}

.listSort .icoBar {
    margin-right: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.listSort .icoBar > i {
    width: calc(100% - 3px);
}

.listSort .icoBar:before {
    width: calc(100% - 6px);
}

.listIndex {
    margin-top: 25px;
}

.listItem {
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--br-gray-lite);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.listImg {
    position: relative;
    width: 150px;
    padding-top: 84.375px;
    overflow: hidden;
    border-radius: 8px;
    background: var(--bg-gray-med);
}

.listImg img {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
}

.listTitle {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.22;
    color: var(--cl-list-title);
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
}

.listContent,
.listTitle {
    -webkit-box-orient: vertical;
}

.listContent {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.listTimestamp {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--cl-modal-dark);
}

.listDuration {
    bottom: 5px;
    right: 5px;
    padding: 4px 8px 4px 20px;
    background-color: #343232;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
}

.listDuration,
.listPop {
    position: absolute;
    border-radius: 8px;
    z-index: 1;
}

.listPop {
    display: none;
    top: 28px;
    right: 0;
    min-width: 200px;
    background: var(--bg-white);
    overflow: hidden;
    -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.-active > .listPop {
    display: block;
}

.listPop__item {
    border-bottom: 1px solid var(--br-list-lv2);
}

.listPop__item:last-child {
    border-bottom: 0;
}

.listPop__button {
    width: 100%;
    padding: 12px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--cl-main);
}

.listPop__button .icoBase {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.listPop__button .icoBase.icoClose {
    -webkit-filter: var(--filter-close);
    filter: var(--filter-close);
}

.listPop__button:hover {
    background: var(--cl-kompas);
    color: #fff;
}

.listPop__button:hover .icoBase {
    -webkit-filter: invert(100%) sepia(0) saturate(7472%) hue-rotate(9deg)
        brightness(114%) contrast(89%);
    filter: invert(100%) sepia(0) saturate(7472%) hue-rotate(9deg)
        brightness(114%) contrast(89%);
}

.listPop__button:hover .icoClose:after,
.listPop__button:hover .icoClose:before {
    -webkit-filter: invert(92%) sepia(100%) saturate(0) hue-rotate(202deg)
        brightness(106%) contrast(106%);
    filter: invert(92%) sepia(100%) saturate(0) hue-rotate(202deg)
        brightness(106%) contrast(106%);
}

.listBottom {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.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;
}

.list .paging {
    padding: 8px 5px 28px;
    margin: 0 -16px;
}

.modals:after {
    background: rgba(0, 0, 0, 0.5);
}

#reaction-bottom {
    height: 49px;
    margin: 16px 0;
}

.kcm-read-paging ~ #reaction-bottom {
    margin-top: 0;
    margin-bottom: 16px;
}

.kcm-read-paging ~ .reaction.-bottom ~ #reaction-bottom {
    margin: 0;
    height: auto;
}

.reaction .icoBacaCepat {
    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;
}

.reaction .icoBacaCepat,
.reaction .icoComment {
    width: 40px;
    height: 40px;
    background-size: auto 24px;
}

.reaction .icoComment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M2.1 5A2.9 2.9 0 0 1 5 2.1h14A2.9 2.9 0 0 1 21.9 5v9.104a2.9 2.9 0 0 1-2.9 2.9h-7.973a1.1 1.1 0 0 0-.69.243L6.819 20.08c-1.898 1.528-4.72.178-4.72-2.258V5ZM5 3.9A1.1 1.1 0 0 0 3.9 5v12.822a1.1 1.1 0 0 0 1.79.856l3.518-2.833a2.9 2.9 0 0 1 1.819-.642H19a1.1 1.1 0 0 0 1.1-1.1V5A1.1 1.1 0 0 0 19 3.9H5Z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M7.235 8.1a.9.9 0 0 1 .9-.9h7.73a.9.9 0 0 1 0 1.8h-7.73a.9.9 0 0 1-.9-.9ZM7.235 11.1a.9.9 0 0 1 .9-.9h7.73a.9.9 0 0 1 0 1.8h-7.73a.9.9 0 0 1-.9-.9Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.reaction .icoShare {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23000' d='M17.834 15.122a4.123 4.123 0 0 0-2.98 1.27l-4.801-3.112a4.22 4.22 0 0 0 0-3.038l4.8-3.112a4.137 4.137 0 0 0 5.57.347 4.226 4.226 0 0 0 .903-5.554A4.163 4.163 0 0 0 18.912.145a4.129 4.129 0 0 0-2.973.313 4.184 4.184 0 0 0-1.998 2.244 4.23 4.23 0 0 0 .01 3.015l-4.8 3.113a4.156 4.156 0 0 0-2.132-1.181 4.133 4.133 0 0 0-2.422.22A4.173 4.173 0 0 0 2.71 9.415a4.227 4.227 0 0 0 0 4.692 4.173 4.173 0 0 0 1.887 1.546c.768.315 1.611.392 2.422.22a4.156 4.156 0 0 0 2.131-1.18l4.801 3.112a4.235 4.235 0 0 0-.135 2.62 4.203 4.203 0 0 0 1.433 2.19 4.14 4.14 0 0 0 4.94.173 4.196 4.196 0 0 0 1.58-2.084 4.234 4.234 0 0 0 .045-2.624 4.2 4.2 0 0 0-1.508-2.139 4.141 4.141 0 0 0-2.472-.819Zm0-13.445c.495 0 .978.148 1.389.425a2.54 2.54 0 0 1 .379 3.879 2.48 2.48 0 0 1-2.724.546 2.504 2.504 0 0 1-1.122-.928 2.536 2.536 0 0 1 .312-3.182 2.492 2.492 0 0 1 1.766-.74ZM6.17 14.282c-.494 0-.978-.148-1.389-.425a2.516 2.516 0 0 1-.92-1.131 2.54 2.54 0 0 1 .541-2.748 2.48 2.48 0 0 1 2.724-.546c.457.19.847.514 1.122.928a2.537 2.537 0 0 1-.312 3.183 2.492 2.492 0 0 1-1.766.739Zm11.664 7.563c-.494 0-.977-.148-1.388-.425a2.517 2.517 0 0 1-.921-1.132 2.54 2.54 0 0 1 .542-2.747 2.48 2.48 0 0 1 2.724-.546c.456.19.847.514 1.122.928a2.536 2.536 0 0 1-.312 3.182 2.492 2.492 0 0 1-1.767.74Z'/%3E%3C/svg%3E");
}

.reaction .icoBookmark,
.reaction .icoShare {
    width: 40px;
    height: 40px;
    background-size: auto 24px;
}

.reaction .icoBookmark {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m9.694 2.15 4.627-.016c1.537-.006 2.779-.01 3.757.114 1.015.13 1.88.411 2.573 1.08.695.672.996 1.522 1.137 2.52.136.955.14 2.167.145 3.657l.026 7.615c.005 1.4.009 2.557-.117 3.414-.127.87-.433 1.751-1.329 2.178-.885.423-1.769.124-2.545-.306-.77-.426-1.705-1.135-2.844-2l-.822-.623c-.686-.52-1.14-.862-1.514-1.082-.354-.208-.555-.256-.724-.255-.17 0-.37.05-.723.26-.373.222-.824.567-1.506 1.093l-.818.629c-1.133.872-2.062 1.587-2.83 2.019-.774.435-1.655.74-2.543.324-.9-.422-1.21-1.3-1.344-2.17-.132-.856-.136-2.012-.14-3.413l-.027-7.615c-.005-1.49-.01-2.702.12-3.658.134-.999.428-1.85 1.12-2.527.688-.674 1.551-.962 2.565-1.098.977-.13 2.219-.135 3.756-.14ZM6.177 4.074c-.823.11-1.248.309-1.545.6-.294.287-.49.692-.596 1.481-.11.818-.108 1.905-.103 3.479l.026 7.47c.005 1.499.011 2.517.12 3.224.109.71.276.788.328.813.063.03.25.101.898-.263.64-.36 1.467-.993 2.674-1.923l.799-.614c.63-.486 1.165-.897 1.641-1.181.508-.303 1.03-.512 1.638-.514.61-.002 1.132.203 1.642.502.478.281 1.016.689 1.65 1.17l.803.61c1.213.92 2.044 1.547 2.687 1.903.65.36.837.287.9.257.051-.025.218-.105.322-.815.104-.707.103-1.726.098-3.225l-.026-7.47c-.005-1.573-.011-2.66-.127-3.478-.112-.789-.31-1.192-.606-1.477-.3-.29-.725-.484-1.55-.589-.847-.108-1.97-.106-3.586-.1l-4.5.015c-1.616.006-2.74.012-3.587.125Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-filter: var(--filter-gray);
    filter: var(--filter-gray);
    -webkit-transition: none;
    transition: none;
}

.reaction .-active .icoBookmark {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m9.694 2.15 4.627-.016c1.537-.006 2.779-.01 3.757.114 1.015.13 1.88.411 2.573 1.08.695.672.996 1.522 1.137 2.52.136.955.14 2.167.145 3.657l.026 7.615c.005 1.4.009 2.557-.117 3.414-.127.87-.433 1.751-1.329 2.178-.885.423-1.769.124-2.545-.306-.77-.426-1.705-1.135-2.844-2l-.822-.623c-.686-.52-1.14-.862-1.514-1.082-.354-.208-.555-.256-.724-.255-.17 0-.37.05-.723.26-.373.222-.824.567-1.506 1.093l-.818.629c-1.133.872-2.062 1.587-2.83 2.019-.774.435-1.655.74-2.543.324-.9-.422-1.21-1.3-1.344-2.17-.132-.856-.136-2.012-.14-3.413l-.027-7.615c-.005-1.49-.01-2.702.12-3.658.134-.999.428-1.85 1.12-2.527.688-.674 1.551-.962 2.565-1.098.977-.13 2.219-.135 3.756-.14Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-filter: var(--filter-gray2);
    filter: var(--filter-gray2);
}

.reaction .icoLike {
    width: 40px;
    height: 40px;
    background-size: auto 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath fill='%23000' d='m18.77 9.366-3.853.013.857-3.908a2.561 2.561 0 0 0-.98-2.608l-.6-.446a1.915 1.915 0 0 0-2.805.581A47.468 47.468 0 0 1 7.37 9.155a.715.715 0 0 0-.647-.407l-3.976.013a.719.719 0 0 0-.715.717l.04 11.224a.713.713 0 0 0 .719.712l3.978-.014a.711.711 0 0 0 .696-.62 3.976 3.976 0 0 0 2.917 1.267l3.938-.013a3.963 3.963 0 0 0 3.288-1.767l3.894-5.861a3.24 3.24 0 0 0-1.054-4.584 3.273 3.273 0 0 0-1.677-.456ZM6.048 19.974l-2.544.009-.034-9.796 2.544-.01.034 9.797Zm14.26-6.356-3.896 5.86a2.517 2.517 0 0 1-2.096 1.127l-3.938.014a2.546 2.546 0 0 1-2.024-.999l-.877-1.155-.025-7.336c1.494-1.264 3.616-4.68 5.184-7.424a.464.464 0 0 1 .316-.228.48.48 0 0 1 .386.084l.6.446a1.143 1.143 0 0 1 .435 1.159l-1.047 4.778a.712.712 0 0 0 .703.867l4.75-.017a1.833 1.833 0 0 1 1.614.956 1.815 1.815 0 0 1-.084 1.868h-.002Z'/%3E%3C/svg%3E");
    -webkit-filter: var(--filter-gray);
    filter: var(--filter-gray);
    -webkit-transition: none;
    transition: none;
}

.reaction .-active .icoLike {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' fill='none'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='m18.764 9.359-3.854.013.857-3.909a2.561 2.561 0 0 0-.98-2.608l-.6-.445a1.915 1.915 0 0 0-2.805.58 47.468 47.468 0 0 1-4.019 6.157.715.715 0 0 0-.647-.407l-3.976.014a.719.719 0 0 0-.714.717l.038 11.224a.713.713 0 0 0 .72.711l3.978-.013a.711.711 0 0 0 .696-.62 3.976 3.976 0 0 0 2.917 1.267l3.938-.014A3.965 3.965 0 0 0 17.6 20.26l3.895-5.86a3.239 3.239 0 0 0-1.055-4.584 3.273 3.273 0 0 0-1.677-.456ZM6 9h1v12H6V9Z' clip-rule='evenodd'/%3E%3C/svg%3E");
    -webkit-filter: var(--filter-gray2);
    filter: var(--filter-gray2);
}

.reaction.-top .reactionItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.reaction.-top .reactionItem:last-child {
    padding-right: 0;
}

.reaction.-top .reactionTxt {
    font-size: 11px;
    line-height: 140%;
    letter-spacing: -0.33px;
}

.reaction.-bottom {
    padding: 4px 8px;
}

.bacaCepatModal .modalDismiss {
    -ms-flex-preferred-size: 20px;
    flex-basis: 20px;
    width: 20px;
    height: 20px;
}

.bacaCepatModal .icoDismiss {
    width: 20px;
    height: 20px;
    -webkit-filter: var(--filter-gray);
    filter: var(--filter-gray);
    background-size: 15px;
}

.bacaCepatModal .modalHeader {
    padding: 6px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    z-index: 1;
}

.bacaCepatModal .modalBody {
    background-color: transparent;
    padding: 0 26px 18px 18px;
    margin-top: -12px;
}

.bacaCepatModal .modalBody p {
    margin: 0;
    color: var(--cl-txt);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.bacaCepatModal .modalBody p a {
    color: var(--cl-blue-2);
    font-weight: 400;
}

.modals__content {
    padding: 0 15px;
}

.reaction.-bottom .buttonBacaCepat {
    padding-right: 0;
}

.reaction.-bottom .buttonBacaCepat .reactionTxt {
    display: none;
}

.reaction.-inline.-top .reactionTxt {
    font-size: 12px;
}

.reaction.-inline .reactionItem {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.reaction.-inline .buttonBacaCepat .reactionTxt,
.reaction.-inline .buttonBookmark .reactionTxt,
.reaction.-inline .buttonShare .reactionTxt {
    display: none;
}

.video-yt {
    padding: 12px 0 2px;
}

.video-yt .sectionHeader {
    position: relative;
    margin-bottom: 8px;
}

.video-yt .sectionHeader:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 5px;
    z-index: 1;
    border-bottom: 5px solid var(--bg-section-title);
}

.video-yt .sectionTitle {
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    color: var(--cl-txt);
    padding: 0 12px;
    background: var(--bg-main);
    display: inline-block;
    position: relative;
    letter-spacing: -0.2px;
    z-index: 2;
}

.video-yt .sectionTitle:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    height: calc(100% - 5px);
    border-left: 1px solid #e65225;
}

.videoHLIframe,
.videoHLWrap {
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}

.videoHLIframe {
    padding-bottom: 56.25vw;
    height: 0;
    margin-bottom: 10px;
}

.videoHLIframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoHL-title {
    font-size: 14px;
    line-height: 1.2;
    color: var(--cl-main);
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 67px;
}

.videoHL-title,
.videoHLDuration {
    font-family: Roboto, sans-serif;
    font-weight: 500;
}

.videoHLDuration {
    font-size: 12px;
    line-height: 1;
    color: var(--cl-white);
    background-color: var(--bg-time);
    border-radius: 4px;
    padding: 0 5px;
    position: absolute;
    z-index: 2;
    right: 8px;
    bottom: 8px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.videoHLDuration:before {
    content: "";
    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");
    margin-bottom: 0;
    background-size: auto 100%;
    -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%);
    width: 12px;
    height: 12px;
    margin-right: 4px;
}

.videoHLPlayer {
    width: calc(100% - 330px);
    padding: 15px 10px 15px 15px;
}

.videoHLPlayer-title {
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    color: var(--cl-main);
    margin: 5px 0;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 48px;
}

.videoHLPlayer-date {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: var(--cl-gray-lite);
}

.videoHLPlayer-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: var(--cl-gray-video);
}

.videoHLPlayer-channel {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    color: var(--cl-jingga01);
}

.videoHLPlayer-row--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding-top: 3px;
    margin: 0 -8px;
}

.videoHLList {
    width: 100%;
    padding: 15px 0;
}

.videoHLItem {
    width: 100%;
    padding: 0 15px;
    position: relative;
}

.videoHLItem-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    position: relative;
    padding-left: 10px;
}

.videoHLItem-inner .videoHL-thumb {
    width: 141px;
    padding-top: 79.3125px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

.videoHLItem-inner .videoHL-thumb img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
}

.videoHLItem-inner .videoHL-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.sectionBox {
    padding: 15px 0;
}

.sectionBox.--line {
    border-top: 1px solid var(--cl-line);
}

.sectionBox.--line .articleTitle {
    margin-top: 5px;
}

.sectionBox.--linebottom {
    border-bottom: 1px solid var(--cl-line);
}

.sectionBoxsc.--line {
    border-top: 1px solid var(--cl-line);
    padding-top: 16px;
}

.sectionHead {
    margin-bottom: 15px;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    color: var(--cl-txt);
    position: relative;
}

.sectionHead-mediapartner {
    width: 100%;
    position: relative;
    margin: 0 auto 16px;
    height: 57px;
}

.sectionHead-mediapartner img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.sectionHead.-sc {
    padding-left: 12px;
    position: relative;
}

.sectionHead.-sc:before {
    width: 2px;
    height: 18px;
    content: "";
    background-color: var(--cl-jingga01);
    position: absolute;
    left: 0;
    top: 5px;
}

.sectionHead.-kanal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 8px 0;
    position: relative;
}

.sectionHead.-kanal .sectionHead-title {
    font-family: Roboto, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    color: var(--cl-txt);
}

.sectionHead.-kanal .sectionHead-desc {
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: var(--cl-gray-lite);
}

.sectionHead.-kanal .icon-kanal {
    height: 60px;
    width: 60px;
    overflow: hidden;
    position: relative;
}

.sectionHead.-kanal .icon-kanal img {
    height: 100%;
    position: absolute;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    left: 0;
    right: 0;
    margin: auto;
}

.sectionHead.-kanal .sectionHead-wrap {
    position: relative;
}

.sectionHead-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.sectionHead-wrap .sectionHead-pilar {
    width: 32px;
}

.sectionHead-wrap .sectionHead-pilar img {
    width: 100%;
}

.sectionHead-inner {
    padding: 8px 0;
}

.sectionHead .articleMore {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: var(--cl-blue-2);
    padding-right: 20px;
    position: absolute;
    display: inline-table;
    right: 0;
    top: 5px;
}

.sectionHead .articleMore:after {
    background-image: url("data:image/svg+xml,%0A%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='%2339A3F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: 6px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 8px;
    height: 10px;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.sectionMore {
    margin-top: 16px;
    text-align: center;
}

.sectionMore .articleMore {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: var(--cl-blue-2);
    padding-right: 20px;
    position: relative;
    display: inline-table;
}

.sectionMore .articleMore:after {
    background-image: url("data:image/svg+xml,%0A%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='%2339A3F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: 6px;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 8px;
    height: 10px;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

body {
    --bg-place2: #f2f2f2;
}

body.theme-dark {
    --bg-place2: #121212;
}

@media (prefers-color-scheme: dark) {
    body {
        --bg-place2: #121212;
    }

    body.theme-light {
        --bg-place2: #f2f2f2;
    }
}

.mostList {
    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;
}

.mostList.-mostlist .mostItem {
    width: 100%;
    margin: 0;
}

.mostList.-mostlist .mostItem > .mostItem-link {
    width: 100%;
}

.mostList.-mostArticle {
    gap: 16px;
}

.mostList.-mostArticle .mostItem-box {
    border: 0;
    padding: 0;
}

.mostList.-mostArticle .mostItem-count {
    padding: 10px 0;
}

.mostList.-mostArticle .mostItem-count:before {
    top: 2px;
}

.mostList h2 {
    margin: 0;
}

.mostItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.mostItem:hover .mostItem-title {
    color: var(--cl-kompas);
}

.mostItem-count {
    width: 32px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: var(--cl-txt);
    text-align: center;
    padding: 12px 0 10px;
    position: relative;
    z-index: 1;
}

.mostItem-count:before {
    position: absolute;
    content: "";
    width: 32px;
    height: 32px;
    background-color: var(--bg-place2);
    border-radius: 100%;
    z-index: -1;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 4px;
}

.mostItem-count .icn-mostSponsored {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6875 6.74962C15.6881 5.70687 15.4252 4.68089 14.9231 3.76696C14.421 2.85303 13.6961 2.08081 12.8158 1.52202C11.9354 0.963233 10.928 0.636005 9.88733 0.57073C8.84663 0.505455 7.8063 0.704252 6.86299 1.14865C5.91968 1.59306 5.10398 2.26865 4.49166 3.11268C3.87934 3.95672 3.49026 4.94181 3.36055 5.97646C3.23085 7.01111 3.36473 8.06176 3.74977 9.03082C4.1348 9.99988 4.7585 10.8559 5.56292 11.5194V16.8746C5.56293 16.9705 5.58744 17.0648 5.63413 17.1485C5.68083 17.2323 5.74815 17.3027 5.82972 17.3531C5.91128 17.4035 6.00438 17.4322 6.10016 17.4365C6.19595 17.4408 6.29124 17.4206 6.377 17.3777L9.49993 15.8161L12.6239 17.3777C12.7097 17.4206 12.805 17.4408 12.9007 17.4365C12.9965 17.4322 13.0896 17.4035 13.1711 17.3531C13.2527 17.3027 13.32 17.2322 13.3667 17.1485C13.4134 17.0648 13.4379 16.9705 13.4379 16.8746V11.5188C14.1416 10.9391 14.7082 10.2108 15.0971 9.38628C15.4861 8.56173 15.6877 7.66131 15.6875 6.74962ZM4.4375 6.74962C4.4375 5.74836 4.73441 4.76957 5.29069 3.93705C5.84696 3.10453 6.63762 2.45565 7.56267 2.07248C8.48772 1.68932 9.50562 1.58906 10.4876 1.7844C11.4697 1.97974 12.3717 2.46189 13.0797 3.1699C13.7877 3.8779 14.2699 4.77995 14.4652 5.76198C14.6606 6.74401 14.5603 7.76191 14.1771 8.68696C13.794 9.61201 13.1451 10.4027 12.3126 10.9589C11.4801 11.5152 10.5013 11.8121 9.5 11.8121C8.15781 11.8106 6.87101 11.2768 5.92194 10.3277C4.97286 9.37861 4.43901 8.09182 4.4375 6.74962ZM12.3129 15.9646L9.75144 14.684C9.67333 14.6449 9.58719 14.6246 9.49986 14.6246C9.41253 14.6246 9.32639 14.6449 9.24828 14.684L6.68792 15.9644V12.2604C7.55871 12.7053 8.52262 12.9373 9.50047 12.9372C10.4783 12.9371 11.4422 12.705 12.3129 12.26V15.9646ZM9.5 10.6871C10.2788 10.6871 11.04 10.4562 11.6876 10.0235C12.3351 9.59088 12.8398 8.97593 13.1378 8.25644C13.4358 7.53696 13.5138 6.74526 13.3618 5.98146C13.2099 5.21766 12.8349 4.51606 12.2842 3.96539C11.7336 3.41472 11.032 3.03971 10.2682 2.88778C9.50437 2.73585 8.71267 2.81383 7.99319 3.11185C7.2737 3.40987 6.65875 3.91455 6.22609 4.56207C5.79343 5.20959 5.5625 5.97086 5.5625 6.74962C5.56367 7.79355 5.97889 8.79439 6.71706 9.53256C7.45523 10.2707 8.45607 10.686 9.5 10.6871ZM9.5 3.93712C10.0563 3.93712 10.6 4.10207 11.0625 4.41112C11.5251 4.72016 11.8855 5.15941 12.0984 5.67333C12.3113 6.18724 12.367 6.75274 12.2585 7.29832C12.1499 7.84389 11.8821 8.34503 11.4887 8.73836C11.0954 9.1317 10.5943 9.39956 10.0487 9.50808C9.50312 9.6166 8.93762 9.56091 8.4237 9.34804C7.90979 9.13517 7.47053 8.77468 7.16149 8.31217C6.85245 7.84965 6.6875 7.30588 6.6875 6.74962C6.68836 6.00397 6.98495 5.28909 7.51221 4.76183C8.03947 4.23457 8.75434 3.93798 9.5 3.93712Z' fill='%23000'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: auto 18px;
    background-position: 50%;
    width: 18px;
    height: 18px;
    -webkit-filter: var(--filter-gray2);
    filter: var(--filter-gray2);
    margin: 0 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mostItem-box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 0;
}

.mostItem:first-child .mostItem-box {
    padding-top: 0;
}

.mostItem-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}

.mostItem-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--cl-txt);
    height: 44px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.mostItem-img,
.mostItem-title {
    position: relative;
    overflow: hidden;
}

.mostItem-img {
    width: 80px;
    height: 80px;
    -ms-flex-preferred-size: 80px;
    flex-basis: 80px;
    padding-top: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-radius: 8px;
    background: var(--bg-gray-med);
}

.mostItem-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.mostItem-subtitle {
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #e65225;
    margin: 4px 0;
}

.mostItem-subtitle.clBrandzview {
    color: #0161b8;
}

.mostItem-read {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: var(--cl-gray-lite);
    margin: 6px 0 2px;
}

.mostOther {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: var(--cl-blue-2);
    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: 10px;
}

.listSection.hlWrap {
    overflow: hidden;
}

.listSection.hlWrap.--hlArticle .hlSlider {
    height: 316px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    margin-bottom: -20px;
}

.listSection.hlWrap.--hlArticle .hlSlider-arrow {
    top: 89px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2L2 8L8 14' stroke='%23333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.listSection.hlWrap.--hlArticle .hlSlider .hlItem {
    width: 100%;
}

.listSection.hlWrap.--hlArticle .hlSlider .hlItem-link {
    gap: 0;
}

.listSection.hlWrap.--hlArticle .hlSlider .hlItem .hlBox {
    position: relative;
    padding: 8px 0;
}

.listSection.hlWrap.--hlArticle .hlSlider .hlItem .hlTitle {
    color: var(--cl-txt);
}

.listSection.hlWrap.--hlArticle .hlSlider .hlItem .hlImg {
    height: 218px;
    border-radius: 8px;
}

.listSection.hlWrap.--hlArticle .hlSlider .hlItem .hlImg: after {
    height: 0;
}

.listSection.hlWrap.--hlArticle .hlSlider .hlItem .hlTitle {
    padding-left: 0;
}

.listSection.hlWrap.--hlArticle .hlSlider .hlItem .hlChannel {
    margin-bottom: 0;
}

.listSection.hlWrap.--hlArticle .hlSlider .hlItem .hlInfo: before {
    background-color: var(--bg-bullet);
}

.listSection.hlWrap.--hlArticle .hlSlider .hlItem .hlTime {
    color: var(--cl-txt);
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding: 0;
    color: var(--cl-gray-lite);
}

.listSection.hlWrap.--listgrid_1 .hlItem {
    width: 100%;
}

.listSection.hlWrap.--listgrid_1 .hlItem-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.listSection.hlWrap.--listgrid_1 .hlItem .hlImg {
    width: 100%;
    padding-top: 56.25%;
}

.listSection.hlWrap.--listgrid_1 .hlItem .hlTitle {
    -webkit-line-clamp: 3;
    height: 60px;
}

.listSection.hlWrap.--listgrid_2 .hlItem: first-child {
    width: 100%;
}

.listSection.hlWrap.--listgrid_2 .hlItem: first-child .hlItem-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.listSection.hlWrap.--listgrid_2 .hlItem: first-child .hlImg {
    width: 100%;
    padding-top: 56.25%;
}

.listSection.hlWrap.--listgrid_2 .hlItem: first-child .hlTitle {
    -webkit-line-clamp: 3;
    height: 60px;
}

.listSection.hlWrap.--listgrid_2 .hlItem {
    width: calc(50% - 8.5px);
}

.listSection.hlWrap.--listgrid_2 .hlItem .hlItem-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.listSection.hlWrap.--listgrid_2 .hlItem .hlImg {
    width: 100%;
    padding-top: 56.25%;
}

.listSection.hlWrap.--listgrid_2 .hlItem .hlTitle {
    -webkit-line-clamp: 3;
}

.listSection.hlWrap.--listgrid .hlItem {
    width: calc(50% - 8.5px);
}

.listSection.hlWrap.--listgrid .hlItem-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.listSection.hlWrap.--listgrid .hlItem .hlImg {
    width: 100%;
    padding-top: 56.25%;
}

.listSection.hlWrap.--listgrid .hlItem .hlTitle {
    -webkit-line-clamp: 3;
}

.listSection.hlWrap .hlItem {
    width: 100%;
}

.listSection.hlWrap .hlItem:first-child {
    margin: 0 0 8px;
}

.listSection.hlWrap .hlItem:first-child .hlInfo:before {
    background-color: var(--bg-bullet);
}

.listSection.hlWrap .hlItem:first-child .hlBox {
    position: relative;
    padding: 0;
}

.listSection.hlWrap .hlItem:first-child .hlBox:after {
    display: none;
}

.listSection.hlWrap .hlItem:first-child .hlTitle {
    color: var(--cl-txt);
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    -webkit-line-clamp: 4;
    padding-left: 0;
}

.listSection.hlWrap .hlItem:first-child .hlTitle:after {
    display: none;
}

.listSection.hlWrap .hlItem:first-child .hlInfo {
    padding-top: 8px;
}

.listSection.hlWrap .hlItem .hlTime {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding: 0;
    color: var(--cl-gray-lite);
}

.listSection.hlWrap .hlItem .hlImg {
    width: 80px;
    height: 80px;
    padding-top: 0;
    -ms-flex-preferred-size: 80px;
    flex-basis: 80px;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    overflow: hidden;
    border-radius: 8px;
}

.listSection.hlWrap .hlItem a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 13px;
}

.listSection.hlWrap .hlItem .hlTitle {
    margin-bottom: 0;
    margin-top: -2px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}

.listSection.hlWrap .hlItem .hlBox {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.listSection.hlWrap .hlItem .hlDuration {
    bottom: 0;
    right: 0;
    font-size: 12px;
    border-radius: 4px 0 8px 0;
}

.listSection.hlWrap .hlItem .hlDuration:before {
    content: none;
}

.listSection.hlWrap .hlItem .hlChannel {
    margin-bottom: 0;
}

.listSection.hlWrap .hlItem .hlChannel.color--kgnow {
    font-weight: 600;
    font-family: Inter, sans-serif;
    text-transform: unset;
    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;
}

.listSection.hlWrap.kanalHl {
    background-color: var(--cl-sains-grey);
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px 16px;
    margin-top: 0;
}

.listSection.hlWrap.kanalHl .hlItem:first-child {
    margin: 0 -15px;
    width: 100vw;
}

.listSection.hlWrap.kanalHl .hlItem:first-child a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.listSection.hlWrap.kanalHl .hlItem:first-child .hlBox {
    position: absolute;
    padding: 15px 20px;
}

.listSection.hlWrap.kanalHl .hlItem:first-child .hlTitle {
    padding-left: 0;
    color: var(--cl-white);
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    -webkit-line-clamp: 3;
    margin: 8px 0;
}

.listSection.hlWrap.kanalHl .hlItem:first-child .hlTitle:after {
    content: none;
}

.listSection.hlWrap.kanalHl .hlItem:first-child .hlInfo {
    padding-top: 0;
}

.listSection.hlWrap.kanalHl .hlItem:first-child .hlInfo:before {
    background-color: var(--bg-bullet);
}

.listSection.hlWrap.kanalHl .hlItem:first-child .hlImg {
    position: relative;
    width: 100%;
    padding-top: 203px;
    background-color: var(--bg-gray-med);
    border-radius: 0;
}

.listSection.hlWrap.kanalHl .hlItem:first-child .hlImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
}

.listSection.hlWrap.-listHorz .hlItem {
    width: 198px;
    height: 306px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.listSection.hlWrap.-listHorz .hlItem:not(:first-child) {
    width: 198px;
}

.listSection.hlWrap.-listHorz .hlItem:not(:first-child) a {
    width: 100%;
    height: 100%;
}

.listSection.hlWrap.-listHorz .hlItem .hlBox,
.listSection.hlWrap.-listHorz .hlItem:first-child .hlBox {
    position: absolute;
    bottom: 0;
    padding: 15px;
    z-index: 2;
}

.listSection.hlWrap.-listHorz .hlItem .hlBox .articleTitle,
.listSection.hlWrap.-listHorz .hlItem:first-child .hlBox .articleTitle {
    color: var(--cl-white);
}

.listSection.hlWrap.-listHorz .hlItem .hlBox .articlePost ul,
.listSection.hlWrap.-listHorz .hlItem:first-child .hlBox .articlePost ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.listSection.hlWrap.-listHorz .hlItem .hlImg,
.listSection.hlWrap.-listHorz .hlItem:not(:first-child) .hlImg {
    width: 100%;
    height: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.listSection.hlWrap.-listHorz .hlTitle {
    color: var(--cl-white);
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    -webkit-line-clamp: 3;
    margin: 8px 0;
}

.listSection.hlWrap.headlineKanalHl .hlItem:first-child a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
}

.listSection.hlWrap.headlineKanalHl .hlItem:first-child .hlTitle {
    margin: 8px 0;
}

.listSection.hlWrap.headlineKanalHl .hlItem:first-child .hlImg {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background-color: var(--bg-gray-med);
}

.listSection.hlWrap.headlineKanalHl .hlItem:first-child .hlImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
}

.listSection.hlWrap .hlSlider {
    position: relative;
    overflow: hidden;
    height: 306px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 24px;
}

.listSection.hlWrap .hlSlider-inner {
    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;
    height: 100%;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
}

.listSection.hlWrap .hlSlider .hlItem {
    width: 246px;
    height: 306px;
    overflow: hidden;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.listSection.hlWrap .hlSlider .hlItem .hlImg {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 306px;
    background: var(--bg-gray-med);
    border-radius: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.listSection.hlWrap .hlSlider .hlItem .hlBox {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 16px;
}

.listSection.hlWrap .hlSlider .hlItem .hlTitle {
    color: var(--cl-white);
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    -webkit-line-clamp: 3;
    margin: 8px 0;
}

.listSection.hlWrap .hlSlider .hlItem .hlInfo {
    padding-top: 0;
}

.listSection.hlWrap .hlSlider-arrow {
    position: absolute;
    top: 40%;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 0;
    border: 1px solid var(--bg-white);
    background-color: var(--bg-white);
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2L2 8L8 14' stroke='%23007AFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 16px;
}

.listSection.hlWrap .hlSlider-arrow[disabled] {
    opacity: 0;
    visibility: hidden;
}

.listSection.hlWrap .hlSlider-arrow[data-slider-prev] {
    left: 15px;
}

.listSection.hlWrap .hlSlider-arrow[data-slider-next] {
    right: 15px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.hlWrap.--bigHighlight .hlItem .hlBox {
    position: relative;
    background-color: var(--cl-grey-2);
}

.hlWrap.--bigHighlight .hlItem .hlBox: after {
    height: 0;
}

.hlWrap.--bigHighlight .hlItem .hlTitle {
    padding-left: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: var(--cl-txt);
}

.hlWrap.--bigHighlight .hlItem .hlTitle: after {
    border-left: 0;
}

.hlWrap.--bigHighlight .hlItem .hlChannel {
    margin-bottom: 0;
}

.hlWrap.--bigHighlight .hlItem .hlInfo: before {
    background-color: var(--bg-bullet);
}

.hlWrap.--bigHighlight .hlItem .hlTime {
    color: var(--cl-txt);
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    padding: 0;
    color: var(--cl-gray-lite);
}

.listSection.hlWrap.-listHorz .hlItem .hlImg:after,
.listSection.hlWrap.-listHorz .hlItem:not(:first-child) .hlImg:after,
.listSection.hlWrap .hlSlider .hlItem .hlImg:after,
.listSection.hlWrap.kanalHl .hlItem:first-child .hlImg:after {
    position: absolute;
    content: "";
    top: 0;
    background: #000;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(4%, #000),
        color-stop(60%, hsla(0, 0%, 100%, 0))
    );
    background: linear-gradient(0deg, #000 4%, hsla(0, 0%, 100%, 0) 60%);
    z-index: 1;
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.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(--cl-blue-2);
    color: var(--cl-blue-2);
}

.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(--cl-blue-2);
    border: 1px solid var(--cl-blue-2);
    padding: 0 12px;
}

.kcm-read-paging a.active,
.kcm-read-paging a:hover {
    background: transparent;
    border: 1px solid var(--cl-blue-2);
    color: var(--cl-blue-2);
}

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 .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: 10px;
}

.kgnowGate .videoKGSlider-item:last-child,
.kgnowGate .videoKGSlider .rVideo-item:last-child {
    margin-right: 10px;
}

.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: 22px;
    height: 22px;
    border-radius: 50%;
    background: hsla(0, 0%, 44%, 0.8);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 8px;
    top: 8px;
}

.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-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://www.kgnow.com/embed"],.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: 1;
    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 {
    --font-kgnow: Inter, sans-serif;
}

body,
body.theme-dark {
    --kgnw-bg-white: #fff;
}

@media (prefers-color-scheme: dark) {
    body,
    body.theme-dark {
        --kgnw-bg-white: #fff;
    }
}

.kgnw-middle {
    position: relative;
    height: 56.25vw;
    margin: 15px -15px;
    background: var(--bg-gray-med);
    width: 100vw;
}

.kgnw-middle,
.kgnw-middle *,
.kgnw-middle :after,
.kgnw-middle :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.kgnw-middle[data-kgnw-publisher="ADJAR"],
.kgnw-middle[data-kgnw-publisher="BOLANAS"],
.kgnw-middle[data-kgnw-publisher="BOLASPORT"],
.kgnw-middle[data-kgnw-publisher="GRIDOTO"],
.kgnw-middle[data-kgnw-publisher="JUARANET"],
.kgnw-middle[data-kgnw-publisher="MOTORPLUS"],
.kgnw-middle[data-kgnw-publisher="OTOMANIA"],
.kgnw-middle[data-kgnw-publisher="OTOMOTIFNET"],
.kgnw-middle[data-kgnw-publisher="OTOSEKEN"],
.kgnw-middle[data-kgnw-publisher="SUPERBALL"] {
    margin: 15px -12px;
}

@media (min-width: 640px) {
    .kgnw-middle[data-kgnw-publisher="KOMPASTV"] {
        height: 360px;
        width: 640px;
    }
}

.kgnw-middle[data-kgnw-publisher="TRIBUNNEWS"],
.kgnw-middle[data-kgnw-publisher="TRIBUNSTYLE"] {
    margin: 15px 0;
    padding: 0;
}

.kgnw-middle[data-kgnw-publisher="SONORA"] {
    margin: 15px -20px;
}

.kgnw-middle[data-kgnw-publisher="KONTAN"] {
    margin: 15px 0;
    width: calc(100vw - 16px);
    height: calc(9 / 16 * (100vw - 16px));
}

.kgnw-middle-player {
    position: relative;
    overflow: hidden;
    height: 56.25vw;
}

[data-kgnw-publisher="KONTAN"] .kgnw-middle-player {
    height: calc(9 / 16 * (100vw - 16px));
    border-radius: 8px;
}

@media (min-width: 640px) {
    [data-kgnw-publisher="KOMPASTV"] .kgnw-middle-player {
        height: 360px;
        border-radius: 8px;
    }
}

.kgnw-middle-player iframe {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 !important;
}

.--kgnw-sticky [data-kgnw-publisher="KOMPASTV"] .kgnw-middle-player {
    top: 86px;
}

.--kgnw-sticky .kgnw-middle-player {
    position: fixed;
    width: calc(100vw - 30px);
    height: 100px;
    top: 8px;
    left: calc(50% - ((100vw - 30px) / 2));
    z-index: 12;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    background: var(--kgnw-bg-white);
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
}

@media (min-width: 430px) {
    .--kgnw-sticky .kgnw-middle-player {
        max-width: 400px;
        left: calc(50% - 200px);
    }
}

.--kgnw-sticky-show .kgnw-middle-ready .kgnw-middle-player {
    opacity: 1;
    visibility: visible;
}

.kgnw-embed-close,
.kgnw-middle-close {
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: hsla(0, 0%, 44%, 0.8);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    right: 8px;
    top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}

.kgnw-embed-close:before,
.kgnw-middle-close:before {
    position: relative;
    display: block;
    content: "";
    pointer-events: none;
    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%);
}

.--kgnw-sticky .kgnw-middle .kgnw-embed-close,
.--kgnw-sticky .kgnw-middle .kgnw-middle-close {
    opacity: 1;
    visibility: visible;
}

.kgnw-root {
    position: relative;
    background: var(--bg-main);
    width: 100%;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
}

.kgnw-root[data-kgnw-publisher="NOVA"] {
    margin: 0 -10px;
    width: 100vw;
}

.kgnw-root[data-kgnw-publisher="SONORA"] {
    margin: 0 -20px;
    width: 100vw;
}

.kgnw-root[data-kgnw-publisher="KOMPASCOM"],
.kgnw-root[data-kgnw-publisher="KOMPASIANA"],
.kgnw-root[data-kgnw-publisher="PARAPUAN"] {
    margin: 0 -15px;
    width: 100vw;
}

.kgnw-root[data-kgnw-publisher="KOMPASIANA"],
.kgnw-root[data-kgnw-publisher="KOMPASIANA"] .kgnw-slider {
    background-color: transparent;
}

.kgnw-root[data-kgnw-publisher="KONTAN"] {
    margin: 0 -8px;
    width: 100vw;
}

.kgnw-root[data-kgnw-publisher="ADJAR"] {
    margin: 0 -12px;
    width: 100vw;
}

.kgnw-root[data-kgnw-publisher="TRIBUNNEWS"],
.kgnw-root[data-kgnw-publisher="TRIBUNSTYLE"] {
    margin: 0 -15px;
    width: 100vw;
}

.kgnw-root *,
.kgnw-root :after,
.kgnw-root :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.kgnw-player {
    position: relative;
    height: calc(9 / 16 * (100vw - 30px));
    background: var(--bg-gray-med);
    border-radius: 8px;
    overflow: hidden;
    z-index: 1;
}

@media (min-width: 640px) {
    [data-kgnw-publisher="KOMPASTV"] .kgnw-player {
        height: 343.125px;
        width: 610px;
    }
}

.kgnw-embed-player {
    position: relative;
    height: calc(9 / 16 * (100vw - 30px));
}

@media (min-width: 640px) {
    [data-kgnw-publisher="KOMPASTV"] .kgnw-embed-player {
        height: 343.125px;
        width: 610px;
    }
}

.--kgnw-sticky-side .kgnw-ready .kgnw-embed-player {
    position: fixed;
    width: 165.33333px;
    height: 93px;
    left: calc(100% - 165.33333333333331px - 8px);
    top: calc(100% - 93px - 160px);
    z-index: 999;
    background: var(--bg-gray-med);
    -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;
}

.kgnw-embed-player iframe {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 !important;
}

.--kgnw-sticky-side .kgnw-embed-player iframe {
    border-radius: 8px;
    overflow: hidden;
}

.--kgnw-sticky-side .kgnw-embed-close {
    top: -26px;
    right: 0;
    opacity: 1;
    visibility: visible;
}

.kgnw-slider {
    position: relative;
    background: var(--bg-main);
    overflow: hidden;
    height: 180px;
    margin: 0 -15px;
}

.kgnw-list {
    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;
}

.kgnw-list-item {
    position: relative;
    width: 150px;
    margin-left: 6px;
    margin-right: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.kgnw-list-item:first-child {
    margin-left: 15px;
}

.kgnw-list-item:last-child {
    margin-right: 15px;
}

.kgnw-list-col {
    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;
}

.kgnw-list-img {
    border-radius: 8px;
    width: 150px;
    height: 84px;
    background: var(--bg-gray-med);
}

.kgnw-list-img,
.kgnw-list-img img {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.kgnw-list-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
}

.kgnw-list-img img:not([src]) {
    opacity: 0;
}

.--playing .kgnw-list-img {
    padding: 2px;
}

.--playing .kgnw-list-img img {
    border-radius: 6px;
}

.--playing .kgnw-list-img: before {
    content: "";
    border-radius: 8px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    background: #f21a63;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(4%, #f21a63),
        to(#fc4f1f)
    );
    background: linear-gradient(180deg, #f21a63 4%, #fc4f1f);
}

.--playing .kgnw-list-img: after {
    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);
    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;
    content: "Now Playing";
}

.--playing .kgnw-list-img: after,.kgnw-list-duration {
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: var(--font-kgnow);
    font-size: 10px;
    font-weight: 600;
    z-index: 2;
}

.kgnw-list-duration {
    padding: 5px 5px 5px 20px;
    background-color: rgba(0, 0, 0, 0.6);
    line-height: 130%;
    color: #e8e8e8;
    border-radius: 4px 0 4px 0;
}

.kgnw-list-duration:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    -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%);
    -webkit-transform: scale(0.65);
    transform: scale(0.65);
    left: 2px;
    top: calc(50% - 8px);
}

.kgnw-list-title {
    margin-top: 8px;
    margin-bottom: 4px;
    height: auto;
    max-height: 51px;
    font-family: var(--font-kgnow);
    font-size: 14px;
    font-weight: 600;
    line-height: 120%;
    color: var(--cl-kgnow-grey);
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow-wrap: break-word;
    position: relative;
}

.kgnw-list-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.kgnw-list-subtitle {
    position: relative;
    font-size: 12px;
    font-weight: 600;
    line-height: 125%;
    font-family: var(--font-kgnow);
    text-transform: none;
    color: #ef0d70;
}

.kgnw-list-subtitle.--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;
}

.kgnw-list-date {
    color: var(--cl-gray-med);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    padding-left: 12px;
    font-size: 12px;
    font-family: var(--font-kgnow);
    font-weight: 400;
    line-height: 125%;
}

.kgnw-list-date:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background-color: #a1adb9;
    border-radius: 100%;
    left: 4px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.read_content [data-kgnw-publisher="ADJAR"] iframe {
    width: 100% !important;
    max-height: auto !important;
    min-height: auto !important;
}

.read_content [data-kgnw-publisher="BOLANAS"] iframe,
.read_content [data-kgnw-publisher="BOLASPORT"] iframe,
.read_content [data-kgnw-publisher="JUARANET"] iframe,
.read_content [data-kgnw-publisher="SUPERBALL"] iframe {
    width: 100% !important;
    min-height: auto !important;
}

.--kgnw-sticky
    header
    ~ .content
    .kgnw-middle[data-kgnw-publisher="BOLANAS"]
    .kgnw-middle-player,
.--kgnw-sticky
    header
    ~ .content
    .kgnw-middle[data-kgnw-publisher="BOLASPORT"]
    .kgnw-middle-player,
.--kgnw-sticky
    header
    ~ .content
    .kgnw-middle[data-kgnw-publisher="JUARANET"]
    .kgnw-middle-player,
.--kgnw-sticky
    header
    ~ .content
    .kgnw-middle[data-kgnw-publisher="SUPERBALL"]
    .kgnw-middle-player {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
}

.--kgnw-sticky
    header
    ~ .content
    .kgnw-middle[data-kgnw-publisher="GRIDOTO"]
    .kgnw-middle-player,
.--kgnw-sticky
    header
    ~ .content
    .kgnw-middle[data-kgnw-publisher="MOTORPLUS"]
    .kgnw-middle-player,
.--kgnw-sticky
    header
    ~ .content
    .kgnw-middle[data-kgnw-publisher="OTOMANIA"]
    .kgnw-middle-player,
.--kgnw-sticky
    header
    ~ .content
    .kgnw-middle[data-kgnw-publisher="OTOMOTIFNET"]
    .kgnw-middle-player,
.--kgnw-sticky
    header
    ~ .content
    .kgnw-middle[data-kgnw-publisher="OTOSEKEN"]
    .kgnw-middle-player {
    -webkit-transform: translateY(65px);
    transform: translateY(65px);
}

.read_content [data-kgnw-publisher="GRIDOTO"] iframe,
.read_content [data-kgnw-publisher="MOTORPLUS"] iframe,
.read_content [data-kgnw-publisher="OTOMANIA"] iframe,
.read_content [data-kgnw-publisher="OTOMOTIFNET"] iframe,
.read_content [data-kgnw-publisher="OTOSEKEN"] iframe {
    width: 100% !important;
    min-height: auto !important;
}

.--kgnw-sticky
    header
    ~ #panel
    .kgnw-middle[data-kgnw-publisher="KOMPASIANA"]
    .kgnw-middle-player {
    -webkit-transform: translateY(78px);
    transform: translateY(78px);
}

.txt-article > .kgnw-middle {
    white-space: normal !important;
    padding: 0 !important;
    margin: 15px 0 !important;
}

.--kgnw-sticky.scrollup .txt-article .kgnw-middle .kgnw-middle-player,
.--kgnw-sticky.scrollup
    .txt-article
    .kgnw-middle[data-kgnw-publisher="TRIBUNNEWS"]
    .kgnw-middle-player,
.--kgnw-sticky.scrollup
    .txt-article
    .kgnw-middle[data-kgnw-publisher="TRIBUNSTYLE"]
    .kgnw-middle-player {
    -webkit-transform: translateY(var(--h-tribun));
    transform: translateY(var(--h-tribun));
}

.--kgnw-sticky.scrollup .theader {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.--kgnw-sticky .txt-article .kgnw-middle .kgnw-middle-player,
.--kgnw-sticky
    .txt-article
    .kgnw-middle[data-kgnw-publisher="TRIBUNNEWS"]
    .kgnw-middle-player,
.--kgnw-sticky
    .txt-article
    .kgnw-middle[data-kgnw-publisher="TRIBUNSTYLE"]
    .kgnw-middle-player {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.--kgnw-sticky .theader {
    -webkit-transform: translateY(var(--h-tribun-min));
    transform: translateY(var(--h-tribun-min));
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.--kgnw-sticky.scrollup
    .kgnw-middle[data-kgnw-publisher="SONORA"]
    .kgnw-middle-player {
    -webkit-transform: translateY(117px);
    transform: translateY(117px);
}

.--kgnw-sticky.scrollup #body: not(.body_wrapper) header.fixed {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.--kgnw-sticky .kgnw-middle[data-kgnw-publisher="SONORA"] .kgnw-middle-player {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.--kgnw-sticky #body: not(.body_wrapper) header.fixed,.--kgnw-sticky .kgnw-middle[data-kgnw-publisher=SONORA] .kgnw-middle-player {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.--kgnw-sticky #body: not(.body_wrapper) header.fixed {
    -webkit-transform: translateY(-117px);
    transform: translateY(-117px);
}

.--kgnw-sticky
    header
    ~ .page
    .kgnw-middle[data-kgnw-publisher="PARAPUAN"]
    .kgnw-middle-player {
    -webkit-transform: translateY(84px);
    transform: translateY(84px);
}

.--kgnw-sticky-show .header-block {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.--kgnw-sticky-show #js-banner-sticky.boxBanner1 .banner1,
.--kgnw-sticky-show .header-block {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
}

.--kgnw-sticky-show.scrollup .header-block {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.--kgnw-sticky.scrollup
    .kgnw-middle[data-kgnw-publisher="KOMPASCOM"]
    .kgnw-middle-player {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}

.--kgnw-sticky.scrollup #js-banner-sticky.boxBanner1 .banner1 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.--kgnw-sticky-show.scroll
    .kgnw-middle[data-kgnw-publisher="KOMPASCOM"]
    .kgnw-middle-player {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.--kgnw-sticky
    .kgnw-middle[data-kgnw-publisher="KOMPASCOM"]
    .kgnw-middle-player {
    z-index: 6;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
}

.contentArticle .kgnw-root[data-kgnw-publisher="KOMPASCOM"] {
    padding: 16px 15px;
    margin: 12px -15px;
}

.contentArticle .kgnw-root[data-kgnw-publisher="KOMPASCOM"]:before {
    top: 0;
}

.contentArticle .kgnw-root[data-kgnw-publisher="KOMPASCOM"]:after {
    bottom: 0;
}

.contentArticle .kgnw-root[data-kgnw-publisher="KOMPASCOM"]:after,
.contentArticle .kgnw-root[data-kgnw-publisher="KOMPASCOM"]:before {
    content: "";
    position: absolute;
    left: 15px;
    width: calc(100vw - 30px);
    border-top: 1px solid var(--br-list);
}

.avatarInit {
    width: 40px;
    height: 40px;
    z-index: 1;
    border-radius: 100%;
    background: #a7d98c;
}

.avatarInit,
.avatarInit:before {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.avatarInit:before {
    content: attr(data-avatar-initial);
    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;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 17px;
    line-height: 1;
    color: #fff;
}

.avatarInit > img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 2;
}

.credit {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 0 15px;
    margin-top: 12px;
}

.credit,
.credit-picture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.credit-picture {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.credit-picture-img {
    height: 32px;
    width: 32px;
    display: inline-block;
    overflow: hidden;
    border-radius: 100%;
    border: 2px solid var(--bg-white);
    -webkit-box-shadow: 0 2px 4px 0 #00000033;
    box-shadow: 0 2px 4px 0 #00000033;
    background: var(--bg-gray-med);
    position: relative;
    z-index: 1;
}

.credit-picture-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
}

.credit-picture-img:not(:first-of-type) {
    margin-left: -16px;
}

.credit-picture-img.avatarInit {
    width: 32px;
    height: 32px;
    position: relative;
}

.credit-picture-img.avatarInit:before {
    font-size: 14px;
}

.credit-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.credit-title-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.credit-title-name h6 {
    color: var(--cl-txt) !important;
    font-size: 12px !important;
    padding: 0 !important;
    display: inline-block;
    white-space: nowrap;
}

.credit-title-name h6:after {
    content: "\0000a0";
}

.credit-title p {
    margin: 0;
    color: var(--cl-time2);
    font-size: 10px;
}

.credit-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.credit-author-img {
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.credit-author-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
}

.credit-author-img.avatarInit {
    width: 36px;
    height: 36px;
    position: relative;
}

.credit-author-name {
    color: var(--cl-txt);
}

.credit-author-position {
    color: var(--cl-time2);
    font-size: 12px !important;
}

.credit-profile {
    background: var(--bg-main);
    padding: 0 16px 16px;
}

.credit-profile-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--br-list);
}

.credit-profile-img {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.credit-profile-img img {
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter);
    width: 100%;
}

.credit-profile-img.avatarInit {
    width: 70px;
    height: 70px;
    position: relative;
}

.credit-profile-img.avatarInit:before {
    font-size: 30px;
}

.credit-profile-name {
    color: #3ca5dd;
    font-size: 20px;
    font-weight: 600;
}

.credit-profile-position {
    color: var(--cl-gray-med);
    font-size: 12px;
    font-weight: 600;
    margin: 0;
}

.credit-profile-desc {
    padding: 12px 0;
    border-bottom: 2px solid var(--cl-orange);
}

.credit-profile-desc p {
    margin: 0;
    color: var(--cl-gray-med);
}

.creditModal .modalHeader {
    padding: 0;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
}

.creditModal .modalDismiss {
    -ms-flex-preferred-size: 16px;
    flex-basis: 16px;
    width: 16px;
    height: 16px;
}

.creditModal .modalDismiss .icoDismiss {
    width: 16px;
    height: 16px;
}

.creditModal .modalDismiss span {
    background-size: 12px;
}

.creditModal-title {
    font-weight: 700;
    color: var(--cl-gray);
    font-size: 14px;
}

.creditModal-body {
    background: var(--bg-white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    padding: 16px 32px 16px 16px;
}

.read__credit__logo {
    vertical-align: middle;
    height: 16px;
}

.read__credit a {
    font-weight: 400;
}

.read__credit__logo img {
    height: 16px;
}

.read__date {
    color: var(--cl-time2);
    padding: 0 10px;
    font-size: 12px;
}

.read__date a {
    font-weight: 700;
}

.read__title {
    padding: 0 10px;
}

.read__cta {
    margin-top: 12px;
}

#widget-comment-bottom {
    margin-bottom: 13px;
    height: 75px;
}