boottent-design 0.1.228 → 0.1.231

package/README.md

@@ -6,8 +6,12 @@
 - [특징](#특징)
 - [시작하기](#시작하기)
   - [설치](#설치)
-  - [프로젝트 설정](#프로젝트-설정)
+  - [빠른 사용법 (Tailwind 설정 불필요)](#빠른-사용법-tailwind-설정-불필요)
+  - [성능 권장 import](#성능-권장-import)
+  - [모듈 import 경로](#모듈-import-경로)
 - [제작 및 배포](#제작-및-배포)
+  - [로컬 동시 개발 (watch + install)](#로컬-동시-개발-watch--install)
+  - [Storybook/Chromatic 운영](#storybookchromatic-운영)
 
 ## 소개
 
@@ -27,291 +31,129 @@ yarn add boottent-design@latest
 npm install boottent-design@latest
 ```
 
-### 프로젝트 설정
+### 빠른 사용법 (Tailwind 설정 불필요)
 
-boottent-design을 프로젝트에 적용하기 위해 Vite와 TailwindCSS 설정이 필요합니다.
+Tailwind를 직접 설치하거나 `tailwind.config`를 수정하지 않아도 됩니다.
+라이브러리에서 미리 빌드된 CSS를 함께 제공하므로, 아래 2단계만 하면 동작합니다.
 
-#### 1. React + TypeScript 프로젝트 생성
+1. 앱 엔트리에서 스타일 1회 임포트
 
-```sh
-yarn create vite my-react-app --template react-ts
-cd my-react-app
-yarn
+```tsx
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App";
+import "boottent-design/styles.css";
+
+ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>,
+);
 ```
 
-#### 2. TailwindCSS 설정
+2. 필요한 모듈 import 후 바로 사용
+
+```tsx
+import { Button } from "boottent-design/ui/button";
 
-Tailwind CSS와 관련된 패키지를 설치합니다:
+export function Sample() {
+  return <Button>확인</Button>;
+}
+```
 
-```sh
-yarn add -D tailwindcss postcss autoprefixer
+### 성능 권장 import
+
+소비자 앱 빌드 시간을 줄이려면 배럴 import보다 deep import를 권장합니다.
+
+- 권장: `import { Button } from "boottent-design/ui/button"`
+- 비권장(대량 사용 시 빌드 시간 증가 가능): `import { Button } from "boottent-design/ui"`
+
+`boottent-design/ui`는 기존 호환성을 위해 유지되지만, 성능 관점에서는 `ui/*` 경로 사용을 권장합니다.
+
+```tsx
+import { Button } from "boottent-design/ui";
+
+export function Sample() {
+  return <Button>확인</Button>;
+}
 ```
 
-#### 3. TailwindCSS 설정 파일 생성
+### 모듈 import 경로
+
+- `boottent-design/ui`
+- `boottent-design/ui/*`
+- `boottent-design/tokens`
+
+### 참고
+
+- 기존처럼 소비자 프로젝트에서 Tailwind를 직접 운영해도 됩니다.
+- 다만 `boottent-design`을 사용하기 위해 Tailwind 설정이 필수는 아닙니다.
+
+## 제작 및 배포
+
+- 김동성 (Boottent Frontend-Developer)
+- kody@boottent.com
+
+### 로컬 동시 개발 (watch + install)
+
+`boottent-design` 수정 사항을 npm 배포 없이 `boottent-frontend`에 반영하는 로컬 플로우입니다.
+
+1. `boottent-frontend`에서 로컬 의존성으로 전환
 
 ```sh
-npx tailwindcss init -p
+cd ../boottent-frontend
+yarn design:use-local
 ```
 
-#### 4. TailwindCSS 설정 파일 편집
-
-tailwind.config.js 파일에 다음 내용을 추가합니다:
-
-```js
-/** @type {import('tailwindcss').Config} */
-
-const colors = require("tailwindcss/colors");
-const defaultTheme = require("tailwindcss/defaultTheme");
-
-export default {
-  content: [
-    "./index.html",
-    "./src/**/*.{js,ts,jsx,tsx}",
-    "./node_modules/boottent-design/**/*.{js,ts,jsx,tsx}", // boottent-design 적용 경로 추가
-  ],
-  theme: {
-    screens: {
-      xs: "480px",
-      xxs: "360px",
-      ...defaultTheme.screens,
-    },
-    colors: {
-      ...colors,
-      grey: {
-        50: "#FCFEFF",
-        100: "#F5F8FA",
-        200: "#DDE2E6",
-        300: "#D0D3D5",
-        400: "#A2A3A4",
-        500: "#737474",
-        600: "#525252",
-        700: "#404040",
-        800: "#26282A",
-        900: "#181919",
-        950: "#0A0A0B",
-      },
-      main: {
-        50: "#F8F8FF",
-        100: "#ECECFF",
-        200: "#D5D4FA",
-        300: "#BEB6F7",
-        400: "#A08DF2",
-        500: "#8261ED",
-        600: "#7344E3",
-        700: "#6434D1",
-        800: "#532FB1",
-        900: "#462690",
-        950: "#2A1662",
-      },
-      red: {
-        ...colors.red,
-        50: "#FEEFEE",
-        300: "#FF4A56",
-        400: "#E91927",
-        500: "#C4131F",
-      },
-      pink: {
-        ...colors.pink,
-        50: "#FFEAFD",
-        500: "#D2216C",
-      },
-      yellow: {
-        ...colors.yellow,
-        100: "#FFFAE2",
-        300: "#FFED97",
-        400: "#FFE55C",
-        kakao: "#FEE500",
-      },
-      orange: {
-        ...colors.orange,
-        50: "#FFF2DD",
-        500: "#F16815",
-      },
-      brown: {
-        50: "#FEF6E2",
-        500: "#C9600B",
-      },
-      lime: {
-        ...colors.lime,
-        50: "#FAFFE2",
-        500: "#639A05",
-      },
-      green: {
-        ...colors.green,
-        50: "#F4FFEA",
-        500: "#349613",
-        naver: "#03C75A",
-      },
-      teal: {
-        ...colors.teal,
-        50: "#E3FFFA",
-        500: "#248E93",
-      },
-      blue: {
-        ...colors.blue,
-        50: "#F0F8FF",
-        100: "#E4F6FF",
-        400: "#3A8AF1",
-        500: "#2D60D4",
-        600: "#4145AC",
-      },
-    },
-    extend: {
-      colors: {
-        border: "var(--border)",
-        input: "hsl(var(--input))",
-        ring: "hsl(var(--ring))",
-        background: "var(--background)",
-        foreground: "var(--foreground)",
-        primary: {
-          DEFAULT: "var(--primary)",
-          foreground: "var(--primary-foreground)",
-        },
-        secondary: {
-          DEFAULT: "var(--secondary)",
-          foreground: "var(--secondary-foreground)",
-        },
-        destructive: {
-          DEFAULT: "var(--destructive)",
-          foreground: "hsl(var(--destructive-foreground))",
-        },
-        muted: {
-          DEFAULT: "var(--muted)",
-          foreground: "var(--muted-foreground)",
-        },
-        accent: {
-          DEFAULT: "hsl(var(--accent))",
-          foreground: "hsl(var(--accent-foreground))",
-        },
-        popover: {
-          DEFAULT: "hsl(var(--popover))",
-          foreground: "hsl(var(--popover-foreground))",
-        },
-        card: {
-          DEFAULT: "hsl(var(--card))",
-          foreground: "hsl(var(--card-foreground))",
-        },
-      },
-      borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
-      },
-      keyframes: {
-        "accordion-down": {
-          from: { height: "0" },
-          to: { height: "var(--radix-accordion-content-height)" },
-        },
-        "accordion-up": {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: "0" },
-        },
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
-      },
-    },
-  },
-  plugins: [],
-};
+2. `boottent-design`에서 watch + install 동기화 실행
+
+```sh
+cd ../boottent-design
+yarn local:watch
 ```
 
-postcss.config.js 파일에 다음 내용을 추가합니다:
+내부 동작:
+- `build:lib:watch` + `build:styles:watch` 실행
+- `dist` 변경 감지 시 `../boottent-frontend`에서 `yarn install` 자동 실행
 
-```js
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
+3. `boottent-frontend` 개발 서버 실행
+
+```sh
+cd ../boottent-frontend
+yarn dev
 ```
 
-#### 5. Tailwind CSS 스타일 임포트
-
-src/index.css 혹은 main.css 파일을 생성하고 Tailwind CSS 지시문을 추가합니다:
-
-```css
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  :root {
-    --background: #ffffff;
-    --foreground: #26282a;
-    --card: 0 0% 100%;
-    --card-foreground: 224 71.4% 4.1%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 224 71.4% 4.1%;
-    --primary: #7344e3;
-    --primary-foreground: #ffffff;
-    --secondary: #26282a;
-    --secondary-foreground: #ffffff;
-    --muted: #a2a3a4;
-    --muted-foreground: #ffffff;
-    --muted-border: #dde2e6;
-    --accent: 220 14.3% 95.9%;
-    --accent-foreground: 220.9 39.3% 11%;
-    --destructive: #e91927;
-    --destructive-foreground: 210 20% 98%;
-    --border: #dde2e6;
-    --input: 220 13% 91%;
-    --ring: 224 71.4% 4.1%;
-    --radius: 0.5rem;
-  }
-
-  .dark {
-    --background: 224 71.4% 4.1%;
-    --foreground: 210 20% 98%;
-    --card: 224 71.4% 4.1%;
-    --card-foreground: 210 20% 98%;
-    --popover: 224 71.4% 4.1%;
-    --popover-foreground: 210 20% 98%;
-    --primary: 210 20% 98%;
-    --primary-foreground: 220.9 39.3% 11%;
-    --secondary: 215 27.9% 16.9%;
-    --secondary-foreground: 210 20% 98%;
-    --muted: 215 27.9% 16.9%;
-    --muted-foreground: 217.9 10.6% 64.9%;
-    --accent: 215 27.9% 16.9%;
-    --accent-foreground: 210 20% 98%;
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 210 20% 98%;
-    --border: 215 27.9% 16.9%;
-    --input: 215 27.9% 16.9%;
-    --ring: 216 12.2% 83.9%;
-  }
-}
+4. 레지스트리 버전으로 복귀
 
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}
+```sh
+cd ../boottent-frontend
+yarn design:use-registry
 ```
 
-그리고 src/main.tsx 파일에 main.css 파일을 임포트합니다:
+### Storybook/Chromatic 운영
 
-```tsx
-// src/main.tsx
-import React from "react";
-import ReactDOM from "react-dom/client";
-import App from "./App";
-import "./main.css"; // Tailwind CSS 파일 임포트
+`boottent-design`은 Storybook 산출물을 Git에 커밋하지 않습니다.
 
-ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-);
+- `build-storybook` 산출물 경로: `.cache/storybook-static`
+- Git 비추적: `storybook-static`, `.cache`, `tsconfig.tsbuildinfo`
+- 목적: 빌드할 때마다 생성되는 해시 파일 변경 노이즈 제거
+
+로컬 확인:
+
+```sh
+yarn storybook
 ```
 
-## 제작 및 배포
+정적 빌드 확인:
 
-- 김동성 (Boottent Frontend-Developer)
-- kody@boottent.com
+```sh
+yarn build-storybook
+```
+
+Chromatic 업로드(변경분만):
+
+```sh
+CHROMATIC_PROJECT_TOKEN=<your-token> yarn chromatic
+```
+
+CI는 `.github/workflows/chromatic.yml`에서 `onlyChanged: true`로 동작합니다.

package/dist/common-DeneXo5X.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("clsx"),n=require("tailwind-merge"),o=(...e)=>n.twMerge(r(e));function s(e){const t=!e||e.includes("utm_source")?"":"utm_source=boottent&utm_medium=referral",c=e&&e.includes("?")?"&":"?";return`${e}${c}${t}`}exports.addUTMtoUrl=s;exports.cn=o;

package/dist/common-zQ5XY0UN.js

@@ -0,0 +1,11 @@
+import c from "clsx";
+import { twMerge as m } from "tailwind-merge";
+const a = (...t) => m(c(t));
+function u(t) {
+  const e = !t || t.includes("utm_source") ? "" : "utm_source=boottent&utm_medium=referral", o = t && t.includes("?") ? "&" : "?";
+  return `${t}${o}${e}`;
+}
+export {
+  u as a,
+  a as c
+};

package/dist/styles.css

@@ -0,0 +1 @@
+*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(45,96,212,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(45,96,212,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Pretendard,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/npm/pretendard/dist/web/static/pretendard.woff2) format("woff2"),url(https://cdn.jsdelivr.net/npm/pretendard/dist/web/static/pretendard.woff) format("woff");font-weight:100 900;font-display:swap}:root{--background:#fff;--foreground:#26282a;--card:0 0% 100%;--card-foreground:224 71.4% 4.1%;--popover:0 0% 100%;--popover-foreground:224 71.4% 4.1%;--primary:#7344e3;--primary-foreground:#fff;--secondary:#26282a;--secondary-foreground:#fff;--muted:#a2a3a4;--muted-foreground:#fff;--muted-border:#dde2e6;--accent:#3a8af1;--accent-foreground:220.9 39.3% 11%;--destructive:#e91927;--destructive-foreground:210 20% 98%;--border:#dde2e6;--input:220 13% 91%;--ring:224 71.4% 4.1%;--radius:0.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-auto{bottom:auto}.left-0{left:0}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.left-\[50\%\]{left:50%}.right-0{right:0}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-3{right:.75rem}.right-4{right:1rem}.right-full{right:100%}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-\[1px\]{top:1px}.top-\[50\%\]{top:50%}.top-\[60\%\]{top:60%}.top-auto{top:auto}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[1\]{z-index:1}.col-span-2{grid-column:span 2/span 2}.m-1{margin:.25rem}.m-4{margin:1rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.-mt-1{margin-top:-.25rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-0\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.size-2{width:.5rem;height:.5rem}.size-4{width:1rem;height:1rem}.h-1\.5{height:.375rem}.h-1\/2{height:50%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-\[1px\]{height:1px}.h-\[52px\]{height:52px}.h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:24rem}.max-h-\[300px\]{max-height:300px}.min-h-14{min-height:3.5rem}.min-h-80{min-height:20rem}.min-h-\[72px\]{min-height:72px}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-5\/6{width:83.333333%}.w-56{width:14rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[1px\]{width:1px}.w-\[260px\]{width:260px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[360px\]{width:360px}.w-\[380px\]{width:380px}.w-\[400px\]{width:400px}.w-\[420px\]{width:420px}.w-\[600px\]{width:600px}.w-\[800px\]{width:800px}.w-\[90vw\]{width:90vw}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-16{min-width:4rem}.min-w-80{min-width:20rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.max-w-2xl{max-width:42rem}.max-w-48{max-width:12rem}.max-w-\[344px\]{max-width:344px}.max-w-\[500px\]{max-width:500px}.max-w-\[640px\]{max-width:640px}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-screen-lg{max-width:1024px}.max-w-screen-sm{max-width:640px}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.rotate-180{--tw-rotate:180deg}.rotate-180,.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.scale-110,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[80px_1fr\]{grid-template-columns:80px 1fr}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-keep{word-break:keep-all}.rounded{border-radius:.25rem}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-bl-xl{border-bottom-left-radius:.75rem}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-accent{border-color:var(--accent)}.border-blue-500{--tw-border-opacity:1;border-color:rgb(45 96 212/var(--tw-border-opacity,1))}.border-border{border-color:var(--border)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:rgb(52 150 19/var(--tw-border-opacity,1))}.border-grey-200{--tw-border-opacity:1;border-color:rgb(221 226 230/var(--tw-border-opacity,1))}.border-grey-300{--tw-border-opacity:1;border-color:rgb(208 211 213/var(--tw-border-opacity,1))}.border-grey-50{--tw-border-opacity:1;border-color:rgb(252 254 255/var(--tw-border-opacity,1))}.border-grey-800{--tw-border-opacity:1;border-color:rgb(38 40 42/var(--tw-border-opacity,1))}.border-input{border-color:hsl(var(--input))}.border-main-200{--tw-border-opacity:1;border-color:rgb(213 212 250/var(--tw-border-opacity,1))}.border-main-600{--tw-border-opacity:1;border-color:rgb(115 68 227/var(--tw-border-opacity,1))}.border-primary{border-color:var(--primary)}.border-red-500{--tw-border-opacity:1;border-color:rgb(196 19 31/var(--tw-border-opacity,1))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.border-secondary{border-color:var(--secondary)}.border-transparent{border-color:transparent}.border-l-transparent{border-left-color:transparent}.border-t-transparent{border-top-color:transparent}.bg-accent{background-color:var(--accent)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-black\/60{background-color:rgba(0,0,0,.6)}.bg-border{background-color:var(--border)}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:var(--destructive)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-grey-100{--tw-bg-opacity:1;background-color:rgb(245 248 250/var(--tw-bg-opacity,1))}.bg-grey-100\/50{background-color:rgba(245,248,250,.5)}.bg-grey-200{--tw-bg-opacity:1;background-color:rgb(221 226 230/var(--tw-bg-opacity,1))}.bg-grey-200\/50{background-color:rgba(221,226,230,.5)}.bg-grey-200\/80{background-color:rgba(221,226,230,.8)}.bg-grey-400{--tw-bg-opacity:1;background-color:rgb(162 163 164/var(--tw-bg-opacity,1))}.bg-grey-50{--tw-bg-opacity:1;background-color:rgb(252 254 255/var(--tw-bg-opacity,1))}.bg-grey-500{--tw-bg-opacity:1;background-color:rgb(115 116 116/var(--tw-bg-opacity,1))}.bg-grey-800{--tw-bg-opacity:1;background-color:rgb(38 40 42/var(--tw-bg-opacity,1))}.bg-grey-900{--tw-bg-opacity:1;background-color:rgb(24 25 25/var(--tw-bg-opacity,1))}.bg-main-100{--tw-bg-opacity:1;background-color:rgb(236 236 255/var(--tw-bg-opacity,1))}.bg-main-50{--tw-bg-opacity:1;background-color:rgb(248 248 255/var(--tw-bg-opacity,1))}.bg-main-600{--tw-bg-opacity:1;background-color:rgb(115 68 227/var(--tw-bg-opacity,1))}.bg-muted{background-color:var(--muted)}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-90{--tw-bg-opacity:0.9}.fill-primary{fill:var(--primary)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-20{padding:5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-\[1px\]{padding:1px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[14px\]{padding-top:14px;padding-bottom:14px}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-1\.5{padding-right:.375rem}.pr-2{padding-right:.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-3{padding-top:.75rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-start{text-align:start}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[0\.8rem\]{font-size:.8rem}.text-\[13px\]{font-size:13px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-regular13{font-size:13px;line-height:19px;font-weight:400}.text-semibold16{font-size:16px;line-height:24px;font-weight:600}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.leading-5{line-height:1.25rem}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.text-accent{color:var(--accent)}.text-blue-500{--tw-text-opacity:1;color:rgb(45 96 212/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:var(--foreground)}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-grey-100{--tw-text-opacity:1;color:rgb(245 248 250/var(--tw-text-opacity,1))}.text-grey-50{--tw-text-opacity:1;color:rgb(252 254 255/var(--tw-text-opacity,1))}.text-grey-500{--tw-text-opacity:1;color:rgb(115 116 116/var(--tw-text-opacity,1))}.text-grey-600{--tw-text-opacity:1;color:rgb(82 82 82/var(--tw-text-opacity,1))}.text-grey-700{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity,1))}.text-grey-800{--tw-text-opacity:1;color:rgb(38 40 42/var(--tw-text-opacity,1))}.text-grey-900{--tw-text-opacity:1;color:rgb(24 25 25/var(--tw-text-opacity,1))}.text-main-50{--tw-text-opacity:1;color:rgb(248 248 255/var(--tw-text-opacity,1))}.text-main-600{--tw-text-opacity:1;color:rgb(115 68 227/var(--tw-text-opacity,1))}.text-main-800{--tw-text-opacity:1;color:rgb(83 47 177/var(--tw-text-opacity,1))}.text-muted{color:var(--muted)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-400{--tw-text-opacity:1;color:rgb(233 25 39/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(196 19 31/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-secondary{color:var(--secondary)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.caret-transparent{caret-color:transparent}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-0,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-muted-foreground{--tw-ring-color:var(--muted-foreground)}.ring-ring\/50{--tw-ring-color:hsl(var(--ring)/0.5)}.ring-transparent{--tw-ring-color:transparent}.ring-offset-background{--tw-ring-offset-color:var(--background)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[color\2c box-shadow\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.placeholder\:text-sm::-moz-placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\:text-sm::placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\:text-muted::-moz-placeholder{color:var(--muted)}.placeholder\:text-muted::placeholder{color:var(--muted)}.placeholder\:text-muted-foreground::-moz-placeholder{color:var(--muted-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.last\:col-span-2:last-child{grid-column:span 2/span 2}.focus-within\:relative:focus-within{position:relative}.focus-within\:z-20:focus-within{z-index:20}.hover\:scale-125:hover{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-grey-900:hover{--tw-border-opacity:1;border-color:rgb(24 25 25/var(--tw-border-opacity,1))}.hover\:border-main-700:hover{--tw-border-opacity:1;border-color:rgb(100 52 209/var(--tw-border-opacity,1))}.hover\:border-main-800:hover{--tw-border-opacity:1;border-color:rgb(83 47 177/var(--tw-border-opacity,1))}.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-grey-100:hover{--tw-bg-opacity:1;background-color:rgb(245 248 250/var(--tw-bg-opacity,1))}.hover\:bg-grey-900:hover{--tw-bg-opacity:1;background-color:rgb(24 25 25/var(--tw-bg-opacity,1))}.hover\:bg-main-100:hover{--tw-bg-opacity:1;background-color:rgb(236 236 255/var(--tw-bg-opacity,1))}.hover\:bg-main-50:hover{--tw-bg-opacity:1;background-color:rgb(248 248 255/var(--tw-bg-opacity,1))}.hover\:bg-main-600:hover{--tw-bg-opacity:1;background-color:rgb(115 68 227/var(--tw-bg-opacity,1))}.hover\:bg-main-700:hover{--tw-bg-opacity:1;background-color:rgb(100 52 209/var(--tw-bg-opacity,1))}.hover\:bg-main-800:hover{--tw-bg-opacity:1;background-color:rgb(83 47 177/var(--tw-bg-opacity,1))}.hover\:bg-primary:hover{background-color:var(--primary)}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-opacity-50:hover{--tw-bg-opacity:0.5}.hover\:stroke-destructive:hover{stroke:var(--destructive)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-main-50:hover{--tw-text-opacity:1;color:rgb(248 248 255/var(--tw-text-opacity,1))}.hover\:text-main-600:hover{--tw-text-opacity:1;color:rgb(115 68 227/var(--tw-text-opacity,1))}.hover\:text-primary:hover{color:var(--primary)}.hover\:text-primary-foreground:hover{color:var(--primary-foreground)}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:ring-4:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:border-foreground:focus{border-color:var(--foreground)}.focus\:border-grey-800:focus{--tw-border-opacity:1;border-color:rgb(38 40 42/var(--tw-border-opacity,1))}.focus\:border-red-600:focus{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:bg-grey-100:focus{--tw-bg-opacity:1;background-color:rgb(245 248 250/var(--tw-bg-opacity,1))}.focus\:bg-main-600:focus{--tw-bg-opacity:1;background-color:rgb(115 68 227/var(--tw-bg-opacity,1))}.focus\:bg-primary:focus{background-color:var(--primary)}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:text-grey-800:focus{--tw-text-opacity:1;color:rgb(38 40 42/var(--tw-text-opacity,1))}.focus\:text-main-50:focus{--tw-text-opacity:1;color:rgb(248 248 255/var(--tw-text-opacity,1))}.focus\:text-primary-foreground:focus{color:var(--primary-foreground)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(45 96 212/var(--tw-ring-opacity,1))}.focus-visible\:border-ring:focus-visible{border-color:hsl(var(--ring))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-4:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(45 96 212/var(--tw-ring-opacity,1))}.focus-visible\:ring-main-400:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(160 141 242/var(--tw-ring-opacity,1))}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:hsl(var(--ring)/0.5)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-border:disabled{border-color:var(--border)}.disabled\:border-muted:disabled{border-color:var(--muted)}.disabled\:border-muted-border:disabled{border-color:var(--muted-border)}.disabled\:bg-background:disabled{background-color:var(--background)}.disabled\:bg-muted:disabled{background-color:var(--muted)}.disabled\:bg-transparent:disabled{background-color:transparent}.disabled\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.disabled\:text-muted:disabled{color:var(--muted)}.disabled\:text-muted-foreground:disabled{color:var(--muted-foreground)}.disabled\:opacity-50:disabled{opacity:.5}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.aria-selected\:bg-accent[aria-selected=true]{background-color:var(--accent)}.aria-selected\:bg-primary[aria-selected=true]{background-color:var(--primary)}.aria-selected\:text-accent-foreground[aria-selected=true]{color:hsl(var(--accent-foreground))}.aria-selected\:text-primary-foreground[aria-selected=true]{color:var(--primary-foreground)}.aria-selected\:opacity-100[aria-selected=true]{opacity:1}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true],.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:.375rem}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal],.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:11rem}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:.375rem}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom],.data-\[side\=left\]\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\[side\=right\]\:translate-x-1[data-side=right],.data-\[side\=top\]\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked],.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end],.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x)}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=open\]\:bg-grey-100[data-state=open]{--tw-bg-opacity:1;background-color:rgb(245 248 250/var(--tw-bg-opacity,1))}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:hsl(var(--input))}.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{color:hsl(var(--accent-foreground))}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[disabled\=true\]\:opacity-50[data-disabled=true],.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.group[data-state=open] .group-data-\[state\=open\]\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dark\:bg-input\/30:is(.dark *){background-color:hsl(var(--input)/.3)}.dark\:bg-main-50:is(.dark *){--tw-bg-opacity:1;background-color:rgb(248 248 255/var(--tw-bg-opacity,1))}.dark\:bg-main-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(83 47 177/var(--tw-bg-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-main-50:is(.dark *){--tw-text-opacity:1;color:rgb(248 248 255/var(--tw-text-opacity,1))}.dark\:text-main-600:is(.dark *){--tw-text-opacity:1;color:rgb(115 68 227/var(--tw-text-opacity,1))}.dark\:hover\:bg-main-50:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(248 248 255/var(--tw-bg-opacity,1))}.dark\:hover\:text-main-600:hover:is(.dark *){--tw-text-opacity:1;color:rgb(115 68 227/var(--tw-text-opacity,1))}.dark\:focus\:bg-main-50:focus:is(.dark *){--tw-bg-opacity:1;background-color:rgb(248 248 255/var(--tw-bg-opacity,1))}.dark\:focus\:text-main-600:focus:is(.dark *){--tw-text-opacity:1;color:rgb(115 68 227/var(--tw-text-opacity,1))}@media (min-width:480px){.xs\:text-base{font-size:1rem;line-height:1.5rem}.xs\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}}@media (min-width:768px){.md\:absolute{position:absolute}.md\:left-4{left:1rem}.md\:right-4{right:1rem}.md\:size-\[10px\]{width:10px;height:10px}.md\:size-\[18px\]{width:18px;height:18px}.md\:h-11{height:2.75rem}.md\:max-h-\[50vh\]{max-height:50vh}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-2{gap:.5rem}.md\:gap-4{gap:1rem}.md\:p-2{padding:.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.md\:pl-10{padding-left:2.5rem}.md\:pr-10{padding-right:2.5rem}.md\:pt-4{padding-top:1rem}.md\:text-center{text-align:center}.md\:text-\[15px\]{font-size:15px}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:leading-6{line-height:1.5rem}.placeholder\:md\:text-base::-moz-placeholder{font-size:1rem;line-height:1.5rem}.placeholder\:md\:text-base::placeholder{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.\[\&\:has\(\[aria-selected\]\)\]\:bg-accent:has([aria-selected]){background-color:var(--accent)}.first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-top-left-radius:calc(var(--radius) - 2px);border-bottom-left-radius:calc(var(--radius) - 2px)}.last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-top-right-radius:calc(var(--radius) - 2px);border-bottom-right-radius:calc(var(--radius) - 2px)}.\[\&\>span\]\:line-clamp-1>span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\[\&\>svg\]\:size-4>svg{width:1rem;height:1rem}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-top:.375rem;padding-bottom:.375rem}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{font-weight:500}.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color:var(--muted-foreground)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:3rem}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-top:.75rem;padding-bottom:.75rem}.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:1.25rem}.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:1.25rem}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}

package/dist/tokens.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-z9hRvvSX.cjs"),t=require("./index-DKCqkplO.cjs"),i={bold30:["30px",{lineHeight:"38px",fontWeight:"700"}],bold24:["24px",{lineHeight:"32px",fontWeight:"700"}],bold20:["20px",{lineHeight:"28px",fontWeight:"700"}],semibold18:["18px",{lineHeight:"26px",fontWeight:"600"}],semibold16:["16px",{lineHeight:"24px",fontWeight:"600"}],semibold15:["15px",{lineHeight:"23px",fontWeight:"600"}],semibold14:["14px",{lineHeight:"20px",fontWeight:"600"}],semibold13:["13px",{lineHeight:"19px",fontWeight:"600"}],semibold12:["12px",{lineHeight:"16px",fontWeight:"600"}],medium16:["16px",{lineHeight:"24px",fontWeight:"500"}],medium14:["14px",{lineHeight:"20px",fontWeight:"500"}],regular16:["16px",{lineHeight:"24px",fontWeight:"400"}],regular14:["14px",{lineHeight:"20px",fontWeight:"400"}],regular13:["13px",{lineHeight:"19px",fontWeight:"400"}],regular12:["12px",{lineHeight:"16px",fontWeight:"400"}]},o={bold:700,semibold:600,medium:500,regular:400};exports.adProducts=e.adProducts;exports.campCategoryColors=e.campCategoryColors;exports.defaultBannerColor=e.defaultBannerColor;exports.colors=t.colors;exports.fontWeight=o;exports.typography=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DKCqkplO.cjs"),d={mainBanner:{value:"mainBanner",text:"메인배너",color:"",background:""},premiumCard:{value:"premiumCard",text:"상위노출카드",color:e.colors.main[600],background:e.colors.main[100]},event:{value:"event",text:"이벤트적용",color:e.colors.red[400],background:e.colors.yellow[300]},dDay:{value:"dDay",text:"디데이적용",color:e.colors.red[400],background:e.colors.yellow[400]},titleTag:{value:"titleTag",text:"타이틀태그",color:e.colors.white,background:e.colors.grey[800]}},c={background:"#e9e9eca1",title:"#222",description:"#222",button:"#975dff",buttonText:"#ffffff",shadow:"@titleline-background-color"},{grey:t,main:o,green:l,red:a,orange:r,lime:i,brown:u,blue:n,pink:x,teal:g}=e.colors,s={all:{value:"all",text:"분야무관",color:t[500],background:t[50],tags:[{value:"all",text:"분야무관"}]},web:{value:"web",text:"웹개발",color:o[600],background:o[50],tags:[{value:"web",text:"웹 풀스택"},{value:"be",text:"백엔드"},{value:"fe",text:"프론트엔드"},{value:"publishing",text:"퍼블리싱"}]},mobile:{value:"mobile",text:"모바일",color:l[500],background:l[50],tags:[{value:"android",text:"안드로이드"},{value:"ios",text:"iOS"},{value:"crossplatfom",text:"앱개발"}]},data:{value:"data",text:"데이터·AI",color:a[400],background:a[50],tags:[{value:"dba",text:"DBA"},{value:"da",text:"데이터분석"},{value:"de",text:"데이터엔지니어링"},{value:"ds",text:"데이터사이언스"},{value:"ai",text:"AI/ML"},{value:"mlops",text:"MLOps"},{value:"prep",text:"프로그래밍언어"},{value:"aiservice",text:"AI서비스"}]},infra:{value:"infra",text:"클라우드·보안",color:r[500],background:r[50],tags:[{value:"cloud",text:"클라우드"},{value:"devops",text:"데브옵스"},{value:"infra",text:"인프라"},{value:"security",text:"보안"}]},embeded:{value:"embeded",text:"IoT·임베디드·반도체",color:n[500],background:n[100],tags:[{value:"robotics",text:"로보틱스"},{value:"embeded",text:"임베디드"},{value:"iot",text:"IoT"},{value:"semiconductor",text:"반도체"},{value:"battery",text:"2차전지"}]},game:{value:"game",text:"게임·블록체인",color:x[500],background:x[50],tags:[{value:"metaverse",text:"메타버스"},{value:"game",text:"게임"},{value:"blockchain",text:"블록체인"},{value:"arvr",text:"AR/VR"}]},dt:{value:"dt",text:"기획·마케팅·기타",color:g[500],background:g[50],tags:[{value:"rpa",text:"RPA"},{value:"pm",text:"PM/기획"},{value:"marketing",text:"마케팅"},{value:"etc",text:"기타"}]},design:{value:"design",text:"디자인·3D",color:u[500],background:u[50],tags:[{value:"design",text:"UXUI/디자인"},{value:"pd",text:"영상"},{value:"3d",text:"3D"}]},startup:{value:"startup",text:"프로젝트·취준·창업",color:i[500],background:i[50],tags:[{value:"startup",text:"창업"},{value:"nocode",text:"노코드"},{value:"project",text:"프로젝트"},{value:"cs",text:"전공지식"},{value:"mentoring",text:"취준멘토링"}]}},v={bold30:["30px",{lineHeight:"38px",fontWeight:"700"}],bold24:["24px",{lineHeight:"32px",fontWeight:"700"}],bold20:["20px",{lineHeight:"28px",fontWeight:"700"}],semibold18:["18px",{lineHeight:"26px",fontWeight:"600"}],semibold16:["16px",{lineHeight:"24px",fontWeight:"600"}],semibold15:["15px",{lineHeight:"23px",fontWeight:"600"}],semibold14:["14px",{lineHeight:"20px",fontWeight:"600"}],semibold13:["13px",{lineHeight:"19px",fontWeight:"600"}],semibold12:["12px",{lineHeight:"16px",fontWeight:"600"}],medium16:["16px",{lineHeight:"24px",fontWeight:"500"}],medium14:["14px",{lineHeight:"20px",fontWeight:"500"}],regular16:["16px",{lineHeight:"24px",fontWeight:"400"}],regular14:["14px",{lineHeight:"20px",fontWeight:"400"}],regular13:["13px",{lineHeight:"19px",fontWeight:"400"}],regular12:["12px",{lineHeight:"16px",fontWeight:"400"}]},p={bold:700,semibold:600,medium:500,regular:400};exports.colors=e.colors;exports.adProducts=d;exports.campCategoryColors=s;exports.defaultBannerColor=c;exports.fontWeight=p;exports.typography=v;