@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:Open Sans,sans-serif;background-color:#020515;min-height:100vh;overflow-y:scroll;overflow-x:hidden}body::-webkit-scrollbar{width:1.5rem}body::-webkit-scrollbar-track{background-color:#020515}body::-webkit-scrollbar-thumb{background-color:#fff}@media (min-width: 768px){.menuDropdownActive{padding-right:1.5rem;overflow:hidden}}ul{list-style-type:none}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;border-radius:.5rem;font-family:Roboto,sans-serif}.container{max-width:121.6rem;margin:auto}.fadeInUp{animation:fadeInUp .9s forwards}.fade{animation:fade .9s forwards}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,-10rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.header{background-color:#0e142783}.header .container{display:flex;flex-direction:column;align-items:center;padding:4rem 0}@media (min-width: 992px){.header .container{padding:4rem;flex-direction:row;justify-content:space-between}}.header .headerBrand span{font-size:4rem;background:linear-gradient(264.26deg,#ff267a,#ffa634 101.03%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header .headerContent{display:flex;flex-direction:column;align-items:center;gap:1rem}@media (min-width: 992px){.header .headerContent{flex-direction:row;gap:7rem}}@media (min-width: 992px){.header .headerNav{background-color:#121022d7;padding:0;position:static;transform:translate(0);background-color:transparent;display:flex;align-items:center;gap:8rem;opacity:100;width:max-content}}.header .headerNav .headerList{margin-top:3rem;display:flex;gap:5rem}@media (min-width: 992px){.header .headerNav .headerList{margin-top:0;flex-direction:row;gap:4rem}}.header .headerNav .listItem{color:#fff;font-size:2rem;display:flex;align-items:center;gap:1.5rem;cursor:pointer;white-space:nowrap}.header .headerNav .listItem svg{font-size:2.1rem}.header .headerMenuDropdown{background-color:#21203c;border-radius:.5rem;display:flex;flex-direction:column;font-size:1.6rem;position:absolute;top:5rem;overflow:hidden;opacity:0;transition:all .5s;transform:translateY(9rem);pointer-events:none;z-index:20}@media (min-width: 992px){.header .headerMenuDropdown{transform:translateY(-3rem)}}.header .headerMenuDropdown .dropdownItem{transition:all .3s;padding:1.5rem 2rem}.header .headerMenuDropdown .dropdownItem a{display:inline-block;width:100%;height:100%}.header .headerMenuDropdown .dropdownItem:hover{background-color:#333253}.header .menuDropdownActive{opacity:1;transform:translateY(12rem);padding-right:0;pointer-events:all}@media (min-width: 992px){.header .menuDropdownActive{transform:translateY(0)}}@media (width <= 992px){.header .menuMobileActive{transform:translateY(17rem);width:29rem;opacity:100}}.containerSearchBar{margin-top:3rem;position:relative;box-sizing:border-box;width:fit-content;cursor:pointer}@media (min-width: 992px){.containerSearchBar{margin-top:0}}.containerSearchBar .mainBox{box-sizing:border-box;position:relative;width:80vw;max-width:37rem;height:5rem;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;border-radius:1rem;background-color:#16142b;transition:all .3s ease;padding:0 2rem}@media (min-width: 992px){.containerSearchBar .mainBox{width:35rem}}.containerSearchBar .inputCheckbox{box-sizing:border-box;width:3rem;height:4.5rem;position:absolute;right:1.7rem;top:.2rem;z-index:9;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.containerSearchBar .searchInput{box-sizing:border-box;height:100%;width:80%;background-color:transparent;border:none;outline:none;padding-bottom:.4rem;padding-left:1rem;font-size:1.6rem;color:#fff;transition:all .3s ease;font-family:Open Sans,sans-serif;-webkit-appearance:none}.containerSearchBar .searchInput::-webkit-search-decoration,.containerSearchBar .searchInput::-webkit-search-cancel-button,.containerSearchBar .searchInput::-webkit-search-results-button,.containerSearchBar .searchInput::-webkit-search-results-decoration{display:none}.containerSearchBar .searchInput::placeholder{color:#ffffffc6}.containerSearchBar .iconContainer{box-sizing:border-box;padding-top:.5rem;width:fit-content;transition:all .3s ease}.containerSearchBar .searchIcon{box-sizing:border-box;fill:#fff;font-size:2.5rem}.openSearchBar{opacity:100!important;height:27rem!important;pointer-events:all!important;z-index:10}.containerSearchBarFilms{border-top:2px solid rgb(27,25,53);background-color:#16142b;border-radius:1rem;position:absolute;width:100%;padding:2rem;overflow-y:scroll;height:0;opacity:0;transition:all .3s;z-index:10}.containerSearchBarFilms::-webkit-scrollbar{width:1rem}.containerSearchBarFilms::-webkit-scrollbar-track{border-radius:1rem;background-color:#131125}.containerSearchBarFilms::-webkit-scrollbar-thumb{border-radius:1rem;background-color:#fff}.containerSearchBarFilms .mainTitle{font-size:2rem;color:#fff;border-bottom:2px solid rgb(29,26,49);padding-bottom:1.5rem}.containerSearchBarFilms .containerFilms{margin-top:2.5rem;display:flex;flex-direction:column;gap:3rem}.containerSearchBarFilms .film{display:flex;align-items:center;justify-content:space-between;gap:4rem}.containerSearchBarFilms .filmContent{display:flex;align-items:center;gap:1.5rem}.containerSearchBarFilms .filmTitle h4{font-size:1.5rem;font-weight:500;color:#fff}.containerSearchBarFilms .filmImage img{width:4rem;border-radius:.5rem}.containerSearchBarFilms .releaseDate{font-size:1.4rem;color:#fff;font-weight:500}.containerSearchBarFilms .iconNoPoster{font-size:4rem;color:#fff}.containerSearchBarFilms .containerLoadingIcon{height:15rem;width:100%;display:flex;align-items:center;justify-content:center}.containerSearchBarFilms .loadingIcon{font-size:4rem;color:#fff;animation:spin 1s linear infinite}.containerSearchBarFilms .movieNotFound{color:#fff;font-size:1.7rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.listFilmsContainer{margin-top:10rem;padding:0 4rem;position:relative;z-index:1}.listFilmsContainer .listFilmsGrid{margin:8rem 0 10rem;display:grid;gap:5rem}@media (width >= 600px){.listFilmsContainer .listFilmsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.listFilmsContainer .listFilmsGrid{row-gap:7rem;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 992px){.listFilmsContainer .listFilmsGrid{width:100%;gap:4rem;grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1200px){.listFilmsContainer .listFilmsGrid{gap:3.2rem;grid-template-columns:repeat(5,minmax(0,1fr))}}.listFilmsContainer .listFilmsTitle{font-size:2.4rem;color:#fff;width:max-content}@media (min-width: 361px){.listFilmsContainer .listFilmsTitle{font-size:2.7rem}}@media (min-width: 768px){.listFilmsContainer .listFilmsTitle{font-size:3rem}}.listFilmsContainer .listFilmsTitle:after{content:"";display:block;position:relative;top:.7rem;width:60%;height:2px;background:linear-gradient(264.26deg,#ff267a,#ffa634 101.03%)}.listFilmsContainer .filmContainer{position:relative;transition:all .3s;width:75%;min-height:30rem;max-width:25rem;margin:0 auto;opacity:0}@media (width >= 600px){.listFilmsContainer .filmContainer{width:100%;max-width:27rem;margin:0 auto}}@media (min-width: 992px){.listFilmsContainer .filmContainer{width:100%;margin:0}}.listFilmsContainer .filmContainer:after{content:"";display:block;width:0;height:0;background-image:linear-gradient(180deg,#fff0 25%,#000c 80%);position:absolute;bottom:.2rem;left:0;height:100%;width:100%;z-index:5;border-radius:1rem}.listFilmsContainer .filmContainer .filmContainerImage img{width:100%;border-radius:1rem}.listFilmsContainer .filmContainer .filmContainerMainTitle{position:absolute;bottom:1.5rem;left:1.5rem;display:flex;flex-direction:column;transition:all .3s;z-index:10}@media (min-width: 768px){.listFilmsContainer .filmContainer .filmContainerMainTitle{padding-right:0;width:80%}}.listFilmsContainer .filmContainer .mainTitle{color:#fff;font-size:1.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (min-width: 361px){.listFilmsContainer .filmContainer .mainTitle{font-size:1.8rem}}@media (min-width: 992px){.listFilmsContainer .filmContainer .mainTitle{font-size:1.6rem}}.listFilmsContainer .filmContainer .averageTitle{margin-top:.5rem;display:flex;align-items:center;gap:1rem;color:#fff;font-size:1.7rem}@media (min-width: 361px){.listFilmsContainer .filmContainer .averageTitle{font-size:1.9rem}}@media (min-width: 992px){.listFilmsContainer .filmContainer .averageTitle{font-size:1.6rem}}.listFilmsContainer .filmContainer .averageTitle svg{color:#ff0;font-size:2rem}@media (min-width: 361px){.listFilmsContainer .filmContainer .averageTitle svg{font-size:2.2rem}}@media (min-width: 992px){.listFilmsContainer .filmContainer .averageTitle svg{font-size:1.9rem}}.listFilmsContainer .filmContainer .filmContainerMoreInformation{width:100%;position:absolute;bottom:1.5rem;left:1.5rem;max-width:80%;opacity:0;transform:translateY(4rem);transition:all .3s;z-index:10;pointer-events:none}.listFilmsContainer .filmContainer .filmContainerMoreInformation .moreInformationDescription{margin-top:1rem;font-size:1.6rem;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;white-space:normal}@media (min-width: 1200px){.listFilmsContainer .filmContainer .filmContainerMoreInformation .moreInformationDescription{font-size:1.4rem}}.listFilmsContainer .filmContainer .filmContainerMoreInformation .btnSeeMore{margin-top:1.5rem;width:100%;padding:1rem 0;background-color:#5e46fc;color:#fff;font-size:1.7rem;font-weight:500}@media (min-width: 1200px){.listFilmsContainer .filmContainer .filmContainerMoreInformation .btnSeeMore{padding:.7rem 0;font-size:1.5rem}}.listFilmsContainer .filmContainer .filmContainerBackdrop{background-color:#00000080;width:100%;height:99.5%;position:absolute;bottom:.2rem;left:0;border-radius:1rem;opacity:0;transition:all .2s}.listFilmsContainer .filmContainer:hover .filmContainerMoreInformation{opacity:100;transform:translateY(0);pointer-events:all}.listFilmsContainer .filmContainer:hover .filmContainerMainTitle{opacity:0}.listFilmsContainer .filmContainer:hover .filmContainerBackdrop{opacity:100}.skeleton{display:flex;flex-direction:column;gap:10px;background-color:#081024;border-radius:8px;overflow:hidden;position:relative;animation:pulse 1.5s infinite;pointer-events:none;z-index:1}.skeleton-image{width:100%;height:300px;background-color:#0a182fee}.skeleton-title{width:70%;height:20px;background-color:#101a38;border-radius:5px}.skeleton-text{width:90%;height:15px;background-color:#0d1b30;border-radius:5px}.skeleton-text:nth-child(2){width:60%}.heroContainer{height:27rem;background:linear-gradient(to right,#000000e8,#000000a9),url(/assets/banner-hero-AzduU5vS.jpg) center/cover no-repeat}.heroContainer .container{padding:0 4rem}.heroContainer .heroTitle{color:#fff;padding-top:7rem;font-size:2.5rem}@media (width >= 600px){.heroContainer .heroTitle{font-size:3rem}}@media (min-width: 992px){.heroContainer .heroTitle{font-size:3.5rem}}.heroContainer .heroTitle span{background:linear-gradient(264.26deg,#ff267a,#ffa634 101.03%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.heroContainer .heroDescription{max-width:60rem;margin:1.5rem 0 0;color:#f8f8ff;font-size:1.5rem;line-height:2.5rem}@media (width >= 600px){.heroContainer .heroDescription{font-size:1.7rem;line-height:3rem}}@media (min-width: 768px){.heroContainer .heroDescription{font-size:1.8rem}}@media (min-width: 992px){.heroContainer .heroDescription{font-size:1.9rem}}.movieInformationContainer{margin-bottom:10rem}.movieInformationContainer .movieInformationHeader{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.movieInformationContainer .movieInformationHeader .container{padding:7rem 4rem;display:flex;flex-direction:column;color:#fff}@media (min-width: 992px){.movieInformationContainer .movieInformationHeader .container{flex-direction:row;gap:8rem;padding:6rem 4rem 7rem}}.movieInformationContainer .movieInformationHeader .movieInformationImage{text-align:center}@media (min-width: 992px){.movieInformationContainer .movieInformationHeader .movieInformationImage{text-align:left}}.movieInformationContainer .movieInformationHeader .movieInformationImage img{width:70%;max-width:27rem;border-radius:1rem}@media (min-width: 992px){.movieInformationContainer .movieInformationHeader .movieInformationImage img{width:100%;max-width:100%}}.movieInformationContainer .movieInformationHeader .movieInformationMainInfos{margin-top:4rem;max-width:60rem;margin:4rem auto 0}@media (min-width: 992px){.movieInformationContainer .movieInformationHeader .movieInformationMainInfos{margin:0}}@media (min-width: 1200px){.movieInformationContainer .movieInformationHeader .movieInformationMainInfos{max-width:70rem}}.movieInformationContainer .movieInformationHeader .movieTitle{display:flex;justify-content:space-between;align-items:center;gap:2rem}@media (min-width: 768px){.movieInformationContainer .movieInformationHeader .movieTitle{gap:8rem}}.movieInformationContainer .movieInformationHeader .movieTitle h3{font-size:2.3rem}@media (min-width: 768px){.movieInformationContainer .movieInformationHeader .movieTitle h3{font-size:3.3rem}}.movieInformationContainer .movieInformationHeader .movieTitle .heartContainer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.movieInformationContainer .movieInformationHeader .movieTitle .heartContainer{display:block;position:relative;cursor:pointer;font-size:20px;-webkit-user-select:none;user-select:none;transition:.3s}.movieInformationContainer .movieInformationHeader .movieTitle .checkmark{top:0;left:0;height:2em;width:2em;transition:.3s;animation:dislike_effect .4s ease}.movieInformationContainer .movieInformationHeader .movieTitle .heartContainer input:checked~.checkmark path{fill:#ff5353;stroke-width:0}.movieInformationContainer .movieInformationHeader .movieTitle .heartContainer input:checked~.checkmark{animation:like_effect .4s ease}.movieInformationContainer .movieInformationHeader .movieTitle .heartContainer .checkmark:hover{transform:scale(1.1)}@keyframes like_effect{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes dislike_effect{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.movieInformationContainer .movieInformationHeader .movieOtherInformation{margin-top:4rem;font-size:1.6rem;display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 768px){.movieInformationContainer .movieInformationHeader .movieOtherInformation{gap:2rem}}@media (min-width: 1200px){.movieInformationContainer .movieInformationHeader .movieOtherInformation{gap:2.5rem;flex-direction:row}}.movieInformationContainer .movieInformationHeader .movieOtherInformation p{font-weight:700}.movieInformationContainer .movieInformationHeader .movieOtherInformation span{font-weight:400}.movieInformationContainer .movieInformationHeader .movieGenre{margin-top:3rem;font-size:1.6rem}.movieInformationContainer .movieInformationHeader .movieGenre p{font-weight:700}.movieInformationContainer .movieInformationHeader .movieGenre ul{margin-top:1rem;display:flex;flex-wrap:wrap;gap:3rem;row-gap:1.5rem}.movieInformationContainer .movieInformationHeader .movieGenre li{font-weight:400}.movieInformationContainer .movieInformationHeader .movieSynopsis{margin-top:3rem}.movieInformationContainer .movieInformationHeader .movieSynopsis h4{font-size:2rem}.movieInformationContainer .movieInformationHeader .movieSynopsis p{margin-top:1rem;font-size:1.5rem;line-height:2.7rem}.movieInformationContainer .movieInformationHeader .movieDirection{margin-top:4rem;display:flex;flex-wrap:wrap;column-gap:7rem;row-gap:4rem}@media (min-width: 992px){.movieInformationContainer .movieInformationHeader .movieDirection{width:90%}}.movieInformationContainer .movieInformationHeader .movieDirection .movieDirectionItem h4{font-size:1.7rem}.movieInformationContainer .movieInformationHeader .movieDirection .movieDirectionItem span{font-size:1.6rem}.movieInformationContainer .filmCastContainer{padding:0 4rem;margin-top:10rem}.movieInformationContainer .filmCastContainer .castTitle{font-size:3rem;background:linear-gradient(264.26deg,#ff267a,#ffa634 101.03%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;max-width:max-content}.movieInformationContainer .filmCastContainer .castContainer{margin-top:5rem;display:flex;gap:2rem;overflow-x:scroll;padding-bottom:2rem}.movieInformationContainer .filmCastContainer .castContainer::-webkit-scrollbar{height:1rem!important}.movieInformationContainer .filmCastContainer .castContainer::-webkit-scrollbar-track{background-color:#fff;border-radius:2rem}.movieInformationContainer .filmCastContainer .castContainer::-webkit-scrollbar-thumb{background-color:#05091d;width:5rem}.movieInformationContainer .filmCastContainer .cast{background-color:#f2f5ff;width:18rem;padding:1rem;flex:1;flex:0 0 auto}.movieInformationContainer .filmCastContainer .castImage img{width:100%}.movieInformationContainer .filmCastContainer .castContent{margin-top:1.5rem;width:80%}.movieInformationContainer .filmCastContainer .castContent h3{font-size:1.5rem;color:#171717}.movieInformationContainer .filmCastContainer .castContent span{display:inline-block;margin-top:.6rem;font-size:1.4rem;color:#171717}.movieInformationContainer .trailerMovieContainer{margin-top:10rem;padding:0 4rem}.movieInformationContainer .trailerMovieContainer .trailerTitle{font-size:3rem;background:linear-gradient(264.26deg,#ff267a,#ffa634 101.03%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;max-width:max-content}.movieInformationContainer .trailerMovieContainer .trailerContainer{margin-top:3rem}.movieInformationContainer .trailerMovieContainer .trailerContainer iframe{width:100%;max-width:80rem;height:25rem}@media (min-width: 768px){.movieInformationContainer .trailerMovieContainer .trailerContainer iframe{height:40rem}}@media (min-width: 992px){.movieInformationContainer .trailerMovieContainer .trailerContainer iframe{height:45rem}}.favoriteListContainer{margin-top:14rem;margin-bottom:12rem;padding:0 4rem}.favoriteListContainer .favoriteListTitle{font-size:3rem;color:#fff;margin:0 auto;width:max-content;background:linear-gradient(264.26deg,#ff267a,#ffa634 101.03%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.favoriteListContainer .favoriteListGrid{margin-top:8rem;display:grid;gap:5rem}@media (width >= 600px){.favoriteListContainer .favoriteListGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.favoriteListContainer .favoriteListGrid{row-gap:7rem;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 992px){.favoriteListContainer .favoriteListGrid{gap:4rem;grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1200px){.favoriteListContainer .favoriteListGrid{gap:3.2rem;grid-template-columns:repeat(5,minmax(0,1fr))}}.favoriteListContainer .favoriteMovie{margin:0 auto;width:75%;max-width:25rem}@media (width >= 600px){.favoriteListContainer .favoriteMovie{width:100%;max-width:27rem;margin:0 auto}}@media (min-width: 992px){.favoriteListContainer .favoriteMovie{width:100%;margin:0}}.favoriteListContainer .favoriteMovie .favoriteMovieImage{overflow:hidden;border-radius:1rem;transition:all .3s;border:2px solid transparent}.favoriteListContainer .favoriteMovie .favoriteMovieImage:hover{border:2px solid #FF267A}.favoriteListContainer .favoriteMovie .favoriteMovieImage img{width:100%;border-radius:1rem;cursor:pointer!important;transition:all .3s}.favoriteListContainer .favoriteMovie .favoriteMovieImage img:hover{transform:scale(1.1)}.favoriteListContainer .favoriteMovie .favoriteMovieTitles{color:#fff;margin-top:1.5rem;display:flex;flex-direction:column;gap:.6rem}.favoriteListContainer .favoriteMovie .mainTitle{font-size:1.7rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.favoriteListContainer .favoriteMovie .releaseDate{font-size:1.6rem}.favoriteListContainer .favoriteMovieEmptyMessage{display:inline-block;margin-top:7rem;font-size:2.5rem;color:#fff;position:relative}