rune-lab 0.0.18 → 0.0.19

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 (78) hide show
  1. package/dist/actions/portal.d.ts +7 -0
  2. package/dist/actions/portal.js +26 -0
  3. package/dist/components/Icon.svelte +34 -0
  4. package/dist/components/Icon.svelte.d.ts +8 -0
  5. package/dist/config.d.ts +4 -10
  6. package/dist/config.js +1 -7
  7. package/dist/devtools/API_Monitor.svelte +2 -5
  8. package/dist/devtools/Toaster.svelte +86 -46
  9. package/dist/features/command-palette/CommandPalette.svelte +48 -51
  10. package/dist/features/command-palette/commands.svelte.d.ts +7 -28
  11. package/dist/features/command-palette/commands.svelte.js +4 -133
  12. package/dist/features/config/components/AppSettingSelector.svelte +6 -7
  13. package/dist/features/config/components/CurrencySelector.svelte +1 -1
  14. package/dist/features/config/components/LanguageSelector.svelte +1 -1
  15. package/dist/features/config/components/ThemeSelector.svelte +1 -1
  16. package/dist/features/config/stores/api.svelte.d.ts +3 -15
  17. package/dist/features/config/stores/api.svelte.js +4 -44
  18. package/dist/features/config/stores/app.svelte.d.ts +6 -29
  19. package/dist/features/config/stores/app.svelte.js +4 -54
  20. package/dist/features/config/stores/currency.svelte.d.ts +4 -12
  21. package/dist/features/config/stores/currency.svelte.js +5 -21
  22. package/dist/features/config/stores/language.svelte.d.ts +4 -51
  23. package/dist/features/config/stores/language.svelte.js +5 -29
  24. package/dist/features/config/stores/theme.svelte.d.ts +4 -7
  25. package/dist/features/config/stores/theme.svelte.js +5 -58
  26. package/dist/features/config/stores/toast.svelte.d.ts +4 -22
  27. package/dist/features/config/stores/toast.svelte.js +4 -35
  28. package/dist/features/detail-panels/DashboardPanel.svelte +154 -0
  29. package/dist/features/detail-panels/DashboardPanel.svelte.d.ts +3 -0
  30. package/dist/features/detail-panels/ShortcutsPanel.svelte +136 -0
  31. package/dist/features/detail-panels/ShortcutsPanel.svelte.d.ts +3 -0
  32. package/dist/features/detail-panels/ShowcasePanel.svelte +102 -0
  33. package/dist/features/detail-panels/ShowcasePanel.svelte.d.ts +3 -0
  34. package/dist/features/detail-panels/showcase-components.d.ts +6 -0
  35. package/dist/features/detail-panels/showcase-components.js +65 -0
  36. package/dist/features/shortcuts/ShortcutPalette.svelte +235 -0
  37. package/dist/features/shortcuts/ShortcutPalette.svelte.d.ts +6 -0
  38. package/dist/index.d.ts +6 -12
  39. package/dist/index.js +8 -9
  40. package/dist/layout/ContentArea.svelte +19 -0
  41. package/dist/layout/ContentArea.svelte.d.ts +8 -0
  42. package/dist/layout/DetailPanel.svelte +12 -0
  43. package/dist/layout/DetailPanel.svelte.d.ts +7 -0
  44. package/dist/layout/NavigationPanel.svelte +144 -0
  45. package/dist/layout/NavigationPanel.svelte.d.ts +10 -0
  46. package/dist/layout/WorkspaceLayout.svelte +106 -0
  47. package/dist/layout/WorkspaceLayout.svelte.d.ts +11 -0
  48. package/dist/layout/WorkspaceStrip.svelte +67 -0
  49. package/dist/layout/WorkspaceStrip.svelte.d.ts +9 -0
  50. package/dist/layout/index.d.ts +7 -0
  51. package/dist/layout/index.js +7 -0
  52. package/dist/showcase/AppStateInspector.svelte +7 -10
  53. package/dist/showcase/Showcase.svelte +5 -9
  54. package/dist/showcase/Showcase.svelte.d.ts +17 -2
  55. package/dist/showcase/StoreDetailCard.svelte +0 -3
  56. package/dist/state/api.svelte.d.ts +25 -0
  57. package/dist/state/api.svelte.js +45 -0
  58. package/dist/state/app.svelte.d.ts +36 -0
  59. package/dist/state/app.svelte.js +55 -0
  60. package/dist/state/commands.svelte.d.ts +29 -0
  61. package/dist/state/commands.svelte.js +134 -0
  62. package/dist/state/currency.svelte.d.ts +16 -0
  63. package/dist/state/currency.svelte.js +21 -0
  64. package/dist/state/index.d.ts +9 -0
  65. package/dist/state/index.js +11 -0
  66. package/dist/state/language.svelte.d.ts +55 -0
  67. package/dist/state/language.svelte.js +29 -0
  68. package/dist/state/layout.svelte.d.ts +44 -0
  69. package/dist/state/layout.svelte.js +70 -0
  70. package/dist/state/shortcuts.svelte.d.ts +71 -0
  71. package/dist/state/shortcuts.svelte.js +279 -0
  72. package/dist/state/theme.svelte.d.ts +11 -0
  73. package/dist/state/theme.svelte.js +58 -0
  74. package/dist/state/toast.svelte.d.ts +27 -0
  75. package/dist/state/toast.svelte.js +36 -0
  76. package/package.json +19 -10
  77. package/dist/features/config/stores/index.d.ts +0 -1
  78. package/dist/features/config/stores/index.js +0 -7
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Svelte action to teleport a DOM element to a different target (e.g. body)
3
+ */
4
+ export declare function portal(node: HTMLElement, target?: string | HTMLElement): {
5
+ update: (newTarget: string | HTMLElement) => void;
6
+ destroy(): void;
7
+ };
@@ -0,0 +1,26 @@
1
+ /**
2
+ * Svelte action to teleport a DOM element to a different target (e.g. body)
3
+ */
4
+ export function portal(node, target = "body") {
5
+ let targetNode;
6
+ function update(newTarget) {
7
+ if (typeof newTarget === "string") {
8
+ targetNode = document.querySelector(newTarget);
9
+ }
10
+ else {
11
+ targetNode = newTarget;
12
+ }
13
+ if (targetNode) {
14
+ targetNode.appendChild(node);
15
+ }
16
+ }
17
+ update(target);
18
+ return {
19
+ update,
20
+ destroy() {
21
+ if (node.parentNode) {
22
+ node.parentNode.removeChild(node);
23
+ }
24
+ },
25
+ };
26
+ }
@@ -0,0 +1,34 @@
1
+ <script lang="ts">
2
+ /**
3
+ * Simple Icon component for Rune Lab
4
+ * Centralizes SVG paths to reduce boilerplate
5
+ */
6
+ let { name, size = "w-5 h-5", class: className = "" } = $props<{
7
+ name: "search" | "chevron-down" | "info" | "shortcut" | "close" | "external";
8
+ size?: string;
9
+ class?: string;
10
+ }>();
11
+
12
+ const paths: Record<string, string> = {
13
+ search: '<circle cx="11" cy="11" r="8"></circle><path d="m21 21-4.3-4.3"></path>',
14
+ "chevron-down": '<path d="m6 9 6 6 6-6" />',
15
+ info: '<circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/>',
16
+ shortcut: '<rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/>',
17
+ close: '<path d="M18 6 6 18"/><path d="m6 6 12 12"/>',
18
+ external: '<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/>'
19
+ };
20
+ </script>
21
+
22
+ <svg
23
+ xmlns="http://www.w3.org/2000/svg"
24
+ viewBox="0 0 24 24"
25
+ fill="none"
26
+ stroke="currentColor"
27
+ stroke-width="2"
28
+ stroke-linecap="round"
29
+ stroke-linejoin="round"
30
+ class="{size} {className}"
31
+ >
32
+ <!-- eslint-disable-next-line svelte/no-at-html-tags -->
33
+ {@html paths[name]}
34
+ </svg>
@@ -0,0 +1,8 @@
1
+ type $$ComponentProps = {
2
+ name: "search" | "chevron-down" | "info" | "shortcut" | "close" | "external";
3
+ size?: string;
4
+ class?: string;
5
+ };
6
+ declare const Icon: import("svelte").Component<$$ComponentProps, {}, "">;
7
+ type Icon = ReturnType<typeof Icon>;
8
+ export default Icon;
package/dist/config.d.ts CHANGED
@@ -1,10 +1,4 @@
1
- import { appStore } from "./features/config/stores/app.svelte";
2
- import { apiStore } from "./features/config/stores/api.svelte";
3
- import { toastStore } from "./features/config/stores/toast.svelte";
4
- import { commandStore } from "./features/command-palette/commands.svelte";
5
- import { themeStore } from "./features/config/stores/theme.svelte";
6
- import { languageStore } from "./features/config/stores/language.svelte";
7
- import { currencyStore } from "./features/config/stores/currency.svelte";
1
+ import { apiStore, appStore, commandStore, currencyStore, languageStore, themeStore, toastStore } from "./state/index";
8
2
  /**
9
3
  * `appConfig` — single entry-point to configure and control the entire app.
10
4
  *
@@ -35,7 +29,7 @@ export declare const appConfig: {
35
29
  readonly api: {
36
30
  url: string;
37
31
  version: string;
38
- connectionState: import("./features/config/stores/api.svelte").ConnectionState;
32
+ connectionState: import("./state/api.svelte").ConnectionState;
39
33
  isConnected: boolean;
40
34
  isLoading: boolean;
41
35
  get URL(): string;
@@ -71,8 +65,8 @@ export declare const appConfig: {
71
65
  };
72
66
  /** Toast notification queue */
