.navbar{align-items:center;box-sizing:border-box;height:50px;justify-content:space-between;padding:35px 25px;position:fixed;top:0;width:100%;z-index:2}.left-section,.navbar{display:flex}.sidenav{background-color:#111;overflow-x:hidden;overflow-y:scroll;padding-top:10px;top:50px;transition:.3s;z-index:-1}.close-div,.sidenav{height:100%;left:0;position:fixed}.close-div{background-color:rgba(0,0,0,.3);top:0;width:100%;z-index:-2}.sidenav::-webkit-scrollbar{display:none}.top-div{padding:0 8px 8px 20px}.profile{align-items:center;cursor:pointer;display:flex}.prof-img img{margin-right:10px;width:30px}.name{line-height:80%}.profile h2{color:grey;font-size:16px;font-weight:600}.profile p{color:grey;font-size:11px}.top-div h1{color:grey;font-size:16px;font-weight:600;line-height:25px;margin-top:5px}hr{background-color:grey;border:none;height:1px;margin:10px 0}.bottom-div{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow-y:scroll}.bottom-div h1{color:grey;font-size:16px;font-weight:600;line-height:25px;margin-left:20px;margin-top:5px}.bottom-div span{border-left:3px solid red;color:#fff;font-size:16px;font-weight:600;margin-left:0;padding-left:17px}.logo-img{margin-right:3rem;width:80px}.list ul li{cursor:pointer;display:inline-block;font-size:.9rem;font-weight:400;margin-right:1rem}.list ul li span{color:#fff;font-size:.9rem;font-weight:700}.list ul li:hover{color:grey}.search-box{display:none}.avatar-img{border-radius:5px;margin-right:10px;width:30px}.arrow{height:10px;padding:10px 0;transition:all .3s ease-in-out;width:10px}.arrow:hover,.avatar-img:hover+.arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media only screen and (max-width:1023px){.navbar{background-color:#111;padding:25px 20px}.menu-btn{display:block}.list,.right-section{display:none}.search-box{background-color:#111;border:1px solid #fff;display:block;padding:5px 10px;width:150px}}@media only screen and (max-width:500px){.search-box{width:110px}}@media only screen and (max-width:400px){.search-box{width:100px}}*{color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}body{background-color:#111}.rowpost{margin-top:50px;padding-left:30px}.row-title{align-items:baseline;display:flex}.explore-all{cursor:pointer;height:0;opacity:0;overflow:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all .5s ease-in-out;width:0}.row-title .explore-all,span{color:#53b6c0;font-size:smaller;font-weight:bolder;margin-left:10px}.row-title span{display:none;font-size:1em;margin-left:0;-webkit-transform:translateX(0);transform:translateX(0);transition:all .5s ease-in-out}.explore{align-items:baseline;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.row-title:hover .explore span{display:block}.explore:hover .explore-all,.genre-title:hover+.explore .explore-all{height:auto;opacity:1;-webkit-transform:translateX(0);transform:translateX(0);width:auto}.explore:hover span,.genre-title:hover+.explore span{-webkit-transform:translateX(100%);transform:translateX(100%)}.row-title h1{font-size:1.2rem;font-weight:600;margin-bottom:10px}.row-content{display:flex;height:auto;overflow-x:scroll;overflow-y:hidden}.row-content::-webkit-scrollbar{display:none}.row-content img{border-radius:5px;margin-right:5px;width:250px}.img-cont{position:relative}.img-cont .movie-hover{height:0;overflow:hidden;position:absolute;transition:.5s;width:100%}.img-cont:hover .movie-hover{background:linear-gradient(transparent,rgba(37,37,37,.6),#252525);bottom:0;height:100%;position:absolute;width:100%}.movie-hover{align-items:center;display:flex;flex-wrap:wrap}.movie-hover h1{font-size:1.2rem;font-weight:600;margin-left:5%;width:100%}.movie-hover .card-buttons{bottom:10%;display:flex;left:5%;position:absolute}.Q,.card-buttons .rate{border:1px solid #fff;border-radius:4px;font-size:.9rem;font-weight:400;padding:0 10px 3px 5px}.card-buttons .release{font-weight:400;margin:0 10px}.card-buttons .Q{border-radius:2px;font-size:.8rem;padding:0 5px 3px}@media only screen and (max-width:1023px){body{margin-top:50px}.rowpost{margin-top:25px;padding-left:20px}.row-title h1{color:grey}.row-content img{border-radius:1px;margin-right:3px;width:250px}}@media only screen and (max-width:500px){body{margin-top:50px}.rowpost{margin-top:25px;padding-left:20px}.row-title h1{color:grey;font-size:1.1rem}.row-content img{border-radius:1px;margin-right:2px;width:180px}}@media only screen and (max-width:400px){body{margin-top:50px}.rowpost{margin-top:25px;padding-left:20px}.row-title h1{color:grey;font-size:1rem}.row-content img{border-radius:1px;margin-right:2px;width:150px}}.banner{background-position:top;background-repeat:no-repeat;background-size:100% 720px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.content{background:linear-gradient(90deg,rgba(37,37,37,.7),rgba(37,37,37,.1));height:100%;width:100%}.details{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:17% 50px 50px 30px}.details .movie-title{font-size:3rem;max-width:400px}.details .movie-des{font-size:1rem;margin:10px 0;max-width:400px}.details button{border:none;border-radius:5px;font-size:large;margin-right:10px;margin-top:20px;padding:10px}.details .play-btn{color:#000;cursor:pointer;width:100px}.details .info-btn{background-color:hsla(0,1%,51%,.6);color:#fff;cursor:pointer;width:150px}.play-btn:hover{background-color:#c2c1c1}.info-btn:hover{background-color:hsla(0,0%,60%,.6)}.footer{padding:100px 0 50px 150px}img{cursor:pointer;margin-right:20px;width:25px}.footer-list{margin:2% 0}.isSmallDeviceList{margin-bottom:10px}.footer-list ul li{font-size:13px;max-width:980px;padding:.3rem 0;width:250px}.footer-list ul li,.isSmallDeviceList ul li{color:grey;cursor:pointer;display:inline-flex;flex-wrap:wrap}.isSmallDeviceList ul li{font-size:14px;margin-right:1rem}.footer-list ul li:hover{text-decoration:underline}.service-code button{background-color:#111;border:1px solid grey;color:grey;cursor:pointer;margin-bottom:1.5rem;padding:5px}.service-code button:hover{color:#fff}.copyright p{color:grey;font-size:13px;margin-bottom:10px}.copyright a{text-decoration:none}.copyright a:hover{color:#00a78e;text-decoration:underline}@media only screen and (max-width:1023px){.footer{margin-top:40px;padding:2rem}}.result-page{padding:0 20px}.results{align-items:center;display:flex;flex-wrap:wrap}.results-title h1{color:grey;font-size:1.2rem;font-weight:600;margin-bottom:10px}.search-result-cards{height:23vh;margin-bottom:10px;position:relative}.results img{border-radius:1px;margin-bottom:5px;margin-right:3px;width:240px}@media only screen and (min-width:1024px){.results-title h1{font-size:1.6rem;margin-bottom:20px}}@media only screen and (max-width:1023px){.results img{border-radius:1px;margin-bottom:5px;margin-right:3px;width:23vw}}@media only screen and (max-width:800px){.results img{border-radius:1px;margin-bottom:5px;margin-right:2px;width:23vw}}@media only screen and (max-width:600px){.results img{border-radius:1px;margin-bottom:5px;margin-right:2px;width:30vw}}@media only screen and (max-width:500px){.results-title h1{font-size:1.1rem}.results img{border-radius:1px;margin-bottom:5px;margin-right:2px;width:44vw}}@media only screen and (max-width:400px){.results-title h1{font-size:1rem}.results img{border-radius:1px;margin-right:2px;width:42vw}}.erro404{align-items:center;display:flex;height:80vh;justify-content:center}.error-page-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;text-align:center}.error-page-container h1{font-size:5rem;margin-bottom:30px}.error-page-container p{font-size:1.4rem;font-weight:400;margin-bottom:50px;max-width:600px}.error-page-container a{background-color:#fff;border-radius:4px;color:#000;font-weight:600;padding:.5rem 1.3rem;text-decoration:none}.error-page-container .code-container{display:flex;justify-content:center;margin-top:40px}.error-page-container h3{border-left:2px solid red;font-size:1.5rem;font-weight:lighter;padding:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.error-page-container h3 span{color:#fff;font-size:1.6rem;font-weight:700}.error-page-container a:hover{background-color:#d3d3d3}@media only screen and (max-width:1023px){.error-page-container h1{font-size:2.5rem;margin-bottom:20px}.error-page-container p{font-size:1rem;margin-bottom:30px;max-width:400px}.error-page-container a{font-size:1rem;padding:.3rem .9rem}.error-page-container .code-container{margin-top:30px}.error-page-container h3{font-size:1.3rem;padding:7px}.error-page-container h3 span{font-size:1.3rem}}@media only screen and (max-width:500px){.error-page-container h1{font-size:1.7rem;margin-bottom:10px}.error-page-container p{font-size:.9rem;margin-bottom:30px;max-width:300px}.error-page-container .code-container{margin-top:30px}.error-page-container h3{font-size:1.3rem;padding:7px}.error-page-container h3 span{font-size:1.3rem}}@media only screen and (max-width:400px){.error-page-container h1{font-size:1.5rem;margin-bottom:10px}.error-page-container p{font-size:1rem;margin-bottom:30px;max-width:300px}.error-page-container a{font-size:1rem;padding:.3rem .9rem}.error-page-container .code-container{margin-top:30px}.error-page-container h3{font-size:1.3rem;padding:7px}.error-page-container h3 span{font-size:1.3rem}}
/*# sourceMappingURL=main.7eebb37a.css.map*/