.toolbar a,.welcome-subheading-1{color:rgba(139,92,246,var(--tw-text-opacity))}.demo-header{background:0 0;position:relative;z-index:1}.framwork-icons{margin-top:7rem}.framwork-icons a{margin-right:6px}.framwork-icons a:hover{background-color:rgba(48,65,86,.1)!important}.welcome-heading-1{font-weight:700;font-size:40px;line-height:1.1}.welcome-subheading-1{font-weight:500;--tw-text-opacity:1;font-size:16px}.floating-images{position:relative;opacity:.15}.floating-images img{width:18px;position:absolute;transition:all .25s ease}.floating-images .img1{top:530px;left:30%;-webkit-animation:float1 18s ease infinite;animation:float1 18s ease infinite}.floating-images .img2{top:80px;left:55%;-webkit-animation:float1 14s ease infinite;animation:float1 14s ease infinite}.floating-images .img3{top:190px;left:44%;-webkit-animation:float1 26s ease infinite;animation:float1 26s ease infinite}.floating-images .img4{top:460px;left:13%;-webkit-animation:float1 12s ease infinite;animation:float1 12s ease infinite}.floating-images .img5{top:380px;left:26%;-webkit-animation:float1 16s ease infinite;animation:float1 16s ease infinite}.floating-images .img6{top:60px;left:46%;-webkit-animation:float1 16s ease infinite;animation:float1 16s ease infinite}#intro-parallax-layers .layer{position:absolute}#intro-parallax-layers .layer img{max-width:100%}#intro-parallax-layers .ipad{width:325px}#intro-parallax-layers .macbook{width:360px}#intro-parallax-layers .iphone{width:210px}#intro-parallax-layers .layer1{top:-136px!important;left:49%!important}#intro-parallax-layers .layer2{top:82px!important;left:11%!important}#intro-parallax-layers .layer3{top:332px!important;left:-4%!important}#intro-parallax-layers .layer4{top:0!important;left:82%!important}#intro-parallax-layers .layer5{top:216px!important;left:67%!important}#intro-parallax-layers .layer6{top:325px!important;left:34%!important}.toolbar{padding:1.5rem;border-radius:4px}@media (min-width:768px){.toolbar{display:flex;justify-content:space-around;border-radius:50px}}.toolbar a{margin-right:1.75rem;display:inline-flex;--tw-bg-opacity:1;background-color:rgba(221,214,254,var(--tw-bg-opacity));--tw-text-opacity:1;text-transform:uppercase;font-weight:600;letter-spacing:.2px}.toolbar a.active,.toolbar a:hover{color:#fff!important;background-color:rgba(139,92,246,var(--tw-bg-opacity))}@media (max-width:880px){.toolbar a{justify-content:flex-start;width:calc(50% - 28px);margin-bottom:.5rem}}.toolbar a:hover{--tw-bg-opacity:1}.toolbar a.active{--tw-bg-opacity:1;border:1px solid transparent}.toolbar a img{height:14px;margin-right:6px}.landing-section{padding:80px 0}.landing-section.intro{position:relative;background-repeat:no-repeat;background-size:100%;padding-top:0;padding-bottom:160px;overflow:hidden}.landing-section.intro header{padding:20px 0}.landing-section.intro .welcome{position:relative;--tw-text-opacity:1;color:rgba(30,41,59,var(--tw-text-opacity));text-align:center;padding-top:10%;z-index:4}.landing-section.intro .welcome h1{font-size:40px;font-weight:400;margin-bottom:1rem}.landing-section.intro .welcome p{max-width:570px;margin:auto;font-size:18px;font-weight:400}.landing-section.intro .welcome strong{font-weight:600}.landing-section.docs{padding-top:50px}.landing-section.docs .toolbar-bottom{padding:20px;max-width:800px;position:relative;border-radius:4px}.landing-section.docs .toolbar-bottom::after{position:absolute;content:"";width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #eee;top:-10px}.html .landing-section.docs .toolbar-bottom::after{left:60px}.angular .landing-section.docs .toolbar-bottom::after{left:345px}.laravel .landing-section.docs .toolbar-bottom::after{left:670px}.react .landing-section.docs .toolbar-bottom::after{left:506px}.vue .landing-section.docs .toolbar-bottom::after{left:198px}@media (min-width:768px){.landing-section.docs .toolbar-bottom{display:flex}}.landing-section.docs .toolbar-bottom .btn{margin-right:1.75rem}@media (max-width:880px){.landing-section.docs .toolbar-bottom .btn{justify-content:flex-start;width:calc(50% - 28px);margin-bottom:.5rem}}.landing-section.docs .toolbar-bottom .btn:not(.btn-primary){--tw-text-opacity:1;color:rgba(139,92,246,var(--tw-text-opacity))}.landing-section.docs .toolbar-bottom .btn .btn-primary:hover,.landing-section.docs .toolbar-bottom .btn:hover{--tw-text-opacity:1;color:#fff;--tw-bg-opacity:1;background-color:rgba(139,92,246,var(--tw-bg-opacity));box-shadow:none!important}.landing-section.docs .preview-box .thumbnail{overflow:hidden;display:block;border-radius:.125rem;--tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:1005px){.landing-section.docs .sidebar-container{overflow:visible}}.landing-section.docs .doc-sidebar{width:220px}.landing-section.docs .doc-sidebar .doc-navigation a.btn-primary:hover,.landing-section.docs .doc-sidebar .doc-navigation a:hover{--tw-text-opacity:1;color:rgba(139,92,246,var(--tw-text-opacity));--tw-bg-opacity:1;background-color:rgba(139,92,246,var(--tw-bg-opacity));box-shadow:none!important}.landing-section.docs .doc-sidebar .doc-navigation .btn:not(.btn-primary){--tw-text-opacity:1;color:rgba(203,213,225,var(--tw-text-opacity))}.landing-section.docs .doc-content pre{max-height:400px;overflow-y:auto}.built-with{padding:80px 0}.built-with-box{width:140px;height:140px;text-align:center}.built-with-box img{height:48px}.built-with-box span{font-size:14px;font-weight:700}.demo-footer .footer-logo{height:40px;width:auto}.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}.embed-container embed,.embed-container iframe,.embed-container object{position:absolute;top:0;left:0;width:100%;height:100%}#demos{position:relative;top:370px}@media (max-width:1024px){#intro-parallax-layers,.landing-section.docs .toolbar-bottom::after{display:none}.landing-section.intro{text-align:center;padding-bottom:160px}.floating-images .img1{top:410px;left:48%}.floating-images .img2{left:68%}.floating-images .img3{top:85px;left:28%}.floating-images .img4{top:311px;left:75%}.toolbar a{font-size:.75rem}}