.header-banner{background:#0000;border:1px solid #e0e0e0;flex:1 1;height:90px;margin-left:20px;overflow:hidden;position:relative}.banner-shape{opacity:.7;pointer-events:none;position:absolute;z-index:1}.banner-shape svg{height:100%;width:100%}.banner-circle{background:#0000;border:1px solid #5ca5d9;border-radius:50%}.banner-shape.animation-1{animation:bannerPulse1 4s ease-in-out infinite}.banner-shape.animation-2{animation:bannerPulse2 5s ease-in-out infinite}.banner-shape.animation-3{animation:bannerPulse3 4.5s ease-in-out infinite}@keyframes bannerPulse1{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(.8)}50%{opacity:.85;transform:translate(-50%,-50%) scale(1.2)}}@keyframes bannerPulse2{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1.1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(.7)}}@keyframes bannerPulse3{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(.85)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.15)}}.banner-text-static{height:50px;right:calc(33.33% - 130px);top:calc(50% + 10px);z-index:2}.banner-text-content,.banner-text-static{position:absolute;transform:translateY(-50%);white-space:nowrap}.banner-text-content{animation-duration:16s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;opacity:0;right:0;top:50%}.banner-text-content.text-vietnamese{animation-name:dissolveText}.banner-text-content.text-english{animation-delay:8s;animation-name:dissolveText}@keyframes dissolveText{0%{filter:blur(12px);opacity:0;transform:translateY(-50%) scale(.9)}8%{filter:blur(0);opacity:1;transform:translateY(-50%) scale(1)}42%{filter:blur(0);opacity:1;transform:translateY(-50%) scale(1)}50%{filter:blur(12px);opacity:0;transform:translateY(-50%) scale(1.1)}to{filter:blur(12px);opacity:0;transform:translateY(-50%) scale(.9)}}.banner-title-gold,.banner-title-gray{-webkit-text-fill-color:#0000;font-family:Oswald,sans-serif;font-size:32px;font-weight:700;letter-spacing:2px;paint-order:stroke fill}.banner-title-gold{-webkit-text-stroke:1.5px #fdb45e;text-stroke:1.5px #fdb45e;color:#fdb45e}.banner-title-gray{-webkit-text-stroke:1.5px #999;text-stroke:1.5px #999;color:#999}.banner-deco-book{height:35px;opacity:.7;position:absolute;right:calc(33.33% - 170px);top:calc(50% - 35px);transform:translateY(-50%);width:35px;z-index:2}.banner-deco-book svg{height:100%;width:100%}.banner-decorative-circles{align-items:center;display:flex;gap:10px;position:absolute;right:calc(33.33% - 100px);top:calc(50% - 20px);transform:translateY(-50%);z-index:2}.banner-decorative-circles .deco-circle{left:auto;position:relative;top:auto;transform:none}.banner-decorative-circles .deco-circle:first-child{animation:decoPulse1 4s ease-in-out infinite;height:20px;width:20px}.banner-decorative-circles .deco-circle:nth-child(2){animation:decoPulse2 5s ease-in-out infinite;height:25px;width:25px}.banner-decorative-circles .deco-circle:nth-child(3){animation:decoPulse3 4.5s ease-in-out infinite;height:16px;width:16px}@keyframes decoPulse1{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:.9;transform:scale(1.2)}}@keyframes decoPulse2{0%,to{opacity:.7;transform:scale(1.1)}50%{opacity:.5;transform:scale(.7)}}@keyframes decoPulse3{0%,to{opacity:.6;transform:scale(.85)}50%{opacity:.85;transform:scale(1.15)}}@media (max-width:768px){.header-banner{display:none}}@media (max-width:992px) and (min-width:769px){.banner-title-gold,.banner-title-gray{font-size:20px}.header-banner{height:60px}}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-carousel-wrapper{padding:0 10px;position:relative}.audiobook-swiper,.book-swiper{padding:10px 0}.audiobook-swiper .swiper-slide,.book-swiper .swiper-slide{display:flex;flex-direction:column;height:auto}.audiobook-swiper .product-image-wrapper,.book-swiper .product-image-wrapper{height:100%;margin:0;padding:0 5px}.audiobook-swiper .productinfo,.audiobook-swiper .single-products,.book-swiper .productinfo,.book-swiper .single-products{display:flex;flex-direction:column;height:100%}.audiobook-swiper .productinfo,.book-swiper .productinfo{position:relative}.audiobook-swiper .productinfo>img.clickable,.book-swiper .productinfo>img.clickable{height:auto;max-height:220px;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.audiobook-swiper .productinfo img.clickable:hover,.book-swiper .productinfo img.clickable:hover{transform:scale(1.05)}.audiobook-swiper .productinfo:before,.book-swiper .productinfo:before{content:"";display:block;height:220px;left:0;pointer-events:none;position:absolute;right:0;top:0}.audiobook-swiper .productinfo,.book-swiper .productinfo{padding-top:0}.audiobook-swiper .swiper-slide .productinfo,.book-swiper .swiper-slide .productinfo{align-items:center;display:flex;flex-direction:column}.audiobook-swiper .swiper-slide .productinfo>img.clickable,.book-swiper .swiper-slide .productinfo>img.clickable{margin-bottom:auto;max-height:220px;min-height:180px}.audiobook-swiper .book-card-title,.book-swiper .book-card-title{align-items:center;display:flex;justify-content:center;min-height:44px}@media (max-width:767px){.audiobook-swiper .swiper-slide .productinfo>img.clickable,.book-swiper .swiper-slide .productinfo>img.clickable{max-height:180px;min-height:150px}.audiobook-swiper .book-card-title,.book-swiper .book-card-title{min-height:40px}}.author-swiper-wrapper{padding:10px 0}.author-swiper .swiper-slide{display:flex;justify-content:center}.author-swiper .author-grid-item{padding:10px 5px;text-align:center}.horizontal-book-swiper-wrapper{overflow:hidden}.horizontal-book-swiper{width:100%}.horizontal-book-swiper .swiper-slide{height:auto!important}.swiper-button-next,.swiper-button-prev{color:#fe5e00!important;height:30px!important;width:30px!important}.swiper-button-next:after,.swiper-button-prev:after{display:none}.swiper-button-next.recommended-item-control,.swiper-button-prev.recommended-item-control{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:10}.swiper-button-next.recommended-item-control:hover,.swiper-button-prev.recommended-item-control:hover{background:#fe5e00;color:#fff}.swiper-button-next.recommended-item-control:hover i,.swiper-button-prev.recommended-item-control:hover i{color:#fff}.swiper-button-prev.recommended-item-control{left:0}.swiper-button-next.recommended-item-control{right:0}.swiper-button-next.recommended-item-control i,.swiper-button-prev.recommended-item-control i{color:#fe5e00;font-size:24px}.swiper-slide{-webkit-tap-highlight-color:transparent;touch-action:pan-y}.swiper-wrapper{transition-timing-function:ease-out!important}@media (max-width:767px){.swiper-carousel-wrapper{padding:0 5px}.audiobook-swiper .product-image-wrapper,.book-swiper .product-image-wrapper{padding:0 3px}.swiper-button-next.recommended-item-control,.swiper-button-prev.recommended-item-control{height:32px;width:32px}.swiper-button-next.recommended-item-control i,.swiper-button-prev.recommended-item-control i{font-size:18px}}.swiper-slide{cursor:grab}.swiper-slide:active{cursor:grabbing}.animated-circles-container{bottom:0;overflow:hidden;pointer-events:none;position:fixed;top:0;z-index:0}.animated-circles-container.left{left:0;width:calc(50vw - 585px)}.animated-circles-container.right{right:0;width:calc(50vw - 585px)}.circle-outline{background:#0000;border-radius:50%;border-style:solid;border-width:1px;position:absolute;transform-origin:center center}.circle-orange{border-color:#aaa}.circle-blue{border-color:#999}.shape-icon{position:absolute;transform-origin:center center}.shape-icon svg{height:100%;width:100%}.animation-1{animation:pulse-scale ease-in-out infinite}.animation-2{animation:pulse-scale-reverse ease-in-out infinite}.animation-3{animation:float-pulse ease-in-out infinite}@keyframes pulse-scale{0%,to{opacity:.3;transform:scale(.6)}50%{opacity:.7;transform:scale(1.2)}}@keyframes pulse-scale-reverse{0%,to{opacity:.6;transform:scale(1.2)}50%{opacity:.3;transform:scale(.5)}}@keyframes float-pulse{0%,to{opacity:.4;transform:scale(.8) translateY(0)}25%{opacity:.6;transform:scale(1.1) translateY(-10px)}50%{opacity:.5;transform:scale(.9) translateY(5px)}75%{opacity:.7;transform:scale(1.2) translateY(-5px)}}@media (max-width:1400px){.animated-circles-container{display:none}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:44px;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{fill:currentColor;height:100%;object-fit:contain;pointer-events:none;transform-origin:center;width:100%}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:50%;top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:4px;left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:4px;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:50%;top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:4px;left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:4px;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:50%;left:var(--swiper-navigation-top-offset,50%);margin-left:-22px;margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:4px;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:4px;bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.author-carousel-section{padding:20px 0;text-align:center;width:100%}.author-carousel-section .carousel{width:100%}.author-carousel-section .carousel-inner{overflow:hidden;width:100%}.author-carousel-section .carousel-inner .author-slide-item{padding-left:0!important}.author-carousel-section .carousel-inner .author-slide-item.active{text-align:center}.author-grid-container{box-sizing:border-box;display:inline-flex;gap:25px;justify-content:center;padding:0 20px}.author-grid-item{align-items:center;display:flex;flex-direction:column;text-align:center;width:115px}.author-avatar-wrapper{background:#f5f5f5;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 10px #0000001f;cursor:pointer;height:105px;overflow:hidden;transition:all .3s ease;width:105px}.author-avatar-wrapper:hover{border-color:#fe980f;box-shadow:0 6px 20px #00000040;transform:scale(1.08)}.author-avatar{height:100%;object-fit:cover;object-position:center top;width:100%}.author-name{color:#333;display:block;font-size:12px;font-weight:500;line-height:1.3;margin-top:10px;text-decoration:none;transition:color .2s ease}.author-name:hover{color:#fe980f;text-decoration:none}@media (max-width:1199px){.author-grid-container{gap:20px}.author-avatar-wrapper{height:90px;width:90px}}@media (max-width:991px){.author-grid-container{gap:18px}.author-avatar-wrapper{height:80px;width:80px}}@media (max-width:767px){.author-grid-container{display:inline-grid;gap:20px;grid-template-columns:repeat(3,1fr);justify-content:center}.author-grid-item{width:auto}.author-avatar-wrapper{height:75px;width:75px}.author-name{font-size:11px}}@media (max-width:575px){.author-grid-container{gap:15px}.author-avatar-wrapper{height:70px;width:70px}.author-name{font-size:10px;margin-top:8px}}.swipeable-card-container{overflow:hidden;position:relative;width:100%}.swipeable-delete-bg{align-items:center;background-color:#dc3545;color:#fff;cursor:pointer;display:flex;height:220px;justify-content:center;position:absolute;right:0;top:0;transition:background-color .2s ease;width:50px}.swipeable-delete-bg:hover{background-color:#c82333}.swipeable-delete-bg .delete-x{font-size:28px;font-weight:300;line-height:1}.swipeable-card-content{background:#fff;position:relative;width:100%;z-index:1}.desktop-delete-btn{align-items:center;background-color:#dc3545e6;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:21px;top:10px;transition:all .2s ease;visibility:hidden;width:28px;z-index:10}.desktop-delete-btn i{font-size:14px}.desktop-delete-btn:hover{background-color:#c82333;transform:scale(1.1)}@media (hover:hover) and (pointer:fine){.swipeable-card-container:hover .desktop-delete-btn{opacity:1;visibility:visible}.swipeable-delete-bg{display:none}}@media (hover:none) and (pointer:coarse){.desktop-delete-btn{display:none}.swipeable-delete-bg{display:flex}}@media (max-width:767px){.desktop-delete-btn{display:none}.swipeable-delete-bg{display:flex}}@media (min-width:768px){.swipeable-card-container:hover .desktop-delete-btn{opacity:1;visibility:visible}}.App{min-height:100vh}.clear-padding{padding:0!important}.clickable{cursor:pointer}.notification-dropdown-menu{background:#fff;border:1px solid #00000026;box-shadow:0 4px 12px #00000026;max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;width:320px;z-index:99999}@media (max-width:767px){.notification-dropdown-menu{max-height:350px;position:fixed;right:10px;text-align:left;top:auto;width:280px}.notification-dropdown-menu>div:first-child{align-items:center!important;display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important}.notification-dropdown-menu>div:first-child a{font-size:10px!important;white-space:nowrap}}.social-icons ul li.notification-dropdown a,.social-icons ul li.notification-dropdown a i{color:#696763}.social-icons ul li.notification-dropdown a:active i,.social-icons ul li.notification-dropdown a:focus i,.social-icons ul li.notification-dropdown a:hover i{color:#fe980f!important}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;margin:0;max-width:100vw;overflow-x:hidden;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.modal-backdrop{z-index:10000!important}.modal{z-index:999999999999!important}.search_box input{background-position:218px!important;width:200px!important}.search_box .typeahead__query{display:block;position:relative}.search_box .search-icon{color:#bbb;font-size:15px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.search_box .typeahead__query input{padding-left:32px!important}.search_box .typeahead__query.has-value input{padding-left:10px!important}.search_box input{color:#333!important;font-family:Roboto,sans-serif!important;font-weight:500!important}.search_box input,.search_box input:focus{border-bottom:none!important;text-decoration:none!important}.search_box input:focus{outline:none!important}.typeahead__cancel-button{display:none!important}.search_box input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none!important}.center-part em,.center-part i{font-style:italic!important}.center-part b,.center-part strong{font-weight:700!important}#player1 .aplayer-list{max-height:320px!important;overflow-y:auto!important}#player1 .aplayer-list ol{max-height:none!important}@media (min-width:768px) and (max-width:991px){.header-middle{padding-bottom:0!important;position:relative!important}.header-middle .container>.row>.col-sm-12>div{justify-content:space-between!important;width:100%!important}.header-bottom .container>.row>.col-sm-3{float:none!important;padding:0!important;position:absolute!important;right:30px!important;top:-55px!important;width:auto!important}.header-bottom .container>.row>.col-sm-9{float:none!important;width:100%!important}.header-bottom .search_box{margin-top:0!important}.header-bottom .search_box input{width:180px!important}}