@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;500&display=swap";body{font-family:Outfit,sans-serif;font-weight:300}.heading--large{font-size:3.2rem;font-weight:300}.heading--medium{font-size:2.4rem;font-weight:300}.heading--small{font-size:2.4rem;font-weight:500}.heading--extra-small{font-size:1.8rem;font-weight:500}.body-text{font-weight:300}.body-text--medium{font-size:1.5rem}.body-text--small{font-size:1.3rem}.text-center{text-align:center}h1{visibility:hidden;position:absolute}*,:after,:before{padding:0;margin:0;box-sizing:inherit}html{font-size:62.5%}@media(max-width:48em){html{font-size:50%}}body{box-sizing:border-box;background-color:#10141e;color:#fff}::-webkit-scrollbar{display:none}.mb-smd{margin-bottom:2.4rem}.mb-md{margin-bottom:3.2rem}.mb-xmd{margin-bottom:4rem}.link:link,.link:visited{color:#fc4747;text-decoration:none;transition:all .3s}.link:active,.link:hover{color:#fff}.navbar{position:-webkit-sticky;position:sticky;top:3.2rem;height:calc(100vh - 3.2rem - 3.2rem);background-color:#161d2f;width:max-content;padding:2.4rem;display:grid;grid-template-rows:max-content 1fr max-content;justify-items:center;align-items:center;align-content:center;border-radius:2rem}@media(max-width:48em){.navbar{grid-template-columns:max-content 1fr max-content;height:7.2rem;width:100%;position:static}}@media(max-width:24em){.navbar{border-radius:0}}.navbar__list{list-style:none;display:flex;gap:4rem;justify-items:center;flex-direction:column;align-self:start;margin-top:7.2rem}@media(max-width:48em){.navbar__list{justify-self:center;flex-direction:row;margin:0;align-self:center}}.navbar__list li:hover{cursor:pointer}.navbar__active path{fill:#fff}.navbar__avatar{width:4rem;height:4rem;border:1.5px solid #fff;border-radius:50%;justify-self:end;align-self:end}.searchbar{display:flex;position:-webkit-sticky;position:sticky;top:0;height:max-content;gap:2.4rem;transform:translateY(-4px);width:100%;box-shadow:0 0 6px 7px #10141e;background-color:#10141e;z-index:15;padding-bottom:2.4rem}.searchbar__button{border:none;background-color:inherit;cursor:pointer}.searchbar__input{display:flex;width:100%}.searchbar__input input{width:100%;background-color:inherit;outline:none;border:none;border-bottom:1px solid #10141e;transition:all .3s;padding:1.6rem 0;color:#fff;caret-color:#fc4747;cursor:pointer}.searchbar__input input:-webkit-autofill,.searchbar__input input:-webkit-autofill:active,.searchbar__input input:-webkit-autofill:focus,.searchbar__input input:-webkit-autofill:hover{box-shadow:inset 0 0 0 30px #10141e;-webkit-text-fill-color:#fff}.searchbar__input input:focus{border-color:#5a698f}.searchbar__icon{height:3.2rem;width:3.2rem}.searchbar__icon path{fill:#fff}.trend-movies{display:grid;grid-auto-flow:column;grid-gap:4rem;gap:4rem}.trend-movies__details{position:absolute;bottom:6%;width:max-content;left:5%}.trend-movies__details h3{position:-webkit-sticky;position:sticky;color:#fff;opacity:100%;z-index:3}.trend-movies__item{width:47rem;height:23rem}@media(max-width:24em){.trend-movies__item{width:30rem;height:17.5rem}}.trend-movies__item-category{display:flex;align-items:center;gap:.6rem}.dot{width:.3rem;height:.3rem;background-color:#fff;border-radius:50%}.modal-background{background-color:#000;opacity:20%}.modal-background,.play-background{position:absolute;width:100%;height:100%}.play-background{background-color:#fff;top:0;left:0;opacity:40%;z-index:-1}.movie-card__item:hover .movie-card__item-modal{visibility:visible}.movie-card__description{display:flex;align-items:center;gap:.8rem;color:#fff;opacity:75%}.movie-card__details{display:flex;flex-direction:column;gap:.4rem}.movie-card__hero{border-radius:.8rem;overflow:hidden;cursor:pointer;position:relative;margin-bottom:.8rem}.movie-card__hero .bookmark-adjust{left:83%;top:6%}@media(max-width:24em){.movie-card__hero .bookmark-adjust{left:77%;top:6%}}.movie-card__general{width:100%}.movie-card__item{border-radius:.8rem;overflow:hidden;cursor:pointer;position:relative}.movie-card__item-modal{top:0;left:0;visibility:hidden;position:absolute;width:100%;height:100%;z-index:1;display:flex;justify-content:center;align-items:center}.movie-card__item-play{padding:.8rem;border-radius:2.8rem;display:flex;align-items:center;gap:1.6rem;z-index:3;position:relative;overflow:hidden}.movie-card__item-play span{margin-right:1rem}.movie-card__item-bookmark{position:absolute;width:3.2rem;height:3.2rem;background-color:#5a698f;border:none;display:flex;justify-content:center;align-items:center;border-radius:50%;z-index:10;left:90%;top:6%;cursor:pointer}@media(max-width:24em){.movie-card__item-bookmark{left:83%;top:6%}}.movie-card__item-thumbnail{width:100%;height:100%}.movie-card__item-category{display:flex;align-items:center;gap:.6rem}.movies{display:grid}.movies__trending{height:max-content;overflow-x:auto;width:100%;margin-bottom:4rem;scrollbar-width:none;-ms-overflow-style:none}.movies__container{overflow-y:auto}.movies__separator{width:100%;margin:2rem 0}.movie-grid__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(27rem,1fr));grid-gap:3.2rem;gap:3.2rem}@media(max-width:48em){.movie-grid__list{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));justify-content:center}}@media(max-width:24em){.movie-grid__list{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}}.auth{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8.3rem;min-height:100vh}.loader{transform:rotate(45deg);perspective:1000px;border-radius:50%;width:56px;height:56px;color:#fff}.loader:after,.loader:before{content:"";display:block;position:absolute;top:0;left:0;width:inherit;height:inherit;border-radius:50%;transform:rotateX(70deg);animation:spin 1s linear infinite}.loader:after{color:#fc4747;transform:rotateY(70deg);animation-delay:.4s}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotateccw{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes spin{0%,to{box-shadow:.2em 0 0 0 currentcolor}12%{box-shadow:.2em .2em 0 0 currentcolor}25%{box-shadow:0 .2em 0 0 currentcolor}37%{box-shadow:-.2em .2em 0 0 currentcolor}50%{box-shadow:-.2em 0 0 0 currentcolor}62%{box-shadow:-.2em -.2em 0 0 currentcolor}75%{box-shadow:0 -.2em 0 0 currentcolor}87%{box-shadow:.2em -.2em 0 0 currentcolor}}.landing__content{display:flex;flex-direction:column;align-items:center;gap:2.4rem}.landing__heading{font-size:4rem}.home{background-color:inherit;padding:3.2rem;display:grid;grid-template-columns:max-content 1fr;grid-gap:4rem;gap:4rem}@media(max-width:48em){.home{grid-template-columns:1fr;grid-template-rows:max-content 1fr;gap:3.2rem}}@media(max-width:24em){.home{padding:0;gap:2.4rem}}.home__main{overflow-y:auto;height:calc(100vh - 6.4rem);scrollbar-width:none;-ms-overflow-style:none}@media(max-width:48em){.home__main{height:calc(100vh - 16rem)}}@media(max-width:24em){.home__main{height:calc(100vh - 11rem);padding:0 1.6rem}}