.searchbar{display:flex;align-items:center}.searchbar button{background:transparent;border:none;cursor:pointer}.searchbar-input{border:none;border-radius:20px;padding:10px;width:100%;height:2.3rem;outline:none}.icon-search{margin-left:.7rem;font-size:2rem;color:#fff}@media (min-width:700px){.searchbar{-webkit-animation-delay:4s}}.icon{font-size:2.5rem;color:#fff;text-decoration:none;margin:.5rem 1rem 0}.icon-home{font-size:2.9rem}.hamburger{position:fixed;right:0;margin-top:.5%;z-index:11;top:0}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before,.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#fff}.main-nav-top{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;z-index:10}.main-nav-top-searchbar{margin-right:18%;width:60%}.main-nav-logo-container{background:#fff;border-radius:10rem;padding:.5rem;width:auto;height:2.5rem;margin-left:1rem;text-align:center;vertical-align:middle}.main-nav-logo{align-self:center;width:25px}.main-nav-bottom,.main-nav-top{background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),#fe346e;height:8%;width:100vw}.main-nav-bottom{display:flex;justify-content:space-between;align-items:center;position:fixed;bottom:0;z-index:10}.hide,.main-nav-top-icons{display:none}@media (min-width:700px){.main-nav-logo-container,.top-icon{-webkit-animation-delay:4s}.hamburger{display:none}.main-nav-top{display:flex;justify-content:space-between;align-items:center}.main-nav-top-icons{display:flex;align-items:center;margin-right:1rem}.icon{font-size:2rem;margin:0 1rem}.icon-home{font-size:2.4rem}.main-nav-bottom{display:none}.main-nav-top-searchbar{margin-right:0;width:40%}}@media only screen and (min-device-width:375px) and (max-device-width:900px) and (orientation:landscape){.main-nav-bottom,.main-nav-top{height:14%}.main-nav-logo-container,.searchbar,.top-icon{-webkit-animation-delay:0s}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (min-device-height:320px) and (max-device-height:568px) and (orientation:portrait){.main-nav-bottom,.main-nav-top{height:11%}.searchbar,.top-icon{-webkit-animation-delay:0s}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape){.main-nav-bottom,.main-nav-top{height:20%}.searchbar,.top-icon{-webkit-animation-delay:0s}}.movie-card{border-radius:5rem;opacity:1;transition:all .3s ease-in-out;cursor:pointer}.movie-card a{text-decoration:none;color:#fff}.movie-card-image-container{position:relative}.movie-card-image{border-radius:.3rem;width:6rem;height:9rem}.movie-card-rating{font-family:"Noto Sans TC",sans-serif;position:absolute;top:.5rem;left:0;background-color:rgba(0,0,0,.8);font-size:.8rem;color:#fff;display:flex;align-items:center;padding:.2rem .4rem .2rem .5rem}.movie-card-rating p{top:1;margin:0 0 0 .4rem}.movie-card-title{font-size:1.3rem}.card-delete-btn-cover{position:absolute;top:5%;right:5%;background:none;width:1.5rem;height:1.5rem;border-radius:1rem;z-index:5}.card-delete-btn{position:absolute;top:3%;right:2.5%;font-size:2rem;opacity:1;transition:opacity 2s}@media (min-width:500px){.movie-card{opacity:.6}.movie-card .movie-card-image{width:10rem;height:15rem}.movie-card .movie-card-rating{top:1rem}.movie-card .movie-card-rating p{font-size:1rem;margin-top:0}.movie-card .card-delete-btn{opacity:0}.movie-card:hover{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}.movie-card:hover .card-delete-btn{opacity:1}}.movie-list{font-family:"Odibee Sans","Acme";text-align:center;color:#fff}.movie-list-container{display:grid;grid-template-columns:repeat(auto-fit,6rem);grid-template-rows:repeat(auto-fit,15rem);grid-gap:25px;justify-content:center;text-align:center;color:#fff}.movie-list-container p{margin-top:.3rem}@media (min-width:500px){.movie-list-container{grid-template-columns:repeat(auto-fill,10rem);grid-template-rows:repeat(auto-fill,20rem)}.movie-list-container p{font-size:1.5rem}}.main-search-results{margin-top:5rem}.main-search-results h1{color:#fff;font-family:"Odibee Sans","Acme";font-size:2.5rem;text-align:center;margin-bottom:2rem}.movie-details-header{font-family:"Odibee Sans","Acme";position:relative;height:40vh}.movie-details-header-info-container{position:absolute;align-items:center;display:flex;color:#fff;bottom:1.5rem;left:5%}.movie-details-title p{font-family:"Noto Sans TC",sans-serif;margin:0}.movie-details-poster{width:6rem;margin-right:.5rem;border-radius:.3rem}.movie-details-header-info-container h1{margin:0}.movie-details-star-rating{color:gold;font-size:1rem;margin:.5rem 0}.movie-details-summary-genres{font-size:.8rem}.movie-details-main{color:#fff;font-family:"Odibee Sans","Acme";font-size:1rem}.movie-details-main-genre{margin-top:0;margin-left:3%;margin-bottom:0;font-size:1.7rem;color:#fff}.movie-details-summary{font-family:"Noto Sans TC",sans-serif;padding:0 1rem}.movie-details-carousel-container{margin-top:5%}.details-fav-heart{font-size:1.2rem;position:relative;bottom:.5rem;transition:color 2s}@media (min-width:600px){.movie-details-header{height:100vh}.movie-details-header-info-container h1{font-size:3rem}.movie-details-poster{width:10rem;margin-right:1rem}.movie-details-title p{font-size:1.1rem}.movie-details-star-rating{color:gold;font-size:1.2rem}.movie-details-main{font-size:1.1rem;padding:0 2rem 1rem}.movie-details-main-genre{font-size:2.5rem}.details-fav-heart{font-size:1.5rem}.details-fav-heart:hover{color:#fe346e}}.trailer-slide iframe{border:none;width:300px;height:200px;opacity:1;transition:all .2s ease-in-out}.trailer-slide iframe:hover{opacity:1}.trailer-carousel .carousel-arrow-left,.trailer-carousel .carousel-arrow-right{height:100%}@media (min-width:550px){.trailer-slide iframe{opacity:.6;width:400px;height:250px}}.BrainhubCarousel,.slide{position:relative}.slide{margin-top:1rem;text-align:center;width:20rem;opacity:1;transition:all .3s ease-in-out}.slide:hover{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}.slide a{text-decoration:none;width:auto}.slide-image{margin:0 auto;width:6rem;height:9rem;border-radius:.3rem}.slide-image,.slide-title{position:relative;right:0;left:0}.slide-title{height:3rem;bottom:0;color:#fff;font-size:1.1rem;margin:.5rem 0}.carousel-arrow-left,.carousel-arrow-right{cursor:pointer;position:absolute;background:transparent;height:80%;width:1.5rem;color:#fff;z-index:9;opacity:1;transition:all .3s ease-in-out;top:0}.carousel-arrow-right{right:0}.carousel-image-container{position:relative;right:0;left:0;width:6rem;height:9rem;margin:0 auto}.slide-movie-rating{font-family:"Noto Sans TC",sans-serif;position:absolute;top:.5rem;left:0;background-color:rgba(0,0,0,.8);font-size:.8rem;color:#fff;display:flex;align-items:center;padding:.2rem .4rem .2rem .5rem}.slide-movie-rating p{margin:0 0 0 .4rem}@media (min-width:550px){.carousel-arrow-left:hover,.carousel-arrow-right:hover{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:1}.carousel-arrow-left,.carousel-arrow-right,.slide{opacity:.6}.slide-title{font-size:1.5rem;margin:.5rem 0}.slide-image{width:10rem;height:15rem}.carousel-arrow-left,.carousel-arrow-right{width:2rem;font-size:1.5rem;height:85%}.carousel-image-container{width:10rem;height:15rem}.slide-movie-rating{top:1rem}.slide-movie-rating p{font-size:1rem}}.loader{position:fixed;top:0;left:0;background:linear-gradient(135deg,#eb4e7a,#381460 71%);width:100vw;height:100vh;z-index:100;transition:opacity 5s}.loader-hide{display:none}.lds-ripple{display:inline-block;position:relative;top:50%;left:50%;margin-top:-100px;margin-left:-75px;width:200px;height:200px}.lds-ripple div{position:absolute;border:4px solid #fff;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{top:72px;left:72px;width:0;height:0;opacity:1}to{top:0;left:0;width:144px;height:144px;opacity:0}}@keyframes lds-ripple{0%{top:72px;left:72px;width:0;height:0;opacity:1}to{top:0;left:0;width:144px;height:144px;opacity:0}}.actor-details-header{font-family:"Odibee Sans","Acme";position:relative;height:35vh}.actor-details-header-info-container{position:absolute;align-items:center;display:flex;color:#fff;bottom:1.5rem;left:5%}.actor-details-title p{font-family:"Noto Sans TC",sans-serif;margin:0}.actor-details-poster{width:6rem;margin-right:.5rem;border-radius:.3rem}.actor-details-header-info-container h1{margin:0}.actor-details-star-rating{color:gold;font-size:1rem;margin:.5rem 0}.actor-details-summary-genres{font-size:.8rem}.actor-details-main{color:#fff;font-family:"Noto Sans TC",sans-serif;font-size:1rem}.actor-details-main-popular-roles h2{margin-right:1rem;margin-left:1rem}.actor-details-main-genre{margin-top:0;margin-left:3%;margin-bottom:0;font-size:1.7rem;color:#fff}.actor-details-summary{padding:0 1rem}.actor-details-carousel-container{margin-top:5%}@media (min-width:600px){.actor-details-header{height:100vh}.actor-details-header-info-container h1{font-size:3rem}.actor-details-poster{width:10rem;margin-right:1rem}.actor-details-title p{font-size:1.1rem}.actor-details-star-rating{color:gold;font-size:1.2rem}.actor-details-main{font-size:1.1rem;padding:0 5rem}.actor-details-main-genre{font-size:2.5rem}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (min-device-height:320px) and (max-device-height:568px) and (orientation:portrait){.actor-details-header{height:45vh}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (orientation:landscape){.actor-details-header{height:100vh}}.img-slide{margin-top:1rem;text-align:center;transition:all .2s ease-in-out}.img-slide,.img-slide-image{position:relative;width:100%}.img-slide-image{right:0;left:0;margin:0 auto;height:40vh}.img-slide-image a{text-decoration:none}.img-slide-details{text-align:left;position:absolute;bottom:2rem;left:2rem;color:#fff}.img-slide-details .img-slide__category{font-size:1rem;margin:0}.img-slide-details .img-slide__title{font-size:1.5rem;margin:.5rem 0}.img-slide-details .img-slide__genre{font-size:1rem;margin:0}@media (min-width:700px){.img-slide-details{bottom:5rem;left:3rem}.img-slide-details .img-slide__category{font-size:1.6rem;margin:0}.img-slide-details .img-slide__title{font-size:3rem;margin:1rem 0}.img-slide-details .img-slide__genre{font-size:2rem;margin:0}.img-slide-image{height:100vh}}*{box-sizing:border-box}body{margin:0;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),linear-gradient(165deg,#381460,#381460 22%)}.delay-0.5s{-webkit-animation-delay:.5s}.home-container,.main{font-family:"Odibee Sans","Acme"}.home-container{position:relative;top:-1rem;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),linear-gradient(165deg,#381460,#381460 22%);color:#fff}.home-container-genre{margin-top:0;margin-left:3%;margin-bottom:0;font-size:1.7rem;color:#fff}.home-container-carousel{margin-top:5%}.home-container-coursel__separator{background-image:radial-gradient(circle,hsla(0,2.2%,82%,.190914) 0,hsla(0,2.2%,82%,0) 90%);border:none;height:2px}.home-container-movie-show-buttons{display:flex;width:100%;justify-content:space-evenly;margin-top:4%}.home-container-movies-button,.home-container-shows-button{text-align:center;text-decoration:none;display:block;font-size:1.5rem;color:#fff;border:3px solid #fe346e;background:none;border-radius:10px;transition:all .4s ease-in-out;width:45%;padding:.5rem}@media (min-width:700px){.home-container{top:0}.home-container-genre,.home-container-movies-button,.home-container-shows-button{font-size:2.5rem}.home-container-movies-button:hover,.home-container-shows-button:hover{background:#fe346e}}.main-signin-container{display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;font-family:"Noto Sans TC",sans-serif;background-color:#fff}.main-signin-container .main-signin-word-logo{width:8rem;margin-top:1rem;border-radius:5rem}.main-signin-container .main-signin-header{display:flex;flex-direction:column;align-items:center;width:100%;padding:1rem;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),linear-gradient(165deg,#381460,#381460 22%)}.main-signin-container .main-signin-header h1{margin:1.5rem 0 0}.main-signin-container .main-signin-header p{margin:1rem 0 0;color:hsla(0,0%,100%,.8)}.main-signin-container .main-signin-buttons{display:flex;flex-direction:column;align-items:center;padding:1rem}.main-signin-container .main-signin-buttons .main-signin-button{cursor:pointer;width:13rem;margin-top:2rem;font-size:1.2rem;font-weight:700;border-radius:2rem;padding:.75rem 0;color:#fff;background:#fe346e;border:3px solid #fe346e;transition:all .4s ease-in-out}.main-signin-container .main-signin-buttons .main-signin-content{margin-top:2rem;padding:0 2rem;text-align:left}.main-signin-container .main-signin-buttons .main-signin-content p{margin:0}.main-signin-container .main-signin-content{color:rgba(0,0,0,.7)}.main-signin-image-carousel{display:none}@media (max-width:500px) and (max-height:820px){.main-signin-container{height:100vh}}@media (max-width:350px){.main-signin-container{height:38rem}.main-signin-container .main-signin-buttons .main-signin-button,.main-signin-container .main-signin-buttons .main-signin-content{margin-top:1rem}}@media (min-width:700px) and (max-width:900px){.main-signin{margin-top:3rem;background-color:#fff;height:42rem}.main-signin .main-signin-buttons .main-signin-button:hover{background:none;color:#000}.main-signin p{padding:0 9rem}}@media (min-width:900px){.main-signin{margin-top:3rem;display:flex}.main-signin .main-signin-buttons .main-signin-button:hover{background:none;color:#000}.main-signin .main-signin-container{height:100vh;width:30%}.main-signin .main-signin-image-carousel{display:block;width:70%;margin-top:-1rem}}.main-signin-container .main-signin-buttons .main-approval-content{background-color:#ff9;padding:1rem 2rem;opacity:.6;color:#000;border-radius:1rem;border:1px solid #000}.main-favorites{min-height:100vh;color:#fff;font-family:inherit;text-align:center}.main-favorites h1{font-size:3rem;margin:2rem 0 0}.main-favorites h2{font-size:2.5rem;text-align:left;margin:0 0 2rem 6%}.main-favorites h2:nth-of-type(2){margin-top:5rem}@media (min-width:500px){.main-favorites{margin-top:5rem}}.main-footer{display:flex;flex-direction:column;background:#131517;color:hsla(0,0%,100%,.7);padding:2rem 2rem .2rem;font-family:"Baloo Chettan 2",cursive;font-size:1rem}.main-footer a{text-decoration:none;color:#fff;transition:all .3s ease-in-out}.main-footer a:hover{color:hsla(0,0%,100%,.7)}.main-footer-nav a{text-decoration:none;color:#fff;margin-right:1rem}.main-footer-item{margin:2rem 0}.main-footer-item a{margin-left:1.5rem}.main-footer-copyright-name{text-decoration:none;display:inline-block;margin-left:.3rem}.main-footer-tmdb-logo{width:8rem}.main-footer-bottom{display:flex;justify-content:space-between;margin:1rem 0}.main-footer-bottom .main-footer-bottom-logo{padding:.5rem}.main-footer-bottom .main-footer-bottom-logo a{display:inline-block}.main-footer-bottom .main-footer-bottom-social-icons{display:flex;align-items:center;justify-content:flex-end}.main-footer-bottom .main-footer-bottom-social-icons .main-footer-social-icon{font-size:2rem;margin-left:.5rem;transition:all .3s ease-in-out}.main-footer-bottom .main-footer-bottom-social-icons .main-footer-social-icon:hover{color:hsla(0,0%,100%,.7)}.main-footer-bottom .main-footer-bottom-social-icons a{display:inline-block}@media (min-width:650px){.main-footer{padding:10% 15%;font-size:1.5;flex-direction:row;justify-content:space-between}.main-footer .main-footer-bottom{flex-direction:column}.main-footer .main-footer-bottom .main-footer-bottom-logo img{width:12rem}.main-footer .main-footer-bottom .main-footer-bottom-social-icons .main-footer-social-icon{margin-left:1rem;font-size:2.5rem}}
/*# sourceMappingURL=main.ff329458.chunk.css.map */