.how-to-install-app{position:relative}.how-to-install-app .swiper{padding:0 0 32px}@media(max-width:1024px){.how-to-install-app .swiper{padding:10px 0 32px}.how-to-install-app .swiper-slide{transition:all .3s ease}.how-to-install-app .swiper-slide.swiper-slide-active{transform:scale(1.03)}}@media(max-width:640px){.how-to-install-app .swiper{padding:24px 0 32px}.how-to-install-app .swiper-slide{transition:all .3s ease}.how-to-install-app .swiper-slide.swiper-slide-active{transform:scale(1.1)}}.kbj-how-to-use{padding:60px 0 80px;position:relative;z-index:10}.kbj-how-to-use .how-to-use-container{display:flex;flex-wrap:wrap}.kbj-how-to-use .mobile-nav{width:calc(100% - 24px);margin:0 auto 20px;display:none;max-width:400px}.kbj-how-to-use .mobile-nav .ant-select{width:100%}.kbj-how-to-use .mobile-nav .ant-select .ant-select-selector{background:var(--gray-500);border:none}.kbj-how-to-use .swiper-pagination{max-width:90vw;margin:auto;left:0;right:0}.kbj-how-to-use .how-to-nav{width:304px;height:574px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.kbj-how-to-use .how-to-nav::-webkit-scrollbar{display:none}.kbj-how-to-use .how-to-nav .how-to-subhead{font-size:var(--text-xs);font-weight:var(--font-bold)}.kbj-how-to-use .how-to-nav ul{display:flex;flex-direction:column;gap:12px;margin-top:12px}.kbj-how-to-use .how-to-nav li button{display:flex;align-items:center;padding:0 24px;gap:12px;width:100%;height:60px;background:var(--gray-500);border-radius:12px;font-size:var(--text-xs);font-weight:var(--font-medium);text-align:left}.kbj-how-to-use .how-to-nav li button span{white-space:pre-line}.kbj-how-to-use .how-to-nav li button.active{background:url(/images/icons/arr-right.svg) no-repeat right 24px center/24px 24px;box-shadow:inset 0 0 0 2px var(--primary-500)}.kbj-how-to-use .how-to-content{width:calc(100% - 304px);padding:0 0 0 24px}.kbj-how-to-use .btn-download-doc{width:414px;height:88px;border-radius:24px;border:2px solid var(--grayalpha-200);margin:80px auto 0;justify-content:flex-start;padding:20px;font-size:var(--text-md);font-weight:var(--font-medium);gap:16px}.kbj-how-to-use .btn-download-doc .icon-bg{background:var(--secondary-500);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px}@media(max-width:1280px){.kbj-how-to-use .how-to-nav{width:20%;height:37vw}.kbj-how-to-use .how-to-nav li button{font-size:var(--text-2xs);height:auto;min-height:46px;padding:12px 16px}.kbj-how-to-use .how-to-content{width:80%}}@media(max-width:1024px){.kbj-how-to-use{padding:24px 0 40px}.kbj-how-to-use .mobile-nav{display:block}.kbj-how-to-use .container{width:100vw;max-width:none;padding:0;margin:0}.kbj-how-to-use .how-to-nav{width:100%;height:auto}.kbj-how-to-use .how-to-nav .nav-section{display:none}.kbj-how-to-use .how-to-content{width:100%;padding:0}.kbj-how-to-use .btn-download-doc{display:none}}:root{--background:#fff;--primary-100:#fff9e7;--primary-200:#fff0c5;--primary-300:#ffe498;--primary-400:#fed768;--primary-500:#fec00f;--primary-600:#e5ad0e;--primary-700:#cb9a0c;--secondary-100:#feefe9;--secondary-200:#fcd7ca;--secondary-300:#f9b8a0;--secondary-400:#f69774;--secondary-500:#f15a22;--secondary-600:#cd4d1d;--secondary-700:#ab4018;--tertiary-100:#fff7e8;--tertiary-200:#feecc7;--tertiary-300:#fedd9b;--tertiary-400:#fdcd6d;--tertiary-500:#fcaf17;--tertiary-600:#f6910a;--tertiary-700:#b54908;--quaternary-100:#e4e2dd;--quaternary-200:#cac7be;--quaternary-300:#aca598;--quaternary-400:#948b7b;--quaternary-500:#857b6d;--quaternary-600:#776c61;--quaternary-700:#5c524c;--base-white:#fff;--base-black:#000;--neutral-black:#222229;--grayalpha-100:rgba(34,34,41,.08);--grayalpha-200:rgba(34,34,41,.12);--grayalpha-300:rgba(34,34,41,.16);--grayalpha-400:rgba(34,34,41,.28);--grayalpha-500:rgba(34,34,41,.4);--grayalpha-600:rgba(34,34,41,.52);--gray-default:#222229;--gray-600:#fdfdfd;--gray-500:#f5f5f5;--gray-400:#949495;--gray-300:#454547;--gray-200:#211f23;--gray-100:#171719;--grayalpha-700:rgba(34,34,41,.64);--grayalpha-800:rgba(34,34,41,.76);--grayalpha-900:rgba(34,34,41,.88);--grayalpha-1000:rgba(34,34,41,.96);--whitealpha-100:hsla(0,0%,100%,.08);--whitealpha-200:hsla(0,0%,100%,.12);--whitealpha-300:hsla(0,0%,100%,.16);--whitealpha-400:hsla(0,0%,100%,.28);--whitealpha-500:hsla(0,0%,100%,.4);--whitealpha-600:hsla(0,0%,100%,.52);--whitealpha-700:hsla(0,0%,100%,.64);--whitealpha-800:hsla(0,0%,100%,.76);--whitealpha-900:hsla(0,0%,100%,.88);--whitealpha-1000:hsla(0,0%,100%,.96);--yellowalpha-100:rgba(254,192,15,.08);--yellowalpha-200:rgba(254,192,15,.12);--yellowalpha-300:rgba(254,192,15,.16);--yellowalpha-400:rgba(254,192,15,.28);--yellowalpha-500:rgba(254,192,15,.4);--yellowalpha-600:rgba(254,192,15,.52);--yellowalpha-700:rgba(254,192,15,.64);--yellowalpha-800:rgba(254,192,15,.76);--yellowalpha-900:rgba(254,192,15,.88);--yellowalpha-1000:rgba(254,192,15,.96);--orangealpha-300:rgba(241,90,34,.16);--error-100:#ffe8e8;--warning-100:#fff8e8;--success-100:#eaf8ee;--success-200:#abe2b8;--success-300:#88d69b;--success-400:#54c570;--success-500:#31b953;--warning-200:#ffe19f;--warning-300:#ffd477;--warning-400:#ffb514;--warning-500:#e8a512;--error-200:#ffa1a2;--error-300:#ff7a7c;--error-400:#ff1a1d;--error-500:#cc1517;--font-db_heavent_rounded:"DBHeaventRounded";--font-regular:400;--font-medium:500;--font-bold:700;--font-black:900;--text-3xs:16px;--text-2xs:20px;--text-xs:22px;--text-sm:24px;--text-md:26px;--text-lg:28px;--text-xl:32px;--text-2xl:36px;--text-3xl:44px;--text-4xl:48px;--text-5xl:56px;--text-6xl:68px}@media(max-width:768px){:root{--text-xl:30px;--text-2xl:32px;--text-3xl:36px;--text-4xl:38px;--text-5xl:40px;--text-6xl:44px}}h1,h2,h3,h4,h5,h6,strong{font-weight:var(--font-bold)}.font-regular{font-weight:var(--font-regular)}.font-medium{font-weight:var(--font-medium)}.font-bold{font-weight:var(--font-bold)}.font-black{font-weight:var(--font-black)}.text-3xs{font-size:var(--text-3xs)}.text-2xs{font-size:var(--text-2xs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.kbj-badge{display:flex;align-items:center;justify-content:center;gap:4px;background:var(--yellowalpha-300);width:fit-content;border-radius:16px;height:32px;min-width:70px;color:var(--tertiary-600);font-size:var(--text-2xs);font-weight:var(--font-medium);padding:4px 8px}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}