@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap";*{padding:0;margin:0;box-sizing:border-box}[data-theme=light]{--primary-color: #89B0AE;--secondary-color: #BEE3DB;--font-color: #000000;--bg-color: #FAF9F9;--heading-color: #b44d08}[data-theme=dark]{--primary-color: #0c0b20;--secondary-color: #181d28;--font-color: #ffffff;--bg-color: #1a323b;--heading-color: #fefae0}html,body{font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:62.5%;background-color:var(--bg-color);color:var(--font-color)}.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heading-1{text-align:center;font-size:3rem;padding:3rem 0}.heading-2{font-size:2.4rem;padding:.75rem 0}.heading-3{font-size:2rem;padding:.5rem 0}.heading-4{font-size:1.8rem;padding:.35rem 0}.heading-5{font-size:1.6rem;padding:.25rem 0}.text-sm{font-size:1.4rem}.text-md{font-size:1.6rem}.text-lg{font-size:1.8rem}.text-xl{font-size:2rem}a:-webkit-any-link:focus-visible{outline:0}a{text-decoration:none;color:inherit}.home{padding-bottom:3rem}.header{height:max(6vh,6rem);background-color:var(--primary-color);color:var(--font-color);box-shadow:0 0 2px 2px #0000004d;display:grid;place-items:center;position:fixed;top:0;width:100%;z-index:9999}.app__content{margin-top:max(6vh,6rem)}.container{width:min(92vw,1440px);margin:auto}.nav{display:grid;grid-template-columns:repeat(3,auto);align-items:center;justify-items:space-between}.nav__info{display:flex;align-items:center;gap:.5rem}.nav__info__logo{height:4rem;width:4rem}.nav__info__title{font-size:2.4rem;color:var(--heading-color)}.nav__options{justify-self:flex-end;display:flex;gap:1rem}.theme-btn,.favourite-btn{height:4rem;width:4rem;cursor:pointer}.nav__options{justify-self:flex-end;display:flex}.carousel-item-center{display:flex;align-self:baseline;align-items:center;justify-content:center}.zero-result{font-size:1.5rem;text-align:center}.my-carousel{padding:2rem 0}.my-carousel-status{display:flex;justify-content:center;align-items:center}.loader{height:100%;width:100%;display:flex;justify-content:center;align-items:center;padding:3rem 0}.loader img{height:6.4rem;width:6.4rem}.error-msg{font-size:2rem;text-align:center;color:red;padding-top:2rem}.movie-poster-container{display:flex;flex-direction:column;width:216px}.movie-poster{justify-self:center;cursor:pointer;border-radius:1rem;height:324px;width:216px;display:grid;place-items:center;background-color:var(--secondary-color);position:relative;transition:box-shadow .3s ease-in-out,transform .3s ease-in}.movie-poster img{border-radius:1rem;overflow:hidden}.movie-poster:hover{box-shadow:0 0 2px 1px #0000004d;transform:scale(.975)}.movie-poster>img{object-fit:cover;height:inherit;width:inherit}.movie-poster>span{font-size:2rem;padding:1rem;text-align:center}.movie-poster:hover>.movie-poster-overlay{opacity:1}.movie-poster-circular-progress{width:4.8rem;bottom:-2rem;left:1rem;position:absolute;z-index:2}.movie-poster-genres{position:absolute;bottom:1rem;right:.5rem}.movie-poster-overlay{position:absolute;top:0;width:100%;height:inherit;display:flex;flex-direction:column;justify-content:space-between;width:inherit;z-index:1;opacity:0;transition:opacity .3s ease-in-out}.movie-poster-overlay__icon{align-self:flex-end;padding:1rem}.movie-poster-overlay__icon img{height:3rem;width:3rem;cursor:pointer}.page-loader{height:calc(100vh - 60px);display:flex;justify-content:center;align-items:center;flex-direction:column;padding-bottom:2rem}.nav__searchbar{justify-self:center;display:flex;align-items:center;justify-content:space-between;border-radius:3rem;height:4.5rem;background-color:var(--secondary-color);width:30rem}.nav__searchbar__btn{outline:none;border:0;background:transparent;padding:.5rem;display:flex;align-items:center;cursor:pointer}.search-logo{height:3.6rem;width:3.6rem;border-radius:50%;background-color:#fff;padding:.5rem}.nav__searchbar__input{width:100%;min-width:20rem;outline:none;border:0;background:transparent;align-self:flex-end;padding:1rem 0 1rem 2rem;font-size:2rem;color:var(--font-color)}.movie{padding:2rem 0}.movie-details__content{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.movie-details-card{display:flex;flex:1;box-shadow:0 0 2px 1px #0003;flex-wrap:wrap;margin-bottom:2rem;border-radius:1rem;overflow:hidden}.movie-details-card .poster{object-fit:cover;width:342px;aspect-ratio:2/3}.movie-details-card p{font-size:1.4rem}.movie-details-card .info{flex:1 32rem;background-color:var(--secondary-color);padding:2rem 3rem;display:flex;flex-direction:column;gap:2rem}.movie-details-card .info__header{display:flex;align-items:center;justify-content:space-between}.movie-details-card .info__header img{height:3.6rem;width:3.6rem;cursor:pointer}.movie-details-card .details{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 3rem}.movie-details-card .play-trailer{display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.movie-details-card .play-trailer img{height:4rem;width:4rem}.trailer{position:fixed;top:0;right:0;height:100%;width:100%;background:rgba(0,0,0,.5);z-index:9999;display:flex;justify-content:center;align-items:center;cursor:pointer}.trailer-container{width:min(90vw,1200px);display:flex;align-items:center;justify-content:center}.react-youtube-iframe{width:100%;height:100%}.trailer-error-container{padding:2rem;background-color:var(--secondary-color);height:15rem;width:48rem;display:flex;align-items:center;justify-content:center}.movie-cast__card{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.movie-cast__card__content{border-radius:1rem;overflow:hidden;width:216px}.movie-cast__card__content img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.movie-cast__card__content span{padding:1rem;display:block;background:var(--secondary-color);width:100%;text-align:center;font-weight:bolder;font-size:1.5rem}.page-not-found,.error-page{display:flex;justify-content:center;align-items:center;flex-direction:column}.page-not-found__image,.error-page__image{height:auto;width:min(90vw,560px)}.go-to-home-btn,.report-issue-btn{outline:none;border:none;padding:.75rem 3rem;font-size:2rem;border-radius:.25rem;background-color:var(--secondary-color);color:var(--font-color);cursor:pointer}.search-results,.favourite-movies{padding-bottom:5rem}.search-results__content,.favourite-movies__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:3rem;justify-items:center}.genre-list{display:flex;gap:.5rem;flex-wrap:wrap}.genre-card{padding:.5rem;background-color:var(--primary-color);border-radius:.5rem;font-size:1.2rem}@media screen and (max-width: 48em){.movie-details-card .poster{flex:1}}@media screen and (max-width: 42em){.header{height:10rem}.app__content{margin-top:10rem}.nav{grid-template-rows:2;grid-template-columns:repeat(2,auto);grid-gap:.5rem}.nav__info{grid-row:1/1}.nav__searchbar{grid-row:2/3;grid-column:1/-1}.movie-details-card .info{min-height:unset}}