/*
 * Gaya tema — HASIL GENERATE, JANGAN DISUNTING MANUAL.
 *
 * Dihasilkan oleh tools/gabung-css.mjs dari:
 *   reference/css/mobile.css   (420 aturan)
 *   reference/css/desktop.css  (442 aturan)
 *
 * Nama kelas diterjemahkan lewat reference/peta-kelas.json.
 * Ambang desktop: 1120px.
 *
 * Kedua stylesheet sengaja TIDAK di-dedup: masing-masing dibawa utuh ke media
 * query-nya sendiri agar aturan yang berlaku di tiap viewport persis sama
 * dengan tema aslinya. Alasan lengkapnya ada di kepala tools/gabung-css.mjs.
 *
 * Jalankan ulang dengan: node tools/gabung-css.mjs
 * Penyesuaian gaya ditulis di berkas lain — apa pun yang disunting di sini
 * akan hilang pada generate berikutnya.
 */

/* ===== At-rule global: @keyframes, @font-face ===== */
/* Berlaku di semua ukuran layar, jadi tidak dibungkus media query. Diambil
   dari mobile.css; yang bernama sama di desktop.css identik isinya. */

@-webkit-keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

/* ===== Mobile: di bawah 1120px ===== */

@media (max-width: 1119px) {
  :root {
    --primary: var(--idm-warna-primer);
    --bg-header: var(--idm-warna-latar-header);
    --bg-nav: var(--idm-warna-latar-nav);
    --bg-nav-active: var(--idm-warna-latar-nav-aktif);
    --bg-footer: var(--idm-warna-latar-footer);
    --bg-active: var(--idm-warna-latar-aktif);
    --widthparallaxmobile: 300px;
    --heightparallaxmobile: 600px;
    --textparallax: "Scroll untuk lanjut membaca";
  }

  .idm-blok-kisi-daftar__teks:hover a,
  .idm-blok-kolom__teks a:hover,
  .idm-blok-daftar__teks a:hover,
  .idm-artikel__meta a:hover,
  .idm-redaksi__item a:hover,
  .idm-blok-terkait__item .idm-blok-terkait__teks a:hover,
  .idm-blok-topik__teks a:hover,
  a,
  a:hover {
    color: var(--primary);
  }

  .idm-media__gambar:after,
  .idm-media__gambar:before,
  .idm-media__judul:before {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    content: "";
  }

  .idm-navigasi__tombol-menu,
  .idm-pencarian__tombol {
    -moz-appearance: none;
    -webkit-appearance: none;
  }

  .idm-mode-tema__kotak,
  .idm-navigasi,
  body {
    overflow: hidden;
  }

  .idm-blok-sorotan__teks a,
  .idm-blok.idm-blok-sorotan__tag .idm-blok-sorotan__teks a {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }

  .idm-reaksi__item,
  body {
    font-family: var(--idm-font-dasar);
  }

  .idm-komentar__kepala .idm-komentar__judul,
  .idm-main .idm-blok__judul,
  .idm-navigasi ul li a {
    font-weight: 700;
    font-family: var(--idm-font-dasar);
  }

  .idm-mode-tema__kotak.idm-u-tampil,
  .idm-mode-tema__transparent.idm-u-tampil,
  .idm-berbagi__popup-transparent.idm-u-tampil,
  .idm-berbagi__popup.idm-u-tampil,
  .idm-menu-sisi.idm-u-tampil {
    visibility: visible;
    opacity: 1;
  }

  .idm-mode-tema__kotak,
  .idm-berbagi__popup,
  .idm-menu-sisi {
    visibility: hidden;
  }

  .idm-papan-atas,
  .idm-papan-atas.idm-iklan-paralaks,
  .idm-wadah,
  .idm-main,
  .idm-menu-sisi,
  footer.idm-footer,
  header.idm-header {
    max-width: 768px;
  }

  .idm-remah-roti ul,
  .idm-komentar ol,
  .idm-komentar ul,
  .idm-footer ul.idm-navigasi__menu,
  .idm-navigasi ul,
  .idm-berbagi__body ul,
  .idm-berbagi__kotak ul,
  .idm-blok-tag__kotak ul {
    list-style: none;
  }

  .idm-berbagi__judul,
  .idm-blok-tag__kotak ul li a {
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  *,
  ::after,
  ::before {
    box-sizing: border-box;
  }

  a {
    text-decoration: none;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  body {
    font-weight: 400;
    line-height: 1.5;
    color: var(--idm-warna-latar-nav-aktif);
    font-size: 16px;
    background: #e3e3e3;
  }

  body.is-bebas-gulir {
    overflow: unset;
  }

  .idm-blok-iklan__lengket-bottom .idm-blok,
  figure {
    margin: 0;
  }

  input {
    outline: 0;
  }

  .idm-media__gambar:before {
    background: #ddd;
    animation: 1s infinite shine;
  }

  .idm-media__gambar:after {
    transform: translateX(-100%);
    background-image: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0,
      rgba(255, 255, 255, 0.2) 20%,
      rgba(255, 255, 255, 0.5) 60%,
      rgba(255, 255, 255, 0)
    );
    -webkit-animation: 2s infinite shimmer;
    animation: 2s infinite shimmer;
  }

  .idm-media__gambar img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 0.5s;
    z-index: 1;
  }

  .idm-artikel__featured .idm-artikel__kotak-gambar img {
    width: 100%;
    display: block;
  }

  .idm-navigasi__tombol-menu:after,
  .idm-navigasi__tombol-menu:before,
  .idm-mode-tema__kotak {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
  }

  .idm-media__judul:before {
    z-index: 3;
  }

  .idm-wadah {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

  header.idm-header {
    background: var(--bg-header);
    z-index: 1000;
    position: sticky;
    top: 0;
    margin: 0 auto;
  }

  header.idm-header > .idm-wadah {
    border-bottom: 1px solid #ffffff14;
  }

  .idm-header__baris {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .idm-header__merek {
    flex: 1;
    height: 60px;
    display: flex;
    align-items: center;
  }

  .idm-header__merek img {
    width: auto;
    height: 35px;
    display: block;
    -o-object-fit: left;
    object-fit: left;
    -o-object-position: left;
    object-position: left;
  }

  .idm-header__merek .idm-merek__logo--gelap {
    display: none;
  }

  .idm-mode-tema {
    color: #fff;
    height: 30px;
    width: 30px;
  }

  .idm-blok-sorotan .idm-blok__kepala,
  .idm-mode-tema > .idm-u-sembunyi,
  .idm-navigasi.idm-u-sembunyi,
  .idm-iklan-paralaks--mobile.idm-u-sembunyi,
  .idm-berbagi__lengket {
    display: none;
  }

  .idm-mode-tema > * {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
    background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(0) invert(1);
  }

  .idm-mode-tema:hover::after {
    opacity: 1;
  }

  .idm-header__mode,
  .idm-blok-video__item {
    position: relative;
  }

  .idm-header__lainnya {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-left: 10px;
  }

  .idm-mode-tema__kotak {
    pointer-events: all;
    position: absolute;
    z-index: 1001;
    right: -35px;
    top: 39px;
    width: 200px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    padding: 0;
    opacity: 0;
    transition: 0.2s;
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  .idm-mode-tema__kotak.idm-u-tampil {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .idm-mode-tema__item {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 9px 15px;
    color: #666;
    font-size: 13px;
    font-weight: 500;
  }

  .idm-mode-tema__item:hover {
    background: hsla(0, 0%, 77%, 0.2);
  }

  .idm-mode-tema__item.is-aktif {
    background: hsla(0, 0%, 77%, 0.4);
    color: var(--idm-warna-latar-nav-aktif);
    font-weight: 700;
  }

  .idm-kotak-penulis__teks,
  .idm-komentar__badan,
  .idm-blok-kisi__teks,
  .idm-blok-indeks__teks,
  .idm-blok-kolom .idm-blok-kolom__teks,
  .idm-mode-tema__label {
    flex: 1;
  }

  .idm-mode-tema__ikon {
    margin-right: 10px;
  }

  .idm-mode-tema__item .idm-mode-tema__ikon {
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    -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%);
  }

  .idm-mode-tema .is-mode-otomatis,
  .idm-mode-tema__item.is-mode-otomatis .idm-mode-tema__ikon {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 3.444V1M11 23V3M17.05 5.95l1.728-1.728M19.556 12H22M17.05 18.05l1.728 1.728' stroke='currentColor' stroke-width='1.2' stroke-linecap='round'/%3E%3Ccircle cx='10.944' cy='11.944' r='6.344' stroke='currentColor' stroke-width='1.2'/%3E%3Cpath d='M4.751 21.145H1.772L1.104 23H.137l2.715-7.11h.82L6.392 23H5.43l-.679-1.855Zm-2.695-.772h2.417l-1.211-3.325-1.206 3.325ZM5 9.5l2.5-3 2-.4 1-.1v12L8 17l-1.5-1-2-3L5 9.5Z' fill='currentColor'/%3E%3C/svg%3E");
  }

  .idm-mode-tema .is-mode-gelap,
  .idm-mode-tema__item.is-mode-gelap .idm-mode-tema__ikon {
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='moon' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Group' transform='translate(-0.000000, -0.000000)' stroke='%23000000' stroke-width='1.6'%3E%3Cpath d='M21.0000001,12.7900001 C20.5623509,17.5258085 16.5155206,21.1036352 11.7617765,20.9575684 C7.00803243,20.8115016 3.1884985,16.9919677 3.04243172,12.2382236 C2.89636495,7.48447951 6.47419162,3.43764924 11.21,3.00000001 C9.15036197,5.78645174 9.43925663,9.66045323 11.8894017,12.1105984 C14.3395469,14.5607435 18.2135484,14.8496381 21.0000001,12.7900001 L21.0000001,12.7900001 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }

  .idm-mode-tema .is-mode-terang,
  .idm-mode-tema__item.is-mode-terang .idm-mode-tema__ikon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17Z' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 1V3' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21V23' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.22 4.22L5.64 5.64' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.36 18.36L19.78 19.78' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 12H3' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 12H23' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.22 19.78L5.64 18.36' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.36 5.64L19.78 4.22' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }

  .idm-mode-tema__item.is-aktif .idm-mode-tema__ikon {
    -webkit-filter: none;
    filter: none;
  }

  .idm-navigasi__tombol-menu {
    position: relative;
    appearance: none;
    width: auto;
    min-width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: transparent;
    background: 0 0;
    padding: 0 9px;
    z-index: 1;
    margin-right: -9px;
  }

  .idm-navigasi__ikon-menu,
  .idm-navigasi ul {
    display: -webkit-box;
    display: -ms-flexbox;
  }

  .idm-navigasi__tombol-menu:before {
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 14px auto;
    background-color: var(--bg-header);
    width: 18px;
    height: 14px;
    z-index: 1;
    right: 3px;
    bottom: 8px;
    opacity: 1;
  }

  .idm-navigasi__tombol-menu:after,
  .idm-navigasi__tombol-menu:before {
    content: "";
    position: absolute;
    transition: 0.2s;
  }

  .idm-navigasi__ikon-menu:after,
  .idm-navigasi__ikon-menu:before,
  .idm-navigasi__ikon-menu > i,
  .idm-menu-sisi {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
  }

  .idm-navigasi__ikon-menu {
    position: relative;
    width: 22px;
    height: 19px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .idm-header__merek a,
  .idm-navigasi__ikon-menu > i,
  .idm-main,
  .idm-navigasi ul li a {
    display: block;
    outline: 0;
  }

  .idm-navigasi__ikon-menu:before {
    bottom: 0;
  }

  .idm-navigasi__ikon-menu:after,
  .idm-navigasi__ikon-menu:before,
  .idm-navigasi__ikon-menu > i {
    height: 2px;
    width: 95%;
    background: #fff;
    transition: 0.2s;
  }

  .idm-navigasi__ikon-menu:after {
    top: 0;
  }

  .idm-navigasi__ikon-menu:after,
  .idm-navigasi__ikon-menu:before {
    content: "";
    position: absolute;
    right: 0px;
  }

  .idm-navigasi__tombol-menu:after {
    width: 24px;
    height: 24px;
    background: 0 0;
    border-radius: 4px;
    z-index: -1;
  }

  .idm-navigasi__tombol-menu:before {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6.25' cy='6.25' r='5.25' stroke='%23fff' stroke-width='1.8'/%3E%3Cpath d='m13 13-1.5-1.5' stroke='%23fff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  .idm-navigasi__tombol-menu.idm-u-tutup .idm-navigasi__ikon-menu > i,
  .idm-navigasi__tombol-menu.idm-u-tutup:before {
    opacity: 0;
  }

  .idm-navigasi__tombol-menu.idm-u-tutup .idm-navigasi__ikon-menu:before {
    -ms-transform: rotate(45deg) translate(-6px, -6px);
    -webkit-transform: rotate(45deg) translate(-6px, -6px);
    transform: rotate(45deg) translate(-6px, -6px);
    width: 100%;
  }

  .idm-navigasi__tombol-menu.idm-u-tutup .idm-navigasi__ikon-menu:after {
    -ms-transform: rotate(-45deg) translate(-5px, 6px);
    -webkit-transform: rotate(-45deg) translate(-5px, 6px);
    transform: rotate(-45deg) translate(-5px, 6px);
  }

  .idm-navigasi {
    position: relative;
    height: 38px;
    z-index: 999;
    background: var(--bg-nav);
  }

  .idm-papan-atas,
  .idm-main {
    background: #fff;
  }

  .idm-navigasi nav,
  .idm-menu-sisi {
    -webkit-overflow-scrolling: touch;
  }

  .idm-navigasi ul li a {
    color: #fff;
    position: relative;
    font-size: 13px;
    padding: 9.25px 15px;
    font-weight: 500;
  }

  .idm-navigasi ul li a.idm-navigasi__label-sembunyi {
    display: none;
  }

  .idm-navigasi ul li {
    position: relative;
    padding: 0;
    white-space: nowrap;
    display: flex;
    align-items: center;
    height: 35px;
  }

  .idm-navigasi ul li.is-baru:after {
    content: "NEW";
    position: absolute;
    top: 3px;
    right: -7px;
    background: #8d8c8c;
    border-radius: 5px;
    padding: 1px 3px;
    z-index: 1;
    font-size: 8px;
    font-weight: 700;
    color: #fff;
  }

  .idm-navigasi ul {
    font-weight: 600;
    position: relative;
    margin: 0;
    padding: 0 2px;
    font-size: 14px;
    height: 55px;
    overflow-x: auto;
    display: -webkit-flex;
    display: flex;
    flex-flow: nowrap;
    overflow-y: hidden;
  }

  .idm-navigasi ul li .idm-navigasi__submenu {
    display: none;
  }

  .idm-navigasi nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-top: 0;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 -15px;
  }

  .idm-main {
    padding: 15px 0;
    margin: 0 auto;
  }

  body.is-beranda .idm-main {
    padding-top: 0;
  }

  .idm-papan-atas.idm-iklan-paralaks .idm-blok {
    background: 0 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(auto, auto, auto, auto);
    margin: 0;
    padding: 0;
  }

  .idm-papan-atas.idm-iklan-paralaks .idm-blok__paralaks {
    height: auto;
    position: fixed;
    top: 0;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    margin: 0 auto;
    max-width: 640px;
    left: 0;
    right: 0;
    text-align: center;
  }

  .idm-papan-atas.idm-iklan-paralaks .idm-blok:after {
    content: "scroll untuk lanjut membaca";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background: var(--primary);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    z-index: 999;
  }

  .idm-papan-atas.idm-iklan-paralaks .idm-blok__paralaks > * {
    width: var(--widthparallaxmobile);
    height: var(--heightparallaxmobile) !important;
    object-fit: cover;
    margin: 0 auto !important;
  }

  .idm-iklan-paralaks--mobile {
    position: relative;
    z-index: 1000;
  }

  .idm-papan-atas.idm-iklan-paralaks {
    width: 100%;
    height: calc(var(--heightparallaxmobile) + 14px);
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #1e1e1e;
  }

  .idm-papan-atas {
    margin: 0 auto;
  }

  .idm-papan-atas .idm-blok {
    padding: 15px 0;
  }

  .idm-blok-iklan__lengket-bottom .idm-blok img,
  .idm-blok-iklan__lengket-bottom .idm-blok > *,
  .idm-papan-atas .idm-blok > *,
  .idm-menu-sisi {
    margin: 0 auto;
    display: block;
  }

  .idm-menu-sisi {
    position: fixed;
    top: 60px;
    right: 0;
    z-index: 1002;
    width: 100%;
    height: 100vh;
    padding: 0 0 70px;
    overflow-y: scroll;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    -ms-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transition: 0.2s;
    background: var(--bg-header);
    left: 0;
  }

  .idm-menu-sisi.idm-u-tampil {
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  .idm-pencarian__kotak {
    position: relative;
    padding: 15px;
  }

  .idm-pencarian__input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    border-radius: 4px;
    background: var(--bg-nav);
    border: 1px solid transparent;
    color: #fff;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    line-height: 1.42857;
    font-size: 14px;
    padding-right: 42px;
  }

  .idm-pencarian__input::placeholder {
    color: #ccc;
  }

  .idm-pencarian__tombol {
    position: absolute;
    right: 15px;
    top: 15px;
    appearance: none;
    width: 40px;
    height: 40px;
    border: transparent;
    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;
    cursor: pointer;
    z-index: 3;
    background: 0 0;
    color: #eee;
  }

  .idm-artikel__featured,
  .idm-komentar,
  .idm-blok-kisi,
  .idm-blok-sorotan,
  .idm-blok-indeks,
  .idm-main__baris .idm-blok.idm-blok-sorotan__cat,
  .idm-blok.idm-blok-kisi-daftar,
  .idm-blok.idm-blok-sorotan__tag,
  .idm-blok.idm-blok-kolom,
  .idm-blok.idm-blok-daftar,
  .idm-blok.idm-blok-populer,
  .idm-blok.idm-blok-terkait,
  .idm-blok.idm-blok-topik,
  .idm-blok.idm-blok-video {
    margin: 0 -15px;
  }

  .idm-main__baris .idm-blok.idm-blok-sorotan__cat {
    margin-bottom: 15px;
  }

  .idm-blok-sorotan__item {
    position: relative;
    width: 100%;
  }

  .idm-blok-sorotan__gambar {
    width: 100%;
    margin: 0;
    padding-bottom: 70%;
    height: 0;
    position: relative;
    overflow: hidden;
  }

  .idm-blok-sorotan .idm-blok__isi {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }

  .idm-blok-sorotan__teks {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    padding: 10px 15px 35px;
    margin: 0;
    display: flex;
    white-space: normal;
    background: #000;
    background: -webkit-linear-gradient(top, #000 1%, transparent);
    background: linear-gradient(to top, #000 1%, transparent);
    top: 0;
    flex-direction: column;
    justify-content: flex-end;
  }

  .idm-blok-sorotan__tanggal {
    color: #999;
    font-size: 12px;
    margin-top: 8px;
    display: block;
    margin-left: 15px;
    font-weight: 500;
  }

  .idm-blok-sorotan__teks h2 {
    margin: 0;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
    max-height: 126px;
    font-weight: 500;
    border-left: 2px solid var(--primary);
    padding-left: 15px;
  }

  .idm-blok-sorotan__teks a {
    color: #fff;
    overflow: hidden;
  }

  .idm-blok.idm-blok-sorotan__cat .idm-blok-sorotan__item,
  .idm-blok.idm-blok-sorotan__tag .idm-blok-sorotan__item {
    width: auto;
  }

  .idm-blok-video .idm-blok__isi,
  .idm-blok__penulis,
  .idm-blok.idm-blok-sorotan__cat .idm-blok-sorotan__teks {
    padding: 15px;
  }

  .idm-blok.idm-blok-sorotan__cat .idm-blok-sorotan__gambar {
    padding-bottom: 62%;
  }

  .idm-blok.idm-blok-sorotan__tag .idm-blok-sorotan__teks {
    position: relative;
    background: 0 0;
    padding: 10px;
  }

  .idm-blok.idm-blok-sorotan__tag .idm-blok-sorotan__teks a {
    color: #1a1a1a;
    overflow: hidden;
  }

  .idm-blok.idm-blok-sorotan__tag .idm-blok-sorotan__gambar {
    padding-bottom: 60%;
  }

  .idm-blok.idm-blok-sorotan__tag .idm-blok-sorotan__teks h2 {
    height: auto;
    max-height: unset;
    line-height: 1.3;
  }

  .idm-blok-sorotan__snip {
    color: #918e8d;
    font-size: 14px;
    line-height: 1.3;
    margin-top: 5px;
  }

  .idm-blok-sorotan__kategori {
    background: var(--primary);
    display: inline-block;
    padding: 4px;
    position: absolute;
    z-index: 2;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    top: 15px;
    left: 15px;
    border-radius: 5px;
    line-height: 1;
  }

  .idm-remah-roti ul li,
  .idm-blok-kisi__kategori,
  .idm-artikel__judul {
    font-weight: 500;
  }

  .idm-main .idm-blok__judul {
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0;
    line-height: 1;
  }

  .idm-main .idm-blok__kepala {
    position: relative;
    border-left: 2px solid var(--primary);
    padding-left: 10px;
    margin: 0 15px;
    margin-bottom: 15px;
  }

  .idm-blok-kisi .idm-blok-kisi__item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    padding: 0;
    width: calc(50% - 8px);
  }

  .idm-blok-indeks__item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    padding: 0 15px;
  }

  .idm-blok-indeks .idm-blok__isi {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .idm-blok-kisi .idm-blok-kisi__item:last-child,
  .idm-blok-kisi-daftar__item:last-child,
  .idm-blok-indeks .idm-blok-indeks__item:last-child,
  .idm-blok-daftar__item:last-child,
  .idm-blok-populer__item:last-child,
  .idm-blok-topik__item:last-child {
    border: 0;
  }

  .idm-blok-kisi__gambar {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 56%;
    height: 0;
    position: relative;
    overflow: hidden;
    border-radius: 7px;
  }

  .idm-blok-indeks__gambar {
    width: 100px;
    margin-right: 15px;
    padding-bottom: 100px;
    height: 0;
    position: relative;
    overflow: hidden;
    border-radius: 7px;
  }

  .idm-blok-kisi__kategori,
  .idm-blok-indeks__kategori {
    line-height: 1;
    padding: 0 3px 0 0;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
  }

  .idm-blok-kisi .idm-blok__isi {
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
    gap: 15px;
  }

  .idm-blok-kisi__teks h2,
  .idm-blok-indeks__teks h2 {
    font-weight: 700;
    margin: 0 0 10px;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 1.5;
  }

  .idm-blok-video__teks h2 {
    font-weight: 700;
    margin: 0;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 1.5;
  }

  .idm-galeri {
    align-items: unset !important;
    flex-wrap: unset !important;
    align-items: unset !important;
    gap: unset !important;
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    padding-bottom: 55px;
  }

  .idm-galeri .idm-pagination-artikel__sebelumnya,
  .idm-galeri .idm-pagination-artikel__berikutnya {
    position: absolute;
    z-index: 2;
    bottom: 5px;
    background-size: 20px;
    cursor: pointer;
    background-color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50em;
    color: #fff;
  }

  .idm-galeri .idm-pagination-artikel__berikutnya {
    right: 5px;
  }

  .idm-galeri .idm-pagination-artikel__sebelumnya {
    left: 5px;
  }

  .idm-galeri .idm-pagination-artikel__sebelumnya svg,
  .idm-galeri .idm-pagination-artikel__berikutnya svg {
    height: 13px;
  }

  .idm-blok-kisi__teks a,
  .idm-blok-kisi-daftar__teks a,
  .idm-blok-indeks__teks a,
  .idm-blok-kolom__teks a,
  .idm-blok-daftar__teks a,
  .idm-blok-populer__teks a,
  .idm-blok-terkait__item .idm-blok-terkait__teks a,
  .idm-blok-geser .idm-blok-geser__teks a,
  .idm-blok-topik__teks a,
  .idm-blok-video__teks a {
    color: var(--idm-warna-latar-nav-aktif);
  }

  .idm-remah-roti ul li a,
  .idm-remah-roti ul li:after,
  .idm-blok-kisi__kategori,
  .idm-blok-indeks__kategori {
    color: var(--primary);
  }

  .idm-blok-indeks__meta {
    font-size: 11px;
    color: #666;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1;
  }

  .idm-berbagi__popup-judul,
  .idm-blok-geser .idm-blok-geser__teks h2 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .idm-berbagi__popup-kotak {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    height: 100%;
  }

  .idm-blok-indeks__tanggal:before {
    content: "-";
    margin-right: 5px;
  }

  .idm-blok-indeks__meta > * {
    display: inline-block;
  }

  .idm-blok-indeks .idm-blok-indeks__teks svg {
    height: 14px;
    width: auto;
    color: var(--primary);
  }

  .idm-remah-roti ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .idm-remah-roti ul li {
    display: block;
    font-size: 12px;
  }

  .idm-remah-roti ul li:after {
    content: "/";
    margin: 0 5px;
  }

  .idm-remah-roti ul li:last-child::after,
  .idm-footer ul.idm-navigasi__menu li:last-child::after {
    content: unset;
  }

  .idm-artikel__judul {
    margin: 10px 0;
    font-size: 22px;
    color: #000;
    line-height: 1.5;
    font-weight: 600;
  }

  .idm-artikel__meta,
  .idm-artikel__meta a {
    color: #666;
  }

  .idm-artikel__meta {
    padding: 0 0 10px;
    font-size: 13px;
  }

  .idm-kredit {
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
  }

  .idm-kredit__isi {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-right: 5px;
  }

  .idm-kredit__kotak {
    flex: 1;
  }

  .idm-kredit__isi a {
    display: inline-block;
  }

  .idm-avatar__gambar {
    border-radius: 50em;
    overflow: hidden;
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px 0 #00000033;
    border: 3px solid #fff;
  }

  .idm-kredit__isi > *:not(:first-child) {
    margin-left: -24px;
  }

  .idm-kredit__isi .idm-avatar__gambar img {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: block;
  }

  .idm-kredit__nama {
    font-size: 13px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
  }

  .idm-kredit__nama a {
    color: var(--idm-warna-latar-header);
  }

  .idm-kredit__label {
    color: #999;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 0;
  }

  .idm-artikel__reaction {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
  }

  .idm-reaksi__item {
    margin: 0 auto;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    color: #666;
    display: flex;
    align-items: center;
  }

  .idm-reaksi__item .idm-reaksi__ikon {
    width: 32px;
    height: 32px;
    -webkit-filter: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%)
      contrast(82%);
    filter: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%);
    -webkit-transition: background-image 0.2s;
    -moz-transition: background-image 0.2s;
    -ms-transition: background-image 0.2s;
    -o-transition: background-image 0.2s;
    transition: background-image 0.2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
  }

  .idm-reaksi__item.idm-reaksi__suka .idm-reaksi__ikon {
    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");
  }

  .idm-reaksi__item.idm-reaksi__suka.is-aktif .idm-reaksi__ikon {
    background-image: 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");
  }

  .idm-reaksi__item.idm-reaksi__tidak-suka .idm-reaksi__ikon {
    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");
  }

  .idm-reaksi__item.idm-reaksi__tidak-suka.is-aktif .idm-reaksi__ikon {
    background-image: 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");
  }

  .idm-reaksi__item.idm-berbagi .idm-reaksi__ikon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='22' fill='none'%3E%3Cpath fill='%23000' d='M14.5 14a3.737 3.737 0 0 0-2.683 1.133l-4.321-2.778c.34-.872.34-1.84 0-2.711l4.321-2.779a3.745 3.745 0 1 0-.812-1.26L6.683 8.382a3.75 3.75 0 1 0 0 5.232l4.322 2.779a3.75 3.75 0 1 0 3.495-2.395Zm0-12a2.25 2.25 0 1 1 0 4.499 2.25 2.25 0 0 1 0-4.5ZM4 13.25a2.25 2.25 0 1 1 0-4.501 2.25 2.25 0 0 1 0 4.5ZM14.5 20a2.25 2.25 0 1 1 0-4.501 2.25 2.25 0 0 1 0 4.5Z'/%3E%3C/svg%3E");
  }

  .idm-reaksi__item.idm-artikel__tandai .idm-reaksi__ikon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none'%3E%3Cpath stroke='%23000' stroke-width='1.8' d='M1 7c0-2.828 0-4.243.879-5.121C2.757 1 4.172 1 7 1h4c2.828 0 4.243 0 5.121.879C17 2.757 17 4.172 17 7v6.828c0 2.683 0 4.024-.844 4.435-.845.41-1.9-.419-4.01-2.076l-.675-.531c-1.186-.932-1.78-1.398-2.471-1.398-.692 0-1.285.466-2.471 1.398l-.676.53c-2.11 1.658-3.164 2.487-4.009 2.077C1 17.853 1 16.51 1 13.828V7Z'/%3E%3C/svg%3E");
  }

  .idm-reaksi__item.idm-artikel__tandai.is-aktif .idm-reaksi__ikon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none'%3E%3Cpath fill='%23000' stroke='%23000' stroke-width='1.8' d='M1 7c0-2.828 0-4.243.879-5.121C2.757 1 4.172 1 7 1h4c2.828 0 4.243 0 5.121.879C17 2.757 17 4.172 17 7v6.828c0 2.683 0 4.024-.844 4.435-.845.41-1.9-.419-4.01-2.076l-.675-.531c-1.186-.932-1.78-1.398-2.471-1.398-.692 0-1.285.466-2.471 1.398l-.676.53c-2.11 1.658-3.164 2.487-4.009 2.077C1 17.853 1 16.51 1 13.828V7Z'/%3E%3C/svg%3E");
    -webkit-filter: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%)
      contrast(82%);
    filter: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%);
  }

  .idm-reaksi__item.idm-reaksi__komentar .idm-reaksi__ikon {
    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");
  }

  .idm-reaksi__item:hover {
    color: #666;
  }

  .idm-artikel__featured figcaption,
  .idm-artikel__article figcaption {
    padding: 10px 15px;
    font-size: 13px;
    color: #727272;
  }

  .idm-blok-kisi-daftar__gambar,
  .idm-blok-topik__gambar {
    width: 100%;
    margin: 0;
    padding-bottom: 50%;
    height: 0;
    position: relative;
    overflow: hidden;
  }

  .idm-artikel__featured .idm-artikel__kotak-gambar {
    position: relative;
  }

  .idm-redaksi {
    font-size: 14px;
    margin-bottom: 15px;
    color: #1a1a1a;
    padding: 10px 0;
  }

  .idm-redaksi a,
  .idm-redaksi b {
    font-weight: 600;
    color: #1a1a1a;
  }

  .idm-pagination .idm-artikel__reaction {
    margin: 0 -10px;
    padding: 10px 0;
  }

  .idm-pagination__post {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 0;
    flex-direction: column;
    align-content: flex-start;
  }

  .idm-pagination-artikel__nomor {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .idm-pagination-artikel__label {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin: 0 0 5px;
    width: 100%;
  }

  .idm-pagination-artikel {
    border-bottom: 1px solid #e2e2e2;
  }

  .idm-artikel__halaman-nomor {
    padding: 8px 12px;
    display: block;
    line-height: 1;
    border-radius: 20px;
    color: #1a1a1a;
    background: #fff;
    border: 1px solid #e3e2e3;
    font-size: 17px;
    font-weight: 500;
    margin: 0 3px 5px 0;
  }

  .idm-pagination-artikel__navigasi a .idm-pagination-artikel__berikutnya,
  .idm-artikel__halaman-nomor.is-sekarang,
  .idm-artikel__halaman-nomor:hover,
  .idm-blok__pagination .idm-pagination__nomor.is-sekarang,
  .idm-blok__pagination .idm-pagination__nomor:hover {
    border: 1px solid var(--primary);
    color: #fff;
    background: var(--primary);
  }

  .idm-kotak-penulis__kotak,
  .idm-pagination-artikel__tautan {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .idm-pagination-artikel__navigasi .idm-artikel__halaman-nomor {
    padding: 0;
    border: 0;
    margin: 0;
  }

  .idm-pagination-artikel__navigasi a .idm-pagination-artikel__berikutnya {
    text-align: center;
    padding: 9px 10px;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    display: block;
    line-height: 1;
    border-radius: 20px;
  }

  .idm-artikel__tag {
    position: relative;
    margin-bottom: 15px;
  }

  .idm-artikel__article {
    margin-bottom: 15px;
  }

  .idm-blok-tag__label {
    text-align: left;
    padding: 3px 0;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    width: auto;
    position: absolute;
    top: 5px;
    left: 3px;
  }

  .idm-blok-tag__kotak ul {
    margin: 0;
    padding: 0;
  }

  .idm-blok-tag__kotak {
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }

  .idm-blok-tag__kotak ul li {
    display: inline-block;
    margin: 0 2px;
    font-size: 14px;
  }

  .idm-blok-tag__kotak ul li:first-child {
    margin: 0 2px 4px 43px;
  }

  .idm-blok-tag__kotak ul li a {
    padding: 5px 12px;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
    color: #666;
    background: #fff;
    display: block;
    font-weight: 500;
    max-width: 150px;
    overflow: hidden;
    font-size: 14px;
  }

  .idm-blok-tag__kotak ul li a:hover {
    color: #fff;
    background: var(--primary);
    border: 1px solid var(--primary);
  }

  .idm-blok.idm-blok-terkait .idm-blok__isi {
    padding: 0 15px;
  }

  .idm-blok-terkait__item {
    position: relative;
    font-size: 18px;
    font-weight: 300;
    color: #1a1a1a;
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0;
  }

  .idm-komentar__kepala,
  .idm-komentar__judul-balas {
    position: relative;
  }

  .idm-blok-terkait__item .idm-blok-terkait__teks h2 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
  }

  .idm-blok-terkait__item .idm-blok-terkait__teks:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 7px;
    width: 8px;
    height: 8px;
    background: #959595;
    border-radius: 50em;
  }

  .idm-blok-terkait__teks {
    padding-left: 30px;
  }

  .idm-blok-kolom .idm-blok-kolom__item:last-child,
  .idm-blok-terkait__item:last-child {
    border: none;
  }

  .idm-komentar__kepala {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f2f2f2;
    padding: 10px 15px 0;
  }

  .idm-komentar__kepala .idm-komentar__judul {
    position: relative;
    display: flex;
    font-size: 16px;
    color: #000;
    margin: 0;
    align-items: center;
    gap: 10px;
    line-height: 1;
  }

  .idm-komentar__kepala .idm-komentar__judul:before {
    content: "";
    width: 2px;
    height: 20px;
    background: var(--primary);
    display: block;
  }

  .idm-artikel__ikon-komentar .idm-reaksi__jumlah,
  .idm-berbagi__kepala {
    display: -webkit-box;
    display: -ms-flexbox;
  }

  .idm-komentar__judul .idm-artikel__ikon-komentar:before {
    content: "";
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4IDI4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9LnN0MXtmaWxsOiM4Njg2ODY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI0LjIsNy44QzIwLjcsMi4yLDEzLjQsMC40LDcuOCwzLjlsMCwwQzIuMiw3LjMsMC40LDE0LjYsMy44LDIwLjJjMC41LDAuOSwwLjUsMiwwLDIuOUwyLjcsMjVjLTAuMSwwLjEtMC4xLDAuMi0wLjEsMC4zYzAsMC4zLDAuMywwLjYsMC42LDAuNmgxMC41YzYuNiwwLjEsMTItNS4yLDEyLjItMTEuN0MyNS45LDExLjksMjUuMyw5LjcsMjQuMiw3Ljh6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjgxMC41NTcgLTU4Ni41MzEpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3Ny4wMjIgNjU1LjI4NykiPjxlbGxpcHNlIGNsYXNzPSJzdDEiIGN4PSItMTUyNC44IiBjeT0iLTU0LjgiIHJ4PSIxLjUiIHJ5PSIxLjUiLz48ZWxsaXBzZSBjbGFzcz0ic3QxIiBjeD0iLTE1MTQuMyIgY3k9Ii01NC44IiByeD0iMS41IiByeT0iMS41Ii8+PGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9Ii0xNTE5LjUiIGN5PSItNTQuOCIgcng9IjEuNSIgcnk9IjEuNSIvPjwvZz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNLTI3ODUuNyw1OTMuOWMtMy43LTYtMTEuNS03LjktMTcuNS00LjJjMCwwLDAsMCwwLDBjLTYsMy43LTcuOSwxMS41LTQuMiwxNy41YzAuNiwxLDAuNiwyLjIsMCwzLjFsLTEuMiwyYy0wLjEsMC4xLTAuMSwwLjItMC4xLDAuM2MwLDAuMywwLjMsMC42LDAuNiwwLjZoMTEuMmM3LjEsMC4xLDEyLjktNS41LDEzLjEtMTIuNkMtMjc4My44LDU5OC4zLTI3ODQuNCw1OTUuOS0yNzg1LjcsNTkzLjl6IE0tMjc4Ni4xLDYwMC43Yy0wLjIsNS44LTQuOSwxMC4zLTEwLjcsMTAuM2gtOS4ybDAuNi0xYzAuNy0xLjIsMC43LTIuNywwLTRjLTAuOS0xLjQtMS40LTMtMS41LTQuN2MtMC41LTUuNywzLjgtMTAuNyw5LjUtMTEuMmMwLDAsMCwwLDAsMGMyLjktMC4yLDUuOCwwLjgsOCwyLjhDLTI3ODcuMyw1OTQuOS0yNzg2LjEsNTk3LjgtMjc4Ni4xLDYwMC43TC0yNzg2LjEsNjAwLjd6Ii8+PC9nPjwvc3ZnPg==);
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    width: 29px;
    height: 29px;
  }

  .idm-artikel__ikon-komentar .idm-reaksi__jumlah {
    position: absolute;
    min-width: 17px;
    min-height: 17px;
    z-index: 1;
    top: -2px;
    right: -7px;
    padding: 0 5px;
    border-radius: 8px;
    background: var(--primary);
    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-family: var(--idm-font-dasar);
    font-size: 9px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
  }

  .idm-komentar__judul-balas,
  .idm-navigasi__daftar ul.idm-navigasi__menu li a,
  .idm-halaman-404__tombol,
  .idm-halaman-404__isi .idm-blok__isi,
  .idm-halaman-404__deskripsi {
    font-family: var(--idm-font-dasar);
  }

  .idm-komentar ol {
    margin: 0;
    padding: 0 0 20px;
  }

  .idm-komentar__kotak {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 20px;
  }

  .idm-komentar__avatar {
    width: 32px;
    border-radius: 50%;
    height: 32px;
    background: #eee;
    margin-right: 10px;
  }

  .idm-komentar__avatar img {
    display: block;
    border-radius: 50%;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .idm-komentar__nama,
  .idm-komentar__nama a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
  }

  .idm-komentar__teks {
    font-size: 14px;
    position: relative;
    line-height: 1.25;
    word-break: break-word;
    overflow-wrap: break-word;
    margin: 0 0 5px;
    color: #555;
  }

  .idm-komentar__kaki {
    color: #555;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
  }

  .idm-komentar__kaki a {
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    color: #555;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
  }

  .idm-komentar__kaki a:after,
  .idm-komentar__kaki time:after {
    content: "\00B7";
    margin: 0 4px;
    font-weight: 400;
  }

  .idm-komentar__baris {
    padding: 15px 10px;
    background: #f1f1f1;
  }

  .idm-komentar__moderasi {
    font-style: italic;
    font-weight: 600;
  }

  .idm-komentar__judul-balas {
    display: flex;
    margin: 0 0 15px;
    line-height: 1;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 700;
    border-left: 2px solid var(--primary);
    padding-left: 15px;
  }

  .idm-komentar__formulir {
    position: relative;
    border-radius: 5px;
  }

  .idm-komentar__catatan,
  .idm-komentar__moderasi {
    font-size: 14px;
    padding: 5px 0;
    border-radius: 5px;
    color: #444;
  }

  .idm-komentar__form input,
  .idm-komentar__form textarea {
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    outline: 0;
    font-size: 14px;
  }

  .idm-komentar__pagination {
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
  }

  .idm-formulir__kirim {
    text-align: right;
    margin-bottom: 0;
    margin-top: 0;
  }

  .idm-komentar__form .idm-formulir__kirim input {
    display: inline-block;
    width: auto;
    background: var(--primary);
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 0;
  }

  .idm-komentar__kaki > :last-child::after {
    content: "";
  }

  .idm-komentar__form {
    padding: 0 0 20px;
  }

  .idm-blok__pagination .idm-pagination__nomor,
  .idm-blok__pagination .idm-pagination__nomor.idm-pagination__elipsis:hover {
    padding: 8px 12px;
    display: block;
    line-height: 1;
    border-radius: 20px;
    color: #1a1a1a;
    background: #fff;
    border: 1px solid #e3e2e3;
    font-size: 14px;
    font-weight: 500;
    margin: 0 2px;
  }

  .idm-blok__pagination .idm-pagination__kotak {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
  }

  .idm-blok__pagination .idm-pagination__berikutnya {
    padding: 8px 12px;
    display: block;
    line-height: 1;
    border-radius: 20px;
    color: #1a1a1a;
    background: #fff;
    border: 1px solid #e3e2e3;
    font-weight: 500;
    font-size: 14px;
    margin: 0 2px;
  }

  .idm-berbagi__popup {
    opacity: 0;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    max-width: 340px;
    margin: -160px auto 0 -170px;
    z-index: 1001;
    position: fixed;
    width: 100%;
    height: 280px;
    top: 50%;
    left: 50%;
  }

  .idm-mode-tema__transparent,
  .idm-berbagi__popup-transparent {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.5);
  }

  .idm-berbagi__kepala {
    padding: 10px;
    position: relative;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
  }

  .idm-berbagi__body ul,
  .idm-berbagi__popup-tutup {
    display: -webkit-box;
    display: -ms-flexbox;
  }

  .idm-berbagi__popup-judul {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding: 0;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
  }

  .idm-berbagi__popup-tutup {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 32px;
    flex-basis: 32px;
    width: 32px;
    height: 32px;
    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;
    cursor: pointer;
  }

  .idm-berbagi__popup-tutup:before {
    content: "";
    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");
    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%);
  }

  .idm-berbagi__body {
    position: relative;
    padding: 10px;
    background: #f3f3f3;
    width: 100%;
  }

  .idm-berbagi__deskripsi {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #666;
  }

  .idm-berbagi__body ul {
    position: relative;
    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 20px;
    flex-wrap: wrap;
  }

  .idm-berbagi__body ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .idm-berbagi__body ul li svg {
    color: #fff;
    height: 16px;
    width: auto;
    display: block;
  }

  .idm-berbagi__popup-ikon {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--idm-warna-latar-nav-aktif);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }

  .idm-blok-geser__gambar,
  .idm-blok-video__gambar {
    height: 0;
    position: relative;
  }

  .idm-berbagi__popup-label {
    font-size: 11px;
    font-weight: 400;
    color: #666;
  }

  .idm-kotak-penulis__berbagi a.idm-jaringan--facebook,
  .idm-berbagi__body ul li a.idm-jaringan--facebook .idm-berbagi__popup-ikon,
  .idm-berbagi__kotak ul li .idm-jaringan--facebook,
  .idm-blok-sosial .idm-blok-sosial__kotak a.idm-jaringan--facebook {
    background: #3b5998;
  }

  .idm-kotak-penulis__berbagi a.idm-jaringan--twitter,
  .idm-berbagi__body ul li a.idm-jaringan--twitter .idm-berbagi__popup-ikon,
  .idm-berbagi__kotak ul li .idm-jaringan--twitter,
  .idm-blok-sosial .idm-blok-sosial__kotak a.idm-jaringan--twitter {
    background: #000;
  }

  .idm-berbagi__body ul li a.idm-jaringan--whatsapp .idm-berbagi__popup-ikon,
  .idm-berbagi__kotak ul li .idm-jaringan--whatsapp {
    background: #25d366;
  }

  .idm-berbagi__body ul li a.idm-jaringan--line .idm-berbagi__popup-ikon {
    background: #00c300;
  }

  .idm-berbagi__body ul li a.idm-jaringan--telegram .idm-berbagi__popup-ikon {
    background: #3ca5dd;
  }

  .idm-berbagi__body ul li a.idm-jaringan--salin-tautan .idm-berbagi__popup-ikon {
    background: #999;
  }

  .idm-berbagi__body ul li a.is-tersalin: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: -24px;
  }

  .idm-berbagi__body ul li {
    width: 33.333333%;
    margin-bottom: 10px;
    position: relative;
  }

  .idm-pagination {
    position: relative;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    padding: 0 10px;
    background: #efedef;
    margin-bottom: 15px;
  }

  .idm-blok-geser__gambar {
    width: 100%;
    margin: 0;
    padding-bottom: 60%;
    overflow: hidden;
    border-radius: 7px;
  }

  .idm-blok.idm-blok-geser {
    margin: 0 -15px;
    padding-bottom: 20px;
  }

  .idm-blok-geser .idm-blok-geser__teks h2 {
    overflow: hidden;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 0 5px;
  }

  .idm-blok-geser__item {
    position: relative;
    width: 225px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
  }

  .idm-blok-geser__teks {
    padding: 10px 0;
  }

  .idm-blok-geser__waktu {
    font-size: 12px;
    color: #666;
  }

  .idm-blok-geser__kotak {
    overflow-x: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: nowrap;
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
    gap: 15px;
  }

  .idm-blok-geser .idm-blok__isi {
    position: relative;
    height: 240px;
    overflow: hidden;
    margin: 0 0 -20px;
  }

  .idm-pagination__index {
    text-align: center;
    padding: 10px 0;
    margin-top: 20px;
  }

  .idm-pagination__index a {
    padding: 10px 21px;
    display: inline-block;
    line-height: 1;
    border-radius: 20px;
    color: #1a1a1a;
    border: 1px solid #e3e2e3;
    font-weight: 600;
    font-size: 14px;
    margin: 0 2px;
    background: #fff;
  }

  .idm-blok-daftar__gambar,
  .idm-blok-sosial,
  .idm-blok-video__gambar {
    border-radius: 7px;
  }

  .idm-blok-kisi-daftar__teks h2,
  .idm-blok-kolom .idm-blok-kolom__teks h2,
  .idm-blok-daftar__teks h2,
  .idm-blok-populer__teks h2,
  .idm-blok-topik__teks h2 {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 14px;
  }

  .idm-blok-video__gambar {
    width: 100%;
    margin: 0;
    padding-bottom: 56%;
    overflow: hidden;
    margin-bottom: 10px;
  }

  .idm-blok.idm-blok-video .idm-blok__isi {
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
    gap: 15px;
  }

  .idm-blok-video .idm-blok-video__item:first-child {
    width: 100%;
  }

  .idm-blok-video .idm-blok-video__item:first-child .idm-blok-video__teks h2 {
    font-size: 16px;
  }

  .idm-blok-video .idm-blok-video__item:first-child .idm-blok-video__gambar {
    padding-bottom: 56%;
  }

  .idm-blok-video .idm-blok-video__item {
    width: calc(50% - 8px);
  }

  .idm-blok-video .idm-blok-video__meta {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
  }

  .idm-blok-video .idm-blok-video__play svg {
    stroke: currentColor;
    width: 1em;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0zm116.5 276.5-144 88c-3.8 2.3-8.2 3.5-12.5 3.5-13.69 0-24-11.2-24-24V168c0-12.7 10.2-24 24-24 4.344 0 8.678 1.176 12.51 3.516l144 88C379.6 239.9 384 247.6 384 256c0 8.4-4.4 16.1-11.5 20.5z' fill='%23fff' /%3E%3C/svg%3E");
    margin-right: 5px;
    background-repeat: no-repeat;
    height: 1em;
  }

  .idm-blok-video .idm-blok-video__play {
    color: #fff;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.75);
    padding: 4px 5px;
    border-radius: 4px 0 0 0;
    display: flex;
    align-items: center;
    font-weight: 500;
  }

  .idm-blok-video__ikon-putar {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
    margin-bottom: -1px;
    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(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%);
  }

  .idm-blok-video .idm-blok-video__waktu {
    font-size: 11px;
    color: #6c6c6c;
    margin-top: 5px;
  }

  .idm-blok-populer .idm-blok__isi {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .idm-blok-populer__item {
    position: relative;
    margin-bottom: 1px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 0 15px;
  }

  .idm-blok-populer__teks {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .idm-blok-populer__nomor {
    width: 60px;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    color: var(--primary);
    margin-left: -10px;
    margin-top: 3px;
  }

  .idm-blok-kolom .idm-blok-kolom__gambar,
  .idm-blok-daftar__gambar {
    width: 90px;
    height: 0;
    overflow: hidden;
  }

  .idm-blok-populer__teks h2 {
    color: #444;
    font-weight: 700;
    margin: 0 0 10px;
    overflow: hidden;
    line-height: 1.5;
  }

  .idm-blok-populer__jumlah {
    padding-right: 15px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    color: #9b9b9b;
  }

  .idm-blok-kolom .idm-blok-kolom__gambar {
    width: 70px;
    margin: 0 10px 0 0;
    height: 70px;
    position: relative;
    overflow: hidden;
    border-radius: 50em;
    border: 3px solid #fff;
    box-shadow: 0 2px 4px 0 #00000033;
  }

  .idm-blok-kolom .idm-blok-kolom__item,
  .idm-blok-daftar__item {
    padding: 0 15px;
    display: flex;
    position: relative;
  }

  .idm-blok-kolom .idm-blok-kolom__item {
    align-items: center;
  }

  .idm-blok-kolom .idm-blok__isi {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .idm-blok-kolom .idm-blok-kolom__penulis {
    font-size: 13px;
    color: var(--primary);
    margin-bottom: 5px;
  }

  .idm-blok-kolom .idm-blok-kolom__teks h2 {
    overflow: hidden;
    line-height: 1.5;
    margin: 0;
    font-weight: 700;
    -webkit-line-clamp: 2;
  }

  .idm-blok-daftar__item {
    flex-wrap: wrap;
  }

  .idm-blok-daftar .idm-blok__isi {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .idm-blok-daftar__gambar {
    margin: 0 10px 0 0;
    padding-bottom: 90px;
    position: relative;
  }

  .idm-blok-daftar__teks {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .idm-blok-daftar__teks h2 {
    overflow: hidden;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
  }

  .idm-blok-kisi-daftar__item,
  .idm-blok-topik__item {
    position: relative;
  }

  .idm-blok-kisi-daftar__teks h2,
  .idm-blok-topik__teks h2 {
    overflow: hidden;
    font-weight: 700;
    margin: 0;
    line-height: 1.5;
  }

  .idm-blok-kisi-daftar__teks:after,
  .idm-blok-topik__teks:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 17px;
    width: 8px;
    height: 8px;
    background: #bbb6b6;
    border-radius: 50em;
  }

  .idm-blok-kisi-daftar__teks,
  .idm-blok-topik__teks {
    padding: 6px 15px 6px 35px;
    position: relative;
  }

  .idm-blok-topik__label {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background: 0 0;
    height: auto;
    padding: 30px 20px 15px;
    background: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));
    background: linear-gradient(90deg, #000, transparent);
    background: -webkit-linear-gradient(90deg, #000, transparent);
    font-size: 20px;
    color: #fff;
    font-weight: 500;
  }

  .idm-kotak-penulis__nama,
  .idm-halaman-404__deskripsi {
    color: var(--idm-warna-latar-header);
    line-height: 1;
  }

  footer.idm-footer {
    background: var(--bg-footer);
    padding: 30px 0;
    color: #fff;
    font-size: 13px;
    text-align: center;
    margin: 0 auto;
  }

  .idm-footer__merek img {
    height: 35px !important;
    width: auto;
  }

  .idm-blok.idm-blok-aplikasi .idm-blok__isi {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }

  .idm-blok.idm-blok-aplikasi .idm-blok__isi img {
    height: 40px;
    width: auto;
    display: block;
  }

  .idm-footer .idm-blok {
    margin-bottom: 20px;
  }

  .idm-blok-sosial .idm-blok-sosial__kotak svg {
    height: 16px;
    z-index: 9;
  }

  .idm-berbagi__kotak ul li a,
  .idm-blok-sosial .idm-blok-sosial__kotak a {
    display: flex;
    background: var(--idm-warna-latar-nav-aktif);
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 50em;
    color: #fff;
    position: relative;
  }

  .idm-blok-sosial .idm-blok-sosial__kotak {
    display: flex;
    flex: 1;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }

  .idm-blok-sosial .idm-blok-sosial__judul {
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .idm-blok-sosial .idm-blok-sosial__judul h3 {
    font-size: 14px;
    padding: 0;
    font-weight: 500;
    margin: 0 5px 0 0;
  }

  .idm-berbagi__kotak ul li .idm-jaringan--telegram,
  .idm-blok-sosial .idm-blok-sosial__kotak a.idm-jaringan--telegram {
    background: #2aabee;
  }

  .idm-kotak-penulis__berbagi a.idm-jaringan--instagram,
  .idm-blok-sosial .idm-blok-sosial__kotak a.idm-jaringan--instagram {
    background: #5851db;
    background: -moz-radial-gradient(
      left bottom,
      ellipse cover,
      #ffdc80 15%,
      #e1306c 55%,
      #5851db 100%
    );
    background: -webkit-radial-gradient(
      left bottom,
      ellipse cover,
      #ffdc80 15%,
      #e1306c 55%,
      #5851db 100%
    );
    background: radial-gradient(ellipse at left bottom, #ffdc80 15%, #e1306c 55%, #5851db 100%);
  }

  .idm-blok-sosial .idm-blok-sosial__kotak a.idm-jaringan--youtube {
    background: #cd201f;
  }

  .idm-blok-sosial .idm-blok-sosial__kotak a.idm-jaringan--tiktok {
    background: #000;
  }

  .idm-blok-sosial .idm-blok-sosial__kotak a.idm-jaringan--whatsapp {
    background: #25d366;
  }

  .idm-berbagi__kotak ul li a:hover::before,
  .idm-blok-sosial .idm-blok-sosial__kotak a:hover::after {
    content: "";
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50em;
  }

  .idm-footer ul.idm-navigasi__menu {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .idm-footer ul.idm-navigasi__menu li a {
    color: #fff;
    display: block;
  }

  .idm-footer ul.idm-navigasi__menu li:after {
    content: "-";
    margin: 0 4px;
  }

  .idm-footer ul.idm-navigasi__menu li {
    display: flex;
    align-items: center;
  }

  .idm-main__baris .idm-blok {
    margin-bottom: 20px;
  }

  .idm-blok img.idm-u-margin-auto {
    margin: 0 auto;
    display: block;
  }

  .idm-footer .idm-blok__kepala .idm-blok__judul {
    font-size: 14px;
    margin: 0;
    margin-bottom: 7px;
  }

  .idm-blok-tag--populer {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0 -15px;
  }

  .idm-blok-tag--populer .idm-blok__isi {
    flex: 1;
    position: relative;
    overflow: hidden;
  }

  .idm-blok-tag--populer .idm-blok__kotak {
    height: 30px;
    overflow: hidden;
  }

  .idm-blok-tag--populer .idm-navigasi__menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    height: 50px;
    align-items: flex-start;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: scroll;
    padding-top: 6px;
    overflow-y: hidden;
  }

  .idm-blok-tag--populer .idm-blok__kepala {
    margin: 0;
    padding: 0;
    border: 0;
    margin-right: 10px;
    padding-left: 15px;
    height: 30px;
    display: flex;
    align-items: center;
  }

  .idm-blok-tag--populer .idm-blok__kepala .idm-blok__judul {
    font-size: 13px;
    color: var(--primary) !important;
    text-transform: uppercase;
  }

  .idm-blok-tag--populer .idm-navigasi__menu li a {
    color: var(--idm-warna-latar-nav-aktif);
    font-size: 13px;
    font-weight: 600;
  }

  .idm-blok-tag--populer .idm-navigasi__menu li a:hover {
    color: var(--primary) !important;
  }

  .idm-blok-tag--populer .idm-navigasi__menu li:after {
    content: "";
    width: 1px;
    height: 13px;
    display: block;
    background: #c7c7c7;
    margin-left: 10px;
  }

  .idm-blok-tag--populer .idm-blok__isi .idm-blok-geser__panah {
    top: 4px;
  }

  .idm-blok-tag--populer .idm-blok__isi .idm-blok-geser__panah.idm-blok-geser__panah--kanan {
    right: 4px;
  }

  .idm-blok-tag--populer .idm-blok__isi .idm-blok-geser__panah.idm-blok-geser__panah--kiri {
    left: 4px;
  }

  .idm-blok-tag--populer li {
    display: flex !important;
    align-items: center;
    justify-content: space-around;
    margin-right: 10px;
  }

  .idm-blok-tag--populer li:last-child::after {
    display: none;
  }

  .idm-main__baris .idm-blok.idm-blok-sosial {
    background: #dfdfdf;
    margin: 0 -15px;
    border-radius: 0;
  }

  .idm-kotak-penulis__berbagi svg {
    height: 16px;
    z-index: 9;
    color: #fff;
  }

  .idm-kotak-penulis__gambar {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 50em;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px 0 #00000033;
    border: 3px solid #fff;
  }

  .idm-kotak-penulis__nama {
    font-size: 16px;
    margin: 0;
  }

  .idm-kotak-penulis__berbagi a {
    margin-right: 10px;
    display: flex;
    background: #999;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 50em;
    color: #fff;
    position: relative;
  }

  .idm-kotak-penulis__berbagi {
    display: flex;
    align-items: center;
    margin-top: 5px;
  }

  .idm-arsip__deskripsi {
    font-size: 13px;
    display: block;
    margin-top: 10px;
    line-height: 1.3;
    color: #666;
  }

  .idm-halaman-404__isi .idm-blok__isi {
    text-align: center;
    font-size: 70px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border: 0;
  }

  .idm-halaman-404__gambar {
    height: 60px;
    width: auto;
    margin-left: 30px;
  }

  .idm-halaman-404__deskripsi {
    padding: 20px 0 50px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
  }

  .idm-halaman-404__tombol {
    background: var(--primary);
    color: #fff;
    padding: 10px 15px;
    border-radius: 50em;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
  }

  .idm-berbagi__label,
  .idm-berbagi__judul {
    font-weight: 500;
    font-size: 14px;
  }

  .idm-navigasi__daftar,
  .idm-halaman-404__tombol:hover {
    color: #fff;
  }

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

  .idm-blok.idm-halaman-404__isi {
    padding: 150px 0;
  }

  .idm-blok__subheader {
    display: flex;
    gap: 10px;
    margin-bottom: 0;
    align-items: center;
    padding: 10px;
  }

  .idm-navigasi__subkategori {
    border: 1px solid #dfdfdf;
    outline: 0;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
  }

  .idm-pemilih-tanggal,
  select.idm-pemilih-kategori {
    display: block;
    height: calc(1.96875rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    line-height: 1.5;
    color: #494c57;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    position: relative;
    z-index: 7;
    width: 145px;
  }

  .idm-navigasi__subkategori:before {
    content: "";
    position: absolute;
    top: 12px;
    right: 12px;
    height: 6px;
    width: 6px;
    display: block;
    border: solid #777;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  .idm-blok-iklan__lengket-bottom {
    margin: 0 auto;
    padding: 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
    height: auto;
    text-align: center;
    background: hsla(0, 0%, 100%, 0.8);
    left: 0;
    right: 0;
    max-width: 640px;
  }

  .idm-iklan__tombol-tutup {
    position: absolute;
    background: #767575;
    display: flex;
    right: calc(50% - 35px);
    top: -24px;
    padding: 2px 2px 2px 10px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    border-radius: 50em;
    align-items: center;
    font-weight: 600;
    font-size: 11px;
    text-transform: none;
  }

  .idm-blok-iklan__tutup-ikon {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: flex;
    width: 17px;
    height: 17px;
    background: #e3e2e2;
    align-items: center;
    justify-content: center;
    border-radius: 50em;
    margin-left: 5px;
  }

  .idm-blok-iklan__tutup-ikon:after,
  .idm-blok-iklan__tutup-ikon:before {
    content: "";
    position: absolute;
    top: 45%;
    right: 2px;
    width: 65%;
    height: 2px;
    background: #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .idm-blok-iklan__tutup-ikon:before {
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .idm-navigasi__daftar .idm-blok__kepala {
    padding: 10px 15px;
    background: var(--bg-header);
  }

  .idm-navigasi__daftar .idm-blok__judul {
    color: #fff;
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
  }

  .idm-navigasi__daftar ul.idm-navigasi__menu {
    margin: 0;
    padding: 10px 5px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    background: var(--bg-nav);
  }

  .idm-navigasi__daftar ul.idm-navigasi__menu li {
    width: 50%;
  }

  .idm-navigasi__daftar ul.idm-navigasi__menu li a {
    display: block;
    font-size: 14px;
    color: #fff;
    padding: 5px 10px;
  }

  .idm-navigasi__daftar .idm-blok-sosial {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
  }

  .idm-navigasi__daftar .idm-blok-sosial__kotak {
    display: flex;
    justify-content: flex-start;
    padding: 15px;
    padding-top: 0;
  }

  .idm-navigasi__daftar .idm-blok-sosial__judul {
    margin: 0;
    padding: 10px 0;
    width: 100%;
  }

  .idm-navigasi__daftar .idm-blok-sosial__judul h3 {
    font-weight: 700;
    font-size: 16px;
  }

  .idm-navigasi__daftar .idm-blok.idm-blok-aplikasi .idm-blok__isi {
    display: flex;
    justify-content: flex-start;
    padding: 0 15px;
  }

  .idm-navigasi__daftar .idm-blok-sosial .idm-blok-sosial__kotak a {
    background: rgb(105 105 105 / 30%);
    height: 35px;
    width: 35px;
  }

  .idm-navigasi__daftar .idm-blok-sosial .idm-blok-sosial__kotak svg {
    height: 20px;
    max-width: 20px;
  }

  .idm-navigasi__daftar .idm-blok__teks {
    padding: 10px 15px;
    font-size: 14px;
    color: #fff;
  }

  .idm-berbagi__kotak ul {
    display: flex;
    padding: 0;
    margin: 0;
  }

  .idm-berbagi__label {
    color: #1a1a1a;
    margin-right: 5px;
  }

  .idm-berbagi__judul {
    max-width: 780px;
    left: 13px;
    display: inline-block;
    position: relative;
    color: #000;
    height: 22px;
    vertical-align: top;
    overflow: hidden;
  }

  .idm-berbagi__kotak ul li svg {
    height: 16px;
    z-index: 1;
  }

  .idm-berbagi__amp {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    margin-top: 15px;
  }

  .idm-komentar__persetujuan label {
    font-size: 14px;
    margin-left: 35px;
  }

  .idm-komentar__persetujuan {
    display: flex;
    align-items: flex-start;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
  }

  .idm-komentar__persetujuan #wp-comment-cookies-consent {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
  }

  .idm-komentar__persetujuan label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #c9c9c9;
    display: block;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 5px;
  }

  .idm-komentar__persetujuan #wp-comment-cookies-consent:checked ~ ::before {
    content: "";
    background: var(--primary);
  }

  .idm-komentar__persetujuan #wp-comment-cookies-consent:checked ~ ::after {
    left: 10px;
    top: 6px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    top: 5px;
    left: 9px;
  }

  .idm-iklan-paralaks__slot {
    width: calc(100% + 30px);
    height: calc(300px + 16px);
    position: relative;
    left: 0;
    right: 0;
    background: #181818;
    margin: 0 -15px;
  }

  .idm-iklan-paralaks__slot:before {
    content: var(--textparallax);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    z-index: 1;
    background: var(--primary);
  }

  .idm-iklan-paralaks__pembungkus {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(auto, auto, auto, auto);
  }

  .idm-iklan-paralaks__kotak {
    height: auto;
    position: fixed;
    top: 100px;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    margin: 0 auto;
    max-width: 768px;
    width: 100%;
    text-align: center;
  }

  .idm-iklan-paralaks__kotak > * {
    margin: 0 auto !important;
    display: inline-block;
  }

  .idm-iklan__spanduk {
    position: relative;
    display: block;
    margin: 0 auto;
  }

  .idm-iklan__spanduk:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #dddddd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 19px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6C4.44772 6 4 6.44772 4 7V8H6V7C6 6.44772 5.55228 6 5 6Z' fill='%23999'/%3E%3Cpath d='M11 8H9.5C9.22386 8 9 8.22386 9 8.5C9 8.77614 9.22386 9 9.5 9H11V8Z' fill='%23999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4.5C0 3.11929 1.11929 2 2.5 2H12.5C13.8807 2 15 3.11929 15 4.5V10.5C15 11.8807 13.8807 13 12.5 13H2.5C1.11929 13 0 11.8807 0 10.5V4.5ZM4 10V9H6V10H7V7C7 5.89543 6.10457 5 5 5C3.89543 5 3 5.89543 3 7V10H4ZM11 7H9.5C8.67157 7 8 7.67157 8 8.5C8 9.32843 8.67157 10 9.5 10H12V5H11V7Z' fill='%23999'/%3E%3C/svg%3E");
  }

  .idm-iklan__spanduk.idm-iklan--970x250 {
    width: 970px;
    max-width: 100%;
    height: 250px;
  }

  .idm-iklan__spanduk.idm-iklan--160x600 {
    width: 160px;
    max-width: 100%;
    height: 600px;
  }

  .idm-iklan__spanduk.idm-iklan--728x90 {
    width: 728px;
    max-width: 100%;
    height: 90px;
  }

  .idm-iklan__spanduk.idm-iklan--300x600 {
    width: 300px;
    max-width: 100%;
    height: 600px;
  }

  .idm-iklan__spanduk.idm-iklan--300x300 {
    width: 300px;
    max-width: 100%;
    height: 300px;
  }

  .idm-artikel__article figure {
    max-width: 100% !important;
  }

  .idm-artikel__article figure img {
    display: block;
  }

  .idm-artikel__article figcaption {
    padding-left: 0;
    padding-right: 0;
  }

  .idm-berbagi__amp .idm-berbagi__kotak ul {
    display: flex;
    gap: 7px;
  }

  .idm-artikel__featured amp-img img {
    object-fit: cover;
  }

  .idm-blok-iklan__lengket-bottom.idm-u-sembunyi {
    display: none;
  }

  body.is-mode-gelap .idm-navigasi__tombol-menu:before {
    background-color: #292929;
  }

  body.is-mode-gelap {
    background: #161616;
  }

  body.is-mode-gelap .idm-papan-atas,
  body.is-mode-gelap .idm-main,
  body.is-mode-gelap .idm-main__baris .idm-blok.idm-blok-sosial,
  body.is-mode-gelap select.idm-pemilih-kategori option {
    background: #1c1c1c;
  }

  body.is-mode-gelap .idm-papan-atas,
  body.is-mode-gelap .idm-main {
    background: #1c1c1c;
  }

  body.is-mode-gelap .idm-komentar__form input,
  body.is-mode-gelap .idm-komentar__form textarea,
  body.is-mode-gelap .idm-komentar__kepala,
  body.is-mode-gelap .idm-komentar__baris,
  body.is-mode-gelap .idm-media__gambar:before,
  body.is-mode-gelap .idm-blok-sosial__jaringan,
  body.is-mode-gelap .idm-pagination,
  body.is-mode-gelap .idm-pagination .idm-artikel__halaman-nomor,
  body.is-mode-gelap .idm-berbagi__body,
  body.is-mode-gelap .idm-berbagi__popup,
  body.is-mode-gelap .idm-blok-tag__kotak ul li a {
    background: #1e1e1e;
  }

  body.is-mode-gelap,
  body.is-mode-gelap .idm-pemilih-tanggal,
  body.is-mode-gelap .idm-pemilih-tanggal::placeholder,
  body.is-mode-gelap .idm-kotak-penulis__nama,
  body.is-mode-gelap .idm-komentar__form input,
  body.is-mode-gelap .idm-komentar__form input::placeholder,
  body.is-mode-gelap .idm-komentar__form textarea,
  body.is-mode-gelap .idm-komentar__form textarea::placeholder,
  body.is-mode-gelap .idm-komentar__kepala .idm-komentar__judul,
  body.is-mode-gelap .idm-komentar__nama,
  body.is-mode-gelap .idm-komentar__nama a,
  body.is-mode-gelap .idm-komentar__kaki,
  body.is-mode-gelap .idm-komentar__kaki a,
  body.is-mode-gelap .idm-halaman-404__deskripsi,
  body.is-mode-gelap .idm-halaman-404__judul,
  body.is-mode-gelap .idm-blok-kisi .idm-blok-kisi__teks a,
  body.is-mode-gelap .idm-blok-kisi-daftar__teks a,
  body.is-mode-gelap .idm-blok-indeks .idm-blok-indeks__teks a,
  body.is-mode-gelap .idm-blok-kolom__teks a,
  body.is-mode-gelap .idm-blok-daftar__teks a,
  body.is-mode-gelap .idm-blok-sosial__jaringan ul li a,
  body.is-mode-gelap .idm-pagination .idm-artikel__halaman-nomor,
  body.is-mode-gelap .idm-pagination__index a,
  body.is-mode-gelap .idm-pagination-artikel__label,
  body.is-mode-gelap .idm-blok-populer__teks a,
  body.is-mode-gelap .idm-artikel__judul,
  body.is-mode-gelap .idm-redaksi,
  body.is-mode-gelap .idm-redaksi a,
  body.is-mode-gelap .idm-redaksi b,
  body.is-mode-gelap .idm-redaksi__item a,
  body.is-mode-gelap .idm-blok-terkait__item .idm-blok-terkait__teks a,
  body.is-mode-gelap .idm-berbagi__deskripsi,
  body.is-mode-gelap .idm-berbagi__label,
  body.is-mode-gelap .idm-berbagi__popup,
  body.is-mode-gelap .idm-berbagi__popup-label,
  body.is-mode-gelap .idm-berbagi__popup-judul,
  body.is-mode-gelap .idm-berbagi__judul,
  body.is-mode-gelap .idm-blok-geser .idm-blok-geser__teks a,
  body.is-mode-gelap .idm-blok-sosial__komentar,
  body.is-mode-gelap .idm-blok-tag__kotak ul li a,
  body.is-mode-gelap .idm-blok-tag__label,
  body.is-mode-gelap .idm-blok-topik__teks a,
  body.is-mode-gelap .idm-blok-video .idm-blok-video__teks a,
  body.is-mode-gelap .idm-blok__kepala .idm-blok__judul,
  body.is-mode-gelap .idm-blok__lainnya:hover,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor,
  body.is-mode-gelap select.idm-pemilih-kategori,
  body.is-mode-gelap .idm-kredit__nama a,
  .is-mode-gelap .idm-blok-tag--populer .idm-navigasi__menu li a {
    color: #fff;
  }

  body.is-mode-gelap .idm-avatar__gambar,
  body.is-mode-gelap .idm-kotak-penulis__gambar,
  body.is-mode-gelap .idm-pemilih-tanggal,
  body.is-mode-gelap .idm-kotak-penulis__berbagi,
  body.is-mode-gelap .idm-pagination-artikel,
  body.is-mode-gelap .idm-komentar__form input,
  body.is-mode-gelap .idm-komentar__form textarea,
  body.is-mode-gelap .idm-komentar__kepala,
  body.is-mode-gelap .idm-blok-kisi .idm-blok-kisi__item,
  body.is-mode-gelap .idm-blok-kisi-daftar__item,
  body.is-mode-gelap .idm-blok-indeks .idm-blok-indeks__teks,
  body.is-mode-gelap .idm-blok-indeks__item,
  body.is-mode-gelap .idm-blok-kolom .idm-blok-kolom__item,
  body.is-mode-gelap .idm-blok-daftar__item,
  body.is-mode-gelap .idm-blok-daftar__teks,
  body.is-mode-gelap .idm-main .idm-blok__isi,
  body.is-mode-gelap .idm-pagination,
  body.is-mode-gelap .idm-pagination .idm-artikel__halaman-nomor,
  body.is-mode-gelap .idm-pagination .idm-artikel__reaction,
  body.is-mode-gelap .idm-pagination__index a,
  body.is-mode-gelap .idm-blok-populer__item,
  body.is-mode-gelap .idm-blok-populer__teks,
  body.is-mode-gelap .idm-blok-terkait__item,
  body.is-mode-gelap .idm-navigasi__subkategori,
  body.is-mode-gelap .idm-blok-tag__kotak ul li a,
  body.is-mode-gelap .idm-blok-topik__item,
  body.is-mode-gelap .idm-blok-video .idm-blok-video__teks,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor,
  body.is-mode-gelap select.idm-pemilih-kategori {
    border-color: #292929;
  }

  body.is-mode-gelap .idm-avatar__gambar,
  body.is-mode-gelap .idm-kotak-penulis__gambar,
  body.is-mode-gelap .idm-pagination .idm-artikel__halaman-nomor,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor.idm-pagination__elipsis:hover,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__berikutnya {
    background: #3b3b3b;
  }

  body.is-mode-gelap .idm-pagination__index a {
    background: #292929;
  }

  .is-mode-gelap .idm-iklan__spanduk:before {
    background-color: #252525;
  }

  body.is-mode-gelap .idm-artikel__featured figcaption,
  body.is-mode-gelap .idm-komentar__catatan,
  body.is-mode-gelap .idm-komentar__moderasi,
  body.is-mode-gelap .idm-komentar__teks,
  body.is-mode-gelap .idm-blok-indeks__meta,
  body.is-mode-gelap .idm-artikel__meta,
  body.is-mode-gelap .idm-gambar figcaption,
  body.is-mode-gelap .idm-blok-geser__waktu,
  body.is-mode-gelap .idm-blok-video .idm-blok-video__waktu,
  body.is-mode-gelap .idm-artikel__featured figcaption,
  body.is-mode-gelap .idm-artikel__article figcaption,
  body.is-mode-gelap .idm-arsip__deskripsi {
    color: #999;
  }

  body.is-mode-gelap .idm-reaksi__item .idm-reaksi__ikon {
    -webkit-filter: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%)
      contrast(100%);
    filter: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%) contrast(100%);
  }

  body.is-mode-gelap .idm-pagination .idm-artikel__halaman-nomor.is-sekarang,
  body.is-mode-gelap .idm-pagination__berikutnya:hover,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor.is-aktif,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor:hover {
    border-color: var(--primary);
  }

  body.is-mode-gelap .idm-media__gambar:after {
    background-image: linear-gradient(
      90deg,
      rgb(0 0 0 / 0%) 0,
      rgb(0 0 0 / 20%) 20%,
      rgb(0 0 0 / 50%) 60%,
      rgb(0 0 0 / 0%)
    );
  }

  body.is-mode-gelap .idm-navigasi__daftar .idm-blok__kepala {
    background: 0 0;
  }

  body.is-mode-gelap .idm-komentar__form .idm-formulir__kirim input,
  body.is-mode-gelap .idm-pagination .idm-artikel__halaman-nomor.is-sekarang,
  body.is-mode-gelap .idm-pagination__berikutnya:hover,
  body.is-mode-gelap .idm-blok-tag__kotak ul li a:hover,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor.is-aktif,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor.is-sekarang,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor:hover {
    background: var(--primary);
  }

  .is-mode-gelap .idm-header__merek .idm-merek__logo--terang {
    display: none !important;
  }

  .is-mode-gelap .idm-header__merek .idm-merek__logo--gelap {
    display: block;
  }
}

