html{-webkit-text-size-adjust:100%}html:focus-within{scroll-behavior:smooth}body{text-size-adjust:100%;position:relative;width:100%;min-height:100vh;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed}*,:after,:before{box-sizing:border-box}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-size:100%;font:inherit;margin:0;padding:0;border:0;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input,input:required{box-shadow:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #fff}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}input:focus{outline:none}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}a:active,a:hover{outline:none}img{max-width:100%;vertical-align:middle;height:auto}img,picture{display:inline-block}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;border:0;background:transparent}button[disabled],html input[disabled]{cursor:default}[disabled]{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,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button{border:0;background:transparent}textarea{overflow:auto;vertical-align:top;resize:vertical}table{border-collapse:collapse;border-spacing:0;text-indent:0}hr{box-sizing:content-box;overflow:visible;background:#000;border:0;height:1px;line-height:0;margin:0;padding:0;page-break-after:always;width:100%}pre{font-family:monospace,monospace;font-size:100%}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:none}code,kbd,pre,samp{font-family:monospace,monospace}small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-5px}sup{top:-5px}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0;padding:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0;outline:0}legend{color:inherit;white-space:normal;display:block;border:0;max-width:100%;width:100%}fieldset{min-width:0}body:not(:-moz-handler-blocked) fieldset{display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[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,red 50%,#ffb800);--sidebar:#222227;--text:hsla(0,0%,100%,.8);--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:hsla(0,0%,51%,.2)}body{font-family:Epilogue,sans-serif;background:var(--background);color:#fff}main{min-height:100vh}.container{margin:0 auto;max-width:720px}@media screen and (max-width:730px){.container{padding:0 20px}}.install-btn{background-image:var(--btn-gradient);background-repeat:no-repeat;padding:14px 60px;border-radius:37px;font-size:20px;font-style:normal;background-size:150% auto;font-family:Inter;font-weight:400;line-height:20px;margin-top:15px;letter-spacing:-.2px;box-shadow:inset 0 0 4px -2px rgba(255,220,78,.6);cursor:pointer;transition:.5s}.install-btn:hover{box-shadow:inset 0 0 20px -2px rgba(255,220,78,.8)}.install-btn a{text-decoration:none;color:#fff}.install-btn span{margin-right:12px}@media screen and (max-width:730px){.install-btn{padding:12px 35px;font-size:18px}}.download-btn{color:#fff;border-radius:37px;background:linear-gradient(96deg,#196bff 15.58%,#19ffd6 134.62%);padding:16px 32px;font-size:18px;font-style:normal;font-weight:700;text-transform:capitalize;align-items:center;display:flex;cursor:pointer}.download-btn .icon-wrapper{display:inline-flex;margin-right:10px}.landing .meta-section{display:flex;justify-content:center}.landing .meta-section .meta-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:440px}.landing .meta-section .meta-wrapper .cat-image{max-width:300px;transform:translateY(36px)}.landing .meta-section .meta-wrapper h1{color:#a9a9a9;text-align:center;font-size:22px;font-style:normal;font-weight:400;line-height:140%;margin-top:15px}@media screen and (max-width:730px){.landing .meta-section .meta-wrapper h1{font-size:20px}}.landing .meta-section .meta-wrapper h1 strong{font-weight:700;color:#3bc4ff}.landing .meta-section .meta-wrapper .uploader{position:relative;margin-top:20px;display:flex;justify-content:center;align-items:center;max-width:100%;width:100%;border-radius:24px;background:#181923;padding-top:30px;padding-bottom:40px;border:1px dashed #464646;cursor:pointer}.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{display:flex;justify-content:center;align-items:center;flex-direction:column}.landing .meta-section .meta-wrapper .upload-wrapper .text{margin-top:16px;font-size:18px;font-style:normal;font-weight:400;color:hsla(0,0%,100%,.8)}.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;background-image:url(/header-bg.png);background-size:100%;background-repeat:no-repeat;border:1px solid hsla(0,0%,100%,.08);border-radius:32px;display:flex;justify-content:center}.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 rgba(0,0,0,.44)}.htu-section{margin-top:180px}@media screen and (max-width:730px){.htu-section{margin-top:80px}}.htu-section .htu-wrapper{display:flex;justify-content:center;flex-direction:column}.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{margin-top:44px;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;grid-gap:38px}@media screen and (max-width:730px){.htu-section .htu-wrapper .grid-wrapper{grid-template-columns:1fr}}.htu-section .htu-wrapper .grid-wrapper .box{border-radius:32px;border:1px solid hsla(0,0%,100%,.08);background:#191a21;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.htu-section .htu-wrapper .grid-wrapper .box .image-wrapper{margin-bottom:40px}.htu-section .htu-wrapper .grid-wrapper .box .bottom-wrapper{position:absolute;bottom:0;left:0;right:0;background:rgba(34,34,43,.7);padding:22px 30px;text-align:center}.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{margin-top:7px;font-size:15px;line-height:130%;color:#7a7a7a}.example-section{margin-top:144px}@media screen and (max-width:730px){.example-section{margin-top:80px}}.example-section .example-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.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{display:flex;padding:10px 0;margin-left:22px}.example-section .example-wrapper .img-wrapper img{border-radius:24px;height:300px;width:auto}.footer-section{margin-top:220px}@media screen and (max-width:730px){.footer-section{margin-top:120px}}.footer-section .footer-credit{display:flex;justify-content:center;align-items:center;font-size:15px;font-style:normal;font-weight:600;margin:130px 0;color:hsla(0,0%,100%,.6)}.footer-section .footer-credit a{padding:0 12px;opacity:.7}.footer-section .footer-credit a.realvjy{transform:scale(1.4) translateX(2px)}.footer-section .footer-credit a.overlayz{transform:scale(1.1) translateX(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{display:flex;flex-direction:column}.footer-section .footer-wrapper .top{display:flex;justify-content:center;align-items:center;flex-direction:column}.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{margin-top:22px;color:#fff;text-decoration:none}.footer-section .footer-wrapper .top a.discord{opacity:.7}.footer-section .footer-wrapper .top a.discord:hover{opacity:1}.editor .main-wrapper{display:flex;flex-direction:row;max-height:100vh;min-height:100vh;justify-content:center;position:relative}@media(max-width:40rem){.editor .main-wrapper{flex-direction:column;justify-content:start}}.editor .main-wrapper .preview-section{max-width:100%;width:100%}.editor .main-wrapper .preview-section .preview-wrapper{display:flex;max-height:100%;height:100%;flex-direction:column;position:relative;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)}.editor .main-wrapper .preview-section .preview-wrapper .figma-plugin{position:absolute;left:40px;bottom:80px;z-index:99}@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{border-radius:16px;border:1px solid rgba(54,54,54,.6);opacity:.7;transition:all .3s ease;height:220px}.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{font-size:22px;font-style:normal;font-weight:600;text-decoration:none;color:#fff}.editor .main-wrapper .preview-section .preview-wrapper header .back-btn span{margin-right:20px}.editor .main-wrapper .preview-section .preview-wrapper .comparision-section{max-height:calc(100vh - 100px);position:relative;display:flex;align-items:center;flex:auto;margin:20px auto;overflow:hidden}.editor .main-wrapper .preview-section .preview-wrapper .comparision-section .loading{display:flex;align-items:center;font-size:20px}.editor .main-wrapper .preview-section .preview-wrapper .comparision-section .loading .loading-icon{animation:spin 1s linear 0s infinite normal both running;margin-right:8px;width:32px;height:32px}.editor .main-wrapper .preview-section .preview-wrapper .comparision-section .comparision-wrapper{height:100%;display:flex;align-items:center;justify-content:center;margin:32px;transform:scale(.9)}.editor .main-wrapper .preview-section .preview-wrapper .comparision-section .comparision-wrapper .heights{height:100%;transform:scale(1)}.editor .main-wrapper .sidebar-section{max-width:400px;background:var(--sidebar);width:100%}@media(max-width:40rem){.editor .main-wrapper .sidebar-section{max-width:100%}}.editor .main-wrapper .sidebar-section .sidebar-wrapper{padding:70px 32px;height:100%;display:flex}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper{display:flex;flex-direction:column}.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{height:36px;width:auto}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .editor-title h1{display:flex;font-size:24px;justify-content:center;margin-top:5px;margin-bottom:50px}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .editor-title h1 span{position:absolute;transform:scale(.01);opacity:0}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .canva-wrapper{display:flex;justify-content:center;position:relative;flex-direction:column;align-items:center;margin-bottom:30px}@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{font-size:14px;margin-top:10px;text-align:center;color:hsla(0,0%,98%,.4)}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .canva-wrapper .img-size h3{margin-top:8px;font-weight:500;font-size:16px}.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 .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{position:relative;border-top:1px solid rgba(99,99,99,.6)}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .gradientlist-wrap .text-border .text{position:absolute;color:hsla(0,0%,98%,.4);font-size:14px;font-style:normal;font-weight:400;white-space:nowrap;padding:0 10px;transform:translate(-50%,-50%);background:var(--sidebar);left:50%}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .gradientlist-wrap .grid-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;margin:24px 16px}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .gradientlist-wrap .grid-wrapper .gradient{width:32px;height:32px;display:block;border-radius:4px;box-shadow:0 0 0 1px hsla(0,0%,98%,.3)}.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{display:flex;width:100%;justify-content:center;padding:16px 0;font-weight:600}.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;text-decoration:none;font-weight:500;margin-left:12px}.editor .main-wrapper .sidebar-section .sidebar-wrapper .editor-wrapper .bottom .note{margin-bottom:20px;font-size:15px;line-height:140%;color:hsla(0,0%,100%,.2)}.gradient-selector .gradient-bar{width:100%;height:33px;background:#000;border-radius:2.5px}.gradient-selector .selectors{position:relative}.gradient-selector .selectors .selector{width:10px;height:10px;position:absolute}.loader{max-height:100vh;min-height:100vh;display:flex;justify-content:center;align-items:center}.loader .main-wrapper{display:flex;height:100%}.loader .main-wrapper .loader-wrapper img{max-height:100px}.color-box{position:relative;margin-top:8px;display:flex;flex-direction:column;background-color:var(--figma-color-bg);padding:1px;border-radius:3px}.color-box .picker-custom #gradient-bar{margin-top:8px!important}.color-box .picker-custom #rbgcp-input{height:24px!important}.color-picker-wrap{display:flex;position:absolute;top:50px;left:calc(50% - 42px);flex-direction:column;background-color:var(--figma-color-bg);padding:1px;z-index:9;border-radius:3px}.color-picker-wrap .react-colorful{height:120px;width:120px}.color-picker-wrap .react-colorful__saturation{border-radius:2px 2px 0 0}.color-picker-wrap .react-colorful__hue{height:10px;border-radius:0}.color-picker-wrap .react-colorful__saturation-pointer{width:16px;height:16px;border-radius:8px}.color-picker-wrap .react-colorful__alpha-pointer,.color-picker-wrap .react-colorful__hue-pointer{width:4px;height:12px;border-radius:2px}.color-picker-wrap .input-hex{width:120px;position:relative}.color-picker-wrap .input-hex input{width:100%;padding:4px 8px;color:rgba(61,61,61,.8);font-weight:700;background-color:#fff}.cs{background:var(--node-bg)!important;transform:scale(2) translateY(1.6px)!important}