@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";*{padding:0;margin:0;box-sizing:border-box;font-family:Open Sans,sans-serif}:root{--background-color: #020d19;--light-background-color: #fafafa;--modal-background: #e0dddd91;--secondary-color: #2241a8;--secondary-transparent: #2241a869;--secondary-transparent-light: #003366b4;--button-disabled: rgba(146, 146, 146, .479);--secondary-dark: #02091b;--text-color: #d8d8d8;--text-color-light: #333333;--heading-color: #ffffff;--black: #000000;--black-transparent: #0000006c;--gray: #bbb;--red: rgb(253, 66, 66);--green: rgb(19, 253, 19);--linear-gradient: linear-gradient(45deg, #000000 20%, #b2b2b300);--box-shadow: 2px 2px 10px rgba(0, 0, 0, .37);--small-font-size: .8em}.App{background-color:var(--background-color)}.App.light{background-color:var(--light-background-color)}.App.light p,.App.light .awesome{color:var(--text-color-light)}.App.light h1,.App.light h2,.App.light h3{color:#036}.App.light label{color:var(--text-color-light)}.App.light button{background-color:var(--secondary-color);color:#fff}.App.light button:hover{background-color:var(--secondary-color);color:#fff;box-shadow:var(--box-shadow)}.App.light button .awesome{color:#fff}.App.light header{background-color:var(--secondary-transparent-light)}.App.light .logo p{color:#fff}.App.light header .light-dark-mode .moon{color:#fff}.App.light .menu-icon{color:#fff}.App.light .sidebar{background-color:var(--light-background-color)}.App.light .curtain{background-color:var(--secondary-transparent)}.App.light .sidebar .logo p{color:var(--text-color-light)}.App.light .search-input{background-color:var(--secondary-transparent);color:var(--heading-color)}.App.light .search .awesome{color:var(--heading-color)}.App.light .search-input::placeholder{color:var(--heading-color)}.App.light .search-container{background-color:var(--light-background-color)}.App.light .search-result img{box-shadow:2px 2px 5px #00000038}.App.light .search-result-details{background-color:transparent}.App.light .movie-header .movie-info{background-image:linear-gradient(45deg,#00000098 20%,#b2b2b300)}.App.light .movie-header .movie-info p{color:#fff}.App.light .filter-genre:hover,.App.light .filter-genre.active{color:tomato}.App.light .previous,.App.light .next{color:var(--secondary-color)}.App.light .pagination-number.active{color:var(--text-color)}.App.light .movie-details .genre{border:1px solid #333333}.App.light .add-to-watchlist-button .awesome{color:var(--text-color)}.App.light .add-to-watchlist-button:hover{background-color:var(--secondary-color);box-shadow:var(--box-shadow)}main{min-height:100vh;padding-bottom:5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:#b6b5b536;border-radius:.5rem;width:2px}::-webkit-scrollbar-thumb:hover{background-color:#ffffffa1}h1,h2,h3,.App.light .movie-header h1{line-height:1;font-weight:500;color:var(--heading-color)}h1{font-size:2.8em}h2{font-size:1.6em}h3{font-size:1.2em}p,.App.light .movie-header p{color:var(--text-color);line-height:1.6}a{text-decoration:none}.awesome{cursor:pointer;color:var(--text-color)}button{color:var(--text-color);border:1px solid var(--text-color);background-color:var(--secondary-transparent);border:none;border-radius:.3rem;padding:.8rem 1.5rem;cursor:pointer;width:100%;display:flex;gap:1rem;align-items:center;justify-content:center}button:disabled{background-color:var(--secondary-transparent)}button:disabled:hover{background-color:var(--secondary-transparent);cursor:not-allowed}button:hover{background-color:var(--secondary-color)}button.primary-btn{background-color:var(--secondary-transparent);border:none}.rotate{animation:rotate 2s linear infinite}.spinner-center{width:100%;padding-top:5rem;display:grid;place-content:center}.spinner-center .rotate{font-size:4rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-container{color:var(--text-color);width:90%;height:fit-content;position:fixed;top:6rem;left:50%;transform:translate(-50%);border-radius:.5rem;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;z-index:3}.toast-container.success{background-color:var(--secondary-color)}.toast-container.error{background-color:#dd3636e8}.toast-container .toast-message{padding:.5rem 1rem}.toast-container .toast-progress-bar{height:.4rem;background-color:var(--gray);bottom:0;left:0;animation:toast 4s ease-in-out 1}@keyframes toast{0%{width:0%}to{width:100%}}header{position:fixed;width:100%;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;height:8rem;z-index:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#020b19b4;box-shadow:2px 2px 5px #00000062}.top-header{display:flex;justify-content:space-between;width:100%;align-items:center;height:fit-content}.logo{display:flex;align-items:center;height:fit-content;width:fit-content;background-color:transparent;border-radius:.3rem;padding:0}.logo img{width:3rem}.logo p{line-height:1.2;font-size:.8em;font-weight:800;text-decoration:none;color:#fff}.search-wrapper{width:100%}.top-header .inner-search-wrapper{display:none}.search-input{border:none;background-color:#66666693;width:100%;border-radius:.5rem;color:var(--text-color);letter-spacing:2px;padding:.7rem 1rem .7rem 3rem}.search input::placeholder{color:var(--gray)}.input-icon-container{position:relative;width:100%}.search-icon{font-size:1rem;position:absolute;left:1rem;top:.7rem;height:1rem}.search-icon.active{animation:rotate-icon 1s ease-in-out infinite linear}.search-container{background-color:var(--background-color);width:100%;position:fixed;top:8rem;right:0;bottom:0;overflow:scroll;padding:1rem;transform:translate(-100%);transition:transform 1s;z-index:1}.search-container.active{transform:translate(0)}.search-results{display:flex;flex-direction:column;gap:2rem;position:relative}.result-list-placeholder{margin-top:12rem;text-align:center}.search .close-search{position:absolute;font-size:1.2rem;right:1rem;top:50%;transform:translateY(-50%)}.search-result{display:flex;flex-direction:column;border-radius:1rem;padding:.5rem;gap:1rem}.search-result:hover{box-shadow:2px 2px 15px var(--secondary-transparent)}.search-result .search-result-details{display:flex;flex-direction:column;width:100%;padding:0 1rem;border-radius:0 .5rem .5rem 0;transition:.5s}.search-result .stars{display:flex;align-items:center;gap:.5rem}.search-result .stars .awesome{color:#daa520}.search-result .title{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:700;font-size:1.2em}.search-result img{border-radius:.7rem;width:100%}header .menu-icon-theme{display:flex;height:fit-content;width:fit-content;align-items:center;gap:1rem}header .menu-icon{font-size:2em}header .light-dark-mode{display:flex;gap:1rem;height:fit-content;padding:.2rem;border-radius:1rem;cursor:pointer}header .light-dark-mode .sun{color:#daa520;width:2rem}header .light-dark-mode .moon{width:2rem}header .light-dark-mode .awesome{font-size:1.5em}.sidebar{position:fixed;top:0;transform:translate(-100%);padding:2rem 0rem 5rem;background-color:var(--background-color);transition:.5s;height:100vh;overflow:hidden;width:60%;z-index:2}.sidebar .logo{padding-left:.5rem}.sidebar-content-wrapper{display:flex;flex-direction:column;gap:3rem;padding:3rem 1rem 5rem;overflow-y:scroll;height:100%}.sidebar .user-profile{display:flex;gap:.2rem;justify-content:left;align-items:center;margin-top:2rem;margin-right:1rem;border-radius:.5rem;padding:.3rem 1rem;cursor:pointer}.sidebar .user-profile:hover{background-color:var(--secondary-transparent)}.sidebar .user-profile img{width:3rem}.sidebar .user-profile p{font-weight:700}.sidebar .awesome{width:1.2rem}.sidebar.active{transform:translate(0)}.sidebar-section{display:flex;flex-direction:column;gap:1rem}.sidebar-section .sidebar-section-heading{font-weight:600;color:var(--gray)}.sidebar-section-contents{display:flex;flex-direction:column;gap:1rem}.section-content{display:flex;gap:.5rem;align-items:center;width:fit-content;cursor:pointer}.section-content.active p,.section-content.active .awesome,.section-content:hover p,.section-content:hover .awesome{color:tomato}.sidebar-section div{display:flex;gap:.5rem}.curtain{width:100%;height:100vh;position:fixed;top:0;z-index:1;background-color:var(--modal-background);transform:translate(-100%);transition:1s;transition-timing-function:cubic-bezier(.455,.03,.515,.955);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.curtain.active{transform:translate(0)}.movie-header{margin:0rem 1rem 2rem;overflow:hidden;position:relative;height:30rem;border-radius:.5rem}.movie-header{border:none}.header-placeholder{margin:0rem 1rem 2rem;height:30rem;border-radius:.5rem;background-color:var(--text-color);animation:placeholderAnimation 2s ease-in-out infinite;transition:1s}@keyframes placeholderAnimation{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.movie-header img{width:100%}.movie-header .movie-info{position:absolute;top:0;left:0;padding:1rem;width:100%;height:100%;background-image:var(--linear-gradient);display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;z-index:0}.movie-header .cta{margin-top:.5rem;display:flex;gap:1rem}.movie-header button{width:fit-content}.movie-header .miscellenous{display:flex;gap:.4rem;align-items:center}.movie-header .miscellenous .awesome{color:#daa520}.movie-header .miscellenous p{color:var(--gray)}.movie-header .miscellenous .seperation{width:.2rem;height:.2rem;background-color:var(--white-text-color)}.movie-header .movie-info .overview{max-width:40rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}.homepage{display:flex;flex-direction:column;padding-top:8rem;gap:2rem}.homepage .welcome-message{display:flex;flex-direction:column;gap:1rem;padding:2rem 1rem 0;background-size:cover;background-position:center}.homepage .welcome-message h2{line-height:1.3;color:var(--gray)}.App.light .homepage .welcome-message h2{color:#666}.homepage-carousels{display:flex;flex-direction:column;gap:1rem;padding:0 1rem 2rem}.carousel-container{display:flex;flex-direction:column;gap:1rem;background-color:transparent}swiper-container{border-radius:.3rem .5rem .8rem .3rem;overflow-x:hidden;z-index:0}swiper-slide{position:relative}swiper-slide .title{margin-top:1rem;font-weight:700}swiper-slide .date{font-size:.8rem}.carousel-image-wrapper{position:relative}.carousel-image-wrapper .vote-average,.movie-card-inner-wrapper .vote-average{position:absolute;bottom:-.5rem;right:.2rem;width:1.7rem;height:1.7rem;background-color:#ff1515;border-radius:50%;display:grid;place-content:center;font-size:.7em}.App.light .carousel-image-wrapper .vote-average,.App.light .movie-card-inner-wrapper .vote-average{color:#fff}swiper-slide img{width:100%;height:100%;border-radius:.3rem;box-shadow:var(--box-shadow)}.lazy-carousel-image{aspect-ratio:2/3;width:100%;height:100%;background-color:#fff;animation:placeholderAnimation 2s ease-in-out infinite;position:relative}.auth-page img{display:none}.auth{display:flex;flex-direction:column;padding:1rem;gap:1rem;width:100%;max-width:25rem;margin:auto}.auth h3{margin:2rem 0}.auth label{color:var(--gray)}.auth input{padding:.7rem;border-radius:.5rem}.auth .valid{border:1px solid var(--green)}.auth .error{border:1px solid var(--red)}.auth .forgot-password,.auth .secure-password{text-align:right;margin-bottom:2rem;font-size:var(--small-font-size)}.auth .valid-email{text-align:right;font-size:var(--small-font-size)}.auth .or{margin:1rem 0;width:100%;text-align:center;position:relative;font-size:var(--small-font-size)}.auth .or:before{content:"";width:45%;position:absolute;top:50%;transform:translateY(-50%);height:2px;background-color:var(--secondary-color);left:0;display:block}.auth .or:after{content:"";width:45%;position:absolute;top:50%;transform:translateY(-50%);height:2px;background-color:var(--secondary-color);right:0;display:block}.auth .no-account{margin:1rem auto;font-size:var(--small-font-size)}.auth .no-account .link{color:var(--primary-color)}.page{padding-top:9rem;display:flex;flex-direction:column;gap:1rem 0}.page .trailer-video,.trailer-video-container img{aspect-ratio:16 / 9;width:100%;border:none;padding:1rem 1rem 0}.movie-details{display:flex;flex-direction:column;padding:1rem;gap:2em}.movie-details .title-details{display:flex;flex-direction:column;gap:1rem}.movie-details .share{display:flex;gap:2rem}.movie-details .genres{position:relative;display:flex;flex-wrap:wrap;justify-content:left;column-gap:1rem;row-gap:1rem;padding:0;top:0;right:0;bottom:0;left:0}.movie-details .genre,.movie-details .year{position:relative;color:var(--gray);font-size:.8em}.movie-details .genre{border:1px solid var(--gray);padding:0 .5rem}.add-to-watchlist-button .awesome{font-size:1.2rem}.movie-details .watchlist-button{margin:1.5rem 0}.movie-details .story-line{display:flex;flex-direction:column;gap:.5rem}.movie{padding-top:9rem;position:relative}.movies-container{display:flex;flex-wrap:wrap;margin:auto;padding:1rem;gap:1rem 5%}.title_with_genres{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;margin:1rem 0 0}.genres-container h2{margin-bottom:1rem;padding:0 1rem}.title_with_genres p{cursor:pointer}.movie .filter-genres{width:100%;max-height:0;overflow:hidden;display:flex;flex-direction:column;transition:1s ease}.filter-genres.active{max-height:20rem;overflow:scroll}.genres-container h3{padding-left:1rem}.genres{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem 1.3rem;padding:1rem}.genres-header{align-items:center;padding:0 1rem;margin:0}.genres-header p{cursor:pointer;width:fit-content;margin:1rem 0}.filter-genres .awesome{height:fit-content;cursor:pointer;width:1.2rem}.filter-genre{transition:.5s;cursor:pointer}.filter-genre:hover,.filter-genre.active{color:tomato}.movie-card{width:30%;aspect-ratio:2/3;border-radius:.5rem;position:relative;box-shadow:var(--box-shadow)}.movie-card:hover{box-shadow:1px -1px 10px #2241a8cc}.movie-card p{display:none}.movie-card img{width:100%;height:100%;border-radius:.3rem}.pagination-navigation{display:flex;justify-content:center;align-items:center;padding:2rem;gap:.5rem}.previous,.next,.pagination-number{cursor:pointer;display:grid;place-content:center;height:2rem;width:2rem;transition:.5s;border:none}.pagination-number{border-radius:50%}.pagination-number.active{background-color:var(--secondary-color)}.pagination-number.active:hover{background-color:var(--secondary-color);color:var(--text-color)}.pagination-number:hover{background-color:var(--gray);color:var(--black)}.previous:hover,.next:hover{color:var(--secondary-color)}.watchlist-page{padding:9rem 1rem 0}.watchlist-page h2{margin-bottom:1rem}.watchlist-card-container{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem}.watchlist-movie-card{display:flex;padding:.5rem;border-radius:1rem}.watchlist-movie-card:hover{box-shadow:1px 1px 10px var(--secondary-transparent)}.watchlist-movie-card img{width:9rem;border-radius:.7rem}.watchlist-image-placeholder{width:9rem;aspect-ratio:2/3;background-color:#fff;animation:placeholderAnimation 2s ease-in-out infinite}.watchlist-movie-card .details{display:flex;flex-direction:column;justify-content:space-between;padding:1rem;gap:1rem;height:100%}.watchlist-movie-card .details .text{display:flex;flex-direction:column;gap:.5rem}.watchlist-movie-card .actions{display:flex;gap:2rem}.watchlist-movie-card .awesome{font-size:1.5rem}.discover{padding:9rem 1rem;gap:2rem}@media (min-width: 768px){h1{max-width:28rem}.toast-container{width:fit-content}header{justify-content:space-between;height:fit-content;align-items:center;z-index:2}header .top-header{width:100%}.top-header .inner-search-wrapper{width:100%;display:block}header .menu-icon-theme{width:55%;display:flex;padding:0;justify-content:space-between}header .menu-icon{display:none}.search-wrapper{display:none}.search-input{width:100%}.search-container{padding:0rem 0rem 4rem 1rem;transform:translate(120%);top:6rem;right:0;width:75%}.search-results{flex-direction:row;flex-wrap:wrap;z-index:0}.search-result{width:45%}.sidebar{position:fixed;top:0rem;left:0;transform:translate(0);width:25%;z-index:1;padding-top:3rem}.sidebar .logo{display:none}.sidebar .user-profile{margin-top:3rem}main{transform:translate(33%);width:75%;top:2rem}.page{margin:0}.movie{padding:7rem 0 0}.filter-genres{width:100%}.filter-genres.active{max-height:14rem}.auth{border-radius:.5rem}.auth h3{margin:0 0 1rem}.homepage{width:100%;padding:5rem 1rem;gap:0}.homepage .welcome-message{padding:2rem 0rem}.movie-header,.header-placeholder{margin:0rem 0 2rem}.movie-header .overview{max-width:20rem}.movies-container{gap:.8rem 2.5%}.movie-card{width:18%}.homepage-carousels{padding:0}.discover,.watchlist-page{padding:7rem 1rem}}@media (min-width: 1024px){header{align-items:center}.sidebar{width:15rem}.movie-info{background-color:transparent}.search-container{height:calc(100vh - 5rem);width:calc(100vw - 15rem)}.search-result{width:30%}.filter-genres.active{max-height:11rem}main{transform:translate(15rem);width:calc(100% - 15rem)}.page{max-width:none}.page .trailer-video-container{max-width:834px}.title-details,.movie-details .overview{max-width:800px}.movies-container{gap:1rem 2%}.movie-card{width:15%}.auth-page{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding-top:7rem}.auth-page img{display:block;width:50%;max-width:30rem}.auth-page .auth{width:50%;margin:0}.watchlist-card-container{gap:1rem 5%}.watchlist-movie-card{width:45%}}@media (min-width: 1440px){:root{font-size:20px}}@media (min-width: 1920px){:root{font-size:23px}.sidebar{width:10%}main{width:70%;left:10%}.page .trailer-video-container,.title-details{max-width:none}.movie-details .overview{max-width:1000px}.search-container.active{transform:translate(-12%)}}