73
67
  readonly toast: {
74
- toasts: import("./features/config/stores/toast.svelte").Toast[];
75
- send(message: string, type?: import("./features/config/stores/toast.svelte").ToastType, duration?: number): void;
68
+ toasts: import("./state/toast.svelte").Toast[];
69
+ send(message: string, type?: import("./state/toast.svelte").ToastType, duration?: number): void;
76
70
  dismiss(id: string): void;
77
71
  success(msg: string): void;
78
72
  error(msg: string): void;
package/dist/config.js CHANGED
@@ -1,13 +1,7 @@
1
1
  // src/lib/config.ts
2
2
  // Unified facade over all app-level stores.
3
3
  // Import this instead of wiring each store individually.
4
- import { appStore } from "./features/config/stores/app.svelte";
5
- import { apiStore } from "./features/config/stores/api.svelte";
6
- import { toastStore } from "./features/config/stores/toast.svelte";
7
- import { commandStore } from "./features/command-palette/commands.svelte";
8
- import { themeStore } from "./features/config/stores/theme.svelte";
9
- import { languageStore } from "./features/config/stores/language.svelte";
10
- import { currencyStore } from "./features/config/stores/currency.svelte";
4
+ import { apiStore, appStore, commandStore, currencyStore, languageStore, themeStore, toastStore, } from "./state/index";
11
5
  /**
12
6
  * `appConfig` — single entry-point to configure and control the entire app.
13
7
  *
@@ -1,6 +1,6 @@
1
1
  <script lang="ts">
2
- import { apiStore } from "../features/config/stores/api.svelte";
3
- import { toastStore } from "../features/config/stores/toast.svelte";
2
+ import { apiStore } from "../state/api.svelte";
3
+ import { toastStore } from "../state/toast.svelte";
4
4
 
5
5
  let copied = $state(false);
6
6
  let isVisible = $state(true);
@@ -157,6 +157,3 @@
157
157
  </button>
158
158
  </div>
159
159
  </div>
160
-
161
- <style>/*! 🌼 daisyUI 5.5.17 - MIT License */ @layer utilities{.status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}@media (width>=640px){.sm\:status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.sm\:status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.sm\:status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.sm\:status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.sm\:status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.sm\:status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.sm\:status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.sm\:status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.sm\:status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.sm\:status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.sm\:status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.sm\:status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.sm\:status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.sm\:status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}}@media (width>=768px){.md\:status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.md\:status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.md\:status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.md\:status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.md\:status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.md\:status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.md\:status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.md\:status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.md\:status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.md\:status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.md\:status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.md\:status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.md\:status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.md\:status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}}@media (width>=1024px){.lg\:status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.lg\:status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.lg\:status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.lg\:status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.lg\:status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.lg\:status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.lg\:status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.lg\:status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.lg\:status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.lg\:status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.lg\:status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.lg\:status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.lg\:status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.lg\:status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}}@media (width>=1280px){.xl\:status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.xl\:status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.xl\:status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.xl\:status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.xl\:status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.xl\:status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.xl\:status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.xl\:status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.xl\:status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.xl\:status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.xl\:status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.xl\:status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.xl\:status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.xl\:status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}}@media (width>=1536px){.\32 xl\:status{@layer daisyui.l1.l2.l3{&{aspect-ratio:1;border-radius:var(--radius-selector);background-color:color-mix(in oklab,var(--color-base-content)20%,transparent);vertical-align:middle;width:.5rem;height:.5rem;color:color-mix(in oklab,var(--color-black)30%,transparent);background-position:50%;background-repeat:no-repeat;background-image:radial-gradient(circle at 35% 30%,oklch(1 0 0/calc(var(--depth)*.5)),#0000);box-shadow:0 2px 3px -1px color-mix(in oklab,currentColor calc(var(--depth)*100%),#0000);display:inline-block}}}.\32 xl\:status-primary{@layer daisyui.l1.l2{&{background-color:var(--color-primary);color:var(--color-primary)}}}.\32 xl\:status-secondary{@layer daisyui.l1.l2{&{background-color:var(--color-secondary);color:var(--color-secondary)}}}.\32 xl\:status-accent{@layer daisyui.l1.l2{&{background-color:var(--color-accent);color:var(--color-accent)}}}.\32 xl\:status-neutral{@layer daisyui.l1.l2{&{background-color:var(--color-neutral);color:var(--color-neutral)}}}.\32 xl\:status-info{@layer daisyui.l1.l2{&{background-color:var(--color-info);color:var(--color-info)}}}.\32 xl\:status-success{@layer daisyui.l1.l2{&{background-color:var(--color-success);color:var(--color-success)}}}.\32 xl\:status-warning{@layer daisyui.l1.l2{&{background-color:var(--color-warning);color:var(--color-warning)}}}.\32 xl\:status-error{@layer daisyui.l1.l2{&{background-color:var(--color-error);color:var(--color-error)}}}.\32 xl\:status-xs{@layer daisyui.l1.l2{&{width:.125rem;height:.125rem}}}.\32 xl\:status-sm{@layer daisyui.l1.l2{&{width:.25rem;height:.25rem}}}.\32 xl\:status-md{@layer daisyui.l1.l2{&{width:.5rem;height:.5rem}}}.\32 xl\:status-lg{@layer daisyui.l1.l2{&{width:.75rem;height:.75rem}}}.\32 xl\:status-xl{@layer daisyui.l1.l2{&{width:1rem;height:1rem}}}}} /*! 🌼 daisyUI 5.5.17 - MIT License */ @layer utilities{.badge{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-selector);vertical-align:middle;color:var(--badge-fg);border:var(--border)solid var(--badge-color,var(--color-base-200));background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);background-color:var(--badge-bg);--badge-bg:var(--badge-color,var(--color-base-100));--badge-fg:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:fit-content;height:var(--size);padding-inline:calc(var(--size)/2 - var(--border));justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}}}.badge-outline{@layer daisyui.l1.l2{&{color:var(--badge-color);--badge-bg:#0000;background-image:none;border-color:currentColor}}}.badge-dash{@layer daisyui.l1.l2{&{color:var(--badge-color);--badge-bg:#0000;background-image:none;border-style:dashed;border-color:currentColor}}}.badge-soft{@layer daisyui.l1.l2{&{color:var(--badge-color,var(--color-base-content));background-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100));background-image:none}}}.badge-primary{@layer daisyui.l1.l2{&{--badge-color:var(--color-primary);--badge-fg:var(--color-primary-content)}}}.badge-secondary{@layer daisyui.l1.l2{&{--badge-color:var(--color-secondary);--badge-fg:var(--color-secondary-content)}}}.badge-accent{@layer daisyui.l1.l2{&{--badge-color:var(--color-accent);--badge-fg:var(--color-accent-content)}}}.badge-neutral{@layer daisyui.l1.l2{&{--badge-color:var(--color-neutral);--badge-fg:var(--color-neutral-content)}}}.badge-info{@layer daisyui.l1.l2{&{--badge-color:var(--color-info);--badge-fg:var(--color-info-content)}}}.badge-success{@layer daisyui.l1.l2{&{--badge-color:var(--color-success);--badge-fg:var(--color-success-content)}}}.badge-warning{@layer daisyui.l1.l2{&{--badge-color:var(--color-warning);--badge-fg:var(--color-warning-content)}}}.badge-error{@layer daisyui.l1.l2{&{--badge-color:var(--color-error);--badge-fg:var(--color-error-content)}}}.badge-ghost{@layer daisyui.l1.l2{&{border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content);background-image:none}}}.badge-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.badge-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.badge-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.badge-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.badge-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}@media (width>=640px){.sm\:badge{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-selector);vertical-align:middle;color:var(--badge-fg);border:var(--border)solid var(--badge-color,var(--color-base-200));background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);background-color:var(--badge-bg);--badge-bg:var(--badge-color,var(--color-base-100));--badge-fg:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:fit-content;height:var(--size);padding-inline:calc(var(--size)/2 - var(--border));justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}}}.sm\:badge-outline{@layer daisyui.l1.l2{&{color:var(--badge-color);--badge-bg:#0000;background-image:none;border-color:currentColor}}}.sm\:badge-dash{@layer daisyui.l1.l2{&{color:var(--badge-color);--badge-bg:#0000;background-image:none;border-style:dashed;border-color:currentColor}}}.sm\:badge-soft{@layer daisyui.l1.l2{&{color:var(--badge-color,var(--color-base-content));background-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100));background-image:none}}}.sm\:badge-primary{@layer daisyui.l1.l2{&{--badge-color:var(--color-primary);--badge-fg:var(--color-primary-content)}}}.sm\:badge-secondary{@layer daisyui.l1.l2{&{--badge-color:var(--color-secondary);--badge-fg:var(--color-secondary-content)}}}.sm\:badge-accent{@layer daisyui.l1.l2{&{--badge-color:var(--color-accent);--badge-fg:var(--color-accent-content)}}}.sm\:badge-neutral{@layer daisyui.l1.l2{&{--badge-color:var(--color-neutral);--badge-fg:var(--color-neutral-content)}}}.sm\:badge-info{@layer daisyui.l1.l2{&{--badge-color:var(--color-info);--badge-fg:var(--color-info-content)}}}.sm\:badge-success{@layer daisyui.l1.l2{&{--badge-color:var(--color-success);--badge-fg:var(--color-success-content)}}}.sm\:badge-warning{@layer daisyui.l1.l2{&{--badge-color:var(--color-warning);--badge-fg:var(--color-warning-content)}}}.sm\:badge-error{@layer daisyui.l1.l2{&{--badge-color:var(--color-error);--badge-fg:var(--color-error-content)}}}.sm\:badge-ghost{@layer daisyui.l1.l2{&{border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content);background-image:none}}}.sm\:badge-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.sm\:badge-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.sm\:badge-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.sm\:badge-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.sm\:badge-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}@media (width>=768px){.md\:badge{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-selector);vertical-align:middle;color:var(--badge-fg);border:var(--border)solid var(--badge-color,var(--color-base-200));background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);background-color:var(--badge-bg);--badge-bg:var(--badge-color,var(--color-base-100));--badge-fg:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:fit-content;height:var(--size);padding-inline:calc(var(--size)/2 - var(--border));justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}}}.md\:badge-outline{@layer daisyui.l1.l2{&{color:var(--badge-color);--badge-bg:#0000;background-image:none;border-color:currentColor}}}.md\:badge-dash{@layer daisyui.l1.l2{&{color:var(--badge-color);--badge-bg:#0000;background-image:none;border-style:dashed;border-color:currentColor}}}.md\:badge-soft{@layer daisyui.l1.l2{&{color:var(--badge-color,var(--color-base-content));background-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100));background-image:none}}}.md\:badge-primary{@layer daisyui.l1.l2{&{--badge-color:var(--color-primary);--badge-fg:var(--color-primary-content)}}}.md\:badge-secondary{@layer daisyui.l1.l2{&{--badge-color:var(--color-secondary);--badge-fg:var(--color-secondary-content)}}}.md\:badge-accent{@layer daisyui.l1.l2{&{--badge-color:var(--color-accent);--badge-fg:var(--color-accent-content)}}}.md\:badge-neutral{@layer daisyui.l1.l2{&{--badge-color:var(--color-neutral);--badge-fg:var(--color-neutral-content)}}}.md\:badge-info{@layer daisyui.l1.l2{&{--badge-color:var(--color-info);--badge-fg:var(--color-info-content)}}}.md\:badge-success{@layer daisyui.l1.l2{&{--badge-color:var(--color-success);--badge-fg:var(--color-success-content)}}}.md\:badge-warning{@layer daisyui.l1.l2{&{--badge-color:var(--color-warning);--badge-fg:var(--color-warning-content)}}}.md\:badge-error{@layer daisyui.l1.l2{&{--badge-color:var(--color-error);--badge-fg:var(--color-error-content)}}}.md\:badge-ghost{@layer daisyui.l1.l2{&{border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content);background-image:none}}}.md\:badge-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.md\:badge-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.md\:badge-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.md\:badge-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.md\:badge-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}@media (width>=1024px){.lg\:badge{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-selector);vertical-align:middle;color:var(--badge-fg);border:var(--border)solid var(--badge-color,var(--color-base-200));background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);background-color:var(--badge-bg);--badge-bg:var(--badge-color,var(--color-base-100));--badge-fg:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:fit-content;height:var(--size);padding-inline:calc(var(--size)/2 - var(--border));justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}}}.lg\:badge-outline{@layer daisyui.l1.l2{&{color:var(--badge-color);--badge-bg:#0000;background-image:none;border-color:currentColor}}}.lg\:badge-dash{@layer daisyui.l1.l2{&{color:var(--badge-color);--badge-bg:#0000;background-image:none;border-style:dashed;border-color:currentColor}}}.lg\:badge-soft{@layer daisyui.l1.l2{&{color:var(--badge-color,var(--color-base-content));background-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100));background-image:none}}}.lg\:badge-primary{@layer daisyui.l1.l2{&{--badge-color:var(--color-primary);--badge-fg:var(--color-primary-content)}}}.lg\:badge-secondary{@layer daisyui.l1.l2{&{--badge-color:var(--color-secondary);--badge-fg:var(--color-secondary-content)}}}.lg\:badge-accent{@layer daisyui.l1.l2{&{--badge-color:var(--color-accent);--badge-fg:var(--color-accent-content)}}}.lg\:badge-neutral{@layer daisyui.l1.l2{&{--badge-color:var(--color-neutral);--badge-fg:var(--color-neutral-content)}}}.lg\:badge-info{@layer daisyui.l1.l2{&{--badge-color:var(--color-info);--badge-fg:var(--color-info-content)}}}.lg\:badge-success{@layer daisyui.l1.l2{&{--badge-color:var(--color-success);--badge-fg:var(--color-success-content)}}}.lg\:badge-warning{@layer daisyui.l1.l2{&{--badge-color:var(--color-warning);--badge-fg:var(--color-warning-content)}}}.lg\:badge-error{@layer daisyui.l1.l2{&{--badge-color:var(--color-error);--badge-fg:var(--color-error-content)}}}.lg\:badge-ghost{@layer daisyui.l1.l2{&{border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content);background-image:none}}}.lg\:badge-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.lg\:badge-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.lg\:badge-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.lg\:badge-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.lg\:badge-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}@media (width>=1280px){.xl\:badge{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-selector);vertical-align:middle;color:var(--badge-fg);border:var(--border)solid var(--badge-color,var(--color-base-200));background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);background-color:var(--badge-bg);--badge-bg:var(--badge-color,var(--color-base-100));--badge-fg:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:fit-content;height:var(--size);padding-inline:calc(var(--size)/2 - var(--border));justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}}}.xl\:badge-outline{@layer daisyui.l1.l2{&{color:var(--badge-color);--badge-bg:#0000;background-image:none;border-color:currentColor}}}.xl\:badge-dash{@layer daisyui.l1.l2{&{color:var(--badge-color);--badge-bg:#0000;background-image:none;border-style:dashed;border-color:currentColor}}}.xl\:badge-soft{@layer daisyui.l1.l2{&{color:var(--badge-color,var(--color-base-content));background-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100));background-image:none}}}.xl\:badge-primary{@layer daisyui.l1.l2{&{--badge-color:var(--color-primary);--badge-fg:var(--color-primary-content)}}}.xl\:badge-secondary{@layer daisyui.l1.l2{&{--badge-color:var(--color-secondary);--badge-fg:var(--color-secondary-content)}}}.xl\:badge-accent{@layer daisyui.l1.l2{&{--badge-color:var(--color-accent);--badge-fg:var(--color-accent-content)}}}.xl\:badge-neutral{@layer daisyui.l1.l2{&{--badge-color:var(--color-neutral);--badge-fg:var(--color-neutral-content)}}}.xl\:badge-info{@layer daisyui.l1.l2{&{--badge-color:var(--color-info);--badge-fg:var(--color-info-content)}}}.xl\:badge-success{@layer daisyui.l1.l2{&{--badge-color:var(--color-success);--badge-fg:var(--color-success-content)}}}.xl\:badge-warning{@layer daisyui.l1.l2{&{--badge-color:var(--color-warning);--badge-fg:var(--color-warning-content)}}}.xl\:badge-error{@layer daisyui.l1.l2{&{--badge-color:var(--color-error);--badge-fg:var(--color-error-content)}}}.xl\:badge-ghost{@layer daisyui.l1.l2{&{border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content);background-image:none}}}.xl\:badge-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.xl\:badge-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.xl\:badge-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.xl\:badge-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.xl\:badge-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}@media (width>=1536px){.\32 xl\:badge{@layer daisyui.l1.l2.l3{&{border-radius:var(--radius-selector);vertical-align:middle;color:var(--badge-fg);border:var(--border)solid var(--badge-color,var(--color-base-200));background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);background-color:var(--badge-bg);--badge-bg:var(--badge-color,var(--color-base-100));--badge-fg:var(--color-base-content);--size:calc(var(--size-selector,.25rem)*6);width:fit-content;height:var(--size);padding-inline:calc(var(--size)/2 - var(--border));justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}}}.\32 xl\:badge-outline{@layer daisyui.l1.l2{&{color:var(--badge-color);--badge-bg:#0000;background-image:none;border-color:currentColor}}}.\32 xl\:badge-dash{@layer daisyui.l1.l2{&{color:var(--badge-color);--badge-bg:#0000;background-image:none;border-style:dashed;border-color:currentColor}}}.\32 xl\:badge-soft{@layer daisyui.l1.l2{&{color:var(--badge-color,var(--color-base-content));background-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100));background-image:none}}}.\32 xl\:badge-primary{@layer daisyui.l1.l2{&{--badge-color:var(--color-primary);--badge-fg:var(--color-primary-content)}}}.\32 xl\:badge-secondary{@layer daisyui.l1.l2{&{--badge-color:var(--color-secondary);--badge-fg:var(--color-secondary-content)}}}.\32 xl\:badge-accent{@layer daisyui.l1.l2{&{--badge-color:var(--color-accent);--badge-fg:var(--color-accent-content)}}}.\32 xl\:badge-neutral{@layer daisyui.l1.l2{&{--badge-color:var(--color-neutral);--badge-fg:var(--color-neutral-content)}}}.\32 xl\:badge-info{@layer daisyui.l1.l2{&{--badge-color:var(--color-info);--badge-fg:var(--color-info-content)}}}.\32 xl\:badge-success{@layer daisyui.l1.l2{&{--badge-color:var(--color-success);--badge-fg:var(--color-success-content)}}}.\32 xl\:badge-warning{@layer daisyui.l1.l2{&{--badge-color:var(--color-warning);--badge-fg:var(--color-warning-content)}}}.\32 xl\:badge-error{@layer daisyui.l1.l2{&{--badge-color:var(--color-error);--badge-fg:var(--color-error-content)}}}.\32 xl\:badge-ghost{@layer daisyui.l1.l2{&{border-color:var(--color-base-200);background-color:var(--color-base-200);color:var(--color-base-content);background-image:none}}}.\32 xl\:badge-xs{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*4);font-size:.625rem}}}.\32 xl\:badge-sm{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*5);font-size:.75rem}}}.\32 xl\:badge-md{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*6);font-size:.875rem}}}.\32 xl\:badge-lg{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*7);font-size:1rem}}}.\32 xl\:badge-xl{@layer daisyui.l1.l2{&{--size:calc(var(--size-selector,.25rem)*8);font-size:1.125rem}}}}} /*! 🌼 daisyUI 5.5.17 - MIT License */ @layer utilities{:where(.btn){@layer daisyui.l1.l2.l3{&{width:unset}}}.prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.btn{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));touch-action:manipulation;box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000);--btn-noise:var(--fx-noise);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(input[type=checkbox],input[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}}}.btn-disabled,.btn:disabled,.btn[disabled]{@layer daisyui.l1.l2{&{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}}}.btn-active{@layer daisyui.l1.l2{&{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}}.btn-primary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}}}.btn-secondary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}}}.btn-accent{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}}}.btn-neutral{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}}}.btn-info{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}}}.btn-success{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}}}.btn-warning{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}}}.btn-error{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}}}.btn-ghost{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn)){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:var(--btn-color,currentColor);outline-color:currentColor}}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color,currentColor);--btn-border:#0000;--btn-noise:none;outline-color:currentColor}}}}.btn-link{@layer daisyui.l1{&{--btn-border:#0000;--btn-bg:#0000;--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline}&:not(.btn-disabled,.btn:disabled,.btn[disabled]){--btn-fg:var(--btn-color,var(--color-primary))}&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000}}}.btn-outline,.btn-dash{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}}}.btn-dash{border-style:dashed}.btn-soft{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}}}.btn-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.btn-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.btn-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.btn-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.btn-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}.btn-square{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);padding-inline:0}}}.btn-circle{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}}.btn-wide{@layer daisyui.l1.l2{&{width:100%;max-width:16rem}}}.btn-block{@layer daisyui.l1.l2{&{width:100%}}}@media (width>=640px){:where(.btn){@layer daisyui.l1.l2.l3{&{width:unset}}}.sm\:prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.sm\:btn{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));touch-action:manipulation;box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000);--btn-noise:var(--fx-noise);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(input[type=checkbox],input[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}}}.sm\:btn-disabled,.sm\:btn:disabled,.sm\:btn[disabled]{@layer daisyui.l1.l2{&{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}}}.sm\:btn-active{@layer daisyui.l1.l2{&{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}}.sm\:btn-primary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}}}.sm\:btn-secondary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}}}.sm\:btn-accent{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}}}.sm\:btn-neutral{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}}}.sm\:btn-info{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}}}.sm\:btn-success{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}}}.sm\:btn-warning{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}}}.sm\:btn-error{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}}}.sm\:btn-ghost{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn)){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:var(--btn-color,currentColor);outline-color:currentColor}}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color,currentColor);--btn-border:#0000;--btn-noise:none;outline-color:currentColor}}}}.sm\:btn-link{@layer daisyui.l1{&{--btn-border:#0000;--btn-bg:#0000;--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline}&:not(.btn-disabled,.btn:disabled,.btn[disabled]){--btn-fg:var(--btn-color,var(--color-primary))}&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000}}}.sm\:btn-outline,.sm\:btn-dash{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}}}.sm\:btn-dash{border-style:dashed}.sm\:btn-soft{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}}}.sm\:btn-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.sm\:btn-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.sm\:btn-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.sm\:btn-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.sm\:btn-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}.sm\:btn-square{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);padding-inline:0}}}.sm\:btn-circle{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}}.sm\:btn-wide{@layer daisyui.l1.l2{&{width:100%;max-width:16rem}}}.sm\:btn-block{@layer daisyui.l1.l2{&{width:100%}}}}@media (width>=768px){:where(.btn){@layer daisyui.l1.l2.l3{&{width:unset}}}.md\:prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.md\:btn{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));touch-action:manipulation;box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000);--btn-noise:var(--fx-noise);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(input[type=checkbox],input[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}}}.md\:btn-disabled,.md\:btn:disabled,.md\:btn[disabled]{@layer daisyui.l1.l2{&{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}}}.md\:btn-active{@layer daisyui.l1.l2{&{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}}.md\:btn-primary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}}}.md\:btn-secondary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}}}.md\:btn-accent{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}}}.md\:btn-neutral{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}}}.md\:btn-info{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}}}.md\:btn-success{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}}}.md\:btn-warning{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}}}.md\:btn-error{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}}}.md\:btn-ghost{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn)){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:var(--btn-color,currentColor);outline-color:currentColor}}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color,currentColor);--btn-border:#0000;--btn-noise:none;outline-color:currentColor}}}}.md\:btn-link{@layer daisyui.l1{&{--btn-border:#0000;--btn-bg:#0000;--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline}&:not(.btn-disabled,.btn:disabled,.btn[disabled]){--btn-fg:var(--btn-color,var(--color-primary))}&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000}}}.md\:btn-outline,.md\:btn-dash{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}}}.md\:btn-dash{border-style:dashed}.md\:btn-soft{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}}}.md\:btn-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.md\:btn-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.md\:btn-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.md\:btn-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.md\:btn-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}.md\:btn-square{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);padding-inline:0}}}.md\:btn-circle{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}}.md\:btn-wide{@layer daisyui.l1.l2{&{width:100%;max-width:16rem}}}.md\:btn-block{@layer daisyui.l1.l2{&{width:100%}}}}@media (width>=1024px){:where(.btn){@layer daisyui.l1.l2.l3{&{width:unset}}}.lg\:prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.lg\:btn{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));touch-action:manipulation;box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000);--btn-noise:var(--fx-noise);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(input[type=checkbox],input[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}}}.lg\:btn-disabled,.lg\:btn:disabled,.lg\:btn[disabled]{@layer daisyui.l1.l2{&{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}}}.lg\:btn-active{@layer daisyui.l1.l2{&{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}}.lg\:btn-primary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}}}.lg\:btn-secondary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}}}.lg\:btn-accent{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}}}.lg\:btn-neutral{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}}}.lg\:btn-info{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}}}.lg\:btn-success{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}}}.lg\:btn-warning{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}}}.lg\:btn-error{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}}}.lg\:btn-ghost{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn)){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:var(--btn-color,currentColor);outline-color:currentColor}}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color,currentColor);--btn-border:#0000;--btn-noise:none;outline-color:currentColor}}}}.lg\:btn-link{@layer daisyui.l1{&{--btn-border:#0000;--btn-bg:#0000;--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline}&:not(.btn-disabled,.btn:disabled,.btn[disabled]){--btn-fg:var(--btn-color,var(--color-primary))}&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000}}}.lg\:btn-outline,.lg\:btn-dash{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}}}.lg\:btn-dash{border-style:dashed}.lg\:btn-soft{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}}}.lg\:btn-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.lg\:btn-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.lg\:btn-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.lg\:btn-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.lg\:btn-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}.lg\:btn-square{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);padding-inline:0}}}.lg\:btn-circle{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}}.lg\:btn-wide{@layer daisyui.l1.l2{&{width:100%;max-width:16rem}}}.lg\:btn-block{@layer daisyui.l1.l2{&{width:100%}}}}@media (width>=1280px){:where(.btn){@layer daisyui.l1.l2.l3{&{width:unset}}}.xl\:prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.xl\:btn{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));touch-action:manipulation;box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000);--btn-noise:var(--fx-noise);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(input[type=checkbox],input[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}}}.xl\:btn-disabled,.xl\:btn:disabled,.xl\:btn[disabled]{@layer daisyui.l1.l2{&{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}}}.xl\:btn-active{@layer daisyui.l1.l2{&{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}}.xl\:btn-primary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}}}.xl\:btn-secondary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}}}.xl\:btn-accent{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}}}.xl\:btn-neutral{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}}}.xl\:btn-info{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}}}.xl\:btn-success{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}}}.xl\:btn-warning{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}}}.xl\:btn-error{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}}}.xl\:btn-ghost{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn)){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:var(--btn-color,currentColor);outline-color:currentColor}}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color,currentColor);--btn-border:#0000;--btn-noise:none;outline-color:currentColor}}}}.xl\:btn-link{@layer daisyui.l1{&{--btn-border:#0000;--btn-bg:#0000;--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline}&:not(.btn-disabled,.btn:disabled,.btn[disabled]){--btn-fg:var(--btn-color,var(--color-primary))}&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000}}}.xl\:btn-outline,.xl\:btn-dash{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}}}.xl\:btn-dash{border-style:dashed}.xl\:btn-soft{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}}}.xl\:btn-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.xl\:btn-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.xl\:btn-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.xl\:btn-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.xl\:btn-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}.xl\:btn-square{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);padding-inline:0}}}.xl\:btn-circle{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}}.xl\:btn-wide{@layer daisyui.l1.l2{&{width:100%;max-width:16rem}}}.xl\:btn-block{@layer daisyui.l1.l2{&{width:100%}}}}@media (width>=1536px){:where(.btn){@layer daisyui.l1.l2.l3{&{width:unset}}}.\32 xl\:prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.\32 xl\:btn{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));touch-action:manipulation;box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000);--btn-noise:var(--fx-noise);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(input[type=checkbox],input[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}}}.\32 xl\:btn-disabled,.\32 xl\:btn:disabled,.\32 xl\:btn[disabled]{@layer daisyui.l1.l2{&{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}}}.\32 xl\:btn-active{@layer daisyui.l1.l2{&{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}}.\32 xl\:btn-primary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}}}.\32 xl\:btn-secondary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}}}.\32 xl\:btn-accent{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}}}.\32 xl\:btn-neutral{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}}}.\32 xl\:btn-info{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}}}.\32 xl\:btn-success{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}}}.\32 xl\:btn-warning{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}}}.\32 xl\:btn-error{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}}}.\32 xl\:btn-ghost{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn)){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:var(--btn-color,currentColor);outline-color:currentColor}}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color,currentColor);--btn-border:#0000;--btn-noise:none;outline-color:currentColor}}}}.\32 xl\:btn-link{@layer daisyui.l1{&{--btn-border:#0000;--btn-bg:#0000;--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline}&:not(.btn-disabled,.btn:disabled,.btn[disabled]){--btn-fg:var(--btn-color,var(--color-primary))}&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000}}}.\32 xl\:btn-outline,.\32 xl\:btn-dash{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}}}.\32 xl\:btn-dash{border-style:dashed}.\32 xl\:btn-soft{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}}}.\32 xl\:btn-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.\32 xl\:btn-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.\32 xl\:btn-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.\32 xl\:btn-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.\32 xl\:btn-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}.\32 xl\:btn-square{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);padding-inline:0}}}.\32 xl\:btn-circle{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}}.\32 xl\:btn-wide{@layer daisyui.l1.l2{&{width:100%;max-width:16rem}}}.\32 xl\:btn-block{@layer daisyui.l1.l2{&{width:100%}}}}}
162
- </style>
@@ -1,59 +1,99 @@
1
1
  <script lang="ts">
2
- import { toastStore } from "../features/config/stores/toast.svelte";
2
+ import { toastStore } from "../state/toast.svelte";
3
+ import { portal } from "../actions/portal";
3
4
  import { flip } from "svelte/animate";
4
5
  import { fade, fly } from "svelte/transition";
5
6
 
6
- const typeClasses = {
7
- info: "alert-info",
8
- success: "alert-success",
9
- warning: "alert-warning",
10
- error: "alert-error",
7
+ const typeDetails = {
8
+ info: {
9
+ colors:
10
+ "bg-blue-500/10 border-blue-500/20 text-blue-600 dark:text-blue-400",
11
+ iconColor: "text-blue-500",
12
+ iconPath:
13
+ "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm8.706-1.442c1.146-.573 2.437.463 2.126 1.706l-.709 2.836.042-.02a.75.75 0 0 1 .67 1.34l-.04.022c-1.147.573-2.438-.463-2.127-1.706l.71-2.836-.042.02a.75.75 0 1 1-.671-1.34l.041-.022ZM12 9a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
14
+ },
15
+ success: {
16
+ colors:
17
+ "bg-emerald-500/10 border-emerald-500/20 text-emerald-600 dark:text-emerald-400",
18
+ iconColor: "text-emerald-500",
19
+ iconPath:
20
+ "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z",
21
+ },
22
+ warning: {
23
+ colors:
24
+ "bg-amber-500/10 border-amber-500/20 text-amber-600 dark:text-amber-400",
25
+ iconColor: "text-amber-500",
26
+ iconPath:
27
+ "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z",
28
+ },
29
+ error: {
30
+ colors: "bg-red-500/10 border-red-500/20 text-red-600 dark:text-red-400",
31
+ iconColor: "text-red-500",
32
+ iconPath:
33
+ "M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z",
34
+ },
11
35
  };
12
-
13
- // portal.ts - a Svelte action for rune-lab
14
- function portal(node: HTMLElement, target: string | HTMLElement = "body") {
15
- const targetEl =
16
- typeof target === "string" ? document.querySelector(target) : target;
17
-
18
- targetEl?.appendChild(node);
19
-
20
- return {
21
- destroy() {
22
- node.parentNode?.removeChild(node);
23
- },
24
- };
25
- }
26
36
  </script>
27
37
 
28
- {@html ""}
29
38
  <svelte:element
30
39
  this={"div"}
31
40
  use:portal
32
- class="toast toast-end toast-bottom z-[9999]"
41
+ class="toast toast-end toast-bottom z-[9999] p-4 gap-3 pointer-events-none"
33
42
  >
34
- <div class="toast toast-end toast-bottom z-[100] p-4">
35
- {#each toastStore.toasts as toast (toast.id)}
36
- <div
37
- animate:flip={{ duration: 300 }}
38
- in:fly={{ y: 20, duration: 300 }}
39
- out:fade={{ duration: 200 }}
40
- class="alert {typeClasses[
41
- toast.type
42
- ]} shadow-lg min-w-[250px] border-none"
43
- >
44
- <div class="flex items-center gap-2 w-full">
45
- <span>{toast.message}</span>
46
- <button
47
- class="btn btn-ghost btn-xs btn-circle ml-auto"
48
- onclick={() => toastStore.dismiss(toast.id)}
49
- >
50
-
51
- </button>
52
- </div>
43
+ {#each toastStore.toasts as toast (toast.id)}
44
+ {@const styles = typeDetails[toast.type]}
45
+ <div
46
+ animate:flip={{ duration: 300 }}
47
+ in:fly={{ y: 20, duration: 300 }}
48
+ out:fade={{ duration: 200 }}
49
+ class="pointer-events-auto relative flex w-full max-w-sm items-start gap-4 overflow-hidden rounded-xl border p-4 shadow-lg backdrop-blur-xl transition-all sm:min-w-[320px] {styles.colors}"
50
+ role="alert"
51
+ >
52
+ <!-- Icon -->
53
+ <div class="shrink-0 {styles.iconColor} mt-0.5">
54
+ <svg
55
+ xmlns="http://www.w3.org/2000/svg"
56
+ viewBox="0 0 24 24"
57
+ fill="currentColor"
58
+ class="w-5 h-5"
59
+ >
60
+ <path fill-rule="evenodd" d={styles.iconPath} clip-rule="evenodd" />
61
+ </svg>
53
62
  </div>
54
- {/each}
55
- </div>
56
- </svelte:element>
57
63
 
58
- <style>/*! 🌼 daisyUI 5.5.17 - MIT License */ @layer utilities{.toast{@layer daisyui.l1.l2.l3{&{inset-inline:auto 1rem;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem}&>*{@media (prefers-reduced-motion:no-preference){&{animation:.25s ease-out toast}}}}}.toast-start{@layer daisyui.l1.l2{&{--toast-x:0;inset-inline:1rem auto}}}.toast-center{@layer daisyui.l1.l2{&{--toast-x:-50%;inset-inline:50%}}}.toast-end{@layer daisyui.l1.l2{&{--toast-x:0;inset-inline:auto 1rem}}}.toast-bottom{@layer daisyui.l1.l2{&{--toast-y:0;top:auto;bottom:1rem}}}.toast-middle{@layer daisyui.l1.l2{&{--toast-y:-50%;top:50%;bottom:auto}}}.toast-top{@layer daisyui.l1.l2{&{--toast-y:0;top:1rem;bottom:auto}}}@keyframes toast{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@media (width>=640px){.sm\:toast{@layer daisyui.l1.l2.l3{&{inset-inline:auto 1rem;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem}&>*{@media (prefers-reduced-motion:no-preference){&{animation:.25s ease-out toast}}}}}.sm\:toast-start{@layer daisyui.l1.l2{&{--toast-x:0;inset-inline:1rem auto}}}.sm\:toast-center{@layer daisyui.l1.l2{&{--toast-x:-50%;inset-inline:50%}}}.sm\:toast-end{@layer daisyui.l1.l2{&{--toast-x:0;inset-inline:auto 1rem}}}.sm\:toast-bottom{@layer daisyui.l1.l2{&{--toast-y:0;top:auto;bottom:1rem}}}.sm\:toast-middle{@layer daisyui.l1.l2{&{--toast-y:-50%;top:50%;bottom:auto}}}.sm\:toast-top{@layer daisyui.l1.l2{&{--toast-y:0;top:1rem;bottom:auto}}}}@media (width>=768px){.md\:toast{@layer daisyui.l1.l2.l3{&{inset-inline:auto 1rem;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem}&>*{@media (prefers-reduced-motion:no-preference){&{animation:.25s ease-out toast}}}}}.md\:toast-start{@layer daisyui.l1.l2{&{--toast-x:0;inset-inline:1rem auto}}}.md\:toast-center{@layer daisyui.l1.l2{&{--toast-x:-50%;inset-inline:50%}}}.md\:toast-end{@layer daisyui.l1.l2{&{--toast-x:0;inset-inline:auto 1rem}}}.md\:toast-bottom{@layer daisyui.l1.l2{&{--toast-y:0;top:auto;bottom:1rem}}}.md\:toast-middle{@layer daisyui.l1.l2{&{--toast-y:-50%;top:50%;bottom:auto}}}.md\:toast-top{@layer daisyui.l1.l2{&{--toast-y:0;top:1rem;bottom:auto}}}}@media (width>=1024px){.lg\:toast{@layer daisyui.l1.l2.l3{&{inset-inline:auto 1rem;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem}&>*{@media (prefers-reduced-motion:no-preference){&{animation:.25s ease-out toast}}}}}.lg\:toast-start{@layer daisyui.l1.l2{&{--toast-x:0;inset-inline:1rem auto}}}.lg\:toast-center{@layer daisyui.l1.l2{&{--toast-x:-50%;inset-inline:50%}}}.lg\:toast-end{@layer daisyui.l1.l2{&{--toast-x:0;inset-inline:auto 1rem}}}.lg\:toast-bottom{@layer daisyui.l1.l2{&{--toast-y:0;top:auto;bottom:1rem}}}.lg\:toast-middle{@layer daisyui.l1.l2{&{--toast-y:-50%;top:50%;bottom:auto}}}.lg\:toast-top{@layer daisyui.l1.l2{&{--toast-y:0;top:1rem;bottom:auto}}}}@media (width>=1280px){.xl\:toast{@layer daisyui.l1.l2.l3{&{inset-inline:auto 1rem;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem}&>*{@media (prefers-reduced-motion:no-preference){&{animation:.25s ease-out toast}}}}}.xl\:toast-start{@layer daisyui.l1.l2{&{--toast-x:0;inset-inline:1rem auto}}}.xl\:toast-center{@layer daisyui.l1.l2{&{--toast-x:-50%;inset-inline:50%}}}.xl\:toast-end{@layer daisyui.l1.l2{&{--toast-x:0;inset-inline:auto 1rem}}}.xl\:toast-bottom{@layer daisyui.l1.l2{&{--toast-y:0;top:auto;bottom:1rem}}}.xl\:toast-middle{@layer daisyui.l1.l2{&{--toast-y:-50%;top:50%;bottom:auto}}}.xl\:toast-top{@layer daisyui.l1.l2{&{--toast-y:0;top:1rem;bottom:auto}}}}@media (width>=1536px){.\32 xl\:toast{@layer daisyui.l1.l2.l3{&{inset-inline:auto 1rem;translate:var(--toast-x,0)var(--toast-y,0);background-color:#0000;flex-direction:column;gap:.5rem;width:max-content;max-width:calc(100vw - 2rem);display:flex;position:fixed;top:auto;bottom:1rem}&>*{@media (prefers-reduced-motion:no-preference){&{animation:.25s ease-out toast}}}}}.\32 xl\:toast-start{@layer daisyui.l1.l2{&{--toast-x:0;inset-inline:1rem auto}}}.\32 xl\:toast-center{@layer daisyui.l1.l2{&{--toast-x:-50%;inset-inline:50%}}}.\32 xl\:toast-end{@layer daisyui.l1.l2{&{--toast-x:0;inset-inline:auto 1rem}}}.\32 xl\:toast-bottom{@layer daisyui.l1.l2{&{--toast-y:0;top:auto;bottom:1rem}}}.\32 xl\:toast-middle{@layer daisyui.l1.l2{&{--toast-y:-50%;top:50%;bottom:auto}}}.\32 xl\:toast-top{@layer daisyui.l1.l2{&{--toast-y:0;top:1rem;bottom:auto}}}}} /*! 🌼 daisyUI 5.5.17 - MIT License */ @layer utilities{.alert{border-width:var(--border);border-color:var(--alert-border-color,var(--color-base-200));@layer daisyui.l1.l2.l3{&{--alert-border-color:var(--color-base-200);border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);box-shadow:0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08))inset,0 1px color-mix(in oklab,color-mix(in oklab,#000 20%,var(--alert-color,var(--color-base-200)))calc(var(--depth)*20%),#0000),0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08));border-style:solid;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;place-items:center start;gap:1rem;padding-block:.75rem;padding-inline:1rem;font-size:.875rem;line-height:1.25rem;display:grid}&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}}.alert-info{@layer daisyui.l1.l2{&{color:var(--color-info-content);--alert-border-color:var(--color-info);--alert-color:var(--color-info)}}}.alert-success{@layer daisyui.l1.l2{&{color:var(--color-success-content);--alert-border-color:var(--color-success);--alert-color:var(--color-success)}}}.alert-warning{@layer daisyui.l1.l2{&{color:var(--color-warning-content);--alert-border-color:var(--color-warning);--alert-color:var(--color-warning)}}}.alert-error{@layer daisyui.l1.l2{&{color:var(--color-error-content);--alert-border-color:var(--color-error);--alert-color:var(--color-error)}}}.alert-soft{@layer daisyui.l1{&{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-100));--alert-border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}}}.alert-outline{@layer daisyui.l1{&{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}}}.alert-dash{@layer daisyui.l1{&{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}}}.alert-vertical{@layer daisyui.l1.l2{&{text-align:center;grid-template-columns:auto;grid-auto-flow:row;justify-content:center;justify-items:center}&:has(:nth-child(2)){grid-template-columns:auto}}}.alert-horizontal{@layer daisyui.l1.l2{&{text-align:start;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;justify-items:start}&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}}@media (width>=640px){.sm\:alert{border-width:var(--border);border-color:var(--alert-border-color,var(--color-base-200));@layer daisyui.l1.l2.l3{&{--alert-border-color:var(--color-base-200);border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);box-shadow:0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08))inset,0 1px color-mix(in oklab,color-mix(in oklab,#000 20%,var(--alert-color,var(--color-base-200)))calc(var(--depth)*20%),#0000),0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08));border-style:solid;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;place-items:center start;gap:1rem;padding-block:.75rem;padding-inline:1rem;font-size:.875rem;line-height:1.25rem;display:grid}&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}}.sm\:alert-info{@layer daisyui.l1.l2{&{color:var(--color-info-content);--alert-border-color:var(--color-info);--alert-color:var(--color-info)}}}.sm\:alert-success{@layer daisyui.l1.l2{&{color:var(--color-success-content);--alert-border-color:var(--color-success);--alert-color:var(--color-success)}}}.sm\:alert-warning{@layer daisyui.l1.l2{&{color:var(--color-warning-content);--alert-border-color:var(--color-warning);--alert-color:var(--color-warning)}}}.sm\:alert-error{@layer daisyui.l1.l2{&{color:var(--color-error-content);--alert-border-color:var(--color-error);--alert-color:var(--color-error)}}}.sm\:alert-soft{@layer daisyui.l1{&{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-100));--alert-border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}}}.sm\:alert-outline{@layer daisyui.l1{&{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}}}.sm\:alert-dash{@layer daisyui.l1{&{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}}}.sm\:alert-vertical{@layer daisyui.l1.l2{&{text-align:center;grid-template-columns:auto;grid-auto-flow:row;justify-content:center;justify-items:center}&:has(:nth-child(2)){grid-template-columns:auto}}}.sm\:alert-horizontal{@layer daisyui.l1.l2{&{text-align:start;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;justify-items:start}&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}}}@media (width>=768px){.md\:alert{border-width:var(--border);border-color:var(--alert-border-color,var(--color-base-200));@layer daisyui.l1.l2.l3{&{--alert-border-color:var(--color-base-200);border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);box-shadow:0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08))inset,0 1px color-mix(in oklab,color-mix(in oklab,#000 20%,var(--alert-color,var(--color-base-200)))calc(var(--depth)*20%),#0000),0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08));border-style:solid;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;place-items:center start;gap:1rem;padding-block:.75rem;padding-inline:1rem;font-size:.875rem;line-height:1.25rem;display:grid}&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}}.md\:alert-info{@layer daisyui.l1.l2{&{color:var(--color-info-content);--alert-border-color:var(--color-info);--alert-color:var(--color-info)}}}.md\:alert-success{@layer daisyui.l1.l2{&{color:var(--color-success-content);--alert-border-color:var(--color-success);--alert-color:var(--color-success)}}}.md\:alert-warning{@layer daisyui.l1.l2{&{color:var(--color-warning-content);--alert-border-color:var(--color-warning);--alert-color:var(--color-warning)}}}.md\:alert-error{@layer daisyui.l1.l2{&{color:var(--color-error-content);--alert-border-color:var(--color-error);--alert-color:var(--color-error)}}}.md\:alert-soft{@layer daisyui.l1{&{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-100));--alert-border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}}}.md\:alert-outline{@layer daisyui.l1{&{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}}}.md\:alert-dash{@layer daisyui.l1{&{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}}}.md\:alert-vertical{@layer daisyui.l1.l2{&{text-align:center;grid-template-columns:auto;grid-auto-flow:row;justify-content:center;justify-items:center}&:has(:nth-child(2)){grid-template-columns:auto}}}.md\:alert-horizontal{@layer daisyui.l1.l2{&{text-align:start;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;justify-items:start}&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}}}@media (width>=1024px){.lg\:alert{border-width:var(--border);border-color:var(--alert-border-color,var(--color-base-200));@layer daisyui.l1.l2.l3{&{--alert-border-color:var(--color-base-200);border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);box-shadow:0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08))inset,0 1px color-mix(in oklab,color-mix(in oklab,#000 20%,var(--alert-color,var(--color-base-200)))calc(var(--depth)*20%),#0000),0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08));border-style:solid;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;place-items:center start;gap:1rem;padding-block:.75rem;padding-inline:1rem;font-size:.875rem;line-height:1.25rem;display:grid}&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}}.lg\:alert-info{@layer daisyui.l1.l2{&{color:var(--color-info-content);--alert-border-color:var(--color-info);--alert-color:var(--color-info)}}}.lg\:alert-success{@layer daisyui.l1.l2{&{color:var(--color-success-content);--alert-border-color:var(--color-success);--alert-color:var(--color-success)}}}.lg\:alert-warning{@layer daisyui.l1.l2{&{color:var(--color-warning-content);--alert-border-color:var(--color-warning);--alert-color:var(--color-warning)}}}.lg\:alert-error{@layer daisyui.l1.l2{&{color:var(--color-error-content);--alert-border-color:var(--color-error);--alert-color:var(--color-error)}}}.lg\:alert-soft{@layer daisyui.l1{&{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-100));--alert-border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}}}.lg\:alert-outline{@layer daisyui.l1{&{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}}}.lg\:alert-dash{@layer daisyui.l1{&{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}}}.lg\:alert-vertical{@layer daisyui.l1.l2{&{text-align:center;grid-template-columns:auto;grid-auto-flow:row;justify-content:center;justify-items:center}&:has(:nth-child(2)){grid-template-columns:auto}}}.lg\:alert-horizontal{@layer daisyui.l1.l2{&{text-align:start;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;justify-items:start}&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}}}@media (width>=1280px){.xl\:alert{border-width:var(--border);border-color:var(--alert-border-color,var(--color-base-200));@layer daisyui.l1.l2.l3{&{--alert-border-color:var(--color-base-200);border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);box-shadow:0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08))inset,0 1px color-mix(in oklab,color-mix(in oklab,#000 20%,var(--alert-color,var(--color-base-200)))calc(var(--depth)*20%),#0000),0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08));border-style:solid;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;place-items:center start;gap:1rem;padding-block:.75rem;padding-inline:1rem;font-size:.875rem;line-height:1.25rem;display:grid}&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}}.xl\:alert-info{@layer daisyui.l1.l2{&{color:var(--color-info-content);--alert-border-color:var(--color-info);--alert-color:var(--color-info)}}}.xl\:alert-success{@layer daisyui.l1.l2{&{color:var(--color-success-content);--alert-border-color:var(--color-success);--alert-color:var(--color-success)}}}.xl\:alert-warning{@layer daisyui.l1.l2{&{color:var(--color-warning-content);--alert-border-color:var(--color-warning);--alert-color:var(--color-warning)}}}.xl\:alert-error{@layer daisyui.l1.l2{&{color:var(--color-error-content);--alert-border-color:var(--color-error);--alert-color:var(--color-error)}}}.xl\:alert-soft{@layer daisyui.l1{&{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-100));--alert-border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}}}.xl\:alert-outline{@layer daisyui.l1{&{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}}}.xl\:alert-dash{@layer daisyui.l1{&{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}}}.xl\:alert-vertical{@layer daisyui.l1.l2{&{text-align:center;grid-template-columns:auto;grid-auto-flow:row;justify-content:center;justify-items:center}&:has(:nth-child(2)){grid-template-columns:auto}}}.xl\:alert-horizontal{@layer daisyui.l1.l2{&{text-align:start;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;justify-items:start}&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}}}@media (width>=1536px){.\32 xl\:alert{border-width:var(--border);border-color:var(--alert-border-color,var(--color-base-200));@layer daisyui.l1.l2.l3{&{--alert-border-color:var(--color-base-200);border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);box-shadow:0 3px 0 -2px oklch(100% 0 0/calc(var(--depth)*.08))inset,0 1px color-mix(in oklab,color-mix(in oklab,#000 20%,var(--alert-color,var(--color-base-200)))calc(var(--depth)*20%),#0000),0 4px 3px -2px oklch(0% 0 0/calc(var(--depth)*.08));border-style:solid;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;place-items:center start;gap:1rem;padding-block:.75rem;padding-inline:1rem;font-size:.875rem;line-height:1.25rem;display:grid}&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}}.\32 xl\:alert-info{@layer daisyui.l1.l2{&{color:var(--color-info-content);--alert-border-color:var(--color-info);--alert-color:var(--color-info)}}}.\32 xl\:alert-success{@layer daisyui.l1.l2{&{color:var(--color-success-content);--alert-border-color:var(--color-success);--alert-color:var(--color-success)}}}.\32 xl\:alert-warning{@layer daisyui.l1.l2{&{color:var(--color-warning-content);--alert-border-color:var(--color-warning);--alert-color:var(--color-warning)}}}.\32 xl\:alert-error{@layer daisyui.l1.l2{&{color:var(--color-error-content);--alert-border-color:var(--color-error);--alert-color:var(--color-error)}}}.\32 xl\:alert-soft{@layer daisyui.l1{&{color:var(--alert-color,var(--color-base-content));background:color-mix(in oklab,var(--alert-color,var(--color-base-content))8%,var(--color-base-100));--alert-border-color:color-mix(in oklab,var(--alert-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}}}.\32 xl\:alert-outline{@layer daisyui.l1{&{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}}}.\32 xl\:alert-dash{@layer daisyui.l1{&{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}}}.\32 xl\:alert-vertical{@layer daisyui.l1.l2{&{text-align:center;grid-template-columns:auto;grid-auto-flow:row;justify-content:center;justify-items:center}&:has(:nth-child(2)){grid-template-columns:auto}}}.\32 xl\:alert-horizontal{@layer daisyui.l1.l2{&{text-align:start;grid-template-columns:auto;grid-auto-flow:column;justify-content:start;justify-items:start}&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}}}} /*! 🌼 daisyUI 5.5.17 - MIT License */ @layer utilities{:where(.btn){@layer daisyui.l1.l2.l3{&{width:unset}}}.prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.btn{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));touch-action:manipulation;box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000);--btn-noise:var(--fx-noise);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(input[type=checkbox],input[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}}}.btn-disabled,.btn:disabled,.btn[disabled]{@layer daisyui.l1.l2{&{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}}}.btn-active{@layer daisyui.l1.l2{&{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}}.btn-primary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}}}.btn-secondary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}}}.btn-accent{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}}}.btn-neutral{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}}}.btn-info{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}}}.btn-success{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}}}.btn-warning{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}}}.btn-error{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}}}.btn-ghost{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn)){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:var(--btn-color,currentColor);outline-color:currentColor}}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color,currentColor);--btn-border:#0000;--btn-noise:none;outline-color:currentColor}}}}.btn-link{@layer daisyui.l1{&{--btn-border:#0000;--btn-bg:#0000;--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline}&:not(.btn-disabled,.btn:disabled,.btn[disabled]){--btn-fg:var(--btn-color,var(--color-primary))}&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000}}}.btn-outline,.btn-dash{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}}}.btn-dash{border-style:dashed}.btn-soft{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}}}.btn-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.btn-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.btn-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.btn-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.btn-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}.btn-square{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);padding-inline:0}}}.btn-circle{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}}.btn-wide{@layer daisyui.l1.l2{&{width:100%;max-width:16rem}}}.btn-block{@layer daisyui.l1.l2{&{width:100%}}}@media (width>=640px){:where(.btn){@layer daisyui.l1.l2.l3{&{width:unset}}}.sm\:prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.sm\:btn{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));touch-action:manipulation;box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000);--btn-noise:var(--fx-noise);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(input[type=checkbox],input[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}}}.sm\:btn-disabled,.sm\:btn:disabled,.sm\:btn[disabled]{@layer daisyui.l1.l2{&{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}}}.sm\:btn-active{@layer daisyui.l1.l2{&{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}}.sm\:btn-primary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}}}.sm\:btn-secondary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}}}.sm\:btn-accent{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}}}.sm\:btn-neutral{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}}}.sm\:btn-info{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}}}.sm\:btn-success{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}}}.sm\:btn-warning{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}}}.sm\:btn-error{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}}}.sm\:btn-ghost{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn)){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:var(--btn-color,currentColor);outline-color:currentColor}}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color,currentColor);--btn-border:#0000;--btn-noise:none;outline-color:currentColor}}}}.sm\:btn-link{@layer daisyui.l1{&{--btn-border:#0000;--btn-bg:#0000;--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline}&:not(.btn-disabled,.btn:disabled,.btn[disabled]){--btn-fg:var(--btn-color,var(--color-primary))}&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000}}}.sm\:btn-outline,.sm\:btn-dash{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}}}.sm\:btn-dash{border-style:dashed}.sm\:btn-soft{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}}}.sm\:btn-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.sm\:btn-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.sm\:btn-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.sm\:btn-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.sm\:btn-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}.sm\:btn-square{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);padding-inline:0}}}.sm\:btn-circle{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}}.sm\:btn-wide{@layer daisyui.l1.l2{&{width:100%;max-width:16rem}}}.sm\:btn-block{@layer daisyui.l1.l2{&{width:100%}}}}@media (width>=768px){:where(.btn){@layer daisyui.l1.l2.l3{&{width:unset}}}.md\:prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.md\:btn{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));touch-action:manipulation;box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000);--btn-noise:var(--fx-noise);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(input[type=checkbox],input[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}}}.md\:btn-disabled,.md\:btn:disabled,.md\:btn[disabled]{@layer daisyui.l1.l2{&{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}}}.md\:btn-active{@layer daisyui.l1.l2{&{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}}.md\:btn-primary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}}}.md\:btn-secondary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}}}.md\:btn-accent{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}}}.md\:btn-neutral{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}}}.md\:btn-info{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}}}.md\:btn-success{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}}}.md\:btn-warning{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}}}.md\:btn-error{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}}}.md\:btn-ghost{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn)){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:var(--btn-color,currentColor);outline-color:currentColor}}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color,currentColor);--btn-border:#0000;--btn-noise:none;outline-color:currentColor}}}}.md\:btn-link{@layer daisyui.l1{&{--btn-border:#0000;--btn-bg:#0000;--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline}&:not(.btn-disabled,.btn:disabled,.btn[disabled]){--btn-fg:var(--btn-color,var(--color-primary))}&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000}}}.md\:btn-outline,.md\:btn-dash{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}}}.md\:btn-dash{border-style:dashed}.md\:btn-soft{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}}}.md\:btn-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.md\:btn-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.md\:btn-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.md\:btn-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.md\:btn-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}.md\:btn-square{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);padding-inline:0}}}.md\:btn-circle{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}}.md\:btn-wide{@layer daisyui.l1.l2{&{width:100%;max-width:16rem}}}.md\:btn-block{@layer daisyui.l1.l2{&{width:100%}}}}@media (width>=1024px){:where(.btn){@layer daisyui.l1.l2.l3{&{width:unset}}}.lg\:prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.lg\:btn{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));touch-action:manipulation;box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000);--btn-noise:var(--fx-noise);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(input[type=checkbox],input[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}}}.lg\:btn-disabled,.lg\:btn:disabled,.lg\:btn[disabled]{@layer daisyui.l1.l2{&{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}}}.lg\:btn-active{@layer daisyui.l1.l2{&{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}}.lg\:btn-primary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}}}.lg\:btn-secondary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}}}.lg\:btn-accent{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}}}.lg\:btn-neutral{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}}}.lg\:btn-info{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}}}.lg\:btn-success{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}}}.lg\:btn-warning{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}}}.lg\:btn-error{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}}}.lg\:btn-ghost{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn)){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:var(--btn-color,currentColor);outline-color:currentColor}}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color,currentColor);--btn-border:#0000;--btn-noise:none;outline-color:currentColor}}}}.lg\:btn-link{@layer daisyui.l1{&{--btn-border:#0000;--btn-bg:#0000;--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline}&:not(.btn-disabled,.btn:disabled,.btn[disabled]){--btn-fg:var(--btn-color,var(--color-primary))}&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000}}}.lg\:btn-outline,.lg\:btn-dash{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}}}.lg\:btn-dash{border-style:dashed}.lg\:btn-soft{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}}}.lg\:btn-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.lg\:btn-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.lg\:btn-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.lg\:btn-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.lg\:btn-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}.lg\:btn-square{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);padding-inline:0}}}.lg\:btn-circle{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}}.lg\:btn-wide{@layer daisyui.l1.l2{&{width:100%;max-width:16rem}}}.lg\:btn-block{@layer daisyui.l1.l2{&{width:100%}}}}@media (width>=1280px){:where(.btn){@layer daisyui.l1.l2.l3{&{width:unset}}}.xl\:prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.xl\:btn{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));touch-action:manipulation;box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000);--btn-noise:var(--fx-noise);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(input[type=checkbox],input[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}}}.xl\:btn-disabled,.xl\:btn:disabled,.xl\:btn[disabled]{@layer daisyui.l1.l2{&{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}}}.xl\:btn-active{@layer daisyui.l1.l2{&{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}}.xl\:btn-primary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}}}.xl\:btn-secondary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}}}.xl\:btn-accent{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}}}.xl\:btn-neutral{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}}}.xl\:btn-info{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}}}.xl\:btn-success{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}}}.xl\:btn-warning{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}}}.xl\:btn-error{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}}}.xl\:btn-ghost{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn)){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:var(--btn-color,currentColor);outline-color:currentColor}}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color,currentColor);--btn-border:#0000;--btn-noise:none;outline-color:currentColor}}}}.xl\:btn-link{@layer daisyui.l1{&{--btn-border:#0000;--btn-bg:#0000;--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline}&:not(.btn-disabled,.btn:disabled,.btn[disabled]){--btn-fg:var(--btn-color,var(--color-primary))}&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000}}}.xl\:btn-outline,.xl\:btn-dash{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}}}.xl\:btn-dash{border-style:dashed}.xl\:btn-soft{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}}}.xl\:btn-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.xl\:btn-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.xl\:btn-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.xl\:btn-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.xl\:btn-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}.xl\:btn-square{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);padding-inline:0}}}.xl\:btn-circle{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}}.xl\:btn-wide{@layer daisyui.l1.l2{&{width:100%;max-width:16rem}}}.xl\:btn-block{@layer daisyui.l1.l2{&{width:100%}}}}@media (width>=1536px){:where(.btn){@layer daisyui.l1.l2.l3{&{width:unset}}}.\32 xl\:prose :where(a.btn:not(.btn-link)):not(:where([class~=not-prose],[class~=not-prose] *)){text-decoration-line:none}.\32 xl\:btn{@layer daisyui.l1.l2.l3{&{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:var(--btn-fg);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));touch-action:manipulation;box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%))inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*10);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:1rem;--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000);--btn-noise:var(--fx-noise);border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&:focus-visible,&:has(:focus-visible){isolation:isolate;outline-width:2px;outline-style:solid}&:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}&:is(input[type=checkbox],input[type=radio]){appearance:none;&[aria-label]:after{--tw-content:attr(aria-label);content:var(--tw-content)}}&:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}}}.\32 xl\:btn-disabled,.\32 xl\:btn:disabled,.\32 xl\:btn[disabled]{@layer daisyui.l1.l2{&{pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}&:not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}}}.\32 xl\:btn-active{@layer daisyui.l1.l2{&{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);isolation:isolate}}}.\32 xl\:btn-primary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}}}.\32 xl\:btn-secondary{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}}}.\32 xl\:btn-accent{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}}}.\32 xl\:btn-neutral{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}}}.\32 xl\:btn-info{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}}}.\32 xl\:btn-success{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}}}.\32 xl\:btn-warning{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}}}.\32 xl\:btn-error{@layer daisyui.l1.l2.l3{&{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}}}.\32 xl\:btn-ghost{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn)){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:var(--btn-color,currentColor);outline-color:currentColor}}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color,currentColor);--btn-border:#0000;--btn-noise:none;outline-color:currentColor}}}}.\32 xl\:btn-link{@layer daisyui.l1{&{--btn-border:#0000;--btn-bg:#0000;--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline}&:not(.btn-disabled,.btn:disabled,.btn[disabled]){--btn-fg:var(--btn-color,var(--color-primary))}&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000}}}.\32 xl\:btn-outline,.\32 xl\:btn-dash{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}}}.\32 xl\:btn-dash{border-style:dashed}.\32 xl\:btn-soft{@layer daisyui.l1{&:not(.btn-active,:hover,:active:focus,:focus-visible,input:checked:not(.filter .btn),:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}@media (hover:none){&:not(.btn-active,:active,:focus-visible,input:checked:not(.filter .btn)):hover{--btn-shadow:"";--btn-fg:var(--btn-color,var(--color-base-content));--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-content))8%,var(--color-base-100));--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-content))10%,var(--color-base-100));--btn-noise:none}}}}.\32 xl\:btn-xs{@layer daisyui.l1.l2{&{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}}}.\32 xl\:btn-sm{@layer daisyui.l1.l2{&{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}}}.\32 xl\:btn-md{@layer daisyui.l1.l2{&{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}}}.\32 xl\:btn-lg{@layer daisyui.l1.l2{&{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}}}.\32 xl\:btn-xl{@layer daisyui.l1.l2{&{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}}}.\32 xl\:btn-square{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);padding-inline:0}}}.\32 xl\:btn-circle{@layer daisyui.l1.l2{&{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}}}.\32 xl\:btn-wide{@layer daisyui.l1.l2{&{width:100%;max-width:16rem}}}.\32 xl\:btn-block{@layer daisyui.l1.l2{&{width:100%}}}}}
59
- </style>
64
+ <!-- Content -->
65
+ <div class="flex-1 min-w-0">
66
+ <p class="text-sm font-medium leading-relaxed break-words">
67
+ {toast.message}
68
+ </p>
69
+ </div>
70
+
71
+ <!-- Dismiss Button -->
72
+ <button
73
+ class="shrink-0 -mr-2 -mt-2 btn btn-ghost btn-xs btn-circle opacity-60 hover:opacity-100 transition-opacity"
74
+ onclick={() => toastStore.dismiss(toast.id)}
75
+ aria-label="Close notification"
76
+ >
77
+ <svg
78
+ xmlns="http://www.w3.org/2000/svg"
79
+ fill="none"
80
+ viewBox="0 0 24 24"
81
+ stroke-width="2"
82
+ stroke="currentColor"
83
+ class="w-4 h-4"
84
+ >
85
+ <path
86
+ stroke-linecap="round"
87
+ stroke-linejoin="round"
88
+ d="M6 18 18 6M6 6l12 12"
89
+ />
90
+ </svg>
91
+ </button>
92
+
93
+ <!-- Progress Bar (Optional Visual Accent) -->
94
+ <div
95
+ class="absolute bottom-0 left-0 h-0.5 w-full bg-current opacity-10"
96
+ ></div>
97
+ </div>
98
+ {/each}
99
+ </svelte:element>