.auth{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#000;padding:2rem}.auth>span{position:absolute;top:0;left:.3rem;color:#fff;font-size:2.5rem;font-weight:600}:root{--color: #dbe0ea;--color-shade-1: #d1d5db;--background-color: #000000bf;--headline1-font-size: 29px;--headline2-font-size: 16px;--headline1-margin: 10px 40px;--border-radius: 6px;--font-size: .875rem;--item-height: 36px;--link-color: #1c73e8;--divider-padding: 0 15px}hanko-auth{--container-max-width: 640px;--container-padding: 40px}hanko-auth::part(container){border-radius:8px}hanko-auth::part(headline1),hanko-auth::part(headline2){color:#f2f3f5;line-height:2rem;font-size:2rem;font-family:Cal Sans}hanko-auth::part(form-item){min-width:100%}hanko-auth::part(input){background:#333;border:none;margin-bottom:12px}hanko-auth::part(secondary-button){border-color:var(--color-shade-1)}#hankoAuth::part(button){background:#000000bf;border:none}#hankoAuth::part(button):hover{background:rgb(9,12,18);opacity:.8}hanko-auth::part(divider){margin:24px 0}.cards-1{padding-bottom:1rem}.movie-cards{display:flex;flex-wrap:wrap;justify-content:space-between}.movie-cards-1{justify-content:space-around}.favorite,.back-1{display:flex;align-items:center;gap:.3rem;background:#141414;color:#fff;width:fit-content;font-size:1.3rem;font-weight:400;cursor:pointer;border-radius:5px 10px;padding:0 .3rem .3rem;margin-bottom:1rem;transition:all ease-in-out 1.2s}.favorite:hover,.back-1:hover{opacity:.85!important}.favorite-dark,.back-1-dark{background:#f3f2f2;color:#000}.favorite>span{color:#ec4899}.favorite>img{width:.9rem;height:.9rem;margin:.3rem 0 0 .2rem}.back-1{padding-right:1rem}.movie-3{display:flex;align-items:center;justify-content:space-between}.box{width:280px;margin-bottom:3rem}.image{position:relative;max-height:400px;width:100%;cursor:pointer}.image>img{border-radius:10px}.favorite-movie{display:flex;align-items:center;justify-content:center;background:#94a3b8;position:absolute;top:0;right:0;width:2.5rem;height:2.5rem;transition:.3s;border-radius:50%;margin:1.2rem 1.2rem 0 0}.favorite-movie>img{width:1.5rem;margin-top:.2rem}.favorite-movie:hover{opacity:.8}.added-to-favorite{background:#ec4899}.movie-description{display:flex;flex-direction:column;gap:.7rem;color:gray;opacity:.8;margin-top:2rem}.movie-description>p{margin:0}.movie-title{color:#000;font-size:1.4rem;font-weight:700}.movie-scores{display:flex;align-items:center;justify-content:space-between;color:#000;font-weight:600;opacity:.9}.movie-title-dark,.movie-scores-dark{color:#fff}.percentage{margin-left:3rem}@media (max-width: 650px){.box{margin:auto;margin-bottom:3rem}}*{padding:0;margin:0;box-sizing:border-box}.toggle-button{display:grid;place-content:center;transition:.3s ease-in-out}#checkbox{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;width:4rem;height:2rem;border-radius:20px;background:#c3c3c3;box-shadow:none;cursor:pointer;overflow:hidden;transition:.3s ease-in-out}#checkbox:checked{background:#8000c9}#checkbox:before{content:"";position:absolute;top:.124rem;left:.124rem;border-radius:inherit;width:1.8rem;height:1.8rem;background:#ffff00;transition:inherit}#checkbox:after{content:"";position:absolute;top:-4px;right:calc(100% + 1.8rem);border-radius:inherit;width:1.8rem;height:1.8rem;background:#c3c3c3;transition:inherit}#checkbox:checked:before{left:calc(100% - 1.75rem);background:#cccccc}#checkbox:checked:after{right:.55rem;background:#8000c9}.home-sidebar{display:none;position:fixed;min-height:100vh;top:0;bottom:0;left:0;right:0;z-index:200}.hide-sidebar{position:absolute;top:1.2rem;right:2rem}.home-sidebar-content{position:relative;height:40vh;background:#1e293b}.signed-in-1{display:none}.form-1{margin:1.2rem 6rem 1.5rem 1.5rem}.toggle-button-2{display:flex;align-items:center;justify-content:space-between;font-size:1.5rem;margin:2rem}.log-out{position:absolute;bottom:0;right:0;color:#fca5a5;font-size:1.5rem;font-weight:600;cursor:pointer;padding:0 .5rem;border-radius:5px 0 0;transition:all ease-in-out .5s}.log-out:hover{background:red;color:#fff}.movie-box{position:absolute;bottom:0;left:.5rem;opacity:.4}.bg-transparent-1{height:60vh;background:#1e293b;opacity:.5;cursor:pointer}@media (max-width: 768px){.home-sidebar{display:flex;flex-direction:column}}@media (max-width: 450px){.hide-sidebar{right:1.5rem}.signed-in-1{display:flex;font-size:1.5rem;margin:2rem}.form-1{margin-right:1.5rem}}.header{position:fixed;display:flex;align-items:center;justify-content:space-between;top:0;left:0;right:0;padding:1.5rem 6rem;z-index:200;transition:all ease-in-out 1.2s}.change-background{background:#000}.menu,.navbar,form{display:flex;align-items:center;gap:.5rem}.menu>img{width:3rem}.menu>span{font-size:2rem;font-weight:600}.navbar>span{font-size:1.5rem;font-weight:600}.navbar-icon-1{display:flex;align-items:center;justify-content:center;background:#BE123C;width:2.5rem;height:2.5rem;transition:.3s;border-radius:50%;cursor:pointer}.navbar-icon:hover{opacity:.8}.home-icon-1{display:none}form{flex:.45;display:flex;margin:.1rem 1rem .1rem .1rem;border-radius:10px;border:.1px solid lightgray;padding-right:.5rem}input{width:100%;border:none;font-size:1.2rem;font-weight:500;background:transparent;color:#fff;padding:.5rem}::placeholder{color:#fff;font-size:1.2rem}input:focus{outline:none}.search-icon,.search-icon>img{display:none;width:1.5rem;height:1.5rem;cursor:pointer}.home-sidebar-hide{display:none;transition:all ease-in-out 2s}@media (max-width: 1200px){.header{padding:1rem 3rem}}@media (max-width: 768px){.header{padding:1rem 2rem}.form{display:none}.search-icon,.search-icon>img{display:flex}.toggle-button-1{display:none}.home-icon-1{display:flex}.home-sidebar-show{display:flex;transition:all ease-in-out 2s}}@media (max-width: 450px){.header{padding:1rem 1.5rem}.signed-in{display:none}}@media (max-width: 250px){.search-icon,.search-icon>img{display:none}}.footer{display:table;color:#000;text-align:center;padding-top:2rem;margin:auto}.footer-dark{color:#fff}.footer>div{margin-bottom:2rem}.socials{display:flex;align-items:center;justify-content:center;gap:3rem}.socials>img{width:1.5rem}.facebook{background:#141414;border-radius:50%}.info{display:flex;gap:3rem;font-size:1.2rem;font-weight:700}.copyright{color:gray;font-size:1.1rem;font-weight:700}@media (max-width: 450px){.info{font-size:1rem}.copyright{font-size:.9rem}}@media (max-width: 450px){.conditions{display:none}}.home{color:#fff}.home-background{background:#18181b;height:90vh}.movie{width:50%;display:flex;align-items:center;padding:0 6rem}.content-title{padding-top:15vh}.text{transition:all ease-in-out 1s;padding-bottom:1rem}.text:hover{background:rgba(0,0,0,.2)}.scores{display:flex;align-items:center;color:#fff;opacity:.8;margin-top:.5rem}.title-1{font-size:3rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.name{background:yellow;color:#000;font-weight:800;letter-spacing:-.8px;border-radius:1.5px;margin-right:1rem;padding:.05rem .2rem}.percentage{display:flex;align-items:center;gap:.5rem;margin-left:3rem}.description-1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:1.1rem;margin-top:1.5rem;transition:all ease-in-out 1s}.description-1:hover{transform:scaleY(1.5)}.trailer-button{background:#BE123C;color:#fff;display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:500;border:none;outline:none;border-radius:5px;margin-top:1rem;padding:.7rem 1.5rem}.movies{color:#000;z-index:1000;padding:0 6rem;margin-top:-30vh}.featured{font-size:1.5rem;font-weight:600;color:#fff}.see-more{display:flex;align-items:center;gap:.5rem;background:#f3f2f2;color:#be123c;font-size:1.2rem;font-weight:600;border-radius:10px 5px;cursor:pointer;padding:0 .3rem .3rem}.see-more:hover{opacity:.85}.see-more>img{margin:.3rem 0 0}.movies-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem}.error{display:flex;justify-content:center;color:#f73636;font-size:1.2rem;margin:3rem 0}@media (max-width: 1200px){.movie{width:70%;padding:0 3rem}.movies{padding:3rem}}@media (max-width: 768px){.movie{padding:0 2rem}.movies{padding:2rem}}@media (max-width: 450px){.movie{padding:0 1.5rem}.movies{padding:1.5rem}}@media (max-width: 250px){.movies-header{flex-direction:column;align-items:start;gap:1rem}}.movies-sidebar{position:fixed;min-height:100vh;top:0;bottom:0;left:0;right:0;display:flex;text-align:center;z-index:200}.transparent-bg{background:#64748b;width:100%;opacity:.6;cursor:pointer}.movies-sidebar-content{display:flex;flex-direction:column;gap:2rem;background:#64748b;width:300px;padding-top:5rem}.close-icon{position:absolute;top:1.25rem;right:1rem;cursor:pointer}.content-6{background:#0891b2;cursor:pointer;padding:.8rem}.content-6:hover,.current-1{color:#8b0000;opacity:.85;border-left:.4rem solid #f43f5e;padding-left:.4rem}.movies-1{min-height:100vh;padding:6rem 6rem 0}.movies-header-1{position:fixed;background:#0891b2;color:#fff;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1rem;z-index:200}.movies-header-1>p{font-size:1.5rem;font-weight:600}.movies-content-1{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:1rem;font-weight:500}.content-5{background:#64748b;border-radius:5px;cursor:pointer;padding:.5rem}.content-5:hover{opacity:.85}.current{background:#f43f5e}.hide-icon,.small-screen{display:none}.movies-error{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem}@media (max-width: 1200px){.movies-1{padding:6rem 3rem 0}}@media (min-width: 941px) and (max-width: 1200px){.movies-header-1{justify-content:center}.menu-hide{display:none}}@media (max-width: 940px){.movies-content-1{display:none}.small-screen-show{display:flex}.hide-icon{display:flex;cursor:pointer}.hide-icon-1{display:none}}@media (max-width: 768px){.movies-1{padding:6rem 2rem 0}}.sidebar{position:fixed;width:200px;min-height:100vh;top:0;display:flex;flex-direction:column;text-align:center;border-right:1px solid lightgray;border-radius:0 50px 50px 0;z-index:200}.sidebar-dark{color:#fff;border:1px solid #292929}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:600;padding:2.5rem 1.8rem 0;margin-bottom:3rem;border-top:1px solid #94a3b8}.logo>img{width:2.5rem}.content{display:flex;flex-direction:column;gap:2.5rem;font-size:1rem;font-weight:600}.content>span,NavLink{display:flex;align-items:center;gap:1rem;padding:1.2rem 2rem}.content>span:hover,.active-link{background:#fee2e2;color:#8b0000;border-right:.4rem solid darkred;cursor:pointer}.play{background:#fef2f2;color:#000;text-align:start;border:1px solid #fca5a5;border-radius:20px;margin:0 1rem;padding:2rem .5rem 1rem}.play>p{margin:0;margin-bottom:.5rem}.numbers{font-size:.8rem;opacity:.8}.play>button{display:flex;justify-content:center;margin:auto;background:#fecaca;color:#8b0000;border:none;border-radius:10px;margin-top:.5rem;padding:.3rem .8rem}@media (max-width: 768px){.sidebar{display:none;background:lightgray}.sidebar-dark{background:#44403c}.show{display:flex}.logo{padding-top:.5rem}}.series{min-height:100vh}.series-content{margin-left:200px;padding:1.5rem 1.5rem .5rem}.series-name{color:red;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}@media (max-width: 768px){.series-content{margin-left:0;padding-bottom:1.5rem}}.toggle{display:none}.navbar-icon{display:none;position:sticky;top:.5rem;align-items:center;justify-content:center;background:#BE123C;width:2.5rem;height:2.5rem;transition:.3s;border-radius:50%;cursor:pointer;margin:0 .5rem 1rem;z-index:100}.watch-screen{min-height:100vh}.watch-screen-dark{color:#fff}.watch{margin-left:200px;padding:1.5rem 1.5rem .5rem}.trailer-player{position:relative;background:gray;max-width:100%;height:45vh;border-radius:20px;cursor:pointer;margin-bottom:1rem}iframe{border-radius:20px}.click-play{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;margin:auto;font-size:1.7rem;font-weight:500}.play-button{background:#d4d4d8;width:5rem;height:5rem;padding:1rem;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #00000040;z-index:100}.watch-trailer{color:#fff;margin-top:8.5rem}.hide{display:none}.title{display:flex;align-items:center;justify-content:space-between;font-size:1.3rem;font-weight:600;margin:1rem 1.5rem}.heading{display:flex;align-items:center;gap:1.5rem}.heading-description{display:flex;align-items:center;gap:.5rem}.action{display:flex;gap:.8rem}.action>small{color:#8b0000;border:.1px solid #d8d6d5;border-radius:20px;padding:.1rem .8rem}.action-dark>small{color:#dc2626;border:1px solid #222222}.count{display:flex;align-items:center;gap:.5rem}.vote_average{opacity:.3}.vote_count{opacity:.65}.cards{display:flex;opacity:.8;margin:0 1.5rem}.card-1{width:70%;font-size:1.1rem;font-weight:500;margin:1.5rem 1.5rem 0 0}.card-1>p{margin-bottom:2rem}.card-1>p>span{color:#8b0000}.card-1-dark>p>span{color:#dc2626}.click{display:flex;align-items:center;background:#fef2f2;border:1px solid lightgray;border-radius:10px;padding:0;margin-bottom:.8rem}.click-dark{background:transparent;border:1px solid #383838}.click>button{margin-top:0}.card-2{width:30%}.card-2>button{width:100%}button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:darkred;color:#fff;font-size:1rem;border:none;border-radius:10px;margin-top:.8rem;padding:.9rem}.button-dark{background:#ef4444;color:#0c0a09}.button-1{flex:1;justify-content:space-between;background:#fef2f2;color:#000;font-weight:600;padding:0 1rem}.button-1-dark{background:transparent;color:#fff}.button-2{background:#fee2e2;color:#000;border:1px solid darkred}.card-2>button{padding:.6rem}.image-banner{position:relative;background:gray;height:250px;border-radius:20px;cursor:pointer;margin:1.5rem 0 1rem}.image-banner>span{display:flex;justify-content:center;gap:.5rem;position:absolute;background:#12121280;color:#fff;bottom:0;left:0;right:0;border-radius:0 0 20px 20px;padding:.5rem}@media (max-width: 768px){.toggle{display:flex;position:absolute;margin:.5rem;cursor:pointer}.navbar-icon{display:flex}.watch{margin-left:0;padding-bottom:1.5rem}.heading{flex-direction:column;align-items:start}.title{flex-direction:column;align-items:start;gap:1.5rem;margin:0 0 .8rem}.cards{flex-direction:column;margin:0}.click{margin-bottom:2rem}.card-1{width:100%;border-bottom:1px solid gray;margin-right:0}.card-2{width:100%;margin-top:2rem}}.search{min-height:100vh;padding:6rem 6rem 0}.spin{position:relative;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.no-result{position:relative;background:#fce7f3;height:100vh;text-align:center}.no-result-1{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;font-size:1.3rem}.result{position:fixed;background:#14532d;color:#fff;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;font-size:1.5rem;font-weight:600;padding:1rem;z-index:200}.favorites{background:#ec4899;color:#000}.back{display:flex;align-items:center;cursor:pointer}.back:hover{opacity:.85}.back>img{transform:rotate(90deg)}.back-button{background:#cb7474;border-radius:5px;padding:.2rem .6rem .2rem 0;margin-top:.5rem}.back-button:hover{background:#cf7b7b}.spinner{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:3.5rem;width:3.5rem;border:5px solid;border-color:#172554 transparent #3b82f6 transparent;border-radius:50%;animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.search{padding:6rem 3rem 0}}@media (max-width: 768px){.search{padding:6rem 2rem 0}.spinner{height:2.5rem;width:2.5rem}}@media (max-width: 450px){.search{padding:6rem 1.5rem 0}.result{font-size:1.2rem}}html,body{min-height:100%;font-size:clamp(10px,16px,20px)}.app{background:#e5e7eb;transition:all ease-in-out 1.2s}.app-dark{background:#141414}button{cursor:pointer}button:hover{opacity:.8}img{max-width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#000}::-webkit-scrollbar-thumb:hover{background:#111827}@media (max-width: 768px){html,body{font-size:clamp(8px,14.5px,18px)}}@media (max-width: 640px){html,body{font-size:clamp(7px,13.5px,17px)}}@media (max-width: 375px){html,body{font-size:clamp(6px,11px,15px)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}