/* ===== Desktop: 1120px ke atas ===== */

@media (min-width: 1120px) {
  :root {
    --primary: var(--idm-warna-primer);
    --bg-header: var(--idm-warna-latar-header);
    --bg-nav: var(--idm-warna-latar-nav);
    --bg-nav-active: var(--idm-warna-latar-nav-aktif);
    --bg-footer: var(--idm-warna-latar-footer);
    --bg-active: var(--idm-warna-latar-aktif);
    --widthparallaxdesktop: 100%;
    --heightparallaxdesktop: 250px;
    --textparallax: "Scroll untuk lanjut membaca";
  }

  .idm-blok-kisi .idm-blok-kisi__teks a:hover,
  .idm-blok-kisi-daftar__teks:hover a,
  .idm-blok-sorotan__kecil .idm-blok-sorotan__teks a:hover,
  .idm-blok-indeks__item:hover a,
  .idm-blok-kolom__teks a:hover,
  .idm-blok-daftar__teks a:hover,
  .idm-navigasi ul li .idm-navigasi__submenu li:hover a,
  .idm-artikel__meta a:hover,
  .idm-redaksi__item a:hover,
  .idm-blok-terkait__item .idm-blok-terkait__teks a:hover,
  .idm-blok-geser__item:hover a,
  .idm-blok-topik__teks a:hover,
  .idm-blok-video__item:hover a,
  a,
  a:hover,
  .idm-blok-indeks .idm-blok-indeks__teks a:hover,
  .idm-blok-video .idm-blok-video__teks a:hover,
  .idm-blok-geser .idm-blok-geser__teks a:hover {
    color: var(--primary);
  }

  main.idm-main {
    margin-top: 20px;
  }

  .idm-media__gambar:after,
  .idm-media__gambar:before,
  .idm-media__judul:before {
    position: absolute;
    right: 0;
    top: 0;
  }

  .idm-blok-sosial__jaringan,
  body {
    background: #fff;
  }

  .idm-blok-kisi .idm-blok-kisi__teks h2,
  .idm-blok-sorotan__kecil .idm-blok-sorotan__teks h2 {
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .idm-wadah {
    padding-left: 15px;
    padding-right: 15px;
  }

  .idm-navigasi ul li .idm-navigasi__submenu li a,
  .idm-navigasi ul li a,
  .idm-navigasi ul li.is-baru:after {
    font-family: var(--idm-font-dasar);
  }

  .idm-reaksi__item,
  body {
    font-family: var(--idm-font-dasar);
  }

  .idm-bilah-sisi .idm-blok-kisi .idm-blok__isi .idm-blok-kisi__item,
  img {
    max-width: 100%;
  }

  .idm-header,
  .idm-navigasi,
  .idm-blok-sosial__jaringan,
  .idm-berbagi__lengket {
    min-width: 1100px;
  }

  .idm-berbagi__judul,
  .idm-blok-tag__kotak ul li a {
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  *,
  ::after,
  ::before {
    box-sizing: border-box;
  }

  a {
    text-decoration: none;
  }

  img {
    height: auto;
  }

  body {
    font-weight: 400;
    line-height: 1.5;
    color: var(--idm-warna-latar-nav-aktif);
    font-size: 16px;
  }

  body.is-bebas-gulir {
    overflow: unset;
  }

  .idm-header__pencarian form,
  figure {
    margin: 0;
  }

  input {
    outline: 0;
  }

  .idm-media__gambar:before {
    content: "";
    left: 0;
    bottom: 0;
    background: #ddd;
    animation: 1s infinite shine;
  }

  .idm-media__gambar:after {
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0,
      rgba(255, 255, 255, 0.2) 20%,
      rgba(255, 255, 255, 0.5) 60%,
      rgba(255, 255, 255, 0)
    );
    -webkit-animation: 2s infinite shimmer;
    animation: 2s infinite shimmer;
    content: "";
  }

  .idm-media__gambar img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 0.5s;
    z-index: 1;
  }

  .idm-artikel__featured .idm-artikel__kotak-gambar img {
    width: 100%;
    height: auto;
    display: block;
  }

  .idm-media__judul:before {
    content: "";
    left: 0;
    bottom: 0;
    z-index: 3;
  }

  .idm-wadah {
    width: 1088px;
    margin-right: auto;
    margin-left: auto;
  }

  .idm-blok-sosial__baris {
    display: flex;
    justify-content: space-between;
  }

  .idm-blok-sosial__jaringan ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
  }

  .idm-blok-sosial__jaringan ul li a {
    padding: 6px;
    height: 29px;
    font-size: 12px;
    color: #000;
    display: block;
    font-weight: 600;
  }

  .idm-remah-roti ul li a,
  .idm-blok-sosial__jaringan ul li a:hover {
    color: var(--primary);
  }

  .idm-header {
    background: var(--bg-header);
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    position: relative;
    z-index: 1001;
  }

  .idm-navigasi nav > ul > li:hover {
    background: var(--bg-nav-active);
  }

  .idm-pencarian__input {
    background: #0000003b;
  }

  .idm-header__baris {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
  }

  .idm-header__merek img {
    width: auto;
    height: 40px;
    display: block;
  }

  .idm-header__merek .idm-merek__logo--gelap {
    display: none;
  }

  .idm-header__lainnya {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }

  .idm-header__pencarian {
    position: relative;
    width: 313px;
    margin: 0 10px;
  }

  .idm-pencarian__input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    border-radius: 10px;
    border: 1px solid #84848438;
    color: #fff;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    line-height: 1.42857;
    font-size: 14px;
  }

  .idm-header__user ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 10px;
    list-style: none;
  }

  .idm-header__user ul li a {
    background: var(--primary);
    color: #fff;
    height: 30px;
    display: flex;
    padding: 0 12px;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    border-radius: 5px;
  }

  .idm-header__user {
    margin: 0 10px;
  }

  .idm-mode-tema,
  .idm-pencarian__tombol {
    height: 40px;
    width: 40px;
  }

  .idm-pencarian__input::placeholder {
    color: #ccc;
  }

  .idm-pencarian__tombol {
    position: absolute;
    right: 0;
    top: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: transparent;
    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;
    cursor: pointer;
    z-index: 3;
    color: #eee;
  }

  .idm-header__mode,
  .idm-blok-sorotan__item,
  .idm-navigasi ul,
  .idm-navigasi ul li {
    position: relative;
  }

  .idm-navigasi ul li.idm-u-lainnya > a span {
    display: none;
  }

  .idm-navigasi ul li.idm-u-lainnya > a:after {
    content: "";
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.25 8C14.25 8.19891 14.171 8.38968 14.0303 8.53033C13.8897 8.67098 13.6989 8.75 13.5 8.75H2.5C2.30109 8.75 2.11032 8.67098 1.96967 8.53033C1.82902 8.38968 1.75 8.19891 1.75 8C1.75 7.80109 1.82902 7.61032 1.96967 7.46967C2.11032 7.32902 2.30109 7.25 2.5 7.25H13.5C13.6989 7.25 13.8897 7.32902 14.0303 7.46967C14.171 7.61032 14.25 7.80109 14.25 8ZM2.5 4.75H13.5C13.6989 4.75 13.8897 4.67098 14.0303 4.53033C14.171 4.38968 14.25 4.19891 14.25 4C14.25 3.80109 14.171 3.61032 14.0303 3.46967C13.8897 3.32902 13.6989 3.25 13.5 3.25H2.5C2.30109 3.25 2.11032 3.32902 1.96967 3.46967C1.82902 3.61032 1.75 3.80109 1.75 4C1.75 4.19891 1.82902 4.38968 1.96967 4.53033C2.11032 4.67098 2.30109 4.75 2.5 4.75ZM13.5 11.25H2.5C2.30109 11.25 2.11032 11.329 1.96967 11.4697C1.82902 11.6103 1.75 11.8011 1.75 12C1.75 12.1989 1.82902 12.3897 1.96967 12.5303C2.11032 12.671 2.30109 12.75 2.5 12.75H13.5C13.6989 12.75 13.8897 12.671 14.0303 12.5303C14.171 12.3897 14.25 12.1989 14.25 12C14.25 11.8011 14.171 11.6103 14.0303 11.4697C13.8897 11.329 13.6989 11.25 13.5 11.25Z" fill="white"/></svg>');
    display: block;
    width: 13px;
    height: 13px;
  }

  .idm-mode-tema__kotak,
  .idm-mode-tema:after {
    z-index: 999;
    border-radius: 5px;
    opacity: 0;
  }

  .idm-navigasi img {
    height: 25px;
    width: auto;
  }

  .idm-mode-tema {
    color: #fff;
  }

  .idm-mode-tema > *,
  .idm-navigasi.is-lengket .idm-wadah {
    width: 100%;
  }

  .idm-footer .idm-blok__kepala,
  .idm-mode-tema > .idm-u-sembunyi,
  .idm-navigasi ul li.idm-merek__logo,
  .idm-navigasi.is-lengket ul li.idm-merek__logo span.idm-navigasi__label-sembunyi {
    display: none;
  }

  .idm-navigasi ul.idm-navigasi__submenu > li > a {
    width: auto;
  }

  .idm-mode-tema > * {
    height: 100%;
    display: block;
    cursor: pointer;
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    filter: brightness(0) invert(1);
  }

  .idm-mode-tema:after {
    content: attr(aria-label);
    position: absolute;
    background: #e0e0e0;
    padding: 5px 10px;
    color: #2a2a2a;
    font-size: 10px;
    top: calc(100% + 5px);
    white-space: nowrap;
    pointer-events: none;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
    margin-left: -22px;
    text-transform: uppercase;
    font-weight: 600;
  }

  .idm-mode-tema:hover::after {
    opacity: 1;
  }

  .idm-mode-tema__kotak {
    pointer-events: all;
    position: absolute;
    right: 10px;
    top: 45px;
    width: 200px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    padding: 0;
    visibility: hidden;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  .idm-mode-tema__kotak.idm-u-tampil {
    opacity: 1;
    visibility: visible;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .idm-mode-tema__item {
    cursor: pointer;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 9px 15px;
    color: #777;
    font-size: 14px;
    font-weight: 500;
  }

  .idm-konten,
  .idm-bilah-sisi {
    min-height: 1px;
    padding: 0 15px;
    padding-bottom: 30px;
  }

  .idm-mode-tema__item:hover {
    background: hsla(0, 0%, 77%, 0.2);
  }

  .idm-mode-tema__item.is-aktif {
    background: hsla(0, 0%, 77%, 0.4);
    color: var(--idm-warna-latar-nav-aktif);
    font-weight: 700;
  }

  .idm-kotak-penulis__teks,
  .idm-komentar__badan,
  .idm-blok-kolom .idm-blok-kolom__teks,
  .idm-mode-tema__label {
    flex: 1;
  }

  .idm-mode-tema__ikon,
  .idm-blok-sosial .idm-blok-sosial__judul {
    margin-right: 10px;
  }

  .idm-mode-tema__item .idm-mode-tema__ikon {
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px;
    -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%);
  }

  .idm-mode-tema .is-mode-otomatis,
  .idm-mode-tema__item.is-mode-otomatis .idm-mode-tema__ikon {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 3.444V1M11 23V3M17.05 5.95l1.728-1.728M19.556 12H22M17.05 18.05l1.728 1.728' stroke='currentColor' stroke-width='1.2' stroke-linecap='round'/%3E%3Ccircle cx='10.944' cy='11.944' r='6.344' stroke='currentColor' stroke-width='1.2'/%3E%3Cpath d='M4.751 21.145H1.772L1.104 23H.137l2.715-7.11h.82L6.392 23H5.43l-.679-1.855Zm-2.695-.772h2.417l-1.211-3.325-1.206 3.325ZM5 9.5l2.5-3 2-.4 1-.1v12L8 17l-1.5-1-2-3L5 9.5Z' fill='currentColor'/%3E%3C/svg%3E");
  }

  .idm-mode-tema .is-mode-gelap,
  .idm-mode-tema__item.is-mode-gelap .idm-mode-tema__ikon {
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='moon' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg id='Group' transform='translate(-0.000000, -0.000000)' stroke='%23000000' stroke-width='1.6'%3E%3Cpath d='M21.0000001,12.7900001 C20.5623509,17.5258085 16.5155206,21.1036352 11.7617765,20.9575684 C7.00803243,20.8115016 3.1884985,16.9919677 3.04243172,12.2382236 C2.89636495,7.48447951 6.47419162,3.43764924 11.21,3.00000001 C9.15036197,5.78645174 9.43925663,9.66045323 11.8894017,12.1105984 C14.3395469,14.5607435 18.2135484,14.8496381 21.0000001,12.7900001 L21.0000001,12.7900001 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }

  .idm-mode-tema .is-mode-terang,
  .idm-mode-tema__item.is-mode-terang .idm-mode-tema__ikon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17C14.7614 17 17 14.7614 17 12C17 9.23858 14.7614 7 12 7C9.23858 7 7 9.23858 7 12C7 14.7614 9.23858 17 12 17Z' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 1V3' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 21V23' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.22 4.22L5.64 5.64' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.36 18.36L19.78 19.78' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 12H3' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 12H23' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.22 19.78L5.64 18.36' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.36 5.64L19.78 4.22' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }

  .idm-mode-tema__item.is-aktif .idm-mode-tema__ikon {
    -webkit-filter: none;
    filter: none;
  }

  .idm-navigasi {
    background: var(--bg-nav);
    position: relative;
    z-index: 1000;
    margin-bottom: 15px;
  }

  .idm-navigasi ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    gap: 12px;
  }

  .idm-navigasi.is-lengket ul {
    display: flex;
    justify-content: space-between;
  }

  .idm-navigasi ul li a {
    font-size: 14px;
    padding: 0 7px;
    position: relative;
    font-weight: 700;
    color: #fff;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    width: max-content;
  }

  .idm-navigasi ul li.is-baru:after {
    content: "NEW";
    position: absolute;
    top: 5px;
    right: -11px;
    background: #8d8c8c;
    border-radius: 4px;
    padding: 0 2px;
    z-index: 1;
    font-size: 8px;
    font-weight: 700;
    color: #fff;
  }

  .idm-navigasi.is-lengket {
    position: sticky;
    top: 0;
  }

  .idm-navigasi.is-lengket ul li.idm-merek__logo,
  .idm-navigasi.is-lengket ul li.idm-navigasi__butir a img.idm-navigasi__ikon {
    display: block;
  }

  .idm-navigasi ul li .idm-navigasi__submenu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 40px;
    text-align: left;
    z-index: 1;
    width: 230px;
    background: var(--bg-nav-active);
    padding: 10px 0;
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }

  .idm-navigasi ul li:last-child .idm-navigasi__submenu {
    right: 0;
    left: unset;
  }

  .idm-navigasi ul li:hover .idm-navigasi__submenu {
    top: 40px;
    visibility: visible;
    opacity: 1;
  }

  .idm-navigasi ul li .idm-navigasi__submenu li {
    display: block;
    width: 50%;
    vertical-align: top;
  }

  .idm-navigasi ul li .idm-navigasi__submenu li a {
    position: relative;
    display: block;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    height: auto;
    line-height: 1.5;
  }

  .idm-navigasi ul li .idm-navigasi__submenu li a:hover {
    color: var(--bg-active);
  }

  .idm-navigasi.is-lengket ul li a.idm-navigasi__label-sembunyi {
    padding: 14px 7px;
  }

  .idm-papan-atas .idm-blok {
    text-align: center;
    margin-bottom: 15px;
  }

  .idm-papan-atas .idm-blok img {
    height: 250px !important;
    width: auto;
  }

  .idm-blok-tag--populer {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #efefef;
  }

  .idm-blok-tag--populer .idm-blok__isi {
    flex: 1;
    position: relative;
    overflow: hidden;
  }

  .idm-blok-tag--populer .idm-navigasi__menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    height: 31px;
    align-items: center;
    padding: 5px 10px 5px 40px;
    flex-wrap: wrap;
  }

  .idm-blok-tag--populer .idm-blok__kepala {
    margin: 0;
    padding: 0;
    border: 0;
    margin-right: 5px;
  }

  .idm-blok-tag--populer .idm-blok__kepala .idm-blok__judul {
    font-size: 14px;
    color: var(--primary) !important;
    text-transform: uppercase;
  }

  .idm-blok-tag--populer .idm-navigasi__menu li a {
    color: var(--idm-warna-latar-nav-aktif);
    font-size: 14px;
    font-weight: 600;
  }

  .idm-blok-tag--populer .idm-navigasi__menu li a:hover {
    color: var(--primary) !important;
  }

  .idm-blok-tag--populer .idm-navigasi__menu li:after {
    content: "";
    width: 1px;
    height: 13px;
    display: block;
    background: #c7c7c7;
    margin-left: 20px;
  }

  .idm-blok-tag--populer .idm-blok__isi .idm-blok-geser__panah {
    top: 4px;
  }

  .idm-blok-tag--populer .idm-blok__isi .idm-blok-geser__panah.idm-blok-geser__panah--kanan {
    right: 4px;
  }

  .idm-blok-tag--populer .idm-blok__isi .idm-blok-geser__panah.idm-blok-geser__panah--kiri {
    left: 4px;
  }

  .idm-blok-tag--populer li {
    display: flex !important;
    align-items: center;
    justify-content: space-around;
    margin-right: 20px;
  }

  .idm-blok-tag--populer li:last-child::after {
    display: none;
  }

  .idm-main__baris {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
  }

  .idm-konten {
    width: 758px;
    position: relative;
    flex: 1;
  }

  .idm-bilah-sisi {
    width: 330px;
    position: relative;
  }

  .idm-bilah-sisi__lengket {
    position: sticky;
    top: 65px;
  }

  body.is-artikel .idm-bilah-sisi__lengket {
    top: 115px;
  }

  .idm-blok-sorotan {
    position: relative;
    background: var(--idm-warna-latar-header);
    color: #fff;
  }

  .idm-blok-sorotan__besar .idm-blok-sorotan__gambar {
    width: 100%;
    margin: 0;
    padding-bottom: 66%;
    height: 0;
    position: relative;
    overflow: hidden;
  }

  .idm-blok-sorotan__besar .idm-blok-sorotan__teks {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: #000;
    z-index: 2;
    background: -webkit-linear-gradient(top, #000 1%, transparent);
    background: linear-gradient(to top, #000 1%, transparent);
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-end;
  }

  .idm-blok-sorotan__besar .idm-blok-sorotan__teks h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 10px;
    border-left: 3px solid var(--primary);
    padding-left: 15px;
  }

  .idm-halaman-404__tombol:hover,
  .idm-blok-sorotan__besar .idm-blok-sorotan__teks h2 a,
  .idm-blok-sorotan__kecil .idm-blok-sorotan__teks a {
    color: #fff;
  }

  .idm-blok-sorotan__besar .idm-blok-sorotan__tanggal {
    padding: 0 20px;
    font-size: 12px;
    font-weight: 500;
    color: #9b9b9b;
  }

  .idm-blok-sorotan .idm-blok__kepala,
  .idm-blok__lainnya {
    color: var(--primary);
    text-transform: uppercase;
  }

  .idm-blok-sorotan .idm-blok__kepala {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1;
    color: #fff;
    padding: 5px 10px;
    margin: 0;
    border: none;
    background: var(--primary);
    border-radius: 7px;
  }

  .idm-blok-sorotan .idm-blok__kepala .idm-blok__judul {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    border: unset;
    color: unset;
    display: unset;
    font-family: unset;
  }

  .idm-blok-sorotan__kecil .idm-blok-sorotan__gambar {
    width: 100%;
    margin: 0;
    padding-bottom: 68%;
    height: 0;
    position: relative;
    overflow: hidden;
  }

  .idm-blok-sorotan__kecil .idm-blok-sorotan__teks {
    position: relative;
    padding: 12px;
  }

  .idm-blok-sorotan__kecil .idm-blok-sorotan__teks h2 {
    font-size: 14px;
    font-weight: 500;
    max-height: 73px;
    display: -webkit-box;
    margin: 0;
    line-height: 1.5;
  }

  .idm-blok-sosial {
    display: flex;
    flex-wrap: wrap;
    height: 55px;
    align-items: center;
    padding: 12px;
    justify-content: space-between;
    background: #f1f1f1;
    overflow: hidden;
    border-radius: 5px;
  }

  .idm-blok-sosial .idm-blok-sosial__kotak svg {
    width: 16px;
    z-index: 9;
    height: 16px;
  }

  .idm-berbagi__kotak ul li a,
  .idm-blok-sosial .idm-blok-sosial__kotak a {
    display: flex;
    background: var(--idm-warna-latar-nav-aktif);
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 50em;
    color: #fff;
    position: relative;
  }

  .idm-blok-sosial .idm-blok-sosial__kotak {
    display: flex;
    flex: 1;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .idm-blok-sosial .idm-blok-sosial__judul h3 {
    font-size: 14px;
    padding: 0;
    font-weight: 500;
    margin: 0 5px 0 0;
  }

  .idm-kotak-penulis__berbagi a.idm-jaringan--facebook,
  .idm-berbagi__body ul li a.idm-jaringan--facebook .idm-berbagi__popup-ikon,
  .idm-berbagi__kotak ul li .idm-jaringan--facebook,
  .idm-blok-sosial .idm-blok-sosial__kotak a.idm-jaringan--facebook {
    background: #3b5998;
  }

  .idm-kotak-penulis__berbagi a.idm-jaringan--twitter,
  .idm-berbagi__body ul li a.idm-jaringan--twitter .idm-berbagi__popup-ikon,
  .idm-berbagi__kotak ul li .idm-jaringan--twitter,
  .idm-blok-sosial .idm-blok-sosial__kotak a.idm-jaringan--twitter {
    background: #000;
  }

  .idm-berbagi__kotak ul li .idm-jaringan--telegram,
  .idm-blok-sosial .idm-blok-sosial__kotak a.idm-jaringan--telegram {
    background: #2aabee;
  }

  .idm-berbagi__kotak ul li .idm-jaringan--whatsapp,
  .idm-blok-sosial .idm-blok-sosial__kotak a.idm-jaringan--whatsapp {
    background: #25d366;
  }

  .idm-kotak-penulis__berbagi a.idm-jaringan--instagram,
  .idm-blok-sosial .idm-blok-sosial__kotak a.idm-jaringan--instagram {
    background: #5851db;
    background: -moz-radial-gradient(
      left bottom,
      ellipse cover,
      #ffdc80 15%,
      #e1306c 55%,
      #5851db 100%
    );
    background: -webkit-radial-gradient(
      left bottom,
      ellipse cover,
      #ffdc80 15%,
      #e1306c 55%,
      #5851db 100%
    );
    background: radial-gradient(ellipse at left bottom, #ffdc80 15%, #e1306c 55%, #5851db 100%);
  }

  .idm-blok-sosial .idm-blok-sosial__kotak a.idm-jaringan--youtube {
    background: #cd201f;
  }

  .idm-blok-sosial .idm-blok-sosial__kotak a.idm-jaringan--tiktok {
    background: #000;
  }

  .idm-berbagi__kotak ul li a:hover::before,
  .idm-blok-sosial .idm-blok-sosial__kotak a:hover::after {
    content: "";
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50em;
  }

  .idm-konten .idm-blok,
  .idm-bilah-sisi .idm-blok {
    margin-bottom: 20px;
  }

  .idm-komentar__kepala,
  .idm-blok__kepala {
    position: relative;
    border-left: 3px solid var(--primary);
    margin-bottom: 15px;
    padding-left: 10px;
  }

  .idm-blok__lainnya {
    padding: 0;
    letter-spacing: 0;
    font-size: 11px;
    font-weight: 700;
  }

  .idm-blok__lainnya:hover {
    color: #000;
  }

  .idm-komentar__kepala .idm-komentar__judul,
  .idm-blok__kepala .idm-blok__judul {
    position: relative;
    display: inline-flex;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0;
    line-height: 1;
    align-items: center;
    gap: 10px;
  }

  .idm-blok-kisi__item {
    position: relative;
    width: 100%;
    max-width: 33.33333%;
    padding: 0 10px;
    height: 100%;
    margin-bottom: 10px;
  }

  .idm-blok-kisi .idm-blok__isi {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    align-items: flex-start;
  }

  .idm-blok-kisi .idm-blok-kisi__gambar {
    width: 100%;
    margin: 0;
    padding-bottom: 56%;
    height: 0;
    position: relative;
    overflow: hidden;
    border-radius: 7px;
  }

  .idm-blok-kisi__kategori {
    color: var(--primary);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    border-radius: 7px;
    margin-top: 10px;
    text-transform: uppercase;
  }

  .idm-blok-kisi .idm-blok-kisi__teks {
    position: relative;
    padding: 10px 0;
    z-index: 2;
    border-radius: 7px;
  }

  .idm-blok-kisi .idm-blok-kisi__teks h2 {
    display: -webkit-box;
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
  }

  .idm-blok-kisi-daftar__teks h2,
  .idm-blok-indeks .idm-blok-indeks__teks h2,
  .idm-blok-topik__teks h2 {
    line-height: 1.5;
    overflow: hidden;
    -webkit-box-orient: vertical;
  }

  .idm-blok-kisi .idm-blok-kisi__teks a,
  .idm-blok-kisi-daftar__teks a,
  .idm-blok-indeks .idm-blok-indeks__teks a,
  .idm-blok-kolom__teks a,
  .idm-blok-daftar__teks a,
  .idm-blok-populer__teks a,
  .idm-blok-terkait__item .idm-blok-terkait__teks a,
  .idm-blok-geser .idm-blok-geser__teks a,
  .idm-blok-topik__teks a,
  .idm-blok-video .idm-blok-video__teks a {
    color: var(--idm-warna-latar-header);
  }

  .idm-blok-video .idm-blok-video__item:first-child .idm-blok-video__teks a {
    color: #fff;
  }

  .idm-blok-indeks .idm-blok-indeks__item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 20px;
  }

  .idm-blok-indeks .idm-blok-indeks__gambar {
    width: 236px;
    margin: 0 15px 0 0;
    padding-bottom: 132px;
    height: 0;
    position: relative;
    overflow: hidden;
    border-radius: 7px;
  }

  .idm-blok-indeks .idm-blok-indeks__teks,
  .idm-blok-daftar__teks {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  .idm-blok-indeks .idm-blok-indeks__teks h2 {
    font-weight: 600;
    margin: 0 0 10px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    font-size: 18px;
  }

  .idm-blok-indeks .idm-blok-indeks__teks svg {
    height: 18px;
    width: auto;
    color: var(--primary);
    display: inline-block;
  }

  .idm-blok-geser__panah svg,
  .idm-blok-video .idm-blok-video__play svg {
    height: 1em;
    stroke-width: 0;
    fill: currentColor;
  }

  .idm-artikel__article {
    max-width: 740px;
    margin-bottom: 20px;
  }

  .idm-artikel__article figure {
    max-width: 100% !important;
  }

  .idm-artikel__article figure img {
    display: block;
  }

  .idm-galeri {
    align-items: unset !important;
    flex-wrap: unset !important;
    align-items: unset !important;
    gap: unset !important;
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .idm-galeri .idm-pagination-artikel__sebelumnya,
  .idm-galeri .idm-pagination-artikel__berikutnya {
    position: absolute;
    z-index: 2;
    top: 205px;
    background-size: 20px;
    cursor: pointer;
    background-color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50em;
    color: #fff;
  }

  .idm-galeri .idm-pagination-artikel__berikutnya {
    right: 5px;
  }

  .idm-galeri .idm-pagination-artikel__sebelumnya {
    left: 5px;
  }

  .idm-galeri .idm-pagination-artikel__sebelumnya svg,
  .idm-galeri .idm-pagination-artikel__berikutnya svg {
    height: 13px;
  }

  .idm-blok-kisi-daftar__teks h2,
  .idm-blok-kolom .idm-blok-kolom__teks h2,
  .idm-blok-populer__teks h2,
  .idm-blok-geser .idm-blok-geser__teks h2,
  .idm-blok-topik__teks h2 {
    display: -webkit-box;
    font-size: 14px;
  }

  .idm-blok-indeks .idm-blok-indeks__kategori {
    font-size: 12px;
    line-height: 1;
    padding: 0 5px 0 0;
    color: var(--primary);
    font-weight: 600;
    text-transform: uppercase;
  }

  .idm-blok-indeks .idm-blok-indeks__tanggal,
  .idm-blok-geser__waktu {
    font-size: 12px;
    color: #6c6c6c;
  }

  .idm-blok-indeks .idm-blok-indeks__tanggal:before {
    margin-right: 5px;
    content: "-";
  }

  .idm-blok-indeks .idm-blok-indeks__meta {
    display: flex;
    align-items: center;
    font-weight: 500;
  }

  .idm-blok-populer__item {
    position: relative;
    margin-bottom: 1px;
    background: #e3e3e3;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .idm-blok-populer__teks {
    flex: 1;
    background: #f1f1f1;
    border-left: 1px solid #fff;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .idm-blok-populer__nomor {
    width: 60px;
    padding: 15px 0;
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    color: var(--primary);
  }

  .idm-blok-populer__teks h2 {
    padding: 0 10px;
    color: #000;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin: 0;
    font-weight: 600;
    line-height: 1.5;
  }

  .idm-blok-populer__jumlah {
    padding: 0 10px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    color: #6c6c6c;
    margin-top: 10px;
  }

  .idm-blok-populer__item:hover .idm-blok-populer__teks {
    background: #e7e7e7;
  }

  .idm-blok-kisi-daftar__item,
  .idm-blok-topik__item {
    position: relative;
    background: #f0f0f0;
    border-bottom: 1px solid #e2e2e2;
  }

  .idm-blok-kisi-daftar__gambar,
  .idm-blok-topik__gambar {
    width: 100%;
    margin: 0;
    padding-bottom: 50%;
    height: 0;
    position: relative;
    overflow: hidden;
  }

  .idm-blok-kisi-daftar__teks h2,
  .idm-blok-topik__teks h2 {
    -webkit-line-clamp: 3;
    font-weight: 600;
    margin: 0;
  }

  .idm-blok-kisi-daftar__teks:after,
  .idm-blok-topik__teks:after,
  .idm-blok-terkait__item .idm-blok-terkait__teks:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 10px;
    width: 8px;
    height: 8px;
    background: #959595;
    border-radius: 50em;
  }

  .idm-blok-kisi-daftar__teks,
  .idm-blok-topik__teks {
    padding: 10px 20px 10px 30px;
    position: relative;
  }

  .idm-blok-topik__label {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background: 0 0;
    height: auto;
    padding: 30px 20px 15px;
    background: -webkit-gradient(linear, left top, right top, from(#000), to(transparent));
    background: linear-gradient(90deg, #000, transparent);
    background: -webkit-linear-gradient(90deg, #000, transparent);
    font-size: 20px;
    color: #fff;
    font-weight: 500;
  }

  .idm-blok-kolom .idm-blok-kolom__gambar {
    width: 70px;
    margin: 0 10px 0 0;
    height: 70px;
    position: relative;
    overflow: hidden;
    border-radius: 50em;
    border: 3px solid #fff;
    box-shadow: 0 2px 4px 0 #00000033;
  }

  .idm-blok-kolom .idm-blok-kolom__item {
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: 15px;
  }

  .idm-blok-kolom .idm-blok-kolom__penulis {
    font-size: 13px;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 5px;
  }

  .idm-blok-kolom .idm-blok-kolom__teks h2 {
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    margin: 0;
    font-weight: 600;
  }

  .idm-blok-geser .idm-blok-geser__item {
    position: relative;
    padding: 0 10px;
  }

  .idm-blok-geser .idm-blok__isi {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .idm-blok-geser .idm-blok-geser__gambar {
    width: 100%;
    margin: 0;
    padding-bottom: 56%;
    height: 0;
    position: relative;
    overflow: hidden;
    border-radius: 7px;
  }

  .idm-blok-geser .idm-blok-geser__item {
    width: 25%;
  }

  .idm-blok-geser .idm-blok-geser__teks h2 {
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 5px;
  }

  .idm-blok-daftar__teks h2,
  .idm-blok-video .idm-blok-video__teks h2 {
    -webkit-box-orient: vertical;
    line-height: 1.5;
    overflow: hidden;
  }

  .idm-blok-geser .idm-blok-geser__teks {
    padding: 10px 0;
  }

  .idm-blok-geser__panah {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
    font-size: 18px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 55px;
    z-index: 2;
    width: 24px;
    height: 24px;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .idm-papan-atas.idm-iklan-paralaks,
  .idm-iklan__badan,
  .idm-blok-video__ikon-putar,
  .idm-artikel__tag,
  .idm-blok-video .idm-blok-video__gambar,
  .idm-blok-video .idm-blok-video__item {
    position: relative;
  }

  .idm-blok-geser__panah.idm-blok-geser__panah--kiri {
    left: 0;
  }

  .idm-blok-geser__panah.idm-blok-geser__panah--kanan {
    right: 0px;
  }

  .idm-blok-geser__panah svg {
    width: 0.375em;
    -webkit-filter: invert(1);
    filter: invert(1);
    stroke: currentColor;
    background-repeat: no-repeat;
    margin-top: 6px;
  }

  .idm-blok-geser__panah.idm-blok-geser__panah--kiri svg {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAuNCAxNy44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMC40IDE3Ljg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjx0aXRsZT5zZWFyY2g8L3RpdGxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMC40LDEuNWMwLDAuMi0wLjEsMC4zLTAuMiwwLjRsLTcsN2w3LDdjMC4xLDAuMSwwLjIsMC4zLDAuMiwwLjRjMCwwLjItMC4xLDAuMy0wLjIsMC40bC0wLjksMC45Yy0wLjEsMC4xLTAuMywwLjItMC40LDAuMmMtMC4yLDAtMC4zLTAuMS0wLjQtMC4yTDAuMiw5LjNDMC4xLDkuMiwwLDkuMSwwLDguOWMwLTAuMiwwLjEtMC4zLDAuMi0wLjRsOC4zLTguM0M4LjYsMC4xLDguOCwwLDguOSwwczAuMywwLjEsMC40LDAuMmwwLjksMC45QzEwLjMsMS4yLDEwLjQsMS4zLDEwLjQsMS41TDEwLjQsMS41eiIvPjwvc3ZnPg==);
    margin-left: -1px;
  }

  .idm-blok-geser__panah.idm-blok-geser__panah--kanan svg {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAuNCAxNy44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMC40IDE3Ljg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjx0aXRsZT5zZWFyY2g8L3RpdGxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMC40LDguOWMwLDAuMi0wLjEsMC4zLTAuMiwwLjRsLTguMyw4LjNjLTAuMSwwLjEtMC4zLDAuMi0wLjQsMC4yYy0wLjIsMC0wLjMtMC4xLTAuNC0wLjJsLTAuOS0wLjlDMC4xLDE2LjYsMCwxNi41LDAsMTYuM2MwLTAuMiwwLjEtMC4zLDAuMi0wLjRsNy03bC03LTdDMC4xLDEuOCwwLDEuNiwwLDEuNXMwLjEtMC4zLDAuMi0wLjRsMC45LTAuOUMxLjIsMCwxLjMsMCwxLjUsMFMxLjgsMCwxLjksMC4ybDguMyw4LjNDMTAuMyw4LjYsMTAuNCw4LjcsMTAuNCw4LjlMMTAuNCw4Ljl6Ii8+PC9zdmc+);
    margin-right: -1px;
  }

  .idm-blok-video .idm-blok-video__item {
    display: flex;
    flex-wrap: wrap;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .idm-blok-video .idm-blok-video__gambar {
    width: 100%;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
    border-radius: 7px;
  }

  .idm-blok-video .idm-blok-video__teks {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 10px;
  }

  .idm-blok-video .idm-blok-video__teks h2 {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    font-weight: 600;
    margin: 0;
    font-size: 14px;
  }

  .idm-blok-video__ikon-putar,
  .idm-blok-video .idm-blok-video__play svg {
    background-position: 50%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    display: inline-block;
  }

  .idm-blok-video .idm-blok-video__waktu {
    font-size: 12px;
    color: #6c6c6c;
    margin-top: 5px;
    font-weight: 500;
  }

  .idm-blok-video .idm-blok-video__meta {
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
  }

  .idm-blok-video .idm-blok-video__play svg {
    stroke: currentColor;
    width: 1em;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256 256-114.6 256-256S397.4 0 256 0zm116.5 276.5-144 88c-3.8 2.3-8.2 3.5-12.5 3.5-13.69 0-24-11.2-24-24V168c0-12.7 10.2-24 24-24 4.344 0 8.678 1.176 12.51 3.516l144 88C379.6 239.9 384 247.6 384 256c0 8.4-4.4 16.1-11.5 20.5z' fill='%23fff' /%3E%3C/svg%3E");
    margin-right: 5px;
  }

  .idm-blok-video .idm-blok-video__play {
    color: #fff;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.75);
    padding: 4px 5px;
    border-radius: 4px 0 0 0;
    display: flex;
    align-items: center;
    font-weight: 500;
  }

  .idm-blok-video__ikon-putar {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 5px;
    margin-bottom: -1px;
    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(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%);
  }

  .idm-blok.idm-blok-video .idm-blok__isi {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }

  .idm-blok-video .idm-blok-video__item:first-child {
    width: 100%;
    align-items: center;
    margin-top: 0;
  }

  .idm-blok-video .idm-blok-video__item:first-child .idm-blok-video__gambar {
    width: 60%;
    padding-bottom: 34%;
    border-radius: 7px 0 0 7px;
  }

  .idm-blok-video .idm-blok-video__item:first-child .idm-blok-video__teks {
    margin: 0;
    padding: 15px;
    background: var(--idm-warna-latar-header);
    height: 100%;
    display: flex;
    justify-content: center;
    border-radius: 0 7px 7px 0;
    align-items: flex-start;
  }

  .idm-blok-video .idm-blok-video__item:first-child .idm-blok-video__teks h2 {
    font-size: 26px;
    -webkit-line-clamp: 6;
    font-weight: 600;
  }

  .idm-blok__pagination .idm-pagination__nomor,
  .idm-blok__pagination .idm-pagination__nomor.idm-pagination__elipsis:hover {
    padding: 8px 12px;
    display: block;
    line-height: 1;
    border-radius: 20px;
    color: #1a1a1a;
    background: #fff;
    border: 1px solid #e3e2e3;
    font-size: 14px;
    font-weight: 500;
    margin: 0 2px;
  }

  .idm-blok__pagination .idm-pagination__kotak {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
  }

  .idm-remah-roti ul {
    padding: 0;
    flex-wrap: wrap;
    display: flex;
    list-style: none;
  }

  .idm-blok__pagination .idm-pagination__berikutnya {
    padding: 8px 12px;
    display: block;
    line-height: 1;
    border-radius: 20px;
    color: #1a1a1a;
    background: #fff;
    border: 1px solid #e3e2e3;
    font-weight: 500;
    font-size: 14px;
    margin: 0 2px;
  }

  .idm-artikel__halaman-nomor.is-sekarang,
  .idm-artikel__halaman-nomor:hover,
  .idm-blok__pagination .idm-pagination__nomor.is-sekarang,
  .idm-blok__pagination .idm-pagination__nomor:hover {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;
  }

  .idm-papan-atas.idm-iklan-paralaks {
    width: 100%;
    height: var(--heightparallaxdesktop);
    max-width: 970px;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
  }

  .idm-papan-atas.idm-iklan-paralaks .idm-blok {
    margin: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(auto, auto, auto, auto);
    background: #111;
  }

  .idm-iklan-paralaks--desktop {
    background: #111;
    min-width: 1100px;
    position: relative;
    z-index: 999;
  }

  .idm-papan-atas.idm-iklan-paralaks .idm-blok__paralaks {
    width: var(--widthparallaxdesktop);
    height: auto;
    position: fixed;
    top: 0;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    margin: 0 auto;
    max-width: 970px;
    left: 0;
    right: 0;
  }

  .idm-papan-atas.idm-iklan-paralaks .idm-blok__paralaks > * {
    display: block;
    margin: 0 auto;
  }

  .idm-remah-roti ul {
    margin: 0;
    align-items: center;
  }

  .idm-remah-roti ul li {
    display: block;
    font-size: 14px;
    font-weight: 500;
  }

  .idm-remah-roti ul li:after {
    content: "/";
    color: var(--primary);
    margin: 0 5px;
  }

  .idm-remah-roti ul li:last-child::after,
  .idm-footer .idm-navigasi__menu li:last-child::after {
    content: unset;
  }

  .idm-remah-roti {
    margin-bottom: 15px;
  }

  .idm-artikel__judul {
    margin: 0;
    font-size: 36px;
    color: var(--idm-warna-latar-header);
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 15px;
  }

  .idm-artikel__meta,
  .idm-artikel__meta a {
    color: #545454;
  }

  .idm-artikel__meta {
    padding: 0 0 10px;
    font-size: 14px;
  }

  .idm-artikel__reaction {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0;
  }

  .idm-artikel__article h2 {
    font-size: 18px;
  }

  .idm-artikel__article h3 {
    font-size: 16px;
  }

  .idm-artikel__article h4 {
    font-size: 14px;
  }

  .idm-artikel__article h5 {
    font-size: 12px;
  }

  .idm-artikel__article h6 {
    font-size: 10px;
  }

  .idm-kredit {
    display: flex;
    align-items: center;
    margin-top: 15px;
  }

  .idm-kredit__isi {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-right: 5px;
  }

  .idm-kredit__kotak {
    flex: 1;
  }

  .idm-kredit__isi a {
    display: inline-block;
  }

  .idm-avatar__gambar {
    border-radius: 50em;
    overflow: hidden;
    width: 50px;
    height: 50px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px 0 #00000033;
    border: 3px solid #fff;
  }

  .idm-kredit__isi > *:not(:first-child) {
    margin-left: -24px;
  }

  .idm-kredit__isi .idm-avatar__gambar img {
    width: 50px;
    height: 50px;
    border-radius: 20px;
    display: block;
  }

  .idm-kredit__nama {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
  }

  .idm-kredit__nama a {
    color: var(--idm-warna-latar-header);
  }

  .idm-kredit__label {
    color: #666;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 0;
  }

  .idm-reaksi__item {
    margin: 0 auto;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
    color: #666;
    display: flex;
    align-items: center;
  }

  .idm-reaksi__item .idm-reaksi__ikon {
    width: 32px;
    height: 32px;
    -webkit-filter: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%)
      contrast(82%);
    filter: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%);
    -webkit-transition: background-image 0.2s;
    -moz-transition: background-image 0.2s;
    -ms-transition: background-image 0.2s;
    -o-transition: background-image 0.2s;
    transition: background-image 0.2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
  }

  .idm-reaksi__item.idm-reaksi__suka .idm-reaksi__ikon {
    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");
  }

  .idm-reaksi__item.idm-reaksi__suka.is-aktif .idm-reaksi__ikon {
    background-image: 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");
  }

  .idm-reaksi__item.idm-reaksi__tidak-suka .idm-reaksi__ikon {
    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");
  }

  .idm-reaksi__item.idm-reaksi__tidak-suka.is-aktif .idm-reaksi__ikon {
    background-image: 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");
  }

  .idm-reaksi__item.idm-berbagi .idm-reaksi__ikon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='22' fill='none'%3E%3Cpath fill='%23000' d='M14.5 14a3.737 3.737 0 0 0-2.683 1.133l-4.321-2.778c.34-.872.34-1.84 0-2.711l4.321-2.779a3.745 3.745 0 1 0-.812-1.26L6.683 8.382a3.75 3.75 0 1 0 0 5.232l4.322 2.779a3.75 3.75 0 1 0 3.495-2.395Zm0-12a2.25 2.25 0 1 1 0 4.499 2.25 2.25 0 0 1 0-4.5ZM4 13.25a2.25 2.25 0 1 1 0-4.501 2.25 2.25 0 0 1 0 4.5ZM14.5 20a2.25 2.25 0 1 1 0-4.501 2.25 2.25 0 0 1 0 4.5Z'/%3E%3C/svg%3E");
  }

  .idm-reaksi__item.idm-artikel__tandai .idm-reaksi__ikon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none'%3E%3Cpath stroke='%23000' stroke-width='1.8' d='M1 7c0-2.828 0-4.243.879-5.121C2.757 1 4.172 1 7 1h4c2.828 0 4.243 0 5.121.879C17 2.757 17 4.172 17 7v6.828c0 2.683 0 4.024-.844 4.435-.845.41-1.9-.419-4.01-2.076l-.675-.531c-1.186-.932-1.78-1.398-2.471-1.398-.692 0-1.285.466-2.471 1.398l-.676.53c-2.11 1.658-3.164 2.487-4.009 2.077C1 17.853 1 16.51 1 13.828V7Z'/%3E%3C/svg%3E");
  }

  .idm-reaksi__item.idm-artikel__tandai.is-aktif .idm-reaksi__ikon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' fill='none'%3E%3Cpath fill='%23000' stroke='%23000' stroke-width='1.8' d='M1 7c0-2.828 0-4.243.879-5.121C2.757 1 4.172 1 7 1h4c2.828 0 4.243 0 5.121.879C17 2.757 17 4.172 17 7v6.828c0 2.683 0 4.024-.844 4.435-.845.41-1.9-.419-4.01-2.076l-.675-.531c-1.186-.932-1.78-1.398-2.471-1.398-.692 0-1.285.466-2.471 1.398l-.676.53c-2.11 1.658-3.164 2.487-4.009 2.077C1 17.853 1 16.51 1 13.828V7Z'/%3E%3C/svg%3E");
    -webkit-filter: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%)
      contrast(82%);
    filter: invert(44%) sepia(0%) saturate(0%) hue-rotate(159deg) brightness(86%) contrast(82%);
  }

  .idm-reaksi__item.idm-reaksi__komentar .idm-reaksi__ikon {
    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");
  }

  .idm-reaksi__item:hover {
    color: #666;
  }

  .idm-artikel__featured figcaption,
  .idm-artikel__article figcaption {
    padding: 10px 0;
    font-size: 14px;
    font-weight: 400;
    color: #727272;
  }

  .idm-gambar figcaption {
    color: #727272;
    font-size: 13px;
    text-align: center;
  }

  .idm-artikel__kepala {
    margin-bottom: 15px;
  }

  .idm-artikel__body {
    display: flex;
    margin-top: 15px;
    flex-wrap: wrap;
  }

  .idm-redaksi__item,
  .idm-blok-tag__kotak,
  .idm-blok-tag__kotak ul li {
    display: inline-block;
  }

  .idm-artikel__body {
    flex: 1;
  }

  .idm-iklan__badan {
    width: 160px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 20px;
  }

  .idm-iklan__badan .idm-blok {
    position: sticky;
    top: 70px;
    margin: 0;
  }

  .idm-artikel__body.is-tidak-penuh .idm-artikel__body {
    max-width: 553px;
  }

  .idm-redaksi {
    font-size: 14px;
    margin-bottom: 15px;
  }

  .idm-redaksi__item a {
    color: #1a1a1a;
    font-weight: 600;
  }

  .idm-artikel__tag {
    margin: 10px 0 20px;
  }

  .idm-blok-tag__label {
    text-align: left;
    padding: 3px 0;
    font-size: 16px;
    font-weight: 500;
    color: #000;
    width: auto;
    position: absolute;
    top: 5px;
    left: 3px;
  }

  .idm-kotak-penulis__berbagi a,
  .idm-blok-daftar__gambar,
  .idm-blok-daftar__item,
  .idm-pagination,
  .idm-blok-terkait__item,
  .idm-blok-tag__kotak {
    position: relative;
  }

  .idm-blok-tag__kotak ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .idm-blok-tag__kotak {
    vertical-align: middle;
  }

  .idm-blok-tag__kotak ul li {
    margin: 4px 2px;
    font-size: 14px;
    color: var(--cl-main);
  }

  .idm-blok-tag__kotak ul li:first-child {
    margin: 4px 2px 4px 43px;
  }

  .idm-blok-tag__kotak ul li a {
    padding: 5px 12px;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
    color: #666;
    background: #fff;
    display: block;
    font-weight: 500;
    max-width: 150px;
    overflow: hidden;
    font-size: 14px;
  }

  .idm-blok-tag__kotak ul li a:hover {
    color: #fff;
    background: var(--primary);
    border: 1px solid var(--primary);
  }

  .idm-pagination {
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    padding: 0 10px;
    background: #efedef;
    margin-bottom: 20px;
  }

  .idm-pagination .idm-artikel__reaction {
    margin: 0 -10px;
    padding: 10px 0;
  }

  .idm-pagination-artikel {
    border-bottom: 1px solid #e2e2e2;
    margin: 0 -10px;
  }

  .idm-pagination__post {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px;
  }

  .idm-pagination-artikel__nomor {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .idm-pagination-artikel__label {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin: 0 10px 5px 0;
  }

  .idm-artikel__halaman-nomor {
    padding: 8px 12px;
    display: block;
    line-height: 1;
    border-radius: 20px;
    color: #1a1a1a;
    background: #fff;
    border: 1px solid #e3e2e3;
    font-size: 17px;
    font-weight: 500;
    margin: 0 3px 5px 0;
  }

  .idm-kotak-penulis__kotak,
  .idm-pagination-artikel__tautan {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .idm-pagination-artikel__navigasi .idm-artikel__halaman-nomor {
    padding: 0;
    border: 0;
    margin: 0;
  }

  .idm-pagination-artikel__navigasi a .idm-pagination-artikel__berikutnya {
    text-align: center;
    padding: 9px 10px;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    background: var(--primary);
    border: 1px solid var(--primary);
    color: #fff;
    display: block;
    line-height: 1;
    border-radius: 20px;
  }

  .idm-blok-daftar__teks h2,
  .idm-blok-terkait__item .idm-blok-terkait__teks h2 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
  }

  .idm-blok-terkait__item {
    font-size: 18px;
    font-weight: 300;
    color: #1a1a1a;
    border-bottom: 1px solid #e3e2e3;
    padding: 5px 0;
  }

  .idm-blok-terkait__teks {
    padding-left: 30px;
  }

  .idm-blok-terkait__item .idm-blok-terkait__teks h2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-weight: 600;
  }

  .idm-halaman-404__tombol,
  .idm-halaman-404__isi .idm-blok__isi,
  .idm-halaman-404__deskripsi {
    font-weight: 700;
  }

  .idm-blok.idm-blok-terkait {
    padding: 15px;
    background: #f1f1f1;
    margin-top: 15px;
  }

  .idm-blok-terkait .idm-blok__kepala {
    margin-bottom: 5px;
    border: unset;
    display: block;
  }

  .idm-artikel__kaki .idm-blok,
  .idm-blok-daftar__item {
    margin-bottom: 15px;
  }

  .idm-blok-terkait .idm-blok__kepala .idm-blok__judul {
    display: block;
    border: none;
    font-size: 15px;
    font-weight: 600;
    color: var(--primary);
  }

  .idm-blok-kisi-daftar__item:last-child,
  .idm-blok-terkait__item:last-child,
  .idm-blok-topik__item:last-child {
    border: none;
  }

  .idm-blok-daftar__item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  .idm-blok-daftar__gambar {
    width: 80px;
    margin: 0 10px 0 0;
    padding-bottom: 80px;
    height: 0;
    overflow: hidden;
    border-radius: 7px;
  }

  .idm-kotak-penulis__gambar,
  .idm-kotak-penulis__berbagi a,
  .idm-halaman-404__tombol {
    border-radius: 50em;
  }

  .idm-blok-daftar__teks h2 {
    -webkit-line-clamp: 4;
    display: -webkit-box;
  }

  .idm-kotak-penulis__berbagi,
  .idm-kotak-penulis__berbagi a,
  .idm-berbagi__lengket.idm-u-tampil {
    display: flex;
  }

  .idm-artikel__kaki {
    margin-top: 15px;
  }

  .idm-artikel__body.idm-halaman__body {
    padding: 0 0 30px;
  }

  .idm-kotak-penulis__berbagi svg {
    height: 16px;
    z-index: 9;
    color: #fff;
  }

  .idm-kotak-penulis__gambar {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 50em;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px 0 #00000033;
    border: 3px solid #fff;
  }

  .idm-kotak-penulis__nama {
    color: #000;
    font-size: 16px;
    margin: 0;
  }

  .idm-kotak-penulis__berbagi a {
    margin-right: 10px;
    background: #999;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    color: #fff;
  }

  .idm-kotak-penulis__berbagi {
    align-items: center;
    margin-top: 5px;
  }

  .idm-arsip__deskripsi {
    font-size: 14px;
    display: block;
    margin-top: 15px;
  }

  .idm-blok__penulis {
    margin-bottom: 30px;
  }

  .idm-halaman-404__isi .idm-blok__isi {
    text-align: center;
    font-size: 160px;
    line-height: 1;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }

  .idm-artikel__ikon-komentar .idm-reaksi__jumlah,
  span.idm-reaksi__jumlah {
    min-width: 17px;
    min-height: 17px;
    z-index: 1;
    font-family: var(--idm-font-dasar);
    font-size: 9px;
    line-height: 1;
  }

  .idm-halaman-404__gambar {
    height: 126px;
    width: auto;
    margin-left: 30px;
  }

  .idm-halaman-404__deskripsi {
    padding: 20px 0 50px;
    text-transform: uppercase;
    font-size: 25px;
    line-height: 1;
    color: #000;
  }

  .idm-halaman-404__tombol {
    background: var(--primary);
    color: #fff;
    padding: 10px 15px;
    font-size: 14px;
    text-transform: uppercase;
  }

  .idm-berbagi__label,
  .idm-blok-sosial__komentar {
    color: var(--idm-warna-latar-header);
  }

  .idm-berbagi__label,
  .idm-berbagi__judul,
  .idm-blok-sosial__komentar {
    font-weight: 600;
    font-size: 14px;
  }

  .idm-pagination__index,
  .idm-blok__kaki {
    text-align: center;
  }

  .idm-blok.idm-halaman-404__isi {
    padding: 150px 0;
  }

  .idm-berbagi__lengket {
    background-color: #dcdcdc;
    -webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 75%);
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 75%);
    height: 46px;
    position: sticky;
    top: 40px;
    padding: 0 15px;
    justify-content: space-between;
    align-items: center;
    z-index: 999;
    display: none;
  }

  .idm-blok-sosial__komentar {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
  }

  .idm-blok-sosial__left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .idm-berbagi__kotak ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 5px;
  }

  .idm-berbagi__kepala,
  span.idm-reaksi__jumlah {
    display: -webkit-box;
    display: -ms-flexbox;
  }

  .idm-berbagi__label {
    margin-right: 10px;
  }

  .idm-berbagi__judul {
    max-width: 780px;
    left: 13px;
    display: inline-block;
    position: relative;
    color: var(--idm-warna-latar-header);
    height: 22px;
    vertical-align: top;
    overflow: hidden;
  }

  .idm-berbagi__kotak ul li svg {
    height: 16px;
    z-index: 1;
    width: 16px;
  }

  .idm-berbagi__body ul li a.idm-jaringan--whatsapp .idm-berbagi__popup-ikon,
  .idm-berbagi__kotak ul li .idm-jaringan--whatsapp {
    background: #25d366;
  }

  .idm-blok-sosial__komentar-ikon {
    position: relative;
    margin-right: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .idm-berbagi__popup,
  .idm-berbagi__popup-transparent {
    position: fixed;
    opacity: 0;
    visibility: hidden;
  }

  .idm-berbagi__popup-kotak {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    height: 100%;
  }

  .idm-komentar__judul .idm-artikel__ikon-komentar:before,
  .idm-blok-sosial__komentar-ikon:before {
    content: "";
    display: inline-block;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjggMjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4IDI4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGRkZGRjt9LnN0MXtmaWxsOiM4Njg2ODY7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI0LjIsNy44QzIwLjcsMi4yLDEzLjQsMC40LDcuOCwzLjlsMCwwQzIuMiw3LjMsMC40LDE0LjYsMy44LDIwLjJjMC41LDAuOSwwLjUsMiwwLDIuOUwyLjcsMjVjLTAuMSwwLjEtMC4xLDAuMi0wLjEsMC4zYzAsMC4zLDAuMywwLjYsMC42LDAuNmgxMC41YzYuNiwwLjEsMTItNS4yLDEyLjItMTEuN0MyNS45LDExLjksMjUuMyw5LjcsMjQuMiw3Ljh6Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjgxMC41NTcgLTU4Ni41MzEpIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTI3Ny4wMjIgNjU1LjI4NykiPjxlbGxpcHNlIGNsYXNzPSJzdDEiIGN4PSItMTUyNC44IiBjeT0iLTU0LjgiIHJ4PSIxLjUiIHJ5PSIxLjUiLz48ZWxsaXBzZSBjbGFzcz0ic3QxIiBjeD0iLTE1MTQuMyIgY3k9Ii01NC44IiByeD0iMS41IiByeT0iMS41Ii8+PGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9Ii0xNTE5LjUiIGN5PSItNTQuOCIgcng9IjEuNSIgcnk9IjEuNSIvPjwvZz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNLTI3ODUuNyw1OTMuOWMtMy43LTYtMTEuNS03LjktMTcuNS00LjJjMCwwLDAsMCwwLDBjLTYsMy43LTcuOSwxMS41LTQuMiwxNy41YzAuNiwxLDAuNiwyLjIsMCwzLjFsLTEuMiwyYy0wLjEsMC4xLTAuMSwwLjItMC4xLDAuM2MwLDAuMywwLjMsMC42LDAuNiwwLjZoMTEuMmM3LjEsMC4xLDEyLjktNS41LDEzLjEtMTIuNkMtMjc4My44LDU5OC4zLTI3ODQuNCw1OTUuOS0yNzg1LjcsNTkzLjl6IE0tMjc4Ni4xLDYwMC43Yy0wLjIsNS44LTQuOSwxMC4zLTEwLjcsMTAuM2gtOS4ybDAuNi0xYzAuNy0xLjIsMC43LTIuNywwLTRjLTAuOS0xLjQtMS40LTMtMS41LTQuN2MtMC41LTUuNywzLjgtMTAuNyw5LjUtMTEuMmMwLDAsMCwwLDAsMGMyLjktMC4yLDUuOCwwLjgsOCwyLjhDLTI3ODcuMyw1OTQuOS0yNzg2LjEsNTk3LjgtMjc4Ni4xLDYwMC43TC0yNzg2LjEsNjAwLjd6Ii8+PC9nPjwvc3ZnPg==);
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    width: 29px;
    height: 29px;
  }

  .idm-blok-sosial__right {
    display: flex;
    align-items: center;
  }

  span.idm-reaksi__jumlah {
    position: absolute;
    top: 0px;
    left: 20px;
    padding: 0 5px;
    border-radius: 8px;
    background: var(--primary);
    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-weight: 400;
    color: #fff;
  }

  .idm-berbagi__popup {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    max-width: 500px;
    margin: -120px auto 0 -250px;
    z-index: 1000;
    width: 500px;
    height: 240px;
    top: 50%;
    left: 50%;
  }

  .idm-berbagi__popup-transparent.idm-u-tampil,
  .idm-berbagi__popup.idm-u-tampil {
    visibility: visible;
    opacity: 1;
  }

  .idm-berbagi__popup-transparent {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
    min-width: 1100px;
  }

  .idm-berbagi__kepala {
    padding: 20px 15px;
    position: relative;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 25px;
    width: 100%;
  }

  .idm-berbagi__body ul,
  .idm-berbagi__popup-tutup {
    display: -webkit-box;
    display: -ms-flexbox;
  }

  .idm-berbagi__popup-judul {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding: 10px 15px 0;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
  }

  .idm-berbagi__popup-tutup {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 32px;
    flex-basis: 32px;
    width: 32px;
    height: 32px;
    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;
    cursor: pointer;
  }

  .idm-berbagi__popup-tutup:before {
    content: "";
    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");
    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%);
  }

  .idm-berbagi__body {
    position: relative;
    padding: 20px 15px;
    background: #f3f3f3;
    width: 100%;
  }

  .idm-berbagi__deskripsi {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #666;
  }

  .idm-berbagi__body ul {
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding: 0 20px;
  }

  .idm-berbagi__body ul li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .idm-berbagi__body ul li svg {
    color: #fff;
    height: 16px;
    width: auto;
    display: block;
  }

  .idm-berbagi__popup-ikon {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--idm-warna-latar-nav-aktif);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }

  .idm-berbagi__popup-label {
    font-size: 11px;
    font-weight: 400;
    color: #666;
  }

  .idm-berbagi__body ul li a.idm-jaringan--line .idm-berbagi__popup-ikon {
    background: #00c300;
  }

  .idm-berbagi__body ul li a.idm-jaringan--telegram .idm-berbagi__popup-ikon {
    background: #3ca5dd;
  }

  .idm-berbagi__body ul li a.idm-jaringan--salin-tautan .idm-berbagi__popup-ikon {
    background: #999;
  }

  .idm-berbagi__body ul li a.is-tersalin: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: -24px;
  }

  footer.idm-footer {
    background: var(--bg-footer);
    padding: 30px 0;
    color: #fff;
    font-size: 13px;
    min-width: 1100px;
  }

  .idm-footer__merek img {
    max-height: 40px !important;
    width: auto;
  }

  .idm-footer__kotak {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }

  .idm-footer__merek {
    width: 30%;
  }

  .idm-footer__lainnya {
    width: 70%;
  }

  .idm-footer .idm-blok-sosial {
    background: 0 0;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
  }

  .idm-footer .idm-blok-sosial__kotak {
    display: flex;
    justify-content: flex-end;
    flex: unset;
    gap: 10px;
  }

  .idm-footer__lainnya .idm-blok {
    text-align: right;
    margin-bottom: 15px;
    display: block;
  }

  .idm-blok-aplikasi .idm-blok__isi {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
  }

  .idm-blok-aplikasi img {
    height: 35px;
    width: auto;
  }

  .idm-footer .idm-navigasi__menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
  }

  .idm-footer .idm-navigasi__menu li a {
    color: #fff;
    font-size: 13px;
    padding: 5px;
  }

  .idm-footer .idm-navigasi__menu li:after {
    content: "-";
  }

  .idm-blok-iklan__lengket-bottom {
    margin: 0 auto;
    padding: 0;
    position: fixed;
    bottom: 0;
    width: 728px;
    z-index: 999;
    height: auto;
    text-align: center;
    background: hsla(0, 0%, 100%, 0.8);
    min-height: 60px;
    max-height: 90px;
    left: 0;
    right: 0;
  }

  .idm-iklan__tombol-tutup {
    position: absolute;
    background: #767575;
    display: flex;
    right: calc(50% - 35px);
    top: -24px;
    padding: 2px 2px 2px 10px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    border-radius: 50em;
    align-items: center;
    font-weight: 600;
    font-size: 11px;
    text-transform: none;
  }

  .idm-blok-iklan__tutup-ikon {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: flex;
    width: 17px;
    height: 17px;
    background: #e3e2e2;
    align-items: center;
    justify-content: center;
    border-radius: 50em;
    margin-left: 5px;
  }

  .idm-blok-iklan__tutup-ikon:after,
  .idm-blok-iklan__tutup-ikon:before {
    content: "";
    position: absolute;
    top: 45%;
    right: 2px;
    width: 65%;
    height: 2px;
    background: #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .idm-blok-iklan__tutup-ikon:before {
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .idm-blok-iklan__lengket-left {
    position: fixed;
    left: 50%;
    margin-left: -710px;
  }

  .idm-blok-iklan__lengket-right {
    position: fixed;
    right: 50%;
    margin-right: -710px;
  }

  .idm-blok-iklan__lengket {
    width: 160px;
    height: 600px;
    display: block;
    top: 40px;
    z-index: 998;
  }

  .idm-blok-iklan__lengket.is-turun {
    top: 65px !important;
  }

  body.is-artikel .idm-blok-iklan__lengket.is-turun {
    top: 115px !important;
  }

  .idm-blok__subheader {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    align-items: center;
  }

  .idm-navigasi__subkategori {
    border: 1px solid #dfdfdf;
    outline: 0;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
  }

  .idm-pemilih-tanggal,
  select.idm-pemilih-kategori {
    display: block;
    height: calc(1.96875rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    line-height: 1.5;
    color: #494c57;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    outline: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    position: relative;
    z-index: 7;
    width: 145px;
  }

  .idm-navigasi__subkategori:before {
    content: "";
    position: absolute;
    top: 12px;
    right: 12px;
    height: 6px;
    width: 6px;
    display: block;
    border: solid #777;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }

  .idm-pagination__index a {
    padding: 8px 12px;
    display: inline-block;
    line-height: 1;
    border-radius: 20px;
    color: var(--idm-warna-latar-header);
    border: 2px solid #e3e2e3;
    font-weight: 600;
    font-size: 14px;
    margin: 0 2px;
  }

  .idm-blok.idm-blok-kisi-daftar .idm-blok__isi,
  .idm-blok.idm-blok-populer .idm-blok__isi,
  .idm-blok.idm-blok-topik .idm-blok__isi {
    border-radius: 7px;
    overflow: hidden;
  }

  .idm-blok.idm-blok-sorotan {
    border-radius: 7px;
    overflow: hidden;
  }

  .idm-artikel__ikon-komentar .idm-reaksi__jumlah {
    position: absolute;
    top: -2px;
    right: -7px;
    padding: 0 5px;
    border-radius: 8px;
    background: var(--primary);
    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-weight: 400;
    color: #fff;
  }

  .idm-komentar ol,
  .idm-komentar ul {
    list-style: none;
  }

  .idm-komentar ol {
    margin: 0;
    list-style: none;
    padding: 0 0 20px;
  }

  .idm-komentar__kotak {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 20px;
  }

  .idm-komentar__avatar {
    width: 32px;
    border-radius: 50%;
    height: 32px;
    background: #eee;
    margin-right: 10px;
  }

  .idm-komentar__avatar img {
    display: block;
    border-radius: 50%;
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .idm-komentar__nama,
  .idm-komentar__nama a {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #000;
  }

  .idm-komentar__teks {
    font-size: 14px;
    position: relative;
    line-height: 1.25;
    word-break: break-word;
    overflow-wrap: break-word;
    margin: 0 0 5px;
    color: #666;
  }

  .idm-komentar__kaki {
    color: #727272;
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
  }

  .idm-komentar__kaki a {
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    color: #727272;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
  }

  .idm-komentar__kaki a:after,
  .idm-komentar__kaki time:after {
    content: "\00B7";
    margin: 0 4px;
    font-weight: 400;
  }

  .idm-komentar__baris {
    padding: 15px;
    background: #efefef;
    border-radius: 10px;
  }

  .idm-komentar__moderasi {
    font-style: italic;
    font-weight: 600;
  }

  .idm-komentar__judul-balas {
    display: flex;
    margin: 0 0 15px;
    line-height: 1;
    font-weight: 700;
    justify-content: space-between;
    border-left: 3px solid var(--primary);
    position: relative;
    padding-left: 10px;
    font-size: 18px;
    color: var(--idm-warna-latar-header);
  }

  .idm-komentar__formulir {
    position: relative;
    padding: 12px 0;
    border-radius: 5px;
    margin-bottom: 20px;
  }

  .idm-komentar__catatan,
  .idm-komentar__moderasi {
    font-size: 14px;
    padding: 5px 0;
    border-radius: 5px;
    color: var(--idm-warna-latar-header);
  }

  .idm-komentar__form input,
  .idm-komentar__form textarea {
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    outline: 0;
    font-size: 14px;
  }

  .idm-komentar__pagination {
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
  }

  .idm-formulir__kirim {
    text-align: right;
    margin-bottom: 0;
    margin-top: 0;
  }

  .idm-komentar__form .idm-formulir__kirim input {
    display: inline-block;
    width: auto;
    background: var(--primary);
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 5px;
    margin-bottom: 0;
  }

  .idm-komentar__kaki > :last-child::after {
    content: "";
  }

  .idm-komentar__persetujuan label {
    font-size: 14px;
    margin-left: 35px;
  }

  .idm-komentar__persetujuan {
    display: flex;
    align-items: flex-start;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
  }

  .idm-komentar__persetujuan #wp-comment-cookies-consent {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
  }

  .idm-komentar__persetujuan label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #c9c9c9;
    display: block;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 5px;
  }

  .idm-komentar__persetujuan #wp-comment-cookies-consent:checked ~ ::before {
    content: "";
    background: var(--primary);
  }

  .idm-komentar__persetujuan #wp-comment-cookies-consent:checked ~ ::after {
    left: 10px;
    top: 6px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    top: 5px;
    left: 9px;
  }

  .idm-iklan-paralaks__slot {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    height: 300px;
    position: relative;
    left: 0;
    right: 0;
    margin-bottom: 0;
    background: #0c0c0c;
  }

  .idm-iklan-paralaks__slot:before {
    content: var(--textparallax);
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10px;
    z-index: 99;
    background: var(--primary);
  }

  .idm-iklan-paralaks__pembungkus {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    clip: rect(auto, auto, auto, auto);
  }

  .idm-iklan-paralaks__kotak {
    height: auto;
    position: fixed;
    top: 95px;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    margin: 0 auto;
    width: 100%;
    text-align: center;
    max-width: 740px;
    z-index: 1;
  }

  .is-tidak-penuh .idm-iklan-paralaks__kotak {
    max-width: 565px;
  }

  .idm-iklan__spanduk {
    position: relative;
    display: block;
    margin: 0 auto;
  }

  .idm-iklan__spanduk:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #ebebeb;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6C4.44772 6 4 6.44772 4 7V8H6V7C6 6.44772 5.55228 6 5 6Z' fill='%23999'/%3E%3Cpath d='M11 8H9.5C9.22386 8 9 8.22386 9 8.5C9 8.77614 9.22386 9 9.5 9H11V8Z' fill='%23999'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 4.5C0 3.11929 1.11929 2 2.5 2H12.5C13.8807 2 15 3.11929 15 4.5V10.5C15 11.8807 13.8807 13 12.5 13H2.5C1.11929 13 0 11.8807 0 10.5V4.5ZM4 10V9H6V10H7V7C7 5.89543 6.10457 5 5 5C3.89543 5 3 5.89543 3 7V10H4ZM11 7H9.5C8.67157 7 8 7.67157 8 8.5C8 9.32843 8.67157 10 9.5 10H12V5H11V7Z' fill='%23999'/%3E%3C/svg%3E");
  }

  .idm-iklan__spanduk.idm-iklan--970x250 {
    width: 970px;
    max-width: 100%;
    height: 250px;
  }

  .idm-iklan__spanduk.idm-iklan--160x600 {
    width: 160px;
    max-width: 100%;
    height: 600px;
  }

  .idm-iklan__spanduk.idm-iklan--728x90 {
    width: 728px;
    max-width: 100%;
    height: 90px;
  }

  .idm-iklan__spanduk.idm-iklan--300x600 {
    width: 300px;
    max-width: 100%;
    height: 600px;
  }

  .idm-iklan__spanduk.idm-iklan--300x300 {
    width: 300px;
    max-width: 100%;
    height: 300px;
  }

  .idm-pencarian__tombol {
    background: transparent;
  }

  body.is-mode-gelap .idm-iklan__spanduk:before {
    background-color: #181818;
  }

  body.is-mode-gelap,
  body.is-mode-gelap select.idm-pemilih-kategori option {
    background: #1c1c1c;
  }

  body.is-mode-gelap .idm-komentar__form input,
  body.is-mode-gelap .idm-komentar__form textarea,
  body.is-mode-gelap .idm-komentar__baris,
  body.is-mode-gelap .idm-blok-kisi-daftar__item,
  body.is-mode-gelap .idm-blok-sorotan,
  body.is-mode-gelap .idm-media__gambar:before,
  body.is-mode-gelap .idm-blok-sosial__jaringan,
  body.is-mode-gelap .idm-pagination,
  body.is-mode-gelap .idm-blok-populer__item,
  body.is-mode-gelap .idm-blok-populer__teks,
  body.is-mode-gelap .idm-berbagi__popup,
  body.is-mode-gelap .idm-blok-sosial,
  body.is-mode-gelap .idm-blok-tag__kotak ul li a,
  body.is-mode-gelap .idm-blok-topik__item,
  body.is-mode-gelap .idm-blok.idm-blok-terkait,
  body.is-mode-gelap .idm-blok-video .idm-blok-video__item:first-child .idm-blok-video__teks {
    background: var(--idm-warna-latar-header);
  }

  body.is-mode-gelap .idm-blok-populer__item:hover {
    background: var(--idm-warna-latar-nav-aktif);
  }

  body.is-mode-gelap,
  body.is-mode-gelap .idm-pemilih-tanggal,
  body.is-mode-gelap .idm-pemilih-tanggal::placeholder,
  body.is-mode-gelap .idm-kotak-penulis__nama,
  body.is-mode-gelap .idm-komentar__form input,
  body.is-mode-gelap .idm-komentar__form input::placeholder,
  body.is-mode-gelap .idm-komentar__form textarea,
  body.is-mode-gelap .idm-komentar__form textarea::placeholder,
  body.is-mode-gelap .idm-komentar__kepala .idm-komentar__judul,
  body.is-mode-gelap .idm-komentar__nama,
  body.is-mode-gelap .idm-komentar__nama a,
  body.is-mode-gelap .idm-komentar__kaki,
  body.is-mode-gelap .idm-komentar__kaki a,
  body.is-mode-gelap .idm-halaman-404__judul,
  body.is-mode-gelap .idm-blok-kisi .idm-blok-kisi__teks a,
  body.is-mode-gelap .idm-blok-kisi-daftar__teks a,
  body.is-mode-gelap .idm-blok-indeks .idm-blok-indeks__teks a,
  body.is-mode-gelap .idm-blok-kolom__teks a,
  body.is-mode-gelap .idm-blok-daftar__teks a,
  body.is-mode-gelap .idm-blok-sosial__jaringan ul li a,
  body.is-mode-gelap .idm-pagination .idm-artikel__halaman-nomor,
  body.is-mode-gelap .idm-pagination__index a,
  body.is-mode-gelap .idm-pagination-artikel__label,
  body.is-mode-gelap .idm-blok-populer__teks a,
  body.is-mode-gelap .idm-artikel__judul,
  body.is-mode-gelap .idm-redaksi__item a,
  body.is-mode-gelap .idm-blok-terkait__item .idm-blok-terkait__teks a,
  body.is-mode-gelap .idm-berbagi__deskripsi,
  body.is-mode-gelap .idm-berbagi__label,
  body.is-mode-gelap .idm-berbagi__popup,
  body.is-mode-gelap .idm-berbagi__popup-label,
  body.is-mode-gelap .idm-berbagi__popup-judul,
  body.is-mode-gelap .idm-berbagi__judul,
  body.is-mode-gelap .idm-blok-geser .idm-blok-geser__teks a,
  body.is-mode-gelap .idm-blok-sosial__komentar,
  body.is-mode-gelap .idm-blok-tag__kotak ul li a,
  body.is-mode-gelap .idm-blok-tag__label,
  body.is-mode-gelap .idm-blok-topik__teks a,
  body.is-mode-gelap .idm-blok-video .idm-blok-video__teks a,
  body.is-mode-gelap .idm-blok__kepala .idm-blok__judul,
  body.is-mode-gelap .idm-blok__lainnya:hover,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor,
  body.is-mode-gelap select.idm-pemilih-kategori,
  body.is-mode-gelap .idm-kredit__nama a,
  .is-mode-gelap .idm-komentar__judul-balas,
  .is-mode-gelap .idm-blok-tag--populer .idm-navigasi__menu li a {
    color: #fff;
  }

  body.is-mode-gelap .idm-blok-kisi-daftar__teks:after,
  body.is-mode-gelap .idm-blok-topik__teks:after {
    background: #5a5a5a;
  }

  body.is-mode-gelap .idm-pemilih-tanggal,
  body.is-mode-gelap .idm-kotak-penulis__berbagi,
  body.is-mode-gelap .idm-komentar__form input,
  body.is-mode-gelap .idm-komentar__form textarea,
  body.is-mode-gelap .idm-blok-kisi-daftar__item,
  body.is-mode-gelap .idm-blok-indeks .idm-blok-indeks__teks,
  body.is-mode-gelap .idm-blok-daftar__teks,
  body.is-mode-gelap .idm-pagination .idm-artikel__reaction,
  body.is-mode-gelap .idm-pagination__index a,
  body.is-mode-gelap .idm-blok-populer__teks,
  body.is-mode-gelap .idm-blok-terkait__item,
  body.is-mode-gelap .idm-navigasi__subkategori,
  body.is-mode-gelap .idm-blok-topik__item,
  body.is-mode-gelap .idm-blok-video .idm-blok-video__teks,
  body.is-mode-gelap select.idm-pemilih-kategori,
  body.is-mode-gelap .idm-blok-kolom .idm-blok-kolom__gambar,
  body.is-mode-gelap .idm-avatar__gambar,
  body.is-mode-gelap .idm-kotak-penulis__gambar {
    border-color: #262626;
  }

  body.is-mode-gelap .idm-pagination-artikel,
  body.is-mode-gelap .idm-pagination {
    border-color: #1f1f1f;
  }

  body.is-mode-gelap .idm-komentar__catatan,
  body.is-mode-gelap .idm-komentar__moderasi,
  body.is-mode-gelap .idm-komentar__teks,
  body.is-mode-gelap .idm-arsip__deskripsi,
  body.is-mode-gelap .idm-halaman-404__deskripsi,
  body.is-mode-gelap .idm-blok-indeks .idm-blok-indeks__tanggal,
  body.is-mode-gelap .idm-artikel__meta,
  body.is-mode-gelap .idm-reaksi__item,
  body.is-mode-gelap .idm-blok-geser__waktu,
  body.is-mode-gelap .idm-blok-video .idm-blok-video__waktu,
  body.is-mode-gelap .idm-kredit__label {
    color: #999;
  }

  body.is-mode-gelap .idm-blok-populer__item:hover .idm-blok-populer__teks {
    background: transparent;
  }

  body.is-mode-gelap .idm-pagination .idm-artikel__halaman-nomor,
  body.is-mode-gelap .idm-berbagi__lengket,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor.idm-pagination__elipsis:hover,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__berikutnya,
  body.is-mode-gelap .idm-avatar__gambar,
  body.is-mode-gelap .idm-kotak-penulis__gambar {
    background: #3b3b3b;
  }

  body.is-mode-gelap .idm-reaksi__item .idm-reaksi__ikon {
    -webkit-filter: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%)
      contrast(100%);
    filter: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%) contrast(100%);
  }

  body.is-mode-gelap .idm-pagination .idm-artikel__halaman-nomor,
  .is-mode-gelap .idm-blok-tag--populer,
  body.is-mode-gelap .idm-blok-tag__kotak ul li a,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor.idm-pagination__elipsis:hover,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__berikutnya {
    border-color: #3b3b3b;
  }

  body.is-mode-gelap .idm-komentar__form .idm-formulir__kirim input,
  body.is-mode-gelap .idm-pagination .idm-artikel__halaman-nomor.is-sekarang,
  body.is-mode-gelap .idm-pagination .idm-artikel__halaman-nomor:hover,
  body.is-mode-gelap .idm-pagination__berikutnya:hover,
  body.is-mode-gelap .idm-blok-tag__kotak ul li a:hover,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor.is-aktif,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor.is-sekarang,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor:hover {
    background: var(--primary);
  }

  body.is-mode-gelap .idm-blok-iklan__lengket-bottom {
    background: hsl(0deg 0% 0% / 80%);
  }

  body.is-mode-gelap .idm-pagination .idm-artikel__halaman-nomor.is-sekarang,
  body.is-mode-gelap .idm-pagination__berikutnya:hover,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor.is-aktif,
  body.is-mode-gelap .idm-blok__pagination .idm-pagination__nomor:hover {
    border-color: var(--primary);
  }

  body.is-mode-gelap .idm-iklan__badan:before {
    background-color: #1f1f1f;
    color: #999;
  }

  body.is-mode-gelap .idm-media__gambar:after {
    background-image: linear-gradient(
      90deg,
      rgb(0 0 0 / 0%) 0,
      rgb(0 0 0 / 20%) 20%,
      rgb(0 0 0 / 50%) 60%,
      rgb(0 0 0 / 0%)
    );
  }

  body.is-mode-gelap .idm-blok-sosial__jaringan ul li a:hover,
  body.is-mode-gelap .idm-blok-terkait .idm-blok__kepala .idm-blok__judul {
    color: var(--primary);
  }

  body.is-mode-gelap .idm-blok-kisi .idm-blok-kisi__teks a:hover,
  body.is-mode-gelap .idm-blok-kisi-daftar__teks a:hover,
  body.is-mode-gelap .idm-blok-indeks .idm-blok-indeks__teks a:hover,
  body.is-mode-gelap .idm-blok-kolom__teks a:hover,
  body.is-mode-gelap .idm-blok-daftar__teks a:hover,
  body.is-mode-gelap .idm-blok-populer__teks a:hover,
  body.is-mode-gelap .idm-blok-terkait__item .idm-blok-terkait__teks a:hover,
  body.is-mode-gelap .idm-blok-geser .idm-blok-geser__teks a:hover,
  body.is-mode-gelap .idm-blok-topik__teks a:hover,
  body.is-mode-gelap .idm-blok-video .idm-blok-video__teks a:hover {
    color: var(--primary);
  }

  body.is-mode-gelap .idm-berbagi__body {
    background: #1e1e1e;
  }

  body.is-mode-gelap .idm-pencarian__tombol {
    background: transparent;
  }

  .is-mode-gelap .idm-header__merek .idm-merek__logo--terang {
    display: none !important;
  }

  .is-mode-gelap .idm-header__merek .idm-merek__logo--gelap {
    display: block;
  }
}

