.image-gallery-icon{color:#fff;transition:all .3s ease-out;appearance:none;background-color:transparent;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px #1a1a1a)}@media (hover: hover) and (pointer: fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media (max-width: 768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media (max-width: 480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media (max-width: 768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media (max-width: 480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.left .image-gallery-slide .image-gallery-image,.image-gallery-content.right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{display:inline-block;width:calc(100% - 110px)}@media (max-width: 768px){.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:rgba(0,0,0,.4);bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media (max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{appearance:none;background-color:transparent;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media (max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media (hover: hover) and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{display:inline-block;vertical-align:top;width:100px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{width:81px}}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{margin:0 5px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media (max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid transparent;transition:border .3s ease-out;width:100px;background:transparent;padding:0}@media (max-width: 768px){.image-gallery-thumbnail{border:3px solid transparent;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media (max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media (hover: hover) and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media (hover: hover) and (pointer: fine) and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px #1a1a1a;transform:translateY(-50%);white-space:normal;width:100%}@media (max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:rgba(0,0,0,.4);color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media (max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}.view-detail-book .original-image,.view-detail-book .thumbnail-image{cursor:pointer}.view-detail-book .image-gallery-image{max-height:calc(100vh - 330px)!important}.view-detail-book .title{margin:5px 0;color:#242424;font-size:24px;font-weight:300;line-height:32px;word-break:break-word}.view-detail-book .rating{display:flex;margin:10px 0}.view-detail-book .price{border-radius:4px;background-color:#fafafa;padding:25px;margin-bottom:20px}.view-detail-book .price .currency{font-size:32px;line-height:40px;margin-right:8px;font-weight:500;color:#ee4d2d}.view-detail-book .delivery{padding:10px 0}.view-detail-book .quantity{padding:10px 0;display:flex;align-items:center}.view-detail-book .quantity .right-side{display:flex}.view-detail-book .quantity .right-side input{width:50px;height:32px;border-left:0;border-right:0;font-size:16px;font-weight:400;box-sizing:border-box;text-align:center;cursor:text;border-radius:0;border:1px solid rgba(0,0,0,.09);outline:none}.view-detail-book .quantity .right-side button{outline:none;cursor:pointer;border:0;font-size:.875rem;font-weight:300;line-height:1;letter-spacing:0;display:flex;align-items:center;justify-content:center;transition:background-color .1s cubic-bezier(.4,0,.6,1);border:1px solid rgba(0,0,0,.09);border-radius:2px;background:transparent;color:#000c;width:32px;height:32px}.view-detail-book .left-side{color:#757575;width:110px;text-transform:capitalize;display:inline-block}.view-detail-book .buy{display:flex;gap:20px;padding:20px 0}.view-detail-book .buy button{overflow:visible;outline:0;background:rgba(255,87,34,.1019607843);color:#ee4d2d;border:1px solid #ee4d2d;box-shadow:0 1px 1px #00000008;cursor:pointer;border-radius:3px;font-size:16px;height:48px;padding:0 20px}.view-detail-book .buy button.now{color:#fff;position:relative;overflow:visible;outline:0;background:#ee4d2d}.view-detail-book .buy .cart:hover{background:rgba(255,197,178,.1803921569)}.view-detail-book .buy .cart span{padding-left:5px}.view-detail-book .buy .now:hover{background:#f05d40}.modal-gallery .active{border:2px solid #ee4d2d;position:absolute;width:100px;height:100px;box-sizing:border-box;top:0}.modal-gallery .img-normal{cursor:pointer}.login-page{color:var(--color-black);background:var(--color-light)}.login-page .container{display:flex;justify-content:center;align-items:center;max-width:80rem;min-height:100vh;padding:0 2rem;margin:0 auto}.login-page .text{font-family:inherit;line-height:inherit;text-transform:unset;text-rendering:optimizeLegibility}.login-page .text-large{font-size:2rem;font-weight:600;color:var(--color-black)}.login-page .text-normal{font-size:1rem;font-weight:400;color:var(--color-black)}.login-page .text-links{font-size:1rem;font-weight:400;color:var(--color-blue)}.login-page .text-links:hover{text-decoration:underline}.login-page .main .wrapper{max-width:28rem;width:100%;margin:2rem auto;padding:2rem 2.5rem;border:none;outline:none;border-radius:.5rem;color:var(--color-black);background:var(--color-white);box-shadow:var(--shadow-large)}.login-page .main .wrapper .form{width:100%;height:auto;margin-top:2rem}.login-page .main .wrapper .form .input-control{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.login-page .main .wrapper .form .input-field{font-family:inherit;font-size:1rem;font-weight:400;line-height:inherit;width:100%;height:auto;padding:.75rem 1.25rem;border:none;outline:none;border-radius:2rem;color:var(--color-black);background:var(--color-light);text-transform:unset;text-rendering:optimizeLegibility}.login-page .main .wrapper .form .input-submit{font-family:inherit;font-size:1rem;font-weight:500;line-height:inherit;cursor:pointer;min-width:40%;height:auto;padding:.65rem 1.25rem;border:none;outline:none;border-radius:2rem;color:var(--color-white);background:var(--color-blue);box-shadow:var(--shadow-medium);text-transform:capitalize;text-rendering:optimizeLegibility}.login-page .main .wrapper .striped{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:1rem 0}.login-page .main .wrapper .striped-line{flex:auto;flex-basis:auto;border:none;outline:none;height:2px;background:var(--color-grayish)}.login-page .main .wrapper .striped-text{font-family:inherit;font-size:1rem;font-weight:500;line-height:inherit;color:var(--color-black);margin:0 1rem}.login-page .main .wrapper .method-control{margin-bottom:1rem}.login-page .main .wrapper .method-action{font-family:inherit;font-size:.95rem;font-weight:500;line-height:inherit;display:flex;justify-content:center;align-items:center;width:100%;height:auto;padding:.35rem 1.25rem;outline:none;border:2px solid var(--color-grayish);border-radius:2rem;color:var(--color-black);background:var(--color-white);text-transform:capitalize;text-rendering:optimizeLegibility;transition:all .35s ease}.login-page .main .wrapper .method-action:hover{background:var(--color-light)}.header-container .page-header{display:flex;user-select:none;-moz-user-select:none;-webkit-user-select:none;height:55px;color:#808089;width:100%;max-width:1440px;margin:0 auto;line-height:55px}.header-container .page-header__top{display:flex;width:70%;padding:0 16px}.header-container .page-header__bottom{display:flex}.header-container .page-header__toggle{display:none}.header-container .page-header .page-header__top .page-header__logo{display:flex;width:100%;align-items:center;gap:10px}.header-container .page-header .logo{color:#61dafb;cursor:pointer;display:block}.header-container .page-header .logo .icon-react{font-size:30px;position:relative;top:8px;margin-right:5px}.header-container .page-header .logo .icon-react.rotate{-webkit-animation:spin 10s linear infinite;-moz-animation:spin 10s linear infinite;animation:spin 10s linear infinite}@-moz-keyframes spin{to{-moz-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.header-container .page-header .logo .icon-search{position:relative;left:35px}.header-container .page-header .input-search{height:25px;outline:none;padding:5px 30px;border-radius:6px;border:1px solid #ddd;flex:1}.header-container .navigation{display:block;opacity:1;height:auto}.header-container .navigation__item{opacity:.8;display:inline-block;padding:0 5px}.header-container .navigation__item:hover{cursor:pointer;opacity:1}.header-container .navigation .icon-cart{font-size:20px;top:5px;position:relative;color:#61dafb}@media (max-width: 600px){.header-container .page-header{display:flex}.header-container .page-header .logo{display:none}.header-container .page-header__toggle{display:block;font-size:2em;margin-right:15px}.header-container .page-header .page-header__bottom{justify-content:center;flex-grow:1}.header-container .navigation{display:block;opacity:1;height:auto}.header-container .navigation__item{opacity:.8;display:inline-block}.header-container .navigation__item:hover{cursor:pointer;opacity:1}.header-container .navigation__item.mobile{display:none}}footer{width:100%;height:50px;text-align:center;line-height:50px}.homepage-container .customize-row{display:flex;flex-wrap:wrap;gap:20px 10px}.homepage-container .customize-row .column{width:calc(20% - 8px)}.homepage-container .customize-row .column:hover{box-shadow:0 .0625rem 20px #0000000d;-webkit-transform:translateY(-.0625rem);transform:translateY(-.0625rem)}.homepage-container .customize-row .column .wrapper{cursor:pointer;box-shadow:0 .0625rem .125rem #0000001a;border-radius:.125rem;padding:.3rem}.homepage-container .customize-row .column .wrapper .text{padding:.5rem 0;font-size:.75rem;height:50px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.homepage-container .customize-row .column .wrapper .rating{display:flex;align-items:center;gap:10px}.homepage-container .customize-row .thumbnail{max-height:200px;max-width:200px;margin:0 auto}.homepage-container .customize-row .thumbnail img{max-width:100%;max-height:100%;background-color:#fff;object-fit:contain}@media screen and (max-width: 600px){.homepage-container .customize-row .column{flex:unset;width:calc(50% - 8px);flex-wrap:wrap}}@media screen and (max-width: 800px) and (min-width: 601px){.homepage-container .customize-row .column{flex:unset;width:calc(25% - 8px);flex-wrap:wrap}}:root{--color-white: #ffffff;--color-light: #f1f5f9;--color-black: #121212;--color-night: #001632;--color-red: #f44336;--color-blue: #1a73e8;--color-gray: #80868b;--color-grayish: #dadce0;--shadow-normal: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-large: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.register-page{color:var(--color-black);background:var(--color-light)}.register-page .container{display:flex;justify-content:center;align-items:center;max-width:80rem;min-height:100vh;padding:0 2rem;margin:0 auto}.register-page .text{font-family:inherit;line-height:inherit;text-transform:unset;text-rendering:optimizeLegibility}.register-page .text-large{font-size:2rem;font-weight:600;color:var(--color-black)}.register-page .text-normal{font-size:1rem;font-weight:400;color:var(--color-black)}.register-page .text-links{font-size:1rem;font-weight:400;color:var(--color-blue)}.register-page .text-links:hover{text-decoration:underline}.register-page .main .wrapper{max-width:28rem;width:100%;margin:2rem auto;padding:2rem 2.5rem;border:none;outline:none;border-radius:.5rem;color:var(--color-black);background:var(--color-white);box-shadow:var(--shadow-large)}.register-page .main .wrapper .form{width:100%;height:auto;margin-top:2rem}.register-page .main .wrapper .form .input-control{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.register-page .main .wrapper .form .input-field{font-family:inherit;font-size:1rem;font-weight:400;line-height:inherit;width:100%;height:auto;padding:.75rem 1.25rem;border:none;outline:none;border-radius:2rem;color:var(--color-black);background:var(--color-light);text-transform:unset;text-rendering:optimizeLegibility}.register-page .main .wrapper .form .input-submit{font-family:inherit;font-size:1rem;font-weight:500;line-height:inherit;cursor:pointer;min-width:40%;height:auto;padding:.65rem 1.25rem;border:none;outline:none;border-radius:2rem;color:var(--color-white);background:var(--color-blue);box-shadow:var(--shadow-medium);text-transform:capitalize;text-rendering:optimizeLegibility}.register-page .main .wrapper .striped{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:1rem 0}.register-page .main .wrapper .striped-line{flex:auto;flex-basis:auto;border:none;outline:none;height:2px;background:var(--color-grayish)}.register-page .main .wrapper .striped-text{font-family:inherit;font-size:1rem;font-weight:500;line-height:inherit;color:var(--color-black);margin:0 1rem}.register-page .main .wrapper .method-control{margin-bottom:1rem}.register-page .main .wrapper .method-action{font-family:inherit;font-size:.95rem;font-weight:500;line-height:inherit;display:flex;justify-content:center;align-items:center;width:100%;height:auto;padding:.35rem 1.25rem;outline:none;border:2px solid var(--color-grayish);border-radius:2rem;color:var(--color-black);background:var(--color-white);text-transform:capitalize;text-rendering:optimizeLegibility;transition:all .35s ease}.register-page .main .wrapper .method-action:hover{background:var(--color-light)}.layout-admin .admin-header{height:50px;border-bottom:1px solid #ebebeb;display:flex;align-items:center;justify-content:space-between;padding:0 15px}*,*:before,*:after{padding:0;margin:0}body{overflow-x:hidden}.popover-carts .pop-cart-body .pop-cart-content{display:flex;flex-direction:column;gap:15px}.popover-carts .pop-cart-body .pop-cart-content .book{display:flex;gap:5px}.popover-carts .pop-cart-body .pop-cart-content .book img{width:50px;height:50px}.popover-carts .pop-cart-body .pop-cart-content .book .price{color:#ee4d2d}.popover-carts .pop-cart-body .pop-cart-footer{margin-top:10px;display:flex;justify-content:end}.popover-carts .pop-cart-body .pop-cart-footer button{background-color:#ee4d2d;color:#fff;border:1px solid #ee4d2d;box-shadow:0 1px 1px #00000008;cursor:pointer;border-radius:3px;font-size:16px;height:40px;padding:0 20px}@media (min-width: 767px){::-webkit-scrollbar{width:8px}::-webkit-scrollbar-button{width:8px;height:5px}::-webkit-scrollbar-track{background:rgb(255,255,255);border:thin solid rgb(238,238,238);box-shadow:0 0 3px #dfdfdf inset;border-radius:10px}::-webkit-scrollbar-thumb{background:#ccc;border:thin solid #ccc;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#7d7d7d}}.order-container{min-height:calc(100vh - 145px)}.order-container .order-book{display:flex;gap:30px;margin-bottom:20px;background:white;padding:20px;border-radius:5px}.order-container .order-book .book-content{display:flex;align-items:center;gap:15px;width:50%;justify-content:space-between}.order-container .order-book .book-content img{width:70px;height:70px}.order-container .order-book .action{width:50%;gap:10px;display:flex;align-items:center;justify-content:space-between}.order-container .order-book-empty{background:white;padding:20px;border-radius:5px;min-height:400px}.order-container .order-sum{display:flex;flex-direction:column;background-color:#fff;padding:20px;border-radius:5px;gap:20px}.order-container .order-sum .calculate{display:flex;justify-content:space-between}.order-container .order-sum .calculate .sum-final{color:#fe3834;font-size:22px;font-weight:400}.order-container .order-sum button{margin-top:15px;background-color:#ee4d2d;color:#fff;border:1px solid #ee4d2d;box-shadow:0 1px 1px #00000008;cursor:pointer;border-radius:3px;font-size:16px;height:40px;padding:0 20px}.order-container .order-sum button:hover{background-color:#e45b3f}.order-container .order-sum .info,.order-container .order-sum .method,.order-container .order-sum .address{display:flex;flex-direction:column;gap:10px}.order-container .order-steps{background:white;padding:15px;border-radius:5px;margin-bottom:10px}