html{-webkit-text-size-adjust:100%}html:focus-within{scroll-behavior:smooth}body{-moz-text-size-adjust:100%;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizespeed;width:100%;min-height:100vh;position:relative}*,:after,:before{box-sizing:border-box}a:not([class]){text-decoration-skip-ink:auto}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,br,button,canvas,caption,center,cite,code,col,colgroup,data,datalist,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,i,iframe,img,input,ins,kbd,label,legend,li,link,main,map,mark,menu,meta,meter,nav,noscript,object,ol,optgroup,option,output,p,param,picture,pre,progress,q,rb,rp,rt,rtc,ruby,s,samp,script,section,select,small,source,span,strong,style,svg,sub,summary,sup,table,tbody,td,template,textarea,tfoot,th,thead,time,title,tr,track,tt,u,ul,var,video,wbr{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}:focus{outline:0}article,aside,details,embed,figcaption,figure,footer,header,hgroup,main,menu,nav,object,section{display:block}canvas,iframe{max-width:100%;height:auto;display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}input:required,input{box-shadow:none}input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 30px #fff}input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff}input:-webkit-autofill:focus{-webkit-box-shadow:inset 0 0 0 30px #fff}input:-webkit-autofill:active{-webkit-box-shadow:inset 0 0 0 30px #fff}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]::-webkit-search-results-button{-webkit-appearance:none;-moz-appearance:none}input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;box-sizing:content-box}input:focus{outline:none}video{background:#000}audio:not([controls]){height:0;display:none}[hidden]{display:none}a:active,a:hover{outline:none}audio,img,picture,svg,video{vertical-align:middle;max-width:100%;height:auto;display:inline-block}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;background:0 0;border:0}button[disabled],html input[disabled]{cursor:default}[disabled],[disabled=true],[aria-disabled=true]{pointer-events:none}input[type=checkbox],input[type=radio]{padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}button{background:0 0;border:0}textarea{vertical-align:top;resize:vertical;overflow:auto}table{border-collapse:collapse;border-spacing:0;text-indent:0}hr{box-sizing:content-box;page-break-after:always;background:#000;border:0;width:100%;height:1px;margin:0;padding:0;line-height:0;overflow:visible}pre{font-family:monospace;font-size:100%}a{background-color:#0000}abbr[title]{border-bottom:none;text-decoration:none}code,kbd,pre,samp{font-family:monospace}small{font-size:75%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-5px}sup{top:-5px}button,input,optgroup,select,textarea{margin:0;padding:0;font-family:inherit;font-size:100%;line-height:1}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;outline:0;padding:0}[type=button]::-moz-focus-inner{border-style:none;outline:0;padding:0}[type=reset]::-moz-focus-inner{border-style:none;outline:0;padding:0}[type=submit]::-moz-focus-inner{border-style:none;outline:0;padding:0}legend{color:inherit;white-space:normal;border:0;width:100%;max-width:100%;display:block}fieldset{min-width:0}body:not(:-moz-handler-blocked) fieldset{display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}template{display:none}:root{--background:#0b001d;--btn-gradient:linear-gradient(90deg, #8f00ff 0%, red 50%, #ffb800 100%);--sidebar:#222227;--text:#fffc;--node-bg:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAyMiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNSA2LjI1SDEwLjc1VjE2Ljc1SDAuMjVWNi4yNUgzLjVIMy42MjAxNkwzLjY5NTIyIDYuMTU2MTdMNS41IDMuOTAwMkw3LjMwNDc4IDYuMTU2MTdMNy4zNzk4NCA2LjI1SDcuNVoiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC41Ii8+CjxwYXRoIGQ9Ik0xOC41IDYuMjVIMjEuNzVWMTYuNzVIMTEuMjVWNi4yNUgxNC41SDE0LjYyMDJMMTQuNjk1MiA2LjE1NjE3TDE2LjUgMy45MDAyTDE4LjMwNDggNi4xNTYxN0wxOC4zNzk4IDYuMjVIMTguNVoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC41Ii8+CjxyZWN0IHg9IjEyLjkiIHk9IjcuOSIgd2lkdGg9IjcuMiIgaGVpZ2h0PSI3LjIiIHN0cm9rZT0iIzk2OTY5NiIgc3Ryb2tlLW9wYWNpdHk9IjAuNDIiIHN0cm9rZS13aWR0aD0iMC4yIi8+CjxyZWN0IHg9IjEuOSIgeT0iNy45IiB3aWR0aD0iNy4yIiBoZWlnaHQ9IjcuMiIgc3Ryb2tlPSIjOTY5Njk2IiBzdHJva2Utb3BhY2l0eT0iMC40MiIgc3Ryb2tlLXdpZHRoPSIwLjIiLz4KPC9zdmc+Cg==) right center;--base-clr:#101010;--base-middle-clr:#222;--base-light-clr:#323232;--secondary-clr:#7748fc;--primary-clr:#fff;--err-clr:#f45;--checker-clr:#83838333}body{background:var(--background);color:#fff;font-family:Epilogue,sans-serif}main{min-height:100vh}.container{max-width:720px;margin:0 auto}@media screen and (max-width:730px){.container{padding:0 20px}}.install-btn{background-image:var(--btn-gradient);letter-spacing:-.2px;cursor:pointer;background-repeat:no-repeat;background-size:150%;border-radius:37px;margin-top:15px;padding:14px 60px;font-family:Inter;font-size:20px;font-style:normal;font-weight:400;line-height:20px;transition:all .5s;box-shadow:inset 0 0 4px -2px #ffdc4e99}.install-btn:hover{box-shadow:inset 0 0 20px -2px #ffdc4ecc}.install-btn a{color:#fff;text-decoration:none}.install-btn span{margin-right:12px}@media screen and (max-width:730px){.install-btn{padding:12px 35px;font-size:18px}}.download-btn{color:#fff;text-transform:capitalize;cursor:pointer;background:linear-gradient(96deg,#196bff 15.58%,#19ffd6 134.62%);border-radius:37px;align-items:center;padding:16px 32px;font-size:18px;font-style:normal;font-weight:700;display:flex}.download-btn .icon-wrapper{margin-right:10px;display:inline-flex}.landing .meta-section{justify-content:center;display:flex}.landing .meta-section .meta-wrapper{flex-direction:column;justify-content:center;align-items:center;max-width:440px;display:flex}.landing .meta-section .meta-wrapper .cat-image{max-width:300px;transform:translateY(36px)}.landing .meta-section .meta-wrapper h1{color:#a9a9a9;text-align:center;margin-top:15px;font-size:22px;font-style:normal;font-weight:400;line-height:140%}@media screen and (max-width:730px){.landing .meta-section .meta-wrapper h1{font-size:20px}}.landing .meta-section .meta-wrapper h1 strong{color:#3bc4ff;font-weight:700}.landing .meta-section .meta-wrapper .uploader{cursor:pointer;background:#181923;border:1px dashed #464646;border-radius:24px;justify-content:center;align-items:center;width:100%;max-width:100%;margin-top:20px;padding-top:30px;padding-bottom:40px;display:flex;position:relative}.landing .meta-section .meta-wrapper .uploader.dragging{background:#101117}.landing .meta-section .meta-wrapper .install-btn{margin-top:50px}.landing .meta-section .meta-wrapper .upload-wrapper{flex-direction:column;justify-content:center;align-items:center;display:flex}.landing .meta-section .meta-wrapper .upload-wrapper .text{color:#fffc;margin-top:16px;font-size:18px;font-style:normal;font-weight:400}.landing .meta-section .meta-wrapper .upload-wrapper .text.error{color:#ba5d5d}.landing .meta-section .meta-wrapper .logo{z-index:1}@media screen and (max-width:730px){.landing .meta-section .meta-wrapper .logo{max-width:330px}}.landing .preview-section{margin-top:44px}.landing .preview-section .preview-wrapper{background:#191a21 url(/header-bg.png) 0 0/100% no-repeat;border:1px solid #ffffff14;border-radius:32px;justify-content:center;display:flex}.landing .preview-section .preview-wrapper .image-wrapper{max-width:260px;margin-top:100px;margin-bottom:50px}.landing .preview-section .preview-wrapper .image-wrapper img{border-radius:8px;box-shadow:0 44px 35px -11px #00000070}.htu-section{margin-top:180px}@media screen and (max-width:730px){.htu-section{margin-top:80px}}.htu-section .htu-wrapper{flex-direction:column;justify-content:center;display:flex}.htu-section .htu-wrapper h3{text-align:center;font-size:32px;font-style:normal;font-weight:600;line-height:120%}@media screen and (max-width:730px){.htu-section .htu-wrapper h3{font-size:20px}}.htu-section .htu-wrapper .grid-wrapper{grid-gap:38px;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;margin-top:44px;display:grid}@media screen and (max-width:730px){.htu-section .htu-wrapper .grid-wrapper{grid-template-columns:1fr}}.htu-section .htu-wrapper .grid-wrapper .box{-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#191a21;border:1px solid #ffffff14;border-radius:32px;position:relative;overflow:hidden}.htu-section .htu-wrapper .grid-wrapper .box .image-wrapper{margin-bottom:40px}.htu-section .htu-wrapper .grid-wrapper .box .bottom-wrapper{text-align:center;background:#22222bb3;padding:22px 30px;position:absolute;bottom:0;left:0;right:0}.htu-section .htu-wrapper .grid-wrapper .box .bottom-wrapper h4{font-size:20px;font-style:normal;font-weight:500}.htu-section .htu-wrapper .grid-wrapper .box .bottom-wrapper p{color:#7a7a7a;margin-top:7px;font-size:15px;line-height:130%}.example-section{margin-top:144px}@media screen and (max-width:730px){.example-section{margin-top:80px}}.example-section .example-wrapper{flex-direction:column;justify-content:center;align-items:center;display:flex}.example-section .example-wrapper h3{font-size:32px;font-style:normal;font-weight:600}@media screen and (max-width:730px){.example-section .example-wrapper h3{font-size:20px}}.example-section .example-wrapper .track-wrapper{margin-top:44px}@media screen and (max-width:730px){.example-section .example-wrapper .track-wrapper{margin-top:20px}}.example-section .example-wrapper .img-wrapper{margin-left:22px;padding:10px 0;display:flex}.example-section .example-wrapper .img-wrapper img{border-radius:24px;width:auto;height:300px}.footer-section{margin-top:220px}@media screen and (max-width:730px){.footer-section{margin-top:120px}}.footer-section .footer-credit{color:#fff9;justify-content:center;align-items:center;margin:130px 0;font-size:15px;font-style:normal;font-weight:600;display:flex}.footer-section .footer-credit a{opacity:.7;padding:0 12px}.footer-section .footer-credit a.realvjy{transform:scale(1.4)translate(2px)}.footer-section .footer-credit a.overlayz{transform:scale(1.1)translate(2px)}.footer-section .footer-credit a:hover{opacity:1}@media screen and (max-width:730px){.footer-section .footer-credit{margin:80px 0 20px}}.footer-section .footer-wrapper{flex-direction:column;display:flex}.footer-section .footer-wrapper .top .logo{max-width:440px}@media screen and (max-width:730px){.footer-section .footer-wrapper .top .logo{max-width:330px}}.footer-section .footer-wrapper .top a{color:#fff;margin-top:22px;text-decoration:none}.footer-section .footer-wrapper .top a.discord{opacity:.7}.footer-section .footer-wrapper .top a.discord:hover{opacity:1}.footer-section .footer-wrapper .top{flex-direction:column;justify-content:center;align-items:center;display:flex}.editor .main-wrapper{flex-direction:row;justify-content:center;min-height:100vh;max-height:100vh;display:flex;position:relative}@media (max-width:40rem){.editor .main-wrapper{flex-direction:column;justify-content:start}}.editor .main-wrapper .preview-section{width:100%;max-width:100%}.editor .main-wrapper .preview-section .preview-wrapper{background-position:0 0,12px 12px;background-size:24px 24px;background-image:linear-gradient(45deg, var(--checker-clr) 25%, transparent 25%, transparent 75%, var(--checker-clr) 75%, var(--checker-clr) 100%),linear-gradient(45deg, var(--checker-clr) 25%, transparent 25%, transparent 75%, var(--checker-clr) 75%, var(--checker-clr) 100%);background-color:var(--base-middle-clr);flex-direction:column;height:100%;max-height:100%;display:flex;position:relative}.editor .main-wrapper .preview-section .preview-wrapper .figma-plugin{z-index:99;position:absolute;bottom:80px;left:40px}@media (max-width:40rem){.editor .main-wrapper .preview-section .preview-wrapper .figma-plugin{display:none}}.editor .main-wrapper .preview-section .preview-wrapper .figma-plugin img{opacity:.7;border:1px solid #36363699;border-radius:16px;height:220px;transition:all .3s}.editor .main-wrapper .preview-section .preview-wrapper .figma-plugin img:hover{opacity:.8}.editor .main-wrapper .preview-section .preview-wrapper header{padding:40px 50px}.editor .main-wrapper .preview-section .preview-wrapper header .back-btn{color:#fff;font-size:22px;font-style:normal;font-weight:600;text-decoration:none}.editor .main-wrapper .preview-section .preview-wrapper header .back-btn span{margin-right:20px}.editor .main-wrapper .preview-section .preview-wrapper .comparision-section{flex:auto;align-items:center;max-height:calc(100vh - 100px);margin:20px auto;display:flex;position:relative;overflow:hidden}.editor .main-wrapper .preview-section .preview-wrapper .comparision-section .loading{align-items:center;font-size:20px;display:flex}.editor .main-wrapper .preview-section .preview-wrapper .comparision-section .loading .loading-icon{width:32px;height:32px;margin-right:8px;animation:1s linear infinite both spin}.editor .main-wrapper .preview-section .preview-wrapper .comparision-section .comparision-wrapper{justify-content:center;align-items:center;height:100%;display:flex}.editor .main-wrapper .preview-section .preview-wrapper .comparision-section .comparision-wrapper .heights{height:100%;transform:scale(1)}.editor .main-wrapper .preview-section .preview-wrapper .comparision-section .comparision-wrapper{margin:32px;transform:scale(.9)}.editor .main-wrapper .sidebar-section{background:var(--sidebar);width:100%;max-width:400px}@media (max-width:40rem){.editor .main-wrapper .sidebar-section{max-width:100%}}.editor .main-wrapper .sidebar-section .sidebar-wrapper{height:100%;padding:70px 32px;display:flex}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper{flex-direction:column;display:flex}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .editor-title{margin:0 auto}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .editor-title .logo{width:auto;height:36px}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .editor-title h1{justify-content:center;margin-top:5px;margin-bottom:50px;font-size:24px;display:flex}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .editor-title h1 span{opacity:0;position:absolute;transform:scale(.01)}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .canva-wrapper{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}@media (max-width:40rem){.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .canva-wrapper{display:none}}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .canva-wrapper .img-size{text-align:center;color:#fafafa66;margin-top:10px;font-size:14px}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .canva-wrapper .img-size h3{margin-top:8px;font-size:16px;font-weight:500}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .canva-wrapper canvas{background:red}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .canva-wrapper img{width:auto;max-height:200px}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .canva-wrapper{margin-bottom:30px}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .gradient-selector{margin-top:40px}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .gradientlist-wrap{margin-top:50px}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .gradientlist-wrap .text-border{border-top:1px solid #63636399;position:relative}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .gradientlist-wrap .text-border .text{color:#fafafa66;white-space:nowrap;background:var(--sidebar);padding:0 10px;font-size:14px;font-style:normal;font-weight:400;position:absolute;left:50%;transform:translate(-50%,-50%)}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .gradientlist-wrap .grid-wrapper{flex-flow:wrap;gap:12px;margin:24px 16px;display:flex}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .gradientlist-wrap .grid-wrapper .gradient{border-radius:4px;width:32px;height:32px;display:block;box-shadow:0 0 0 1px #fafafa4d}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .bottom{margin-top:auto}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .bottom .download-btn{justify-content:center;width:100%;padding:16px 0;font-weight:600;display:flex}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .bottom .credit{margin-bottom:12px;font-size:16px}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .bottom .credit a{color:#0091ff;margin-left:12px;font-weight:500;text-decoration:none}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .bottom .note{color:#fff3;margin-bottom:20px;font-size:15px;line-height:140%}.gradient-selector .gradient-bar{background:#000;border-radius:2.5px;width:100%;height:33px}.gradient-selector .selectors{position:relative}.gradient-selector .selectors .selector{width:10px;height:10px;position:absolute}.loader{justify-content:center;align-items:center;min-height:100vh;max-height:100vh;display:flex}.loader .main-wrapper{height:100%;display:flex}.loader .main-wrapper .loader-wrapper img{max-height:100px}.color-box{margin-top:8px;position:relative}.color-box .palette{overflow:hidden;height:32px!important}.color-box .palette svg{width:100%;display:block;height:32px!important}.color-box .picker-custom #gradient-bar{margin-top:8px!important}.color-box .picker-custom #rbgcp-input{height:24px!important}.color-box{background-color:var(--figma-color-bg);border-radius:3px;flex-direction:column;padding:1px;display:flex}.color-picker-wrap{background-color:var(--figma-color-bg);z-index:9;border-radius:3px;flex-direction:column;padding:1px;display:flex;position:absolute;top:50px;left:calc(50% - 42px)}.color-picker-wrap .react-colorful{width:120px;height:120px}.color-picker-wrap .react-colorful__saturation{border-radius:2px 2px 0 0}.color-picker-wrap .react-colorful__hue{border-radius:0;height:10px}.color-picker-wrap .react-colorful__saturation-pointer{border-radius:8px;width:16px;height:16px}.color-picker-wrap .react-colorful__alpha-pointer,.color-picker-wrap .react-colorful__hue-pointer{border-radius:2px;width:4px;height:12px}.color-picker-wrap .input-hex{width:120px;position:relative}.color-picker-wrap .input-hex input{color:#3d3d3dcc;background-color:#fff;width:100%;padding:4px 8px;font-weight:700}.cs{background:var(--node-bg)!important;transform:scale(2)translateY(1.6px)!important}