:root{
  --menu-height:40px; 
}
menu > ul, header > span, .site-container{width:100%; max-width:var(--body-container); margin:0 auto;}
.mobile-only{display:none !important; visibility:hidden; content-visibility:hidden;}
.iklan-skin{position:absolute; top:calc(77px + 40px + var(--size-3)); left:0; width:100%; height:calc(100% - (var(--menu-height) + var(--section-space)));
display:flex; justify-content:center;}
.iklan-skin > span{width:100%; max-width:var(--body-container); display:flex; justify-content:space-between;}
.iklan-skin-box{width:160px; height:600px; display:flex; position:sticky; z-index:10000; top:calc(2 * var(--size-3));}
.iklan-skin-kiri{justify-content:flex-end; margin-left:-175px;}
.iklan-skin-kanan{justify-content:flex-start; margin-right:-175px;}

.site-container{position: relative; z-index: 2;}
.site-container-2column{display:grid; grid-template-columns:1fr 300px; grid-column-gap:calc(2 * var(--section-space));}
.scs-sticky{position:-webkit-sticky; position:sticky; padding-bottom:0.1px;}

menu{position:sticky; z-index:99; top:-1px !important; left:0; width:100%; display:flex !important; justify-content:center; border-bottom:1px solid rgba(0,0,0,0.15); background: #FFF;}
menu.isSticky, menu > ul{background-color:#FFF;}
menu.isSticky{border-top: 4px solid var(--font-link-quaternary);}
menu > ul{display:flex; border-bottom:1px solid rgba(0,0,0,0.15);}
menu > ul:before, menu > ul:after{content:none;}
menu > ul > li{position:relative; flex-grow:1; vertical-align:top;}
.menu-link{height:var(--menu-height); color:var(--font-link-secondary); font-size:12px;}
.live-button{color: var(--font-link-secondary);}
.menu-curr .live-button{ color: var(--font-link-quaternary) !important;}
.menu-search-button{font-size:18px;}
.menu-profile-button{--profile-size:20px;}
.menu-lainnya > div{display: flex; align-items: center; gap: var(--size-1);}
.icon-menu-lainnya{line-height: 0;}
.menu-split:hover .menu-lainnya div .icon-menu-lainnya.desktop-only .svgicon{transform: rotate(180deg);}
.menu-tvone{padding-left: 0;}
.menu-thumb-tvone img{padding-left: var(--size-3); border-left: 1px solid #E2E2E2;}

.nav-icon-dsk .svgicon{fill: var(--font-link-quaternary);}

.btn-login-container { display: flex; gap: var(--size-2); align-items: center; }
.btn-login-container button{font-size: 12px; border-radius: 0;}
.btn-login-container .btn-register { background: #000000 !important; color: #FFF !important; }
.btn-login-container .btn-login { background: #FFFFFF !important; color: var(--font-link-quaternary) !important; }
.btn-akun-container{display: flex; align-items: center; gap: var(--size-2); background: none;}
.btn-akun-container p{color: var(--font-link-quaternary);}

header{padding:calc(2 * var(--size-3)) 0 var(--size-3);}
header > span{position:relative; z-index:2;}
header > span .header-logo {padding:0; margin:0; width:227px; justify-content:flex-start;}
/* header > span .header-logo img, .header-logo .svgicon{height:21px; margin-left:0;} */

.site-container-big, .site-container-small{position:relative;}
.site-container-big .article-list-thumb:before, .site-container-big .alt-link:after{padding-top:56.25%;}
.site-container-big .article-list-row{grid-template-columns:213px 1fr;}
.site-container-big .ali-desc{display:-webkit-box; margin-top:5px;}

.site-container-small .slot-iklan-lastright iframe{margin-bottom:30px;}

.site-container-big .article-list-container .vlt-duration{position:static; margin-bottom:5px;}

.video-frame-box{position:absolute;}

.sticky-bottom{height:90px; bottom:0;}

.title-mux-content p{font-size: 20px;}
.table-mux-content ul li{font-size: 18px;}

.container-search-desktop{display:flex; align-items: center; gap: var(--size-1);}
.date-info{display: block; padding-left: var(--size-2); border-left: 1px solid #E2E2E2;}
/* .date-info-none{opacity: 0; width: 0; height: 0;} */
.date-info-none{display: none;}
.icon-search-after-show{width: 0; height: 0; opacity: 0; background: none;}
.result-after-show{width: 23px; height: 20px; opacity: 1;}
.search-result-btn{display: none;}
.show-search-result-btn{display: block;}
.search { position: relative; display: flex; align-items: center; width: 30px; height: 30px; background-color: #FFF; overflow: hidden; }
.search__input { background:#FFF; border: none; border-left: 1px solid #E2E2E2; outline: none; width: 180px; height: 17px; padding-left: 14px; font-size: 14px; font-weight: 500; opacity: 0; pointer-events: none; }
.search__button { width: 20px; height: 20px; border-radius: 50%; position: absolute; top: 0; bottom: 0; right: 10px; margin: auto; display: grid; place-items: center; cursor: pointer; transition: transform 0.6s cubic-bezier(0.9, 0, 0.3, 0.9); }
.search__icon, .search__close { color: #FFFFFF; font-size: 1.5rem; position: absolute;  }
.search__close { opacity: 0; }
.search-result-btn{padding-left: var(--size-3); border-left: 1px solid #E2E2E2;}

.show-search { width: 100%; }
.show-search .search__input { opacity: 1; pointer-events: initial; }
/* .show-search .search__button { transform: rotate(90deg); } */
.show-search .search__icon { opacity: 0; }
.show-search .search__close { opacity: 1; }

@media screen and (min-width: 576px) {
  .show-search { width: 220px; }
}