*{box-sizing:border-box;padding:0;margin:0;font-family:"Roboto",sans-serif}.App{max-width:1400px;margin:0 auto;box-shadow:0 7px 29px 0 rgba(100,100,111,.2);background-color:#249898}.header-wrapper{display:flex;align-items:center;height:120px;padding:16px 32px;background-color:#133e4a}.logo-wrapper{margin-right:16px;padding:8px}.logo{max-width:250px}.header-search{margin-left:auto}.search-filter,.search-form{display:flex;justify-content:center}.search-input{-webkit-appearance:none;appearance:none;width:100%;min-width:100px;width:200px;height:40px;padding:8px;font-size:16px;font-weight:400;background-color:#fff;transition:all .5s ease-in-out;border-radius:4px;outline:none;border:3px solid transition}.search-input:focus{width:350px;max-width:unset;outline:none}.search-input:focus,.search-input:hover{border-color:#2cc6bf}.menu-list{display:flex;align-items:center;list-style:none;margin-right:8px;margin-left:8px;flex-wrap:wrap;justify-content:center}.menu-list-item{padding:8px;margin-right:8px}.menu-link{color:#fff;font-size:20px;text-decoration:none;transition:all .5s ease-out}.menu-link.active,.menu-link:hover{color:#31ddd3}.menu-list-item:last-child{margin-right:0}.footer{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;height:100px;background-color:#133e4a}.footer .logo{width:150px}.footer-link{margin-right:20px}.footer-link-img{width:40px;height:40px}.wrapper{width:100%;height:100%;background-color:#0d2a33;min-height:100vh}.container{display:flex;flex-direction:column;max-width:1280px;margin:0 auto;box-shadow:0 0 45px 0 rgb(49 221 211/50%)}.movie-details{padding:64px}.movie-details-body{display:flex;flex-wrap:nowrap;color:#fff}.movie-details-left-side{flex:0 1 auto;margin-right:32px}.movie-details-right-side{flex:1 1 60%;display:flex;flex-direction:column}.movie-details-img{width:300px;border:1px solid #28afab;border-radius:4px;overflow:hidden}.movie-details-header{display:flex;align-items:center;margin-bottom:16px}.movie-details-header h2{font-size:48px;margin-right:16px;flex:1 1}.movie-details-header .rating{width:50px;height:50px;font-size:20px}.movie-details-description{font-size:18px}.movie-details-about-film{display:flex;flex-direction:column;margin-top:32px}.movie-details-about-film dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(10ch,1fr));grid-gap:16px;margin-top:16px}.movie-details-about-film dl dt{grid-column-start:1}.movie-details-about-film dl dd{grid-column-start:span 4}.xl.movie{width:220px;margin:16px}.sm.movie,.xl.movie{position:relative;border:1px solid #28afab;transition:.3s ease-in;border-radius:4px;overflow:hidden}.sm.movie{width:100%;margin:0}.movie-info{display:flex;flex-direction:column;padding:8px 16px;height:100px;color:#fff}.movie-img{width:100%;min-height:330px;object-fit:cover}.sm.movie .movie-img{width:100%;height:200px;min-height:unset;object-fit:cover}.movie-title{font-size:16px;margin-bottom:8px;font-weight:600}.movie-release-date{font-size:14px}.rating{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:600;flex:0 0 50px}.movie-rating{position:absolute;right:8px;top:8px}.xl.movie:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.sm.movie:hover,.xl.movie:hover{cursor:pointer;box-shadow:0 0 10px 5px rgb(49 221 211/20%)}.sm.movie:hover{-webkit-transform:unset;transform:unset}.high-rating{background-color:#47d147}.middle-rating{background-color:#f8a50d}.low-rating{background-color:#ff0707}.none-rating{background-color:#0d2a33}.loader{margin:35vh auto;border:16px solid #f3f3f3;border-top-color:#7e827e;border-radius:50%;width:100px;height:100px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.movie-trailers{display:flex;flex-direction:column;margin:20px auto}.trailer-link-container{margin-bottom:16px}.trailer-link{max-width:300px;width:100%;min-height:65px;display:flex;align-items:center;padding:10px;background-color:rgba(229,10,10,.7215686274509804);text-decoration:none;color:#fff;transition:.2s ease-in;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.35)}.trailer-link:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.trailer-link-name{margin-right:5px}.play-trailer-img{width:40px;height:40px;margin-right:5px}.movie-reviews{display:flex;flex-direction:column;color:#fff;margin:24px auto 16px}.review-wrapper{margin-left:16px}.review-body h4{margin-bottom:8px}.genre-box{padding:4px 8px;background-color:teal;border-radius:8px;overflow:hidden;margin-right:4px;border:1px solid transparent;transition:all .3s ease-in}.genre-box:hover{cursor:pointer;border:1px solid #fff}.genre-box:last-child{margin-right:0}.review-wrapper .review-footer{display:flex;width:100%;justify-content:flex-end;align-items:center;margin-top:8px}.review{display:flex;border-radius:4px;overflow:hidden;padding:16px 24px;background-color:#133e4a;margin-bottom:16px}.review-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.reviewer-avatar{width:60px;height:60px;border-radius:50%}.review-author-name{font-size:20px}.reviews-title{margin-bottom:16px}.button.secondary{display:inline-block;padding:8px 16px;border:1px solid #31ddd3;text-decoration:none;color:#31ddd3;text-align:center;transition:all .3s}.button.secondary:hover{color:#000;background-color:#31ddd3}.button.primary{display:inline-block;padding:8px 16px;border:2px solid #fff;text-decoration:none;color:#fff;font-weight:400;font-size:18px;background-color:#133e4a;text-align:center;transition:all .3s}.button.primary:hover{color:#133e4a;background-color:#31ddd3;border-color:#fff;cursor:pointer}.similar-movies-container{margin-top:24px}.similar-movies{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.similar-movies-title{color:#fff;margin-bottom:16px}.movies-menu{display:flex;justify-content:space-around;padding:20px 0;background-color:#133e4a;border-bottom:2px solid #28afab;border-top:2px solid #28afab}.movies-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:16px auto}.link{color:#fff}.pagination-container{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.pagination-container button:not(:last-child){margin-right:16px}.error-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;color:#fff;height:100vh}.error-title{font-size:78px;margin-bottom:8px}.error-text{font-size:44px}.home-link{margin-top:110px;text-decoration:none;color:#fff;border:2px solid #fff;padding:8px;transition:all .3s;font-size:24px;background-color:#133e4a}.home-link:hover{color:#000;background-color:#31ddd3}.tile-wrapper{position:relative}.tile-body,.tile-wrapper{display:flex;flex-direction:column}.tile-body{position:absolute;left:0;top:0;padding:64px 96px;background:#747474;background:linear-gradient(90deg,rgba(0,0,0,.6),rgba(71,71,71,.5) 60%,hsla(0,0%,100%,0));height:100%}.tile-body h4{font-size:46px;color:#fff;margin-bottom:16px;max-width:550px}.tile-body p{font-size:18px;color:#fff;max-width:550px;margin-bottom:32px}.tile-body .tile-button{font-size:18px;color:#fff;margin-top:auto;width:200px}.tile-background{height:450px;width:100%;object-fit:cover}.genres-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.search-header{padding:16px;color:#fff;font-size:24px}.search-movies{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
/*# sourceMappingURL=main.80cda415.chunk.css.map */