.modal{background:#fff;position:absolute;border-radius:5px;border:1px solid rgba(0,0,0,.05);box-shadow:0 3px 5px rgba(0,0,0,.04);z-index:99}.modal__show{opacity:1}.modal__hide,.modal__show{transition:visibility 0s,opacity .05s linear}.modal__hide{opacity:0}#pop_modal{align-items:center;justify-content:center;width:100%;min-height:100vh;position:absolute;top:0;left:0;z-index:99}#pop_modal .bg__fade{width:100%;height:100vh;position:fixed;top:0;background:#fff;opacity:.9}#pop_modal .pop__modal{width:400px;margin:2em 0;padding:2em;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.15);border-radius:5px;z-index:1}#pop_modal .pop__modal>div:first-child{text-align:right}#pop_modal .modal__container>h5{text-align:center;margin-top:0}#pop_modal .modal__container>div{display:flex;justify-content:space-between}#pop_modal .modal__container>div button{width:49%}#pop_modal form{display:flex;flex-direction:column}#pop_modal form label{font-weight:500}#pop_modal form input,#pop_modal form select,#pop_modal form textarea{margin:10px 0 20px;padding:10px;background:#f3f3f4;border:0;border-radius:5px}#pop_modal button{background:#dad272;color:#fff}#pop_modal button.default{background:#cecece;color:#000}#pop_modal.show{-webkit-animation:fade__in .5s forwards;animation:fade__in .5s forwards}#pop_modal.hide{-webkit-animation:fade__out .5s forwards;animation:fade__out .5s forwards}@-webkit-keyframes fade__in{0%{opacity:0}to{opacity:1}}@keyframes fade__in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade__out{0%{opacity:1}to{opacity:0}}@keyframes fade__out{0%{opacity:1}to{opacity:0}}.home__header{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:101vh;min-height:100vh;margin-top:0!important;background-image:url(/static/media/bg_header.fe0374fe.png)}.home__header>h1{margin-top:-40px;color:#fff;text-align:center;font-weight:100}.home__header>h1>b{font-size:unset}.home__header>form{display:flex;justify-content:space-between;align-items:center;width:800px;max-width:90%;background:#fff}.home__header>form>input{width:100%;padding:20px;background:transparent;border:0}.home__header>form>input:focus{outline-width:0}.home__header>form .icon{margin-right:20px;font-size:25px;color:#777;transform:scaleX(-1);transition:.3s}.home__header>form .icon:hover{color:#000}.product__toplist{display:flex;justify-content:space-between;margin:-120px 0 0 5%}.product__toplist .product__desc{width:25%;color:#fff}.product__toplist .product__desc h4{margin:5px 0;color:#dad272}.product__toplist .product__desc p{margin:5px 0;font-size:16px}.product__toplist .product{width:24.5%;background:#000}.product__toplist .product>img{width:100%;height:120px;object-fit:cover}.product__toplist .product>div{padding:20px;color:#fff;line-height:23px}.product__toplist .product>div h5{margin:-35px 0 10px}.product__toplist .product>div h5>a{color:#fff;font-size:unset}.product__toplist .product>div>a{display:block;margin-top:10px;color:#fff;text-align:right}.home__body{margin-top:80px;padding:0 5%}.product__tools{align-items:center;margin-bottom:50px}.product__tools,.product__tools .genre__list{display:flex;justify-content:center}.product__tools .genre__list>div{padding:10px 25px;color:#000;border-radius:5px;cursor:pointer;transition:all .2s linear}.product__tools .genre__list>.active{background:#323537;color:#fff;font-weight:700}.product__tools .bt{position:absolute;left:5%}#filter__tools,#sort__tools{margin-top:10px;padding:5px 0}#filter__tools h6,#sort__tools h6{margin:0;padding:8px 100px 8px 20px;font-weight:500;cursor:pointer}#filter__tools>.active,#filter__tools h6:hover,#sort__tools>.active,#sort__tools h6:hover{background:#f3f3f4}#filter__tools{right:5%}.book .book__header{width:100%;height:300px;overflow:hidden}.book .book__header div{width:100%;height:100%;background:rgba(0,0,0,.432);filter:blur(8px);-webkit-filter:blur(8px)}.book .book__detail{display:flex;padding:0 5%;background:#fff;position:relative}.book .book__detail>div:first-child{width:350px;margin-top:-140px}.book .book__detail>div:first-child .book__img{width:100%;padding-top:100%;border-radius:10px}.book .book__detail>div:first-child .detail__list div{margin-top:20px}.book .book__detail>div:first-child .detail__list div h6{text-transform:capitalize}.book .book__detail>div:nth-child(2){width:100%;margin:-90px 0 0 50px}.book .book__detail>div:nth-child(2)>div:first-child{display:flex;justify-content:space-between;align-items:flex-end}.book .book__detail>div:nth-child(2)>div:first-child .detail__info{display:flex;color:#fff}.book .book__detail>div:nth-child(2)>div:first-child .detail__info div{margin-right:50px}.book .book__detail>div:nth-child(2)>div:first-child .detail__info div h3,.book .book__detail>div:nth-child(2)>div:first-child .detail__info div h6{margin:0}.book .book__detail>div:nth-child(2)>div:first-child button{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:15px 40px;background:#dad272;box-shadow:0 2px 12px -6px #736a00!important}.book .book__detail>div:nth-child(2)>div:first-child button:hover{background:#c7bf65}.book .book__detail>div:nth-child(2)>div:nth-child(2){margin-top:60px}.book .book__detail>div:nth-child(2)>div:nth-child(2) h3{margin:20px 0;display:block}.book .product__highlight{margin:0 5%}.book h6{display:block;margin:0;font-size:16px;line-height:26px;font-weight:300}.book hr{margin:30px 5%}.empty__book .empty{min-height:85vh}.database{padding:20px 5% 0}.database__header>div{display:flex;flex-wrap:wrap;justify-content:space-between}.database__header>div>a{width:calc(32% - 60px);margin-bottom:30px;padding:30px;border-radius:5px}.database__header>div>a h5,.database__header>div>a h6{margin:0 0 5px;color:#fff}.database__header>div>a h6{font-size:16px}.database__content{margin-top:20px}.database__content button{background:#845de7;color:#fff}.database__content button:hover{background:#723cfa}.database__content>div{display:flex;align-items:center;justify-content:space-between}.database__content table{width:100%}.database__content table td{padding:10px 0;border-bottom:1px solid #e4e4e4}.database__content table img{width:75px;height:75px;margin-right:15px;object-fit:cover;border-radius:5px}.database__content table h5,.database__content table h6{margin:0 0 5px}.database__content .tools>div>div svg,.database__content table h5{font-size:16px}.database__content .tools>div{display:flex;justify-content:flex-end}.database__content .tools>div>div{display:flex;align-items:center;justify-content:center;height:40px;width:40px;margin-left:10px;border-radius:50%;color:#845de7;cursor:pointer;transition:.3s}.database__content .tools>div>div:hover{background:#ece6ff}.database__content .tools>div>div:nth-child(3){width:80px;padding:0 10px;border-radius:5px;cursor:unset}.database__content .tools>div>div:nth-child(3).able{background:#ece6ff}.database__content .tools>div>div:nth-child(3).disable{background:#ffe4eb;color:#e13767;cursor:pointer}.my_book{padding:0 5%}.my_book .product__tools{padding-top:50px;justify-content:center}.search{padding:10px 5%}.search h4{font-weight:500}.search h4 b{font-size:25px;color:#dad272}.empty__page .empty{min-height:85vh}@font-face{font-family:leelawade;src:url(/static/media/LEELAWUI.08a2b19e.TTF)}*{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-size:14px}html{scroll-behavior:smooth}.leelawade{font-family:leelawade}div::-webkit-scrollbar{height:8px}div::-webkit-scrollbar-thumb{background:#dbdbde}a{color:#000;text-decoration:none}h1{font-size:45px}h2{font-size:40px}h3{font-size:30px}h4{font-size:25px}h5{font-size:20px}h6,p{line-height:25px}img{display:block}hr{border:0;border-bottom:1px solid #dbdbde}select{cursor:pointer}.error{background:#ffe4eb;color:#e13767}.bg__setup{background-size:cover!important;background-position:50%!important;background-repeat:no-repeat!important}.bt{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10px 25px;border:1px solid transparent;border-radius:5px;cursor:pointer;transition:.3s}.bt__primary{background:#323537;color:#fff}.bt__default{background:#f3f3f4;color:#000;border-color:transparent}.c__pointer{cursor:pointer}.c__disable{cursor:no-drop}#user__modal>div:nth-child(2) h6,#user__modal>div:nth-child(2) p,.ft__cp{text-transform:capitalize}#nav .nav__link .auth__toogle,#nav .nav__link a,.ft__up{text-transform:uppercase}.fw__bold{font-weight:700!important}.fw__medium{font-weight:500!important}.fw__thin{font-weight:300!important}.txt__center{text-align:center}.empty{width:100%;margin-top:50px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty img{width:400px}.loading{min-height:75vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading img{width:200px}.loading h4{font-family:Arial,Helvetica,sans-serif;margin-top:0;font-size:25px}#nav{justify-content:space-between;position:absolute;top:0;width:100%;background:#000;box-shadow:0 10px 30px rgba(0,0,0,.1)}#nav,#nav>div:nth-child(3){display:flex;align-items:center}#nav>div:nth-child(3){justify-content:flex-end;margin-right:5%}#nav>div:nth-child(3) #toogle_nav{display:none}#nav .nav__title{margin-left:5%;color:#fff}#nav .nav__link{display:flex;align-items:center;margin-right:5%}#nav .nav__link .auth__toogle,#nav .nav__link a{padding:25px;color:#ccc;cursor:pointer}#nav .nav__link .auth__toogle:hover,#nav .nav__link a:hover{color:#fff}#nav .nav__link .auth__toogle{padding-right:0}#nav .nav__link .active{color:#fff;margin-bottom:-2px;border-bottom:2px solid #fff}#nav .profile__toogle{width:35px;height:35px;border-radius:50%;background:#fff}.wrapper>div:first-child{margin-top:69px}.product__list{min-height:85vh;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;flex-flow:row wrap;align-content:flex-start}.product__list>.product{width:24%;margin-bottom:3em}.product__list>.product img{width:100%;height:200px;margin-bottom:10px;object-fit:cover;border-radius:5px}.product__list>.product a{font-size:16px}.product__list>.product p{margin:5px 0}#user__modal{top:85px;right:3%;width:225px;background:#36393f;color:#8e9297}#user__modal .arrow__helper{width:20px;height:20px;position:absolute;top:-8px;right:35px;background:#36393f;transform:rotate(45deg)}#user__modal>div:nth-child(2){padding:25px 0;text-align:center;border-bottom:1px solid #484a4e}#user__modal>div:nth-child(2) img{display:unset;width:75px;height:75px;object-fit:cover;border:2px solid #fff;border-radius:50%}#user__modal>div:nth-child(2) h6{margin:5px 0 0;font-size:16px}#user__modal>div:nth-child(2) p{margin:0}#user__modal>div:nth-child(3){display:flex;align-items:center;padding:15px 25px;transition:.3s;cursor:pointer}#user__modal>div:nth-child(3):hover{background:#2b2e31}#user__modal>div:nth-child(3) svg{margin-right:15px}#auth__modal{top:85px;right:5%;background:#36393f;color:#8e9297}#auth__modal .arrow__helper{width:20px;height:20px;position:absolute;top:-8px;right:35px;background:#36393f;transform:rotate(45deg)}#auth__modal form{display:flex;flex-direction:column;padding:10px}#auth__modal form label{margin:20px 0 7px}#auth__modal form input{width:250px;padding:10px;background:#313339;color:#8e9297;border:1px solid #292929;border-radius:5px;transition:.3s}#auth__modal form input:focus{outline-width:0;border-color:rgba(189,182,101,.56)}#auth__modal form button{margin-top:20px;padding:10px;color:#000;font-weight:500;background:#dad272;border:none;border-radius:5px;transition:.3s}#auth__modal form button:hover{background:#c7bf65}#auth__modal form p{margin:10px 0 20px}#auth__modal form p b:hover{text-decoration:underline}@media screen and (max-width:1100px){.product__toplist{width:95%;margin:-140px 0 0;padding-left:5%;overflow-x:auto}.product__toplist>div{min-width:300px;margin-right:5px}.product__toplist>div:first-child{min-width:250px;margin-right:20px}}@media screen and (max-width:950px){.home__body .modal{margin-top:65px!important}.product__tools{justify-content:center!important;padding-bottom:12px;border-bottom:1px solid #dbdbde}.product__tools .bt{margin-top:130px}.product__tools .bt:first-child{left:5%}.product__tools .bt:nth-child(3){right:5%}.product__list{margin-top:70px}.product__list>.product{width:32.5%}.database__header>div>a{width:calc(50% - 45px);margin-bottom:10px;padding:20px}.database__content .tools>div>div{height:35px;width:35px;margin-left:5px}.database__content .tools>div>div:first-child.able,.database__content .tools>div>div:first-child.disable{width:35px}}@media screen and (max-width:750px){#nav{width:100%;left:0}#nav .nav__link .auth__toogle,#nav .nav__link a,#nav .nav__tool .auth__toogle,#nav .nav__tool a{padding:20px}#nav .nav__link .auth__toogle,#nav .nav__tool .auth__toogle{padding-right:0}.wrapper>div:first-child{margin-top:59px}#auth__modal,#user__modal{top:75px}.product__list>.product{width:49%}.book .book__detail>div:first-child{margin-top:-110px}}@media screen and (max-width:650px){#nav>div:nth-child(3){display:flex!important;width:100%}#nav .nav__link{top:75px;right:-5px;flex-direction:column;align-items:flex-start;position:absolute;padding-bottom:25px;background:#36393f;color:#8e9297;border-radius:5px;border:1px solid rgba(0,0,0,.05);box-shadow:0 3px 5px rgba(0,0,0,.04);z-index:99}#nav .nav__link a{margin:0;padding:25px 100px 0 15px!important;color:#ccc}#nav .nav__link a.active{border-bottom:0}#nav .nav__link .arrow__helper{display:block;width:20px;height:20px;position:absolute;top:-8px;right:16px;background:#36393f;transform:rotate(45deg)}#nav .nav__link .auth__toogle{padding:25px 100px 0 15px}#nav .hide{display:none}#nav .profile__toogle{margin-right:15px}#nav #toogle_nav{display:block!important;margin:10px 5%;cursor:pointer}#nav #toogle_nav svg{font-size:35px;color:#fff}#nav .home__header{padding:0 5%}.my_book .genre__list{justify-content:center!important}.genre__list{overflow-x:auto;width:110%;margin:0 -5%;padding-left:5%;justify-content:flex-start!important}.genre__list::-webkit-scrollbar{display:none}.book .book__detail{flex-direction:column}.book .book__detail>div{width:100%!important}.book .book__detail>div:first-child .book__img{width:300px;height:300px;margin:-40px auto 0;padding-top:0}.book .book__detail>div:first-child .detail__list{display:flex;flex-wrap:wrap;margin-top:20px}.book .book__detail>div:first-child .detail__list div{width:50%}.book .book__detail>div:nth-child(2){margin:0}.book .book__detail>div:nth-child(2) div:first-child .detail__info{width:100%;color:#000}.book .book__detail>div:nth-child(2) div:first-child .detail__info div{display:flex;flex-direction:column-reverse;width:50%;margin:20px 0 0}.book .book__detail>div:nth-child(2) div:first-child .detail__info div h3{font-size:16px;font-weight:300}.book .book__detail>div:nth-child(2) div:first-child .detail__info div h6{font-weight:700}.book .book__detail>div:nth-child(2) div:nth-child(2) h3{font-size:25px}.book .book__detail>div:nth-child(2) div:nth-child(2) h6{text-align:justify}.book .book__detail>div:nth-child(2) button{position:fixed;bottom:20px;width:90%}.database h4{font-size:20px}.database .database__header>div{flex-wrap:nowrap;justify-content:unset;overflow-x:auto;margin:0 -5%;padding-left:5%}.database .database__header>div a{min-width:250px;margin-right:10px;padding:15px 20px}.database .database__header>div a h5{font-size:16px}.database .database__header>div a h6{font-size:14px}.database .database__content table td:nth-child(3){display:none}.database .database__content table img{width:60px;height:60px}#auth__modal{top:170px;right:0}#user__modal{right:10%}#user__modal .arrow__helper{right:65px}.loading{min-height:85vh}.loading img{width:50%}}@media screen and (max-width:450px){.nav__link{margin-left:5%}.home__header>h1{margin:-50px 5% .67em}.product__list .product{width:100%}.product__list .product img{height:200px}.database h4{font-size:20px}.database__header>h4{margin-top:10px}.empty img{width:250px}}
/*# sourceMappingURL=main.32393691.chunk.css.map */