@devup-ui/webpack-plugin 0.1.29 → 0.1.31

package/dist/css-loader.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("node:path"),o=function(e){this.addContextDependency(t.resolve(this.rootContext,"src")),this.callback(null,e)};exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("@devup-ui/wasm");let l="",i="";const n=function(r){var e;const{watch:c}=this.getOptions();if(!c)return this.callback(null,s.getCss());const t=((e=this._compiler)==null?void 0:e.__DEVUP_CACHE)||r.toString();if(i===t){this.callback(null,l);return}i=t,this.callback(null,l=s.getCss())};exports.default=n;

package/dist/css-loader.d.ts

@@ -1,4 +1,6 @@
 import { RawLoaderDefinitionFunction } from 'webpack';
-declare const devupUICssLoader: RawLoaderDefinitionFunction;
+declare const devupUICssLoader: RawLoaderDefinitionFunction<{
+    watch: boolean;
+}>;
 export default devupUICssLoader;
 //# sourceMappingURL=css-loader.d.ts.map

package/dist/css-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"css-loader.d.ts","sourceRoot":"","sources":["../src/css-loader.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAE1D,QAAA,MAAM,gBAAgB,EAAE,2BAGvB,CAAA;AACD,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"css-loader.d.ts","sourceRoot":"","sources":["../src/css-loader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAK1D,QAAA,MAAM,gBAAgB,EAAE,2BAA2B,CAAC;IAClD,KAAK,EAAE,OAAO,CAAA;CACf,CAYA,CAAA;AACD,eAAe,gBAAgB,CAAA"}

package/dist/css-loader.js

@@ -1,7 +1,16 @@
-import { resolve as e } from "node:path";
-const s = function(t) {
-  this.addContextDependency(e(this.rootContext, "src")), this.callback(null, t);
+import { getCss as e } from "@devup-ui/wasm";
+let s = "", i = "";
+const a = function(r) {
+  var l;
+  const { watch: c } = this.getOptions();
+  if (!c) return this.callback(null, e());
+  const t = ((l = this._compiler) == null ? void 0 : l.__DEVUP_CACHE) || r.toString();
+  if (i === t) {
+    this.callback(null, s);
+    return;
+  }
+  i = t, this.callback(null, s = e());
 };
 export {
-  s as default
+  a as default
 };

package/dist/loader.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("node:fs"),l=require("@devup-ui/wasm"),a=function(c){const{plugin:i}=this.getOptions(),{package:r,cssFile:n}=i.options,t=this.async(),e=this.resourcePath;if(e.includes("node_modules/")||e.includes("@devup-ui/react")||!/\.[tj](s|sx)?$/.test(e)){t(null,c);return}try{const{code:s,css:o}=l.codeExtract(e,c.toString(),r,n);o&&u.writeFileSync(n,o,{encoding:"utf-8"}),t(null,s)}catch(s){t(s)}};exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("node:fs/promises"),a=require("node:path"),i=require("@devup-ui/wasm"),_=function(c){const{watch:n,package:u,cssFile:l,sheetFile:d,classMapFile:h}=this.getOptions(),e=this.async(),t=this.resourcePath;if(t.includes("node_modules/")||t.includes("@devup-ui/react")||!/\.[tj](s|sx)?$/.test(t)){e(null,c);return}try{const{code:r,css:p}=i.codeExtract(t,c.toString(),u,a.relative(a.dirname(this.resourcePath),l).replaceAll("\\","/"));if(p&&n){const o=`${this.resourcePath} ${Date.now()}`;this._compiler&&(this._compiler.__DEVUP_CACHE=o),Promise.all([s.writeFile(l,`/* ${o} */`),s.writeFile(d,i.exportSheet()),s.writeFile(h,i.exportClassMap())]).catch(console.error).finally(()=>e(null,r));return}e(null,r)}catch(r){e(r)}};exports.default=_;

package/dist/loader.d.ts

@@ -1,7 +1,10 @@
 import { RawLoaderDefinitionFunction } from 'webpack';
-import { DevupUIWebpackPlugin } from './plugin';
 export interface DevupUILoaderOptions {
-    plugin: DevupUIWebpackPlugin;
+    package: string;
+    cssFile: string;
+    sheetFile: string;
+    classMapFile: string;
+    watch: boolean;
 }
 declare const devupUILoader: RawLoaderDefinitionFunction<DevupUILoaderOptions>;
 export default devupUILoader;

package/dist/loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAE1D,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAEpD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,oBAAoB,CAAA;CAC7B;AAED,QAAA,MAAM,aAAa,EAAE,2BAA2B,CAAC,oBAAoB,CAkClE,CAAA;AACH,eAAe,aAAa,CAAA"}
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../src/loader.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAA;AAE1D,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,OAAO,CAAA;CACf;AAED,QAAA,MAAM,aAAa,EAAE,2BAA2B,CAAC,oBAAoB,CA6ClE,CAAA;AACH,eAAe,aAAa,CAAA"}

package/dist/loader.js

@@ -1,25 +1,39 @@
-import { writeFileSync as a } from "node:fs";
-import { codeExtract as l } from "@devup-ui/wasm";
-const p = function(n) {
-  const { plugin: i } = this.getOptions(), { package: r, cssFile: o } = i.options, c = this.async(), t = this.resourcePath;
+import { writeFile as s } from "node:fs/promises";
+import { relative as p, dirname as d } from "node:path";
+import { codeExtract as m, exportSheet as f, exportClassMap as P } from "@devup-ui/wasm";
+const F = function(o) {
+  const {
+    watch: l,
+    package: a,
+    cssFile: c,
+    sheetFile: n,
+    classMapFile: u
+  } = this.getOptions(), e = this.async(), t = this.resourcePath;
   if (t.includes("node_modules/") || t.includes("@devup-ui/react") || !/\.[tj](s|sx)?$/.test(t)) {
-    c(null, n);
+    e(null, o);
     return;
   }
   try {
-    const { code: e, css: s } = l(
+    const { code: r, css: h } = m(
       t,
-      n.toString(),
-      r,
-      o
+      o.toString(),
+      a,
+      p(d(this.resourcePath), c).replaceAll("\\", "/")
     );
-    s && a(o, s, {
-      encoding: "utf-8"
-    }), c(null, e);
-  } catch (e) {
-    c(e);
+    if (h && l) {
+      const i = `${this.resourcePath} ${Date.now()}`;
+      this._compiler && (this._compiler.__DEVUP_CACHE = i), Promise.all([
+        s(c, `/* ${i} */`),
+        s(n, f()),
+        s(u, P())
+      ]).catch(console.error).finally(() => e(null, r));
+      return;
+    }
+    e(null, r);
+  } catch (r) {
+    e(r);
   }
 };
 export {
-  p as default
+  F as default
 };

package/dist/plugin.cjs

@@ -1 +1 @@
-"use strict";var m=Object.defineProperty;var g=(o,e,t)=>e in o?m(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t;var d=(o,e,t)=>g(o,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("node:fs"),l=require("node:module"),a=require("node:path"),v=require("node:url"),u=require("@devup-ui/wasm");var s=typeof document<"u"?document.currentScript:null;const y=v.fileURLToPath(typeof document>"u"?require("url").pathToFileURL(__filename).href:s&&s.tagName.toUpperCase()==="SCRIPT"&&s.src||new URL("plugin.cjs",document.baseURI).href),P=a.dirname(y);class U{constructor({package:e="@devup-ui/react",cssFile:t=a.join(P,"devup-ui.css"),devupPath:r="devup.json",interfacePath:n=".df"}={}){d(this,"options");this.options={package:e,cssFile:t,devupPath:r,interfacePath:n}}writeDataFiles(){var t;u.registerTheme((t=JSON.parse(i.readFileSync(this.options.devupPath,"utf-8")))==null?void 0:t.theme);const e=u.getThemeInterface(this.options.package,"DevupThemeColors","DevupThemeTypography","DevupTheme");e&&(i.existsSync(this.options.interfacePath)||i.mkdirSync(this.options.interfacePath),i.writeFileSync(a.join(this.options.interfacePath,"theme.d.ts"),e,{encoding:"utf-8"})),i.writeFileSync(this.options.cssFile,u.getCss(),{encoding:"utf-8"})}apply(e){const t=i.existsSync(this.options.devupPath);if(t){try{this.writeDataFiles()}catch(n){console.error(n)}e.hooks.afterCompile.tap("DevupUIWebpackPlugin",n=>{n.fileDependencies.add(a.resolve(this.options.devupPath))})}let r=null;e.hooks.watchRun.tapAsync("DevupUIWebpackPlugin",(n,h)=>{t&&i.stat(this.options.devupPath,(c,f)=>{if(c){console.error(`Error checking ${this.options.devupPath}:`,c);return}const p=f.mtimeMs;r&&r!==p&&this.writeDataFiles(),r=p}),h()}),i.existsSync(this.options.cssFile)||i.writeFileSync(this.options.cssFile,"",{encoding:"utf-8"}),e.options.module.rules.push({test:/\.(tsx|ts|js|mjs|jsx)$/,exclude:/node_modules/,enforce:"pre",use:[{loader:l.createRequire(typeof document>"u"?require("url").pathToFileURL(__filename).href:s&&s.tagName.toUpperCase()==="SCRIPT"&&s.src||new URL("plugin.cjs",document.baseURI).href).resolve("@devup-ui/webpack-plugin/loader"),options:{plugin:this}}]},{test:this.options.cssFile,enforce:"post",use:[{loader:l.createRequire(typeof document>"u"?require("url").pathToFileURL(__filename).href:s&&s.tagName.toUpperCase()==="SCRIPT"&&s.src||new URL("plugin.cjs",document.baseURI).href).resolve("@devup-ui/webpack-plugin/css-loader")}]})}}exports.DevupUIWebpackPlugin=U;
+"use strict";var v=Object.defineProperty;var y=(o,e,s)=>e in o?v(o,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):o[e]=s;var d=(o,e,s)=>y(o,typeof e!="symbol"?e+"":e,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("node:fs"),f=require("node:module"),c=require("node:path"),p=require("@devup-ui/wasm");var r=typeof document<"u"?document.currentScript:null;class S{constructor({package:e="@devup-ui/react",devupPath:s="devup.json",interfacePath:n=".df",cssFile:a=c.resolve(n,"devup-ui.css"),watch:i=!1}={}){d(this,"options");this.options={package:e,cssFile:a,devupPath:s,interfacePath:n,watch:i}}writeDataFiles(){var s;p.registerTheme((s=JSON.parse(t.readFileSync(this.options.devupPath,"utf-8")))==null?void 0:s.theme);const e=p.getThemeInterface(this.options.package,"DevupThemeColors","DevupThemeTypography","DevupTheme");e&&(t.existsSync(this.options.interfacePath)||t.mkdirSync(this.options.interfacePath),t.writeFileSync(c.join(this.options.interfacePath,"theme.d.ts"),e,{encoding:"utf-8"})),this.options.watch&&t.writeFileSync(this.options.cssFile,`/* ${Date.now()} */`,{encoding:"utf-8"})}apply(e){const s=t.existsSync(this.options.devupPath),n=c.join(this.options.interfacePath,"sheet.json"),a=c.join(this.options.interfacePath,"classMap.json");if(this.options.watch){try{t.existsSync(n)&&p.importSheet(JSON.parse(t.readFileSync(n,"utf-8"))),t.existsSync(a)&&p.importClassMap(JSON.parse(t.readFileSync(a,"utf-8")))}catch(u){console.error(u)}let i=null;e.hooks.watchRun.tapAsync("DevupUIWebpackPlugin",(u,m)=>{s&&t.stat(this.options.devupPath,(h,g)=>{if(h){console.error(`Error checking ${this.options.devupPath}:`,h);return}const l=g.mtimeMs;i&&i!==l&&this.writeDataFiles(),i=l}),m()})}if(s){try{this.writeDataFiles()}catch(i){console.error(i)}e.hooks.afterCompile.tap("DevupUIWebpackPlugin",i=>{i.fileDependencies.add(c.resolve(this.options.devupPath))})}t.existsSync(this.options.cssFile)||t.writeFileSync(this.options.cssFile,"",{encoding:"utf-8"}),e.options.module.rules.push({test:/\.(tsx|ts|js|mjs|jsx)$/,exclude:/node_modules/,enforce:"pre",use:[{loader:f.createRequire(typeof document>"u"?require("url").pathToFileURL(__filename).href:r&&r.tagName.toUpperCase()==="SCRIPT"&&r.src||new URL("plugin.cjs",document.baseURI).href).resolve("@devup-ui/webpack-plugin/loader"),options:{package:this.options.package,cssFile:this.options.cssFile,sheetFile:n,classMapFile:a,watch:this.options.watch}}]},{test:this.options.cssFile,enforce:"pre",use:[{loader:f.createRequire(typeof document>"u"?require("url").pathToFileURL(__filename).href:r&&r.tagName.toUpperCase()==="SCRIPT"&&r.src||new URL("plugin.cjs",document.baseURI).href).resolve("@devup-ui/webpack-plugin/css-loader"),options:{watch:this.options.watch}}]})}}exports.DevupUIWebpackPlugin=S;

package/dist/plugin.d.ts

@@ -4,10 +4,11 @@ export interface DevupUIWebpackPluginOptions {
     cssFile: string;
     devupPath: string;
     interfacePath: string;
+    watch: boolean;
 }
 export declare class DevupUIWebpackPlugin {
     options: DevupUIWebpackPluginOptions;
-    constructor({ package: libPackage, cssFile, devupPath, interfacePath, }?: Partial<DevupUIWebpackPluginOptions>);
+    constructor({ package: libPackage, devupPath, interfacePath, cssFile, watch, }?: Partial<DevupUIWebpackPluginOptions>);
     writeDataFiles(): void;
     apply(compiler: Compiler): void;
 }

package/dist/plugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAKvC,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,qBAAa,oBAAoB;IAC/B,OAAO,EAAE,2BAA2B,CAAA;gBAExB,EACV,OAAO,EAAE,UAA8B,EACvC,OAAwC,EACxC,SAAwB,EACxB,aAAqB,GACtB,GAAE,OAAO,CAAC,2BAA2B,CAAM;IAS5C,cAAc;IA0Bd,KAAK,CAAC,QAAQ,EAAE,QAAQ;CAoEzB"}
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,EAAE,OAAO,CAAA;CACf;AAED,qBAAa,oBAAoB;IAC/B,OAAO,EAAE,2BAA2B,CAAA;gBAExB,EACV,OAAO,EAAE,UAA8B,EACvC,SAAwB,EACxB,aAAqB,EACrB,OAAgD,EAChD,KAAa,GACd,GAAE,OAAO,CAAC,2BAA2B,CAAM;IAU5C,cAAc;IA4Bd,KAAK,CAAC,QAAQ,EAAE,QAAQ;CAuFzB"}

package/dist/plugin.js

@@ -1,50 +1,71 @@
-var m = Object.defineProperty;
-var f = (i, e, t) => e in i ? m(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
-var c = (i, e, t) => f(i, typeof e != "symbol" ? e + "" : e, t);
-import { readFileSync as v, existsSync as p, mkdirSync as g, writeFileSync as r, stat as k } from "node:fs";
-import { createRequire as u } from "node:module";
-import { dirname as P, join as h, resolve as D } from "node:path";
-import { fileURLToPath as y } from "node:url";
-import { registerTheme as F, getThemeInterface as T, getCss as w } from "@devup-ui/wasm";
-const x = y(import.meta.url), b = P(x);
-class R {
+var k = Object.defineProperty;
+var w = (i, e, t) => e in i ? k(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var f = (i, e, t) => w(i, typeof e != "symbol" ? e + "" : e, t);
+import { readFileSync as n, existsSync as a, mkdirSync as F, writeFileSync as r, stat as D } from "node:fs";
+import { createRequire as d } from "node:module";
+import { resolve as m, join as c } from "node:path";
+import { registerTheme as P, getThemeInterface as y, importSheet as S, importClassMap as T } from "@devup-ui/wasm";
+class I {
   constructor({
     package: e = "@devup-ui/react",
-    cssFile: t = h(b, "devup-ui.css"),
-    devupPath: o = "devup.json",
-    interfacePath: s = ".df"
+    devupPath: t = "devup.json",
+    interfacePath: o = ".df",
+    cssFile: p = m(o, "devup-ui.css"),
+    watch: s = !1
   } = {}) {
-    c(this, "options");
+    f(this, "options");
     this.options = {
       package: e,
-      cssFile: t,
-      devupPath: o,
-      interfacePath: s
+      cssFile: p,
+      devupPath: t,
+      interfacePath: o,
+      watch: s
     };
   }
   writeDataFiles() {
     var t;
-    F(
-      (t = JSON.parse(v(this.options.devupPath, "utf-8"))) == null ? void 0 : t.theme
+    P(
+      (t = JSON.parse(n(this.options.devupPath, "utf-8"))) == null ? void 0 : t.theme
     );
-    const e = T(
+    const e = y(
       this.options.package,
       "DevupThemeColors",
       "DevupThemeTypography",
       "DevupTheme"
     );
-    e && (p(this.options.interfacePath) || g(this.options.interfacePath), r(
-      h(this.options.interfacePath, "theme.d.ts"),
+    e && (a(this.options.interfacePath) || F(this.options.interfacePath), r(
+      c(this.options.interfacePath, "theme.d.ts"),
       e,
       {
         encoding: "utf-8"
       }
-    )), r(this.options.cssFile, w(), {
+    )), this.options.watch && r(this.options.cssFile, `/* ${Date.now()} */`, {
       encoding: "utf-8"
     });
   }
   apply(e) {
-    const t = p(this.options.devupPath);
+    const t = a(this.options.devupPath), o = c(this.options.interfacePath, "sheet.json"), p = c(this.options.interfacePath, "classMap.json");
+    if (this.options.watch) {
+      try {
+        a(o) && S(JSON.parse(n(o, "utf-8"))), a(p) && T(JSON.parse(n(p, "utf-8")));
+      } catch (h) {
+        console.error(h);
+      }
+      let s = null;
+      e.hooks.watchRun.tapAsync(
+        "DevupUIWebpackPlugin",
+        (h, v) => {
+          t && D(this.options.devupPath, (u, g) => {
+            if (u) {
+              console.error(`Error checking ${this.options.devupPath}:`, u);
+              return;
+            }
+            const l = g.mtimeMs;
+            s && s !== l && this.writeDataFiles(), s = l;
+          }), v();
+        }
+      );
+    }
     if (t) {
       try {
         this.writeDataFiles();
@@ -52,43 +73,40 @@ class R {
         console.error(s);
       }
       e.hooks.afterCompile.tap("DevupUIWebpackPlugin", (s) => {
-        s.fileDependencies.add(D(this.options.devupPath));
+        s.fileDependencies.add(m(this.options.devupPath));
       });
     }
-    let o = null;
-    e.hooks.watchRun.tapAsync("DevupUIWebpackPlugin", (s, l) => {
-      t && k(this.options.devupPath, (n, d) => {
-        if (n) {
-          console.error(`Error checking ${this.options.devupPath}:`, n);
-          return;
-        }
-        const a = d.mtimeMs;
-        o && o !== a && this.writeDataFiles(), o = a;
-      }), l();
-    }), p(this.options.cssFile) || r(this.options.cssFile, "", { encoding: "utf-8" }), e.options.module.rules.push(
+    a(this.options.cssFile) || r(this.options.cssFile, "", { encoding: "utf-8" }), e.options.module.rules.push(
       {
         test: /\.(tsx|ts|js|mjs|jsx)$/,
         exclude: /node_modules/,
         enforce: "pre",
         use: [
           {
-            loader: u(import.meta.url).resolve(
+            loader: d(import.meta.url).resolve(
               "@devup-ui/webpack-plugin/loader"
             ),
             options: {
-              plugin: this
+              package: this.options.package,
+              cssFile: this.options.cssFile,
+              sheetFile: o,
+              classMapFile: p,
+              watch: this.options.watch
             }
           }
         ]
       },
       {
         test: this.options.cssFile,
-        enforce: "post",
+        enforce: "pre",
         use: [
           {
-            loader: u(import.meta.url).resolve(
+            loader: d(import.meta.url).resolve(
               "@devup-ui/webpack-plugin/css-loader"
-            )
+            ),
+            options: {
+              watch: this.options.watch
+            }
           }
         ]
       }
@@ -96,5 +114,5 @@ class R {
   }
 }
 export {
-  R as DevupUIWebpackPlugin
+  I as DevupUIWebpackPlugin
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@devup-ui/webpack-plugin",
   "type": "module",
-  "version": "0.1.29",
+  "version": "0.1.31",
   "publishConfig": {
     "access": "public"
   },
@@ -28,7 +28,7 @@
     "dist"
   ],
   "dependencies": {
-    "@devup-ui/wasm": "0.1.25"
+    "@devup-ui/wasm": "0.1.27"
   },
   "devDependencies": {
     "vite": "^6.0.11",

package/dist/devup-ui.css

@@ -1,6 +0,0 @@
-:root[data-theme=light]{--menuActive:#EAE8FC;--success:#4CAF50;--background:#FFFFFF;--link:#006BFF;--cardBg:#F8F8F8;--buttonBlue:#266CCD;--third:#918AE9;--buttonBlueHover:#1453AC;--search:#9C50FF;--primary:#6159D4;--joinBg:#CDE2FA;--shadow:#87878740;--footerText:#51575F;--info:#2196F3;--secondary:#85A5F2;--captionBold:#878594;--base:#FFFFFF;--buttonBlueActive:#19498B;--negativeBase:#000000;--footerTitle:#A3A4B4;--footerBg:#E6E7ED;--text:#2F2F2F;--containerBackground:#FFFFFF;--title:#1A1A1A;--caption:#A9A8B4;--menuHover:#F6F4FF;--textReverse:#FFFFFF;--warning:#FF9800;--border:#E0E0E0;--error:#F44336;--codeBg:#3E3B41;}
-:root{--footerTitle:#A3A4B4;--shadow:#62626240;--secondary:#2A4586;--menuHover:#3C404B;--menuActive:#283259;--link:#006BFF;--primary:#737FE4;--buttonBlue:#0867AF;--text:#EDEDED;--footerBg:#2E303C;--warning:#FF9800;--title:#FAFAFA;--buttonBlueActive:#19498B;--captionBold:#878594;--background:#131313;--codeBg:#2E303C;--joinBg:#2F363E;--textReverse:#2F2F2F;--error:#F44336;--containerBackground:#1E1E1E;--cardBg:#28272B;--buttonBlueHover:#1453AC;--border:#333333;--third:#737FE4;--footerText:#FFFFFF;--success:#4CAF50;--info:#2196F3;--search:#6FA4FF;--base:#000000;--negativeBase:#FFFFFF;--caption:#787878;}
-.typo-body{font-family:Pretendard;font-size:14px;font-weight:500;line-height:1.3;letter-spacing:-0.03em}.typo-bodyReg{font-family:Pretendard;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-0.03em}.typo-buttonL{font-family:Pretendard;font-size:17px;font-weight:800;line-height:1.3;letter-spacing:-0.03em}.typo-buttonLbold{font-family:Pretendard;font-size:17px;font-weight:700;line-height:1.3;letter-spacing:-0.03em}.typo-buttonLsemiB{font-family:Pretendard;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-0.03em}.typo-buttonM{font-family:Pretendard;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-0.03em}.typo-buttonS{font-family:Pretendard;font-size:14px;font-weight:800;line-height:1.3;letter-spacing:-0.03em}.typo-buttonSmid{font-family:Pretendard;font-size:14px;font-weight:500;line-height:1.3;letter-spacing:-0.03em}.typo-caption{font-family:Pretendard;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-0.03em}.typo-captionBold{font-family:Pretendard;font-size:14px;font-weight:700;line-height:1.3;letter-spacing:-0.03em}.typo-code{font-family:D2Coding;font-size:13px;font-weight:700;line-height:1.5;letter-spacing:-0.03em}.typo-footerMenu{font-family:Pretendard;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:-0.03em}.typo-h1{font-family:Pretendard;font-size:38px;font-weight:800;line-height:1.3;letter-spacing:-0.03em}.typo-h2{font-family:Pretendard;font-size:36px;font-weight:800;line-height:1.3;letter-spacing:-0.03em}.typo-h3{font-family:Pretendard;font-size:32px;font-weight:700;line-height:1.3;letter-spacing:-0.03em}.typo-h4{font-family:Pretendard;font-size:28px;font-weight:700;line-height:1.3;letter-spacing:-0.03em}.typo-h5{font-family:Pretendard;font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-0.03em}.typo-h6{font-family:Pretendard;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-0.03em}.typo-h6Reg{font-family:Pretendard;font-size:18px;font-weight:400;line-height:1.3;letter-spacing:-0.03em}.typo-small{font-family:Pretendard;font-size:11px;font-weight:300;line-height:1.3;letter-spacing:-0.03em}.typo-smallBold{font-family:Pretendard;font-size:12px;font-weight:800;line-height:1.4;letter-spacing:-0.03em}.typo-textL{font-family:Pretendard;font-size:16px;font-weight:500;line-height:1.3;letter-spacing:-0.03em}.typo-textS{font-family:Pretendard;font-size:15px;font-weight:500;line-height:1.4;letter-spacing:-0.03em}.typo-textSbold{font-family:Pretendard;font-size:15px;font-weight:700;line-height:1.4;letter-spacing:-0.03em}
-@media (min-width:1280px){.typo-body{font-family:Pretendard;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-0.03em}.typo-buttonL{font-family:Pretendard;font-size:20px;font-weight:800;line-height:1.3;letter-spacing:-0.03em}.typo-buttonLbold{font-family:Pretendard;font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-0.03em}.typo-buttonLsemiB{font-family:Pretendard;font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-0.03em}.typo-buttonM{font-family:Pretendard;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-0.03em}.typo-buttonS{font-family:Pretendard;font-size:15px;font-weight:700;line-height:1.3;letter-spacing:-0.03em}.typo-buttonSmid{font-family:Pretendard;font-size:15px;font-weight:500;line-height:1.3;letter-spacing:-0.03em}.typo-code{font-family:D2Coding;font-size:15px;font-weight:700;line-height:1.5;letter-spacing:-0.03em}.typo-footerMenu{font-family:Pretendard;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:-0.03em}.typo-h1{font-family:Pretendard;font-size:52px;font-weight:800;line-height:1.3;letter-spacing:-0.03em}.typo-h2{font-family:Pretendard;font-size:48px;font-weight:800;line-height:1.3;letter-spacing:-0.03em}.typo-h3{font-family:Pretendard;font-size:42px;font-weight:700;line-height:1.3;letter-spacing:-0.03em}.typo-h4{font-family:Pretendard;font-size:36px;font-weight:700;line-height:1.3;letter-spacing:-0.03em}.typo-h5{font-family:Pretendard;font-size:30px;font-weight:600;line-height:1.3;letter-spacing:-0.03em}.typo-h6{font-family:Pretendard;font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-0.03em}.typo-h6Reg{font-family:Pretendard;font-size:24px;font-weight:400;line-height:1.3;letter-spacing:-0.03em}.typo-small{font-family:Pretendard;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:-0.03em}.typo-textL{font-family:Pretendard;font-size:18px;font-weight:500;line-height:1.5;letter-spacing:-0.03em}}.d8{align-items:center}.d6{display:flex}.d36{display:grid}.d7{flex-direction:column}.d135{justify-content:center}.d8{align-items:center}.d177{align-items:end}.d179{align-items:flex-end}.d172{background:#eccafa}.d180{background:var(--background)}.d17{background:var(--base)}.d113{background:var(--border)}.d71{background:var(--buttonBlue)}.d59{background:var(--cardBg)}.d66{background:var(--codeBg)}.d0{background:var(--containerBackground)}.d99{background:var(--footerBg)}.d131{background:var(--menuActive)}.d146{background:var(--menuHover)}.d102{background:var(--primary)}.d13{background:var(--secondary)}.d24{background:var(--text)}.d143{background:transparent}.d75{background-color:var(--joinBg)}.d76{background-image:var(--d77)}.d144{border:none}.d14{border-radius:100%}.d25{border-radius:100px}.d181{border-radius:16px}.d60{border-radius:20px}.d78{border-radius:40px 40px 0px 40px}.d103{border-radius:50%}.d132{border-radius:6px}.d147{border-radius:8px}.d190{border-right:1px solid var(--border, #E0E0E0)}.d167{border-top:1px solid var(--border, #E0E0E0)}.d182{box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.18)}.d157{box-shadow:0px 2px 8px 0px var(--shadow, rgba(135, 135, 135, 0.25))}.d15{width:10px;height:10px;}.d186{width:16px;height:16px;}.d18{width:24px;height:24px;}.d57{width:32px;height:32px;}.d104{width:6px;height:6px;}.d175{width:80px;height:80px;}.d128{width:8px;height:8px;}.d62{color:#FFF}.d16{color:var(--base)}.d118{color:var(--caption)}.d84{color:var(--footerText)}.d83{color:var(--footerTitle)}.d106{color:var(--primary)}.d1{color:var(--text)}.d4{color:var(--title)}.d109{cursor:pointer}.d6{display:flex}.d125{display:none}.d54{flex:1}.d7{flex-direction:column}.d21{gap:10px}.d176{gap:12px}.d85{gap:14px}.d35{gap:16px}.d26{gap:20px}.d9{gap:24px}.d39{gap:40px}.d86{gap:4px}.d28{gap:50px}.d121{gap:6px}.d138{gap:8px}.d37{grid-template-columns:1fr}.d134{height:100%}.d114{height:1px}.d136{height:20px}.d140{height:28px}.d79{height:380px}.d2{height:50px}.d173{height:64px}.d89{justify-content:space-between}.d168{left:0px}.d123{margin-left:16px}.d178{margin-top:24px}.d19{mask-image:var(--d20)}.d169{max-height:calc(100vh - 50px)}.d159{max-width:100%}.d31{max-width:1224px}.d40{max-width:1232px}.d98{max-width:1280px}.d56{max-width:1440px}.d29{max-width:800px}.d30{margin-left:auto;margin-right:auto;}.d108{opacity:0.6}.d107{opacity:0.8}.d129{opacity:1}.d145{outline:none}.d183{overflow:hidden}.d63{overflow-x:auto}.d166{overflow-y:auto}.d127{padding:10px}.d27{padding:16px 40px}.d64{padding:20px}.d52{padding:20px 16px}.d67{padding:20px 30px}.d61{padding:24px}.d50{padding:40px 60px}.d111{padding:4px 10px}.d110{padding:4px 10px 4px 30px}.d133{padding:6px 10px}.d148{padding:8px 8px 6px}.d32{padding-bottom:100px}.d41{padding-bottom:16px}.d184{padding-bottom:24px}.d48{padding-top:100px}.d44{padding-top:16px}.d95{padding-top:20px}.d81{padding-top:40px}.d33{padding-top:80px}.d174{position:absolute}.d149{position:fixed}.d185{position:relative}.d150{position:sticky}.d122{padding-left:10px;padding-right:10px;}.d34{padding-left:12px;padding-right:12px;}.d46{padding-left:16px;padding-right:16px;}.d124{padding-left:24px;padding-right:24px;}.d55{padding-left:60px;padding-right:60px;}.d58{padding-left:8px;padding-right:8px;}.d164{padding-top:10px;padding-bottom:10px;}.d100{padding-top:30px;padding-bottom:30px;}.d47{padding-top:40px;padding-bottom:40px;}.d165{padding-top:4px;padding-bottom:4px;}.d112{padding-top:6px;padding-bottom:6px;}.d5{text-align:center}.d119{text-align:right}.d10{text-decoration:none}.d153{top:0px}.d170{top:50px}.d188{transform:rotate(-90deg)}.d187{transform:rotate(0deg)}.d154{transition:all, 0.2s}.d189{transition:transform 0.2s}.d65{width:100%}.d51{width:1014px}.d191{width:10px}.d90{width:164px}.d120{width:200px}.d53{width:220px}.d3{width:52px}.d155{z-index:1}.d171{z-index:100}.d142::placeholder{color:var(--caption)}.d70:hover{background:var(--buttonBlueHover)}.d130:hover{background:var(--menuHover)}.d23:hover{background:var(--title)}.d116:hover{text-decoration:underline}.d115:hover{text-decoration-color:var(--text)}.d69:active{background:var(--buttonBlueActive)}.d22:active{background:var(--negativeBase)}*[role=group]:hover .d12{background:var(--primary)}*[role=group]:hover .d117{color:var(--text)}*[role=group]:hover .d105{opacity:0.8}*[role=group]:active .d11{background:var(--third)}
-@media (min-width:480px){.d94{align-items:flex-end}.d88{flex-direction:row}.d87{gap:0px}.d97{gap:80px}.d141{height:42px}.d42{padding-bottom:40px}.d160{padding-left:20px}.d162{padding-right:20px}.d96{padding-top:0px}.d49{padding-top:150px}.d101{padding-top:60px;padding-bottom:60px;}.d93{text-align:right}.d91{width:204px}}
-@media (min-width:768px){.d72{align-items:flex-end}.d156{border-radius:16px}.d126{display:flex}.d92{display:none}.d139{gap:16px}.d38{grid-template-columns:1fr 1fr}.d137{height:42px}.d158{height:70px}.d80{justify-content:center}.d73{margin-left:auto}.d43{padding-bottom:120px}.d161{padding-left:40px}.d74{padding-right:100px}.d163{padding-right:40px}.d82{padding-top:0px}.d151{padding-top:20px}.d45{padding-top:40px}.d152{padding-left:16px;padding-right:16px;}.d68{text-align:left}}