PluginProbe
GiveWP – Donation Plugin and Fundraising Platform / 4.18.0
GiveWP – Donation Plugin and Fundraising Platform v4.18.0
4.18.0 4.17.0 4.16.9 4.16.8.1 4.16.8 4.16.7.2 4.16.7.1 4.16.7 4.16.6.1 4.16.6 4.16.5.1 4.16.5 4.16.4 4.16.3 4.16.2 4.16.1 4.16.0 4.15.5 4.15.4 4.15.3 4.15.2 4.15.1 4.15.0 2.3.0 2.3.1 All 257 releases
give / vendor / vendor-prefixed / stellarwp / harbor / build-dev / index.css

index.css in GiveWP – Donation Plugin and Fundraising Platform 4.18.0, at vendor/vendor-prefixed/stellarwp/harbor/build-dev/index.css

2,259 lines 68.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!*******************************************************************************************************************************************************************************!*\
2 !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./resources/css/globals.css ***!
3 \*******************************************************************************************************************************************************************************/
4 /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
5 @layer properties;
6 @layer theme, base, components, utilities;
7 @layer theme {
8 :root, :host {
9 --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
10 "Courier New", monospace;
11 --color-red-50: oklch(97.1% 0.013 17.38);
12 --color-red-200: oklch(88.5% 0.062 18.334);
13 --color-red-800: oklch(44.4% 0.177 26.899);
14 --color-amber-50: oklch(98.7% 0.022 95.277);
15 --color-amber-100: oklch(96.2% 0.059 95.617);
16 --color-amber-200: oklch(92.4% 0.12 95.746);
17 --color-amber-500: oklch(76.9% 0.188 70.08);
18 --color-amber-600: oklch(66.6% 0.179 58.318);
19 --color-amber-800: oklch(47.3% 0.137 46.201);
20 --color-green-50: oklch(98.2% 0.018 155.826);
21 --color-green-200: oklch(92.5% 0.084 155.995);
22 --color-green-500: oklch(72.3% 0.219 149.579);
23 --color-green-600: oklch(62.7% 0.194 149.214);
24 --color-green-800: oklch(44.8% 0.119 151.328);
25 --color-emerald-100: oklch(95% 0.052 163.051);
26 --color-emerald-200: oklch(90.5% 0.093 164.15);
27 --color-emerald-500: oklch(69.6% 0.17 162.48);
28 --color-emerald-600: oklch(59.6% 0.145 163.225);
29 --color-emerald-800: oklch(43.2% 0.095 166.913);
30 --color-blue-50: oklch(97% 0.014 254.604);
31 --color-blue-100: oklch(93.2% 0.032 255.585);
32 --color-blue-200: oklch(88.2% 0.059 254.128);
33 --color-blue-800: oklch(42.4% 0.199 265.638);
34 --color-blue-900: oklch(37.9% 0.146 265.522);
35 --color-gray-100: oklch(96.7% 0.003 264.542);
36 --color-gray-500: oklch(55.1% 0.027 264.364);
37 --color-neutral-50: oklch(98.5% 0 0);
38 --color-neutral-100: oklch(97% 0 0);
39 --color-neutral-200: oklch(92.2% 0 0);
40 --color-neutral-800: oklch(26.9% 0 0);
41 --color-neutral-950: oklch(14.5% 0 0);
42 --color-black: #000;
43 --color-white: #fff;
44 --spacing: 0.25rem;
45 --container-xs: 20rem;
46 --container-md: 28rem;
47 --container-lg: 32rem;
48 --container-xl: 36rem;
49 --text-xs: 0.75rem;
50 --text-xs--line-height: calc(1 / 0.75);
51 --text-sm: 0.875rem;
52 --text-sm--line-height: calc(1.25 / 0.875);
53 --text-base: 1rem;
54 --text-base--line-height: calc(1.5 / 1);
55 --text-lg: 1.125rem;
56 --text-lg--line-height: calc(1.75 / 1.125);
57 --text-2xl: 1.5rem;
58 --text-2xl--line-height: calc(2 / 1.5);
59 --font-weight-normal: 400;
60 --font-weight-medium: 500;
61 --font-weight-semibold: 600;
62 --font-weight-bold: 700;
63 --tracking-wide: 0.025em;
64 --tracking-wider: 0.05em;
65 --leading-relaxed: 1.625;
66 --animate-spin: spin 1s linear infinite;
67 --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
68 --default-transition-duration: 150ms;
69 --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
70 --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
71 Cantarell, "Helvetica Neue", sans-serif;
72 --default-mono-font-family: var(--font-mono);
73 --color-background: oklch(1 0 0);
74 --color-foreground: oklch(0.145 0 0);
75 --color-border: oklch(0.9 0 0);
76 }
77 }
78 @layer base {
79 .lw-harbor-ui *,
80 .lw-harbor-ui ::after,
81 .lw-harbor-ui ::before,
82 .lw-harbor-ui ::backdrop,
83 .lw-harbor-ui ::file-selector-button {
84 box-sizing: border-box;
85 margin: 0;
86 padding: 0;
87 border: 0 solid;
88 }
89 .lw-harbor-ui html,
90 .lw-harbor-ui :host {
91 line-height: 1.5;
92 -webkit-text-size-adjust: 100%;
93 -moz-tab-size: 4;
94 -o-tab-size: 4;
95 tab-size: 4;
96 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");
97 font-feature-settings: var(--default-font-feature-settings, normal);
98 font-variation-settings: var(--default-font-variation-settings, normal);
99 -webkit-tap-highlight-color: transparent;
100 }
101 .lw-harbor-ui hr {
102 height: 0;
103 color: inherit;
104 border-top-width: 1px;
105 }
106 .lw-harbor-ui abbr:where([title]) {
107 -webkit-text-decoration: underline dotted;
108 text-decoration: underline dotted;
109 }
110 .lw-harbor-ui h1,
111 .lw-harbor-ui h2,
112 .lw-harbor-ui h3,
113 .lw-harbor-ui h4,
114 .lw-harbor-ui h5,
115 .lw-harbor-ui h6 {
116 font-size: inherit;
117 font-weight: inherit;
118 }
119 .lw-harbor-ui a {
120 color: inherit;
121 -webkit-text-decoration: inherit;
122 text-decoration: inherit;
123 }
124 .lw-harbor-ui b,
125 .lw-harbor-ui strong {
126 font-weight: bolder;
127 }
128 .lw-harbor-ui code,
129 .lw-harbor-ui kbd,
130 .lw-harbor-ui samp,
131 .lw-harbor-ui pre {
132 font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
133 font-feature-settings: var(--default-mono-font-feature-settings, normal);
134 font-variation-settings: var(--default-mono-font-variation-settings, normal);
135 font-size: 1em;
136 }
137 .lw-harbor-ui small {
138 font-size: 80%;
139 }
140 .lw-harbor-ui sub,
141 .lw-harbor-ui sup {
142 font-size: 75%;
143 line-height: 0;
144 position: relative;
145 vertical-align: baseline;
146 }
147 .lw-harbor-ui sub {
148 bottom: -0.25em;
149 }
150 .lw-harbor-ui sup {
151 top: -0.5em;
152 }
153 .lw-harbor-ui table {
154 text-indent: 0;
155 border-color: inherit;
156 border-collapse: collapse;
157 }
158 .lw-harbor-ui :-moz-focusring {
159 outline: auto;
160 }
161 .lw-harbor-ui progress {
162 vertical-align: baseline;
163 }
164 .lw-harbor-ui summary {
165 display: list-item;
166 }
167 .lw-harbor-ui ol,
168 .lw-harbor-ui ul,
169 .lw-harbor-ui menu {
170 list-style: none;
171 }
172 .lw-harbor-ui img,
173 .lw-harbor-ui svg,
174 .lw-harbor-ui video,
175 .lw-harbor-ui canvas,
176 .lw-harbor-ui audio,
177 .lw-harbor-ui iframe,
178 .lw-harbor-ui embed,
179 .lw-harbor-ui object {
180 display: block;
181 vertical-align: middle;
182 }
183 .lw-harbor-ui img,
184 .lw-harbor-ui video {
185 max-width: 100%;
186 height: auto;
187 }
188 .lw-harbor-ui button,
189 .lw-harbor-ui input,
190 .lw-harbor-ui select,
191 .lw-harbor-ui optgroup,
192 .lw-harbor-ui textarea,
193 .lw-harbor-ui ::file-selector-button {
194 font: inherit;
195 font-feature-settings: inherit;
196 font-variation-settings: inherit;
197 letter-spacing: inherit;
198 color: inherit;
199 border-radius: 0;
200 background-color: transparent;
201 opacity: 1;
202 }
203 .lw-harbor-ui :where(select:is([multiple], [size])) optgroup {
204 font-weight: bolder;
205 }
206 .lw-harbor-ui :where(select:is([multiple], [size])) optgroup option {
207 padding-inline-start: 20px;
208 }
209 .lw-harbor-ui ::file-selector-button {
210 margin-inline-end: 4px;
211 }
212 .lw-harbor-ui ::-moz-placeholder {
213 opacity: 1;
214 }
215 .lw-harbor-ui ::placeholder {
216 opacity: 1;
217 }
218 @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
219 .lw-harbor-ui ::-moz-placeholder {
220 color: currentcolor;
221 @supports (color: color-mix(in lab, red, red)) {
222 color: color-mix(in oklab, currentcolor 50%, transparent);
223 }
224 }
225 .lw-harbor-ui ::placeholder {
226 color: currentcolor;
227 @supports (color: color-mix(in lab, red, red)) {
228 color: color-mix(in oklab, currentcolor 50%, transparent);
229 }
230 }
231 }
232 .lw-harbor-ui textarea {
233 resize: vertical;
234 }
235 .lw-harbor-ui ::-webkit-search-decoration {
236 -webkit-appearance: none;
237 }
238 .lw-harbor-ui ::-webkit-date-and-time-value {
239 min-height: 1lh;
240 text-align: inherit;
241 }
242 .lw-harbor-ui ::-webkit-datetime-edit {
243 display: inline-flex;
244 }
245 .lw-harbor-ui ::-webkit-datetime-edit-fields-wrapper {
246 padding: 0;
247 }
248 .lw-harbor-ui ::-webkit-datetime-edit,
249 .lw-harbor-ui ::-webkit-datetime-edit-year-field,
250 .lw-harbor-ui ::-webkit-datetime-edit-month-field,
251 .lw-harbor-ui ::-webkit-datetime-edit-day-field,
252 .lw-harbor-ui ::-webkit-datetime-edit-hour-field,
253 .lw-harbor-ui ::-webkit-datetime-edit-minute-field,
254 .lw-harbor-ui ::-webkit-datetime-edit-second-field,
255 .lw-harbor-ui ::-webkit-datetime-edit-millisecond-field,
256 .lw-harbor-ui ::-webkit-datetime-edit-meridiem-field {
257 padding-block: 0;
258 }
259 .lw-harbor-ui ::-webkit-calendar-picker-indicator {
260 line-height: 1;
261 }
262 .lw-harbor-ui :-moz-ui-invalid {
263 box-shadow: none;
264 }
265 .lw-harbor-ui button,
266 .lw-harbor-ui input:where([type="button"], [type="reset"], [type="submit"]),
267 .lw-harbor-ui ::file-selector-button {
268 -webkit-appearance: button;
269 -moz-appearance: button;
270 appearance: button;
271 }
272 .lw-harbor-ui ::-webkit-inner-spin-button,
273 .lw-harbor-ui ::-webkit-outer-spin-button {
274 height: auto;
275 }
276 .lw-harbor-ui [hidden]:where(:not([hidden="until-found"])) {
277 display: none !important;
278 }
279 }
280 @layer utilities {
281 .lw-harbor-ui .\@container\/card-header {
282 container-type: inline-size !important;
283 container-name: card-header !important;
284 }
285 .lw-harbor-ui .pointer-events-auto {
286 pointer-events: auto !important;
287 }
288 .lw-harbor-ui .pointer-events-none {
289 pointer-events: none !important;
290 }
291 .lw-harbor-ui .invisible {
292 visibility: hidden !important;
293 }
294 .lw-harbor-ui .visible {
295 visibility: visible !important;
296 }
297 .lw-harbor-ui .absolute {
298 position: absolute !important;
299 }
300 .lw-harbor-ui .fixed {
301 position: fixed !important;
302 }
303 .lw-harbor-ui .relative {
304 position: relative !important;
305 }
306 .lw-harbor-ui .static {
307 position: static !important;
308 }
309 .lw-harbor-ui .sticky {
310 position: sticky !important;
311 }
312 .lw-harbor-ui .inset-0 {
313 inset: calc(var(--spacing) * 0) !important;
314 }
315 .lw-harbor-ui .start {
316 inset-inline-start: var(--spacing) !important;
317 }
318 .lw-harbor-ui .end {
319 inset-inline-end: var(--spacing) !important;
320 }
321 .lw-harbor-ui .top-0 {
322 top: calc(var(--spacing) * 0) !important;
323 }
324 .lw-harbor-ui .top-1\/2 {
325 top: calc(1 / 2 * 100%) !important;
326 }
327 .lw-harbor-ui .top-4 {
328 top: calc(var(--spacing) * 4) !important;
329 }
330 .lw-harbor-ui .right-2 {
331 right: calc(var(--spacing) * 2) !important;
332 }
333 .lw-harbor-ui .right-4 {
334 right: calc(var(--spacing) * 4) !important;
335 }
336 .lw-harbor-ui .bottom-4 {
337 bottom: calc(var(--spacing) * 4) !important;
338 }
339 .lw-harbor-ui .left-0 {
340 left: calc(var(--spacing) * 0) !important;
341 }
342 .lw-harbor-ui .left-3 {
343 left: calc(var(--spacing) * 3) !important;
344 }
345 .lw-harbor-ui .isolate {
346 isolation: isolate !important;
347 }
348 .lw-harbor-ui .z-10 {
349 z-index: 10 !important;
350 }
351 .lw-harbor-ui .z-\[100000\] {
352 z-index: 100000 !important;
353 }
354 .lw-harbor-ui .z-\[100001\] {
355 z-index: 100001 !important;
356 }
357 .lw-harbor-ui .col-start-2 {
358 grid-column-start: 2 !important;
359 }
360 .lw-harbor-ui .row-span-2 {
361 grid-row: span 2 / span 2 !important;
362 }
363 .lw-harbor-ui .row-start-1 {
364 grid-row-start: 1 !important;
365 }
366 .lw-harbor-ui .container {
367 width: 100% !important;
368 @media (width >= 40rem) {
369 max-width: 40rem !important;
370 }
371 @media (width >= 48rem) {
372 max-width: 48rem !important;
373 }
374 @media (width >= 64rem) {
375 max-width: 64rem !important;
376 }
377 @media (width >= 80rem) {
378 max-width: 80rem !important;
379 }
380 @media (width >= 96rem) {
381 max-width: 96rem !important;
382 }
383 }
384 .lw-harbor-ui .\!m-0 {
385 margin: calc(var(--spacing) * 0) !important;
386 }
387 .lw-harbor-ui .m-0 {
388 margin: calc(var(--spacing) * 0) !important;
389 }
390 .lw-harbor-ui .-mx-1 {
391 margin-inline: calc(var(--spacing) * -1) !important;
392 }
393 .lw-harbor-ui .my-1 {
394 margin-block: calc(var(--spacing) * 1) !important;
395 }
396 .lw-harbor-ui .\!mt-8 {
397 margin-top: calc(var(--spacing) * 8) !important;
398 }
399 .lw-harbor-ui .mt-0 {
400 margin-top: calc(var(--spacing) * 0) !important;
401 }
402 .lw-harbor-ui .mt-0\.5 {
403 margin-top: calc(var(--spacing) * 0.5) !important;
404 }
405 .lw-harbor-ui .mt-1 {
406 margin-top: calc(var(--spacing) * 1) !important;
407 }
408 .lw-harbor-ui .mt-1\.5 {
409 margin-top: calc(var(--spacing) * 1.5) !important;
410 }
411 .lw-harbor-ui .mt-2 {
412 margin-top: calc(var(--spacing) * 2) !important;
413 }
414 .lw-harbor-ui .mt-8 {
415 margin-top: calc(var(--spacing) * 8) !important;
416 }
417 .lw-harbor-ui .mt-\[0\.75em\]\! {
418 margin-top: 0.75em !important;
419 }
420 .lw-harbor-ui .mt-auto {
421 margin-top: auto !important;
422 }
423 .lw-harbor-ui .\!mb-6 {
424 margin-bottom: calc(var(--spacing) * 6) !important;
425 }
426 .lw-harbor-ui .mb-0 {
427 margin-bottom: calc(var(--spacing) * 0) !important;
428 }
429 .lw-harbor-ui .mb-0\! {
430 margin-bottom: calc(var(--spacing) * 0) !important;
431 }
432 .lw-harbor-ui .mb-4 {
433 margin-bottom: calc(var(--spacing) * 4) !important;
434 }
435 .lw-harbor-ui .ml-1 {
436 margin-left: calc(var(--spacing) * 1) !important;
437 }
438 .lw-harbor-ui .ml-2 {
439 margin-left: calc(var(--spacing) * 2) !important;
440 }
441 .lw-harbor-ui .ml-4 {
442 margin-left: calc(var(--spacing) * 4) !important;
443 }
444 .lw-harbor-ui .ml-auto {
445 margin-left: auto !important;
446 }
447 .lw-harbor-ui .block {
448 display: block !important;
449 }
450 .lw-harbor-ui .contents {
451 display: contents !important;
452 }
453 .lw-harbor-ui .flex {
454 display: flex !important;
455 }
456 .lw-harbor-ui .grid {
457 display: grid !important;
458 }
459 .lw-harbor-ui .hidden {
460 display: none !important;
461 }
462 .lw-harbor-ui .inline {
463 display: inline !important;
464 }
465 .lw-harbor-ui .inline-flex {
466 display: inline-flex !important;
467 }
468 .lw-harbor-ui .table {
469 display: table !important;
470 }
471 .lw-harbor-ui .size-1\.5 {
472 width: calc(var(--spacing) * 1.5) !important;
473 height: calc(var(--spacing) * 1.5) !important;
474 }
475 .lw-harbor-ui .size-6 {
476 width: calc(var(--spacing) * 6) !important;
477 height: calc(var(--spacing) * 6) !important;
478 }
479 .lw-harbor-ui .size-8 {
480 width: calc(var(--spacing) * 8) !important;
481 height: calc(var(--spacing) * 8) !important;
482 }
483 .lw-harbor-ui .size-9 {
484 width: calc(var(--spacing) * 9) !important;
485 height: calc(var(--spacing) * 9) !important;
486 }
487 .lw-harbor-ui .size-10 {
488 width: calc(var(--spacing) * 10) !important;
489 height: calc(var(--spacing) * 10) !important;
490 }
491 .lw-harbor-ui .h-0 {
492 height: calc(var(--spacing) * 0) !important;
493 }
494 .lw-harbor-ui .h-1\.5 {
495 height: calc(var(--spacing) * 1.5) !important;
496 }
497 .lw-harbor-ui .h-3 {
498 height: calc(var(--spacing) * 3) !important;
499 }
500 .lw-harbor-ui .h-3\.5 {
501 height: calc(var(--spacing) * 3.5) !important;
502 }
503 .lw-harbor-ui .h-4 {
504 height: calc(var(--spacing) * 4) !important;
505 }
506 .lw-harbor-ui .h-5 {
507 height: calc(var(--spacing) * 5) !important;
508 }
509 .lw-harbor-ui .h-6 {
510 height: calc(var(--spacing) * 6) !important;
511 }
512 .lw-harbor-ui .h-7 {
513 height: calc(var(--spacing) * 7) !important;
514 }
515 .lw-harbor-ui .h-8 {
516 height: calc(var(--spacing) * 8) !important;
517 }
518 .lw-harbor-ui .h-9 {
519 height: calc(var(--spacing) * 9) !important;
520 }
521 .lw-harbor-ui .h-10 {
522 height: calc(var(--spacing) * 10) !important;
523 }
524 .lw-harbor-ui .h-18 {
525 height: calc(var(--spacing) * 18) !important;
526 }
527 .lw-harbor-ui .h-\[calc\(100vh-32px\)\] {
528 height: calc(100vh - 32px) !important;
529 }
530 .lw-harbor-ui .h-\[var\(--radix-select-trigger-height\)\] {
531 height: var(--radix-select-trigger-height) !important;
532 }
533 .lw-harbor-ui .h-px {
534 height: 1px !important;
535 }
536 .lw-harbor-ui .max-h-96 {
537 max-height: calc(var(--spacing) * 96) !important;
538 }
539 .lw-harbor-ui .max-h-\[90vh\] {
540 max-height: 90vh !important;
541 }
542 .lw-harbor-ui .min-h-0 {
543 min-height: calc(var(--spacing) * 0) !important;
544 }
545 .lw-harbor-ui .w-1\.5 {
546 width: calc(var(--spacing) * 1.5) !important;
547 }
548 .lw-harbor-ui .w-3 {
549 width: calc(var(--spacing) * 3) !important;
550 }
551 .lw-harbor-ui .w-3\.5 {
552 width: calc(var(--spacing) * 3.5) !important;
553 }
554 .lw-harbor-ui .w-4 {
555 width: calc(var(--spacing) * 4) !important;
556 }
557 .lw-harbor-ui .w-5 {
558 width: calc(var(--spacing) * 5) !important;
559 }
560 .lw-harbor-ui .w-6 {
561 width: calc(var(--spacing) * 6) !important;
562 }
563 .lw-harbor-ui .w-7 {
564 width: calc(var(--spacing) * 7) !important;
565 }
566 .lw-harbor-ui .w-8 {
567 width: calc(var(--spacing) * 8) !important;
568 }
569 .lw-harbor-ui .w-9 {
570 width: calc(var(--spacing) * 9) !important;
571 }
572 .lw-harbor-ui .w-12 {
573 width: calc(var(--spacing) * 12) !important;
574 }
575 .lw-harbor-ui .w-14 {
576 width: calc(var(--spacing) * 14) !important;
577 }
578 .lw-harbor-ui .w-18 {
579 width: calc(var(--spacing) * 18) !important;
580 }
581 .lw-harbor-ui .w-25 {
582 width: calc(var(--spacing) * 25) !important;
583 }
584 .lw-harbor-ui .w-32 {
585 width: calc(var(--spacing) * 32) !important;
586 }
587 .lw-harbor-ui .w-36 {
588 width: calc(var(--spacing) * 36) !important;
589 }
590 .lw-harbor-ui .w-48 {
591 width: calc(var(--spacing) * 48) !important;
592 }
593 .lw-harbor-ui .w-\[130px\] {
594 width: 130px !important;
595 }
596 .lw-harbor-ui .w-\[168px\] {
597 width: 168px !important;
598 }
599 .lw-harbor-ui .w-\[260px\] {
600 width: 260px !important;
601 }
602 .lw-harbor-ui .w-\[285px\] {
603 width: 285px !important;
604 }
605 .lw-harbor-ui .w-fit {
606 width: -moz-fit-content !important;
607 width: fit-content !important;
608 }
609 .lw-harbor-ui .w-full {
610 width: 100% !important;
611 }
612 .lw-harbor-ui .max-w-104 {
613 max-width: calc(var(--spacing) * 104) !important;
614 }
615 .lw-harbor-ui .max-w-full {
616 max-width: 100% !important;
617 }
618 .lw-harbor-ui .max-w-lg {
619 max-width: var(--container-lg) !important;
620 }
621 .lw-harbor-ui .max-w-md {
622 max-width: var(--container-md) !important;
623 }
624 .lw-harbor-ui .max-w-xl {
625 max-width: var(--container-xl) !important;
626 }
627 .lw-harbor-ui .max-w-xs {
628 max-width: var(--container-xs) !important;
629 }
630 .lw-harbor-ui .min-w-0 {
631 min-width: calc(var(--spacing) * 0) !important;
632 }
633 .lw-harbor-ui .min-w-\[8rem\] {
634 min-width: 8rem !important;
635 }
636 .lw-harbor-ui .min-w-\[var\(--radix-select-trigger-width\)\] {
637 min-width: var(--radix-select-trigger-width) !important;
638 }
639 .lw-harbor-ui .flex-1 {
640 flex: 1 !important;
641 }
642 .lw-harbor-ui .shrink-0 {
643 flex-shrink: 0 !important;
644 }
645 .lw-harbor-ui .-translate-y-1\/2 {
646 --lw-harbor-tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
647 translate: var(--lw-harbor-tw-translate-x) var(--lw-harbor-tw-translate-y) !important;
648 }
649 .lw-harbor-ui .-translate-y-px {
650 --lw-harbor-tw-translate-y: -1px;
651 translate: var(--lw-harbor-tw-translate-x) var(--lw-harbor-tw-translate-y) !important;
652 }
653 .lw-harbor-ui .transform {
654 transform: var(--lw-harbor-tw-rotate-x,) var(--lw-harbor-tw-rotate-y,) var(--lw-harbor-tw-rotate-z,) var(--lw-harbor-tw-skew-x,) var(--lw-harbor-tw-skew-y,) !important;
655 }
656 .lw-harbor-ui .animate-pulse {
657 animation: var(--animate-pulse) !important;
658 }
659 .lw-harbor-ui .animate-spin {
660 animation: var(--animate-spin) !important;
661 }
662 .lw-harbor-ui .cursor-default {
663 cursor: default !important;
664 }
665 .lw-harbor-ui .cursor-pointer {
666 cursor: pointer !important;
667 }
668 .lw-harbor-ui .scroll-mt-20 {
669 scroll-margin-top: calc(var(--spacing) * 20) !important;
670 }
671 .lw-harbor-ui .auto-rows-min {
672 grid-auto-rows: min-content !important;
673 }
674 .lw-harbor-ui .grid-rows-\[auto_auto\] {
675 grid-template-rows: auto auto !important;
676 }
677 .lw-harbor-ui .flex-col {
678 flex-direction: column !important;
679 }
680 .lw-harbor-ui .flex-wrap {
681 flex-wrap: wrap !important;
682 }
683 .lw-harbor-ui .items-center {
684 align-items: center !important;
685 }
686 .lw-harbor-ui .items-end {
687 align-items: flex-end !important;
688 }
689 .lw-harbor-ui .items-start {
690 align-items: flex-start !important;
691 }
692 .lw-harbor-ui .justify-between {
693 justify-content: space-between !important;
694 }
695 .lw-harbor-ui .justify-center {
696 justify-content: center !important;
697 }
698 .lw-harbor-ui .justify-end {
699 justify-content: flex-end !important;
700 }
701 .lw-harbor-ui .gap-0\.5 {
702 gap: calc(var(--spacing) * 0.5) !important;
703 }
704 .lw-harbor-ui .gap-1 {
705 gap: calc(var(--spacing) * 1) !important;
706 }
707 .lw-harbor-ui .gap-1\.5 {
708 gap: calc(var(--spacing) * 1.5) !important;
709 }
710 .lw-harbor-ui .gap-2 {
711 gap: calc(var(--spacing) * 2) !important;
712 }
713 .lw-harbor-ui .gap-2\.5 {
714 gap: calc(var(--spacing) * 2.5) !important;
715 }
716 .lw-harbor-ui .gap-3 {
717 gap: calc(var(--spacing) * 3) !important;
718 }
719 .lw-harbor-ui .gap-6 {
720 gap: calc(var(--spacing) * 6) !important;
721 }
722 .lw-harbor-ui .gap-8 {
723 gap: calc(var(--spacing) * 8) !important;
724 }
725 .lw-harbor-ui .-space-y-1 {
726 .lw-harbor-ui :where(& > :not(:last-child)) {
727 --lw-harbor-tw-space-y-reverse: 0;
728 margin-block-start: calc(calc(var(--spacing) * -1) * var(--lw-harbor-tw-space-y-reverse)) !important;
729 margin-block-end: calc(calc(var(--spacing) * -1) * calc(1 - var(--lw-harbor-tw-space-y-reverse))) !important;
730 }
731 }
732 .lw-harbor-ui .space-y-1 {
733 .lw-harbor-ui :where(& > :not(:last-child)) {
734 --lw-harbor-tw-space-y-reverse: 0;
735 margin-block-start: calc(calc(var(--spacing) * 1) * var(--lw-harbor-tw-space-y-reverse)) !important;
736 margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--lw-harbor-tw-space-y-reverse))) !important;
737 }
738 }
739 .lw-harbor-ui .space-y-2 {
740 .lw-harbor-ui :where(& > :not(:last-child)) {
741 --lw-harbor-tw-space-y-reverse: 0;
742 margin-block-start: calc(calc(var(--spacing) * 2) * var(--lw-harbor-tw-space-y-reverse)) !important;
743 margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--lw-harbor-tw-space-y-reverse))) !important;
744 }
745 }
746 .lw-harbor-ui .space-y-3 {
747 .lw-harbor-ui :where(& > :not(:last-child)) {
748 --lw-harbor-tw-space-y-reverse: 0;
749 margin-block-start: calc(calc(var(--spacing) * 3) * var(--lw-harbor-tw-space-y-reverse)) !important;
750 margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--lw-harbor-tw-space-y-reverse))) !important;
751 }
752 }
753 .lw-harbor-ui .space-y-6 {
754 .lw-harbor-ui :where(& > :not(:last-child)) {
755 --lw-harbor-tw-space-y-reverse: 0;
756 margin-block-start: calc(calc(var(--spacing) * 6) * var(--lw-harbor-tw-space-y-reverse)) !important;
757 margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--lw-harbor-tw-space-y-reverse))) !important;
758 }
759 }
760 .lw-harbor-ui .space-y-8 {
761 .lw-harbor-ui :where(& > :not(:last-child)) {
762 --lw-harbor-tw-space-y-reverse: 0;
763 margin-block-start: calc(calc(var(--spacing) * 8) * var(--lw-harbor-tw-space-y-reverse)) !important;
764 margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--lw-harbor-tw-space-y-reverse))) !important;
765 }
766 }
767 .lw-harbor-ui .self-start {
768 align-self: flex-start !important;
769 }
770 .lw-harbor-ui .justify-self-end {
771 justify-self: flex-end !important;
772 }
773 .lw-harbor-ui .truncate {
774 overflow: hidden !important;
775 text-overflow: ellipsis !important;
776 white-space: nowrap !important;
777 }
778 .lw-harbor-ui .overflow-hidden {
779 overflow: hidden !important;
780 }
781 .lw-harbor-ui .overflow-y-auto {
782 overflow-y: auto !important;
783 }
784 .lw-harbor-ui .rounded {
785 border-radius: 0.25rem !important;
786 }
787 .lw-harbor-ui .rounded-full {
788 border-radius: calc(infinity * 1px) !important;
789 }
790 .lw-harbor-ui .rounded-lg {
791 border-radius: 0.5rem !important;
792 }
793 .lw-harbor-ui .rounded-md {
794 border-radius: 0.375rem !important;
795 }
796 .lw-harbor-ui .rounded-sm {
797 border-radius: 0.25rem !important;
798 }
799 .lw-harbor-ui .rounded-xl {
800 border-radius: 0.75rem !important;
801 }
802 .lw-harbor-ui .rounded-t-lg {
803 border-top-left-radius: 0.5rem !important;
804 border-top-right-radius: 0.5rem !important;
805 }
806 .lw-harbor-ui .rounded-b-lg {
807 border-bottom-right-radius: 0.5rem !important;
808 border-bottom-left-radius: 0.5rem !important;
809 }
810 .lw-harbor-ui .border {
811 border-style: var(--lw-harbor-tw-border-style) !important;
812 border-width: 1px !important;
813 }
814 .lw-harbor-ui .border-0 {
815 border-style: var(--lw-harbor-tw-border-style) !important;
816 border-width: 0px !important;
817 }
818 .lw-harbor-ui .border-x {
819 border-inline-style: var(--lw-harbor-tw-border-style) !important;
820 border-inline-width: 1px !important;
821 }
822 .lw-harbor-ui .border-t {
823 border-top-style: var(--lw-harbor-tw-border-style) !important;
824 border-top-width: 1px !important;
825 }
826 .lw-harbor-ui .border-t-0 {
827 border-top-style: var(--lw-harbor-tw-border-style) !important;
828 border-top-width: 0px !important;
829 }
830 .lw-harbor-ui .\!border-b-0 {
831 border-bottom-style: var(--lw-harbor-tw-border-style) !important;
832 border-bottom-width: 0px !important;
833 }
834 .lw-harbor-ui .border-b {
835 border-bottom-style: var(--lw-harbor-tw-border-style) !important;
836 border-bottom-width: 1px !important;
837 }
838 .lw-harbor-ui .border-l {
839 border-left-style: var(--lw-harbor-tw-border-style) !important;
840 border-left-width: 1px !important;
841 }
842 .lw-harbor-ui .border-l-2 {
843 border-left-style: var(--lw-harbor-tw-border-style) !important;
844 border-left-width: 2px !important;
845 }
846 .lw-harbor-ui .border-amber-200 {
847 border-color: var(--color-amber-200) !important;
848 }
849 .lw-harbor-ui .border-blue-200 {
850 border-color: var(--color-blue-200) !important;
851 }
852 .lw-harbor-ui .border-border {
853 border-color: oklch(0.9 0 0) !important;
854 }
855 .lw-harbor-ui .border-emerald-200 {
856 border-color: var(--color-emerald-200) !important;
857 }
858 .lw-harbor-ui .border-green-200 {
859 border-color: var(--color-green-200) !important;
860 }
861 .lw-harbor-ui .border-input {
862 border-color: oklch(0.9 0 0) !important;
863 }
864 .lw-harbor-ui .border-neutral-200 {
865 border-color: var(--color-neutral-200) !important;
866 }
867 .lw-harbor-ui .border-neutral-800 {
868 border-color: var(--color-neutral-800) !important;
869 }
870 .lw-harbor-ui .border-red-200 {
871 border-color: var(--color-red-200) !important;
872 }
873 .lw-harbor-ui .border-transparent {
874 border-color: transparent !important;
875 }
876 .lw-harbor-ui .border-white\/40 {
877 border-color: color-mix(in srgb, #fff 40%, transparent) !important;
878 @supports (color: color-mix(in lab, red, red)) {
879 border-color: color-mix(in oklab, var(--color-white) 40%, transparent) !important;
880 }
881 }
882 .lw-harbor-ui .bg-amber-50 {
883 background-color: var(--color-amber-50) !important;
884 }
885 .lw-harbor-ui .bg-amber-100 {
886 background-color: var(--color-amber-100) !important;
887 }
888 .lw-harbor-ui .bg-amber-500 {
889 background-color: var(--color-amber-500) !important;
890 }
891 .lw-harbor-ui .bg-background {
892 background-color: oklch(1 0 0) !important;
893 }
894 .lw-harbor-ui .bg-black\/50 {
895 background-color: color-mix(in srgb, #000 50%, transparent) !important;
896 @supports (color: color-mix(in lab, red, red)) {
897 background-color: color-mix(in oklab, var(--color-black) 50%, transparent) !important;
898 }
899 }
900 .lw-harbor-ui .bg-blue-50 {
901 background-color: var(--color-blue-50) !important;
902 }
903 .lw-harbor-ui .bg-blue-100 {
904 background-color: var(--color-blue-100) !important;
905 }
906 .lw-harbor-ui .bg-card {
907 background-color: oklch(1 0 0) !important;
908 }
909 .lw-harbor-ui .bg-destructive {
910 background-color: oklch(0.577 0.245 27.325) !important;
911 }
912 .lw-harbor-ui .bg-emerald-100 {
913 background-color: var(--color-emerald-100) !important;
914 }
915 .lw-harbor-ui .bg-gray-100 {
916 background-color: var(--color-gray-100) !important;
917 }
918 .lw-harbor-ui .bg-green-50 {
919 background-color: var(--color-green-50) !important;
920 }
921 .lw-harbor-ui .bg-green-500 {
922 background-color: var(--color-green-500) !important;
923 }
924 .lw-harbor-ui .bg-muted {
925 background-color: oklch(0.955 0 0) !important;
926 }
927 .lw-harbor-ui .bg-muted\/30 {
928 background-color: color-mix(in oklab, oklch(0.955 0 0) 30%, transparent) !important;
929 }
930 .lw-harbor-ui .bg-muted\/50 {
931 background-color: color-mix(in oklab, oklch(0.955 0 0) 50%, transparent) !important;
932 }
933 .lw-harbor-ui .bg-neutral-50 {
934 background-color: var(--color-neutral-50) !important;
935 }
936 .lw-harbor-ui .bg-neutral-100 {
937 background-color: var(--color-neutral-100) !important;
938 }
939 .lw-harbor-ui .bg-neutral-800 {
940 background-color: var(--color-neutral-800) !important;
941 }
942 .lw-harbor-ui .bg-popover {
943 background-color: oklch(1 0 0) !important;
944 }
945 .lw-harbor-ui .bg-primary {
946 background-color: oklch(0.205 0.08 265) !important;
947 }
948 .lw-harbor-ui .bg-red-50 {
949 background-color: var(--color-red-50) !important;
950 }
951 .lw-harbor-ui .bg-secondary {
952 background-color: oklch(0.965 0 0) !important;
953 }
954 .lw-harbor-ui .bg-transparent {
955 background-color: transparent !important;
956 }
957 .lw-harbor-ui .bg-white {
958 background-color: var(--color-white) !important;
959 }
960 .lw-harbor-ui .bg-white\/20 {
961 background-color: color-mix(in srgb, #fff 20%, transparent) !important;
962 @supports (color: color-mix(in lab, red, red)) {
963 background-color: color-mix(in oklab, var(--color-white) 20%, transparent) !important;
964 }
965 }
966 .lw-harbor-ui .bg-gradient-to-r {
967 --lw-harbor-tw-gradient-position: to right in oklab;
968 background-image: linear-gradient(var(--lw-harbor-tw-gradient-stops)) !important;
969 }
970 .lw-harbor-ui .from-emerald-500 {
971 --lw-harbor-tw-gradient-from: var(--color-emerald-500);
972 --lw-harbor-tw-gradient-stops: var(--lw-harbor-tw-gradient-via-stops, var(--lw-harbor-tw-gradient-position), var(--lw-harbor-tw-gradient-from) var(--lw-harbor-tw-gradient-from-position), var(--lw-harbor-tw-gradient-to) var(--lw-harbor-tw-gradient-to-position));
973 }
974 .lw-harbor-ui .to-emerald-600 {
975 --lw-harbor-tw-gradient-to: var(--color-emerald-600);
976 --lw-harbor-tw-gradient-stops: var(--lw-harbor-tw-gradient-via-stops, var(--lw-harbor-tw-gradient-position), var(--lw-harbor-tw-gradient-from) var(--lw-harbor-tw-gradient-from-position), var(--lw-harbor-tw-gradient-to) var(--lw-harbor-tw-gradient-to-position));
977 }
978 .lw-harbor-ui .\!p-0 {
979 padding: calc(var(--spacing) * 0) !important;
980 }
981 .lw-harbor-ui .p-0 {
982 padding: calc(var(--spacing) * 0) !important;
983 }
984 .lw-harbor-ui .p-1 {
985 padding: calc(var(--spacing) * 1) !important;
986 }
987 .lw-harbor-ui .p-4 {
988 padding: calc(var(--spacing) * 4) !important;
989 }
990 .lw-harbor-ui .p-6 {
991 padding: calc(var(--spacing) * 6) !important;
992 }
993 .lw-harbor-ui .px-2 {
994 padding-inline: calc(var(--spacing) * 2) !important;
995 }
996 .lw-harbor-ui .px-3 {
997 padding-inline: calc(var(--spacing) * 3) !important;
998 }
999 .lw-harbor-ui .px-4 {
1000 padding-inline: calc(var(--spacing) * 4) !important;
1001 }
1002 .lw-harbor-ui .px-6 {
1003 padding-inline: calc(var(--spacing) * 6) !important;
1004 }
1005 .lw-harbor-ui .px-8 {
1006 padding-inline: calc(var(--spacing) * 8) !important;
1007 }
1008 .lw-harbor-ui .py-0\.5 {
1009 padding-block: calc(var(--spacing) * 0.5) !important;
1010 }
1011 .lw-harbor-ui .py-1 {
1012 padding-block: calc(var(--spacing) * 1) !important;
1013 }
1014 .lw-harbor-ui .py-1\.5 {
1015 padding-block: calc(var(--spacing) * 1.5) !important;
1016 }
1017 .lw-harbor-ui .py-2 {
1018 padding-block: calc(var(--spacing) * 2) !important;
1019 }
1020 .lw-harbor-ui .py-2\.5 {
1021 padding-block: calc(var(--spacing) * 2.5) !important;
1022 }
1023 .lw-harbor-ui .py-3 {
1024 padding-block: calc(var(--spacing) * 3) !important;
1025 }
1026 .lw-harbor-ui .py-4 {
1027 padding-block: calc(var(--spacing) * 4) !important;
1028 }
1029 .lw-harbor-ui .py-6 {
1030 padding-block: calc(var(--spacing) * 6) !important;
1031 }
1032 .lw-harbor-ui .pt-4 {
1033 padding-top: calc(var(--spacing) * 4) !important;
1034 }
1035 .lw-harbor-ui .pr-8 {
1036 padding-right: calc(var(--spacing) * 8) !important;
1037 }
1038 .lw-harbor-ui .pr-11 {
1039 padding-right: calc(var(--spacing) * 11) !important;
1040 }
1041 .lw-harbor-ui .pb-3 {
1042 padding-bottom: calc(var(--spacing) * 3) !important;
1043 }
1044 .lw-harbor-ui .pb-4 {
1045 padding-bottom: calc(var(--spacing) * 4) !important;
1046 }
1047 .lw-harbor-ui .pb-6 {
1048 padding-bottom: calc(var(--spacing) * 6) !important;
1049 }
1050 .lw-harbor-ui .pl-2 {
1051 padding-left: calc(var(--spacing) * 2) !important;
1052 }
1053 .lw-harbor-ui .pl-4 {
1054 padding-left: calc(var(--spacing) * 4) !important;
1055 }
1056 .lw-harbor-ui .pl-10 {
1057 padding-left: calc(var(--spacing) * 10) !important;
1058 }
1059 .lw-harbor-ui .pl-11 {
1060 padding-left: calc(var(--spacing) * 11) !important;
1061 }
1062 .lw-harbor-ui .text-center {
1063 text-align: center !important;
1064 }
1065 .lw-harbor-ui .text-left {
1066 text-align: left !important;
1067 }
1068 .lw-harbor-ui .text-right {
1069 text-align: right !important;
1070 }
1071 .lw-harbor-ui .font-mono {
1072 font-family: var(--font-mono) !important;
1073 }
1074 .lw-harbor-ui .\!text-2xl {
1075 font-size: var(--text-2xl) !important;
1076 line-height: var(--lw-harbor-tw-leading, var(--text-2xl--line-height)) !important;
1077 }
1078 .lw-harbor-ui .text-2xl {
1079 font-size: var(--text-2xl) !important;
1080 line-height: var(--lw-harbor-tw-leading, var(--text-2xl--line-height)) !important;
1081 }
1082 .lw-harbor-ui .text-base {
1083 font-size: var(--text-base) !important;
1084 line-height: var(--lw-harbor-tw-leading, var(--text-base--line-height)) !important;
1085 }
1086 .lw-harbor-ui .text-lg {
1087 font-size: var(--text-lg) !important;
1088 line-height: var(--lw-harbor-tw-leading, var(--text-lg--line-height)) !important;
1089 }
1090 .lw-harbor-ui .text-sm {
1091 font-size: var(--text-sm) !important;
1092 line-height: var(--lw-harbor-tw-leading, var(--text-sm--line-height)) !important;
1093 }
1094 .lw-harbor-ui .text-xs {
1095 font-size: var(--text-xs) !important;
1096 line-height: var(--lw-harbor-tw-leading, var(--text-xs--line-height)) !important;
1097 }
1098 .lw-harbor-ui .text-\[10px\] {
1099 font-size: 10px !important;
1100 }
1101 .lw-harbor-ui .text-\[11px\] {
1102 font-size: 11px !important;
1103 }
1104 .lw-harbor-ui .text-\[13px\] {
1105 font-size: 13px !important;
1106 }
1107 .lw-harbor-ui .leading-6 {
1108 --lw-harbor-tw-leading: calc(var(--spacing) * 6);
1109 line-height: calc(var(--spacing) * 6) !important;
1110 }
1111 .lw-harbor-ui .leading-8 {
1112 --lw-harbor-tw-leading: calc(var(--spacing) * 8);
1113 line-height: calc(var(--spacing) * 8) !important;
1114 }
1115 .lw-harbor-ui .leading-none {
1116 --lw-harbor-tw-leading: 1;
1117 line-height: 1 !important;
1118 }
1119 .lw-harbor-ui .leading-relaxed {
1120 --lw-harbor-tw-leading: var(--leading-relaxed);
1121 line-height: var(--leading-relaxed) !important;
1122 }
1123 .lw-harbor-ui .\!font-normal {
1124 --lw-harbor-tw-font-weight: var(--font-weight-normal);
1125 font-weight: var(--font-weight-normal) !important;
1126 }
1127 .lw-harbor-ui .font-bold {
1128 --lw-harbor-tw-font-weight: var(--font-weight-bold);
1129 font-weight: var(--font-weight-bold) !important;
1130 }
1131 .lw-harbor-ui .font-medium {
1132 --lw-harbor-tw-font-weight: var(--font-weight-medium);
1133 font-weight: var(--font-weight-medium) !important;
1134 }
1135 .lw-harbor-ui .font-semibold {
1136 --lw-harbor-tw-font-weight: var(--font-weight-semibold);
1137 font-weight: var(--font-weight-semibold) !important;
1138 }
1139 .lw-harbor-ui .tracking-\[-0\.08px\] {
1140 --lw-harbor-tw-tracking: -0.08px;
1141 letter-spacing: -0.08px !important;
1142 }
1143 .lw-harbor-ui .tracking-wide {
1144 --lw-harbor-tw-tracking: var(--tracking-wide);
1145 letter-spacing: var(--tracking-wide) !important;
1146 }
1147 .lw-harbor-ui .tracking-wider {
1148 --lw-harbor-tw-tracking: var(--tracking-wider);
1149 letter-spacing: var(--tracking-wider) !important;
1150 }
1151 .lw-harbor-ui .whitespace-nowrap {
1152 white-space: nowrap !important;
1153 }
1154 .lw-harbor-ui .text-amber-600 {
1155 color: var(--color-amber-600) !important;
1156 }
1157 .lw-harbor-ui .text-amber-800 {
1158 color: var(--color-amber-800) !important;
1159 }
1160 .lw-harbor-ui .text-blue-800 {
1161 color: var(--color-blue-800) !important;
1162 }
1163 .lw-harbor-ui .text-blue-900 {
1164 color: var(--color-blue-900) !important;
1165 }
1166 .lw-harbor-ui .text-card-foreground {
1167 color: oklch(0.145 0 0) !important;
1168 }
1169 .lw-harbor-ui .text-destructive {
1170 color: oklch(0.577 0.245 27.325) !important;
1171 }
1172 .lw-harbor-ui .text-emerald-800 {
1173 color: var(--color-emerald-800) !important;
1174 }
1175 .lw-harbor-ui .text-foreground {
1176 color: oklch(0.145 0 0) !important;
1177 }
1178 .lw-harbor-ui .text-gray-500 {
1179 color: var(--color-gray-500) !important;
1180 }
1181 .lw-harbor-ui .text-green-600 {
1182 color: var(--color-green-600) !important;
1183 }
1184 .lw-harbor-ui .text-green-800 {
1185 color: var(--color-green-800) !important;
1186 }
1187 .lw-harbor-ui .text-muted-foreground {
1188 color: oklch(0.45 0 0) !important;
1189 }
1190 .lw-harbor-ui .text-neutral-950 {
1191 color: var(--color-neutral-950) !important;
1192 }
1193 .lw-harbor-ui .text-popover-foreground {
1194 color: oklch(0.145 0 0) !important;
1195 }
1196 .lw-harbor-ui .text-primary {
1197 color: oklch(0.205 0.08 265) !important;
1198 }
1199 .lw-harbor-ui .text-primary-foreground {
1200 color: oklch(0.985 0 0) !important;
1201 }
1202 .lw-harbor-ui .text-red-800 {
1203 color: var(--color-red-800) !important;
1204 }
1205 .lw-harbor-ui .text-secondary-foreground {
1206 color: oklch(0.205 0 0) !important;
1207 }
1208 .lw-harbor-ui .text-white {
1209 color: var(--color-white) !important;
1210 }
1211 .lw-harbor-ui .text-white\/70 {
1212 color: color-mix(in srgb, #fff 70%, transparent) !important;
1213 @supports (color: color-mix(in lab, red, red)) {
1214 color: color-mix(in oklab, var(--color-white) 70%, transparent) !important;
1215 }
1216 }
1217 .lw-harbor-ui .lowercase {
1218 text-transform: lowercase !important;
1219 }
1220 .lw-harbor-ui .uppercase {
1221 text-transform: uppercase !important;
1222 }
1223 .lw-harbor-ui .line-through {
1224 text-decoration-line: line-through !important;
1225 }
1226 .lw-harbor-ui .underline {
1227 text-decoration-line: underline !important;
1228 }
1229 .lw-harbor-ui .underline-offset-2 {
1230 text-underline-offset: 2px !important;
1231 }
1232 .lw-harbor-ui .underline-offset-4 {
1233 text-underline-offset: 4px !important;
1234 }
1235 .lw-harbor-ui .opacity-50 {
1236 opacity: 50% !important;
1237 }
1238 .lw-harbor-ui .opacity-60 {
1239 opacity: 60% !important;
1240 }
1241 .lw-harbor-ui .opacity-75 {
1242 opacity: 75% !important;
1243 }
1244 .lw-harbor-ui .shadow-lg {
1245 --lw-harbor-tw-shadow: 0 10px 15px -3px var(--lw-harbor-tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--lw-harbor-tw-shadow-color, rgb(0 0 0 / 0.1));
1246 box-shadow: var(--lw-harbor-tw-inset-shadow), var(--lw-harbor-tw-inset-ring-shadow), var(--lw-harbor-tw-ring-offset-shadow), var(--lw-harbor-tw-ring-shadow), var(--lw-harbor-tw-shadow) !important;
1247 }
1248 .lw-harbor-ui .shadow-md {
1249 --lw-harbor-tw-shadow: 0 4px 6px -1px var(--lw-harbor-tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--lw-harbor-tw-shadow-color, rgb(0 0 0 / 0.1));
1250 box-shadow: var(--lw-harbor-tw-inset-shadow), var(--lw-harbor-tw-inset-ring-shadow), var(--lw-harbor-tw-ring-offset-shadow), var(--lw-harbor-tw-ring-shadow), var(--lw-harbor-tw-shadow) !important;
1251 }
1252 .lw-harbor-ui .shadow-sm {
1253 --lw-harbor-tw-shadow: 0 1px 3px 0 var(--lw-harbor-tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--lw-harbor-tw-shadow-color, rgb(0 0 0 / 0.1));
1254 box-shadow: var(--lw-harbor-tw-inset-shadow), var(--lw-harbor-tw-inset-ring-shadow), var(--lw-harbor-tw-ring-offset-shadow), var(--lw-harbor-tw-ring-shadow), var(--lw-harbor-tw-shadow) !important;
1255 }
1256 .lw-harbor-ui .shadow-xl {
1257 --lw-harbor-tw-shadow: 0 20px 25px -5px var(--lw-harbor-tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--lw-harbor-tw-shadow-color, rgb(0 0 0 / 0.1));
1258 box-shadow: var(--lw-harbor-tw-inset-shadow), var(--lw-harbor-tw-inset-ring-shadow), var(--lw-harbor-tw-ring-offset-shadow), var(--lw-harbor-tw-ring-shadow), var(--lw-harbor-tw-shadow) !important;
1259 }
1260 .lw-harbor-ui .shadow-xs {
1261 --lw-harbor-tw-shadow: 0 1px 2px 0 var(--lw-harbor-tw-shadow-color, rgb(0 0 0 / 0.05));
1262 box-shadow: var(--lw-harbor-tw-inset-shadow), var(--lw-harbor-tw-inset-ring-shadow), var(--lw-harbor-tw-ring-offset-shadow), var(--lw-harbor-tw-ring-shadow), var(--lw-harbor-tw-shadow) !important;
1263 }
1264 .lw-harbor-ui .ring-0 {
1265 --lw-harbor-tw-ring-shadow: var(--lw-harbor-tw-ring-inset,) 0 0 0 calc(0px + var(--lw-harbor-tw-ring-offset-width)) var(--lw-harbor-tw-ring-color, currentcolor);
1266 box-shadow: var(--lw-harbor-tw-inset-shadow), var(--lw-harbor-tw-inset-ring-shadow), var(--lw-harbor-tw-ring-offset-shadow), var(--lw-harbor-tw-ring-shadow), var(--lw-harbor-tw-shadow) !important;
1267 }
1268 .lw-harbor-ui .outline {
1269 outline-style: var(--lw-harbor-tw-outline-style) !important;
1270 outline-width: 1px !important;
1271 }
1272 .lw-harbor-ui .filter {
1273 filter: var(--lw-harbor-tw-blur,) var(--lw-harbor-tw-brightness,) var(--lw-harbor-tw-contrast,) var(--lw-harbor-tw-grayscale,) var(--lw-harbor-tw-hue-rotate,) var(--lw-harbor-tw-invert,) var(--lw-harbor-tw-saturate,) var(--lw-harbor-tw-sepia,) var(--lw-harbor-tw-drop-shadow,) !important;
1274 }
1275 .lw-harbor-ui .transition {
1276 transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --lw-harbor-tw-gradient-from, --lw-harbor-tw-gradient-via, --lw-harbor-tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;
1277 transition-timing-function: var(--lw-harbor-tw-ease, var(--default-transition-timing-function)) !important;
1278 transition-duration: var(--lw-harbor-tw-duration, var(--default-transition-duration)) !important;
1279 }
1280 .lw-harbor-ui .transition-\[border-radius\] {
1281 transition-property: border-radius !important;
1282 transition-timing-function: var(--lw-harbor-tw-ease, var(--default-transition-timing-function)) !important;
1283 transition-duration: var(--lw-harbor-tw-duration, var(--default-transition-duration)) !important;
1284 }
1285 .lw-harbor-ui .transition-\[color\,box-shadow\] {
1286 transition-property: color,box-shadow !important;
1287 transition-timing-function: var(--lw-harbor-tw-ease, var(--default-transition-timing-function)) !important;
1288 transition-duration: var(--lw-harbor-tw-duration, var(--default-transition-duration)) !important;
1289 }
1290 .lw-harbor-ui .transition-all {
1291 transition-property: all !important;
1292 transition-timing-function: var(--lw-harbor-tw-ease, var(--default-transition-timing-function)) !important;
1293 transition-duration: var(--lw-harbor-tw-duration, var(--default-transition-duration)) !important;
1294 }
1295 .lw-harbor-ui .transition-colors {
1296 transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --lw-harbor-tw-gradient-from, --lw-harbor-tw-gradient-via, --lw-harbor-tw-gradient-to !important;
1297 transition-timing-function: var(--lw-harbor-tw-ease, var(--default-transition-timing-function)) !important;
1298 transition-duration: var(--lw-harbor-tw-duration, var(--default-transition-duration)) !important;
1299 }
1300 .lw-harbor-ui .transition-opacity {
1301 transition-property: opacity !important;
1302 transition-timing-function: var(--lw-harbor-tw-ease, var(--default-transition-timing-function)) !important;
1303 transition-duration: var(--lw-harbor-tw-duration, var(--default-transition-duration)) !important;
1304 }
1305 .lw-harbor-ui .transition-transform {
1306 transition-property: transform, translate, scale, rotate !important;
1307 transition-timing-function: var(--lw-harbor-tw-ease, var(--default-transition-timing-function)) !important;
1308 transition-duration: var(--lw-harbor-tw-duration, var(--default-transition-duration)) !important;
1309 }
1310 .lw-harbor-ui .duration-150 {
1311 --lw-harbor-tw-duration: 150ms;
1312 transition-duration: 150ms !important;
1313 }
1314 .lw-harbor-ui .outline-none {
1315 --lw-harbor-tw-outline-style: none;
1316 outline-style: none !important;
1317 }
1318 .lw-harbor-ui .select-none {
1319 -webkit-user-select: none !important;
1320 -moz-user-select: none !important;
1321 user-select: none !important;
1322 }
1323 .lw-harbor-ui .group-data-\[disabled\=true\]\:pointer-events-none {
1324 .lw-harbor-ui &:is(:where(.group)[data-disabled="true"] *) {
1325 pointer-events: none !important;
1326 }
1327 }
1328 .lw-harbor-ui .group-data-\[disabled\=true\]\:opacity-50 {
1329 .lw-harbor-ui &:is(:where(.group)[data-disabled="true"] *) {
1330 opacity: 50% !important;
1331 }
1332 }
1333 .lw-harbor-ui .group-data-\[size\=default\]\/switch\:size-4 {
1334 .lw-harbor-ui &:is(:where(.group\/switch)[data-size="default"] *) {
1335 width: calc(var(--spacing) * 4) !important;
1336 height: calc(var(--spacing) * 4) !important;
1337 }
1338 }
1339 .lw-harbor-ui .group-data-\[size\=sm\]\/switch\:size-3 {
1340 .lw-harbor-ui &:is(:where(.group\/switch)[data-size="sm"] *) {
1341 width: calc(var(--spacing) * 3) !important;
1342 height: calc(var(--spacing) * 3) !important;
1343 }
1344 }
1345 .lw-harbor-ui .peer-disabled\:cursor-not-allowed {
1346 .lw-harbor-ui &:is(:where(.peer):disabled ~ *) {
1347 cursor: not-allowed !important;
1348 }
1349 }
1350 .lw-harbor-ui .peer-disabled\:opacity-50 {
1351 .lw-harbor-ui &:is(:where(.peer):disabled ~ *) {
1352 opacity: 50% !important;
1353 }
1354 }
1355 .lw-harbor-ui .selection\:bg-primary {
1356 .lw-harbor-ui & *::-moz-selection {
1357 background-color: oklch(0.205 0.08 265) !important;
1358 }
1359 .lw-harbor-ui & *::selection {
1360 background-color: oklch(0.205 0.08 265) !important;
1361 }
1362 .lw-harbor-ui &::-moz-selection {
1363 background-color: oklch(0.205 0.08 265) !important;
1364 }
1365 .lw-harbor-ui &::selection {
1366 background-color: oklch(0.205 0.08 265) !important;
1367 }
1368 }
1369 .lw-harbor-ui .selection\:text-primary-foreground {
1370 .lw-harbor-ui & *::-moz-selection {
1371 color: oklch(0.985 0 0) !important;
1372 }
1373 .lw-harbor-ui & *::selection {
1374 color: oklch(0.985 0 0) !important;
1375 }
1376 .lw-harbor-ui &::-moz-selection {
1377 color: oklch(0.985 0 0) !important;
1378 }
1379 .lw-harbor-ui &::selection {
1380 color: oklch(0.985 0 0) !important;
1381 }
1382 }
1383 .lw-harbor-ui .file\:inline-flex {
1384 .lw-harbor-ui &::file-selector-button {
1385 display: inline-flex !important;
1386 }
1387 }
1388 .lw-harbor-ui .file\:h-7 {
1389 .lw-harbor-ui &::file-selector-button {
1390 height: calc(var(--spacing) * 7) !important;
1391 }
1392 }
1393 .lw-harbor-ui .file\:border-0 {
1394 .lw-harbor-ui &::file-selector-button {
1395 border-style: var(--lw-harbor-tw-border-style) !important;
1396 border-width: 0px !important;
1397 }
1398 }
1399 .lw-harbor-ui .file\:bg-transparent {
1400 .lw-harbor-ui &::file-selector-button {
1401 background-color: transparent !important;
1402 }
1403 }
1404 .lw-harbor-ui .file\:text-sm {
1405 .lw-harbor-ui &::file-selector-button {
1406 font-size: var(--text-sm) !important;
1407 line-height: var(--lw-harbor-tw-leading, var(--text-sm--line-height)) !important;
1408 }
1409 }
1410 .lw-harbor-ui .file\:font-medium {
1411 .lw-harbor-ui &::file-selector-button {
1412 --lw-harbor-tw-font-weight: var(--font-weight-medium);
1413 font-weight: var(--font-weight-medium) !important;
1414 }
1415 }
1416 .lw-harbor-ui .file\:text-foreground {
1417 .lw-harbor-ui &::file-selector-button {
1418 color: oklch(0.145 0 0) !important;
1419 }
1420 }
1421 .lw-harbor-ui .placeholder\:text-muted-foreground {
1422 .lw-harbor-ui &::-moz-placeholder {
1423 color: oklch(0.45 0 0) !important;
1424 }
1425 .lw-harbor-ui &::placeholder {
1426 color: oklch(0.45 0 0) !important;
1427 }
1428 }
1429 .lw-harbor-ui .last\:border-b-0 {
1430 .lw-harbor-ui &:last-child {
1431 border-bottom-style: var(--lw-harbor-tw-border-style) !important;
1432 border-bottom-width: 0px !important;
1433 }
1434 }
1435 .lw-harbor-ui .hover\:bg-accent {
1436 .lw-harbor-ui &:hover {
1437 @media (hover: hover) {
1438 background-color: oklch(0.965 0 0) !important;
1439 }
1440 }
1441 }
1442 .lw-harbor-ui .hover\:bg-amber-100 {
1443 .lw-harbor-ui &:hover {
1444 @media (hover: hover) {
1445 background-color: var(--color-amber-100) !important;
1446 }
1447 }
1448 }
1449 .lw-harbor-ui .hover\:bg-destructive\/90 {
1450 .lw-harbor-ui &:hover {
1451 @media (hover: hover) {
1452 background-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 90%, transparent) !important;
1453 }
1454 }
1455 }
1456 .lw-harbor-ui .hover\:bg-muted\/50 {
1457 .lw-harbor-ui &:hover {
1458 @media (hover: hover) {
1459 background-color: color-mix(in oklab, oklch(0.955 0 0) 50%, transparent) !important;
1460 }
1461 }
1462 }
1463 .lw-harbor-ui .hover\:bg-primary\/90 {
1464 .lw-harbor-ui &:hover {
1465 @media (hover: hover) {
1466 background-color: color-mix(in oklab, oklch(0.205 0.08 265) 90%, transparent) !important;
1467 }
1468 }
1469 }
1470 .lw-harbor-ui .hover\:bg-secondary\/80 {
1471 .lw-harbor-ui &:hover {
1472 @media (hover: hover) {
1473 background-color: color-mix(in oklab, oklch(0.965 0 0) 80%, transparent) !important;
1474 }
1475 }
1476 }
1477 .lw-harbor-ui .hover\:text-accent-foreground {
1478 .lw-harbor-ui &:hover {
1479 @media (hover: hover) {
1480 color: oklch(0.205 0 0) !important;
1481 }
1482 }
1483 }
1484 .lw-harbor-ui .hover\:text-foreground {
1485 .lw-harbor-ui &:hover {
1486 @media (hover: hover) {
1487 color: oklch(0.145 0 0) !important;
1488 }
1489 }
1490 }
1491 .lw-harbor-ui .hover\:no-underline {
1492 .lw-harbor-ui &:hover {
1493 @media (hover: hover) {
1494 text-decoration-line: none !important;
1495 }
1496 }
1497 }
1498 .lw-harbor-ui .hover\:underline {
1499 .lw-harbor-ui &:hover {
1500 @media (hover: hover) {
1501 text-decoration-line: underline !important;
1502 }
1503 }
1504 }
1505 .lw-harbor-ui .hover\:opacity-75 {
1506 .lw-harbor-ui &:hover {
1507 @media (hover: hover) {
1508 opacity: 75% !important;
1509 }
1510 }
1511 }
1512 .lw-harbor-ui .hover\:opacity-80 {
1513 .lw-harbor-ui &:hover {
1514 @media (hover: hover) {
1515 opacity: 80% !important;
1516 }
1517 }
1518 }
1519 .lw-harbor-ui .hover\:opacity-100 {
1520 .lw-harbor-ui &:hover {
1521 @media (hover: hover) {
1522 opacity: 100% !important;
1523 }
1524 }
1525 }
1526 .lw-harbor-ui .focus\:bg-accent {
1527 .lw-harbor-ui &:focus {
1528 background-color: oklch(0.965 0 0) !important;
1529 }
1530 }
1531 .lw-harbor-ui .focus\:text-accent-foreground {
1532 .lw-harbor-ui &:focus {
1533 color: oklch(0.205 0 0) !important;
1534 }
1535 }
1536 .lw-harbor-ui .focus-visible\:border-ring {
1537 .lw-harbor-ui &:focus-visible {
1538 border-color: oklch(0.708 0.165 254.624) !important;
1539 }
1540 }
1541 .lw-harbor-ui .focus-visible\:ring-\[3px\] {
1542 .lw-harbor-ui &:focus-visible {
1543 --lw-harbor-tw-ring-shadow: var(--lw-harbor-tw-ring-inset,) 0 0 0 calc(3px + var(--lw-harbor-tw-ring-offset-width)) var(--lw-harbor-tw-ring-color, currentcolor);
1544 box-shadow: var(--lw-harbor-tw-inset-shadow), var(--lw-harbor-tw-inset-ring-shadow), var(--lw-harbor-tw-ring-offset-shadow), var(--lw-harbor-tw-ring-shadow), var(--lw-harbor-tw-shadow) !important;
1545 }
1546 }
1547 .lw-harbor-ui .focus-visible\:ring-destructive\/20 {
1548 .lw-harbor-ui &:focus-visible {
1549 --lw-harbor-tw-ring-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 20%, transparent);
1550 }
1551 }
1552 .lw-harbor-ui .focus-visible\:ring-ring\/50 {
1553 .lw-harbor-ui &:focus-visible {
1554 --lw-harbor-tw-ring-color: color-mix(in oklab, oklch(0.708 0.165 254.624) 50%, transparent);
1555 }
1556 }
1557 .lw-harbor-ui .disabled\:pointer-events-none {
1558 .lw-harbor-ui &:disabled {
1559 pointer-events: none !important;
1560 }
1561 }
1562 .lw-harbor-ui .disabled\:cursor-not-allowed {
1563 .lw-harbor-ui &:disabled {
1564 cursor: not-allowed !important;
1565 }
1566 }
1567 .lw-harbor-ui .disabled\:opacity-50 {
1568 .lw-harbor-ui &:disabled {
1569 opacity: 50% !important;
1570 }
1571 }
1572 .lw-harbor-ui .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\] {
1573 .lw-harbor-ui &:has(*[data-slot="card-action"]) {
1574 grid-template-columns: 1fr auto !important;
1575 }
1576 }
1577 .lw-harbor-ui .has-\[\>svg\]\:px-1\.5 {
1578 .lw-harbor-ui &:has(>svg) {
1579 padding-inline: calc(var(--spacing) * 1.5) !important;
1580 }
1581 }
1582 .lw-harbor-ui .has-\[\>svg\]\:px-2\.5 {
1583 .lw-harbor-ui &:has(>svg) {
1584 padding-inline: calc(var(--spacing) * 2.5) !important;
1585 }
1586 }
1587 .lw-harbor-ui .has-\[\>svg\]\:px-3 {
1588 .lw-harbor-ui &:has(>svg) {
1589 padding-inline: calc(var(--spacing) * 3) !important;
1590 }
1591 }
1592 .lw-harbor-ui .has-\[\>svg\]\:px-4 {
1593 .lw-harbor-ui &:has(>svg) {
1594 padding-inline: calc(var(--spacing) * 4) !important;
1595 }
1596 }
1597 .lw-harbor-ui .aria-invalid\:border-destructive {
1598 .lw-harbor-ui &[aria-invalid="true"] {
1599 border-color: oklch(0.577 0.245 27.325) !important;
1600 }
1601 }
1602 .lw-harbor-ui .aria-invalid\:ring-destructive\/20 {
1603 .lw-harbor-ui &[aria-invalid="true"] {
1604 --lw-harbor-tw-ring-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 20%, transparent);
1605 }
1606 }
1607 .lw-harbor-ui .data-\[disabled\]\:pointer-events-none {
1608 .lw-harbor-ui &[data-disabled] {
1609 pointer-events: none !important;
1610 }
1611 }
1612 .lw-harbor-ui .data-\[disabled\]\:opacity-50 {
1613 .lw-harbor-ui &[data-disabled] {
1614 opacity: 50% !important;
1615 }
1616 }
1617 .lw-harbor-ui .data-\[highlighted\]\:bg-accent {
1618 .lw-harbor-ui &[data-highlighted] {
1619 background-color: oklch(0.965 0 0) !important;
1620 }
1621 }
1622 .lw-harbor-ui .data-\[highlighted\]\:text-accent-foreground {
1623 .lw-harbor-ui &[data-highlighted] {
1624 color: oklch(0.205 0 0) !important;
1625 }
1626 }
1627 .lw-harbor-ui .data-\[side\=bottom\]\:translate-y-1 {
1628 .lw-harbor-ui &[data-side="bottom"] {
1629 --lw-harbor-tw-translate-y: calc(var(--spacing) * 1);
1630 translate: var(--lw-harbor-tw-translate-x) var(--lw-harbor-tw-translate-y) !important;
1631 }
1632 }
1633 .lw-harbor-ui .data-\[side\=top\]\:-translate-y-1 {
1634 .lw-harbor-ui &[data-side="top"] {
1635 --lw-harbor-tw-translate-y: calc(var(--spacing) * -1);
1636 translate: var(--lw-harbor-tw-translate-x) var(--lw-harbor-tw-translate-y) !important;
1637 }
1638 }
1639 .lw-harbor-ui .data-\[size\=default\]\:h-\[1\.15rem\] {
1640 .lw-harbor-ui &[data-size="default"] {
1641 height: 1.15rem !important;
1642 }
1643 }
1644 .lw-harbor-ui .data-\[size\=default\]\:w-8 {
1645 .lw-harbor-ui &[data-size="default"] {
1646 width: calc(var(--spacing) * 8) !important;
1647 }
1648 }
1649 .lw-harbor-ui .data-\[size\=sm\]\:h-3\.5 {
1650 .lw-harbor-ui &[data-size="sm"] {
1651 height: calc(var(--spacing) * 3.5) !important;
1652 }
1653 }
1654 .lw-harbor-ui .data-\[size\=sm\]\:w-6 {
1655 .lw-harbor-ui &[data-size="sm"] {
1656 width: calc(var(--spacing) * 6) !important;
1657 }
1658 }
1659 .lw-harbor-ui .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\] {
1660 .lw-harbor-ui &[data-state="checked"] {
1661 --lw-harbor-tw-translate-x: calc(100% - 2px);
1662 translate: var(--lw-harbor-tw-translate-x) var(--lw-harbor-tw-translate-y) !important;
1663 }
1664 }
1665 .lw-harbor-ui .data-\[state\=checked\]\:bg-primary {
1666 .lw-harbor-ui &[data-state="checked"] {
1667 background-color: oklch(0.205 0.08 265) !important;
1668 }
1669 }
1670 .lw-harbor-ui .data-\[state\=unchecked\]\:translate-x-0 {
1671 .lw-harbor-ui &[data-state="unchecked"] {
1672 --lw-harbor-tw-translate-x: calc(var(--spacing) * 0);
1673 translate: var(--lw-harbor-tw-translate-x) var(--lw-harbor-tw-translate-y) !important;
1674 }
1675 }
1676 .lw-harbor-ui .data-\[state\=unchecked\]\:bg-input {
1677 .lw-harbor-ui &[data-state="unchecked"] {
1678 background-color: oklch(0.9 0 0) !important;
1679 }
1680 }
1681 .lw-harbor-ui .dark\:border-input {
1682 .lw-harbor-ui &:is(.dark *) {
1683 border-color: oklch(0.9 0 0) !important;
1684 }
1685 }
1686 .lw-harbor-ui .dark\:bg-destructive\/60 {
1687 .lw-harbor-ui &:is(.dark *) {
1688 background-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 60%, transparent) !important;
1689 }
1690 }
1691 .lw-harbor-ui .dark\:bg-input\/30 {
1692 .lw-harbor-ui &:is(.dark *) {
1693 background-color: color-mix(in oklab, oklch(0.9 0 0) 30%, transparent) !important;
1694 }
1695 }
1696 .lw-harbor-ui .dark\:hover\:bg-accent\/50 {
1697 .lw-harbor-ui &:is(.dark *) {
1698 .lw-harbor-ui &:hover {
1699 @media (hover: hover) {
1700 background-color: color-mix(in oklab, oklch(0.965 0 0) 50%, transparent) !important;
1701 }
1702 }
1703 }
1704 }
1705 .lw-harbor-ui .dark\:hover\:bg-input\/50 {
1706 .lw-harbor-ui &:is(.dark *) {
1707 .lw-harbor-ui &:hover {
1708 @media (hover: hover) {
1709 background-color: color-mix(in oklab, oklch(0.9 0 0) 50%, transparent) !important;
1710 }
1711 }
1712 }
1713 }
1714 .lw-harbor-ui .dark\:focus-visible\:ring-destructive\/40 {
1715 .lw-harbor-ui &:is(.dark *) {
1716 .lw-harbor-ui &:focus-visible {
1717 --lw-harbor-tw-ring-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 40%, transparent);
1718 }
1719 }
1720 }
1721 .lw-harbor-ui .dark\:aria-invalid\:ring-destructive\/40 {
1722 .lw-harbor-ui &:is(.dark *) {
1723 .lw-harbor-ui &[aria-invalid="true"] {
1724 --lw-harbor-tw-ring-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 40%, transparent);
1725 }
1726 }
1727 }
1728 .lw-harbor-ui .dark\:data-\[state\=checked\]\:bg-primary-foreground {
1729 .lw-harbor-ui &:is(.dark *) {
1730 .lw-harbor-ui &[data-state="checked"] {
1731 background-color: oklch(0.985 0 0) !important;
1732 }
1733 }
1734 }
1735 .lw-harbor-ui .dark\:data-\[state\=unchecked\]\:bg-foreground {
1736 .lw-harbor-ui &:is(.dark *) {
1737 .lw-harbor-ui &[data-state="unchecked"] {
1738 background-color: oklch(0.145 0 0) !important;
1739 }
1740 }
1741 }
1742 .lw-harbor-ui .dark\:data-\[state\=unchecked\]\:bg-input\/80 {
1743 .lw-harbor-ui &:is(.dark *) {
1744 .lw-harbor-ui &[data-state="unchecked"] {
1745 background-color: color-mix(in oklab, oklch(0.9 0 0) 80%, transparent) !important;
1746 }
1747 }
1748 }
1749 .lw-harbor-ui .\[\&_svg\]\:pointer-events-none {
1750 .lw-harbor-ui & svg {
1751 pointer-events: none !important;
1752 }
1753 }
1754 .lw-harbor-ui .\[\&_svg\]\:shrink-0 {
1755 .lw-harbor-ui & svg {
1756 flex-shrink: 0 !important;
1757 }
1758 }
1759 .lw-harbor-ui .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
1760 .lw-harbor-ui & svg:not([class*='size-']) {
1761 width: calc(var(--spacing) * 3) !important;
1762 height: calc(var(--spacing) * 3) !important;
1763 }
1764 }
1765 .lw-harbor-ui .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
1766 .lw-harbor-ui & svg:not([class*='size-']) {
1767 width: calc(var(--spacing) * 4) !important;
1768 height: calc(var(--spacing) * 4) !important;
1769 }
1770 }
1771 .lw-harbor-ui .\[\.border-b\]\:pb-6 {
1772 .lw-harbor-ui &:is(.border-b) {
1773 padding-bottom: calc(var(--spacing) * 6) !important;
1774 }
1775 }
1776 .lw-harbor-ui .\[\.border-t\]\:pt-6 {
1777 .lw-harbor-ui &:is(.border-t) {
1778 padding-top: calc(var(--spacing) * 6) !important;
1779 }
1780 }
1781 .lw-harbor-ui .\[\&\>div\]\:bg-primary {
1782 .lw-harbor-ui &>div {
1783 background-color: oklch(0.205 0.08 265) !important;
1784 }
1785 }
1786 .lw-harbor-ui .\[\&\>span\]\:line-clamp-1 {
1787 .lw-harbor-ui &>span {
1788 overflow: hidden !important;
1789 display: -webkit-box !important;
1790 -webkit-box-orient: vertical !important;
1791 -webkit-line-clamp: 1 !important;
1792 }
1793 }
1794 .lw-harbor-ui .\[\&\>svg\]\:pointer-events-none {
1795 .lw-harbor-ui &>svg {
1796 pointer-events: none !important;
1797 }
1798 }
1799 .lw-harbor-ui .\[\&\>svg\]\:size-3 {
1800 .lw-harbor-ui &>svg {
1801 width: calc(var(--spacing) * 3) !important;
1802 height: calc(var(--spacing) * 3) !important;
1803 }
1804 }
1805 .lw-harbor-ui .\[a\&\]\:hover\:bg-accent {
1806 .lw-harbor-ui a& {
1807 .lw-harbor-ui &:hover {
1808 @media (hover: hover) {
1809 background-color: oklch(0.965 0 0) !important;
1810 }
1811 }
1812 }
1813 }
1814 .lw-harbor-ui .\[a\&\]\:hover\:bg-destructive\/90 {
1815 .lw-harbor-ui a& {
1816 .lw-harbor-ui &:hover {
1817 @media (hover: hover) {
1818 background-color: color-mix(in oklab, oklch(0.577 0.245 27.325) 90%, transparent) !important;
1819 }
1820 }
1821 }
1822 }
1823 .lw-harbor-ui .\[a\&\]\:hover\:bg-primary\/90 {
1824 .lw-harbor-ui a& {
1825 .lw-harbor-ui &:hover {
1826 @media (hover: hover) {
1827 background-color: color-mix(in oklab, oklch(0.205 0.08 265) 90%, transparent) !important;
1828 }
1829 }
1830 }
1831 }
1832 .lw-harbor-ui .\[a\&\]\:hover\:bg-secondary\/90 {
1833 .lw-harbor-ui a& {
1834 .lw-harbor-ui &:hover {
1835 @media (hover: hover) {
1836 background-color: color-mix(in oklab, oklch(0.965 0 0) 90%, transparent) !important;
1837 }
1838 }
1839 }
1840 }
1841 .lw-harbor-ui .\[a\&\]\:hover\:text-accent-foreground {
1842 .lw-harbor-ui a& {
1843 .lw-harbor-ui &:hover {
1844 @media (hover: hover) {
1845 color: oklch(0.205 0 0) !important;
1846 }
1847 }
1848 }
1849 }
1850 .lw-harbor-ui .\[a\&\]\:hover\:underline {
1851 .lw-harbor-ui a& {
1852 .lw-harbor-ui &:hover {
1853 @media (hover: hover) {
1854 text-decoration-line: underline !important;
1855 }
1856 }
1857 }
1858 }
1859 }
1860 .lw-harbor-ui {
1861 --radius: 0.625rem;
1862 --background: oklch(1 0 0);
1863 --foreground: oklch(0.145 0 0);
1864 --card: oklch(1 0 0);
1865 --card-foreground: oklch(0.145 0 0);
1866 --popover: oklch(1 0 0);
1867 --popover-foreground: oklch(0.145 0 0);
1868 --primary: oklch(0.205 0 0);
1869 --primary-foreground: oklch(0.985 0 0);
1870 --secondary: oklch(0.97 0 0);
1871 --secondary-foreground: oklch(0.205 0 0);
1872 --muted: oklch(0.955 0 0);
1873 --muted-foreground: oklch(0.45 0 0);
1874 --accent: oklch(0.97 0 0);
1875 --accent-foreground: oklch(0.205 0 0);
1876 --destructive: oklch(0.577 0.245 27.325);
1877 --border: oklch(0.9 0 0);
1878 --input: oklch(0.9 0 0);
1879 --ring: oklch(0.708 0 0);
1880 --chart-1: oklch(0.646 0.222 41.116);
1881 --chart-2: oklch(0.6 0.118 184.704);
1882 --chart-3: oklch(0.398 0.07 227.392);
1883 --chart-4: oklch(0.828 0.189 84.429);
1884 --chart-5: oklch(0.769 0.188 70.08);
1885 --sidebar: oklch(0.985 0 0);
1886 --sidebar-foreground: oklch(0.145 0 0);
1887 --sidebar-primary: oklch(0.205 0 0);
1888 --sidebar-primary-foreground: oklch(0.985 0 0);
1889 --sidebar-accent: oklch(0.97 0 0);
1890 --sidebar-accent-foreground: oklch(0.205 0 0);
1891 --sidebar-border: oklch(0.922 0 0);
1892 --sidebar-ring: oklch(0.708 0 0);
1893 }
1894 .lw-harbor-ui .dark {
1895 --background: oklch(0.145 0 0);
1896 --foreground: oklch(0.985 0 0);
1897 --card: oklch(0.205 0 0);
1898 --card-foreground: oklch(0.985 0 0);
1899 --popover: oklch(0.205 0 0);
1900 --popover-foreground: oklch(0.985 0 0);
1901 --primary: oklch(0.922 0 0);
1902 --primary-foreground: oklch(0.205 0 0);
1903 --secondary: oklch(0.269 0 0);
1904 --secondary-foreground: oklch(0.985 0 0);
1905 --muted: oklch(0.269 0 0);
1906 --muted-foreground: oklch(0.708 0 0);
1907 --accent: oklch(0.269 0 0);
1908 --accent-foreground: oklch(0.985 0 0);
1909 --destructive: oklch(0.704 0.191 22.216);
1910 --border: oklch(1 0 0 / 10%);
1911 --input: oklch(1 0 0 / 15%);
1912 --ring: oklch(0.556 0 0);
1913 --chart-1: oklch(0.488 0.243 264.376);
1914 --chart-2: oklch(0.696 0.17 162.48);
1915 --chart-3: oklch(0.769 0.188 70.08);
1916 --chart-4: oklch(0.627 0.265 303.9);
1917 --chart-5: oklch(0.645 0.246 16.439);
1918 --sidebar: oklch(0.205 0 0);
1919 --sidebar-foreground: oklch(0.985 0 0);
1920 --sidebar-primary: oklch(0.488 0.243 264.376);
1921 --sidebar-primary-foreground: oklch(0.985 0 0);
1922 --sidebar-accent: oklch(0.269 0 0);
1923 --sidebar-accent-foreground: oklch(0.985 0 0);
1924 --sidebar-border: oklch(1 0 0 / 10%);
1925 --sidebar-ring: oklch(0.556 0 0);
1926 }
1927 .lw-harbor-ui {
1928 background-color: var(--color-background);
1929 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1930 font-size: 14px;
1931 line-height: 1.5;
1932 color: var(--color-foreground);
1933 }
1934 .lw-harbor-ui * {
1935 border-color: var(--color-border);
1936 }
1937 #wpcontent:has(.lw-harbor-ui) {
1938 padding-left: 0;
1939 }
1940 #wpcontent:has(.lw-harbor-ui) #wpbody-content {
1941 padding-bottom: 0;
1942 }
1943 #wpcontent:has(.lw-harbor-ui) + #wpfooter {
1944 display: none;
1945 }
1946 .wrap:has(> .lw-harbor-ui) {
1947 margin: 0;
1948 padding: 0;
1949 }
1950 @layer base {
1951 .lw-harbor-ui * {
1952 box-sizing: border-box;
1953 border-color: oklch(0.9 0 0);
1954 outline-color: color-mix(in oklab, oklch(0.708 0.165 254.624) 50%, transparent);
1955 }
1956 .lw-harbor-ui body {
1957 background-color: oklch(1 0 0);
1958 color: oklch(0.145 0 0);
1959 }
1960 }
1961 @property --lw-harbor-tw-translate-x {
1962 syntax: "*";
1963 inherits: false;
1964 initial-value: 0;
1965 }
1966 @property --lw-harbor-tw-translate-y {
1967 syntax: "*";
1968 inherits: false;
1969 initial-value: 0;
1970 }
1971 @property --lw-harbor-tw-translate-z {
1972 syntax: "*";
1973 inherits: false;
1974 initial-value: 0;
1975 }
1976 @property --lw-harbor-tw-rotate-x {
1977 syntax: "*";
1978 inherits: false;
1979 }
1980 @property --lw-harbor-tw-rotate-y {
1981 syntax: "*";
1982 inherits: false;
1983 }
1984 @property --lw-harbor-tw-rotate-z {
1985 syntax: "*";
1986 inherits: false;
1987 }
1988 @property --lw-harbor-tw-skew-x {
1989 syntax: "*";
1990 inherits: false;
1991 }
1992 @property --lw-harbor-tw-skew-y {
1993 syntax: "*";
1994 inherits: false;
1995 }
1996 @property --lw-harbor-tw-space-y-reverse {
1997 syntax: "*";
1998 inherits: false;
1999 initial-value: 0;
2000 }
2001 @property --lw-harbor-tw-border-style {
2002 syntax: "*";
2003 inherits: false;
2004 initial-value: solid;
2005 }
2006 @property --lw-harbor-tw-gradient-position {
2007 syntax: "*";
2008 inherits: false;
2009 }
2010 @property --lw-harbor-tw-gradient-from {
2011 syntax: "<color>";
2012 inherits: false;
2013 initial-value: #0000;
2014 }
2015 @property --lw-harbor-tw-gradient-via {
2016 syntax: "<color>";
2017 inherits: false;
2018 initial-value: #0000;
2019 }
2020 @property --lw-harbor-tw-gradient-to {
2021 syntax: "<color>";
2022 inherits: false;
2023 initial-value: #0000;
2024 }
2025 @property --lw-harbor-tw-gradient-stops {
2026 syntax: "*";
2027 inherits: false;
2028 }
2029 @property --lw-harbor-tw-gradient-via-stops {
2030 syntax: "*";
2031 inherits: false;
2032 }
2033 @property --lw-harbor-tw-gradient-from-position {
2034 syntax: "<length-percentage>";
2035 inherits: false;
2036 initial-value: 0%;
2037 }
2038 @property --lw-harbor-tw-gradient-via-position {
2039 syntax: "<length-percentage>";
2040 inherits: false;
2041 initial-value: 50%;
2042 }
2043 @property --lw-harbor-tw-gradient-to-position {
2044 syntax: "<length-percentage>";
2045 inherits: false;
2046 initial-value: 100%;
2047 }
2048 @property --lw-harbor-tw-leading {
2049 syntax: "*";
2050 inherits: false;
2051 }
2052 @property --lw-harbor-tw-font-weight {
2053 syntax: "*";
2054 inherits: false;
2055 }
2056 @property --lw-harbor-tw-tracking {
2057 syntax: "*";
2058 inherits: false;
2059 }
2060 @property --lw-harbor-tw-shadow {
2061 syntax: "*";
2062 inherits: false;
2063 initial-value: 0 0 #0000;
2064 }
2065 @property --lw-harbor-tw-shadow-color {
2066 syntax: "*";
2067 inherits: false;
2068 }
2069 @property --lw-harbor-tw-shadow-alpha {
2070 syntax: "<percentage>";
2071 inherits: false;
2072 initial-value: 100%;
2073 }
2074 @property --lw-harbor-tw-inset-shadow {
2075 syntax: "*";
2076 inherits: false;
2077 initial-value: 0 0 #0000;
2078 }
2079 @property --lw-harbor-tw-inset-shadow-color {
2080 syntax: "*";
2081 inherits: false;
2082 }
2083 @property --lw-harbor-tw-inset-shadow-alpha {
2084 syntax: "<percentage>";
2085 inherits: false;
2086 initial-value: 100%;
2087 }
2088 @property --lw-harbor-tw-ring-color {
2089 syntax: "*";
2090 inherits: false;
2091 }
2092 @property --lw-harbor-tw-ring-shadow {
2093 syntax: "*";
2094 inherits: false;
2095 initial-value: 0 0 #0000;
2096 }
2097 @property --lw-harbor-tw-inset-ring-color {
2098 syntax: "*";
2099 inherits: false;
2100 }
2101 @property --lw-harbor-tw-inset-ring-shadow {
2102 syntax: "*";
2103 inherits: false;
2104 initial-value: 0 0 #0000;
2105 }
2106 @property --lw-harbor-tw-ring-inset {
2107 syntax: "*";
2108 inherits: false;
2109 }
2110 @property --lw-harbor-tw-ring-offset-width {
2111 syntax: "<length>";
2112 inherits: false;
2113 initial-value: 0px;
2114 }
2115 @property --lw-harbor-tw-ring-offset-color {
2116 syntax: "*";
2117 inherits: false;
2118 initial-value: #fff;
2119 }
2120 @property --lw-harbor-tw-ring-offset-shadow {
2121 syntax: "*";
2122 inherits: false;
2123 initial-value: 0 0 #0000;
2124 }
2125 @property --lw-harbor-tw-outline-style {
2126 syntax: "*";
2127 inherits: false;
2128 initial-value: solid;
2129 }
2130 @property --lw-harbor-tw-blur {
2131 syntax: "*";
2132 inherits: false;
2133 }
2134 @property --lw-harbor-tw-brightness {
2135 syntax: "*";
2136 inherits: false;
2137 }
2138 @property --lw-harbor-tw-contrast {
2139 syntax: "*";
2140 inherits: false;
2141 }
2142 @property --lw-harbor-tw-grayscale {
2143 syntax: "*";
2144 inherits: false;
2145 }
2146 @property --lw-harbor-tw-hue-rotate {
2147 syntax: "*";
2148 inherits: false;
2149 }
2150 @property --lw-harbor-tw-invert {
2151 syntax: "*";
2152 inherits: false;
2153 }
2154 @property --lw-harbor-tw-opacity {
2155 syntax: "*";
2156 inherits: false;
2157 }
2158 @property --lw-harbor-tw-saturate {
2159 syntax: "*";
2160 inherits: false;
2161 }
2162 @property --lw-harbor-tw-sepia {
2163 syntax: "*";
2164 inherits: false;
2165 }
2166 @property --lw-harbor-tw-drop-shadow {
2167 syntax: "*";
2168 inherits: false;
2169 }
2170 @property --lw-harbor-tw-drop-shadow-color {
2171 syntax: "*";
2172 inherits: false;
2173 }
2174 @property --lw-harbor-tw-drop-shadow-alpha {
2175 syntax: "<percentage>";
2176 inherits: false;
2177 initial-value: 100%;
2178 }
2179 @property --lw-harbor-tw-drop-shadow-size {
2180 syntax: "*";
2181 inherits: false;
2182 }
2183 @property --lw-harbor-tw-duration {
2184 syntax: "*";
2185 inherits: false;
2186 }
2187 @keyframes spin {
2188 to {
2189 transform: rotate(360deg);
2190 }
2191 }
2192 @keyframes pulse {
2193 50% {
2194 opacity: 0.5;
2195 }
2196 }
2197 @layer properties {
2198 @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2199 .lw-harbor-ui *,
2200 .lw-harbor-ui ::before,
2201 .lw-harbor-ui ::after,
2202 .lw-harbor-ui ::backdrop {
2203 --lw-harbor-tw-translate-x: 0;
2204 --lw-harbor-tw-translate-y: 0;
2205 --lw-harbor-tw-translate-z: 0;
2206 --lw-harbor-tw-rotate-x: initial;
2207 --lw-harbor-tw-rotate-y: initial;
2208 --lw-harbor-tw-rotate-z: initial;
2209 --lw-harbor-tw-skew-x: initial;
2210 --lw-harbor-tw-skew-y: initial;
2211 --lw-harbor-tw-space-y-reverse: 0;
2212 --lw-harbor-tw-border-style: solid;
2213 --lw-harbor-tw-gradient-position: initial;
2214 --lw-harbor-tw-gradient-from: #0000;
2215 --lw-harbor-tw-gradient-via: #0000;
2216 --lw-harbor-tw-gradient-to: #0000;
2217 --lw-harbor-tw-gradient-stops: initial;
2218 --lw-harbor-tw-gradient-via-stops: initial;
2219 --lw-harbor-tw-gradient-from-position: 0%;
2220 --lw-harbor-tw-gradient-via-position: 50%;
2221 --lw-harbor-tw-gradient-to-position: 100%;
2222 --lw-harbor-tw-leading: initial;
2223 --lw-harbor-tw-font-weight: initial;
2224 --lw-harbor-tw-tracking: initial;
2225 --lw-harbor-tw-shadow: 0 0 #0000;
2226 --lw-harbor-tw-shadow-color: initial;
2227 --lw-harbor-tw-shadow-alpha: 100%;
2228 --lw-harbor-tw-inset-shadow: 0 0 #0000;
2229 --lw-harbor-tw-inset-shadow-color: initial;
2230 --lw-harbor-tw-inset-shadow-alpha: 100%;
2231 --lw-harbor-tw-ring-color: initial;
2232 --lw-harbor-tw-ring-shadow: 0 0 #0000;
2233 --lw-harbor-tw-inset-ring-color: initial;
2234 --lw-harbor-tw-inset-ring-shadow: 0 0 #0000;
2235 --lw-harbor-tw-ring-inset: initial;
2236 --lw-harbor-tw-ring-offset-width: 0px;
2237 --lw-harbor-tw-ring-offset-color: #fff;
2238 --lw-harbor-tw-ring-offset-shadow: 0 0 #0000;
2239 --lw-harbor-tw-outline-style: solid;
2240 --lw-harbor-tw-blur: initial;
2241 --lw-harbor-tw-brightness: initial;
2242 --lw-harbor-tw-contrast: initial;
2243 --lw-harbor-tw-grayscale: initial;
2244 --lw-harbor-tw-hue-rotate: initial;
2245 --lw-harbor-tw-invert: initial;
2246 --lw-harbor-tw-opacity: initial;
2247 --lw-harbor-tw-saturate: initial;
2248 --lw-harbor-tw-sepia: initial;
2249 --lw-harbor-tw-drop-shadow: initial;
2250 --lw-harbor-tw-drop-shadow-color: initial;
2251 --lw-harbor-tw-drop-shadow-alpha: 100%;
2252 --lw-harbor-tw-drop-shadow-size: initial;
2253 --lw-harbor-tw-duration: initial;
2254 }
2255 }
2256 }
2257
2258
2259 /*# sourceMappingURL=index.css.map*/