*{margin:0;box-sizing:border-box;padding:0;font-family:Geist,sans-serif;font-optical-sizing:auto;font-style:normal}.geist-font{font-family:Geist,sans-serif;font-optical-sizing:auto;font-style:normal}svg:not(:host).svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible;box-sizing:content-box}.svg-inline--fa{display:var(--fa-display, inline-block);height:1em;overflow:visible;vertical-align:-.125em}html{scroll-behavior:smooth}.flex{display:flex}.hidden{display:none}input:focus,input{outline:none;color:#d9d9d94d}.container{background-color:#000;width:100%;height:calc(100vh - 59px)}header .logo{color:#f33f3f;font-size:20px;text-align:left}header{background-color:#000;border-bottom:1px #9a9a9a solid;justify-content:space-between;padding:16px}header svg{display:none}.navbar .profile .profile-link{display:inline;width:auto;padding:0}.navbar .no-navlink{display:block;padding:0;background-color:transparent}.navbar .no-navlink.active{background-color:transparent}.navbar{flex-grow:1;padding:10px;height:100%;position:relative;overflow:hidden}.navbar .nav-list li{list-style:none;padding-bottom:20px;display:block}.navbar input{background-color:transparent;border:rgba(217,217,217,.3) 1px solid;color:#d9d9d94d;border-radius:5px;padding:0 20px;height:30px;width:100%}.navbar a{display:flex;align-items:center;gap:10px;width:100%;padding:10px;background-color:transparent;color:#9a9a9a;text-decoration:none;border-radius:5px;font-size:14px;transition:color .15s}.navbar a:hover{color:#e1e1e1}.navbar a.active{background-color:#1f1f1f;color:#e1e1e1;border-left:2px solid #f33f3f;padding-left:8px}.navbar .navbar-button{width:100%;padding:10px 0 10px 10px;margin-bottom:5px;gap:10px;display:flex;align-items:center;font-size:14px;color:#9a9a9a}.navbar p{color:#9a9a9a;font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:0 10px}.navbar .watchList{overflow-y:auto;height:35%}.navbar .watchList-item{gap:8px;padding:6px 10px;align-items:center;margin-bottom:2px;display:flex;color:#9a9a9a;font-size:14px;border-radius:5px;transition:color .15s}.navbar .watchList-item:hover{color:#e1e1e1;background-color:#1f1f1f}.navbar .watchList-item.active{color:#e1e1e1}.navbar hr{border:none;border-top:1px solid rgba(217,217,217,.1);margin:4px 10px 12px}.navbar .profile{color:#9a9a9a;align-items:center;border:#e1e1e1 1px solid;padding:5px;width:90%;border-radius:4px;gap:5px;position:absolute;bottom:10px;justify-content:space-between;display:flex}.navbar .profile img{border-radius:50%}.navbar .profile a{width:auto;right:5px}.main{background-color:#969b9b1a;padding:3%;overflow-y:scroll;color:#e1e1e1;width:80%;position:relative}.main .welcome{background-color:#d9d9d90f;color:#e1e1e1;padding:18px 20px;border-radius:8px;border-left:3px solid #f33f3f}.welcome p.title{font-size:26px;font-weight:600;margin-bottom:12px}.welcome p.title span{color:#f33f3f}.welcome .welcome-text{font-size:14px;color:#9a9a9a;margin-bottom:8px;line-height:1.6}.searchbar{margin:30px 0;width:100%;position:relative;color:#d9d9d94d}.searchbar input{width:100%;background-color:transparent;border:rgba(217,217,217,.3) 1px solid;padding:0 30px;border-radius:5px;height:30px}.searchbar svg{position:absolute;left:5px;top:0;bottom:0;margin:auto}.searchbar button{position:absolute;right:0;background-color:#f33f3f;padding:0 20px;height:30px;border:none;border-radius:0 5px 5px 0}.movies{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;width:100%}.movie-list .title{font-size:20px;margin-bottom:30px}.movie-list li{list-style:none;flex-direction:column}.movie-list .movie{width:100%;background-color:#1f1f1f;cursor:pointer;font-size:16px;gap:10px;position:relative;transition:all .5 1s ease-in-out}.movie-list .movie:hover{transform:translateY(-2px)}.movie svg{position:absolute;top:2px;left:2px}.movie-details{padding:10px}.movie .movie-rating{text-align:right;margin-bottom:10px}.movie-card-info{padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px}.movie-card-title{font-size:13px;font-weight:600;color:#f0f0f0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.movie-card-meta{display:flex;justify-content:space-between;align-items:center}.movie-card-year{font-size:11px;color:#888}.movie-card-score{font-size:11px;font-weight:700;background-color:#f33f3f;color:#fff;padding:2px 6px;border-radius:4px}@media all and (max-width: 700px){header svg{display:block}.welcome{display:none}.navbar{position:absolute;background-color:#000;z-index:1}.main{width:100%}.searchbar{margin:5px 0 20px}}@media all and (min-width: 700px){.navbar{display:block}}.create-watchlist{flex-direction:column}.create-watchlist p{font-size:25px;margin-bottom:3%}.create-watchlist label{font-size:16px}.create-watchlist input,.user-login input{background-color:transparent;border:#e1e1e1 1px solid;outline:none;border-radius:2px;padding:1%;margin-bottom:3%;color:#d9d9d94d}.create-watchlist input.description{padding:.7% 0 10% .7%}.create-watchlist button{width:fit-content;padding:10px}.login-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-heading{text-align:center;margin-bottom:24px;width:100%}.login-heading .login-brand{font-size:32px;font-weight:700;color:#f33f3f;margin-bottom:6px}.login-heading .login-sub{font-size:14px;color:#9a9a9a}.user-login{flex-direction:column;gap:0;background-color:#1f1f1f;border:1px solid rgba(217,217,217,.08);border-radius:10px;padding:36px 32px;width:340px}.user-login label{font-size:12px;color:#9a9a9a;margin-bottom:5px;margin-top:16px;display:block}.user-login label:first-of-type{margin-top:0}.user-login input{width:100%;padding:10px 12px;background-color:#d9d9d90f;border:1px solid rgba(217,217,217,.12);border-radius:6px;color:#e1e1e1;font-size:14px;margin-bottom:0;transition:border-color .15s}.user-login input:focus{border-color:#f33f3f;color:#e1e1e1;outline:none}.user-login a{display:block;width:auto;padding:0;background:none}.user-login button{width:100%;padding:11px;margin-top:24px;font-size:14px;border-radius:6px}.user-login p{font-size:13px;color:#9a9a9a;text-align:center;margin-top:16px;place-self:unset}.user-login p a{color:#f33f3f;text-decoration:none}.user-login img{place-self:center}.watchlist-detail .header{font-size:36px;margin-bottom:2%}.watchlist-detail .list-description{font-size:14px;margin:1% 0 5%}.watchlist-detail .list-details{gap:20px;margin-bottom:5%}.detail-box{background-color:#d9d9d91a;border:#a41b1b 1px solid;border-radius:5px;padding:7px;flex-direction:column;justify-content:space-around;align-items:center}.metric{font-size:30px;color:#f33f3f}.movie-details{flex-direction:column;justify-content:space-between;padding:10px 20px}.movie-details h2,.movie-details h4{padding:5px 0}.movie-details .buttons{align-items:center;padding:20px 0;gap:30px}.movie-details .movie-details-button{padding:15px 20px;color:#141414;background-color:#f33f3f;border-radius:5px;border:none;cursor:pointer}.movie-details-dropdown{background-color:gray;color:#fff}.cast-container{margin:2% 0}.cast-container .cast-list{gap:3%;overflow-x:auto;padding-bottom:8px}.cast-container .cast-list::-webkit-scrollbar{height:4px}.cast-container .cast-list::-webkit-scrollbar-track{background:#1f1f1f;border-radius:4px}.cast-container .cast-list::-webkit-scrollbar-thumb{background:#f33f3f;border-radius:4px}.cast-container .cast-list::-webkit-scrollbar-thumb:hover{background:#a41b1b}.cast-container .cast{width:150px;color:#e1e1e1;padding:0 0 10px;background-color:#1f1f1f}.cast .cast-name{font-size:16px}.cast .cast-role{font-size:14px}@media all and (max-width: 819px){.movie-details-container{gap:20px;flex-direction:column;place-items:center}.movie-details-container img{flex-grow:.5}}