body{padding-bottom:var(--body-padding);}
.desktop-only{display:none !important; visibility:hidden; content-visibility:hidden;}

.base-container{margin-left:var(--section-space); margin-right:var(--section-space);}

.menu-bottom, header{position:fixed; z-index:99; left:0; width:100%;
display:grid; grid-template-columns:repeat(auto-fit, minmax(var(--body-padding),1fr));} 

menu{display:none;}
.menu-bottom{bottom:0; background-color:var(--bg-red);gap:8px;}
.menu-bottom-link, .menu-bottom-link:focus{color:#FFFFFF;}
.menu-bottom button{background: none;}
.menu-bottom-link{height:var(--body-padding); border-left:1px solid rgba(0,0,0,0.15); padding:0 5px;}
.menu-bottom-link:first-child{border-left:0;}
.menu-bottom-curr{color:var(--font-link-tertiary) !important;}
.mbl-icon{font-size:14px; height:14px; font-weight:normal;}
.mbl-name{font-size:10px; margin-top:4px;}
.mob-menu-link{background: none; border: none;}

header{position:-webkit-sticky; position:sticky; top:0; background:#FFFFFF;}
header > span .header-logo img, .header-logo .svgicon{height:18px;}
.header-button{padding:0 7px; height:var(--body-padding);}
.header-button .fas{font-size:16px;}
.header-logo{padding:0 var(--section-space);}
.menu-profile-button{padding-right:var(--section-space);}
.header-curr .live-button{color:var(--font-link-tertiary);}
.menu-profile-button{--profile-size:22px;}

.section-title-expand{position: absolute;z-index: 1000;top: -22px;right: 0;border-radius: 4px 4px 0 0;background: #E6E6E6;padding: 8px 13px;width: 54px;display: flex;justify-content: center;}
#downCollIcon.iconRotate{transform: rotate(180deg);}


.iklan-title-notice{color: #939393; font-size: 8px; text-transform: uppercase;}
.iklan-notice-320x100{position: absolute; left: 0; top: -21px;}
.slotiklan-320x100-close { position: absolute; top: -31px; right: 0; z-index: 2; width: 31px; height: 31px; border-radius: 2px 2px 0 0; font-size: 16px; background-color: rgba(0, 0, 0, 0.5); color: #CB0000;}
.slotiklan-box-320x100{position: relative; width: 320px; height: 100px;}

.container-header-mbl-action{position:fixed; z-index: var(--max-zindex) !important; width: 100%; height: 50px; background-color: #FFF; top:-100vh; left:0; display: grid; grid-template-columns: repeat(2, 1fr); padding: 0 var(--size-3); border-bottom: 1px solid #CB0000;}
.container-header-mbl-action .menu-link-close{border-bottom:0; color:var(--font-link-quaternary); display: flex; justify-content: start; align-items: center; padding-left: var(--size-3); background: none;}
.container-header-mbl-action .menu-link > div { margin: 0 var(--section-space); text-transform: lowercase; font-weight: 400 !important;}
.container-header-mbl-action .login-info-profile{display: flex; align-items: center; justify-content: end; padding: 8px 13px;}
.container-header-mbl-action .login-info-profile p{color: #CB0000; font-size: 14px; font-weight: 700; text-transform: capitalize; font-weight: 400 !important;}
.container-header-mbl-action .login-info-profile .nav-icon-mbl{gap: var(--size-2);}
.login-info-profile.theme-black{background-color: #231F20;}
.login-info-profile.theme-black p{color: #FFF !important; text-align: center;}
.login-info-navbar{display: flex; align-items: center; justify-content: end; gap: var(--size-2);}
.head-title-klasemen-v2{font-size: 20px;}
.date-kl-v2-container .title{font-size: 15px;}
#contentExpandBottom.hide{max-height: 0;transition: max-height 0.5s ease;}
.sticky-bottom .brand-text{font-size: 8px; background-color:#E6E6E6;}
@media screen and (max-width:359px){
  .header-curr .live-button span{display:none;}
}

@media screen and (orientation:landscape) and (max-height:415px){
  .video-frame-box{z-index:101 !important; top:0 !important;}
}

.article-list-container .vlt-duration{bottom:5px; left:-105px;}

.video-player{margin:0;}
.video-frame-box{z-index:95; top:calc(var(--body-padding) + var(--subdomain-height));}

.sticky-bottom{height:130px; bottom:0; overflow: visible; }