*,body{margin:0}body{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}.banner{position:relative;height:448px;color:#eee;object-fit:contain}.banner__contents{margin-left:30px;padding-top:140px;height:190px}.banner__title{font-size:3rem;font-weight:800;padding-bottom:.3rem}.banner__description{width:45rem;line-height:1.3;padding-top:1rem;font-size:.8rem;max-width:360px;height:80px}.banner-fadeBottom{height:7.4rem;background-image:linear-gradient(180deg,transparent,rgba(37,37,37,.61),#111)}.banner__button{cursor:pointer;color:#eee;outline:none;border:none;font-weight:700;border-radius:.2vw;background-color:rgba(51,51,51,.5);padding:.5rem 2rem}.banner__button:hover{color:#000;background-color:#e6e6e6;transition:all .3s ease}.nav{position:fixed;top:0;padding:20px;width:100%;height:30px;z-index:1;transition:all .5s ease-in}.nav__contents{display:flex;justify-content:space-between}.nav__black{background-color:#111}.nav__logo{position:fixed;top:10px;left:0;font-weight:700;font-size:32px;object-fit:contain;padding-left:20px;cursor:pointer}.nav__logo-first{color:#eee}.nav__logo-second{margin-left:-5px;color:#fd9330}.nav__avatar{cursor:pointer;position:fixed;right:20px;width:30px;height:30px}.row{color:#eee;margin-left:20px}.row__posters{display:flex;overflow-y:hidden;overflow-x:scroll;padding-top:20px;padding-bottom:20px}.row .row__posters::-webkit-scrollbar{height:10px}.row__card{display:flex;flex-direction:column;margin-right:12px;position:relative;width:200px;height:300px;transition:.3s ease-in-out;cursor:pointer;border-radius:8px;-webkit-user-drag:none;-webkit-user-select:none;color:inherit;text-decoration:none}.row__card:hover{box-shadow:0 0 12px rgba(0,0,0,.5)}.row__card:hover .row__cardImage{transform:scale(1)}.row__card:hover .row__cardContent{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:1;transform:scale(1)}.row__cardImage{width:200px;height:300px;object-fit:cover}.row__cardContent,.row__cardImage{border-radius:8px;transform:scale(.9);transition:.3s ease-in-out}.row__cardContent{padding:8px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;font-weight:700;color:#eee;text-shadow:2px 2px 5px #111}.row__cardContent-title{text-align:center;font-weight:700;transform:translateX(-5px)}.row__cardContent-details{cursor:pointer;color:#eee;outline:none;border:none;font-weight:700;border-radius:.2vw;background-color:rgba(51,51,51,.5);padding:.5rem 2rem}.row__cardContent-details:hover{transform:translateY(-5px);color:#000;background-color:#e6e6e6;transition:all .3s ease}.row__cardContent-footer{text-align:center;font-weight:700;padding-bottom:10px}.homeScreen{padding-bottom:30px}.homeScreen__searchbar{display:flex;height:50px;max-width:600px;margin-left:auto;margin-right:auto;padding:20px 0}.homeScreen__searchbar input{width:100%;background-color:#272626;border-top-right-radius:5px;border-bottom-right-radius:5px;font-size:14px;letter-spacing:1px;color:#eee;border:none;outline:none;padding:10px 20px;box-shadow:0 0 20px hsla(0,0%,100%,.05)}.homeScreen__searchList{max-width:600px;max-height:630px;overflow-y:scroll;margin-left:auto;margin-right:auto;color:#eee}.homeScreen__searchList h2{padding-bottom:15px}.homeScreen__searchItem{display:flex;flex:start 1;padding-bottom:15px}.homeScreen__searchItem img{height:200px;width:150px;overflow:none;object-fit:cover}.homeScreen__searchItem-details{margin-left:15px}.homeScreen__searchItem-span{color:#fd9330}.homeScreen__searchItem-link{color:#0ff}.homeScreen__searchItem-link:hover{text-decoration:underline;cursor:pointer}.homeScreen__clearSearch{display:block;cursor:pointer;color:#eee;outline:none;border:none;font-weight:700;border-radius:.2vw;background-color:rgba(51,51,51,.5);padding:.5rem 2rem;margin:15px auto}.homeScreen__clearSearch:hover{color:#000;background-color:#e6e6e6;transition:all .3s ease}@media (max-width:768px){.homeScreen__searchbar,.homeScreen__searchList{width:90%}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:rgba(80,82,84,.5);border-radius:5px}::-webkit-scrollbar-thumb{background:#888;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.app{background-color:#111}.loginScreen{position:relative;height:100%;background:url(/static/media/background.b1ab25a0.jpg) 50% no-repeat;background-size:cover}.loginScreen__logo{position:fixed;top:10px;left:0;font-weight:700;font-size:32px;object-fit:contain;padding-left:20px;cursor:pointer}.loginScreen__logo-first{color:#eee}.loginScreen__logo-second{margin-left:-5px;color:#fd9330}.loginScreen__button{position:fixed;right:20px;top:15px;padding:10px 20px;font-size:1rem;color:#eee;background-color:#fd9330;font-weight:600;border:none;outline:none;cursor:pointer}.loginScreen__gradient{width:100%;height:100vh;z-index:1;background:rgba(0,0,0,.4);background-image:linear-gradient(0deg,rgba(0,0,0,.8) 0,transparent 60%,rgba(0,0,0,.8))}.loginScreen__body{position:absolute;top:30%;margin-left:auto;margin-right:auto;text-align:center;z-index:1;color:#eee;padding:20px;left:0;right:0}.loginScreen__body h1{font-size:3.125rem;margin-bottom:20px}.loginScreen__body h2{font-size:2rem;font-weight:400;margin-bottom:30px}.loginScreen__body h3{font-size:1.4rem;font-weight:400}.loginScreen__signin{padding:16px 20px;margin-top:20px;font-size:1rem;color:#eee;background-color:#fd9330;font-weight:600;border:none;cursor:pointer}@media (max-width:768px){.loginScreen__body h1{font-size:32px;margin-bottom:20px}.loginScreen__body h2{font-size:26px;font-weight:400;margin-bottom:30px}.loginScreen__body h3{font-size:18px;font-weight:400}}.signinScreen{margin-left:auto;margin-right:auto}section{position:relative;display:flex;justify-content:center;align-items:center;padding:20px;transition:.5s;top:-100px}section .container{position:relative;width:800px;height:500px;background:#fff;box-shadow:0 15px 50px hsla(0,0%,100%,.15);overflow:hidden}section .container .user{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}section .container .user .imgBx{box-sizing:border-box;position:relative;width:50%;height:100%;transition:.5s}section .container .user .imgBx img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:0 -150px}section .container .user .formBx{box-sizing:border-box;position:relative;width:50%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center;padding:40px;transition:.5s}section .container .user .formBx h2{font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:2px;text-align:center;width:100%;margin-bottom:10px;color:#555}section .container .user .formBx button,section .container .user .formBx input{width:90%;padding:10px;background:#f5f5f5;color:#333;border:none;outline:none;box-shadow:none;font-size:14px;margin:8px 0;letter-spacing:1px;font-weight:300}section .container .user .formBx button[type=submit]{max-width:100px;background:#677eff;color:#fff;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:1px;transition:.5s}section .container .user.signupBx .formBx button[type=submit]{background:#e73e49}section .container .user .formBx .signup{position:relative;margin-top:20px;font-size:12px;letter-spacing:1px;color:#555;text-transform:uppercase;font-weight:300}section .container .user .formBx .signup span{font-weight:600;text-decoration:none;color:#577eff;cursor:pointer}section .container .signupBx{pointer-events:none}section .container.active .signupBx{pointer-events:auto}section .container .signupBx .formBx{top:100%}section .container.active .signupBx .formBx{top:0}section .container .signupBx .imgBx{top:-100%;transition:.5s}section .container.active .signupBx .imgBx,section .container .signinBx .formBx{top:0}section .container.active .signinBx .formBx{top:100%}section .container .signinBx .imgBx{top:0;transition:.5s}section .container.active .signinBx .imgBx{top:-100%}@media (max-width:991px){section .container{max-width:400px}section .container .imgBx{display:none}section .container .user .formBx{width:100%}section .container.active .signinBx .formBx{top:-100%}}.profileScreen{height:100vh;color:#eee}.profileScreen__body{display:flex;flex-direction:column;width:50%;margin-left:auto;margin-right:auto;padding-top:200px;max-width:800px}.profileScreen__body h1{font-size:60px;font-weight:400;border-bottom:1px solid #282c2d;margin-bottom:20px}.profileScreen__info{display:flex}.profileScreen__info img{height:100px}.profileScreen__details{color:#eee;margin-left:25px;flex:1 1}.profileScreen__details h2{background-color:grey;font-size:15px;padding:15px 15px 15px 20px}.profileScreen__signOut{padding:10px 20px;font-size:1rem;margin-top:5%;width:100%;color:#eee;background-color:#fd9330;font-weight:600;border:none;cursor:pointer}.profileScreen__plans{margin-top:20px}.profileScreen__plans h3{border-bottom:1px solid #282c2d;padding-bottom:10px}@media (max-width:768px){.profileScreen__body h1{font-size:32px;font-weight:400;border-bottom:1px solid #282c2d;margin-bottom:20px}.profileScreen__info img{height:50px}.profileScreen__details{color:#eee;margin-left:5px;flex:1 1}.profileScreen__details h2{background-color:grey;padding:5px 15px;font-size:15px;text-align:center}}.animeScreen{width:100%}.animeScreen__container{min-height:100vh;width:80%;display:flex;flex-direction:column;color:#eee;margin-left:auto;margin-right:auto;padding-bottom:50px}.animeScreen__container h1{padding-top:10%;border-bottom:1px solid #708090}.animeScreen__content{display:flex;flex-wrap:wrap;padding-top:50px}.animeScreen__sidebar{flex:0 1;font-size:14px}.animeScreen__sidebar strong{color:#fd9330}.animeScreen__sidebar h2{font-weight:600;border-bottom:1px solid #708090}.animeScreen__sidebarInfo{padding:20px 0}.animeScreen__sidebar img{width:200px;height:300px;object-fit:cover}.animeScreen__body{flex:1 1;padding-left:20px;padding-right:20px}.animeScreen__scoreInfo{display:flex}.animeScreen__scoreInfo-rating{display:flex;flex-direction:column;text-align:center;padding-right:15px;border-right:1px solid #708090}.animeScreen__scoreInfo-ratingTitle{flex:0 1;background-color:#fd9330;font-weight:700}.animeScreen__scoreInfo-ratingScore{font-size:32px;font-weight:600}.animeScreen__scoreInfo-ratingUsers{font-size:14px;color:#fd9330}.animeScreen a{text-decoration:none;color:#0ff;transition:all .3s ease}.animeScreen a:hover{text-decoration:underline}.animeScreen__rankInfo{display:flex;flex-direction:column;flex:1 1;justify-content:space-between;padding:10px 15px}.animeScreen__rankInfo-firstSpan,.animeScreen__rankInfo-secondSpan{padding-right:15px}.animeScreen__details{padding-top:5%;flex:1 1}.animeScreen__details h3{border-bottom:1px solid #708090;padding-bottom:5px;padding-top:2%}.animeScreen__details p{padding-top:5px}.animeScreen__iframeContainer{display:flex;justify-content:center;align-items:center;padding-top:15px;position:relative;width:100%;padding-bottom:56.25%;height:0}.animeScreen__iframeContainer iframe{width:60%;position:absolute;top:0;left:0;width:100%;height:100%}@media (max-width:768px){.animeScreen__container{width:90%;padding-top:20%}.animeScreen__body{padding-top:30px}.animeScreen__rankInfo{font-size:11px}}@media (max-width:486px){.animeScreen__body{padding-left:0;font-size:10px}.animeScreen__sidebar{flex:1 1}}.mangaScreen{width:100%}.mangaScreen__container{min-height:100vh;width:80%;display:flex;flex-direction:column;color:#eee;margin-left:auto;margin-right:auto;padding-bottom:50px}.mangaScreen__container h1{padding-top:10%;border-bottom:1px solid #708090}.mangaScreen__content{display:flex;flex-wrap:wrap;padding-top:50px}.mangaScreen__sidebar{flex:0 1;font-size:14px}.mangaScreen__sidebar strong{color:#fd9330}.mangaScreen__sidebar h2{font-weight:600;border-bottom:1px solid #708090}.mangaScreen__sidebarInfo{padding:20px 0}.mangaScreen__sidebar img{width:200px;height:300px;object-fit:cover}.mangaScreen__body{flex:1 1;padding-left:20px;padding-right:20px}.mangaScreen__scoreInfo{display:flex}.mangaScreen__scoreInfo-rating{display:flex;flex-direction:column;text-align:center;padding-right:15px;border-right:1px solid #708090}.mangaScreen__scoreInfo-ratingTitle{flex:0 1;background-color:#fd9330;font-weight:700}.mangaScreen__scoreInfo-ratingScore{font-size:32px;font-weight:600}.mangaScreen__scoreInfo-ratingUsers{font-size:14px;color:#fd9330}.mangaScreen a{text-decoration:none;color:#0ff;transition:all .3s ease}.mangaScreen a:hover{text-decoration:underline}.mangaScreen__rankInfo{display:flex;flex-direction:column;flex:1 1;justify-content:space-between;padding:10px 15px}.mangaScreen__rankInfo-firstSpan,.mangaScreen__rankInfo-secondSpan{padding-right:15px}.mangaScreen__details{padding-top:5%;flex:1 1}.mangaScreen__details h3{border-bottom:1px solid #708090;padding-bottom:5px;padding-top:2%}.mangaScreen__details p{padding-top:5px}@media (max-width:768px){.mangaScreen__container{width:90%;padding-top:20%}.mangaScreen__body{padding-top:30px}.mangaScreen__rankInfo{font-size:11px}}@media (max-width:486px){.mangaScreen__body{padding-left:0;font-size:10px}.mangaScreen__sidebar{flex:1 1}}.loadingScreen{height:100vh;width:100%;display:flex;justify-content:center;align-items:center}.loadingScreen__container{display:flex;flex-direction:column;align-items:center}.loadingScreen__logo{font-weight:700;font-size:64px;object-fit:contain;padding-left:20px;cursor:pointer}.loadingScreen__logo-first{color:#eee}.loadingScreen__logo-second{margin-left:-5px;color:#fd9330}
/*# sourceMappingURL=main.1a760a6e.chunk.css.map */