*{margin:0;padding:0;font-family:Space Grotesk;font-weight:400}body{background:transparent}.side-text{width:200px;height:200px;border:1px solid;position:absolute;right:50px}.home-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(45deg,#fff,#4466fc5a);animation:animateBg 2s linear infinite}.home-container .home-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}.home-container .home-wrapper .btns{display:flex;gap:10px;margin-top:50px}.home-container .home-wrapper h1{max-width:1600px;text-align:center;font-weight:600;font-size:5rem;line-height:80px}.home-container .home-wrapper h1 span{font-weight:600;color:#4466fc}.home-container .home-wrapper p{font-size:2.5rem;max-width:1400px;text-align:center;line-height:50px;margin-top:20px}@media (max-width: 1400px){.home-container .home-wrapper h1{max-width:80%;font-size:2.5rem}.home-container .home-wrapper p{font-size:1.2rem;max-width:80%;line-height:30px}}.header-container{width:calc(100% - 100px);height:12vh;display:flex;justify-content:space-between;align-items:center;padding:0 50px;position:fixed;z-index:10000;left:0;top:0}.header-container .logo{cursor:pointer}.header-container .logo img{width:200px}.header-container .nav-links{color:#000;display:flex;justify-content:center;align-items:center;gap:20px}.header-container .nav-links a{text-decoration:none;color:inherit}.header-container .nav-links .active{position:relative}.header-container .nav-links .active:after{content:"";width:50%;height:2px;background:#000;position:absolute;bottom:-5px;left:25%}.header-container .nav-links .btns{display:flex;justify-content:center;align-items:center;gap:5px}.header-container .nav-links .btns .icon{width:45px;height:45px;background:#000;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%}.sidebar-main{width:250px;overflow-x:hidden;overflow-y:scroll;padding:150px 30px 0;flex-direction:column;display:flex;justify-content:start;align-items:center;position:fixed;top:0;gap:5px;left:0}.sidebar-main .nav-tile{border-radius:10px;border:1px solid transparent;transition:.3s;width:100%;height:40px;display:flex;gap:10px;background:#fff;justify-content:start;align-items:center;list-style:none;text-decoration:none}.sidebar-main .nav-tile p{color:#000}.sidebar-main .nav-tile .icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:#000}.sidebar-main #active{background:#eee}.sidebar-main #active p,.sidebar-main #active .icon{color:#000}.sidebar-main .nav-tile:hover{background:#f2f2f2;border:1px solid #80808090}.sidebar-main::-webkit-scrollbar{width:0!important}.docs-container{display:flex}.installation{width:800px;margin-left:calc(50% - 400px);margin-top:150px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.installation h2{font-weight:400;font-size:1.2rem;align-self:flex-start}.installation .intro{border-radius:10px;color:#333}.installation .intro p{text-align:justify}.installation .install-container{margin-top:50px;width:100%;gap:50px;display:flex;flex-direction:column}.installation .install-container .install-wrapper{position:relative;width:95%;display:flex;flex-direction:column;margin-left:5%;gap:10px}.installation .install-container .install-wrapper .install-text{display:flex;flex-direction:column}.installation .install-container .install-wrapper .code-sect{width:95%;padding:15px 2.5%;background:#282c34;color:#fff;border-radius:10px;justify-content:space-between;display:flex;align-items:center}.installation .install-container .install-wrapper .code-sect code{font-weight:400;color:#fff}.installation .install-container .install-wrapper .code-sect .btn-copy{width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:transparent;border:none;color:#fff;cursor:pointer}.installation .install-container .install-wrapper:after{content:attr(data-content);position:absolute;width:30px;height:30px;background:#333;border-radius:50%;color:#fff;font-size:.6rem;display:flex;font-weight:600;justify-content:center;align-items:center;left:-50px}.installation .install-container .install-wrapper:not(:last-child):before{content:"";width:1px;height:calc(100% + 20px);background:#333;position:absolute;left:-35px;top:30px}@media (max-width: 1400px){.docs-container{justify-content:end;padding-right:50px}}.container{width:800px;padding:100px;display:flex;margin-top:50px;margin-left:calc(50% - 500px);justify-content:start;align-items:start;flex-direction:column}.container h2{text-transform:capitalize}.container .props ul{display:flex;flex-direction:column;gap:10px;align-items:start;justify-content:start;margin-top:20px}.container .props ul li{display:flex;justify-content:center;align-items:center;list-style:none;gap:10px;font-size:1.2rem}.container .props ul li span{padding-top:8px}.container .main-component-container{gap:10px;display:flex;flex-direction:column;width:100%}.container .main-component-container h3{margin-top:50px;text-transform:capitalize}.container .main-component-container .code-block{padding:20px 30px;border-radius:10px;display:flex;justify-content:center;align-items:center;justify-content:space-between;background:#282c34;color:#fff}.container .main-component-container .render{width:100%;height:100px;border:1px solid #80808090;display:flex;justify-content:center;align-items:center;border-radius:10px}.main-component{display:flex}@media (max-width: 1400px){.container{padding:100px 50px}.main-component{justify-content:end}}