*{font-family:sans-serif;margin:0;scroll-behavior:smooth}body{background:linear-gradient(180deg,#2a2d3e,#10131c);background-position:50%;background-size:cover;overflow-x:hidden}.poster-box{align-items:center;border:2px solid transparent;border-radius:7px;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:330px;margin:10px auto;overflow:hidden;padding:5px 5px 40px;position:relative;transition:.3s;width:250px}.poster-box:hover{border:2px solid #fff}.poster-box__img{position:relative}.poster-box__img img{border-radius:7px;height:300px;margin:0 0 -7px;transition:.3s}.poster-box__img span{background-color:#f3d447;border-radius:10px;bottom:-7px;color:#1a1a1a;font-size:12px;font-weight:600;padding:5px 10px;position:absolute;right:-10px}.poster-box__desc{margin:7px 0 0;width:80%}.poster-box__desc span{color:#0fa573;font-size:12px}.poster-box__desc h4{font-size:18px;margin:5px 0 0;text-transform:capitalize}.row{margin:30px 10px}.movies{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.search-form{align-items:center;display:flex;justify-content:space-between;margin:10px 40px}.input-form input{background-color:#30323f;border:1px solid #fff;border-radius:7px;color:#fff;height:30px;outline:none;padding:0 10px;width:300px}.input-form input::-webkit-input-placeholder{color:#b7b7b7}.input-form input:-ms-input-placeholder{color:#b7b7b7}.input-form input::placeholder{color:#b7b7b7}.input-form{display:flex;flex-direction:column}.input-form label{color:#fff;margin:5px 0}.row button{background-color:transparent;border:1px solid #fff;border-radius:7px;color:#fff;cursor:pointer;font-size:20px;outline:none;padding:7px 10px;transition:.3s}.row button:hover{background-color:#f0f8ff;color:#30323f}.no-movies{color:#fff;margin:50px auto;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.no-movies p{font-size:30px;margin:10px 0}.no-movies .bug{font-size:50px}@media (max-width:468px){.input-form label{font-size:18px;margin:5px 0 5px -23px}.input-form input{margin-left:-23px}}.banner{align-items:center;background-image:url(/static/media/login-background.8517820c29d052a5eeb0.jpg);background-position:50%;background-size:cover;color:#fff;display:flex;height:calc(100vh - 90px);justify-content:space-between;overflow-y:hidden;padding:10px;transition:all .3s;width:100%;z-index:1}.banner-container{-webkit-animation:banner-animation .7s forwards;animation:banner-animation .7s forwards;overflow:hidden;position:relative}@-webkit-keyframes banner-animation{0%{opacity:0;right:100px}to{opacity:1;right:0}}@keyframes banner-animation{0%{opacity:0;right:100px}to{opacity:1;right:0}}.banner-cover{background-image:inherit;position:absolute;top:0;z-index:0}.banner .cover{background-position:50%;background-size:cover;border-radius:7px;margin:0 50px;object-fit:contain;position:absolute;right:0;width:711px}.banner-contents{background-image:linear-gradient(270deg,transparent,#080913,#10131c);height:calc(100vh - 410px);left:0;max-width:600px;min-width:60%;padding:170px 50px;position:absolute;top:0}.banner-contents h1{font-size:50px;margin:10px 0;max-width:700px}.banner-contents p{-webkit-animation:title .5s linear;animation:title .5s linear;color:#9d9d9d;font-size:15px;line-height:1.5;margin:10px 0;max-width:600px}.banner-contents span{color:#d0d0d0;display:block;font-size:13px;margin:0 5px}.banner-contents button{align-items:center;background-color:#fff;border:none;color:#0d0d26;cursor:pointer;display:flex;font-size:20px;justify-content:space-between;margin:10px 10px 10px 0;outline:none;padding:7px 20px}.banner-contents button:first-child{border:2px solid #fff;font-size:23px;transition:.3s}.banner-contents button:first-child:hover,.banner-contents button:nth-child(2),.banner-contents button:nth-child(3){background-color:transparent;border:2px solid #fff;color:#fff;font-size:23px;transition:.3s}.banner-contents button:nth-child(2):hover,.banner-contents button:nth-child(3):hover{background-color:#fff;color:#080913}.icon-banner{font-size:17px;margin:1px 0 2px 10px}.btns{align-items:center}.btns,.res{display:flex}.res{margin:7px 0}.res p{color:#fff}.res span{border:1px solid #fff;cursor:pointer;font-size:15px;max-height:17px;padding:5px;position:relative;top:6px;transition:.3s}.res .active,.res span:hover{background:linear-gradient(90deg,#fff828,#f2ea00);color:#000}.res-span{top:6px}#data-rating{color:#0fa573;margin:7px 0}@media (max-width:1200px){.banner .cover{margin:0 30px;width:500px}.banner-contents{max-width:500px;padding:170px 30px}.banner-contents h1{font-size:30px;margin:10px 0;max-width:700px}}@media (max-width:992px){.banner{overflow-x:hidden}.banner .cover{border-radius:7px;bottom:0;left:50%;margin:20px 20px 50px;object-fit:contain;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:500px}.banner-contents{background-image:linear-gradient(0deg,transparent,#080913,#10131c);height:calc(100vh - 410px);left:-60px;margin:0 0 0 50px;min-width:100%;padding:70px 50px 70px 120px;position:relative;top:-150px}}@media (max-width:768px){.banner-contents{padding:70px 50px 70px 40px}.banner-contents h1{font-size:25px}.banner-contents p{-webkit-animation:title .5s linear;animation:title .5s linear;color:#9d9d9d;font-size:15px;line-height:1.5;margin:10px 0;max-width:500px;text-align:center}}@media (max-width:468px){.banner .cover{bottom:0;margin:10px auto 120px;position:absolute;width:390px}.banner-contents{padding:-10px 5px 5px}.banner-contents h1{font-size:20px;margin-left:-5px;text-align:center}#overview{font-size:15px;margin-left:20px;max-width:320px}.res{display:flex;margin:7px 0 7px 40px}.res span{cursor:pointer;font-size:9px;max-height:10px;padding:5px;position:relative;text-align:center;top:6px;transition:.3s}.banner{align-items:center;color:#fff;display:flex;height:calc(100vh - 85px);justify-content:space-between;overflow-y:hidden;padding:0 0 7px;transition:all .3s;width:100%}#data-rating{text-align:center}.btns{margin-left:-15px}.banner-contents button{background-color:#fff;border:none;color:#0d0d26;font-size:16px;margin:0 5px;outline:none;padding:4px 10px}}.cart-item:first-child{margin-top:40px}.cart-item{align-items:center;display:flex;justify-content:space-between;padding:7px;transition:.3s}.cart-item:hover{background-color:#f0f8ff;color:#30323f}.cart-item img:nth-child(2){border-radius:7px;min-width:150px}.cart-item .delete-icon{max-width:50px;object-fit:contain}.cart-item__det span:first-child{display:block;font-size:19px;font-weight:600}.cart-item__det span{margin:0 5px}.cart-item__det span:nth-child(2){color:#c5c5c5;display:block;font-size:14px}.cart-item__icon{cursor:pointer;font-size:20px;margin:0 5px}@media (max-width:768px){.cart-item:first-child{margin-top:40px}.cart-item img:nth-child(2){border-radius:5px;min-width:120px}.cart-item__det span:first-child{font-size:15px}}.favorite-container{background-color:#080913;border:3px solid #fff;border-radius:7px;height:450px;min-width:450px;overflow:hidden;position:absolute;right:70px;top:60px;z-index:2}.cart-close-icon{background-color:#fff;border-radius:3px;color:#000;cursor:pointer;font-size:20px;left:0;margin:5px;padding:5px;position:absolute;top:0}.cart-no-mov{font-size:25px;margin:150px 0 0;text-align:center}@media (max-width:768px){.favorite-container{height:400px;max-width:300px;min-height:430px;position:absolute}}@media (max-width:468px){.favorite-container{height:400px;max-width:220px;min-height:430px;position:absolute}}ul{list-style:none}a{text-decoration:none}h1,h2,h3,p{margin:0;padding:0}.main-nav{padding:7px 70px;position:relative}nav{background-color:#080913;color:#fff;margin:0}nav,nav ul{align-items:center;display:flex}nav ul li a{color:#fff;cursor:pointer;margin:0 10px}nav ul li{position:relative;transition:.3s}nav ul li:before{background-color:#fff;border-radius:7px;bottom:-27.5px;content:"";height:3px;margin-left:10px;position:absolute;transition:.3s;width:0}nav ul li:hover:before{width:100%}nav img{margin:0;max-width:120px}.icon{margin:5px 5px 0 0;position:relative;top:2px}.react-icon{background-color:#fff;color:#080913;cursor:pointer;font-size:18px;padding:10px;right:65px}.react-icon,.total-mov{border-radius:7px;position:absolute}.total-mov{align-items:center;background-color:#d6d6d6;color:#12092a;display:flex;justify-content:center;padding:5px;right:58px;top:12px;z-index:1}.bars{display:none;position:relative}.show-nav{display:block;right:0}@media (max-width:1200px){.main-nav{padding:7px 20px}}@media (max-width:991px){.main-nav{padding:7px 10px}.bars{cursor:pointer;display:inline-block;right:120px}.bars,nav ul{position:absolute}nav ul{align-items:center;background-color:#080913;display:flex;flex-direction:column;padding:240px 100px;right:-340px;top:70px;transition:.3s;z-index:5}nav ul li,nav ul li a{margin:10px 0;z-index:1}nav ul li a{font-size:20px}nav ul li:before{background-color:#fff;border-radius:7px;bottom:-5px;content:"";height:3px;margin-left:0;position:absolute;transition:.3s;width:0}nav ul li:hover:before{width:30%}}@media (max-width:468px){nav ul{display:none;padding:310px 50px}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}.Boxes{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:70px auto;position:relative;width:100%}.Boxes .Box{background-color:#30323f;border:1px solid #fff;border-radius:4px;box-shadow:0 30px 15px rgba(0,0,0,.3);cursor:pointer;height:150px;margin:0 auto;position:relative;transition:.3s;width:250px}.Boxes .Box video{height:100%;left:-1px;padding:5px;position:absolute;width:100%;z-index:-1}.Boxes .Box:hover{border:1px solid #fff;box-shadow:0 30px 20px rgba(0,0,0,.5)}.Boxes .Box:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.Boxes .Box:hover:first-child{background-color:#011375}.Boxes .Box:hover:nth-child(2){background-color:#e51920}.Boxes .Box:hover:nth-child(3){background-color:#000}.Boxes .Box:hover:nth-child(4){background-color:#81a3d1}.Boxes .Box:hover:nth-child(5){background-color:#e0cf1c}.Boxes img{transition:.7s ease;width:250px}
/*# sourceMappingURL=main.8669127c.css.map*/