.header-container .page-header{display:flex;user-select:none;-moz-user-select:none;-webkit-user-select:none;height:55px;color:#808089;background-color:#fff;width:100%;margin:0 auto;line-height:55px;justify-content:space-between}.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:flex;justify-content:flex-end;opacity:1;height:auto}.header-container .navigation__item{opacity:.8;display:inline-block;flex-shrink:0;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}}.image-gallery-icon{color:#fff;transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px rgb(25.5,25.5,25.5))}@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.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media (max-width: 768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-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.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:#0006;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{-webkit-appearance:none;-moz-appearance:none;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.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-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 rgb(25.5,25.5,25.5);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:#0006;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}}.detail-book .title{font-size:1.5rem}.detail-book .price{background-color:#fafafa;color:#f4511e;font-size:2rem;width:100%;padding-left:1rem;margin-bottom:20px}.detail-book .control{border:1px solid #efefef;width:2rem;height:2rem;box-sizing:border-box}.detail-book .quantity{margin:10px 0}.detail-book .quantity input{width:30px;height:2rem;border:0;border:1px solid #efefef;padding:0;box-sizing:border-box!important;text-align:center}.detail-book .left{display:inline-block;width:70px;color:#d4d4d4}.detail-book .cart{background-color:#ffedeb;color:#ef4b35;border:1px solid #e7b3ad;height:2rem;border-radius:2px}.detail-book .now{background-color:#ef4b35;color:#fff;margin-left:10px;border:0;height:2rem;border-radius:2px}.modal-gallery{min-width:70%}*{margin:0;box-sizing:border-box}body{background-color:#efefef}.form-container{background-color:#fff;border-radius:10px;box-shadow:#00000059 0 5px 15px;margin:20px auto}.pop-cart-content .pop-cart-body{display:flex;flex-direction:column;gap:10px}.pop-cart-content .pop-cart-body .pop-cart-item{display:flex;gap:10px;font-size:xx-small}.pop-cart-content .pop-cart-body .pop-cart-item .price{color:#ef4b35}.pop-cart-content .pop-cart-body .pop-cart-item img{width:30px}.pop-cart-content .pop-cart-footer{right:20px;margin-top:20px;display:flex;justify-content:flex-end}.pop-cart-content .pop-cart-footer button{background-color:#ef4b35;cursor:pointer;color:#fff;border:none;font-size:medium;border-radius:2px;padding:5px 15px}.flex-container{display:inline-flex;flex-wrap:wrap;margin:30px;gap:10px}.card{width:160px;flex:0 0 auto;padding:1rem;box-shadow:0 4px 12px #0000001a;border:1px solid #e0e0e0}.card__image{width:100%}.card__title{width:100%;font-size:small;height:3rem;line-height:.8rem}.card__price{font-size:xx-small}.card__rating{font-size:smaller}*{box-sizing:border-box}.order-page{background-color:#efefef;display:flex;flex-wrap:wrap;padding:20px;gap:16px}.order-page .left,.order-page .right{display:flex;flex-direction:column;border-radius:5px}.order-page .left{flex:1 1 55%;flex-wrap:nowrap;min-width:0;max-width:100%;gap:16px}.order-page .left .item>*{flex-shrink:1;min-width:0}.order-page .left .item{padding:10px;height:50px;border-radius:5px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100%}.order-page .left .item .title{flex:0 1 20%}.order-page .left .item img{width:40px;height:100%}.order-page .left .item .delete-button{color:orange;cursor:pointer}.order-page .left .item .price{flex:0 1 15%}.order-page .left .item .quantity-input{width:60px}.order-page .left .item .subtotal{flex:0 1 20%}.order-page .right{flex:1 1 30%;background-color:#fff;padding:10px}.order-page .right .subtotal,.order-page .right .total{display:flex;justify-content:space-between}.order-page .right .total .cost{font-size:large;color:#ef4b35}.order-page .right .checkout-button{color:#fff;background-color:#ef4b35;width:100%;border:none;border-radius:2px;cursor:pointer;padding:5px}@media (max-width: 430px){.order-page{flex-direction:column}.left .item{width:100%}.left .item .subtotal{display:none}.right{width:100%}}