body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{padding:0}header{background:#131313;display:block;margin:0;padding:10px 30px;width:auto}header h1{color:#fff;display:inline-block;line-height:1em;margin:0;padding:0;vertical-align:middle}header input{background:#3f3f3f;border:none;border-radius:6px;color:#999;margin:0 0 0 40px;padding:6px 5px;vertical-align:middle;width:200px}nav{background:#672ecf;display:block;padding:5px 30px;width:auto}nav ul{list-style:none;margin:0;padding:0}nav ul,nav ul li{display:inline-block}nav ul li{border-radius:0;color:#fff;cursor:pointer;margin:0 10px 0 0;padding:10px 20px;transition:border-radius .4s ease-out}nav ul li:first-of-type{margin-left:-20px}nav ul li.active{background:#fff;border-radius:6px;color:#672ecf;font-weight:500}nav select{background:#306;border:none;border-radius:12px;color:#fff;padding:5px}.menuBtn{display:none}.movies{grid-gap:20px;align-items:stretch;background:#e7e7e7;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;padding:20px 30px}.movies,.movies>div{height:100%;position:relative}.movies>div{background:#ccc;display:flex;vertical-align:top;width:auto}.movies>div>div{background:#fff;border-radius:5px;min-height:200px;padding:10px;position:relative;text-align:center;z-index:1}.movies>div:nth-child(4n)>div{margin-right:0}.movies img{max-width:100%}.movies p{font-size:13px}h2{color:#672ecf;font-weight:600;line-height:1.2em;margin:10px 0}.star,h2{font-size:22px}.star{align-items:center;background:#a60002;border-radius:50%;box-shadow:2px 2px 6px #0006;color:#fff;display:flex;font-weight:800;height:40px;justify-content:center;position:absolute;right:5px;text-align:center;top:5px;width:40px;z-index:2}button{background:#672ecf;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;padding:5px 20px}.pagination{list-style:none;margin:10px 0 10px 30px;padding:0}.pagination li{border-right:thin solid #ccc;color:#672ecf;cursor:pointer;display:inline-block;padding:0 5px}.pagination li:last-of-type{border-right:none}.pagination li:nth-of-type(3){color:#111;cursor:default}.modal-overlay{background:#000000e6;display:block;height:inherit;left:0;padding-bottom:40px;position:absolute;top:0;width:100%;z-index:3}.modal{background:#fff;border-radius:10px;display:block;height:auto;margin:auto;padding:25px;position:relative;top:50px;width:80%;z-index:4}.buttonWrapper{display:inline-block;width:auto}.modal i{background:#672ecf;border-radius:50%;color:#fff;cursor:pointer;font-size:30px;height:20px;line-height:.4em;padding:3px;position:absolute;right:10px;top:10px;transform:rotate(0deg);transition:transform .4s ease-out;width:20px}.modal i:hover{transform:rotate(1turn)}.modal div.tab>section{display:inline-block;position:relative;vertical-align:top}.modal div.tab>section:first-of-type{width:23%}.modal div.tab>section:nth-of-type(2){width:75%}.modal .tabs-nav{border-bottom:2px solid #666;display:block;max-width:90%}.tabs-nav ul{list-style:none;margin:0;padding:0}.tabs-nav ul li{cursor:pointer;display:inline-block;font-size:16px;padding:10px}.tabs-nav ul li.active{border-bottom:4px solid #666}.movie-content{display:flex;flex-direction:rows;gap:20px;position:relative}.movie-content .star{left:-10px;top:-10px}.recommends{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr)}.poster{display:flex;object-fit:cover;vertical-align:top}.poster .star{position:absolute}.poster img{min-width:100%}.credit{background:#e9e9e9;margin:0 0 2px;padding:3px}.credit img{margin-right:20px;width:50px}.credit div,.credit img{display:inline-block;vertical-align:middle}.credit div{width:39%}footer{background:#131313;color:#fff;display:block;padding:10px 30px}footer a{color:#672ecf;text-decoration:none}footer p{display:inline-block}footer p:nth-of-type(2){float:right}p.overview{font-size:13px}strong{font-weight:600}.video{display:inline-block;margin:0 10px 10px 0}.spinner{display:block;margin:20px auto;padding:50px;position:relative;width:50px}.spinner span{background:#672ecf;border-radius:50%;height:20px;position:absolute;transition:left .5s ease-out;width:20px}@media screen and (max-width:1024px){.movies>div{width:33%}.movies>div:nth-child(4n)>div{margin-right:20px}}@media screen and (max-width:768px){.movies>div{width:49%}.modal div.tab>section:first-of-type{width:40%}.modal div.tab>section:nth-of-type(2){width:56%}}@media screen and (max-width:720px){nav ul{background:#672ecf;border-bottom-right-radius:10px;display:block;left:0;padding:20px;position:absolute;top:92px;transform:scale(0);transform-origin:0 0;transition:transform .4s ease-out;width:auto;z-index:2}nav ul.active{transform:scale(1)}nav ul li{display:block}nav select{float:right}nav .menuBtn{display:inline-block;z-index:3}nav .menuBtn .active{box-shadow:0 0 5px #000c}nav ul li:first-of-type{margin-left:0}}@media screen and (max-width:425px){nav #menu{top:140px}.movies>div{width:100%}.movies>div>div{margin-right:0}header input{margin:10px 0}footer p{display:block}footer p:nth-of-type(2){float:none}.modal div.tab>section:first-of-type,.modal div.tab>section:nth-of-type(2){width:100%}.poster{width:46%}}
/*# sourceMappingURL=main.d592b420.css.map*/