@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Noto Sans",sans-serif;background:#00001a}ul{list-style-type:none}button{background-color:#4caf50;border:none;padding:15px 32px;text-align:center;display:inline-block;font-size:16px;cursor:pointer}a,button{color:#fff;text-decoration:none}.container{padding:72px 0}.row{max-width:1200px;margin:0 auto}.center{position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.back--btn{background-color:#d4af37;margin:0 0 48px}.unclickable{cursor:not-allowed!important}nav{max-width:1400px;margin:0 auto;padding-top:12px;display:flex;justify-content:space-between;align-items:center}.nav__logo{max-width:100px}.nav__logo--img{width:100%}.nav__list{display:flex;font-size:24px;color:#fff;font-weight:700}.nav__list--link{padding-left:24px;cursor:pointer}.search__header{text-align:center;margin-bottom:72px;color:#fff}.search__container{width:90%}.search-box{position:absolute;top:90%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:40px}.search-box,.search-btn{background:#fff;height:40px;display:flex}.search-btn{color:#fff;width:40px;border-radius:50%;justify-content:center;align-items:center;transition:.4s}.search-txt{border:none;outline:none;padding:0;font-size:16px;transition:.4s;line-height:40px;width:0}.search-icon,.search-txt{background:none;color:#000}.search-icon{cursor:pointer}.search-box:hover>.search-txt,.search-txt:focus{width:240px;padding:0 12px}.movies{display:flex;justify-content:space-between;flex-wrap:wrap}.movie{width:30%;margin-bottom:48px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .3s ease}.movie:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.movie:hover .movie__title{opacity:1}.movie__title{padding-top:12px;color:#fff;background:none;z-index:-50;opacity:0;transition:all .3s ease}.skeleton{width:30%;margin-bottom:48px;display:flex;flex-direction:column;align-items:center;text-align:center}.skeleton__poster{width:100%;height:445px;background-color:#f2eae9;margin-bottom:8px}.skeleton__title{width:80%;height:16px;background-color:#f2eae9}.empty__container{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.empty__state{margin:0 auto;padding-top:32px;max-width:420px}.empty__state--img{width:100%}.empty__state--txt{color:#fff;font-size:24px}.desc__container{display:flex;justify-content:space-around;align-items:center;margin-top:60px}.back--btn--desc{background-color:#d4af37}.desc__info{display:flex;flex-direction:column;width:60%}.poster--wrapper{width:30%}.poster--wrapper--img{width:100%}.desc__title{color:#fff;font-size:32px;font-weight:700;line-height:1.5}.desc__details{color:#fff;margin-bottom:24px}.desc__plot{color:#fff}.skeleton--desc{display:flex;justify-content:space-between;align-items:center}.skeleton__poster--desc{width:355px;height:445px;background-color:#f2eae9}.skeleton__info{display:flex;flex-direction:column;width:60%}.skeleton__title--desc{width:300px;height:32px;background-color:#f2eae9;margin-bottom:12px}.skeleton__details{margin-bottom:24px}.skeleton__genre{width:220px;height:16px}.skeleton__genre,.skeleton__runtime{background-color:#f2eae9;margin-bottom:4px}.skeleton__runtime{width:60px;height:18px}.skeleton__rating{width:52px}.skeleton__plot,.skeleton__rating{height:16px;background-color:#f2eae9}.skeleton__plot{width:720px;margin-bottom:4px}.skeleton__plot--two{width:480px;height:16px;background-color:#f2eae9}@media (max-width:1500px){.nav__list{margin-right:24px}.nav__logo{margin-left:24px}.movies{padding:0 32px}.back--btn,.back--btn--desc{margin-left:32px}}@media (max-width:1120px){.movie{width:50%;margin-bottom:72px}.desc__container{flex-direction:column}.poster--wrapper{width:50%;margin-bottom:24px;padding-top:12px}.desc__info{text-align:center}}@media (max-width:768px){.movie{width:100%}}@media (max-width:550px){.nav__list{display:none}.poster--wrapper{width:70%}.desc__info{width:80%}}
/*# sourceMappingURL=main.4c18f2bd.chunk.css.map */