@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
body {
  --bg-body: #F2F2F2;
  --bg-main: #fff;
  --bg-white: #fff;
  --bg-white-lv2: #fff;
  --bg-gray-med: #f0f0f0;
  --bg-gray-bold: #efedef;
  --bg-blue-lite: #F1F6FC;
  --bg-blue-inverted: #dfdfdf;
  --bg-place: #F2F2F2;
  --bg-black: #000;
  --bg-black-transparent: rgba(255,255,255,.75);
  --bg-input: #fff;
  --bg-toggle: #d7d7d7;
  --bg-radio: #f4f4f4;
  --bg-disabled: #DADADA;
  --cl-main: #1a1a1a;
  --cl-white: #fff;
  --cl-gray: #717171;
  --cl-gray-lite: #999;
  --cl-gray-med: #666;
  --cl-gray-bold: #545454;
  --cl-blue: #3CA5DD;
  --cl-red: #ff0000;
  --cl-orange: #E55225;
  --br-black: #000;
  --br-gray-bold: #9b9b9b;
  --br-gray-med: #C9C9CA;
  --br-grey-reg: #DBDBDB;
  --br-gray-lite: #E5E5E5;
  --br-list: #E2E2E2;
  --br-list-lv2: #e3e2e3;
  --br-blue: #3CA5DD;
  --cl-shadow: #f1f1f1;
  --cl-shadow-none: #ddd;
  --cl-shadow-nav: rgba(0, 0, 0, 0.75);
  --cl-shadow-inset: 0 3px 6px rgba(0, 0, 0, 0.16) inset, 0 3px 6px rgba(0, 0, 0, 0.16);
  --cl-hover: #000;
  --cl-alpha: 1;
  --img-filter: none;
  --img-grayscale: none;
  --img-dark: 0;
  --img-light: 1;
  --img-kolom: none;
  --ico-invert: invert(1);
  --bg-title: transparent;
  --cl-title: #4a4a4a;
  --bg-panel1: #3a3a3a;
  --bg-panel2: #424242;
  --bg-most: #71C4D6;
  --bg-most2: #e7e7e7;
  --br-most: #fff;
  --bg-breaking1: #dedede;
  --bg-breaking2: #eaeaea;
  --cl-breaking1: #ed1c24;
  --cl-crumb: #E55225;
  --bg-share: #dcdcdc;
  --weight-title: 500;
  --bg-topic: #9b9b9b;
  --cl-video-disabled: 255,255,255;
  --bg-copy: 0,0,0;
  --cl-copy: #fff;
  --bg-info: #daeaf7;
  --bg-auto-bar: #bbe7ff;
  --bg-comment: 245, 252, 255;
  --bg-comment-hover: #d6eefa;
  --bg-comment2: #eff5f7;
  --bg-comment3: #E4F4FC;
  --bg-banner1: rgba(255, 255, 255, 0.8);
  --bg-adsbox: #fff;
  --bg-brandz: #f2f2f2;
  --cl-brandz-border: #fff;
  --cl-bangkit: #B9B9B9;
  --cl-parapuan: #F4D2CA;
  --cl-parapuan-dark: #833275;
  --bg-profile: #E7F7FB;
  --br-profile: #C9E6EE;
  --cl-anchor: #1FB9E1;
  --br-anchor: #1FB9E1;
  --bg-warticle: #f1f1f1;
  --bg-warning: #FFF7E9;
  --br-warning:#FFE5B7;
  --bg-smart: #EAF5FB;
  --bg-dark-sun: #ffb42b;
  --bg-dark-shade: transparent;
  --bg-dark-light: #ffb42b;
  --bg-submenu: #383838;
  --bg-submenu2: #fff;
  --cl-submenu: #fff;
  --bg-news-menu1: #f62d1d;
  --bg-news-menu2: #de1e0e;
  --bg-news-menu3: #bd190c;
  --bg-tren: #1FB9E1;
  --bg-tren-subtitle: #fff;
  --cl-tren: #1FB9E1;
  --cl-grey-border: #EBEBEB;
  --bg-toc: #edf1fd;
  --cl-toc: #3c5cb9;
  --cl-infografik: #AD0243;
  --bg-infografik: #AD0243;
  --cl-gray-video: #A0A4A8;
  --bg-video-kg: #B70000;
  --bg-cekfakta: #CC0000;
  --bg-blogger: #ebf8ff;
  --bg-modal: rgba(255,255,255,.9);
  --bg-modal-header: #F6F9F9;
  --cl-modal-black: #000;
  --cl-modal-dark: #666;
  --img-modal-gray: none;
  --cl-txt: #333;
  --cl-time: #959595;
  --cl-time2: #888;
  --bg-section-title: #F3F5F6;
  --bg-time: #333;
  --bg-bullet: #C9C9C9;
  --br-item: #E3E3E3;
  --br-tab: #D9D9D9;
  --br-tab2: #e5e5e5;
  --cl-tab2: #A7A7A7;
  --cl-channel: #BF451F;
  --cl-blue3: #007AFF;
  --cl-blue2: #007AFF;
  --br-item2: #dfdfdf;
  --filter-gray2: invert(39%) sepia(5%) saturate(18%) hue-rotate(109deg) brightness(98%) contrast(89%);
  --bg-btn2: #fff;
  --hover-bg-btn2: #fff;
  --hover-cl-btn2: #0068DA;
  --hover-br-btn2: #0068DA;
  --active-bg-btn2: #f1f1f1;
  --active-br-btn2: #0056B4;
  --active-cl-btn2: #0056B4; }

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  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; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.slick-track:before, .slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir=rtl] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.videoKGSlider {
  width: 100%; }
  .videoKGSlider-wrap {
    width: 760px;
    height: 240px;
    overflow: hidden;
    position: relative;
    padding: 0 0 20px;
    margin: 0 -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .videoKGSlider .icon-photo-slider {
    background-color: var(--cl-white);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16);
    font-size: 18px;
    border-radius: 50%;
    padding: 3px 6px 0;
    text-align: center;
    position: absolute;
    top: calc(50% - 23px);
    z-index: 2;
    width: 24px;
    height: 24px;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transform: scale(1.3);
    transform: scale(1.3); }
    .videoKGSlider .icon-photo-slider svg {
      -webkit-filter: invert(1);
      filter: invert(1); }
    .videoKGSlider .icon-photo-slider.slick-disabled {
      opacity: 0; }
  .videoKGSlider .icon-photo-left {
    left: 8px; }
  .videoKGSlider .icon-photo-right {
    right: 8px; }

.videoKG-item {
  width: calc(100% / 4);
  display: block;
  padding: 20px 10px; }
  .videoKG-item > a {
    display: block; }

.videoKG-image {
  width: 100%;
  margin-bottom: 5px;
  background: var(--bg-gray-med);
  overflow: hidden;
  position: relative;
  height: 96px; }
  .videoKG-image img {
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Safari */
    transform: translate(-50%, -50%);
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter); }

.videoKG-title {
  height: 56px;
  max-height: 56px;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
  border-bottom: none;
  color: var(--cl-main);
  margin-top: 10px;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 3;
  display: -webkit-box; }

.videoKG-duration {
  position: absolute;
  z-index: 1;
  bottom: 5px;
  right: 5px;
  background: rgba(0, 0, 0, 0.75);
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: var(--cl-white);
  padding: 5px 5px 5px 20px;
  border-radius: 4px; }
  .videoKG-duration:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E");
    -webkit-filter: invert(100%) sepia(0%) saturate(31%) hue-rotate(59deg) brightness(106%) contrast(107%);
    filter: invert(100%) sepia(0%) saturate(31%) hue-rotate(59deg) brightness(106%) contrast(107%); }

