@font-face{font-family:Inter;src:url(/static/media/Inter-VariableFont_slnt,wght.aadb65ac45347ff46699.ttf)}body{background-color:#000;background-color:var(--bgColor);color:#f2f2f2;color:var(--textColor);font-size:15px}html{scroll-behavior:smooth}*{box-sizing:border-box;font-family:Inter;margin:0}:root{--darkgrey:#1a1a1a;--grey:#262626;--bgColor:#000;--textColor:#f2f2f2;--red:red}:root .light{--darkgrey:#c22727;--grey:#d4d4d4;--bgColor:#fafafa;--textColor:#1a1a1a;--red:red}a{color:inherit;text-decoration:none}img{height:100%;object-fit:cover;width:100%}.material-icons-outlined{margin:0 .3rem 0 0;padding:0;vertical-align:middle}h1{font-size:2em}.container{margin:0 auto;max-width:80rem;padding:0 .5rem}.container .moviePage{margin:0;width:100%}.navbar{align-items:center;display:grid;grid-template-columns:60% 28% 10%;grid-template-rows:45px;justify-content:space-between;padding:.5rem .2rem;width:100%}.logo{font-size:18px;font-weight:800}.userMenuBtn{grid-gap:5px;align-items:center;border:2px solid #262626;border:2px solid var(--grey);border-radius:12px;cursor:pointer;display:grid;font-size:.7rem;gap:5px;grid-template-columns:50% 50%;grid-template-rows:inherit;justify-content:center;overflow:hidden;padding:5px;position:relative}.userMenuBtn .material-icons-outlined{font-size:16px}.userMenuBtn>div{overflow:hidden}.userMenuBtn:hover{background-color:#1a1a1a;background-color:var(--darkgrey)}.userMenuBtn button{background-color:initial;border:none;border-radius:50%;color:inherit}.userMenuBtn .material-icons-outlined{font-size:24px}.userMenu{background-color:#1a1a1a;background-color:var(--darkgrey);display:none;height:100%;overflow:auto;position:absolute;right:0;width:100vw;z-index:999}.userMenu img{border-radius:12px}.userMenu h5{margin:1rem 0}.closeNavMenu,.navMenuBtn{background-color:inherit;border:none;color:#f2f2f2;color:var(--textColor);float:right;font-size:24px}.menuContent{margin:3rem auto;max-width:90%}.genreGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:45% 45%;justify-content:center}.genreGrid>div{background-color:#0d0d0d;border-radius:20px;color:#b3b3b3;padding:10px}.usernameContainer{display:none}.profileImgContainer img{border:3px solid #262626;border:3px solid var(--grey);border-radius:50%;object-fit:cover}.navMenu{-ms-overflow-style:none;background-color:#1a1a1a;background-color:var(--darkgrey);height:100%;left:0;overflow:auto;padding:0;position:fixed;scrollbar-width:none;top:0;transition:.3s cubic-bezier(.175,.885,.32,1.275);width:0;z-index:999}.navbarSection,.userMenu .section{color:#f2f2f2;color:var(--textColor);padding:1.2rem 0}.navMenu hr{border-color:#262626;border-color:var(--grey)}.navMenu h5{color:grey}.navMenu a{border-radius:0 10px 10px 0;color:#fff;display:block;padding:1.25rem .25rem;text-decoration:none;transition:.3s}.navMenu a:active,.navMenu a:hover{background-color:red;background-color:var(--red);outline:3px solid red;outline:3px solid var(--red)}.content,.userMenu{-webkit-animation:fadeIn .5s;animation:fadeIn .5s}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.categoryNav{padding-bottom:1.5rem}.categoryNav a{color:#f2f2f2;color:var(--textColor);margin-right:1.75rem;opacity:.5;text-decoration:none;transition:.3s}.categoryNav a:hover{opacity:1}.headerWrapper{align-items:center;display:flex;justify-content:space-between;padding-right:1rem}.headerWrapper span{opacity:.5}.tileSlide{-ms-overflow-style:none;display:flex;margin:2rem 0;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.navMenu::-webkit-scrollbar,.tileSlide::-webkit-scrollbar{display:none}.tileSlide>div{align-items:stretch;border-radius:12px;display:grid;grid-template-columns:100%;grid-template-rows:55% 45%;height:18rem;margin:0 1rem;overflow:hidden;position:relative;scroll-snap-align:start;scroll-snap-stop:always}.tileSlide .material-icons-outlined{color:gold}.bigMovieTile{flex:1 0 clamp(20rem,35px,40rem);height:16rem}.smallMovieTile{flex:1 0 clamp(12rem,35px,35rem);height:12rem}.movieImgContainer{position:relative}.movieImgContainer img{height:100%;object-fit:cover;object-position:50% 10%;width:100%}.tileInfo{background:#262626;background:var(--grey);color:#f2f2f2;color:var(--textColor);font-size:12px;font-weight:400;opacity:.9;padding:1rem .5rem;width:100%}.bigMovieTile .movieImgContainer{height:100%;left:0;position:absolute;top:0;width:100%}.bigMovieTile .tileInfo{background:linear-gradient(180deg,transparent,#000);bottom:0;color:#fff;font-weight:400;opacity:.9;padding:.3rem 1rem;position:absolute;width:100%}.bigMovieTile .previewBtn{position:static}.tileTitle{display:block;font-size:1.4em;font-weight:600}.tileInfo>div{align-items:center;display:flex;justify-content:space-between;margin:.25rem 0;width:55%}.previewBtn{background-color:red;background-color:var(--red);border-radius:20px;bottom:.7rem;color:#fff;display:inline-block;left:.7rem;opacity:.9;padding:.75rem 1rem;position:absolute;text-decoration:none}.previewBtn:hover{opacity:1}.loaderDiv{-webkit-animation:loading 1s infinite alternate;animation:loading 1s infinite alternate;background-color:#fff;opacity:.3}.errorDiv,.loaderDiv{height:100%;width:100%}.errorDiv{align-items:center;border:2px solid red;display:flex;justify-content:center;text-align:center}@-webkit-keyframes loading{0%{opacity:.3}to{opacity:.1}}@keyframes loading{0%{opacity:.3}to{opacity:.1}}.bigMovieTile .previewBtn{display:block}.discover,.settings{margin:0 auto;max-width:600px}.searchbarContainer{display:grid;grid-template-columns:80% 20%;margin:2rem 0;width:100%}#searchbar,.userMenu input{background-color:initial;border:3px solid red;border:3px solid var(--red);border-radius:30px 0 0 30px;border-right:none;color:#f2f2f2;color:var(--textColor);outline:none;padding:1rem .755rem;transition:.3s}#searchbar:focus,.userMenu input:focus{border-color:gold}.searchBtn{background-color:initial;border:3px solid red;border:3px solid var(--red);border-radius:0 30px 30px 0;border-right:none;color:#f2f2f2;color:var(--textColor);padding:1rem .755rem}.searchDisplay .tileSlide{grid-row-gap:1rem;display:grid;grid-template-columns:45% 45%;justify-content:space-around;row-gap:1rem}.moviePage .hero{height:90svh;position:relative;width:100%}.hero img{height:100%;left:0;object-fit:cover;object-position:70% 0;top:0}.hero img,.heroInfo{position:absolute;width:100%}.heroInfo{align-items:center;background:linear-gradient(180deg,transparent,#000);bottom:0;color:#fff;display:flex;padding:0 1.5rem;z-index:3}.heroTitle{margin:1rem 0}.heroInfo span{display:inline-block;margin:1rem 2rem 1rem 0}.heroBtnContainer{margin:1rem 0}.watchBtn{background-color:red;background-color:var(--red);border:none;border-radius:20px;color:#fff;cursor:pointer;padding:.75rem}.actorTray{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-auto-flow:column;grid-template-rows:90px 90px;overflow-x:scroll;width:100%}.actorTray div{align-items:center;background-color:#262626;background-color:var(--grey);border-radius:30px;display:flex;justify-content:space-between;padding:1rem;width:200px}.movieDetailsContainer{margin:2rem auto}.actorTray img{border-radius:50%;display:block;height:60px;margin-right:.5rem;object-fit:cover;width:60px}.trailerContainer{margin:auto;max-width:600rem;padding:2rem 1rem;transition:.3s}.trailerContainer:hover{background-color:red;color:#fff}.videoItemContainer{margin:1rem 0}.videoItemContainer iframe{aspect-ratio:4/2;margin:1rem 0;width:100%}.searchDisplay .tileSlide>div{margin:0}.settings select{background-color:initial;border-radius:20px;color:#f2f2f2;color:var(--textColor);padding:.5rem 1rem}footer{margin-top:50px;text-align:center}.footerLogo_container{background-color:red;border-radius:50px;padding:7rem 20%}.footerLogo_container h2>span{color:#000}.socialLinks a{color:inherit;font-size:24px;margin:auto 10px;text-decoration:none}.credits{background-color:darkred;border-radius:50px 50px 0 0;padding:5%}.credits a{color:#fff;font-weight:800;text-decoration:underline}@media screen and (min-width:600px){.container{margin-left:5%;padding:0 1rem}.navbar{grid-template-columns:30% 25%;justify-content:space-between}.navMenu{overflow:none;padding:1rem 1.2rem;width:5%}.userMenuBtn{grid-template-columns:20% 60% 15%}.userMenu{width:25vw}.navMenu a{color:transparent}.navMenu .material-icons-outlined{color:#f2f2f2;color:var(--textColor)}.navMenu:hover{padding:1rem 1.5rem;width:20%}.navMenu:hover a{color:#f2f2f2;color:var(--textColor)}.closeNavMenu,.navMenuBtn{display:none}.searchDisplay .tileSlide{grid-template-columns:33% 33% 33%}.tileSlide>div,.usernameContainer{display:block}.bigMovieTile{flex:1 0 clamp(22rem,35px,40rem);height:18rem}.smallMovieTile{flex:1 0 clamp(15rem,35px,35rem);height:15rem}.movieImgContainer{height:100%;left:0;position:absolute;top:0;width:100%}.tileInfo{background:linear-gradient(180deg,transparent,#000);bottom:0;font-weight:400;opacity:.9;padding:.3rem 1rem;position:absolute;width:100%}.previewBtn{position:static}.moviePage .hero{align-items:stretch;display:flex}.heroInfo{background:linear-gradient(270deg,transparent,#000);padding-left:2rem;position:static;width:50%}.videoGrid{display:grid;grid-auto-flow:row;grid-template-columns:45% 45%;justify-content:space-around}}
/*# sourceMappingURL=main.41c16652.css.map*/