.notification{border-radius:4px;color:#fff;font-weight:700;left:50%;max-width:80%;opacity:0;padding:10px 20px;position:fixed;text-align:center;top:20px;transform:translateX(-50%);transition:opacity .3s ease-in-out,transform .3s ease-in-out;width:auto;z-index:10000}.notification.show{opacity:1}@keyframes bounce-custom{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}.bounce-custom{animation:bounce-custom .5s ease-in-out}.navbar{background:linear-gradient(0deg,#0000 0,#0000004d 50%);color:#fff;font-size:14px;position:fixed;top:0;width:100%;z-index:999}.navbar.scrolled{background-color:var(--main-color)}.navbar .container{height:70px;justify-content:space-between;padding:0 50px}.navbar .container,.navbar .container .left{align-items:center;display:flex}.navbar .container .left img{height:25px;margin-right:40px}.navbar .container .left span{cursor:pointer;margin-right:20px}.navbar .container .left span .navlink{color:#fff;font-size:16px;position:relative;text-decoration:none}.navbar .container .left span .navlink:after{background-color:#fff;bottom:-5px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease-in-out;width:100%}.navbar .container .left span .navlink:hover:after{transform:scaleX(1)}.navbar .container .right{align-items:center;display:flex}.navbar .container .right .icon{cursor:pointer;margin:0 15px}.navbar .container .right .profile{margin-right:20px;position:relative}.navbar .container .right .profile img{border-radius:5px;cursor:pointer;height:30px;object-fit:cover;width:30px}.navbar .container .right .profile .dropdown{background-color:#000;border:1px solid #333;border-radius:4px;padding:10px;position:absolute;right:0;top:100%;z-index:1000}.navbar .container .right .profile .dropdown .dropdown-item{color:#fff;display:block;padding:5px 0;text-decoration:none;white-space:nowrap}.navbar .container .right .profile .dropdown .dropdown-item:hover{text-decoration:underline}.navbar .container .right .navbutton,.navbar .container .right .navlink{background-color:#e50914;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;padding:7px 17px;text-decoration:none;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;transition:all .3s ease}.navbar .container .right .navbutton:hover,.navbar .container .right .navlink:hover{background-color:#f40612;transform:scale(1.05)}.navbar .container .right .navbutton.loading,.navbar .container .right .navlink.loading{cursor:not-allowed;opacity:.7}.navbar .container .right .navlink{display:inline-block;text-align:center}@media screen and (max-width:992px){.navbar .container{padding:0 20px}.navbar .container .left img{margin-right:20px}.navbar .container .left span{display:none}.navbar .container .right .icon{margin:0 10px}.navbar .container .right .profile{margin-right:10px}.navbar .container .right .navbutton,.navbar .container .right .navlink{font-size:14px;padding:5px 10px}}@media screen and (max-width:768px){.navbar .container .left img{height:20px;margin-right:15px}.navbar .container .right .icon{margin:0 8px}.navbar .container .right .profile{margin-right:8px}.navbar .container .right .profile img{height:25px;width:25px}.navbar .container .right .navbutton,.navbar .container .right .navlink{font-size:12px;padding:4px 8px}}.delete-user-modal h2{font-weight:700;text-align:center}.useremail{text-align:center}.featured{height:67vh;overflow:hidden;position:relative}.featured .featured-image{height:100%;left:0;object-fit:cover;opacity:1;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%}.featured .featured-image.changing{opacity:0}.featured .category{align-items:center;color:#fff;display:flex;font-size:30px;font-weight:500;left:50px;position:absolute;top:80px}.featured .category select{background-color:var(--main-color);border:1px solid #fff;color:#fff;cursor:pointer;margin-left:20px;padding:5px}.featured img{height:100%;object-fit:cover;width:100%}.featured .info{bottom:100px;color:#fff;display:flex;flex-direction:column;left:50px;position:absolute;width:35%}.featured .info img{width:400px}.featured .info .desc{margin-top:20px}.featured .info .buttons{align-items:center;display:flex}.featured .info .buttons .info-button-wrapper{margin-left:10px;position:relative}.featured .info .buttons .info-button-wrapper .matrix-hovered-content{background-color:#000000d9;border-radius:8px;box-shadow:0 4px 10px #0000004d;left:calc(100% + 10px);opacity:0;padding:16px;position:absolute;top:-450px;transform:translateY(10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;width:300px;z-index:1000}.featured .info .buttons .info-button-wrapper .matrix-hovered-content:before{border-bottom:10px solid #0000;border-right:10px solid #000000d9;border-top:10px solid #0000;content:"";height:0;left:-10px;position:absolute;top:15px;width:0}.featured .info .buttons .info-button-wrapper .matrix-hovered-content .matrix-thumbnail{border-radius:4px;height:200px;margin-bottom:12px;object-fit:cover;width:100%}.featured .info .buttons .info-button-wrapper .matrix-hovered-content .matrix-info{color:#fff;text-align:left}.featured .info .buttons .info-button-wrapper .matrix-hovered-content .matrix-info .matrix-icons{display:flex;justify-content:flex-start;margin-bottom:8px}.featured .info .buttons .info-button-wrapper .matrix-hovered-content .matrix-info .matrix-icons .MuiIconButton-root{color:#fff;padding:6px}.featured .info .buttons .info-button-wrapper .matrix-hovered-content .matrix-info .matrix-icons .MuiIconButton-root:hover{background-color:#ffffff1a}.featured .info .buttons .info-button-wrapper .matrix-hovered-content .matrix-info .matrix-info-top{align-items:center;display:flex;margin-bottom:8px}.featured .info .buttons .info-button-wrapper .matrix-hovered-content .matrix-info .matrix-info-top span{font-size:14px;margin-right:8px}.featured .info .buttons .info-button-wrapper .matrix-hovered-content .matrix-info .matrix-info-top span.limit{border:1px solid #fff;border-radius:3px;padding:2px 4px}.featured .info .buttons .info-button-wrapper .matrix-hovered-content .matrix-info .matrix-title{font-size:18px;margin-bottom:8px}.featured .info .buttons .info-button-wrapper .matrix-hovered-content .matrix-info .matrix-desc{font-size:14px;margin-bottom:8px}.featured .info .buttons .info-button-wrapper .matrix-hovered-content .matrix-info .matrix-genre{color:#ccc;font-size:12px}.featured .info .buttons .info-button-wrapper:hover .matrix-hovered-content{opacity:1;visibility:visible}.play-modal{background-color:#111;border:2px solid #000;box-shadow:0 0 24px #00000080;color:#fff;left:50%;max-width:600px;padding:16px;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}.listItem{background-color:var(--main-color);color:#fff;cursor:pointer;height:200px;margin-right:5px;overflow:visible;overflow:hidden;position:relative;transform-origin:center;width:230px}.listItem img{background-color:#000000b3;height:100%;object-fit:cover;width:100%}.listItem:hover{background-color:#000000b3;box-shadow:0 0 15px 0 #ffffff12;top:-10px;transform:translateY(-100px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;width:325px;z-index:999}.listItem .itemInfo{background-color:#000000b3;bottom:0;display:none;flex-direction:column;height:100%;left:0;position:absolute;right:0}.listItem .itemInfo .icons{display:flex;margin-bottom:10px}.listItem .itemInfo .icons .icon{border:2px solid #fff;border-radius:50%;font-size:16px;margin-right:10px;padding:5px}.listItem .itemInfo .itemInfoTop{align-items:center;color:gray;display:flex;font-size:14px;font-weight:600;margin-bottom:10px}.listItem .itemInfo .itemInfoTop .limit{border:1px solid gray;margin:0 10px;padding:1px 3px}.listItem .itemInfo .desc{font-size:13px;margin-bottom:10px}.listItem .itemInfo .genre{color:#d3d3d3;font-size:14px}.listItem:hover .itemInfo{align-items:start;display:flex;justify-content:space-evenly;padding-left:20px}.list{margin-top:10px;padding-bottom:40px;width:100%}.list .listTitle{color:#fff;font-size:20px;font-weight:500;margin-left:50px}.list .wrapper{position:relative}.list .wrapper .sliderArrow{background-color:#16161680;bottom:0;color:#fff;cursor:pointer;height:100%;margin:auto;position:absolute;top:0;width:50px;z-index:99}.list .wrapper .sliderArrow.left{left:0}.list .wrapper .sliderArrow.right{right:0}.list .wrapper .container{display:flex;margin-left:50px;margin-top:10px;transform:translateX(0);transition:all 1s ease;width:max-content}.home{background-color:var(--main-color);overflow:hidden}.home h1{font-size:50px}.home h2{margin:20px}.home p{font-size:20px}.login{background:linear-gradient(180deg,#00000080 0,#000c);background-size:cover;height:100vh;position:relative;width:100vw}.login .top .wrapper{align-items:center;display:flex;justify-content:space-between;padding:20px 50px}.login .top .wrapper .logo{height:40px}.login .container{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.login .container .form-wrapper{background-color:#000000bf;border-radius:4px;padding:60px 68px 40px;width:300px}.login .container .form-wrapper h1{margin-bottom:28px;text-align:center}.login .container .form-wrapper .error-message{background-color:rgba(255,160,10,.102);border:1px solid #e87c03;border-radius:4px;color:#e87c03;display:block;font-size:14px;margin-bottom:16px;padding:10px;text-align:center}.login .container .form-wrapper form{display:flex;flex-direction:column}.login .container .form-wrapper form input{background-color:#333;border:none;border-radius:4px;color:#fff;font-size:16px;height:50px;margin-bottom:16px;padding-left:15px}.login .container .form-wrapper form input::placeholder{color:#8c8c8c}.login .container .form-wrapper form .loginButton{background-color:#e50914;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:50px;margin-top:20px}.login .container .form-wrapper form .loginButton:hover{background-color:#f40612}.login .container .form-wrapper form .loginButton:disabled{background-color:#8c8c8c;cursor:not-allowed}.login .container .form-wrapper .register-link{color:#737373;font-size:16px;margin-top:16px}.login .container .form-wrapper .register-link a{color:#fff;text-decoration:none}.login .container .form-wrapper .register-link a:hover{text-decoration:underline}.login .container .form-wrapper small{color:#8c8c8c;display:block;font-size:13px;margin-top:10px}.register{background:linear-gradient(180deg,#00000080 0,#000c);background-size:cover;height:100vh;position:relative;width:100vw}.register .top .wrapper{align-items:center;display:flex;justify-content:space-between;padding:20px 50px}.register .top .wrapper .logo{height:40px}.register .container{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.register .container .form-wrapper{background-color:#000000bf;border-radius:4px;padding:60px 68px 40px;width:300px}.register .container .form-wrapper h1{margin-bottom:28px;text-align:center}.register .container .form-wrapper .error-message{color:red;margin-bottom:10px;text-align:center}.register .container .form-wrapper form{display:flex;flex-direction:column}.register .container .form-wrapper form input{background-color:#333;border:none;border-radius:4px;color:#fff;font-size:16px;height:50px;margin-bottom:16px;padding-left:15px}.register .container .form-wrapper form input::placeholder{color:#8c8c8c}.register .container .form-wrapper form .registerButton{background-color:#e50914;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;height:50px;margin-top:20px}.register .container .form-wrapper form .registerButton:hover{background-color:#f40612}.register .container .form-wrapper .login-link{color:#737373;font-size:16px;margin-top:16px}.register .container .form-wrapper .login-link span{color:#fff;cursor:pointer}.register .container .form-wrapper .login-link span:hover{text-decoration:underline}.sidebar{flex-shrink:0;width:240px}.sidebar .MuiDrawer-paper{background-color:#111;box-sizing:border-box;color:#fff;width:240px}.sidebar .MuiDrawer-paper,.sidebar .sidebar-content{display:flex;flex-direction:column;height:100%}.sidebar .logout-button{margin-top:auto}.sidebar .MuiListItem-root:hover{background-color:#ffffff1a}.sidebar .MuiListItemIcon-root{color:#fff}.sidebar .MuiDivider-root{background-color:#fff3}.add-video-modal .modal-content{background-color:#827e7e;border-radius:8px;box-shadow:0 4px 20px #0000004d;color:#ebe3e3!important;left:50%;max-width:90%;padding:24px;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.add-video-modal .modal-content .modal-title{font-size:24px;font-weight:600;margin-bottom:20px;text-align:center}.add-video-modal .modal-content .modal-form{display:flex;flex-direction:column;gap:16px;width:100%}.add-video-modal .modal-content .modal-form .form-field{width:100%}.add-video-modal .modal-content .modal-form .form-field .MuiInputBase-root{background-color:#333;border-radius:4px;width:100%}.add-video-modal .modal-content .modal-form .form-field .MuiInputLabel-root{color:#c2bebe!important}.add-video-modal .modal-content .modal-form .form-field .MuiInputBase-input{color:#e6e1e1!important}.add-video-modal .modal-content .modal-form .form-field .MuiOutlinedInput-notchedOutline{border-color:#363535!important}.add-video-modal .modal-content .modal-form .form-field:hover .MuiOutlinedInput-notchedOutline{border-color:#777!important}.add-video-modal .modal-content .modal-form .form-field.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#e50914!important}.add-video-modal .modal-content .modal-form .form-field.Mui-focused .MuiInputLabel-root{color:#e50914!important}.add-video-modal .modal-content .modal-form .submit-button-container{display:flex;justify-content:flex-end;margin-top:24px;width:100%}.add-video-modal .modal-content .modal-form .submit-button-container .submit-button{background-color:#e50914;border-radius:4px;color:#fff;font-weight:600;min-width:120px;padding:10px 20px;text-align:center;text-transform:none;transition:background-color .3s ease}.add-video-modal .modal-content .modal-form .submit-button-container .submit-button:hover{background-color:#f40612}.topbar{background-color:#111!important;color:#fff!important}.topbar .title{flex-grow:1}.topbar .icons{display:flex}.edit-user-modal{background-color:#fff;border:2px solid #000;box-shadow:24px;left:50%;padding:16px;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.edit-user-modal h2{margin-bottom:16px}.edit-user-modal form{display:flex;flex-direction:column;gap:16px}.edit-user-modal form .MuiFormControlLabel-root{margin-left:0}.edit-user-modal .button-group{display:flex;justify-content:space-between;margin-top:16px}.edit-user-modal .button-group button{width:48%}.delete-user-modal{background-color:#fff;border:2px solid #000;box-shadow:24px;left:50%;padding:16px;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.delete-user-modal h2{margin-bottom:16px}.delete-user-modal p{margin-bottom:24px}.delete-user-modal .button-group{display:flex;justify-content:space-between}.delete-user-modal .button-group button{width:48%}.user-list{padding:20px}.user-list .MuiTableContainer-root,.user-list h2{margin-bottom:20px}.user-list .MuiButton-root{margin-right:10px}.movie-details-modal{background-color:#fff;border:2px solid #000;box-shadow:24px;left:50%;max-width:600px;padding:16px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.movie-details-modal .movie-details-content{margin-top:16px}.movie-details-modal .video-container{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.movie-details-modal .video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.edit-movie-modal{background-color:#fff;border:2px solid #000;box-shadow:24px;left:50%;padding:16px;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.edit-movie-modal .button-group{display:flex;justify-content:space-between;margin-top:16px}.delete-movie-modal{background-color:#fff;border:2px solid #000;box-shadow:24px;left:50%;padding:16px;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.delete-movie-modal .button-group{display:flex;justify-content:space-between;margin-top:16px}.movie-list{padding:20px}.movie-list .MuiTableContainer-root,.movie-list h2{margin-bottom:20px}.movie-list .MuiButton-root{margin-right:10px}.admin-dashboard{margin:20px auto;max-width:800px;padding:20px}.admin-dashboard .MuiTypography-h4{color:#e50914;margin-bottom:20px}.admin-dashboard .MuiTypography-h6{margin-bottom:10px;margin-top:20px}.admin-dashboard .MuiListItem-root{padding-bottom:10px;padding-top:10px}.admin-dashboard .footer-note{font-style:italic;margin-top:20px}.admin{display:flex;height:100vh}.admin .admin-content{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.admin .admin-content .admin-main{padding:20px}:root{--main-color:#0b0b0b}*{margin:0;padding:0}
/*# sourceMappingURL=main.47d7047a.css.map*/