:root{--main-color:#0b0b0b}:root ::-webkit-scrollbar{background-color:#0b0b0b;background-color:var(--main-color);width:10px}:root ::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}:root ::-webkit-scrollbar-thumb{background:grey;border-radius:10px}:root ::-webkit-scrollbar-thumb:hover{background:#b30000}.featured{height:90vh;position:relative}.featured .category{position:absolute;top:65px;left:50px;font-size:30px;font-weight:500;color:#fff;display:flex;align-items:center;z-index:2}.featured .category select{cursor:pointer;background-color:var(--main-color);border:1px solid #fff;margin-left:20px;padding:5px;color:#fff}.featured .category select option{z-index:10}.featured .imgContainer{height:inherit;background-image:linear-gradient(180deg,transparent,#000)}.featured .imgContainer img{height:100%;width:100%;object-fit:cover}.featured .info{width:35%;position:absolute;left:50px;bottom:100px;color:#fff;display:flex;flex-direction:column}@media(max-width:800px){.featured .info{left:10vw;width:80%}}.featured .info img{max-width:350px}.featured .info .description{margin:20px 0}@media(max-width:800px){.featured .info .description{margin:10px 0 20px}}.featured .info .buttons{display:flex}@media(max-width:800px){.featured .info .buttons{justify-content:center}}.featured .info .buttons button{padding:10px 20px;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{color:var(--main-color)}.featured .info .buttons button.play a{text-decoration:none;color:inherit}.featured .info .buttons button.more{background-color:grey;color:#fff;cursor:not-allowed}.featured .info .buttons button span{margin-left:5px}.list{width:100%;margin-top:5px;margin-bottom:25px}.list .listTitle{color:#fff;font-size:20px;font-weight:500;margin-left:50px}.list .wrapper{position:relative}.list .wrapper .container{margin-left:50px;display:flex;margin-top:10px;width:-webkit-max-content;width:-moz-max-content;width:max-content;transform:translate(0);transition:all .1s ease;position:relative}.list .wrapper .sliderArrow{height:100%;width:50px;background-color:rgba(0,0,0,.5);color:#fff;position:absolute;z-index:2;top:0;bottom:0;margin:auto;cursor:pointer}.list .wrapper .sliderArrow.left{left:0}.list .wrapper .sliderArrow.right{right:0}.listItemShell{width:225px;height:120px;margin-right:5px}.listItemShell:hover{display:block}.listItemShell .listItem{width:225px;height:120px;background-color:var(--main-color);margin-right:5px;overflow:hidden;color:#fff;border-radius:7px}.listItemShell .listItem .notHoveredTitle{position:absolute;width:inherit;height:inherit;font-size:22px;font-weight:600;display:flex;align-items:center;justify-content:center;text-align:center;-webkit-text-stroke:.7px var(--main-color)}.listItemShell .listItem img{width:100%;height:100%;object-fit:cover;object-position:center top}.listItemShell .listItem video{width:100%;height:140px;object-fit:cover;position:absolute;top:0;left:0}.listItemShell .listItem:hover{width:325px;height:300px;position:absolute;top:-150px;z-index:3;box-shadow:0 -1px 15px 0 hsla(0,0%,100%,.07)}.listItemShell .listItem:hover img{height:140px;object-position:center}.listItemShell .listItem .itemInfo{height:140px;display:flex;flex-direction:column;justify-content:flex-start;padding:5px}.listItemShell .listItem .itemInfo .icons{display:flex}.listItemShell .listItem .itemInfo .icons .icon{border:2px solid grey;padding:5px;border-radius:50%;margin-right:10px;font-size:16px;cursor:pointer}.listItemShell .listItem .itemInfo .icons .icon:hover{border:2px solid #fff}.listItemShell .listItem .itemInfo .icons a{text-decoration:none;color:inherit}.listItemShell .listItem .itemInfo .title{font-size:16px;font-weight:500;margin-bottom:5px;color:grey}.listItemShell .listItem .itemInfo .aditional-info{display:flex;flex-direction:column;justify-content:space-between}.listItemShell .listItem .itemInfo .aditional-info .desc{font-size:13px;margin:5px 0;max-height:40px;overflow:auto;display:flex}.listItemShell .listItem .itemInfo .aditional-info .itemInfoData{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:grey;margin:0 5px}.listItemShell .listItem .itemInfo .aditional-info .itemInfoData .genre{font-size:14px;color:#d3d3d3}.listItemShell .listItem .itemInfo .aditional-info .itemInfoData .date{margin-right:5px}.listItemShell .listItem .itemInfo .aditional-info .itemInfoData .rating{border-radius:50%;padding:4px 3px;color:#fff}.listItemShell .listItem .itemInfo .aditional-info .itemInfoData .rating.excelent{background-color:#11d100}.listItemShell .listItem .itemInfo .aditional-info .itemInfoData .rating.good{background-color:#a3c002}.listItemShell .listItem .itemInfo .aditional-info .itemInfoData .rating.medium{background-color:#b36500}.listItemShell .listItem .itemInfo .aditional-info .itemInfoData .rating.bad{background-color:#970000}.navbar{width:100%;color:#fff;font-size:14px;position:fixed;top:0;z-index:999;background:linear-gradient(0deg,transparent 0,rgba(0,0,0,.4) 50%);transition:all .25s ease}.navbar.scrolled{background-color:var(--main-color)}.navbar .container{padding:0 50px;display:flex;align-items:center;justify-content:space-between;min-height:70px}@media(max-width:800px){.navbar .container{padding:0 20px}}.navbar .container .left{display:flex;align-items:center}.navbar .container .left .loginScreenBtn{color:red;font-family:"Montserrat",sans-serif;font-size:1.5em;font-weight:700;cursor:pointer}.navbar .container .left img{max-height:25px;margin-right:40px}@media(max-width:800px){.navbar .container .left img{margin-right:20px}}.navbar .container .left .navOptions span{margin-right:20px;cursor:pointer}.navbar .container .left .navOptions span:hover{color:#969696}.navbar .container .left .navOptions a{text-decoration:none;font-weight:800;color:red}@media(max-width:800px){.navbar .container .left .navOptions{display:none}}.navbar .container .left .navMenuArrow{display:none}@media(max-width:800px){.navbar .container .left .navMenuArrow{display:block;display:flex;align-items:center;justify-content:center}.navbar .container .left .navMenuArrow .menu{font-size:16px}}@media(max-width:800px)and (max-width:800px){.navbar .container .left .navMenuArrow .arrow{margin-right:0}}@media(max-width:800px){.navbar .container .left .navMenuArrow .options{display:none;background-color:var(--main-color);border-radius:5px}.navbar .container .left .navMenuArrow .options a{text-decoration:none;font-weight:800;color:red}}@media(max-width:800px){.navbar .container .left .navMenuArrow span{padding:10px;cursor:not-allowed}}@media(max-width:800px){.navbar .container .left .navMenuArrow:hover .options{display:flex;flex-direction:column;position:absolute;top:50px}}.navbar .container .right{display:flex;align-items:center}.navbar .container .right .searchBox{display:flex;justify-content:flex-end;border-radius:50px;padding:5px;cursor:pointer;width:25px;transition:width .4s ease}.navbar .container .right .searchBox .searchInput{display:none}.navbar .container .right .searchBox.clicked{background-color:#202020;width:200px}.navbar .container .right .searchBox.clicked .searchInput{display:block;width:80%;background-color:inherit;color:#fff;border:none}.navbar .container .right .searchBox.clicked .searchInput:focus{outline:none}.navbar .container .right .searchBox:hover{background-color:#202020}@media(max-width:800px){.navbar .container .right .searchBox{display:none}}.navbar .container .right .notification{cursor:not-allowed}.navbar .container .right .icon{margin-right:10px}.navbar .container .right img{height:45px;width:45px;border-radius:5px;object-fit:cover}@media(max-width:800px){.navbar .container .right .others{display:none}}@media(max-width:800px){.navbar .container .right .others .arrow{margin-right:0}}.navbar .container .right .others .options{display:none;background-color:var(--main-color);border-radius:5px}.navbar .container .right .others span{padding:10px;cursor:not-allowed}.navbar .container .right .others span.logout{cursor:pointer}.navbar .container .right .others:hover .options{display:flex;flex-direction:column;position:absolute}@media(max-width:800px){.navbar .container .right .others:hover .options{right:10px}}.home{background-color:var(--main-color);overflow:hidden}.home .scrollSearchReference{visibility:hidden}.home .scrollReference{visibility:hidden;height:180px;display:none}.register{width:100vw;height:100vh;background:linear-gradient(180deg,transparent 0,#000),url(/static/media/register.b25a4267.jpg);background-size:cover;position:relative}.register .top .wrapper{padding:20px 50px;display:flex;align-items:center;justify-content:space-between}@media(max-width:800px){.register .top .wrapper{padding:20px}}.register .top .wrapper .logo{max-height:40px}.register .top .loginButton{background-color:red;border:none;color:#fff;border-radius:5px;padding:5px 15px;font-size:16px;font-weight:500;cursor:pointer}.register .container{height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.register .container h1{font-size:50px}.register .container h2{margin:20px}.register .container p{font-size:20px}@media(max-width:800px){.register .container h1{width:80%;font-size:40px;text-align:center}.register .container h2{width:80%;margin:20px;font-size:18px;text-align:center}.register .container p{width:80%;font-size:20px;text-align:center}}.register .container .input{width:600px;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 15px}.register .container .input input:focus{outline:none}.register .container .input .registerButton{flex:3 1;height:100%;background-color:red;border:none;cursor:pointer;color:#fff;font-size:22px}@media(max-width:800px){.register .container .input{width:50px;justify-content:center;height:30px}.register .container .input .registerButton{font-size:12px}}.watch{width:100vw;height:100vh;overflow:hidden;background-color:var(--main-color)}.watch a{text-decoration:none}.watch .back{background-color:var(--main-color);padding:2px 6px 2px 2px;border-radius:5px;display:flex;align-items:center;position:absolute;top:10px;left:10px;color:#fff;cursor:pointer;z-index:2}.watch video{width:100%;height:100%;object-fit:cover}.login{width:100vw;height:100vh;background:linear-gradient(180deg,transparent 0,#000),url(/static/media/login.12d5de17.jpg);background-size:cover;position:relative}.login .top .wrapper{padding:20px 50px;display:flex;align-items:center}@media(max-width:800px){.login .top .wrapper{justify-content:center;padding-top:50px}}.login .top .wrapper .logo{max-height:40px;z-index:5;cursor:pointer}.login .container{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}.login .container form{max-width:300px;max-height:300px;padding:30px;border-radius:10px;background-color:var(--main-color);display:flex;flex-direction:column}.login .container form h1{display:flex;align-items:center;justify-content:center}.login .container form input{height:40px;border-radius:5px;background-color:grey;color:#fff;padding-left:10px;margin:2px 0}.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 input:focus{outline:none}.login .container form button{height:40px;border-radius:5px;background-color:red;font-size:16px;font-weight:500;cursor:pointer;border:none;color:#fff;margin:2px 0}.login .container form span{color:#d3d3d3;margin:5px 0 2px}.login .container form span b{color:#fff}.login .container form span b.signUp{color:#960d0d;cursor:pointer}
/*# sourceMappingURL=main.ccec96da.chunk.css.map */