@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@300;500;700&display=swap);*{box-sizing:border-box;font-family:Manrope,sans-serif;margin:0;padding:0}body,html{overflow-x:hidden}body{margin:0;max-width:100vw}img{height:100%;width:100%}html{background-color:#242424;scroll-behavior:smooth}li{list-style-type:none}a{text-decoration:none}i{cursor:pointer}.click:hover{-webkit-filter:drop-shadow(2px 2px 5px #242424);filter:drop-shadow(2px 2px 5px #242424);-webkit-transform:scale(1.04);transform:scale(1.04);transition:all .3s ease}.click:active{-webkit-transform:scale(.9);transform:scale(.9)}.peach{color:#ffbd59}.no-cursor{cursor:not-allowed}.link__hover{position:relative}.link__hover:before{background-color:#f5f5f5;bottom:4px;content:"";display:block;height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.link__hover:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.container{padding:56px 0}.row{margin:0 auto;max-width:1200px;padding:0 24px;width:100%}.row__column{align-items:center;display:flex;flex-direction:column}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background-color:initial}html::-webkit-scrollbar-thumb{background:#ffbd59;border-radius:8px}html::-webkit-scrollbar-thumb:hover{background:grey;border-radius:10px}html::-webkit-scrollbar-thumb:active{background:#fff;border-radius:10px}html::-moz-scrollbar{width:8px}html::-moz-scrollbar-track{background-color:initial}html::-moz-scrollbar-thumb{background:#ffbd59;border-radius:8px}html::-moz-scrollbar-thumb:hover{background:grey;border-radius:10px}html::-moz-scrollbar-thumb:active{background:#fff;border-radius:10px}html::-ms-scrollbar{width:8px}html::-ms-scrollbar-track{background-color:initial}html::-ms-scrollbar-thumb{background:#ffbd59;border-radius:8px}html::-ms-scrollbar-thumb:hover{background:grey;border-radius:10px}html::-ms-scrollbar-thumb:active{background:#fff;border-radius:10px}html::-o-scrollbar{width:8px}html::-o-scrollbar-track{background-color:initial}html::-o-scrollbar-thumb{background:#ffbd59;border-radius:8px}html::-o-scrollbar-thumb:hover{background:grey;border-radius:10px}html::-o-scrollbar-thumb:active{background:#fff;border-radius:10px}nav{background-color:#141414;box-shadow:0 2px 2px 0 rgba(0,0,0,.05);height:80px;position:fixed;top:0;width:100vw;z-index:100}ul{display:flex}.nav__container{display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:8px 16px;white-space:no-wrap}.nav__links{align-items:center;display:flex;padding-bottom:8px}.nav__link{color:#f5f5f5;font-weight:700;margin:0 24px;padding-bottom:8px}.nav__link--btn{background-color:#ffbd59;border-radius:100px;margin-left:8px;padding:16px 32px;transition:all .3s ease}.nav__link--btn:hover{background-color:#e08a0a}.logo{border-radius:999px;height:69px;transition:all .3s ease;width:69px}.btn__menu{background-color:initial;border:none;color:#ffbd59;cursor:pointer;display:none;width:32px}.btn__menu:hover{color:#e08a0a}.menu__backdrop{align-items:center;background-color:#343434;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:absolute;top:0;-webkit-transform:translate(100%);transform:translate(100%);transition:all .3s ease;visibility:hidden;width:100vw;z-index:100}.menu--open{max-height:100vh;overflow:hidden}.menu--open .menu__backdrop{opacity:1;-webkit-transform:translate(0);transform:translate(0);visibility:visible}.menu__links{align-items:center;display:flex;flex-direction:column}.menu__list{padding:32px 0}.menu__link{color:#f5f5f5;font-size:40px;transition:all ease}.btn__menu--close:hover,.menu__link:hover{color:#e08a0a}.btn__menu--close{color:#f5f5f5;cursor:pointer;height:56px;padding:8px;position:absolute;right:20px;top:10px;width:56px}header{background-blend-mode:overlay;background-color:#242424;background-image:url(/static/media/manga-bg3.f3fbf5850e5260e91e12.jpg);background-position:0;background-repeat:no-repeat;background-size:cover;height:100vh}.header__description{align-items:center;display:flex;flex-direction:column;height:100%;margin:104px auto 0;max-width:900px;width:100%}.header__sub-title,.header__title{color:#f5f5f5;margin-bottom:24px;text-shadow:2px 2px 6px #242424}.header__title{font-size:72px}.header__sub-title{font-size:32px}.search{display:flex;justify-content:center;margin:0 auto;min-width:600px;width:90%}.search-box{background-color:#f5f5f5;border:none;font-size:24px;outline:none;padding-left:24px;width:100%}.search-box,.search__btn{border-radius:24px;height:72px}.search__btn{background-color:#ffbd59;border:none;color:#f5f5f5;margin-left:16px;transition:all .3s ease;width:25%}.search__btn:hover{background-color:#e08a0a}.loading__btn,.search__icon{height:40px;width:40px}.loading__btn{-webkit-animation:rotate .8s linear infinite;animation:rotate .8s linear infinite;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}footer{padding:32px 0}.footer__logo{border-radius:999px;display:flex;transition:all .3s ease}.footer__logo--img{width:80px}.footer__copyright,.footer__link{color:#f5f5f5}.footer__list{margin:20px 0 24px}.footer__link{margin:0 8px;padding-bottom:6px}#browse{margin-top:48px;min-height:100vh}.browse__input{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:800px;position:relative;width:90%}.browse__input--box{background-color:#f5f5f5;border:none;border-radius:24px;font-size:24px;height:72px;outline:none;padding-left:24px;padding-right:80px;width:100%}.browse__input--icon{color:#ffbd59;cursor:pointer;position:absolute;right:16px;transition:all .3s ease;width:48px}.browse__input--icon:hover{color:#e08a0a}.search__filter{align-items:center;display:flex;justify-content:space-between;margin-top:32px}.search__text{color:#f5f5f5;width:50%}#filter{background-color:#f5f5f5;border:1px solid #242424;border-radius:4px;color:#242424;height:40px;line-height:40px;max-width:200px;outline:none;padding:0 16px;width:100%}.manga__container{flex-wrap:wrap}.manga__container,.manga__load{display:flex;justify-content:center}.manga__load{align-items:center;margin:48px}.manga__btn{background-color:#ffbd59;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:16px;font-weight:700;height:48px;min-width:140px;transition:all .3s ease;width:20%}.manga__btn:hover{background-color:#e08a0a}.manga{background-color:#ffbd59;border-radius:8px;box-shadow:2px 2px 12px #000;cursor:pointer;margin:32px 16px 0;min-width:250px;padding:4px 4px 0;transition:all .3s ease;width:22%}.manga:hover{background-color:#e08a0a;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.manga__img--wrapper{height:300px;object-fit:contain;width:100%}.manga__img{border-radius:8px;box-shadow:0 0 2px #242424;height:100%;width:100%}.manga__titles{padding:8px 0}.manga__title{font-size:16px;font-weight:700;padding-bottom:4px;text-align:center}.manga__score{align-items:center;display:flex;justify-content:center}.manga__score--icon{color:#ff0;padding-right:4px;width:24px}.not__found{align-items:center;color:#f5f5f5;display:flex;flex-direction:column;margin-top:104px}.not__found--wrapper{margin-bottom:16px;width:80%}.not__found--img{width:100%}.not__found--title{font-size:40px;margin:16px 0}.manga__info{color:#f5f5f5;display:flex;flex-direction:column;height:100vh;margin:104px auto;max-width:1200px}.manga__info--return{cursor:pointer;display:flex;margin:32px;transition:all .3s ease}.manga__info--return:hover{color:#ffbd59}.manga__info--return--icon{width:30px}.manga__info--return--text{font-size:24px;margin-left:8px}.manga__info--wrapper{align-items:center;display:flex;justify-content:center;padding:16px 32px;width:100%}.manga__info--img--wrapper{position:relative;transition:all .6s ease;width:30%}.manga__info--img,.manga__info--img--wrapper{border-radius:8px;overflow:hidden}.manga__info--img--wrapper:hover .manga__info--img{-webkit-filter:blur(5px);filter:blur(5px)}.manga__info--img--wrapper:hover .manga__info--img--bg{opacity:.7;visibility:visible}.manga__info--img--wrapper:hover .manga__info--img--link{opacity:1}.manga__info--img--bg{background-color:#000;height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .45s ease;visibility:hidden;width:100%}.manga__info--img--link{color:#f5f5f5;left:40%;margin:0 auto;opacity:0;position:absolute;top:40%;transition:opacity .3s ease;width:80px;z-index:100}.manga__desc{height:100%;padding:8px 32px;width:70%}.manga__desc--title{color:#ffbd59}.manga__desc--score{align-items:center;display:flex;padding:8px 0}.manga__desc--published,.manga__desc--synopsis{padding-bottom:8px}.manga__desc--para--skeleton,.manga__desc--skeleton,.manga__info--img--skeleton{border-radius:8px}.manga__info--img--skeleton{height:400px;width:30%}.manga__desc--skeleton{height:32px;margin-bottom:16px;width:80%}.manga__desc--para--skeleton{height:56px;width:80%}.skeleton{height:380px}.skeleton-box{background-color:#646464;display:inline-block;overflow:hidden;position:relative}.skeleton-box:after{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 20%,hsla(0,0%,100%,.3) 60%,hsla(0,0%,100%,0));bottom:0;content:"";left:0;position:absolute;right:0;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}@-webkit-keyframes shimmer{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shimmer{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@media (max-width:680px){.manga__info--wrapper{align-items:start;flex-direction:column}.manga__desc{line-height:1.5;width:100%}.search__text{font-size:16px}.manga__info--return{margin:16px}.manga__desc--skeleton{width:100%}.manga__info--img--wrapper{height:100%;padding-left:32px;width:50%}.manga__info--img--skeleton{height:400px;margin-bottom:8px;margin-left:32px;width:50%}.manga__desc--para--skeleton{height:100px}.nav__list{display:none}.btn__menu{display:block}.search{min-width:200px;width:90%}.search-box{font-size:12px}.header__title{font-size:56px}.header__sub-title{font-size:24px}.manga{margin:32px 4px 0;width:20%}#filter{width:40%}.manga .skeleton{height:380px}}
/*# sourceMappingURL=main.7e4b8ddc.css.map*/