*{box-sizing:initial;color:#fff;margin:0;padding:0}li{list-style-type:none}.activeModal{overflow:hidden}.wrapper{background-color:#1e1e22;color:#fff;flex:1 0 100%;font-family:Open Sans,sans-serif;max-width:100%;min-height:100vh}@media(max-width:500px){.wrapper{width:100vw}}.container{display:flex;justify-content:center;margin:0 auto;max-width:1124px;padding:0 20px;position:relative}@media(max-width:500px){.container{padding:0}}h1,h2{font-size:24px;font-weight:700}h1,h2,h3{color:#fff}h3{font-size:16px}.navbar{background-color:#1e1e22;display:flex;height:100px;justify-content:center;max-width:1124px;position:fixed;width:100%;z-index:100}.navbar-leftside{flex:20% 1}@media(max-width:1025px){.navbar-leftside{padding:0 10px 0 80px}}@media(max-width:425px){.navbar-leftside{display:none;padding:0 10px}}.navbar-leftside__content{align-items:center;display:flex;height:100%;justify-content:center}.navbar-leftside__content img{margin-top:10px}.navbar-leftside__content .logo{align-items:center;display:flex;justify-content:center;min-height:100px;text-decoration:none;transition:all .2s ease-in-out}.navbar-leftside__content .logo:hover{color:#45a7d4}.navbar-center{flex:60% 1;justify-content:center;max-width:600px;padding:0 20px;position:relative;text-align:center}@media(max-width:600px){.navbar-center{padding:0}}.navbar-center .burger{cursor:pointer;display:none;left:10px}@media(max-width:700px){.navbar-center .burger{background-color:transparent;border:none;display:flex;height:50px;padding-top:40px;position:relative;width:50px}.navbar-center .burger span{position:absolute}.navbar-center .burger span:first-child{background-color:#d8d8d8;height:2px;left:30%;top:50%;width:30px}.navbar-center .burger span:nth-child(2){background-color:#d8d8d8;height:2px;left:30%;top:calc(50% - 10px);width:30px}.navbar-center .burger span:nth-child(3){background-color:#d8d8d8;height:2px;left:30%;top:calc(50% + 10px);width:30px}}.navbar-center__links{align-items:center;display:flex;height:100%;justify-content:center}@media(max-width:700px){.navbar-center__links{display:none;flex-direction:column}}.navbar-center__links.search-active{display:block;position:relative}.navbar-center__links li{cursor:pointer;list-style-type:none;margin:0 30px;transition:all .2 ease-in-out}.navbar-center__links li:hover{scale:103%}.navbar-center__links li:hover a{color:#45a7d4}.navbar-center__links li a{color:#fff;font-weight:700;text-align:center;text-decoration:none}@media(max-width:768px){.navbar-center__links li{margin:0 20px}}@media(max-width:580px){.navbar-center__links li{margin:0 10px}}.navbar-rightside{align-items:center;display:flex;flex:20% 1;justify-content:right}@media(max-width:1025px){.navbar-rightside{padding:0 80px 0 10px}}@media(max-width:425px){.navbar-rightside{padding:0 20px 0 10px}}@media(max-width:1025px){.navbar-rightside{margin-right:0}}.burger__modal{align-items:center;background-color:#1e1e22;display:flex;flex-direction:column;height:40vh;justify-content:center;position:fixed;top:-500px;transition:all .3s ease-in-out;width:100vw}.burger__modal li{margin:4px 0;text-align:center;width:100%}.burger__modal li a{text-decoration:none}.burger__modal li a:hover{color:#45a7d4}.burger__modal.active{top:80px;transition:all .3s ease-in-out}.burger__modal.active img{margin-bottom:20px}main{padding:130px 0 40px;position:relative}span{color:hsla(0,0%,85%,.4)}.main-display{height:600px;margin:50px auto 0;width:1200px}.main-display__image{height:100%;position:relative;width:100%}.main-display__image .image-title{bottom:10px;color:#fff;font-size:20px;font-weight:700;left:10px;position:absolute;text-shadow:0 0 100px #1e1e22;z-index:1}.main-display__image:before{background-repeat:no-repeat;content:"";height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.main-display__image img{height:100%;width:100%}.cards{display:flex;flex-wrap:wrap;justify-content:center}.cards.searchpage{flex-direction:column}.anime-card{cursor:pointer;height:320px;margin:0 10px;overflow:hidden;width:200px}.anime-card.searchpage{display:flex;height:100px;padding:0 40px 10px 0;width:100%}@media(max-width:520px){.anime-card{height:350px;width:180px}}@media(max-width:400px){.anime-card{height:250px;width:120px}}.anime-card__img{display:block;height:85%;width:100%}.anime-card__img.searchpage{height:100%;width:60px}.anime-card__img img{border-radius:4px;height:100%;object-fit:cover;width:100%}.anime-card__title{height:20px;margin-top:5px}.anime-card__title.searchpage{margin-left:20px}.anime-card__title h3{font-size:14px;font-weight:700;white-space:nowrap}.anime-card__underTitle{border-top:1px solid hsla(0,0%,85%,.4);display:flex;justify-content:start}.anime-card__underTitle h3{color:#d8d8d8;font-size:10px}.main-hot__title{color:#45a7d4;font-size:24px;margin:40px 25px}@media(max-width:1025px){.main-hot__title{text-align:center}}.background{background-position:50%;background-repeat:repeat;height:100%;left:0;position:absolute;top:0;width:100%}.button{background-color:transparent;border:none;cursor:pointer;text-decoration:none}.button.auth-button{background-color:#5985ff;border:1px solid #5985ff;border-radius:10px;color:#fff;height:40px;justify-content:center;width:70px}.button:active{background-color:#83a4ff}.button.button-close{border:1px solid hsla(0,0%,85%,.4)}.button.button-close:hover{background-color:#979797;color:#fff}.button.pagination-button{border:1px solid #83a4ff;border-radius:50%;color:#d8d8d8;font-size:24px;height:48px;margin:0 5px;width:48px}.button.pagination-button:hover{border:1px solid #d8d8d8;color:#fff;scale:103%}.button.genre_button{border:1px solid hsla(0,0%,85%,.4);border-radius:4px;margin:0 3px;padding:2px 4px}.button.back-button{background:linear-gradient(0deg,#272a33,#1e1e22 10%);border-radius:24px;display:block;padding:70px 24px;position:relative;text-align:center;z-index:10000000}.button.back-button:hover{background-color:#45a7d4}.button.back-button h2{bottom:10px;color:#d8d8d8;left:50%;position:absolute}.button.search-button{transition:all .3 ease-in-out}.button.search-button.search-active{border-bottom:0;left:0;position:absolute}.button.search-button.search-active path{fill:#979797}.button.search-button:active{background-color:transparent}.button.disabled,.button.search-button:active{border:1px solid hsla(0,0%,85%,.4);color:hsla(0,0%,59%,.3)}.button.disabled:active,.button.disabled:hover{border:1px solid hsla(0,0%,85%,.4);color:hsla(0,0%,85%,.4)}.button.disabled:active{background-color:transparent}.search{height:100%;justify-content:center;transition:all .3s ease-in-out;width:100%}.search,.search__box{align-items:center;display:flex}.search__box{border:1px solid #979797;border-radius:4px;box-shadow:0 3px 10px rgba(69,109,212,.3);height:40px;padding-left:40px;position:relative;width:47%}@media(max-width:769px){.search__box{width:100%}}.search__box button{padding:0 10px}.search__box input{background-color:transparent;border:none;height:100%;margin-right:0;outline:none;width:90%}.modal{align-items:center;background-color:rgba(0,0,0,.4);display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease-in-out;width:100vw;z-index:10000}.modal.active{opacity:1}.modal-box{background-color:#272a33;border-radius:12px;max-height:450px;padding:20px 20px 40px;position:relative;width:300px}.modal-box .input__box{font-size:16px}.modal-content{display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.modal-content .button-close{height:20px}.modal-content form{align-items:center;display:flex;flex-direction:column}.modal-content__close{align-items:center;background-color:transparent;border-radius:6px;color:#d8d8d8;display:flex;font-size:20px;justify-content:space-between;padding:5px 12px}.modal-content__input{padding:10px 0 0}.modal-content__secondaryInputs{display:flex;font-size:12px;justify-content:space-between;margin-top:20px;white-space:nowrap;width:260px}.modal-content__secondaryInputs .check-box__input{height:16px;width:16px}.modal-content__secondaryInputs .check-box__input:after{background-color:#5985ff}.modal-content__secondaryInputs p{margin-right:15px}.modal-content__secondaryInputs span{color:#5985ff;cursor:pointer}.modal-content__button{background-color:#5985ff;border-radius:6px;color:#fff;height:40px;margin-top:30px;width:80%}.modal-content__orSignIn{display:flex;justify-content:flex-end;margin:16px auto 0;text-align:center}.modal-content__orSignIn.blue{bottom:10px;color:#45a7d4}.modal-content__signIcons{display:flex;height:32px;justify-content:center;margin:30px auto 20px;max-width:400px}.modal-content__signIcons img{margin:0 20px}.modal-content input{background-color:transparent;border:2px solid hsla(0,0%,85%,.4);border-radius:4px;color:#d8d8d8;height:40px;max-width:260px;padding:0 5px;width:260px}.modal-content p{color:#d8d8d8}.anime-page{padding:130px 0;width:100%}.content{display:flex;margin-top:40px;padding:0 0 70px}@media(max-width:600px){.content{align-items:center;flex-direction:column}}.content-leftside{align-items:center;display:flex;flex:25% 1;flex-direction:column;padding:20px;position:relative}@media(max-width:600px){.content-leftside{padding:0}}.content-leftside-state{display:flex;flex-direction:column;height:100%;margin-top:12px;max-width:280px;position:relative;width:100%}.content-leftside-state svg{height:32px;margin-bottom:12px;width:32px}.content-leftside-state__block{align-items:center;background-color:#45a7d4;border:0;border-radius:4px;display:flex;font-size:18px;height:40px;justify-content:center;width:100%}.content-leftside-state-usermodal{height:0;padding-bottom:10px;position:absolute;top:40px;transition:all .3s ease-in-out;width:100%;z-index:1000}.content-leftside-state-usermodal.active{background-color:#272a33;display:flex;height:160px;top:45px;transition:all .3s ease-in-out;width:100%}.content-leftside-state-usermodal-list{align-items:center;display:flex;display:none;flex-direction:column;height:100%;justify-content:space-around;visibility:visible;width:100%}.content-leftside-state-usermodal-list.active{display:flex}.content-leftside-state-usermodal-list__item{align-items:center;background-color:#343845;border-radius:4px;color:#d8d8d8;display:flex;height:28%;justify-content:center;width:90%}.content-leftside__image{max-height:400px;max-width:280px;position:relative}.content-leftside__image img{background-repeat:no-repeat;bottom:0;height:400px;left:0;object-fit:cover;right:0;top:0;width:280px}.content-leftside__favorite{-webkit-animation:animateFavorite;animation:animateFavorite;-webkit-animation-duration:1s;animation-duration:1s;height:40px;position:absolute;right:10px;top:10px;width:40px}.content-leftside__favorite .favorited{-webkit-animation:animateFavoriteOut;animation:animateFavoriteOut;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes animateFavorite{0%{-webkit-transform:scale(.2);transform:scale(.2)}40%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes animateFavorite{0%{-webkit-transform:scale(.2);transform:scale(.2)}40%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes animateFavoriteOut{0%{-webkit-transform:scale(1.8);transform:scale(1.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes animateFavoriteOut{0%{-webkit-transform:scale(1.8);transform:scale(1.8)}to{-webkit-transform:scale(1);transform:scale(1)}}.content-leftside__favorite img{height:100%;position:absolute;width:100%}.content-rightside{display:flex;flex:75% 1;flex-direction:column;padding:20px 40px}@media(max-width:500px){.content-rightside{align-items:center;justify-content:center;max-width:280px;padding:0 10px}}.content-rightside h1{max-width:100%}@media(max-width:500px){.content-rightside h1{font-size:18px;padding:10px 0}}.content-rightside h1 span{font-size:14px}.content-rightside .information h2{color:#d8d8d8;font-size:16px;font-weight:400;margin-bottom:6px;max-width:100%}@media(max-width:500px){.content-rightside .information h2{font-size:12px}}.content-rightside .information span{color:#979797}.content-rightside .information__title{color:#d8d8d8;font-weight:700;padding:24px 0 8px}@media(max-width:500px){.content-rightside .information__title{font-size:14px;padding:4px 0 8px}}.content-rightside .information__title.blue{color:#45a7d4}.content-rightside .information .description{padding:16px 0}@media(max-width:800px){.content-rightside .information .description{display:none}}.content-rightside .information .description span{color:#45a7d4}.description-mobile{border-bottom:1px solid hsla(0,0%,85%,.4);display:none;height:100px;margin:-40px 0 70px;overflow:hidden;padding:0 20px}.description-mobile.active{border-bottom:0;height:100%;overflow:visible}.description-mobile h2{font-size:14px}@media(max-width:800px){.description-mobile{display:block}}.description-mobile span{color:#45a7d4}.watch{margin:0 auto 100px;max-height:600px;padding:40px 0;position:relative;text-align:center}.watch h2{margin-left:30px;text-align:left}@media(max-width:500px){.watch h2{display:none}}.watch__watchsub{right:150px}.watch__watchdub{right:0}.watch a{align-items:center;background-color:#5985ff;border-radius:4px;display:flex;height:40px;justify-content:center;position:absolute;text-decoration:none;width:120px;z-index:10}.watch-anime{margin-top:30px;padding-left:30px}@media(max-width:400px){.watch-anime{padding-left:0}}.watch-anime__placeholder{background-color:#000;height:600px;margin-bottom:20px}.watch-anime__container{overflow:hidden;padding-top:56.25%;position:relative}@media(max-width:600px){.watch-anime__container{padding-top:68.25%}}@media(max-width:500px){.watch-anime__container{padding-top:74.25%}}@media(max-width:400px){.watch-anime__container{padding-top:78.25%}}@media(max-width:350px){.watch-anime__container{padding-top:92.25%}}.watch-anime iframe{border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.watch-anime .episode__modal{align-items:flex-start;background-color:#d8d8d8;display:flex;flex-wrap:wrap;justify-content:left;padding:10px 40px}.watch-anime .episode__modal li{background-color:#d8d8d8;border:1px solid #45a7d4;border-radius:4px;text-align:left}.watch-anime__settings{display:flex;justify-content:flex-start}.watch-anime__settings .episode-list .episode__active{background-color:#5985ff}.watch-anime__settings .episode-list ul{display:flex;flex-direction:row;flex-wrap:wrap;max-height:200px;overflow:auto;overflow-x:hidden}.watch-anime__settings .episode-list li{background-color:#343845;border:1px solid #343845;border-radius:4px;cursor:pointer;margin:20px 10px 0 0;padding:4px 10px}.watch-anime__settings .studio__modal{border:1px solid #45a7d4;border-radius:4px;padding:10px 40px}.searchPage{padding:100px 40px}.searchPage__results{padding:100px 20px 40px}.pagination{align-items:center;display:flex;justify-content:center;margin:0 auto;padding:0 40px 40px}.comment-section{display:flex;flex-direction:column}.comment-section__comment{align-items:center;background-color:#272a33;display:flex;flex-direction:row;margin-bottom:20px;padding:20px 40px}.comment-title{padding:60px 30px}.comment-avatar{border-radius:50%;height:40px;margin-right:20px;width:40px}.comment-text{flex:90% 1}.comment-text h2{font-size:14px}.comment-text p{color:#d8d8d8;font-size:14px}.comment-likes{display:flex;justify-content:flex-end;margin-right:10px}.back-slider{position:fixed;top:-200px;transition:all .3s ease-in-out;width:90%;z-index:20}.back-slider.slide{top:0}.gray{color:#d8d8d8}.green__bg{background-color:#13ac49}.purple__bg{background-color:#c329a7}.orange__bg{background-color:#cc941b}.blue__bg{background-color:#45a7d4}
/*# sourceMappingURL=main.79c8a630.css.map*/