boottent-design 0.1.234 → 0.1.235
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +43 -2
- package/dist/DESIGN.md +5 -21
- package/dist/foundation.css +89 -0
- package/dist/styles.css +1 -1
- package/dist/tailwind-preset.cjs +315 -0
- package/dist/tailwind-preset.js +3 -0
- package/dist/types/tailwind-preset.d.ts +2 -0
- package/package.json +12 -2
package/README.md
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
- [시작하기](#시작하기)
|
|
8
8
|
- [설치](#설치)
|
|
9
9
|
- [빠른 사용법 (Tailwind 설정 불필요)](#빠른-사용법-tailwind-설정-불필요)
|
|
10
|
+
- [Tailwind 앱 권장 사용법](#tailwind-앱-권장-사용법)
|
|
10
11
|
- [성능 권장 import](#성능-권장-import)
|
|
11
12
|
- [모듈 import 경로](#모듈-import-경로)
|
|
12
13
|
- [제작 및 배포](#제작-및-배포)
|
|
@@ -36,6 +37,9 @@ npm install boottent-design@latest
|
|
|
36
37
|
Tailwind를 직접 설치하거나 `tailwind.config`를 수정하지 않아도 됩니다.
|
|
37
38
|
라이브러리에서 미리 빌드된 CSS를 함께 제공하므로, 아래 2단계만 하면 동작합니다.
|
|
38
39
|
|
|
40
|
+
이 방식은 Tailwind를 쓰지 않는 앱이나 빠른 프로토타이핑에 적합합니다.
|
|
41
|
+
Tailwind를 직접 운영하는 앱에서는 아래의 `Tailwind 앱 권장 사용법`을 사용하세요.
|
|
42
|
+
|
|
39
43
|
1. 앱 엔트리에서 스타일 1회 임포트
|
|
40
44
|
|
|
41
45
|
```tsx
|
|
@@ -61,6 +65,39 @@ export function Sample() {
|
|
|
61
65
|
}
|
|
62
66
|
```
|
|
63
67
|
|
|
68
|
+
### Tailwind 앱 권장 사용법
|
|
69
|
+
|
|
70
|
+
Tailwind를 직접 운영하는 앱에서는 `styles.css` 대신 `foundation.css`와 `tailwind-preset`을 사용하세요.
|
|
71
|
+
이 방식은 유틸 클래스를 앱 CSS에서 한 번만 생성하게 만들어, 디자인시스템 CSS와 앱 CSS 간 우선순위 충돌을 막습니다.
|
|
72
|
+
|
|
73
|
+
1. 앱 엔트리에서 foundation CSS 1회 임포트
|
|
74
|
+
|
|
75
|
+
```tsx
|
|
76
|
+
import "boottent-design/foundation.css";
|
|
77
|
+
import "./index.css";
|
|
78
|
+
```
|
|
79
|
+
|
|
80
|
+
2. `tailwind.config`에서 preset과 content를 추가
|
|
81
|
+
|
|
82
|
+
```ts
|
|
83
|
+
const boottentDesignTailwindPreset = require("boottent-design/tailwind-preset");
|
|
84
|
+
|
|
85
|
+
module.exports = {
|
|
86
|
+
content: ["./src/**/*.{ts,tsx}", "./node_modules/boottent-design/dist/**/*.{js,cjs,mjs}"],
|
|
87
|
+
presets: [boottentDesignTailwindPreset],
|
|
88
|
+
};
|
|
89
|
+
```
|
|
90
|
+
|
|
91
|
+
3. 필요한 모듈 import 후 바로 사용
|
|
92
|
+
|
|
93
|
+
```tsx
|
|
94
|
+
import { EventCard } from "boottent-design/components";
|
|
95
|
+
|
|
96
|
+
export function Sample() {
|
|
97
|
+
return <EventCard {...props} />;
|
|
98
|
+
}
|
|
99
|
+
```
|
|
100
|
+
|
|
64
101
|
### 성능 권장 import
|
|
65
102
|
|
|
66
103
|
소비자 앱 빌드 시간을 줄이려면 배럴 import보다 deep import를 권장합니다.
|
|
@@ -83,11 +120,15 @@ export function Sample() {
|
|
|
83
120
|
- `boottent-design/ui`
|
|
84
121
|
- `boottent-design/ui/*`
|
|
85
122
|
- `boottent-design/tokens`
|
|
123
|
+
- `boottent-design/components`
|
|
124
|
+
- `boottent-design/components/*`
|
|
125
|
+
- `boottent-design/foundation.css`
|
|
126
|
+
- `boottent-design/tailwind-preset`
|
|
86
127
|
|
|
87
128
|
### 참고
|
|
88
129
|
|
|
89
|
-
-
|
|
90
|
-
-
|
|
130
|
+
- Tailwind를 직접 운영하는 소비자 앱은 `styles.css` 대신 `foundation.css + tailwind-preset` 조합을 권장합니다.
|
|
131
|
+
- `styles.css`는 Tailwind 미사용 소비자를 위한 올인원 엔트리로 계속 유지됩니다.
|
|
91
132
|
|
|
92
133
|
## 제작 및 배포
|
|
93
134
|
|
package/dist/DESIGN.md
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
> [!WARNING]
|
|
4
4
|
> **자동 생성된 파일 — 직접 수정 금지**
|
|
5
|
-
> 생성 일시: 2026.
|
|
6
|
-
> 원본 소스: boottent-design v0.1.
|
|
5
|
+
> 생성 일시: 2026. 5. 4. 오전 10:50:49
|
|
6
|
+
> 원본 소스: boottent-design v0.1.234
|
|
7
7
|
|
|
8
8
|
## 1. 개요 (Overview)
|
|
9
9
|
|
|
@@ -97,28 +97,12 @@ Stitch(AI 디자인 도구)와 Claude Code(AI 코딩 에이전트)는 이 파일
|
|
|
97
97
|
|
|
98
98
|
### 2.2 타이포그래피 (Typography)
|
|
99
99
|
```javascript
|
|
100
|
-
{
|
|
101
|
-
bold30: ["30px", { lineHeight: "38px", fontWeight: "700" }],
|
|
102
|
-
bold24: ["24px", { lineHeight: "32px", fontWeight: "700" }],
|
|
103
|
-
bold20: ["20px", { lineHeight: "28px", fontWeight: "700" }],
|
|
104
|
-
semibold18: ["18px", { lineHeight: "26px", fontWeight: "600" }],
|
|
105
|
-
semibold16: ["16px", { lineHeight: "24px", fontWeight: "600" }],
|
|
106
|
-
semibold15: ["15px", { lineHeight: "23px", fontWeight: "600" }],
|
|
107
|
-
semibold14: ["14px", { lineHeight: "20px", fontWeight: "600" }],
|
|
108
|
-
semibold13: ["13px", { lineHeight: "19px", fontWeight: "600" }],
|
|
109
|
-
semibold12: ["12px", { lineHeight: "16px", fontWeight: "600" }],
|
|
110
|
-
medium16: ["16px", { lineHeight: "24px", fontWeight: "500" }],
|
|
111
|
-
medium14: ["14px", { lineHeight: "20px", fontWeight: "500" }],
|
|
112
|
-
regular16: ["16px", { lineHeight: "24px", fontWeight: "400" }],
|
|
113
|
-
regular14: ["14px", { lineHeight: "20px", fontWeight: "400" }],
|
|
114
|
-
regular13: ["13px", { lineHeight: "19px", fontWeight: "400" }],
|
|
115
|
-
regular12: ["12px", { lineHeight: "16px", fontWeight: "400" }],
|
|
116
|
-
}
|
|
100
|
+
{}
|
|
117
101
|
```
|
|
118
102
|
|
|
119
103
|
### 2.3 기타 토큰
|
|
120
|
-
- **Border Radius**: `
|
|
121
|
-
- **Screens**: `
|
|
104
|
+
- **Border Radius**: `default Tailwind radius`
|
|
105
|
+
- **Screens**: `default Tailwind screens`
|
|
122
106
|
- **Spacing**: 기본 Tailwind Spacing 스케일 사용 (4px 단위)
|
|
123
107
|
|
|
124
108
|
---
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: "Pretendard";
|
|
3
|
+
src:
|
|
4
|
+
url("https://cdn.jsdelivr.net/npm/pretendard/dist/web/static/pretendard.woff2") format("woff2"),
|
|
5
|
+
url("https://cdn.jsdelivr.net/npm/pretendard/dist/web/static/pretendard.woff") format("woff");
|
|
6
|
+
font-weight: 100 900;
|
|
7
|
+
font-display: swap;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
:root {
|
|
11
|
+
--background: #ffffff;
|
|
12
|
+
--foreground: #26282a;
|
|
13
|
+
--card: 0 0% 100%;
|
|
14
|
+
--card-foreground: 224 71.4% 4.1%;
|
|
15
|
+
--popover: 0 0% 100%;
|
|
16
|
+
--popover-foreground: 224 71.4% 4.1%;
|
|
17
|
+
--primary: #7344e3;
|
|
18
|
+
--primary-foreground: #ffffff;
|
|
19
|
+
--secondary: #26282a;
|
|
20
|
+
--secondary-foreground: #ffffff;
|
|
21
|
+
--muted: #a2a3a4;
|
|
22
|
+
--muted-foreground: #ffffff;
|
|
23
|
+
--muted-border: #dde2e6;
|
|
24
|
+
--accent: #3a8af1;
|
|
25
|
+
--accent-foreground: 220.9 39.3% 11%;
|
|
26
|
+
--destructive: #e91927;
|
|
27
|
+
--destructive-foreground: 210 20% 98%;
|
|
28
|
+
--border: #dde2e6;
|
|
29
|
+
--input: 220 13% 91%;
|
|
30
|
+
--ring: 224 71.4% 4.1%;
|
|
31
|
+
--radius: 0.5rem;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.dark {
|
|
35
|
+
--background: 224 71.4% 4.1%;
|
|
36
|
+
--foreground: 210 20% 98%;
|
|
37
|
+
--card: 224 71.4% 4.1%;
|
|
38
|
+
--card-foreground: 210 20% 98%;
|
|
39
|
+
--popover: 224 71.4% 4.1%;
|
|
40
|
+
--popover-foreground: 210 20% 98%;
|
|
41
|
+
--primary: 210 20% 98%;
|
|
42
|
+
--primary-foreground: 220.9 39.3% 11%;
|
|
43
|
+
--secondary: 215 27.9% 16.9%;
|
|
44
|
+
--secondary-foreground: 210 20% 98%;
|
|
45
|
+
--muted: 215 27.9% 16.9%;
|
|
46
|
+
--muted-foreground: 217.9 10.6% 64.9%;
|
|
47
|
+
--accent: 215 27.9% 16.9%;
|
|
48
|
+
--accent-foreground: 210 20% 98%;
|
|
49
|
+
--destructive: 0 62.8% 30.6%;
|
|
50
|
+
--destructive-foreground: 210 20% 98%;
|
|
51
|
+
--border: 215 27.9% 16.9%;
|
|
52
|
+
--input: 215 27.9% 16.9%;
|
|
53
|
+
--ring: 216 12.2% 83.9%;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.scrollbar-hidden {
|
|
57
|
+
-ms-overflow-style: none;
|
|
58
|
+
scrollbar-width: none;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.scrollbar-hidden::-webkit-scrollbar {
|
|
62
|
+
display: none;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.truncate-none {
|
|
66
|
+
overflow: visible;
|
|
67
|
+
display: block;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.truncate1,
|
|
71
|
+
.truncate2,
|
|
72
|
+
.truncate3 {
|
|
73
|
+
width: 100%;
|
|
74
|
+
overflow: hidden;
|
|
75
|
+
display: -webkit-box;
|
|
76
|
+
-webkit-box-orient: vertical;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.truncate1 {
|
|
80
|
+
-webkit-line-clamp: 1;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.truncate2 {
|
|
84
|
+
-webkit-line-clamp: 2;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.truncate3 {
|
|
88
|
+
-webkit-line-clamp: 3;
|
|
89
|
+
}
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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-4{left:1rem}.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-4{top:1rem}.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}.my-4{margin-top:1rem;margin-bottom:1rem}.-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}.box-border{box-sizing:border-box}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}.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-\[3\/1\]{aspect-ratio:3/1}.aspect-\[4\.5\/1\]{aspect-ratio:4.5/1}.aspect-\[8\/5\]{aspect-ratio:8/5}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.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-14{height:3.5rem}.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-40{height:10rem}.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-\[154px\]{height:154px}.h-\[19px\]{height:19px}.h-\[1px\]{height:1px}.h-\[200px\]{height:200px}.h-\[52px\]{height:52px}.h-\[86px\]{height:86px}.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-\[136px\]{max-height:136px}.max-h-\[300px\]{max-height:300px}.max-h-\[56px\]{max-height:56px}.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-2\/3{width:66.666667%}.w-2\/5{width:40%}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-4\/5{width:80%}.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-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[120px\]{width:120px}.w-\[180px\]{width:180px}.w-\[1px\]{width:1px}.w-\[2\%\]{width:2%}.w-\[200px\]{width:200px}.w-\[250px\]{width:250px}.w-\[260px\]{width:260px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[350px\]{width:350px}.w-\[360px\]{width:360px}.w-\[380px\]{width:380px}.w-\[400px\]{width:400px}.w-\[420px\]{width:420px}.w-\[450px\]{width:450px}.w-\[600px\]{width:600px}.w-\[60px\]{width:60px}.w-\[800px\]{width:800px}.w-\[86px\]{width:86px}.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-\[248px\]{max-width:248px}.max-w-\[268px\]{max-width:268px}.max-w-\[276px\]{max-width:276px}.max-w-\[280px\]{max-width:280px}.max-w-\[296px\]{max-width:296px}.max-w-\[300px\]{max-width:300px}.max-w-\[320px\]{max-width:320px}.max-w-\[344px\]{max-width:344px}.max-w-\[430px\]{max-width:430px}.max-w-\[500px\]{max-width:500px}.max-w-\[560px\]{max-width:560px}.max-w-\[592px\]{max-width:592px}.max-w-\[600px\]{max-width:600px}.max-w-\[640px\]{max-width:640px}.max-w-\[680px\]{max-width:680px}.max-w-\[720px\]{max-width:720px}.max-w-\[740px\]{max-width:740px}.max-w-\[760px\]{max-width:760px}.max-w-\[820px\]{max-width:820px}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-full{max-width:100%}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-screen-lg{max-width:1024px}.max-w-screen-md{max-width:768px}.max-w-screen-sm{max-width:640px}.max-w-screen-xl{max-width:1280px}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.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-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[5px\]{gap:5px}.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-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(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-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.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-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-bl-lg{border-bottom-left-radius:var(--radius)}.rounded-bl-xl{border-bottom-left-radius:.75rem}.rounded-br-none{border-bottom-right-radius:0}.rounded-tl-none{border-top-left-radius:0}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.rounded-tr-lg{border-top-right-radius:var(--radius)}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-y{border-top-width:1px}.border-b,.border-y{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-700{--tw-border-opacity:1;border-color:rgb(64 64 64/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-y-grey-200{--tw-border-opacity:1;border-top-color:rgb(221 226 230/var(--tw-border-opacity,1));border-bottom-color:rgb(221 226 230/var(--tw-border-opacity,1))}.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\/30{background-color:rgba(0,0,0,.3)}.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-white\/30{background-color:hsla(0,0%,100%,.3)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-opacity-90{--tw-bg-opacity:0.9}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.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-0{padding-left:0;padding-right:0}.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-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[30px\]{padding-left:30px;padding-right:30px}.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-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[14px\]{padding-top:14px;padding-bottom:14px}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-\[56\.25\%\]{padding-bottom:56.25%}.pl-1{padding-left:.25rem}.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-4{padding-top:1rem}.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-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[18px\]{font-size:18px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-medium14{font-size:14px;line-height:20px;font-weight:500}.text-regular13{font-size:13px;line-height:19px;font-weight:400}.text-regular14{font-weight:400}.text-regular14,.text-semibold14{font-size:14px;line-height:20px}.text-semibold14{font-weight:600}.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-\[17px\]{line-height:17px}.leading-\[19px\]{line-height:19px}.leading-none{line-height:1}.leading-snug{line-height:1.375}.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\:aspect-\[5\/1\]{aspect-ratio:5/1}.xs\:h-full{height:100%}.xs\:text-base{font-size:1rem;line-height:1.5rem}.xs\:text-regular14{font-size:14px;line-height:20px;font-weight:400}.xs\:text-semibold16{font-size:16px;line-height:24px;font-weight:600}.xs\:text-semibold18{font-size:18px;line-height:26px;font-weight:600}.xs\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:640px){.sm\:aspect-\[6\/1\]{aspect-ratio:6/1}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.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\:bottom-6{bottom:1.5rem}.md\:left-4{left:1rem}.md\:left-5{left:1.25rem}.md\:right-4{right:1rem}.md\:right-6{right:1.5rem}.md\:top-7{top:1.75rem}.md\:block{display:block}.md\:aspect-\[8\/1\]{aspect-ratio:8/1}.md\:size-\[10px\]{width:10px;height:10px}.md\:size-\[18px\]{width:18px;height:18px}.md\:h-10{height:2.5rem}.md\:h-11{height:2.75rem}.md\:h-12{height:3rem}.md\:h-16{height:4rem}.md\:h-\[174px\]{height:174px}.md\:h-\[200px\]{height:200px}.md\:h-\[54px\]{height:54px}.md\:h-\[96px\]{height:96px}.md\:h-auto{height:auto}.md\:max-h-40{max-height:10rem}.md\:max-h-\[50vh\]{max-height:50vh}.md\:w-32{width:8rem}.md\:w-\[140px\]{width:140px}.md\:w-\[96px\]{width:96px}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[592px\]{max-width:592px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-2{gap:.5rem}.md\:gap-3{gap:.75rem}.md\:gap-4{gap:1rem}.md\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.md\:gap-y-5{row-gap:1.25rem}.md\:p-2{padding:.5rem}.md\:p-5{padding:1.25rem}.md\:px-10{padding-left:2.5rem;padding-right:2.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\:pb-0{padding-bottom:0}.md\:pl-10{padding-left:2.5rem}.md\:pr-10{padding-right:2.5rem}.md\:pt-10{padding-top: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\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:leading-6{line-height:1.5rem}.md\:text-grey-800{--tw-text-opacity:1;color:rgb(38 40 42/var(--tw-text-opacity,1))}.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\:bottom-4{bottom:1rem}.lg\:right-10{right:2.5rem}.lg\:hidden{display:none}.lg\:aspect-\[6\/1\]{aspect-ratio:6/1}.lg\:h-12{height:3rem}.lg\:h-\[174px\]{height:174px}.lg\:max-h-\[176px\]{max-height:176px}.lg\:w-3\/5{width:60%}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:gap-4{gap:1rem}.lg\:p-6{padding:1.5rem}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:pt-6{padding-top:1.5rem}}@media (min-width:1280px){.xl\:block{display:block}.xl\:hidden{display:none}.xl\:aspect-\[7\/1\]{aspect-ratio:7/1}.xl\:h-\[174px\]{height:174px}}.\[\&\: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}
|
|
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-4{left:1rem}.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-4{top:1rem}.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}.my-4{margin-top:1rem;margin-bottom:1rem}.-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}.box-border{box-sizing:border-box}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-3{-webkit-line-clamp:3}.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-\[3\/1\]{aspect-ratio:3/1}.aspect-\[4\.5\/1\]{aspect-ratio:4.5/1}.aspect-\[8\/5\]{aspect-ratio:8/5}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.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-14{height:3.5rem}.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-40{height:10rem}.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-\[154px\]{height:154px}.h-\[19px\]{height:19px}.h-\[1px\]{height:1px}.h-\[200px\]{height:200px}.h-\[52px\]{height:52px}.h-\[86px\]{height:86px}.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-\[136px\]{max-height:136px}.max-h-\[300px\]{max-height:300px}.max-h-\[56px\]{max-height:56px}.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-2\/3{width:66.666667%}.w-2\/5{width:40%}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-4\/5{width:80%}.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-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[120px\]{width:120px}.w-\[180px\]{width:180px}.w-\[1px\]{width:1px}.w-\[2\%\]{width:2%}.w-\[200px\]{width:200px}.w-\[250px\]{width:250px}.w-\[260px\]{width:260px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[350px\]{width:350px}.w-\[360px\]{width:360px}.w-\[380px\]{width:380px}.w-\[400px\]{width:400px}.w-\[420px\]{width:420px}.w-\[450px\]{width:450px}.w-\[600px\]{width:600px}.w-\[60px\]{width:60px}.w-\[800px\]{width:800px}.w-\[86px\]{width:86px}.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-\[248px\]{max-width:248px}.max-w-\[268px\]{max-width:268px}.max-w-\[276px\]{max-width:276px}.max-w-\[280px\]{max-width:280px}.max-w-\[296px\]{max-width:296px}.max-w-\[300px\]{max-width:300px}.max-w-\[320px\]{max-width:320px}.max-w-\[344px\]{max-width:344px}.max-w-\[430px\]{max-width:430px}.max-w-\[500px\]{max-width:500px}.max-w-\[560px\]{max-width:560px}.max-w-\[592px\]{max-width:592px}.max-w-\[600px\]{max-width:600px}.max-w-\[640px\]{max-width:640px}.max-w-\[680px\]{max-width:680px}.max-w-\[720px\]{max-width:720px}.max-w-\[740px\]{max-width:740px}.max-w-\[760px\]{max-width:760px}.max-w-\[820px\]{max-width:820px}.max-w-fit{max-width:-moz-fit-content;max-width:fit-content}.max-w-full{max-width:100%}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-screen-lg{max-width:1024px}.max-w-screen-md{max-width:768px}.max-w-screen-sm{max-width:640px}.max-w-screen-xl{max-width:1280px}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.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-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[5px\]{gap:5px}.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-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(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-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.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-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.rounded-bl-lg{border-bottom-left-radius:var(--radius)}.rounded-bl-xl{border-bottom-left-radius:.75rem}.rounded-br-none{border-bottom-right-radius:0}.rounded-tl-none{border-top-left-radius:0}.rounded-tl-sm{border-top-left-radius:calc(var(--radius) - 4px)}.rounded-tr-lg{border-top-right-radius:var(--radius)}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-y{border-top-width:1px}.border-b,.border-y{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-700{--tw-border-opacity:1;border-color:rgb(64 64 64/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-y-grey-200{--tw-border-opacity:1;border-top-color:rgb(221 226 230/var(--tw-border-opacity,1));border-bottom-color:rgb(221 226 230/var(--tw-border-opacity,1))}.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\/30{background-color:rgba(0,0,0,.3)}.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-white\/30{background-color:hsla(0,0%,100%,.3)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-opacity-90{--tw-bg-opacity:0.9}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.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-0{padding-left:0;padding-right:0}.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:10px;padding-right:10px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:14px;padding-right:14px}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[30px\]{padding-left:30px;padding-right:30px}.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-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[14px\]{padding-top:14px;padding-bottom:14px}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-\[56\.25\%\]{padding-bottom:56.25%}.pl-1{padding-left:.25rem}.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-4{padding-top:1rem}.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-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[18px\]{font-size:18px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-medium14{font-size:14px;line-height:20px;font-weight:500}.text-regular13{font-size:13px;line-height:19px;font-weight:400}.text-regular14{font-weight:400}.text-regular14,.text-semibold14{font-size:14px;line-height:20px}.text-semibold14{font-weight:600}.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-\[17px\]{line-height:17px}.leading-\[19px\]{line-height:19px}.leading-none{line-height:1}.leading-snug{line-height:1.375}.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-base{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-base{--tw-shadow:0px 0px 4px 0px rgba(0,0,0,.06);--tw-shadow-colored:0px 0px 4px 0px var(--tw-shadow-color)}.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-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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-sm{--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)}.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)}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height);opacity:100%}to{height:0;opacity:0}}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up .2s ease-out}@keyframes accordion-down{0%{height:0;opacity:0}to{height:var(--radix-accordion-content-height);opacity:100%}}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down .2s ease-out}.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\:aspect-\[5\/1\]{aspect-ratio:5/1}.xs\:h-full{height:100%}.xs\:text-base{font-size:1rem;line-height:1.5rem}.xs\:text-regular14{font-size:14px;line-height:20px;font-weight:400}.xs\:text-semibold16{font-size:16px;line-height:24px;font-weight:600}.xs\:text-semibold18{font-size:18px;line-height:26px;font-weight:600}.xs\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:640px){.sm\:aspect-\[6\/1\]{aspect-ratio:6/1}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.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\:bottom-6{bottom:1.5rem}.md\:left-4{left:1rem}.md\:left-5{left:1.25rem}.md\:right-4{right:1rem}.md\:right-6{right:1.5rem}.md\:top-7{top:1.75rem}.md\:block{display:block}.md\:aspect-\[8\/1\]{aspect-ratio:8/1}.md\:size-\[10px\]{width:10px;height:10px}.md\:size-\[18px\]{width:18px;height:18px}.md\:h-10{height:2.5rem}.md\:h-11{height:2.75rem}.md\:h-12{height:3rem}.md\:h-16{height:4rem}.md\:h-\[174px\]{height:174px}.md\:h-\[200px\]{height:200px}.md\:h-\[54px\]{height:54px}.md\:h-\[96px\]{height:96px}.md\:h-auto{height:auto}.md\:max-h-40{max-height:10rem}.md\:max-h-\[50vh\]{max-height:50vh}.md\:w-32{width:8rem}.md\:w-\[140px\]{width:140px}.md\:w-\[96px\]{width:96px}.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}.md\:w-auto{width:auto}.md\:max-w-\[592px\]{max-width:592px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-2{gap:.5rem}.md\:gap-3{gap:.75rem}.md\:gap-4{gap:1rem}.md\:gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.md\:gap-y-5{row-gap:1.25rem}.md\:p-2{padding:.5rem}.md\:p-5{padding:1.25rem}.md\:px-10{padding-left:2.5rem;padding-right:2.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:10px;padding-bottom:10px}.md\:pb-0{padding-bottom:0}.md\:pl-10{padding-left:2.5rem}.md\:pr-10{padding-right:2.5rem}.md\:pt-10{padding-top: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\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:leading-6{line-height:1.5rem}.md\:text-grey-800{--tw-text-opacity:1;color:rgb(38 40 42/var(--tw-text-opacity,1))}.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\:bottom-4{bottom:1rem}.lg\:right-10{right:2.5rem}.lg\:hidden{display:none}.lg\:aspect-\[6\/1\]{aspect-ratio:6/1}.lg\:h-12{height:3rem}.lg\:h-\[174px\]{height:174px}.lg\:max-h-\[176px\]{max-height:176px}.lg\:w-3\/5{width:60%}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:gap-4{gap:1rem}.lg\:p-6{padding:1.5rem}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:pt-6{padding-top:1.5rem}}@media (min-width:1280px){.xl\:block{display:block}.xl\:hidden{display:none}.xl\:aspect-\[7\/1\]{aspect-ratio:7/1}.xl\:h-\[174px\]{height:174px}}.\[\&\: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}
|
|
@@ -0,0 +1,315 @@
|
|
|
1
|
+
const {
|
|
2
|
+
inherit,
|
|
3
|
+
current,
|
|
4
|
+
transparent,
|
|
5
|
+
black,
|
|
6
|
+
white,
|
|
7
|
+
slate,
|
|
8
|
+
gray,
|
|
9
|
+
zinc,
|
|
10
|
+
neutral,
|
|
11
|
+
stone,
|
|
12
|
+
red,
|
|
13
|
+
orange,
|
|
14
|
+
amber,
|
|
15
|
+
yellow,
|
|
16
|
+
lime,
|
|
17
|
+
green,
|
|
18
|
+
emerald,
|
|
19
|
+
teal,
|
|
20
|
+
cyan,
|
|
21
|
+
sky,
|
|
22
|
+
blue,
|
|
23
|
+
indigo,
|
|
24
|
+
violet,
|
|
25
|
+
purple,
|
|
26
|
+
fuchsia,
|
|
27
|
+
pink,
|
|
28
|
+
rose,
|
|
29
|
+
} = require("tailwindcss/colors");
|
|
30
|
+
const defaultTheme = require("tailwindcss/defaultTheme");
|
|
31
|
+
const optionalRequire = (moduleName) => {
|
|
32
|
+
try {
|
|
33
|
+
return require(moduleName);
|
|
34
|
+
} catch {
|
|
35
|
+
return null;
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
const defaultPalette = {
|
|
40
|
+
inherit,
|
|
41
|
+
current,
|
|
42
|
+
transparent,
|
|
43
|
+
black,
|
|
44
|
+
white,
|
|
45
|
+
slate,
|
|
46
|
+
gray,
|
|
47
|
+
zinc,
|
|
48
|
+
neutral,
|
|
49
|
+
stone,
|
|
50
|
+
red,
|
|
51
|
+
orange,
|
|
52
|
+
amber,
|
|
53
|
+
yellow,
|
|
54
|
+
lime,
|
|
55
|
+
green,
|
|
56
|
+
emerald,
|
|
57
|
+
teal,
|
|
58
|
+
cyan,
|
|
59
|
+
sky,
|
|
60
|
+
blue,
|
|
61
|
+
indigo,
|
|
62
|
+
violet,
|
|
63
|
+
purple,
|
|
64
|
+
fuchsia,
|
|
65
|
+
pink,
|
|
66
|
+
rose,
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
const boottentDesignTailwindPreset = {
|
|
70
|
+
darkMode: "class",
|
|
71
|
+
theme: {
|
|
72
|
+
container: {
|
|
73
|
+
center: true,
|
|
74
|
+
padding: "2rem",
|
|
75
|
+
screens: {
|
|
76
|
+
"2xl": "1400px",
|
|
77
|
+
},
|
|
78
|
+
},
|
|
79
|
+
fontFamily: {
|
|
80
|
+
sans: ["Pretendard", "system-ui", "sans-serif"],
|
|
81
|
+
},
|
|
82
|
+
extend: {
|
|
83
|
+
colors: {
|
|
84
|
+
border: "var(--border)",
|
|
85
|
+
input: "hsl(var(--input))",
|
|
86
|
+
ring: "hsl(var(--ring))",
|
|
87
|
+
background: "var(--background)",
|
|
88
|
+
foreground: "var(--foreground)",
|
|
89
|
+
primary: {
|
|
90
|
+
DEFAULT: "var(--primary)",
|
|
91
|
+
foreground: "var(--primary-foreground)",
|
|
92
|
+
},
|
|
93
|
+
secondary: {
|
|
94
|
+
DEFAULT: "var(--secondary)",
|
|
95
|
+
foreground: "var(--secondary-foreground)",
|
|
96
|
+
},
|
|
97
|
+
destructive: {
|
|
98
|
+
DEFAULT: "var(--destructive)",
|
|
99
|
+
foreground: "hsl(var(--destructive-foreground))",
|
|
100
|
+
},
|
|
101
|
+
muted: {
|
|
102
|
+
DEFAULT: "var(--muted)",
|
|
103
|
+
foreground: "var(--muted-foreground)",
|
|
104
|
+
border: "var(--muted-border)",
|
|
105
|
+
},
|
|
106
|
+
accent: {
|
|
107
|
+
DEFAULT: "var(--accent)",
|
|
108
|
+
foreground: "hsl(var(--accent-foreground))",
|
|
109
|
+
},
|
|
110
|
+
popover: {
|
|
111
|
+
DEFAULT: "hsl(var(--popover))",
|
|
112
|
+
foreground: "hsl(var(--popover-foreground))",
|
|
113
|
+
},
|
|
114
|
+
card: {
|
|
115
|
+
DEFAULT: "hsl(var(--card))",
|
|
116
|
+
foreground: "hsl(var(--card-foreground))",
|
|
117
|
+
},
|
|
118
|
+
},
|
|
119
|
+
borderRadius: {
|
|
120
|
+
...defaultTheme.borderRadius,
|
|
121
|
+
lg: "var(--radius)",
|
|
122
|
+
md: "calc(var(--radius) - 2px)",
|
|
123
|
+
sm: "calc(var(--radius) - 4px)",
|
|
124
|
+
},
|
|
125
|
+
keyframes: {
|
|
126
|
+
"accordion-down": {
|
|
127
|
+
from: { height: "0", opacity: "0%" },
|
|
128
|
+
to: { height: "var(--radix-accordion-content-height)", opacity: "100%" },
|
|
129
|
+
},
|
|
130
|
+
"accordion-up": {
|
|
131
|
+
from: { height: "var(--radix-accordion-content-height)", opacity: "100%" },
|
|
132
|
+
to: { height: "0", opacity: "0%" },
|
|
133
|
+
},
|
|
134
|
+
pokeRight: {
|
|
135
|
+
"0%, 100%": {
|
|
136
|
+
transform: "translateX(0%)",
|
|
137
|
+
animationTimingFunction: "cubic-bezier(0.8,0,1,1)",
|
|
138
|
+
},
|
|
139
|
+
"50%": {
|
|
140
|
+
transform: "translateX(25%)",
|
|
141
|
+
animationTimingFunction: "cubic-bezier(0,0,0.2,1)",
|
|
142
|
+
},
|
|
143
|
+
},
|
|
144
|
+
"overlay-in": {
|
|
145
|
+
"0%": { opacity: "0" },
|
|
146
|
+
"100%": { opacity: "1" },
|
|
147
|
+
},
|
|
148
|
+
"pop-in": {
|
|
149
|
+
"0%": { opacity: "0", transform: "translateY(8px) scale(0.2)" },
|
|
150
|
+
"100%": { opacity: "1", transform: "translateY(0) scale(1)" },
|
|
151
|
+
},
|
|
152
|
+
"overlay-out": {
|
|
153
|
+
"0%": { opacity: "1" },
|
|
154
|
+
"100%": { opacity: "0" },
|
|
155
|
+
},
|
|
156
|
+
"pop-out": {
|
|
157
|
+
"0%": { opacity: "1", transform: "translateY(0) scale(1)" },
|
|
158
|
+
"100%": { opacity: "0", transform: "translateY(8px) scale(0.8)" },
|
|
159
|
+
},
|
|
160
|
+
},
|
|
161
|
+
animation: {
|
|
162
|
+
"accordion-down": "accordion-down 0.2s ease-out",
|
|
163
|
+
"accordion-up": "accordion-up 0.2s ease-out",
|
|
164
|
+
pokeRight: "pokeRight 1s infinite",
|
|
165
|
+
"overlay-in": "overlay-in 180ms ease-out both",
|
|
166
|
+
"pop-in": "pop-in 220ms ease-out both",
|
|
167
|
+
"overlay-out": "overlay-out 160ms ease-in both",
|
|
168
|
+
"pop-out": "pop-out 180ms ease-in both",
|
|
169
|
+
},
|
|
170
|
+
fontFamily: {
|
|
171
|
+
pretendard: ["var(--font-pretendard)"],
|
|
172
|
+
},
|
|
173
|
+
aspectRatio: {
|
|
174
|
+
photo: "4 / 3",
|
|
175
|
+
portrait: "3 / 4",
|
|
176
|
+
},
|
|
177
|
+
padding: {
|
|
178
|
+
2.5: "10px",
|
|
179
|
+
3.5: "14px",
|
|
180
|
+
7.5: "30px",
|
|
181
|
+
},
|
|
182
|
+
backgroundImage: {
|
|
183
|
+
"gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
|
|
184
|
+
"gradient-conic": "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
|
|
185
|
+
},
|
|
186
|
+
},
|
|
187
|
+
listStyleType: {
|
|
188
|
+
none: "none",
|
|
189
|
+
disc: "disc",
|
|
190
|
+
square: "square",
|
|
191
|
+
circle: "circle",
|
|
192
|
+
decimal: "decimal",
|
|
193
|
+
roman: "upper-roman",
|
|
194
|
+
dash: '"- "',
|
|
195
|
+
lower: "lower-alpha",
|
|
196
|
+
upper: "upper-alpha",
|
|
197
|
+
},
|
|
198
|
+
fontSize: {
|
|
199
|
+
...defaultTheme.fontSize,
|
|
200
|
+
bold30: ["30px", { lineHeight: "38px", fontWeight: "700" }],
|
|
201
|
+
bold24: ["24px", { lineHeight: "32px", fontWeight: "700" }],
|
|
202
|
+
bold20: ["20px", { lineHeight: "28px", fontWeight: "700" }],
|
|
203
|
+
semibold18: ["18px", { lineHeight: "26px", fontWeight: "600" }],
|
|
204
|
+
semibold16: ["16px", { lineHeight: "24px", fontWeight: "600" }],
|
|
205
|
+
semibold15: ["15px", { lineHeight: "23px", fontWeight: "600" }],
|
|
206
|
+
semibold14: ["14px", { lineHeight: "20px", fontWeight: "600" }],
|
|
207
|
+
semibold13: ["13px", { lineHeight: "19px", fontWeight: "600" }],
|
|
208
|
+
semibold12: ["12px", { lineHeight: "16px", fontWeight: "600" }],
|
|
209
|
+
medium16: ["16px", { lineHeight: "24px", fontWeight: "500" }],
|
|
210
|
+
medium14: ["14px", { lineHeight: "20px", fontWeight: "500" }],
|
|
211
|
+
regular16: ["16px", { lineHeight: "24px", fontWeight: "400" }],
|
|
212
|
+
regular14: ["14px", { lineHeight: "20px", fontWeight: "400" }],
|
|
213
|
+
regular13: ["13px", { lineHeight: "19px", fontWeight: "400" }],
|
|
214
|
+
regular12: ["12px", { lineHeight: "16px", fontWeight: "400" }],
|
|
215
|
+
},
|
|
216
|
+
boxShadow: {
|
|
217
|
+
...defaultTheme.boxShadow,
|
|
218
|
+
base: "0px 0px 4px 0px rgba(0, 0, 0, 0.06)",
|
|
219
|
+
right: "6px 0px 10px -2px rgba(221, 226, 230, 0.35)",
|
|
220
|
+
upper: "0px -15px 30px -20px rgba(0, 0, 0, 0.3)",
|
|
221
|
+
highlight: "inset 0 -10px 0 #f6ffd2",
|
|
222
|
+
carousel:
|
|
223
|
+
"0px 151px 42px 0px rgba(83, 47, 177, 0.00), 0px 96px 39px 0px rgba(83, 47, 177, 0.01), 0px 54px 33px 0px rgba(83, 47, 177, 0.05), 0px 24px 24px 0px rgba(83, 47, 177, 0.09), 0px 6px 13px 0px rgba(83, 47, 177, 0.10)",
|
|
224
|
+
},
|
|
225
|
+
screens: {
|
|
226
|
+
xs: "480px",
|
|
227
|
+
xxs: "360px",
|
|
228
|
+
...defaultTheme.screens,
|
|
229
|
+
},
|
|
230
|
+
colors: {
|
|
231
|
+
...defaultPalette,
|
|
232
|
+
grey: {
|
|
233
|
+
50: "#FCFEFF",
|
|
234
|
+
100: "#F5F8FA",
|
|
235
|
+
200: "#DDE2E6",
|
|
236
|
+
300: "#D0D3D5",
|
|
237
|
+
400: "#A2A3A4",
|
|
238
|
+
500: "#737474",
|
|
239
|
+
600: "#525252",
|
|
240
|
+
700: "#404040",
|
|
241
|
+
800: "#26282A",
|
|
242
|
+
900: "#181919",
|
|
243
|
+
950: "#0A0A0B",
|
|
244
|
+
},
|
|
245
|
+
main: {
|
|
246
|
+
50: "#F8F8FF",
|
|
247
|
+
100: "#ECECFF",
|
|
248
|
+
200: "#D5D4FA",
|
|
249
|
+
300: "#BEB6F7",
|
|
250
|
+
400: "#A08DF2",
|
|
251
|
+
500: "#8261ED",
|
|
252
|
+
600: "#7344E3",
|
|
253
|
+
700: "#6434D1",
|
|
254
|
+
800: "#532FB1",
|
|
255
|
+
900: "#462690",
|
|
256
|
+
950: "#2A1662",
|
|
257
|
+
},
|
|
258
|
+
red: {
|
|
259
|
+
...red,
|
|
260
|
+
50: "#FEEFEE",
|
|
261
|
+
300: "#FF4A56",
|
|
262
|
+
400: "#E91927",
|
|
263
|
+
500: "#C4131F",
|
|
264
|
+
},
|
|
265
|
+
pink: {
|
|
266
|
+
...pink,
|
|
267
|
+
50: "#FFEAFD",
|
|
268
|
+
500: "#D2216C",
|
|
269
|
+
},
|
|
270
|
+
yellow: {
|
|
271
|
+
...yellow,
|
|
272
|
+
100: "#FFFAE2",
|
|
273
|
+
300: "#FFED97",
|
|
274
|
+
400: "#FFE55C",
|
|
275
|
+
kakao: "#FEE500",
|
|
276
|
+
},
|
|
277
|
+
orange: {
|
|
278
|
+
...orange,
|
|
279
|
+
50: "#FFF2DD",
|
|
280
|
+
500: "#F16815",
|
|
281
|
+
},
|
|
282
|
+
brown: {
|
|
283
|
+
50: "#FEF6E2",
|
|
284
|
+
500: "#C9600B",
|
|
285
|
+
},
|
|
286
|
+
lime: {
|
|
287
|
+
...lime,
|
|
288
|
+
50: "#FAFFE2",
|
|
289
|
+
500: "#639A05",
|
|
290
|
+
},
|
|
291
|
+
green: {
|
|
292
|
+
...green,
|
|
293
|
+
50: "#F4FFEA",
|
|
294
|
+
500: "#349613",
|
|
295
|
+
naver: "#03C75A",
|
|
296
|
+
},
|
|
297
|
+
teal: {
|
|
298
|
+
...teal,
|
|
299
|
+
50: "#E3FFFA",
|
|
300
|
+
500: "#248E93",
|
|
301
|
+
},
|
|
302
|
+
blue: {
|
|
303
|
+
...blue,
|
|
304
|
+
50: "#F0F8FF",
|
|
305
|
+
100: "#E4F6FF",
|
|
306
|
+
400: "#3A8AF1",
|
|
307
|
+
500: "#2D60D4",
|
|
308
|
+
600: "#4145AC",
|
|
309
|
+
},
|
|
310
|
+
},
|
|
311
|
+
},
|
|
312
|
+
plugins: [optionalRequire("daisyui"), optionalRequire("@tailwindcss/typography"), optionalRequire("tailwindcss-animate")].filter(Boolean),
|
|
313
|
+
};
|
|
314
|
+
|
|
315
|
+
module.exports = boottentDesignTailwindPreset;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "boottent-design",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.235",
|
|
4
4
|
"description": "부트텐트 디자인시스템 라이브러리",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -16,6 +16,12 @@
|
|
|
16
16
|
"style": "./dist/styles.css",
|
|
17
17
|
"exports": {
|
|
18
18
|
"./styles.css": "./dist/styles.css",
|
|
19
|
+
"./foundation.css": "./dist/foundation.css",
|
|
20
|
+
"./tailwind-preset": {
|
|
21
|
+
"types": "./dist/types/tailwind-preset.d.ts",
|
|
22
|
+
"import": "./dist/tailwind-preset.js",
|
|
23
|
+
"require": "./dist/tailwind-preset.cjs"
|
|
24
|
+
},
|
|
19
25
|
"./tokens": {
|
|
20
26
|
"types": "./dist/types/tokens.d.ts",
|
|
21
27
|
"import": "./dist/tokens.es.js",
|
|
@@ -45,12 +51,13 @@
|
|
|
45
51
|
"scripts": {
|
|
46
52
|
"dev": "vite",
|
|
47
53
|
"prebuild": "rm -rf dist",
|
|
48
|
-
"build": "tsc && yarn run build:lib && yarn run normalize:type-exports && yarn run build:styles && yarn run check:runtime-safety && yarn run export:design-md",
|
|
54
|
+
"build": "tsc && yarn run build:lib && yarn run normalize:type-exports && yarn run build:styles && yarn run export:tailwind-integration && yarn run check:runtime-safety && yarn run export:design-md",
|
|
49
55
|
"build:lib": "vite build",
|
|
50
56
|
"build:lib:watch": "vite build --watch",
|
|
51
57
|
"build:styles": "tailwindcss -c tailwind.config.ts -i ./src/index.css -o ./dist/styles.css --minify",
|
|
52
58
|
"build:styles:watch": "tailwindcss -c tailwind.config.ts -i ./src/index.css -o ./dist/styles.css --watch",
|
|
53
59
|
"normalize:type-exports": "node scripts/normalize-component-type-exports.mjs",
|
|
60
|
+
"export:tailwind-integration": "node scripts/export-tailwind-integration.mjs",
|
|
54
61
|
"export:design-md": "node scripts/export-design-md.mjs",
|
|
55
62
|
"check:runtime-safety": "node scripts/check-runtime-safety.mjs",
|
|
56
63
|
"bench:consumer": "node scripts/benchmark-consumer-build.mjs",
|
|
@@ -100,6 +107,7 @@
|
|
|
100
107
|
"clsx": "^2.0.0",
|
|
101
108
|
"cmdk": "^1.1.1",
|
|
102
109
|
"date-fns": "^3.6.0",
|
|
110
|
+
"daisyui": "^3.5.1",
|
|
103
111
|
"framer-motion": "^11.11.9",
|
|
104
112
|
"lucide-react": "^0.516.0",
|
|
105
113
|
"react-day-picker": "^8.10.1",
|
|
@@ -109,7 +117,9 @@
|
|
|
109
117
|
"react-icons": "^5.3.0",
|
|
110
118
|
"react-syntax-highlighter": "^15.6.1",
|
|
111
119
|
"sonner": "^2.0.5",
|
|
120
|
+
"@tailwindcss/typography": "^0.5.10",
|
|
112
121
|
"tailwind-merge": "^2.1.0",
|
|
122
|
+
"tailwindcss-animate": "^1.0.7",
|
|
113
123
|
"uuid": "^9.0.1"
|
|
114
124
|
},
|
|
115
125
|
"devDependencies": {
|