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.
- package/dist/actions/portal.d.ts +7 -0
- package/dist/actions/portal.js +26 -0
- package/dist/components/Icon.svelte +34 -0
- package/dist/components/Icon.svelte.d.ts +8 -0
- package/dist/config.d.ts +4 -10
- package/dist/config.js +1 -7
- package/dist/devtools/API_Monitor.svelte +2 -5
- package/dist/devtools/Toaster.svelte +86 -46
- package/dist/features/command-palette/CommandPalette.svelte +48 -51
- package/dist/features/command-palette/commands.svelte.d.ts +7 -28
- package/dist/features/command-palette/commands.svelte.js +4 -133
- package/dist/features/config/components/AppSettingSelector.svelte +6 -7
- package/dist/features/config/components/CurrencySelector.svelte +1 -1
- package/dist/features/config/components/LanguageSelector.svelte +1 -1
- package/dist/features/config/components/ThemeSelector.svelte +1 -1
- package/dist/features/config/stores/api.svelte.d.ts +3 -15
- package/dist/features/config/stores/api.svelte.js +4 -44
- package/dist/features/config/stores/app.svelte.d.ts +6 -29
- package/dist/features/config/stores/app.svelte.js +4 -54
- package/dist/features/config/stores/currency.svelte.d.ts +4 -12
- package/dist/features/config/stores/currency.svelte.js +5 -21
- package/dist/features/config/stores/language.svelte.d.ts +4 -51
- package/dist/features/config/stores/language.svelte.js +5 -29
- package/dist/features/config/stores/theme.svelte.d.ts +4 -7
- package/dist/features/config/stores/theme.svelte.js +5 -58
- package/dist/features/config/stores/toast.svelte.d.ts +4 -22
- package/dist/features/config/stores/toast.svelte.js +4 -35
- package/dist/features/detail-panels/DashboardPanel.svelte +154 -0
- package/dist/features/detail-panels/DashboardPanel.svelte.d.ts +3 -0
- package/dist/features/detail-panels/ShortcutsPanel.svelte +136 -0
- package/dist/features/detail-panels/ShortcutsPanel.svelte.d.ts +3 -0
- package/dist/features/detail-panels/ShowcasePanel.svelte +102 -0
- package/dist/features/detail-panels/ShowcasePanel.svelte.d.ts +3 -0
- package/dist/features/detail-panels/showcase-components.d.ts +6 -0
- package/dist/features/detail-panels/showcase-components.js +65 -0
- package/dist/features/shortcuts/ShortcutPalette.svelte +235 -0
- package/dist/features/shortcuts/ShortcutPalette.svelte.d.ts +6 -0
- package/dist/index.d.ts +6 -12
- package/dist/index.js +8 -9
- package/dist/layout/ContentArea.svelte +19 -0
- package/dist/layout/ContentArea.svelte.d.ts +8 -0
- package/dist/layout/DetailPanel.svelte +12 -0
- package/dist/layout/DetailPanel.svelte.d.ts +7 -0
- package/dist/layout/NavigationPanel.svelte +144 -0
- package/dist/layout/NavigationPanel.svelte.d.ts +10 -0
- package/dist/layout/WorkspaceLayout.svelte +106 -0
- package/dist/layout/WorkspaceLayout.svelte.d.ts +11 -0
- package/dist/layout/WorkspaceStrip.svelte +67 -0
- package/dist/layout/WorkspaceStrip.svelte.d.ts +9 -0
- package/dist/layout/index.d.ts +7 -0
- package/dist/layout/index.js +7 -0
- package/dist/showcase/AppStateInspector.svelte +7 -10
- package/dist/showcase/Showcase.svelte +5 -9
- package/dist/showcase/Showcase.svelte.d.ts +17 -2
- package/dist/showcase/StoreDetailCard.svelte +0 -3
- package/dist/state/api.svelte.d.ts +25 -0
- package/dist/state/api.svelte.js +45 -0
- package/dist/state/app.svelte.d.ts +36 -0
- package/dist/state/app.svelte.js +55 -0
- package/dist/state/commands.svelte.d.ts +29 -0
- package/dist/state/commands.svelte.js +134 -0
- package/dist/state/currency.svelte.d.ts +16 -0
- package/dist/state/currency.svelte.js +21 -0
- package/dist/state/index.d.ts +9 -0
- package/dist/state/index.js +11 -0
- package/dist/state/language.svelte.d.ts +55 -0
- package/dist/state/language.svelte.js +29 -0
- package/dist/state/layout.svelte.d.ts +44 -0
- package/dist/state/layout.svelte.js +70 -0
- package/dist/state/shortcuts.svelte.d.ts +71 -0
- package/dist/state/shortcuts.svelte.js +279 -0
- package/dist/state/theme.svelte.d.ts +11 -0
- package/dist/state/theme.svelte.js +58 -0
- package/dist/state/toast.svelte.d.ts +27 -0
- package/dist/state/toast.svelte.js +36 -0
- package/package.json +19 -10
- package/dist/features/config/stores/index.d.ts +0 -1
- package/dist/features/config/stores/index.js +0 -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 "./
|
|
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("./
|
|
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("./
|
|
75
|
-
send(message: string, type?: import("./
|
|
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 "./
|
|
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 "../
|
|
3
|
-
import { toastStore } from "../
|
|
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 "../
|
|
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
|
|
7
|
-
info:
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
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
|
-
|
|
35
|
-
{
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
</
|
|
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
|
-
|
|
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>
|