@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap);*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body{max-width:100vw;overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100vh}p{line-height:1.5}a{text-decoration:none}ul{display:flex}li{list-style-type:none}img{height:100%;width:100%}button{cursor:pointer}button:active{transform:translateY(1px)}h1{color:#7342d6;font-size:56px;margin-bottom:24px}h2{font-size:32px;margin-bottom:32px}.purple{color:#7342d6}.btn{background-color:#7342d6;border:none;border-radius:4px;color:#fff;font-size:20px;padding:12px 24px;transition:all .3s ease}.btn:hover{background-color:#5a32a8}.container{padding:56px 0}.row{margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.row__column{align-items:center;display:flex;flex-direction:column}.section__title{text-align:center}nav{background-color:#242424;box-shadow:0 2px 4px #0000004d;display:flex;height:72px;position:relative}.nav__container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.nav__logo{color:#fff;font-size:24px;font-weight:900;letter-spacing:1px}.nav__logo--accent{color:#7342d6}.nav__links,.nav__list{align-items:center;display:flex}.nav__list{justify-content:center;margin-left:16px}.nav__link{color:#7342d6;font-size:20px;font-weight:700;padding:8px;text-decoration:none;transition:all .3s ease}.nav__link:hover{color:#fff}.nav__link--primary{border:2px solid #7342d6;border-radius:4px}.nav__link--primary:hover{background-color:#7342d6;color:#fff}.btn__menu{background-color:initial;border:none;color:#7342d6;display:none;font-size:28px}.menu__backdrop{align-items:center;background-color:#242424;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:absolute;top:0;transform:translate(100%);transition:all .3s ease;visibility:hidden;width:100vw;z-index:100}.menu--open{max-height:100vh;overflow:hidden}.menu--open .menu__backdrop{opacity:1;transform:translate(0);visibility:visible}.menu__links{align-items:center;flex-direction:column}.menu__list{padding:32px 0}.menu__link{color:#fff;font-size:40px}.btn__menu--close{background-color:initial;border:none;color:#fff;font-size:28px;padding:8px;position:absolute;right:20px;top:10px}#landing{background-color:#7342d61a}header{height:calc(100vh - 72px)}.header__container{height:100%;justify-content:space-around;margin:0 auto;max-width:720px}.header__container,.header__description{display:flex;flex-direction:column;width:100%}.header__description{align-items:center;text-align:center}.header__description h2{color:#606266;font-size:24px;font-weight:400;margin-bottom:32px}.header__img--wrapper{align-items:center;display:flex;justify-content:center;max-height:50vh;padding:20px;z-index:50}.header__film-icon{color:#7342d640;font-size:180px}#highlights{max-width:100vw;position:relative}.highlight__wrapper{display:flex;flex-wrap:wrap}.highlight{align-items:center;display:flex;flex-direction:column;padding:0 24px;width:33.33333%}.highlight__para{max-width:280px;text-align:center}.highlight__img{align-items:center;border:2px solid #7342d65d;border-radius:4px;color:#7342d6;display:flex;font-size:32px;height:100px;justify-content:center;margin-bottom:24px;width:100px}.highlight__subtitle{font-size:20px;margin-bottom:16px;text-align:center}.browse__search{background:linear-gradient(135deg,#0a0a1e,#1a0438);padding:48px 0}.browse__search .row{align-items:center;display:flex;flex-direction:column;gap:24px}.browse__search--title{color:#fff;font-size:32px;font-weight:900;letter-spacing:1px;margin-bottom:0}.browse__search--form{max-width:640px;position:relative;width:100%}.browse__search--input{background-color:#fff;border:2px solid #7342d64d;border-radius:8px;color:#242424;font-size:16px;padding:16px 64px 16px 24px;transition:border-color .2s;width:100%}.browse__search--input:focus{border-color:#7342d6;outline:none}.browse__search--button{background-color:#7342d6;border:none;border-radius:0 8px 8px 0;bottom:0;color:#fff;font-size:18px;position:absolute;right:0;top:0;transition:all .3s ease;width:56px}.browse__search--button:hover{background-color:#5a32a8}.search-filters{background-color:#7342d61a;border-bottom:1px solid #7342d633;padding:24px 0}.search-filters__controls{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px}.filter__group{display:flex;flex-direction:column;gap:8px;min-width:160px}.filter__group--type{min-width:220px}.filter__label{color:#242424;font-size:14px;font-weight:700}.filter__label--value{color:#7342d6;font-weight:900}.filter__slider{-webkit-appearance:none;appearance:none;background:#7342d64d;border-radius:4px;cursor:pointer;height:4px;outline:none;width:100%}.filter__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#7342d6;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:transform .1s;transition:transform .1s;width:20px}.filter__slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.filter__slider::-moz-range-thumb{background:#7342d6;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.filter__type-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter__type-btn{background-color:initial;border:2px solid #7342d6;border-radius:4px;color:#7342d6;font-size:14px;font-weight:700;padding:8px 16px;transition:all .3s ease}.filter__type-btn--active,.filter__type-btn:hover{background-color:#7342d6;color:#fff}.search-results--title{color:#242424;font-size:22px;font-weight:700;margin-bottom:24px}.search-results--error{color:#c0392b;font-size:16px;padding:16px 0}.movies__container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.movie__container--item-wrapper{transition:all .3s ease}.movie__container--item-wrapper:hover{transform:translateY(-4px)}.movies__container--item{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;overflow:hidden;transition:all .3s ease}.movies__container--item:hover{box-shadow:0 8px 24px #7342d640}.movie__poster--wrapper{aspect-ratio:2/3;background-color:#f8f9fa;display:flex;overflow:hidden;width:100%}.movie__poster{height:100%;object-fit:cover;transition:transform .3s;width:100%}.movies__container--item:hover .movie__poster{transform:scale(1.04)}.movie__info{padding:16px}.movie__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#242424;display:-webkit-box;font-size:16px;font-weight:700;margin-bottom:8px;overflow:hidden}.movie__meta{align-items:center;display:flex;gap:12px;margin-bottom:8px}.movie__year{color:#bfbfbf;font-size:14px}.movie__rating{align-items:center;color:#fabf2a;display:flex;font-size:14px;gap:4px}.movie__rating--icon,.movie__type{font-size:12px}.movie__type{background-color:#7342d61a;border-radius:4px;color:#7342d6;display:inline-block;font-weight:700;padding:4px 8px;text-transform:capitalize}.movies__loading{align-items:center;color:#7342d6;display:flex;font-size:60px;grid-column:1/-1;justify-content:center;padding:60px 0}.fa-spinner{animation:rotate .6s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.skeleton{background-color:#e3e3e3!important;margin-bottom:8px}.movie__poster--skeleton{aspect-ratio:2/3;background-color:#ccc;margin-bottom:8px;width:100%}.movie__title--skeleton{height:20px;width:100%}.movie__meta--skeleton{height:16px;width:80px}#search__body{background-color:#7342d61a;display:flex;flex:1 1;flex-direction:column}#search__main{background-color:#f8f9fa;flex:1 1}.movie__selected--top{align-items:center;color:#242424;display:flex;font-size:32px;margin-bottom:8px;padding:0 24px}.movie__selected--title--top{color:#242424;font-size:26px;margin-bottom:0;margin-left:10px}#movie-detail{background-color:#f8f9fa;display:flex;flex:1 1;flex-direction:column}.movie-detail__loading{align-items:center;color:#7342d6;display:flex;flex:1 1;font-size:60px;justify-content:center;padding-top:60px}.movie-detail__back{align-items:center;color:#7342d6;display:inline-flex;font-size:20px;font-weight:700;gap:8px;margin-bottom:32px;transition:gap .2s}.movie-detail__back:hover{gap:12px}.movie-detail__error{color:#c0392b;font-size:18px}.movie__selected{display:flex}.movie__selected--figure{align-items:flex-start;display:flex;justify-content:center;padding:16px 32px;width:40%}.movie__selected--img{border-radius:8px;box-shadow:0 8px 32px #00000026;max-height:500px;max-width:100%;width:auto}.movie__selected--no-poster{align-items:center;aspect-ratio:2/3;background-color:#242424;border-radius:8px;color:#bfbfbf;display:flex;font-size:16px;justify-content:center;width:100%}.movie__selected--description{align-items:flex-start;display:flex;flex-direction:column;padding:16px 32px;width:60%}.movie__selected--title{color:#242424;font-size:40px;font-weight:900;line-height:1.1;margin-bottom:16px}.movie__selected--meta{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.movie__selected--runtime,.movie__selected--year{color:#bfbfbf;font-size:14px;font-weight:700}.movie__selected--rated{border:1px solid #bfbfbf;border-radius:4px;color:#bfbfbf;font-size:12px;font-weight:700;padding:2px 8px}.movie__selected--rating{align-items:center;display:flex;gap:8px;margin-bottom:16px}.movie__selected--star{color:#fabf2a;font-size:20px}.movie__selected--rating-value{color:#242424;font-size:28px;font-weight:900}.movie__selected--rating-label{color:#bfbfbf;font-size:16px}.movie__selected--genre{color:#7342d6;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:24px;text-transform:uppercase}.movie__selected--plot{margin-bottom:32px}.movie__selected--section-title{color:#bfbfbf;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.movie__selected--plot p{color:#242424;font-size:16px;line-height:1.7}.movie__selected--crew{display:flex;flex-direction:column;gap:12px}.movie__selected--crew-item{display:flex;gap:16px}.movie__selected--crew-label{color:#bfbfbf;flex-shrink:0;font-size:12px;font-weight:700;letter-spacing:.5px;min-width:72px;padding-top:2px;text-transform:uppercase}.movie__selected--crew-value{color:#242424;font-size:14px;line-height:1.5}@media (max-width:768px){h1{font-size:40px}h2{font-size:26px}.movies__container{grid-template-columns:repeat(2,1fr)}.movie__selected{flex-direction:column}.movie__selected--figure{justify-content:flex-start;max-width:320px;width:100%}.movie__selected--description{width:100%}.movie__selected--title{font-size:32px}.search-filters__controls{gap:24px}}@media (max-width:550px){.btn__menu{display:block}.nav__list{display:none}.highlight{width:100%}.highlight:not(:last-child){margin-bottom:24px}.movies__container{grid-template-columns:repeat(1,1fr)}.movie__selected--title{font-size:26px}}
/*# sourceMappingURL=main.ec47078b.css.map*/