daisyui 5.0.0 → 5.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/chunks.css +51 -51
- package/colors/properties.css +1 -1
- package/components/alert/object.js +1 -1
- package/components/alert.css +1 -1
- package/components/breadcrumbs/object.js +1 -1
- package/components/breadcrumbs.css +1 -1
- package/components/button/object.js +1 -1
- package/components/button.css +1 -1
- package/components/card/object.js +1 -1
- package/components/card.css +1 -1
- package/components/checkbox/object.js +1 -1
- package/components/checkbox.css +1 -1
- package/components/collapse/object.js +1 -1
- package/components/collapse.css +1 -1
- package/components/dropdown/object.js +1 -1
- package/components/dropdown.css +1 -1
- package/components/input/object.js +1 -1
- package/components/input.css +1 -1
- package/components/link/object.js +1 -1
- package/components/link.css +1 -1
- package/components/menu/object.js +1 -1
- package/components/menu.css +1 -1
- package/components/modal/object.js +1 -1
- package/components/modal.css +1 -1
- package/components/radio/object.js +1 -1
- package/components/radio.css +1 -1
- package/components/range/object.js +1 -1
- package/components/range.css +1 -1
- package/components/select/object.js +1 -1
- package/components/select.css +1 -1
- package/components/tab/object.js +1 -1
- package/components/tab.css +1 -1
- package/components/textarea/object.js +1 -1
- package/components/textarea.css +1 -1
- package/components/timeline/object.js +1 -1
- package/components/timeline.css +1 -1
- package/components/toggle/object.js +1 -1
- package/components/toggle.css +1 -1
- package/daisyui.css +1 -1
- package/imports.js +47 -47
- package/index.js +1 -1
- package/package.json +7 -5
- package/theme/object.d.ts +27 -27
- package/theme/object.js +1 -1
- package/utilities/join/object.js +1 -1
- package/utilities/join.css +1 -1
- package/utilities/typography/object.js +1 -1
- package/utilities/typography.css +1 -1
- package/components/alert/class.json +0 -12
- package/components/avatar/class.json +0 -7
- package/components/badge/class.json +0 -20
- package/components/breadcrumbs/class.json +0 -3
- package/components/button/class.json +0 -26
- package/components/calendar/class.json +0 -51
- package/components/card/class.json +0 -15
- package/components/carousel/class.json +0 -9
- package/components/chat/class.json +0 -17
- package/components/checkbox/class.json +0 -16
- package/components/collapse/class.json +0 -9
- package/components/countdown/class.json +0 -3
- package/components/diff/class.json +0 -6
- package/components/divider/class.json +0 -15
- package/components/dock/class.json +0 -10
- package/components/drawer/class.json +0 -10
- package/components/dropdown/class.json +0 -13
- package/components/fieldset/class.json +0 -5
- package/components/fileinput/class.json +0 -17
- package/components/filter/class.json +0 -4
- package/components/footer/class.json +0 -7
- package/components/hero/class.json +0 -5
- package/components/indicator/class.json +0 -10
- package/components/input/class.json +0 -17
- package/components/kbd/class.json +0 -8
- package/components/label/class.json +0 -9
- package/components/link/class.json +0 -12
- package/components/list/class.json +0 -6
- package/components/loading/class.json +0 -14
- package/components/mask/class.json +0 -19
- package/components/menu/class.json +0 -19
- package/components/mockup/class.json +0 -10
- package/components/modal/class.json +0 -13
- package/components/navbar/class.json +0 -6
- package/components/progress/class.json +0 -11
- package/components/radialprogress/class.json +0 -3
- package/components/radio/class.json +0 -16
- package/components/range/class.json +0 -16
- package/components/rating/class.json +0 -10
- package/components/select/class.json +0 -17
- package/components/skeleton/class.json +0 -3
- package/components/stack/class.json +0 -7
- package/components/stat/class.json +0 -11
- package/components/status/class.json +0 -16
- package/components/steps/class.json +0 -15
- package/components/swap/class.json +0 -9
- package/components/tab/class.json +0 -18
- package/components/table/class.json +0 -10
- package/components/textarea/class.json +0 -17
- package/components/timeline/class.json +0 -11
- package/components/toast/class.json +0 -9
- package/components/toggle/class.json +0 -16
- package/components/tooltip/class.json +0 -16
- package/components/validator/class.json +0 -4
package/README.md
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
[![][license]](https://github.com/saadeghi/daisyui/blob/master/LICENSE)
|
|
10
10
|
[![][stars]](https://github.com/saadeghi/daisyui)
|
|
11
11
|
[![][installs]](https://www.npmjs.com/package/daisyui)
|
|
12
|
-
[![][jsdelivr]](https://cdn.jsdelivr.net/npm/daisyui
|
|
12
|
+
[![][jsdelivr]](https://cdn.jsdelivr.net/npm/daisyui@5)
|
|
13
13
|
[![][discord]](https://daisyui.com/discord/)
|
|
14
14
|
[![][opencollectivebadge]](https://opencollective.com/daisyui)
|
|
15
15
|
|
package/chunks.css
CHANGED
|
@@ -1,73 +1,73 @@
|
|
|
1
1
|
@import url(theme/light.css);
|
|
2
2
|
@import url(theme/dark.css);
|
|
3
|
-
@import url(base/
|
|
3
|
+
@import url(base/scrollbar.css);
|
|
4
|
+
@import url(base/svg.css);
|
|
4
5
|
@import url(base/reset.css);
|
|
5
6
|
@import url(base/rootscrollgutter.css);
|
|
6
7
|
@import url(base/rootcolor.css);
|
|
7
|
-
@import url(base/
|
|
8
|
-
@import url(base/scrollbar.css);
|
|
8
|
+
@import url(base/properties.css);
|
|
9
9
|
@import url(base/rootscrolllock.css);
|
|
10
|
-
@import url(components/
|
|
11
|
-
@import url(components/
|
|
10
|
+
@import url(components/input.css);
|
|
11
|
+
@import url(components/swap.css);
|
|
12
|
+
@import url(components/rating.css);
|
|
13
|
+
@import url(components/timeline.css);
|
|
14
|
+
@import url(components/mockup.css);
|
|
15
|
+
@import url(components/fieldset.css);
|
|
16
|
+
@import url(components/progress.css);
|
|
12
17
|
@import url(components/breadcrumbs.css);
|
|
13
|
-
@import url(components/
|
|
14
|
-
@import url(components/dock.css);
|
|
18
|
+
@import url(components/validator.css);
|
|
15
19
|
@import url(components/tooltip.css);
|
|
20
|
+
@import url(components/textarea.css);
|
|
16
21
|
@import url(components/alert.css);
|
|
17
22
|
@import url(components/countdown.css);
|
|
18
|
-
@import url(components/
|
|
19
|
-
@import url(components/list.css);
|
|
20
|
-
@import url(components/card.css);
|
|
21
|
-
@import url(components/validator.css);
|
|
22
|
-
@import url(components/radio.css);
|
|
23
|
-
@import url(components/progress.css);
|
|
24
|
-
@import url(components/collapse.css);
|
|
23
|
+
@import url(components/menu.css);
|
|
25
24
|
@import url(components/hero.css);
|
|
26
|
-
@import url(components/
|
|
27
|
-
@import url(components/
|
|
28
|
-
@import url(components/
|
|
29
|
-
@import url(components/link.css);
|
|
25
|
+
@import url(components/dropdown.css);
|
|
26
|
+
@import url(components/calendar.css);
|
|
27
|
+
@import url(components/card.css);
|
|
30
28
|
@import url(components/indicator.css);
|
|
31
|
-
@import url(components/
|
|
32
|
-
@import url(components/fieldset.css);
|
|
33
|
-
@import url(components/select.css);
|
|
34
|
-
@import url(components/textarea.css);
|
|
35
|
-
@import url(components/input.css);
|
|
36
|
-
@import url(components/checkbox.css);
|
|
37
|
-
@import url(components/range.css);
|
|
29
|
+
@import url(components/stack.css);
|
|
38
30
|
@import url(components/carousel.css);
|
|
39
|
-
@import url(components/
|
|
40
|
-
@import url(components/
|
|
31
|
+
@import url(components/link.css);
|
|
32
|
+
@import url(components/stat.css);
|
|
33
|
+
@import url(components/modal.css);
|
|
41
34
|
@import url(components/chat.css);
|
|
42
|
-
@import url(components/
|
|
43
|
-
@import url(components/
|
|
44
|
-
@import url(components/rating.css);
|
|
35
|
+
@import url(components/dock.css);
|
|
36
|
+
@import url(components/drawer.css);
|
|
45
37
|
@import url(components/mask.css);
|
|
46
|
-
@import url(components/
|
|
38
|
+
@import url(components/label.css);
|
|
39
|
+
@import url(components/diff.css);
|
|
40
|
+
@import url(components/kbd.css);
|
|
47
41
|
@import url(components/toast.css);
|
|
48
|
-
@import url(components/
|
|
49
|
-
@import url(components/
|
|
50
|
-
@import url(components/
|
|
51
|
-
@import url(components/
|
|
52
|
-
@import url(components/
|
|
42
|
+
@import url(components/navbar.css);
|
|
43
|
+
@import url(components/collapse.css);
|
|
44
|
+
@import url(components/tab.css);
|
|
45
|
+
@import url(components/badge.css);
|
|
46
|
+
@import url(components/list.css);
|
|
47
|
+
@import url(components/range.css);
|
|
53
48
|
@import url(components/fileinput.css);
|
|
54
|
-
@import url(components/
|
|
55
|
-
@import url(components/
|
|
56
|
-
@import url(components/
|
|
57
|
-
@import url(components/
|
|
58
|
-
@import url(components/
|
|
59
|
-
@import url(components/timeline.css);
|
|
60
|
-
@import url(components/calendar.css);
|
|
61
|
-
@import url(components/filter.css);
|
|
62
|
-
@import url(components/dropdown.css);
|
|
49
|
+
@import url(components/table.css);
|
|
50
|
+
@import url(components/toggle.css);
|
|
51
|
+
@import url(components/divider.css);
|
|
52
|
+
@import url(components/button.css);
|
|
53
|
+
@import url(components/checkbox.css);
|
|
63
54
|
@import url(components/radialprogress.css);
|
|
64
|
-
@import url(
|
|
65
|
-
@import url(
|
|
66
|
-
@import url(
|
|
55
|
+
@import url(components/filter.css);
|
|
56
|
+
@import url(components/steps.css);
|
|
57
|
+
@import url(components/radio.css);
|
|
58
|
+
@import url(components/footer.css);
|
|
59
|
+
@import url(components/loading.css);
|
|
60
|
+
@import url(components/status.css);
|
|
61
|
+
@import url(components/skeleton.css);
|
|
62
|
+
@import url(components/select.css);
|
|
63
|
+
@import url(components/avatar.css);
|
|
67
64
|
@import url(utilities/glass.css);
|
|
68
|
-
@import url(
|
|
69
|
-
@import url(
|
|
65
|
+
@import url(utilities/join.css);
|
|
66
|
+
@import url(utilities/radius.css);
|
|
67
|
+
@import url(utilities/typography.css);
|
|
70
68
|
@import url(colors/states.css);
|
|
69
|
+
@import url(colors/properties-extended.css);
|
|
71
70
|
@import url(colors/states-extended.css);
|
|
71
|
+
@import url(colors/responsive-extended.css);
|
|
72
72
|
@import url(colors/responsive.css);
|
|
73
|
-
@import url(colors/properties
|
|
73
|
+
@import url(colors/properties.css);
|
package/colors/properties.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0 - MIT License */ .bg-base-100{background-color:var(--color-base-100)}.text-base-100{color:var(--color-base-100)}.border-base-100{border-color:var(--color-base-100)}.bg-base-200{background-color:var(--color-base-200)}.text-base-200{color:var(--color-base-200)}.border-base-200{border-color:var(--color-base-200)}.bg-base-300{background-color:var(--color-base-300)}.text-base-300{color:var(--color-base-300)}.border-base-300{border-color:var(--color-base-300)}.bg-base-content{background-color:var(--color-base-content)}.text-base-content{color:var(--color-base-content)}.border-base-content{border-color:var(--color-base-content)}.bg-primary{background-color:var(--color-primary)}.text-primary{color:var(--color-primary)}.border-primary{border-color:var(--color-primary)}.bg-primary-content{background-color:var(--color-primary-content)}.text-primary-content{color:var(--color-primary-content)}.border-primary-content{border-color:var(--color-primary-content)}.bg-secondary{background-color:var(--color-secondary)}.text-secondary{color:var(--color-secondary)}.border-secondary{border-color:var(--color-secondary)}.bg-secondary-content{background-color:var(--color-secondary-content)}.text-secondary-content{color:var(--color-secondary-content)}.border-secondary-content{border-color:var(--color-secondary-content)}.bg-accent{background-color:var(--color-accent)}.text-accent{color:var(--color-accent)}.border-accent{border-color:var(--color-accent)}.bg-accent-content{background-color:var(--color-accent-content)}.text-accent-content{color:var(--color-accent-content)}.border-accent-content{border-color:var(--color-accent-content)}.bg-neutral{background-color:var(--color-neutral)}.text-neutral{color:var(--color-neutral)}.border-neutral{border-color:var(--color-neutral)}.bg-neutral-content{background-color:var(--color-neutral-content)}.text-neutral-content{color:var(--color-neutral-content)}.border-neutral-content{border-color:var(--color-neutral-content)}.bg-info{background-color:var(--color-info)}.text-info{color:var(--color-info)}.border-info{border-color:var(--color-info)}.bg-info-content{background-color:var(--color-info-content)}.text-info-content{color:var(--color-info-content)}.border-info-content{border-color:var(--color-info-content)}.bg-success{background-color:var(--color-success)}.text-success{color:var(--color-success)}.border-success{border-color:var(--color-success)}.bg-success-content{background-color:var(--color-success-content)}.text-success-content{color:var(--color-success-content)}.border-success-content{border-color:var(--color-success-content)}.bg-warning{background-color:var(--color-warning)}.text-warning{color:var(--color-warning)}.border-warning{border-color:var(--color-warning)}.bg-warning-content{background-color:var(--color-warning-content)}.text-warning-content{color:var(--color-warning-content)}.border-warning-content{border-color:var(--color-warning-content)}.bg-error{background-color:var(--color-error)}.text-error{color:var(--color-error)}.border-error{border-color:var(--color-error)}.bg-error-content{background-color:var(--color-error-content)}.text-error-content{color:var(--color-error-content)}.border-error-content{border-color:var(--color-error-content)}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0 - MIT License */ .bg-base-100{background-color:var(--color-base-100)}.bg-base-100\/10{background-color:color-mix(in oklab,var(--color-base-100)10%,#000)}.bg-base-100\/20{background-color:color-mix(in oklab,var(--color-base-100)20%,#000)}.bg-base-100\/30{background-color:color-mix(in oklab,var(--color-base-100)30%,#000)}.bg-base-100\/40{background-color:color-mix(in oklab,var(--color-base-100)40%,#000)}.bg-base-100\/50{background-color:color-mix(in oklab,var(--color-base-100)50%,#000)}.bg-base-100\/60{background-color:color-mix(in oklab,var(--color-base-100)60%,#000)}.bg-base-100\/70{background-color:color-mix(in oklab,var(--color-base-100)70%,#000)}.bg-base-100\/80{background-color:color-mix(in oklab,var(--color-base-100)80%,#000)}.bg-base-100\/90{background-color:color-mix(in oklab,var(--color-base-100)90%,#000)}.text-base-100{color:var(--color-base-100)}.text-base-100\/10{color:color-mix(in oklab,var(--color-base-100)10%,#000)}.text-base-100\/20{color:color-mix(in oklab,var(--color-base-100)20%,#000)}.text-base-100\/30{color:color-mix(in oklab,var(--color-base-100)30%,#000)}.text-base-100\/40{color:color-mix(in oklab,var(--color-base-100)40%,#000)}.text-base-100\/50{color:color-mix(in oklab,var(--color-base-100)50%,#000)}.text-base-100\/60{color:color-mix(in oklab,var(--color-base-100)60%,#000)}.text-base-100\/70{color:color-mix(in oklab,var(--color-base-100)70%,#000)}.text-base-100\/80{color:color-mix(in oklab,var(--color-base-100)80%,#000)}.text-base-100\/90{color:color-mix(in oklab,var(--color-base-100)90%,#000)}.border-base-100{border-color:var(--color-base-100)}.border-base-100\/10{border-color:color-mix(in oklab,var(--color-base-100)10%,#000)}.border-base-100\/20{border-color:color-mix(in oklab,var(--color-base-100)20%,#000)}.border-base-100\/30{border-color:color-mix(in oklab,var(--color-base-100)30%,#000)}.border-base-100\/40{border-color:color-mix(in oklab,var(--color-base-100)40%,#000)}.border-base-100\/50{border-color:color-mix(in oklab,var(--color-base-100)50%,#000)}.border-base-100\/60{border-color:color-mix(in oklab,var(--color-base-100)60%,#000)}.border-base-100\/70{border-color:color-mix(in oklab,var(--color-base-100)70%,#000)}.border-base-100\/80{border-color:color-mix(in oklab,var(--color-base-100)80%,#000)}.border-base-100\/90{border-color:color-mix(in oklab,var(--color-base-100)90%,#000)}.bg-base-200{background-color:var(--color-base-200)}.bg-base-200\/10{background-color:color-mix(in oklab,var(--color-base-200)10%,#000)}.bg-base-200\/20{background-color:color-mix(in oklab,var(--color-base-200)20%,#000)}.bg-base-200\/30{background-color:color-mix(in oklab,var(--color-base-200)30%,#000)}.bg-base-200\/40{background-color:color-mix(in oklab,var(--color-base-200)40%,#000)}.bg-base-200\/50{background-color:color-mix(in oklab,var(--color-base-200)50%,#000)}.bg-base-200\/60{background-color:color-mix(in oklab,var(--color-base-200)60%,#000)}.bg-base-200\/70{background-color:color-mix(in oklab,var(--color-base-200)70%,#000)}.bg-base-200\/80{background-color:color-mix(in oklab,var(--color-base-200)80%,#000)}.bg-base-200\/90{background-color:color-mix(in oklab,var(--color-base-200)90%,#000)}.text-base-200{color:var(--color-base-200)}.text-base-200\/10{color:color-mix(in oklab,var(--color-base-200)10%,#000)}.text-base-200\/20{color:color-mix(in oklab,var(--color-base-200)20%,#000)}.text-base-200\/30{color:color-mix(in oklab,var(--color-base-200)30%,#000)}.text-base-200\/40{color:color-mix(in oklab,var(--color-base-200)40%,#000)}.text-base-200\/50{color:color-mix(in oklab,var(--color-base-200)50%,#000)}.text-base-200\/60{color:color-mix(in oklab,var(--color-base-200)60%,#000)}.text-base-200\/70{color:color-mix(in oklab,var(--color-base-200)70%,#000)}.text-base-200\/80{color:color-mix(in oklab,var(--color-base-200)80%,#000)}.text-base-200\/90{color:color-mix(in oklab,var(--color-base-200)90%,#000)}.border-base-200{border-color:var(--color-base-200)}.border-base-200\/10{border-color:color-mix(in oklab,var(--color-base-200)10%,#000)}.border-base-200\/20{border-color:color-mix(in oklab,var(--color-base-200)20%,#000)}.border-base-200\/30{border-color:color-mix(in oklab,var(--color-base-200)30%,#000)}.border-base-200\/40{border-color:color-mix(in oklab,var(--color-base-200)40%,#000)}.border-base-200\/50{border-color:color-mix(in oklab,var(--color-base-200)50%,#000)}.border-base-200\/60{border-color:color-mix(in oklab,var(--color-base-200)60%,#000)}.border-base-200\/70{border-color:color-mix(in oklab,var(--color-base-200)70%,#000)}.border-base-200\/80{border-color:color-mix(in oklab,var(--color-base-200)80%,#000)}.border-base-200\/90{border-color:color-mix(in oklab,var(--color-base-200)90%,#000)}.bg-base-300{background-color:var(--color-base-300)}.bg-base-300\/10{background-color:color-mix(in oklab,var(--color-base-300)10%,#000)}.bg-base-300\/20{background-color:color-mix(in oklab,var(--color-base-300)20%,#000)}.bg-base-300\/30{background-color:color-mix(in oklab,var(--color-base-300)30%,#000)}.bg-base-300\/40{background-color:color-mix(in oklab,var(--color-base-300)40%,#000)}.bg-base-300\/50{background-color:color-mix(in oklab,var(--color-base-300)50%,#000)}.bg-base-300\/60{background-color:color-mix(in oklab,var(--color-base-300)60%,#000)}.bg-base-300\/70{background-color:color-mix(in oklab,var(--color-base-300)70%,#000)}.bg-base-300\/80{background-color:color-mix(in oklab,var(--color-base-300)80%,#000)}.bg-base-300\/90{background-color:color-mix(in oklab,var(--color-base-300)90%,#000)}.text-base-300{color:var(--color-base-300)}.text-base-300\/10{color:color-mix(in oklab,var(--color-base-300)10%,#000)}.text-base-300\/20{color:color-mix(in oklab,var(--color-base-300)20%,#000)}.text-base-300\/30{color:color-mix(in oklab,var(--color-base-300)30%,#000)}.text-base-300\/40{color:color-mix(in oklab,var(--color-base-300)40%,#000)}.text-base-300\/50{color:color-mix(in oklab,var(--color-base-300)50%,#000)}.text-base-300\/60{color:color-mix(in oklab,var(--color-base-300)60%,#000)}.text-base-300\/70{color:color-mix(in oklab,var(--color-base-300)70%,#000)}.text-base-300\/80{color:color-mix(in oklab,var(--color-base-300)80%,#000)}.text-base-300\/90{color:color-mix(in oklab,var(--color-base-300)90%,#000)}.border-base-300{border-color:var(--color-base-300)}.border-base-300\/10{border-color:color-mix(in oklab,var(--color-base-300)10%,#000)}.border-base-300\/20{border-color:color-mix(in oklab,var(--color-base-300)20%,#000)}.border-base-300\/30{border-color:color-mix(in oklab,var(--color-base-300)30%,#000)}.border-base-300\/40{border-color:color-mix(in oklab,var(--color-base-300)40%,#000)}.border-base-300\/50{border-color:color-mix(in oklab,var(--color-base-300)50%,#000)}.border-base-300\/60{border-color:color-mix(in oklab,var(--color-base-300)60%,#000)}.border-base-300\/70{border-color:color-mix(in oklab,var(--color-base-300)70%,#000)}.border-base-300\/80{border-color:color-mix(in oklab,var(--color-base-300)80%,#000)}.border-base-300\/90{border-color:color-mix(in oklab,var(--color-base-300)90%,#000)}.bg-base-content{background-color:var(--color-base-content)}.bg-base-content\/10{background-color:color-mix(in oklab,var(--color-base-content)10%,#000)}.bg-base-content\/20{background-color:color-mix(in oklab,var(--color-base-content)20%,#000)}.bg-base-content\/30{background-color:color-mix(in oklab,var(--color-base-content)30%,#000)}.bg-base-content\/40{background-color:color-mix(in oklab,var(--color-base-content)40%,#000)}.bg-base-content\/50{background-color:color-mix(in oklab,var(--color-base-content)50%,#000)}.bg-base-content\/60{background-color:color-mix(in oklab,var(--color-base-content)60%,#000)}.bg-base-content\/70{background-color:color-mix(in oklab,var(--color-base-content)70%,#000)}.bg-base-content\/80{background-color:color-mix(in oklab,var(--color-base-content)80%,#000)}.bg-base-content\/90{background-color:color-mix(in oklab,var(--color-base-content)90%,#000)}.text-base-content{color:var(--color-base-content)}.text-base-content\/10{color:color-mix(in oklab,var(--color-base-content)10%,#000)}.text-base-content\/20{color:color-mix(in oklab,var(--color-base-content)20%,#000)}.text-base-content\/30{color:color-mix(in oklab,var(--color-base-content)30%,#000)}.text-base-content\/40{color:color-mix(in oklab,var(--color-base-content)40%,#000)}.text-base-content\/50{color:color-mix(in oklab,var(--color-base-content)50%,#000)}.text-base-content\/60{color:color-mix(in oklab,var(--color-base-content)60%,#000)}.text-base-content\/70{color:color-mix(in oklab,var(--color-base-content)70%,#000)}.text-base-content\/80{color:color-mix(in oklab,var(--color-base-content)80%,#000)}.text-base-content\/90{color:color-mix(in oklab,var(--color-base-content)90%,#000)}.border-base-content{border-color:var(--color-base-content)}.border-base-content\/10{border-color:color-mix(in oklab,var(--color-base-content)10%,#000)}.border-base-content\/20{border-color:color-mix(in oklab,var(--color-base-content)20%,#000)}.border-base-content\/30{border-color:color-mix(in oklab,var(--color-base-content)30%,#000)}.border-base-content\/40{border-color:color-mix(in oklab,var(--color-base-content)40%,#000)}.border-base-content\/50{border-color:color-mix(in oklab,var(--color-base-content)50%,#000)}.border-base-content\/60{border-color:color-mix(in oklab,var(--color-base-content)60%,#000)}.border-base-content\/70{border-color:color-mix(in oklab,var(--color-base-content)70%,#000)}.border-base-content\/80{border-color:color-mix(in oklab,var(--color-base-content)80%,#000)}.border-base-content\/90{border-color:color-mix(in oklab,var(--color-base-content)90%,#000)}.bg-primary{background-color:var(--color-primary)}.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary)10%,#000)}.bg-primary\/20{background-color:color-mix(in oklab,var(--color-primary)20%,#000)}.bg-primary\/30{background-color:color-mix(in oklab,var(--color-primary)30%,#000)}.bg-primary\/40{background-color:color-mix(in oklab,var(--color-primary)40%,#000)}.bg-primary\/50{background-color:color-mix(in oklab,var(--color-primary)50%,#000)}.bg-primary\/60{background-color:color-mix(in oklab,var(--color-primary)60%,#000)}.bg-primary\/70{background-color:color-mix(in oklab,var(--color-primary)70%,#000)}.bg-primary\/80{background-color:color-mix(in oklab,var(--color-primary)80%,#000)}.bg-primary\/90{background-color:color-mix(in oklab,var(--color-primary)90%,#000)}.text-primary{color:var(--color-primary)}.text-primary\/10{color:color-mix(in oklab,var(--color-primary)10%,#000)}.text-primary\/20{color:color-mix(in oklab,var(--color-primary)20%,#000)}.text-primary\/30{color:color-mix(in oklab,var(--color-primary)30%,#000)}.text-primary\/40{color:color-mix(in oklab,var(--color-primary)40%,#000)}.text-primary\/50{color:color-mix(in oklab,var(--color-primary)50%,#000)}.text-primary\/60{color:color-mix(in oklab,var(--color-primary)60%,#000)}.text-primary\/70{color:color-mix(in oklab,var(--color-primary)70%,#000)}.text-primary\/80{color:color-mix(in oklab,var(--color-primary)80%,#000)}.text-primary\/90{color:color-mix(in oklab,var(--color-primary)90%,#000)}.border-primary{border-color:var(--color-primary)}.border-primary\/10{border-color:color-mix(in oklab,var(--color-primary)10%,#000)}.border-primary\/20{border-color:color-mix(in oklab,var(--color-primary)20%,#000)}.border-primary\/30{border-color:color-mix(in oklab,var(--color-primary)30%,#000)}.border-primary\/40{border-color:color-mix(in oklab,var(--color-primary)40%,#000)}.border-primary\/50{border-color:color-mix(in oklab,var(--color-primary)50%,#000)}.border-primary\/60{border-color:color-mix(in oklab,var(--color-primary)60%,#000)}.border-primary\/70{border-color:color-mix(in oklab,var(--color-primary)70%,#000)}.border-primary\/80{border-color:color-mix(in oklab,var(--color-primary)80%,#000)}.border-primary\/90{border-color:color-mix(in oklab,var(--color-primary)90%,#000)}.bg-primary-content{background-color:var(--color-primary-content)}.bg-primary-content\/10{background-color:color-mix(in oklab,var(--color-primary-content)10%,#000)}.bg-primary-content\/20{background-color:color-mix(in oklab,var(--color-primary-content)20%,#000)}.bg-primary-content\/30{background-color:color-mix(in oklab,var(--color-primary-content)30%,#000)}.bg-primary-content\/40{background-color:color-mix(in oklab,var(--color-primary-content)40%,#000)}.bg-primary-content\/50{background-color:color-mix(in oklab,var(--color-primary-content)50%,#000)}.bg-primary-content\/60{background-color:color-mix(in oklab,var(--color-primary-content)60%,#000)}.bg-primary-content\/70{background-color:color-mix(in oklab,var(--color-primary-content)70%,#000)}.bg-primary-content\/80{background-color:color-mix(in oklab,var(--color-primary-content)80%,#000)}.bg-primary-content\/90{background-color:color-mix(in oklab,var(--color-primary-content)90%,#000)}.text-primary-content{color:var(--color-primary-content)}.text-primary-content\/10{color:color-mix(in oklab,var(--color-primary-content)10%,#000)}.text-primary-content\/20{color:color-mix(in oklab,var(--color-primary-content)20%,#000)}.text-primary-content\/30{color:color-mix(in oklab,var(--color-primary-content)30%,#000)}.text-primary-content\/40{color:color-mix(in oklab,var(--color-primary-content)40%,#000)}.text-primary-content\/50{color:color-mix(in oklab,var(--color-primary-content)50%,#000)}.text-primary-content\/60{color:color-mix(in oklab,var(--color-primary-content)60%,#000)}.text-primary-content\/70{color:color-mix(in oklab,var(--color-primary-content)70%,#000)}.text-primary-content\/80{color:color-mix(in oklab,var(--color-primary-content)80%,#000)}.text-primary-content\/90{color:color-mix(in oklab,var(--color-primary-content)90%,#000)}.border-primary-content{border-color:var(--color-primary-content)}.border-primary-content\/10{border-color:color-mix(in oklab,var(--color-primary-content)10%,#000)}.border-primary-content\/20{border-color:color-mix(in oklab,var(--color-primary-content)20%,#000)}.border-primary-content\/30{border-color:color-mix(in oklab,var(--color-primary-content)30%,#000)}.border-primary-content\/40{border-color:color-mix(in oklab,var(--color-primary-content)40%,#000)}.border-primary-content\/50{border-color:color-mix(in oklab,var(--color-primary-content)50%,#000)}.border-primary-content\/60{border-color:color-mix(in oklab,var(--color-primary-content)60%,#000)}.border-primary-content\/70{border-color:color-mix(in oklab,var(--color-primary-content)70%,#000)}.border-primary-content\/80{border-color:color-mix(in oklab,var(--color-primary-content)80%,#000)}.border-primary-content\/90{border-color:color-mix(in oklab,var(--color-primary-content)90%,#000)}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary\/10{background-color:color-mix(in oklab,var(--color-secondary)10%,#000)}.bg-secondary\/20{background-color:color-mix(in oklab,var(--color-secondary)20%,#000)}.bg-secondary\/30{background-color:color-mix(in oklab,var(--color-secondary)30%,#000)}.bg-secondary\/40{background-color:color-mix(in oklab,var(--color-secondary)40%,#000)}.bg-secondary\/50{background-color:color-mix(in oklab,var(--color-secondary)50%,#000)}.bg-secondary\/60{background-color:color-mix(in oklab,var(--color-secondary)60%,#000)}.bg-secondary\/70{background-color:color-mix(in oklab,var(--color-secondary)70%,#000)}.bg-secondary\/80{background-color:color-mix(in oklab,var(--color-secondary)80%,#000)}.bg-secondary\/90{background-color:color-mix(in oklab,var(--color-secondary)90%,#000)}.text-secondary{color:var(--color-secondary)}.text-secondary\/10{color:color-mix(in oklab,var(--color-secondary)10%,#000)}.text-secondary\/20{color:color-mix(in oklab,var(--color-secondary)20%,#000)}.text-secondary\/30{color:color-mix(in oklab,var(--color-secondary)30%,#000)}.text-secondary\/40{color:color-mix(in oklab,var(--color-secondary)40%,#000)}.text-secondary\/50{color:color-mix(in oklab,var(--color-secondary)50%,#000)}.text-secondary\/60{color:color-mix(in oklab,var(--color-secondary)60%,#000)}.text-secondary\/70{color:color-mix(in oklab,var(--color-secondary)70%,#000)}.text-secondary\/80{color:color-mix(in oklab,var(--color-secondary)80%,#000)}.text-secondary\/90{color:color-mix(in oklab,var(--color-secondary)90%,#000)}.border-secondary{border-color:var(--color-secondary)}.border-secondary\/10{border-color:color-mix(in oklab,var(--color-secondary)10%,#000)}.border-secondary\/20{border-color:color-mix(in oklab,var(--color-secondary)20%,#000)}.border-secondary\/30{border-color:color-mix(in oklab,var(--color-secondary)30%,#000)}.border-secondary\/40{border-color:color-mix(in oklab,var(--color-secondary)40%,#000)}.border-secondary\/50{border-color:color-mix(in oklab,var(--color-secondary)50%,#000)}.border-secondary\/60{border-color:color-mix(in oklab,var(--color-secondary)60%,#000)}.border-secondary\/70{border-color:color-mix(in oklab,var(--color-secondary)70%,#000)}.border-secondary\/80{border-color:color-mix(in oklab,var(--color-secondary)80%,#000)}.border-secondary\/90{border-color:color-mix(in oklab,var(--color-secondary)90%,#000)}.bg-secondary-content{background-color:var(--color-secondary-content)}.bg-secondary-content\/10{background-color:color-mix(in oklab,var(--color-secondary-content)10%,#000)}.bg-secondary-content\/20{background-color:color-mix(in oklab,var(--color-secondary-content)20%,#000)}.bg-secondary-content\/30{background-color:color-mix(in oklab,var(--color-secondary-content)30%,#000)}.bg-secondary-content\/40{background-color:color-mix(in oklab,var(--color-secondary-content)40%,#000)}.bg-secondary-content\/50{background-color:color-mix(in oklab,var(--color-secondary-content)50%,#000)}.bg-secondary-content\/60{background-color:color-mix(in oklab,var(--color-secondary-content)60%,#000)}.bg-secondary-content\/70{background-color:color-mix(in oklab,var(--color-secondary-content)70%,#000)}.bg-secondary-content\/80{background-color:color-mix(in oklab,var(--color-secondary-content)80%,#000)}.bg-secondary-content\/90{background-color:color-mix(in oklab,var(--color-secondary-content)90%,#000)}.text-secondary-content{color:var(--color-secondary-content)}.text-secondary-content\/10{color:color-mix(in oklab,var(--color-secondary-content)10%,#000)}.text-secondary-content\/20{color:color-mix(in oklab,var(--color-secondary-content)20%,#000)}.text-secondary-content\/30{color:color-mix(in oklab,var(--color-secondary-content)30%,#000)}.text-secondary-content\/40{color:color-mix(in oklab,var(--color-secondary-content)40%,#000)}.text-secondary-content\/50{color:color-mix(in oklab,var(--color-secondary-content)50%,#000)}.text-secondary-content\/60{color:color-mix(in oklab,var(--color-secondary-content)60%,#000)}.text-secondary-content\/70{color:color-mix(in oklab,var(--color-secondary-content)70%,#000)}.text-secondary-content\/80{color:color-mix(in oklab,var(--color-secondary-content)80%,#000)}.text-secondary-content\/90{color:color-mix(in oklab,var(--color-secondary-content)90%,#000)}.border-secondary-content{border-color:var(--color-secondary-content)}.border-secondary-content\/10{border-color:color-mix(in oklab,var(--color-secondary-content)10%,#000)}.border-secondary-content\/20{border-color:color-mix(in oklab,var(--color-secondary-content)20%,#000)}.border-secondary-content\/30{border-color:color-mix(in oklab,var(--color-secondary-content)30%,#000)}.border-secondary-content\/40{border-color:color-mix(in oklab,var(--color-secondary-content)40%,#000)}.border-secondary-content\/50{border-color:color-mix(in oklab,var(--color-secondary-content)50%,#000)}.border-secondary-content\/60{border-color:color-mix(in oklab,var(--color-secondary-content)60%,#000)}.border-secondary-content\/70{border-color:color-mix(in oklab,var(--color-secondary-content)70%,#000)}.border-secondary-content\/80{border-color:color-mix(in oklab,var(--color-secondary-content)80%,#000)}.border-secondary-content\/90{border-color:color-mix(in oklab,var(--color-secondary-content)90%,#000)}.bg-accent{background-color:var(--color-accent)}.bg-accent\/10{background-color:color-mix(in oklab,var(--color-accent)10%,#000)}.bg-accent\/20{background-color:color-mix(in oklab,var(--color-accent)20%,#000)}.bg-accent\/30{background-color:color-mix(in oklab,var(--color-accent)30%,#000)}.bg-accent\/40{background-color:color-mix(in oklab,var(--color-accent)40%,#000)}.bg-accent\/50{background-color:color-mix(in oklab,var(--color-accent)50%,#000)}.bg-accent\/60{background-color:color-mix(in oklab,var(--color-accent)60%,#000)}.bg-accent\/70{background-color:color-mix(in oklab,var(--color-accent)70%,#000)}.bg-accent\/80{background-color:color-mix(in oklab,var(--color-accent)80%,#000)}.bg-accent\/90{background-color:color-mix(in oklab,var(--color-accent)90%,#000)}.text-accent{color:var(--color-accent)}.text-accent\/10{color:color-mix(in oklab,var(--color-accent)10%,#000)}.text-accent\/20{color:color-mix(in oklab,var(--color-accent)20%,#000)}.text-accent\/30{color:color-mix(in oklab,var(--color-accent)30%,#000)}.text-accent\/40{color:color-mix(in oklab,var(--color-accent)40%,#000)}.text-accent\/50{color:color-mix(in oklab,var(--color-accent)50%,#000)}.text-accent\/60{color:color-mix(in oklab,var(--color-accent)60%,#000)}.text-accent\/70{color:color-mix(in oklab,var(--color-accent)70%,#000)}.text-accent\/80{color:color-mix(in oklab,var(--color-accent)80%,#000)}.text-accent\/90{color:color-mix(in oklab,var(--color-accent)90%,#000)}.border-accent{border-color:var(--color-accent)}.border-accent\/10{border-color:color-mix(in oklab,var(--color-accent)10%,#000)}.border-accent\/20{border-color:color-mix(in oklab,var(--color-accent)20%,#000)}.border-accent\/30{border-color:color-mix(in oklab,var(--color-accent)30%,#000)}.border-accent\/40{border-color:color-mix(in oklab,var(--color-accent)40%,#000)}.border-accent\/50{border-color:color-mix(in oklab,var(--color-accent)50%,#000)}.border-accent\/60{border-color:color-mix(in oklab,var(--color-accent)60%,#000)}.border-accent\/70{border-color:color-mix(in oklab,var(--color-accent)70%,#000)}.border-accent\/80{border-color:color-mix(in oklab,var(--color-accent)80%,#000)}.border-accent\/90{border-color:color-mix(in oklab,var(--color-accent)90%,#000)}.bg-accent-content{background-color:var(--color-accent-content)}.bg-accent-content\/10{background-color:color-mix(in oklab,var(--color-accent-content)10%,#000)}.bg-accent-content\/20{background-color:color-mix(in oklab,var(--color-accent-content)20%,#000)}.bg-accent-content\/30{background-color:color-mix(in oklab,var(--color-accent-content)30%,#000)}.bg-accent-content\/40{background-color:color-mix(in oklab,var(--color-accent-content)40%,#000)}.bg-accent-content\/50{background-color:color-mix(in oklab,var(--color-accent-content)50%,#000)}.bg-accent-content\/60{background-color:color-mix(in oklab,var(--color-accent-content)60%,#000)}.bg-accent-content\/70{background-color:color-mix(in oklab,var(--color-accent-content)70%,#000)}.bg-accent-content\/80{background-color:color-mix(in oklab,var(--color-accent-content)80%,#000)}.bg-accent-content\/90{background-color:color-mix(in oklab,var(--color-accent-content)90%,#000)}.text-accent-content{color:var(--color-accent-content)}.text-accent-content\/10{color:color-mix(in oklab,var(--color-accent-content)10%,#000)}.text-accent-content\/20{color:color-mix(in oklab,var(--color-accent-content)20%,#000)}.text-accent-content\/30{color:color-mix(in oklab,var(--color-accent-content)30%,#000)}.text-accent-content\/40{color:color-mix(in oklab,var(--color-accent-content)40%,#000)}.text-accent-content\/50{color:color-mix(in oklab,var(--color-accent-content)50%,#000)}.text-accent-content\/60{color:color-mix(in oklab,var(--color-accent-content)60%,#000)}.text-accent-content\/70{color:color-mix(in oklab,var(--color-accent-content)70%,#000)}.text-accent-content\/80{color:color-mix(in oklab,var(--color-accent-content)80%,#000)}.text-accent-content\/90{color:color-mix(in oklab,var(--color-accent-content)90%,#000)}.border-accent-content{border-color:var(--color-accent-content)}.border-accent-content\/10{border-color:color-mix(in oklab,var(--color-accent-content)10%,#000)}.border-accent-content\/20{border-color:color-mix(in oklab,var(--color-accent-content)20%,#000)}.border-accent-content\/30{border-color:color-mix(in oklab,var(--color-accent-content)30%,#000)}.border-accent-content\/40{border-color:color-mix(in oklab,var(--color-accent-content)40%,#000)}.border-accent-content\/50{border-color:color-mix(in oklab,var(--color-accent-content)50%,#000)}.border-accent-content\/60{border-color:color-mix(in oklab,var(--color-accent-content)60%,#000)}.border-accent-content\/70{border-color:color-mix(in oklab,var(--color-accent-content)70%,#000)}.border-accent-content\/80{border-color:color-mix(in oklab,var(--color-accent-content)80%,#000)}.border-accent-content\/90{border-color:color-mix(in oklab,var(--color-accent-content)90%,#000)}.bg-neutral{background-color:var(--color-neutral)}.bg-neutral\/10{background-color:color-mix(in oklab,var(--color-neutral)10%,#000)}.bg-neutral\/20{background-color:color-mix(in oklab,var(--color-neutral)20%,#000)}.bg-neutral\/30{background-color:color-mix(in oklab,var(--color-neutral)30%,#000)}.bg-neutral\/40{background-color:color-mix(in oklab,var(--color-neutral)40%,#000)}.bg-neutral\/50{background-color:color-mix(in oklab,var(--color-neutral)50%,#000)}.bg-neutral\/60{background-color:color-mix(in oklab,var(--color-neutral)60%,#000)}.bg-neutral\/70{background-color:color-mix(in oklab,var(--color-neutral)70%,#000)}.bg-neutral\/80{background-color:color-mix(in oklab,var(--color-neutral)80%,#000)}.bg-neutral\/90{background-color:color-mix(in oklab,var(--color-neutral)90%,#000)}.text-neutral{color:var(--color-neutral)}.text-neutral\/10{color:color-mix(in oklab,var(--color-neutral)10%,#000)}.text-neutral\/20{color:color-mix(in oklab,var(--color-neutral)20%,#000)}.text-neutral\/30{color:color-mix(in oklab,var(--color-neutral)30%,#000)}.text-neutral\/40{color:color-mix(in oklab,var(--color-neutral)40%,#000)}.text-neutral\/50{color:color-mix(in oklab,var(--color-neutral)50%,#000)}.text-neutral\/60{color:color-mix(in oklab,var(--color-neutral)60%,#000)}.text-neutral\/70{color:color-mix(in oklab,var(--color-neutral)70%,#000)}.text-neutral\/80{color:color-mix(in oklab,var(--color-neutral)80%,#000)}.text-neutral\/90{color:color-mix(in oklab,var(--color-neutral)90%,#000)}.border-neutral{border-color:var(--color-neutral)}.border-neutral\/10{border-color:color-mix(in oklab,var(--color-neutral)10%,#000)}.border-neutral\/20{border-color:color-mix(in oklab,var(--color-neutral)20%,#000)}.border-neutral\/30{border-color:color-mix(in oklab,var(--color-neutral)30%,#000)}.border-neutral\/40{border-color:color-mix(in oklab,var(--color-neutral)40%,#000)}.border-neutral\/50{border-color:color-mix(in oklab,var(--color-neutral)50%,#000)}.border-neutral\/60{border-color:color-mix(in oklab,var(--color-neutral)60%,#000)}.border-neutral\/70{border-color:color-mix(in oklab,var(--color-neutral)70%,#000)}.border-neutral\/80{border-color:color-mix(in oklab,var(--color-neutral)80%,#000)}.border-neutral\/90{border-color:color-mix(in oklab,var(--color-neutral)90%,#000)}.bg-neutral-content{background-color:var(--color-neutral-content)}.bg-neutral-content\/10{background-color:color-mix(in oklab,var(--color-neutral-content)10%,#000)}.bg-neutral-content\/20{background-color:color-mix(in oklab,var(--color-neutral-content)20%,#000)}.bg-neutral-content\/30{background-color:color-mix(in oklab,var(--color-neutral-content)30%,#000)}.bg-neutral-content\/40{background-color:color-mix(in oklab,var(--color-neutral-content)40%,#000)}.bg-neutral-content\/50{background-color:color-mix(in oklab,var(--color-neutral-content)50%,#000)}.bg-neutral-content\/60{background-color:color-mix(in oklab,var(--color-neutral-content)60%,#000)}.bg-neutral-content\/70{background-color:color-mix(in oklab,var(--color-neutral-content)70%,#000)}.bg-neutral-content\/80{background-color:color-mix(in oklab,var(--color-neutral-content)80%,#000)}.bg-neutral-content\/90{background-color:color-mix(in oklab,var(--color-neutral-content)90%,#000)}.text-neutral-content{color:var(--color-neutral-content)}.text-neutral-content\/10{color:color-mix(in oklab,var(--color-neutral-content)10%,#000)}.text-neutral-content\/20{color:color-mix(in oklab,var(--color-neutral-content)20%,#000)}.text-neutral-content\/30{color:color-mix(in oklab,var(--color-neutral-content)30%,#000)}.text-neutral-content\/40{color:color-mix(in oklab,var(--color-neutral-content)40%,#000)}.text-neutral-content\/50{color:color-mix(in oklab,var(--color-neutral-content)50%,#000)}.text-neutral-content\/60{color:color-mix(in oklab,var(--color-neutral-content)60%,#000)}.text-neutral-content\/70{color:color-mix(in oklab,var(--color-neutral-content)70%,#000)}.text-neutral-content\/80{color:color-mix(in oklab,var(--color-neutral-content)80%,#000)}.text-neutral-content\/90{color:color-mix(in oklab,var(--color-neutral-content)90%,#000)}.border-neutral-content{border-color:var(--color-neutral-content)}.border-neutral-content\/10{border-color:color-mix(in oklab,var(--color-neutral-content)10%,#000)}.border-neutral-content\/20{border-color:color-mix(in oklab,var(--color-neutral-content)20%,#000)}.border-neutral-content\/30{border-color:color-mix(in oklab,var(--color-neutral-content)30%,#000)}.border-neutral-content\/40{border-color:color-mix(in oklab,var(--color-neutral-content)40%,#000)}.border-neutral-content\/50{border-color:color-mix(in oklab,var(--color-neutral-content)50%,#000)}.border-neutral-content\/60{border-color:color-mix(in oklab,var(--color-neutral-content)60%,#000)}.border-neutral-content\/70{border-color:color-mix(in oklab,var(--color-neutral-content)70%,#000)}.border-neutral-content\/80{border-color:color-mix(in oklab,var(--color-neutral-content)80%,#000)}.border-neutral-content\/90{border-color:color-mix(in oklab,var(--color-neutral-content)90%,#000)}.bg-info{background-color:var(--color-info)}.bg-info\/10{background-color:color-mix(in oklab,var(--color-info)10%,#000)}.bg-info\/20{background-color:color-mix(in oklab,var(--color-info)20%,#000)}.bg-info\/30{background-color:color-mix(in oklab,var(--color-info)30%,#000)}.bg-info\/40{background-color:color-mix(in oklab,var(--color-info)40%,#000)}.bg-info\/50{background-color:color-mix(in oklab,var(--color-info)50%,#000)}.bg-info\/60{background-color:color-mix(in oklab,var(--color-info)60%,#000)}.bg-info\/70{background-color:color-mix(in oklab,var(--color-info)70%,#000)}.bg-info\/80{background-color:color-mix(in oklab,var(--color-info)80%,#000)}.bg-info\/90{background-color:color-mix(in oklab,var(--color-info)90%,#000)}.text-info{color:var(--color-info)}.text-info\/10{color:color-mix(in oklab,var(--color-info)10%,#000)}.text-info\/20{color:color-mix(in oklab,var(--color-info)20%,#000)}.text-info\/30{color:color-mix(in oklab,var(--color-info)30%,#000)}.text-info\/40{color:color-mix(in oklab,var(--color-info)40%,#000)}.text-info\/50{color:color-mix(in oklab,var(--color-info)50%,#000)}.text-info\/60{color:color-mix(in oklab,var(--color-info)60%,#000)}.text-info\/70{color:color-mix(in oklab,var(--color-info)70%,#000)}.text-info\/80{color:color-mix(in oklab,var(--color-info)80%,#000)}.text-info\/90{color:color-mix(in oklab,var(--color-info)90%,#000)}.border-info{border-color:var(--color-info)}.border-info\/10{border-color:color-mix(in oklab,var(--color-info)10%,#000)}.border-info\/20{border-color:color-mix(in oklab,var(--color-info)20%,#000)}.border-info\/30{border-color:color-mix(in oklab,var(--color-info)30%,#000)}.border-info\/40{border-color:color-mix(in oklab,var(--color-info)40%,#000)}.border-info\/50{border-color:color-mix(in oklab,var(--color-info)50%,#000)}.border-info\/60{border-color:color-mix(in oklab,var(--color-info)60%,#000)}.border-info\/70{border-color:color-mix(in oklab,var(--color-info)70%,#000)}.border-info\/80{border-color:color-mix(in oklab,var(--color-info)80%,#000)}.border-info\/90{border-color:color-mix(in oklab,var(--color-info)90%,#000)}.bg-info-content{background-color:var(--color-info-content)}.bg-info-content\/10{background-color:color-mix(in oklab,var(--color-info-content)10%,#000)}.bg-info-content\/20{background-color:color-mix(in oklab,var(--color-info-content)20%,#000)}.bg-info-content\/30{background-color:color-mix(in oklab,var(--color-info-content)30%,#000)}.bg-info-content\/40{background-color:color-mix(in oklab,var(--color-info-content)40%,#000)}.bg-info-content\/50{background-color:color-mix(in oklab,var(--color-info-content)50%,#000)}.bg-info-content\/60{background-color:color-mix(in oklab,var(--color-info-content)60%,#000)}.bg-info-content\/70{background-color:color-mix(in oklab,var(--color-info-content)70%,#000)}.bg-info-content\/80{background-color:color-mix(in oklab,var(--color-info-content)80%,#000)}.bg-info-content\/90{background-color:color-mix(in oklab,var(--color-info-content)90%,#000)}.text-info-content{color:var(--color-info-content)}.text-info-content\/10{color:color-mix(in oklab,var(--color-info-content)10%,#000)}.text-info-content\/20{color:color-mix(in oklab,var(--color-info-content)20%,#000)}.text-info-content\/30{color:color-mix(in oklab,var(--color-info-content)30%,#000)}.text-info-content\/40{color:color-mix(in oklab,var(--color-info-content)40%,#000)}.text-info-content\/50{color:color-mix(in oklab,var(--color-info-content)50%,#000)}.text-info-content\/60{color:color-mix(in oklab,var(--color-info-content)60%,#000)}.text-info-content\/70{color:color-mix(in oklab,var(--color-info-content)70%,#000)}.text-info-content\/80{color:color-mix(in oklab,var(--color-info-content)80%,#000)}.text-info-content\/90{color:color-mix(in oklab,var(--color-info-content)90%,#000)}.border-info-content{border-color:var(--color-info-content)}.border-info-content\/10{border-color:color-mix(in oklab,var(--color-info-content)10%,#000)}.border-info-content\/20{border-color:color-mix(in oklab,var(--color-info-content)20%,#000)}.border-info-content\/30{border-color:color-mix(in oklab,var(--color-info-content)30%,#000)}.border-info-content\/40{border-color:color-mix(in oklab,var(--color-info-content)40%,#000)}.border-info-content\/50{border-color:color-mix(in oklab,var(--color-info-content)50%,#000)}.border-info-content\/60{border-color:color-mix(in oklab,var(--color-info-content)60%,#000)}.border-info-content\/70{border-color:color-mix(in oklab,var(--color-info-content)70%,#000)}.border-info-content\/80{border-color:color-mix(in oklab,var(--color-info-content)80%,#000)}.border-info-content\/90{border-color:color-mix(in oklab,var(--color-info-content)90%,#000)}.bg-success{background-color:var(--color-success)}.bg-success\/10{background-color:color-mix(in oklab,var(--color-success)10%,#000)}.bg-success\/20{background-color:color-mix(in oklab,var(--color-success)20%,#000)}.bg-success\/30{background-color:color-mix(in oklab,var(--color-success)30%,#000)}.bg-success\/40{background-color:color-mix(in oklab,var(--color-success)40%,#000)}.bg-success\/50{background-color:color-mix(in oklab,var(--color-success)50%,#000)}.bg-success\/60{background-color:color-mix(in oklab,var(--color-success)60%,#000)}.bg-success\/70{background-color:color-mix(in oklab,var(--color-success)70%,#000)}.bg-success\/80{background-color:color-mix(in oklab,var(--color-success)80%,#000)}.bg-success\/90{background-color:color-mix(in oklab,var(--color-success)90%,#000)}.text-success{color:var(--color-success)}.text-success\/10{color:color-mix(in oklab,var(--color-success)10%,#000)}.text-success\/20{color:color-mix(in oklab,var(--color-success)20%,#000)}.text-success\/30{color:color-mix(in oklab,var(--color-success)30%,#000)}.text-success\/40{color:color-mix(in oklab,var(--color-success)40%,#000)}.text-success\/50{color:color-mix(in oklab,var(--color-success)50%,#000)}.text-success\/60{color:color-mix(in oklab,var(--color-success)60%,#000)}.text-success\/70{color:color-mix(in oklab,var(--color-success)70%,#000)}.text-success\/80{color:color-mix(in oklab,var(--color-success)80%,#000)}.text-success\/90{color:color-mix(in oklab,var(--color-success)90%,#000)}.border-success{border-color:var(--color-success)}.border-success\/10{border-color:color-mix(in oklab,var(--color-success)10%,#000)}.border-success\/20{border-color:color-mix(in oklab,var(--color-success)20%,#000)}.border-success\/30{border-color:color-mix(in oklab,var(--color-success)30%,#000)}.border-success\/40{border-color:color-mix(in oklab,var(--color-success)40%,#000)}.border-success\/50{border-color:color-mix(in oklab,var(--color-success)50%,#000)}.border-success\/60{border-color:color-mix(in oklab,var(--color-success)60%,#000)}.border-success\/70{border-color:color-mix(in oklab,var(--color-success)70%,#000)}.border-success\/80{border-color:color-mix(in oklab,var(--color-success)80%,#000)}.border-success\/90{border-color:color-mix(in oklab,var(--color-success)90%,#000)}.bg-success-content{background-color:var(--color-success-content)}.bg-success-content\/10{background-color:color-mix(in oklab,var(--color-success-content)10%,#000)}.bg-success-content\/20{background-color:color-mix(in oklab,var(--color-success-content)20%,#000)}.bg-success-content\/30{background-color:color-mix(in oklab,var(--color-success-content)30%,#000)}.bg-success-content\/40{background-color:color-mix(in oklab,var(--color-success-content)40%,#000)}.bg-success-content\/50{background-color:color-mix(in oklab,var(--color-success-content)50%,#000)}.bg-success-content\/60{background-color:color-mix(in oklab,var(--color-success-content)60%,#000)}.bg-success-content\/70{background-color:color-mix(in oklab,var(--color-success-content)70%,#000)}.bg-success-content\/80{background-color:color-mix(in oklab,var(--color-success-content)80%,#000)}.bg-success-content\/90{background-color:color-mix(in oklab,var(--color-success-content)90%,#000)}.text-success-content{color:var(--color-success-content)}.text-success-content\/10{color:color-mix(in oklab,var(--color-success-content)10%,#000)}.text-success-content\/20{color:color-mix(in oklab,var(--color-success-content)20%,#000)}.text-success-content\/30{color:color-mix(in oklab,var(--color-success-content)30%,#000)}.text-success-content\/40{color:color-mix(in oklab,var(--color-success-content)40%,#000)}.text-success-content\/50{color:color-mix(in oklab,var(--color-success-content)50%,#000)}.text-success-content\/60{color:color-mix(in oklab,var(--color-success-content)60%,#000)}.text-success-content\/70{color:color-mix(in oklab,var(--color-success-content)70%,#000)}.text-success-content\/80{color:color-mix(in oklab,var(--color-success-content)80%,#000)}.text-success-content\/90{color:color-mix(in oklab,var(--color-success-content)90%,#000)}.border-success-content{border-color:var(--color-success-content)}.border-success-content\/10{border-color:color-mix(in oklab,var(--color-success-content)10%,#000)}.border-success-content\/20{border-color:color-mix(in oklab,var(--color-success-content)20%,#000)}.border-success-content\/30{border-color:color-mix(in oklab,var(--color-success-content)30%,#000)}.border-success-content\/40{border-color:color-mix(in oklab,var(--color-success-content)40%,#000)}.border-success-content\/50{border-color:color-mix(in oklab,var(--color-success-content)50%,#000)}.border-success-content\/60{border-color:color-mix(in oklab,var(--color-success-content)60%,#000)}.border-success-content\/70{border-color:color-mix(in oklab,var(--color-success-content)70%,#000)}.border-success-content\/80{border-color:color-mix(in oklab,var(--color-success-content)80%,#000)}.border-success-content\/90{border-color:color-mix(in oklab,var(--color-success-content)90%,#000)}.bg-warning{background-color:var(--color-warning)}.bg-warning\/10{background-color:color-mix(in oklab,var(--color-warning)10%,#000)}.bg-warning\/20{background-color:color-mix(in oklab,var(--color-warning)20%,#000)}.bg-warning\/30{background-color:color-mix(in oklab,var(--color-warning)30%,#000)}.bg-warning\/40{background-color:color-mix(in oklab,var(--color-warning)40%,#000)}.bg-warning\/50{background-color:color-mix(in oklab,var(--color-warning)50%,#000)}.bg-warning\/60{background-color:color-mix(in oklab,var(--color-warning)60%,#000)}.bg-warning\/70{background-color:color-mix(in oklab,var(--color-warning)70%,#000)}.bg-warning\/80{background-color:color-mix(in oklab,var(--color-warning)80%,#000)}.bg-warning\/90{background-color:color-mix(in oklab,var(--color-warning)90%,#000)}.text-warning{color:var(--color-warning)}.text-warning\/10{color:color-mix(in oklab,var(--color-warning)10%,#000)}.text-warning\/20{color:color-mix(in oklab,var(--color-warning)20%,#000)}.text-warning\/30{color:color-mix(in oklab,var(--color-warning)30%,#000)}.text-warning\/40{color:color-mix(in oklab,var(--color-warning)40%,#000)}.text-warning\/50{color:color-mix(in oklab,var(--color-warning)50%,#000)}.text-warning\/60{color:color-mix(in oklab,var(--color-warning)60%,#000)}.text-warning\/70{color:color-mix(in oklab,var(--color-warning)70%,#000)}.text-warning\/80{color:color-mix(in oklab,var(--color-warning)80%,#000)}.text-warning\/90{color:color-mix(in oklab,var(--color-warning)90%,#000)}.border-warning{border-color:var(--color-warning)}.border-warning\/10{border-color:color-mix(in oklab,var(--color-warning)10%,#000)}.border-warning\/20{border-color:color-mix(in oklab,var(--color-warning)20%,#000)}.border-warning\/30{border-color:color-mix(in oklab,var(--color-warning)30%,#000)}.border-warning\/40{border-color:color-mix(in oklab,var(--color-warning)40%,#000)}.border-warning\/50{border-color:color-mix(in oklab,var(--color-warning)50%,#000)}.border-warning\/60{border-color:color-mix(in oklab,var(--color-warning)60%,#000)}.border-warning\/70{border-color:color-mix(in oklab,var(--color-warning)70%,#000)}.border-warning\/80{border-color:color-mix(in oklab,var(--color-warning)80%,#000)}.border-warning\/90{border-color:color-mix(in oklab,var(--color-warning)90%,#000)}.bg-warning-content{background-color:var(--color-warning-content)}.bg-warning-content\/10{background-color:color-mix(in oklab,var(--color-warning-content)10%,#000)}.bg-warning-content\/20{background-color:color-mix(in oklab,var(--color-warning-content)20%,#000)}.bg-warning-content\/30{background-color:color-mix(in oklab,var(--color-warning-content)30%,#000)}.bg-warning-content\/40{background-color:color-mix(in oklab,var(--color-warning-content)40%,#000)}.bg-warning-content\/50{background-color:color-mix(in oklab,var(--color-warning-content)50%,#000)}.bg-warning-content\/60{background-color:color-mix(in oklab,var(--color-warning-content)60%,#000)}.bg-warning-content\/70{background-color:color-mix(in oklab,var(--color-warning-content)70%,#000)}.bg-warning-content\/80{background-color:color-mix(in oklab,var(--color-warning-content)80%,#000)}.bg-warning-content\/90{background-color:color-mix(in oklab,var(--color-warning-content)90%,#000)}.text-warning-content{color:var(--color-warning-content)}.text-warning-content\/10{color:color-mix(in oklab,var(--color-warning-content)10%,#000)}.text-warning-content\/20{color:color-mix(in oklab,var(--color-warning-content)20%,#000)}.text-warning-content\/30{color:color-mix(in oklab,var(--color-warning-content)30%,#000)}.text-warning-content\/40{color:color-mix(in oklab,var(--color-warning-content)40%,#000)}.text-warning-content\/50{color:color-mix(in oklab,var(--color-warning-content)50%,#000)}.text-warning-content\/60{color:color-mix(in oklab,var(--color-warning-content)60%,#000)}.text-warning-content\/70{color:color-mix(in oklab,var(--color-warning-content)70%,#000)}.text-warning-content\/80{color:color-mix(in oklab,var(--color-warning-content)80%,#000)}.text-warning-content\/90{color:color-mix(in oklab,var(--color-warning-content)90%,#000)}.border-warning-content{border-color:var(--color-warning-content)}.border-warning-content\/10{border-color:color-mix(in oklab,var(--color-warning-content)10%,#000)}.border-warning-content\/20{border-color:color-mix(in oklab,var(--color-warning-content)20%,#000)}.border-warning-content\/30{border-color:color-mix(in oklab,var(--color-warning-content)30%,#000)}.border-warning-content\/40{border-color:color-mix(in oklab,var(--color-warning-content)40%,#000)}.border-warning-content\/50{border-color:color-mix(in oklab,var(--color-warning-content)50%,#000)}.border-warning-content\/60{border-color:color-mix(in oklab,var(--color-warning-content)60%,#000)}.border-warning-content\/70{border-color:color-mix(in oklab,var(--color-warning-content)70%,#000)}.border-warning-content\/80{border-color:color-mix(in oklab,var(--color-warning-content)80%,#000)}.border-warning-content\/90{border-color:color-mix(in oklab,var(--color-warning-content)90%,#000)}.bg-error{background-color:var(--color-error)}.bg-error\/10{background-color:color-mix(in oklab,var(--color-error)10%,#000)}.bg-error\/20{background-color:color-mix(in oklab,var(--color-error)20%,#000)}.bg-error\/30{background-color:color-mix(in oklab,var(--color-error)30%,#000)}.bg-error\/40{background-color:color-mix(in oklab,var(--color-error)40%,#000)}.bg-error\/50{background-color:color-mix(in oklab,var(--color-error)50%,#000)}.bg-error\/60{background-color:color-mix(in oklab,var(--color-error)60%,#000)}.bg-error\/70{background-color:color-mix(in oklab,var(--color-error)70%,#000)}.bg-error\/80{background-color:color-mix(in oklab,var(--color-error)80%,#000)}.bg-error\/90{background-color:color-mix(in oklab,var(--color-error)90%,#000)}.text-error{color:var(--color-error)}.text-error\/10{color:color-mix(in oklab,var(--color-error)10%,#000)}.text-error\/20{color:color-mix(in oklab,var(--color-error)20%,#000)}.text-error\/30{color:color-mix(in oklab,var(--color-error)30%,#000)}.text-error\/40{color:color-mix(in oklab,var(--color-error)40%,#000)}.text-error\/50{color:color-mix(in oklab,var(--color-error)50%,#000)}.text-error\/60{color:color-mix(in oklab,var(--color-error)60%,#000)}.text-error\/70{color:color-mix(in oklab,var(--color-error)70%,#000)}.text-error\/80{color:color-mix(in oklab,var(--color-error)80%,#000)}.text-error\/90{color:color-mix(in oklab,var(--color-error)90%,#000)}.border-error{border-color:var(--color-error)}.border-error\/10{border-color:color-mix(in oklab,var(--color-error)10%,#000)}.border-error\/20{border-color:color-mix(in oklab,var(--color-error)20%,#000)}.border-error\/30{border-color:color-mix(in oklab,var(--color-error)30%,#000)}.border-error\/40{border-color:color-mix(in oklab,var(--color-error)40%,#000)}.border-error\/50{border-color:color-mix(in oklab,var(--color-error)50%,#000)}.border-error\/60{border-color:color-mix(in oklab,var(--color-error)60%,#000)}.border-error\/70{border-color:color-mix(in oklab,var(--color-error)70%,#000)}.border-error\/80{border-color:color-mix(in oklab,var(--color-error)80%,#000)}.border-error\/90{border-color:color-mix(in oklab,var(--color-error)90%,#000)}.bg-error-content{background-color:var(--color-error-content)}.bg-error-content\/10{background-color:color-mix(in oklab,var(--color-error-content)10%,#000)}.bg-error-content\/20{background-color:color-mix(in oklab,var(--color-error-content)20%,#000)}.bg-error-content\/30{background-color:color-mix(in oklab,var(--color-error-content)30%,#000)}.bg-error-content\/40{background-color:color-mix(in oklab,var(--color-error-content)40%,#000)}.bg-error-content\/50{background-color:color-mix(in oklab,var(--color-error-content)50%,#000)}.bg-error-content\/60{background-color:color-mix(in oklab,var(--color-error-content)60%,#000)}.bg-error-content\/70{background-color:color-mix(in oklab,var(--color-error-content)70%,#000)}.bg-error-content\/80{background-color:color-mix(in oklab,var(--color-error-content)80%,#000)}.bg-error-content\/90{background-color:color-mix(in oklab,var(--color-error-content)90%,#000)}.text-error-content{color:var(--color-error-content)}.text-error-content\/10{color:color-mix(in oklab,var(--color-error-content)10%,#000)}.text-error-content\/20{color:color-mix(in oklab,var(--color-error-content)20%,#000)}.text-error-content\/30{color:color-mix(in oklab,var(--color-error-content)30%,#000)}.text-error-content\/40{color:color-mix(in oklab,var(--color-error-content)40%,#000)}.text-error-content\/50{color:color-mix(in oklab,var(--color-error-content)50%,#000)}.text-error-content\/60{color:color-mix(in oklab,var(--color-error-content)60%,#000)}.text-error-content\/70{color:color-mix(in oklab,var(--color-error-content)70%,#000)}.text-error-content\/80{color:color-mix(in oklab,var(--color-error-content)80%,#000)}.text-error-content\/90{color:color-mix(in oklab,var(--color-error-content)90%,#000)}.border-error-content{border-color:var(--color-error-content)}.border-error-content\/10{border-color:color-mix(in oklab,var(--color-error-content)10%,#000)}.border-error-content\/20{border-color:color-mix(in oklab,var(--color-error-content)20%,#000)}.border-error-content\/30{border-color:color-mix(in oklab,var(--color-error-content)30%,#000)}.border-error-content\/40{border-color:color-mix(in oklab,var(--color-error-content)40%,#000)}.border-error-content\/50{border-color:color-mix(in oklab,var(--color-error-content)50%,#000)}.border-error-content\/60{border-color:color-mix(in oklab,var(--color-error-content)60%,#000)}.border-error-content\/70{border-color:color-mix(in oklab,var(--color-error-content)70%,#000)}.border-error-content\/80{border-color:color-mix(in oklab,var(--color-error-content)80%,#000)}.border-error-content\/90{border-color:color-mix(in oklab,var(--color-error-content)90%,#000)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".alert":{"display":"grid","align-items":"center","gap":"calc(0.25rem * 4)","border-radius":"var(--radius-box)","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 3)","color":"var(--color-base-content)","background-color":"var(--alert-color, var(--color-base-200))","justify-content":"start","justify-items":"start","grid-auto-flow":"column","grid-template-columns":"auto minmax(auto, 1fr)","text-align":"start","border":"var(--border) solid var(--color-base-200)","font-size":"0.875rem","line-height":"1.25rem","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) * 0.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) * 0.08))","&.alert-outline":{"background-color":"transparent","color":"var(--alert-color)","box-shadow":"none","background-image":"none"},"&.alert-dash":{"background-color":"transparent","color":"var(--alert-color)","border-style":"dashed","box-shadow":"none","background-image":"none"},"&.alert-soft":{"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) )","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-info":{"border-color":"var(--color-info)","color":"var(--color-info-content)","--alert-color":"var(--color-info)"},".alert-success":{"border-color":"var(--color-success)","color":"var(--color-success-content)","--alert-color":"var(--color-success)"},".alert-warning":{"border-color":"var(--color-warning)","color":"var(--color-warning-content)","--alert-color":"var(--color-warning)"},".alert-error":{"border-color":"var(--color-error)","color":"var(--color-error-content)","--alert-color":"var(--color-error)"},".alert-vertical":{"justify-content":"center","justify-items":"center","grid-auto-flow":"row","grid-template-columns":"
|
|
1
|
+
export default {".alert":{"display":"grid","align-items":"center","gap":"calc(0.25rem * 4)","border-radius":"var(--radius-box)","padding-inline":"calc(0.25rem * 4)","padding-block":"calc(0.25rem * 3)","color":"var(--color-base-content)","background-color":"var(--alert-color, var(--color-base-200))","justify-content":"start","justify-items":"start","grid-auto-flow":"column","grid-template-columns":"auto minmax(auto, 1fr)","text-align":"start","border":"var(--border) solid var(--color-base-200)","font-size":"0.875rem","line-height":"1.25rem","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) * 0.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) * 0.08))","&.alert-outline":{"background-color":"transparent","color":"var(--alert-color)","box-shadow":"none","background-image":"none"},"&.alert-dash":{"background-color":"transparent","color":"var(--alert-color)","border-style":"dashed","box-shadow":"none","background-image":"none"},"&.alert-soft":{"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) )","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-info":{"border-color":"var(--color-info)","color":"var(--color-info-content)","--alert-color":"var(--color-info)"},".alert-success":{"border-color":"var(--color-success)","color":"var(--color-success-content)","--alert-color":"var(--color-success)"},".alert-warning":{"border-color":"var(--color-warning)","color":"var(--color-warning-content)","--alert-color":"var(--color-warning)"},".alert-error":{"border-color":"var(--color-error)","color":"var(--color-error-content)","--alert-color":"var(--color-error)"},".alert-vertical":{"justify-content":"center","justify-items":"center","grid-auto-flow":"row","grid-template-columns":"auto","text-align":"center"},".alert-horizontal":{"justify-content":"start","justify-items":"start","grid-auto-flow":"column","grid-template-columns":"auto minmax(auto, 1fr)","text-align":"start"}};
|
package/components/alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0 - MIT License */ @layer utilities{.alert{border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;border:var(--border)solid var(--color-base-200);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));grid-template-columns:auto minmax(auto,1fr);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;&.alert-outline{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}&.alert-dash{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.alert-soft{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));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-info{border-color:var(--color-info);color:var(--color-info-content);--alert-color:var(--color-info)}.alert-success{border-color:var(--color-success);color:var(--color-success-content);--alert-color:var(--color-success)}.alert-warning{border-color:var(--color-warning);color:var(--color-warning-content);--alert-color:var(--color-warning)}.alert-error{border-color:var(--color-error);color:var(--color-error-content);--alert-color:var(--color-error)}.alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}@media (width>=640px){.sm\:alert{border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;border:var(--border)solid var(--color-base-200);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));grid-template-columns:auto minmax(auto,1fr);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;&.alert-outline{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}&.alert-dash{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.alert-soft{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));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-info{border-color:var(--color-info);color:var(--color-info-content);--alert-color:var(--color-info)}.sm\:alert-success{border-color:var(--color-success);color:var(--color-success-content);--alert-color:var(--color-success)}.sm\:alert-warning{border-color:var(--color-warning);color:var(--color-warning-content);--alert-color:var(--color-warning)}.sm\:alert-error{border-color:var(--color-error);color:var(--color-error-content);--alert-color:var(--color-error)}.sm\:alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.sm\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}@media (width>=768px){.md\:alert{border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;border:var(--border)solid var(--color-base-200);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));grid-template-columns:auto minmax(auto,1fr);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;&.alert-outline{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}&.alert-dash{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.alert-soft{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));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-info{border-color:var(--color-info);color:var(--color-info-content);--alert-color:var(--color-info)}.md\:alert-success{border-color:var(--color-success);color:var(--color-success-content);--alert-color:var(--color-success)}.md\:alert-warning{border-color:var(--color-warning);color:var(--color-warning-content);--alert-color:var(--color-warning)}.md\:alert-error{border-color:var(--color-error);color:var(--color-error-content);--alert-color:var(--color-error)}.md\:alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.md\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}@media (width>=1024px){.lg\:alert{border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;border:var(--border)solid var(--color-base-200);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));grid-template-columns:auto minmax(auto,1fr);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;&.alert-outline{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}&.alert-dash{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.alert-soft{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));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-info{border-color:var(--color-info);color:var(--color-info-content);--alert-color:var(--color-info)}.lg\:alert-success{border-color:var(--color-success);color:var(--color-success-content);--alert-color:var(--color-success)}.lg\:alert-warning{border-color:var(--color-warning);color:var(--color-warning-content);--alert-color:var(--color-warning)}.lg\:alert-error{border-color:var(--color-error);color:var(--color-error-content);--alert-color:var(--color-error)}.lg\:alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.lg\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}@media (width>=1280px){.xl\:alert{border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;border:var(--border)solid var(--color-base-200);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));grid-template-columns:auto minmax(auto,1fr);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;&.alert-outline{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}&.alert-dash{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.alert-soft{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));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-info{border-color:var(--color-info);color:var(--color-info-content);--alert-color:var(--color-info)}.xl\:alert-success{border-color:var(--color-success);color:var(--color-success-content);--alert-color:var(--color-success)}.xl\:alert-warning{border-color:var(--color-warning);color:var(--color-warning-content);--alert-color:var(--color-warning)}.xl\:alert-error{border-color:var(--color-error);color:var(--color-error-content);--alert-color:var(--color-error)}.xl\:alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.xl\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}@media (width>=1536px){.\32 xl\:alert{border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;border:var(--border)solid var(--color-base-200);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));grid-template-columns:auto minmax(auto,1fr);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;&.alert-outline{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}&.alert-dash{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.alert-soft{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));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-info{border-color:var(--color-info);color:var(--color-info-content);--alert-color:var(--color-info)}.\32 xl\:alert-success{border-color:var(--color-success);color:var(--color-success-content);--alert-color:var(--color-success)}.\32 xl\:alert-warning{border-color:var(--color-warning);color:var(--color-warning-content);--alert-color:var(--color-warning)}.\32 xl\:alert-error{border-color:var(--color-error);color:var(--color-error-content);--alert-color:var(--color-error)}.\32 xl\:alert-vertical{text-align:center;grid-template-columns:max-content;grid-auto-flow:row;justify-content:center;justify-items:center}.\32 xl\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0 - MIT License */ @layer utilities{.alert{border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;border:var(--border)solid var(--color-base-200);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));grid-template-columns:auto minmax(auto,1fr);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;&.alert-outline{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}&.alert-dash{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.alert-soft{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));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-info{border-color:var(--color-info);color:var(--color-info-content);--alert-color:var(--color-info)}.alert-success{border-color:var(--color-success);color:var(--color-success-content);--alert-color:var(--color-success)}.alert-warning{border-color:var(--color-warning);color:var(--color-warning-content);--alert-color:var(--color-warning)}.alert-error{border-color:var(--color-error);color:var(--color-error-content);--alert-color:var(--color-error)}.alert-vertical{text-align:center;grid-template-columns:auto;grid-auto-flow:row;justify-content:center;justify-items:center}.alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}@media (width>=640px){.sm\:alert{border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;border:var(--border)solid var(--color-base-200);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));grid-template-columns:auto minmax(auto,1fr);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;&.alert-outline{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}&.alert-dash{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.alert-soft{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));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-info{border-color:var(--color-info);color:var(--color-info-content);--alert-color:var(--color-info)}.sm\:alert-success{border-color:var(--color-success);color:var(--color-success-content);--alert-color:var(--color-success)}.sm\:alert-warning{border-color:var(--color-warning);color:var(--color-warning-content);--alert-color:var(--color-warning)}.sm\:alert-error{border-color:var(--color-error);color:var(--color-error-content);--alert-color:var(--color-error)}.sm\:alert-vertical{text-align:center;grid-template-columns:auto;grid-auto-flow:row;justify-content:center;justify-items:center}.sm\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}@media (width>=768px){.md\:alert{border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;border:var(--border)solid var(--color-base-200);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));grid-template-columns:auto minmax(auto,1fr);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;&.alert-outline{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}&.alert-dash{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.alert-soft{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));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-info{border-color:var(--color-info);color:var(--color-info-content);--alert-color:var(--color-info)}.md\:alert-success{border-color:var(--color-success);color:var(--color-success-content);--alert-color:var(--color-success)}.md\:alert-warning{border-color:var(--color-warning);color:var(--color-warning-content);--alert-color:var(--color-warning)}.md\:alert-error{border-color:var(--color-error);color:var(--color-error-content);--alert-color:var(--color-error)}.md\:alert-vertical{text-align:center;grid-template-columns:auto;grid-auto-flow:row;justify-content:center;justify-items:center}.md\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}@media (width>=1024px){.lg\:alert{border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;border:var(--border)solid var(--color-base-200);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));grid-template-columns:auto minmax(auto,1fr);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;&.alert-outline{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}&.alert-dash{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.alert-soft{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));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-info{border-color:var(--color-info);color:var(--color-info-content);--alert-color:var(--color-info)}.lg\:alert-success{border-color:var(--color-success);color:var(--color-success-content);--alert-color:var(--color-success)}.lg\:alert-warning{border-color:var(--color-warning);color:var(--color-warning-content);--alert-color:var(--color-warning)}.lg\:alert-error{border-color:var(--color-error);color:var(--color-error-content);--alert-color:var(--color-error)}.lg\:alert-vertical{text-align:center;grid-template-columns:auto;grid-auto-flow:row;justify-content:center;justify-items:center}.lg\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}@media (width>=1280px){.xl\:alert{border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;border:var(--border)solid var(--color-base-200);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));grid-template-columns:auto minmax(auto,1fr);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;&.alert-outline{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}&.alert-dash{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.alert-soft{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));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-info{border-color:var(--color-info);color:var(--color-info-content);--alert-color:var(--color-info)}.xl\:alert-success{border-color:var(--color-success);color:var(--color-success-content);--alert-color:var(--color-success)}.xl\:alert-warning{border-color:var(--color-warning);color:var(--color-warning-content);--alert-color:var(--color-warning)}.xl\:alert-error{border-color:var(--color-error);color:var(--color-error-content);--alert-color:var(--color-error)}.xl\:alert-vertical{text-align:center;grid-template-columns:auto;grid-auto-flow:row;justify-content:center;justify-items:center}.xl\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}@media (width>=1536px){.\32 xl\:alert{border-radius:var(--radius-box);color:var(--color-base-content);background-color:var(--alert-color,var(--color-base-200));text-align:start;border:var(--border)solid var(--color-base-200);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));grid-template-columns:auto minmax(auto,1fr);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;&.alert-outline{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}&.alert-dash{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}&.alert-soft{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));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-info{border-color:var(--color-info);color:var(--color-info-content);--alert-color:var(--color-info)}.\32 xl\:alert-success{border-color:var(--color-success);color:var(--color-success-content);--alert-color:var(--color-success)}.\32 xl\:alert-warning{border-color:var(--color-warning);color:var(--color-warning-content);--alert-color:var(--color-warning)}.\32 xl\:alert-error{border-color:var(--color-error);color:var(--color-error-content);--alert-color:var(--color-error)}.\32 xl\:alert-vertical{text-align:center;grid-template-columns:auto;grid-auto-flow:row;justify-content:center;justify-items:center}.\32 xl\:alert-horizontal{text-align:start;grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;justify-content:start;justify-items:start}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".breadcrumbs":{"max-width":"100%","overflow-x":"auto","padding-block":"calc(0.25rem * 2)","> menu, > ul, > ol":{"display":"flex","min-height":"min-content","align-items":"center","white-space":"nowrap","> li":{"display":"flex","align-items":"center","> *":{"display":"flex","cursor":"pointer","align-items":"center","gap":"calc(0.25rem * 2)","&:hover":{"@media (hover: hover)":{"text-decoration-line":"underline"}},"&:focus":{"outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"2px"}},"& + *:before":{"content":"\"\"","margin-right":"calc(0.25rem * 3)","margin-left":"calc(0.25rem * 2)","display":"block","height":"calc(0.25rem * 1.5)","width":"calc(0.25rem * 1.5)","opacity":"40%","rotate":"45deg","border-top":"1px solid","border-right":"1px solid","background-color":"#0000"},"[dir=\"rtl\"] & + *:before":{"rotate":"-135deg"}}}}};
|
|
1
|
+
export default {".breadcrumbs":{"max-width":"100%","overflow-x":"auto","padding-block":"calc(0.25rem * 2)","> menu, > ul, > ol":{"display":"flex","min-height":"min-content","align-items":"center","white-space":"nowrap","> li":{"display":"flex","align-items":"center","> *":{"display":"flex","cursor":"pointer","align-items":"center","gap":"calc(0.25rem * 2)","&:hover":{"@media (hover: hover)":{"text-decoration-line":"underline"}},"&:focus":{"--tw-outline-style":"none","outline-style":"none","@media (forced-colors: active)":{"outline":"2px solid transparent","outline-offset":"2px"}},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"2px"}},"& + *:before":{"content":"\"\"","margin-right":"calc(0.25rem * 3)","margin-left":"calc(0.25rem * 2)","display":"block","height":"calc(0.25rem * 1.5)","width":"calc(0.25rem * 1.5)","opacity":"40%","rotate":"45deg","border-top":"1px solid","border-right":"1px solid","background-color":"#0000"},"[dir=\"rtl\"] & + *:before":{"rotate":"-135deg"}}}}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0 - MIT License */ @layer utilities{.breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>menu,&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}@media (width>=640px){.sm\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>menu,&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}}@media (width>=768px){.md\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>menu,&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}}@media (width>=1024px){.lg\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>menu,&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}}@media (width>=1280px){.xl\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>menu,&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}}@media (width>=1536px){.\32 xl\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>menu,&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0 - MIT License */ @layer utilities{.breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>menu,&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}@media (width>=640px){.sm\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>menu,&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}}@media (width>=768px){.md\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>menu,&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}}@media (width>=1024px){.lg\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>menu,&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}}@media (width>=1280px){.xl\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>menu,&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}}@media (width>=1536px){.\32 xl\:breadcrumbs{max-width:100%;padding-block:.5rem;overflow-x:auto;&>menu,&>ul,&>ol{white-space:nowrap;align-items:center;min-height:min-content;display:flex;&>li{align-items:center;display:flex;&>*{cursor:pointer;align-items:center;gap:.5rem;display:flex;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&:focus{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){&{outline-offset:2px;outline:2px solid #0000}}}&:focus-visible{outline-offset:2px;outline:2px solid}}&+:before{content:"";opacity:.4;background-color:#0000;border-top:1px solid;border-right:1px solid;width:.375rem;height:.375rem;margin-left:.5rem;margin-right:.75rem;display:block;rotate:45deg}[dir=rtl] &+:before{rotate:-135deg}}}}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".btn":{"display":"inline-flex","flex-shrink":0,"cursor":"pointer","flex-wrap":"nowrap","align-items":"center","justify-content":"center","gap":"calc(0.25rem * 1.5)","text-align":"center","vertical-align":"middle","
|
|
1
|
+
export default {".btn":{"display":"inline-flex","flex-shrink":0,"cursor":"pointer","flex-wrap":"nowrap","align-items":"center","justify-content":"center","gap":"calc(0.25rem * 1.5)","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, 0.875rem)","font-weight":600,"outline-color":"var(--btn-color, var(--color-base-content))","transition-property":"color, background-color, border-color, box-shadow","transition-timing-function":"cubic-bezier(0, 0, 0.2, 1)","transition-duration":"0.2s","border-start-start-radius":"var(--join-ss, var(--radius-field))","border-start-end-radius":"var(--join-se, var(--radius-field))","border-end-start-radius":"var(--join-es, var(--radius-field))","border-end-end-radius":"var(--join-ee, var(--radius-field))","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 0.5px oklch(100% 0 0 / calc(var(--depth) * 0.15))","box-shadow":"0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow)","--size":"calc(var(--size-field, 0.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),\n 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000)","--btn-noise":"var(--fx-noise)",".prose &":{"text-decoration-line":"none"},"@media (hover: hover)":{"&:hover":{"--btn-bg":"color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%)"}},"&.btn-active":{"--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"},"&:focus-visible":{"outline-width":"2px","outline-style":"solid"},"&:active:not(.btn-active)":{"translate":"0 0.5px","--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)"},"&:is(:disabled, [disabled], .btn-disabled)":{"&:not(.btn-link, .btn-ghost)":{"background-color":"color-mix(in oklab, var(--color-base-content) 10%, transparent)","box-shadow":"none"},"pointer-events":"none","--btn-border":"#0000","--btn-noise":"none","--btn-fg":"color-mix(in oklch, var(--color-base-content) 20%, #0000)","@media (hover: hover)":{"&:hover":{"pointer-events":"none","background-color":"color-mix(in oklab, var(--color-neutral) 20%, transparent)","--btn-border":"#0000","--btn-fg":"color-mix(in oklch, var(--color-base-content) 20%, #0000)"}}},"&:is(input[type=\"checkbox\"], input[type=\"radio\"])":{"appearance":"none","&::after":{"content":"attr(aria-label)"},"&:checked":{"outline-width":"2px","outline-style":"solid","--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":{"--btn-color":"var(--color-primary)","--btn-fg":"var(--color-primary-content)"},".btn-secondary":{"--btn-color":"var(--color-secondary)","--btn-fg":"var(--color-secondary-content)"},".btn-accent":{"--btn-color":"var(--color-accent)","--btn-fg":"var(--color-accent-content)"},".btn-neutral":{"--btn-color":"var(--color-neutral)","--btn-fg":"var(--color-neutral-content)"},".btn-info":{"--btn-color":"var(--color-info)","--btn-fg":"var(--color-info-content)"},".btn-success":{"--btn-color":"var(--color-success)","--btn-fg":"var(--color-success-content)"},".btn-warning":{"--btn-color":"var(--color-warning)","--btn-fg":"var(--color-warning-content)"},".btn-error":{"--btn-color":"var(--color-error)","--btn-fg":"var(--color-error-content)"},".btn-ghost":{"&:not(.btn-active, :hover, :active:focus, :focus-visible)":{"--btn-shadow":"\"\"","--btn-bg":"#0000","--btn-border":"#0000","--btn-noise":"none","&:not(:disabled, [disabled], .btn-disabled)":{"outline-color":"currentColor","--btn-fg":"currentColor"}}},".btn-link":{"text-decoration-line":"underline","outline-color":"currentColor","--btn-border":"#0000","--btn-bg":"#0000","--btn-fg":"var(--color-primary)","--btn-noise":"none","--btn-shadow":"\"\"","&:is(.btn-active, :hover, :active:focus, :focus-visible)":{"text-decoration-line":"underline","--btn-border":"#0000","--btn-bg":"#0000"}},".btn-outline":{"&:not( .btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled, :checked, [checked] )":{"--btn-shadow":"\"\"","--btn-bg":"#0000","--btn-fg":"var(--btn-color)","--btn-border":"var(--btn-color)","--btn-noise":"none"}},".btn-dash":{"&:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled)":{"--btn-shadow":"\"\"","border-style":"dashed","--btn-bg":"#0000","--btn-fg":"var(--btn-color)","--btn-border":"var(--btn-color)","--btn-noise":"none"}},".btn-soft":{"&:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled)":{"--btn-shadow":"\"\"","--btn-fg":"var(--btn-color, var(--color-base-content))","--btn-bg":"color-mix(\n in oklab,\n var(--btn-color, var(--color-base-content)) 8%,\n var(--color-base-100)\n )","--btn-border":"color-mix(\n in oklab,\n var(--btn-color, var(--color-base-content)) 10%,\n var(--color-base-100)\n )","--btn-noise":"none"}},".btn-xs":{"--fontsize":"0.6875rem","--btn-p":"0.5rem","--size":"calc(var(--size-field, 0.25rem) * 6)"},".btn-sm":{"--fontsize":"0.75rem","--btn-p":"0.75rem","--size":"calc(var(--size-field, 0.25rem) * 8)"},".btn-md":{"--fontsize":"0.875rem","--btn-p":"1rem","--size":"calc(var(--size-field, 0.25rem) * 10)"},".btn-lg":{"--fontsize":"1.125rem","--btn-p":"1.25rem","--size":"calc(var(--size-field, 0.25rem) * 12)"},".btn-xl":{"--fontsize":"1.375rem","--btn-p":"1.5rem","--size":"calc(var(--size-field, 0.25rem) * 14)"},".btn-square":{"padding-inline":"calc(0.25rem * 0)","width":"var(--size)","height":"var(--size)"},".btn-circle":{"border-radius":"calc(infinity * 1px)","padding-inline":"calc(0.25rem * 0)","width":"var(--size)","height":"var(--size)"},".btn-wide":{"width":"100%","max-width":"calc(0.25rem * 64)"},".btn-block":{"width":"100%"}};
|
package/components/button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! 🌼 daisyUI 5.0.0 - MIT License */ @layer utilities{.btn{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);height:var(--size);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));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-size:.875rem;font-weight:600;text-decoration-line:none;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%)}}&.btn-active{--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}&:focus-visible{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(:disabled,[disabled],.btn-disabled){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}@media (hover:hover){&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:#0000;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--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;outline-width:2px;outline-style:solid}}}.btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.btn-link{--btn-border:#0000;--btn-bg:#0000;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000;text-decoration-line:underline}}.btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,: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}}.btn-xs{--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.btn-sm{--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.btn-md{--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.btn-lg{--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.btn-xl{--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}.btn-square{width:var(--size);height:var(--size);padding-inline:0}.btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.btn-wide{width:100%;max-width:16rem}.btn-block{width:100%}@media (width>=640px){.sm\:btn{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);height:var(--size);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));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-size:.875rem;font-weight:600;text-decoration-line:none;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%)}}&.btn-active{--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}&:focus-visible{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(:disabled,[disabled],.btn-disabled){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}@media (hover:hover){&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:#0000;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--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;outline-width:2px;outline-style:solid}}}.sm\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.sm\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.sm\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.sm\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.sm\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.sm\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.sm\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.sm\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.sm\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.sm\:btn-link{--btn-border:#0000;--btn-bg:#0000;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000;text-decoration-line:underline}}.sm\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.sm\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.sm\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,: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}}.sm\:btn-xs{--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.sm\:btn-sm{--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.sm\:btn-md{--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.sm\:btn-lg{--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.sm\:btn-xl{--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}.sm\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.sm\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.sm\:btn-wide{width:100%;max-width:16rem}.sm\:btn-block{width:100%}}@media (width>=768px){.md\:btn{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);height:var(--size);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));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-size:.875rem;font-weight:600;text-decoration-line:none;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%)}}&.btn-active{--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}&:focus-visible{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(:disabled,[disabled],.btn-disabled){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}@media (hover:hover){&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:#0000;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--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;outline-width:2px;outline-style:solid}}}.md\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.md\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.md\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.md\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.md\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.md\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.md\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.md\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.md\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.md\:btn-link{--btn-border:#0000;--btn-bg:#0000;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000;text-decoration-line:underline}}.md\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.md\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.md\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,: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}}.md\:btn-xs{--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.md\:btn-sm{--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.md\:btn-md{--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.md\:btn-lg{--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.md\:btn-xl{--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}.md\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.md\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.md\:btn-wide{width:100%;max-width:16rem}.md\:btn-block{width:100%}}@media (width>=1024px){.lg\:btn{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);height:var(--size);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));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-size:.875rem;font-weight:600;text-decoration-line:none;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%)}}&.btn-active{--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}&:focus-visible{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(:disabled,[disabled],.btn-disabled){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}@media (hover:hover){&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:#0000;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--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;outline-width:2px;outline-style:solid}}}.lg\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.lg\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.lg\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.lg\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.lg\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.lg\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.lg\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.lg\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.lg\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.lg\:btn-link{--btn-border:#0000;--btn-bg:#0000;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000;text-decoration-line:underline}}.lg\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.lg\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.lg\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,: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}}.lg\:btn-xs{--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.lg\:btn-sm{--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.lg\:btn-md{--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.lg\:btn-lg{--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.lg\:btn-xl{--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}.lg\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.lg\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.lg\:btn-wide{width:100%;max-width:16rem}.lg\:btn-block{width:100%}}@media (width>=1280px){.xl\:btn{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);height:var(--size);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));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-size:.875rem;font-weight:600;text-decoration-line:none;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%)}}&.btn-active{--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}&:focus-visible{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(:disabled,[disabled],.btn-disabled){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}@media (hover:hover){&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:#0000;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--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;outline-width:2px;outline-style:solid}}}.xl\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.xl\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.xl\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.xl\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.xl\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.xl\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.xl\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.xl\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.xl\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.xl\:btn-link{--btn-border:#0000;--btn-bg:#0000;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000;text-decoration-line:underline}}.xl\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.xl\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.xl\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,: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}}.xl\:btn-xs{--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.xl\:btn-sm{--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.xl\:btn-md{--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.xl\:btn-lg{--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.xl\:btn-xl{--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}.xl\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.xl\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.xl\:btn-wide{width:100%;max-width:16rem}.xl\:btn-block{width:100%}}@media (width>=1536px){.\32 xl\:btn{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);height:var(--size);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));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-size:.875rem;font-weight:600;text-decoration-line:none;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%)}}&.btn-active{--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}&:focus-visible{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(:disabled,[disabled],.btn-disabled){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}@media (hover:hover){&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:#0000;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--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;outline-width:2px;outline-style:solid}}}.\32 xl\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.\32 xl\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.\32 xl\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.\32 xl\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.\32 xl\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.\32 xl\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.\32 xl\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.\32 xl\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.\32 xl\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.\32 xl\:btn-link{--btn-border:#0000;--btn-bg:#0000;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000;text-decoration-line:underline}}.\32 xl\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.\32 xl\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.\32 xl\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,: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}}.\32 xl\:btn-xs{--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6);font-size:.6875rem}.\32 xl\:btn-sm{--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8);font-size:.75rem}.\32 xl\:btn-md{--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10);font-size:.875rem}.\32 xl\:btn-lg{--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12);font-size:1.125rem}.\32 xl\:btn-xl{--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14);font-size:1.375rem}.\32 xl\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.\32 xl\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.\32 xl\:btn-wide{width:100%;max-width:16rem}.\32 xl\:btn-block{width:100%}}}
|
|
1
|
+
/*! 🌼 daisyUI 5.0.0 - MIT License */ @layer utilities{.btn{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));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;.prose &{text-decoration-line:none}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&.btn-active{--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}&:focus-visible{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(:disabled,[disabled],.btn-disabled){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}@media (hover:hover){&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:#0000;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--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;outline-width:2px;outline-style:solid}}}.btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.btn-link{--btn-border:#0000;--btn-bg:#0000;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000;text-decoration-line:underline}}.btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled,:checked,[checked]){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,: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}}.btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}.btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}.btn-md{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}.btn-lg{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}.btn-xl{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}.btn-square{width:var(--size);height:var(--size);padding-inline:0}.btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.btn-wide{width:100%;max-width:16rem}.btn-block{width:100%}@media (width>=640px){.sm\:btn{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));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;.prose &{text-decoration-line:none}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&.btn-active{--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}&:focus-visible{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(:disabled,[disabled],.btn-disabled){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}@media (hover:hover){&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:#0000;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--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;outline-width:2px;outline-style:solid}}}.sm\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.sm\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.sm\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.sm\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.sm\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.sm\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.sm\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.sm\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.sm\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.sm\:btn-link{--btn-border:#0000;--btn-bg:#0000;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000;text-decoration-line:underline}}.sm\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled,:checked,[checked]){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.sm\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.sm\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,: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}}.sm\:btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}.sm\:btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}.sm\:btn-md{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}.sm\:btn-lg{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}.sm\:btn-xl{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}.sm\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.sm\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.sm\:btn-wide{width:100%;max-width:16rem}.sm\:btn-block{width:100%}}@media (width>=768px){.md\:btn{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));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;.prose &{text-decoration-line:none}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&.btn-active{--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}&:focus-visible{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(:disabled,[disabled],.btn-disabled){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}@media (hover:hover){&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:#0000;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--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;outline-width:2px;outline-style:solid}}}.md\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.md\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.md\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.md\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.md\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.md\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.md\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.md\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.md\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.md\:btn-link{--btn-border:#0000;--btn-bg:#0000;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000;text-decoration-line:underline}}.md\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled,:checked,[checked]){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.md\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.md\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,: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}}.md\:btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}.md\:btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}.md\:btn-md{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}.md\:btn-lg{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}.md\:btn-xl{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}.md\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.md\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.md\:btn-wide{width:100%;max-width:16rem}.md\:btn-block{width:100%}}@media (width>=1024px){.lg\:btn{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));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;.prose &{text-decoration-line:none}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&.btn-active{--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}&:focus-visible{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(:disabled,[disabled],.btn-disabled){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}@media (hover:hover){&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:#0000;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--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;outline-width:2px;outline-style:solid}}}.lg\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.lg\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.lg\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.lg\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.lg\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.lg\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.lg\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.lg\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.lg\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.lg\:btn-link{--btn-border:#0000;--btn-bg:#0000;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000;text-decoration-line:underline}}.lg\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled,:checked,[checked]){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.lg\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.lg\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,: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}}.lg\:btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}.lg\:btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}.lg\:btn-md{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}.lg\:btn-lg{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}.lg\:btn-xl{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}.lg\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.lg\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.lg\:btn-wide{width:100%;max-width:16rem}.lg\:btn-block{width:100%}}@media (width>=1280px){.xl\:btn{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));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;.prose &{text-decoration-line:none}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&.btn-active{--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}&:focus-visible{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(:disabled,[disabled],.btn-disabled){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}@media (hover:hover){&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:#0000;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--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;outline-width:2px;outline-style:solid}}}.xl\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.xl\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.xl\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.xl\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.xl\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.xl\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.xl\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.xl\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.xl\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.xl\:btn-link{--btn-border:#0000;--btn-bg:#0000;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000;text-decoration-line:underline}}.xl\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled,:checked,[checked]){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.xl\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.xl\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,: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}}.xl\:btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}.xl\:btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}.xl\:btn-md{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}.xl\:btn-lg{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}.xl\:btn-xl{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}.xl\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.xl\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.xl\:btn-wide{width:100%;max-width:16rem}.xl\:btn-block{width:100%}}@media (width>=1536px){.\32 xl\:btn{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));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;.prose &{text-decoration-line:none}@media (hover:hover){&:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}&.btn-active{--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}&:focus-visible{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(:disabled,[disabled],.btn-disabled){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}@media (hover:hover){&:hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:#0000;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}}&:is(input[type=checkbox],input[type=radio]){appearance:none;&:after{content:attr(aria-label)}&:checked{--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;outline-width:2px;outline-style:solid}}}.\32 xl\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.\32 xl\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.\32 xl\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.\32 xl\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.\32 xl\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.\32 xl\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.\32 xl\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.\32 xl\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.\32 xl\:btn-ghost{&:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;&:not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}}}.\32 xl\:btn-link{--btn-border:#0000;--btn-bg:#0000;--btn-fg:var(--color-primary);--btn-noise:none;--btn-shadow:"";outline-color:currentColor;text-decoration-line:underline;&:is(.btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000;text-decoration-line:underline}}.\32 xl\:btn-outline{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled,:checked,[checked]){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}}.\32 xl\:btn-dash{&:not(.btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none;border-style:dashed}}.\32 xl\:btn-soft{&:not(.btn-active,:hover,:active:focus,:focus-visible,: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}}.\32 xl\:btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}.\32 xl\:btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}.\32 xl\:btn-md{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}.\32 xl\:btn-lg{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}.\32 xl\:btn-xl{--fontsize:1.375rem;--btn-p:1.5rem;--size:calc(var(--size-field,.25rem)*14)}.\32 xl\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.\32 xl\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.\32 xl\:btn-wide{width:100%;max-width:16rem}.\32 xl\:btn-block{width:100%}}}
|