*{box-sizing:border-box}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background-color:#000}.banner{color:#fff;display:flex;flex-direction:column;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;padding:0;position:relative}.banner__img{width:100%}.banner__cnts{bottom:8em;height:10em;left:0;padding:5px 50px;position:absolute;z-index:2}.banner__title{font-size:clamp(1.5rem,.2rem + 2vw,4rem);font-weight:800;padding-bottom:2rem}.banner__desc{font-size:clamp(.3rem,.2rem + 2vw,.8rem);height:80px;line-height:1.5;max-width:360px;padding-top:2rem;width:45rem}.banner__btn{background-color:rgba(51,51,51,.7);border:none;border-radius:.2vw;color:#fff;cursor:pointer;font-weight:700;margin-right:1rem;outline:none;padding:.5rem 2rem;z-index:2}.play{background-color:hsla(0,0%,96%,.7);color:#000;margin-bottom:1em}.banner__btn:hover{background-color:#e4e4e4;color:#000;transition:all .25s}.banner--fadeBottom{background:linear-gradient(180deg,transparent,hsla(0,0%,9%,.5),#000);bottom:5em;height:10em;left:0;margin:-5em 0 -5em -5em;position:relative}@media only screen and (max-width:700px){.banner__cnts{position:relative;z-index:4}.banner__desc{display:none;z-index:98}.banner--fadeBottom{background:linear-gradient(180deg,transparent,hsla(0,0%,9%,.5),#000);bottom:11em;height:10em;left:0;margin:-9em 0 -9em -9em;position:relative}}.card__slider{align-content:center;display:flex;position:relative}.card__sliderLarge{padding-bottom:2em;top:30px}.card__poster{border-radius:1em;display:block;margin-left:2em;margin-right:1.6rem;object-fit:contain;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:clamp(10em,.2em + 20vw,14em);z-index:1}.card__poster:hover{-webkit-transform:scale(1.2);transform:scale(1.2);z-index:5}.card__posterLarge{max-height:500px;width:clamp(8em,.2em + 15vw,10em)}.card__posterLarge:hover{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2);z-index:2}.card__title{font-size:1.5em;margin:.5em .5em 1em;position:relative;top:100%;z-index:99}.card__img{border-radius:.5em;height:65%;position:absolute;width:100%;z-index:99}.card__desc{font-size:.8em;font-weight:500;margin:.5em .5em 1em 1em;position:relative;top:100%}.card__genres{font-size:.8em;margin:.5em .5em 1em 1em}.card__date,.card__genres{color:#8c8c8c;font-weight:400;position:relative;top:100%;z-index:100}.card__date{margin:.5em .5em 1em}.card__avVote,.card__lang{color:#8c8c8c;font-size:.8em;font-weight:400;margin:.5em .5em 1em 1em;position:relative;top:100%;z-index:100}.card__lang hr{margin:1em;opacity:0}.close__btn{color:hsla(0,0%,66%,.9);height:2em;position:absolute;right:2em;top:1em;width:2em;z-index:100}.close__btn:hover{border:#000;color:#fff}.add__toList{bottom:39%;color:hsla(0,0%,66%,.6);height:2em;position:absolute;z-index:100}.add__toList:hover{border:#000;color:#fff}.add__btn{bottom:40%;color:hsla(0,0%,66%,.6);height:2em;left:2.5em;margin-bottom:.5em;position:relative;z-index:100}.add__btn:hover{border:#000;color:#fff}.remove__fromList{bottom:39%;color:hsla(0,0%,66%,.6);height:2em;left:4em;position:absolute;z-index:100}.remove__fromList:hover{border:#000;color:#fff}.remove__btn{bottom:40%;color:hsla(0,0%,66%,.6);height:2em;left:3em;margin-bottom:.5em;position:relative;z-index:100}.remove__btn:hover{border:#000;color:#fff}.modal{background:#191919;border-radius:10px;box-shadow:0 5px 16px rgba(0,0,0,.2);color:#fff;min-height:90vh;overflow:auto;width:clamp(350px,70vw,1000px);z-index:100}.background,.modal{display:flex;position:fixed}.background{align-items:center;background:rgba(0,0,0,.8);height:100%;justify-content:center;left:0;top:0;width:100%;z-index:99}.closeModal{cursor:pointer;height:32px;padding:0;position:absolute;right:20px;top:20px;width:32px;z-index:10}.row{color:#fff;height:clamp(12em,.2em + 30vw,18em);margin-left:20px}.rowLarge{height:clamp(20em,.2em + 40vw,28em);margin-top:2em;padding-top:1em}.row__posters{align-items:center;display:flex;height:clamp(10em,.2em + 20vw,15em);margin-left:1em;overflow-x:scroll;overflow-y:hidden;z-index:1}.row__postersLarge{height:clamp(16em,.2em + 30vw,22em)}.row__title{font-size:clamp(1.2rem,.2rem + 2vw,1.6rem);font-weight:800}.row__slide{align-items:center;display:flex;position:relative}.loginScreen{background:url(/static/media/netflix_login.89b6ca351b724b973368.jpg) 50% no-repeat;background-size:cover;max-height:100vh;position:relative}.loginScreen__logo{left:0;padding-left:20px;width:150px}.loginScreen__btn,.loginScreen__logo{cursor:pointer;object-fit:contain;position:fixed}.loginScreen__btn{background-color:#e50914;border:none;border-radius:5px;color:#fff;font-size:1rem;font-weight:700;margin-top:2em;padding:10px 20px;right:20px;width:10em}.loginScreen__welcome{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:space-between;left:50%;padding:1em;position:absolute;text-align:center;top:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.loginScreen__welcome .loginScreen__header{font-size:clamp(1.5rem,.2rem + 2vw,3rem);padding-bottom:.5em}.loginScreen__welcome .loginScreen__header2{font-size:clamp(1rem,.2rem + 2vw,2rem);font-weight:400;padding-bottom:1em}.loginScreen__welcome .loginScreen__header3{font-size:clamp(.5rem,.2rem + 2vw,1.5rem);font-weight:300}.loginScreen__welcome .loginScreen__signup--btn{background-color:#e50914;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:2em;object-fit:contain;padding:10px 20px;right:20px;width:10em}.loginScreen__btn:hover,.loginScreen__welcome .loginScreen__signup--btn:hover{background-color:#be0711;-webkit-transform:scale(.95);transform:scale(.95)}.loginScreen__gradient{background:rgba(0,0,0,.1);height:100vh;width:100%;z-index:1}.loginScreen__body{margin-top:-100vh}.signinScreen__form{background-color:rgba(4,4,4,.8);max-height:500px;min-width:60px;width:500px}.signinScreem__input>input{padding:10px}.signupScreen__body{margin-top:-50%}.signinScreen__signin{margin:1em 0;width:100%}.signinScreen__btn{background-color:#e50914;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:2em;padding:10px 20px;position:relative;width:100%}.signinScreen__btn:hover{background-color:#be0711;-webkit-transform:scale(.95);transform:scale(.95)}.signinScreen__gradient{background:rgba(0,0,0,.5);background-image:linear-gradient(0deg,rgba(0,0,0,.4) 0,rgba(0,0,0,.2) 25%,transparent 50%,rgba(0,0,0,.2) 75%,rgba(0,0,0,.4));height:100vh;width:100%;z-index:1}.signinScreen__form{background-color:rgba(4,4,4,.95);border-radius:6px;box-shadow:4px 2px 5px #5b5a5a;display:flex;flex-direction:column;height:600px;left:50%;max-height:600px;min-width:50px;opacity:1;padding:20px 40px 40px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:clamp(20em,30%,50em);z-index:2}.signinScreen__title{color:#f2f2f2;font-size:2rem;margin-bottom:1.5em}.signinScreen__input{background-color:#333;border-radius:5px;color:#f2f2f2;font-size:20px;outline:none;padding:1em,1.2em;transition:all .2s ease-out;width:100%}.signinScreen__input>input{padding:10px}.signinScreen__btnGuest{background-color:transparent;border:1px solid #d9d9d9;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:2em;padding:10px 20px;position:relative;width:100%}.signinScreen__btnGuest:hover{border:1px solid #e50914;color:#e50914;-webkit-transform:scale(.95);transform:scale(.95)}.signinScreen__divider{border-color:#777;margin:1.5rem}.signinScreen__signup{color:#747474;font-size:25px;line-height:1.4;text-align:center}.signinScreen__signup span{margin-left:.3em}.signupScreen__btn{color:#e50914;cursor:pointer;display:contents;font-size:1em;font-weight:700;line-height:1.4}.signupScreen__btn:hover{color:#be0711}.profileScreen{height:100vh;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}.profileScreen__body,.profileScreen__info{align-items:center;display:flex;justify-content:center;position:relative}.profileScreen__info{margin:4em;padding:.2em;top:8vh}.profileScreen__info img{height:8em}.profileScreen__info .profileScreen__user{grid-column-gap:1em;grid-row-gap:2em;color:#fff;display:grid;grid-template-columns:repeat(auto-fit,minmax(30em,1fr));padding:1em;position:relative}.profile__delete{background-color:#e50914;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;height:2.5em;left:20em;margin-top:2em;position:relative;width:12em}@media only screen and (max-width:768px){.profile__img{display:none}.profile__btn{background-color:#e50914;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;margin-top:1em;padding:5px;position:relative;width:20%}}@media only screen and (min-width:769px){.profile__data{align-items:center;display:flex;justify-content:space-between}.profile__input{margin:0 1em;width:35em}.profile__btn{background-color:#e50914;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;padding:5px;position:relative;width:20%}}.films{background-color:#000;min-height:100vh;padding-bottom:100px}.films__posters{grid-column-gap:1rem;grid-row-gap:5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding-left:80px;padding-top:110px;z-index:1}.filter__container{align-items:center;display:flex;height:12em;overflow-x:auto;padding-left:40px;padding-top:100px;position:absolute;width:100%;z-index:9}.filter__container button{background-color:#e50914;border:none;border-radius:1em;color:#fff;cursor:pointer;font-weight:700;margin-right:2em;min-width:8.8em;padding:.5em 1em;z-index:99}button.active{background:#fff;color:#e50914}.loader__container{height:100vh;margin:auto;max-width:80%}.loader__container,.loader__items{align-items:center;display:flex;flex-direction:column;justify-content:center}.loader__items{padding:30px}.loader__items:hover>.loader__img{border:3px solid #fff}.loader__items:hover>.loader__username{color:#e5e5e5;font-weight:700}.loader__title{color:#b4b4b4;font-size:40px;font-weight:500;text-align:center;width:100%}.loader__logo{cursor:pointer;left:0;object-fit:contain;padding-left:20px;position:fixed;top:2px;width:140px}.loader__username{color:gray;font-size:20px;padding:15px;text-overflow:ellipsis}.loader__username:hover{color:#e5e5e5;font-weight:700}.loader__img{border:3px solid #000;cursor:pointer;height:auto;max-width:150px;width:100%}.films{padding-bottom:252px;padding-top:100px;position:relative}.search__result{color:#fff;font-weight:700;margin-left:4em}.search__posters{grid-column-gap:1rem;grid-row-gap:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding-left:20px;padding-right:20px;padding-top:50px;z-index:100}.search__card{height:30vh;object-fit:cover;width:100%}.search__card:hover{-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important}.list__container{background-color:#000;min-height:100vh;padding-top:100px;position:relative}.list__posters{grid-column-gap:1rem;grid-row-gap:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding-left:40px;padding-right:20px;padding-top:50px}.nav{background-color:1;background-image:linear-gradient(0deg,transparent,hsla(0,0%,9%,.5),hsla(0,0%,7%,.85));height:70px;padding:20px;position:fixed;top:0;transition-timing-function:ease-in;transition:all 1s;width:100%;z-index:10}.nav__cnts{display:flex;justify-content:space-between}.nav__logo{cursor:pointer;left:0;object-fit:contain;padding-left:20px;position:fixed;top:2px;width:140px}.nav__menu{display:none}.nav__btn{background:none;background:transparent;border:none;color:#fff;display:flex;left:8em;position:absolute;top:2em}.nav__btn span{padding-left:.5em}@media only screen and (max-width:1000px){.nav__menu{align-items:center;background-color:hsla(0,0%,7%,.8);display:flex;flex-direction:column;justify-content:center;padding:0;position:absolute;-webkit-transform:translateX(-120%);transform:translateX(-120%);width:12em;z-index:99}.nav__menu.open{-webkit-transform:translate(70%,40%);transform:translate(70%,40%);z-index:99}li{display:block;font-weight:700;padding:5px 0;text-align:center}li a{color:#e2e2e2;text-decoration:none}li:hover{-webkit-transform:scale(1.2);transform:scale(1.2);transition:all .5}li:hover a{color:#bebebe}.nav__logo{cursor:pointer;left:0;object-fit:contain;padding-left:20px;position:fixed;top:10px;width:110px}.nav__search{position:fixed;right:0;top:20px;transition:all .5s;width:220px;z-index:1}}@media only screen and (min-width:1001px){.nav__btn{display:none}.nav__menu{align-items:center;background:none;cursor:pointer;display:flex;justify-content:space-between;margin-left:8em;position:absolute;width:40vw;z-index:4}.nav__menu li{display:block;font-weight:700;padding:5px 0;text-align:center}.nav__menu li a{color:#e2e2e2;text-decoration:none}.nav__menu li:hover{-webkit-transform:scale(1.2);transform:scale(1.2);transition:all .5}.nav__menu li:hover a{color:#bebebe}.nav__search{position:fixed;right:70px;top:20px;transition:all .5s;width:220px;z-index:1}}.nav__black{background-color:#000;z-index:97}.nav__avatar{cursor:pointer;height:30px;position:fixed;right:20px;width:30px;z-index:10}.nav__dropdown{background-color:#000;color:#fff;cursor:pointer;display:none;height:80px;position:absolute;position:fixed;right:20px;top:50px;width:200px;z-index:99}.nav__avatar:hover~.nav__dropdown,.nav__dropdown:hover{display:block}.nav__dropdown-item{display:flex;flex-wrap:wrap;justify-content:center;padding:10px 0;width:150px}.search__input{-webkit-transform:translateX(-2000%);transform:translateX(-2000%)}.search__input.open{background-color:#000;border-radius:5px;color:#fff;-webkit-transform:translate(0);transform:translate(0);z-index:99}.search__box{gap:2em;z-index:1}.search__box button{background-color:transparent;border:none;cursor:pointer}.search__box button:focus{outline:none}.search__box button svg{color:#fff;font-size:1em}.search__box .show-search{background-color:rgba(0,0,0,.6);border:1px solid #fff}.search__box .show-search input{opacity:1;padding:.3rem;visibility:visible;width:100%}@media only screen and (max-width:1000px){.search__input{width:100px}}
/*# sourceMappingURL=main.1e606712.css.map*/