@jx-health/rich-editor 0.0.1

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.
Files changed (5) hide show
  1. package/README.md +23 -0
  2. package/dist/index.d.ts +1129 -0
  3. package/dist/index.js +23421 -0
  4. package/dist/style.css +1654 -0
  5. package/package.json +120 -0
package/dist/style.css ADDED
@@ -0,0 +1,1654 @@
1
+ /* layer: una-base */
2
+ .animate-in,
3
+ .data-\[state\=open\]\:animate-in[data-state=open]{animation:una-in;animation-name:una-in;animation-duration:150ms;--una-enter-opacity:initial;--una-enter-scale:initial;--una-enter-rotate:initial;--una-enter-translate-x:initial;--una-enter-translate-y:initial;}
4
+ .data-\[state\=closed\]\:animate-out[data-state=closed]{animation:una-out;animation-name:una-out;animation-duration:150ms;--una-exit-opacity:initial;--una-exit-scale:initial;--una-exit-rotate:initial;--una-exit-translate-x:initial;--una-exit-translate-y:initial;}
5
+ /* layer: properties */
6
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-bg-opacity:100%;--un-outline-opacity:100%;--un-outline-style:solid;--un-caret-opacity:100%;--un-ease:initial;--un-leading:initial;--un-border-opacity:100%;--un-text-opacity:100%;--un-border-top-opacity:100%;--un-border-left-opacity:100%;--un-translate-x:initial;--un-translate-y:initial;--un-translate-z:initial;--un-ring-offset-opacity:100%;--un-space-x-reverse:initial;--un-ring-opacity:100%;--un-border-bottom-opacity:100%;}}
7
+ @property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
8
+ @property --un-leading{syntax:"*";inherits:false;}
9
+ @property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
10
+ @property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}
11
+ @property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
12
+ @property --un-border-bottom-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
13
+ @property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
14
+ @property --un-ring-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
15
+ @property --un-ring-offset-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
16
+ @property --un-inset-ring-color{syntax:"*";inherits:false;}
17
+ @property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
18
+ @property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
19
+ @property --un-inset-shadow-color{syntax:"*";inherits:false;}
20
+ @property --un-ring-color{syntax:"*";inherits:false;}
21
+ @property --un-ring-inset{syntax:"*";inherits:false;}
22
+ @property --un-ring-offset-color{syntax:"*";inherits:false;}
23
+ @property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
24
+ @property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}
25
+ @property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
26
+ @property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
27
+ @property --un-shadow-color{syntax:"*";inherits:false;}
28
+ @property --un-translate-x{syntax:"*";inherits:false;initial-value:0;}
29
+ @property --un-translate-y{syntax:"*";inherits:false;initial-value:0;}
30
+ @property --un-translate-z{syntax:"*";inherits:false;initial-value:0;}
31
+ @property --un-ease{syntax:"*";inherits:false;}
32
+ @property --un-blur{syntax:"*";inherits:false;}
33
+ @property --un-brightness{syntax:"*";inherits:false;}
34
+ @property --un-contrast{syntax:"*";inherits:false;}
35
+ @property --un-drop-shadow{syntax:"*";inherits:false;}
36
+ @property --un-grayscale{syntax:"*";inherits:false;}
37
+ @property --un-hue-rotate{syntax:"*";inherits:false;}
38
+ @property --un-invert{syntax:"*";inherits:false;}
39
+ @property --un-saturate{syntax:"*";inherits:false;}
40
+ @property --un-sepia{syntax:"*";inherits:false;}
41
+ @property --un-space-x-reverse{syntax:"*";inherits:false;initial-value:0;}
42
+ /* layer: theme */
43
+ :root, :host { --spacing: 0.25rem; --text-sm-fontSize: 0.875rem; --text-sm-lineHeight: 1.25rem; --font-sans: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --default-font-family: var(--font-sans); --default-monoFont-family: var(--font-mono); --fontWeight-normal: 400; --colors-black: #000; --colors-white: #fff; --radius-DEFAULT: 0.25rem; --default-transition-timingFunction: cubic-bezier(0.4, 0, 0.2, 1); --default-transition-duration: 150ms; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --container-2xl: 42rem; --leading-relaxed: 1.625; --fontWeight-bold: 700; --fontWeight-extrabold: 800; --radius-sm: 0.25rem; --radius-lg: 0.5rem; --radius-none: 0; --colors-gray-50: oklch(98.5% 0.002 247.839); --colors-neutral-100: oklch(97% 0 0); --colors-yellow-300: oklch(90.5% 0.182 98.111); --colors-red-400: oklch(70.4% 0.191 22.216); --colors-blue-500: oklch(62.3% 0.214 259.815); --colors-red-500: oklch(63.7% 0.237 25.331); --colors-neutral-900: oklch(20.5% 0 0); --colors-neutral-700: oklch(37.1% 0 0); --colors-neutral-400: oklch(70.8% 0 0); --colors-red-300: oklch(80.8% 0.114 19.571); --colors-orange-300: oklch(83.7% 0.128 66.29); --colors-lime-300: oklch(89.7% 0.196 126.665); --colors-teal-300: oklch(85.5% 0.138 181.071); --text-3xl-fontSize: 1.875rem; --text-3xl-lineHeight: 2.25rem; --text-2xl-fontSize: 1.5rem; --text-2xl-lineHeight: 2rem; --text-xl-fontSize: 1.25rem; --text-xl-lineHeight: 1.75rem; --text-lg-fontSize: 1.125rem; --text-lg-lineHeight: 1.75rem; --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --colors-gray-900: oklch(21% 0.034 264.665); --colors-blue-400: oklch(70.7% 0.165 254.624); --colors-neutral-800: oklch(26.9% 0 0); --colors-neutral-300: oklch(87% 0 0); --ease-out: cubic-bezier(0, 0, 0.2, 1); --colors-neutral-600: oklch(43.9% 0 0); --text-xs-fontSize: 0.75rem; --text-xs-lineHeight: 1rem; --colors-neutral-200: oklch(92.2% 0 0); --radius-md: 0.375rem; --container-sm: 24rem; --fontWeight-medium: 500; --leading-none: 1; --colors-gray-200: oklch(92.8% 0.006 264.531); --colors-zinc-500: oklch(55.2% 0.016 285.938); --fontWeight-semibold: 600; --tracking-widest: 0.1em; --container-lg: 32rem; --tracking-tight: -0.025em; --tracking-wider: 0.05em; --colors-neutral-500: oklch(55.6% 0 0); --colors-gray-800: oklch(27.8% 0.033 256.848); --colors-gray-100: oklch(96.7% 0.003 264.542); --ease-in: cubic-bezier(0.4, 0, 1, 1); --colors-zinc-600: oklch(44.2% 0.017 285.786); }
44
+ /* layer: base */
45
+ *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' ); font-feature-settings: var(--default-font-featureSettings, normal); font-variation-settings: var(--default-font-variationSettings, normal); -webkit-tap-highlight-color: transparent; } 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; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var( --default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace ); font-feature-settings: var(--default-monoFont-featureSettings, normal); font-variation-settings: var(--default-monoFont-variationSettings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden~='until-found'])) { display: none !important; }
46
+ /* layer: preflights */
47
+
48
+ @keyframes shadcn-down { from{ height: 0 } to { height: var(--radix-accordion-content-height)} }
49
+ @keyframes shadcn-up { from{ height: var(--radix-accordion-content-height)} to { height: 0 } }
50
+ @keyframes shadcn-collapsible-down { from{ height: 0 } to { height: var(--radix-collapsible-content-height)} }
51
+ @keyframes shadcn-collapsible-up { from{ height: var(--radix-collapsible-content-height)} to { height: 0 } }
52
+
53
+
54
+ :root {
55
+ --background: 1 0 0;
56
+ --foreground: 0.141 0.005 285.823;
57
+ --card: 1 0 0;
58
+ --card-foreground: 0.141 0.005 285.823;
59
+ --popover: 1 0 0;
60
+ --popover-foreground: 0.141 0.005 285.823;
61
+ --primary: 0.21 0.006 285.885;
62
+ --primary-foreground: 0.985 0 0;
63
+ --secondary: 0.967 0.001 286.375;
64
+ --secondary-foreground: 0.21 0.006 285.885;
65
+ --muted: 0.967 0.001 286.375;
66
+ --muted-foreground: 0.552 0.016 285.938;
67
+ --accent: 0.967 0.001 286.375;
68
+ --accent-foreground: 0.21 0.006 285.885;
69
+ --destructive: 0.577 0.245 27.325;
70
+ --destructive-foreground: 0.985 0 0;
71
+ --border: 0.92 0.004 286.32;
72
+ --input: 0.92 0.004 286.32;
73
+ --ring: 0.705 0.015 286.067;
74
+ --chart-1: 0.646 0.222 41.116;
75
+ --chart-2: 0.6 0.118 184.704;
76
+ --chart-3: 0.398 0.07 227.392;
77
+ --chart-4: 0.828 0.189 84.429;
78
+ --chart-5: 0.769 0.188 70.08;
79
+ --sidebar: 0.985 0 0;
80
+ --sidebar-foreground: 0.141 0.005 285.823;
81
+ --sidebar-primary: 0.21 0.006 285.885;
82
+ --sidebar-primary-foreground: 0.985 0 0;
83
+ --sidebar-accent: 0.967 0.001 286.375;
84
+ --sidebar-accent-foreground: 0.21 0.006 285.885;
85
+ --sidebar-border: 0.92 0.004 286.32;
86
+ --sidebar-ring: 0.705 0.015 286.067;
87
+ --radius: 0.5rem;
88
+ }
89
+ .dark {
90
+ --background: 0.141 0.005 285.823;
91
+ --foreground: 0.985 0 0;
92
+ --card: 0.21 0.006 285.885;
93
+ --card-foreground: 0.985 0 0;
94
+ --popover: 0.21 0.006 285.885;
95
+ --popover-foreground: 0.985 0 0;
96
+ --primary: 0.92 0.004 286.32;
97
+ --primary-foreground: 0.21 0.006 285.885;
98
+ --secondary: 0.274 0.006 286.033;
99
+ --secondary-foreground: 0.985 0 0;
100
+ --muted: 0.274 0.006 286.033;
101
+ --muted-foreground: 0.705 0.015 286.067;
102
+ --accent: 0.274 0.006 286.033;
103
+ --accent-foreground: 0.985 0 0;
104
+ --destructive: 0.704 0.191 22.216;
105
+ --destructive-foreground: 0.985 0 0;
106
+ --border: 1 0 0 / 10%;
107
+ --input: 1 0 0 / 15%;
108
+ --ring: 0.552 0.016 285.938;
109
+ --chart-1: 0.488 0.243 264.376;
110
+ --chart-2: 0.696 0.17 162.48;
111
+ --chart-3: 0.769 0.188 70.08;
112
+ --chart-4: 0.627 0.265 303.9;
113
+ --chart-5: 0.645 0.246 16.439;
114
+ --sidebar: 0.21 0.006 285.885;
115
+ --sidebar-foreground: 0.985 0 0;
116
+ --sidebar-primary: 0.488 0.243 264.376;
117
+ --sidebar-primary-foreground: 0.985 0 0;
118
+ --sidebar-accent: 0.274 0.006 286.033;
119
+ --sidebar-accent-foreground: 0.985 0 0;
120
+ --sidebar-border: 1 0 0 / 10%;
121
+ --sidebar-ring: 0.552 0.016 285.938;
122
+ }
123
+
124
+
125
+ * {
126
+ border-color: oklch(var(--border));
127
+ }
128
+
129
+ body {
130
+ color: oklch(var(--foreground));
131
+ background: oklch(var(--background));
132
+ }
133
+
134
+
135
+ /* layer: default */
136
+ .text-\[0\.65rem\]{font-size:0.65rem;}
137
+ .text-\[10px\]{font-size:10px;}
138
+ .text-\[12px\]{font-size:12px;}
139
+ .text-lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));}
140
+ .text-sm,
141
+ [text-sm=""]{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}
142
+ .text-xs,
143
+ [text-xs=""]{font-size:var(--text-xs-fontSize);line-height:var(--un-leading, var(--text-xs-lineHeight));}
144
+ .file\:text-sm::file-selector-button{font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));}
145
+ .group.toast .group-\[\.toast\]\:text-muted-foreground,
146
+ .data-\[placeholder\]\:text-muted-foreground[data-placeholder],
147
+ .data-\[state\=open\]\:text-muted-foreground[data-state=open],
148
+ .text-muted-foreground{color:color-mix(in srgb, oklch(var(--muted-foreground)) var(--un-text-opacity), transparent);}
149
+ .group.toast .group-\[\.toast\]\:text-primary-foreground,
150
+ .data-\[state\=checked\]\:text-primary-foreground[data-state=checked],
151
+ .text-primary-foreground{color:color-mix(in srgb, oklch(var(--primary-foreground)) var(--un-text-opacity), transparent);}
152
+ .group.toaster .group-\[\.toaster\]\:text-foreground,
153
+ .data-\[state\=active\]\:text-foreground[data-state=active],
154
+ .text-foreground{color:color-mix(in srgb, oklch(var(--foreground)) var(--un-text-opacity), transparent);}
155
+ .dark .dark\:text-gray-100{color:color-mix(in srgb, var(--colors-gray-100) var(--un-text-opacity), transparent);}
156
+ .dark .dark\:text-neutral-200,
157
+ .dark [dark\:text-neutral-200=""]{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}
158
+ .data-\[state\=open\]\:text-accent-foreground[data-state=open],
159
+ .text-accent-foreground{color:color-mix(in srgb, oklch(var(--accent-foreground)) var(--un-text-opacity), transparent);}
160
+ .text-\[\#ccc\]{color:color-mix(in oklab, #ccc var(--un-text-opacity), transparent);}
161
+ .text-black,
162
+ [text-black=""]{color:color-mix(in srgb, var(--colors-black) var(--un-text-opacity), transparent);}
163
+ .text-current{color:currentColor;}
164
+ .text-gray-800,
165
+ [text-gray-800=""]{color:color-mix(in srgb, var(--colors-gray-800) var(--un-text-opacity), transparent);}
166
+ .text-neutral-400{color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent);}
167
+ .text-neutral-500,
168
+ [text-neutral-500=""]{color:color-mix(in srgb, var(--colors-neutral-500) var(--un-text-opacity), transparent);}
169
+ .text-neutral-600{color:color-mix(in srgb, var(--colors-neutral-600) var(--un-text-opacity), transparent);}
170
+ .text-neutral-800,
171
+ [text-neutral-800=""]{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}
172
+ .text-popover-foreground{color:color-mix(in srgb, oklch(var(--popover-foreground)) var(--un-text-opacity), transparent);}
173
+ .text-zinc-500{color:color-mix(in srgb, var(--colors-zinc-500) var(--un-text-opacity), transparent);}
174
+ .text-zinc-600{color:color-mix(in srgb, var(--colors-zinc-600) var(--un-text-opacity), transparent);}
175
+ .dark .dark\:hover\:text-neutral-200:hover{color:color-mix(in srgb, var(--colors-neutral-200) var(--un-text-opacity), transparent);}
176
+ .dark .dark\:hover\:text-red-500:hover{color:color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent);}
177
+ .hover\:text-accent-foreground:hover{color:color-mix(in srgb, oklch(var(--accent-foreground)) var(--un-text-opacity), transparent);}
178
+ .hover\:text-foreground:hover{color:color-mix(in srgb, oklch(var(--foreground)) var(--un-text-opacity), transparent);}
179
+ .hover\:text-neutral-800:hover{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}
180
+ [hover\:text-neutral-800=""]:hover{color:color-mix(in srgb, var(--colors-neutral-800) var(--un-text-opacity), transparent);}
181
+ .focus\:text-\[\#fff\]:focus{color:color-mix(in oklab, #fff var(--un-text-opacity), transparent);}
182
+ .focus\:text-accent-foreground:focus{color:color-mix(in srgb, oklch(var(--accent-foreground)) var(--un-text-opacity), transparent);}
183
+ .focus\:text-red-500:focus{color:color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent);}
184
+ .placeholder\:text-muted-foreground::placeholder{color:color-mix(in srgb, oklch(var(--muted-foreground)) var(--un-text-opacity), transparent);}
185
+ .leading-none,
186
+ .line-height-none{--un-leading:var(--leading-none);line-height:var(--leading-none);}
187
+ .tracking-tight{--un-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight);}
188
+ .tracking-wider,
189
+ [tracking-wider=""]{--un-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider);}
190
+ .tracking-widest{--un-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest);}
191
+ .font-bold{--un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);}
192
+ .font-medium{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}
193
+ .font-normal{--un-font-weight:var(--fontWeight-normal);font-weight:var(--fontWeight-normal);}
194
+ .font-semibold,
195
+ [font-semibold=""]{--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);}
196
+ .file\:font-medium::file-selector-button{--un-font-weight:var(--fontWeight-medium);font-weight:var(--fontWeight-medium);}
197
+ .m-0{margin:calc(var(--spacing) * 0);}
198
+ .m-2{margin:calc(var(--spacing) * 2);}
199
+ .-mx-1{margin-inline:calc(var(--spacing) * -1);}
200
+ .mx-\[10px\]{margin-inline:10px;}
201
+ .mx-1{margin-inline:calc(var(--spacing) * 1);}
202
+ .mx-2,
203
+ [mx-2=""]{margin-inline:calc(var(--spacing) * 2);}
204
+ .my-1{margin-block:calc(var(--spacing) * 1);}
205
+ .my-3{margin-block:calc(var(--spacing) * 3);}
206
+ .my-8{margin-block:calc(var(--spacing) * 8);}
207
+ .mb-8,
208
+ [mb-8=""]{margin-bottom:calc(var(--spacing) * 8);}
209
+ .me-1{margin-inline-end:calc(var(--spacing) * 1);}
210
+ .me-2{margin-inline-end:calc(var(--spacing) * 2);}
211
+ .ml-1{margin-left:calc(var(--spacing) * 1);}
212
+ .ml-auto{margin-left:auto;}
213
+ .mr-1,
214
+ [mr-1=""]{margin-right:calc(var(--spacing) * 1);}
215
+ .mt-1{margin-top:calc(var(--spacing) * 1);}
216
+ .mt-2,
217
+ [mt-2=""]{margin-top:calc(var(--spacing) * 2);}
218
+ .mt-3{margin-top:calc(var(--spacing) * 3);}
219
+ .first\:mt-0\.5:first-child{margin-top:calc(var(--spacing) * 0.5);}
220
+ .p-\[2px\]{padding:2px;}
221
+ .p-0{padding:calc(var(--spacing) * 0);}
222
+ .p-0\.5{padding:calc(var(--spacing) * 0.5);}
223
+ .p-1,
224
+ .pa-1,
225
+ [p-1=""]{padding:calc(var(--spacing) * 1);}
226
+ .p-1\.5{padding:calc(var(--spacing) * 1.5);}
227
+ .p-2{padding:calc(var(--spacing) * 2);}
228
+ .p-3{padding:calc(var(--spacing) * 3);}
229
+ .p-4{padding:calc(var(--spacing) * 4);}
230
+ .p-6{padding:calc(var(--spacing) * 6);}
231
+ .p-px{padding:1px;}
232
+ .px,
233
+ .px-4{padding-inline:calc(var(--spacing) * 4);}
234
+ .px-1{padding-inline:calc(var(--spacing) * 1);}
235
+ .px-1\.5{padding-inline:calc(var(--spacing) * 1.5);}
236
+ .px-2,
237
+ [px-2=""]{padding-inline:calc(var(--spacing) * 2);}
238
+ .px-2\.5{padding-inline:calc(var(--spacing) * 2.5);}
239
+ .px-3{padding-inline:calc(var(--spacing) * 3);}
240
+ .py-0{padding-block:calc(var(--spacing) * 0);}
241
+ .py-0\.5{padding-block:calc(var(--spacing) * 0.5);}
242
+ .py-1{padding-block:calc(var(--spacing) * 1);}
243
+ .py-1\.5,
244
+ [py-1\.5=""]{padding-block:calc(var(--spacing) * 1.5);}
245
+ .py-2{padding-block:calc(var(--spacing) * 2);}
246
+ .pb-0{padding-bottom:calc(var(--spacing) * 0);}
247
+ .pl-10{padding-left:calc(var(--spacing) * 10);}
248
+ .pl-2{padding-left:calc(var(--spacing) * 2);}
249
+ .pl-3{padding-left:calc(var(--spacing) * 3);}
250
+ .pl-4{padding-left:calc(var(--spacing) * 4);}
251
+ .pl-8{padding-left:calc(var(--spacing) * 8);}
252
+ .pr-10{padding-right:calc(var(--spacing) * 10);}
253
+ .pr-2{padding-right:calc(var(--spacing) * 2);}
254
+ .pr-20{padding-right:calc(var(--spacing) * 20);}
255
+ .pr-40{padding-right:calc(var(--spacing) * 40);}
256
+ .pr-8{padding-right:calc(var(--spacing) * 8);}
257
+ .pt-0{padding-top:calc(var(--spacing) * 0);}
258
+ .last\:pb-2:last-child{padding-bottom:calc(var(--spacing) * 2);}
259
+ .text-center{text-align:center;}
260
+ .text-left,
261
+ [text-left=""]{text-align:left;}
262
+ .text-start{text-align:start;}
263
+ .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,
264
+ .\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;}
265
+ .outline,
266
+ .outline-1{outline-style:var(--un-outline-style);outline-width:1px;}
267
+ .outline-border{outline-color:color-mix(in srgb, oklch(var(--border)) var(--un-outline-opacity), transparent);}
268
+ .outline-primary{outline-color:color-mix(in srgb, oklch(var(--primary)) var(--un-outline-opacity), transparent);}
269
+ .outline-none,
270
+ [outline-none=""]{--un-outline-style:none;outline-style:none;}
271
+ .focus\:outline-none:focus{--un-outline-style:none;outline-style:none;}
272
+ .focus-visible\:outline-none:focus-visible{--un-outline-style:none;outline-style:none;}
273
+ .list-outside{list-style-position:outside;}
274
+ .b,
275
+ .border,
276
+ [border=""]{border-width:1px;}
277
+ .border-0{border-width:0px;}
278
+ .border-2{border-width:2px;}
279
+ .file\:border-0::file-selector-button{border-width:0px;}
280
+ .border-b{border-bottom-width:1px;}
281
+ .border-l{border-left-width:1px;}
282
+ .border-t{border-top-width:1px;}
283
+ .after\:border-b-2::after{border-bottom-width:2px;}
284
+ .group.toaster .group-\[\.toaster\]\:border-border,
285
+ .border-border{border-color:color-mix(in srgb, oklch(var(--border)) var(--un-border-opacity), transparent);}
286
+ .border-\[\#3a3f4b\]{border-color:color-mix(in oklab, #3a3f4b var(--un-border-opacity), transparent);}
287
+ .border-accent-foreground{border-color:color-mix(in srgb, oklch(var(--accent-foreground)) var(--un-border-opacity), transparent);}
288
+ .border-input{border-color:color-mix(in srgb, oklch(var(--input)) var(--un-border-opacity), transparent);}
289
+ .border-neutral-200,
290
+ [border-neutral-200=""]{border-color:color-mix(in srgb, var(--colors-neutral-200) var(--un-border-opacity), transparent);}
291
+ .border-primary{border-color:color-mix(in srgb, oklch(var(--primary)) var(--un-border-opacity), transparent);}
292
+ .border-transparent{border-color:transparent;}
293
+ .dark .dark\:border-neutral-800,
294
+ .dark [dark\:border-neutral-800=""]{border-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-border-opacity), transparent);}
295
+ .hover\:border-border:hover{border-color:color-mix(in srgb, oklch(var(--border)) var(--un-border-opacity), transparent);}
296
+ .border-l-transparent{border-left-color:transparent;}
297
+ .border-r-transparent{border-right-color:transparent;}
298
+ .border-t-transparent{border-top-color:transparent;}
299
+ .after\:border-b-red-500::after{border-bottom-color:color-mix(in srgb, var(--colors-red-500) var(--un-border-bottom-opacity), transparent);--un-border-bottom-opacity:var(--un-border-opacity);}
300
+ .rd-1{border-radius:0.25rem;}
301
+ .rounded-\[0\.5rem\]{border-radius:0.5rem;}
302
+ .rounded-\[2px\]{border-radius:2px;}
303
+ .rounded-\[inherit\]{border-radius:inherit;}
304
+ .rounded-full{border-radius:calc(infinity * 1px);}
305
+ .rounded-lg,
306
+ [rounded-lg=""]{border-radius:var(--radius-lg);}
307
+ .rounded-md{border-radius:var(--radius-md);}
308
+ .rounded-sm,
309
+ [rounded-sm=""]{border-radius:var(--radius-sm);}
310
+ .after\:rounded-full::after{border-radius:calc(infinity * 1px);}
311
+ .after\:rounded-lg::after{border-radius:var(--radius-lg);}
312
+ .rounded-b-none{border-bottom-left-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none);}
313
+ .rounded-l-none{border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none);}
314
+ .rounded-t-\[0\.5rem\]{border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;}
315
+ .border-none{--un-border-style:none;border-style:none;}
316
+ .group.toast .group-\[\.toast\]\:bg-muted,
317
+ .bg-muted{background-color:color-mix(in srgb, oklch(var(--muted)) var(--un-bg-opacity), transparent);}
318
+ .group.toast .group-\[\.toast\]\:bg-primary,
319
+ .bg-primary,
320
+ .data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:color-mix(in srgb, oklch(var(--primary)) var(--un-bg-opacity), transparent);}
321
+ .group.toaster .group-\[\.toaster\]\:bg-background,
322
+ .bg-background,
323
+ .data-\[state\=active\]\:bg-background[data-state=active]{background-color:color-mix(in srgb, oklch(var(--background)) var(--un-bg-opacity), transparent);}
324
+ .bg-\[\#21252b\]{background-color:color-mix(in oklab, #21252b var(--un-bg-opacity), transparent);}
325
+ .bg-\[\#5a5d5e4f\]{background-color:color-mix(in oklab, #5a5d5e4f var(--un-bg-opacity), transparent);}
326
+ .bg-accent,
327
+ .data-\[state\=open\]\:bg-accent[data-state=open],
328
+ [bg-accent=""]{background-color:color-mix(in srgb, oklch(var(--accent)) var(--un-bg-opacity), transparent);}
329
+ .bg-black\/80{background-color:color-mix(in srgb, var(--colors-black) 80%, transparent);}
330
+ .bg-border{background-color:color-mix(in srgb, oklch(var(--border)) var(--un-bg-opacity), transparent);}
331
+ .bg-foreground,
332
+ [bg-foreground=""]{background-color:color-mix(in srgb, oklch(var(--foreground)) var(--un-bg-opacity), transparent);}
333
+ .bg-gray-200{background-color:color-mix(in srgb, var(--colors-gray-200) var(--un-bg-opacity), transparent);}
334
+ .bg-popover{background-color:color-mix(in srgb, oklch(var(--popover)) var(--un-bg-opacity), transparent);}
335
+ .bg-transparent{background-color:transparent;}
336
+ .bg-white,
337
+ [bg-white=""]{background-color:color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent);}
338
+ .dark .dark\:bg-black,
339
+ .dark [dark\:bg-black=""]{background-color:color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent);}
340
+ .dark .dark\:bg-neutral-900,
341
+ .dark [dark\:bg-neutral-900=""]{background-color:color-mix(in srgb, var(--colors-neutral-900) var(--un-bg-opacity), transparent);}
342
+ .data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:color-mix(in srgb, oklch(var(--input)) var(--un-bg-opacity), transparent);}
343
+ .dark .dark\:hover\:bg-neutral-900:hover{background-color:color-mix(in srgb, var(--colors-neutral-900) var(--un-bg-opacity), transparent);}
344
+ .dark [dark\:hover\:bg-neutral-900=""]:hover{background-color:color-mix(in srgb, var(--colors-neutral-900) var(--un-bg-opacity), transparent);}
345
+ .hover\:bg-\[\#5a5d5e4f\]:hover{background-color:color-mix(in oklab, #5a5d5e4f var(--un-bg-opacity), transparent);}
346
+ .hover\:bg-accent:hover{background-color:color-mix(in srgb, oklch(var(--accent)) var(--un-bg-opacity), transparent);}
347
+ .hover\:bg-muted-foreground\/20:hover{background-color:color-mix(in srgb, oklch(var(--muted-foreground)) 20%, transparent);}
348
+ .hover\:bg-muted:hover{background-color:color-mix(in srgb, oklch(var(--muted)) var(--un-bg-opacity), transparent);}
349
+ .hover\:bg-red-400:hover{background-color:color-mix(in srgb, var(--colors-red-400) var(--un-bg-opacity), transparent);}
350
+ .hover\:bg-secondary:hover{background-color:color-mix(in srgb, oklch(var(--secondary)) var(--un-bg-opacity), transparent);}
351
+ [hover\:bg-accent=""]:hover{background-color:color-mix(in srgb, oklch(var(--accent)) var(--un-bg-opacity), transparent);}
352
+ .focus\:bg-\[\#5a5d5e4f\]:focus{background-color:color-mix(in oklab, #5a5d5e4f var(--un-bg-opacity), transparent);}
353
+ .focus\:bg-accent:focus{background-color:color-mix(in srgb, oklch(var(--accent)) var(--un-bg-opacity), transparent);}
354
+ .focus\:bg-red-400:focus{background-color:color-mix(in srgb, var(--colors-red-400) var(--un-bg-opacity), transparent);}
355
+ .after\:bg-border::after{background-color:color-mix(in srgb, oklch(var(--border)) var(--un-bg-opacity), transparent);}
356
+ .file\:bg-transparent::file-selector-button{background-color:transparent;}
357
+ .bg-opacity-10{--un-bg-opacity:10%;}
358
+ .dark .dark\:hover\:bg-opacity-20:hover{--un-bg-opacity:20%;}
359
+ .hover\:bg-opacity-20:hover{--un-bg-opacity:20%;}
360
+ .focus\:bg-opacity-30:focus{--un-bg-opacity:30%;}
361
+ .data-\[disabled\]\:opacity-50[data-disabled],
362
+ .opacity-50{opacity:50%;}
363
+ .opacity-60{opacity:60%;}
364
+ .opacity-70,
365
+ .peer:disabled~.peer-disabled\:opacity-70{opacity:70%;}
366
+ .hover\:opacity-100:hover{opacity:100%;}
367
+ .disabled\:opacity-50:disabled{opacity:50%;}
368
+ .underline{text-decoration-line:underline;}
369
+ .flex,
370
+ [flex=""]{display:flex;}
371
+ .inline-flex{display:inline-flex;}
372
+ .flex-\[0\ 0\ auto\]{flex:0 0 auto;}
373
+ .flex-1{flex:1 1 0%;}
374
+ .\[\&\>svg\]\:shrink-0>svg,
375
+ .flex-shrink-0,
376
+ .shrink-0{flex-shrink:0;}
377
+ .flex-grow{flex-grow:1;}
378
+ .flex-row{flex-direction:row;}
379
+ .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction=vertical],
380
+ .flex-col{flex-direction:column;}
381
+ .flex-col-reverse{flex-direction:column-reverse;}
382
+ .flex-wrap,
383
+ [flex-wrap=""]{flex-wrap:wrap;}
384
+ .flex-nowrap{flex-wrap:nowrap;}
385
+ .gap-0\.5,
386
+ [gap-0\.5=""]{gap:calc(var(--spacing) * 0.5);}
387
+ .gap-1{gap:calc(var(--spacing) * 1);}
388
+ .gap-1\.5{gap:calc(var(--spacing) * 1.5);}
389
+ .gap-2{gap:calc(var(--spacing) * 2);}
390
+ .gap-3,
391
+ [gap-3=""]{gap:calc(var(--spacing) * 3);}
392
+ .gap-4{gap:calc(var(--spacing) * 4);}
393
+ .gap-x-1{column-gap:calc(var(--spacing) * 1);}
394
+ .gap-y-1{row-gap:calc(var(--spacing) * 1);}
395
+ .gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5);}
396
+ .grid,
397
+ [grid=""]{display:grid;}
398
+ .col-\[1\/-1\]{grid-column:1/-1;}
399
+ .grid-rows-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-rows:auto minmax(0,1fr) auto;}
400
+ .grid-cols-1,
401
+ [grid-cols-1=""]{grid-template-columns:repeat(1,minmax(0,1fr));}
402
+ .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
403
+ .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
404
+ .\[\&\>svg\]\:size-4>svg,
405
+ .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);}
406
+ .size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5);}
407
+ .\[\&\[data-orientation\=vertical\]\]\:h-px[data-orientation=vertical],
408
+ .h-\[1px\],
409
+ .h-px{height:1px;}
410
+ .\[\&\[data-orientation\=vertical\]\]\:w-full[data-orientation=vertical],
411
+ .w-full,
412
+ [w-full=""]{width:100%;}
413
+ .h-\[--container-height\]{height:var(--container-height);}
414
+ .h-\[--reka-select-trigger-height\]{height:var(--reka-select-trigger-height);}
415
+ .h-\[16px\]{height:16px;}
416
+ .h-\[18px\]{height:18px;}
417
+ .h-\[26px\]{height:26px;}
418
+ .h-\[32px\]{height:32px;}
419
+ .h-\[3px\]{height:3px;}
420
+ .h-\[48px\]{height:48px;}
421
+ .h-\[72px\]{height:72px;}
422
+ .h-0{height:calc(var(--spacing) * 0);}
423
+ .h-12{height:calc(var(--spacing) * 12);}
424
+ .h-2\.5{height:calc(var(--spacing) * 2.5);}
425
+ .h-3,
426
+ .h3{height:calc(var(--spacing) * 3);}
427
+ .h-3\.5{height:calc(var(--spacing) * 3.5);}
428
+ .h-4,
429
+ .h4,
430
+ [h-4=""]{height:calc(var(--spacing) * 4);}
431
+ .h-5,
432
+ .h5{height:calc(var(--spacing) * 5);}
433
+ .h-6,
434
+ .h6{height:calc(var(--spacing) * 6);}
435
+ .h-7{height:calc(var(--spacing) * 7);}
436
+ .h-8{height:calc(var(--spacing) * 8);}
437
+ .h-9{height:calc(var(--spacing) * 9);}
438
+ .h-96{height:calc(var(--spacing) * 96);}
439
+ .h-auto{height:auto;}
440
+ .h-full{height:100%;}
441
+ .h1{height:calc(var(--spacing) * 1);}
442
+ .h2{height:calc(var(--spacing) * 2);}
443
+ .max-h-\[90dvh\]{max-height:90dvh;}
444
+ .max-h-\[min\(80vh\,24rem\)\]{max-height:min(80vh,24rem);}
445
+ .max-h-96{max-height:calc(var(--spacing) * 96);}
446
+ .max-w-\[calc\(-68px_\+_100vw\)\]{max-width:calc(-68px + 100vw);}
447
+ .max-w-24{max-width:calc(var(--spacing) * 24);}
448
+ .max-w-32{max-width:calc(var(--spacing) * 32);}
449
+ .max-w-56{max-width:calc(var(--spacing) * 56);}
450
+ .max-w-60{max-width:calc(var(--spacing) * 60);}
451
+ .max-w-lg{max-width:var(--container-lg);}
452
+ .max-w-sm{max-width:var(--container-sm);}
453
+ .min-w-\[--reka-select-trigger-width\]{min-width:var(--reka-select-trigger-width);}
454
+ .min-w-24{min-width:calc(var(--spacing) * 24);}
455
+ .min-w-32{min-width:calc(var(--spacing) * 32);}
456
+ .min-w-4{min-width:calc(var(--spacing) * 4);}
457
+ .min-w-48{min-width:calc(var(--spacing) * 48);}
458
+ .w-\[160px\]{width:160px;}
459
+ .w-\[16px\]{width:16px;}
460
+ .w-\[18px\]{width:18px;}
461
+ .w-\[1px\],
462
+ .w-px{width:1px;}
463
+ .w-\[320px\]{width:320px;}
464
+ .w-\[32px\]{width:32px;}
465
+ .w-\[400px\]{width:400px;}
466
+ .w-\[450px\]{width:450px;}
467
+ .w-\[48px\]{width:48px;}
468
+ .w-\[60px\]{width:60px;}
469
+ .w-\[72px\]{width:72px;}
470
+ .w-0{width:calc(var(--spacing) * 0);}
471
+ .w-2\.5{width:calc(var(--spacing) * 2.5);}
472
+ .w-20{width:calc(var(--spacing) * 20);}
473
+ .w-3{width:calc(var(--spacing) * 3);}
474
+ .w-3\.5{width:calc(var(--spacing) * 3.5);}
475
+ .w-32{width:calc(var(--spacing) * 32);}
476
+ .w-36{width:calc(var(--spacing) * 36);}
477
+ .w-4,
478
+ [w-4=""]{width:calc(var(--spacing) * 4);}
479
+ .w-48{width:calc(var(--spacing) * 48);}
480
+ .w-5{width:calc(var(--spacing) * 5);}
481
+ .w-6,
482
+ [w-6=""]{width:calc(var(--spacing) * 6);}
483
+ .w-7{width:calc(var(--spacing) * 7);}
484
+ .w-72{width:calc(var(--spacing) * 72);}
485
+ .w-80{width:calc(var(--spacing) * 80);}
486
+ .w-84{width:calc(var(--spacing) * 84);}
487
+ .w-9{width:calc(var(--spacing) * 9);}
488
+ .w-auto{width:auto;}
489
+ .\[\&\[data-orientation\=vertical\]\]\:after\:h-1[data-orientation=vertical]::after{height:calc(var(--spacing) * 1);}
490
+ .\[\&\[data-orientation\=vertical\]\]\:after\:w-full[data-orientation=vertical]::after{width:100%;}
491
+ .after\:h-0::after{height:calc(var(--spacing) * 0);}
492
+ .after\:h-8::after{height:calc(var(--spacing) * 8);}
493
+ .after\:hover\:h-10:hover::after{height:calc(var(--spacing) * 10);}
494
+ .after\:w-\[6px\]::after{width:6px;}
495
+ .after\:w-1::after{width:calc(var(--spacing) * 1);}
496
+ .after\:w-6::after{width:calc(var(--spacing) * 6);}
497
+ .block{display:block;}
498
+ .after\:block::after{display:block;}
499
+ .inline-block{display:inline-block;}
500
+ .hidden{display:none;}
501
+ .cursor-default{cursor:default;}
502
+ .cursor-pointer{cursor:pointer;}
503
+ .hover\:cursor-pointer:hover{cursor:pointer;}
504
+ .disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}
505
+ .peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed;}
506
+ .cursor-grab{cursor:grab;}
507
+ .pointer-events-auto{pointer-events:auto;}
508
+ .data-\[disabled\]\:pointer-events-none[data-disabled],
509
+ .pointer-events-none{pointer-events:none;}
510
+ .disabled\:pointer-events-none:disabled{pointer-events:none;}
511
+ .select-none,
512
+ [select-none=""]{-webkit-user-select:none;user-select:none;}
513
+ .whitespace-nowrap{white-space:nowrap;}
514
+ .break-all{word-break:break-all;}
515
+ .\[\&\>span\]\:truncate>span,
516
+ .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
517
+ .uppercase,
518
+ [uppercase=""]{text-transform:uppercase;}
519
+ .italic{font-style:italic;}
520
+ .ring-0{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(0px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
521
+ .focus\:ring-1:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
522
+ .focus\:ring-2:focus{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
523
+ .focus-visible\:ring-0:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(0px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
524
+ .focus-visible\:ring-1:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(1px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
525
+ .focus-visible\:ring-2:focus-visible{--un-ring-shadow:var(--un-ring-inset,) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
526
+ .focus\:ring-ring:focus{--un-ring-color:color-mix(in srgb, oklch(var(--ring)) var(--un-ring-opacity), transparent);}
527
+ .focus-visible\:ring-ring:focus-visible{--un-ring-color:color-mix(in srgb, oklch(var(--ring)) var(--un-ring-opacity), transparent);}
528
+ .focus\:ring-offset-2:focus{--un-ring-offset-width:2px;--un-ring-offset-shadow:var(--un-ring-inset,) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);}
529
+ .focus-visible\:ring-offset-1:focus-visible{--un-ring-offset-width:1px;--un-ring-offset-shadow:var(--un-ring-inset,) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);}
530
+ .focus-visible\:ring-offset-2:focus-visible{--un-ring-offset-width:2px;--un-ring-offset-shadow:var(--un-ring-inset,) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);}
531
+ .ring-offset-background{--un-ring-offset-color:color-mix(in srgb, oklch(var(--background)) var(--un-ring-offset-opacity), transparent);}
532
+ .focus-visible\:ring-offset-background:focus-visible{--un-ring-offset-color:color-mix(in srgb, oklch(var(--background)) var(--un-ring-offset-opacity), transparent);}
533
+ .group.toaster .group-\[\.toaster\]\:shadow-lg,
534
+ .shadow-lg{--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
535
+ .data-\[state\=active\]\:shadow[data-state=active],
536
+ .shadow,
537
+ .shadow-sm,
538
+ [shadow-sm=""]{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
539
+ .shadow-md{--un-shadow:0 4px 6px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 2px 4px -2px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
540
+ .shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
541
+ .hover\:shadow-sm:hover{--un-shadow:0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
542
+ .-translate-x-1\/2{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
543
+ .-translate-y-1\/2{--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
544
+ .data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--un-translate-y:calc(var(--spacing) * 1);translate:var(--un-translate-x) var(--un-translate-y);}
545
+ .data-\[side\=left\]\:-translate-x-1[data-side=left]{--un-translate-x:calc(var(--spacing) * -1);translate:var(--un-translate-x) var(--un-translate-y);}
546
+ .data-\[side\=right\]\:translate-x-1[data-side=right]{--un-translate-x:calc(var(--spacing) * 1);translate:var(--un-translate-x) var(--un-translate-y);}
547
+ .data-\[side\=top\]\:-translate-y-1[data-side=top]{--un-translate-y:calc(var(--spacing) * -1);translate:var(--un-translate-x) var(--un-translate-y);}
548
+ .data-\[state\=checked\]\:translate-x-4[data-state=checked]{--un-translate-x:calc(var(--spacing) * 4);translate:var(--un-translate-x) var(--un-translate-y);}
549
+ .data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
550
+ .\[\&\[data-orientation\=vertical\]\]\:after\:-translate-y-1\/2[data-orientation=vertical]::after{--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
551
+ .\[\&\[data-orientation\=vertical\]\]\:after\:translate-x-0[data-orientation=vertical]::after{--un-translate-x:calc(var(--spacing) * 0);translate:var(--un-translate-x) var(--un-translate-y);}
552
+ .after\:-translate-x-1\/2::after{--un-translate-x:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
553
+ .after\:-translate-y-1\/2::after{--un-translate-y:-50%;translate:var(--un-translate-x) var(--un-translate-y);}
554
+ .after\:translate-x-\[-1px\]::after{--un-translate-x:-1px;translate:var(--un-translate-x) var(--un-translate-y);}
555
+ .\[\&\[data-orientation\=vertical\]\>div\]\:rotate-90[data-orientation=vertical]>div{rotate:90deg;}
556
+ .after\:rotate-\[45deg\]::after{rotate:45deg;}
557
+ .transform{transform:var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y);}
558
+ .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
559
+ .transition-all{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
560
+ .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
561
+ .transition-opacity{transition-property:opacity;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
562
+ .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
563
+ .after\:transition-all::after{transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));}
564
+ .duration-200{--un-duration:200ms;transition-duration:200ms;}
565
+ .ease-in{--un-ease:var(--ease-in);transition-timing-function:var(--ease-in);}
566
+ .ease-in-out{--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);}
567
+ .ease-out{--un-ease:var(--ease-out);transition-timing-function:var(--ease-out);}
568
+ .items-center,
569
+ [items-center=""]{align-items:center;}
570
+ .self-end{align-self:flex-end;}
571
+ .box-border{box-sizing:border-box;}
572
+ .inset-0{inset:calc(var(--spacing) * 0);}
573
+ .after\:inset-0::after{inset:calc(var(--spacing) * 0);}
574
+ .end-0{inset-inline-end:calc(var(--spacing) * 0);}
575
+ .start-0{inset-inline-start:calc(var(--spacing) * 0);}
576
+ .inset-y-0{inset-block:calc(var(--spacing) * 0);}
577
+ .after\:inset-y-0::after{inset-block:calc(var(--spacing) * 0);}
578
+ .bottom-0{bottom:calc(var(--spacing) * 0);}
579
+ .left-\[1px\]{left:1px;}
580
+ .left-0{left:calc(var(--spacing) * 0);}
581
+ .left-1\/2{left:50%;}
582
+ .left-2{left:calc(var(--spacing) * 2);}
583
+ .left-full{left:100%;}
584
+ .right-0{right:calc(var(--spacing) * 0);}
585
+ .right-1{right:calc(var(--spacing) * 1);}
586
+ .right-2{right:calc(var(--spacing) * 2);}
587
+ .right-4{right:calc(var(--spacing) * 4);}
588
+ .top-\[-1px\]{top:-1px;}
589
+ .top-0{top:calc(var(--spacing) * 0);}
590
+ .top-1\/2{top:50%;}
591
+ .top-4{top:calc(var(--spacing) * 4);}
592
+ .\[\&\[data-orientation\=vertical\]\]\:after\:left-0[data-orientation=vertical]::after{left:calc(var(--spacing) * 0);}
593
+ .after\:left-0::after{left:calc(var(--spacing) * 0);}
594
+ .after\:left-1\/2::after{left:50%;}
595
+ .after\:right-0::after{right:calc(var(--spacing) * 0);}
596
+ .after\:right-3::after{right:calc(var(--spacing) * 3);}
597
+ .after\:top-\[10px\]::after{top:10px;}
598
+ .after\:top-1\/2::after{top:50%;}
599
+ .justify-start{justify-content:flex-start;}
600
+ .justify-end{justify-content:flex-end;}
601
+ .justify-center{justify-content:center;}
602
+ .justify-between{justify-content:space-between;}
603
+ .place-items-center{place-items:center;}
604
+ .\!fixed{position:fixed !important;}
605
+ .absolute{position:absolute;}
606
+ .fixed{position:fixed;}
607
+ .relative{position:relative;}
608
+ .sticky{position:sticky;}
609
+ .after\:absolute::after{position:absolute;}
610
+ .z-\[10\],
611
+ .z-10{z-index:10;}
612
+ .z-\[11\]{z-index:11;}
613
+ .z-\[99\]{z-index:99;}
614
+ .z-50{z-index:50;}
615
+ .after\:z-0::after{z-index:0;}
616
+ .overflow-auto,
617
+ [overflow-auto=""]{overflow:auto;}
618
+ .overflow-hidden{overflow:hidden;}
619
+ .overflow-visible{overflow:visible;}
620
+ .overflow-x-auto{overflow-x:auto;}
621
+ .overflow-y-auto{overflow-y:auto;}
622
+ .fill-current{fill:currentColor;}
623
+ @keyframes una-in{from{opacity:var(--una-enter-opacity,1);transform:translate3d(var(--una-enter-translate-x,0),var(--una-enter-translate-y,0),0) scale3d(var(--una-enter-scale,1),var(--una-enter-scale,1),var(--una-enter-scale,1)) rotate(var(--una-enter-rotate,0))}}
624
+ @keyframes una-out{to{opacity:var(--una-exit-opacity,1);transform:translate3d(var(--una-exit-translate-x,0),var(--una-exit-translate-y,0),0) scale3d(var(--una-exit-scale,1),var(--una-exit-scale,1),var(--una-exit-scale,1)) rotate(var(--una-exit-rotate,0))}}
625
+ @keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
626
+ .animate-spin{animation:spin 1s linear infinite;}
627
+ .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;}
628
+ .blur{--un-blur:blur(8px);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
629
+ .invert{--un-invert:invert(100%);filter:var(--un-blur,) var(--un-brightness,) var(--un-contrast,) var(--un-grayscale,) var(--un-hue-rotate,) var(--un-invert,) var(--un-saturate,) var(--un-sepia,) var(--un-drop-shadow,);}
630
+ .table{display:table;}
631
+ .touch-none{touch-action:none;}
632
+ .data-\[state\=open\]\:fade-in-0[data-state=open],
633
+ .fade-in-0{--una-enter-opacity:0;}
634
+ .data-\[state\=closed\]\:fade-out-0[data-state=closed]{--una-exit-opacity:0;}
635
+ .data-\[state\=open\]\:zoom-in-95[data-state=open],
636
+ .zoom-in-95{--una-enter-scale:0.95;}
637
+ .data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--una-exit-scale:0.95;}
638
+ .data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--una-enter-translate-y:-0.5rem;}
639
+ .data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--una-enter-translate-x:0.5rem;}
640
+ .data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--una-enter-translate-x:-0.5rem;}
641
+ .data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--una-enter-translate-y:0.5rem;}
642
+ .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--una-enter-translate-x:-50%;}
643
+ .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--una-exit-translate-x:-50%;}
644
+ .space-x-1{
645
+ :where(&>:not(:last-child)){--un-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1) * var(--un-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--un-space-x-reverse)));}
646
+ }
647
+ .space-x-2{
648
+ :where(&>:not(:last-child)){--un-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--un-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--un-space-x-reverse)));}
649
+ }
650
+ @supports (color: color-mix(in lab, red, red)){
651
+ .dark .dark\:text-gray-100{color:color-mix(in oklab, var(--colors-gray-100) var(--un-text-opacity), transparent);}
652
+ .dark .dark\:text-neutral-200{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}
653
+ .dark [dark\:text-neutral-200=""]{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}
654
+ .text-black{color:color-mix(in oklab, var(--colors-black) var(--un-text-opacity), transparent);}
655
+ .text-gray-800{color:color-mix(in oklab, var(--colors-gray-800) var(--un-text-opacity), transparent);}
656
+ .text-neutral-400{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent);}
657
+ .text-neutral-500{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}
658
+ .text-neutral-600{color:color-mix(in oklab, var(--colors-neutral-600) var(--un-text-opacity), transparent);}
659
+ .text-neutral-800{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}
660
+ .text-zinc-500{color:color-mix(in oklab, var(--colors-zinc-500) var(--un-text-opacity), transparent);}
661
+ .text-zinc-600{color:color-mix(in oklab, var(--colors-zinc-600) var(--un-text-opacity), transparent);}
662
+ [text-black=""]{color:color-mix(in oklab, var(--colors-black) var(--un-text-opacity), transparent);}
663
+ [text-gray-800=""]{color:color-mix(in oklab, var(--colors-gray-800) var(--un-text-opacity), transparent);}
664
+ [text-neutral-500=""]{color:color-mix(in oklab, var(--colors-neutral-500) var(--un-text-opacity), transparent);}
665
+ [text-neutral-800=""]{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}
666
+ .dark .dark\:hover\:text-neutral-200:hover{color:color-mix(in oklab, var(--colors-neutral-200) var(--un-text-opacity), transparent);}
667
+ .dark .dark\:hover\:text-red-500:hover{color:color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent);}
668
+ .hover\:text-neutral-800:hover{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}
669
+ [hover\:text-neutral-800=""]:hover{color:color-mix(in oklab, var(--colors-neutral-800) var(--un-text-opacity), transparent);}
670
+ .focus\:text-red-500:focus{color:color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent);}
671
+ .border-neutral-200{border-color:color-mix(in oklab, var(--colors-neutral-200) var(--un-border-opacity), transparent);}
672
+ .dark .dark\:border-neutral-800{border-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-border-opacity), transparent);}
673
+ .dark [dark\:border-neutral-800=""]{border-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-border-opacity), transparent);}
674
+ [border-neutral-200=""]{border-color:color-mix(in oklab, var(--colors-neutral-200) var(--un-border-opacity), transparent);}
675
+ .after\:border-b-red-500::after{border-bottom-color:color-mix(in oklab, var(--colors-red-500) var(--un-border-bottom-opacity), transparent);}
676
+ .bg-black\/80{background-color:color-mix(in oklab, var(--colors-black) 80%, transparent);}
677
+ .bg-gray-200{background-color:color-mix(in oklab, var(--colors-gray-200) var(--un-bg-opacity), transparent);}
678
+ .bg-white{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
679
+ .dark .dark\:bg-black{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent);}
680
+ .dark .dark\:bg-neutral-900{background-color:color-mix(in oklab, var(--colors-neutral-900) var(--un-bg-opacity), transparent);}
681
+ .dark [dark\:bg-black=""]{background-color:color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent);}
682
+ .dark [dark\:bg-neutral-900=""]{background-color:color-mix(in oklab, var(--colors-neutral-900) var(--un-bg-opacity), transparent);}
683
+ [bg-white=""]{background-color:color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent);}
684
+ .dark .dark\:hover\:bg-neutral-900:hover{background-color:color-mix(in oklab, var(--colors-neutral-900) var(--un-bg-opacity), transparent);}
685
+ .dark [dark\:hover\:bg-neutral-900=""]:hover{background-color:color-mix(in oklab, var(--colors-neutral-900) var(--un-bg-opacity), transparent);}
686
+ .hover\:bg-red-400:hover{background-color:color-mix(in oklab, var(--colors-red-400) var(--un-bg-opacity), transparent);}
687
+ .focus\:bg-red-400:focus{background-color:color-mix(in oklab, var(--colors-red-400) var(--un-bg-opacity), transparent);}
688
+ }
689
+ @media (min-width: 40rem){
690
+ .sm\:text-left{text-align:left;}
691
+ .sm\:rounded-lg{border-radius:var(--radius-lg);}
692
+ .sm\:flex-row{flex-direction:row;}
693
+ .sm\:flex-wrap{flex-wrap:wrap;}
694
+ .sm\:gap-x-2{column-gap:calc(var(--spacing) * 2);}
695
+ .sm\:max-w-\[425px\]{max-width:425px;}
696
+ .sm\:block{display:block;}
697
+ .sm\:justify-end{justify-content:flex-end;}
698
+ }
699
+ @media (min-width: 48rem){
700
+ .md\:flex{display:flex;}
701
+ .md\:max-w-\[825px\]{max-width:825px;}
702
+ .md\:w-full{width:100%;}
703
+ }
704
+ @media (min-width: 64rem){
705
+ .lg\:max-w-\[1200px\]{max-width:1200px;}
706
+ }
707
+ /* unplugin-vue-components disabled */@charset "UTF-8";
708
+ @keyframes text-loading-021cd1be {
709
+ 0% {
710
+ content: "·";
711
+ }
712
+ 33% {
713
+ content: "··";
714
+ }
715
+ 66% {
716
+ content: "···";
717
+ }
718
+ }
719
+ .text_loading_animation[data-v-021cd1be]::after {
720
+ content: "·";
721
+ margin-left: 8px;
722
+ animation: text-loading-021cd1be 2s infinite;
723
+ }
724
+ .shake-animation[data-v-021cd1be] {
725
+ animation: shake-021cd1be 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
726
+ transform: translate3d(0, 0, 0);
727
+ backface-visibility: hidden;
728
+ perspective: 1000px;
729
+ }
730
+ @keyframes shake-021cd1be {
731
+ 10%, 90% {
732
+ transform: translate3d(-1px, 0, 0);
733
+ }
734
+ 20%, 80% {
735
+ transform: translate3d(2px, 0, 0);
736
+ }
737
+ 30%, 50%, 70% {
738
+ transform: translate3d(-4px, 0, 0);
739
+ }
740
+ 40%, 60% {
741
+ transform: translate3d(4px, 0, 0);
742
+ }
743
+ }
744
+ @charset "UTF-8";
745
+ .rich-editor .tiptap {
746
+ padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);outline-style:var(--un-outline-style);outline-width:0px;caret-color:color-mix(in srgb, var(--colors-black) var(--un-caret-opacity), transparent);
747
+ min-height: 180px;
748
+ }@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;}@property --un-caret-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.rich-editor .tiptap{caret-color:color-mix(in oklab, var(--colors-black) var(--un-caret-opacity), transparent);}}.dark .rich-editor .tiptap{caret-color:color-mix(in srgb, var(--colors-white) var(--un-caret-opacity), transparent);}@supports (color: color-mix(in lab, red, red)){.dark .rich-editor .tiptap{caret-color:color-mix(in oklab, var(--colors-white) var(--un-caret-opacity), transparent);}}@media (min-width: 40rem){.rich-editor .tiptap{padding-inline:calc(var(--spacing) * 20);padding-block:calc(var(--spacing) * 6);}}
749
+ .rich-editor .tiptap .img-placeholder {
750
+ width: fit-content;
751
+ position: relative;
752
+ background-color:color-mix(in srgb, var(--colors-white) 30%, transparent);--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);backdrop-filter:var(--un-backdrop-blur,) var(--un-backdrop-brightness,) var(--un-backdrop-contrast,) var(--un-backdrop-grayscale,) var(--un-backdrop-hue-rotate,) var(--un-backdrop-invert,) var(--un-backdrop-opacity,) var(--un-backdrop-saturate,) var(--un-backdrop-sepia,);
753
+ }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.rich-editor .tiptap .img-placeholder{background-color:color-mix(in oklab, var(--colors-white) 30%, transparent);}}@property --un-backdrop-blur{syntax:"*";inherits:false;}@property --un-backdrop-brightness{syntax:"*";inherits:false;}@property --un-backdrop-contrast{syntax:"*";inherits:false;}@property --un-backdrop-grayscale{syntax:"*";inherits:false;}@property --un-backdrop-hue-rotate{syntax:"*";inherits:false;}@property --un-backdrop-invert{syntax:"*";inherits:false;}@property --un-backdrop-opacity{syntax:"*";inherits:false;}@property --un-backdrop-saturate{syntax:"*";inherits:false;}@property --un-backdrop-sepia{syntax:"*";inherits:false;}
754
+ .rich-editor .tiptap .img-placeholder:before {
755
+ content: "";
756
+ box-sizing: border-box;
757
+ position: absolute;
758
+ top: 50%;
759
+ left: 50%;
760
+ width: 24px;
761
+ height: 24px;
762
+ margin: -12px 0 0 -12px;
763
+ border-width:3px;border-color:currentColor;border-top-color:transparent;border-radius:calc(infinity * 1px);display:inline-block;animation:spin 1s linear infinite;
764
+ }
765
+ .rich-editor .tiptap .highlight-paragraph {
766
+ background-color:color-mix(in srgb, var(--colors-black) 10%, transparent);
767
+ }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.rich-editor .tiptap .highlight-paragraph{background-color:color-mix(in oklab, var(--colors-black) 10%, transparent);}}.dark .rich-editor .tiptap .highlight-paragraph{background-color:color-mix(in srgb, var(--colors-white) 20%, transparent);}@supports (color: color-mix(in lab, red, red)){.dark .rich-editor .tiptap .highlight-paragraph{background-color:color-mix(in oklab, var(--colors-white) 20%, transparent);}}
768
+ .rich-editor .tiptap {
769
+ /* Table */
770
+ }
771
+ .rich-editor .tiptap .tableWrapper {
772
+ overflow-x:auto;
773
+ }
774
+ .rich-editor .tiptap .tableWrapper table {
775
+ overflow: hidden;
776
+ display: table;
777
+ }
778
+ .rich-editor .tiptap .tableWrapper table .column-resize-handle {
779
+ background-color:color-mix(in srgb, oklch(var(--primary)) var(--un-bg-opacity), transparent);width:calc(var(--spacing) * 1);pointer-events:none;bottom:-2px;right:calc(var(--spacing) * -1);top:calc(var(--spacing) * 0);position:absolute;z-index:10;
780
+ }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
781
+ .rich-editor .tiptap .tableWrapper table .resize-cursor {
782
+ cursor: "col-resize";
783
+ }
784
+ .rich-editor .tiptap .tableWrapper table .selectedCell {
785
+ border-color:color-mix(in srgb, var(--colors-black) 20%, transparent);--un-border-style:double;border-style:double;background-color:color-mix(in srgb, var(--colors-black) 5%, transparent);
786
+
787
+ }@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.rich-editor .tiptap .tableWrapper table .selectedCell{border-color:color-mix(in oklab, var(--colors-black) 20%, transparent);background-color:color-mix(in oklab, var(--colors-black) 5%, transparent);}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}.dark .rich-editor .tiptap .tableWrapper table .selectedCell{border-color:color-mix(in srgb, var(--colors-white) 20%, transparent);background-color:color-mix(in srgb, var(--colors-white) 10%, transparent);}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.dark .rich-editor .tiptap .tableWrapper table .selectedCell{border-color:color-mix(in oklab, var(--colors-white) 20%, transparent);background-color:color-mix(in oklab, var(--colors-white) 10%, transparent);}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
788
+ .rich-editor .tiptap {
789
+ /* Column */
790
+ }.rich-editor .tiptap>*:first-child:first-child,.rich-editor .tiptap [data-type=column]>*:first-child{margin-top:calc(var(--spacing) * 0);}.rich-editor .tiptap>*:first-child:last-child,.rich-editor .tiptap [data-type=column]>*:last-child{margin-bottom:calc(var(--spacing) * 0);}
791
+ .rich-editor .tiptap [data-type=columns].focus [data-type=column], .rich-editor .tiptap [data-type=columns]:hover [data-type=column] {
792
+ background-color:color-mix(in srgb, oklch(var(--accent)) var(--un-bg-opacity), transparent);
793
+ }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
794
+ .rich-editor .tiptap [data-type=columns] [data-type=column].focus {
795
+ background-color:color-mix(in srgb, oklch(var(--accent)) var(--un-bg-opacity), transparent);
796
+ }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
797
+ .rich-editor .tiptap [data-type=columns]::before,
798
+ .rich-editor .tiptap [data-type=columns]::after {
799
+ content: none !important;
800
+ }
801
+ .rich-editor .tiptap [data-type=column] {
802
+ padding:calc(var(--spacing) * 1);border-width:1px;border-color:transparent;border-radius:var(--radius-DEFAULT);--un-border-style:solid;border-style:solid;
803
+ transition: border 160ms cubic-bezier(0.45, 0.05, 0.55, 0.95);
804
+ }
805
+ .rich-editor .tiptap [data-type=column]:hover {
806
+ border-color:color-mix(in srgb, var(--colors-gray-50) var(--un-border-opacity), transparent);
807
+ }@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.rich-editor .tiptap [data-type=column]:hover{border-color:color-mix(in oklab, var(--colors-gray-50) var(--un-border-opacity), transparent);}}.dark .rich-editor .tiptap [data-type=column]:hover{border-color:color-mix(in srgb, var(--colors-gray-900) var(--un-border-opacity), transparent);}@supports (color: color-mix(in lab, red, red)){.dark .rich-editor .tiptap [data-type=column]:hover{border-color:color-mix(in oklab, var(--colors-gray-900) var(--un-border-opacity), transparent);}}
808
+ .rich-editor .tiptap [data-type=column]:has(.is-active), .rich-editor .tiptap [data-type=column].focus {
809
+ border-color:color-mix(in srgb, var(--colors-neutral-100) var(--un-border-opacity), transparent);
810
+ }@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.rich-editor .tiptap [data-type=column]:has(.is-active),.rich-editor .tiptap [data-type=column].focus{border-color:color-mix(in oklab, var(--colors-neutral-100) var(--un-border-opacity), transparent);}}.dark .rich-editor .tiptap [data-type=column]:has(.is-active),.dark .rich-editor .tiptap [data-type=column].focus{border-color:color-mix(in srgb, var(--colors-neutral-900) var(--un-border-opacity), transparent);}@supports (color: color-mix(in lab, red, red)){.dark .rich-editor .tiptap [data-type=column]:has(.is-active),.dark .rich-editor .tiptap [data-type=column].focus{border-color:color-mix(in oklab, var(--colors-neutral-900) var(--un-border-opacity), transparent);}}
811
+ .rich-editor .tiptap [data-type=horizontalRule] {
812
+ cursor:pointer;transition-property:all;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));--un-duration:100ms;transition-duration:100ms;--un-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out);
813
+ }@property --un-ease{syntax:"*";inherits:false;}
814
+ .rich-editor .tiptap [data-type=horizontalRule].ProseMirror-selectednode {
815
+ background-color:color-mix(in srgb, var(--colors-black) 5%, transparent);
816
+ }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.rich-editor .tiptap [data-type=horizontalRule].ProseMirror-selectednode{background-color:color-mix(in oklab, var(--colors-black) 5%, transparent);}}.dark .rich-editor .tiptap [data-type=horizontalRule].ProseMirror-selectednode{background-color:color-mix(in srgb, var(--colors-white) 10%, transparent);}@supports (color: color-mix(in lab, red, red)){.dark .rich-editor .tiptap [data-type=horizontalRule].ProseMirror-selectednode{background-color:color-mix(in oklab, var(--colors-white) 10%, transparent);}}
817
+ .rich-editor .tiptap [data-type=horizontalRule].ProseMirror-selectednode hr {
818
+ border-top-color:color-mix(in srgb, var(--colors-black) 30%, transparent);
819
+ }@property --un-border-top-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.rich-editor .tiptap [data-type=horizontalRule].ProseMirror-selectednode hr{border-top-color:color-mix(in oklab, var(--colors-black) 30%, transparent);}}.dark .rich-editor .tiptap [data-type=horizontalRule].ProseMirror-selectednode hr{border-top-color:color-mix(in srgb, var(--colors-white) 30%, transparent);}@supports (color: color-mix(in lab, red, red)){.dark .rich-editor .tiptap [data-type=horizontalRule].ProseMirror-selectednode hr{border-top-color:color-mix(in oklab, var(--colors-white) 30%, transparent);}}
820
+ .rich-editor .tiptap [data-type=horizontalRule]:hover:not(.rich-editor .tiptap [data-type=horizontalRule].ProseMirror-selectednode) {
821
+ background-color:color-mix(in srgb, var(--colors-black) 5%, transparent);
822
+
823
+ }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.rich-editor .tiptap [data-type=horizontalRule]:hover:not(.rich-editor .tiptap [data-type=horizontalRule].ProseMirror-selectednode){background-color:color-mix(in oklab, var(--colors-black) 5%, transparent);}}.dark .rich-editor .tiptap [data-type=horizontalRule]:hover:not(.rich-editor .tiptap [data-type=horizontalRule].ProseMirror-selectednode){background-color:color-mix(in srgb, var(--colors-white) 10%, transparent);}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.dark .rich-editor .tiptap [data-type=horizontalRule]:hover:not(.rich-editor .tiptap [data-type=horizontalRule].ProseMirror-selectednode){background-color:color-mix(in oklab, var(--colors-white) 10%, transparent);}}
824
+ .rich-editor .tiptap :not(.dragging) .ProseMirror-selectednode {
825
+ --un-outline-style:none;outline-style:none;background-color:color-mix(in srgb, var(--colors-black) 10%, transparent);--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,--un-gradient-from,--un-gradient-via,--un-gradient-to;transition-timing-function:var(--un-ease, var(--default-transition-timingFunction));transition-duration:var(--un-duration, var(--default-transition-duration));
826
+ }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.rich-editor .tiptap :not(.dragging) .ProseMirror-selectednode{background-color:color-mix(in oklab, var(--colors-black) 10%, transparent);}}.dark .rich-editor .tiptap :not(.dragging) .ProseMirror-selectednode{background-color:color-mix(in srgb, var(--colors-white) 20%, transparent);}@supports (color: color-mix(in lab, red, red)){.dark .rich-editor .tiptap :not(.dragging) .ProseMirror-selectednode{background-color:color-mix(in oklab, var(--colors-white) 20%, transparent);}}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:"*";inherits:false;}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:"*";inherits:false;}@property --un-ring-color{syntax:"*";inherits:false;}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-ring-color{syntax:"*";inherits:false;}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-ring-inset{syntax:"*";inherits:false;}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}@property --un-ring-offset-color{syntax:"*";inherits:false;}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
827
+ .rich-editor .tiptap .selection {
828
+ display:inline;
829
+ }
830
+ .rich-editor .tiptap .selection,
831
+ .rich-editor .tiptap *::selection {
832
+ background-color:color-mix(in srgb, var(--colors-black) 10%, transparent);
833
+ }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.rich-editor .tiptap .selection,.rich-editor .tiptap *::selection{background-color:color-mix(in oklab, var(--colors-black) 10%, transparent);}}.dark .rich-editor .tiptap .selection,.dark .rich-editor .tiptap *::selection{background-color:color-mix(in srgb, var(--colors-white) 20%, transparent);}@supports (color: color-mix(in lab, red, red)){.dark .rich-editor .tiptap .selection,.dark .rich-editor .tiptap *::selection{background-color:color-mix(in oklab, var(--colors-white) 20%, transparent);}}
834
+ .rich-editor .tiptap .is-empty::before {
835
+ content: attr(data-placeholder);
836
+ float: left;
837
+ color: #adb5bd;
838
+ pointer-events: none;
839
+ width: 100%;
840
+ height: 0;
841
+ }
842
+ .rich-editor .tiptap .is-editor-empty:first-child::before {
843
+ content: attr(data-placeholder);
844
+ float: left;
845
+ color: #adb5bd;
846
+ pointer-events: none;
847
+ width: 100%;
848
+ height: 0;
849
+ }
850
+ .rich-editor .tiptap p.is-editor-empty:first-child::before {
851
+ float: left;
852
+ height: 0;
853
+ color: #adb5bd;
854
+ pointer-events: none;
855
+ width: 100%;
856
+ content: attr(data-placeholder);
857
+ }
858
+ .rich-editor .tiptap .ProseMirror-gapcursor {
859
+ margin-inline:auto;width:100%;max-width:var(--container-2xl);position:relative;
860
+ }
861
+ .rich-editor .tiptap .ProseMirror-gapcursor:after {
862
+ margin-inline:auto;border-top-color:color-mix(in srgb, var(--colors-black) 40%, transparent);width:100%;max-width:var(--container-2xl);top:-1.5em;left:calc(var(--spacing) * 0);right:calc(var(--spacing) * 0);
863
+ }@property --un-border-top-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.rich-editor .tiptap .ProseMirror-gapcursor:after{border-top-color:color-mix(in oklab, var(--colors-black) 40%, transparent);}}.dark .rich-editor .tiptap .ProseMirror-gapcursor:after{border-top-color:color-mix(in srgb, var(--colors-white) 40%, transparent);}@supports (color: color-mix(in lab, red, red)){.dark .rich-editor .tiptap .ProseMirror-gapcursor:after{border-top-color:color-mix(in oklab, var(--colors-white) 40%, transparent);}}
864
+ .rich-editor .tiptap .iframe-wrapper.focus > div {
865
+ outline-style:var(--un-outline-style);outline-width:4px;outline-color:color-mix(in srgb, oklch(var(--primary)) var(--un-outline-opacity), transparent);outline-style:var(--un-outline-style);outline-width:1px;
866
+ }@property --un-outline-style{syntax:"*";inherits:false;initial-value:solid;syntax:"*";inherits:false;initial-value:solid;}@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
867
+ .rich-editor {
868
+ /* */
869
+ }
870
+ .rich-editor .rich-editor-search-result {
871
+ background-color:color-mix(in srgb, var(--colors-yellow-300) var(--un-bg-opacity), transparent);
872
+ }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.rich-editor .rich-editor-search-result{background-color:color-mix(in oklab, var(--colors-yellow-300) var(--un-bg-opacity), transparent);}}
873
+ .rich-editor .rich-editor-search-result-current {
874
+ background-color:color-mix(in srgb, var(--colors-red-400) var(--un-bg-opacity), transparent);
875
+ }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.rich-editor .rich-editor-search-result-current{background-color:color-mix(in oklab, var(--colors-red-400) var(--un-bg-opacity), transparent);}}
876
+
877
+ .heading-0 {
878
+ font-weight: 700;
879
+ font-size: 16px;
880
+ }
881
+
882
+ .heading-1 {
883
+ font-weight: 700;
884
+ font-size: 28px;
885
+ line-height: 1.6;
886
+ }
887
+
888
+ .heading-2 {
889
+ font-weight: 700;
890
+ font-size: 24px;
891
+ line-height: 1.6;
892
+ }
893
+
894
+ .heading-3 {
895
+ font-size: 20px;
896
+ font-weight: 700;
897
+ line-height: 1.6;
898
+ }
899
+
900
+ .heading-4 {
901
+ font-size: 16px;
902
+ font-weight: 700;
903
+ line-height: 1.6;
904
+ }
905
+
906
+ .heading-5 {
907
+ font-size: 14px;
908
+ font-weight: 700;
909
+ line-height: 1.6;
910
+ }
911
+
912
+ .heading-6 {
913
+ font-size: 14px;
914
+ font-weight: 700;
915
+ line-height: 1.6;
916
+ }
917
+
918
+ /* @tailwind base;
919
+ @tailwind components;
920
+ @tailwind utilities; */
921
+ @layer base {
922
+ :root {
923
+ --background: 0 0% 100%;
924
+ --foreground: 240 10% 3.9%;
925
+ --muted: 240 4.8% 95.9%;
926
+ --muted-foreground: 240 3.8% 46.1%;
927
+ --popover: 0 0% 100%;
928
+ --popover-foreground: 240 10% 3.9%;
929
+ --card: 0 0% 100%;
930
+ --card-foreground: 240 10% 3.9%;
931
+ --border: 240 5.9% 90%;
932
+ --input: 240 5.9% 90%;
933
+ --primary: 240 5.9% 10%;
934
+ --primary-foreground: 0 0% 98%;
935
+ --secondary: 240 4.8% 95.9%;
936
+ --secondary-foreground: 240 5.9% 10%;
937
+ --accent: 240 4.8% 95.9%;
938
+ --accent-foreground: 240 5.9% 10%;
939
+ --destructive: 0 84.2% 60.2%;
940
+ --destructive-foreground: 0 0% 98%;
941
+ --ring: 240 10% 3.9%;
942
+ --radius: 0.5rem;
943
+ }
944
+ .dark {
945
+ --background: 240 10% 3.9%;
946
+ --foreground: 0 0% 98%;
947
+ --muted: 240 3.7% 15.9%;
948
+ --muted-foreground: 240 5% 64.9%;
949
+ --popover: 240 10% 3.9%;
950
+ --popover-foreground: 0 0% 98%;
951
+ --card: 240 10% 3.9%;
952
+ --card-foreground: 0 0% 98%;
953
+ --border: 240 3.7% 15.9%;
954
+ --input: 240 3.7% 15.9%;
955
+ --primary: 0 0% 98%;
956
+ --primary-foreground: 240 5.9% 10%;
957
+ --secondary: 240 3.7% 15.9%;
958
+ --secondary-foreground: 0 0% 98%;
959
+ --accent: 240 3.7% 15.9%;
960
+ --accent-foreground: 0 0% 98%;
961
+ --destructive: 0 62.8% 30.6%;
962
+ --destructive-foreground: 0 0% 98%;
963
+ --ring: 240 4.9% 83.9%;
964
+ }
965
+ }
966
+ @layer base {
967
+ * {
968
+ border-color:color-mix(in srgb, oklch(var(--border)) var(--un-border-opacity), transparent);
969
+ }@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
970
+ body {
971
+ color:color-mix(in srgb, oklch(var(--foreground)) var(--un-text-opacity), transparent);background-color:color-mix(in srgb, oklch(var(--background)) var(--un-bg-opacity), transparent);
972
+ }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
973
+ }
974
+ /**
975
+ * Styles for rich text content rendering
976
+ * This stylesheet defines the appearance of various elements in the rich text editor's content view,
977
+ * including typography, headings, lists, blockquotes, code blocks, tables and other formatting elements.
978
+ */
979
+ .EditorContentView {
980
+ /* Typography */
981
+ }
982
+ .EditorContentView p {
983
+ --un-leading:var(--leading-relaxed);line-height:var(--leading-relaxed);margin-bottom:calc(var(--spacing) * 1.5);
984
+ }@property --un-leading{syntax:"*";inherits:false;}.EditorContentView p:first-child{margin-top:calc(var(--spacing) * 0);}.EditorContentView p:last-child{margin-bottom:calc(var(--spacing) * 0);}
985
+ .EditorContentView {
986
+ /* https://github.com/ueberdosis/tiptap/issues/412 */
987
+ }
988
+ .EditorContentView p:empty::after {
989
+ content: " ";
990
+ }
991
+ .EditorContentView > p {
992
+ margin-bottom:calc(var(--spacing) * 1.5);
993
+ }.EditorContentView>p:first-child{margin-top:calc(var(--spacing) * 0);}.EditorContentView>p:last-child{margin-bottom:calc(var(--spacing) * 0);}
994
+ .EditorContentView h1 {
995
+ font-size:var(--text-3xl-fontSize);line-height:var(--un-leading, var(--text-3xl-lineHeight));
996
+ }
997
+ .EditorContentView h2 {
998
+ font-size:var(--text-2xl-fontSize);line-height:var(--un-leading, var(--text-2xl-lineHeight));
999
+ }
1000
+ .EditorContentView h3 {
1001
+ font-size:var(--text-xl-fontSize);line-height:var(--un-leading, var(--text-xl-lineHeight));
1002
+ }
1003
+ .EditorContentView h4 {
1004
+ font-size:var(--text-lg-fontSize);line-height:var(--un-leading, var(--text-lg-lineHeight));
1005
+ }
1006
+ .EditorContentView h5 {
1007
+ font-size:var(--text-base-fontSize);line-height:var(--un-leading, var(--text-base-lineHeight));
1008
+ }
1009
+ .EditorContentView h6 {
1010
+ font-size:var(--text-sm-fontSize);line-height:var(--un-leading, var(--text-sm-lineHeight));
1011
+ }
1012
+ .EditorContentView h1,
1013
+ .EditorContentView h2,
1014
+ .EditorContentView h3,
1015
+ .EditorContentView h4,
1016
+ .EditorContentView h5,
1017
+ .EditorContentView h6 {
1018
+ --un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);
1019
+ }.EditorContentView h1:first-child,.EditorContentView h2:first-child,.EditorContentView h3:first-child,.EditorContentView h4:first-child,.EditorContentView h5:first-child,.EditorContentView h6:first-child{margin-top:calc(var(--spacing) * 0);}.EditorContentView h1:last-child,.EditorContentView h2:last-child,.EditorContentView h3:last-child,.EditorContentView h4:last-child,.EditorContentView h5:last-child,.EditorContentView h6:last-child{margin-bottom:calc(var(--spacing) * 0);}
1020
+ .EditorContentView h1,
1021
+ .EditorContentView h2,
1022
+ .EditorContentView h3 {
1023
+ margin-top:calc(var(--spacing) * 12);
1024
+ }
1025
+ .EditorContentView h4,
1026
+ .EditorContentView h5,
1027
+ .EditorContentView h6 {
1028
+ margin-top:calc(var(--spacing) * 8);
1029
+ }
1030
+ .EditorContentView a.link {
1031
+ color:color-mix(in srgb, var(--colors-blue-500) var(--un-text-opacity), transparent);--un-font-weight:var(--fontWeight-extrabold);font-weight:var(--fontWeight-extrabold);
1032
+ }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.EditorContentView a.link{color:color-mix(in oklab, var(--colors-blue-500) var(--un-text-opacity), transparent);}}.dark .EditorContentView a.link{color:color-mix(in srgb, var(--colors-blue-400) var(--un-text-opacity), transparent);}@supports (color: color-mix(in lab, red, red)){.dark .EditorContentView a.link{color:color-mix(in oklab, var(--colors-blue-400) var(--un-text-opacity), transparent);}}
1033
+ .EditorContentView mark {
1034
+ color:inherit;padding-block:calc(var(--spacing) * 1);padding-inline:calc(var(--spacing) * 0);border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--colors-red-500) var(--un-bg-opacity), transparent);
1035
+ }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.EditorContentView mark{background-color:color-mix(in oklab, var(--colors-red-500) var(--un-bg-opacity), transparent);}}.dark .EditorContentView mark{background-color:color-mix(in srgb, var(--colors-red-400) var(--un-bg-opacity), transparent);}@supports (color: color-mix(in lab, red, red)){.dark .EditorContentView mark{background-color:color-mix(in oklab, var(--colors-red-400) var(--un-bg-opacity), transparent);}}
1036
+ .EditorContentView img {
1037
+ height:auto;max-width:100%;display:block;
1038
+ }
1039
+ .EditorContentView *[data-indent="1"] {
1040
+ text-indent: 2em !important;
1041
+ }
1042
+ .EditorContentView *[data-indent="2"] {
1043
+ text-indent: 4em !important;
1044
+ }
1045
+ .EditorContentView *[data-indent="3"] {
1046
+ text-indent: 6em !important;
1047
+ }
1048
+ .EditorContentView *[data-indent="4"] {
1049
+ text-indent: 8em !important;
1050
+ }
1051
+ .EditorContentView *[data-indent="5"] {
1052
+ text-indent: 10em !important;
1053
+ }
1054
+ .EditorContentView *[data-indent="6"] {
1055
+ text-indent: 12em !important;
1056
+ }
1057
+ .EditorContentView *[data-indent="7"] {
1058
+ text-indent: 14em !important;
1059
+ }
1060
+ .EditorContentView iframe {
1061
+ margin-top:calc(var(--spacing) * 2);border-width:1px;border-color:color-mix(in srgb, oklch(var(--border)) var(--un-border-opacity), transparent);border-radius:var(--radius-sm);width:100%;height:400px;
1062
+ }@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
1063
+ .EditorContentView [data-type=horizontalRule] {
1064
+ margin-block:calc(var(--spacing) * 8);padding-block:calc(var(--spacing) * 4);
1065
+ }
1066
+ .EditorContentView [data-type=horizontalRule] hr {
1067
+ border-width:0px;border-top-width:1px;border-color:color-mix(in srgb, var(--colors-black) 20%, transparent);background-color:color-mix(in srgb, var(--colors-black) 80%, transparent);
1068
+
1069
+ }@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.EditorContentView [data-type=horizontalRule] hr{border-color:color-mix(in oklab, var(--colors-black) 20%, transparent);background-color:color-mix(in oklab, var(--colors-black) 80%, transparent);}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}.dark .EditorContentView [data-type=horizontalRule] hr{border-color:color-mix(in srgb, var(--colors-white) 20%, transparent);background-color:color-mix(in srgb, var(--colors-white) 80%, transparent);}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.dark .EditorContentView [data-type=horizontalRule] hr{border-color:color-mix(in oklab, var(--colors-white) 20%, transparent);background-color:color-mix(in oklab, var(--colors-white) 80%, transparent);}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
1070
+ .EditorContentView {
1071
+ /* Block Quote */
1072
+ }
1073
+ .EditorContentView .blockquote {
1074
+ color:color-mix(in srgb, var(--colors-black) var(--un-text-opacity), transparent);padding-block:calc(var(--spacing) * 2);padding-inline:calc(var(--spacing) * 4);border-left-width:4px;border-left-color:color-mix(in srgb, var(--colors-neutral-700) var(--un-border-left-opacity), transparent);--un-border-left-opacity:var(--un-border-opacity);border-radius:var(--radius-lg);border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none);--un-bg-opacity:80%;
1075
+
1076
+ }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.EditorContentView .blockquote{color:color-mix(in oklab, var(--colors-black) var(--un-text-opacity), transparent);border-left-color:color-mix(in oklab, var(--colors-neutral-700) var(--un-border-left-opacity), transparent);}}@property --un-border-left-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}.dark .EditorContentView .blockquote{color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);border-left-color:color-mix(in srgb, var(--colors-neutral-300) var(--un-border-left-opacity), transparent);--un-border-left-opacity:var(--un-border-opacity);}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.dark .EditorContentView .blockquote{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);border-left-color:color-mix(in oklab, var(--colors-neutral-300) var(--un-border-left-opacity), transparent);}}@property --un-border-left-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
1077
+ .EditorContentView {
1078
+ /* Columns */
1079
+ }
1080
+ .EditorContentView [data-type=columns] {
1081
+ margin-top:calc(var(--spacing) * 14);margin-bottom:calc(var(--spacing) * 12);gap:calc(var(--spacing) * 4);display:grid;
1082
+ }
1083
+ .EditorContentView [data-type=columns].layout-sidebar-left {
1084
+ grid-template-columns: 40fr 60fr;
1085
+ }
1086
+ .EditorContentView [data-type=columns].layout-sidebar-right {
1087
+ grid-template-columns: 60fr 40fr;
1088
+ }
1089
+ .EditorContentView [data-type=columns].layout-two-column {
1090
+ grid-template-columns: 1fr 1fr;
1091
+ }
1092
+ .EditorContentView [data-type=columns].layout-three-column {
1093
+ grid-template-columns: 1fr 1fr 1fr;
1094
+ }
1095
+ .EditorContentView [data-type=columns].layout-four-column {
1096
+ grid-template-columns: 1fr 1fr 1fr 1fr;
1097
+ }
1098
+ .EditorContentView [data-type=column] {
1099
+ overflow:auto;
1100
+ }
1101
+ .EditorContentView code {
1102
+ color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);font-family:var(--font-mono);caret-color:color-mix(in srgb, var(--colors-white) var(--un-caret-opacity), transparent);border-radius:var(--radius-sm);background-color:color-mix(in srgb, var(--colors-neutral-900) var(--un-bg-opacity), transparent);--un-shadow:0 10px 15px -3px var(--un-shadow-color, rgb(0 0 0 / 0.1)),0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
1103
+ }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.EditorContentView code{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);caret-color:color-mix(in oklab, var(--colors-white) var(--un-caret-opacity), transparent);background-color:color-mix(in oklab, var(--colors-neutral-900) var(--un-bg-opacity), transparent);}}@property --un-caret-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:"*";inherits:false;}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:"*";inherits:false;}@property --un-ring-color{syntax:"*";inherits:false;}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-ring-color{syntax:"*";inherits:false;}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-ring-inset{syntax:"*";inherits:false;}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}@property --un-ring-offset-color{syntax:"*";inherits:false;}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
1104
+ .EditorContentView code::selection {
1105
+ background-color:color-mix(in srgb, var(--colors-white) 30%, transparent);
1106
+ }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.EditorContentView code::selection{background-color:color-mix(in oklab, var(--colors-white) 30%, transparent);}}
1107
+ .EditorContentView pre {
1108
+ color:color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);margin-block:calc(var(--spacing) * 8);padding:calc(var(--spacing) * 4);caret-color:color-mix(in srgb, var(--colors-white) var(--un-caret-opacity), transparent);border-width:1px;border-color:color-mix(in srgb, var(--colors-black) var(--un-border-opacity), transparent);border-radius:var(--radius-DEFAULT);background-color:color-mix(in srgb, var(--colors-neutral-700) var(--un-bg-opacity), transparent);
1109
+ }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.EditorContentView pre{color:color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);caret-color:color-mix(in oklab, var(--colors-white) var(--un-caret-opacity), transparent);border-color:color-mix(in oklab, var(--colors-black) var(--un-border-opacity), transparent);background-color:color-mix(in oklab, var(--colors-neutral-700) var(--un-bg-opacity), transparent);}}@property --un-caret-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}.dark .EditorContentView pre{border-color:color-mix(in srgb, var(--colors-neutral-800) var(--un-border-opacity), transparent);background-color:color-mix(in srgb, var(--colors-neutral-900) var(--un-bg-opacity), transparent);}@supports (color: color-mix(in lab, red, red)){.dark .EditorContentView pre{border-color:color-mix(in oklab, var(--colors-neutral-800) var(--un-border-opacity), transparent);background-color:color-mix(in oklab, var(--colors-neutral-900) var(--un-bg-opacity), transparent);}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;syntax:"<percentage>";inherits:false;initial-value:100%;}
1110
+ .EditorContentView pre *::selection {
1111
+ background-color:color-mix(in srgb, var(--colors-white) 20%, transparent);
1112
+ }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.EditorContentView pre *::selection{background-color:color-mix(in oklab, var(--colors-white) 20%, transparent);}}
1113
+ .EditorContentView pre code {
1114
+ color:inherit;padding:calc(var(--spacing) * 0);background-color:inherit;--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
1115
+ }@property --un-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-shadow-color{syntax:"*";inherits:false;}@property --un-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-shadow-color{syntax:"*";inherits:false;}@property --un-ring-color{syntax:"*";inherits:false;}@property --un-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-inset-ring-color{syntax:"*";inherits:false;}@property --un-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --un-ring-inset{syntax:"*";inherits:false;}@property --un-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}@property --un-ring-offset-color{syntax:"*";inherits:false;}@property --un-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}
1116
+ .EditorContentView pre .hljs-comment,
1117
+ .EditorContentView pre .hljs-quote {
1118
+ color:color-mix(in srgb, var(--colors-neutral-400) var(--un-text-opacity), transparent);
1119
+ }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.EditorContentView pre .hljs-comment,.EditorContentView pre .hljs-quote{color:color-mix(in oklab, var(--colors-neutral-400) var(--un-text-opacity), transparent);}}
1120
+ .EditorContentView pre .hljs-variable,
1121
+ .EditorContentView pre .hljs-template-variable,
1122
+ .EditorContentView pre .hljs-attribute,
1123
+ .EditorContentView pre .hljs-tag,
1124
+ .EditorContentView pre .hljs-name,
1125
+ .EditorContentView pre .hljs-regexp,
1126
+ .EditorContentView pre .hljs-link,
1127
+ .EditorContentView pre .hljs-name,
1128
+ .EditorContentView pre .hljs-selector-id,
1129
+ .EditorContentView pre .hljs-selector-class {
1130
+ color:color-mix(in srgb, var(--colors-red-300) var(--un-text-opacity), transparent);
1131
+ }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.EditorContentView pre .hljs-variable,.EditorContentView pre .hljs-template-variable,.EditorContentView pre .hljs-attribute,.EditorContentView pre .hljs-tag,.EditorContentView pre .hljs-name,.EditorContentView pre .hljs-regexp,.EditorContentView pre .hljs-link,.EditorContentView pre .hljs-name,.EditorContentView pre .hljs-selector-id,.EditorContentView pre .hljs-selector-class{color:color-mix(in oklab, var(--colors-red-300) var(--un-text-opacity), transparent);}}
1132
+ .EditorContentView pre .hljs-number,
1133
+ .EditorContentView pre .hljs-meta,
1134
+ .EditorContentView pre .hljs-built_in,
1135
+ .EditorContentView pre .hljs-builtin-name,
1136
+ .EditorContentView pre .hljs-literal,
1137
+ .EditorContentView pre .hljs-type,
1138
+ .EditorContentView pre .hljs-params {
1139
+ color:color-mix(in srgb, var(--colors-orange-300) var(--un-text-opacity), transparent);
1140
+ }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.EditorContentView pre .hljs-number,.EditorContentView pre .hljs-meta,.EditorContentView pre .hljs-built_in,.EditorContentView pre .hljs-builtin-name,.EditorContentView pre .hljs-literal,.EditorContentView pre .hljs-type,.EditorContentView pre .hljs-params{color:color-mix(in oklab, var(--colors-orange-300) var(--un-text-opacity), transparent);}}
1141
+ .EditorContentView pre .hljs-string,
1142
+ .EditorContentView pre .hljs-symbol,
1143
+ .EditorContentView pre .hljs-bullet {
1144
+ color:color-mix(in srgb, var(--colors-lime-300) var(--un-text-opacity), transparent);
1145
+ }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.EditorContentView pre .hljs-string,.EditorContentView pre .hljs-symbol,.EditorContentView pre .hljs-bullet{color:color-mix(in oklab, var(--colors-lime-300) var(--un-text-opacity), transparent);}}
1146
+ .EditorContentView pre .hljs-title,
1147
+ .EditorContentView pre .hljs-section {
1148
+ color:color-mix(in srgb, var(--colors-yellow-300) var(--un-text-opacity), transparent);
1149
+ }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.EditorContentView pre .hljs-title,.EditorContentView pre .hljs-section{color:color-mix(in oklab, var(--colors-yellow-300) var(--un-text-opacity), transparent);}}
1150
+ .EditorContentView pre .hljs-keyword,
1151
+ .EditorContentView pre .hljs-selector-tag {
1152
+ color:color-mix(in srgb, var(--colors-teal-300) var(--un-text-opacity), transparent);
1153
+ }@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.EditorContentView pre .hljs-keyword,.EditorContentView pre .hljs-selector-tag{color:color-mix(in oklab, var(--colors-teal-300) var(--un-text-opacity), transparent);}}
1154
+ .EditorContentView pre .hljs-emphasis {
1155
+ font-style: italic;
1156
+ }
1157
+ .EditorContentView pre .hljs-strong {
1158
+ font-weight: 700;
1159
+ }
1160
+ .EditorContentView {
1161
+ /* List */
1162
+ }
1163
+ .EditorContentView ol {
1164
+ list-style-type:decimal;
1165
+ }
1166
+ .EditorContentView ul {
1167
+ list-style-type:disc;
1168
+ }
1169
+ .EditorContentView ul,
1170
+ .EditorContentView ol {
1171
+ margin-block:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 0);padding-inline:calc(var(--spacing) * 8);
1172
+ }.EditorContentView ul:first-child,.EditorContentView ol:first-child{margin-top:calc(var(--spacing) * 0);}.EditorContentView ul:last-child,.EditorContentView ol:last-child{margin-bottom:calc(var(--spacing) * 0);}
1173
+ .EditorContentView ul ul,
1174
+ .EditorContentView ul ol,
1175
+ .EditorContentView ul li,
1176
+ .EditorContentView ol ul,
1177
+ .EditorContentView ol ol,
1178
+ .EditorContentView ol li {
1179
+ margin-block:calc(var(--spacing) * 1);
1180
+ }
1181
+ .EditorContentView ul p,
1182
+ .EditorContentView ol p {
1183
+ margin-top:calc(var(--spacing) * 0);margin-bottom:calc(var(--spacing) * 1);
1184
+ }
1185
+ .EditorContentView > ul, .EditorContentView > ol {
1186
+ margin-block:calc(var(--spacing) * 8);
1187
+ }.EditorContentView>ul:first-child,.EditorContentView>ol:first-child{margin-top:calc(var(--spacing) * 0);}.EditorContentView>ul:last-child,.EditorContentView>ol:last-child{margin-bottom:calc(var(--spacing) * 0);}
1188
+ .EditorContentView ul[data-type=taskList] {
1189
+ padding:calc(var(--spacing) * 0);list-style-type:none;
1190
+ }
1191
+ .EditorContentView ul[data-type=taskList] p {
1192
+ margin:calc(var(--spacing) * 0);
1193
+ }
1194
+ .EditorContentView ul[data-type=taskList] li {
1195
+ display:flex;
1196
+ }
1197
+ .EditorContentView ul[data-type=taskList] li > label {
1198
+ margin-top:calc(var(--spacing) * 1);margin-right:calc(var(--spacing) * 2);flex:1 1 auto;flex-shrink:0;flex-grow:0;-webkit-user-select:none;user-select:none;
1199
+ }
1200
+ .EditorContentView ul[data-type=taskList] li > div {
1201
+ flex:1 1 auto;
1202
+ }
1203
+ .EditorContentView ul[data-type=taskList] li[data-checked=true] {
1204
+ text-decoration-line:line-through;
1205
+ }
1206
+ .EditorContentView table {
1207
+ border-color:color-mix(in srgb, var(--colors-black) 10%, transparent);display:block;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;border-collapse:collapse;table-layout:fixed;
1208
+
1209
+ }@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.EditorContentView table{border-color:color-mix(in oklab, var(--colors-black) 10%, transparent);}}.dark .EditorContentView table{border-color:color-mix(in srgb, var(--colors-white) 20%, transparent);}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.dark .EditorContentView table{border-color:color-mix(in oklab, var(--colors-white) 20%, transparent);}}
1210
+ .EditorContentView table td,
1211
+ .EditorContentView table th {
1212
+ padding:calc(var(--spacing) * 2);text-align:left;vertical-align:top;border-width:1px;border-color:color-mix(in srgb, var(--colors-black) 10%, transparent);--un-border-style:solid;border-style:solid;min-width:1em;box-sizing:border-box;position:relative;
1213
+
1214
+ }@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.EditorContentView table td,.EditorContentView table th{border-color:color-mix(in oklab, var(--colors-black) 10%, transparent);}}.dark .EditorContentView table td,.dark .EditorContentView table th{border-color:color-mix(in srgb, var(--colors-white) 20%, transparent);}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab, red, red)){.dark .EditorContentView table td,.dark .EditorContentView table th{border-color:color-mix(in oklab, var(--colors-white) 20%, transparent);}}
1215
+ .EditorContentView table td:first-of-type:not(a),
1216
+ .EditorContentView table th:first-of-type:not(a) {
1217
+ margin-top:calc(var(--spacing) * 0);
1218
+ }
1219
+ .EditorContentView table td p,
1220
+ .EditorContentView table th p {
1221
+ margin:calc(var(--spacing) * 0);
1222
+ }
1223
+ .EditorContentView table td p + p,
1224
+ .EditorContentView table th p + p {
1225
+ margin-top:calc(var(--spacing) * 3);
1226
+ }
1227
+ .EditorContentView table th {
1228
+ --un-font-weight:var(--fontWeight-bold);font-weight:var(--fontWeight-bold);text-align:left;
1229
+ }
1230
+ @keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.prism-code-editor {
1231
+ background: var(--pce-bg);
1232
+ --_pse: var(--padding-inline, .75em);
1233
+ --_ns: var(--number-spacing, .75em);
1234
+ --padding-left: var(--_pse);
1235
+ --_sp: 0px;
1236
+ scroll-padding: var(--_sp);
1237
+ -webkit-user-select: none;
1238
+ user-select: none;
1239
+ isolation: isolate;
1240
+ white-space: pre;
1241
+ line-height: 1.4;
1242
+ display: grid;
1243
+ overflow: auto;
1244
+ }
1245
+
1246
+ .show-line-numbers {
1247
+ --padding-left: calc(var(--_pse) + var(--number-width) + var(--_ns));
1248
+ scroll-padding-left: calc(var(--padding-left) + var(--_sp));
1249
+ counter-reset: line;
1250
+ grid: 1fr / 0 1fr;
1251
+ }
1252
+
1253
+ .pce-focus {
1254
+ --_sp: var(--pce-scroll-padding, 2ch);
1255
+ }
1256
+
1257
+ .pce-wrapper {
1258
+ pointer-events: none;
1259
+ -webkit-text-size-adjust: none;
1260
+ text-size-adjust: none;
1261
+ margin: .5em 0;
1262
+ position: relative;
1263
+ }
1264
+
1265
+ .pce-textarea {
1266
+ all: unset;
1267
+ box-sizing: border-box;
1268
+ color: #0000;
1269
+ -webkit-user-select: auto;
1270
+ user-select: auto;
1271
+ pointer-events: auto;
1272
+ width: 100%;
1273
+ height: 100%;
1274
+ caret-color: var(--pce-cursor);
1275
+ overflow: hidden;
1276
+ }
1277
+
1278
+ .pce-textarea::selection {
1279
+ color: #0000;
1280
+ }
1281
+
1282
+ .pce-wrapper ::selection {
1283
+ background: var(--pce-selection);
1284
+ }
1285
+
1286
+ .pce-no-selection textarea:focus {
1287
+ z-index: 1;
1288
+ }
1289
+
1290
+ .pce-line, .pce-textarea {
1291
+ padding: 0 var(--_pse) 0 var(--padding-left);
1292
+ position: relative;
1293
+ }
1294
+
1295
+ .show-line-numbers .pce-line:before {
1296
+ counter-increment: line;
1297
+ content: counter(line);
1298
+ margin: 0 0 0 calc(-1 * var(--padding-left));
1299
+ padding: 0 var(--_ns) 0 0;
1300
+ box-sizing: border-box;
1301
+ color: var(--pce-line-number);
1302
+ text-align: end;
1303
+ display: inline-block;
1304
+ }
1305
+
1306
+ .show-line-numbers:before {
1307
+ content: "";
1308
+ background: inherit;
1309
+ pointer-events: none;
1310
+ }
1311
+
1312
+ .show-line-numbers:before, .pce-line:before {
1313
+ z-index: 2;
1314
+ height: 100%;
1315
+ width: var(--padding-left);
1316
+ position: sticky;
1317
+ left: 0;
1318
+ }
1319
+
1320
+ .pce-wrap .pce-line:before {
1321
+ margin: 0;
1322
+ position: absolute;
1323
+ }
1324
+
1325
+ .pce-overlays, .pce-overlays > *, pre.pce-guides .pce-line:after, .pce-no-selection .active-line:after, .active-line.match-highlight:after {
1326
+ content: "";
1327
+ position: absolute;
1328
+ inset: 0;
1329
+ }
1330
+
1331
+ .show-line-numbers .pce-line:after {
1332
+ inset-inline-start: var(--padding-left);
1333
+ }
1334
+
1335
+ .active-line:after {
1336
+ border: var(--pce-border-highlight);
1337
+ background: var(--pce-bg-highlight);
1338
+ z-index: -2;
1339
+ }
1340
+
1341
+ .pce-wrap {
1342
+ white-space: pre-wrap;
1343
+ word-break: break-word;
1344
+ }
1345
+
1346
+ .selection-matches span {
1347
+ background: var(--pce-selection-match);
1348
+ }
1349
+
1350
+ .pce-nowrap .active-bracket {
1351
+ display: inline-block;
1352
+ }
1353
+ /* unplugin-vue-components disabled */.echo-node-view {
1354
+ --editor__bg: #292c33;
1355
+ --widget__border: #3a3f4b;
1356
+ --widget__bg: #21252b;
1357
+ --widget__color: #ccc;
1358
+ --widget__color-active: #fff;
1359
+ --widget__color-options: #b2b2b2;
1360
+ --widget__bg-input: #1b1d23;
1361
+ --widget__bg-hover: #5a5d5e4f;
1362
+ --widget__bg-active: #336699;
1363
+ --widget__focus-ring: #5299e0;
1364
+ --search__bg-find: #528bff3d;
1365
+ --widget__bg-error: #5a1d1d;
1366
+ --widget__error-ring: #be1100;
1367
+ --editor__bg-highlight: #99bbff0a;
1368
+ --editor__bg-selection-match: #4a566d66;
1369
+ --editor__line-number: #636d83;
1370
+ --editor__bg-scrollbar: 220, 13%, 41%;
1371
+ --editor__bg-fold: #c5c5c5;
1372
+ --bg-guide-indent: #abb2bf26;
1373
+ --pce-ac-icon-class: #ee9d28;
1374
+ --pce-ac-icon-enum: #ee9d28;
1375
+ --pce-ac-icon-function: #b180d7;
1376
+ --pce-ac-icon-interface: #75beff;
1377
+ --pce-ac-icon-variable: #75beff;
1378
+ }
1379
+ .echo-node-view .echo-node-code-block {
1380
+ width: 100%;
1381
+ outline: solid 1px black;
1382
+ overflow: hidden;
1383
+ border-radius: 4px;
1384
+ position: relative;
1385
+ }
1386
+ .echo-node-view .echo-code-block-toolbar {
1387
+ display: flex;
1388
+ align-items: center;
1389
+ gap: 8px;
1390
+ z-index: 10;
1391
+ padding: 4px;
1392
+ background-color: var(--editor__bg);
1393
+ color: var(--widget__color);
1394
+ border-bottom: 1px solid var(--widget__border);
1395
+ }
1396
+ .echo-node-view .echo-code-block-toolbar .toolbar-divider {
1397
+ width: 1px;
1398
+ height: 16px;
1399
+ background-color: var(--widget__border);
1400
+ margin: 0 4px;
1401
+ }
1402
+ .prism-code-editor {
1403
+ max-height: 560px;
1404
+ font-size: 14px;
1405
+ }
1406
+ .prism-code-editor textarea {
1407
+ caret-color: var(--echo-color-black);
1408
+ }
1409
+ .prism-code-editor textarea[aria-readonly=true] {
1410
+ caret-color: transparent;
1411
+ }
1412
+ [contenteditable=false] .echo-node-code-block {
1413
+ outline: solid 1px var(--echo-content-node-border);
1414
+ }
1415
+ .prism-code-editor {
1416
+ caret-color: #528bff;
1417
+ font-family: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;
1418
+ color-scheme: dark;
1419
+ }
1420
+
1421
+ /* Selection */
1422
+ .prism-code-editor textarea::selection {
1423
+ background: #3e4451;
1424
+ color: rgba(0, 0, 0, 0);
1425
+ }
1426
+ .pce-matches .match {
1427
+ --search__bg-find: #515c6a;
1428
+ }
1429
+ .active-line {
1430
+ --editor__line-number: #abb2bf;
1431
+ }
1432
+ .guide-indents .active {
1433
+ --bg-guide-indent: #abb2c280;
1434
+ }
1435
+ .token.comment,
1436
+ .token.prolog,
1437
+ .token.cdata {
1438
+ color: #5c6370;
1439
+ }
1440
+ [class*=language-],
1441
+ .token.punctuation,
1442
+ .token.attr-equals,
1443
+ .language-css .token.property {
1444
+ color: #abb2bf;
1445
+ }
1446
+ .token.keyword,
1447
+ .token.token.anchor,
1448
+ .token.regex-flags,
1449
+ .selector .punctuation,
1450
+ .selector .combinator,
1451
+ .selector .operator,
1452
+ .token.token.arrow {
1453
+ color: #c678dd;
1454
+ }
1455
+ .token.class-name,
1456
+ .token.maybe-class-name {
1457
+ color: #e5c07b;
1458
+ }
1459
+ .token.attr-name,
1460
+ .token.doctype,
1461
+ .selector .class,
1462
+ .selector .pseudo-element,
1463
+ .selector .pseudo-class,
1464
+ .token.regex .escape,
1465
+ .token.char-class,
1466
+ .token.char-set,
1467
+ .token.boolean,
1468
+ .token.constant,
1469
+ .token.number,
1470
+ .token.entity,
1471
+ .token.unit,
1472
+ .token.atrule,
1473
+ .token.keyword-null,
1474
+ .token.keyword-undefined {
1475
+ color: #d19a66;
1476
+ }
1477
+ .token.property,
1478
+ .token.tag,
1479
+ .token.doctype-tag,
1480
+ .token.symbol,
1481
+ .token.deleted,
1482
+ .token.important,
1483
+ .token.keyword-this,
1484
+ .token.this .token.variable,
1485
+ .token.selector,
1486
+ .language-css .variable,
1487
+ .token.property-access {
1488
+ color: #e06c75;
1489
+ }
1490
+ .token.string,
1491
+ .token.char,
1492
+ .token.inserted,
1493
+ .token.string-property,
1494
+ .token.attr-value,
1495
+ .token.string.url,
1496
+ .token.attr-value > .punctuation,
1497
+ .token.code-snippet.code {
1498
+ color: #98c379;
1499
+ }
1500
+ .language-markdown .url > .variable,
1501
+ .language-markdown .url > .content,
1502
+ .token.function,
1503
+ .token.selector .id {
1504
+ color: #61afef;
1505
+ }
1506
+ .token.url,
1507
+ .token.regex,
1508
+ .language-regex,
1509
+ .token.char-class .operator,
1510
+ .token.alternation,
1511
+ .token.quantifier,
1512
+ .token.hexcode,
1513
+ .token.keyword-get,
1514
+ .token.keyword-set,
1515
+ .token.builtin,
1516
+ .token.operator {
1517
+ color: #56b6c2;
1518
+ }
1519
+
1520
+ /* Language overrides */
1521
+ .language-css .token.important,
1522
+ .token.atrule .token.rule,
1523
+ .language-markdown .italic {
1524
+ color: #c678dd;
1525
+ }
1526
+ .language-json .token.keyword-null,
1527
+ .language-markdown .bold * {
1528
+ color: #d19a66;
1529
+ }
1530
+ .language-markdown .code.keyword,
1531
+ .language-json .token.operator,
1532
+ .language-markdown .token.url,
1533
+ .language-markdown .url > .operator,
1534
+ .language-markdown .token.url-reference > .string {
1535
+ color: #abb2bf;
1536
+ }
1537
+ .language-css .function,
1538
+ .language-markdown .token.blockquote.punctuation,
1539
+ .language-markdown .token.hr.punctuation,
1540
+ .language-markdown .token.url > .token.url,
1541
+ .language-markdown .token.url-reference.url {
1542
+ color: #56b6c2;
1543
+ }
1544
+ .language-markdown .strike *,
1545
+ .language-markdown .token.list.punctuation,
1546
+ .language-markdown .token.title.important > .token.punctuation {
1547
+ color: #e06c75;
1548
+ }
1549
+
1550
+ /* General */
1551
+ .token.bold {
1552
+ font-weight: bold;
1553
+ }
1554
+ .token.comment,
1555
+ .token.italic {
1556
+ font-style: italic;
1557
+ }
1558
+ .token.namespace {
1559
+ opacity: 0.8;
1560
+ }
1561
+
1562
+ /* Brackets */
1563
+ .token.bracket-level-0,
1564
+ .token.bracket-level-3,
1565
+ .token.bracket-level-6,
1566
+ .token.bracket-level-9 {
1567
+ color: #ffd700;
1568
+ }
1569
+ .token.bracket-level-1,
1570
+ .token.bracket-level-4,
1571
+ .token.bracket-level-7,
1572
+ .token.bracket-level-10 {
1573
+ color: #da70d6;
1574
+ }
1575
+ .token.bracket-level-2,
1576
+ .token.bracket-level-5,
1577
+ .token.bracket-level-8,
1578
+ .token.bracket-level-11 {
1579
+ color: #179fff;
1580
+ }
1581
+ .token.interpolation-punctuation {
1582
+ color: #98c379;
1583
+ }
1584
+ .token.bracket-error {
1585
+ color: rgba(255, 18, 18, 0.8);
1586
+ }
1587
+ .token.markup-bracket,
1588
+ .token.regex .punctuation {
1589
+ color: inherit;
1590
+ }
1591
+ .active-bracket {
1592
+ box-shadow: inset 0 0 0 1px #888, inset 0 0 0 9in rgba(0, 100, 0, 0.1019607843);
1593
+ }
1594
+ .active-tagname,
1595
+ .word-matches span {
1596
+ background: rgba(87, 87, 87, 0.7215686275);
1597
+ }
1598
+ /* unplugin-vue-components disabled */.image-view[data-v-413d968c] {
1599
+ max-width: 100%;
1600
+ }
1601
+ .image-view__body[data-v-413d968c] {
1602
+ position: relative;
1603
+ display: inline-block;
1604
+ max-width: 100%;
1605
+ outline: transparent solid 2px;
1606
+ transition: all 0.2s ease-in;
1607
+ }
1608
+ .image-view__body--focused[data-v-413d968c] {
1609
+ outline-color:color-mix(in srgb, oklch(var(--primary)) var(--un-outline-opacity), transparent);
1610
+ }@property --un-outline-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
1611
+ .image-view__body__image[data-v-413d968c] {
1612
+ margin: 0;
1613
+ cursor: pointer !important;
1614
+ }
1615
+ .image-resizer[data-v-413d968c] {
1616
+ position: absolute;
1617
+ top: 0;
1618
+ left: 0;
1619
+ z-index: 1;
1620
+ width: 100%;
1621
+ height: 100%;
1622
+ border-width:1px;border-color:color-mix(in srgb, oklch(var(--border)) var(--un-border-opacity), transparent);
1623
+ }@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
1624
+ .image-resizer__handler[data-v-413d968c] {
1625
+ position: absolute;
1626
+ z-index: 2;
1627
+ box-sizing: border-box;
1628
+ display: block;
1629
+ width: 12px;
1630
+ height: 12px;
1631
+ border: 1px solid #fff;
1632
+ border-radius: 2px;
1633
+ background-color:color-mix(in srgb, oklch(var(--primary)) var(--un-bg-opacity), transparent);
1634
+ }@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
1635
+ .image-resizer__handler--tl[data-v-413d968c] {
1636
+ top: -6px;
1637
+ left: -6px;
1638
+ cursor: nw-resize;
1639
+ }
1640
+ .image-resizer__handler--tr[data-v-413d968c] {
1641
+ top: -6px;
1642
+ right: -6px;
1643
+ cursor: ne-resize;
1644
+ }
1645
+ .image-resizer__handler--bl[data-v-413d968c] {
1646
+ bottom: -6px;
1647
+ left: -6px;
1648
+ cursor: sw-resize;
1649
+ }
1650
+ .image-resizer__handler--br[data-v-413d968c] {
1651
+ right: -6px;
1652
+ bottom: -6px;
1653
+ cursor: se-resize;
1654
+ }