h4{color:#011627;-webkit-text-fill-color:#011627;font-family:Plus Jakarta Sans;font-size:18px;font-weight:700;line-height:1.2em}.hero-container{background-position:top;background-repeat:no-repeat;background-size:cover;border-radius:20px;display:flex;height:678px;justify-content:center;margin:0 2%;overflow:hidden;padding:120px 30px 240px;position:relative}.hero-container .spark-left{bottom:110px;left:-60px;position:absolute;width:68px}.hero-container .spark-right{bottom:50px;position:absolute;right:-75px;width:253px}.hero-container .hero-wrapper{align-items:center;display:flex;flex-wrap:wrap;margin-top:-200px;max-width:1430px;position:relative}.hero-container .hero-title{flex-basis:50%}.hero-container .hero-title h1{color:#011627;font-family:Plus Jakarta Sans;font-size:98px;font-weight:800;letter-spacing:-.02em;line-height:1em;margin-bottom:30px}.hero-container .hero-title h1 span{position:relative;width:-moz-fit-content;width:fit-content}.hero-container .hero-title h1 .pro-badge{align-items:center;background:linear-gradient(45deg,#fb495d,#ff818c);border-bottom-left-radius:5px;border-bottom-right-radius:5px;border-style:none;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;display:flex;font-family:Inter;font-size:16px;font-weight:600;justify-content:center;letter-spacing:0;line-height:normal;margin-left:8px;padding:6px 8px;position:absolute;right:-82px;top:20}.hero-container .hero-title h1 .pro-badge svg{margin:0 0 0 3px}.hero-container .hero-title h3{align-items:center;color:rgba(1,22,39,.6);display:flex;font-family:Inter,serif;font-size:20px;font-weight:400}.hero-container .hero-title h3 svg{margin:0 20px}.hero-container .hero-title h3 span{color:#fff;font-size:10px;font-weight:600}.hero-container .hero-title h3 a{color:#011627;font-weight:600;text-decoration:none!important}.hero-container .hero-detail{flex-basis:50%;padding-left:222px}.hero-container .hero-detail p{color:rgba(1,22,39,.6);font-family:Inter,serif;font-size:14px;font-weight:300;line-height:1.5em}.hero-container .hero-detail p b{color:#000}.hero-container .hero-detail .hero-detail-description{color:rgba(1,22,39,.6);font-family:Inter,serif;font-size:20px;font-weight:400;line-height:1.5em;margin-bottom:20px}.hero-container .hero-detail .hero-detail-description b{color:#000}.detail-container{display:flex;height:-moz-fit-content;height:fit-content;justify-content:center;overflow:visible;position:relative}.detail-container .detail-content{border-top:2px dotted #bdbebf;display:grid;grid-template-columns:73% 27%;margin:-250px 98px 0;max-width:1430px;overflow:hidden;padding-top:90px}.detail-container .detail-content .left-section{padding-right:100px}.detail-container .detail-content .left-section .tumbnail-wrapper{border:1px solid #e3e2e6;border-radius:15px;max-height:1109px;overflow:hidden}.detail-container .detail-content .left-section .tumbnail-wrapper .top-bar{border-radius:15px 15px 0 0}.detail-container .detail-content .left-section .tumbnail-wrapper img{width:100%}.detail-container .detail-content .left-section .pages-wrapper{margin-top:80px}.detail-container .detail-content .left-section .pages-wrapper p{color:rgba(1,22,39,.6);font-family:Inter,serif;font-size:16px;font-weight:400;line-height:1.5em;margin-top:10px}.detail-container .detail-content .left-section .pages-wrapper .pages-container{display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:30px;transition:all .6s ease}.detail-container .detail-content .left-section .pages-wrapper .pages-container .page-wrapper{cursor:pointer}.detail-container .detail-content .left-section .pages-wrapper .pages-container .page-wrappera{text-decoration:none!important}.detail-container .detail-content .left-section .pages-wrapper .pages-container .page-wrapper h4{color:#011627;font-family:Plus Jakarta Sans,serif;font-size:18px;font-weight:700;line-height:1.2em;text-decoration:none!important}.detail-container .detail-content .left-section .pages-wrapper .pages-container .page-wrapper .image-wrapper{border:1px solid #edeff0;border-radius:15px;height:240px;margin-bottom:20px;overflow:hidden;transition:border .5s}.detail-container .detail-content .left-section .pages-wrapper .pages-container .page-wrapper img{height:400px;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:all 2s;width:100%}.detail-container .detail-content .left-section .pages-wrapper .pages-container .page-wrapper:hover .image-wrapper{border:2px solid #ff823d}.detail-container .detail-content .left-section .pages-wrapper .pages-container .page-wrapper:hover img{transform:translateY(calc(-100% + 240px))}.detail-container .detail-content .right-section{margin-bottom:40px}.detail-container .detail-content .right-section .button-wrapper p{color:rgba(1,22,39,.5);font-family:Inter;font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1.5;text-align:left}.detail-container .detail-content .right-section .advance-button-wrapper-pro-free{border-radius:10px;overflow:hidden;position:relative;text-decoration:none;transition:transform .5s ease}.detail-container .detail-content .right-section .advance-button-wrapper-pro-free .outer-wrapper-overlay{background-color:#000;border-radius:inherit;height:100%;opacity:.05;position:absolute;transition:transform .5s ease;width:100%;z-index:3}.detail-container .detail-content .right-section .advance-button-wrapper-pro-free .outer-wrapper{align-items:center;background:linear-gradient(175deg,rgba(209,192,255,.15),rgba(53,88,226,.85));border-radius:10px;border-style:none;box-shadow:0 4px 3px -2px rgba(0,0,0,.15);cursor:pointer;display:flex;margin-bottom:20px;overflow:hidden;padding:3px;position:relative;transition:transform .5s;width:100%;z-index:2}.detail-container .detail-content .right-section .advance-button-wrapper-pro-free .outer-wrapper .advance-button{background:linear-gradient(90deg,#f045ff,#4569ff 42.6%,#4569ff 55.5%,#68e4f4 99.6%);border-radius:7px;display:flex;height:100%;justify-content:space-between;padding:16px 25px 18px;text-decoration:none;width:100%;z-index:3}.detail-container .detail-content .right-section .advance-button-wrapper-pro-free .outer-wrapper .advance-button .button-text{color:#fff;font-family:Sora;font-size:16px;font-stretch:normal;font-style:normal;font-weight:600;letter-spacing:normal;line-height:normal;text-align:left;transition:color .5s ease}.detail-container .detail-content .right-section .advance-button-wrapper-pro-free .outer-wrapper .advance-button .icon-wrapper svg{height:18px;width:18px}.detail-container .detail-content .right-section .advance-button-wrapper-pro-free .outer-wrapper .advance-button:hover .button-text{color:hsla(0,0%,100%,.75)}.detail-container .detail-content .right-section .advance-button-wrapper-pro-free:hover>*{transform:scale(.94)}.detail-container .detail-content .right-section .advance-button-wrapper-demo{text-decoration:none;transition:transform .5s ease}.detail-container .detail-content .right-section .advance-button-wrapper-demo .outer-wrapper{align-items:center;background:linear-gradient(125deg,#f045ff,#4569ff 50%,#68e4f4);border-radius:10px;border-style:none;box-shadow:0 1px 4px rgba(16,24,40,.1);cursor:pointer;display:flex;height:60px;margin-bottom:15px;overflow:hidden;padding:3px;position:relative;transition:transform .5s;width:100%;z-index:2}.detail-container .detail-content .right-section .advance-button-wrapper-demo .outer-wrapper .advance-button{background:linear-gradient(180deg,#fff 55.8%,#f2f2f2);border-radius:7px;display:flex;height:100%;justify-content:space-between;padding:16px 25px 18px;text-decoration:none;width:100%;z-index:3}.detail-container .detail-content .right-section .advance-button-wrapper-demo .outer-wrapper .advance-button .button-text{color:#011627;font-family:Sora;font-size:16px;font-stretch:normal;font-style:normal;font-weight:600;letter-spacing:normal;line-height:normal;text-align:left;transition:color .5s ease}.detail-container .detail-content .right-section .advance-button-wrapper-demo .outer-wrapper .advance-button .icon-wrapper svg{height:18px;width:18px}.detail-container .detail-content .right-section .advance-button-wrapper-demo .outer-wrapper .advance-button:hover .button-text{color:rgba(1,22,39,.75)}.detail-container .detail-content .right-section .advance-button-wrapper-demo:hover>*{transform:scale(.94)}.detail-container .detail-content .right-section .tab-wrapper{margin-top:30px}.detail-container .detail-content .right-section .tab-headers{align-items:center;display:flex;justify-content:center;margin-top:20px;padding:0 20px}.detail-container .detail-content .right-section .tab-headers .tab-header{border:1px solid #fff;border-bottom:none;border-top-left-radius:15px;border-top-right-radius:15px;color:rgba(1,22,39,.5);cursor:pointer;font-family:Plus Jakarta Sans,serif;font-size:14px;font-weight:600;line-height:1.2em;padding:10px calc(15% - 20px);text-align:center;text-wrap:nowrap;width:50%}.detail-container .detail-content .right-section .tab-headers .tab-header.active{border-top-left-radius:15px;border-top-right-radius:15px;color:#011627}.detail-container .detail-content .right-section .tab-headers .tab-header.active,.detail-container .detail-content .right-section .tab-headers .tab-header:hover{background:#f2f2f2;border-bottom-style:none;border-left:1px solid #e3e2e6;border-right:1px solid #e3e2e6;border-top:1px solid #e3e2e6}.detail-container .detail-content .right-section .tab-body{border:1px solid #e3e2e6;border-radius:15px;display:none;padding-bottom:30px;padding-top:30px}.detail-container .detail-content .right-section .tab-body.active{display:block}.detail-container .detail-content .right-section .tab-body .overview-description{border-bottom:1px solid #e3e2e6;color:rgba(1,22,39,.6);font-family:Inter,serif;font-size:16px;font-weight:400;line-height:1.5em;padding:0 35px 30px}.detail-container .detail-content .right-section .tab-body .overview-infodemo{border-bottom:1px solid #e3e2e6;padding:30px 35px}.detail-container .detail-content .right-section .tab-body .overview-infodemo .overview-infodemo-parts{display:flex;justify-content:space-between;margin:5px 0}.detail-container .detail-content .right-section .tab-body .overview-infodemo .overview-infodemo-parts b{color:#011627;font-family:Inter,serif;font-size:16px;font-weight:500}.detail-container .detail-content .right-section .tab-body .overview-infodemo .info-title{color:rgba(1,22,39,.6);font-family:Inter,serif;font-size:16px;font-weight:400}.detail-container .detail-content .right-section .tab-body .overview-feature{padding:30px 35px 0}.detail-container .detail-content .right-section .tab-body .overview-feature .feature-wrapper{color:rgba(1,22,39,.6);display:flex;font-family:Inter,serif;font-size:16px;font-weight:400;justify-content:start;margin:10px 0}.detail-container .detail-content .right-section .tab-body .overview-feature .feature-wrapper img{height:20px;margin-right:15px;margin-top:5px;width:20px}.detail-container .detail-content .right-section .accordion-wrapper{margin:10px 35px}.detail-container .detail-content .right-section .accordion-wrapper.active{background-color:#f2f2f2;border-radius:10px;color:#000}.detail-container .detail-content .right-section .accordion-wrapper.active .accordion-header{color:#011627}.detail-container .detail-content .right-section .accordion-wrapper .accordion-header{align-items:center;color:rgba(1,22,39,.49);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,serif;font-size:18px;font-weight:600;justify-content:space-between;padding:20px 25px}.detail-container .detail-content .right-section .accordion-wrapper .accordion-body{display:none;padding:0 25px 10px}.detail-container .detail-content .right-section .accordion-wrapper .accordion-body.active{display:block}.detail-container .detail-content .right-section .accordion-wrapper .accordion-body ul{color:rgba(16,24,40,.6);font-family:Inter,serif;font-size:16px;font-weight:400;line-height:1.5em;margin-top:unset;padding-bottom:10px;padding-left:15px;padding-right:25px}#jkit-demo-detail-page a{text-decoration:none}#jkit-demo-detail-page .related-wrapper{margin:100px auto;max-width:1430px}#jkit-demo-detail-page .related-demos{display:flex;flex-wrap:wrap;justify-content:space-between}#jkit-demo-detail-page .related-demos h3{color:#011627;font-family:Sora;font-size:38px;font-stretch:normal;font-style:normal;font-weight:800;letter-spacing:normal;line-height:1.2;text-align:left}#jkit-demo-detail-page .related-demos p{color:rgba(1,22,39,.5);font-family:Inter,serif;font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1.64;text-align:left}#jkit-demo-detail-page .related-demos p b{color:#011627}#jkit-demo-detail-page .related-demos .related-demos-button-wrapper{align-items:center;display:flex}#jkit-demo-detail-page .related-demos .advance-button-wrapper{text-decoration:none}#jkit-demo-detail-page .related-demos .advance-button-wrapper .outer-wrapper{align-items:center;background:linear-gradient(125deg,#f045ff,#4569ff 36.7%,#4569ff 60.7%,#68e4f4);border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-style:none;border-top-left-radius:10px;border-top-right-radius:10px;border-radius:10px;cursor:pointer;display:flex;height:50px;overflow:hidden;padding:3px;position:relative;transition:transform .5s ease;width:158px;z-index:2}#jkit-demo-detail-page .related-demos .advance-button{background-image:linear-gradient(180deg,#fff 50%,#f2f2f2 92%),linear-gradient(180deg,#011627,#011627);border-radius:7px;height:100%;padding:8px 23px 15px 27px;text-decoration:none;width:100%;z-index:3}#jkit-demo-detail-page .related-demos .advance-button .button-text{color:#011627;font-family:Sora;font-size:16px;font-stretch:normal;font-style:normal;font-weight:600;letter-spacing:normal;line-height:normal;text-align:left}#jkit-demo-detail-page .related-demos .advance-button .icon-wrapper{margin-left:2px}#jkit-demo-detail-page .related-demos .advance-button .icon-wrapper svg{height:13px;width:8px}#jkit-demo-detail-page .related-demos .advance-button:hover .button-text{color:rgba(1,22,39,.75)}#jkit-demo-detail-page .related-demos .advance-button-wrapper:hover>*{transform:scale(.9)}#jkit-demo-detail-page .related-demos-wrapper{display:grid;flex-wrap:nowrap;gap:30px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));margin-top:40px}#jkit-demo-detail-page .related-demos-wrapper .demo-wrapper .demo-thumbnail-wrapper{height:400px;position:relative}#jkit-demo-detail-page .related-demos-wrapper .demo-wrapper .demo-thumbnail-wrapper .demo-detail-button{background:linear-gradient(141deg,#fcfcfc,#eeeded 99%);border:1px solid #edeff0;border-radius:15px;height:inherit;overflow:hidden;position:absolute;transition:border .3s;width:100%;z-index:3}#jkit-demo-detail-page .related-demos-wrapper .demo-wrapper .demo-thumbnail-wrapper .demo-detail-button:before{animation:loading-skeleton-keyframes-wave .75s linear .5s infinite;background:linear-gradient(141deg,hsla(0,0%,99%,.384),hsla(0,0%,75%,.51) 99%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);z-index:4}#jkit-demo-detail-page .related-demos-wrapper .demo-wrapper .demo-thumbnail-wrapper .demo-detail-button .demo-detail-button-overlay{height:inherit;position:absolute;width:100%;z-index:6}#jkit-demo-detail-page .related-demos-wrapper .demo-wrapper .demo-thumbnail-wrapper .demo-detail-button img{position:relative;transition:transform .7s ease;width:100%;z-index:5}#jkit-demo-detail-page .related-demos-wrapper .demo-wrapper .demo-thumbnail-wrapper .demo-preview-button{background:linear-gradient(180deg,#fff 50%,#f2f2f2 92%);border:1px solid #fff;border-radius:10px;box-shadow:0 4px 40px 0 rgba(28,12,38,.15);display:none;padding:9px;position:absolute;right:20;top:20;z-index:7}#jkit-demo-detail-page .related-demos-wrapper .demo-wrapper .demo-thumbnail-wrapper:hover .demo-detail-button{border:2px solid #ff823d}#jkit-demo-detail-page .related-demos-wrapper .demo-wrapper .demo-thumbnail-wrapper:hover .demo-detail-button .demo-detail-button-overlay{background-color:rgba(0,0,0,.07)}#jkit-demo-detail-page .related-demos-wrapper .demo-wrapper .demo-thumbnail-wrapper:hover .demo-detail-button img{transform:translateY(calc(-100% + 400px))}#jkit-demo-detail-page .related-demos-wrapper .demo-wrapper .demo-thumbnail-wrapper:hover .demo-preview-button{display:block}#jkit-demo-detail-page .related-demos-wrapper .demo-wrapper .demo-text-wrapper{align-items:center;display:flex;gap:8px;padding-top:20px}#jkit-demo-detail-page .related-demos-wrapper .demo-wrapper .demo-text-wrapper h3{align-self:center;color:#011627;font-family:Sora;font-size:18px;font-weight:700;text-align:center}#jkit-demo-detail-page .related-demos-wrapper .demo-wrapper .demo-text-wrapper .new-badge-show{background-image:linear-gradient(160deg,#fd505d 4.9%,#ff823d 75.7%,#ffad5c);border-radius:5px;color:#fff;font-family:Inter,serif;font-size:12px;font-weight:600;letter-spacing:normal;line-height:normal;margin-top:-5px;padding:4px 8px;text-align:center}#jkit-demo-detail-page .related-demos-wrapper .demo-wrapper .demo-text-wrapper .new-badge-invisible{display:none}#page-gallery{background-color:rgba(0,0,0,.8);bottom:0;height:100%;left:0;position:fixed;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:99999}#page-gallery .hidden,#page-gallery.hidden{display:none}#page-gallery .gallery-header{left:0;padding:10px;position:absolute;right:0;text-align:right;top:0;z-index:100}#page-gallery .gallery-header svg{color:var(--guten-border-color);cursor:pointer;margin:10px;stroke-width:2}#page-gallery .gallery-body,#page-gallery .images,#page-gallery .swiper-container{height:100%}#page-gallery .swiper-wrapper{align-items:center;width:100%}#page-gallery .swiper-wrapper .swiper-slide{overflow-y:scroll}#page-gallery .swiper-wrapper .swiper-slide .content-image{height:-moz-fit-content;height:fit-content;text-align:center}#page-gallery .swiper-button-next:after,#page-gallery .swiper-button-prev:after{color:var(--guten-border-color);font-size:28px;font-weight:700;padding:10px}.body-no-scroll{overflow-y:hidden}img{max-width:100%}#thumbnail-image{cursor:none}.cursor{align-items:center;-webkit-backdrop-filter:blur(15px) brightness(1) contrast(1) opacity(1) saturate(6);backdrop-filter:blur(15px) brightness(1) contrast(1) opacity(1) saturate(6);background-color:rgba(0,0,0,.15);border:1px solid hsla(0,0%,95%,.12);border-radius:50%;color:#fff;display:flex!important;font-family:Sora;font-size:16px;font-weight:600;height:0;justify-content:center;margin:auto;opacity:0;pointer-events:none;position:fixed;transition:width .5s linear,height .5s linear,opacity .5s;width:0;z-index:99}.cursor-hover{height:80px;opacity:1;width:80px}#jkit-demos-list-page{min-height:100vh}#jkit-demos-list-page *{box-sizing:border-box;transition:all .3s}#jkit-demos-list-page .demo-list-hero{background-position:bottom;background-size:cover;position:relative}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper{align-items:center;display:flex;flex-direction:column;padding:200px 0 130px;position:relative;z-index:2}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .hero-text{color:#fff;font-family:Sora;font-size:60px;font-weight:600;line-height:75px;margin-bottom:5px;text-align:center}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .hero-paragraph{color:hsla(0,0%,100%,.6);font-family:Sora;font-size:20px;font-weight:400;text-align:center;width:46%}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-search-form{position:relative;width:-moz-fit-content;width:fit-content}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-search-form .search-form-field{background:#fff;border:3px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 5px 12px -4px rgba(10,0,24,.078);color:rgba(1,15,30,.4);font-family:Sora;font-size:18px;font-weight:400;height:78px;padding:8px 8px 8px 30px;width:772px}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-search-form .search-form-submit-button{background:radial-gradient(112.43% 113.24% at 49.77% 0,#ba70ff 3.52%,#2f47ff 100%);border:2px solid rgba(63,0,118,.5);border-radius:14px;cursor:pointer;height:62px;padding:20px 30px;position:absolute;right:8px;top:8px;width:82px}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-search-form .search-form-submit-button:hover{transform:scale(.95)}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-search-form-wrapper{display:flex;justify-content:center}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-search-form-wrapper #demo-list-search-form{margin-top:40px;position:relative;width:-moz-fit-content;width:fit-content}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-search-form-wrapper #demo-list-search-form svg{margin:23px 0 0 18px;position:absolute}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-search-form-wrapper #demo-list-search-form .search-form-field{border:1px solid #ffd2cc;border-radius:15px;box-shadow:0 7px 24px -7px #fbe8d5;font-family:Sora;font-size:16px;height:68px;line-height:25px;padding-left:40px;text-indent:15px;width:537px}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-search-form-wrapper #demo-list-search-form .search-form-fieldinput[type=text]::-moz-placeholder{color:rgba(1,22,39,.5)}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-search-form-wrapper #demo-list-search-form .search-form-fieldinput[type=text]::placeholder{color:rgba(1,22,39,.5)}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-search-form-wrapper #demo-list-search-form .search-form-submit-button{background:linear-gradient(160deg,#fd505d 4.9%,#ff823d 75.7%,#ffad5c);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-grow:0;font-family:Sora;font-size:16px;font-weight:600;height:48px;margin:10px 5px;padding:12px 25px;position:absolute;right:5;text-align:left;transition:transform .3s,color .3s}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-search-form-wrapper #demo-list-search-form .search-form-submit-button:hover{color:hsla(0,0%,100%,.75);transform:scaleX(.94) scaleY(.94)}#jkit-demos-list-page .demo-list-body{padding:0 5%}#jkit-demos-list-page .demo-list-body .demo-list-body-wrapper{display:flex;margin:80px 0}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar{padding:0 20px 50px 0;width:300px}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .demo-list-side-bar-close-button{display:none}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-wrapper{cursor:pointer;margin-top:16px;transition:background .3s}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-wrapper .category-icon-name-wrapper{display:flex;gap:10px;justify-content:space-between;width:100%}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-wrapper .category-icon-name-wrapper .category-icon{align-items:center;border-radius:6px;display:flex;height:30px;justify-content:center;padding:5px 2px;width:30px}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-wrapper .category-icon-name-wrapper .category-icon svg{fill:#fff}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-wrapper .category-icon-name-wrapper .category-name{font-family:Sora;font-size:16px;font-weight:600;text-wrap:nowrap}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-wrapper .category-icon-name-wrapper .category-arrow{align-items:center;display:flex}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-wrapper .category-count{font-family:Sora;font-size:16px;font-weight:600;text-wrap:nowrap}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .demo-list-side-bar-header p{color:#82859d;font-family:Sora;font-size:18px;font-weight:400;margin-top:10px}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .outer-category{display:flex;gap:32px;justify-content:space-between}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .outer-category .category-icon-name-wrapper .category-icon{background:linear-gradient(239deg,#c80eec 109%,#7708be 0)}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .outer-category .category-icon-name-wrapper .category-name{color:#c646fe}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .outer-category .category-count{color:rgba(198,70,254,.5)}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .demo-category{display:flex;gap:32px;justify-content:space-between}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .demo-category .category-icon-name-wrapper .category-name{color:#010f1e;font-family:Sora;font-size:22px;font-style:SemiBold;font-weight:600}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-childs{margin-bottom:50px;max-height:380px;overflow-y:auto}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-childs .checkbox-wrapper{border:1px solid #fff;border-radius:10px;color:rgba(1,22,39,.5);display:flex;font-family:Sora;font-size:16px;font-weight:600;justify-content:space-between;margin:5px 0;padding-top:10px}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-childs .checkbox-wrapper .checkbox-main{overflow-wrap:anywhere}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-childs .checkbox-wrapper .checkbox-main .container{cursor:pointer;display:block;padding-left:35px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-childs .checkbox-wrapper .checkbox-main .container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-childs .checkbox-wrapper .checkbox-main .checkmark{background-color:rgba(1,22,39,.15);border-radius:3px;height:20px;left:0;position:absolute;top:4;width:20px}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-childs .checkbox-wrapper .checkbox-main .container input:checked~.checkmark{background-color:#a05df7}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-childs .checkbox-wrapper .checkbox-main .checkmark:after{content:"";display:none;position:absolute}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-childs .checkbox-wrapper .checkbox-main .container input:checked~.checkmark:after{display:block}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-childs .checkbox-wrapper .checkbox-main .container .checkmark:after{border:solid #fff;border-width:0 3px 3px 0;height:10px;left:6px;top:2px;transform:rotate(45deg);width:5px}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .category-childs .checkbox-wrapper .checkbox-count{color:rgba(1,22,39,.3)}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .view-more{cursor:pointer;font-weight:bolder}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper{padding:0 0 50px;width:100%}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .mobile-filter-button{display:none}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .loading-lottie{height:200px}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper p{color:rgba(1,22,39,.5);font-family:Sora;font-size:14px;line-height:1.64;max-width:768px;padding:0 10px;text-align:left}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-sorting{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px;padding:0 10px}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-sorting h2{color:#011627;font-family:Sora;font-size:32px;font-weight:600;line-height:1.2;margin:0;padding:0 10px;text-align:left}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-sorting .sorting-panel{align-items:center;color:#011627;display:flex;flex-wrap:nowrap;font-family:Sora;font-size:16px;font-weight:400;justify-content:end;text-align:center;text-wrap:nowrap}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-sorting .sorting-panel label{margin-right:10px}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-sorting .sorting-panel .select-sort{font-size:14px;z-index:5}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-sorting .sorting-panel .select-sort .select__control{background:#fff;border:1px solid rgba(1,15,30,.102);border-radius:10px;caret-color:transparent;cursor:pointer;width:136px}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-sorting .sorting-panel .select-sort .select__control .select__indicators .select__indicator-separator{display:none}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-sorting .sorting-panel .select-sort .select__menu{padding:8px}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-sorting .sorting-panel .select-sort .select__menu .select__option{border-radius:5px;color:#011627;cursor:pointer;padding:8px 35px;width:120px}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .no-demos-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:130px;width:100%}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .no-demos-wrapper .no-demos-image-wrapper{display:flex;justify-content:center;position:relative;width:492px}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .no-demos-wrapper .no-demos-image-wrapper .no-demos-image-left{left:20;position:absolute;top:30px;width:80px}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .no-demos-wrapper .no-demos-image-wrapper .no-demos-image-middle{height:182px;width:182px}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .no-demos-wrapper .no-demos-image-wrapper .no-demos-image-right{bottom:80;position:absolute;right:60;width:40px}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .no-demos-wrapper .no-demos-text-wrapper{margin-top:14px}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .no-demos-wrapper .no-demos-text-wrapper h3{color:#011627;font-family:Sora;font-size:38px;font-stretch:normal;font-style:normal;font-weight:800;letter-spacing:normal;line-height:1.2;text-align:center}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .no-demos-wrapper .no-demos-text-wrapper p{color:rgba(1,22,39,.5);font-family:Sora;font-size:14px;font-stretch:normal;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1.64;text-align:center}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-content .demo-wrapper{margin:20px}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-content .demo-wrapper .demo-detail-button{background:#f7f8fa;border:1px solid rgba(1,15,30,.102);border-radius:20px;display:block;height:100%;overflow:hidden;position:relative;width:100%}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-content .demo-wrapper .demo-detail-button.new{border:1px solid #ba70ff;box-shadow:0 4px 25px -5px rgba(91,0,130,.2)}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-content .demo-wrapper .demo-detail-button .demo-text-wrapper{background:#fff;bottom:0;left:0;padding:24px;position:absolute;right:0}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-content .demo-wrapper .demo-detail-button .demo-text-wrapper .text-row-1{align-items:center;display:flex;gap:20px;justify-content:start}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-content .demo-wrapper .demo-detail-button .demo-text-wrapper .text-row-1 h3{font-family:Sora;font-size:16px;font-weight:600;margin:0}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-content .demo-wrapper .demo-detail-button .demo-text-wrapper .text-row-1 .new-badge{background:#ecdffd;border-radius:100px;color:#a05df7;font-family:Sora;font-size:10px;font-weight:600;padding:3px 10px}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-content .demo-wrapper .demo-detail-button .demo-text-wrapper p{margin:10px 0 0;padding:0}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-content .demo-wrapper .demo-detail-button .pro-badge{align-items:center;background:radial-gradient(100% 588.59% at 96.43% 8.7%,#ba70ff 3.52%,#2f47ff 100%);border-radius:100px;color:#fff;display:flex;font-family:Sora;font-size:10px;font-weight:600;gap:5px;left:10px;padding:5px 11px;position:absolute;top:10px;z-index:2}@keyframes loading-skeleton-keyframes-wave{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}to{transform:translateX(100%)}}.guten-3IAtPJ span i{line-height:.5}@media (max-width:1440px){#jkit-demo-detail-page .related-wrapper{margin:100px 20px}}@media (max-width:1230px){.hero-container{height:620px;margin:10px;padding:160px 30px 240px}.hero-container .spark-left,.hero-container .spark-right{display:none}.hero-container .hero-wrapper{margin-top:-100px}.hero-container .hero-title{flex-basis:100%;text-align:center}.hero-container .hero-title h3{justify-content:center}.hero-container .hero-detail{flex-basis:100%;padding-left:0;text-align:center}.detail-container .detail-content{margin:-190px 20px 0}}@media (max-width:1040px){.detail-container .detail-content{grid-template-columns:100%}.detail-container .detail-content .left-section{padding-right:0!important}.detail-container .detail-content .left-section .pages-wrapper .pages-container{grid-template-columns:repeat(auto-fill,minmax(201px,1fr))}.detail-container .detail-content .right-section{order:-1}#jkit-demo-detail-page .related-demos .advance-button-wrapper{margin-top:15px}#jkit-demo-detail-page .related-wrapper{margin:20px 15px 80px}#jkit-demos-list-page .demo-list-hero .demo-list-overlay{background-position:bottom;background-repeat:no-repeat;background-size:contain}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-hero-title-wrapper .demo-list-hero-lottie{display:none}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-sorting .sorting-panel{justify-content:center}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-content .demo-wrapper .demo-thumbnail-wrapper:hover .demo-preview-button{display:block}}@media (max-width:714px){.hero-container{height:510px;padding:160px 10px 240px}.hero-container .hero-title h1{font-size:32px}.hero-container .hero-title h1 .pro-badge{font-size:10px;padding:4px 5px;right:-55;top:0}.hero-container .hero-title h1 .pro-badge svg{height:13px;width:13px}.hero-container .hero-title h3{font-size:16px}.hero-container .hero-detail p{font-size:14px}.hero-container .hero-detail .hero-detail-description{font-size:16px}.detail-container .detail-content{margin:-180px 20px 0}.detail-container .detail-content .left-section .pages-wrapper{margin-top:40px}.detail-container .detail-content .left-section .pages-wrapper .pages-container{grid-template-columns:100%}}@media (max-width:651px){#jkit-demo-detail-page .related-demos .advance-button-wrapper{margin-top:15px}}@media (max-width:983px){#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper{padding:40px 10px}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-hero-left-orange-sparkle,#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-hero-right-purple-sparkle{display:none}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-hero-title-wrapper .hero-text{font-size:40px}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .hero-paragraph{font-size:16px;margin:20px 20px 0;text-align:center;width:100%}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-search-form-wrapper{padding:0 10px;width:100%}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-search-form-wrapper #demo-list-search-form{display:flex;flex-direction:column;width:100%}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-search-form-wrapper #demo-list-search-form .search-form-field{width:100%}#jkit-demos-list-page .demo-list-hero .demo-list-hero-text-wrapper .demo-list-search-form-wrapper #demo-list-search-form .search-form-submit-button{position:relative;text-align:center;width:100%}#jkit-demos-list-page .demo-list-body{position:relative}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar{background-color:#fff;bottom:0;display:none;height:100%;overflow-x:hidden;overflow-y:scroll;padding:100px 30px 50px 0;position:fixed;top:0;transform:translateX(-100vw);z-index:999}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar.opened{display:block;left:0;padding-left:20px;transform:translateX(0)}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .demo-list-side-bar-close-button{cursor:pointer;display:flex;justify-content:end;margin-bottom:20px}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar .demo-list-side-bar-close-button svg{height:18px;width:18px}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar-overlay{bottom:0;height:100%;opacity:0;position:fixed;top:0;width:0;z-index:6}#jkit-demos-list-page .demo-list-body .demo-list-body-side-bar-overlay.opened{background-color:#000;display:block;opacity:.5;width:100vw}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-sorting{align-items:flex-start;margin-top:20px}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .mobile-filter-button{align-items:center;background:radial-gradient(112.43% 113.24% at 49.77% 0,#ba70ff 3.52%,#2f47ff 100%);border:2px solid rgba(63,0,118,.5);border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-grow:0;font-family:Sora;font-size:14px;font-weight:600;gap:10px;justify-content:space-between;margin-left:20px;padding:12px 25px;text-align:left;width:-moz-fit-content;width:fit-content}}@media (max-width:800px){#jkit-demos-list-page .demo-list-body{position:relative;transition:all .3s}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-sorting{align-items:flex-start;margin-top:20px}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .mobile-filter-button{align-items:center;background:radial-gradient(112.43% 113.24% at 49.77% 0,#ba70ff 3.52%,#2f47ff 100%);border:2px solid rgba(63,0,118,.5);border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-grow:0;font-family:Sora;font-size:14px;font-weight:600;gap:10px;justify-content:space-between;margin-left:20px;padding:12px 25px;text-align:left;width:-moz-fit-content;width:fit-content}#jkit-demos-list-page .demo-list-body .demo-list-body-content-wrapper .demo-list-body-content .demo-wrapper .demo-thumbnail-wrapper:hover .demo-preview-button{display:block}}