/* ===== Preferensi mode gelap sistem ===== */

@media (prefers-color-scheme: dark) {
  body.is-mode-otomatis .idm-navigasi__tombol-menu:before {
    background-color: #292929;
  }

  body.is-mode-otomatis {
    background: #161616;
  }

  body.is-mode-otomatis .idm-papan-atas,
  body.is-mode-otomatis .idm-main,
  body.is-mode-otomatis .idm-main__baris .idm-blok.idm-blok-sosial,
  body.is-mode-otomatis select.idm-pemilih-kategori option {
    background: #1c1c1c;
  }

  body.is-mode-otomatis .idm-papan-atas,
  body.is-mode-otomatis .idm-main {
    background: #1c1c1c;
  }

  body.is-mode-otomatis .idm-komentar__form input,
  body.is-mode-otomatis .idm-komentar__form textarea,
  body.is-mode-otomatis .idm-komentar__kepala,
  body.is-mode-otomatis .idm-komentar__baris,
  body.is-mode-otomatis .idm-media__gambar:before,
  body.is-mode-otomatis .idm-blok-sosial__jaringan,
  body.is-mode-otomatis .idm-pagination,
  body.is-mode-otomatis .idm-pagination .idm-artikel__halaman-nomor,
  body.is-mode-otomatis .idm-berbagi__body,
  body.is-mode-otomatis .idm-berbagi__popup,
  body.is-mode-otomatis .idm-blok-tag__kotak ul li a {
    background: #1e1e1e;
  }

  body.is-mode-otomatis,
  body.is-mode-otomatis .idm-pemilih-tanggal,
  body.is-mode-otomatis .idm-pemilih-tanggal::placeholder,
  body.is-mode-otomatis .idm-kotak-penulis__nama,
  body.is-mode-otomatis .idm-komentar__form input,
  body.is-mode-otomatis .idm-komentar__form input::placeholder,
  body.is-mode-otomatis .idm-komentar__form textarea,
  body.is-mode-otomatis .idm-komentar__form textarea::placeholder,
  body.is-mode-otomatis .idm-komentar__kepala .idm-komentar__judul,
  body.is-mode-otomatis .idm-komentar__nama,
  body.is-mode-otomatis .idm-komentar__nama a,
  body.is-mode-otomatis .idm-komentar__kaki,
  body.is-mode-otomatis .idm-komentar__kaki a,
  body.is-mode-otomatis .idm-halaman-404__deskripsi,
  body.is-mode-otomatis .idm-halaman-404__judul,
  body.is-mode-otomatis .idm-blok-kisi .idm-blok-kisi__teks a,
  body.is-mode-otomatis .idm-blok-kisi-daftar__teks a,
  body.is-mode-otomatis .idm-blok-indeks .idm-blok-indeks__teks a,
  body.is-mode-otomatis .idm-blok-kolom__teks a,
  body.is-mode-otomatis .idm-blok-daftar__teks a,
  body.is-mode-otomatis .idm-blok-sosial__jaringan ul li a,
  body.is-mode-otomatis .idm-pagination .idm-artikel__halaman-nomor,
  body.is-mode-otomatis .idm-pagination__index a,
  body.is-mode-otomatis .idm-pagination-artikel__label,
  body.is-mode-otomatis .idm-blok-populer__teks a,
  body.is-mode-otomatis .idm-artikel__judul,
  body.is-mode-otomatis .idm-redaksi,
  body.is-mode-otomatis .idm-redaksi a,
  body.is-mode-otomatis .idm-redaksi b,
  body.is-mode-otomatis .idm-redaksi__item a,
  body.is-mode-otomatis .idm-blok-terkait__item .idm-blok-terkait__teks a,
  body.is-mode-otomatis .idm-berbagi__deskripsi,
  body.is-mode-otomatis .idm-berbagi__label,
  body.is-mode-otomatis .idm-berbagi__popup,
  body.is-mode-otomatis .idm-berbagi__popup-label,
  body.is-mode-otomatis .idm-berbagi__popup-judul,
  body.is-mode-otomatis .idm-berbagi__judul,
  body.is-mode-otomatis .idm-blok-geser .idm-blok-geser__teks a,
  body.is-mode-otomatis .idm-blok-sosial__komentar,
  body.is-mode-otomatis .idm-blok-tag__kotak ul li a,
  body.is-mode-otomatis .idm-blok-tag__label,
  body.is-mode-otomatis .idm-blok-topik__teks a,
  body.is-mode-otomatis .idm-blok-video .idm-blok-video__teks a,
  body.is-mode-otomatis .idm-blok__kepala .idm-blok__judul,
  body.is-mode-otomatis .idm-blok__lainnya:hover,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor,
  body.is-mode-otomatis select.idm-pemilih-kategori,
  body.is-mode-otomatis .idm-kredit__nama a,
  .is-mode-otomatis .idm-blok-tag--populer .idm-navigasi__menu li a {
    color: #fff;
  }

  body.is-mode-otomatis .idm-avatar__gambar,
  body.is-mode-otomatis .idm-kotak-penulis__gambar,
  body.is-mode-otomatis .idm-pemilih-tanggal,
  body.is-mode-otomatis .idm-kotak-penulis__berbagi,
  body.is-mode-otomatis .idm-pagination-artikel,
  body.is-mode-otomatis .idm-komentar__form input,
  body.is-mode-otomatis .idm-komentar__form textarea,
  body.is-mode-otomatis .idm-komentar__kepala,
  body.is-mode-otomatis .idm-blok-kisi .idm-blok-kisi__item,
  body.is-mode-otomatis .idm-blok-kisi-daftar__item,
  body.is-mode-otomatis .idm-blok-indeks .idm-blok-indeks__teks,
  body.is-mode-otomatis .idm-blok-indeks__item,
  body.is-mode-otomatis .idm-blok-kolom .idm-blok-kolom__item,
  body.is-mode-otomatis .idm-blok-daftar__item,
  body.is-mode-otomatis .idm-blok-daftar__teks,
  body.is-mode-otomatis .idm-main .idm-blok__isi,
  body.is-mode-otomatis .idm-pagination,
  body.is-mode-otomatis .idm-pagination .idm-artikel__halaman-nomor,
  body.is-mode-otomatis .idm-pagination .idm-artikel__reaction,
  body.is-mode-otomatis .idm-pagination__index a,
  body.is-mode-otomatis .idm-blok-populer__item,
  body.is-mode-otomatis .idm-blok-populer__teks,
  body.is-mode-otomatis .idm-blok-terkait__item,
  body.is-mode-otomatis .idm-navigasi__subkategori,
  body.is-mode-otomatis .idm-blok-tag__kotak ul li a,
  body.is-mode-otomatis .idm-blok-topik__item,
  body.is-mode-otomatis .idm-blok-video .idm-blok-video__teks,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor,
  body.is-mode-otomatis select.idm-pemilih-kategori {
    border-color: #292929;
  }

  body.is-mode-otomatis .idm-avatar__gambar,
  body.is-mode-otomatis .idm-kotak-penulis__gambar,
  body.is-mode-otomatis .idm-pagination .idm-artikel__halaman-nomor,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor.idm-pagination__elipsis:hover,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__berikutnya {
    background: #3b3b3b;
  }

  body.is-mode-otomatis .idm-pagination__index a,
  body.is-mode-otomatis .idm-navigasi__daftar ul.idm-navigasi__menu,
  body.is-mode-otomatis .idm-pencarian__input {
    background: #292929;
  }

  .is-mode-otomatis .idm-iklan__spanduk:before {
    background-color: #252525;
  }

  body.is-mode-otomatis .idm-artikel__featured figcaption,
  body.is-mode-otomatis .idm-komentar__catatan,
  body.is-mode-otomatis .idm-komentar__moderasi,
  body.is-mode-otomatis .idm-komentar__teks,
  body.is-mode-otomatis .idm-blok-indeks__meta,
  body.is-mode-otomatis .idm-artikel__meta,
  body.is-mode-otomatis .idm-gambar figcaption,
  body.is-mode-otomatis .idm-blok-geser__waktu,
  body.is-mode-otomatis .idm-blok-video .idm-blok-video__waktu,
  body.is-mode-otomatis .idm-artikel__featured figcaption,
  body.is-mode-otomatis .idm-artikel__article figcaption,
  body.is-mode-otomatis .idm-arsip__deskripsi {
    color: #999;
  }

  body.is-mode-otomatis .idm-reaksi__item .idm-reaksi__ikon {
    -webkit-filter: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%)
      contrast(100%);
    filter: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%) contrast(100%);
  }

  body.is-mode-otomatis .idm-pagination .idm-artikel__halaman-nomor.is-sekarang,
  body.is-mode-otomatis .idm-pagination__berikutnya:hover,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor.is-aktif,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor:hover {
    border-color: var(--primary);
  }

  body.is-mode-otomatis .idm-media__gambar:after {
    background-image: linear-gradient(
      90deg,
      rgb(0 0 0 / 0%) 0,
      rgb(0 0 0 / 20%) 20%,
      rgb(0 0 0 / 50%) 60%,
      rgb(0 0 0 / 0%)
    );
  }

  body.is-mode-otomatis .idm-navigasi__daftar .idm-blok__kepala {
    background: 0 0;
  }

  body.is-mode-otomatis .idm-komentar__form .idm-formulir__kirim input,
  body.is-mode-otomatis .idm-pagination .idm-artikel__halaman-nomor.is-sekarang,
  body.is-mode-otomatis .idm-pagination__berikutnya:hover,
  body.is-mode-otomatis .idm-blok-tag__kotak ul li a:hover,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor.is-aktif,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor.is-sekarang,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor:hover {
    background: var(--primary);
  }

  .is-mode-otomatis .idm-header__merek .idm-merek__logo--terang {
    display: none !important;
  }

  .is-mode-otomatis .idm-header__merek .idm-merek__logo--gelap {
    display: block;
  }

  body.is-mode-otomatis .idm-iklan__spanduk:before {
    background-color: #181818;
  }

  body.is-mode-otomatis,
  body.is-mode-otomatis select.idm-pemilih-kategori option {
    background: #1c1c1c;
  }

  body.is-mode-otomatis .idm-komentar__form input,
  body.is-mode-otomatis .idm-komentar__form textarea,
  body.is-mode-otomatis .idm-komentar__baris,
  body.is-mode-otomatis .idm-blok-kisi-daftar__item,
  body.is-mode-otomatis .idm-blok-sorotan,
  body.is-mode-otomatis .idm-media__gambar:before,
  body.is-mode-otomatis .idm-blok-sosial__jaringan,
  body.is-mode-otomatis .idm-pagination,
  body.is-mode-otomatis .idm-blok-populer__item,
  body.is-mode-otomatis .idm-blok-populer__teks,
  body.is-mode-otomatis .idm-berbagi__popup,
  body.is-mode-otomatis .idm-blok-sosial,
  body.is-mode-otomatis .idm-blok-tag__kotak ul li a,
  body.is-mode-otomatis .idm-blok-topik__item,
  body.is-mode-otomatis .idm-blok.idm-blok-terkait,
  body.is-mode-otomatis .idm-blok-video .idm-blok-video__item:first-child .idm-blok-video__teks {
    background: var(--idm-warna-latar-header);
  }

  body.is-mode-otomatis .idm-blok-populer__item:hover {
    background: var(--idm-warna-latar-nav-aktif);
  }

  body.is-mode-otomatis,
  body.is-mode-otomatis .idm-pemilih-tanggal,
  body.is-mode-otomatis .idm-pemilih-tanggal::placeholder,
  body.is-mode-otomatis .idm-kotak-penulis__nama,
  body.is-mode-otomatis .idm-komentar__form input,
  body.is-mode-otomatis .idm-komentar__form input::placeholder,
  body.is-mode-otomatis .idm-komentar__form textarea,
  body.is-mode-otomatis .idm-komentar__form textarea::placeholder,
  body.is-mode-otomatis .idm-komentar__kepala .idm-komentar__judul,
  body.is-mode-otomatis .idm-komentar__nama,
  body.is-mode-otomatis .idm-komentar__nama a,
  body.is-mode-otomatis .idm-komentar__kaki,
  body.is-mode-otomatis .idm-komentar__kaki a,
  body.is-mode-otomatis .idm-halaman-404__judul,
  body.is-mode-otomatis .idm-blok-kisi .idm-blok-kisi__teks a,
  body.is-mode-otomatis .idm-blok-kisi-daftar__teks a,
  body.is-mode-otomatis .idm-blok-indeks .idm-blok-indeks__teks a,
  body.is-mode-otomatis .idm-blok-kolom__teks a,
  body.is-mode-otomatis .idm-blok-daftar__teks a,
  body.is-mode-otomatis .idm-blok-sosial__jaringan ul li a,
  body.is-mode-otomatis .idm-pagination .idm-artikel__halaman-nomor,
  body.is-mode-otomatis .idm-pagination__index a,
  body.is-mode-otomatis .idm-pagination-artikel__label,
  body.is-mode-otomatis .idm-blok-populer__teks a,
  body.is-mode-otomatis .idm-artikel__judul,
  body.is-mode-otomatis .idm-redaksi__item a,
  body.is-mode-otomatis .idm-blok-terkait__item .idm-blok-terkait__teks a,
  body.is-mode-otomatis .idm-berbagi__deskripsi,
  body.is-mode-otomatis .idm-berbagi__label,
  body.is-mode-otomatis .idm-berbagi__popup,
  body.is-mode-otomatis .idm-berbagi__popup-label,
  body.is-mode-otomatis .idm-berbagi__popup-judul,
  body.is-mode-otomatis .idm-berbagi__judul,
  body.is-mode-otomatis .idm-blok-geser .idm-blok-geser__teks a,
  body.is-mode-otomatis .idm-blok-sosial__komentar,
  body.is-mode-otomatis .idm-blok-tag__kotak ul li a,
  body.is-mode-otomatis .idm-blok-tag__label,
  body.is-mode-otomatis .idm-blok-topik__teks a,
  body.is-mode-otomatis .idm-blok-video .idm-blok-video__teks a,
  body.is-mode-otomatis .idm-blok__kepala .idm-blok__judul,
  body.is-mode-otomatis .idm-blok__lainnya:hover,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor,
  body.is-mode-otomatis select.idm-pemilih-kategori,
  body.is-mode-otomatis .idm-kredit__nama a,
  .is-mode-otomatis .idm-komentar__judul-balas,
  .is-mode-otomatis .idm-blok-tag--populer .idm-navigasi__menu li a {
    color: #fff;
  }

  body.is-mode-otomatis .idm-blok-kisi-daftar__teks:after,
  body.is-mode-otomatis .idm-blok-topik__teks:after {
    background: #5a5a5a;
  }

  body.is-mode-otomatis .idm-pemilih-tanggal,
  body.is-mode-otomatis .idm-kotak-penulis__berbagi,
  body.is-mode-otomatis .idm-komentar__form input,
  body.is-mode-otomatis .idm-komentar__form textarea,
  body.is-mode-otomatis .idm-komentar__kepala,
  body.is-mode-otomatis .idm-blok-kisi-daftar__item,
  body.is-mode-otomatis .idm-blok-indeks .idm-blok-indeks__teks,
  body.is-mode-otomatis .idm-blok-daftar__teks,
  body.is-mode-otomatis .idm-pagination .idm-artikel__reaction,
  body.is-mode-otomatis .idm-pagination__index a,
  body.is-mode-otomatis .idm-blok-populer__teks,
  body.is-mode-otomatis .idm-blok-terkait__item,
  body.is-mode-otomatis .idm-navigasi__subkategori,
  body.is-mode-otomatis .idm-blok-topik__item,
  body.is-mode-otomatis .idm-blok-video .idm-blok-video__teks,
  body.is-mode-otomatis select.idm-pemilih-kategori,
  body.is-mode-otomatis .idm-blok-kolom .idm-blok-kolom__gambar,
  body.is-mode-otomatis .idm-avatar__gambar,
  body.is-mode-otomatis .idm-kotak-penulis__gambar {
    border-color: #262626;
  }

  body.is-mode-otomatis .idm-pagination-artikel,
  body.is-mode-otomatis .idm-pagination {
    border-color: #1f1f1f;
  }

  body.is-mode-otomatis .idm-komentar__catatan,
  body.is-mode-otomatis .idm-komentar__moderasi,
  body.is-mode-otomatis .idm-komentar__teks,
  body.is-mode-otomatis .idm-arsip__deskripsi,
  body.is-mode-otomatis .idm-halaman-404__deskripsi,
  body.is-mode-otomatis .idm-blok-indeks .idm-blok-indeks__tanggal,
  body.is-mode-otomatis .idm-artikel__meta,
  body.is-mode-otomatis .idm-reaksi__item,
  body.is-mode-otomatis .idm-blok-geser__waktu,
  body.is-mode-otomatis .idm-blok-video .idm-blok-video__waktu,
  body.is-mode-otomatis .idm-kredit__label {
    color: #999;
  }

  body.is-mode-otomatis .idm-blok-populer__item:hover .idm-blok-populer__teks {
    background: transparent;
  }

  body.is-mode-otomatis .idm-pagination .idm-artikel__halaman-nomor,
  body.is-mode-otomatis .idm-berbagi__lengket,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor.idm-pagination__elipsis:hover,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__berikutnya,
  body.is-mode-otomatis .idm-avatar__gambar,
  body.is-mode-otomatis .idm-kotak-penulis__gambar {
    background: #3b3b3b;
  }

  body.is-mode-otomatis .idm-reaksi__item .idm-reaksi__ikon {
    -webkit-filter: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%)
      contrast(100%);
    filter: invert(100%) sepia(1%) saturate(136%) hue-rotate(333deg) brightness(109%) contrast(100%);
  }

  body.is-mode-otomatis .idm-pagination .idm-artikel__halaman-nomor,
  .is-mode-otomatis .idm-blok-tag--populer,
  body.is-mode-otomatis .idm-blok-tag__kotak ul li a,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor.idm-pagination__elipsis:hover,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__berikutnya {
    border-color: #3b3b3b;
  }

  body.is-mode-otomatis .idm-komentar__form .idm-formulir__kirim input,
  body.is-mode-otomatis .idm-pagination .idm-artikel__halaman-nomor.is-sekarang,
  body.is-mode-otomatis .idm-pagination .idm-artikel__halaman-nomor:hover,
  body.is-mode-otomatis .idm-pagination__berikutnya:hover,
  body.is-mode-otomatis .idm-blok-tag__kotak ul li a:hover,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor.is-aktif,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor.is-sekarang,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor:hover {
    background: var(--primary);
  }

  body.is-mode-otomatis .idm-blok-iklan__lengket-bottom {
    background: hsl(0deg 0% 0% / 80%);
  }

  body.is-mode-otomatis .idm-pagination .idm-artikel__halaman-nomor.is-sekarang,
  body.is-mode-otomatis .idm-pagination__berikutnya:hover,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor.is-aktif,
  body.is-mode-otomatis .idm-blok__pagination .idm-pagination__nomor:hover {
    border-color: var(--primary);
  }

  body.is-mode-otomatis .idm-iklan__badan:before {
    background-color: #1f1f1f;
    color: #999;
  }

  body.is-mode-otomatis .idm-media__gambar:after {
    background-image: linear-gradient(
      90deg,
      rgb(0 0 0 / 0%) 0,
      rgb(0 0 0 / 20%) 20%,
      rgb(0 0 0 / 50%) 60%,
      rgb(0 0 0 / 0%)
    );
  }

  body.is-mode-otomatis .idm-blok-sosial__jaringan ul li a:hover,
  body.is-mode-otomatis .idm-blok-terkait .idm-blok__kepala .idm-blok__judul {
    color: var(--primary);
  }

  body.is-mode-otomatis .idm-blok-kisi .idm-blok-kisi__teks a:hover,
  body.is-mode-otomatis .idm-blok-kisi-daftar__teks a:hover,
  body.is-mode-otomatis .idm-blok-indeks .idm-blok-indeks__teks a:hover,
  body.is-mode-otomatis .idm-blok-kolom__teks a:hover,
  body.is-mode-otomatis .idm-blok-daftar__teks a:hover,
  body.is-mode-otomatis .idm-blok-populer__teks a:hover,
  body.is-mode-otomatis .idm-blok-terkait__item .idm-blok-terkait__teks a:hover,
  body.is-mode-otomatis .idm-blok-geser .idm-blok-geser__teks a:hover,
  body.is-mode-otomatis .idm-blok-topik__teks a:hover,
  body.is-mode-otomatis .idm-blok-video .idm-blok-video__teks a:hover {
    color: var(--primary);
  }

  body.is-mode-otomatis .idm-berbagi__body {
    background: #1e1e1e;
  }

  body.is-mode-otomatis .idm-pencarian__tombol {
    background: transparent;
  }

  .is-mode-otomatis .idm-header__merek .idm-merek__logo--terang {
    display: none !important;
  }

  .is-mode-otomatis .idm-header__merek .idm-merek__logo--gelap {
    display: block;
  }
}