@import"https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap";*{-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-ms-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:none;-webkit-text-rendering:optimizeSpeed;text-rendering:optimizeSpeed;-webkit-transform:translateZ(0);transform:translateZ(0)}.textify .word,.textify .char{display:inline-block;will-change:transform,opacity}.textify .char{position:relative}.textify .char:before,.textify .char:after,.textify .word:after,.textify .word:before,.textify .line:after,.textify .line:before{position:absolute;top:0;left:0;visibility:hidden;transition:inherit;display:none}.textify .char:before,.textify .char:after{content:attr(data-char)}.textify .word:after,.textify .word:before{content:attr(data-word)}.textify .line:after,.textify .line:before{content:attr(data-line)}.textify .line-box,.textify .line{overflow:hidden}.title{font-size:10rem;font-weight:500;line-height:1.2;letter-spacing:.5px}.title .char:after{visibility:visible!important;top:100%;content:attr(data-char);display:block}.title .char:before{visibility:visible!important;top:-100%;content:attr(data-char);display:block}.title-green{color:#3fcf8e}.sub-title{font-size:5rem;font-weight:400;line-height:1.2;letter-spacing:.5px}.small-title{font-size:2.25rem;font-weight:500;line-height:1.2;letter-spacing:.5px;color:#3fcf8e}.paragraph{font-size:2.2rem;font-weight:400;line-height:1.5}.small-paragraph{font-size:1.5rem;font-weight:400;line-height:1.3}.content{font-size:1.6rem;font-weight:400;line-height:1.5;color:#bbb}.content.note{color:#b02e0c;font-weight:500}.content .tag{background:#232323;padding:.3rem 1rem;border-radius:10px;border:1px solid #282828}.bold{font-weight:600}.green{color:#3fcf8e}.html-color{color:#b02e0c}.logo{font-size:3rem;font-weight:600;color:#3fcf8e;margin-right:4rem}.navigation-link{font-size:1.8rem;font-weight:400;letter-spacing:.5px}.bg-link{font-size:1.8rem;font-weight:400;letter-spacing:.5px;background:#2b825b;border:1px solid #3fcf8e;border-radius:10px;padding:1.25rem 2.5rem}.bg-link-dark{background:#232323;border:1px solid #282828}section{width:100%;height:auto;min-height:50vh}.bg-line{width:90%;height:2px;background:#232323}.bg-line-full{width:100%;height:2px;background:#232323}.responsive{width:100%;height:100vh;text-align:center;gap:2rem}.main-layout{width:100%;height:100vh;overflow-x:hidden;overflow-y:scroll}.main-layout-scroller{width:100%;min-height:100vh;height:auto}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}::-webkit-scrollbar{display:none}html,body{width:100%;min-height:100%;height:auto}*{scroll-behavior:smooth}html{box-sizing:border-box;font-size:.5208333333vw;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media only screen and (max-width: 812px){html{font-size:2.6666666667vw!important}}body{overscroll-behavior:none;font-family:Inter,sans-serif;font-weight:400;font-display:swap;color:#ededed;background:#1c1c1c}*,*:before,*:after{box-sizing:inherit;outline:none;-webkit-touch-callout:none}:focus{outline:none}::-moz-focus-inner{border:0}a{color:inherit;outline:none;pointer-events:auto;text-decoration:none}button{background:none;border:none;border-radius:none;color:inherit;font:inherit;outline:none;cursor:pointer}img{max-width:100%;vertical-align:middle;object-fit:cover}input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:0;outline:none;pointer-events:auto}.container{max-width:90%;width:100%;margin:0 auto}.flex-row-center{display:flex;flex-direction:row;align-items:center;justify-content:center}.flex-row-start-between{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}.flex-row-center-between{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.flex-row-center-end{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.flex-row-center-start{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.flex-row-start{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.flex-column-start-end{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.flex-column-center-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.flex-column-start{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.flex-column-start-center{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.flex-column-center-between{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.flex-column-end-center{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.flex-column-end-start{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start}nav.navigation{width:100%;height:auto;background:#1c1c1c;border-bottom:2px solid #232323;position:fixed;top:0;left:0;z-index:100}nav.navigation .container{padding:2rem 0}nav.navigation .container .navigation-links{width:auto;height:auto;gap:5rem}.footer{width:100%;height:auto;border-top:2px solid #282828}.footer .container{padding:5rem 0;text-align:center}.footer .container p{color:#ededed80}.codebox{width:100%;height:auto;border-radius:10px;background-color:#232323;border:2px solid #282828;gap:1rem;padding:2rem 4rem 2rem 2rem}.sidebar{width:30rem;height:100vh;position:fixed;top:0;left:0;z-index:10;border-right:2px solid #282828;padding:15rem 0 5rem 5%}.sidebar ul{width:100%;height:auto;gap:2rem}.sidebar ul li{width:100%}.home .banner .container{padding-top:20rem;text-align:center}.home .banner .container .paragraph{width:60%;margin-top:2rem}.home .banner .container .btns{margin-top:3rem;gap:2rem}.home .banner .container .bg-line{margin-top:10rem}.home .guide{width:100%;height:auto}.home .guide .container{padding:20rem 0;border-bottom:2px solid #282828}.home .guide .container h1.sub-title{text-align:center}.home .guide .container ul{width:100%;height:auto;margin-top:5rem;align-items:stretch}.home .guide .container ul li{flex:0 0 24%;max-width:24%;width:100%;height:auto;background:#232323;border:2px solid #282828;border-radius:10px;padding:4rem}.home .guide .container ul li p{margin-top:2rem}.home .guide .container .extra{text-align:center;margin-top:4rem}.home .extra-section{width:100%;height:auto}.home .extra-section .container{padding:20rem 0;text-align:center}.home .extra-section .container h1{margin-bottom:4rem}.example .banner .container{padding-top:20rem;text-align:center}.example .banner .container .paragraph{width:60%;margin-top:2rem}.example .banner .container .btns{margin-top:4rem}.example .banner .container .bg-line{margin-top:10rem}.example .animation-section{padding:10rem 0}.example .animation-section .top-content{text-align:center}.example .animation-section .container{flex-wrap:wrap;justify-content:space-between;row-gap:4rem;margin-top:5rem}.example .animation-section .container .animationbox-wrapper{width:49%;height:40rem}.example .animation-section .container .animationbox-wrapper .animation-box{width:100%;height:100%;position:relative;background:#232323;border:1px solid #282828;border-radius:10px;display:grid;place-items:center}.example .animation-section .container .animationbox-wrapper .animation-box.content-animation-box{padding:10rem}.example .animation-section .container .animationbox-wrapper .animation-box .code-btn{position:absolute;top:1rem;right:1rem;background:#282828;border:1px solid #282828;border-radius:5px;padding:1rem 2rem;cursor:pointer;transition:all .5s ease}.example .animation-section .container .animationbox-wrapper .animation-box .code-btn:hover{background:#232323;border:1px solid #282828}.example .animation-section .container .animationbox-wrapper .animation-box .code-btn:nth-of-type(1){right:8rem}.example .animation-section .container .animationbox-wrapper .animation-box .code-btn img{width:2rem;height:2rem}.example .animation-section h1.sub-title{text-align:center}.docs{padding-left:30rem}.docs .banner{width:100%;height:auto;padding:12rem 0}.docs .banner .container{background:#232323;border-radius:10px;text-align:center;padding:10rem 0}.docs .banner .container h1{font-weight:700}.docs .doc-section .container{padding-bottom:10rem;gap:4rem}.docs .doc-section .container .doc-box{width:100%;height:auto;gap:2rem}.docs .doc-section .container .doc-box p{width:80%}.docs .doc-section .container .doc-box ul.options-list{width:100%;height:auto}.docs .doc-section .container .doc-box ul.options-list li{width:100%;height:auto;padding:2rem 0;border-bottom:2px solid #282828;display:flex;align-items:start;justify-content:space-between}.docs .doc-section .container .doc-box ul.options-list li.no-border{border:none}.docs .doc-section .container .doc-box ul.options-list li p{width:100%}.docs .doc-section .container .doc-box ul.options-list li .option-name{flex:0 0 10%;max-width:10%}.docs .doc-section .container .doc-box ul.options-list li .context{flex:0 0 85%;max-width:85%;width:100%;height:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1.5rem}.docs .thanks{min-height:auto}.docs .thanks .container{text-align:center;padding:5rem 0 15rem}.tutorial .banner{width:100%;height:100vh;overflow:hidden}.tutorial .banner .container{height:100vh;gap:2rem;text-align:center}.notfound .banner{width:100%;height:100vh;text-align:center;gap:2rem}.fade-enter-active[data-v-60c177f2],.fade-leave-active[data-v-60c177f2]{transition:all .5s cubic-bezier(.19,1,.22,1)}.fade-enter-from[data-v-60c177f2],.fade-leave-to[data-v-60c177f2]{opacity:0}