@media screen and (max-width:1900px){.top-slide-wrap .sound-mute,.top-slide-wrap .top-slide-small{right:50px}
.top-slide-main{height:760px}
.top-slide-category{height:780px}
.top-detail-wrap{height:0;padding-bottom:40%}
.detail-container{margin-top:-100px}
.dashboard-container .dcc-main{padding:0}
.topics-grid .row-topic .intro{min-height:110px}
.topics-grid .row-topic .intro .heading-md{font-size:1.6em;line-height:1.3}
}
@media screen and (max-width:1600px){header .header-elements{padding:0 20px;gap:1rem}
.cards-row.wide,.container{padding:0 20px!important}
#logo img{height:40px}
#search{max-width:16rem}
#main_menu,#main_user{gap:.4rem}
#main_user .button-user{min-width:auto;padding:.5rem .8rem}
#main_menu .menu-item{padding:0 .3rem;font-size:13px}
.el-group{gap:.5rem}
.btn-download-app{padding:6px 10px!important;font-size:12px}
.btn-download-app span{display:none}
.big-slide-wrapper .slide-content{padding:2rem;max-width:600px}
.big-slide-wrapper .top-slide-main{height:460px}
.big-slide-wrapper .top-slide-small{margin:-50px auto 0}
.big-slide-wrapper .top-slide-small .swiper-wrapper{gap:1rem}
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .info{padding:.6rem;font-size:12px;height:100px}
.footer-elements{padding:2rem;height:auto;min-height:auto}
.footer-elements .footer-icon{display:none}
.topics-line{gap:1rem}
.topics-line .topic-item{flex-direction:column;gap:.75rem;font-size:12px}
.topics-line .topic-item .new{display:none}
.top-slide-wrap .top-slide-main:before{height:100px}
.top-slide-wrap .top-slide-main .slide-content{padding:0 30px 60px;max-width:600px}
.top-slide-wrap .top-slide-small{right:30px;bottom:172px}
.top-slide-wrap .sound-mute{right:30px;bottom:242px}
#wrapper{padding-top:7rem}
.cards-row .row-header .category-name{font-size:1.8em}
.cards-row .row-header .inc-icon{width:30px;height:30px}
.cards-grid-wrapper{gap:1rem}
.actors-grid-wrapper{grid-template-columns:repeat(8,1fr);gap:1.2rem;row-gap:2rem}
.top-slide-category .cover-fade{height:calc(100% - 180px)!important}
.de-eps.is-grid{column-gap:1rem;grid-template-columns:repeat(4,1fr)}
.de-eps.is-simple{grid-template-columns:repeat(6,1fr)}
.detail-container{margin-top:-100px}
.cg-body-box .box-header{margin-bottom:1.5rem}
.de-actors,.de-suggest{grid-template-columns:repeat(5,1fr)}
.de-actors{row-gap:1.5rem;column-gap:.6rem}
.actors-grid-wrapper{grid-template-columns:repeat(6,1fr)}
:root{--padding-base:30px}
.wc-main .wm-info .desc-line{padding-left:0}
.watch-container{padding:0}
.actor-container .ac-side{width:340px}
.time-row-cards{grid-template-columns:repeat(5,1fr)}
.row-topic .last-card{grid-template-columns:repeat(6,1fr)}
.row-topic .last-card .sw-item:nth-child(n+7){display:none}
.topics-grid{grid-template-columns:repeat(6,1fr)}
.more-topic{background:#ffffff10!important;padding:1rem!important}
.more-topic .mask{display:none}
.more-topic .intro{min-height:auto!important}
.more-topic .intro .heading-md{font-size:1.3em!important;line-height:1.8!important}
.topics-list.single .row-topic .row-content{width:calc(100% - 200px)}
.topics-list.single .row-topic .intro .heading-md{font-size:1.8em!important}
.it-col.this-03{display:none}
.app-download{border-right:none;padding-right:0}
}
@media screen and (max-width:1440px){#search{max-width:12rem}
#main_menu .menu-item{padding:0 .25rem;font-size:12px}
#main_menu,#main_user{gap:.2rem}
header .header-elements{gap:.75rem}
}
@media screen and (max-width:1359px){#search{display:none}
header .header-elements{padding:0 6px;height:60px}
#logo{position:absolute;left:65px}
#logo img{height:36px}
.header-elements .for-mobile{display:flex}
.el-group,.el-group .flex-grow-1{display:none}
.el-group{position:absolute;z-index:3;top:100%;left:10px;right:10px;max-width:none;width:auto;background-color:rgba(59,73,135,.95)!important;padding:1rem;border-radius:.75rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 70px)}
.el-group.toggled{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:.75rem;box-shadow:var(--shadow-large)}
.el-group.toggled>div{position:relative;z-index:3}
.el-group #main_menu{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.4rem;gap:.4rem;width:100%;padding:0;z-index:4}
.el-group #main_menu .menu-item{padding:.4rem 0;line-height:normal}
.el-group #main_menu .menu-item a{display:block;font-weight:500;font-size:13px}
.el-group #main_menu .menu-item-sub.open{grid-column:1/-1}
.el-group #main_menu .menu-item-sub .dropdown{max-width:100%;padding:.4rem 0 .4rem .5rem!important}
.el-group #main_menu .menu-item-sub .dropdown.m-col-4{grid-template-columns:repeat(3,1fr)!important;min-width:auto;max-width:100%;gap:.1rem}
.el-group #main_menu .menu-item-sub .dropdown a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px!important;padding:.25rem .5rem!important;line-height:1.5!important}
.el-group #main_user{gap:.5rem;width:100%}
.el-group #main_user .button-user{flex:1 1;text-align:center}
.el-group .btn-download-app{width:100%;justify-content:center;padding:8px 14px;font-size:13px}
.el-group .btn-download-app span{display:inline!important}
#search.active{display:block;position:absolute;left:10px;right:50px;width:auto;max-width:90%!important;z-index:2}
.header-elements.simple{justify-content:flex-end}
.header-elements.simple #logo,.header-elements.simple .menu-toggle,.header-elements.simple .noti-toggle{display:none}
#wrapper{padding-top:5rem}
.cards-grid-wrapper{grid-template-columns:repeat(6,1fr)!important;gap:1rem!important}
.v-bread{left:20px;top:80px}
.detail-container>div.dc-side{padding:30px;width:380px}
.de-suggest{grid-template-columns:repeat(4,1fr)}
.wc-main .wm-info .info{width:360px}
.wc-side{width:380px}
.time-row-cards{grid-template-columns:repeat(4,1fr)}
.header-elements .noti-toggle{position:absolute;right:60px;top:50%;transform:translateY(-50%);width:auto;min-width:40px}
.header-elements .noti-toggle .small{font-size:12px;opacity:.5}
#main_user.user-logged{align-items:self-start;padding:1.5rem;margin:-1.5rem -1.5rem .5rem;width:calc(100% + 3rem);background-color:rgba(0,0,0,.2)}
#main_user.user-logged>.dropdown{width:100%}
#main_user.user-logged .head-noti{display:none}
#main_user.user-logged .user-dropdown{display:flex!important;flex-direction:column;gap:.3rem;transform:none!important;position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;margin:0!important;padding:0!important;background-color:transparent!important;color:#fff!important}
#main_user.user-logged .user-dropdown>a,.user-logged .user-dropdown>div{padding:.5rem 0;color:#fff;background-color:transparent!important}
.user-logged .user-dropdown .dropdown-blank{padding:0 60px 0 0!important;gap:.2rem!important;margin-bottom:1rem}
#main_user.user-logged .user-dropdown hr{display:none}
.user-logged .user-dropdown .dropdown-item{padding:0!important}
.user-logged .user-dropdown .dropdown-item .line-center{width:100%;font-size:12px;border:1px solid var(--border-color);border-radius:.4rem;padding:.6rem 1rem;gap:.5rem}
.user-logged .user-dropdown .dropdown-item .line-center i{font-size:14px}
.user-logged .header-user{padding:0!important;position:absolute;top:0;right:0}
.user-logged .header-user i{display:none}
.dcc-playlist{grid-template-columns:repeat(3,1fr)}
#body-load .bl-logo{font-size:0}
.topics-list.single .row-topic{flex-direction:column;padding:0;gap:1rem!important}
.topics-list.single .row-topic .row-content{width:100%}
.topics-list.single .row-topic .intro{padding:0;flex-direction:row;width:100%;align-items:center;justify-content:space-between}
.dcc-side{width:250px}
header .app-download{width:100%;z-index:5!important}
header .app-download .app-download-button{background-color:#fff1;border-radius:.6rem;height:auto;padding:.5rem .6rem;justify-content:flex-start}
}
@media screen and (min-width:1280px){.ds-info .v-thumb-l{width:160px}
}
@media screen and (width:1280px) and (height:725px){.top-detail-wrap{padding-bottom:700px;background-color:#0006}
.top-detail-wrap:before{display:none}
.top-detail-wrap .cover-fade,.top-detail-wrap .cover-fade .cover-image{-webkit-mask-image:none!important;mask-image:none!important}
.dc-side{background-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;width:300px!important;padding:0!important}
.ds-info{display:flex;flex-direction:column;align-items:center}
.ds-info .v-thumb-l{width:200px;margin-top:-280px}
.ds-info .v-thumb-l .v-thumbnail{box-shadow:0 0 40px 0 #0009}
.ds-info .alias-name,.ds-info .media-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;text-align:center;padding:0 1.2rem}
}
@media screen and (max-width:1279px){.sw-navigation{display:none}
.big-slide-wrapper .top-slide-small{margin-top:-80px}
.big-slide-wrapper .top-slide-small .swiper-wrapper{gap:.5rem}
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide{padding:0;width:100%!important;max-width:60px;height:60px;border-radius:50%;border:3px solid transparent;background-color:transparent}
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active{border-color:#fff}
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .info{display:none}
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide img{width:100%;right:0}
.big-slide-wrapper .slide-elements .cover-fade{width:80%;opacity:.5}
.top-slide-wrap .top-slide-main{margin-bottom:30px;height:600px}
.top-slide-wrap .top-slide-main:before{display:none}
.top-slide-wrap .top-slide-main .slide-elements .background-fade{display:none;animation:none!important;transform:none!important}
.top-slide-main .safe-area{height:100%!important}
.top-slide-wrap .swiper-slide .cover-fade{animation:none!important;height:550px!important}
.top-slide-wrap .swiper-slide .slide-content{animation:none!important;transform:none!important;padding-bottom:30px}
.top-slide-wrap .swiper-slide .slide-content .media-title-image{display:none!important}
.top-slide-wrap .swiper-slide .slide-content .media-title{display:block!important;font-size:2em}
.top-slide-wrap .top-slide-small{bottom:42px}
.top-slide-wrap .sound-mute{bottom:100px;width:40px;height:40px}
.top-slide-category .safe-area{height:calc(100% - 80px)!important}
.top-slide-category .cover-fade{height:450px!important}
.top-slide-category .slide-content{padding:50px 20px 100px}
.demo-tip{display:none!important}
.actors-grid-wrapper{grid-template-columns:repeat(6,1fr)}
.detail-container>div.dc-side{background-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;width:340px}
.wc-main .wm-info{display:none}
.row-topic .mask{-webkit-mask-image:none;mask-image:none}
.row-topic .intro{padding:0;width:180px}
.row-topic .last-card{grid-template-columns:repeat(3,1fr);row-gap:2rem}
.topics-grid .row-topic{padding:1.2rem!important}
.topics-grid .row-topic .intro{min-height:100px}
.topics-grid .row-topic .intro .heading-md{font-size:1.4em}
.denied-box{padding:1.5rem 15%}
#community{display:none}
}
@media screen and (max-width:1120px){.big-slide-wrapper .slide-content{max-width:500px}
.sw-actors-recent .sw-actor .item-duo{display:none}
.sw-actors-recent .sw-actor .h-item{margin:0;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0}
.sw-actors-recent .sw-actor .h-item .item-title{font-size:1em}
.footer-elements{padding:3rem 1rem;height:auto}
.footer-elements .side-right{display:none}
.footer-elements .side-left{width:100%;text-align:center}
.sl-brand.line-center{flex-direction:column;gap:2rem}
.sl-brand .socials{padding-left:0;border:none}
.topics-line{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(5,1fr)}
.topics-line .topic-item{gap:.75rem;align-items:center;min-height:50px;border-radius:.4rem;opacity:.9}
.topics-line .topic-item:hover{opacity:1}
.topics-line .topic-item .inc-icon{width:20px;height:20px}
.top-slide-wrap .swiper-slide .cover-fade{height:0!important;padding-bottom:50%}
.top-slide-wrap .swiper-slide .cover-fade .cover-image{position:absolute;top:0;left:0;right:0;bottom:0;width:100%!important;height:100%!important}
.top-slide-wrap .top-slide-small{width:300px!important;right:20px}
.top-slide-wrap .top-slide-small .swiper-slide{border-radius:50%;overflow:hidden;max-width:30px;height:30px;border-width:2px}
.cards-grid-wrapper{grid-template-columns:repeat(5,1fr)!important}
.top-slide-category{margin-bottom:30px;height:520px}
.top-slide-category .slide-content .media-title-image{display:none!important}
.top-slide-category .slide-content .media-title{display:block!important;font-size:2em}
.top-slide-category .slide-content{padding:30px 20px}
.top-slide-category.top-slide-main .safe-area{height:100%!important}
.top-slide-category:before{display:none}
.top-detail-wrap{padding-bottom:300px;opacity:.5}
.detail-container{flex-direction:column;margin-top:-150px}
.detail-container>div.dc-side{width:100%}
.dc-side>div{margin-bottom:0}
.dc-side>.child-actors,.dc-side>.child-top{display:none}
.ds-info{text-align:center;margin-bottom:1rem}
.ds-info .alias-name{font-size:13px;color:var(--text-base);margin-bottom:1rem;margin-top:-.25rem}
.ds-info .v-thumb-l{margin:0 auto}
.ac-side .detail-more,.ds-info .detail-more{text-align:left;display:none;padding:1.5rem;background-color:rgba(0,0,0,.2);border-radius:.75rem}
.ds-info #toggle-detail{display:block;max-width:300px;margin:-.5rem auto 0}
.detail-container>div.dc-main{background-color:transparent;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.dm-bar{padding:20px}
.content-gap{padding:0 20px;gap:30px}
.watch-container{flex-direction:column}
.wc-side{border:none;width:100%}
.player-control .control-items .item-focus{display:none}
.actor-container{flex-direction:column}
.actor-container .ac-side{border:none;padding-right:0;padding-bottom:20px;width:100%}
.ac-main .cg-body-box{padding-left:0}
.ac-side .as-info{text-align:center}
.ac-side .as-info .actor-photo .v-actor{margin:0 auto}
.ac-side .as-info .button-group{justify-content:center}
.ac-side .detail-more{text-align:left;display:none}
.ac-side #toggle-detail{display:flex!important}
.time-row-cards{grid-template-columns:repeat(6,1fr);width:100%}
.time-row{margin-left:0;flex-direction:column;gap:1rem}
.time-row .time-point:before{left:0}
.time-row+.time-row{margin-top:1rem}
.time-row .time-point{height:auto}
.time-row .time-point span{transform:none;position:relative;font-size:24px;display:block;padding-left:2rem;opacity:.8;letter-spacing:0}
.time-row .time-point:before{top:13px}
.discuss-wrap{font-size:13px}
.dashboard-container{flex-direction:column;gap:2rem}
.dashboard-container>div{width:100%}
.dcc-side{padding:0;gap:0;border-radius:.5rem}
.dcc-side .heading-sm{padding:1.5rem 1rem 1rem;margin-bottom:0;text-align:center}
.dcc-side .ds-menu{gap:0}
.dcc-side .ds-menu .side-user{display:none}
.dcc-side .menu-user{margin-bottom:0;flex-direction:row;gap:1rem;align-items:center;justify-content:center}
.dcc-side .menu-user .item{padding:1rem;width:auto;border-bottom:none}
.dashboard-container .dcc-main .is-profile{max-width:560px;margin:0 auto}
.sche-timeline .st-row .items{grid-template-columns:repeat(3,1fr)}
.solar_vpn.ver{display:none!important}
.de-seasons.is-grid{grid-template-columns:repeat(2,1fr)}
#row-new .cards-row .row-header{flex-direction:column;align-items:flex-start;margin-bottom:1.5rem}
#row-new .cards-row .row-header .inc-icon.new-tag{display:none}
}
@media screen and (min-width:990px){.modal-login .modal-dialog{max-width:860px}
.modal-login .modal-dialog .modal-content{padding:4rem 4rem 4rem calc(420px + 4rem)}
.modal-login .modal-dialog .modal-content:before{width:420px}
}
@media screen and (max-width:989px){.slide-url{display:block;position:absolute;z-index:6;top:0;left:0;bottom:110px;right:0}
.top-slide-wrap .swiper-slide .cover-fade{height:0!important;padding-bottom:40%}
.slide-content .touch .button-play{width:60px;height:60px}
.slide-content .touch .button-play i{font-size:22px}
.top-slide-wrap .top-slide-small{bottom:37px}
.cards-row.wide .swiper{overflow:visible}
.big-slide-wrapper{padding-bottom:0}
.big-slide-wrapper .top-slide-small{margin:1rem 0}
.big-slide-wrapper .top-slide-small .swiper-wrapper{justify-content:center}
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide{width:10px!important;height:10px!important;background-color:#fff;border:none!important;border-radius:50%;flex:unset}
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide img{display:none}
.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide-thumb-active{background-color:var(--primary-color)}
.big-slide-wrapper .top-slide-main{height:400px}
.big-slide-wrapper .top-slide-main .swiper-slide{border-radius:1rem}
.big-slide-wrapper .slide-elements .cover-fade{width:100%;-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%,#000);mask-image:linear-gradient(0deg,transparent,#000 50%,#000);opacity:1;height:250px!important}
.big-slide-wrapper .slide-elements .safe-area{height:100%!important;padding-top:100px;align-items:flex-end}
.big-slide-wrapper .slide-content{max-width:100%;padding:1.25rem}
.big-slide-wrapper .slide-content .media-title{font-size:1.4em;line-height:1.4}
.big-slide-wrapper .slide-content .touch{display:none}
.big-slide-wrapper .slide-content .description{margin-bottom:0!important}
.big-slide-wrapper .slide-content .hl-tags{gap:.2rem;margin-bottom:1rem!important}
.top-slide-wrap .sound-mute{display:none}
#wrapper{padding-bottom:6rem}
.actors-grid-wrapper,.topics-line{grid-template-columns:repeat(4,1fr)}
.swiper-slide .backdrop-video{display:none!important}
.watch-player .wp-bread{padding:0}
.wc-main,.wc-side{padding:20px}
.watch-player{margin-bottom:1rem}
.player-control .ep-current{display:none}
.player-control .control-items{padding:0 10px;gap:.4rem}
.player-control .control-items .item-auto,.player-control .control-items .item-seasons{display:none}
.player-control{height:54px}
.time-row-cards{column-gap:.6rem}
.time-row-cards,.topics-grid{grid-template-columns:repeat(4,1fr)}
.v-rating .caption{display:none}
.dm-bar .is-right{flex-shrink:0}
.cards-row .row-header{margin-bottom:.6rem}
.pin-remove{opacity:1;width:24px;height:24px}
.de-type{margin-bottom:1rem;grid-template-columns:repeat(2,1fr)}
.de-type .item .m-thumbnail{max-width:110px}
.de-type .item{top:auto!important;max-width:none!important}
.de-type .item .info{padding:1rem;gap:.3rem}
.de-type .item .info .media-title{margin-bottom:.5rem!important}
.cards-boxed .row-tabs{gap:.3rem}
.cards-boxed .row-tabs a{height:30px}
.cards-boxed .row-tabs a .inc-icon{display:none}
.text-gradient{font-size:1.8em!important}
}
@media screen and (max-width:799px){header{position:relative!important;top:auto!important;left:auto!important;right:auto!important}
.el-group{margin-top:5px;left:5px;right:5px;padding:.75rem}
.el-group #main_menu{grid-template-columns:repeat(2,1fr)!important}
.el-group #main_menu .menu-item a{font-size:12px}
.el-group #main_menu .menu-item-sub .dropdown.m-col-4{grid-template-columns:repeat(2,1fr)!important}
.sw-actors-recent .sw-actor .h-item .info-line .tag-small{display:none}
.sw-actors-recent .sw-actor .h-item .info-line .tag-small:first-of-type{display:block}
.sw-actors-recent .sw-actor .h-item .v-actor{width:80px;height:80px}
.top-slide-wrap .swiper-slide .slide-content .description{display:none!important}
.top-slide-wrap .swiper-slide .slide-elements .cover-fade{-webkit-mask-image:linear-gradient(0deg,transparent,#000 30%,#000);mask-image:linear-gradient(0deg,transparent,#000 30%,#000)}
.top-slide-wrap .swiper-slide .slide-elements .cover-fade .cover-image{-webkit-mask-image:none!important;mask-image:none!important}
.top-slide-wrap .top-slide-main{height:420px}
#wrapper{padding-top:2rem}
.cards-grid-wrapper{grid-template-columns:repeat(4,1fr)!important}
.v-filter .fe-row .fe-name{width:80px}
.v-filter .fe-row{gap:1rem;padding:1rem .5rem}
.top-slide-category .slide-elements .background-fade{display:none}
.top-slide-category .slide-elements .cover-fade{-webkit-mask-image:linear-gradient(0deg,transparent,#000 50%,#000);mask-image:linear-gradient(0deg,transparent,#000 50%,#000);width:100%;padding-bottom:45%;position:absolute;top:0;left:0;right:0;height:0!important;animation:none!important;transform:none!important}
.top-slide-category .slide-elements .cover-fade .cover-image{-webkit-mask-image:none!important;mask-image:none!important;position:absolute;top:0;left:0;right:0;bottom:0}
.v-bread{position:relative;top:auto;left:auto;padding:1rem}
.v-bread .line-center{display:flex}
.v-bread .page-name{flex-grow:1;font-size:1.3em}
.model-tabs .item{font-size:12px;height:26px;padding:0 .5rem}
.content-gap{padding:0}
.de-eps.is-grid{grid-template-columns:repeat(3,1fr)}
.de-eps.is-grid.is-simple{grid-template-columns:repeat(4,1fr)}
.dm-bar .elements{flex-direction:column;gap:1rem}
.dm-bar .elements .button-play{min-width:300px}
.dm-bar .elements .button-play.is-coming{min-width:180px}
.cg-tabs .v-tabs{justify-content:center}
.cg-tabs .v-tabs.nav-tabs .nav-link{font-size:14px}
.v-tabs.nav-tabs .nav-link+.nav-link{margin-left:25px}
.cg-body-box.is-eps .box-header{position:relative;padding-right:100px}
.cg-body-box.is-eps .box-header .v-toggle{position:absolute;right:0;top:0}
.de-actors{grid-template-columns:repeat(4,1fr)}
.gallery-row.is-video{grid-template-columns:repeat(3,1fr)}
.gallery-row.is-photo{grid-template-columns:repeat(5,1fr)}
.cg-tabs{margin:0 -16px;background:#fff;background:linear-gradient(0deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,0))}
.cg-tabs .nav-tabs{padding:0 16px}
.time-row-cards{grid-template-columns:repeat(3,1fr)}
.modal-login .modal-dialog{max-width:450px}
.modal-login .modal-dialog .modal-content{padding:2rem;min-height:auto}
.modal-login .modal-dialog .modal-content:before{display:none}
.row-topic{flex-direction:column;gap:2rem}
.row-topic .intro{flex-direction:row;align-items:center;width:100%}
.row-topic .intro .inc-icon{width:40px;height:40px}
.row-topic .intro .heading-md{flex-grow:1;font-size:1.2em}
.row-topic .last-card{width:100%}
.topics-grid{grid-template-columns:repeat(3,1fr)}
.topics-grid .row-topic .intro{min-height:80px}
.watch-player .player-ratio-wrap{margin:0 -20px}
.watch-player .player-ratio-wrap .ratio{border-radius:0!important}
.dcc-side .menu-user{gap:.6rem}
.dcc-side .menu-user .item .line-center{flex-direction:column;gap:.6rem}
.dcc-side .menu-user .item .line-center span{font-size:12px}
.dcc-playlist{grid-template-columns:repeat(2,1fr);gap:.5rem}
.dcc-playlist .item{padding:.6rem .9rem;border-radius:.5rem}
.c-social-list,.sche-timeline .st-row .items{grid-template-columns:repeat(2,1fr)}
.topics-line{margin-top:1.25rem!important}
.topics-list.single .h-item{padding:1rem 0}
.topics-list.single .h-item .info .item-title{-webkit-line-clamp:1!important}
.slide-elements:before,.top-detail-wrap:before{display:none}
.denied-box{font-size:1.3em;padding:1.5rem 2rem}
.denied-box .denied-icon img{width:120px;height:auto}
.code-page{padding:60px 20px!important}
.login-code{gap:.5rem}
.login-code .form-control{font-size:2em;padding:1.25rem 0}
.v-tabs.nav-tabs .nav-item+.nav-item{margin-left:25px}
}
@media screen and (min-width:641px){.v-thumbnail-hoz .pin-new{left:120px;transform:none;right:auto}
.sw-cover.single .v-thumbnail-hoz .pin-new{right:auto;left:1rem}
}
@media screen and (max-width:640px){.cards-row.wide,.container,.detail-container{padding:0 16px!important}
.top-slide-wrap .slide-url{bottom:60px}
.big-slide-wrapper .slide-elements .cover-fade{height:200px!important}
.fluid-gap{gap:24px}
.cards-row .row-header{min-height:32px;margin-bottom:.75rem}
.cards-row .row-header .category-name{font-size:1.6em}
.sw-cover .h-item{padding:.75rem 0}
.sw-cover .v-thumbnail.v-thumbnail-hoz{padding-bottom:56%}
.sw-cover .h-item .info .info-line{display:none}
.item-title{font-size:13px;font-weight:400}
.sw-cover .h-item .v-thumb-m{display:none}
.sw-cover .h-item .v-thumb-m .v-thumbnail{border-radius:.2rem}
.sw-actors-recent .sw-actor{padding:.5rem 0 1rem}
.topics-line .topic-item{gap:.4rem;padding:.6rem;text-align:center;background-color:transparent!important}
.topics-line .topic-item>.primary-text{color:#000}
.topics-line .topic-item .inc-icon{width:20px;height:20px;color:var(--primary-color)}
.top-slide-main .safe-area{height:calc(100% - 60px)!important}
.top-slide-wrap .swiper-slide .cover-fade{padding-bottom:60%;opacity:.8}
.top-slide-wrap .swiper-slide .hl-tags.mb-4,.top-slide-wrap .swiper-slide .touch{display:none}
.top-slide-wrap .swiper-slide .hl-tags{justify-content:center;gap:6px}
.top-slide-wrap .swiper-slide .hl-tags>div:nth-child(n+6){display:none}
.detail-more .hl-tags .tag-classic,.detail-more .hl-tags .tag-model,.slide-content .hl-tags .tag-classic,.slide-content .hl-tags .tag-model{font-size:10px;height:20px;padding:0 .25rem}
.detail-more .hl-tags .tag-imdb,.slide-content .hl-tags .tag-imdb{font-size:10px;line-height:18px;padding:0 .25rem}
.detail-more .hl-tags{gap:6px}
.top-slide-wrap .top-slide-main{height:350px}
.top-slide-wrap .swiper-slide .slide-content .media-title{margin-bottom:.75rem;font-size:1.6em}
.top-slide-wrap .top-slide-main .slide-content{text-align:center;padding:0 20px}
.top-slide-wrap .top-slide-small{width:100%!important;left:0!important;right:0!important;bottom:0!important;padding:2rem 0 1rem;background:#191b24;background:linear-gradient(0deg,#191b24,rgba(25,27,36,0))}
.top-slide-wrap .top-slide-small .swiper-slide{border-color:hsla(0,0%,100%,.3)}
.top-slide-wrap .top-slide-small .swiper-wrapper{justify-content:center;gap:.2rem}
#wrapper{padding-bottom:5rem}
.sw-item .info-v.w-chart .number{font-size:2em;width:30px}
.sw-item .info-v.w-chart{padding-left:36px}
.sw-item .info-v.w-chart .info-line{display:none}
.footer-elements{font-size:12px;padding:2rem 0}
.sl-band{margin-bottom:2rem}
.cards-grid-wrapper{grid-template-columns:repeat(3,1fr)!important;column-gap:.5rem;row-gap:1.5rem}
.filter-elements{border:none;border-top:1px solid var(--border-color);margin:-15px -20px 3rem}
.actors-grid-wrapper{grid-template-columns:repeat(3,1fr);column-gap:.6rem;row-gap:1.5rem;font-size:13px}
.actors-grid-wrapper .v-item{gap:.6rem}
.actors-grid-wrapper .v-item .info .item-title{font-size:1em}
.v-actor-large{width:80px;height:80px}
.top-slide-category{height:470px}
.top-slide-category .slide-content .media-title{font-size:1.6em}
.de-eps.is-grid{grid-template-columns:repeat(2,1fr);row-gap:1.5rem}
.de-eps.is-grid.is-simple{grid-template-columns:repeat(3,1fr);gap:.6rem!important}
.cg-body-box.is-eps .box-header{flex-direction:column;align-items:flex-start;gap:1rem}
.cg-body-box.is-eps .box-header .v-toggle{top:5px}
.cg-body-box.is-eps .box-header .flex-grow-1{display:none}
.season-dropdown>.line-center{border-right:none;font-size:1.3em}
.heading-md{font-size:1.4em}
.heading-sm{font-size:1.2em}
.dm-bar .elements .button-play{font-size:16px;padding:0 1.4rem;height:50px;min-height:auto}
.pin-new{bottom:-1px;border-radius:.3rem .3rem 0 0}
.pin-new .line-center{line-height:1.3}
.pin-new .line-center.line-lt span:before{content:"LT."}
.pin-new .line-center.line-tm span:before{content:"TM."}
.pin-new .line-center.line-pd span:before{content:"PĐ."}
.pin-new2 .line-center.line-pd{display:none}
.de-actors,.gallery-row.is-video{grid-template-columns:repeat(2,1fr)}
.gallery-row.is-photo{grid-template-columns:repeat(4,1fr)}
.cg-tabs{margin:0 -16px}
.cg-tabs .nav-tabs{padding:0 16px}
.cg-body-box{padding:5px 0}
.ac-side .detail-more,.ds-info .detail-more{padding:0;background-color:transparent;border-radius:0}
.watch-player .wp-bread .heading-sm{font-size:14px}
.watch-player .wp-bread{margin-bottom:.5rem;margin-top:0}
.watch-player{display:flex;flex-direction:column;width:100%;padding:0 16px}
.wc-main,.wc-side{padding:20px 16px}
.cards-grid-wrapper .sw-item .info,.time-row-cards .sw-item .info{min-height:auto}
.v-filter .fe-row .fe-results{font-size:13px}
.row-topic{padding:2rem 1rem}
.row-topic .intro .inc-icon{width:30px;height:30px}
.row-topic .last-card{grid-template-columns:repeat(2,1fr);row-gap:1.5rem;column-gap:.6rem}
.rate-emo{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem;gap:.5rem;background-color:transparent;padding:0}
.rate-emo .item-v{flex-direction:row;border-radius:.4rem;background-color:rgba(0,0,0,.3)}
.rate-emo .item-v .inc-icon{width:30px;height:30px;margin:0}
.dm-bar .ro-rating .a-rate{display:none}
.watch-player .player-ratio-wrap{margin:0 -16px}
.dashboard-container{padding:0 16px}
.dcc-side .heading-sm{padding-bottom:0}
.sw-cover .info{text-align:center}
.cards-row.fixed{padding:0 20px}
.article-body{font-size:14px}
.d-item .user-avatar{width:40px;height:40px}
.d-item .replies .user-avatar{width:30px;height:30px}
.range-eps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem;margin:0 0 2rem}
.range-eps .item{min-width:auto}
.sche-timeline .st-row .items{grid-template-columns:repeat(1,1fr)}
.current-time{display:none}
.sche-time .item-time{font-size:12px;padding:.7rem 1rem;gap:4px}
.sche-time .item-time .day{font-size:14px}
.sche-time .item-time .time span{font-size:0;padding:0;border:none;width:6px;height:6px;border-radius:50%;background-color:var(--primary-color)}
.sche-timeline .st-row .clock{text-align:left;width:50px;font-size:14px}
.avatar-list{grid-template-columns:repeat(3,1fr)}
.sw-cover.cover-fade .info{text-align:left}
.sw-cover.cover-fade .info .description{display:none}
.topics-grid{gap:.5rem}
.topics-grid .row-topic{padding:1rem!important}
.topics-grid .row-topic .intro{min-height:50px!important;justify-content:center!important;align-items:flex-start!important}
.topics-grid .row-topic .intro .info{display:none}
.topics-grid .row-topic .intro .heading-md{font-size:1.2em;line-height:1.3;flex-grow:unset}
.more-topic .intro .heading-md{font-size:1.1em!important;line-height:1.4!important}
.topics-grid .more-topic .intro{align-items:center!important}
.topics-list.single{margin:0 -16px;padding:1rem;gap:1rem;border-radius:.6rem}
.topics-list.single .row-topic .intro .heading-md{font-size:1.5em!important;letter-spacing:0!important}
.topics-list.single .row-topic .intro .info .line-center{padding:.6rem 1rem!important;font-size:16px}
.topics-list.single .row-topic .intro .info .line-center span{display:none}
.topics-more>.line-center{gap:.5rem!important;flex-direction:column;align-items:flex-start}
#row-new{margin-top:1rem}
.topics-grid .row-topic:hover{top:auto}
.de-type{grid-template-columns:repeat(1,1fr)}
.de-eps.is-simple .item{height:42px}
.schedule-eps .item .inc-icon{width:30px;height:30px;left:12px}
.login-code .form-control{padding:.6rem 0;font-size:1.6em;border-width:3px!important}
.tv-checked img{width:160px}
.pc-coming{font-size:11px;padding:0 0 0 .5rem;width:60px;background:none!important;color:#ffd875!important}
}
@media screen and (max-width:479px){.v-thumbnail .pin-trans .line-center span{display:none!important}
.v-thumbnail .pin-trans .line-center:hover{padding:0 .3rem!important}
.top-slide-wrap .top-slide-main{height:300px}
.search-modal{min-width:320px}
#search.active .search-icon{display:none}
#search.active .search-input{padding-left:1.2rem}
.cards-grid-wrapper{grid-template-columns:repeat(2,1fr)!important}
.fe-row-end{justify-content:center}
.fe-row-end .fe-name{display:none}
.fe-row-end .fe-buttons{text-align:center}
.top-slide-category{height:440px;font-size:13px}
.v-thumbnail .pin-trans{bottom:0;right:0;background-color:#fff;border-radius:.5rem 0 0 0;padding:.3rem;gap:.3rem}
.v-thumbnail .pin-trans .line-center{height:auto;min-width:0;padding:0!important;background-color:transparent;box-shadow:none;transform:scale(.9)}
.de-eps.is-grid.is-simple{grid-template-columns:repeat(3,1fr);gap:.5rem}
.cg-tabs .v-tabs.nav-tabs .nav-link{font-size:13px}
.v-tabs.nav-tabs .nav-link+.nav-link{margin-left:25px}
.dm-bar{width:100%;padding:1rem 0}
.dm-bar .item{min-width:auto;padding:0;background:none!important}
.dm-bar .item-comment{display:none}
.dm-bar .is-left{gap:1.5rem}
.dm-bar .touch-group{margin:.5rem 0;gap:1.5rem}
.top-detail-wrap{padding-bottom:200px}
.de-soundtrack .item-sound .h-item .touch-media{display:none}
.de-soundtrack .item-sound .h-item .media-title{font-size:1em}
.item-sound .lyric-post{padding:1rem;font-size:1em}
.sound-play{padding:1rem}
.cg-tabs{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.cg-tabs::-webkit-scrollbar{display:none}
.cg-tabs .nav-tabs{justify-content:flex-start;min-width:420px}
.gallery-row.is-photo{grid-template-columns:repeat(3,1fr)}
.actors-grid-wrapper{display:grid;grid-template-columns:repeat(2,1fr)}
.player-control .control-items .item>span{display:none}
.player-control .control-items .item .inc-icon{width:16px!important;height:16px!important}
.player-control .control-items .item i{font-size:16px}
.modal-sm .modal-dialog{width:90%}
.modal-md .modal-dialog .modal-content,.modal-sm .modal-dialog .modal-content{padding:1.5rem}
.v-modal .modal-content .is-header .heading-sm{font-size:1.2em}
.rate-emo,.time-row-cards{grid-template-columns:repeat(2,1fr)}
.dcc-side .menu-user .item{padding:1rem .5rem}
.dash-form{flex-direction:column;gap:1rem;justify-content:space-between}
.dash-form .v-avatar>a{display:flex;align-items:center;gap:1rem}
.dash-form .user-avatar{margin:0!important;width:80px;height:80px}
.dash-form .v-form{width:100%}
.dcc-playlist{grid-template-columns:repeat(2,1fr);gap:.5rem}
.v-form-playlist .form-group .controls{position:absolute;bottom:.6rem;right:-1rem;background-color:#2a314e;flex-direction:column}
.v-form-playlist .form-group .controls .btn-outline{border-color:var(--border-color)!important}
.noti-wrap .h-item{padding:1rem}
.c-social-list{grid-template-columns:repeat(1,1fr)}
.child-box .child-header{font-size:1.3em}
.my-area-sub .ma-input .v-form-control{padding:.7rem 1rem}
.my-area-sub .textarea-wrap{padding:1.5rem 1px .5rem}
.my-area-sub .ma-input .chac-left{top:-18px}
.emo-list{grid-template-columns:repeat(5,1fr);gap:.2rem;padding:0 .5rem}
.range-eps{grid-template-columns:repeat(3,1fr)}
.textarea-wrap .ma-buttons{gap:.5rem!important}
.textarea-wrap .ma-buttons .btn-emo{padding:0 .75rem}
.textarea-wrap .ma-buttons .btn-emo span{display:none}
.textarea-wrap .ma-buttons .btn-emo i{font-size:16px}
.d-item .replies-wrap .replies{margin-left:-56px;padding:1.5rem 0 1rem 1rem;border-left:2px solid var(--border-color)}
.d-item.mine .replies-wrap .replies{margin-left:-64px;margin-top:1rem;border-top:1px solid var(--border-color);border-left-color:transparent}
.d-item .comment-header .rated{font-size:0;padding:.1rem;gap:0;background-color:var(--bg-color);position:absolute;z-index:2;left:-32px;top:-8px}
.d-item .comment-header .rated span{font-size:20px}
.de-seasons.is-grid{grid-template-columns:repeat(1,1fr)}
.sl-menu{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
.sl-menu a{margin:0!important}
.question-box{font-size:13px;padding:1rem;border-radius:0;border:none;background-color:#ffffff10}
.sw-cover.cover-fade .h-item{padding:1rem}
.sw-cover.cover-fade .h-item .info .alias-title{margin-bottom:.75rem}
.topics-grid{grid-template-columns:repeat(2,1fr)}
.topics-grid .row-topic{border-radius:.5rem}
.topics-grid .row-topic .heading-md{font-weight:600!important}
.topics-line{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.5rem;margin:0 -16px;padding:0 16px;overflow:auto;scrollbar-width:none}
.topics-line .row-topic .intro{min-height:auto!important}
.topics-line::-webkit-scrollbar{display:none}
.topics-line .row-topic{width:120px;flex-shrink:0}
.topics-line .row-topic .intro .heading-md{font-size:1.1em!important}
.sw-cover.single .v-thumbnail.v-thumbnail-hoz{border-radius:.3rem}
.block-404 .icon-404 img{max-width:250px}
.block-404 .heading-xl{font-size:2em;line-height:1.3}
.v-thumbnail .text-more{font-size:1em}
.m-pin-new{transform:none;border-radius:0;left:5px;bottom:5px;gap:2px;flex-direction:column;align-items:flex-start;overflow:unset}
.m-pin-new .line-center{padding:.15rem .4rem;font-size:10px;justify-content:flex-start;border-radius:1rem;box-shadow:0 0 2px 2px #0001}
.cards-row .row-header{gap:.5rem}
.cards-row .row-header .category-name{flex-grow:1}
.cards-row .row-header .cat-more .line-center{width:30px!important;padding:0}
.cards-row .row-header .cat-more span{display:none!important}
.denied-box{padding:1.2rem;font-size:1.1em;gap:1rem}
.denied-box .denied-icon img{width:100px}
.d-item .comment-header .user-name{max-width:140px;text-overflow:ellipsis;overflow:hidden}
.d-item .comment-header .ch-for{border-radius:.2rem;padding:.2rem;text-align:center;font-size:9px}
.d-item .comment-header .ch-for span:before{content:"-T."}
.d-item .comment-header .c-time{font-size:9px}
.table-wrap{padding:3px}
.table-wrap .v-table{font-size:13px;line-height:1.5}
.table.v-table>:not(caption)>*>*{padding:.3rem .6rem}
.article-body .v-ul-check{padding:0}
.grid-3x2{grid-template-columns:repeat(1,1fr);padding:1rem}
.grid-3x2 .h-item .v-thumb-m{width:40px}
.grid-3x2 .h-item .v-thumbnail{border-radius:6px;padding-bottom:140%}
.grid-3x2 .h-item .info{flex-direction:row;align-items:center;gap:1rem}
.grid-3x2 .h-item .info .item-title{margin-bottom:0!important}
.grid-3x2 .h-item:nth-child(n+4){display:none}
.gpmn-text{align-items:flex-end;left:auto;right:1rem}
.gpmn-text .btn{padding:0!important;width:40px!important;height:40px!important;justify-content:center!important}
.gpmn-text .btn span{display:none}
}
@media screen and (max-width:379px){.v-pagination .btn-lg{font-size:14px;min-height:44px;padding:.5rem 1.2rem}
.v-pagination .btn-.circle{width:44px;padding:.5rem}
.de-eps.is-grid .item .info{font-size:.9em}
.dcc-side .menu-user .item .line-center span{font-size:11px}
}
.fade-in{opacity:0;filter:blur(10px);transition:opacity .5s ease-in,filter .5s ease-in}
.fade-in.visible{opacity:1;filter:blur(0)}
.player-control .ep-current{width:160px!important}
.v-pagination .page-current .v-form-control{width:60px!important}
.heading-topic{-webkit-background-clip:text!important;-webkit-text-fill-color:transparent}
.detail-more.show{display:block!important}
.text-gradient{-webkit-background-clip:text!important}
.de-cw{grid-template-columns:repeat(5,1fr)}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}
to{opacity:1;transform:translateY(0)}
}
.effect-fade-in{animation:fadeInUp .5s ease-out forwards}
#search .remove-icon{display:block!important}
.comm-title{line-height:1.5;font-size:16px!important}
.switch-logo{margin-bottom:2rem;text-align:center}
.switch-logo a img{height:50px;width:auto}
.switch-modal{display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:100vh;background:rgb(33,42,84);background:linear-gradient(113deg,rgba(33,42,84,1),rgba(25,33,67,1) 51%,rgba(33,42,84,1))}
.switch-modal .modal-dialog{max-width:none;width:680px}
.switch-modal .modal-dialog .modal-content{padding:2rem;color:#fff8;line-height:1.7;background-color:transparent!important}
.switch-modal .modal-dialog .modal-content p{line-height:1.7;margin-bottom:0!important}
.ver-sbs{margin-top:2rem;display:block;display:flex;align-items:stretch;justify-content:space-between}
.ver-sbs .ver-item{flex:1 1;padding:2rem;font-size:13px;border-radius:.75rem;background-color:#4e62b4;color:#fff}
.ver-sbs .ver-item:first-of-type{margin-right:2rem}
.ver-sbs .ver-item .btn-lg i{font-size:20px}
.switch-notice{margin-top:3rem;padding:0 2rem}
.switch-notice p{line-height:1.8!important}
.switch-notice .s-qr{margin-right:1rem;padding:10px;background-color:#fff;border-radius:.4rem}
.switch-notice .s-qr img{width:70px;height:70px}
@media screen and (max-width:800px){.switch-modal .modal-dialog .modal-content{padding:20px}
.ver-sbs{flex-direction:column;margin-top:1rem}
.ver-sbs .ver-item{padding:1.5rem}
.ver-sbs .ver-item:first-of-type{margin-right:0;margin-bottom:1.5rem}
.switch-notice{margin-top:2rem;padding:0}
.switch-notice p{line-height:1.5!important}
}
.swiper{overflow:hidden!important}
@media screen and (max-width:989px){.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .v-thumbnail{display:none}
}
@media screen and (max-width:1279px){.big-slide-wrapper .top-slide-small .swiper-wrapper .swiper-slide .v-thumbnail{padding-bottom:100%}
}
body.focus-mod .focus-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#08080A;z-index:100}
.live-ep,.live-tag{display:inline-flex;background-color:#fff;border-radius:.2rem;font-size:12px;color:#000;font-weight:600;line-height:20px;padding:0 5px}
.body_live{position:relative}
.body_live header{position:relative;top:auto;left:auto;right:auto}
.body_live header #logo img{height:40px}
.body_live header .header-elements{padding:0 1.5rem;height:80px}
.body_live #live{display:flex;width:100%;min-height:calc(100vh - 400px)}
.live-category .v-dropdown-menu.bg-dark{background-color:rgba(25,28,41,.95)!important}
.live-category .v-pagination .btn-secondary{background-color:#fff1!important;border-color:transparent!important}
.live_layout{width:100%;display:flex;align-items:flex-start;justify-content:space-between;overflow:auto;position:relative;background-color:#000}
.l_content,.l_sidebar{height:calc(100vh - 80px);flex-shrink:0}
.live_layout .l_content{width:calc(100% - 440px);display:flex;flex-direction:column;gap:0;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.live_layout .l_content::-webkit-scrollbar{display:none}
.live_layout .l_watch{height:calc(100vh - 80px);flex-shrink:0;display:flex;flex-direction:column;justify-content:space-between}
.live_layout .l_sidebar{width:440px;padding:1rem 1rem 1rem 0;display:flex;flex-direction:column}
.lw-bottom,.lw-header{position:relative;background-color:#000000b0;flex-shrink:0;height:70px;padding:0 1.5rem;display:flex;align-items:center;gap:.5rem}
.lw-header{position:-webkit-sticky;position:sticky;top:0;z-index:4;justify-content:flex-start}
.lw-header .lw-header-rows{display:flex;flex-direction:column;gap:.1rem;margin-left:.2rem;flex-grow:1}
.lw-header .lw-header-rows .live-tag{font-size:11px!important;line-height:18px!important;padding:0 4px!important}
.lw-header .lw-header-rows .live-source .tag-small{font-size:12px}
.lw-header .live-name{color:#fff;font-size:1.2em;line-height:1.4;font-weight:600;display:flex;align-items:center;gap:.25rem}
.lw-header .live-logo img{height:40px;width:auto}
.live-tag,.lw-header .live-back{display:flex}
.live-tag{background-color:#cf1717;color:#fff;align-items:center;gap:.3rem}
.live-tag.blink:before{content:"";width:6px;height:6px;background-color:#fff;display:block;border-radius:50%;animation:live-flash 1s infinite}
.lw-header .alias-name{color:var(--primary-color);font-size:1.1em;font-weight:400;line-height:1.3}
.lw-player{flex-grow:1;display:flex;align-items:center;background-color:#000;position:relative;min-height:0;overflow:hidden}
.lw-player .jwplayer{width:100%!important;height:100%!important;position:absolute!important;inset:0!important}
.live_layout .l_content>.player-control{flex-shrink:0;position:relative;z-index:5}
.lw-player .video-frame{position:relative;flex-grow:1;width:100%;height:100%}
.lw-player .video-frame .back-cover,.lw-player .video-frame iframe,.lw-player .video-frame video{position:absolute;top:0;left:0;right:0;bottom:0;width:100%!important;height:100%!important;object-fit:contain}
.lw-player .video-frame .back-cover{background-size:cover;opacity:.5}
#myVideo{object-fit:cover}
.lw-bottom{height:80px;justify-content:space-between}
.lw-bottom .flex-container{display:flex;align-items:center;justify-content:space-between;gap:2rem;width:100%}
.live-owner{gap:.75rem;color:#fff;flex-grow:1}
.live-owner .user-avatar,.user-avatar.o-live{width:46px;height:46px}
.user-avatar.o-live{border:2px solid red;animation:live-avatar 1s infinite}
.user-avatar.o-live img{transform:scale(.8);border-radius:50%}
@keyframes live-avatar{0%{transform:scale(1)}
50%{transform:scale(1.1)}
to{transform:scale(1)}
}
@keyframes countdown{0%{filter:blur(2px)}
50%{filter:blur(0)}
to{filter:blur(2px)}
}
@keyframes live-flash{0%{opacity:1}
50%{opacity:0}
to{opacity:1}
}
.live-owner .o-info .user-name{font-weight:600;line-height:1.4;margin-bottom:.1rem}
.live-owner .o-info .created{font-size:.85em;line-height:1.4;color:var(--text-base)}
.live-countdown,.live-trailer{font-size:16px;position:absolute;z-index:3;bottom:2rem;left:2rem;width:100%;max-width:440px;padding:2rem;background-color:#0008;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;display:flex;flex-direction:column;gap:.5rem;border-radius:1.5rem;border:1px solid #fff5;box-shadow:0 20px 20px 10px #0003}
.live-countdown .text{font-size:20px}
.live-countdown .count-start{margin-top:1rem}
.live-countdown .count-start #countdown{flex-shrink:0;font-size:24px;font-weight:700;line-height:1.2;width:210px;padding:0;height:50px;border-radius:.5rem;display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:#000;animation:countdown 1s infinite}
.live-countdown .count-start .remind{height:52px;padding:0 1rem;border-radius:.6rem;font-size:16px;border:1px solid #fff6;justify-content:center;gap:.75rem;cursor:pointer}
.live-countdown .count-start .remind.active{color:var(--primary-text);border-color:var(--primary-color)}
.live-countdown .count-start .btn-lg{font-size:16px}
.live-countdown .buttons{display:flex;align-items:center;gap:1rem}
.live-countdown .buttons>.btn{flex:1 1;gap:1rem}
.live-countdown.center{bottom:auto;left:50%;top:50%;transform:translate(-50%,-50%);align-items:center;text-align:center}
.live-trailer{font-size:14px;border-radius:.75rem;max-width:none;left:auto;right:2rem;width:auto;padding:1rem 1.5rem;align-items:center;background-color:#0002;color:#fff9;border-color:#fff3}
.live-trailer>div{white-space:nowrap}
.live-trailer .text{font-weight:600;font-size:1.1em;color:var(--primary-color);max-width:260px}
.l_detail{position:relative;padding:2rem 1rem;border-top:1px solid #fff2}
.l_detail .ld-source{display:flex;align-items:stretch;justify-content:space-between;gap:2rem;width:100%;padding:1.5rem;max-width:1500px;margin:0 auto}
.l_detail .ld-source .ld-source-detail{width:520px;display:flex;align-items:flex-start;gap:1.5rem}
.ld-suggest{flex-grow:1;display:flex;align-items:flex-start;gap:2rem;padding-left:2rem;border-left:1px solid #fff2}
.ld-suggest .lds-title{max-width:120px;flex-shrink:0;display:flex;flex-direction:column;gap:1rem}
.lds-items{align-items:flex-start;gap:1.2rem;flex-grow:1}
.lds-items,.s-live{display:flex;height:100%}
.s-live{position:relative;flex:1 1;flex-direction:column;justify-content:flex-end}
.s-live .v-thumbnail{position:relative;background-color:transparent}
.s-live .v-thumbnail img{mask-image:linear-gradient(0deg,transparent,transparent 10%,black);-webkit-mask-image:linear-gradient(0deg,transparent,transparent 10%,black)}
.s-live-user{position:absolute;bottom:0;left:0;right:0;z-index:2}
.s-live-user .live-owner,.s-live-user .live-owner .o-info{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}
.s-live-user .live-owner .user-avatar{background-color:#0003}
.s-live-user .live-owner .name-cut{max-width:120px;font-size:12px;color:var(--text-base);font-weight:400}
.shoutbox{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:0;background-color:#111;border:1px solid #fff2;border-radius:1rem;position:relative;z-index:9}
.shoutbox .sb_header{padding:1.5rem;flex-shrink:0;display:flex;align-items:center;gap:1rem}
.shoutbox .sb_header>div{position:relative}
.shoutbox .sb_header .item-settings{cursor:pointer}
.shoutbox .sb_header .item-clean{display:none}
.shoutbox .sb_body{flex-grow:1;justify-content:space-between;gap:.25rem;overflow:hidden}
.shoutbox .sb_body,.shoutbox .sb_bottom{position:relative;display:flex;flex-direction:column}
.shoutbox .sb_bottom{gap:.75rem;padding:1rem 1.5rem;flex-shrink:0;z-index:3}
.shoutbox .sb_bottom .is_top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.shoutbox .sb_bottom .is_top .is_top-button{width:70px;flex-shrink:0}
.shoutbox .sb_bottom .is_top .is_top-button .btn{height:46px;font-weight:500}
.shoutbox .sb_bottom .is_top .is_top-input{flex-grow:1;position:relative}
.shoutbox .sb_bottom .is_bottom{font-size:13px;color:#fff6;position:relative;display:flex;align-items:center;gap:.5rem}
.shoutbox .sb_bottom .is_bottom .is_bottom-alert{height:24px;position:absolute;top:50%;transform:translateY(-50%);left:-4px;padding:0 4px;background-color:#111;z-index:2}
.sb_bottom .row-new{position:absolute;top:0;left:0;right:0;transform:translateY(-110%);z-index:2;display:flex;align-items:center;justify-content:center}
.sb_bottom .row-new .btn-light{border:none!important;box-shadow:0 0 10px #0003!important}
.sb_bottom .row-new .btn-light .icon-new{position:relative;animation:arrow-down .3s infinite}
@keyframes arrow-down{0%{top:-1px}
50%{top:1px}
to{top:-1px}
}
.sb_bottom .row-reply{font-size:13px;padding:.4rem 36px .4rem .5rem;position:relative;border-left:4px solid #fff2;background-color:#52514f;border-radius:.3rem;color:#fffc;margin:-.5rem 0 -.2rem;display:none}
.sb_bottom .row-reply.active{display:block}
.sb_bottom .row-reply .rep-user{color:var(--primary-text);margin-right:3px}
.sb_bottom .row-reply .rep-close{display:flex;width:30px;height:100%;align-items:center;justify-content:center;position:absolute;right:0;top:0;bottom:0;cursor:pointer}
.is_top-input .emo{position:absolute;z-index:2;left:0;top:50%;transform:translateY(-50%)}
.is_top-input .emo .emo-btn{width:40px;height:40px;font-size:20px;color:#fff6;display:flex;align-items:center;justify-content:center;cursor:pointer}
.is_top-input .emo .emo-btn:hover{color:#fff9}
.is_top-input .text-left{position:absolute;top:0;right:0;z-index:2;font-size:10px;line-height:1;padding:.2rem .3rem;color:#fff6}
.is_top-input .chat-input{background-color:var(--bg-2)!important;border:1px solid var(--border-color)!important;min-height:46px;color:#fff!important;font-size:13px;padding-left:40px;padding-right:1rem}
.is_top-input .chat-input::placeholder{color:#fff5}
.is_top-input .chat-input:focus{box-shadow:0 0 0 3px #ffd87530!important}
.count-time{animation:count-time 1s infinite}
@keyframes count-time{0%{transform:rotate(0)}
50%{transform:rotate(90deg)}
to{transform:rotate(180deg)}
}
.chat-list{flex-grow:1;position:relative;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto}
.chat-row{padding:.6rem 1.5rem;font-size:14px;position:relative}
.chat-row:hover{background-color:#ffffff05}
.chat-row .user-avatar{width:36px;height:36px;flex-shrink:0;margin-top:.1rem}
.chat-row .info{flex-grow:1;font-size:13px}
.chat-row .info .user-name{color:#fff;font-weight:500;gap:.3rem}
.chat-row .info .time{font-size:11px;color:#fff5;opacity:0}
.chat-row .info .pin{font-size:.85em;color:#fff5}
.chat-row .info .pin svg{color:#F8473E}
.chat-row:hover .info .time{opacity:1}
.chat-row .info .opt-menu{position:absolute;top:.5rem;right:.5rem}
.chat-row .info .opt{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:3rem;background-color:#fff1;cursor:pointer;opacity:0}
.chat-row:hover .info .opt{opacity:1}
.chat-row .info .opt:hover{background-color:#fff2}
.chat-row .info .subject{font-size:13px;line-height:1.5;padding-top:1px}
.chat-row .info .subject img{height:auto;max-width:200px;max-height:140px;margin-top:5px;object-fit:contain}
.chat-row .info .reply{margin:4px 0;font-size:12px;padding:.4rem .6rem;border-left:3px solid #fff1;background-color:#ffffff17;color:#fffc;border-radius:.4rem;display:flex;flex-direction:column;gap:4px}
.chat-row .info .reply>span{line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important}
.chat-row .info .reply>span.rep-subject{line-height:1.5;-webkit-line-clamp:3}
.chat-row.blocked,.chat-row.hide{color:#fff5}
.chat-row.blocked .user-avatar,.chat-row.hide .user-avatar{filter:grayscale(1);opacity:.5}
.chat-row.hide .info .user-name{color:#fff5!important}
.chat-row.blocked .info .user-name{color:red!important;opacity:.5;text-decoration:line-through!important}
.chat-row.blocked .info .subject{filter:blur(3px)}
.chat-notice{padding:0 1.5rem;margin:.5rem 0;width:100%;background-color:transparent!important;text-align:center}
.chat-notice.item-start>div{background-color:#496532!important;color:#fff}
.chat-notice.item-start>div .text-primary{color:#B4FF75!important}
.chat-notice.item-end>div{background-color:#362f20;color:#fffa}
.chat-notice.item-join>div{background-color:transparent;padding:0;font-size:12px;opacity:.5}
.chat-notice>div{padding:1rem;background-color:#22222263;width:100%;border-radius:.6rem}
.chat-notice>div p{margin-bottom:0}
.chat-pin-area{background-color:#0e487a;display:flex;flex-direction:column}
.chat-pin-area .chat-row{color:#fff8;padding-top:.75rem;padding-bottom:.75rem}
.chat-pin-area .chat-row+.chat-row{border:1px solid transparent}
.v-tabs.v-tabs-min.nav-pills.is-dark .nav-link{color:#000!important}
.v-tabs.v-tabs-min.nav-pills.is-dark .nav-link.active{color:#000!important;border-color:#000}
.emo-stickers{padding:.5rem 0 0!important}
.emo-stickers .v-tabs-min{padding:.5rem;border-top:1px solid #0002}
.emo-stickers .nav-link{min-width:50px!important;text-align:center}
.emo-stickers .v-tabs.nav-pills .nav-link+.nav-link{margin-left:.2rem}
.sticker-list{display:grid;grid-template-columns:repeat(3,1fr);min-width:300px;max-height:220px;overflow:auto;padding:0 .5rem .5rem}
.sticker-list .sk-item{padding:.75rem;border-radius:.6rem}
.sticker-list .sk-item:hover{background-color:#0001}
.sticker-list .sk-item img{width:100%;height:100%;object-fit:contain}
.emo-stickers .emo-list{padding:0 .5rem .5rem}
.epr-main{margin-top:-.5rem;border:none!important}
.epr-main>div{display:none}
.epr-main .epr-body,.epr-main .epr-header{display:block!important}
.epr-category-nav{padding:.1rem .5rem!important}
.epr-emoji-category-label{font-size:13px;font-weight:400;padding:.3rem 1rem}
.chat-blank .v-notice{background-color:transparent!important}
.ps__thumb-y{background-color:#333}
.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#171717;width:12px}
.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#444;width:8px;cursor:-webkit-grabbing;cursor:grabbing}
body.js-live-header header{display:none}
body.js-live-header .l_content,body.js-live-header .l_sidebar,body.js-live-header .live_layout .l_watch{height:100vh}
body.js-live-header .lw-header .live-back{display:flex}
body.js-live-chatleft .live_layout{flex-direction:row-reverse}
body.js-live-chatleft .live_layout .l_sidebar{padding-left:1rem;padding-right:0}
body.js-live-min .live_layout .l_content{width:calc(100% - 350px)}
body.js-live-min .live_layout .l_sidebar{width:350px;padding:.5rem}
body.js-live-min .shoutbox{border:none;background-color:transparent;border-radius:0}
body.js-live-min .shoutbox .sb_bottom,body.js-live-min .shoutbox .sb_header{padding:.75rem .5rem}
body.js-live-min .lw-player{padding:0}
body.js-live-min .chat-row{padding:.6rem .8rem}
body.js-live-mask .shoutbox{background-color:transparent;border:none;position:absolute;top:0;right:0;bottom:auto;height:auto;z-index:5;opacity:1}
body.js-live-mask .shoutbox .sb_header{display:flex!important;padding:1.6rem}
body.js-live-mask .shoutbox .sb_header .item-settings,body.js-live-mask .shoutbox>div,body.js-live-mask .shoutbox>form{display:none}
body.js-live-mask .live_layout .l_content{width:100%}
body.js-live-mask .live_layout .l_sidebar{width:0;padding:0}
body.js-live-mask .lw-player{padding:0}
.lw-player.min-size{transform:scale(.8)}
.live-min{cursor:pointer}
.live-min:hover{color:#fff}
.live-min.active{color:var(--primary-text)!important}
.live-manager{height:200px;display:flex;align-items:center;justify-content:center}
.live-manager .buttons .btn-xl{min-height:54px;padding:.6rem 1.8rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.live-category{background-color:var(--footer-bg);border-bottom:1px solid #fff1}
.live-category .fluid-gap{gap:4rem}
.live-category .live-background{position:absolute;top:0;left:0;right:0;height:500px;width:100%;mask-image:linear-gradient(0deg,transparent,black 80%);-webkit-mask-image:linear-gradient(0deg,transparent,black 80%)}
.live-category .live-background img,.live-category .live-background:before{z-index:1;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
.live-category .live-background:before{content:"";background-image:url(/images/dotted.png);background-repeat:repeat;filter:none;z-index:2;opacity:.5}
.live-category .live-background img{opacity:1;z-index:1;object-fit:cover;mask-image:linear-gradient(0deg,transparent,black);-webkit-mask-image:linear-gradient(0deg,transparent,black)}
.live-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1.25rem;gap:1.25rem;grid-row-gap:2rem;row-gap:2rem}
.live-grid.live-grid-big{grid-template-columns:repeat(4,1fr)}
.card-live{display:flex;flex-direction:column;gap:.75rem}
.card-live .v-thumbnail-hoz{padding-bottom:56%;border-radius:.6rem}
.v-thumbnail .live-mask{position:absolute;top:0;left:0;right:0;bottom:0;z-index:4}
.card-live .card-live-detail{display:flex;align-items:flex-start;gap:1rem;flex-direction:row}
.card-live .card-live-detail .user-avatar{width:40px;height:40px}
.card-live .card-live-detail .is-info{display:flex;flex-grow:1;flex-direction:column;gap:.1rem;font-size:.9em}
.card-live .card-live-detail .live-name{font-size:14px;line-height:1.5;font-weight:500;margin-bottom:.2rem}
.card-live .card-live-detail .source-name{font-size:12px;font-weight:400;margin-bottom:.15rem;color:var(--text-base)}
.card-live .card-live-detail .info-line>div{font-size:12px}
.card-live .card-live-detail .info-line .tag-user a{color:var(--text-base)}
.card-live .card-live-detail .is-option{position:relative}
.card-live-end .v-thumbnail-hoz{opacity:.6}
.card-live-end .v-thumbnail-hoz:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);z-index:4;border-radius:.6rem}
.card-live-coming .v-thumbnail-hoz{border:1px solid rgba(240,173,78,.3)}
.w2g-tabs{display:flex;gap:.5rem}
.w2g-tabs .w2g-tab{padding:6px 16px;border-radius:2rem;font-size:13px;font-weight:500;color:var(--text-base);background:transparent;border:1px solid var(--border-color);cursor:pointer;transition:all .2s}
.w2g-tabs .w2g-tab.active{background:var(--primary-color);color:#000;border-color:var(--primary-color)}
.w2g-tabs .w2g-tab:hover:not(.active){background:#fff1}
.w2g-load-more{display:flex;justify-content:center;margin-top:2rem}
.w2g-load-more .btn{border-radius:2rem;padding:10px 32px;font-size:14px}
.live-grid-small .card-live .v-thumbnail{background-color:transparent;border-radius:.6rem;padding-bottom:56%}
.live-grid-small .card-live .v-thumbnail img{filter:blur(20px);transform:scale(1.2);transform-origin:center center;opacity:.6}
.live-grid-small .card-live .v-thumbnail:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/dotted.png);z-index:2;opacity:.3}
.live-grid-small .card-live .card-live-detail{position:relative;z-index:4}
.live-grid-small .card-live .card-live-detail .live-name{line-height:1.5;font-size:1.1em;-webkit-line-clamp:2}
.card-live .v-thumbnail .live-tag{top:.5rem;border-radius:.3rem;height:24px;padding:0 .4rem}
.card-live .v-thumbnail .live-tag,.current-status{position:absolute;left:.5rem;z-index:3;box-shadow:0 0 5px 5px #0001}
.current-status{bottom:.5rem;display:flex;align-items:center;gap:.5rem;background-color:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:.3rem .7rem;font-size:12px;font-weight:600;color:#fff;border-radius:.4rem;border:1px solid #fff}
.current-status.status-live{border:1px solid #fff;border-radius:.4rem}
.current-status.status-end{color:#fe476a;border-color:#fe476a;font-weight:400}
.current-status.status-coming{font-weight:400}
.current-status.status-coming .time-left{font-weight:600}
.remind-me{left:auto;right:.5rem;cursor:pointer;z-index:5}
.remind-me.active{color:var(--primary-text)!important;border-color:var(--primary-color)!important}
.start-now{background-color:#fff;color:#000;left:.5rem;right:auto;bottom:.5rem;top:auto;z-index:5}
.start-now:hover{background-color:var(--primary-color);color:#000;border-color:var(--primary-color)}
.card-live .thumb-small{top:0;width:39%;height:100%;z-index:2;background-size:cover;background-position:top;box-shadow:0 10px 10px 0 #0002;-webkit-mask-image:linear-gradient(0deg,transparent,black 30%);mask-image:linear-gradient(0deg,transparent,black 30%)}
.card-live .thumb-small,.light-blur{position:absolute;left:50%;transform:translateX(-50%)}
.light-blur{width:100%;height:350px;background-color:#fff8;filter:blur(100px);top:-150px;border-radius:50%;animation:light-blur 3s infinite}
@keyframes light-blur{0%{background-color:#fffa}
33%{background-color:#db586e}
66%{background-color:#6477c2}
to{background-color:#fffa}
}
.quick-play .btn-sm{min-height:0}
#wrapper.is-live-create .cards-row.wide{max-width:1200px}
.w2g-create{display:flex;align-items:stretch;gap:2rem;margin:2rem auto}
.w2g-create .w2g-org-detail{flex-shrink:0;width:430px;display:flex;flex-direction:column;justify-content:flex-end;gap:1.25rem;padding:2rem;background-color:#212a56;border-radius:1.25rem;overflow:hidden;position:relative}
.w2g-create .w2g-org-detail .div-poster{width:100%;flex-shrink:0;position:absolute;top:0;left:0;right:0;mask-image:linear-gradient(0deg,transparent,transparent 10%,black 70%);-webkit-mask-image:linear-gradient(0deg,transparent,transparent 10%,black 70%)}
.w2g-create .w2g-org-detail .info{position:relative;z-index:3}
.w2g-create .w2g-org-detail .buttons{gap:.75rem}
.w2g-create .w2g-org-detail .buttons .btn{cursor:default!important}
.w2g-create .w2g-step{flex-grow:1;display:flex;flex-direction:column;gap:1rem}
.w2g-create .w2g-step>form{display:flex;flex-direction:column;gap:1rem;flex-grow:1}
.step-row{padding:2rem;border-radius:1rem;background-color:#282b3a}
.step-row .step-name{font-weight:500;color:#fff;font-size:1.2em;margin-bottom:.5rem}
.step-row .step-desc{color:var(--text-base);font-size:13px;margin-bottom:0}
.step-row .d-poster{flex-shrink:0}
.step-row .d-poster .item{width:70px;flex-shrink:0;padding:2px;border:1px solid #fff5;border-radius:.5rem;cursor:pointer;opacity:.5}
.step-row .d-poster .item.active{border-color:var(--primary-color);opacity:1}
.step-row .d-poster .item .v-thumbnail{border-radius:.4rem}
.form-control.size-lg{font-size:15px;height:50px;padding:.5rem 1.25rem;border-color:#fff2}
.step-row .start-manual{margin-top:1.5rem}
.timedate-picker{position:relative}
.timedate-picker.hide:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#282b3a;opacity:.95;z-index:2}
.modal-createlive .modal-dialog{max-width:420px}
.modal-createlive .modal-dialog .modal-content{background-color:#282b3a;border:1px solid #fff2!important}
.modal-createlive .modal-content .is-footer .btn{width:100%}
.create-live-steps{display:flex;flex-direction:column;width:100%;gap:0;border-top:1px solid #fff1;margin:1.5rem 0 .5rem}
.create-live-steps .step{position:relative;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #fff1}
.create-live-steps .step .number{flex-shrink:0;width:30px;font-size:36px;font-weight:100;line-height:1;color:var(--primary-text)}
.create-live-steps .step .text{flex-grow:1;color:#fff;padding:1.25rem 0;line-height:1.7}
.create-live-steps .step .btn-dark{background-color:#0f111a!important;border:1px solid #fff!important;padding:.2rem .4rem;margin:1px 3px;border-radius:.4rem}
.live-share{cursor:pointer}
.live-share:hover{color:#fff}
.live-share .v-dropdown-menu{margin:.6rem 0!important;border-radius:.75rem}
.quick-share{padding:.7rem 1.2rem;font-size:13px;display:flex;flex-direction:column;gap:.5rem}
.quick-share .quick-share-link{font-size:12px;padding:.4rem .8rem;border-radius:.4rem;min-width:220px}
.quick-share .btn-sm{border-radius:.4rem}
.buttons-loadmore .btn-xl{padding:.8rem 4rem;min-height:54px;gap:1.5rem;font-size:16px}
.buttons-loadmore .btn-outline:hover{border-color:var(--primary-color)!important;color:var(--primary-text)!important}
body.js-live-min.js-live-mask .shoutbox .sb_header{padding:1.6rem}
.js-live-mask .lw-header>.btn-end-live{margin-right:110px}
.MuiPaper-root{background-color:#3b4058!important}
.Mui-selected{background-color:var(--primary-color)!important;color:#000!important}
.MuiPickersLayout-contentWrapper{border-bottom:1px solid #fff2!important}
.MuiButton-textPrimary{color:#fff!important}
@media screen and (max-width:1919px){.l_detail{padding:3rem 0}
.l_detail .ld-source{padding:0 20px;max-width:1000px;flex-direction:column;gap:3rem}
.ld-suggest{border:none;padding:0;flex-direction:column;gap:1.5rem;justify-content:space-between}
.ld-suggest>div{width:100%;max-width:none!important}
.ld-suggest>div.lds-title{flex-direction:row;justify-content:space-between;align-items:center}
}
@media screen and (max-width:1680px){.live-category .live-background{height:400px}
.live-manager{height:140px}
#div-adt,.body_live header{display:none}
.l_content,.l_sidebar,.live_layout .l_watch{height:100vh}
.lw-header .live-back{display:flex}
.live_layout .l_sidebar{width:380px}
.live_layout .l_content{width:calc(100% - 380px)}
.shoutbox .sb_bottom,.shoutbox .sb_header{padding:1rem;height:auto}
.chat-row{padding:.6rem 1rem}
.chat-notice{padding:0 1rem}
.live-grid{grid-template-columns:repeat(4,1fr)}
}
@media screen and (max-width:1440px){.live-category .fluid-gap{gap:3rem}
.live-grid.live-grid-big{grid-template-columns:repeat(3,1fr)}
}
@media screen and (max-width:1280px){.live-grid{grid-template-columns:repeat(3,1fr)}
}
@media screen and (max-width:1199px){.live-grid{column-gap:1rem}
.live-grid.live-grid-big{grid-template-columns:repeat(2,1fr)}
.light-blur{top:-200px}
.lw-bottom,.lw-header{padding:0 1rem;height:60px!important}
#div-tg,.live-min,.lw-bottom .live-source{display:none}
.shoutbox .sb_bottom .is_bottom .is_bottom-alert{background-color:#000}
.chat-pin-area .chat-row{padding:.6rem 1rem}
.live-countdown{font-size:14px;max-width:320px;padding:1rem;border-radius:.75rem;left:1rem;bottom:1rem}
.live-countdown .text{font-size:16px}
.live-countdown .count-start{margin-top:.5rem;gap:.6rem!important}
.live-countdown .count-start #countdown{font-size:16px;width:160px;height:40px;border-radius:.5rem}
.live-countdown .count-start .remind{font-size:14px;height:40px;border-radius:.5rem}
.live-countdown .buttons{gap:.6rem;width:100%}
.live-countdown .buttons>.btn-lg{font-size:14px;min-height:46px;padding:.5rem .8rem;gap:.5rem}
.live-trailer{bottom:0;right:0;border:none;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background-color:#0e487ad4;border-radius:.6rem 0 0 0;padding:.5rem .8rem}
.live-trailer .text{display:none}
.live_layout .l_watch{height:auto}
.lw-player .video-frame{width:100%;padding-bottom:56.25%;height:0}
.w2g-create{flex-direction:column}
.w2g-create>div{width:100%!important}
.w2g-create .w2g-org-detail{flex-direction:row}
.w2g-create .w2g-org-detail .info .hl-tags{display:none}
.w2g-create .w2g-org-detail .div-poster{position:relative;top:0;left:0;right:0;width:140px;-webkit-mask-image:none!important;mask-image:none!important}
.chat-notice>div{padding:.6rem .75rem}
.chat-row{padding:.4rem .75rem!important;gap:.6rem!important}
.chat-row .user-avatar{width:30px;height:30px}
.shoutbox .sb_bottom,.shoutbox .sb_header{padding:.6rem}
.lds-items .s-live:nth-child(n+5){display:none!important}
.l_detail{padding:1.5rem 0}
.l_detail .ld-source .ld-source-detail{width:100%}
.l_detail .ld-source .ld-source-detail .v-thumb-l{width:100px}
.lw-bottom .user-avatar{height:36px!important;width:36px!important}
body.js-live-mask .shoutbox .sb_header{padding:1.2rem}
.js-live-mask .lw-header>.btn-end-live{margin-right:20px}
}
@media screen and (min-width:800px) and (max-width:1199px){.shoutbox{background-color:#000;border:none}
.live_layout .l_sidebar{width:280px;padding:0!important}
.live_layout .l_content{width:calc(100% - 280px)}
.js-live-mask .lw-header{padding-right:110px}
}
@media screen and (max-width:999px){.live-grid{grid-template-columns:repeat(2,1fr)}
}
@media screen and (max-width:799px){.live-grid{grid-template-columns:repeat(2,1fr);row-gap:1.5rem}
.live-grid.live-grid-big{grid-template-columns:repeat(1,1fr)}
.card-live .card-live-detail .is-info{font-size:12px}
.card-live .card-live-detail .user-avatar{width:40px!important;height:40px!important}
.light-blur{display:none!important}
.live_layout{flex-direction:column;height:100vh;justify-content:space-between}
.live_layout>div{width:100%!important}
.live_layout .l_sidebar{padding:0!important;height:auto;position:relative;flex-grow:1;border-top:1px solid #fff2}
body.js-live-mask .shoutbox{left:0}
.shoutbox{border:none;background-color:#000;border-radius:0;position:absolute;top:0;left:0;right:0;bottom:0}
.shoutbox .sb_header .item-clean{display:flex}
.shoutbox .sb_header{position:-webkit-sticky;position:sticky;top:0}
.shoutbox .sb_header .item-settings{display:none}
.l_content,.l_sidebar,.live_layout .l_watch{height:auto}
.js-live-clean{overflow:hidden!important}
.js-live-clean .lw-bottom,.js-live-clean .lw-header{display:none}
.js-live-clean .lw-player{top:0;position:fixed;left:0;right:0;z-index:10;background-color:#000}
.js-live-clean .live_layout{padding-top:calc(56.25% + 40px)}
.js-live-clean .live_layout .l_sidebar{height:auto;flex-grow:1;position:fixed;top:0;left:0;right:0;bottom:0}
.js-live-clean .shoutbox{height:auto}
.js-live-clean .shoutbox .sb_header{background-color:#000;position:fixed;padding-top:calc(56.25% + .6rem)!important;left:0;right:0;z-index:9}
.js-live-clean .shoutbox .sb_body{padding-top:calc(56.25% + 40px)!important}
.video-frame{width:100%;padding-bottom:56.25%}
.lw-bottom,.lw-header{height:56px!important;padding:0 .5rem}
.lw-header .live-name span{font-size:13px}
.lw-header .live-name span,.lw-header .live-source .tag-name{max-width:300px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lw-header .btn-end-live span{display:none}
.live_layout .l_content{flex-shrink:0;position:relative}
.live-countdown{bottom:0;left:0;border:none;border-radius:0 .6rem 0 0;max-width:250px;font-size:12px}
.live-countdown .text{font-size:14px}
.live-countdown .count-start .remind{flex-grow:unset!important}
.live-countdown .count-start .remind span{display:none}
.live-countdown .count-start #countdown{width:auto;flex-grow:1}
.live-countdown.center{max-width:300px!important;width:100%!important;border-radius:.75rem!important}
.l_detail{display:none}
.chat-list,.chat-list.ps{overflow-y:auto!important}
.chat-list .ps__rail-y{display:none!important}
.js-live-mask .lw-header>.btn-end-live{margin-right:0}
body.js-live-mask .shoutbox .sb_header{padding:.6rem}
}
@media screen and (max-width:640px){.live-grid{grid-template-columns:repeat(1,1fr)}
.live-category .fluid-gap{gap:2rem}
.live-manager{height:70px;margin:-1rem auto!important}
.live-manager .buttons .btn-xl{font-size:15px;padding:.6rem 1.3rem;min-height:46px;gap:.75rem}
.live-manager .buttons .btn-xl .inc-icon{width:15px!important;height:15px!important}
.live-manager .buttons .btn-xl .size-18{font-size:15px!important}
.live-category .live-background{height:250px}
.lw-bottom .o-info{font-size:13px}
.live-owner .o-info .user-name{margin-bottom:0}
.lw-header .live-ep,.lw-header .live-tag{line-height:18px;font-size:11px;padding:0 3px}
.lw-bottom .user-avatar{width:30px!important;height:30px!important}
.lw-bottom .flex-container{gap:1rem}
.lw-bottom .live-count>div,.lw-bottom .live-progress>div,.lw-bottom .live-share>div{font-size:12px;flex-direction:column;gap:2px}
.chat-row .info .opt{opacity:1!important;background-color:transparent}
.w2g-create .w2g-org-detail{padding:1.2rem;border-radius:.75rem;gap:1rem}
.w2g-create .w2g-org-detail .div-poster{width:80px}
.step-row{padding:1.2rem;border-radius:.75rem}
}
@media screen and (max-width:479px){.lw-player .video-frame .back-cover{opacity:.3}
.live-countdown{width:140px;padding:.6rem}
.live-countdown .text{display:none}
.live-countdown .count-start{flex-direction:column;margin:0;align-items:flex-start}
.live-countdown .count-start #countdown{background-color:transparent;color:#fff;height:16px;font-size:14px;justify-content:flex-start}
.live-countdown .count-start .remind{height:32px;border-radius:.4rem;margin-top:2px;font-size:12px;width:100%}
.live-countdown .count-start .remind span{display:block}
.live-countdown .count-start .remind .icon-16{width:12px!important;height:12px!important}
.live-countdown .count-start .btn-light{min-height:32px;padding:.4rem .6rem;width:100%;font-size:12px;border-radius:.4rem}
.live-countdown.center{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;border:none;box-shadow:none;max-width:280px!important}
.live-countdown.center .text{display:block!important}
.live-trailer{padding:.4rem .6rem;bottom:auto;right:0;top:0;left:0;border-radius:0;background-color:#0009}
.w2g-create{gap:1rem;font-size:13px}
.w2g-create .w2g-org-detail{flex-direction:column}
.w2g-create .w2g-org-detail .div-poster{width:60px}
.w2g-create .w2g-org-detail .buttons .btn{padding:.5rem .9rem!important;font-size:13px!important}
.step-row .d-poster{gap:.6rem!important;margin-top:-5px}
.step-row .d-poster .item{width:60px}
.step-row.is-poster>.line-center{flex-direction:column;align-items:flex-start}
.w2g-create .is-submit>.buttons{flex-direction:column}
.w2g-create .is-submit>.buttons>.btn{width:100%}
.create-live-steps .step .number{font-size:30px;width:20px}
.create-live-steps .step .text{padding:1rem 0}
.lw-header .live-name span,.lw-header .live-source .tag-name{max-width:200px}
.buttons-loadmore .btn{width:100%}
}
.css-1hnij6n{display:inline-flex;flex-direction:column;position:relative;min-width:0;padding:0;margin:0;border:0;vertical-align:top;max-width:100%}
.css-14cxppu{color:rgba(255,255,255,.7);line-height:1.4375em;display:block;text-overflow:ellipsis;position:absolute;left:0;top:0;transform-origin:left top;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto;max-width:calc(133% - 32px);transform:translate(14px,-9px) scale(.75);padding:0;white-space:nowrap;overflow:hidden;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1),max-width .2s cubic-bezier(0,0,.2,1);z-index:3;background-color:#282b3a}
.css-14cxppu,.css-ne9r8m{font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;font-size:1rem;letter-spacing:.00938em}
.css-ne9r8m{line-height:1.5;color:rgb(255,255,255);cursor:text;display:flex;justify-content:flex-start;align-items:center;position:relative;box-sizing:border-box;padding:0 14px;border-radius:4px;border:1px solid #fff2}
.react-datepicker-wrapper{direction:ltr;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:inherit;line-height:1.4375em;flex-grow:1;outline:none;display:flex;flex-wrap:nowrap;overflow:hidden;letter-spacing:inherit;width:182px;padding:16.5px 0!important}
.react-datepicker__input-container input{background-color:transparent!important;outline:none!important;border:none!important;color:#fff!important}
.react-datepicker{background-color:#282b3a!important;border:1px solid #fff2!important;border-radius:4px!important;padding:10px!important;color:#fff!important}
.react-datepicker__header{background-color:#282b3a!important;border-bottom:1px solid #fff2!important}
.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month,.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#fff!important}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:0!important}
.react-datepicker__time-container .react-datepicker__time{background:#282b3a!important}
.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:var(--primary-color)!important;color:#000!important}
.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:rgba(255,255,255,.5)!important}
.body_live footer,.haha.dropdown-toggle:after{display:none!important}
.dropdown-vip{font-size:13px;padding:.4rem 1rem}
.dropdown-vip .user-name{font-size:12px;color:#fff}

/* --- Responsive carousel slide widths --- */
@media screen and (max-width:1600px){
.cards-slide-wrapper .swiper-slide{width:calc((100% - 7 * 12px) / 8)}
}
@media screen and (max-width:1359px){
.cards-slide-wrapper .swiper-slide{width:calc((100% - 5 * 12px) / 6)}
.menu-item-sub>.dropdown{position:static;display:none;background:rgba(0,0,0,.2);backdrop-filter:none;box-shadow:none;padding:.5rem 0 .5rem 1rem;margin-top:.5rem;border-radius:.3rem}
.menu-item-sub.open>.dropdown{display:block}
.menu-item-sub:hover>.dropdown{display:none}
.menu-item-sub.open:hover>.dropdown{display:block}
}
@media screen and (max-width:1120px){
.cards-slide-wrapper .swiper-slide{width:calc((100% - 4 * 12px) / 5)}
}
@media screen and (max-width:799px){
.cards-slide-wrapper .swiper-slide{width:calc((100% - 3 * 10px) / 4)}
.topics-list .cards-slide-wrapper .swiper-slide{width:240px}
}
@media screen and (max-width:640px){
.cards-slide-wrapper .swiper-slide{width:calc((100% - 2 * 8px) / 3)}
.topics-list .cards-slide-wrapper .swiper-slide{width:200px}
}
@media screen and (max-width:479px){
.cards-slide-wrapper .swiper-slide{width:calc((100% - 8px) / 2)}
.topics-list .cards-slide-wrapper .swiper-slide{width:180px}
}

/* Episode list panel responsive */
@media screen and (max-width:989px){
.video-eps,.video-eps .eps-list{width:280px}
.video-eps .ep-thumb{width:100px}
}
@media screen and (max-width:799px){
.video-eps,.video-eps .eps-list{width:100%}
.video-eps .ep-thumb{width:100px}
.video-eps .eps-header{padding:10px 12px}
.video-eps .eps-title{font-size:13px}
.eps-trigger{padding:8px 10px 8px 8px;font-size:12px;gap:6px}
.eps-trigger span{display:none}
.player-ratio.show-eps-trigger .eps-trigger{opacity:1;pointer-events:auto}
}
@media screen and (max-width:479px){
.video-eps .ep-thumb{width:80px}
.video-eps .item-ep{gap:8px;padding:5px 6px}
.video-eps .ep-name{font-size:12px}
}