.videoKG-info {
  font-size: 12px;
  font-weight: 400;
  color: var(--cl-gray-video); }

.videoKG-date {
  font-size: 14px;
  color: var(--cl-gray-video); }

.rVideo-duration, .video-box-wrap.sidebar .rVideo-length {
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  background-color: var(--bg-time);
  border-radius: 4px;
  padding: 0 8px;
  position: absolute;
  z-index: 2;
  right: 8px;
  bottom: 8px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.rVideo {
  position: relative;
  width: 100%;
  margin: 20px 0 0;
  background: #fff;
  padding: 0 10px; }
  @media (min-width: 768px) {
    .rVideo {
      padding: 0; } }
  .rVideo-lead {
    padding: 10px 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--cl-main);
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%; }
    .rVideo-lead-link {
      position: absolute;
      right: 0;
      padding: 5px 10px;
      font-size: 14px;
      color: #007AFF;
      text-transform: initial;
      line-height: 1.4;
      top: calc(50% - 15px); }
  .rVideo-hl {
    position: absolute;
    bottom: 179px;
    width: 100%;
    padding: 13px 0 10px;
    height: 115px; }
    .rVideo-hl-title {
      font-family: "Roboto", sans-serif;
      font-size: 26px;
      font-weight: 300;
      color: var(--cl-main);
      height: auto;
      max-height: 68px;
      overflow: hidden;
      margin-bottom: 5px; }
    .rVideo-hl-info {
      font-size: 14px;
      color: var(--cl-gray-video);
      height: 19px; }
  .rVideo-player {
    position: relative;
    width: 300px;
    padding-top: calc(9/16 * 300px);
    background-color: var(--bg-gray-med); }
    .rVideo-player-unready {
      visibility: hidden; }
      .rVideo-player-unready ~ .rVideo-player-box {
        visibility: hidden; }
    .rVideo-player-btn {
      background: rgba(255, 255, 255, 0.4);
      z-index: 3;
      position: absolute;
      width: 64px;
      height: 64px;
      border-radius: 100%;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      .rVideo-player-btn::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 55%;
        -webkit-transform: translate(-55%, -50%);
        transform: translate(-55%, -50%);
        border-style: solid;
        border-width: 10px 0 10px 20px;
        border-color: transparent transparent transparent #fff; }
    .rVideo-player-img {
      position: absolute;
      z-index: 2;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .rVideo-player-paused {
      position: absolute;
      border-radius: 8px;
      border: 1px solid #fff;
      color: #fff;
      padding: 12px 17px 12px 50px;
      min-width: 240px;
      text-align: center;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-transition: .5s ease;
      transition: .5s ease;
      opacity: 0; }
      .rVideo-player-paused::before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        background-color: #fff;
        left: 20px;
        -webkit-transition: .5s ease;
        transition: .5s ease; }
      .rVideo-player-paused::after {
        content: '';
        position: absolute;
        top: 18px;
        left: 27px;
        border-style: solid;
        border-width: 4px 0 4px 8px;
        border-color: transparent transparent transparent #000;
        -webkit-transition: .5s ease;
        transition: .5s ease; }
      .rVideo-player-paused:hover {
        background: #fff;
        color: #000; }
        .rVideo-player-paused:hover::before {
          background-color: #000; }
        .rVideo-player-paused:hover::after {
          border-color: transparent transparent transparent #fff; }
    .rVideo-player-link {
      position: absolute;
      z-index: 3;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0); }
      .rVideo-player-link.-enabled {
        background: rgba(0, 0, 0, 0.3); }
        .rVideo-player-link.-enabled .rVideo-player-paused {
          opacity: 1; }
      .rVideo-player-link.-ads {
        visibility: hidden; }
  .rVideo-list {
    background: var(--bg-white);
    margin: 0 -4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: absolute;
    bottom: 0;
    z-index: 1;
    padding-left: 10px;
    padding-top: 10px;
    height: 174px; }
    .rVideo-list.slick-slider {
      position: absolute;
      width: 100%;
      display: block;
      margin: 0; }
    .rVideo-list .info-banner-arrow {
      width: 40px;
      height: 40px;
      top: 33px;
      border: 1px solid var(--br-gray-lite); }
    .rVideo-list .icon-arrow:after {
      width: 12px;
      height: 12px; }
    .rVideo-list .icon-arrow-left {
      margin-left: 5px; }
    .rVideo-list .icon-arrow-right {
      margin-right: 3px; }
    .rVideo-list .info-banner-arrow.-left {
      left: 0; }
  .rVideo-button {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: -22px;
    z-index: 3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid transparent;
    width: 22px;
    height: 43px;
    background: #E2E2E2;
    border-radius: 3px 0 0 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16); }
    .rVideo-button > span {
      position: relative;
      display: block;
      text-indent: -70px;
      overflow: hidden;
      -webkit-transform: rotate(0deg) translateX(2.5px);
      transform: rotate(0deg) translateX(2.5px);
      height: 30px;
      width: 12px; }
      .rVideo-button > span:before, .rVideo-button > span:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 3px;
        background: #0373BB; }
      .rVideo-button > span:after {
        -webkit-transform: rotate(50deg);
        transform: rotate(50deg);
        -webkit-transform-origin: left;
        transform-origin: left;
        top: 5px;
        left: 0;
        height: 2px; }
      .rVideo-button > span:before {
        top: 23px;
        left: 0;
        height: 2px;
        -webkit-transform: rotate(-50deg);
        transform: rotate(-50deg);
        -webkit-transform-origin: left;
        transform-origin: left; }
    .rVideo-button.-hide {
      visibility: hidden; }
  .rVideo-item {
    position: relative;
    width: 166px;
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    padding-left: 3px;
    padding-right: 3px; }
    .rVideo-item:before {
      content: '';
      position: absolute;
      top: 0;
      left: 3px;
      width: calc(100% - 6px);
      border-top: 5px solid transparent;
      z-index: 2; }
  .rVideo-thumbnail {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: calc(9/16 * 545.55px);
    background-color: var(--bg-gray-med); }
    .rVideo-thumbnail::before {
      position: absolute;
      content: '';
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.15);
      pointer-events: none;
      z-index: 1; }
    .rVideo-thumbnail:hover .icoVideo {
      -webkit-filter: invert(62%) sepia(55%) saturate(4696%) hue-rotate(344deg) brightness(104%) contrast(101%);
      filter: invert(62%) sepia(55%) saturate(4696%) hue-rotate(344deg) brightness(104%) contrast(101%); }
    .rVideo-thumbnail img {
      position: relative;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
    .rVideo-thumbnail .icoVideo {
      width: 60px;
      height: 60px;
      -webkit-filter: invert(100%) sepia(93%) saturate(28%) hue-rotate(107deg) brightness(106%) contrast(109%);
      filter: invert(100%) sepia(93%) saturate(28%) hue-rotate(107deg) brightness(106%) contrast(109%); }
  .rVideo-duration {
    font-size: 16px;
    height: 26px;
    border-radius: 8px; }
    .rVideo-duration:before {
      content: '';
      width: 14px;
      height: 14px;
      margin-right: 5px;
      background-size: auto 100%;
      -webkit-filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
      filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
      background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E"); }
  .rVideo-thumb {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden; }
    .rVideo-thumb img {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 1;
      width: 100%;
      -ms-transform: translate(-50%, -50%);
      /* IE 9 */
      -webkit-transform: translate(-50%, -50%);
      /* Safari */
      transform: translate(-50%, -50%); }
  .rVideo-length {
    position: absolute;
    bottom: 7px;
    right: 7px;
    z-index: 2;
    background: #000;
    padding: 5px;
    font-size: 12px;
    line-height: 1;
    color: #fff; }
  .rVideo-box {
    position: relative;
    background: var(--bg-white);
    padding: 8px 8px 8px 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  .rVideo-title {
    position: relative;
    white-space: normal;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 1.3;
    color: var(--cl-main);
    height: 40px;
    max-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */ }
  .rVideo-date {
    padding-top: 5px;
    font-size: 10px;
    line-height: 1;
    color: var(--cl-main); }
  .rVideo-link {
    display: block; }
  .rVideo-item.-active:before {
    border-top: 5px solid #1B63D4; }
  .rVideo-list.-disallowed {
    cursor: not-allowed; }
    .rVideo-list.-disallowed .rVideo-item {
      pointer-events: none; }
      .rVideo-list.-disallowed .rVideo-item:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(var(--cl-video-disabled), 0.4);
        z-index: 2; }
      .rVideo-list.-disallowed .rVideo-item .rVideo-link {
        cursor: not-allowed; }
  .rVideo-next {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden; }
    .rVideo-next.-show {
      opacity: 1;
      visibility: visible; }
    .rVideo-next-img {
      position: relative;
      width: 90px;
      height: 51px;
      -ms-flex-preferred-size: 90px;
      flex-basis: 90px;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0; }
      .rVideo-next-img img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%; }
    .rVideo-next-row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 8px 12px;
      gap: 8px; }
    .rVideo-next-info {
      position: relative;
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
    .rVideo-next-title {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      color: #fff;
      overflow: hidden;
      font-size: 14px;
      font-weight: 700; }
    .rVideo-next-time {
      position: absolute;
      bottom: 5px;
      right: 5px;
      z-index: 1;
      padding: 3px;
      font-size: 10px;
      line-height: 1;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.6);
      border-radius: 3px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .rVideo-next-time:before {
        content: '';
        width: 10px;
        height: 10px;
        margin-right: 3px;
        background-size: auto 100%;
        -webkit-filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
        filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E"); }
    .rVideo-next-second {
      letter-spacing: -0.02em;
      color: #fff;
      font-size: 10px; }
    .rVideo-next-button {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: transparent;
      color: #fff;
      border: 1px solid rgba(255, 255, 255, 0.5);
      border-radius: 8px;
      height: 32px;
      padding: 0 15px;
      font-size: 12px;
      cursor: pointer;
      font-weight: 500;
      line-height: 24px;
      margin: 0 8px;
      letter-spacing: -0.02em;
      -webkit-transition: none;
      transition: none; }
      .rVideo-next-button:hover {
        color: #fff; }
      .rVideo-next-button.-next {
        background: #666666;
        border: 1px solid #666666; }
  .rVideo-control {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden; }
    .rVideo-control.-show {
      opacity: 1;
      visibility: visible; }
    .rVideo-control-all {
      padding: 10px;
      position: relative;
      width: 100%;
      height: auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 50px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .rVideo-control-button {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: transparent;
      color: #fff;
      border: 1px solid transparent;
      border-radius: 50%;
      width: 64px;
      height: 64px;
      padding: 0;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      cursor: pointer; }
      .rVideo-control-button.-replay {
        background: rgba(255, 255, 255, 0.2); }
      .rVideo-control-button span {
        width: 18px;
        height: 18px;
        background-position: center center;
        background-size: auto 18px;
        background-repeat: no-repeat; }
    .rVideo-control-prev {
      background-image: url("data:image/svg+xml,%3Csvg width='16' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.867.998a.75.75 0 0 1 .75.75v6.91L12.84 1.803a1.5 1.5 0 0 1 2.278 1.285v13.818a1.49 1.49 0 0 1-1.5 1.5c-.274 0-.543-.075-.778-.215L1.617 11.339v6.909a.75.75 0 0 1-1.5 0v-16.5a.75.75 0 0 1 .75-.75Z' fill='%23fff'/%3E%3C/svg%3E"); }
    .rVideo-control-replay {
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.747 15.364a9.01 9.01 0 0 1-12.728 0 .75.75 0 1 1 1.06-1.06 7.5 7.5 0 1 0 0-10.607L3.179 5.598h2.69a.75.75 0 0 1 0 1.5h-4.51a.755.755 0 0 1-.065-.003c-.012-.001-.023-.004-.035-.006l-.037-.005-.039-.01-.032-.008-.037-.013-.033-.012-.033-.015-.033-.016-.03-.018-.033-.02-.032-.023-.027-.02a.757.757 0 0 1-.05-.046l-.005-.004-.006-.006a.753.753 0 0 1-.044-.049l-.021-.03-.022-.029C.736 6.754.73 6.742.723 6.73l-.017-.028-.017-.036-.015-.03L.661 6.6.65 6.566.64 6.53l-.008-.035-.007-.043-.004-.03a.755.755 0 0 1-.004-.074v-4.5a.75.75 0 0 1 1.5 0v2.69L4.02 2.636a9 9 0 0 1 12.728 12.728Z' fill='%23fff'/%3E%3C/svg%3E"); }
    .rVideo-control-next {
      background-image: url("data:image/svg+xml,%3Csvg width='16' height='19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.883 1.748v16.5a.75.75 0 0 1-1.5 0v-6.91L3.16 18.193a1.519 1.519 0 0 1-1.51.028 1.49 1.49 0 0 1-.768-1.313V3.09A1.5 1.5 0 0 1 3.16 1.804l11.222 6.853v-6.91a.75.75 0 1 1 1.5 0Z' fill='%23fff'/%3E%3C/svg%3E"); }
    .rVideo-control .rVideo-paused-list {
      padding: 0 10px 10px;
      gap: 10px; }
    .rVideo-control .rVideo-paused-item {
      width: calc(100% / 4); }
    .rVideo-control .rVideo-paused-box {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
    .rVideo-control .rVideo-paused-img {
      width: 100%;
      padding-top: calc(9/16 * 100%);
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
    .rVideo-control .rVideo-paused-title {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
  .rVideo-paused {
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    width: 100%; }
    .rVideo-paused.-show {
      opacity: 1;
      visibility: visible; }
    .rVideo-paused-list {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 20px; }
    .rVideo-paused-item {
      position: relative;
      width: 50%; }
    .rVideo-paused-box {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 5px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    .rVideo-paused-img {
      position: relative;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0;
      width: 50px;
      -ms-flex-preferred-size: 50px;
      flex-basis: 50px;
      padding-top: calc(9/16 * 50px); }
      .rVideo-paused-img img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
    .rVideo-paused-title {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      color: #fff;
      font-size: 10px;
      font-weight: 500;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      display: -webkit-box;
      overflow: hidden; }
    .rVideo-paused-lead {
      color: #fff;
      font-weight: 700;
      font-size: 12px;
      padding-bottom: 10px;
      line-height: 1; }

.video-box-wrap {
  position: relative;
  margin: 20px 0;
  z-index: 1;
  padding-top: calc(40px + (9 / 16 * 100%) + 164px + 10px);
  overflow: hidden; }
  .video-box-wrap.sidebar {
    padding-top: calc(55px + (9 / 16 * 100%) + (4 * 103px) + 60px + 5px);
    border-bottom: 1px solid var(--br-list-lv2); }
    .video-box-wrap.sidebar .title {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
    .video-box-wrap.sidebar .rVideo-player-box {
      position: absolute;
      top: calc(55px + (9/16 * 300px));
      -webkit-box-shadow: none;
      box-shadow: none;
      width: 300px;
      height: auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 12px 0;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
    .video-box-wrap.sidebar .rVideo-player-floating {
      position: fixed;
      top: calc(100vh - 150px - 50px - (9/16 * 300px) - 40px);
      right: 0;
      height: 40px;
      width: 300px;
      background: var(--bg-main);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      padding: 12px 40px 0 12px;
      z-index: 2;
      -webkit-box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.08);
      box-shadow: 0px -4px 8px rgba(0, 0, 0, 0.08); }
      .video-box-wrap.sidebar .rVideo-player-floating .rVideo-player-title {
        font-size: 12px;
        font-weight: 500;
        overflow: hidden;
        color: var(--cl-txt);
        display: -webkit-box;
        -webkit-line-clamp: 1;
        /* autoprefixer: off */
        -webkit-box-orient: vertical;
        /* autoprefixer: on */ }
        .video-box-wrap.sidebar .rVideo-player-floating .rVideo-player-title:before {
          content: 'Sedang diputar';
          color: var(--cl-gray-med);
          position: absolute;
          top: 7px;
          font-size: 10px;
          line-height: 1; }
    .video-box-wrap.sidebar .rVideo-player-info {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding-top: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .video-box-wrap.sidebar .rVideo-list,
    .video-box-wrap.sidebar .rVideo-box {
      background: var(--bg-main); }
    .video-box-wrap.sidebar .rVideo-button {
      top: -32px;
      left: calc(100% - 24px - 6px);
      border-radius: 50%;
      width: 24px;
      height: 24px;
      background: #B8B8B8;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .video-box-wrap.sidebar .rVideo-button span {
        width: 16px;
        height: 16px;
        -webkit-transform: none;
        transform: none; }
        .video-box-wrap.sidebar .rVideo-button span:after, .video-box-wrap.sidebar .rVideo-button span:before {
          top: 7px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          -webkit-transform-origin: center;
          transform-origin: center;
          background: var(--cl-white); }
        .video-box-wrap.sidebar .rVideo-button span:after {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
    .video-box-wrap.sidebar .rVideo-list {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      width: 100%;
      padding: 0;
      margin: 0;
      height: 323px;
      gap: 22px;
      bottom: 60px; }
    .video-box-wrap.sidebar .rVideo-item {
      width: 100%;
      padding: 0; }
      .video-box-wrap.sidebar .rVideo-item:first-child {
        display: none; }
      .video-box-wrap.sidebar .rVideo-item .rVideo-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; }
      .video-box-wrap.sidebar .rVideo-item:before {
        content: none; }
      .video-box-wrap.sidebar .rVideo-item .rVideo-player-info:before {
        content: none; }
      .video-box-wrap.sidebar .rVideo-item .icoViews {
        width: 12px;
        height: 8px; }
      .video-box-wrap.sidebar .rVideo-item .rVideo-views {
        font-size: 10px; }
    .video-box-wrap.sidebar .rVideo-title {
      font-size: 12px;
      height: auto;
      max-height: none;
      -webkit-line-clamp: 3;
      font-weight: 500;
      color: var(--cl-txt); }
    .video-box-wrap.sidebar .icoViews {
      display: inline-block;
      -webkit-filter: invert(59%) sepia(9%) saturate(11%) hue-rotate(47deg) brightness(90%) contrast(88%);
      filter: invert(59%) sepia(9%) saturate(11%) hue-rotate(47deg) brightness(90%) contrast(88%);
      width: 15px;
      height: 10px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      margin-right: 5px; }
    .video-box-wrap.sidebar .rVideo-date {
      font-size: 12px;
      padding-top: 0;
      line-height: 1;
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      color: var(--cl-gray-med); }
    .video-box-wrap.sidebar .rVideo-views {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      font-size: 12px;
      color: var(--cl-txt);
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1; }
      .video-box-wrap.sidebar .rVideo-views:before {
        content: '';
        width: 4px;
        height: 4px;
        background-color: #b8b8b8;
        border-radius: 4px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0 8px; }
    .video-box-wrap.sidebar .rVideo-thumb {
      width: 110px;
      padding-top: calc(9/16 * 110px);
      -ms-flex-preferred-size: 110px;
      flex-basis: 110px;
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      flex-grow: 0; }
      .video-box-wrap.sidebar .rVideo-thumb img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
    .video-box-wrap.sidebar .rVideo-box {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      padding: 0 5px 0 12px; }
    .video-box-wrap.sidebar .rVideo-length {
      height: 18px;
      padding: 0 5px;
      right: 4px;
      bottom: 4px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .video-box-wrap.sidebar .rVideo-length:before {
        content: '';
        width: 10px;
        height: 10px;
        margin-right: 3px;
        background-size: auto 100%;
        -webkit-filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
        filter: invert(90%) sepia(56%) saturate(7142%) hue-rotate(186deg) brightness(126%) contrast(82%);
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .5A6.5 6.5 0 1 0 13.5 7 6.512 6.512 0 0 0 7 .5Zm2.275 6.919-3 2A.544.544 0 0 1 6 9.5a.531.531 0 0 1-.237-.056A.5.5 0 0 1 5.5 9V5a.5.5 0 0 1 .263-.444.519.519 0 0 1 .512.025l3 2a.5.5 0 0 1 0 .838Z' fill='%23000'/%3E%3C/svg%3E"); }
    .video-box-wrap.sidebar .rVideo-other {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 60px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .video-box-wrap.sidebar .rVideo-other a {
        color: #007AFF;
        font-weight: 500; }
    .video-box-wrap.sidebar .rVideo-control {
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 0; }
      .video-box-wrap.sidebar .rVideo-control-all {
        padding: 0;
        height: 100%;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        gap: 0; }

.video-box-thumb {
  position: relative;
  margin: 20px 0;
  z-index: 1;
  padding-top: calc(40px + (9 / 16 * 100%));
  overflow: hidden; }

.video-box-wrap {
  z-index: 98; }
  .video-box-wrap .rVideo-player {
    position: fixed;
    top: calc(100vh - (9/16 * 300px) - 150px - 50px);
    right: 0;
    z-index: 2;
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16); }
  .video-box-wrap.sidebar .rVideo-player {
    top: calc(100vh - (9/16 * 300px) - 150px - 50px);
    z-index: 3; }
  .video-box-wrap.hide .rVideo-player {
    -ms-transform: translate(100%, 0);
    /* IE 9 */
    -webkit-transform: translate(100%, 0);
    /* Safari */
    transform: translate(100%, 0);
    -webkit-transition: none;
    transition: none; }
  .video-box-wrap.hide .rVideo-player-box {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: none;
    transition: none; }
  .video-box-wrap.hide .rVideo-button > span {
    -webkit-transform: rotate(180deg) translateX(2.5px);
    transform: rotate(180deg) translateX(2.5px);
    height: 30px;
    width: 12px; }
  .video-box-wrap.hide.inline .rVideo-player {
    -webkit-transition: none;
    transition: none; }
  .video-box-wrap.inline {
    z-index: 2; }
    .video-box-wrap.inline .rVideo-button {
      visibility: hidden;
      opacity: 0; }
    .video-box-wrap.inline .rVideo-player {
      position: absolute;
      -webkit-box-shadow: none;
      box-shadow: none;
      top: 40px;
      width: 100%;
      padding-top: 56.25%; }
    .video-box-wrap.inline .rVideo-player-floating {
      visibility: hidden;
      opacity: 0; }
    .video-box-wrap.inline.hide .rVideo-player {
      -ms-transform: translate(0, 0);
      /* IE 9 */
      -webkit-transform: translate(0, 0);
      /* Safari */
      transform: translate(0, 0); }
    .video-box-wrap.inline.sidebar .rVideo-next-img {
      width: 90px;
      height: 51px;
      -ms-flex-preferred-size: 90px;
      flex-basis: 90px; }
    .video-box-wrap.inline.sidebar .rVideo-next-row {
      padding: 8px 12px;
      gap: 8px; }
    .video-box-wrap.inline.sidebar .rVideo-next-title {
      font-size: 14px;
      font-weight: 700; }
    .video-box-wrap.inline.sidebar .rVideo-next-second {
      font-size: 10px; }
    .video-box-wrap.inline.sidebar .rVideo-next-button {
      height: 32px;
      padding: 0 15px;
      font-size: 12px; }
    .video-box-wrap.inline.sidebar .rVideo-player {
      top: 55px; }
    .video-box-wrap.inline.sidebar .rVideo-player-title {
      font-size: 16px;
      color: var(--cl-txt);
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
    .video-box-wrap.inline .rVideo-paused {
      bottom: 50px;
      padding: 10px 35px; }
      .video-box-wrap.inline .rVideo-paused-lead {
        font-size: 16px; }
      .video-box-wrap.inline .rVideo-paused-img {
        -ms-flex-preferred-size: 120px;
        flex-basis: 120px;
        width: 120px;
        padding-top: calc(9/16 * 120px); }
      .video-box-wrap.inline .rVideo-paused-title {
        font-size: 14px;
        -webkit-line-clamp: 3; }
    .video-box-wrap.inline .rVideo-next-img {
      width: 180px;
      height: 101px;
      -ms-flex-preferred-size: 180px;
      flex-basis: 180px; }
    .video-box-wrap.inline .rVideo-next-row {
      padding: 12px 70px;
      gap: 16px; }
    .video-box-wrap.inline .rVideo-next-title {
      font-size: 18px;
      font-weight: 500; }
    .video-box-wrap.inline .rVideo-next-second {
      font-size: 14px; }
    .video-box-wrap.inline .rVideo-next-button {
      height: 40px;
      padding: 0 20px;
      font-size: 16px; }
    .video-box-wrap.inline .rVideo-control {
      gap: 25px; }
      .video-box-wrap.inline .rVideo-control .rVideo-paused-list {
        padding: 10px 30px; }
      .video-box-wrap.inline .rVideo-control .rVideo-paused-img {
        width: 100%;
        padding-top: calc(9/16 * 100%);
        -ms-flex-preferred-size: auto;
        flex-basis: auto; }
      .video-box-wrap.inline .rVideo-control .rVideo-paused-box {
        gap: 10px; }

.icoThumb {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px; }

.icoVideo {
  background-size: auto 100%;
  -webkit-filter: invert(58%) sepia(71%) saturate(6560%) hue-rotate(351deg) brightness(96%) contrast(87%);
  filter: invert(58%) sepia(71%) saturate(6560%) hue-rotate(351deg) brightness(96%) contrast(87%);
  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"); }

.icoViews {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.957 5.613a8.83 8.83 0 0 0-1.728-2.4 8.045 8.045 0 0 0-11.458 0 8.842 8.842 0 0 0-1.728 2.4.5.5 0 0 0 0 .406 8.837 8.837 0 0 0 1.73 2.4 8.046 8.046 0 0 0 11.456 0 8.847 8.847 0 0 0 1.728-2.4.5.5 0 0 0 0-.406ZM7.5 9.813a6.884 6.884 0 0 1-5-2.078 8.34 8.34 0 0 1-1.444-1.922A8.317 8.317 0 0 1 2.5 3.89a7.042 7.042 0 0 1 9.992 0 8.349 8.349 0 0 1 1.445 1.922 7.433 7.433 0 0 1-6.44 4H7.5Zm0-7a3 3 0 1 0-.005 6 3 3 0 0 0 .005-6Zm0 5a2 2 0 1 1-.003-4 2 2 0 0 1 .003 4Z' fill='%23000'/%3E%3C/svg%3E"); }

.icoArrow {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='24' viewBox='0 0 23 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.625 18.2034L14.375 12.4534L8.625 6.70337' stroke='%23298DCF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

.read__article .col-bs9-7 .rVideo-list.slick-slider {
  width: 545px; }

.theme--tekno .rVideo-item.-active::before, .theme--tren .rVideo-item.-active::before {
  border-top: none; }

.theme--tekno .rVideo-item.-active .rVideo-thumb::after, .theme--tren .rVideo-item.-active .rVideo-thumb::after {
  position: absolute;
  content: 'Now Playing';
  z-index: 2;
  top: 0;
  left: 0;
  padding: 4px 8px;
  color: #fff;
  font-size: 10px;
  background: #1B63D4; }

.theme--tekno .rVideo-item.-active .rVideo-thumb img, .theme--tren .rVideo-item.-active .rVideo-thumb img {
  border: 2px solid #1B63D4; }

.theme--tren .rVideo-player-link {
  display: block; }

body {
  --cl-kgnow-grey: #2B3947;
  --cl-kgnow-grey_1: #F6F6F6; }

.color--kgnow.terkini__subtitle {
  text-transform: initial; }

.color--kgnow.terkini__subtitle,
.color--kgnow span,
.color--kgnow a {
  background: #EF0D70;
  background: -webkit-gradient(linear, left top, left bottom, from(#EF0D70), to(#FB571A));
  background: linear-gradient(to bottom, #EF0D70 0%, #FB571A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: none; }

.color--kgnow.article__subtitle::after {
  background-color: #A1ADB9; }

.--articleKGnow .article__date {
  font-family: "Inter", sans-serif; }

.--articleKGnow .article__link:hover {
  color: #EF0D70; }

.--articleKGnow .article__time--fixed {
  bottom: 0;
  right: 20px;
  border-radius: 4px 0 4px 0;
  font-weight: 500; }
  .--articleKGnow .article__time--fixed:before {
    width: 13px;
    height: 13px;
    bottom: 5px; }

.kgnowGate.latest {
  margin: 12px 0 0; }

.kgnowGate .article__iframe_detail {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 44px;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom-left-radius: 8px; }

.kgnowGate .article__iframe_title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 56px 0 70px;
  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;
  height: 100%;
  position: relative; }
  .kgnowGate .article__iframe_title h4 {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: var(--cl-white);
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box; }
  .kgnowGate .article__iframe_title::before {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='34' viewBox='0 0 50 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_797_8370)'%3E%3Cpath d='M17.3325 3.22556L34.8695 0.595008C34.8695 0.595008 40.3342 -0.22048 41.9661 4.10241L50 2.83782L45.7589 26.9405L31.3621 29.1024L31.1584 28.5315L30.9957 29.1024L25.1245 29.9179L24.8373 28.3678C24.8373 28.3678 20.3916 33.0171 15.2942 29.9179L15.0496 31.3861L9.54397 32.1198L8.15755 29.6324L7.83118 32.3653L0 33.4662L2.97738 15.8678L8.3612 15.1946L9.74762 17.642L10.2367 14.8283L15.4569 14.1755L17.3333 3.22556H17.3325Z' fill='%232B3947'/%3E%3Cpath d='M16.782 18.3357L20.3303 17.7238L20.8194 14.2369L22.1658 12.5855L24.1232 17.1734L27.7942 16.6229L24.735 9.71036L30.302 3.22559L25.9587 3.83742L21.8599 8.54805L22.4104 4.50973L19.168 4.87702L16.782 18.3357Z' fill='white'/%3E%3Cpath d='M34.2576 8.05809L40.8642 7.07897C40.8642 7.07897 41.0136 15.184 33.6867 16.0102C26.3597 16.8364 28.4256 8.17992 28.4256 8.17992C28.4256 8.17992 30.5056 1.69515 37.0304 2.51063C37.0304 2.51063 40.0745 2.74185 40.4151 5.60984L37.3568 6.91534C37.3568 6.91534 36.5413 4.1425 33.1558 6.34441C33.1558 6.34441 31.3202 7.89446 31.4839 10.3C31.6475 12.7056 33.1967 12.8692 33.1967 12.8692C33.1967 12.8692 36.0922 13.216 36.9895 10.7793L33.9712 11.0746L34.2567 8.05631L34.2576 8.05809Z' fill='white'/%3E%3Cpath d='M4.73111 17.683L7.19803 17.418L10.9295 23.4537L12.0518 16.6639L15.457 16.2352L13.2346 29.5303L10.6441 29.8362L7.01483 23.7187L5.91388 30.5707L2.44739 31.0599L4.73111 17.683Z' fill='white'/%3E%3Cpath d='M24.3473 20.0894C20.9626 16.2965 16.6193 20.518 16.6193 20.518C12.806 25.1264 16.0074 27.8797 16.0074 27.8797C20.2085 30.8161 23.41 26.7173 23.41 26.7173C26.6114 23.1895 24.3482 20.0903 24.3482 20.0903L24.3473 20.0894ZM22.7972 23.9436C22.7972 23.9436 20.1258 25.5541 18.8416 26.3092C17.5575 27.0642 17.7816 25.7996 17.7816 25.7996L18.1693 21.844C18.292 20.5945 19.4135 21.1503 19.4135 21.1503C19.4135 21.1503 21.5753 22.3331 22.6149 22.8427C23.6545 23.3522 22.7981 23.9436 22.7981 23.9436H22.7972Z' fill='white'/%3E%3Cpath d='M25.1245 18.0912L28.4051 17.6421L29.0783 21.8227L31.403 17.1734L34.1153 16.7857L34.9513 21.0268L37.1532 16.4593L40.7015 15.8679L35.7463 26.3492L33.0339 26.7574L32.1171 22.0263L29.547 27.267L26.856 27.6342L25.1245 18.0912Z' fill='white'/%3E%3Cpath d='M40.3341 21.3539L44.9025 20.6603L44.2497 25.3504L39.5596 25.9623L40.3341 21.3539Z' fill='white'/%3E%3Cpath d='M40.7014 20.0894L44.9025 19.5185L47.5126 5.32617L42.7815 6.05984L40.7014 20.0894Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_797_8370'%3E%3Crect width='50' height='32.9326' fill='white' transform='translate(0 0.533691)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    content: '';
    width: 50px;
    height: 33px;
    left: 12px;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter); }
  .kgnowGate .article__iframe_title::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Crect width='24' height='24' rx='12' fill='%23E1DFDF'/%3E%3Cpath d='M10.5 16L14.5 12L10.5 8' stroke='%23868080' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    right: 15px;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter); }

.kgnowGate .article__iframe_duration {
  text-align: center;
  width: 75px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #E8E8E8;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-left: 1px solid rgba(255, 255, 255, 0.2); }

.kgnowGate .article__date {
  font-family: "Inter", sans-serif; }

.kgnowGate .article__list {
  margin-bottom: 0;
  background: var(--cl-kgnow-grey_1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 8px;
  overflow: hidden; }
  .kgnowGate .article__list::after {
    border-bottom: 0; }
  .kgnowGate .article__list__box {
    width: calc(100% - 485px - 20px);
    padding: 10px 10px 10px 0; }
  .kgnowGate .article__list__asset {
    background-color: var(--cl-kgnow-grey_1);
    width: 485px;
    padding: 0;
    margin-right: 20px;
    overflow: hidden;
    position: relative;
    height: calc(9/16 * 485px); }
    .kgnowGate .article__list__asset iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1; }
  .kgnowGate .article__list__link {
    width: 100%; }
  .kgnowGate .article__list__title {
    height: auto;
    max-height: 156px;
    -webkit-line-clamp: 5;
    margin-bottom: 8px; }
    .kgnowGate .article__list__title .article__title {
      font-family: "Inter", sans-serif;
      font-size: 24px;
      font-weight: 600;
      color: var(--cl-kgnow-grey);
      margin-bottom: 0; }

.kgnowGate .article__link:hover {
  color: #EF0D70; }

.kgnowGate .title {
  border-bottom: 0; }
  .kgnowGate .title__content {
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: none; }
    .kgnowGate .title__content::before {
      content: "";
      position: absolute;
      border-left: 0;
      width: 32px;
      height: 2px;
      background: -webkit-gradient(linear, left top, right top, from(#f21a63), to(#fc4f1f));
      background: linear-gradient(90deg, #f21a63, #fc4f1f);
      left: 0;
      top: calc(100% - 4px);
      border-radius: 20px; }
    .kgnowGate .title__content::after {
      width: 2px;
      height: 2px;
      background: #ff6703;
      content: "";
      position: absolute;
      left: 35px;
      top: calc(100% - 4px);
      border-radius: 20px;
      border-bottom: 0; }
  .kgnowGate .title .button--title {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #E80D78;
    text-transform: none;
    padding-right: 12px;
    margin: 17px 0 0 0; }
    .kgnowGate .title .button--title::after {
      background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23E80D78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      position: absolute;
      content: '';
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 10px;
      height: 10px;
      background-repeat: no-repeat;
      background-size: auto 8px;
      background-position: center; }

.kgnowGate .rVideo-player-embed {
  border-radius: 8px; }

.kgnowGate .rVideo-player-embed,
.kgnowGate .rVideo-player iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 8px;
  border: none; }

.kgnowGate .rVideo-player-detail {
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 50px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }

.kgnowGate .rVideo-player-title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 56px 0 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  position: relative; }
  .kgnowGate .rVideo-player-title h4 {
    font-family: "Inter", sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: var(--cl-white);
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    width: 100%; }
  .kgnowGate .rVideo-player-title::before {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='34' viewBox='0 0 50 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_797_8370)'%3E%3Cpath d='M17.3325 3.22556L34.8695 0.595008C34.8695 0.595008 40.3342 -0.22048 41.9661 4.10241L50 2.83782L45.7589 26.9405L31.3621 29.1024L31.1584 28.5315L30.9957 29.1024L25.1245 29.9179L24.8373 28.3678C24.8373 28.3678 20.3916 33.0171 15.2942 29.9179L15.0496 31.3861L9.54397 32.1198L8.15755 29.6324L7.83118 32.3653L0 33.4662L2.97738 15.8678L8.3612 15.1946L9.74762 17.642L10.2367 14.8283L15.4569 14.1755L17.3333 3.22556H17.3325Z' fill='%232B3947'/%3E%3Cpath d='M16.782 18.3357L20.3303 17.7238L20.8194 14.2369L22.1658 12.5855L24.1232 17.1734L27.7942 16.6229L24.735 9.71036L30.302 3.22559L25.9587 3.83742L21.8599 8.54805L22.4104 4.50973L19.168 4.87702L16.782 18.3357Z' fill='white'/%3E%3Cpath d='M34.2576 8.05809L40.8642 7.07897C40.8642 7.07897 41.0136 15.184 33.6867 16.0102C26.3597 16.8364 28.4256 8.17992 28.4256 8.17992C28.4256 8.17992 30.5056 1.69515 37.0304 2.51063C37.0304 2.51063 40.0745 2.74185 40.4151 5.60984L37.3568 6.91534C37.3568 6.91534 36.5413 4.1425 33.1558 6.34441C33.1558 6.34441 31.3202 7.89446 31.4839 10.3C31.6475 12.7056 33.1967 12.8692 33.1967 12.8692C33.1967 12.8692 36.0922 13.216 36.9895 10.7793L33.9712 11.0746L34.2567 8.05631L34.2576 8.05809Z' fill='white'/%3E%3Cpath d='M4.73111 17.683L7.19803 17.418L10.9295 23.4537L12.0518 16.6639L15.457 16.2352L13.2346 29.5303L10.6441 29.8362L7.01483 23.7187L5.91388 30.5707L2.44739 31.0599L4.73111 17.683Z' fill='white'/%3E%3Cpath d='M24.3473 20.0894C20.9626 16.2965 16.6193 20.518 16.6193 20.518C12.806 25.1264 16.0074 27.8797 16.0074 27.8797C20.2085 30.8161 23.41 26.7173 23.41 26.7173C26.6114 23.1895 24.3482 20.0903 24.3482 20.0903L24.3473 20.0894ZM22.7972 23.9436C22.7972 23.9436 20.1258 25.5541 18.8416 26.3092C17.5575 27.0642 17.7816 25.7996 17.7816 25.7996L18.1693 21.844C18.292 20.5945 19.4135 21.1503 19.4135 21.1503C19.4135 21.1503 21.5753 22.3331 22.6149 22.8427C23.6545 23.3522 22.7981 23.9436 22.7981 23.9436H22.7972Z' fill='white'/%3E%3Cpath d='M25.1245 18.0912L28.4051 17.6421L29.0783 21.8227L31.403 17.1734L34.1153 16.7857L34.9513 21.0268L37.1532 16.4593L40.7015 15.8679L35.7463 26.3492L33.0339 26.7574L32.1171 22.0263L29.547 27.267L26.856 27.6342L25.1245 18.0912Z' fill='white'/%3E%3Cpath d='M40.3341 21.3539L44.9025 20.6603L44.2497 25.3504L39.5596 25.9623L40.3341 21.3539Z' fill='white'/%3E%3Cpath d='M40.7014 20.0894L44.9025 19.5185L47.5126 5.32617L42.7815 6.05984L40.7014 20.0894Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_797_8370'%3E%3Crect width='50' height='32.9326' fill='white' transform='translate(0 0.533691)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    content: '';
    width: 50px;
    height: 33px;
    left: 12px;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter); }
  .kgnowGate .rVideo-player-title::after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.8'%3E%3Crect width='24' height='24' rx='12' fill='%23E1DFDF'/%3E%3Cpath d='M10.5 16L14.5 12L10.5 8' stroke='%23868080' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    right: 15px;
    -webkit-filter: var(--img-filter);
    filter: var(--img-filter); }

.kgnowGate .rVideo-player-duration {
  text-align: center;
  width: 83px;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #E8E8E8;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-left: 1px solid rgba(255, 255, 255, 0.2); }

.kgnowGate .rVideo-thumbnail iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

.kgnowGate .rVideo-subtitle {
  background: #EF0D70;
  background: -webkit-gradient(linear, left top, left bottom, from(#EF0D70), to(#FB571A));
  background: linear-gradient(to bottom, #EF0D70 0%, #FB571A 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  position: relative;
  padding-right: 12px; }
  .kgnowGate .rVideo-subtitle::after {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background-color: #A1ADB9;
    border-radius: 100%;
    right: 3px;
    top: 0;
    bottom: 0;
    margin: auto; }

.kgnowGate.video-box-wrap {
  padding-top: calc((9 / 16 * 100%)); }
  .kgnowGate.video-box-wrap.inline {
    padding-top: calc((9 / 16 * 100%)); }
    .kgnowGate.video-box-wrap.inline .rVideo-player {
      top: 0; }
  .kgnowGate.video-box-wrap .rVideo-button {
    top: -32px;
    left: calc(100% - 24px);
    border-radius: 50%;
    width: 24px;
    height: 24px;
    background: rgba(112, 112, 112, 0.4);
    -webkit-box-shadow: none;
    box-shadow: none; }
    .kgnowGate.video-box-wrap .rVideo-button span {
      width: 14px;
      height: 14px;
      -webkit-transform: none;
      transform: none; }
      .kgnowGate.video-box-wrap .rVideo-button span:after, .kgnowGate.video-box-wrap .rVideo-button span:before {
        top: 7px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: center;
        transform-origin: center;
        background: var(--cl-white); }
      .kgnowGate.video-box-wrap .rVideo-button span:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
  .kgnowGate.video-box-wrap .rVideo-list {
    gap: 16px; }
  .kgnowGate.video-box-wrap .rVideo-length {
    height: 21px;
    right: 0;
    bottom: 0;
    border-radius: 4px 0 4px 0; }
    .kgnowGate.video-box-wrap .rVideo-length:before {
      width: 13px;
      height: 13px; }
  .kgnowGate.video-box-wrap .rVideo-player {
    top: calc(100vh - (9/16 * 328px) - 150px - 50px);
    right: 48px;
    -webkit-box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.25);
    z-index: 3;
    width: 328px;
    padding-top: calc(9/16 * 328px); }
  .kgnowGate.video-box-wrap.hide .rVideo-player {
    top: 0;
    right: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    padding-top: calc(9/16 * 100%); }
  .kgnowGate.video-box-wrap.inline .rVideo-player {
    top: 0;
    right: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    padding-top: calc(9/16 * 100%); }
  .kgnowGate.video-box-wrap.inline.sidebar .rVideo-player {
    width: 300px;
    padding-top: calc(9/16 * 300px); }
  .kgnowGate.video-box-wrap .rVideo-box {
    top: unset;
    bottom: 0;
    z-index: 2; }
  .kgnowGate.video-box-wrap .rVideo-list {
    bottom: 70px; }
  .kgnowGate.video-box-wrap .rVideo-other a {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #E80D78; }
    .kgnowGate.video-box-wrap .rVideo-other a .icoArrow {
      background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23E80D78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      width: 10px;
      height: 10px;
      background-repeat: no-repeat;
      background-size: auto 8px;
      background-position: center;
      margin: 2px 0; }
  .kgnowGate.video-box-wrap .rVideo-thumb {
    border-radius: 8px;
    overflow: hidden; }
  .kgnowGate.video-box-wrap .rVideo-title {
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 120%;
    color: var(--cl-kgnow-grey); }
  .kgnowGate.video-box-wrap .rVideo-player {
    border-radius: 8px; }
    .kgnowGate.video-box-wrap .rVideo-player-box {
      top: unset;
      bottom: 0;
      z-index: 3;
      border-radius: 8px; }
    .kgnowGate.video-box-wrap .rVideo-player-info {
      padding: 4px 0 0; }
    .kgnowGate.video-box-wrap .rVideo-player-detail {
      height: 44px; }
    .kgnowGate.video-box-wrap .rVideo-player-title {
      padding: 0 35px 0 54px; }
      .kgnowGate.video-box-wrap .rVideo-player-title::before {
        width: 40px;
        height: 26px;
        left: 6px; }
      .kgnowGate.video-box-wrap .rVideo-player-title::after {
        width: 20px;
        height: 20px;
        right: 10px; }
      .kgnowGate.video-box-wrap .rVideo-player-title h4 {
        font-family: "Inter", sans-serif;
        font-size: 10px;
        font-weight: 500;
        color: var(--cl-white);
        height: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -webkit-box; }
    .kgnowGate.video-box-wrap .rVideo-player-duration {
      width: 75px;
      font-family: "Inter", sans-serif;
      font-size: 12px;
      font-weight: 600;
      color: #E8E8E8; }

.kgnowGate.video-box-thumb {
  padding-top: calc(60px + (9 / 16 * 100%)); }
  .kgnowGate.video-box-thumb .rVideo-lead {
    font-family: "Inter", sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: none; }
    .kgnowGate.video-box-thumb .rVideo-lead-link {
      font-family: "Inter", sans-serif;
      font-size: 14px;
      font-weight: 600;
      color: #E80D78; }
      .kgnowGate.video-box-thumb .rVideo-lead-link .icoArrow {
        background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='%23E80D78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
        background-size: auto 8px;
        background-position: center;
        margin: 2px 0; }
    .kgnowGate.video-box-thumb .rVideo-lead::before {
      content: "";
      position: absolute;
      border-left: 0;
      width: 32px;
      height: 2px;
      background: -webkit-gradient(linear, left top, right top, from(#f21a63), to(#fc4f1f));
      background: linear-gradient(90deg, #f21a63, #fc4f1f);
      left: 0;
      top: calc(100% - 4px);
      border-radius: 20px; }
    .kgnowGate.video-box-thumb .rVideo-lead::after {
      width: 2px;
      height: 2px;
      background: #ff6703;
      content: "";
      position: absolute;
      left: 35px;
      top: calc(100% - 4px);
      border-radius: 20px;
      border-bottom: 0; }
  .kgnowGate.video-box-thumb .rVideo-thumbnail {
    top: 60px;
    border-radius: 8px;
    overflow: hidden; }
  .kgnowGate.video-box-thumb .--rVideo_read {
    padding-top: calc( (9 / 16 * 100%));
    top: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow: unset; }
    .kgnowGate.video-box-thumb .--rVideo_read:before {
      background-color: transparent; }
    .kgnowGate.video-box-thumb .--rVideo_read > iframe {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px; }
    .kgnowGate.video-box-thumb .--rVideo_read .rVideo-box {
      background: var(--cl-kgnow-grey_1);
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      height: 60px;
      padding: 10px 16px; }
    .kgnowGate.video-box-thumb .--rVideo_read .rVideo-title {
      font-family: "Inter", sans-serif;
      font-size: 16px;
      font-weight: 600;
      color: var(--cl-kgnow-grey);
      height: 20px;
      max-height: 20px;
      -webkit-line-clamp: 1; }
    .kgnowGate.video-box-thumb .--rVideo_read .rVideo-date {
      font-family: "Inter", sans-serif;
      font-size: 12px;
      font-weight: 400;
      color: #9D9D9E;
      display: inline-table; }

.kgnowGate .videoKGSlider-wrap {
  padding: 0;
  height: 220px; }

.kgnowGate .videoKGSlider .rVideo-arrow-icon {
  top: calc(50% - 15px); }
  .kgnowGate .videoKGSlider .rVideo-arrow-icon svg {
    -webkit-filter: none;
    filter: none; }

.kgnowGate .videoKGSlider .rVideo-arrow-icon.-left,
.kgnowGate .videoKGSlider .rVideo-arrow-icon.-right {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 9L5 5L1 1' stroke='url(%23paint0_linear_797_8513)' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_797_8513' x1='1' y1='5' x2='5' y2='5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EF0D70'/%3E%3Cstop offset='1' stop-color='%23FB571A'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A"); }

.kgnowGate .videoKGSlider .rVideo-arrow-icon.-left {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.kgnowGate .videoKG-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.kgnowGate .videoKG-duration {
  bottom: 0;
  right: 0;
  border-radius: 4px 0 4px 0;
  font-weight: 500;
  padding: 6px 6px 6px 22px; }
  .kgnowGate .videoKG-duration:before {
    width: 13px;
    height: 13px;
    left: 5px; }

.kgnowGate .videoKG-image {
  border-radius: 8px;
  overflow: hidden; }

.kgnowGate .videoKG-subtitle {
  position: relative;
  padding-right: 12px; }
  .kgnowGate .videoKG-subtitle::after {
    position: absolute;
    content: '';
    width: 4px;
    height: 4px;
    background-color: #A1ADB9;
    border-radius: 100%;
    right: 3px;
    top: 0;
    bottom: 0;
    margin: auto; }

.kgnowGate .videoKG-title {
  height: auto;
  max-height: 52px;
  margin-top: 8px;
  margin-bottom: 4px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  line-height: 120%; }

.kgnowGate .videoKG-duration {
  font-family: "Inter", sans-serif;
  font-weight: 600; }

.kgnowGate .videoKG-date {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: var(--cl-gray-med); }

.kgnowGate .videoKG-item.--playing .videoKG-image::before {
  border-radius: 8px;
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f21a63), to(#fc4f1f));
  background: linear-gradient(180deg, #f21a63 4%, #fc4f1f 100%);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute; }

.kgnowGate .videoKG-item.--playing .videoKG-image::after {
  position: absolute;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #f21a63;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(4%, #f21a63), to(#fc4f1f));
  background: linear-gradient(180deg, #f21a63 4%, #fc4f1f 100%);
  bottom: 0;
  right: 0;
  font-family: "Inter", sans-serif;
  font-size: 10px;
  font-weight: 600;
  color: var(--cl-white);
  padding: 2px 7px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 2;
  content: 'Now Playing'; }

.kgnowGate .videoKG-item.--playing .videoKG-image img {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 6px; }

.rVideo-arrow {
  position: absolute;
  z-index: 2;
  top: calc(50% - (35px / 2));
  width: 35px;
  height: 35px;
  border-radius: 35px;
  cursor: pointer;
  border: transparent;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }

.rVideo-arrow:hover {
  background: #fff; }

.rVideo-arrow.-left {
  left: 4px;
  -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 0 6px rgba(0, 0, 0, 0.3); }

.rVideo-arrow.-right {
  right: 4px;
  -webkit-box-shadow: -3px 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: -3px 0 6px rgba(0, 0, 0, 0.3); }

.rVideo-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden; }

.rVideo-arrow-icon {
  position: relative;
  display: block;
  background-size: auto 14px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 1rem;
  height: 1rem; }

.rVideo-arrow-icon:after {
  content: none; }

.rVideo-arrow-icon.-left {
  -webkit-transform: none;
  transform: none;
  margin-left: 0;
  margin-right: 2px; }

.rVideo-arrow-icon.-right {
  -webkit-transform: none;
  transform: none;
  margin-right: 0;
  margin-left: 2px; }

.video-box-wrap.kgnowGate {
  z-index: 9999; }
  .video-box-wrap.kgnowGate.inline {
    z-index: 2; }
  .video-box-wrap.kgnowGate .videoKG-image {
    height: auto;
    padding-top: calc(9/16 * 100%); }
    .video-box-wrap.kgnowGate .videoKG-image img {
      -o-object-fit: cover;
      object-fit: cover;
      background-color: #000; }
  .video-box-wrap.kgnowGate .videoKG-info {
    line-height: 120%; }
  .video-box-wrap.kgnowGate img[data-src]:not([src]),
  .video-box-wrap.kgnowGate img[src="(unknown)"],
  .video-box-wrap.kgnowGate img[src=""] {
    opacity: 0; }
  .video-box-wrap.kgnowGate .videoKG-item {
    width: calc(100% / 3);
    padding: 20px 8px; }
  .video-box-wrap.kgnowGate .videoKGSlider-wrap {
    width: calc(100% + 16px);
    margin: 0 -8px; }

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

.video-box-wrap.kgnowGate .videoKG-item {
  width: calc(100% / 4); }

.rVideo-arrow.-left {
  left: 8px; }

.rVideo-arrow.-right {
  right: 8px; }

.video-box-wrap.kgnowGate {
  z-index: 98; }