.listItem{width:225px;height:120px;background-color:rgba(17,17,17,.986);margin-right:5px;overflow:hidden;cursor:pointer;color:#fff}.listItem img{width:100%;height:100%;object-fit:cover}.listItem iframe{border:none;width:100%;height:145px;object-fit:cover;position:absolute;top:0;left:0}.listItem:hover{width:325px;height:300px;padding:5px;position:absolute;top:-150px;box-shadow:0 0 15px 0 hsla(0,0%,100%,.07);border-radius:5px}.listItem:hover img{height:140px}.listItem:hover .itemInfo{display:flex;flex-direction:column;padding:10px;height:100%}.listItem:hover .itemInfo .icons{display:flex;margin-bottom:10px}.listItem:hover .itemInfo .icons .icon{border:2px solid #fff;padding:5px;border-radius:50%;margin-right:10px;font-size:16px}.listItem:hover .itemInfo .itemInfoTop{display:flex;align-items:center;margin-bottom:10px;font-size:14px;font-weight:600;color:grey;overflow:hidden}.listItem:hover .itemInfo .itemInfoTop .limit{border:1px solid grey;padding:1px 3px;margin:0 10px}.listItem:hover .itemInfo .desc{font-size:13px;margin-bottom:10px}.listItem:hover .itemInfo .genre{font-size:14px;color:#d3d3d3}.list{width:100%;margin-top:10px}.list .listTitle{color:#fff;font-size:20px;font-weight:500;margin-left:50px}.list .wrapper{position:relative}.list .wrapper .sliderArrow{width:45px;height:100%;background-color:rgba(22,22,22,.505);color:hsla(0,0%,100%,.897);position:absolute;z-index:99;top:0;bottom:0;margin:auto;cursor:pointer}.list .wrapper .sliderArrow.left{left:0}.list .wrapper .sliderArrow.right{right:0}.list .wrapper .container{margin-left:50px;display:flex;margin-top:10px;width:-webkit-max-content;width:max-content;-webkit-transform:translateX(0);transform:translateX(0);transition:all 1s ease}.featured{height:100vh;position:relative}@media(max-width:560px){.featured{padding-top:5rem;height:40vh}}@media(max-width:820px){.featured{padding-top:5rem;height:40vh}}.featured .category{position:absolute;top:80px;left:50px;font-size:30px;font-weight:500;color:#fff;display:flex;align-items:center}.featured .category select{cursor:pointer;background-color:#070914;background-color:var(--main-color);border:1px solid #fff;color:#fff;margin-left:20px;padding:5px}.featured #genre{z-index:2}.featured img{width:100%;height:100%;object-fit:cover}@media(max-width:560px){.featured img{width:100%;height:100%;object-fit:fill}}.featured .info{width:35%;position:absolute;left:50px;bottom:60px;color:#fff;display:flex;flex-direction:column}@media(max-width:560px){.featured .info{font-size:small;left:25px;bottom:10px}}@media(max-width:820px){.featured .info{font-size:medium;bottom:10px}}.featured .info img{width:40vw;margin-top:100px}@media(max-width:560px){.featured .info img{width:20vw;height:20vw;position:absolute;left:0;bottom:300px}}.featured .info .desc{margin:20px 0}@media(max-width:560px){.featured .info .desc{width:60vw}}.featured .info .buttons{display:flex}.featured .info .buttons button{padding:10px;border:none;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:500;margin-right:10px;cursor:pointer}.featured .info .buttons button.play{background-color:#fff;color:#070914;color:var(--main-color);font-size:15px;font-weight:400;height:40px}.featured .info .buttons button.more{background-color:grey;color:#fff}@media(max-width:560px){.featured .info .buttons button.more{font-size:15px;font-weight:300;height:40px;width:70px}}.featured .info .buttons button span{margin-left:5px}@media(max-width:560px){.featured .info .buttons button span{margin-left:2px}}.navbar{width:100%;color:#fff;font-size:16px;position:fixed;top:0;z-index:999;background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.3) 50%)}.navbar.scrolled{background-color:#070914;background-color:var(--main-color)}.navbar .search{display:flex;align-items:center}.navbar .input{background-color:transparent;border:none;border:1px solid hsla(0,0%,50.2%,.486);border-radius:5px;height:40px;color:hsla(0,0%,100%,.582);font-family:Arial,Helvetica,sans-serif;text-align:center;width:70vw;max-width:600px}.navbar .toggle{display:none}.navbar .searchCenter{display:flex;justify-content:center;align-items:center}.navbar .container{padding:0 50px;display:flex;align-items:center;justify-content:space-between;height:70px}@media(max-width:560px){.navbar .container{padding:0 25px}}.navbar .container .profile .options{display:none;background-color:#070914;background-color:var(--main-color);border-radius:5px}.navbar .container .profile .more{cursor:pointer;display:flex;align-items:center}.navbar .container .profile:hover .options{display:flex;flex-direction:column;position:absolute}.navbar .container .left{display:flex;align-items:center}.navbar .container .left img{margin-right:40px}.navbar .container .left span{margin-right:20px;cursor:pointer}@media(max-width:820px){.navbar .container .left span{display:none}}@media(max-width:820px){.navbar .container .left span.navbarmainLinks{display:block}}.navbar .container .right{display:flex;align-items:center}.navbar .container .right .icon{margin-left:15px;cursor:pointer}.navbar .container .right img{width:30px;height:30px;border-radius:3px;object-fit:cover;cursor:pointer}.navbar .container .right .profile .options{display:none;background-color:#070914;background-color:var(--main-color);border-radius:5px}.navbar .container .right .profile span{padding:10px 3px;cursor:pointer}.navbar .container .right .profile:hover .options{display:flex;flex-direction:column;position:absolute}.home{background-color:var(--main-color);overflow:hidden}.searchContainer{display:flex;justify-content:center;align-items:center;width:100vw;height:100px}.searchContainer .input{height:40%;background-color:transparent;border:none;border:1px solid hsla(0,0%,50.2%,.486);border-radius:5px;height:40px;color:hsla(0,0%,100%,.582);font-family:Arial,Helvetica,sans-serif;text-align:center;width:80vw;max-width:600px}.login{width:100vw;height:100vh;background:linear-gradient(180deg,#070914 0,#000);background-size:cover;position:relative}.login .top .wrapper{padding:20px 50px;display:flex;align-items:center;justify-content:space-between}.login .top .wrapper .logo{height:40px}.login .container{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:hsla(0,0%,100%,.884);box-shadow:0 0 15px 0 hsla(0,0%,100%,.07)}.login .container form{width:300px;height:300px;padding:30px;border-radius:5px;background-color:var(--main-color);display:flex;flex-direction:column;justify-content:space-around}.login .container form input{height:40px;border-radius:5px;background-color:transparent;color:#fff;border:1px solid grey;padding-left:10px}.login .container form input::-webkit-input-placeholder{color:#d3d3d3}.login .container form input:-ms-input-placeholder{color:#d3d3d3}.login .container form input::placeholder{color:#d3d3d3}.login .container form button{height:40px;border-radius:5px;background-color:red;color:#fff;border:none;font-size:18px;font-weight:500;cursor:pointer}.login .container form h1{margin:0 auto}.login .container form span{color:#d3d3d3}.login .container form span b{color:#fff}.register{width:100vw;height:100vh;background:linear-gradient(180deg,#070914 0,#000);background-size:cover;position:relative}.register .top .wrapper{padding:20px 50px;display:flex;align-items:center;justify-content:space-between}.register .top .wrapper .logo{height:40px}.register .loginButton{background-color:red;border:none;color:#fff;border-radius:5px;padding:8px 18px;font-size:16px;font-weight:500;cursor:pointer;margin:20px}.register .container{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.register .container h1{font-size:20px;margin:0 20px}.register .container h2{margin:20px}.register .container p{margin:0 20px;font-size:20px}.register .container .input{width:70vw;max-width:700px;background-color:#fff;display:flex;align-items:center;justify-content:space-between;margin-top:20px;height:50px;border-radius:5px}.register .container .input input{flex:9 1;height:100%;border:none;padding:0 10px}.register .container .input .registerButton{flex:3 1;height:100%;background-color:red;border:none;color:#fff;font-size:22px;cursor:pointer}:root{--main-color:#070914}.link{color:inherit;text-decoration:none}html{overflow:scroll;overflow-x:hidden}::-webkit-scrollbar{width:0;border-radius:50%;background:transparent}::-webkit-scrollbar-thumb{background:#fff}.containerWatch{background-color:#070914;background-color:var(--main-color);height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.iframe{width:100%;height:90vh}@media(max-width:820px){.iframe{height:60vh}}.watch{width:80vw;padding:4rem 0 1rem;display:flex;margin:auto;justify-content:center}.watch .back{display:flex;align-items:center;position:absolute;color:#fff;cursor:pointer;z-index:2}.newReleaseContainer{background-color:var(--main-color);min-height:100vh;height:100%;width:100vw}.refreshButton{display:flex;margin:0 auto;border:1px solid rgba(0,255,255,.315);color:rgba(0,255,255,.767);background-color:transparent;padding:10px 20px;border-radius:5px;cursor:pointer}.card{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;align-items:center;justify-content:center;padding:5rem}.grid{margin:30px 0}h4{font-size:18px;color:hsla(0,0%,50.2%,.877);margin:5px 0}.btn{border:none;color:#0ff;background-color:rgba(0,255,255,.315);padding:10px;margin:15px 0;border-radius:5px;cursor:pointer}.grid>.article{border-radius:10px;box-shadow:5px 5px 15px 1px rgba(0,0,0,.3);height:450px;max-height:480px}.grid>.article img{width:100%;height:190px}.grid .text{padding:20px;color:#fff}
/*# sourceMappingURL=main.890047bc.chunk.css.map */