@import"https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap";.header .dropdown{margin-right:42px}.header .input-wrapper{width:420px}.header .input-wrapper .search-input{width:420px;height:35px;border:3px var(--border) solid;padding:6px 32px 6px 6px;background-color:var(--card);color:var(--text);cursor:pointer}.header .input-wrapper .search-input:focus{outline:none;border:3px var(--border-active) solid}.header .input-wrapper .clear-btn{color:var(--text);font-size:24px;width:24px;height:24px;right:0;top:50%;transform:translate(-25%,-50%);cursor:pointer}.loader{width:48px;height:48px;border:5px solid var(--border);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar{border-right:6px solid rgba(228,228,228,.521);background-color:var(--main);z-index:3}.sidebar.full-view{min-width:260px;max-width:260px}.sidebar.shorter-view{width:50px}.sidebar.shorter-view .user .user-img{width:35px;height:35px}.sidebar.light-theme .link .link-img{background-color:var(--main)}.sidebar.light-theme .link .link-img:hover{background-color:var(--card)}.sidebar.dark-theme .link .link-img{background-image:var(--gradient)}.sidebar.dark-theme .link .link-img:hover{background-image:none;background-color:var(--border-active)}.sidebar .title-wrapper{background-color:#00dbde;background-image:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.sidebar .title-wrapper .title{font-size:2em}.sidebar .link{color:var(--text);text-decoration:none;font-size:18px}.sidebar .link .link-img{width:32px;height:32px}.sidebar .sub-link{font-size:14px}.sidebar .link:hover,.sidebar .sub-link:hover{color:#fff;background-color:var(--border-active)}.sidebar .selected{background-image:var(--gradient);color:#fff}.sidebar .user{cursor:pointer}.sidebar .user .user-img{width:60px;height:60px;background-image:var(--gradient)}.sidebar .user:hover{transform:scale(1.05);transition:.33s}.sidebar .user .username{color:var(--text);font-size:18px}.popover{width:180px;height:65px;background-color:var(--main);z-index:5;border:2px solid var(--border)}.popover .logout-btn{width:80px;height:40px;text-decoration:none;color:#fff;background-image:var(--gradient);font-size:16px;cursor:pointer}.popover .logout-btn:hover{transform:scale(1.05);transition:.33s}.popover.full-view{left:8px;bottom:100px}.popover.shorter-view{left:4px;bottom:65px}.movie-card-wrapper{width:270px;height:380px;background-image:var(--gradient);cursor:pointer}.movie-card-wrapper:hover{background-image:none;background-color:var(--border-active)}.movie-card-wrapper .movie-card{background-color:var(--card);color:var(--text)}.movie-card-wrapper .movie-card .poster{width:170px;height:250px}.movie-card-wrapper .movie-card .title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;width:170px;font-size:18px}.movie-card-wrapper .movie-card .menu-btn{width:40px;height:40px;right:-8px;bottom:0;cursor:pointer}.movie-card-wrapper .movie-card .menu{z-index:5;bottom:36px;color:#303030}.movie-card-wrapper .movie-card .menu .option{width:240px;height:36px;background-color:#ececec;cursor:pointer}.movie-card-wrapper .movie-card .menu .option:hover{background-color:#cfcfcf}.movie-card-wrapper .movie-card .menu .option .option-img{width:24px;height:24px}.movie-card-wrapper .movie-card .menu.left-position{right:0}.movie-card-wrapper .movie-card .menu.right-position{right:-50%}.movie-card-wrapper .movie-card .genres .genre{font-size:14px}.switch{width:84px;height:48px}.switch input{opacity:0;width:0;height:0}.switch .slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#f4f4f5;transition:.4s;border-radius:30px}.switch .slider:before{position:absolute;content:"";height:33.6px;width:33.6px;border-radius:20px;left:7.2px;top:50%;transform:translateY(-50%);background:linear-gradient(40deg,#ff0080,#ff8c00 70%);transition:.4s}.switch input:checked+.slider{background-color:#303136}.switch input:checked+.slider:before{left:calc(100% - (33.6px + 7.2px));background:#303136;box-shadow:inset -3px -2px 5px -2px #8983f7,inset -10px -4px #a3dafb}.dropdown{width:100px}.dropdown .btn{background-color:#f4f4f5}.dropdown .btn:focus{background-color:#f4f4f5}.dropdown .dropdown-menu{height:400px;background-color:#f4f4f5}.dropdown .flag{width:40px;height:35px}.custom-alert{min-width:230px;max-width:90vw;width:auto;height:65px;border-radius:8px;color:#6a6a6a;left:50%;transform:translate(-50%);animation:showAndHide 1.5s ease-in-out forwards;z-index:20}.custom-alert .alert-img{min-width:50px;max-width:50px;height:50px;background-size:contain;left:0}.custom-alert .alert-text{font-size:20px}.custom-alert .close-alert-btn{right:4px;top:4px;font-size:24px;width:18px;height:18px;cursor:pointer}.custom-alert .close-alert-btn:hover{transform:scale(1.05);transition:.25s}.success{background-color:#1bc27a}.success .alert-img{background-image:url(https://static-00.iconduck.com/assets.00/success-icon-512x512-qdg1isa0.png)}.error{background-color:#ec1a2d}.error .alert-img{background-image:url(https://www.freeiconspng.com/thumbs/error-icon/error-icon-4.png)}.top{top:-100px;animation:showAndHideFromTop 1.3s ease-in-out forwards}.bottom{bottom:-100px;animation:showAndHideFromBottom 1.3s ease-in-out forwards}@keyframes showAndHideFromTop{0%{top:-100px}to{top:24px}}@keyframes showAndHideFromBottom{0%{bottom:-100px}to{bottom:24px}}@media only screen and (max-width: 767px){.custom-alert{height:45px}.custom-alert .alert-img{min-width:35px;max-width:35px;height:35px}.custom-alert .alert-text{font-size:16px}.custom-alert .close-alert-btn{font-size:20px}}.login-page .theme-btn{align-self:flex-end}.login-page .form-wrapper{width:420px;height:400px;background-image:var(--gradient)}.login-page .form-wrapper .text{color:var(--text)}.login-page .form-wrapper .form{background-color:var(--card)}.login-page .form-wrapper .form .field-text{font-size:20px}.login-page .form-wrapper .form .field{background-color:var(--card);border:2px var(--border) solid}.login-page .form-wrapper .form .field:focus{outline:none;border:2px var(--border-active) solid}.login-page .form-wrapper .form .password-eye{width:40px;height:40px;right:-20px;background-color:#fff;cursor:pointer}.login-page .form-wrapper .form .error-text{color:#e60505}.login-page .form-wrapper .form .submit-btn-wrapper .submit-btn{height:45px;background-image:var(--gradient);color:#fff;border:none;font-size:20px}.login-page .form-wrapper .form .submit-btn-wrapper .submit-btn:hover{transform:scale(1.05);transition:.33s}.login-page .form-wrapper .form .submit-btn-wrapper.disabled{cursor:not-allowed}.login-page .form-wrapper .form .submit-btn-wrapper.disabled .submit-btn{filter:grayscale(30%);opacity:.5;pointer-events:none}.login-page .form-wrapper .form .link{color:var(--border)}.login-page .loader{right:16px;bottom:16px}.start-page .title-wrapper{background-color:#00dbde;background-image:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.start-page .title-wrapper .title{font-size:6em}.start-page .text{color:var(--text)}.start-page .login-btn{width:120px;height:50px;text-decoration:none;background-image:var(--gradient);font-size:24px}.start-page .login-btn:hover{transform:scale(1.05);transition:.33s}.main-page .content{width:85%}.main-page .content .main-content .categories .category{width:120px;height:50px;text-decoration:none;background-image:var(--gradient);font-size:24px;filter:grayscale(30%);opacity:.6;cursor:pointer}.main-page .content .main-content .categories .category:hover{transform:scale(1.05);transition:.33s}.main-page .content .main-content .categories .selected-category{filter:grayscale(0);opacity:1}.main-page .content .main-content .loader{right:16px;bottom:16px}.main-page .content .main-content .observer{height:1px;bottom:1px}.redirect-page .theme-btn{align-self:flex-end}.redirect-page .text{color:var(--text)}.redirect-page .link-btn{width:150px;height:50px;text-decoration:none;background-image:var(--gradient);font-size:24px}.redirect-page .link-btn:hover{transform:scale(1.05);transition:.33s}.favourite-page .btns-wrapper{align-self:flex-end}.favourite-page .btns-wrapper .dropdown{margin-right:42px}.favourite-page .loader{right:16px;bottom:16px}.watchlist-page .btns-wrapper{align-self:flex-end}.watchlist-page .btns-wrapper .dropdown{margin-right:42px}.watchlist-page .loader{right:16px;bottom:16px}.movie-page{width:calc(100% - 46px)}.movie-page .background{width:calc(100% - 50px);filter:grayscale(5%) brightness(30%) blur(.8px)}.movie-page .loader{left:50%;top:50%}.movie-page .content{width:calc(100% - 50px);z-index:1}.movie-page .content .breadcrumb{flex-wrap:nowrap}.movie-page .content .breadcrumb .item a,.movie-page .content .breadcrumb .item.active,.movie-page .content .breadcrumb .item.active:before{color:#fff}.movie-page .content .option{width:240px;height:36px;background-color:#d1d1d1;cursor:pointer}.movie-page .content .option:hover{background-color:#f1f1f1}.movie-page .content .option .option-img{width:24px;height:24px}.movie-page .content .dropdown{margin-right:42px}.movie-page .content .casts-container .cast{width:200px;height:220px;cursor:pointer}.movie-page .content .casts-container .cast .cast-img{width:110px;height:110px}.movie-page .content .casts-container .cast .character{font-size:14px}.movie-page .content .casts-container .cast:hover .cast-img{transform:scale(1.05);transition:.25s}.movie-page .poster{width:400px;height:650px}.person-page{width:calc(100% - 46px)}.person-page .loader{left:50%;top:50%}.person-page .content{width:calc(100% - 50px);color:var(--text);z-index:1}.person-page .content .breadcrumb{flex-wrap:nowrap}.person-page .content .breadcrumb .item a,.person-page .content .breadcrumb .item.active,.person-page .content .breadcrumb .item.active:before{color:var(--text)}.person-page .content .dropdown{margin-right:42px}.person-page .content .poster{width:460px;height:650px}.person-page .content .biography{height:400px}.main-container{width:100vw;height:100vh}.scroll-container-y{overflow:hidden auto}.scroll-container-x{overflow:auto hidden}.scroll-container-y::-webkit-scrollbar,.scroll-container-x::-webkit-scrollbar{width:10px;height:6px}.scroll-container-y::-webkit-scrollbar-track,.scroll-container-x::-webkit-scrollbar-track{background:#a3a3a3}.scroll-container-y::-webkit-scrollbar-thumb,.scroll-container-x::-webkit-scrollbar-thumb{background-color:#505050}body,html{margin:0;padding:0;font-family:PT Sans,sans-serif;background-color:var(--main)}