.mvs-container .share-btn{width:297px;text-align:start;padding-top:5px;padding-bottom:6px}.mvs-container .ant-modal-content,.mvs-container .ant-modal-content .ant-modal-header{border-radius:18px}.mvs-container .ant-modal-content .ant-modal-header .ant-modal-title{text-align:center}.mvs-container .ant-modal-content .ant-modal-body{padding:0;margin-left:25px;font-size:14px;line-height:1.5715;word-wrap:break-word}.mvs-container .ant-modal-content .ant-modal-body .ant-list-item:hover{background-color:#f0f8ff}.mvs-container .ant-modal-content .ant-modal-footer .ant-btn-primary{display:none}.modal-report .ant-modal-content{border-radius:0}.comment-container{max-height:500px;overflow:auto}.ant-btn{border-radius:7px}.ant-tabs-nav-list{display:flex;justify-content:center}.ant-btn-primary,.ant-tabs-ink-bar{background:var(--primary-color)}.ant-btn-primary{color:#fff;border-color:var(--primary-color);text-shadow:0 -1px 0 rgba(0,0,0,.12);box-shadow:0 2px 0 rgba(0,0,0,.045)}.ant-btn-primary:focus,.ant-btn-primary:hover{color:#fff;background:var(--secondary-color);border-color:var(--secondary-color)}.ant-btn-link{color:var(--primary-color)}.ant-btn:focus,.ant-btn:hover{color:var(--secondary-color);background:#fff;border-color:var(--secondary-color)}.ant-divider-horizontal.ant-divider-with-text{border-top-color:#cecece}.ant-input:hover{border-color:var(--secondary-color);border-right-width:1px!important}.ant-input-lg{padding:6.5px 11px;font-size:15px;border-radius:7px}.p-xs{padding:.25em}.p-sm{padding:.5em}.p-md{padding:1em}.p-lg{padding:1.5em}.p-xl{padding:3em}.p-x-xs{padding:.25em 0}.p-x-sm{padding:.5em 0}.p-x-md{padding:1em 0}.p-x-lg{padding:1.5em 0}.p-x-xl{padding:3em 0}.p-y-xs{padding:0 .25em}.p-y-sm{padding:0 .5em}.p-y-md{padding:0 1em}.p-y-lg{padding:0 1.5em}.p-y-xl{padding:0 3em}.pt-xs{padding-top:.25em}.pt-sm{padding-top:.5em}.pt-md{padding-top:1em}.pt-lg{padding-top:1.5em}.pt-xl{padding-top:3em}.pr-xs{padding-right:.25em}.pr-sm{padding-right:.5em}.pr-md{padding-right:1em}.pr-lg{padding-right:1.5em}.pr-xl{padding-right:3em}.pb-xs{padding-bottom:.25em}.pb-sm{padding-bottom:.5em}.pb-md{padding-bottom:1em}.pb-lg{padding-bottom:1.5em}.pb-xl{padding-bottom:3em}.pl-xs{padding-left:.25em}.pl-sm{padding-left:.5em}.pl-md{padding-left:1em}.pl-lg{padding-left:1.5em}.pl-xl{padding-left:3em}.m-xs{margin:.25em}.m-sm{margin:.5em}.m-md{margin:1em}.m-lg{margin:1.5em}.m-xl{margin:3em}.m-x-xs{margin:.25em 0}.m-x-sm{margin:.5em 0}.m-x-md{margin:1em 0}.m-x-lg{margin:1.5em 0}.m-x-xl{margin:3em 0}.m-y-xs{margin:0 .25em}.m-y-sm{margin:0 .5em}.m-y-md{margin:0 1em}.m-y-lg{margin:0 1.5em}.m-y-xl{margin:0 3em}.mt-xs{margin-top:.25em}.mt-sm{margin-top:.5em}.mt-md{margin-top:1em}.mt-lg{margin-top:1.5em}.mt-xl{margin-top:3em}.mr-xs{margin-right:.25em}.mr-sm{margin-right:.5em}.mr-md{margin-right:1em}.mr-lg{margin-right:1.5em}.mr-xl{margin-right:3em}.mb-xs{margin-bottom:.25em}.mb-sm{margin-bottom:.5em}.mb-md{margin-bottom:1em}.mb-lg{margin-bottom:1.5em}.mb-xl{margin-bottom:3em}.ml-xs{margin-left:.25em}.ml-sm{margin-left:.5em}.ml-md{margin-left:1em}.ml-lg{margin-left:1.5em}.ml-xl{margin-left:3em}.ant-layout{background:#fff}.ant-layout .layout-auth-container{width:100%;height:100%;min-height:100vh}.ant-layout .layout-auth-container .sideleft{padding:90px 50px;width:100%}@media screen and (min-width:1360px){.ant-layout .layout-auth-container .sideleft{padding:65px 90px}}@media screen and (max-width:765px){.ant-layout .layout-auth-container .sideleft{height:100vh}}.ant-layout .layout-auth-container .sideleft .btn-login-socmed{display:flex;align-items:center;justify-content:center}.ant-layout .layout-auth-container .sideleft .btn-login-socmed .ant-image{margin-right:auto}@media screen and (max-width:380px){.ant-layout .layout-auth-container .sideleft .btn-login-socmed span{display:none}.ant-layout .layout-auth-container .sideleft .btn-login-socmed .ant-image{margin-right:0}}.ant-layout .layout-auth-container .sideleft .btn-login-socmed span{margin-right:auto}.ant-layout .layout-auth-container .sideright{background:var(--primary-color);background-repeat:no-repeat;background-position:bottom;background-size:cover;padding:70px 100px}@media screen and (max-width:1080px){.ant-layout .layout-auth-container .sideright{padding:50px}}@media screen and (max-width:765px){.ant-layout .layout-auth-container .sideright{height:100vh}}.ant-layout .layout-auth-container .sideright .logo{margin-bottom:20px}.ant-layout .layout-auth-container .sideright .logo img{width:150px}.ant-layout .layout-auth-container .sideright .illustrator{margin-top:80px}.ant-layout .layout-auth-container .sideright .illustrator img{width:100%}@media screen and (max-width:1080px){.ant-layout .layout-auth-container .sideright .illustrator{margin-top:120px}}.ant-layout .layout-auth-container .sideright .title{color:#fff;font-family:sans-serif;font-size:25px}.ant-layout .layout-auth-container .sideright .subtitle{color:#fff;font-family:sans-serif;font-size:15px}.flex-r{display:flex;flex-direction:row}.flex-r .justify-c{justify-content:center}.flex-r .justify-c .header-logo{margin-left:45px}@media(max-width:767px){.flex-r .justify-c .header-logo{margin-left:10px}}.flex-r .justify-c .header-logo .header-logo-edoo{margin:16px;height:32px}.flex-r .stub{flex:1 1}.flex-r .topbar{margin-top:1px;background:transparent;border:none}.flex-r .button-topbar,.flex-r .topbar .ant-menu-item:hover{color:var(--primary-color)}.flex-r .button-topbar{margin-right:60px;border-radius:30px;border-color:var(--primary-color);font-weight:bolder;align-self:center}@media(max-width:767px){.flex-r .button-topbar{margin-right:20px}}.forgot-password-btn-link{padding:0;font-weight:700}.forgot-password-btn-link>span{text-decoration:underline}.forgot-password{display:flex;min-height:100vh;place-items:center;background-color:var(--primary-color)}.forgot-password-box{animation:fadein 2s;-moz-animation:fadein 2s;-webkit-animation:fadein 2s;-o-animation:fadein 2s;text-align:center;padding:5em;background-color:#fff}.forgot-password-box-title{font-weight:500;font-size:24px;margin:10px 0 0}.forgot-password-box-subtitle{margin:30px 0}.forgot-password-box .forgot-password-btn-container{margin:25px 0}.forgot-password .forgot-password-box>.ant-form>.ant-form-item>.ant-form-item-control>.ant-form-item-control-input>.ant-form-item-control-input-content>.ant-input,.forgot-password .forgot-password-box>.ant-form>.ant-form-item>.ant-form-item-control>.ant-form-item-control-input>.ant-form-item-control-input-content>.ant-input:focus{border:none}.ant-checkbox-wrapper{margin:30px 0}.ant-form-item{margin-bottom:9px}.ant-select-selector{border-radius:10px}.verification{background-color:#fbfcfc}.verification .ant-result{padding:0}.verification .ant-result-subtitle{font-weight:500;font-size:13px}.verification .ant-result-title{font-weight:700;font-size:24px}@media(max-width:767px){.verification .ant-result-title{font-size:22px}}.verification-box{box-sizing:border-box;padding:3em;width:26em}@media(max-width:767px){.verification-box{width:23em}}.verification-box .verification-btn-container{text-align:center;margin-top:15px}.verification-box .verification-btn-container .full-width{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.login{background-color:#f0f1f5}.login .ant-layout-footer{background:#fff}.login .ant-divider-horizontal.ant-divider-with-text-center,.login .ant-divider-horizontal.ant-divider-with-text-left,.login .ant-divider-horizontal.ant-divider-with-text-right{margin-top:0;color:rgba(0,0,0,.65)}.login .ant-divider-horizontal.ant-divider-with-text-center:after,.login .ant-divider-horizontal.ant-divider-with-text-center:before,.login .ant-divider-horizontal.ant-divider-with-text-left:after,.login .ant-divider-horizontal.ant-divider-with-text-left:before,.login .ant-divider-horizontal.ant-divider-with-text-right:after,.login .ant-divider-horizontal.ant-divider-with-text-right:before{border-top:1px solid #e6e6e6}.login-box{border:0;border-radius:5px;box-shadow:0 1em 2em 0 rgba(128,130,133,.28),0 0 0 transparent;box-sizing:border-box;padding:3em;width:23em;background-color:#fafafa}.login-box .email{border-radius:7px}.login-box .password{margin-bottom:10px;border-radius:7px}.login-box .login-btn-container{text-align:center;margin-top:15px;margin-bottom:10px}.login-box .login-btn-container .full-width{width:100%}.login .footer{background-color:#f0f1f5}.login-social{margin:16px 0}.container{animation:fadein 2s;-moz-animation:fadein 2s;-webkit-animation:fadein 2s;-o-animation:fadein 2s;position:relative;width:100%;background-color:#fff;min-height:100vh;overflow:hidden}.container h2{color:#fff;font-size:1rem;font-weight:400}.container .swiper-pagination-bullet-active{background-color:#fff}.forms-container{position:absolute;width:100%;height:100%;top:0;left:0}.signin-signup{position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:75%;width:50%;transition:1s ease-in-out .7s;display:grid;grid-template-columns:1fr;z-index:5}.signin-signup .login-socmed-wrapper{width:100%}.signin-signup .login-socmed-wrapper .google-button{display:flex;align-items:center;margin-bottom:.9rem}.signin-signup .ant-divider-horizontal.ant-divider-with-text{border-top-color:#e4e4e4!important;color:#adadad}.link-forgot-pwd{color:var(--primary-color)}.link-forgot-pwd:hover{color:var(--secondary-color)}.ant-input-prefix{margin-right:10px}.inputText{margin-bottom:.7rem}.inputText .text{width:17rem;border-radius:20px;padding:10px 15px}.inputText .text:focus,.inputText .text:hover{border-color:var(--primary-color)}.inputText .text:focus{box-shadow:0 0 0 2px rgba(34,156,62,.2196078431)!important}.inputPassword .pwd{width:17rem;border-radius:20px;padding:10px 15px}.inputPassword .pwd:focus,.inputPassword .pwd:hover{border-color:var(--primary-color)}.inputPassword .pwd:focus{box-shadow:0 0 0 2px rgba(34,156,62,.2196078431)!important}form{transition:all .2s .7s;overflow:hidden;grid-column:1/2;grid-row:1/2}.sign-up-form{opacity:0;z-index:1}@media(max-width:448px){.sign-up-form{margin-top:-30px}}.sign-up-form .register-title{font-size:1.4rem;color:#444}.sign-up-form .ant-form-item-explain{color:#ff4d4f}.sign-up-form .term{color:#a0a0a0}.sign-up-form .term .link-term:hover{text-decoration:underline;text-underline-position:under}.sign-in-form{z-index:2;max-width:450px;margin:0 auto}@media(max-width:448px){.sign-in-form{max-width:390px;margin:0 auto}}@media(max-width:405px){.sign-in-form{max-width:359px;margin:0 auto}}@media(max-width:360px){.sign-in-form{max-width:345px;margin:0 auto}}@media(max-width:320px){.sign-in-form{max-width:300px;margin:0 auto}}.sign-in-form .text-socmed{position:relative;left:6rem}@media(max-width:448px){.sign-in-form .text-socmed{left:5.5rem}}@media(max-width:360px){.sign-in-form .text-socmed{left:4.2rem}}@media(max-width:320px){.sign-in-form .text-socmed{left:3rem}}.title{z-index:2;max-width:450px;margin:0 auto 1.5rem;text-align:start}.title h1{font-size:1.4rem;color:#444}.title .link-register{display:flex}.title .link-register .link{margin-left:5px;color:var(--primary-color);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600}@media screen and (max-width:768px){.title{text-align:center}.title .link-register{justify-content:center}}@media screen and (max-width:480px){.title{padding:0 15px;text-align:center}.title .link-register{justify-content:center}}@media screen and (max-width:360px){.title{text-align:center;padding:0 10px}}.input-field{max-width:380px;width:100%;background-color:#f0f0f0;margin:10px 0;height:55px;border-radius:55px;display:grid;grid-template-columns:15% 85%;padding:0 .4rem;position:relative}.input-field i{text-align:center;line-height:55px;color:#acacac;transition:.5s;font-size:1.1rem}.input-field input{background:none;outline:none;border:none;line-height:1;font-weight:600;font-size:1.1rem;color:#333}.input-field input::-webkit-input-placeholder{color:#aaa;font-weight:500}.input-field input::placeholder{color:#aaa;font-weight:500}.btn{width:440px;background-color:var(--primary-color);border:none;outline:none;height:39px;border-radius:10px;color:#fff;text-transform:capitalize;font-weight:600;margin:10px 0;cursor:pointer;transition:.5s}@media(max-width:448px){.btn{width:390px}}@media(max-width:405px){.btn{width:22.5rem}}@media(max-width:360px){.btn{width:345px}}@media(max-width:320px){.btn{width:300px}}.btn:hover{background-color:var(--primary-color);opacity:.8;color:#fff}.panels-container{position:absolute;height:100%;width:100%;top:0;left:0;display:grid;grid-template-columns:repeat(2,1fr)}.container:before{content:"";position:absolute;height:255vh;width:100vw;top:-10%;right:48%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:var(--primary-color);background:var(--base-gradient);transition:1.8s ease-in-out;border-radius:50%;z-index:6}.image{width:100%;transition:-webkit-transform 1.1s ease-in-out;transition:transform 1.1s ease-in-out;transition:transform 1.1s ease-in-out,-webkit-transform 1.1s ease-in-out;transition-delay:.4s;display:none}.panel{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-around;text-align:center;z-index:6}.left-panel{pointer-events:all;padding:2rem 20% 2rem 12%;align-items:center}.right-panel{pointer-events:none;padding:3rem 0 2rem 17%;align-items:center}.panel .content{color:#fff;transition:-webkit-transform .9s ease-in-out;transition:transform .9s ease-in-out;transition:transform .9s ease-in-out,-webkit-transform .9s ease-in-out;transition-delay:.6s}.panel .content .image_logo{margin-bottom:0!important;width:14rem;margin:20px 0}.panel h3{font-weight:600;line-height:1;font-size:1.5rem;color:#fff}.panel p{font-size:.95rem;padding:.7rem 0}.btn.transparent{margin-top:20px!important;margin:0;background:none;border:2px solid #fff;width:130px;height:41px;font-weight:600;font-size:.8rem}.right-panel .content,.right-panel .image{-webkit-transform:translateX(800px);transform:translateX(800px)}.container.sign-up-mode:before{-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%);right:52%}.container.sign-up-mode .left-panel .content,.container.sign-up-mode .left-panel .image{-webkit-transform:translateX(-800px);transform:translateX(-800px)}.container.sign-up-mode .signin-signup{left:25%}.container.sign-up-mode .sign-up-form{opacity:1;z-index:2}.container.sign-up-mode form.sign-in-form{opacity:0;z-index:1}.container.sign-up-mode .right-panel .content,.container.sign-up-mode .right-panel .image{-webkit-transform:translateX(0);transform:translateX(0)}.container.sign-up-mode .left-panel{pointer-events:none}.container.sign-up-mode .right-panel{pointer-events:all}@media(max-width:870px){.container{min-height:800px;height:100vh}.mySwiper{display:none}.signin-signup{width:100%;top:92%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);transition:1s ease-in-out .8s}.container.sign-up-mode .signin-signup,.signin-signup{left:50%}.panels-container{grid-template-columns:1fr;grid-template-rows:1fr 2fr 1fr}.panel{padding-top:1.5rem!important;justify-content:space-around;align-items:center;padding:2.5rem 8%;grid-column:1/2;padding-bottom:1rem!important}.right-panel{grid-row:3/4}.left-panel{grid-row:1/2}.image{width:115px;transition:-webkit-transform .9s ease-in-out;transition:transform .9s ease-in-out;transition:transform .9s ease-in-out,-webkit-transform .9s ease-in-out;transition-delay:.6s;display:block}.panel .content{padding-right:15%;transition:-webkit-transform .9s ease-in-out;transition:transform .9s ease-in-out;transition:transform .9s ease-in-out,-webkit-transform .9s ease-in-out;transition-delay:.8s}.panel .content .image_logo{width:7rem!important;margin:.9rem 0 0}.panel h3{font-size:1.2rem}.panel p{font-size:.7rem;padding:.5rem 0}.btn.transparent{width:110px;height:35px;font-size:.7rem}.container:before{width:1500px;height:1500px;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:30%;bottom:71%;right:auto;top:auto;transition:2s ease-in-out}.container.sign-up-mode:before{-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);bottom:32%;right:auto}.container.sign-up-mode .left-panel .content,.container.sign-up-mode .left-panel .image{-webkit-transform:translateY(-300px);transform:translateY(-300px)}.container.sign-up-mode .right-panel .content,.container.sign-up-mode .right-panel .image{-webkit-transform:translateY(0);transform:translateY(0)}.right-panel .content,.right-panel .image{-webkit-transform:translateY(300px);transform:translateY(300px)}.container.sign-up-mode .signin-signup{top:5%;-webkit-transform:translate(-50%);transform:translate(-50%)}}@media(max-width:570px){.image{display:none}.panel .content{padding:.5rem 1rem}.container{padding:1.5rem}.container:before{bottom:72%;left:50%}.container.sign-up-mode:before{bottom:28%;left:50%}}.ant-select-single.ant-select-lg:not(.ant-select-customize-input) .ant-select-selector{height:38px;border-radius:7px}.forgot-password-box{border:0;border-radius:5px;box-shadow:0 1em 2em 0 rgba(128,130,133,.28),0 0 0 transparent;box-sizing:border-box;padding:3em;width:30em;background-color:#fafafa}.forgot-password-box .forgot-password-box-title{font-weight:700;font-size:24px;margin:10px 0 0;color:rgba(0,0,0,.65)}.forgot-password-box .forgot-password-box-subtitle{font-weight:500;font-size:13px;margin:5px 0 50px}.forgot-password-box .ant-input-affix-wrapper{border-radius:5px;margin-bottom:10px}.forgot-password-box .ant-form-item-explain.ant-form-item-explain-error{color:#ff4d4f;text-align:left;margin-top:-9px}.activate{animation:fadein 2s;-moz-animation:fadein 2s;-webkit-animation:fadein 2s;-o-animation:fadein 2s}.activate .ant-layout-footer{background:#fff}.activate .ant-result{padding:0}.activate .ant-result-warning .ant-result-icon>.anticon{color:var(--primary-color)}.activate .ant-result-subtitle{font-weight:500;font-size:13px}.activate .ant-result-title{font-weight:700;font-size:24px}@media(max-width:767px){.activate .ant-result-title{font-size:22px}}.activate-box{border:0;border-radius:5px;box-shadow:0 1em 2em 0 rgba(128,130,133,.28),0 0 0 transparent;box-sizing:border-box;padding:3em;width:30em;background-color:#fafafa}@media(max-width:767px){.activate-box{width:23em}}.activate-box .activate-btn-container{text-align:center;margin-top:15px}.activate-box .activate-btn-container .full-width{width:100%}.layout-container{min-height:100vh;background:#f0f2f5}.footer{margin:-22px;padding:0;font-weight:500;text-align:center}.footer a{color:var(--primary-color);text-decoration:none}.modal-popup{width:50%}.modal-popup .ant-modal-content{border-radius:15px}@media screen and (max-width:360px){.modal-popup .ant-modal-content .ant-modal-body{padding:0;font-size:14px;line-height:1.5715;word-wrap:break-word}}.modal-popup .borrow-title{margin-top:-20px;margin-bottom:27px;color:var(--primary-color)}.modal-popup .title{font-size:15px;margin-top:20px;margin-bottom:20px;text-align:center}.modal-popup .epustaka-name{color:var(--primary-color);font-size:18px;margin-top:10px;margin-bottom:20px}.modal-popup .btn-popup-modal{margin-top:5vh;margin-bottom:3vh;padding:6px 80px;background:var(--primary-color);border-radius:20px;color:#fff}.ant-upload-container{cursor:pointer;display:flex;width:100%;align-items:center;vertical-align:middle}.ant-upload-container .ant-image{width:30px}.ant-upload-container .ant-upload-text{text-align:center;font-size:14px;line-height:40px;margin-left:10px;color:#606770;font-weight:400}svg.tea{--secondary:$primary-color}svg.tea #teabag{-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform:rotate(3deg);transform:rotate(3deg);-webkit-animation:swing 2s infinite;animation:swing 2s infinite}svg.tea #steamL{stroke-dasharray:13;stroke-dashoffset:13;-webkit-animation:steamLarge 2s infinite;animation:steamLarge 2s infinite}svg.tea #steamR{stroke-dasharray:9;stroke-dashoffset:9;-webkit-animation:steamSmall 2s infinite;animation:steamSmall 2s infinite}@-webkit-keyframes swing{50%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@keyframes swing{50%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@-webkit-keyframes steamLarge{0%{stroke-dashoffset:13;opacity:.6}to{stroke-dashoffset:39;opacity:0}}@keyframes steamLarge{0%{stroke-dashoffset:13;opacity:.6}to{stroke-dashoffset:39;opacity:0}}@-webkit-keyframes steamSmall{10%{stroke-dashoffset:9;opacity:.6}80%{stroke-dashoffset:27;opacity:0}to{stroke-dashoffset:27;opacity:0}}@keyframes steamSmall{10%{stroke-dashoffset:9;opacity:.6}80%{stroke-dashoffset:27;opacity:0}to{stroke-dashoffset:27;opacity:0}}.loading-container{min-height:100vh;display:grid;place-items:center}.nh-container{justify-content:space-between}.nh-container .title{font-size:16px;color:#575757;font-weight:600}.nh-container .link{background:none;color:var(--primary-color);border:none;margin:3px 0;cursor:pointer;font-size:15px}@-webkit-keyframes bell{0%{-webkit-transform:rotate(0);transform:rotate(0)}10%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}20%{-webkit-transform:rotate(0);transform:rotate(0)}80%{-webkit-transform:rotate(0);transform:rotate(0)}90%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes bell{0%{-webkit-transform:rotate(0);transform:rotate(0)}10%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}20%{-webkit-transform:rotate(0);transform:rotate(0)}80%{-webkit-transform:rotate(0);transform:rotate(0)}90%{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}to{-webkit-transform:rotate(0);transform:rotate(0)}}.ant-layout-header{padding:0;background:#fff;position:fixed;width:100%;top:0;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.2),0 2px 8px rgba(0,0,0,.19)}.header-container{padding:0 30px}.header-container .ant-btn-link:focus,.header-container .ant-btn-link:hover{color:var(--primary-color);background:transparent;border-color:#fff}.header-container .ant-badge{margin-top:23px}.header-container .navigation .ant-btn-link{color:grey;margin-left:5px;margin-top:17px}.header-container .navigation .header-drawbutton{display:none;font-size:18px;line-height:64px;padding:0 10px;cursor:pointer;transition:color .3s}@media(max-width:892px){.header-container .navigation .header-drawbutton{display:inline-block}}.header-container .navigation .header-drawbutton :hover{color:var(--primary-color)}.header-container .logo{margin-left:30px}.header-container .logo img{margin-bottom:8px}.header-container .search-form{margin-top:13px}.header-container .search-form .ant-input-affix-wrapper-lg{border-radius:30px;background:#f7f7f7}.header-container .search-form .ant-input-affix-wrapper>input.ant-input{background:#f7f7f7;font-size:15}.header-container .btn-nav{color:#a9a9a9;font-weight:500;margin:10px 20px}.header-container .active,.header-container .btn-nav:hover{color:var(--primary-color)}.header-container .active{font-weight:500;margin:10px 20px}.header-container .point{font-weight:500;margin-left:5px}.header-container .lang{margin:0 15px 0 25px;font-weight:600;font-size:15px;cursor:pointer}.header-container .header-drawer .ant-drawer-body .ant-btn-link:focus,.header-container .header-drawer .ant-drawer-body .ant-btn-link:hover{color:var(--primary-color);background:transparent;border-color:#fff}.header-container .header-drawer .ant-drawer-body .logo{text-align:center;margin-bottom:30px}.header-container .header-drawer .ant-drawer-body .btn-nav{color:#a9a9a9;font-weight:500;margin-bottom:5px}.header-container .header-drawer .ant-drawer-body .active{color:var(--primary-color);font-weight:500}.header-container .header-drawer .ant-drawer-body .search-form{margin-top:13px}.header-container .header-drawer .ant-drawer-body .search-form .ant-input-affix-wrapper-lg{border-radius:30px;background:#f7f7f7}.header-container .header-drawer .ant-drawer-body .search-form .ant-input-affix-wrapper>input.ant-input{background:#f7f7f7;font-size:15}.header-container .header-profile{display:inline;width:25px;margin:0 10px}.header-container .header-profile .header-notif{-webkit-animation:bell 2s 2s infinite both;animation:bell 2s 2s infinite both}.ant-dropdown-menu{border-radius:10px}.ant-dropdown-menu,.ant-dropdown-menu-item:hover{background-color:#fff}.ant-dropdown-menu-item{cursor:pointer!important}#icon,#title{cursor:pointer}#title{text-align:center;margin:8px auto auto;font-size:13px}#title,.notify{color:var(--primary-color)}.notify{margin-bottom:5px;margin-left:10px;padding:7px}.item{padding:12px}.item-content{display:flex;margin-bottom:10px}.item-content .item-name{margin-left:10px}.item-content .item-time{margin-left:10px;color:grey}.item .message,.notif-link{color:var(--primary-color)}.notif-link{display:flex;justify-content:center;cursor:pointer;margin-bottom:10px;margin-top:10px}.header-profile-list{border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-family:sans-serif}.header-profile-list-infodetail{padding:12px 0;background:var(--primary-color);background:linear-gradient(var(--primary-color),var(--secondary-color));border-bottom-right-radius:20px;border-bottom-left-radius:20px;margin-bottom:14px}.header-profile-list-infodetail .menu-avatar{margin-left:5px;margin-top:6px}.header-profile-list-infodetail .menu-avatar .avatar-name{font-size:25px}.header-profile-list-infodetail .setting-icon{z-index:99;position:absolute;top:84px;left:72px;cursor:pointer}.header-profile-list-infodetail .ws-normal{margin-left:100px;margin-top:-80px;margin-right:33px;color:#fff}.header-profile-list-infodetail .ws-normal-name{font-size:12px;font-weight:700}.header-profile-list-infodetail .ws-normal-school{font:12px;margin-bottom:-12px}.header-profile-list-infodetail .ws-normal-button{border-radius:20px;border-color:transparent;color:var(--primary-color);margin-left:-2px;margin-bottom:4px}.header-profile-list-menu-app .menu-app-item{transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.header-profile-list-menu-app .menu-app-item:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.header-profile-list-divider{margin:12px 0;width:75%}.header-profile-list .logout-wrapper{padding:5px 0;display:flex;justify-content:center}.header-profile-list .logout-wrapper .btn-logout{display:flex;align-items:center;margin:0 60px;padding:4px 7px;border-radius:20px;background-color:#f6f9fb;cursor:pointer;box-shadow:0 1px 8px rgba(65,77,76,.2)}.header-profile-list .logout-wrapper .btn-logout .text-logout{color:#454444;padding:0 15px}.header-profile-list .logout-wrapper .btn-logout:active{box-shadow:none;background-color:#f0f3f9!important}.header-profile-list .logout-wrapper .ant-btn:hover,.header-profile-list .logout-wrapper :focus{color:transparent!important;background:#f0f3f9!important;border-color:transparent!important}.modal_school_join{top:25px!important}.modal_school_join .label-join{font-weight:500;color:#8c8c8c;margin-bottom:1.3em}.modal_school_join .ant-modal-content{border-radius:10px}.modal_school_join .ant-modal-content .ant-modal-header{color:var(--primary-color);border-bottom:none!important;border-top-right-radius:10px;border-top-left-radius:10px;text-align:center}.modal_school_join .ant-modal-content .ant-modal-header .ant-modal-title{color:var(--primary-color)}.modal_school_join .ant-modal-content .ant-modal-body{max-height:75vh;overflow:auto;padding:24px 10px 24px 24px}.modal_school_join .ant-modal-content .ant-modal-footer{text-align:center}.modal_school_join .ant-modal-content .ant-modal-footer .ant-btn{border-radius:20px;padding:0 20px!important}.modal_school_join .ant-form-item-label>label{color:grey}.modal_school_join .ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional):before{display:none}.modal_school_join .ant-select:not(.ant-select-customize-input) .ant-select-selector{border-radius:5px}.modal-success-join h4{color:#676767;font-size:15px;font-weight:400}@media(max-width:420px){.modal-success-join h4{font-weight:400;font-size:12px}}.modal-success-join .ant-modal-content{border-radius:10px}.modal-success-join .ant-modal-content .ant-modal-header{color:var(--primary-color);border-bottom:none!important;border-top-right-radius:10px;border-top-left-radius:10px;text-align:center}.modal-success-join .ant-modal-content .ant-modal-header .ant-modal-title{color:var(--primary-color)}.modal-success-join .ant-modal-content .ant-modal-body{min-height:25vh;display:flex;align-items:center;text-align:center}@media(max-width:420px){.modal-success-join .ant-modal-content .ant-modal-body{min-height:15vh}}.modal-success-join .ant-modal-content .ant-modal-footer{text-align:center;border-top:none!important}.modal-success-join .ant-modal-content .ant-btn{border-radius:20px;width:100px;background-color:var(--primary-color);color:#fff}.modal-success-join .ant-modal-content .ant-btn-primary{display:none}.home-container{margin:0 auto;max-width:900px}.home-container .ant-back-top{bottom:10px!important;right:120px!important;display:none}@media screen and (max-width:420px){.home-container .ant-back-top{right:60%!important;display:block}}@media screen and (min-width:768px){.home-container .ant-back-top{right:55%!important;display:block}}@media screen and (min-width:1024px){.home-container .ant-back-top{display:none}}.home-container .ant-back-top .back-to-top{background-color:var(--primary-color);height:38px;width:150px;line-height:38px;border-radius:20px;color:#fff;text-align:center;font-size:14px;display:flex;justify-content:space-evenly}.home-container .book-tab{padding:50px}.home-container .book-tab,.home-container .video-tab{animation:fadein .5s;-moz-animation:fadein .5s;-webkit-animation:fadein .5s;-o-animation:fadein .5s}@media screen and (max-width:414px){.home-container .video-tab{padding:0}}.home-container .audio-tab{padding:0 50px;animation:fadein .5s;-moz-animation:fadein .5s;-webkit-animation:fadein .5s;-o-animation:fadein .5s}.home-container .ant-tabs>.ant-tabs-nav .ant-tabs-nav-list{position:relative;display:flex;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;flex:none}.home-container .ant-tabs>.ant-tabs-nav{padding-top:25px!important}.home-container .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.home-container .ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{background:#fff;border:#fff;transition:all .3s cubic-bezier(.645,.045,.355,1);color:#a8a8a8}.home-container .ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),.home-container .ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),.home-container .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),.home-container .ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type){margin:15px 13px;padding:7px 40px;border-radius:20px}.home-container .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active,.home-container .ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab-active{border-bottom-color:#dadada;background:var(--primary-color)}.home-container .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff;font-weight:500}.home-container .ant-tabs>.ant-tabs-nav,.home-container .ant-tabs>div>.ant-tabs-nav{position:fixed;-ms-flex-align:center;width:100%;background:#f0f2f5;left:0;top:55px;padding:0;z-index:1}.home-container .ant-tabs-content-holder{-ms-flex:auto;list-style-position:inside;flex:auto;min-width:0;min-height:0;margin-top:82px;padding-bottom:20px}.scroll-home-container .ant-back-top{bottom:10px!important;right:120px!important;display:none}@media screen and (max-width:420px){.scroll-home-container .ant-back-top{right:60%!important;display:block}}@media screen and (min-width:768px){.scroll-home-container .ant-back-top{right:55%!important;display:block}}@media screen and (min-width:1024px){.scroll-home-container .ant-back-top{display:none}}.scroll-home-container .ant-back-top .back-to-top{background-color:var(--primary-color);height:38px;width:150px;line-height:38px;border-radius:20px;color:#fff;text-align:center;font-size:14px;display:flex;justify-content:space-evenly}.scroll-home-container .book-tab{padding:50px}.scroll-home-container .book-tab,.scroll-home-container .video-tab{animation:fadein .5s;-moz-animation:fadein .5s;-webkit-animation:fadein .5s;-o-animation:fadein .5s}@media screen and (max-width:414px){.scroll-home-container .video-tab{padding:0}}.scroll-home-container .achievement-tab,.scroll-home-container .audio-tab{padding:0 50px;animation:fadein .5s;-moz-animation:fadein .5s;-webkit-animation:fadein .5s;-o-animation:fadein .5s}.scroll-home-container .ant-tabs>.ant-tabs-nav .ant-tabs-nav-list{position:relative;display:flex;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;flex:none}.scroll-home-container .ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.scroll-home-container .ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{background:#fff;border:1px solid #dadada;transition:all .3s cubic-bezier(.645,.045,.355,1)}.scroll-home-container .ant-tabs-card.ant-tabs-bottom>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),.scroll-home-container .ant-tabs-card.ant-tabs-bottom>div>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),.scroll-home-container .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type),.scroll-home-container .ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab:not(:last-of-type){margin:15px 13px;padding:7px 27px;border-radius:20px}.scroll-home-container .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active,.scroll-home-container .ant-tabs-card.ant-tabs-top>div>.ant-tabs-nav .ant-tabs-tab-active{border-bottom-color:#dadada;background:var(--primary-color)}.scroll-home-container .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#fff;font-weight:500}.scroll-home-container .ant-tabs>.ant-tabs-nav,.scroll-home-container .ant-tabs>div>.ant-tabs-nav{-ms-flex-align:center;width:100%;background:#f0f2f5;left:0;padding:0;z-index:1}.scroll-home-container .ant-tabs-content-holder{-ms-flex:auto;list-style-position:inside;flex:auto;min-width:0;min-height:0;margin-top:82px;padding-bottom:20px}.search-container .home-container .loading{margin-top:-118px;background:transparent}.search-container .home-container .search-list-container{background-color:#fff;border-radius:7px;box-shadow:0 1px 4px #bdbdbd;margin-bottom:13px}.search-container .home-container .search-list-container .search-list{display:flex}.search-container .home-container .search-list-container .search-list .media-cover{background:linear-gradient(90deg,#3c0d14 3px,hsla(0,0%,100%,.5) 5px,hsla(0,0%,100%,.25) 7px,hsla(0,0%,100%,.25) 10px,transparent 12px,transparent 16px,hsla(0,0%,100%,.25) 17px,transparent 22px);box-shadow:0 0 5px -1px #000,inset -1px 1px 2px hsla(0,0%,100%,.5);border-radius:5px;width:105px;height:155px}.search-container .home-container .search-list-container .search-list .media-cover-audio{border-radius:5px;width:100px;height:100px}.search-container .home-container .search-list-container .search-list .media-cover-video{border-radius:10px;width:170px;height:100px}.search-container .home-container .search-list-container .search-list .media-title-user{margin-left:20px;margin-top:8px}.search-container .home-container .search-list-container .search-list .media-title-user .title{font-size:14px;font-weight:500}.search-container .home-container .search-list-container .search-list .play-icon{text-align:center}.search-container .home-container .search-list-container .search-list .play-icon img{vertical-align:middle;margin-left:-98px;margin-top:29px}.search-container .home-container .search-list-container .search-list .media-title{margin-left:20px}.search-container .home-container .search-list-container .search-list .media-title .title{font-size:16px;font-weight:500}.search-container .home-container .search-list-container .search-list .media-title .subtitle{padding-top:8px;font-size:14px;color:#a9a9a9}.search-container .home-container .search-list-container .ellipsis-more{margin-top:-30px;margin-right:-3px}.search-container .home-container .search-list-container .ant-card-head{padding:0 13px;border-bottom:none;margin-bottom:-54px}.search-container .home-container .search-list-container .ant-card-body{padding:15px}.search-container .home-container .user-list-container{background-color:#fff;border-radius:5px;margin-bottom:2px}.search-container .home-container .user-list-container .btn-follow{float:right;margin-top:4px}.search-container .home-container .user-list-container .ant-card-head{padding:0 13px;border-bottom:none;margin-bottom:-54px}.search-container .home-container .user-list-container .ant-card-body{padding:18px}.search-container .home-container .user-list-container .search-list{display:flex}.search-container .home-container .user-list-container .search-list .media-title-user{margin-left:20px;margin-top:8px}.search-container .home-container .user-list-container .search-list .media-title-user .skeleton{background-color:#a9a9a9;width:1rem}.search-container .home-container .user-list-container .search-list .media-title-user .title{font-size:14px;font-weight:500}.search-container .home-container .user-list-container .search-list .play-icon{text-align:center}.search-container .home-container .user-list-container .search-list .play-icon img{vertical-align:middle;margin-left:-98px;margin-top:29px}.search-container .home-container .user-list-container .search-list .media-title{margin-left:20px}.search-container .home-container .user-list-container .search-list .media-title .title{font-size:16px;font-weight:500}.search-container .home-container .user-list-container .search-list .media-title .subtitle{padding-top:8px;font-size:14px;color:#a9a9a9}@-webkit-keyframes animatebottom{0%{bottom:-100px;opacity:0}to{bottom:0;opacity:1}}@keyframes animatebottom{0%{bottom:-100px;opacity:0}to{bottom:0;opacity:1}}.br-container *,.br-container :after,.br-container :before{box-sizing:border-box;margin:0;padding:0}.br-container img{height:auto;max-width:100%}.br-container a{color:var(--primary-color);text-decoration:none}.br-container a:hover{text-decoration:underline}.br-container .site-info{clear:both;display:block;-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";font-variant:small-caps;letter-spacing:2px;padding-top:1.5em;padding-bottom:1.5em;text-align:center}.br-container .br-grid{float:none;padding-left:1em;padding-right:1em;padding-bottom:1.5em;z-index:0}@media screen and (max-width:530px){.br-container .br-grid{width:100%;padding-left:1em;padding-right:1em;padding-bottom:1.5em}}.br-container .card-image{display:block;min-height:260px;overflow:hidden;position:relative;border-radius:13px}.br-container .card-image .cover{display:block;margin-bottom:0;margin-left:auto;margin-right:auto;width:100%;object-fit:contain;transition:all .25s ease-in-out}.br-container .card-title{color:#fff;display:inline-block;font-size:.9em;font-weight:700;line-height:1.2;margin-bottom:1.5em;text-decoration:none;transition:all .3s ease-out;position:relative;-webkit-animation-name:animatebottom;-webkit-animation-duration:1s;animation-name:animatebottom;animation-duration:1s}.br-container .card-title:hover{color:hsla(0,0%,100%,.7);text-decoration:none}.br-container .card-subtitle{color:#fff;display:inline-block;font-size:.8em;font-weight:400;line-height:1.2;text-decoration:none;transition:all .3s ease-out;position:relative;-webkit-animation-name:animatebottom;-webkit-animation-duration:1s;animation-name:animatebottom;animation-duration:1s}.br-container .card-subtitle:hover{color:hsla(0,0%,100%,.7);text-decoration:none}.br-container .card-overlay{content:"";bottom:0;display:block;height:100%;left:0;position:absolute;right:0;top:0;z-index:1}.br-container .card-overlay-dark{background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.7));z-index:2}.br-container .card-overlay-loading{background:#dfdfdf;z-index:2}.br-container .card-overlay-content{position:absolute;bottom:0;padding:1.5em 1.5em .5em;z-index:3;width:90%}.br-container .card-meta{margin:0 -1em .75em 0}.br-container .card-meta.card-meta-last{margin-bottom:0}.br-container .card-meta li{color:#f8f8f8;display:inline;list-style-type:none;margin-bottom:0;padding-right:1em;font-size:.85em;-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";font-variant:small-caps;letter-spacing:1px;position:relative;-webkit-animation-name:animatebottom;-webkit-animation-duration:1s;animation-name:animatebottom;animation-duration:1s}.br-container .card-meta li:not(:last-child):after{content:"●";font-style:normal;position:relative;color:hsla(0,0%,100%,.25);right:-.6em}.br-container .card-meta li>a{color:#f8f8f8}.card{background-color:#fff;height:auto;width:auto;overflow:hidden;border-radius:20px}.card__image img{width:100%;height:100%}.card__image.loading{height:250px;width:100%}.loading{position:relative;background-color:#e2e2e2}.loading:after{display:block;content:"";position:absolute;width:100%;height:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);-webkit-animation:loading .8s infinite;animation:loading .8s infinite}@-webkit-keyframes loading{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes loading{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.br-container .slick-track{margin:auto}.br-container .slick-next{right:12px}.br-container .slick-next:before,.br-container .slick-prev:before{font-size:33px}.br-container .slick-prev{left:0;z-index:1}.br-container .slick-dotted.slick-slider{margin-bottom:30px}.br-container .slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.br-container .slick-dots li{position:relative;display:inline-block;width:10px;height:10px;padding:0;cursor:pointer}.br-container .slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.br-container .slick-dots li button:focus,.br-container .slick-dots li button:hover{outline:none}.br-container .slick-dots li button:focus:before,.br-container .slick-dots li button:hover:before{opacity:1}.br-container .slick-dots li button:before{font-family:"slick";font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:10px;height:10px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.br-container .slick-dots li.slick-active button:before{opacity:.75;color:#000}.br-container .ft-slick__dots--custom{height:10px;width:14px;background-color:#fff;border-radius:4px;position:relative}.br-container .slick-dots li{width:14px;margin:0 5px}.br-container .slick-dots .slick-active{width:30px}.br-container .slick-dots .slick-active .ft-slick__dots--custom{width:30px;top:0;overflow:hidden;background:var(--primary-color)}.br-container .slick-dots .slick-active .ft-slick__dots--custom .loading{height:8px;display:inline-block;position:absolute;top:0;left:0;border-radius:4px}.br-container .slick-slide .slick-active{width:auto}.last-read-container .last-read-slider .swiper_container{width:100%;height:100%;z-index:0}.last-read-container .last-read-grid{float:none;padding-right:1.5em;padding-bottom:0}.last-read-container .last-read-grid .last-read-card{background:#fff;width:22rem;border-radius:15px;padding:20px;height:13rem;box-shadow:0 5px 4px -7px rgba(0,0,0,.75);display:flex}.last-read-container .last-read-grid .last-read-card .container-book{z-index:0}.last-read-container .last-read-grid .last-read-card .container-book .book{position:relative;display:block;width:120px;height:160px;margin:5% auto;border-radius:2px 4px 4px 2px;background:linear-gradient(45deg,#dad5dc,#f2ebf4);font-family:acumin-pro,sans-serif;box-shadow:7px 7px 7px 0 rgba(151,146,153,.6);font-weight:400;color:#2b2b2b;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.last-read-container .last-read-grid .last-read-card .container-book .book:hover{-webkit-transform:rotateY(35deg);transform:rotateY(35deg) scale(1.05)}.last-read-container .last-read-grid .last-read-card .container-book .book>div,.last-read-container .last-read-grid .last-read-card .container-book .front>div{display:block;position:absolute}.last-read-container .last-read-grid .last-read-card .container-book .front{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 50%;transform-origin:0 50%;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:translateZ(20px);transform:translateZ(20px);z-index:10}.last-read-container .last-read-grid .last-read-card .container-book .front>div{width:120px;height:160px}.last-read-container .last-read-grid .last-read-card .container-book .left-side{width:10px;left:-5px;height:160px;background-color:transparent;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.last-read-container .last-read-grid .last-read-card .cover svg{position:absolute;top:50%;left:45%;margin-top:-100px;margin-left:-110px;width:300px}.last-read-container .last-read-grid .last-read-card #eye-right{padding-left:160px}.last-read-container .last-read-grid .last-read-card .container-book .front>div{border-radius:0 3px 3px 0;box-shadow:inset 4px 0 10px rgba(0,0,0,.1)}.last-read-container .last-read-grid .last-read-card .container-book .front:after{content:"";position:absolute;top:1px;bottom:1px;left:-1px;width:1px}.last-read-container .last-read-grid .last-read-card .container-book .cover:after{content:"";position:absolute;top:0;left:10px;bottom:0;width:3px;background:rgba(0,0,0,.1);box-shadow:1px 0 3px hsla(0,0%,100%,.1)}.last-read-container .last-read-grid .last-read-card .container-book h2{width:500px;height:40px;color:#2b2b2b;font-size:15px;line-height:15px;padding-left:10px;text-align:left;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg) translateY(-40px);transform:rotate(90deg) translateY(-40px)}.last-read-container .last-read-grid .last-read-card .cover{background:linear-gradient(45deg,#f7f7f7,#fff)}.last-read-container .last-read-grid .last-read-card .left-side h2 span:first-child{font-weight:400;font-size:10px;padding-right:10px;z-index:1}.last-read-container .last-read-grid .last-read-card .left-side h2 span:last-child{font-family:acumin-pro,sans-serif;z-index:1}.last-read-container .last-read-grid .last-read-card .description{position:relative;width:100%;text-align:initial;margin-left:30px}@media screen and (max-width:420px){.last-read-container .last-read-grid .last-read-card .description{margin-left:20px}}.last-read-container .last-read-grid .last-read-card .description .title{font-size:15px;color:#4b4b4b;text-transform:capitalize;font-weight:600}.last-read-container .last-read-grid .last-read-card .description .author{color:#696e6a;font-size:14px}.last-read-container .last-read-grid .last-read-card .description .progress{position:-webkit-sticky;position:sticky;width:auto;top:190px}.last-read-container .last-read-grid .last-read-card .description .progress .percent{color:var(--primary-color);font-weight:500}.mobile-read{position:relative;max-width:800px;margin:0 auto}.mobile-read-container{width:18rem;height:11rem;background-color:#fff;border-radius:1rem;display:flex;box-shadow:0 1px 4px #bdbdbd;padding-left:3px}.mobile-read-container .container-book{z-index:1}.mobile-read-container .container-book .book{position:relative;display:block;width:120px;height:160px;margin:5% auto;background:linear-gradient(45deg,#dad5dc,#f2ebf4);font-family:acumin-pro,sans-serif;box-shadow:3px 3px 3px 0 rgba(151,146,153,.6);font-weight:400;color:#2b2b2b;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.mobile-read-container .container-book .book:hover{-webkit-transform:rotateY(35deg);transform:rotateY(35deg) scale(1.05)}.mobile-read-container .container-book .book>div,.mobile-read-container .container-book .front>div{display:block;position:absolute}.mobile-read-container .container-book .front{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 50%;transform-origin:0 50%;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:translateZ(20px);transform:translateZ(20px);z-index:10}.mobile-read-container .container-book .front>div{width:120px;height:160px}.mobile-read-container .container-book .left-side{width:10px;left:-5px;height:160px;background-color:transparent;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.mobile-read-container .cover svg{position:absolute;top:50%;left:45%;margin-top:-100px;margin-left:-110px;width:300px}.mobile-read-container #eye-right{padding-left:160px}.mobile-read-container .container-book .front>div{border-radius:0 3px 3px 0;box-shadow:inset 4px 0 10px rgba(0,0,0,.1)}.mobile-read-container .container-book .front:after{content:"";position:absolute;top:1px;bottom:1px;left:-1px;width:1px}.mobile-read-container .container-book .cover:after{content:"";position:absolute;top:0;left:10px;bottom:0;width:3px;background:rgba(0,0,0,.1);box-shadow:1px 0 3px hsla(0,0%,100%,.1)}.mobile-read-container .container-book h2{width:500px;height:40px;color:#2b2b2b;font-size:15px;line-height:15px;padding-left:10px;text-align:left;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg) translateY(-40px);transform:rotate(90deg) translateY(-40px)}.mobile-read-container .cover{background:linear-gradient(45deg,#f7f7f7,#fff)}.mobile-read-container .left-side h2 span:first-child{font-weight:400;font-size:10px;padding-right:10px;z-index:1}.mobile-read-container .left-side h2 span:last-child{font-family:acumin-pro,sans-serif;z-index:1}.mobile-read .content{color:#f1f1f1;width:10rem;height:6rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;margin-top:0}.mobile-read .content .title-book{color:#000;font-size:.9rem;padding-left:10px;font-weight:600}.mobile-read .content .subtitle-rh{padding-left:10px;font-size:12px;margin-top:-11px}.mobile-read .content .ant-progress-outer{padding-left:10px}.text-progress{top:-53px;left:129px;padding:0;border:"none"}@media screen and (max-width:360px){.text-progress{top:-53px;left:129px;padding:0;border:"none"}}.text-progress .title-progress{display:flex}.text-progress .title-progress .percent{margin-left:50px}.pgs{top:-61px;padding:0 88px;left:43px}@media screen and (max-width:360px){.pgs{padding:0 77px;left:53px}}.parent{display:flex;justify-content:flex-start;overflow-x:scroll}.parent>.child{padding:5px}.parent>.child>img{max-width:300px;height:auto}.sf-container{margin-top:45px}.sf-container .sf-container-link{display:flex;justify-content:space-between;font-size:16px}.sf-container .sf-container-link-suggest{color:#575757;font-weight:600}.sf-container-more{color:var(--primary-color)}.sf-container .sf-container-link>p{cursor:pointer}.sf-container .ant-card-actions{background:none;border:none}.sf-container .title{font-size:16px;color:#575757;font-weight:600}.sf-container .link{background:none;color:var(--primary-color);border:none;margin:3px 0;cursor:pointer}.sf-container .alice-carousel__stage-item{width:185px!important}.sf-container .single-react-slick .slick-track{width:auto!important}.sf-container .suggest-friend-grid{float:none;padding-right:0;padding-bottom:0;text-align:-webkit-center}@media screen and (max-width:530px){.sf-container .suggest-friend-grid{width:100%;padding-right:1em;padding-bottom:1.5em}}.sf-container .suggest-friend-grid .sf-slider img{height:100%;max-width:100%}.sf-container .suggest-friend-grid .suggest-friend-card{width:170px;background:none;text-align:center;background:#fff;border-radius:15px;border:none}.sf-container .suggest-friend-grid .suggest-friend-card .ant-card-body{padding:24px;height:190px}.sf-container .suggest-friend-grid .suggest-friend-card .ant-card-body .avatar-name{font-size:25px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.sf-container .suggest-friend-grid .suggest-friend-card .ant-card-body .name{margin-top:20px;margin-bottom:20px;color:grey;line-height:normal}.sf-container .suggest-friend-grid .suggest-friend-card .btn-follow{border-radius:7px;padding:3px 35px;border:2px solid var(--primary-color);color:var(--primary-color);margin-bottom:5px}.sf-container .suggest-friend-grid .suggest-friend-card .btn-follow:hover{background:var(--primary-color);color:#fff}.sf-container .swiper_container{width:100%;height:100%;z-index:0}.sf-container .swiper_container .swiper-slide{text-align:center;display:flex;justify-content:center;align-items:center}.modal-follow-list .ant-card-body{padding:0}.dsf__container{margin-top:-30px;border-radius:5px;max-height:500px;overflow:auto;background-color:#fff}.dsf__container .dsf__containerItem{display:flex;justify-content:space-between}.dsf__container .dsf__containerItem .dsf__containerItemCard{display:flex}.dsf__container .dsf__containerItem .dsf__containerItemCard>p{margin:7px 20px}.dsf__container .dsf__containerItem .dsf__containerItemCard>.ant-avatar{width:40px;height:40px}.dsf__container .dsf__containerTitle{text-align:center;color:var(--primary-color);font-size:15px}.dsf__container .dsf__containerItem>.ant-btn{border-color:var(--primary-color);color:var(--primary-color);width:100px}.dsf__container .dsf__containerItem>.ant-btn:hover{background-color:var(--primary-color)}.dsf__container .ant-modal-body>b{text-align:center;color:var(--primary-color)}.m__unfollow .m__unfollowcontent{text-align:center}.m__unfollow .m__unfollowcontent .m__unfollowAvatar{cursor:"pointer";width:70px;height:70px}.m__unfollow .m__unfollowcontent .m__unfollowBtn{background:var(--primary-color);color:#fff;width:"200px"}.m__unfollow .m__unfollowcontent .m__unfollowBtn:hover{border-color:var(--primary-color);background:none;color:var(--primary-color)}.m__unfollow>p{text-align:center}.quiz-container{margin-top:45px}.quiz-container .title{font-size:16px;color:var(--primary-color)}.quiz-container .link{background:none;color:#000;border:none;margin:3px 0;cursor:pointer}.quiz-container .quiz-slider .quiz-grid .quiz-card{margin-right:10px;border-radius:3px;display:block;min-height:100px;overflow:hidden;position:relative;border-radius:20px}.quiz-container .quiz-slider .quiz-grid .quiz-card .ant-card-body{padding:0}.quiz-container .quiz-slider .quiz-grid .quiz-card .cover{display:block;margin-bottom:0;margin-left:auto;margin-right:auto;width:100%;height:250px;object-fit:cover;transition:all .25s ease-in-out}.quiz-container .quiz-slider .quiz-grid .quiz-card .card-overlay{content:"";bottom:0;display:block;height:100%;left:0;position:absolute;right:0;top:0;z-index:1}.quiz-container .quiz-slider .quiz-grid .quiz-card .card-overlay-dark{background-image:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.8));z-index:2}.quiz-container .quiz-slider .quiz-grid .quiz-card .card-overlay-loading{background:#dfdfdf;z-index:2}.quiz-container .quiz-slider .quiz-grid .quiz-card .card-overlay-content{padding:2.5em;z-index:3;width:100%;height:100%}.quiz-container .quiz-slider .quiz-grid .quiz-card .card-overlay-content .card-title{color:#fff;display:inline-block;font-size:1.5em;font-weight:700;line-height:1.2;margin-bottom:80px;text-decoration:none;transition:all .3s ease-out}.quiz-container .quiz-slider .quiz-grid .quiz-card .card-overlay-content .card-title:hover{color:hsla(0,0%,100%,.7);text-decoration:none}.quiz-container .quiz-slider .quiz-grid .quiz-card .card-overlay-content .card-meta-middle{color:#fff8dc;font-weight:500;margin-bottom:20px}.quiz-container .quiz-slider .quiz-grid .quiz-card .card-overlay-content .card-meta-middle .follow{text-align:start}.quiz-container .quiz-slider .quiz-grid .quiz-card .card-overlay-content .card-meta-middle .type{text-align:end}.quiz-container .quiz-slider .quiz-grid .quiz-card .card-overlay-content .card-meta-bottom{color:#fff8dc;font-weight:500}.quiz-container .quiz-slider .quiz-grid .quiz-card .card-overlay-content .card-meta-bottom .left{text-align:start}.quiz-container .quiz-slider .quiz-grid .quiz-card .card-overlay-content .card-meta-bottom .right{text-align:end}.epustaka-input{text-align:center;margin-bottom:10px}.epustaka-input .ant-input-affix-wrapper{border-radius:25px}.epustaka-input .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--primary-color)}.d-epustaka-container-title{color:var(--primary-color);font-size:16px;font-weight:600;margin-left:12px;margin-bottom:15px}.epustaka-container .epustaka-slider .alice-carousel__stage-item{width:212px!important}.epustaka-container .epustaka-slider .parent{display:flex;justify-content:flex-start;overflow-x:hidden}.epustaka-container .epustaka-slider .parent>.child{padding:5px}.epustaka-container .epustaka-slider .parent>.child>img{max-width:300px;height:auto}.epustaka-container .epustaka-slider .single-react-slick .slick-track{width:auto!important}.epustaka-container .epustaka-slider .epustaka-grid{margin-right:0!important}.epustaka-container .epustaka-slider .epustaka-grid .epustaka-card{width:170px;text-align:start;background:#fff;border-radius:12px;border:none}.epustaka-container .epustaka-slider .epustaka-grid .epustaka-card .ant-card-body{padding:15px 10px 15px 15px;height:85px}.epustaka-container .epustaka-slider .epustaka-grid .epustaka-card .ant-card-body .names{margin-bottom:20px;color:#343a4f}.epustaka-container .epustaka-slider .epustaka-grid .epustaka-card .ant-card-body .name{color:#343a4f;font-weight:500}.epustaka-container .epustaka-slider .epustaka-grid .epustaka-card .ant-card-cover img{width:100%;margin:auto;object-fit:cover;height:170px;border-radius:12px;padding:5px}.epustaka-container .swiper_container{width:100%;height:100%;z-index:0}.epustaka-container .swiper_container .swiper-slide{text-align:center;display:flex;justify-content:center;align-items:center}.bc-container .books-section-grid{text-align:left!important}.bc-container .anticon svg{display:inline-block}.share-menu{box-shadow:0 0 8px -3px #777!important}.share-menu .ant-menu-item-group-list .ant-menu-item,.share-menu .ant-menu-item-group-list .ant-menu-submenu-title{padding:0 16px!important}.modal-popup .detail-book-modal{padding:10px;border:1px solid #d9d9d9}.modal-popup .detail-book-modal .cover-image{text-align:center}.modal-popup .detail-book-modal .cover-image .cover-book{height:170px;width:125px;border-radius:15px}.modal-popup-collection{background-color:#fff;border-radius:10px}.modal-popup-collection .ant-modal-content{box-shadow:none}.modal-popup-collection .ant-modal-content .ant-modal-body{padding-bottom:0}.ant-modal-header{padding:16px 24px;color:rgba(0,0,0,.85);background:#fff;border-bottom:none!important;border-radius:15px 15px 0 0}.ant-modal-title{color:var(--primary-color);font-weight:500;font-size:18px;text-align:center}.db-container{display:flex;flex-direction:column;align-items:center;margin:0 auto;max-width:800px}.db-container .ant-card-body{padding:15px 55px}@media(max-width:600px){.db-container .ant-card-body{padding:15px}}.db-container .ant-cascader-menus .ant-cascader-menu{height:auto!important}.db-container .detail-card{text-align:start;border-radius:18px;width:100%}@media(max-width:800px){.db-container .detail-card{width:85%}}@media(max-width:465px){.db-container .detail-card{width:100%}}.db-container .detail-card .ant-card-head{border:none;color:var(--primary-color);padding:0 45px}@media(max-width:600px){.db-container .detail-card .ant-card-head{padding:10px}}.db-container .detail-card .ant-card-head-title{text-align:left;padding-left:10px}.db-container .detail-card .ant-card-extra{cursor:pointer;padding:16px}.db-container .detail-card .cover-book{height:220px;width:150px;border-radius:15px}@media(max-width:400px){.db-container .detail-card .cover-book{height:170px;width:115px}}.db-container .detail-card .bd-review .username{padding-right:10px;font-size:14px;color:#676767;font-weight:600}.db-container .detail-card .bd-review .sub-desc{font-size:12px;color:#848484}.db-container .detail-card .bd-review .book-title{font-size:12px;color:var(--secondary-color)}.db-container .detail-card .bd-review .textArea{padding-left:3rem}.db-container .detail-card .bd-review .textArea .textArea-add{border-radius:15px}.db-container .detail-card .bd-review .ant-btn{border-radius:1rem;color:var(--primary-color);background:#fff;border-color:var(--primary-color)}.db-container .detail-card .bd-review .btn-comment-post{padding-bottom:10px}.db-container .detail-card .bd-review .btn-comment-post .ant-btn-primary{border-radius:1rem}.db-container .detail-card .bd-review .ant-list-item{border-bottom:none}.db-container .detail-card .description-book{position:relative;min-height:220px;margin-left:3em}@media(max-width:575px){.db-container .detail-card .description-book{min-height:220px}}@media(max-width:770px){.db-container .detail-card .description-book{min-height:220px;margin-left:2em}}@media(max-width:519px){.db-container .detail-card .description-book .rating-book{font-size:14px}}@media(max-width:488px){.db-container .detail-card .description-book{min-height:220px}}@media(max-width:400px){.db-container .detail-card .description-book{min-height:170px}}@media(max-width:378px){.db-container .detail-card .description-book{min-height:170px;margin-left:10px}}@media(max-width:339px){.db-container .detail-card .description-book{min-height:170px;margin-left:5px}}@media(max-width:420px){.db-container .detail-card .description-book .book-title{font-size:12pt;font-weight:600}}.db-container .detail-card .description-book .give-review{color:var(--primary-color)}.db-container .detail-card .description-book .button-bottom{bottom:0;left:0;display:flex;align-items:center}@media(max-width:410px){.db-container .detail-card .description-book .button-bottom{display:inline}}.db-container .detail-card .description-book .button-bottom button{border:none;padding:0 30px;border-radius:15px;margin-right:10px}@media(max-width:410px){.db-container .detail-card .description-book .button-bottom button{margin-top:10px;margin-right:0;width:100%}}.db-container .detail-card .description-book .button-bottom .share-button{background:#3e3e3e}.db-container .detail-card .description-book .button-bottom .button-donation{background:#f58c36;color:#fff;display:none}.db-container .detail-card .description-book .button-bottom .button-borrow{background:var(--primary-color);color:#fff}.db-container .detail-card .description-book .button-bottom .button-queue{background:#f58c36;color:#fff}.db-container .detail-card .description-book .button-bottom .button-review{background:#f368e0;color:#fff}.db-container .detail-card .description-book .button-bottom .button-read{background:#8ac926;color:#fff}.db-container .detail-card div.fixed{position:fixed;width:100%;bottom:0;padding:10px;left:0;background:#fff;z-index:1}.db-container .detail-card .specification-book{margin-top:30px;border:1px solid #cecece;border-radius:10px;padding:15px}.db-container .detail-card .specification-book .book-specification-detail{text-align:center}@media(max-width:767px){.db-container .detail-card .specification-book .book-specification-detail{margin:0}}.db-container .detail-card .specification-book .book-specification-detail .file-size-title{font-weight:700}.db-container .detail-card .specification-book .book-specification-detail .file-size{color:#747474}.db-container .detail-card .specification-book-noborder{margin-top:30px}.db-container .detail-card .specification-book-noborder .book-specification-detail{text-align:center}@media(max-width:767px){.db-container .detail-card .specification-book-noborder .book-specification-detail{margin:0}}.db-container .detail-card .specification-book-noborder .book-specification-detail .file-size-title{font-weight:700}.db-container .detail-card .specification-book-noborder .book-specification-detail .file-size{color:#747474}.db-container .detail-card .rating{margin-left:20px;font-weight:500;color:#3e3e3e}.db-container .detail-card .description-book-tabs .tab .ant-tabs-nav-list{flex:none}.db-container .detail-card .description-book-tabs .ant-tabs>.ant-tabs-nav,.db-container .detail-card .description-book-tabs .ant-tabs>div>.ant-tabs-nav{position:relative;background:none}.db-container .detail-card .description-book-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color);font-weight:500}.db-container .detail-card .description-book-tabs .ant-tabs-content .ant-tabs-tabpane .table-detail-book{width:100%;text-align:left}.db-container .detail-card .description-book-tabs .ant-tabs-content .ant-tabs-tabpane .table-detail-book .active-color{color:var(--primary-color)}.db-container .detail-card .description-book-tabs .ant-tabs-content .ant-tabs-tabpane .table-detail-book th{padding:5px}.db-container .detail-card .description-book-tabs .ant-tabs-content .ant-tabs-tabpane .read-more-less--less,.db-container .detail-card .description-book-tabs .ant-tabs-content .ant-tabs-tabpane .read-more-less--more{color:var(--primary-color);font-weight:600}.db-container .detail-card .description-book-tabs .ant-tabs-ink-bar{background:var(--primary-color)}.db-container .detail-card .description-book-tabs .ant-tabs-tab:hover,.db-container .detail-card .description-book-tabs .read-more-less--more{color:var(--primary-color)}.db-container .related-book{width:100%;margin-top:25px;margin-bottom:5%}@media(max-width:800px){.db-container .related-book{width:85%}}@media(max-width:465px){.db-container .related-book{width:93%}}.db-container .skeleton .cover-image{background:#e2e2e2;height:220px;width:150px;border-radius:15px}.db-container .skeleton .cover-book{display:none}.db-container .skeleton .description-book .book-author,.db-container .skeleton .description-book .book-title,.db-container .skeleton .description-book .rating,.db-container .skeleton .description-book .star,.db-container .skeleton .description-book svg{background:#e2e2e2;color:transparent;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.db-container .skeleton .description-book .button-bottom .button-borrow,.db-container .skeleton .description-book .button-bottom .button-donation{background:#e2e2e2;color:transparent}.db-container .skeleton .description-book-tabs .ant-tabs-content .ant-tabs-tabpane.ant-tabs-tabpane-active,.db-container .skeleton .description-book-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,.db-container .skeleton .description-book-tabs .ant-tabs-tab .ant-tabs-tab-btn,.db-container .skeleton .description-book-tabs .read-more-less--less,.db-container .skeleton .description-book-tabs .read-more-less--more,.db-container .skeleton .specification-book-noborder .book-specification-detail .file-size,.db-container .skeleton .specification-book-noborder .book-specification-detail .file-size-title,.db-container .skeleton .specification-book .book-specification-detail .file-size,.db-container .skeleton .specification-book .book-specification-detail .file-size-title{background:#e2e2e2;color:transparent;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cm-container .comment-name{margin:0;font-weight:700}.cm-container .comment-date{font-weight:400;font-size:13px;color:#747474}.collapse-review{color:var(--primary-color);cursor:pointer;display:block;margin-bottom:25px}.r-container{margin-bottom:20px;margin-left:50px}.r-container .comment-name{margin:0;font-weight:700}.r-container .comment-date{font-weight:400;font-size:13px;color:#747474}.ant-skeleton-element{display:inline-block;width:100%}@-webkit-keyframes shine-images{0%{background-position:-100px}to{background-position:500px}}.dv-body-container{margin-top:-12px;margin-bottom:26px}.dv-body-container .dv-container .detail-card{text-align:start;border-radius:13px;padding-bottom:10px}.dv-body-container .dv-container .detail-card .ant-dropdown{background-color:#0ff}.dv-body-container .dv-container .detail-card .ant-card-head{border:none;color:var(--primary-color)}.dv-body-container .dv-container .detail-card .ant-card-head-title{text-align:left;padding-left:10px}.dv-body-container .dv-container .detail-card .ant-card-extra{cursor:pointer}.dv-body-container .dv-container .detail-card .ant-card-body{padding:0}.dv-body-container .dv-container .detail-card .cover-image{position:relative;padding-top:56.25%;width:100%}.dv-body-container .dv-container .detail-card .cover-image .react-player video{position:absolute;top:0;left:0;outline:none;border-radius:5px}.dv-body-container .dv-container .detail-card .vd-description{padding:20px}.dv-body-container .dv-container .detail-card .vd-description .vd-title{font-size:18px;font-weight:500;margin-top:-10px}.dv-body-container .dv-container .detail-card .vd-description .vd-title .skeleton{background-image:linear-gradient(90deg,#ddd,#e8e8e8 80px,#ddd 90px);background-size:600px;-webkit-animation:shine-images 1.6s linear infinite;animation:shine-images 1.6s linear infinite}.dv-body-container .dv-container .detail-card .vd-description .vd-subtitle{font-size:15px;color:#a9a9a9}.dv-body-container .dv-container .detail-card .vd-description .vd-subtitle .skeleton{background-image:linear-gradient(90deg,#ddd,#e8e8e8 80px,#ddd 90px);background-size:600px;-webkit-animation:shine-images 1.6s linear infinite;animation:shine-images 1.6s linear infinite}.dv-body-container .dv-container .detail-card .vd-description .vd-description-title .ant-list-item{border-bottom:none}.dv-body-container .dv-container .detail-card .vd-description .vd-description-title .ant-list-item-meta-title{margin-bottom:4px;color:#3d3d3d;font-size:14px;font-weight:700;line-height:1.5715}.dv-body-container .dv-container .detail-card .vd-description .vd-description-title .ant-list-item-meta-avatar{margin-right:14px}.dv-body-container .dv-container .detail-card .vd-description .vd-description-title .ant-list-item-meta-description{color:#aaa;font-size:13px;line-height:.6715}.dv-body-container .dv-container .detail-card .vd-description .vd-description-title .vd-btn-follow .skeleton{background-image:linear-gradient(90deg,#ddd,#e8e8e8 80px,#ddd 90px);background-size:600px;-webkit-animation:shine-images 1.6s linear infinite;animation:shine-images 1.6s linear infinite}.dv-body-container .dv-container .detail-card .vd-description .vd-description-title .vd-btn-follow .ant-btn{border-radius:16px;width:100px;border:1px solid var(--primary-color);color:var(--primary-color);font-weight:600}.dv-body-container .dv-container .detail-card .description-video-tabs .tab .skeleton{background-image:linear-gradient(90deg,#ddd,#e8e8e8 80px,#ddd 90px);background-size:600px;-webkit-animation:shine-images 1.6s linear infinite;animation:shine-images 1.6s linear infinite}.dv-body-container .dv-container .detail-card .description-video-tabs .tab .ant-tabs-nav-list{flex:none}.dv-body-container .dv-container .detail-card .description-video-tabs .tab .tab-info{margin-top:15px;line-height:2;padding-left:24px;padding-right:23px;margin-bottom:20px}.dv-body-container .dv-container .detail-card .description-video-tabs .tab .tab-info .ant-typography{margin-bottom:0}.dv-body-container .dv-container .detail-card .description-video-tabs .ant-tabs-tab{position:relative;display:inline-flex;align-items:center;margin:0 25px;padding:12px 0;font-size:16px;background:transparent;border:0;outline:none;cursor:pointer}.dv-body-container .dv-container .detail-card .description-video-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--secondary-color)}.dv-body-container .dv-container .detail-card .description-video-tabs .ant-tabs-ink-bar{background:var(--primary-color)}.dv-body-container .dv-container .detail-card .description-video-tabs .ant-tabs-tab:hover{color:var(--primary-color)}.dv-body-container .dv-container .detail-card .description-video-tabs .table-detail-video{margin-left:20px;width:100%;text-align:left}.dv-body-container .dv-container .detail-card .description-video-tabs .table-detail-video .active-color{color:var(--primary-color)}.dv-body-container .dv-container .detail-card .description-video-tabs .table-detail-video th{padding:5px}.dv-body-container .dv-container .detail-card .description-video-tabs .vd-comment{margin-left:20px;margin-right:10px}.dv-body-container .dv-container .detail-card .description-video-tabs .vd-comment .ant-list-item{border-bottom:none}.dv-body-container .dv-container .detail-card .description-video-tabs .vd-comment .textArea-add{resize:none;outline:none;background:linear-gradient(0deg,#363636,#585858) bottom/var(--d,0) 1.2px no-repeat;transition:.5s}.dv-body-container .dv-container .detail-card .description-video-tabs .vd-comment .textArea-add:focus{--d:100%;border-bottom:none}.dv-body-container .dv-container .detail-card .description-video-tabs .vd-comment .btn-comment-edit .ant-btn{border-radius:5px;font-weight:600;bottom:3px}.yt-section-wrapper{width:100%}@media only screen and (max-width:420px){.yt-section-wrapper{height:13rem}}@media screen and (min-width:420px)and (max-width:670px){.yt-section-wrapper{height:16rem}}@media screen and (min-width:670px)and (max-width:900px){.yt-section-wrapper{height:19rem}}@media screen and (min-width:670px)and (max-width:1024px){.yt-section-wrapper{height:22.45rem}}@media only screen and (min-width:1025px){.yt-section-wrapper{height:29.45rem}}.video-wrapper{background-color:#fff}.video-wrapper .video-visible{width:100%}.video-wrapper .pip-video{position:fixed;width:30vw;height:auto;box-shadow:0 4px 24px 0 rgba(36,51,72,.44);z-index:100}@media only all and (min-width:601px){.video-wrapper .video-visible{margin-top:2vh}.video-wrapper .pip-video{position:fixed;bottom:50px;right:1vw;width:400px!important;-webkit-animation:fade .12s ease-in;animation:fade .12s ease-in}}@media only all and (max-width:600px){.video-wrapper{position:fixed;left:0;right:0;top:66px;z-index:200!important}.video-wrapper .video-visible{position:fixed}.video-wrapper .pip-video{position:fixed;left:3vw;width:95vw!important;box-shadow:none!important}.description-wrapper{margin-top:140px!important}}@media screen and (max-width:600px)and (max-width:400px){.description-wrapper{margin-top:120px}}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes shine-images{0%{background-position:-100px}to{background-position:500px}}.da-body-container{margin-top:-12px;margin-bottom:26px}.da-body-container .da-container .detail-card{text-align:start;border-radius:13px}.da-body-container .da-container .detail-card .ant-dropdown{background-color:#0ff}.da-body-container .da-container .detail-card .ant-card-head{border:none;color:var(--primary-color)}.da-body-container .da-container .detail-card .ant-card-head-title{text-align:left;padding-left:0}.da-body-container .da-container .detail-card .ant-card-extra{cursor:pointer}.da-body-container .da-container .detail-card .ant-card-body{padding:0}.da-body-container .da-container .detail-card .ad-cover-audio{border-radius:12px;width:160px;height:160px;object-fit:cover}@media screen and (max-width:437px){.da-body-container .da-container .detail-card .ad-cover-audio{width:130px;height:130px}}.da-body-container .da-container .detail-card .ad-description{padding:20px}.da-body-container .da-container .detail-card .ad-description .ad-title{font-size:18px;font-weight:500;margin-top:-10px}.da-body-container .da-container .detail-card .ad-description .ad-title .skeleton{background-image:linear-gradient(90deg,#ddd,#e8e8e8 80px,#ddd 90px);background-size:600px;-webkit-animation:shine-images 1.6s linear infinite;animation:shine-images 1.6s linear infinite}.da-body-container .da-container .detail-card .ad-description .ad-subtitle{font-size:15px;color:#a9a9a9}.da-body-container .da-container .detail-card .ad-description .ad-subtitle .skeleton{background-image:linear-gradient(90deg,#ddd,#e8e8e8 80px,#ddd 90px);background-size:600px;-webkit-animation:shine-images 1.6s linear infinite;animation:shine-images 1.6s linear infinite}.da-body-container .da-container .detail-card .ad-description .ad-description-title{display:flex;margin-left:149px;margin-top:-47px}.da-body-container .da-container .detail-card .ad-description .ad-description-title .ant-list-item{border-bottom:none;margin-top:-27px;background-color:transparent}.da-body-container .da-container .detail-card .ad-description .ad-description-title .ant-list-item-meta-title{margin-bottom:4px;color:#3d3d3d;font-size:14px;font-weight:700;line-height:1.5715}.da-body-container .da-container .detail-card .ad-description .ad-description-title .ant-list-item-meta-avatar{margin-right:14px}.da-body-container .da-container .detail-card .ad-description .ad-description-title .ant-list-item-meta-description{color:#aaa;font-size:13px;line-height:.6715}.da-body-container .da-container .detail-card .ad-description .ad-description-title .ad-btn-play .skeleton{background-image:linear-gradient(90deg,#ddd,#e8e8e8 80px,#ddd 90px);background-size:600px;-webkit-animation:shine-images 1.6s linear infinite;animation:shine-images 1.6s linear infinite}.da-body-container .da-container .detail-card .ad-description .ad-description-title .ad-btn-play .ant-btn{border-radius:16px;width:100px;border:1px solid var(--primary-color);color:var(--primary-color);font-weight:600}.da-body-container .da-container .detail-card .ad-description .ad-description-title .ad-btn-follow .skeleton{background-image:linear-gradient(90deg,#ddd,#e8e8e8 80px,#ddd 90px);background-size:600px;-webkit-animation:shine-images 1.6s linear infinite;animation:shine-images 1.6s linear infinite}.da-body-container .da-container .detail-card .ad-description .ad-description-title .ad-btn-follow .ant-btn{border-radius:16px;width:100px;border:1px solid var(--primary-color);color:var(--primary-color);font-weight:600}.da-body-container .da-container .detail-card .description-audio-tabs .tab .skeleton{background-image:linear-gradient(90deg,#ddd,#e8e8e8 80px,#ddd 90px);background-size:600px;-webkit-animation:shine-images 1.6s linear infinite;animation:shine-images 1.6s linear infinite}.da-body-container .da-container .detail-card .description-audio-tabs .tab .ant-tabs-nav-list{flex:none}.da-body-container .da-container .detail-card .description-audio-tabs .tab .tab-info{margin-top:15px;line-height:2;padding-left:24px;padding-right:23px;margin-bottom:20px}.da-body-container .da-container .detail-card .description-audio-tabs .tab .tab-info .ant-typography{margin-bottom:0}.da-body-container .da-container .detail-card .description-audio-tabs .ant-tabs-tab{position:relative;display:inline-flex;align-items:center;margin:0 25px;padding:12px 0;font-size:16px;background:transparent;border:0;outline:none;cursor:pointer}.da-body-container .da-container .detail-card .description-audio-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--secondary-color)}.da-body-container .da-container .detail-card .description-audio-tabs .ant-tabs-ink-bar{background:var(--primary-color)}.da-body-container .da-container .detail-card .description-audio-tabs .ant-tabs-tab:hover{color:var(--primary-color)}.da-body-container .da-container .detail-card .description-audio-tabs .table-detail-video{margin-left:15px;margin-top:5px;width:100%;margin-bottom:20px;text-align:left}.da-body-container .da-container .detail-card .description-audio-tabs .table-detail-video .active-color{color:var(--primary-color)}.da-body-container .da-container .detail-card .description-audio-tabs .table-detail-video th{padding:5px}.da-body-container .da-container .detail-card .description-audio-tabs .ad-comment{margin-left:20px;margin-right:10px}.da-body-container .da-container .detail-card .description-audio-tabs .ad-comment .ant-list-item{border-bottom:none}.da-body-container .da-container .detail-card .description-audio-tabs .ad-comment .textArea-add{resize:none;outline:none;background:linear-gradient(0deg,#363636,#585858) bottom/var(--d,0) 1.2px no-repeat;transition:.3s}.da-body-container .da-container .detail-card .description-audio-tabs .ad-comment .textArea-add:focus{--d:100%;border-bottom:none}.da-body-container .da-container .detail-card .description-audio-tabs .ad-comment .btn-comment-edit .ant-btn{border-radius:5px;font-weight:600;bottom:3px}.drp-menu-item:hover{background-color:#f0f8ff}.bl-container .filter-component{max-width:100%;margin:0 auto!important;float:none!important;position:fixed;display:flex;width:100%;text-align:-webkit-center;left:0;margin-top:14px;z-index:1;background-color:#fff;top:45px;padding:35px 0 10px}.bl-container .filter-component .dropdown .title{color:#9c9c9c;margin-right:35px;font-size:15px;font-weight:400}.bl-container .filter-component .dropdown .anticon svg{font-size:14px}.bl-container .filter-component .category-name{text-align:start;cursor:pointer;padding-left:5%}@media screen and (min-width:1240px){.bl-container .filter-component .category-name{padding-left:22%}}.bl-container .filter-component .category-name .name{color:#575757;font-weight:600;font-size:17px;text-transform:capitalize}@media screen and (max-width:420px){.bl-container .filter-component .category-name .name{width:140px}}.bl-container .filter-component .category-name .category-dropdown{display:flex;justify-content:space-between;align-items:center;border-right:1px solid grey;height:20px;margin-top:2px}.bl-container .filter-component .category-name .category-dropdown h4{color:#ababab}.bl-container .filter-component .category-name .dropdown-filter{display:flex;justify-content:space-between;align-items:center;border-right:1px solid grey;padding:0 10px;height:20px;margin-top:2px}.bl-container .filter-component .category-name .dropdown-filter h4{color:#ababab}.bl-container .filter-component .category-name .dropdown-year-filter{display:flex;justify-content:space-between;align-items:center;padding:0 10px;height:20px;margin-top:2px}.bl-container .filter-component .category-name .dropdown-year-filter h4{color:#ababab}.bl-container .filter-component .order-component{text-align:start}@media screen and (min-width:558px){.bl-container .filter-component .order-component{padding-right:10%;text-align:end}}@media screen and (max-width:558px){.bl-container .filter-component .order-component{text-align:start}}.bl-container .filter-component .order-component .filter{display:flex;align-items:center;cursor:pointer}.bl-container .filter-component .order-component .filter .text{margin-left:6px;font-size:14px;font-weight:500;color:#575757}@media screen and (max-width:420px){.bl-container .filter-component .order-component .filter .text{display:none}}.bl-container .filter-component .ant-collapse>.ant-collapse-item>.ant-collapse-header{display:contents;padding:0 16px}.bl-container .filter-component .ant-collapse-content-box{background-color:#fff;border-radius:10px;margin-top:10px;box-shadow:0 14px 14px rgba(0,0,0,.14),0 10px 6px rgba(0,0,0,.14)}@media screen and (max-width:640px){.bl-container .filter-component .ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{width:90vw}}.bl-container .filter-component-home{position:fixed;display:flex;width:100%;text-align:-webkit-center;left:0;margin-top:95px;z-index:2;background-color:#f0f2f5;top:45px;padding:10px 0}.bl-container .filter-component-home .dropdown .title{color:#9c9c9c;margin-right:35px;font-size:15px;font-weight:400}.bl-container .filter-component-home .dropdown .anticon svg{font-size:14px}.bl-container .filter-component-home .category-name{text-align:start;cursor:pointer;padding-left:5%}@media screen and (min-width:1024px){.bl-container .filter-component-home .category-name{padding-left:22%}}.bl-container .filter-component-home .category-name .name{color:#575757;font-weight:600;font-size:17px;text-transform:capitalize}@media screen and (max-width:420px){.bl-container .filter-component-home .category-name .name{width:140px}}.bl-container .filter-component-home .category-name .category-dropdown{display:flex;justify-content:space-between;align-items:center;border-right:1px solid grey;height:20px;margin-top:2px}.bl-container .filter-component-home .category-name .category-dropdown h4{color:#ababab}.bl-container .filter-component-home .category-name .dropdown-filter{display:flex;justify-content:space-between;align-items:center;border-right:1px solid grey;padding:0 10px;height:20px;margin-top:2px}.bl-container .filter-component-home .category-name .dropdown-filter h4{color:#ababab}.bl-container .filter-component-home .category-name .dropdown-year-filter{display:flex;justify-content:space-between;align-items:center;padding:0 10px;height:20px;margin-top:2px}.bl-container .filter-component-home .category-name .dropdown-year-filter h4{color:#ababab}.bl-container .filter-component-home .order-component{text-align:start}@media screen and (min-width:558px){.bl-container .filter-component-home .order-component{padding-right:10%;text-align:end}}@media screen and (max-width:558px){.bl-container .filter-component-home .order-component{text-align:start}}.bl-container .filter-component-home .order-component .filter{display:flex;align-items:center;cursor:pointer}.bl-container .filter-component-home .order-component .filter .text{margin-left:6px;font-size:14px;font-weight:500;color:#575757}@media screen and (max-width:420px){.bl-container .filter-component-home .order-component .filter .text{display:none}}.bl-container .filter-component-home .ant-collapse>.ant-collapse-item>.ant-collapse-header{display:contents;padding:0 16px}.bl-container .filter-component-home .ant-collapse-content-box{background-color:#fff;border-radius:10px;margin-top:10px;box-shadow:0 14px 14px rgba(0,0,0,.14),0 10px 6px rgba(0,0,0,.14)}@media screen and (max-width:640px){.bl-container .filter-component-home .ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{width:90vw}}.bl-container .desktop-filter-component{position:fixed;top:132px;left:0;right:0;z-index:110!important;padding:16px 0;background-color:#f0f2f5;-webkit-user-select:none;user-select:none}.bl-container .desktop-filter-component .category-name{cursor:pointer;max-width:800px;margin:0 auto}.bl-container .desktop-filter-component .category-name .name{color:#575757;font-weight:600;font-size:17px;text-transform:capitalize}@media screen and (max-width:420px){.bl-container .desktop-filter-component .category-name .name{width:140px}}.bl-container .desktop-filter-component .category-name .category-dropdown{display:flex;justify-content:space-between;align-items:center;border-right:1px solid grey;height:20px;margin-top:2px}.bl-container .desktop-filter-component .category-name .category-dropdown h4{color:#ababab}.bl-container .desktop-filter-component .category-name .dropdown-filter{display:flex;justify-content:space-between;align-items:center;border-right:1px solid grey;padding:0 10px;height:20px;margin-top:2px}.bl-container .desktop-filter-component .category-name .dropdown-filter h4{color:#ababab}.bl-container .desktop-filter-component .category-name .dropdown-year-filter{display:flex;justify-content:space-between;align-items:center;padding:0 10px;height:20px;margin-top:2px}.bl-container .desktop-filter-component .category-name .dropdown-year-filter h4{color:#ababab}.bl-container .desktop-filter-component .ant-collapse>.ant-collapse-item>.ant-collapse-header{display:contents;padding:0 16px}.bl-container .desktop-filter-component .ant-collapse-content-box{background-color:#fff;border-radius:10px;margin-top:10px;box-shadow:0 14px 14px rgba(0,0,0,.14),0 10px 6px rgba(0,0,0,.14)}@media screen and (max-width:640px){.bl-container .desktop-filter-component .ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{width:90vw}}.bl-container .desktop-filter-component-more{position:fixed;top:64px;left:0;right:0;z-index:1!important;padding:16px 0;background-color:#f0f2f5;-webkit-user-select:none;user-select:none}.bl-container .desktop-filter-component-more .category-name{cursor:pointer;max-width:830px;margin:0 auto}.bl-container .desktop-filter-component-more .category-name .name{color:#575757;font-weight:600;font-size:17px;text-transform:capitalize}@media screen and (max-width:420px){.bl-container .desktop-filter-component-more .category-name .name{width:140px}}.bl-container .desktop-filter-component-more .category-name .category-dropdown{display:flex;justify-content:space-between;align-items:center;border-right:1px solid grey;height:20px;margin-top:2px;padding:0 10px}.bl-container .desktop-filter-component-more .category-name .category-dropdown h4{color:#ababab}.bl-container .desktop-filter-component-more .category-name .dropdown-filter{display:flex;justify-content:space-between;align-items:center;border-right:1px solid grey;padding:0 10px;height:20px;margin-top:2px}.bl-container .desktop-filter-component-more .category-name .dropdown-filter h4{color:#ababab}.bl-container .desktop-filter-component-more .category-name .dropdown-year-filter{display:flex;justify-content:space-between;align-items:center;padding:0 10px;height:20px;margin-top:2px}.bl-container .desktop-filter-component-more .category-name .dropdown-year-filter h4{color:#ababab}.bl-container .desktop-filter-component-more .ant-collapse>.ant-collapse-item>.ant-collapse-header{display:contents;padding:0 16px}.bl-container .desktop-filter-component-more .ant-collapse-content-box{background-color:#fff;border-radius:10px;margin-top:10px;box-shadow:0 14px 14px rgba(0,0,0,.14),0 10px 6px rgba(0,0,0,.14)}@media screen and (max-width:640px){.bl-container .desktop-filter-component-more .ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{width:90vw}}.bl-container .active{display:none}.bl-container .filter-component-home-category{position:fixed;display:flex;width:100%;text-align:-webkit-center;left:0;margin-top:95px;z-index:1;background-color:#f0f2f5;top:85px;padding:10px 0}.bl-container .filter-component-home-category .dropdown .title{color:#9c9c9c;margin-right:35px;font-size:15px;font-weight:400}.bl-container .filter-component-home-category .dropdown .anticon svg{font-size:14px}.bl-container .filter-component-home-category .category-name{text-align:start;cursor:pointer;padding-left:5%}@media screen and (min-width:558px){.bl-container .filter-component-home-category .category-name{padding-left:8%}}.bl-container .filter-component-home-category .category-name .name{color:#575757;font-weight:600;font-size:17px;text-transform:capitalize}@media screen and (max-width:420px){.bl-container .filter-component-home-category .category-name .name{width:140px}}.bl-container .filter-component-home-category .category-name .category-dropdown{display:flex;justify-content:space-between;align-items:center;border-right:1px solid #ababab;height:20px;margin-top:2px}.bl-container .filter-component-home-category .category-name .category-dropdown h4{color:#575757}.bl-container .filter-component-home-category .category-name .dropdown-filter{display:flex;justify-content:space-between;align-items:center;border-right:1px solid #ababab;padding:0 10px;height:20px;margin-top:2px}.bl-container .filter-component-home-category .category-name .dropdown-filter h4{color:#575757}.bl-container .filter-component-home-category .order-component{text-align:start}@media screen and (min-width:558px){.bl-container .filter-component-home-category .order-component{padding-right:10%;text-align:end}}@media screen and (max-width:558px){.bl-container .filter-component-home-category .order-component{text-align:start}}.bl-container .filter-component-home-category .order-component .filter{display:flex;align-items:center;cursor:pointer}.bl-container .filter-component-home-category .order-component .filter .text{margin-left:6px;font-size:14px;font-weight:500;color:#575757}@media screen and (max-width:420px){.bl-container .filter-component-home-category .order-component .filter .text{display:none}}.bl-container .filter-component-home-category .ant-collapse>.ant-collapse-item>.ant-collapse-header{display:contents;padding:0 16px}.bl-container .filter-component-home-category .ant-collapse-content-box{background-color:#fff;border-radius:10px;margin-top:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}@media screen and (max-width:640px){.bl-container .filter-component-home-category .ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{width:90vw}}.bl-container .book-search-not-found{animation:fadein 10s;-moz-animation:fadein 10s;-webkit-animation:fadein 10s;-o-animation:fadein 10s;margin-top:5rem;text-align:center}.bl-container .book-search-not-found .text{font-size:13px;margin-top:-5px}.bl-container .book-search-not-found .btn-edit-filter{width:120px;border-radius:20px}.bl-container .book-search-not-found .ant-btn:focus,.bl-container .book-search-not-found .ant-btn:hover{color:#fff;background:var(--primary-color);border-color:#fff}.menu-modal-filter .ant-modal-body{padding:25px}.menu-modal-filter .dropdown{max-height:400px}.menu-modal-filter .dropdown .title{color:#9c9c9c;margin-right:35px;font-size:15px;font-weight:400}.menu-modal-filter .dropdown .anticon svg{font-size:14px}.menu-modal-filter .dropdown .list-scroll{border:1px solid #e8e8e8;border-radius:4px;overflow:auto;padding:8px 24px;height:300px}.menu-modal-filter .dropdown .list-scroll .demo-loading-container{text-align:-webkit-center;margin-top:75px}.ant-card-bordered{border:none}.sb-container .bl-container .filter-component{background-color:orange!important}.sb-container .category-container .anticon svg{display:inline-block;font-size:29px}.sb-container .category-container .books-section-grid{text-align:-webkit-center}.sb-container .category-container .books-section-grid .books-section-card{margin-left:0}.sb-container .category-container .books-section-grid .ant-card-meta{text-align:left;margin-left:11px;margin-top:10px}.sb-container .category-container .infinite-scroll-component__outerdiv .infinite-scroll-component{overflow:hidden!important}.ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header{background:#fff}.ant-switch-checked{background-color:var(--primary-color)}.css-1mwbycl.sticky{position:fixed;top:110px;left:0;right:0;z-index:110;padding:8px 0;box-shadow:0 4px 6px -1px rgba(0,0,0,.07)}.css-1mwbycl{position:relative;display:block;width:100%;background:#fff;background:var(--N0,#fff)}.css-9o0z3u.sticky{width:960px;margin:0 auto}.css-g2vnn6{cursor:pointer;position:relative;display:block;min-height:40px}.modal-filter .checkbox-group{width:100%}.modal-filter .checkbox-group .filter-name{text-align:center;margin-bottom:10px}.modal-filter .checkbox-group .title{color:#9c9c9c;margin-right:35px;font-size:15px;font-weight:500}.modal-filter .checkbox-group .anticon svg{font-size:14px}.modal-filter .checkbox-group .list-scroll{border:1px solid #e8e8e8;border-radius:4px;overflow:auto;height:230px}.modal-filter .checkbox-group .list-scroll .ant-checkbox-wrapper{margin:0}.modal-filter .checkbox-group .list-scroll .demo-loading-container{text-align:-webkit-center;padding-top:20px}.modal-filter .entry .ant-checkbox-wrapper{margin:35px 0 5px}.modal-filter .entry .title{font-weight:500;font-size:15px}.modal-filter .entry .subtitle{color:grey}.modal-filter .btn-reset{margin-right:10px;padding:8px 20px;border-radius:20px;height:6.4vh;font-size:1.1em;align-items:center;color:#a8a8a8;font-weight:500;-webkit-text-decoration-line:underline;text-decoration-line:underline}.modal-filter .ant-collapse-content>.ant-collapse-content-box{padding:0}.modal-filter .ant-btn:focus,.modal-filter .ant-btn:hover{color:#fff;background:var(--primary-color);border-color:#fff}.bs-container .alice-carousel__stage-item{width:215px!important}.bs-container .single-react-slick .slick-track{width:auto!important}@media only screen and (min-width:420px)and (max-width:800px){.bs-container .book-wrapper-home{margin-left:10px}}.bs-container .books-section-grid{overflow:hidden;float:none;text-align:justify;margin-left:0}@media screen and (max-width:360px){.bs-container .books-section-grid{padding:0}}.bs-container .books-section-grid .ant-card{background:transparent}.bs-container .books-section-grid .ant-card-body{padding:8px 5px}.bs-container .books-section-grid .container-book{z-index:1}.bs-container .books-section-grid .ant-card-meta-detail .ant-card-meta-title{margin-bottom:0!important}.bs-container .books-section-grid .container-book .book{position:relative;display:block;width:150px;height:210px;margin:5% auto;border-radius:2px 4px 4px 2px;background:linear-gradient(45deg,#dad5dc,#f2ebf4);font-family:acumin-pro,sans-serif;box-shadow:4px 2px 4px 0 rgba(151,146,153,.6);font-weight:400;color:#2b2b2b;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}@media screen and (max-width:420px){.bs-container .books-section-grid .container-book .book{width:153px;height:220px}}.bs-container .books-section-grid .container-book .book:hover{-webkit-transform:rotateY(35deg);transform:rotateY(35deg) scale(1.05)}.bs-container .books-section-grid .container-book .book>div,.bs-container .books-section-grid .container-book .front>div{display:block;position:absolute}.bs-container .books-section-grid .container-book .front{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 50%;transform-origin:0 50%;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:translateZ(20px);transform:translateZ(20px);z-index:10}.bs-container .books-section-grid .container-book .front>div{width:141px;height:190px}@media screen and (max-width:420px){.bs-container .books-section-grid .container-book .front>div{width:153px;height:220px}}.bs-container .books-section-grid .container-book .left-side{width:10px;left:-5px;height:10px;background-color:transparent;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.bs-container .books-section-grid .cover svg{position:absolute;top:50%;left:45%;margin-top:-100px;margin-left:-110px;width:300px}.bs-container .books-section-grid #eye-right{padding-left:185px}.bs-container .books-section-grid .cover .num-up{position:absolute;top:64px;left:47px;letter-spacing:50px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.bs-container .books-section-grid .cover .num-down{position:relative;top:65px;left:-95px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.bs-container .books-section-grid .container-book .front>div{border-radius:0 3px 3px 0;box-shadow:inset 4px 0 10px rgba(0,0,0,.1)}.bs-container .books-section-grid .container-book .front:after{content:"";position:absolute;top:1px;bottom:1px;left:-1px;width:1px}.bs-container .books-section-grid .container-book .cover:after{content:"";position:absolute;top:0;left:10px;bottom:0;width:3px;background:rgba(0,0,0,.1);box-shadow:1px 0 3px hsla(0,0%,100%,.1)}.bs-container .books-section-grid .container-book h2{width:500px;height:40px;color:#2b2b2b;font-size:15px;line-height:15px;padding-left:10px;text-align:left;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg) translateY(-40px);transform:rotate(90deg) translateY(-40px)}.bs-container .books-section-grid .cover{background:linear-gradient(45deg,#f7f7f7,#fff)}.bs-container .books-section-grid .left-side h2 span:first-child{font-weight:400;font-size:10px;padding-right:10px;z-index:1}.bs-container .books-section-grid .left-side h2 span:last-child{font-family:acumin-pro,sans-serif;z-index:1}.bs-container .swiper_container{width:100%;height:100%;z-index:0}.loading-book{min-height:90vh}.error-book,.loading-book{display:flex;flex-direction:column;align-items:center;justify-content:center}.error-book{min-height:94vh}.error-book .btn-default{border-radius:20px;color:var(--primary-color);border:1px solid var(--primary-color);padding:0 20px}.error-book .btn-primary{border-radius:20px;background:var(--primary-color);padding:0 20px}.footer-book{position:fixed;left:0;bottom:0;width:100%;background-color:#f0f2f5;color:#fff;text-align:center;padding:20px;display:flex;flex-direction:row;justify-content:center;align-items:center}.footer-book button{margin:10px 5px}.rb-container{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%}.rb-container .pdf-reader{height:90vh}.rb-container .pdf-reader .pdf-reader-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 30px}.rb-container .header-reader{display:flex;flex-direction:row;justify-content:space-around;align-items:center;position:fixed;background:#f0f2f5;width:100%;z-index:1;padding-top:20px;padding-bottom:10px;box-shadow:0 -8px 20px 0 #000}.rb-container .pdfreader{display:flex;flex-direction:column;align-items:center;padding-top:15vh}.rb-container .pdfreader .react-pdf__Page{margin-bottom:25px}.v-container .anticon svg{display:inline-block;font-size:22px;width:25px}@media screen and (max-width:1024px){.v-container{padding:0 50px}}@media screen and (max-width:800px){.v-container{padding:0 10px}}@media screen and (max-width:350px){.v-container{padding:0}}.v-container .skeleton-img{border-radius:10px}@media screen and (max-width:1024px){.vb-container{padding:0}}.vb-container .swiper_container{width:100%;height:100%;z-index:0}.vb-container .swiper_container .swiper-slide{text-align:left;display:flex;justify-content:center;align-items:center}.mhv-container .anticon svg{display:inline-block;font-size:22px;width:25px}@media screen and (max-width:1024px){.mhv-container{padding:0 50px}}@media screen and (max-width:800px){.mhv-container{padding:0 10px}}@media screen and (max-width:350px){.mhv-container{padding:0}}.mhv-container .skeleton-img{border-radius:10px}.mhv-container .video-card-mobile{background:none}.mhv-container .video-card-mobile .ant-card-body{padding:20px 5px}.mhv-container .video-card-mobile .ant-card-meta{margin:2px 0;line-height:17px}.mhv-container .video-card-mobile .cover-container .cover{display:grid;place-items:center}.mhv-container .video-card-mobile .cover-container .cover-mobile{border-radius:20px}.mhv-container .video-card-mobile .cover-container .play-icon{text-align:center;margin:-7rem 1rem 4rem}.mhv-container .video-card-mobile .cover-container .play-icon img{vertical-align:middle;width:50px}.mhv-container .video-card-mobile .cover-container .time{text-align:end;margin:-2.3rem .7rem .5rem 0}.mhv-container .video-card-mobile .cover-container .time .time-video{background-color:rgba(179,187,187,.6901960784);padding:.2rem 1rem;border-radius:4px;color:#fff}.mhv-container .video-grid{margin-right:15px;margin-bottom:20px}@media screen and (max-width:414px){.mhv-container .video-grid{margin:0}}.mhv-container .video-grid .video-card{width:500px;max-width:510px;height:295px;border-radius:3px;display:block;min-height:100px;overflow:hidden;position:relative;border-radius:20px}@media screen and (max-width:1063px){.mhv-container .video-grid .video-card{width:450px;max-width:500px}}@media screen and (max-width:1053px){.mhv-container .video-grid .video-card{width:420px;max-width:472px}}@media screen and (max-width:998px){.mhv-container .video-grid .video-card{width:405px;max-width:460px}}@media screen and (max-width:973px){.mhv-container .video-grid .video-card{width:400px;max-width:445px}}@media screen and (max-width:927px){.mhv-container .video-grid .video-card{width:380px;max-width:425px}}@media screen and (max-width:919px){.mhv-container .video-grid .video-card{width:350px;max-width:400px;max-height:230px;border-radius:15px}}@media screen and (max-width:768px){.mhv-container .video-grid .video-card{width:330px;max-width:400px;max-height:230px;border-radius:15px}}@media screen and (max-width:360px){.mhv-container .video-grid .video-card{width:100%;max-width:400px;max-height:230px;border-radius:15px}}.mhv-container .video-grid .video-card .ant-card-body{padding:0}.mhv-container .video-grid .video-card .cover{display:block;margin-bottom:0;margin-left:auto;margin-right:auto;width:100%;height:300px;object-fit:cover;transition:all .25s ease-in-out}.mhv-container .video-grid .video-card .card-overlay{content:"";bottom:0;display:block;height:100%;left:0;position:absolute;right:0;top:0;z-index:0}.mhv-container .video-grid .video-card .card__overlay--dark{background-image:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.8));z-index:2}.mhv-container .video-grid .video-card .card-overlay-content .play-icon{height:200px;line-height:284px;text-align:center}@media screen and (max-width:768px){.mhv-container .video-grid .video-card .card-overlay-content .play-icon{line-height:220px}}.mhv-container .video-grid .video-card .card-overlay-content .play-icon img{vertical-align:middle;width:50px}.mhv-container .video-grid .video-card .card-overlay-content .time{text-align:end;margin-right:25px;color:#fff8dc;font-weight:500;margin-top:45px}@media screen and (max-width:768px){.mhv-container .video-grid .video-card .card-overlay-content .time{margin-top:-18px}}.mhv-container .video-grid .video-card .card-overlay-content .time .time-video{background:hsla(0,0%,84.7%,.5607843137);padding:5px 13px;border-radius:7px;font-size:14px}.mhv-container .video-grid .video-title{font-weight:700;margin-top:5px;font-size:25px;text-transform:capitalize}.mhv-container .video-grid .video-subtitle{margin-top:-13px;color:grey}.container-video-frame .card{cursor:pointer;background-color:transparent!important;width:410px;border-radius:10px;box-shadow:4 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}@media screen and (max-width:768px){.container-video-frame .card{width:370px}}@media screen and (max-width:540px){.container-video-frame .card{width:90vw}}@media screen and (max-width:420px){.container-video-frame .card{width:95vw}}.container-video-frame .card .dropdownMore{color:#f5f5f5;font-size:12px;padding:5px 10px;position:relative;bottom:15px;top:10px;right:4px;float:right;text-align:right;background:transparent!important}.container-video-frame .card .dropdownMore span{background:rgba(0,0,0,.5);padding:4px 5px;-webkit-backdrop-filter:blur(1.43656px);backdrop-filter:blur(1.43656px);border-radius:3px}.container-video-frame .card .card-image{height:230px;width:100%;border-radius:10px;object-fit:cover;cursor:pointer}@media screen and (max-width:420px){.container-video-frame .card .card-image{height:210px}}.container-video-frame .card .card-image .ic-play-icon{background-color:transparent;text-align:center;position:relative;top:44%}.container-video-frame .card .card-image .ic-play-icon span{background:hsla(0,0%,100%,.5);padding:17px;-webkit-backdrop-filter:blur(5.43656px);backdrop-filter:blur(5.43656px);border-radius:4px}.container-video-frame .card .card-image .ic-play-icon span img{width:25px;margin-top:-3px}.container-video-frame .card .card-image .duration{color:#f5f5f5;font-size:12px;padding:5px 10px;position:relative;top:170px;text-align:right;background:transparent!important}@media screen and (max-width:420px){.container-video-frame .card .card-image .duration{top:151px}}.container-video-frame .card .card-image .duration span{background:hsla(0,0%,100%,.5);padding:4px 15px;-webkit-backdrop-filter:blur(5.43656px);backdrop-filter:blur(5.43656px);border-radius:3px}.container-video-frame .card .card-content{padding-top:10px}.container-video-frame .card .card-content h3{color:#3a3a3c;font-size:1.1rem;cursor:pointer;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.container-video-frame .card .card-content p{margin-top:-5px;color:#a8a8a8;font-size:14px}.a-container .single-react-slick .slick-track{width:auto!important}.a-container .audio-section-container .title{font-size:16px;color:var(--primary-color)}.a-container .audio-section-container .link{background:none;color:#000;border:none;margin:3px 0;cursor:pointer}.a-container .anticon svg{display:inline-block;font-size:22px}.a-container .audio-grid{margin-right:15px;margin-bottom:20px;width:213px}.a-container .audio-grid .dropdownMore{position:absolute;border-radius:4px;background-color:rgba(0,0,0,.5);margin:10px 11em;z-index:1}.a-container .audio-grid .audio-card{width:100%;max-width:200px;height:200px;-webkit-border-radius:3px;-moz-border-radius:3px;display:block;min-height:200px;overflow:hidden;position:relative;border-radius:13px}.a-container .audio-grid .audio-card .ant-card-body{padding:0}.a-container .audio-grid .audio-card .cover-container{display:grid;place-items:center}.a-container .audio-grid .audio-card .cover{display:block;margin-bottom:0;margin-left:auto;margin-right:auto;width:100%;height:200px;object-fit:cover;transition:all .25s ease-in-out}.a-container .audio-grid .audio-card .card-overlay{content:"";bottom:0;display:block;height:100%;left:0;position:absolute;right:0;top:0;z-index:0}.a-container .audio-grid .audio-card .card-overlay-dark{background-image:linear-gradient(180deg,transparent,transparent);z-index:0!important}.a-container .audio-grid .audio-card .card-overlay-dark:hover{background-image:linear-gradient(0deg,transparent,rgba(0,0,0,.1));z-index:0!important}.a-container .audio-grid .audio-card .card-overlay-content{display:grid;place-items:center}.a-container .audio-grid .audio-card .card-overlay-content .play-icon{margin-top:4.5rem;text-align:center;background-color:hsla(0,0%,100%,.363);padding:7px;border-radius:10px}.a-container .audio-grid .audio-card .card-overlay-content .play-icon .icon{vertical-align:middle;width:35px}.a-container .audio-grid .audio-card .card-overlay-content .play-icon .icon:hover{vertical-align:middle;width:40px}.a-container .audio-grid .audio-card .card-overlay-content .play-icon-mobile{background-color:hsla(0,0%,100%,.363);padding:7px;border-radius:14px}.a-container .audio-grid .audio-card .card-overlay-content .play-icon-mobile .icon{vertical-align:middle;width:38px}.a-container .audio-grid .audio-title{margin-bottom:0}.a-container .audio-grid .audio-title .au-title{font-size:16px;color:#464646;text-transform:capitalize;font-weight:600}.a-container .audio-grid .audio-subtitle{color:grey;font-size:13px}.a-container .swiper_container{width:100%;height:100%;z-index:0;padding:0 5px}.ad-btn-player .ad-btn-play{margin-top:-25px}.ad-btn-player .ad-btn-play .ant-btn{border-radius:16px;width:100px;border:1px solid var(--primary-color);color:var(--primary-color);font-weight:600;margin-left:200px;margin-top:-67px}@media screen and (max-width:437px){.ad-btn-player .ad-btn-play .ant-btn{margin-left:169px}}.music-player .react-jinke-music-player .music-player-controller{width:70px;height:70px;border-radius:50%;border:1px solid #e6e6e6;background-color:#e6e6e6;color:var(--secondary-color);font-size:20px;text-align:center;transition:all .3s cubic-bezier(.43,-.1,.16,1.1);z-index:99;padding:10px;position:fixed;cursor:pointer;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center}.music-player .react-jinke-music-player-mobile-cover{border-radius:50%;width:250px;height:250px}.music-player .react-jinke-music-player-mobile-cover .cover{width:100%;height:100%;-webkit-animation:imgRotate 30s linear infinite;animation:imgRotate 30s linear infinite}.react-jinke-music-player-main.light-theme svg{color:var(--primary-color)}.react-jinke-music-player-main.light-theme svg:hover{color:var(--secondary-color)}.react-jinke-music-player-main.light-theme .rc-switch-checked{background-color:var(--primary-color)!important;border:1px solid var(--primary-color)}.react-jinke-music-player-mobile-progress .rc-slider-handle,.react-jinke-music-player-mobile-progress .rc-slider-track{background-color:var(--primary-color)}.react-jinke-music-player-main .music-player-panel .panel-content .img-content{width:50px;height:50px;border-radius:50%;overflow:hidden;background-size:cover;background-repeat:no-repeat;cursor:pointer}.react-jinke-music-player-main .music-player-panel .panel-content .rc-slider-handle,.react-jinke-music-player-main .music-player-panel .panel-content .rc-slider-track{background-color:var(--primary-color)}.react-jinke-music-player-main .music-player-panel .panel-content .rc-switch-checked{background-color:var(--primary-color)!important;border:1px solid var(--primary-color)}.react-jinke-music-player-main .music-player-panel .panel-content .player-content .audio-lists-btn{display:none}.sorter-component{background-color:#fff;justify-content:center;position:fixed;width:100%;padding:35px 0 10px;top:45px;z-index:1;margin-top:14px}.sorter-component .category-name .name{padding-left:20px;color:#575757;font-weight:600;font-size:17px}.sorter-component .order-component{text-align:end}.sorter-component .order-component .sort{padding-right:20px}.sorter-component .order-component .sort .ant-select-selector{width:150px}@media only screen and (min-width:421px)and (max-width:800px){.ac-container .audio-wrapper-home{margin:0 20px}}.audio-grid{margin-right:20px;margin-bottom:20px;width:160px}.audio-grid .audio-card{width:100%;max-width:200px;height:150px;-webkit-border-radius:3px;-moz-border-radius:3px;display:block;min-height:150px;overflow:hidden;position:relative;border-radius:13px}.audio-grid .audio-card .ant-card-body{padding:0}.audio-grid .audio-card .cover-container{display:grid;place-items:center}.audio-grid .audio-card .cover{display:block;margin-bottom:0;margin-left:auto;margin-right:auto;width:100%;height:150px;object-fit:cover;transition:all .25s ease-in-out}.audio-grid .audio-card .card-overlay{content:"";bottom:0;display:block;height:100%;left:0;position:absolute;right:0;top:0;z-index:0}.audio-grid .audio-card .card-overlay-dark{background-image:linear-gradient(180deg,transparent,transparent);z-index:0}.audio-grid .audio-card .card-overlay-dark:hover{background-image:linear-gradient(0deg,transparent,rgba(0,0,0,.1));z-index:0}.audio-grid .audio-card .card-overlay-content{display:grid;place-items:center}.audio-grid .audio-card .card-overlay-content .play-icon{margin-top:3.5rem;text-align:center;background-color:hsla(0,0%,100%,.363);padding:7px;border-radius:10px}.audio-grid .audio-card .card-overlay-content .play-icon .icon{vertical-align:middle;width:35px;transition:all .2s ease-in-out}.audio-grid .audio-card .card-overlay-content .play-icon .icon:hover{vertical-align:middle;-webkit-transform:scale(1.1);transform:scale(1.1)}.audio-grid .audio-card .card-overlay-content .play-icon-mobile{background-color:hsla(0,0%,100%,.363);padding:7px;border-radius:14px}.audio-grid .audio-card .card-overlay-content .play-icon-mobile .icon{vertical-align:middle;width:38px}.audio-grid .audio-title{margin-bottom:0}.audio-grid .audio-title .au-title{font-size:16px;color:#464646;text-transform:capitalize;font-weight:600}.audio-grid .audio-subtitle{color:grey;font-size:13px}.songRow{margin-bottom:10px;background:#f0f8ff;padding:15px;display:fleX;width:100vw}.songRow .songRow__album{width:110px;min-width:110px;height:110px;border-radius:10px}.songRow__info{margin-left:20px}.songRow__info>h1{font-size:14px;font-weight:550}.songRow__info>p{font-size:14px;margin-top:3px;color:grey}.btn-load-more{margin-left:22px;color:var(--primary-color);cursor:pointer;font-size:14px}.pContainer{max-width:1240;margin:0 auto;padding:0 10px}.pContainer .profile{background:#fff;border-top-left-radius:10px;border-top-right-radius:10px}.pContainer .profile .content-top{justify-content:center;padding:10px}.pContainer .profile .content-top .box-center{text-align:center}.pContainer .profile .content-top .box-center .ant-image img{width:80px;height:80px;border-radius:50%;margin:auto}.pContainer .profile .content-top .box-center .avatar{min-width:80px;min-height:80px;margin-top:10px}.pContainer .profile .content-top .box-center .avatar .avatar-name{font-size:35px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.pContainer .profile .content-top .box-center .name{font-weight:600;margin-top:20px;padding:10px}.pContainer .profile .content-top .box-center .school{color:grey}.pContainer .profile .content-middle{justify-content:center}.pContainer .profile .content-middle .follower{display:flex;cursor:pointer}.pContainer .profile .content-middle .follower-count{text-align:start;color:var(--primary-color)}.pContainer .profile .content-middle .follow{display:flex;cursor:pointer}.pContainer .profile .content-middle .follow-count{text-align:end;color:var(--primary-color)}.pContainer .profile .swiper_container{width:100%;height:100%;z-index:0}.pContainer .profile .swiper_container .swiper-slide{text-align:left;display:flex;justify-content:center;align-items:center}.pContainer .profile .btn-followed{text-align:center;margin-top:10px}.pContainer .profile .btn-followed .ant-btn-followed{color:var(--primary-color);border-color:var(--primary-color);width:15%}.pContainer .profile .btn-followed .ant-btn-following{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff}.pContainer .profile .modal-follow{border-radius:10px;height:380px;max-height:100%}.pContainer .profile .modal-follow .ant-modal-content{overflow:auto}.pContainer .profile .modal-follow .ant-modal-content .ant-modal-header .ant-modal-title{text-align:center;color:var(--primary-color)}.pContainer .profile .modal-follow .ant-modal-content .ant-modal-body{max-height:54vh;overflow:auto}.pContainer .profile .modal-follow .ant-modal-content .ant-modal-body .ant-card-body{padding:0}.pContainer .profile .modal-follow .containerProfil{display:flex;justify-content:space-between}.pContainer .profile .modal-follow .containerProfil .info{display:flex;cursor:pointer}.pContainer .profile .modal-follow .containerProfil .info .name{margin:10px 20px}.pContainer .profile .modal-follow .ant-divider-horizontal{margin:15px 0}.pContainer .profile .modal-follow .button{text-align:end}.pContainer .profile .modal-follow .button .ant-btn{width:100px}.pContainer .profile .modal-follow .button .btn-following{border-color:var(--primary-color);color:var(--primary-color);width:140px}.pContainer .profile .modal-follow .button .btn-following:hover{background:var(--primary-color);color:#fff}.pContainer .profile .modal-follow .button .btn-follow{background:var(--primary-color);color:#fff;width:140px}.pContainer .profile .modal-follow .button .btn-follow:hover{border-color:var(--primary-color);background:none;color:var(--primary-color)}.pContainer .profile .modal-follow-list .ant-modal-body{max-height:55vh;overflow:auto}.pContainer .profile .modal-follow-list .ant-modal-header{border-radius:20px;color:var(--primary-color);text-align:center}.pContainer .profile .modal-follow-list .ant-modal-header .ant-modal-title{color:var(--primary-color)}.pContainer .profile .modal-follow-list .containerProfil{display:flex;background-color:gold;justify-content:space-between}.pContainer .profile .modal-follow-list .containerProfil .info{display:flex;cursor:pointer}.pContainer .profile .modal-follow-list .containerProfil .info .name{margin:10px 20px}.pContainer .profile .modal-follow-list .containerProfil .btn-follow{background:var(--primary-color);color:#fff;width:140px}.pContainer .profile .modal-follow-list .containerProfil .btn-follow:hover{border-color:var(--primary-color);background:none;color:var(--primary-color)}.pContainer .ant-tabs-nav{background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.pContainer .ant-tabs-nav .ant-tabs-nav-list{padding:10px}.pContainer .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color)}.pb__container-loading{text-align:center}.pb__container-loading .anticon-loading{color:var(--primary-color);font-size:2em;padding:3em}.pb__container .pb__containerLink{font-weight:500;color:#575757;font-weight:600;font-size:16px;padding-left:17px}.pb__container .pb__containerMore{color:var(--primary-color);cursor:pointer;font-size:16px;padding:10px}.pb__container .alice-carousel__stage-item{width:245px!important}.pb__container .pb__containerGrid .pb__containerGridCard{width:158px;background:none;border:none;cursor:pointer}.pb__container .pb__containerGrid .pb__containerGridCard .ant-card-body{padding:0;min-height:49px;height:auto;text-align:start}.pb__container .pb__containerGrid .pb__containerGridCard .ant-card-body .ant-card-meta{margin:2px 0}.pb__container .pb__containerGrid .pb__containerGridCard .pb__containerGridTitle{margin-top:10px}.pb__container .pb__containerGrid .pb__containerGridCard .pb__containerGridAuthor{margin-top:-13px;color:grey}.pb__container .pb__containerGrid .pb__containerGridCard .ant-card-actions{margin:0;padding:0;border-radius:5px;list-style:none;background:transparent;border-top:none}.pb__container .pb__containerGrid .pb__containerGridCard .ant-card-actions>li{margin:0 5px!important;width:20%!important;border-right:none;text-align:left}.pb__container .pb__containerGrid .pb__containerGridCard .ant-card-meta-title{margin-bottom:0!important}.pb__container .review .ant-btn{border-color:var(--primary-color);color:#fff;background-color:var(--primary-color);border-radius:25px;margin-bottom:20px}.pb__container .review .review__rating{margin-top:30px;margin-bottom:30px}.pb__container .review>p{color:grey}.pb__container .container-book{z-index:1}.pb__container .container-book .book{position:relative;display:block;width:141px;height:190px;margin:5% auto;border-radius:2px 4px 4px 2px;background:linear-gradient(45deg,#dad5dc,#f2ebf4);font-family:acumin-pro,sans-serif;box-shadow:8px 7px 8px 0 rgba(151,146,153,.6);font-weight:400;color:#2b2b2b;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}@media screen and (max-width:420px){.pb__container .container-book .book{width:153px;height:220px}}.pb__container .container-book .book:hover{-webkit-transform:rotateY(35deg);transform:rotateY(35deg) scale(1.05)}.pb__container .container-book .book>div,.pb__container .container-book .front>div{display:block;position:absolute}.pb__container .container-book .front{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 50%;transform-origin:0 50%;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:translateZ(20px);transform:translateZ(20px);z-index:10}.pb__container .container-book .front>div{width:141px;height:190px}@media screen and (max-width:420px){.pb__container .container-book .front>div{width:153px;height:220px}}.pb__container .container-book .left-side{width:10px;left:-5px;height:10px;background-color:transparent;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.pb__container .cover svg{position:absolute;top:50%;left:45%;margin-top:-100px;margin-left:-110px;width:300px}.pb__container #eye-right{padding-left:185px}.pb__container .cover .num-up{position:absolute;top:64px;left:47px;letter-spacing:50px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.pb__container .cover .num-down{position:relative;top:65px;left:-95px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.pb__container .container-book .front>div{border-radius:0 3px 3px 0;box-shadow:inset 4px 0 10px rgba(0,0,0,.1)}.pb__container .container-book .front:after{content:"";position:absolute;top:1px;bottom:1px;left:-1px;width:1px}.pb__container .container-book .cover:after{content:"";position:absolute;top:0;left:10px;bottom:0;width:3px;background:rgba(0,0,0,.1);box-shadow:1px 0 3px hsla(0,0%,100%,.1)}.pb__container .container-book h2{width:500px;height:40px;color:#2b2b2b;font-size:15px;line-height:15px;padding-left:10px;text-align:left;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg) translateY(-40px);transform:rotate(90deg) translateY(-40px)}.pb__container .cover{background:linear-gradient(45deg,#f7f7f7,#fff)}.pb__container .left-side h2 span:first-child{font-weight:400;font-size:10px;padding-right:10px;z-index:1}.pb__container .left-side h2 span:last-child{font-family:acumin-pro,sans-serif;z-index:1}.pb__containerQueue .pb__containerLink{margin:5px;font-weight:500;color:#575757;font-weight:600;font-size:16px;padding:10px}.pb__containerQueue .pb__containerMore{color:var(--primary-color);cursor:pointer;font-size:16px;padding:10px}.pb__containerQueue .pb__containerGrid .bs__containerCompCardQueue{width:158px;background:none;border:none;cursor:pointer}.pb__containerQueue .pb__containerGrid .bs__containerCompCardQueue .ant-card-body{padding:0;min-height:36px;height:auto;text-align:start}.pb__containerQueue .pb__containerGrid .bs__containerCompCardQueue .ant-card-body .ant-card-meta{margin:2px 0}.pb__containerQueue .pb__containerGrid .bs__containerCompCardQueue .ant-card-actions{margin:0;padding:0;border-radius:5px;list-style:none;background:transparent;border-top:none}.pb__containerQueue .pb__containerGrid .bs__containerCompCardQueue .ant-card-actions>li{margin:0 12px 0 -9px!important;width:20%!important;border-right:none;text-align:left}.pb__containerQueue .pb__containerGrid .bs__containerCompCardQueue .ant-card-meta-title{margin-bottom:0!important}.pb__containerQueue .container-book{z-index:1}.pb__containerQueue .container-book .book{position:relative;display:block;width:141px;height:190px;margin:5% auto;border-radius:2px 4px 4px 2px;background:linear-gradient(45deg,#dad5dc,#f2ebf4);font-family:acumin-pro,sans-serif;box-shadow:8px 7px 8px 0 rgba(151,146,153,.6);font-weight:400;color:#2b2b2b;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}@media screen and (max-width:420px){.pb__containerQueue .container-book .book{width:153px;height:220px}}.pb__containerQueue .container-book .book:hover{-webkit-transform:rotateY(35deg);transform:rotateY(35deg) scale(1.05)}.pb__containerQueue .container-book .book>div,.pb__containerQueue .container-book .front>div{display:block;position:absolute}.pb__containerQueue .container-book .front{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 50%;transform-origin:0 50%;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:translateZ(20px);transform:translateZ(20px);z-index:10}.pb__containerQueue .container-book .front>div{width:141px;height:190px}@media screen and (max-width:420px){.pb__containerQueue .container-book .front>div{width:153px;height:220px}}.pb__containerQueue .container-book .left-side{width:10px;left:-5px;height:10px;background-color:transparent;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.pb__containerQueue .cover svg{position:absolute;top:50%;left:45%;margin-top:-100px;margin-left:-110px;width:300px}.pb__containerQueue #eye-right{padding-left:185px}.pb__containerQueue .cover .num-up{position:absolute;top:64px;left:47px;letter-spacing:50px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.pb__containerQueue .cover .num-down{position:relative;top:65px;left:-95px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.pb__containerQueue .container-book .front>div{border-radius:0 3px 3px 0;box-shadow:inset 4px 0 10px rgba(0,0,0,.1)}.pb__containerQueue .container-book .front:after{content:"";position:absolute;top:1px;bottom:1px;left:-1px;width:1px}.pb__containerQueue .container-book .cover:after{content:"";position:absolute;top:0;left:10px;bottom:0;width:3px;background:rgba(0,0,0,.1);box-shadow:1px 0 3px hsla(0,0%,100%,.1)}.pb__containerQueue .container-book h2{width:500px;height:40px;color:#2b2b2b;font-size:15px;line-height:15px;padding-left:10px;text-align:left;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg) translateY(-40px);transform:rotate(90deg) translateY(-40px)}.pb__containerQueue .cover{background:linear-gradient(45deg,#f7f7f7,#fff)}.pb__containerQueue .left-side h2 span:first-child{font-weight:400;font-size:10px;padding-right:10px;z-index:1}.pb__containerQueue .left-side h2 span:last-child{font-family:acumin-pro,sans-serif;z-index:1}.pa__container .pa__containerLink{margin:5px;color:var(--primary-color);font-weight:500;font-size:16px;padding:10px}.pa__container .pa__containerMore{font-weight:500;margin:5px;text-align:end;cursor:pointer;color:#000;font-size:16px;padding:10px}.site-layout-content{min-height:20vh;background:transparent}.modal-report-question{overflow:hidden}.modal-report-question .upload-container{margin-bottom:15px;border-bottom:.5px solid #d8d8d8}.modal-report-question .ant-form-item{margin-bottom:2px}.modal-report-question .upload-image{flex:1 1;display:flex;margin-top:5px;border-top:1px solid #d3d3d3}.modal-report-question .ant-image-preview-wrap,.modal-report-question .ant-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;outline:0;-webkit-overflow-scrolling:touch}.modal-report-question .ant-card-head-title{text-align:center;font-weight:700;padding:10px 0;font-size:20px}.modal-report-question .ant-card{border-radius:7px}.modal-report-question .ant-card .ant-card-body{padding:15px}.modal-report-question .ant-modal-content{border-radius:10px}.modal-report-question .ant-modal-body{padding:0}.modal-report-question .modal-card{overflow:hidden}.modal-report-question .modal-card .textArea #foo{resize:none}.modal-report-question .modal-card .textArea .placeholder{font-size:16px}.modal-report-question .btn-modal{width:100%;border-radius:7px}.modal-report-question .btn-modal>h3{color:#fff}.modal-report-question .btn-modal>h3:hover{color:#484848}.modal-report-question .ant-btn-primary[disabled],.modal-report-question .ant-btn-primary[disabled]:active,.modal-report-question .ant-btn-primary[disabled]:focus,.modal-report-question .ant-btn-primary[disabled]:hover{color:rgba(0,0,0,.25);background:#d4d4d4;border-color:transparent}.messageSender{overflow:hidden;display:flex;margin-top:-10px;flex-direction:column;background-color:#fff;box-shadow:0 5px 7px -7px rgba(0,0,0,.75);width:100%;margin-bottom:15px;border-radius:10px}.messageSender-top{overflow:hidden;display:flex;padding:15px}.messageSender-top .ant-avatar-sm{width:30px;height:28px;line-height:24px;border-radius:50%}.messageSender .post-avatar{margin-top:3px}.messageSender .messageSender-top>form{flex:1 1;display:flex}.messageSender .messageSender-top>form>input{cursor:pointer;outline-width:0;border:none;padding:5px 20px;margin:0 10px;border-radius:999px;background-color:#eff2f5}.messageSender .messageSender-top>form>input:hover{background-color:#e4e4e4}.messageSender .messageSender-top>form>button{display:none}.messageSender-input{flex:1 1}.messageSender-upload{border-radius:5px;cursor:pointer;padding:7px 5px 2px}.messageSender-upload:hover{background-color:#eff2f5}.modal-popupSender{overflow:hidden}.modal-popupSender .upload-container{margin-top:10px;border-top:1px solid #eff2f5}.modal-popupSender .upload-image{flex:1 1;display:flex;margin-top:5px;border-top:1px solid #d3d3d3}.modal-popupSender .ant-image-preview-wrap,.modal-popupSender .ant-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;outline:0;-webkit-overflow-scrolling:touch}.modal-popupSender .ant-card-head-title{text-align:center;font-weight:700;padding:10px 0;font-size:20px}.modal-popupSender .ant-card{border-radius:7px}.modal-popupSender .ant-card .ant-card-body{padding:15px}.modal-popupSender .ant-modal-body{padding:0}.modal-popupSender .modal-card{overflow:hidden}.modal-popupSender .modal-card .textArea #foo{resize:none}.modal-popupSender .modal-card .textArea .placeholder{font-size:16px}.modal-popupSender .btn-modal{width:100%;border-radius:7px}.modal-popupSender .btn-modal>h3{color:#fff}.modal-popupSender .btn-modal>h3:hover{color:#484848}.modal-popupSender .ant-btn-primary[disabled],.modal-popupSender .ant-btn-primary[disabled]:active,.modal-popupSender .ant-btn-primary[disabled]:focus,.modal-popupSender .ant-btn-primary[disabled]:hover{color:rgba(0,0,0,.25);background:#d4d4d4;border-color:transparent}.detailMessageSender{animation:fadein 1s;-moz-animation:fadein 1s;-webkit-animation:fadein 1s;-o-animation:fadein 1s;display:flex;margin-top:-10px;flex-direction:column;background-color:#fff;border:transparent;box-shadow:0 5px 7px -7px rgba(0,0,0,.75);width:100%;margin-bottom:15px}.detailMessageSender-top{display:flex;padding:15px}.detailMessageSender .messageSender-ttop{display:flex;padding:10px 15px}.detailMessageSender .messageSender-ttop>form{flex:1 1;display:flex}.detailMessageSender .messageSender-ttop>form #foo{resize:none}.detailMessageSender .messageSender-ttop>form>input{cursor:pointer;outline-width:0;border:none;padding:5px 20px;margin:0 10px;border-radius:999px;background-color:#eff2f5}.detailMessageSender .messageSender-ttop>form>input:hover{background-color:#e4e4e4}.detailMessageSender .messageSender-ttop>form>button{display:none}.detailMessageSender-input{flex:1 1}.detailMessageSender-upload{padding:5px;border-radius:5px;cursor:pointer}.detailMessageSender-upload:hover{background-color:#eff2f5}.detailMessageSender .sender .btn-sender{border-radius:50%}.detailMessageSender .textArea-edit{resize:none;background:linear-gradient(0deg,var(--primary-color),var(--primary-color)) bottom/var(--d,0) 1.2px no-repeat;transition:.5s;border-bottom:1px solid #bebebe}.detailMessageSender .textArea-edit:focus{--d:100%;border-bottom:none}.detailMessageSender .container-comment-list{animation:fadein 1s;-moz-animation:fadein 1s;-webkit-animation:fadein 1s;-o-animation:fadein 1s}.detailMessageSender .container-comment-list .ant-comment-inner{display:flex;padding:0;margin-top:16px}.detailMessageSender .btn-comment-edit .ant-btn{border-radius:0}.post{animation:fadein 1s;-moz-animation:fadein 1s;-webkit-animation:fadein 1s;-o-animation:fadein 1s;margin-bottom:10px;background:#fff;padding:10px 15px;display:block;box-shadow:0 5px 4px -7px rgba(0,0,0,.75);border:none;border-radius:10px}.post-top{display:flex;position:relative;align-items:center}.post-top .post-info{margin-left:10px;cursor:pointer}.post-top .post-info-message{color:grey}.post-top .post-info-time{margin-top:-2px;font-size:12px;color:grey}.post-bottom{margin-top:10px}.post-image-src{margin-bottom:10px}.post-image-src .ant-image-img{width:100%;border-radius:10px;height:auto}.post-image .book-review{margin-bottom:10px}.post-image .post-image-book{height:130px;display:flex}.post-image .post-image-book .bookImage{width:100px;cursor:pointer}.post-image .post-image-book .bookImage .ant-image .ant-image-img{border-radius:10px}.post-image .post-image-book .descrition{margin-left:20px;display:unset}.post-image .post-image-book .bookRating{margin-top:70px;color:#f7a539}.post-image .post-image-book .bookRating .rate{margin-left:10px}@media screen and (max-width:360px){.post-image .post-image-book .bookRating{margin-top:55px}}.post-image .post-image-book .bookRating .ant-rate{color:orange}.post .post-like-commet{margin-top:10px;display:flex;justify-content:space-between;color:grey}.post .post-like-commet .comment,.post .post-like-commet .like{padding-top:5px}.post-options{margin-top:5px;border-top:1px solid #d3d3d3;display:flex;justify-content:space-around;font-size:medium;color:#636161}.post-options .post-option{cursor:pointer}.post-options .post-option .card-title{margin-top:-3px;margin-bottom:-12px;align-items:center;padding:0;flex:1 1;display:flex;color:#65676b}.post-options .post-option .card-title:hover{color:#8b8b8b}.post-options .post-option .card-title>p{margin-left:10px;margin-top:13px;font-size:15px;font-weight:600;text-decoration:none}.post-comment .comment-field{margin-right:10px}.post-comment .comment-field .ant-input{border-radius:20px}.read-more-less{color:var(--primary-color);font-weight:700;cursor:pointer}.notif{background-color:#fff;border-radius:10px;padding:15px}.notif>b{color:var(--primary-color)}.notif .notification{height:100%;width:100%;padding:0}.notif .notification-title{display:flex;color:var(--primary-color);margin-top:10px;margin-bottom:12px;margin-left:10px;font-weight:500}.notif .notification-button{color:var(--primary-color);display:flex;align-items:center;justify-content:center;margin-top:15px}.notif .notification-card{width:100%;padding:12px 0;background:#f9fffd;border-radius:6px}.notif .notification-card .message{width:90%}.notif .notification-card .message .avatar{margin-left:10px;float:left;width:80px;height:30px;border-radius:6px;width:100%;display:flex}.notif .notification-card .message .avatar .name{margin-left:10px;color:#000}.notif .notification-card .message .avatar .time{margin-left:10px;color:grey}.notif .notification-card .title{padding:0;margin-left:10px}.notif .notification-card .title .titleMessage{margin-top:40px;color:var(--primary-color);margin-bottom:-5px;font-size:15px}.notif .notification-card .title .description{margin-top:6px;color:#000;font-size:14px}.notif>b{margin-left:5px}.follow__ant{background-color:#fff;width:100%;border-radius:10px;height:100vh;overflow:auto}.follow__ant .follow__header{display:flex}.follow__ant .follow__header .follow__headerLeft{flex:.4 1;display:flex;flex-direction:column;padding:15px;cursor:pointer}.follow__ant .follow__header .follow__headerRight{flex:.6 1;display:flex;flex-direction:column;padding:15px}.follow__ant .follow__header .follow__headerRight .follow__headerRightInput{border-radius:20px}.follow__ant .follow__header .follow__headerRight .follow__headerRightAction{display:flex;justify-content:space-between;margin-top:10px}.follow__ant .follow__header .follow__headerRight .follow__headerRightAction .follow__headerRightActionCount{color:var(--primary-color)}.follow__ant .follow__header .follow__headerRight .follow__headerRightAction .follow__headerRightActionDropdown{color:grey}.follow__ant .follow__item{display:flex}.follow__ant .follow__item .follow__itemLeft{flex:.4 1;padding:15px}.follow__ant .follow__item .follow__itemRight{flex:.6 1;padding:15px}.follow__ant .follow__item .follow__itemRightContent{display:flex;cursor:pointer}.follow__ant .follow__item .follow__itemRightContent>p{margin-left:20px}.follow__ant .follow__item .follow__itemRightButtonFollowing{margin:8px 50px;border-color:var(--primary-color);color:var(--primary-color);width:140px}.follow__ant .follow__item .follow__itemRightButtonFollowing:hover{background:var(--primary-color);color:#fff}.follow__ant .follow__item .follow__itemRightButtonFollower{margin:8px 50px;background:var(--primary-color);color:#fff;width:140px}.follow__ant .follow__item .follow__itemRightButtonFollower:hover{border-color:var(--primary-color);background:none;color:var(--primary-color)}.follow__ant::-webkit-scrollbar{display:none}.setting__container{margin-top:-7px;padding:0 10px}.setting__container .setting__containerTop{text-align:center;padding:10px;background-color:#fff;border-radius:9px;height:130px}.setting__container .setting__containerTop .setting__containerTopAvatar{width:70px;height:70px}.setting__container .setting__containerTop>img{margin-left:-20px;margin-top:-15px;position:relative}.setting__container .ant-tabs-ink-bar{background:var(--primary-color)}.setting__container .ant-tabs{margin-top:-46px}.setting__container .ant-tabs .ant-tabs-nav{margin:0;background:#fff;border-radius:0 0 10px 10px}.setting__container .ant-tabs .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn,.setting__container .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover,.setting__container .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active{color:var(--primary-color)}.setting__container .setting__containerMiddle{padding:24px;background-color:#fff;border-radius:5px;margin-top:20px}.setting__container .setting__containerMiddle .setting__containerMiddleTitle{color:var(--primary-color);margin-bottom:15px;font-weight:700;font-size:1rem}.setting__container .setting__containerMiddle .ant-list-item-meta-description{color:rgba(0,0,0,.69);font-size:.875rem;line-height:1.5715;font-weight:600}.setting__container .setting__containerMiddle>.ant-divider{margin:0}.setting__container .setting__containerMiddle>p{color:grey}.setting__container .setting__containerBottom{padding:10px;background-color:#fff;border-radius:5px;margin-top:15px}.setting__container .setting__containerBottom .setting__containerBottomTitle{color:var(--primary-color);margin-bottom:15px}.setting__container .setting__containerBottomSubtitle{color:var(--primary-color);margin-top:5px;cursor:pointer}.setting__container .setting__containerBottom>.ant-divider{margin:0}.m__pe{border-radius:10px}.m__pe .m__peTitle{margin-bottom:15px;text-align:center;font-weight:600;color:var(--primary-color)}.m__pe .ant-modal-content{border-radius:10px;margin-top:10px}.m__pe .ant-input-password{border-radius:5px}.m__pe .m__peSubtitle{margin:10px 2px}.m__pe .m__peButton{text-align:center;margin-top:20px}.m__pe .m__peButton .m__peButtonCancel{background-color:transparent;border-color:var(--primary-color);width:32%;color:#000;border-radius:25px}.m__pe .m__peButton .m__peButtonSave{background:var(--primary-color);border-color:var(--primary-color);width:32%;color:#fff;border-radius:25px}.e__container{background-color:#fff;border-top-left-radius:18px;border-top-right-radius:18px;margin-top:0}.e__container .e__containerContent{text-align:center}.e__container .e__containerContent .e__containerContentTitle{font-size:16px}.e__container .e__containerContent .e__containerContentBio{margin-top:20px;padding:0 20px;text-align:center}.e__container .e__containerContent .e__containerContentCount{display:flex;justify-content:center;margin-bottom:20px;margin-top:10px;cursor:pointer}.e__container .e__containerContent .e__containerContentCount>p{color:var(--primary-color)}.e__container .e__containerContent .e__containerContentCount>.e__containerContentCountCollection{margin-left:25px;cursor:pointer}.e__container .e__containerContent .e__containerContentBtn>.ant-btn{border-color:var(--primary-color);background-color:var(--primary-color);border-radius:30px;color:#fff}.e__container .e__containerContent .e__containerContentBtn>.ant-btn-join{border-color:grey;background-color:grey;border-radius:30px;color:#fff}.e__container .e__containerContent .e__containerContentBtn{margin-bottom:10px;display:flex;justify-content:center;align-items:center}.e__container .e__containerContent .e__containerContentBtn .btn-share{margin-left:15px;cursor:pointer}.e__container .e__containerContent .e__containerContentBtn .btn-share img{width:30px}.e__container .e__containerContent>img{width:120px;height:120px;box-shadow:0 0 6px -4px #000;-webkit-box-shadow:0 0 6px -4px #000;border-radius:10px;margin-top:15px;margin-bottom:20px}.e__container .e__containerContent>p{color:grey}.ant-tabs>.ant-tabs-nav{margin:0}.ant-tabs>.ant-tabs-nav .ant-tabs-tab:hover,.ant-tabs>.ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-card.ant-tabs-top>.ant-tabs-nav .ant-tabs-tab-active{color:var(--primary-color)}.e__content .ant-menu{text-align:center;border-bottom-left-radius:18px;border-bottom-right-radius:18px}.e__content .ant-menu-item-selected,.e__content .ant-menu-item:hover{color:var(--primary-color)!important;border-bottom:2px solid var(--primary-color)!important}.pb__container .ant-card-body{padding:0;min-height:49px;height:auto;text-align:start;margin-top:2em}.pb__container .ant-card-body .ant-card-meta{margin:2px}.pb__container .ant-card-actions{margin:0;padding:0;border-radius:5px;list-style:none;background:transparent;border-top:none}.pb__container .ant-card-actions>li{margin:0 5px!important;width:20%!important;border-right:none;text-align:left}.pb__container .ant-card-meta-title{margin-bottom:0!important}.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected:after,.ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover:after{border-bottom:none!important}.modal-detail-epustaka .ant-modal-content{border-radius:10px}.modal-detail-epustaka .ant-modal-content .ant-modal-body{max-height:60vh;overflow:auto}.modal-detail-epustaka .ant-modal-content .ant-modal-body .modal-detail-epustaka-item{display:flex;align-items:center}.modal-detail-epustaka .ant-modal-content .ant-modal-body .modal-detail-epustaka-item p{margin:0 2em}.modal-detail-epustaka .ant-modal-content .ant-modal-body .modal-detail-epustaka-loading{text-align:center}.modal-detail-epustaka .ant-modal-content .ant-modal-body .modal-detail-epustaka-loading .anticon-loading{color:var(--primary-color);font-size:2em}.modal-detail-epustaka .ant-modal-content .ant-modal-body::-webkit-scrollbar{display:none}.modal-detail-epustaka .display-btn{text-align:center}.modal-detail-epustaka .display-btn .ant-btn{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.tabsEpustaka{margin-top:-1px}.tabsEpustaka .ant-tabs-nav{background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.tabsEpustaka .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color)}.ant-modal-wrap{z-index:1000;overflow:hidden}.mj__epustaka .ant-modal-content{text-align:center;border-radius:10px}.mj__epustaka .ant-modal-content .ant-modal-body .mj__epustakaTitle{color:var(--primary-color);font-size:16px;font-weight:600}@media screen and (max-width:400px){.mj__epustaka .ant-modal-content .ant-modal-body .mj__epustakaTitle{margin-top:20px;font-size:15px}}.mj__epustaka .ant-modal-content .ant-modal-body .mj__epustakaImg{width:120px;height:120px;box-shadow:0 0 7px -3px #000;border-radius:10px;margin-top:10px;margin-bottom:10px}.mj__epustaka .ant-modal-content .ant-modal-body .mj__epustakaName{margin-bottom:0}.mj__epustaka .ant-modal-content .ant-modal-body .mj__epustakaSubName{color:grey;margin-bottom:15px}.mj__epustaka .ant-modal-content .ant-modal-body .mj__epustakaAbout{font-style:italic}.mj__epustaka .ant-modal-content .ant-modal-body .mj__epustakaBtn{border-color:var(--primary-color);background-color:var(--primary-color);border-radius:30px;color:#fff}.bs__container .bs__containerHeader>img{width:90px;height:90px;margin:15px}.bs__container .bs__containerHeader{text-align:center;background-color:#fff;font-size:15px;border-top-left-radius:18px;border-top-right-radius:18px}.bs__container .bs__containerHeader .bs__containerHeaderTitle{color:var(--primary-color)}.bs__container .bs__containerHeader .bs__containerHeaderSubt{color:grey}.bs__container .ant-tabs-nav{background-color:#fff;border-bottom-left-radius:18px;border-bottom-right-radius:18px}.bs__container .ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color)}.bs__container .bs__containerBorrow>p{font-size:15px}.bs__container .bs__containerBorrow{display:flex;justify-content:space-between;padding:10px}.bs__conte{margin-top:-20px}.bs__conte .alice-carousel__stage-item{width:240px!important}.bs__conte .single-react-slick .slick-track{width:auto!important}.bs__conte .bs__containerComp{float:none;padding-right:1em;padding-bottom:0;cursor:pointer}.bs__conte .bs__containerComp .bs__containerCompCard{background:transparent;border-radius:5px}.bs__conte .bs__containerComp .bs__containerCompCard .container-book{z-index:1;-webkit-perspective:4000px;perspective:4000px}.bs__conte .bs__containerComp .bs__containerCompCard .container-book .book{position:relative;display:block;width:135px;height:185px;margin:0 auto;border-radius:2px 4px 4px 2px;background:linear-gradient(45deg,#dad5dc,#f2ebf4);font-family:acumin-pro,sans-serif;box-shadow:7px 7px 7px 0 rgba(151,146,153,.6);font-weight:400;color:#2b2b2b;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.bs__conte .bs__containerComp .bs__containerCompCard .container-book .book:hover{-webkit-transform:rotateY(35deg);transform:rotateY(35deg) scale(1.05)}.bs__conte .bs__containerComp .bs__containerCompCard .container-book .book>div,.bs__conte .bs__containerComp .bs__containerCompCard .container-book .front>div{display:block;position:absolute}.bs__conte .bs__containerComp .bs__containerCompCard .container-book .front{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 50%;transform-origin:0 50%;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:translateZ(20px);transform:translateZ(20px);z-index:10}.bs__conte .bs__containerComp .bs__containerCompCard .container-book .front>div{width:135px;height:185px}.bs__conte .bs__containerComp .bs__containerCompCard .container-book .left-side{width:10px;left:-5px;height:185px;background-color:transparent;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.bs__conte .bs__containerComp .bs__containerCompCard .cover svg{position:absolute;top:50%;left:45%;margin-top:-100px;margin-left:-110px;width:300px}.bs__conte .bs__containerComp .bs__containerCompCard #eye-right{padding-left:185px}.bs__conte .bs__containerComp .bs__containerCompCard .container-book .front>div{border-radius:0 3px 3px 0;box-shadow:inset 4px 0 10px rgba(0,0,0,.1)}.bs__conte .bs__containerComp .bs__containerCompCard .container-book .front:after{content:"";position:absolute;top:1px;bottom:1px;left:-1px;width:1px}.bs__conte .bs__containerComp .bs__containerCompCard .container-book .cover:after{content:"";position:absolute;top:0;left:10px;bottom:0;width:3px;background:rgba(0,0,0,.1);box-shadow:1px 0 3px hsla(0,0%,100%,.1)}.bs__conte .bs__containerComp .bs__containerCompCard .container-book h2{width:500px;height:40px;color:#2b2b2b;font-size:15px;line-height:15px;padding-left:10px;text-align:left;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg) translateY(-40px);transform:rotate(90deg) translateY(-40px)}.bs__conte .bs__containerComp .bs__containerCompCard .cover{background:linear-gradient(45deg,#f7f7f7,#fff)}.bs__conte .bs__containerComp .bs__containerCompCard .left-side h2 span:first-child{font-weight:400;font-size:10px;padding-right:10px;z-index:1}.bs__conte .bs__containerComp .bs__containerCompCard .left-side h2 span:last-child{font-family:acumin-pro,sans-serif;z-index:1}.bs__conte .bs__containerComp .bs__containerCompCard .ant-card-cover{padding:13px 0}.bs__conte .bs__containerComp .bs__containerCompCard .ant-card-body{padding:0 13px;min-height:49px;text-align:start}.bs__conte .bs__containerComp .bs__containerCompCard .ant-card-actions{margin:0;padding:0;border-radius:5px;list-style:none;background:transparent;border-top:1px solid #f0f0f0}.bs__conte .bs__containerComp .bs__containerCompCard .ant-card-actions>li{margin:0 5px!important;width:20%!important}.bs__conte .bs__containerComp .bs__containerCompCard .ant-card-meta-title{margin-bottom:0}.bs__conte .bs__containerComp .bs__containerCompCardQueue{background:transparent;border-radius:5px}.bs__conte .bs__containerComp .bs__containerCompCardQueue .container-book{z-index:1;-webkit-perspective:4000px;perspective:4000px}.bs__conte .bs__containerComp .bs__containerCompCardQueue .container-book .book{position:relative;display:block;width:135px;height:185px;margin:0 auto;border-radius:2px 4px 4px 2px;background:linear-gradient(45deg,#dad5dc,#f2ebf4);font-family:acumin-pro,sans-serif;box-shadow:7px 7px 7px 0 rgba(151,146,153,.6);font-weight:400;color:#2b2b2b;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.bs__conte .bs__containerComp .bs__containerCompCardQueue .container-book .book:hover{-webkit-transform:rotateY(35deg);transform:rotateY(35deg) scale(1.05)}.bs__conte .bs__containerComp .bs__containerCompCardQueue .container-book .book>div,.bs__conte .bs__containerComp .bs__containerCompCardQueue .container-book .front>div{display:block;position:absolute}.bs__conte .bs__containerComp .bs__containerCompCardQueue .container-book .front{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 50%;transform-origin:0 50%;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:translateZ(20px);transform:translateZ(20px);z-index:10}.bs__conte .bs__containerComp .bs__containerCompCardQueue .container-book .front>div{width:135px;height:185px}.bs__conte .bs__containerComp .bs__containerCompCardQueue .container-book .left-side{width:10px;left:-5px;height:185px;background-color:transparent;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.bs__conte .bs__containerComp .bs__containerCompCardQueue .cover svg{position:absolute;top:50%;left:45%;margin-top:-100px;margin-left:-110px;width:300px}.bs__conte .bs__containerComp .bs__containerCompCardQueue #eye-right{padding-left:185px}.bs__conte .bs__containerComp .bs__containerCompCardQueue .container-book .front>div{border-radius:0 3px 3px 0;box-shadow:inset 4px 0 10px rgba(0,0,0,.1)}.bs__conte .bs__containerComp .bs__containerCompCardQueue .container-book .front:after{content:"";position:absolute;top:1px;bottom:1px;left:-1px;width:1px}.bs__conte .bs__containerComp .bs__containerCompCardQueue .container-book .cover:after{content:"";position:absolute;top:0;left:10px;bottom:0;width:3px;background:rgba(0,0,0,.1);box-shadow:1px 0 3px hsla(0,0%,100%,.1)}.bs__conte .bs__containerComp .bs__containerCompCardQueue .container-book h2{width:500px;height:40px;color:#2b2b2b;font-size:15px;line-height:15px;padding-left:10px;text-align:left;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg) translateY(-40px);transform:rotate(90deg) translateY(-40px)}.bs__conte .bs__containerComp .bs__containerCompCardQueue .cover{background:linear-gradient(45deg,#f7f7f7,#fff)}.bs__conte .bs__containerComp .bs__containerCompCardQueue .left-side h2 span:first-child{font-weight:400;font-size:10px;padding-right:10px;z-index:1}.bs__conte .bs__containerComp .bs__containerCompCardQueue .left-side h2 span:last-child{font-family:acumin-pro,sans-serif;z-index:1}.bs__conte .bs__containerComp .bs__containerCompCardQueue .ant-card-cover{padding:13px 0}.bs__conte .bs__containerComp .bs__containerCompCardQueue .ant-card-body{padding:0 13px;min-height:27px;text-align:start}.bs__conte .bs__containerComp .bs__containerCompCardQueue .ant-card-actions{margin:0;padding:0;border-radius:5px;list-style:none;background:transparent;border-top:1px solid #f0f0f0}.bs__conte .bs__containerComp .bs__containerCompCardQueue .ant-card-actions>li{margin:0 5px!important;width:20%!important}.bs__conte .bs__containerComp .bs__containerCompCardQueue .ant-card-meta-title{margin-bottom:0}.bs__conte .dropbtn{margin-left:135px}.bs__conte .dropbtn,.bs__conte .overlay{background-image:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.8));background:#000;background:rgba(0,0,0,.5);position:absolute;z-index:2;margin-top:10px;border-radius:5px;color:#f1f1f1;transition:.5s ease}.bs__conte .overlay{margin-left:50px;opacity:0;padding:10px;cursor:pointer}.bs__conte .bs__containerComp .dropdown,.bs__conte .bs__containerComp .overlay{opacity:1}.bs__conte .swiper_container{width:100%;height:100%;z-index:0}.bs__conte .swiper_container .swiper-slide{text-align:center;display:flex;justify-content:center;align-items:center}.bs__containerGridV{margin-left:15px;margin-right:15px;margin-bottom:20px}.bs__containerGridV .bs__containerGridVCard:hover{box-shadow:0 0 8px -1px #6e6b6b;-webkit-box-shadow:0 0 8px -1px #6e6b6b;-moz-box-shadow:0 0 8px -1px #6e6b6b}.bs__containerGridV .bs__containerGridVCard{width:100%;max-width:510px;height:295px;border-radius:3px;display:block;min-height:100px;overflow:hidden;position:relative;border-radius:20px;transition:all .25s ease-in-out}.bs__containerGridV .bs__containerGridVCard .ant-card-body{padding:0}.bs__containerGridV .bs__containerGridVCard .bs__containerGridVCardImage{display:block;margin-bottom:0;margin-left:auto;margin-right:auto;width:100%;height:300px;object-fit:cover;transition:all .25s ease-in-out}.bs__containerGridV .bs__containerGridVCardItem{content:"";bottom:0;display:block;height:100%;left:0;position:absolute;right:0;top:0;z-index:0}.bs__containerGridV .card__overlay{background-image:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.8));z-index:2}.bs__containerGridV .bs__containerGridVCardItemContent .play-icon{height:165px;line-height:260px;text-align:center}.bs__containerGridV .bs__containerGridVCardItemContent .play-icon img{vertical-align:middle;width:50px}.bs__containerGridV .bs__containerGridVCardItemContent .bs__containerGridVCardItemContentTime{text-align:end;margin-right:25px;color:#fff8dc;font-weight:500;margin-top:80px}.bs__containerAGrid{margin-left:15px;margin-right:15px}.bs__containerAGrid .bs__containerAGridCard{width:100%;max-width:510px;-webkit-border-radius:3px;-moz-border-radius:3px;display:block;overflow:hidden;position:relative;border-radius:20px}.bs__containerAGrid .bs__containerAGridCard .ant-card-body{padding:0}.bs__containerAGrid .bs__containerAGridCard .bs__containerAGridCardImage{display:block;margin-bottom:0;margin-left:auto;margin-right:auto;width:100%;height:175px;object-fit:cover;transition:all .25s ease-in-out}.bs__containerAGrid .bs__containerAGridCard .bs__containerAGridCardItem{content:"";bottom:0;display:block;height:100%;left:0;position:absolute;right:0;top:0;z-index:0}.bs__containerAGrid .bs__containerAGridCard .card-overlay{background-image:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.8));z-index:2}.bs__containerAGrid .bs__containerAGridCard .bs__containerAGridCardItemContent .play-icon{line-height:170px;text-align:center}.bs__containerAGrid .bs__containerAGridCard .bs__containerAGridCardItemContent .play-icon img{vertical-align:middle;width:50px}.bs__containerAGrid .bs__containerAGridCardTitle{font-weight:700;margin-top:15px;font-size:20px;text-transform:capitalize}.m__container__return__book .ant-modal-content{border-radius:10px}.m__container__return__book .ant-modal-content .ant-modal-body .m__container{text-align:center}.m__container__return__book .ant-modal-content .ant-modal-body .m__container .m__containerBtn,.m__container__return__book .ant-modal-content .ant-modal-body .m__container .m__containerMessage{margin-top:50px}.m__container__return__book .ant-modal-content .ant-modal-body .m__container .m__containerBtn .m__containerBtnCan{border:none}.m__container__return__book .ant-modal-content .ant-modal-body .m__container .m__containerBtn .m__containerBtnOk{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff;border-radius:50px}.m__container__return__book .ant-modal-content .ant-modal-body .m__container>p{color:var(--primary-color);font-size:15px}.container-membership{align-items:center;margin-top:0}.container-membership .container-filter-epustaka,.container-membership .container-list-epustaka{background-color:#fff}.container-membership .container-list-epustaka .tabs-list .ant-tabs-nav-list{justify-content:flex-start!important}.container-membership .container-list-epustaka .ant-tabs-ink-bar{position:absolute;background:var(--primary-color);pointer-events:none}.container-membership .filter-membership{padding:1.5em 1.9em}.container-membership .filter-membership .search-filter{border-radius:20px}.container-membership .filter-membership .add-logo{cursor:pointer;background-color:var(--primary-color)}.container-membership .filter-membership .filter-input .ant-select-selector{position:relative;background-color:hsla(0,0%,93.3%,.4431372549);border:1px solid #e9e9e9;border-radius:15px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.container-membership .membership-list{animation:fadein 2s;-moz-animation:fadein 2s;-webkit-animation:fadein 2s;-o-animation:fadein 2s;padding-right:10px}.container-membership .membership-list .btn-member-out{font-size:9pt;color:#616161}.container-membership .membership-list .btn-member-join{font-size:9pt}.container-membership .membership-list .member-name{font-weight:600;color:#575757}.container-membership .membership-list .ant-list-item-meta-title{margin-bottom:0;color:rgba(0,0,0,.85);font-size:14px;line-height:1.5715;margin-top:.5rem}.container-membership .membership-list .ant-list-item:hover{background-color:#f0f8ff}.modal-filter .ant-modal-content,.modal-filter .ant-modal-header{border-radius:10px}.detailQuiz{margin-bottom:30px!important;margin:0 auto;max-width:900px}.detailQuiz-topContent{background-color:#fff;border-radius:12px;overflow:hidden}.detailQuiz-topContent-header{padding:12px 18px;display:flex;justify-content:space-between;align-items:center}.detailQuiz-topContent-header-title{font-size:18px;font-weight:700;color:var(--primary-color)}.detailQuiz-topContent-banner{display:flex;margin:1.3em;background-color:#fff}@media screen and (max-width:500px){.detailQuiz-topContent-banner{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:10px;gap:10px}}.detailQuiz-topContent-banner-image{margin-right:30px}@media screen and (max-width:500px){.detailQuiz-topContent-banner-image{text-align:center;margin:0}}@media screen and (max-width:500px){.detailQuiz-topContent-banner-info{text-align:center}}.detailQuiz-topContent-banner-info-title{color:var(--primary-color);font-size:1.1rem;font-weight:500;margin-bottom:0!important}.detailQuiz-topContent-banner-info-rate{color:#343a4f}.detailQuiz-topContent-banner-info-rate .rating{font-weight:500;font-size:14px}.detailQuiz-topContent-banner-info-rate .rate-value{margin:0 7px}.detailQuiz-topContent-banner-info-rate .rate-num{color:#858384}.detailQuiz-topContent-banner-info .useVouchers{color:var(--primary-color);border:1px solid var(--primary-color);margin-right:5px}.detailQuiz-topContent-banner-info .ant-typography p,.detailQuiz-topContent-banner-info div.ant-typography{margin-bottom:.3em}.detailQuiz-topContent-banner-info .btnPrimary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.detailQuiz-topContent-banner-info .btnOrange{background-color:#fa6400;border-color:#fa6400;color:#fff}.detailQuiz-topContent-banner-info .btnPurple{background-color:#a400ff;border-color:#a400ff;color:#fff}.detailQuiz-topContent-banner .ant-btn{border-radius:20px;padding:6px 30px;font-size:14px;font-weight:500;height:auto;margin-top:15px}.detailQuiz-topContent-banner .ant-btn:focus,.detailQuiz-topContent-banner .ant-btn:hover{font-size:15px}.detailQuiz-topContent-tabMenu{text-align:center;justify-content:center}.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item,.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu{font-weight:600;color:#747474}.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active,.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open,.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected,.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover,.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active,.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open,.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected,.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover{color:var(--primary-color);border-bottom:2px solid var(--primary-color);font-weight:700}.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-active:after,.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-open:after,.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected:after,.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover:after,.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-active:after,.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-open:after,.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu-selected:after,.detailQuiz-topContent .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-submenu:hover:after{border-bottom:none}.detailQuiz-bottomContent{margin-top:24px;background-color:#fff;border-radius:12px;overflow:hidden}.detailQuiz-bottomContent .infoDetail-header{padding:18px;display:flex}.detailQuiz-bottomContent .infoDetail-header-title{padding-left:12px;font-weight:700;color:#747474}.detailQuiz-bottomContent .infoDetail-content{padding:18px;color:var(--primary-color);font-weight:700}.detailQuiz-bottomContent .infoDetail-description{padding:12px 18px;font-weight:600}.detailQuiz-bottomContent .infoDetail-description-title{color:var(--primary-color);font-weight:700;margin-bottom:12px}.detailQuiz-bottomContent .quizParticipant-loadMore{color:var(--primary-color);padding:12px;font-weight:700;text-align:center}.detailQuiz-bottomContent .quizParticipant-loadMore span{cursor:pointer}.detailQuiz-bottomContent .quizParticipant-modal{top:5vh}.detailQuiz-bottomContent .quizParticipant-modal-header{text-align:center;color:var(--primary-color);font-weight:600;font-size:16px;padding:9px;margin-top:9px}.detailQuiz-bottomContent .quizParticipant-modal-content{max-height:78vh;padding-left:12px;overflow-y:scroll}.detailQuiz-bottomContent .quizParticipant-modal-content-loadMore{text-align:center;padding:12px}.detailQuiz-bottomContent .quizParticipant .ant-modal{top:5vh}.detailQuiz-bottomContent .quizParticipant .ant-modal-content{border-radius:12px;padding-bottom:2vh;overflow:hidden}.detailQuiz-bottomContent .quizParticipant .ant-modal-body{padding:0}.detailQuiz-bottomContent .quizParticipant .ant-table-column-sorter{margin-left:8px}.detailQuiz-bottomContent .quizParticipant .ant-table-column-sorters{justify-content:start}.detailQuiz-bottomContent .quizParticipant .ant-table-column-title{flex:none}.detailQuiz-bottomContent .quizParticipant .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan]):before{width:0}.detailQuiz-bottomContent .quizParticipant .ant-table-thead>tr>th{background:#fff;font-weight:600;color:var(--primary-color)}.detailQuiz-bottomContent .quizParticipant td.ant-table-column-sort{background:#fff}.detailQuiz-bottomContent .quizParticipant .ant-table-column-sorter-down.active,.detailQuiz-bottomContent .quizParticipant .ant-table-column-sorter-up.active{color:var(--primary-color)}.detailQuiz-bottomContent .quizParticipant .ant-table-tbody>tr.ant-table-row:hover>td{background:#f8fffd}.detailQuiz .infoDetail-content{margin-top:20px;margin-left:10px;margin-right:10px}.detailQuiz .infoDetail-description-title{font-size:1rem;font-weight:600}.detailQuiz .infoDetail-description-desc{font-weight:400;color:#343a4f}.detailQuiz .participant-tryout-wrapper{background-color:#f0f2f5!important;color:#000}.detailQuiz .participant-tryout-wrapper-info,.detailQuiz .participant-tryout-wrapper-listing{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.25)!important;border-radius:8px;padding:25px}.detailQuiz .participant-tryout-wrapper-listing{margin-top:20px}.detailQuiz .participant-tryout-wrapper-listing .header-participant-row{display:flex;align-items:center;justify-content:space-evenly}.detailQuiz .participant-tryout-wrapper-listing .header-participant-list{animation:fadein 2s;-moz-animation:fadein 2s;-webkit-animation:fadein 2s;-o-animation:fadein 2s;display:flex;align-items:center;justify-content:space-evenly;padding:15px 0;border-bottom:1px solid #f0f0f0}.detailQuiz .ant-list-item-action{margin-left:0!important}.detailQuiz .ant-list-item-meta-title{font-size:15px}.detailQuiz .ant-list-item-meta-title>a:hover{color:var(--primary-color)}.detailQuiz .ant-table-thead>tr>th{position:relative;color:rgba(0,0,0,.85);font-weight:500;text-align:left;background:#fff;border-bottom:1px solid #f0f0f0;transition:background .3s ease}.review-tryout-container{padding:0 10px;max-height:40vh;overflow:auto}.review-tryout-container .comment-list{animation:fadein 2s;-moz-animation:fadein 2s;-webkit-animation:fadein 2s;-o-animation:fadein 2s}.review-tryout-wrapper{padding:0 10px}.review-tryout-wrapper .comment-list{animation:fadein 2s;-moz-animation:fadein 2s;-webkit-animation:fadein 2s;-o-animation:fadein 2s}@media screen and (max-width:767px){.description-book-tryout{text-align:center}}@media screen and (max-width:540px){.pie-chart-tryout{width:100%!important}}.quizCode-title{color:var(--primary-color);font-size:16px;font-weight:600}.quizCode-input{margin-top:9px;border:2px solid var(--primary-color);border-radius:6px}.quiz{display:flex;flex-direction:row}.quiz-play{flex:1 1 auto;width:0}.quiz-play-main-header{top:0;z-index:1;position:-webkit-sticky;position:sticky;border-radius:12px;background:#fff;display:flex;align-items:center;flex-direction:row;padding:19px;box-shadow:0 3px 0 #f0f2f5}.quiz-play-main-header-title{flex:1 1 auto;width:0;text-align:center;font-size:15px;font-weight:600}.quiz-play-main-header-close,.quiz-play-main-header-drawer{flex:0 1 auto;color:#747474;cursor:pointer}@media screen and (max-width:546px){.quiz-play-main-header{border-radius:0}}.quiz-play-main-content{border-radius:12px 12px 0 0;background:#fff;margin-top:16px;padding:24px;overflow:scroll}.quiz-play-main-content-time{display:flex}.quiz-play-main-content-time-title{font-size:15px;font-weight:600;text-align:center;padding:0 12px 12px;width:50%;border-right:.5px solid #f0f2f5}.quiz-play-main-content-time-content{text-align:center;padding:0 12px 12px;width:50%;border-left:.5px solid #f0f2f5}.quiz-play-main-content .ML__mathit{font-family:KaTeX_Math!important;text-transform:lowercase!important}.quiz-play-main-content .ML__mathlive{margin:10px 0}.quiz-play-main-content .ML__mathlive .mfrac .frac-line:after{margin-top:.65em!important;bottom:.1em!important;position:relative}.quiz-play-main-content .ML__mathlive .op-symbol.large-op{font-family:KaTeX_Size2!important}.quiz-play-main-content .ML__mathlive .msubsup .ML__mathit{vertical-align:super!important}.quiz-play-main-content .ML__mathlive .msubsup .vlist .ML__mathrm{font-size:13px!important;font-family:KaTeX_Main!important;vertical-align:super}.quiz-play-main-content .ML__mathlive .vlist .ML__mathrm{font-size:17px!important;font-family:KaTeX_Main!important}.quiz-play-main-content .answer-paragraph-edoo table,.quiz-play-main-content .answer-paragraph-edoo td,.quiz-play-main-content .answer-paragraph-edoo th,.quiz-play-main-content .answer-paragraph-edoo tr,.quiz-play-main-content .explanation-paragraph-edoo table,.quiz-play-main-content .explanation-paragraph-edoo td,.quiz-play-main-content .explanation-paragraph-edoo th,.quiz-play-main-content .explanation-paragraph-edoo tr,.quiz-play-main-content .question-paragraph-edoo table,.quiz-play-main-content .question-paragraph-edoo td,.quiz-play-main-content .question-paragraph-edoo th,.quiz-play-main-content .question-paragraph-edoo tr{border:1px solid #bfbfbf!important;min-width:2em;padding:.4em;-webkit-user-select:text;user-select:text;vertical-align:middle}.quiz-play-main-content .answer-paragraph-edoo table,.quiz-play-main-content .explanation-paragraph-edoo table,.quiz-play-main-content .question-paragraph-edoo table{width:100%!important}.quiz-play-main-content-question{margin-bottom:24px}.quiz-play-main-content-question p,.quiz-play-main-content-question span{margin-left:0!important;line-height:1.5715!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;font-weight:500;color:#343a4f!important;font-size:14px!important}.quiz-play-main-content-question ol{padding-left:13px}.quiz-play-main-content-question .MsoListParagraphCxSpFirst{margin-left:0!important;text-indent:0!important}.quiz-play-main-content-question .MsoNormal{text-indent:0!important}@media screen and (min-width:769px){.quiz-play-main-content-question img{height:auto;max-width:100%!important}}.quiz-play-main-content-question figure{margin:0!important}.quiz-play-main-content-question figure img{width:100%!important}.quiz-play-main-content-question .image{display:contents}.quiz-play-main-content-question span{line-height:normal!important}.quiz-play-main-content-question p{margin:auto!important;text-indent:0!important}.quiz-play-main-content-answer p,.quiz-play-main-content-answer span{margin-bottom:0!important;margin-left:0!important;line-height:1.5715!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;font-weight:500;color:#343a4f!important;font-size:14px!important;padding-left:0!important}.quiz-play-main-content-answer-item{border:1px solid #afafaf;padding:9px 20px;border-radius:9px;margin-bottom:12px;display:flex;cursor:pointer}.quiz-play-main-content-answer-item-answer_detail{margin-left:6px}.quiz-play-main-content-answer-item:hover{background:#def4ff;border:1px solid var(--primary-color)}.quiz-play-main-content-answer .active{background:#def4ff;border:1px solid #4a90e2}.quiz-play-main-content-answer .uncertain{background:#f0d5ff;border:1px solid #a400ff}.quiz-play-main-content-answer figure{margin:0!important}.quiz-play-main-content-answer figure img{width:100%!important}.quiz-play-main-content-answer .image{display:contents}.quiz-play-footer{padding:12px;border-radius:0 0 12px 12px;background:#fff;margin-top:12px;bottom:0;position:-webkit-sticky;position:sticky;box-shadow:0 -2.5px 2.5px -1px #f0f2f5}.quiz-play-footer-action{padding:12px 12px 6px;display:flex;flex-wrap:wrap}.quiz-play-footer-action-uncertain{margin:6px}.quiz-play-footer-action-uncertain .qc-btn-uncertain .ant-btn-primary{background-color:#a400ff;border-color:#a400ff}.quiz-play-footer-action-uncertain .qc-btn-uncertain .ant-btn:focus,.quiz-play-footer-action-uncertain .qc-btn-uncertain .ant-btn:hover{background-color:#fff;color:#a400ff}.quiz-play-footer-action-uncertain .qc-btn-uncertain .ant-btn-primary[disabled],.quiz-play-footer-action-uncertain .qc-btn-uncertain .ant-btn-primary[disabled]:active,.quiz-play-footer-action-uncertain .qc-btn-uncertain .ant-btn-primary[disabled]:focus,.quiz-play-footer-action-uncertain .qc-btn-uncertain .ant-btn-primary[disabled]:hover{background:#f5f5f5;border-color:#d9d9d9;color:rgba(0,0,0,.25)}.quiz-play-footer-action-control{margin:6px;display:flex;align-items:center;justify-content:space-between}.quiz-play-footer-action-control-previous{text-align:center;margin-right:12px}.quiz-play-footer-action-control-next{text-align:center}.quiz-nav{flex:0 1 auto;margin-left:12px;max-width:35%}.quiz-nav-content{top:84px;position:-webkit-sticky;position:sticky}.quiz-nav-content .time{background:#fff;padding:12px;margin:0 6px 6px;border-radius:9px}.quiz-nav-content .time-title{text-align:center;font-size:15px;font-weight:600}.quiz-nav-content .time-content{padding:6px}.quiz-nav-content .number{background:#fff;padding:12px;margin:6px;border-radius:9px}.quiz-nav-content .number-title{text-align:center;font-size:15px;font-weight:600}.quiz-nav-content .number-content{padding:6px}.quiz-nav-content .description{background:#fff;padding:12px;margin:6px;border-radius:9px}.quiz-nav-content .description-title{text-align:center;font-size:15px;font-weight:600}.quiz-nav-content .description-content{padding:6px}.modal-answer-preview .ant-modal-footer{text-align:center}.modal-answer-preview .ant-modal-footer .ant-btn{border-radius:20px;padding:4px 25px}.modal-answer-preview .test p{margin-left:0!important;line-height:1.3rem!important}.qc-countDown{display:flex;justify-content:center;align-items:center;font-size:15px;font-weight:600}.qc-numberQuestion{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}.qc-numberQuestion-item{width:40px;height:40px;background:#f0f2f5;margin:6px;border-radius:6px;color:var(--primary-color);cursor:pointer}.qc-numberQuestion-item,.qc-numberQuestion-label{display:flex;justify-content:center;align-items:center}.qc-numberQuestion-label{top:-5px;right:-5px;position:absolute;background-color:var(--primary-color);padding:3px;height:24px;width:24px;border-radius:50%;border:1px solid #fff;color:#fff}.qc-numberQuestion .active{border:2px solid var(--primary-color)}.qc-numberQuestion .filled{background:#e8fbfa}.qc-numberQuestion .uncertain{color:#fff;background:#a400ff}.qc-numberQuestion .correct_answer{color:#fff;background:#6dd400}.qc-numberQuestion .wrong_answer{color:#fff;background:#e02020}.qc-description-item{display:flex;align-items:center;border-radius:6px;margin:6px}.qc-description-item-color{width:40px;height:40px;border-radius:6px;margin-right:24px}.qc-description-item-title{font-size:14px}.quizMobilePlayground{background-color:#f0f2f5;z-index:3;padding-top:0;object-fit:contain;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;box-sizing:border-box!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;width:100%!important;height:100%!important;-webkit-transform:none!important;transform:none!important;margin:0!important;overflow:scroll}.quizMobilePlayground::-webkit-scrollbar{width:0;background:transparent}@media screen and (min-width:768px){.quizMobilePlayground{padding-top:20px}}.quizDrawer .ant-drawer-content-wrapper{width:auto!important;max-width:90%}.quizDrawer .ant-drawer-content-wrapper .ant-drawer-body{padding:0}.quizDrawer-nav-time{display:flex}.quizDrawer-nav-time-title{font-size:15px;font-weight:600;text-align:center;padding:18px;width:50%;border-right:.5px solid #f0f2f5}.quizDrawer-nav-time-content{text-align:center;padding:18px;width:50%;border-left:.5px solid #f0f2f5}.quizDrawer-nav-number-title{font-size:15px;font-weight:600;text-align:center;padding:18px}.quizDrawer-nav-number-content{padding:12px}.quizDrawer-nav-description-title{font-size:15px;font-weight:600;text-align:center;padding:18px}.quizDrawer-nav-description-content{padding:12px}.howto .ant-collapse-icon-position-right>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow{color:var(--primary-color);font-size:14px}.howto-collapse{border:none}.howto-collapse .ant-collapse-item{border-bottom:none}.howto-collapse .ant-collapse-item .ant-collapse-content{border-top:none}.howto-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{text-align:center}.howto-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .frameHowto{border-radius:10px;border:none}@media screen and (min-width:320px)and (max-width:480px){.howto-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .frameHowto{width:100%;max-height:230px}}@media screen and (min-width:481px)and (max-width:1024px){.howto-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .frameHowto{width:100%;max-height:350px}}@media screen and (min-width:1025px)and (max-width:1435px){.howto-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .frameHowto{width:100%;max-height:475px}}.howto-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box .howto-sub{margin-bottom:8px;color:var(--primary-color)}@media screen and (min-width:320px)and (max-width:480px){.howto-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{padding:0}}.purchase>p{margin-top:15px;font-weight:500;font-size:15px}.status-loading{text-align:center}.status-loading .anticon-loading{color:var(--primary-color);font-size:2.5em;padding:2em}.status>p{margin-top:10px;font-weight:500;font-size:15px}.status .card-history{cursor:default}.status .ant-card{border-radius:10px;margin-bottom:20px;cursor:pointer}.status .ant-card-head{border-bottom:none;margin:0;font-size:15px}.status .ant-card-head .ant-card-extra img{cursor:pointer}.status .ant-card-body{padding:0 24px 24px;font-size:15px}.status .ant-card-body .card-color{color:#000;margin-top:20px;font-weight:500}.status .ant-card-body .card-basecolor{color:var(--primary-color);font-weight:500}.status .ant-card-body .card-counthistory{color:red;font-weight:500;margin-bottom:10px}.status .ant-card-body .card-datehistory{color:#747474}.status .ant-card-body .card-count{display:flex}.status .ant-card-body .card-count span{color:red;font-weight:500;margin-right:5px}@media screen and (min-width:320px)and (max-width:420px){.status .ant-card-body .card-count{display:-webkit-box}}.status .ant-card-body .card-info{margin-top:20px;color:#747474}.status .ant-card-body .card-info .ant-btn{border-radius:5px}.status .ant-card-body .card-info .ant-btn span{font-size:15px}.status .ant-card-body .card-paystatus{color:var(--primary-color);font-weight:500}.status .ant-card-body .card-status{margin-top:30px;justify-content:space-between;display:flex;align-items:center}.status .ant-card-body .card-status .ant-btn{border-color:var(--primary-color)}.status .ant-card-body .card-status .ant-btn span{color:var(--primary-color)}.status .ant-card-body .card-status span{color:var(--primary-color);margin-left:10px}.status .ant-card-body .card-status .status-danger{color:red}@media screen and (min-width:320px)and (max-width:420px){.status .ant-card-body .card-status{text-align:center}.status .ant-card-body .card-status .ant-btn{margin-bottom:10px}}.status .status-null{text-align:center}.status .status-null .anticon-folder{font-size:5em}.status .status-null p{margin:0;font-size:20px;font-weight:500}.status .status-null .chooseBtn{color:#fff;background:var(--primary-color);border-color:var(--primary-color);margin-top:3em}.cancelPayment .ant-modal-content{text-align:center;border-radius:10px}.cancelPayment .ant-modal-content .ant-modal-header .ant-modal-title{font-size:16px}.cancelPayment .ant-modal-content .ant-modal-footer{text-align:center}.cancelPayment .ant-modal-content p{margin:50px 0 70px}.cancelPayment .cancelPayment-continue{border:none;color:var(--primary-color);font-weight:500}.cancelPayment .cancelPayment-confirm{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);border-radius:50px;font-weight:500}.detailPayment .ant-modal-content{text-align:center;border-radius:10px}.detailPayment .ant-modal-content .ant-modal-header .ant-modal-title{font-size:16px}.detailPayment .ant-modal-content .ant-modal-body{padding:10px 0 24px}.detailPayment .ant-modal-content .ant-modal-body .warning{color:#a8a8a8;text-align:start;padding:0 20px}.detailPayment .ant-modal-content .ant-modal-body .time{font-weight:500;text-align:start;padding:0 20px;margin-top:15px}.detailPayment .ant-modal-content .ant-modal-body .paymentid{font-weight:500;margin-top:25px;padding:0 20px;display:flex;justify-content:space-between}.detailPayment .ant-modal-content .ant-modal-body .paymentid span{color:var(--primary-color)}.detailPayment .ant-modal-content .ant-modal-body .status{display:flex;padding:0 20px;margin-bottom:20px}.detailPayment .ant-modal-content .ant-modal-body .status p{color:#a8a8a8;font-weight:400;margin:0 15px 0 0}.detailPayment .ant-modal-content .ant-modal-body .status span{color:var(--primary-color)}.detailPayment .ant-modal-content .ant-modal-body .detail-footer{padding:10px;border-top:4px #eaeced;box-shadow:0 -3px 5px -1px #eaeced;-webkit-box-shadow:0 -3px 5px -1px #eaeced;-moz-box-shadow:0 -3px 5px -1px rgba(0,0,0,.75)}.detailPayment .ant-modal-content .ant-modal-body .detail-footer .list-order{display:flex;justify-content:space-between;padding:0 10px;color:#a8a8a8;align-items:center}.detailPayment .ant-modal-content .ant-modal-body .detail-footer .list-order p{margin:0}.detailPayment .ant-modal-content .ant-modal-body .detail-footer .count{display:flex;justify-content:space-between;margin-top:20px;border:1px solid #d8d8d8;padding:10px;border-radius:10px;font-weight:500}.detailPayment .ant-modal-content .ant-modal-body .detail-footer .count p{margin:0}.detailPayment .ant-modal-content .ant-modal-body .detail-footer .count span{color:red}.detailPayment .ant-modal-content .ant-modal-body .detail-footer .ant-btn{border-radius:50px;border-color:#f58c36;background-color:#f58c36;color:#fff;font-weight:500;width:130px;margin-top:25px}.detailPayment .ant-modal-content .ant-modal-body .detail-footer .ant-btn img{margin-right:5px}.containerPayment{justify-content:center}.containerPayment-head{border-radius:10px 10px 0 0;text-align:center;background-color:#fff}.containerPayment-head img{margin-top:20px;width:90px}.containerPayment-head p{color:var(--primary-color);font-weight:500;font-size:15px;margin-top:15px}.containerPayment-head .ant-divider{margin:0}.containerPayment-base .ant-tabs-nav{background:#fff;border-radius:0 0 10px 10px}.containerPayment-base .ant-tabs-nav-wrap{justify-content:center}.containerPayment-base .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-active{font-size:15px;font-weight:500}.containerPayment-base .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--primary-color)}.containerPayment-base .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab{color:#a8a8a8;font-size:15px}@media screen and (max-width:420px){.tryout-space-wrap{justify-content:center!important;grid-gap:15px!important;gap:15px!important;margin-top:5px}}@media only screen and (min-width:420px)and (max-width:768px){.tryout-space-wrap{padding:0 20px}}.tryout-space-wrap .card-tryout-wrapper{animation:fadein 2s;-moz-animation:fadein 2s;-webkit-animation:fadein 2s;-o-animation:fadein 2s;height:auto;width:210px;background-color:#fff;border-radius:10px;padding:5px}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@media screen and (max-width:768px){.tryout-space-wrap .card-tryout-wrapper{width:167px}}@media screen and (max-width:420px){.tryout-space-wrap .card-tryout-wrapper{width:180px}}@media screen and (max-width:375px){.tryout-space-wrap .card-tryout-wrapper{width:170px}}@media screen and (max-width:360px){.tryout-space-wrap .card-tryout-wrapper{width:160px}}@media screen and (max-width:320px){.tryout-space-wrap .card-tryout-wrapper{width:90vw}}.tryout-space-wrap .card-tryout-wrapper .card-image-tryout{border-radius:10px;cursor:pointer;min-height:7.45rem}.tryout-space-wrap .card-tryout-wrapper .card-title-tryout{color:var(--primary-color);font-weight:500;font-size:14px;margin-bottom:0}.tryout-space-wrap .card-tryout-wrapper .subtitle-drm{color:#fa6400;padding-top:3px}.tryout-space-wrap .card-tryout-wrapper .subtitle{color:#6d7278;padding-top:3px}.tryout-space-wrap .card-tryout-wrapper .card-title-tryout:hover{text-decoration:underline}.dropdownFilter,.dropdownFilter:hover{color:var(--primary-color)}.filterActive{color:var(--primary-color)}.filterActive,.filterNoActive{margin-bottom:10px;cursor:pointer}.book-history-wrapper .bs__conte .swiper_container{width:100%;height:100%;z-index:0}.book-history-wrapper .bs__conte .swiper_container .swiper-slide{text-align:center;display:flex;justify-content:center;align-items:center}.historyMoreself{display:flex;justify-content:space-between;margin-bottom:1em}.historyMoreself .historyMoreself-title{font-weight:600;color:var(--primary-color);font-size:1.1em}.historyMoreself .historyMoreself-input{width:20%;border-radius:25px;margin-right:5em}.order-loading{padding:15em;text-align:center}.order-loading .anticon-loading{color:var(--primary-color);font-size:2.3em}.boxorder{background:#fff;padding:1.3em;border-radius:10px;margin-bottom:10px}.boxorder-title{font-weight:500;color:#747474}.boxorder-price{color:var(--primary-color);font-size:20px}.boxorder-item{border-radius:10px}.boxorder-item .ant-card-body{margin-bottom:20px}.boxorder-item .ant-card-body .anticon-delete{color:var(--primary-color);font-size:1.2em;float:right}.boxorder-item .ant-card-body .boxorder-content{display:flex}.boxorder-item .ant-card-body .boxorder-content .images{width:25%;margin-right:20px}.boxorder-item .ant-card-body .boxorder-content .boxorder-item-title-title{color:var(--primary-color);font-weight:500}.boxorder-item .ant-card-body .boxorder-content .boxorder-item-title-price{font-weight:500;font-size:1.2em;color:#fa6400}.continue-payment{text-align:center}.continue-payment .ant-btn{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}.detailPayment{background-color:#fff;border-radius:10px;padding:1em}.detailPayment .warning{color:#a8a8a8;text-align:start;padding:0 20px}.detailPayment .time{font-weight:500;text-align:start;padding:0 20px;margin-top:15px;font-size:18px;color:var(--primary-color)}.detailPayment .paymentid{font-weight:500;margin-top:25px;padding:0 20px;display:flex;justify-content:space-between}.detailPayment .paymentid span{color:var(--primary-color)}.detailPayment .status{display:flex;padding:0 20px;margin-bottom:20px}.detailPayment .status p{color:#a8a8a8;font-weight:400;margin:0 15px 0 0}.detailPayment .status span{color:var(--primary-color)}.detailPayment .detail-footer{padding:10px;border-top:4px #eaeced;box-shadow:0 -3px 5px -1px #eaeced;-webkit-box-shadow:0 -3px 5px -1px #eaeced;-moz-box-shadow:0 -3px 5px -1px rgba(0,0,0,.75)}.detailPayment .detail-footer .list-order{display:flex;justify-content:space-between;padding:0 10px;color:#a8a8a8;align-items:center}.detailPayment .detail-footer .list-order p{margin:0}.detailPayment .detail-footer .count{display:flex;justify-content:space-between;margin-top:20px;border:1px solid #d8d8d8;padding:10px;border-radius:10px;font-weight:500}.detailPayment .detail-footer .count p{margin:0}.detailPayment .detail-footer .count span{color:red}.detailPayment .detail-footer .ant-btn{border-radius:50px;border-color:#f58c36;background-color:#f58c36;color:#fff;font-weight:500;width:130px;margin-top:25px}.detailPayment .detail-footer .ant-btn img{margin-right:5px}.container-sorter-home{position:fixed;top:132px;left:0;right:0;z-index:110!important;padding:16px 0;background-color:#f0f2f5;-webkit-user-select:none;user-select:none;max-width:900px;margin:0 auto}@media only screen and (min-width:420px)and (max-width:768px){.container-sorter-home{padding:16px 20px}}.container-sorter-home .category-name{text-align:start}@media screen and (max-width:558px){.container-sorter-home .category-name{padding-left:10px}}.container-sorter-home .category-name .name{color:#575757;font-weight:600;font-size:17px;text-transform:capitalize}@media screen and (max-width:420px){.container-sorter-home .category-name .name{width:140px}}.grid{position:relative;clear:both;margin:0 auto;padding:1em 0 4em;list-style:none}.grid .dropdownMore{position:relative;border-radius:4px;background-color:rgba(0,0,0,.5);float:right;top:34px;z-index:1;right:9px}.epustaka{padding:0}.grid figure{position:relative;float:left;overflow:hidden;height:13rem;border-radius:10px;width:100%;height:auto;background:linear-gradient(0deg,#0e448b 16.01%,rgba(243,247,252,.9215686275) 55%);mix-blend-mode:normal;text-align:center;cursor:pointer;height:230px}@media screen and (max-width:320px){.grid figure{height:auto}}.grid figure img{position:relative;display:block;max-width:100%;opacity:1}.grid figure figcaption{padding:1.5em;color:#fff;font-weight:600;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media screen and (max-width:437px){.grid figure figcaption{font-size:1em;padding:1em}}.grid figure figcaption:after,.grid figure figcaption:before{pointer-events:none}.grid figure figcaption,.grid figure figcaption>a{position:absolute;top:0;left:0;width:100%;height:100%}.grid figure figcaption>a{text-indent:200%;white-space:nowrap;font-size:0;opacity:0}.grid figure h2{word-spacing:-.15em;font-weight:300}.grid figure h2 span{font-weight:800}.grid figure h2,.grid figure p{margin:0}.grid figure p{letter-spacing:1px;font-size:68.5%}figure.effect-apollo .title-h2{text-align:left;position:relative;bottom:-133px}figure.effect-apollo img{opacity:1;transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;transition:opacity .35s,transform .35s,-webkit-transform .35s;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1)}figure.effect-apollo p{position:absolute;left:0;bottom:18px;margin-left:25px;text-align:left;opacity:0;transition:opacity .35s}figure.effect-apollo:hover img{opacity:.85;-webkit-transform:scaleX(1);transform:scaleX(1)}figure.effect-apollo:hover p{opacity:1;transition-delay:.1s}.news-list-container .navigation-news{display:flex;justify-content:space-between;flex:auto;align-items:center;padding:10px 0;font-size:15px}.news-list-container .navigation-news-title{-webkit-user-select:none;user-select:none;font-weight:600}.news-list-container .navigation-news-filter{color:var(--primary-color);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;font-weight:500}@media screen and (max-width:910px){.news-list-container .navigation-news{padding-right:20px;padding-left:20px}}.news-list-container .news-content-wrapper{margin-top:70px;border-radius:10px}.news-list-container .news-content-wrapper .news-search-not-found{margin-top:5rem;text-align:center;padding:5rem 0}.news-list-container .news-content-wrapper .news-search-not-found .text{font-size:13px;margin-top:-5px}.news-list-container .news-content-wrapper .news-search-not-found .btn-edit-filter{width:120px;border-radius:20px}.news-list-container .news-content-wrapper .news-search-not-found .ant-btn:focus,.news-list-container .news-content-wrapper .news-search-not-found .ant-btn:hover{color:#fff;background:var(--primary-color);border-color:#fff}.news-list-container .news-content-wrapper .ant-list-item{padding:20px;align-items:flex-start}.news-list-container .news-content-wrapper .ant-list-item .ant-list-item-meta-content{display:flex;flex-direction:column;justify-content:space-between;height:99px}.news-list-container .news-content-wrapper .ant-list-item .ant-list-item-meta-content .ant-list-item-meta-title{font-size:1.1rem;margin-right:10px}.news-list-container .news-content-wrapper .ant-list-item .ant-list-item-meta-content .ant-list-item-meta-title .ant-typography-ellipsis-multiple-line{transition:.5s}.news-list-container .news-content-wrapper .ant-list-item .ant-list-item-meta-content .ant-list-item-meta-title .ant-typography-ellipsis-multiple-line:hover{color:var(--primary-color);transition:all}.news-list-container .news-content-wrapper .icon-news-card{margin-right:20px;cursor:pointer}.news-list-container .news-content-wrapper .image-news-card{border-radius:10px}.news-list-container .ant-collapse-ghost>.ant-collapse-item>.ant-collapse-content{background-color:#fff;box-shadow:0 19px 38px hsla(0,0%,70.2%,.3),0 15px 12px rgba(153,248,235,.22);border-radius:10px}.news-detail-container{background:#fff;border-radius:6px;box-shadow:0 0 60px 0 rgba(0,0,0,.05);transition:all .3s ease}.news-detail-container .news-detail-header-wrapper{padding:24px 24px 0;display:flex;justify-content:space-between}@media screen and (max-width:564px){.news-detail-container .news-detail-header-wrapper{flex-direction:column}}.news-detail-container .news-detail-header-wrapper-left{padding-right:15px}.news-detail-container .news-detail-header-wrapper-left .news-detail-title{font-weight:600}.news-detail-container .news-detail-header-wrapper-left .news-detail-link{color:#676767;font-size:.9rem}.news-detail-container .news-detail-header-wrapper-right .image-news-card-detail{border-radius:10px;width:150px;max-height:150px;object-fit:contain;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}@media screen and (max-width:564px){.news-detail-container .news-detail-header-wrapper-right .image-news-card-detail{width:100%;max-height:100%}}.news-detail-container .news-detail-content-wrapper{padding:0 24px 24px;text-align:justify}.news-detail-container .news-detail-content-wrapper .news-detail-description p,.news-detail-container .news-detail-content-wrapper .news-detail-description span{letter-spacing:.15px;line-height:1.8;font-size:.95rem!important;font-family:"Roboto",sans-serif!important}.mVouchers .ant-modal-content{border-radius:10px}.mVouchers .ant-modal-content .ant-modal-body{text-align:center}.mVouchers .ant-modal-content .ant-modal-body #handle{transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out}.mVouchers .ant-modal-content .ant-modal-body .unlock{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg);-webkit-transform-origin:left top;transform-origin:left top}.mVouchers .ant-modal-content .ant-modal-body .ant-form{margin-top:3em}.mVouchers .ant-modal-content .ant-modal-body .ant-form .ant-input{border-radius:8px}.mVouchers .ant-modal-content .ant-modal-body .ant-form .ant-input:focus{border-color:var(--primary-color)}.mVouchers .ant-modal-content .ant-modal-body .ant-form .ant-btn{margin-top:2em;border-radius:25px;width:25%;background-color:#fa6400;border-color:#fa6400;color:#fff;transition:.5s}.mVouchers .ant-modal-content .ant-modal-body .ant-form .ant-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.donation-container .donation-card-wrapper{background-color:transparent}.donation-container .donation-card-wrapper .donation-card-header{background-color:#fff;text-align:center;border-top-left-radius:10px;border-top-right-radius:10px;padding:24px}.donation-container .donation-card-wrapper .donation-card-header .donation-title{color:var(--primary-color);font-size:17px;font-weight:600;margin:5px 0}.donation-container .donation-card-wrapper .donation-card-tabs .tab_donation_list{justify-content:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.donation-container .donation-card-wrapper .donation-card-content .status-donation-title{padding:10px 0}.donation-container .donation-card-wrapper .donation-card-content .donation-status-wrapper{border-radius:10px}.donation-container .donation-card-wrapper .donation-card-content .donation-history-wrapper{background-color:#fff;padding:24px;border-radius:10px;margin-bottom:15px}.donation-container .donation-card-wrapper .donation-card-content .donation-history-wrapper .history-wrapper-top{display:flex;justify-content:space-between}.donation-container .donation-card-wrapper .donation-card-content .donation-history-wrapper .history-wrapper-top-transaction .id-transaction-title{color:#5c5b5b}.donation-container .donation-card-wrapper .donation-card-content .donation-history-wrapper .history-wrapper-top-transaction .id-transaction-value{color:var(--primary-color)}.donation-container .donation-card-wrapper .donation-card-content .donation-history-wrapper .history-wrapper-top-copy{color:#a3a3a3}.donation-container .donation-card-wrapper .donation-card-content .donation-history-wrapper .history-wrapper-middle .total-price{color:#5c5b5b}.donation-container .donation-card-wrapper .donation-card-content .donation-history-wrapper .history-wrapper-middle .donation-status{font-weight:500;color:#5c5b5b}.donation-container .donation-card-wrapper .donation-card-content .donation-history-wrapper .history-wrapper-bottom{display:flex;justify-content:space-between;margin-top:10px}.donation-container .donation-card-wrapper .donation-card-content .donation-history-wrapper .history-wrapper-bottom .history-date{color:#a3a3a3}.donation-container .donation-card-wrapper .ant-card-body{padding:0}.donation-container .donation-card-wrapper .ant-menu-title-content{transition:color .3s;font-size:1rem}.donation-container .donation-card-wrapper .ant-menu-horizontal>.ant-menu-item:after{border-bottom:none}.donation-container .donation-card-wrapper .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item-selected,.donation-container .donation-card-wrapper .ant-menu-horizontal:not(.ant-menu-dark)>.ant-menu-item:hover{color:var(--primary-color);border-bottom:2px solid var(--primary-color)}.modal-book-donation-wrapper .ant-modal-content{border-radius:10px}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body{max-height:70vh;overflow:auto;background-color:rgba(0,0,0,.06);padding:0}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper{display:flex;padding:20px;background-color:#fff;margin-bottom:10px}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper .book-image{border-radius:10px;height:155px}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper .book-detail-info{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:195px;margin-left:15px}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper .book-detail-info-title{font-size:.95rem;font-weight:600;margin-bottom:.3em}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper .book-detail-info-subtitle{color:#7e7e7e}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper .book-detail-info .book-price-wrapper{display:flex;justify-content:space-between}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper .book-detail-info .book-price-wrapper .book-price-input .price-book-detail{color:var(--primary-color);margin-bottom:10px}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper .book-detail-info .book-price-wrapper .book-price-input .input-book-detail{display:flex;align-items:center}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper .book-detail-info .book-price-wrapper .total-price-label{color:var(--primary-color);margin-bottom:15px}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .epustaka-list-wrapper{padding:20px;background-color:#fff}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .epustaka-list-wrapper .epustaka-list-search{margin:8px 0}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .epustaka-list-wrapper .epustaka-list-search .ant-input-group>.ant-input:first-child{background-color:#f1f1f1;border:1px solid #f1f1f1;border-top-left-radius:15px;border-bottom-left-radius:15px}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .epustaka-list-wrapper .epustaka-list-search .ant-input-group>.ant-input:focus{box-shadow:none}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .epustaka-list-wrapper .epustaka-list-search .ant-input-affix-wrapper{background-color:#f1f1f1;border:1px solid #f1f1f1;border-top-left-radius:15px;border-bottom-left-radius:15px;padding-right:0}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .epustaka-list-wrapper .epustaka-list-search .ant-input-affix-wrapper .ant-input{background-color:transparent!important}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .epustaka-list-wrapper .epustaka-list-search .ant-input-affix-wrapper-focused{box-shadow:none}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .epustaka-list-wrapper .epustaka-list-search .ant-input-group-addon{background-color:#f1f1f1;border-top-right-radius:15px;border-bottom-right-radius:15px}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .epustaka-list-wrapper .epustaka-list-search .ant-input-group-addon .ant-input-search-button{height:auto;background-color:transparent!important;border:none;box-shadow:none!important;border-top-right-radius:15px;border-bottom-right-radius:15px}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .epustaka-list-wrapper .epustaka-list-search .ant-input-group-addon .ant-input-search-button .anticon svg{color:var(--primary-color)}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .epustaka-list-wrapper .epustaka-list-search .ant-input-group-addon .ant-input-search-button:before{background-color:transparent!important}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .epustaka-list-wrapper .total-epustaka-search{font-size:.75rem;color:grey}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .epustaka-list-wrapper .epustaka-lists{display:flex;cursor:pointer;border:1px solid transparent;border-radius:10px;padding:6px;margin-bottom:10px}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body .epustaka-list-wrapper .epustaka-lists .epustaka-lists-info-title{color:grey;font-size:.8rem}@media screen and (min-width:320px)and (max-width:768px){.modal-book-donation-wrapper .ant-modal-content .ant-modal-body{max-height:50vh}}.modal-book-donation-wrapper .ant-modal-content .ant-modal-body::-webkit-scrollbar{display:none}.modal-book-donation-wrapper .ant-modal-footer{text-align:center}.detail-book-donation-wrapper .ant-modal-content{border-radius:10px}.detail-book-donation-wrapper .ant-modal-content .ant-modal-body{max-height:60vh;overflow:auto;padding:0}.detail-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper{display:flex;padding:20px}.detail-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper .book-image{border-radius:10px;height:134px}.detail-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper .book-detail-info{display:flex;flex-direction:column;justify-content:space-between;width:100%;margin-left:15px}.detail-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper .book-detail-info-title{font-size:.95rem;font-weight:600;margin-bottom:.3em}.detail-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper .book-detail-info-subtitle{color:#7e7e7e}.detail-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper .book-detail-info .book-price-wrapper{display:flex;justify-content:space-between;align-items:center}.detail-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper .book-detail-info .book-price-wrapper .book-price-input .price-book-detail{color:var(--primary-color)}.detail-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper .book-detail-info .book-price-wrapper .book-price-input .input-book-detail{display:flex;align-items:center}.detail-book-donation-wrapper .ant-modal-content .ant-modal-body .book-detail-wrapper .book-detail-info .book-price-wrapper .total-price-value{color:var(--primary-color)}@media screen and (min-width:320px)and (max-width:768px){.detail-book-donation-wrapper .ant-modal-content .ant-modal-body{max-height:50vh}}.detail-book-donation-wrapper .ant-modal-content .ant-modal-body::-webkit-scrollbar{display:none}.detail-book-donation-wrapper .ant-modal-footer{text-align:center}.detail-book-donation-wrapper .ant-modal-footer .info-total-payments{display:flex;justify-content:space-between;border:1px solid grey;border-radius:10px;margin:15px 0}.detail-book-donation-wrapper .ant-modal-footer .info-total-payments .box-label-price{color:var(--primary-color)}.modal-xendit-donation-wrapper .ant-modal-content{border-radius:10px}.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body{max-height:65vh;overflow:auto;padding:0;background-color:rgba(0,0,0,.06)}.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body .xendit-detail-wrapper .xendit-info-top{background-color:#fff;padding:20px;margin-bottom:15px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body .xendit-detail-wrapper .xendit-info-top-countdown .payment-timer{color:var(--primary-color)}.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body .xendit-detail-wrapper .xendit-info-top-transaction{text-align:right}.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body .xendit-detail-wrapper .notif-transaction-cancel{background-color:#fff;padding:20px;margin-bottom:15px}.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body .xendit-detail-wrapper .notif-transaction-cancel .notif-label{color:red;font-weight:500}.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body .xendit-detail-wrapper .notif-transaction-cancel .notif-title{font-weight:500}.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body .xendit-detail-wrapper .notif-transaction-cancel .notif-desc{font-size:.8rem}.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body .xendit-detail-wrapper .xendit-info-bottom{background-color:#fff;padding:20px;box-shadow:0 3px 3px rgba(0,0,0,.2)}.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body .xendit-detail-wrapper .xendit-info-bottom-list{display:flex;margin-bottom:15px;align-items:flex-start}.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body .xendit-detail-wrapper .xendit-info-bottom-list .info-title .payment-status{padding:3px 10px;border-radius:5px;font-size:.9em;text-align:center}.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body .xendit-detail-wrapper .xendit-info-bottom-list .info-title .total-payment .ant-collapse-header{padding:0}.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body .xendit-detail-wrapper .xendit-info-bottom-list .info-title .total-payment .ant-collapse-header .total-payment-label{color:#939393;font-size:13px}.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body .xendit-detail-wrapper .xendit-info-bottom-list .info-title .total-payment .ant-collapse-content>.ant-collapse-content-box{padding:16px 0}.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body .xendit-detail-wrapper .xendit-info-bottom-list .info-image{height:30px;width:30px}@media screen and (min-width:320px)and (max-width:768px){.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body{max-height:50vh}}.modal-xendit-donation-wrapper .ant-modal-content .ant-modal-body::-webkit-scrollbar{display:none}.modal-xendit-donation-wrapper .ant-modal-footer{text-align:center}.modal-xendit-donation-wrapper .ant-modal-footer .info-total-payments{display:flex;justify-content:space-between;border:1px solid grey;border-radius:10px;margin:15px 0}.modal-xendit-donation-wrapper .ant-modal-footer .info-total-payments .box-label-price{color:var(--primary-color)}.modal-program-donation-wrapper .ant-modal-content{border-radius:10px}.modal-program-donation-wrapper .ant-modal-content .ant-modal-body{max-height:60vh;overflow:auto;padding:0}.modal-program-donation-wrapper .ant-modal-content .ant-modal-body .modal-program-tabs{text-align:center;padding-top:15px}.modal-program-donation-wrapper .ant-modal-content .ant-modal-body .modal-program-tabs .ant-radio-button-wrapper{border-radius:15px;-webkit-user-select:none;user-select:none}@media screen and (min-width:420px){.modal-program-donation-wrapper .ant-modal-content .ant-modal-body .modal-program-tabs .ant-radio-button-wrapper{min-width:100px}}.modal-program-donation-wrapper .ant-modal-content .ant-modal-body .modal-program-tabs .ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]).ant-radio-button-wrapper:first-child{border-right-color:var(--primary-color)}.modal-program-donation-wrapper .ant-modal-content .ant-modal-body .modal-program-tabs .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff}.modal-program-donation-wrapper .ant-modal-content .ant-modal-body .modal-program-tabs .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{color:#fff}.modal-program-donation-wrapper .ant-modal-content .ant-modal-body .modal-program-tabs .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){color:var(--primary-color)}@media screen and (min-width:320px)and (max-width:768px){.modal-program-donation-wrapper .ant-modal-content .ant-modal-body{max-height:50vh}}.modal-program-donation-wrapper .ant-modal-content .ant-modal-body::-webkit-scrollbar{display:none}.modal-program-donation-wrapper .ant-modal-footer{text-align:center}.modal-program-donation-wrapper .ant-modal-footer .info-total-payments{display:flex;justify-content:space-between;border:1px solid grey;border-radius:10px;margin:15px 0}.modal-program-donation-wrapper .ant-modal-footer .info-total-payments .box-label-price{color:var(--primary-color)}.modal-program-donation-wrapper .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child){border-top-left-radius:15px;border-bottom-left-radius:15px}.book-donation-program-wrapper{animation:fadein 1s;-moz-animation:fadein 1s;-webkit-animation:fadein 1s;-o-animation:fadein 1s;padding:10px}.book-donation-program-wrapper .donation-list-search{margin:8px 0}.book-donation-program-wrapper .donation-list-search .ant-input-group>.ant-input:first-child{background-color:#f1f1f1;border:1px solid #f1f1f1;border-top-left-radius:15px;border-bottom-left-radius:15px}.book-donation-program-wrapper .donation-list-search .ant-input-group>.ant-input:focus{box-shadow:none}.book-donation-program-wrapper .donation-list-search .ant-input-affix-wrapper{background-color:#f1f1f1;border:1px solid #f1f1f1;border-top-left-radius:15px;border-bottom-left-radius:15px;padding-right:0}.book-donation-program-wrapper .donation-list-search .ant-input-affix-wrapper .ant-input{background-color:transparent!important}.book-donation-program-wrapper .donation-list-search .ant-input-affix-wrapper-focused{box-shadow:none}.book-donation-program-wrapper .donation-list-search .ant-input-group-addon{background-color:#f1f1f1;border-top-right-radius:15px;border-bottom-right-radius:15px}.book-donation-program-wrapper .donation-list-search .ant-input-group-addon .ant-input-search-button{height:auto;background-color:transparent!important;border:none;box-shadow:none!important;border-top-right-radius:15px;border-bottom-right-radius:15px}.book-donation-program-wrapper .donation-list-search .ant-input-group-addon .ant-input-search-button .anticon svg{color:var(--primary-color)}.book-donation-program-wrapper .donation-list-search .ant-input-group-addon .ant-input-search-button:before{background-color:transparent!important}.book-donation-program-wrapper .filter-sorter-book-donation{display:flex;justify-content:space-between;padding-bottom:10px}.book-donation-program-wrapper .book-list-donation{display:flex;padding:10px 0}.book-donation-program-wrapper .book-list-donation .image-book-donation{border-radius:7px;height:120px}.book-donation-program-wrapper .book-list-donation .book-info{display:flex;flex-direction:column;justify-content:space-between;width:100%;margin-left:10px}.book-donation-program-wrapper .book-list-donation .book-info .book-list-desc .book-list-title{margin-bottom:.1em}.book-donation-program-wrapper .book-list-donation .book-info .book-list-action{display:flex;justify-content:space-between}.book-donation-program-wrapper .book-list-donation .book-info .book-list-action .book-price{color:var(--primary-color)}.search-book-donation-shelf{position:fixed;top:65px;left:0;right:0;z-index:1!important;padding:20px 10px;background-color:#f0f2f5;-webkit-user-select:none;user-select:none}.search-book-donation-shelf .bookshelf-search{max-width:900px;margin:0 auto;display:flex;justify-content:center;align-items:center}.search-book-donation-shelf .bookshelf-search .bookshelf-donation-search .ant-input-group>.ant-input:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.search-book-donation-shelf .bookshelf-search .bookshelf-donation-search .ant-input-affix-wrapper{border-top-left-radius:10px!important;border-bottom-left-radius:10px!important}.search-book-donation-shelf .bookshelf-search .bookshelf-donation-search .ant-input-group-addon{border-top-right-radius:10px;border-bottom-right-radius:10px}.search-book-donation-shelf .bookshelf-search .bookshelf-donation-search .ant-input-group-addon .ant-input-search-button{border-top-right-radius:10px!important;border-bottom-right-radius:10px!important}.more-book-donation-wrapper{animation:fadein 1s;-moz-animation:fadein 1s;-webkit-animation:fadein 1s;-o-animation:fadein 1s;display:flex;background-color:#fff;padding:15px;border-radius:7px;margin-bottom:10px;cursor:pointer}@keyframes contentFade{0%{opacity:0}to{opacity:1}}@-webkit-keyframes contentFade{0%{opacity:0}to{opacity:1}}.more-book-donation-wrapper .more-boo-donation-info{margin-left:25px;display:flex;flex-direction:column;justify-content:space-between;width:100%}.more-book-donation-wrapper .more-boo-donation-info .total-copy-desc{font-size:12px;color:grey}.more-book-donation-wrapper .container-book .book{position:relative;display:block;width:135px;height:185px;margin:2% 0;border-radius:2px 4px 4px 2px;background:linear-gradient(45deg,#dad5dc,#f2ebf4);font-family:acumin-pro,sans-serif;box-shadow:8px 7px 8px 0 rgba(151,146,153,.6);font-weight:400;color:#2b2b2b;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.more-book-donation-wrapper .container-book .book:hover{-webkit-transform:rotateY(35deg);transform:rotateY(35deg) scale(1.05)}.more-book-donation-wrapper .container-book .book>div,.more-book-donation-wrapper .container-book .front>div{display:block;position:absolute}.more-book-donation-wrapper .container-book .front{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 50%;transform-origin:0 50%;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:translateZ(20px);transform:translateZ(20px);z-index:10}.more-book-donation-wrapper .container-book .front>div{width:135px;height:185px}.more-book-donation-wrapper .container-book .left-side{width:10px;left:-5px;height:165px;background-color:transparent;-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.more-book-donation-wrapper .cover svg{position:absolute;top:50%;left:45%;margin-top:-100px;margin-left:-110px;width:300px}.more-book-donation-wrapper #eye-right{padding-left:165px}.more-book-donation-wrapper .container-book .front>div{border-radius:0 3px 3px 0;box-shadow:inset 4px 0 10px rgba(0,0,0,.1)}.more-book-donation-wrapper .container-book .front:after{content:"";position:absolute;top:1px;bottom:1px;left:-1px;width:1px}.more-book-donation-wrapper .container-book .cover:after{content:"";position:absolute;top:0;left:10px;bottom:0;width:3px;background:rgba(0,0,0,.1);box-shadow:1px 0 3px hsla(0,0%,100%,.1)}.more-book-donation-wrapper .container-book h2{width:500px;height:40px;color:#2b2b2b;font-size:15px;line-height:15px;padding-left:10px;text-align:left;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(90deg) translateY(-40px);transform:rotate(90deg) translateY(-40px)}.more-book-donation-wrapper .cover{background:linear-gradient(45deg,#f7f7f7,#fff)}.more-book-donation-wrapper .left-side h2 span:first-child{font-weight:400;font-size:10px;padding-right:10px;z-index:1}.more-book-donation-wrapper .left-side h2 span:last-child{font-family:acumin-pro,sans-serif;z-index:1}.more-book-donation-wrapper .container_book_info{margin-left:35px}.more-book-donation-wrapper .container_book_info_read{margin-top:50px}.link-login{color:var(--primary-color)}.ant-dropdown-menu-item-group-title{padding:0}img{-webkit-user-drag:none;-webkit-user-select:none;pointer-events:none}.ant-dropdown.ant-dropdown-placement-bottomRight{position:fixed}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#d2d4d6;border-radius:20px;border:6px solid transparent;background-clip:content-box;height:30px}::-webkit-scrollbar-thumb:hover{background-color:#c4c4c4}.loadmore-btn{text-align:center}.loadmore-btn .animate,.loadmore-btn .animate span{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loadmore-btn .animate span{display:inline-block}.loadmore-btn .fadeInBottom{-webkit-animation-name:fadeInBottom;animation-name:fadeInBottom}@-webkit-keyframes fadeInBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1}}@keyframes fadeInBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1}}.loadmore-btn .ant-btn{border-radius:25px;background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}