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);}
.menu-bottom-link, .menu-bottom-link:focus{color:#FFFFFF;}
.menu-bottom-link{height:var(--body-padding); 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; color: var(--bg-red);}
.mbl-name{font-size:10px; margin-top:4px;}
.nav-icon-mbl .svgicon{fill: var(--font-link-quaternary);}

.menu-link-search { position: fixed; padding: 0 21px; width: 100%; height: 64px; z-index: var(--max-zindex) !important; bottom: -100vh; left: 0; background-color: #F6F6F6; border-bottom: 0; color: #A7A7A7; text-transform: none; font-weight: normal; display: flex; align-items: center; gap: var(--size-2);}

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

.search-mbl-wrapper-container{position:fixed; bottom: 0; top: 0; z-index: 3000 !important; left:0; width:100%; background-color:#FFF; display:block; transition: transform 0.5s ease-in-out; transform: translateY(-100%);}
.search-mbl-wrapper-content{padding: 0 21px 21px; box-sizing: border-box; height: 100%; overflow-y: scroll;}
.search-mbl-wrapper-container.search-main-show{bottom:0;}
.search-form-mbl{position: fixed; padding: 0 21px; width: 100%; height: 64px; z-index: var(--max-zindex) !important; top:-100vh; left: 0; display: flex; align-items: center; gap: var(--size-2); background:#F6F6F6;}
.search-form-mbl input, .search-form-mbl button{background: none;}
/* .searchPaddingTop{margin-top: 132px;} */
.search-result-text{padding: var(--size-3) 0; display: grid; gap: var(--size-1);}
.search-result-text p{color: #212121; font-size: 16px;}
.search-result-text span{color: var(--font-link-quaternary); font-weight: 700;}
.title-content-search-container{display: flex; justify-content: space-between; margin-top: var(--size-4);}
.title-content-search{font-size: 18px; font-weight: 700; color: #212121;}
.btn-clear-search-history{background: none !important; color: var(--font-link-quaternary) !important; font-weight: 500 !important; padding: 0 !important;}
.article-history-container{display: flex; gap: var(--size-2); flex-wrap: wrap; margin-top: var(--size-2);}
.history-article-list{padding: var(--size-1) var(--size-3); border: 1px solid var(--font-link-quaternary); color: var(--font-link-quaternary);}

.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);}
.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);}
.container-header-mbl-action .menu-link > div { margin: 0 var(--section-space); }
.container-header-mbl-action .login-info-profile{display: flex; align-items: center; justify-content: end; padding-right: var(--size-3);}
.container-header-mbl-action .login-info-profile p{color: var(--font-link-quaternary); font-size: 14px; font-weight: 700;}
.container-header-mbl-action .login-info-profile .nav-icon-mbl{gap: var(--size-2);}


@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{position:fixed; z-index:95; top:calc(var(--body-padding) + var(--subdomain-height));}

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