@tailwind base;@tailwind components;@tailwind utilities;::-webkit-scrollbar{width:0rem;height:0rem}@layer base{.font-outline-2{-webkit-text-stroke:2px rgb(255 255 255 / .4)}.font-outline-4{-webkit-text-stroke:4px rgb(255 255 255 / .4)}}body{background-color:#0b0c0c;color:#fff;font-family:"Kanit",sans-serif}.app-navbar{@apply fixed top-0 left-0 w-full h-16 flex justify-between items-center;background:linear-gradient(to bottom,#0b0c0c,transparent);color:#fff;z-index:9999;transition:background-color 0.5s}.app-navbar.nav-shadow{background:linear-gradient(to bottom,#0b0c0c,transparent)}.app-navbar.active{background-color:#0b0c0c}.app-navbar .app-logo{@apply w-36 relative h-16 overflow-hidden flex items-center;z-index:1000}.app-navbar .app-logo .logo-image{@apply w-full h-auto}.app-navbar .app-navbar-left{@apply flex gap-4 lg:gap-10 items-center;z-index:1000}.app-navbar .app-navbar-left .nav-toggle{@apply lg:hidden relative;z-index:1000}.app-navbar .app-navbar-left .nav .nav-list{@apply hidden lg:relative lg:flex flex-col lg:flex-row gap-6 lg:items-center lg:justify-center pt-20 lg:pt-0 top-0 left-0 lg:top-auto lg:left-auto lg:gap-10 w-full lg:w-auto bg-black bg-opacity-90 p-8 lg:p-0 lg:bg-transparent;z-index:1000}.app-navbar .app-navbar-left .nav .nav-list.active{@apply absolute flex;z-index:999}.app-navbar .app-navbar-left .nav .nav-list .nav-item .nav-link,.app-navbar .app-navbar-left .nav .nav-list .menu-item a{@apply text-base font-light}.app-navbar .app-navbar-left .nav .nav-list .nav-item .nav-link:hover,.app-navbar .app-navbar-left .nav .nav-list .menu-item a:hover{opacity:.8}.app-navbar .app-navbar-left .nav .nav-list .nav-item .nav-link.active,.app-navbar .app-navbar-left .nav .nav-list .menu-item.current-menu-item a{@apply text-white font-normal}.app-navbar .app-navbar-right .search-box{@apply flex items-center gap-3 p-2}.app-navbar .app-navbar-right .search-box.active{@apply bg-black bg-opacity-80 lg:border border-white/70 absolute lg:relative top-0 left-0 lg:top-auto lg:left-auto w-full h-16 lg:w-auto lg:h-auto flex flex-row-reverse;z-index:1002}.app-navbar .app-navbar-right .search-box input{@apply hidden}.app-navbar .app-navbar-right .search-box.active input{@apply block w-full lg:w-60 bg-transparent text-white outline-none focus:outline-none}.app-navbar .app-navbar-right .search-btn{@apply relative;z-index:1000}.button{@apply px-4 lg:px-8 py-2 lg:py-4 text-white rounded-md lg:text-2xl font-semibold flex gap-2 items-center}.c-button{@apply w-12 h-12 rounded-full flex justify-center items-center text-white text-xl}.button.button-white{background-color:#fff;color:#000;border:2px solid #fff}.c-button.button-white{background-color:#fff;color:#000}.button.button-white:hover{background-color:rgb(255 255 255 / .8)}.c-button.button-white:hover{background-color:rgb(255 255 255 / .8)}.button.button-gray{background-color:rgb(109 109 110 / .7);color:#fff}.c-button.button-gray{background-color:rgb(109 109 110 / .7);color:#fff;border:2px solid #fff}.button.button-gray:hover{background-color:rgb(109 109 110 / .5)}.c-button.button-gray:hover{background-color:rgb(109 109 110 / .5)}.icon-button{@apply text-xl lg:text-2xl flex items-center gap-2}.search-overlay{@apply fixed top-0 left-0 w-full h-screen hidden;z-index:1001}.search-overlay.active{@apply block}.no-hero{@apply h-44 lg:h-56}.header-content{color:#fff;z-index:1001}.header-content h1{@apply text-2xl lg:text-4xl font-bold line-clamp-1}.header-content p{@apply text-lg lg:text-xl mt-2 lg:mt-4 line-clamp-2}.item-bg{position:absolute;width:100vw;height:100%;left:50%;margin-left:-50vw;top:0;z-index:-1;background-position:50% 10%;background-size:cover}.item-bg:before{content:'';position:absolute;left:0;top:0;width:66.6%;height:100%;z-index:2;background:linear-gradient(to right,#000 0%,#fff0 100%);min-width:300px}.item-bg:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;background:linear-gradient(to bottom,#fff0 0%,#0b0c0c 100%)}.home-thumbs.swiper{@apply lg:w-[27rem] lg:absolute right-4 lg:bottom-20 -mt-28}.home-thumbs .post{opacity:.5;cursor:pointer;max-width:80px;margin-right:8px}.home-thumbs .post.swiper-slide-thumb-active img{border:2px solid var(--primary-color)}.home-thumbs .post.swiper-slide-thumb-active,.home-thumbs .pos--movie-itemt.swiper-slide-thumb-active img{opacity:1}.items-title{@apply text-2xl lg:text-3xl font-normal;position:relative;z-index:1001}.items-title a:hover{color:var(--primary-color)}.--movie-item .--poster{overflow:hidden;@apply rounded-lg relative h-[185px] lg:h-[270px] block}.--poster .overlay,.--latest-poster .overlay{opacity:0;transition:opacity 0.2s;@apply absolute top-0 left-0 w-full h-full bg-black bg-opacity-40 flex justify-center items-center}.--poster .overlay .--icon,.--latest-poster .overlay .--icon{transform:scale(.5);transition:transform 0.2s}.--poster img,.--latest-poster img{transition:transform 0.2s}.--post:hover img{transform:scale(1.15)}.--post:hover .overlay,.--latest-poster:hover .overlay{opacity:1}.--post:hover .overlay .--icon,.--latest-poster:hover .overlay .--icon{transform:scale(1)}.--post:hover .--title h6{color:var(--primary-color)}.--info.tooltip{left:90%!important;top:5%!important;position:absolute;width:120%;z-index:999;opacity:0;visibility:hidden;min-width:270px;background-color:#000;border-radius:.5rem;overflow:hidden;@apply hidden lg:block}.--post:hover .--info.tooltip{opacity:1;visibility:visible;transition:all 0.3s;transition-delay:0.3s}.--post .rank-number{transition:opacity 0.3s}.--post:hover .rank-number{opacity:0}.tt-right .--info.tooltip{left:auto!important;right:90%!important}.--info.tooltip .--excerpt::-webkit-scrollbar{width:.3rem;height:.3rem}.--info.tooltip .--excerpt::-webkit-scrollbar-thumb{background-color:rgb(255 255 255 / .2);border-radius:.5rem}.--info.tooltip .backdrop{position:absolute;width:100%;height:100%;z-index:-1;left:0;top:0;background-color:#000;padding-top:0}.--info.tooltip .backdrop img{filter:blur(32px);transform:scale(1.2);opacity:.5}.footer-link,.footer-menu a{color:#fff}.footer-link:hover,.footer-menu a:hover{color:var(--primary-color);text-decoration:underline}.footer-content h3,.footer-content h4,.footer-content h5,.footer-content h6{@apply text-2xl font-normal text-white;margin-top:1rem}.footer-content p{@apply text-lg font-light text-white/80}.footer-content a{@apply text-red-500}.footer-menu{@apply flex justify-center items-center gap-4 flex-wrap}.--items-list .--movie-item:nth-child(7n),.--items-list .--movie-item:nth-child(8n){@apply hidden lg:block}.no-hero-content{@apply pt-24}.no-hero-content .header h1{@apply text-xl lg:text-2xl font-normal}.no-hero-content .header p{@apply text-xs lg:text-sm font-light mt-1 lg:mt-2}.review-item{background-color:#232323;border-radius:.25rem;overflow:hidden}.post-content p{@apply text-lg font-light}.post-content a{color:var(--primary-color)}.post-content a{color:var(--primary-color)}.post-content a:hover{text-decoration:underline}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{@apply text-2xl lg:text-4xl font-normal}.post-content ul{@apply list-disc list-inside}.post-content ol{@apply list-decimal list-inside}.post-content blockquote{@apply border-l-4 border-white/20 p-4 my-4}.post-content blockquote p{@apply text-lg font-light}.post-content pre{@apply bg-black p-4 my-4}.post-content pre code{@apply text-sm}.post-content table{@apply w-full my-4}.post-content table th,.post-content table td{@apply border border-white/20 p-2}.post-content table th{@apply bg-black text-white}.post-content table tr:nth-child(even){@apply bg-black}.post-content table tr:nth-child(odd){@apply bg-black/80}.post-content table tr:hover{@apply bg-black/60}.post-content table th:first-child,.post-content table td:first-child{@apply border-l-0}.post-content table th:last-child,.post-content table td:last-child{@apply border-r-0}.post-content table th{@apply text-lg font-light}.post-content table td{@apply text-base font-light}.post-content .wp-block-image{@apply my-4}.post-content .wp-block-image img{@apply w-full h-auto}.post-content .wp-block-image figcaption{@apply text-center text-lg font-light}.post-content .wp-block-gallery{@apply my-4}.post-content .wp-block-gallery .blocks-gallery-grid{@apply grid grid-cols-2 gap-4}.post-content .wp-block-gallery .blocks-gallery-grid img{@apply w-full h-auto}.post-content .wp-block-gallery .blocks-gallery-grid figure{@apply relative}.post-content .wp-block-gallery .blocks-gallery-grid figcaption{@apply absolute bottom-0 left-0 w-full bg-black bg-opacity-50 text-white text-lg font-light p-2}.post-content .wp-block-gallery .blocks-gallery-grid figcaption span{@apply text-white}.post-content .wp-block-gallery .blocks-gallery-grid figcaption span:before{@apply text-white}.single-review .post-content p,.single-post .post-content p{margin:1rem 0}.single-review .post-content p:first-child:first-letter,.single-post .post-content p:first-child:first-letter{font-size:3rem;font-weight:700;float:left;margin-right:.5rem;margin-top:.5rem}.single-review .post-content img{@apply w-full h-auto max-w-3xl my-4 text-center mx-auto}.pagination{@apply flex justify-center gap-2}.pagination .page-numbers{@apply px-3 py-2;background-color:#464646;color:#fff;border-radius:5px}.pagination .page-numbers:hover{background-color:var(--primary-color)}.pagination .page-numbers.current{background-color:var(--primary-color)}.player-wrapper{@apply w-full h-[50vh] lg:h-[80vh] transition-all relative;z-index:19999;background-color:#000}.player-wrapper .player-header{@apply flex justify-start items-center h-16;background-image:#131313}.player-wrapper .player-header .title{@apply text-base lg:text-2xl font-normal text-white px-3 w-full}.player-wrapper .player-header .close{@apply w-16 border-l h-full border-white/20 flex justify-center items-center cursor-pointer}.player-wrapper .player-header .close .close-btn{@apply text-white text-2xl}.player-wrapper .player-iframe{@apply w-full h-[calc(100%_-_12rem)] lg:h-[calc(100%_-_8rem)] flex items-center relative;background-color:#000}.player-wrapper .player-iframe.tv{@apply h-[calc(100%_-_8rem)] lg:h-[calc(100%_-_4rem)]}.player-wrapper .player-iframe iframe{width:100%;@apply h-1/2 lg:h-full}.player-wrapper .player-footer{@apply relative;z-index:19998;background-color:#131313}.footer-block{@apply h-16 flex justify-center items-center border-white/20 border-r}.footer-block:last-child{@apply border-r-0}.overmenu-list{@apply absolute bottom-16 left-0 w-full h-auto transition-all max-h-[25vh] lg:max-h-[50vh];background-color:#131313;transform-origin:center bottom;transform:scaleY(0);opacity:0;overflow-y:auto;z-index:19998}.overmenu-list.active{transform:scaleY(1);opacity:1}.overmenu-list .overmenu-item{@apply flex justify-start text-xl items-center h-16 px-5 w-full border-b border-white/20;color:#fff}.overmenu-list .overmenu-item:hover{background-color:var(--primary-color);color:#fff}.overmenu-list .overmenu-item.active{pointer-events:none;background-color:#222;color:#fff}.single-movie .episode-select,.single-movie .nextepisode-select{@apply hidden lg:block border-none}.single-movie .player-select,.single-movie .format-select{border-bottom:none}.single-movie .overmenu-list{@apply bottom-16}.single-movie .player-wrapper .player-iframe{height:calc(100% - 4rem)}.breadcrumb{font-size:.75rem;@apply font-light}.breadcrumb a{margin-right:2rem;position:relative;margin-bottom:.5rem}.breadcrumb a:before{content:'';width:4px;height:4px;border-radius:2px;background-color:#6F777B;opacity:.7;top:.1rem;bottom:0;margin:auto;right:-1.2rem;position:absolute;pointer-events:none}.breadcrumb span{opacity:.7}.swpndts{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:1.5rem}.swiper-button-prev,.swiper-button-next{width:auto;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;right:unset;left:unset}.swiper-button-prev:hover,.swiper-button-next:hover{color:var(--primary-color)}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.5;pointer-events:none}.swiper-button-prev i,.swiper-button-next i{font-size:1.25rem}.swiper-pagination{display:flex;align-items:center;justify-content:center}.swiper-pagination .swiper-pagination-bullet{color:#fff;opacity:.2;cursor:pointer;margin:.25rem}.swiper-pagination .swiper-pagination-bullet:before{width:.5rem;height:.5rem;border-radius:.5rem;background-color:currentColor;content:"";display:block}.swiper-pagination .swiper-pagination-bullet-active{color:var(--primary-color);opacity:1}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next,.swiper-button-prev{position:relative}.swiper-pagination{position:relative;width:fit-content!important;margin-top:-5px}@media (min-width:992px){.swpndts{position:absolute;top:0;right:10px;z-index:1002}}.swiper.swprbx{padding-top:3.5rem;margin-top:-3.5rem;padding-bottom:1.5rem}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0;transition:opacity 0.3s}