@coffic/cosy-ui 0.3.12 → 0.3.33
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 +25 -25
- package/dist/app.css +1 -1
- package/dist/components/base/Alert.astro +45 -140
- package/dist/components/base/Button.astro +61 -13
- package/dist/components/base/Image.astro +55 -16
- package/dist/components/base/Link.astro +14 -0
- package/dist/components/containers/Container.astro +35 -2
- package/dist/components/containers/Section.astro +23 -30
- package/dist/components/display/Modal.astro +14 -7
- package/dist/components/icons/MenuIcon.astro +5 -8
- package/dist/components/layouts/DocumentationLayout.astro +425 -359
- package/dist/components/layouts/Footer.astro +31 -77
- package/dist/components/layouts/Header.astro +17 -27
- package/dist/components/layouts/NavSection.astro +32 -0
- package/dist/components/layouts/Sidebar.astro +69 -92
- package/dist/components/layouts/SidebarNav.astro +122 -0
- package/dist/components/navigation/TableOfContents.astro +18 -50
- package/dist/index.ts +2 -0
- package/dist/types/layout.ts +10 -0
- package/package.json +2 -5
- package/dist/components/containers/index.ts +0 -3
package/README.md
CHANGED
@@ -1,34 +1,34 @@
|
|
1
1
|
# Cosy UI
|
2
2
|
|
3
|
-
|
3
|
+
A modern component library built with Astro, integrating daisyUI and Tailwind CSS to provide beautiful and easy-to-use UI components for your projects.
|
4
4
|
|
5
|
-
## ✨
|
5
|
+
## ✨ Features
|
6
6
|
|
7
|
-
- 🚀
|
8
|
-
- 🎨
|
9
|
-
- 📦
|
10
|
-
- 💪
|
11
|
-
- 📚
|
7
|
+
- 🚀 Built with Astro
|
8
|
+
- 🎨 Integrates daisyUI and Tailwind CSS
|
9
|
+
- 📦 Ready-to-use components
|
10
|
+
- 💪 Complete TypeScript support
|
11
|
+
- 📚 Comprehensive documentation and examples
|
12
12
|
|
13
|
-
## 📦
|
13
|
+
## 📦 Installation
|
14
14
|
|
15
|
-
|
15
|
+
Using pnpm (recommended):
|
16
16
|
|
17
17
|
```bash
|
18
18
|
pnpm add @cofficlab/cosy-ui
|
19
19
|
```
|
20
20
|
|
21
|
-
|
21
|
+
Or using npm:
|
22
22
|
|
23
23
|
```bash
|
24
24
|
npm install @cofficlab/cosy-ui
|
25
25
|
```
|
26
26
|
|
27
|
-
## 🚀
|
27
|
+
## 🚀 Quick Start
|
28
28
|
|
29
|
-
1.
|
29
|
+
1. Install Cosy UI in your Astro project
|
30
30
|
|
31
|
-
2.
|
31
|
+
2. Import and use components:
|
32
32
|
|
33
33
|
```astro
|
34
34
|
---
|
@@ -36,24 +36,24 @@ import { Alert } from '@cofficlab/cosy-ui';
|
|
36
36
|
---
|
37
37
|
|
38
38
|
<Alert type="info">
|
39
|
-
|
39
|
+
This is an information message
|
40
40
|
</Alert>
|
41
41
|
```
|
42
42
|
|
43
|
-
## 📚
|
43
|
+
## 📚 Documentation
|
44
44
|
|
45
|
-
|
45
|
+
Visit our [website](https://github.com/cofficlab/cosy-ui) for more information.
|
46
46
|
|
47
|
-
## 🤝
|
47
|
+
## 🤝 Contributing
|
48
48
|
|
49
|
-
|
49
|
+
We welcome contributions of any kind! If you find a bug or have new ideas, please:
|
50
50
|
|
51
|
-
1. Fork
|
52
|
-
2.
|
53
|
-
3.
|
54
|
-
4.
|
55
|
-
5.
|
51
|
+
1. Fork this repository
|
52
|
+
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
|
53
|
+
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
|
54
|
+
4. Push to the branch (`git push origin feature/AmazingFeature`)
|
55
|
+
5. Open a Pull Request
|
56
56
|
|
57
|
-
## 📄
|
57
|
+
## 📄 License
|
58
58
|
|
59
|
-
|
59
|
+
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
|
package/dist/app.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--cosy-color-yellow-500:oklch(.795 .184 86.047);--cosy-color-green-500:oklch(.723 .219 149.579);--cosy-color-blue-500:oklch(.623 .214 259.815);--cosy-color-purple-500:oklch(.627 .265 303.9);--cosy-spacing:.25rem;--cosy-container-xs:20rem;--cosy-container-xl:36rem;--cosy-container-2xl:42rem;--cosy-container-4xl:56rem;--cosy-container-6xl:72rem;--cosy-text-sm:.875rem;--cosy-text-sm--line-height:calc(1.25/.875);--cosy-text-base:1rem;--cosy-text-base--line-height: 1.5 ;--cosy-text-lg:1.125rem;--cosy-text-lg--line-height:calc(1.75/1.125);--cosy-text-xl:1.25rem;--cosy-text-xl--line-height:calc(1.75/1.25);--cosy-font-weight-medium:500;--cosy-font-weight-bold:700;--cosy-default-transition-duration:.15s;--cosy-default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}}:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark]{color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}@property --radialprogress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}:root{scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)#0000}:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not([class*=drawer-open])>.drawer-toggle:checked){overflow:hidden}:root,[data-theme]{background-color:var(--root-bg,var(--color-base-100));color:var(--color-base-content)}:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")}.chat{--mask-chat:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e")}:where(:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not(.drawer-open)>.drawer-toggle:checked)){scrollbar-gutter:stable;background-image:linear-gradient(var(--color-base-100),var(--color-base-100));--root-bg:color-mix(in srgb,var(--color-base-100),oklch(0% 0 0) 40%)}}@layer components;@layer utilities{.cosy\:tab{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;webkit-user-select:none;-webkit-user-select:none;user-select:none;--tab-p:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border));flex-wrap:wrap;order:var(--tab-order);height:calc(var(--size-field,.25rem)*10);border-color:#0000;justify-content:center;align-items:center;padding-inline-start:var(--tab-p);padding-inline-end:var(--tab-p);font-size:.875rem;display:inline-flex;position:relative}@media (hover:hover){.cosy\:tab:hover{color:var(--color-base-content)}}.cosy\:tab:is(input[type=radio]){min-width:fit-content}.cosy\:tab:is(input[type=radio]):after{content:attr(aria-label)}.cosy\:tab:is(label){position:relative}.cosy\:tab:is(label) input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0}:is(.cosy\:tab:checked,.cosy\:tab:is(label:has(:checked)),.cosy\:tab:is(.cosy\:tab-active,[aria-selected=true]))+.cosy\:tab-content{height:100%;display:block}.cosy\:tab:not(:checked,label:has(:checked),:hover,.cosy\:tab-active,[aria-selected=true]){color:color-mix(in oklab,var(--color-base-content)50%,transparent)}.cosy\:tab:not(input):empty{cursor:default;flex-grow:1}.cosy\:tab:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.cosy\:tab:focus{outline-offset:2px;outline:2px solid #0000}}.cosy\:tab:focus-visible,.cosy\:tab:is(label:has(:checked:focus-visible)){outline-offset:-5px;outline:2px solid}.cosy\:tab[disabled]{pointer-events:none;opacity:.4}.cosy\:menu{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}.cosy\:menu :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative}.cosy\:menu :where(li ul):before{background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";inset-inline-start:0;position:absolute;top:.75rem;bottom:.75rem}.cosy\:menu :where(li>.cosy\:menu-dropdown:not(.cosy\:menu-dropdown-show)){display:none}.cosy\:menu :where(li:not(.cosy\:menu-title)>:not(ul,details,.cosy\:menu-title,.cosy\:btn)),.cosy\:menu :where(li:not(.cosy\:menu-title)>details>summary:not(.cosy\:menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;-webkit-user-select:none;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}.cosy\:menu :where(li>details>summary){--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.cosy\:menu :where(li>details>summary){outline-offset:2px;outline:2px solid #0000}}.cosy\:menu :where(li>details>summary)::-webkit-details-marker{display:none}:is(.cosy\:menu :where(li>details>summary),.cosy\:menu :where(li>.cosy\:menu-dropdown-toggle)):after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}.cosy\:menu :where(li>details[open]>summary):after,.cosy\:menu :where(li>.cosy\:menu-dropdown-toggle.cosy\:menu-dropdown-show):after{translate:0 1px;rotate:45deg}.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title),li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title)):not(.cosy\:menu-active,:active,.cosy\:btn).cosy\:menu-focus,.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title),li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title)):not(.cosy\:menu-active,:active,.cosy\:btn):focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);color:var(--color-base-content);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:is(.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title),li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title)):not(.cosy\:menu-active,:active,.cosy\:btn).cosy\:menu-focus,.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title),li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title)):not(.cosy\:menu-active,:active,.cosy\:btn):focus-visible){outline-offset:2px;outline:2px solid #0000}}.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title):not(.cosy\:menu-active,:active,.cosy\:btn):hover,li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title):not(.cosy\:menu-active,:active,.cosy\:btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;box-shadow:inset 0 1px #00000003,inset 0 -1px #ffffff03}@media (forced-colors:active){.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title):not(.cosy\:menu-active,:active,.cosy\:btn):hover,li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title):not(.cosy\:menu-active,:active,.cosy\:btn):hover){outline-offset:2px;outline:2px solid #0000}}.cosy\:menu :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}.cosy\:menu :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative}.cosy\:menu :where(li) .cosy\:badge{justify-self:flex-end}.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn):active,.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn).cosy\:menu-active,.cosy\:menu :where(li)>details>summary:active{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none}@media (forced-colors:active){:is(.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn):active,.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn).cosy\:menu-active,.cosy\:menu :where(li)>details>summary:active){outline-offset:2px;outline:2px solid #0000}}:is(.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn):active,.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn).cosy\:menu-active,.cosy\:menu :where(li)>details>summary:active):not(:is(.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn):active,.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn).cosy\:menu-active,.cosy\:menu :where(li)>details>summary:active):active){box-shadow:0 2px calc(var(--depth)*3px) -2px var(--menu-active-bg)}.cosy\:menu :where(li).cosy\:menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.cosy\:menu .cosy\:dropdown:focus-within .cosy\:menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}.cosy\:menu .cosy\:dropdown-content{margin-top:.5rem;padding:.5rem}.cosy\:menu .cosy\:dropdown-content:before{display:none}.cosy\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}.cosy\:dropdown>:not(summary):focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.cosy\:dropdown>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}}.cosy\:dropdown .cosy\:dropdown-content{position:absolute}.cosy\:dropdown:not(details,.cosy\:dropdown-open,.cosy\:dropdown-hover:hover,:focus-within) .cosy\:dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}.cosy\:dropdown[popover],.cosy\:dropdown .cosy\:dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}@starting-style{.cosy\:dropdown[popover],.cosy\:dropdown .cosy\:dropdown-content{opacity:0;scale:95%}}:is(.cosy\:dropdown.cosy\:dropdown-open,.cosy\:dropdown:not(.cosy\:dropdown-hover):focus,.cosy\:dropdown:focus-within)>[tabindex]:first-child{pointer-events:none}:is(.cosy\:dropdown.cosy\:dropdown-open,.cosy\:dropdown:not(.cosy\:dropdown-hover):focus,.cosy\:dropdown:focus-within) .cosy\:dropdown-content{opacity:1}.cosy\:dropdown.cosy\:dropdown-hover:hover .cosy\:dropdown-content{opacity:1;scale:100%}.cosy\:dropdown:is(details) summary::-webkit-details-marker{display:none}:is(.cosy\:dropdown.cosy\:dropdown-open,.cosy\:dropdown:focus,.cosy\:dropdown:focus-within) .cosy\:dropdown-content{scale:100%}.cosy\:dropdown:where([popover]){background:0 0}.cosy\:dropdown[popover]{color:inherit;position:fixed}@supports not (position-area:bottom){.cosy\:dropdown[popover]{margin:auto}.cosy\:dropdown[popover].cosy\:dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}.cosy\:dropdown[popover]::backdrop{background-color:oklab(0% none none/.3)}}.cosy\:dropdown[popover]:not(.cosy\:dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}.cosy\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;webkit-user-select:none;-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}.cosy\:prose .cosy\:btn{text-decoration-line:none}@media (hover:hover){.cosy\:btn:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}.cosy\:btn.cosy\: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}.cosy\:btn:focus-visible{outline-width:2px;outline-style:solid}.cosy\:btn:active:not(.cosy\: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}.cosy\:btn:is(:disabled,[disabled],.cosy\:btn-disabled){pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}.cosy\:btn:is(:disabled,[disabled],.cosy\:btn-disabled):not(.cosy\:btn-link,.cosy\:btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}@media (hover:hover){.cosy\:btn:is(:disabled,[disabled],.cosy\:btn-disabled):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)}}.cosy\:btn:is(input[type=checkbox],input[type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none}.cosy\:btn:is(input[type=checkbox],input[type=radio]):after{content:attr(aria-label)}.cosy\:btn:where(input:checked:not(.cosy\:filter .cosy\:btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}.cosy\:card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative}.cosy\:card:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.cosy\:card:focus{outline-offset:2px;outline:2px solid #0000}}.cosy\:card:focus-visible{outline-color:currentColor}.cosy\:card :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}.cosy\:card :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}.cosy\:card:where(.cosy\:card-border){border:var(--border)solid var(--color-base-200)}.cosy\:card:where(.cosy\:card-dash){border:var(--border)dashed var(--color-base-200)}.cosy\:card.cosy\:image-full{display:grid}.cosy\:card.cosy\:image-full:before{border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}.cosy\:card.cosy\:image-full>*{grid-row-start:1;grid-column-start:1}.cosy\:card.cosy\:image-full>.cosy\:card-body{color:var(--color-neutral-content);position:relative}.cosy\:card.cosy\:image-full :where(figure){border-radius:inherit;overflow:hidden}.cosy\:card.cosy\:image-full>figure img{object-fit:cover;height:100%}.cosy\:card figure{justify-content:center;align-items:center;display:flex}.cosy\:card:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;-webkit-user-select:none;user-select:none}.cosy\:card:has(>:checked){outline:2px solid}.cosy\:menu-horizontal{flex-direction:row;display:inline-flex}.cosy\:menu-horizontal>li:not(.cosy\:menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}.cosy\:menu-horizontal>li>details>ul:before{content:none}:where(.cosy\:menu-horizontal>li:not(.cosy\:menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.cosy\:fixed{position:fixed}.cosy\:relative{position:relative}.cosy\:sticky{position:sticky}.cosy\:dropdown-end{--anchor-h:span-left}.cosy\:dropdown-end :where(.cosy\:dropdown-content){inset-inline-end:0;translate:0}.cosy\:dropdown-end.cosy\:dropdown-left{--anchor-h:left;--anchor-v:span-top}.cosy\:dropdown-end.cosy\:dropdown-left .cosy\:dropdown-content{top:auto;bottom:0}.cosy\:dropdown-end.cosy\:dropdown-right{--anchor-h:right;--anchor-v:span-top}.cosy\:dropdown-end.cosy\:dropdown-right .cosy\:dropdown-content{top:auto;bottom:0}.cosy\:top-0{top:calc(var(--cosy-spacing)*0)}.cosy\:top-2{top:calc(var(--cosy-spacing)*2)}.cosy\:top-16{top:calc(var(--cosy-spacing)*16)}.cosy\:top-20{top:calc(var(--cosy-spacing)*20)}.cosy\:right-2{right:calc(var(--cosy-spacing)*2)}.cosy\:right-4{right:calc(var(--cosy-spacing)*4)}.cosy\:z-50{z-index:50}.cosy\:z-\[1\]{z-index:1}.cosy\:container{width:100%}@media (width>=40rem){.cosy\:container{max-width:40rem}}@media (width>=48rem){.cosy\:container{max-width:48rem}}@media (width>=64rem){.cosy\:container{max-width:64rem}}@media (width>=80rem){.cosy\:container{max-width:80rem}}@media (width>=96rem){.cosy\:container{max-width:96rem}}.cosy\:mx-auto{margin-inline:auto}.cosy\:prose{color:var(--tw-prose-body);--tw-prose-body:oklch(.373 .034 259.733);--tw-prose-headings:oklch(.21 .034 264.665);--tw-prose-lead:oklch(.446 .03 256.802);--tw-prose-links:oklch(.21 .034 264.665);--tw-prose-bold:oklch(.21 .034 264.665);--tw-prose-counters:oklch(.551 .027 264.364);--tw-prose-bullets:oklch(.872 .01 258.338);--tw-prose-hr:oklch(.928 .006 264.531);--tw-prose-quotes:oklch(.21 .034 264.665);--tw-prose-quote-borders:oklch(.928 .006 264.531);--tw-prose-captions:oklch(.551 .027 264.364);--tw-prose-kbd:oklch(.21 .034 264.665);--tw-prose-kbd-shadows:NaN NaN NaN;--tw-prose-code:oklch(.21 .034 264.665);--tw-prose-pre-code:oklch(.928 .006 264.531);--tw-prose-pre-bg:oklch(.278 .033 256.848);--tw-prose-th-borders:oklch(.872 .01 258.338);--tw-prose-td-borders:oklch(.928 .006 264.531);--tw-prose-invert-body:oklch(.872 .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(.707 .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(.707 .022 261.325);--tw-prose-invert-bullets:oklch(.446 .03 256.802);--tw-prose-invert-hr:oklch(.373 .034 259.733);--tw-prose-invert-quotes:oklch(.967 .003 264.542);--tw-prose-invert-quote-borders:oklch(.373 .034 259.733);--tw-prose-invert-captions:oklch(.707 .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(.872 .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(.446 .03 256.802);--tw-prose-invert-td-borders:oklch(.373 .034 259.733);max-width:65ch;font-size:1rem;line-height:1.75}.cosy\:prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.cosy\:prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.cosy\:prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.cosy\:prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.cosy\:prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.cosy\:prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.cosy\:prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.cosy\:prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.cosy\:prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.cosy\:prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.cosy\:prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.cosy\:prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.cosy\:prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.cosy\:prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.cosy\:prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.cosy\:prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.cosy\:prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.cosy\:prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.cosy\:prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.cosy\:prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.cosy\:prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;font-style:italic;font-weight:500}.cosy\:prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.cosy\:prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.cosy\:prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.cosy\:prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.cosy\:prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.cosy\:prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.cosy\:prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.cosy\:prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.cosy\:prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.cosy\:prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.cosy\:prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.cosy\:prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.cosy\:prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.cosy\:prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px rgb(var(--tw-prose-kbd-shadows)/10%);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.cosy\:prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.cosy\:prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.cosy\:prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.cosy\:prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.cosy\:prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.cosy\:prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.cosy\:prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.cosy\:prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.cosy\:prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.cosy\:prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.cosy\:prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.cosy\:prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.cosy\:prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.cosy\:prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.cosy\:prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.cosy\:prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.cosy\:prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.cosy\:prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.cosy\:prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.cosy\:prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.cosy\:prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.cosy\:prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.cosy\:prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.cosy\:prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.cosy\:prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.cosy\:prose :where(.cosy\:prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.cosy\:prose :where(.cosy\:prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.cosy\:prose :where(.cosy\:prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.cosy\:prose :where(.cosy\:prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.cosy\:prose :where(.cosy\:prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.cosy\:prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.cosy\:prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.cosy\:prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.cosy\:prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.cosy\:prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.cosy\:prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.cosy\:prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.cosy\:prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.cosy\:prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.cosy\:prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.cosy\:prose :where(.cosy\:prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.cosy\:prose :where(.cosy\:prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.cosy\:mt-3{margin-top:calc(var(--cosy-spacing)*3)}.cosy\:mt-4{margin-top:calc(var(--cosy-spacing)*4)}.cosy\:mr-1{margin-right:calc(var(--cosy-spacing)*1)}.cosy\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.cosy\:mb-2{margin-bottom:calc(var(--cosy-spacing)*2)}.cosy\:mb-4{margin-bottom:calc(var(--cosy-spacing)*4)}.cosy\:mb-6{margin-bottom:calc(var(--cosy-spacing)*6)}.cosy\:mb-8{margin-bottom:calc(var(--cosy-spacing)*8)}.cosy\:ml-4{margin-left:calc(var(--cosy-spacing)*4)}.cosy\:badge{border-radius:var(--radius-selector);vertical-align:middle;color:var(--color-base-content);border:var(--border)solid var(--badge-color,var(--color-base-200));width:fit-content;padding-inline:calc(.25rem*3 - var(--border));background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);background-color:var(--badge-color,var(--color-base-100));--size:calc(var(--size-selector,.25rem)*6);height:var(--size);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.cosy\:badge.cosy\:badge-outline{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-color:currentColor}.cosy\:badge.cosy\:badge-dash{color:var(--badge-color,var(--color-base-content));box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}.cosy\:badge.cosy\:badge-soft{color:var(--badge-color,var(--color-base-content));background-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))8%,var(--color-base-100));border-color:color-mix(in oklab,var(--badge-color,var(--color-base-content))10%,var(--color-base-100));box-shadow:none;background-image:none}.cosy\:tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.cosy\:navbar{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}.cosy\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.cosy\:footer>*{place-items:start;gap:.5rem;display:grid}.cosy\:footer.cosy\:footer-center{text-align:center;grid-auto-flow:column dense;place-items:center}.cosy\:footer.cosy\:footer-center>*{place-items:center}.cosy\:navbar-end{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}.cosy\:navbar-start{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}.cosy\:card-body{padding:var(--card-p,1.5rem);font-size:var(--card-fs,.875rem);flex-direction:column;flex:auto;gap:.5rem;display:flex}.cosy\:card-body :where(p){flex-grow:1}.cosy\:navbar-center{flex-shrink:0;align-items:center;display:inline-flex}.cosy\: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}.cosy\:alert.cosy\:alert-outline{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}.cosy\:alert.cosy\:alert-dash{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}.cosy\:alert.cosy\: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}.cosy\:card-title{font-size:var(--cardtitle-fs,1.125rem);align-items:center;gap:.5rem;font-weight:600;display:flex}:root .cosy\:prose{--tw-prose-body:color-mix(in oklab,var(--color-base-content)80%,#0000);--tw-prose-headings:var(--color-base-content);--tw-prose-lead:var(--color-base-content);--tw-prose-links:var(--color-base-content);--tw-prose-bold:var(--color-base-content);--tw-prose-counters:var(--color-base-content);--tw-prose-bullets:color-mix(in oklab,var(--color-base-content)50%,#0000);--tw-prose-hr:color-mix(in oklab,var(--color-base-content)20%,#0000);--tw-prose-quotes:var(--color-base-content);--tw-prose-quote-borders:color-mix(in oklab,var(--color-base-content)20%,#0000);--tw-prose-captions:color-mix(in oklab,var(--color-base-content)50%,#0000);--tw-prose-code:var(--color-base-content);--tw-prose-pre-code:var(--color-neutral-content);--tw-prose-pre-bg:var(--color-neutral);--tw-prose-th-borders:color-mix(in oklab,var(--color-base-content)50%,#0000);--tw-prose-td-borders:color-mix(in oklab,var(--color-base-content)20%,#0000);--tw-prose-kbd:color-mix(in oklab,var(--color-base-content)80%,#0000)}:root .cosy\:prose :where(code):not(pre>code){background-color:var(--color-base-200);border-radius:var(--radius-selector);border:var(--border)solid var(--color-base-300);font-weight:inherit;padding-inline:.5em}:root .cosy\:prose :where(code):not(pre>code):before,:root .cosy\:prose :where(code):not(pre>code):after{display:none}.cosy\:mask{vertical-align:middle;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cosy\:flex{display:flex}.cosy\:hidden{display:none}.cosy\:inline-flex{display:inline-flex}.cosy\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.cosy\:h-4{height:calc(var(--cosy-spacing)*4)}.cosy\:h-5{height:calc(var(--cosy-spacing)*5)}.cosy\:h-10{height:calc(var(--cosy-spacing)*10)}.cosy\:h-12{height:calc(var(--cosy-spacing)*12)}.cosy\:h-16{height:calc(var(--cosy-spacing)*16)}.cosy\:h-full{height:100%}.cosy\:min-h-screen{min-height:100vh}.cosy\:w-4{width:calc(var(--cosy-spacing)*4)}.cosy\:w-5{width:calc(var(--cosy-spacing)*5)}.cosy\:w-10{width:calc(var(--cosy-spacing)*10)}.cosy\:w-12{width:calc(var(--cosy-spacing)*12)}.cosy\:w-32{width:calc(var(--cosy-spacing)*32)}.cosy\:w-52{width:calc(var(--cosy-spacing)*52)}.cosy\:w-56{width:calc(var(--cosy-spacing)*56)}.cosy\:w-64{width:calc(var(--cosy-spacing)*64)}.cosy\:w-full{width:100%}.cosy\:max-w-2xl{max-width:var(--cosy-container-2xl)}.cosy\:max-w-4xl{max-width:var(--cosy-container-4xl)}.cosy\:max-w-6xl{max-width:var(--cosy-container-6xl)}.cosy\:max-w-xl{max-width:var(--cosy-container-xl)}.cosy\:max-w-xs{max-width:var(--cosy-container-xs)}.cosy\:flex-1{flex:1}.cosy\:shrink-0{flex-shrink:0}.cosy\:cursor-pointer{cursor:pointer}.cosy\:grid-flow-col{grid-auto-flow:column}.cosy\:flex-col{flex-direction:column}.cosy\:items-center{align-items:center}.cosy\:justify-between{justify-content:space-between}.cosy\:gap-2{gap:calc(var(--cosy-spacing)*2)}.cosy\:gap-3{gap:calc(var(--cosy-spacing)*3)}.cosy\:gap-8{gap:calc(var(--cosy-spacing)*8)}.cosy\:self-start{align-self:flex-start}.cosy\:overflow-x-auto{overflow-x:auto}.cosy\:tabs-box{background-color:var(--color-base-200);border-radius:calc(var(--radius-field) + min(.25rem,calc(var(--radius-field) + var(--radius-field) + var(--radius-field))));box-shadow:0 -.5px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 .5px oklch(0% 0 0/calc(var(--depth)*.05)) inset;padding:.25rem}.cosy\:tabs-box .cosy\:tab{border-radius:var(--radius-field);border-style:none}.cosy\:tabs-box .cosy\:tab:focus-visible,.cosy\:tabs-box .cosy\:tab:is(label:has(:checked:focus-visible)){outline-offset:2px}.cosy\:tabs-box :is(.cosy\:tab-active,[aria-selected=true]):not(.cosy\:tab-disabled,[disabled]),.cosy\:tabs-box :is(input:checked),.cosy\:tabs-box :is(label:has(:checked)){background-color:var(--tab-bg,var(--color-base-100));box-shadow:0 1px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 1px 1px -1px color-mix(in oklab,var(--color-neutral)calc(var(--depth)*50%),#0000),0 1px 6px -4px color-mix(in oklab,var(--color-neutral)calc(var(--depth)*100%),#0000)}@media (forced-colors:active){:is(.cosy\:tabs-box :is(.cosy\:tab-active,[aria-selected=true]):not(.cosy\:tab-disabled,[disabled]),.cosy\:tabs-box :is(input:checked),.cosy\:tabs-box :is(label:has(:checked))){border:1px solid}}.cosy\:menu-sm :where(li:not(.cosy\:menu-title)>:not(ul,details,.cosy\:menu-title)),.cosy\:menu-sm :where(li:not(.cosy\:menu-title)>details>summary:not(.cosy\:menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}.cosy\:menu-sm .cosy\:menu-title{padding-block:.5rem;padding-inline:.75rem}.cosy\:rounded-box{border-radius:var(--radius-box)}.cosy\:rounded-none{border-radius:0}.cosy\:border{border-style:var(--tw-border-style);border-width:1px}.cosy\:border-2{border-style:var(--tw-border-style);border-width:2px}.cosy\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.cosy\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.cosy\:alert-error{border-color:var(--color-error);color:var(--color-error-content);--alert-color:var(--color-error)}.cosy\:alert-info{border-color:var(--color-info);color:var(--color-info-content);--alert-color:var(--color-info)}.cosy\:alert-success{border-color:var(--color-success);color:var(--color-success-content);--alert-color:var(--color-success)}.cosy\:alert-warning{border-color:var(--color-warning);color:var(--color-warning-content);--alert-color:var(--color-warning)}.cosy\:border-base-200{border-color:var(--color-base-200)}.cosy\:border-base-300{border-color:var(--color-base-300)}.cosy\:border-blue-500{border-color:var(--cosy-color-blue-500)}.cosy\:border-green-500{border-color:var(--cosy-color-green-500)}.cosy\:border-purple-500{border-color:var(--cosy-color-purple-500)}.cosy\:border-yellow-500{border-color:var(--cosy-color-yellow-500)}.cosy\:bg-accent\/30{background-color:color-mix(in oklab,var(--color-accent)30%,transparent)}.cosy\:bg-base-100{background-color:var(--color-base-100)}.cosy\:bg-base-200{background-color:var(--color-base-200)}.cosy\:bg-base-300{background-color:var(--color-base-300)}.cosy\:bg-primary{background-color:var(--color-primary)}.cosy\:p-0{padding:calc(var(--cosy-spacing)*0)}.cosy\:p-2{padding:calc(var(--cosy-spacing)*2)}.cosy\:p-4{padding:calc(var(--cosy-spacing)*4)}.cosy\:p-6{padding:calc(var(--cosy-spacing)*6)}.cosy\:p-10{padding:calc(var(--cosy-spacing)*10)}.cosy\:px-1{padding-inline:calc(var(--cosy-spacing)*1)}.cosy\:px-4{padding-inline:calc(var(--cosy-spacing)*4)}.cosy\:px-6{padding-inline:calc(var(--cosy-spacing)*6)}.cosy\:py-2{padding-block:calc(var(--cosy-spacing)*2)}.cosy\:py-8{padding-block:calc(var(--cosy-spacing)*8)}.cosy\:pt-4{padding-top:calc(var(--cosy-spacing)*4)}.cosy\:text-center{text-align:center}.cosy\:text-base{font-size:var(--cosy-text-base);line-height:var(--tw-leading,var(--cosy-text-base--line-height))}.cosy\:text-lg{font-size:var(--cosy-text-lg);line-height:var(--tw-leading,var(--cosy-text-lg--line-height))}.cosy\:text-sm{font-size:var(--cosy-text-sm);line-height:var(--tw-leading,var(--cosy-text-sm--line-height))}.cosy\:text-xl{font-size:var(--cosy-text-xl);line-height:var(--tw-leading,var(--cosy-text-xl--line-height))}.cosy\:font-bold{--tw-font-weight:var(--cosy-font-weight-bold);font-weight:var(--cosy-font-weight-bold)}.cosy\:font-medium{--tw-font-weight:var(--cosy-font-weight-medium);font-weight:var(--cosy-font-weight-medium)}.cosy\:badge-warning{--badge-color:var(--color-warning);color:var(--color-warning-content)}.cosy\:text-accent{color:var(--color-accent)}.cosy\:text-base-content{color:var(--color-base-content)}.cosy\:text-base-content\/60{color:color-mix(in oklab,var(--color-base-content)60%,transparent)}.cosy\:text-base-content\/70{color:color-mix(in oklab,var(--color-base-content)70%,transparent)}.cosy\:text-base-content\/80{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}.cosy\:text-neutral{color:var(--color-neutral)}.cosy\:text-primary{color:var(--color-primary)}.cosy\:text-primary-content{color:var(--color-primary-content)}.cosy\:text-secondary{color:var(--color-secondary)}.cosy\:text-success{color:var(--color-success)}.cosy\:no-underline{text-decoration-line:none}.cosy\:opacity-70{opacity:.7}.cosy\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.cosy\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.cosy\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.cosy\:btn-ghost:not(.cosy\:btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none}.cosy\:btn-ghost:not(.cosy\:btn-active,:hover,:active:focus,:focus-visible):not(:disabled,[disabled],.cosy\:btn-disabled){--btn-fg:currentColor;outline-color:currentColor}.cosy\:backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.cosy\:transition-\[filter\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--cosy-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cosy-default-transition-duration))}.cosy\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--cosy-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cosy-default-transition-duration))}.cosy\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--cosy-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cosy-default-transition-duration))}.cosy\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--cosy-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cosy-default-transition-duration))}.cosy\:duration-200{--tw-duration:.2s;transition-duration:.2s}.cosy\:prose-slate{--tw-prose-body:oklch(.372 .044 257.287);--tw-prose-headings:oklch(.208 .042 265.755);--tw-prose-lead:oklch(.446 .043 257.281);--tw-prose-links:oklch(.208 .042 265.755);--tw-prose-bold:oklch(.208 .042 265.755);--tw-prose-counters:oklch(.554 .046 257.417);--tw-prose-bullets:oklch(.869 .022 252.894);--tw-prose-hr:oklch(.929 .013 255.508);--tw-prose-quotes:oklch(.208 .042 265.755);--tw-prose-quote-borders:oklch(.929 .013 255.508);--tw-prose-captions:oklch(.554 .046 257.417);--tw-prose-kbd:oklch(.208 .042 265.755);--tw-prose-kbd-shadows:NaN NaN NaN;--tw-prose-code:oklch(.208 .042 265.755);--tw-prose-pre-code:oklch(.929 .013 255.508);--tw-prose-pre-bg:oklch(.279 .041 260.031);--tw-prose-th-borders:oklch(.869 .022 252.894);--tw-prose-td-borders:oklch(.929 .013 255.508);--tw-prose-invert-body:oklch(.869 .022 252.894);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(.704 .04 256.788);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(.704 .04 256.788);--tw-prose-invert-bullets:oklch(.446 .043 257.281);--tw-prose-invert-hr:oklch(.372 .044 257.287);--tw-prose-invert-quotes:oklch(.968 .007 247.896);--tw-prose-invert-quote-borders:oklch(.372 .044 257.287);--tw-prose-invert-captions:oklch(.704 .04 256.788);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(.869 .022 252.894);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(.446 .043 257.281);--tw-prose-invert-td-borders:oklch(.372 .044 257.287)}.cosy\:btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}.cosy\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.cosy\:mask-squircle{-webkit-mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e")}@media (hover:hover){.cosy\:hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--cosy-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.cosy\:hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.cosy\:hover\:bg-base-300:hover{background-color:var(--color-base-300)}.cosy\:hover\:text-base-content\/80:hover{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}.cosy\:hover\:text-base-content\/90:hover{color:color-mix(in oklab,var(--color-base-content)90%,transparent)}.cosy\:hover\:text-primary:hover{color:var(--color-primary)}.cosy\:hover\:brightness-125:hover{--tw-brightness:brightness(125%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}@media (width>=40rem){.cosy\:sm\:footer-horizontal{grid-auto-flow:column}.cosy\:sm\:footer-horizontal.cosy\:footer-center{grid-auto-flow:dense}}@media (width>=48rem){.cosy\:md\:flex-row{flex-direction:row}.cosy\:md\:items-start{align-items:flex-start}.cosy\:md\:justify-between{justify-content:space-between}}@media (width>=64rem){.cosy\:lg\:flex{display:flex}.cosy\:lg\:hidden{display:none}}@media (prefers-color-scheme:dark){.cosy\:dark\:prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@keyframes progress{50%{background-position-x:-115%}}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes dropdown{0%{opacity:0}}@keyframes rating{0%,40%{filter:brightness(1.05)contrast(1.05);scale:1.1}}@keyframes toast{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}
|
1
|
+
/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */@layer theme{:root,:host{--cosy-color-red-500:oklch(.637 .237 25.331);--cosy-color-yellow-500:oklch(.795 .184 86.047);--cosy-color-green-500:oklch(.723 .219 149.579);--cosy-color-blue-500:oklch(.623 .214 259.815);--cosy-color-purple-500:oklch(.627 .265 303.9);--cosy-spacing:.25rem;--cosy-container-xs:20rem;--cosy-container-xl:36rem;--cosy-container-2xl:42rem;--cosy-container-4xl:56rem;--cosy-container-6xl:72rem;--cosy-text-xs:.75rem;--cosy-text-xs--line-height:calc(1/.75);--cosy-text-sm:.875rem;--cosy-text-sm--line-height:calc(1.25/.875);--cosy-text-base:1rem;--cosy-text-base--line-height: 1.5 ;--cosy-text-lg:1.125rem;--cosy-text-lg--line-height:calc(1.75/1.125);--cosy-text-xl:1.25rem;--cosy-text-xl--line-height:calc(1.75/1.25);--cosy-font-weight-medium:500;--cosy-font-weight-bold:700;--cosy-radius-lg:.5rem;--cosy-default-transition-duration:.15s;--cosy-default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:where(:root),:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}}:root:has(input.theme-controller[value=light]:checked),[data-theme=light]{color-scheme:light;--color-base-100:oklch(100% 0 0);--color-base-200:oklch(98% 0 0);--color-base-300:oklch(95% 0 0);--color-base-content:oklch(21% .006 285.885);--color-primary:oklch(45% .24 277.023);--color-primary-content:oklch(93% .034 272.788);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}:root:has(input.theme-controller[value=dark]:checked),[data-theme=dark]{color-scheme:dark;--color-base-100:oklch(25.33% .016 252.42);--color-base-200:oklch(23.26% .014 253.1);--color-base-300:oklch(21.15% .012 254.09);--color-base-content:oklch(97.807% .029 256.847);--color-primary:oklch(58% .233 277.117);--color-primary-content:oklch(96% .018 272.314);--color-secondary:oklch(65% .241 354.308);--color-secondary-content:oklch(94% .028 342.258);--color-accent:oklch(77% .152 181.912);--color-accent-content:oklch(38% .063 188.416);--color-neutral:oklch(14% .005 285.823);--color-neutral-content:oklch(92% .004 286.32);--color-info:oklch(74% .16 232.661);--color-info-content:oklch(29% .066 243.157);--color-success:oklch(76% .177 163.223);--color-success-content:oklch(37% .077 168.94);--color-warning:oklch(82% .189 84.429);--color-warning-content:oklch(41% .112 45.904);--color-error:oklch(71% .194 13.428);--color-error-content:oklch(27% .105 12.094);--radius-selector:.5rem;--radius-field:.25rem;--radius-box:.5rem;--size-selector:.25rem;--size-field:.25rem;--border:1px;--depth:1;--noise:0}@property --radialprogress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}:root{scrollbar-color:color-mix(in oklch,currentColor 35%,#0000)#0000}:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not([class*=drawer-open])>.drawer-toggle:checked){overflow:hidden}:root,[data-theme]{background-color:var(--root-bg,var(--color-base-100));color:var(--color-base-content)}:root{--fx-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E")}.chat{--mask-chat:url("data:image/svg+xml,%3csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 11.5004C0 13.0004 2 13.0004 2 13.0004H12H13V0.00036329L12.5 0C12.5 0 11.977 2.09572 11.8581 2.50033C11.6075 3.35237 10.9149 4.22374 9 5.50036C6 7.50036 0 10.0004 0 11.5004Z'/%3e%3c/svg%3e")}:where(:root:has(.modal-open,.modal[open],.modal:target,.modal-toggle:checked,.drawer:not(.drawer-open)>.drawer-toggle:checked)){scrollbar-gutter:stable;background-image:linear-gradient(var(--color-base-100),var(--color-base-100));--root-bg:color-mix(in srgb,var(--color-base-100),oklch(0% 0 0) 40%)}}@layer components;@layer utilities{.cosy\:modal{pointer-events:none;visibility:hidden;width:100%;max-width:none;height:100%;max-height:none;color:inherit;transition:transform .3s ease-out,visibility .3s allow-discrete,background-color .3s ease-out,opacity .1s ease-out;overscroll-behavior:contain;z-index:999;background-color:#0000;place-items:center;margin:0;padding:0;display:grid;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.cosy\:modal::backdrop{display:none}.cosy\:modal.cosy\:modal-open,.cosy\:modal[open],.cosy\:modal:target{pointer-events:auto;visibility:visible;opacity:1;background-color:#0006;transition:transform .3s ease-out,background-color .3s ease-out,opacity .1s ease-out}:is(.cosy\:modal.cosy\:modal-open,.cosy\:modal[open],.cosy\:modal:target) .cosy\:modal-box{opacity:1;translate:0;scale:1}@starting-style{.cosy\:modal.cosy\:modal-open,.cosy\:modal[open],.cosy\:modal:target{visibility:hidden;opacity:0}}.cosy\:tab{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;webkit-user-select:none;-webkit-user-select:none;user-select:none;--tab-p:1rem;--tab-bg:var(--color-base-100);--tab-border-color:var(--color-base-300);--tab-radius-ss:0;--tab-radius-se:0;--tab-radius-es:0;--tab-radius-ee:0;--tab-order:0;--tab-radius-min:calc(.75rem - var(--border));flex-wrap:wrap;order:var(--tab-order);height:calc(var(--size-field,.25rem)*10);border-color:#0000;justify-content:center;align-items:center;padding-inline-start:var(--tab-p);padding-inline-end:var(--tab-p);font-size:.875rem;display:inline-flex;position:relative}@media (hover:hover){.cosy\:tab:hover{color:var(--color-base-content)}}.cosy\:tab:is(input[type=radio]){min-width:fit-content}.cosy\:tab:is(input[type=radio]):after{content:attr(aria-label)}.cosy\:tab:is(label){position:relative}.cosy\:tab:is(label) input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0}:is(.cosy\:tab:checked,.cosy\:tab:is(label:has(:checked)),.cosy\:tab:is(.cosy\:tab-active,[aria-selected=true]))+.cosy\:tab-content{height:100%;display:block}.cosy\:tab:not(:checked,label:has(:checked),:hover,.cosy\:tab-active,[aria-selected=true]){color:color-mix(in oklab,var(--color-base-content)50%,transparent)}.cosy\:tab:not(input):empty{cursor:default;flex-grow:1}.cosy\:tab:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.cosy\:tab:focus{outline-offset:2px;outline:2px solid #0000}}.cosy\:tab:focus-visible,.cosy\:tab:is(label:has(:checked:focus-visible)){outline-offset:-5px;outline:2px solid}.cosy\:tab[disabled]{pointer-events:none;opacity:.4}.cosy\:menu{--menu-active-fg:var(--color-neutral-content);--menu-active-bg:var(--color-neutral);flex-flow:column wrap;width:fit-content;padding:.5rem;font-size:.875rem;display:flex}.cosy\:menu :where(li ul){white-space:nowrap;margin-inline-start:1rem;padding-inline-start:.5rem;position:relative}.cosy\:menu :where(li ul):before{background-color:var(--color-base-content);opacity:.1;width:var(--border);content:"";inset-inline-start:0;position:absolute;top:.75rem;bottom:.75rem}.cosy\:menu :where(li>.cosy\:menu-dropdown:not(.cosy\:menu-dropdown-show)){display:none}.cosy\:menu :where(li:not(.cosy\:menu-title)>:not(ul,details,.cosy\:menu-title,.cosy\:btn)),.cosy\:menu :where(li:not(.cosy\:menu-title)>details>summary:not(.cosy\:menu-title)){border-radius:var(--radius-field);text-align:start;text-wrap:balance;-webkit-user-select:none;user-select:none;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:.5rem;padding-block:.375rem;padding-inline:.75rem;transition-property:color,background-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:grid}.cosy\:menu :where(li>details>summary){--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.cosy\:menu :where(li>details>summary){outline-offset:2px;outline:2px solid #0000}}.cosy\:menu :where(li>details>summary)::-webkit-details-marker{display:none}:is(.cosy\:menu :where(li>details>summary),.cosy\:menu :where(li>.cosy\:menu-dropdown-toggle)):after{content:"";transform-origin:50%;pointer-events:none;justify-self:flex-end;width:.375rem;height:.375rem;transition-property:rotate,translate;transition-duration:.2s;display:block;translate:0 -1px;rotate:-135deg;box-shadow:inset 2px 2px}.cosy\:menu :where(li>details[open]>summary):after,.cosy\:menu :where(li>.cosy\:menu-dropdown-toggle.cosy\:menu-dropdown-show):after{translate:0 1px;rotate:45deg}.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title),li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title)):not(.cosy\:menu-active,:active,.cosy\:btn).cosy\:menu-focus,.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title),li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title)):not(.cosy\:menu-active,:active,.cosy\:btn):focus-visible{cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);color:var(--color-base-content);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){:is(.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title),li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title)):not(.cosy\:menu-active,:active,.cosy\:btn).cosy\:menu-focus,.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title),li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title)):not(.cosy\:menu-active,:active,.cosy\:btn):focus-visible){outline-offset:2px;outline:2px solid #0000}}.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title):not(.cosy\:menu-active,:active,.cosy\:btn):hover,li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title):not(.cosy\:menu-active,:active,.cosy\:btn):hover){cursor:pointer;background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);--tw-outline-style:none;outline-style:none;box-shadow:inset 0 1px #00000003,inset 0 -1px #ffffff03}@media (forced-colors:active){.cosy\:menu :where(li:not(.cosy\:menu-title,.cosy\:disabled)>:not(ul,details,.cosy\:menu-title):not(.cosy\:menu-active,:active,.cosy\:btn):hover,li:not(.cosy\:menu-title,.cosy\:disabled)>details>summary:not(.cosy\:menu-title):not(.cosy\:menu-active,:active,.cosy\:btn):hover){outline-offset:2px;outline:2px solid #0000}}.cosy\:menu :where(li:empty){background-color:var(--color-base-content);opacity:.1;height:1px;margin:.5rem 1rem}.cosy\:menu :where(li){flex-flow:column wrap;flex-shrink:0;align-items:stretch;display:flex;position:relative}.cosy\:menu :where(li) .cosy\:badge{justify-self:flex-end}.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn):active,.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn).cosy\:menu-active,.cosy\:menu :where(li)>details>summary:active{--tw-outline-style:none;color:var(--menu-active-fg);background-color:var(--menu-active-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--fx-noise);outline-style:none}@media (forced-colors:active){:is(.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn):active,.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn).cosy\:menu-active,.cosy\:menu :where(li)>details>summary:active){outline-offset:2px;outline:2px solid #0000}}:is(.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn):active,.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn).cosy\:menu-active,.cosy\:menu :where(li)>details>summary:active):not(:is(.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn):active,.cosy\:menu :where(li)>:not(ul,.cosy\:menu-title,details,.cosy\:btn).cosy\:menu-active,.cosy\:menu :where(li)>details>summary:active):active){box-shadow:0 2px calc(var(--depth)*3px) -2px var(--menu-active-bg)}.cosy\:menu :where(li).cosy\:menu-disabled{pointer-events:none;color:color-mix(in oklab,var(--color-base-content)20%,transparent)}.cosy\:menu .cosy\:dropdown:focus-within .cosy\:menu-dropdown-toggle:after{translate:0 1px;rotate:45deg}.cosy\:menu .cosy\:dropdown-content{margin-top:.5rem;padding:.5rem}.cosy\:menu .cosy\:dropdown-content:before{display:none}.cosy\:dropdown{position-area:var(--anchor-v,bottom)var(--anchor-h,span-right);display:inline-block;position:relative}.cosy\:dropdown>:not(summary):focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.cosy\:dropdown>:not(summary):focus{outline-offset:2px;outline:2px solid #0000}}.cosy\:dropdown .cosy\:dropdown-content{position:absolute}.cosy\:dropdown:not(details,.cosy\:dropdown-open,.cosy\:dropdown-hover:hover,:focus-within) .cosy\:dropdown-content{transform-origin:top;opacity:0;display:none;scale:95%}.cosy\:dropdown[popover],.cosy\:dropdown .cosy\:dropdown-content{z-index:999;transition-behavior:allow-discrete;transition-property:opacity,scale,display;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation:.2s dropdown}@starting-style{.cosy\:dropdown[popover],.cosy\:dropdown .cosy\:dropdown-content{opacity:0;scale:95%}}:is(.cosy\:dropdown.cosy\:dropdown-open,.cosy\:dropdown:not(.cosy\:dropdown-hover):focus,.cosy\:dropdown:focus-within)>[tabindex]:first-child{pointer-events:none}:is(.cosy\:dropdown.cosy\:dropdown-open,.cosy\:dropdown:not(.cosy\:dropdown-hover):focus,.cosy\:dropdown:focus-within) .cosy\:dropdown-content{opacity:1}.cosy\:dropdown.cosy\:dropdown-hover:hover .cosy\:dropdown-content{opacity:1;scale:100%}.cosy\:dropdown:is(details) summary::-webkit-details-marker{display:none}:is(.cosy\:dropdown.cosy\:dropdown-open,.cosy\:dropdown:focus,.cosy\:dropdown:focus-within) .cosy\:dropdown-content{scale:100%}.cosy\:dropdown:where([popover]){background:0 0}.cosy\:dropdown[popover]{color:inherit;position:fixed}@supports not (position-area:bottom){.cosy\:dropdown[popover]{margin:auto}.cosy\:dropdown[popover].cosy\:dropdown-open:not(:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}.cosy\:dropdown[popover]::backdrop{background-color:oklab(0% none none/.3)}}.cosy\:dropdown[popover]:not(.cosy\:dropdown-open,:popover-open){transform-origin:top;opacity:0;display:none;scale:95%}.cosy\:btn{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;webkit-user-select:none;-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}.cosy\:prose .cosy\:btn{text-decoration-line:none}@media (hover:hover){.cosy\:btn:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}.cosy\:btn.cosy\: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}.cosy\:btn:focus-visible{outline-width:2px;outline-style:solid}.cosy\:btn:active:not(.cosy\: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}.cosy\:btn:is(:disabled,[disabled],.cosy\:btn-disabled){pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}.cosy\:btn:is(:disabled,[disabled],.cosy\:btn-disabled):not(.cosy\:btn-link,.cosy\:btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}@media (hover:hover){.cosy\:btn:is(:disabled,[disabled],.cosy\:btn-disabled):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)}}.cosy\:btn:is(input[type=checkbox],input[type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none}.cosy\:btn:is(input[type=checkbox],input[type=radio]):after{content:attr(aria-label)}.cosy\:btn:where(input:checked:not(.cosy\:filter .cosy\:btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}.cosy\:loading{pointer-events:none;aspect-ratio:1;vertical-align:middle;width:calc(var(--size-selector,.25rem)*6);background-color:currentColor;display:inline-block;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cosy\:card{border-radius:var(--radius-box);outline-offset:2px;outline:0 solid #0000;flex-direction:column;transition:outline .2s ease-in-out;display:flex;position:relative}.cosy\:card:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.cosy\:card:focus{outline-offset:2px;outline:2px solid #0000}}.cosy\:card:focus-visible{outline-color:currentColor}.cosy\:card :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}.cosy\:card :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}.cosy\:card:where(.cosy\:card-border){border:var(--border)solid var(--color-base-200)}.cosy\:card:where(.cosy\:card-dash){border:var(--border)dashed var(--color-base-200)}.cosy\:card.cosy\:image-full{display:grid}.cosy\:card.cosy\:image-full:before{border-radius:var(--radius-box);background-color:var(--color-neutral);opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}.cosy\:card.cosy\:image-full>*{grid-row-start:1;grid-column-start:1}.cosy\:card.cosy\:image-full>.cosy\:card-body{color:var(--color-neutral-content);position:relative}.cosy\:card.cosy\:image-full :where(figure){border-radius:inherit;overflow:hidden}.cosy\:card.cosy\:image-full>figure img{object-fit:cover;height:100%}.cosy\:card figure{justify-content:center;align-items:center;display:flex}.cosy\:card:has(>input:is(input[type=checkbox],input[type=radio])){cursor:pointer;-webkit-user-select:none;user-select:none}.cosy\:card:has(>:checked){outline:2px solid}.cosy\:menu-horizontal{flex-direction:row;display:inline-flex}.cosy\:menu-horizontal>li:not(.cosy\:menu-title)>details>ul{margin-inline-start:0;margin-top:1rem;padding-block:.5rem;padding-inline-end:.5rem;position:absolute}.cosy\:menu-horizontal>li>details>ul:before{content:none}:where(.cosy\:menu-horizontal>li:not(.cosy\:menu-title)>details>ul){border-radius:var(--radius-box);background-color:var(--color-base-100);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.cosy\:fixed{position:fixed}.cosy\:relative{position:relative}.cosy\:sticky{position:sticky}.cosy\:dropdown-end{--anchor-h:span-left}.cosy\:dropdown-end :where(.cosy\:dropdown-content){inset-inline-end:0;translate:0}.cosy\:dropdown-end.cosy\:dropdown-left{--anchor-h:left;--anchor-v:span-top}.cosy\:dropdown-end.cosy\:dropdown-left .cosy\:dropdown-content{top:auto;bottom:0}.cosy\:dropdown-end.cosy\:dropdown-right{--anchor-h:right;--anchor-v:span-top}.cosy\:dropdown-end.cosy\:dropdown-right .cosy\:dropdown-content{top:auto;bottom:0}.cosy\:top-0{top:calc(var(--cosy-spacing)*0)}.cosy\:top-16{top:calc(var(--cosy-spacing)*16)}.cosy\:modal-backdrop{color:#0000;z-index:-1;grid-row-start:1;grid-column-start:1;place-self:stretch stretch;display:grid}.cosy\:modal-backdrop button{cursor:pointer}.cosy\:z-10{z-index:10}.cosy\:z-50{z-index:50}.cosy\:z-\[1\]{z-index:1}.cosy\:modal-box{background-color:var(--color-base-100);border-top-left-radius:var(--modal-tl,var(--radius-box));border-top-right-radius:var(--modal-tr,var(--radius-box));border-bottom-left-radius:var(--modal-bl,var(--radius-box));border-bottom-right-radius:var(--modal-br,var(--radius-box));opacity:0;overscroll-behavior:contain;grid-row-start:1;grid-column-start:1;width:91.6667%;max-width:32rem;max-height:100vh;padding:1.5rem;transition:translate .3s ease-out,scale .3s ease-out,opacity .2s ease-out 50ms,box-shadow .3s ease-out;overflow-y:auto;scale:95%;box-shadow:0 25px 50px -12px #00000040}.cosy\:container{width:100%}@media (width>=40rem){.cosy\:container{max-width:40rem}}@media (width>=48rem){.cosy\:container{max-width:48rem}}@media (width>=64rem){.cosy\:container{max-width:64rem}}@media (width>=80rem){.cosy\:container{max-width:80rem}}@media (width>=96rem){.cosy\:container{max-width:96rem}}.cosy\:mx-4{margin-inline:calc(var(--cosy-spacing)*4)}.cosy\:mx-auto{margin-inline:auto}.cosy\:prose{color:var(--tw-prose-body);--tw-prose-body:oklch(.373 .034 259.733);--tw-prose-headings:oklch(.21 .034 264.665);--tw-prose-lead:oklch(.446 .03 256.802);--tw-prose-links:oklch(.21 .034 264.665);--tw-prose-bold:oklch(.21 .034 264.665);--tw-prose-counters:oklch(.551 .027 264.364);--tw-prose-bullets:oklch(.872 .01 258.338);--tw-prose-hr:oklch(.928 .006 264.531);--tw-prose-quotes:oklch(.21 .034 264.665);--tw-prose-quote-borders:oklch(.928 .006 264.531);--tw-prose-captions:oklch(.551 .027 264.364);--tw-prose-kbd:oklch(.21 .034 264.665);--tw-prose-kbd-shadows:NaN NaN NaN;--tw-prose-code:oklch(.21 .034 264.665);--tw-prose-pre-code:oklch(.928 .006 264.531);--tw-prose-pre-bg:oklch(.278 .033 256.848);--tw-prose-th-borders:oklch(.872 .01 258.338);--tw-prose-td-borders:oklch(.928 .006 264.531);--tw-prose-invert-body:oklch(.872 .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(.707 .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(.707 .022 261.325);--tw-prose-invert-bullets:oklch(.446 .03 256.802);--tw-prose-invert-hr:oklch(.373 .034 259.733);--tw-prose-invert-quotes:oklch(.967 .003 264.542);--tw-prose-invert-quote-borders:oklch(.373 .034 259.733);--tw-prose-invert-captions:oklch(.707 .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(.872 .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(.446 .03 256.802);--tw-prose-invert-td-borders:oklch(.373 .034 259.733);max-width:65ch;font-size:1rem;line-height:1.75}.cosy\:prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.cosy\:prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.cosy\:prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.cosy\:prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.cosy\:prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.cosy\:prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.cosy\:prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.cosy\:prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.cosy\:prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.cosy\:prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.cosy\:prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.cosy\:prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.cosy\:prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.cosy\:prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.cosy\:prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.cosy\:prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.cosy\:prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.cosy\:prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.cosy\:prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.cosy\:prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.cosy\:prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;font-style:italic;font-weight:500}.cosy\:prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.cosy\:prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.cosy\:prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.cosy\:prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.cosy\:prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.cosy\:prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.cosy\:prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.cosy\:prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.cosy\:prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.cosy\:prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.cosy\:prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.cosy\:prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.cosy\:prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.cosy\:prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px rgb(var(--tw-prose-kbd-shadows)/10%);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.cosy\:prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.cosy\:prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.cosy\:prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.cosy\:prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.cosy\:prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.cosy\:prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.cosy\:prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.cosy\:prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.cosy\:prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.cosy\:prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.cosy\:prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.cosy\:prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.cosy\:prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.cosy\:prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.cosy\:prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.cosy\:prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.cosy\:prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.cosy\:prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.cosy\:prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.cosy\:prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.cosy\:prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.cosy\:prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.cosy\:prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.cosy\:prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.cosy\:prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.cosy\:prose :where(.cosy\:prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.cosy\:prose :where(.cosy\:prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.cosy\:prose :where(.cosy\:prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.cosy\:prose :where(.cosy\:prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.cosy\:prose :where(.cosy\:prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.cosy\:prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.cosy\:prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.cosy\:prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.cosy\:prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.cosy\:prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.cosy\:prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.cosy\:prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.cosy\:prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.cosy\:prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.cosy\:prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.cosy\:prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.cosy\:prose :where(.cosy\:prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.cosy\:prose :where(.cosy\:prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.cosy\:modal-action{justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}.cosy\:mt-4{margin-top:calc(var(--cosy-spacing)*4)}.cosy\:mr-1{margin-right:calc(var(--cosy-spacing)*1)}.cosy\:footer-title{text-transform:uppercase;opacity:.6;margin-bottom:.5rem;font-weight:600}.cosy\:mb-2{margin-bottom:calc(var(--cosy-spacing)*2)}.cosy\:mb-4{margin-bottom:calc(var(--cosy-spacing)*4)}.cosy\:mb-6{margin-bottom:calc(var(--cosy-spacing)*6)}.cosy\:mb-8{margin-bottom:calc(var(--cosy-spacing)*8)}.cosy\:ml-4{margin-left:calc(var(--cosy-spacing)*4)}.cosy\:tabs{--tabs-height:auto;--tabs-direction:row;height:var(--tabs-height);flex-wrap:wrap;flex-direction:var(--tabs-direction);display:flex}.cosy\:navbar{align-items:center;width:100%;min-height:4rem;padding:.5rem;display:flex}.cosy\:footer{grid-auto-flow:row;place-items:start;gap:2.5rem 1rem;width:100%;font-size:.875rem;line-height:1.25rem;display:grid}.cosy\:footer>*{place-items:start;gap:.5rem;display:grid}.cosy\:footer.cosy\:footer-center{text-align:center;grid-auto-flow:column dense;place-items:center}.cosy\:footer.cosy\:footer-center>*{place-items:center}.cosy\:navbar-end{justify-content:flex-end;align-items:center;width:50%;display:inline-flex}.cosy\:navbar-start{justify-content:flex-start;align-items:center;width:50%;display:inline-flex}.cosy\:card-body{padding:var(--card-p,1.5rem);font-size:var(--card-fs,.875rem);flex-direction:column;flex:auto;gap:.5rem;display:flex}.cosy\:card-body :where(p){flex-grow:1}.cosy\:navbar-center{flex-shrink:0;align-items:center;display:inline-flex}.cosy\: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}.cosy\:alert.cosy\:alert-outline{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none}.cosy\:alert.cosy\:alert-dash{color:var(--alert-color);box-shadow:none;background-color:#0000;background-image:none;border-style:dashed}.cosy\:alert.cosy\: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}.cosy\:card-title{font-size:var(--cardtitle-fs,1.125rem);align-items:center;gap:.5rem;font-weight:600;display:flex}:root .cosy\:prose{--tw-prose-body:color-mix(in oklab,var(--color-base-content)80%,#0000);--tw-prose-headings:var(--color-base-content);--tw-prose-lead:var(--color-base-content);--tw-prose-links:var(--color-base-content);--tw-prose-bold:var(--color-base-content);--tw-prose-counters:var(--color-base-content);--tw-prose-bullets:color-mix(in oklab,var(--color-base-content)50%,#0000);--tw-prose-hr:color-mix(in oklab,var(--color-base-content)20%,#0000);--tw-prose-quotes:var(--color-base-content);--tw-prose-quote-borders:color-mix(in oklab,var(--color-base-content)20%,#0000);--tw-prose-captions:color-mix(in oklab,var(--color-base-content)50%,#0000);--tw-prose-code:var(--color-base-content);--tw-prose-pre-code:var(--color-neutral-content);--tw-prose-pre-bg:var(--color-neutral);--tw-prose-th-borders:color-mix(in oklab,var(--color-base-content)50%,#0000);--tw-prose-td-borders:color-mix(in oklab,var(--color-base-content)20%,#0000);--tw-prose-kbd:color-mix(in oklab,var(--color-base-content)80%,#0000)}:root .cosy\:prose :where(code):not(pre>code){background-color:var(--color-base-200);border-radius:var(--radius-selector);border:var(--border)solid var(--color-base-300);font-weight:inherit;padding-inline:.5em}:root .cosy\:prose :where(code):not(pre>code):before,:root .cosy\:prose :where(code):not(pre>code):after{display:none}.cosy\:mask{vertical-align:middle;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cosy\:flex{display:flex}.cosy\:hidden{display:none}.cosy\:inline-flex{display:inline-flex}.cosy\:btn-circle{width:var(--size);height:var(--size);border-radius:3.40282e38px;padding-inline:0}.cosy\:btn-square{width:var(--size);height:var(--size);padding-inline:0}.cosy\:h-4{height:calc(var(--cosy-spacing)*4)}.cosy\:h-5{height:calc(var(--cosy-spacing)*5)}.cosy\:h-10{height:calc(var(--cosy-spacing)*10)}.cosy\:h-12{height:calc(var(--cosy-spacing)*12)}.cosy\:h-16{height:calc(var(--cosy-spacing)*16)}.cosy\:h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 4rem)}.cosy\:h-\[calc\(100vh-8rem\)\]{height:calc(100vh - 8rem)}.cosy\:h-full{height:100%}.cosy\:h-full\!{height:100%!important}.cosy\:h-screen{height:100vh}.cosy\:min-h-screen{min-height:100vh}.cosy\:btn-wide{width:100%;max-width:16rem}.cosy\:btn-block{width:100%}.cosy\:w-4{width:calc(var(--cosy-spacing)*4)}.cosy\:w-5{width:calc(var(--cosy-spacing)*5)}.cosy\:w-10{width:calc(var(--cosy-spacing)*10)}.cosy\:w-12{width:calc(var(--cosy-spacing)*12)}.cosy\:w-32{width:calc(var(--cosy-spacing)*32)}.cosy\:w-56{width:calc(var(--cosy-spacing)*56)}.cosy\:w-64{width:calc(var(--cosy-spacing)*64)}.cosy\:w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}.cosy\:w-full{width:100%}.cosy\:max-w-2xl{max-width:var(--cosy-container-2xl)}.cosy\:max-w-4xl{max-width:var(--cosy-container-4xl)}.cosy\:max-w-6xl{max-width:var(--cosy-container-6xl)}.cosy\:max-w-full{max-width:100%}.cosy\:max-w-xl{max-width:var(--cosy-container-xl)}.cosy\:max-w-xs{max-width:var(--cosy-container-xs)}.cosy\:flex-1{flex:1}.cosy\:shrink-0{flex-shrink:0}.cosy\:cursor-pointer{cursor:pointer}.cosy\:grid-flow-col{grid-auto-flow:column}.cosy\:flex-col{flex-direction:column}.cosy\:flex-row{flex-direction:row}.cosy\:items-center{align-items:center}.cosy\:justify-between{justify-content:space-between}.cosy\:justify-center{justify-content:center}.cosy\:gap-2{gap:calc(var(--cosy-spacing)*2)}.cosy\:gap-3{gap:calc(var(--cosy-spacing)*3)}.cosy\:gap-4{gap:calc(var(--cosy-spacing)*4)}.cosy\:gap-8{gap:calc(var(--cosy-spacing)*8)}.cosy\:overflow-hidden{overflow:hidden}.cosy\:overflow-x-auto{overflow-x:auto}.cosy\:overflow-y-auto{overflow-y:auto}.cosy\:tabs-box{background-color:var(--color-base-200);border-radius:calc(var(--radius-field) + min(.25rem,calc(var(--radius-field) + var(--radius-field) + var(--radius-field))));box-shadow:0 -.5px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 .5px oklch(0% 0 0/calc(var(--depth)*.05)) inset;padding:.25rem}.cosy\:tabs-box .cosy\:tab{border-radius:var(--radius-field);border-style:none}.cosy\:tabs-box .cosy\:tab:focus-visible,.cosy\:tabs-box .cosy\:tab:is(label:has(:checked:focus-visible)){outline-offset:2px}.cosy\:tabs-box :is(.cosy\:tab-active,[aria-selected=true]):not(.cosy\:tab-disabled,[disabled]),.cosy\:tabs-box :is(input:checked),.cosy\:tabs-box :is(label:has(:checked)){background-color:var(--tab-bg,var(--color-base-100));box-shadow:0 1px oklch(100% 0 0/calc(var(--depth)*.1)) inset,0 1px 1px -1px color-mix(in oklab,var(--color-neutral)calc(var(--depth)*50%),#0000),0 1px 6px -4px color-mix(in oklab,var(--color-neutral)calc(var(--depth)*100%),#0000)}@media (forced-colors:active){:is(.cosy\:tabs-box :is(.cosy\:tab-active,[aria-selected=true]):not(.cosy\:tab-disabled,[disabled]),.cosy\:tabs-box :is(input:checked),.cosy\:tabs-box :is(label:has(:checked))){border:1px solid}}.cosy\:menu-sm :where(li:not(.cosy\:menu-title)>:not(ul,details,.cosy\:menu-title)),.cosy\:menu-sm :where(li:not(.cosy\:menu-title)>details>summary:not(.cosy\:menu-title)){border-radius:var(--radius-field);padding-block:.25rem;padding-inline:.625rem;font-size:.75rem}.cosy\:menu-sm .cosy\:menu-title{padding-block:.5rem;padding-inline:.75rem}.cosy\:rounded{border-radius:.25rem}.cosy\:rounded-box{border-radius:var(--radius-box)}.cosy\:rounded-lg{border-radius:var(--cosy-radius-lg)}.cosy\:rounded-none{border-radius:0}.cosy\:border{border-style:var(--tw-border-style);border-width:1px}.cosy\:border-2{border-style:var(--tw-border-style);border-width:2px}.cosy\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.cosy\:border-dashed{--tw-border-style:dashed;border-style:dashed}.cosy\:alert-error{border-color:var(--color-error);color:var(--color-error-content);--alert-color:var(--color-error)}.cosy\:alert-info{border-color:var(--color-info);color:var(--color-info-content);--alert-color:var(--color-info)}.cosy\:alert-success{border-color:var(--color-success);color:var(--color-success-content);--alert-color:var(--color-success)}.cosy\:alert-warning{border-color:var(--color-warning);color:var(--color-warning-content);--alert-color:var(--color-warning)}.cosy\:border-base-200{border-color:var(--color-base-200)}.cosy\:border-base-300{border-color:var(--color-base-300)}.cosy\:border-blue-500{border-color:var(--cosy-color-blue-500)}.cosy\:border-green-500{border-color:var(--cosy-color-green-500)}.cosy\:border-purple-500{border-color:var(--cosy-color-purple-500)}.cosy\:border-red-500{border-color:var(--cosy-color-red-500)}.cosy\:border-yellow-500{border-color:var(--cosy-color-yellow-500)}.cosy\:bg-accent\/70{background-color:color-mix(in oklab,var(--color-accent)70%,transparent)}.cosy\:bg-base-100{background-color:var(--color-base-100)}.cosy\:bg-base-200{background-color:var(--color-base-200)}.cosy\:bg-base-300{background-color:var(--color-base-300)}.cosy\:bg-neutral{background-color:var(--color-neutral)}.cosy\:bg-primary{background-color:var(--color-primary)}.cosy\:bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}.cosy\:bg-secondary\/10{background-color:color-mix(in oklab,var(--color-secondary)10%,transparent)}.cosy\:bg-transparent{background-color:#0000}.cosy\:p-0{padding:calc(var(--cosy-spacing)*0)}.cosy\:p-2{padding:calc(var(--cosy-spacing)*2)}.cosy\:p-4{padding:calc(var(--cosy-spacing)*4)}.cosy\:p-6{padding:calc(var(--cosy-spacing)*6)}.cosy\:p-10{padding:calc(var(--cosy-spacing)*10)}.cosy\:px-1{padding-inline:calc(var(--cosy-spacing)*1)}.cosy\:px-4{padding-inline:calc(var(--cosy-spacing)*4)}.cosy\:px-6{padding-inline:calc(var(--cosy-spacing)*6)}.cosy\:py-0{padding-block:calc(var(--cosy-spacing)*0)}.cosy\:py-2{padding-block:calc(var(--cosy-spacing)*2)}.cosy\:py-4{padding-block:calc(var(--cosy-spacing)*4)}.cosy\:py-6{padding-block:calc(var(--cosy-spacing)*6)}.cosy\:py-12{padding-block:calc(var(--cosy-spacing)*12)}.cosy\:py-16{padding-block:calc(var(--cosy-spacing)*16)}.cosy\:py-24{padding-block:calc(var(--cosy-spacing)*24)}.cosy\:pt-4{padding-top:calc(var(--cosy-spacing)*4)}.cosy\:pb-96{padding-bottom:calc(var(--cosy-spacing)*96)}.cosy\:text-center{text-align:center}.cosy\:text-base{font-size:var(--cosy-text-base);line-height:var(--tw-leading,var(--cosy-text-base--line-height))}.cosy\:text-lg{font-size:var(--cosy-text-lg);line-height:var(--tw-leading,var(--cosy-text-lg--line-height))}.cosy\:text-sm{font-size:var(--cosy-text-sm);line-height:var(--tw-leading,var(--cosy-text-sm--line-height))}.cosy\:text-xl{font-size:var(--cosy-text-xl);line-height:var(--tw-leading,var(--cosy-text-xl--line-height))}.cosy\:text-xs{font-size:var(--cosy-text-xs);line-height:var(--tw-leading,var(--cosy-text-xs--line-height))}.cosy\:font-bold{--tw-font-weight:var(--cosy-font-weight-bold);font-weight:var(--cosy-font-weight-bold)}.cosy\:font-medium{--tw-font-weight:var(--cosy-font-weight-medium);font-weight:var(--cosy-font-weight-medium)}.cosy\:text-accent{color:var(--color-accent)}.cosy\:text-base-content{color:var(--color-base-content)}.cosy\:text-base-content\/60{color:color-mix(in oklab,var(--color-base-content)60%,transparent)}.cosy\:text-base-content\/70{color:color-mix(in oklab,var(--color-base-content)70%,transparent)}.cosy\:text-base-content\/80{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}.cosy\:text-neutral{color:var(--color-neutral)}.cosy\:text-neutral-content{color:var(--color-neutral-content)}.cosy\:text-primary{color:var(--color-primary)}.cosy\:text-primary-content{color:var(--color-primary-content)}.cosy\:text-secondary{color:var(--color-secondary)}.cosy\:text-success{color:var(--color-success)}.cosy\: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}.cosy\:btn-link:is(.cosy\:btn-active,:hover,:active:focus,:focus-visible){--btn-border:#0000;--btn-bg:#0000;text-decoration-line:underline}.cosy\:no-underline{text-decoration-line:none}.cosy\:opacity-70{opacity:.7}.cosy\:shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.cosy\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.cosy\:shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.cosy\:btn-ghost:not(.cosy\:btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none}.cosy\:btn-ghost:not(.cosy\:btn-active,:hover,:active:focus,:focus-visible):not(:disabled,[disabled],.cosy\:btn-disabled){--btn-fg:currentColor;outline-color:currentColor}.cosy\:backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.cosy\:transition-\[filter\]{transition-property:filter;transition-timing-function:var(--tw-ease,var(--cosy-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cosy-default-transition-duration))}.cosy\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--cosy-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cosy-default-transition-duration))}.cosy\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--cosy-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cosy-default-transition-duration))}.cosy\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--cosy-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cosy-default-transition-duration))}.cosy\:duration-200{--tw-duration:.2s;transition-duration:.2s}.cosy\:duration-300{--tw-duration:.3s;transition-duration:.3s}.cosy\:prose-slate{--tw-prose-body:oklch(.372 .044 257.287);--tw-prose-headings:oklch(.208 .042 265.755);--tw-prose-lead:oklch(.446 .043 257.281);--tw-prose-links:oklch(.208 .042 265.755);--tw-prose-bold:oklch(.208 .042 265.755);--tw-prose-counters:oklch(.554 .046 257.417);--tw-prose-bullets:oklch(.869 .022 252.894);--tw-prose-hr:oklch(.929 .013 255.508);--tw-prose-quotes:oklch(.208 .042 265.755);--tw-prose-quote-borders:oklch(.929 .013 255.508);--tw-prose-captions:oklch(.554 .046 257.417);--tw-prose-kbd:oklch(.208 .042 265.755);--tw-prose-kbd-shadows:NaN NaN NaN;--tw-prose-code:oklch(.208 .042 265.755);--tw-prose-pre-code:oklch(.929 .013 255.508);--tw-prose-pre-bg:oklch(.279 .041 260.031);--tw-prose-th-borders:oklch(.869 .022 252.894);--tw-prose-td-borders:oklch(.929 .013 255.508);--tw-prose-invert-body:oklch(.869 .022 252.894);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(.704 .04 256.788);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(.704 .04 256.788);--tw-prose-invert-bullets:oklch(.446 .043 257.281);--tw-prose-invert-hr:oklch(.372 .044 257.287);--tw-prose-invert-quotes:oklch(.968 .007 247.896);--tw-prose-invert-quote-borders:oklch(.372 .044 257.287);--tw-prose-invert-captions:oklch(.704 .04 256.788);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(.869 .022 252.894);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(.446 .043 257.281);--tw-prose-invert-td-borders:oklch(.372 .044 257.287)}.cosy\:btn-outline:not(.cosy\:btn-active,:hover,:active:focus,:focus-visible,:disabled,[disabled],.cosy\:btn-disabled,:checked,[checked]){--btn-shadow:"";--btn-bg:#0000;--btn-fg:var(--btn-color);--btn-border:var(--btn-color);--btn-noise:none}.cosy\:btn-lg{--fontsize:1.125rem;--btn-p:1.25rem;--size:calc(var(--size-field,.25rem)*12)}.cosy\:btn-md{--fontsize:.875rem;--btn-p:1rem;--size:calc(var(--size-field,.25rem)*10)}.cosy\:btn-sm{--fontsize:.75rem;--btn-p:.75rem;--size:calc(var(--size-field,.25rem)*8)}.cosy\:btn-xs{--fontsize:.6875rem;--btn-p:.5rem;--size:calc(var(--size-field,.25rem)*6)}.cosy\:btn-accent{--btn-color:var(--color-accent);--btn-fg:var(--color-accent-content)}.cosy\:btn-error{--btn-color:var(--color-error);--btn-fg:var(--color-error-content)}.cosy\:btn-info{--btn-color:var(--color-info);--btn-fg:var(--color-info-content)}.cosy\:btn-neutral{--btn-color:var(--color-neutral);--btn-fg:var(--color-neutral-content)}.cosy\:btn-primary{--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content)}.cosy\:btn-secondary{--btn-color:var(--color-secondary);--btn-fg:var(--color-secondary-content)}.cosy\:btn-success{--btn-color:var(--color-success);--btn-fg:var(--color-success-content)}.cosy\:btn-warning{--btn-color:var(--color-warning);--btn-fg:var(--color-warning-content)}.cosy\:mask-squircle{-webkit-mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e")}@media (hover:hover){.cosy\:hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--cosy-spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.cosy\:hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.cosy\:hover\:bg-base-300:hover{background-color:var(--color-base-300)}.cosy\:hover\:text-base-content\/80:hover{color:color-mix(in oklab,var(--color-base-content)80%,transparent)}.cosy\:hover\:text-base-content\/90:hover{color:color-mix(in oklab,var(--color-base-content)90%,transparent)}.cosy\:hover\:text-primary:hover{color:var(--color-primary)}.cosy\:hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.cosy\:hover\:brightness-125:hover{--tw-brightness:brightness(125%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}@media (width>=40rem){.cosy\:sm\:footer-horizontal{grid-auto-flow:column}.cosy\:sm\:footer-horizontal.cosy\:footer-center{grid-auto-flow:dense}}@media (width>=48rem){.cosy\:md\:h-56{height:calc(var(--cosy-spacing)*56)}.cosy\:md\:flex-row{flex-direction:row}.cosy\:md\:items-start{align-items:flex-start}.cosy\:md\:justify-between{justify-content:space-between}}@media (width>=64rem){.cosy\:lg\:block{display:block}.cosy\:lg\:flex{display:flex}.cosy\:lg\:hidden{display:none}.cosy\:lg\:w-64{width:calc(var(--cosy-spacing)*64)}.cosy\:lg\:w-80{width:calc(var(--cosy-spacing)*80)}.cosy\:lg\:shrink-0{flex-shrink:0}.cosy\:lg\:flex-row{flex-direction:row}.cosy\:lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.cosy\:lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.cosy\:lg\:py-8{padding-block:calc(var(--cosy-spacing)*8)}}@media (width>=80rem){.cosy\:xl\:block{display:block}}@media (prefers-color-scheme:dark){.cosy\:dark\:prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}}}@keyframes skeleton{0%{background-position:150%}to{background-position:-50%}}@keyframes progress{50%{background-position-x:-115%}}@keyframes radio{0%{padding:5px}50%{padding:3px}}@keyframes dropdown{0%{opacity:0}}@keyframes rating{0%,40%{filter:brightness(1.05)contrast(1.05);scale:1.1}}@keyframes toast{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}
|
@@ -1,186 +1,91 @@
|
|
1
1
|
---
|
2
2
|
/**
|
3
3
|
* @component Alert
|
4
|
-
*
|
4
|
+
*
|
5
5
|
* @description
|
6
6
|
* Alert 组件用于向用户显示重要的提示信息,支持多种类型的提示样式和交互效果。
|
7
|
-
*
|
8
|
-
* @design
|
9
|
-
* 设计理念:
|
10
|
-
* 1. 简洁明了 - 使用清晰的视觉层次和颜色编码传达信息的重要性和类型
|
11
|
-
* 2. 响应式交互 - 提供丰富的动画和交互反馈,增强用户体验
|
12
|
-
* 3. 可定制性 - 支持多种配置选项,适应不同场景需求
|
13
|
-
* 4. 无障碍性 - 遵循 WAI-ARIA 实践,确保所有用户都能获得良好体验
|
14
|
-
*
|
15
|
-
* 视觉特点:
|
16
|
-
* - 入场/退出动画:平滑的滑入/滑出效果
|
17
|
-
* - 悬停效果:轻微上浮和阴影增强
|
18
|
-
* - 图标动画:悬停时轻微放大
|
19
|
-
* - 左侧彩色边框:直观区分不同类型的提示
|
20
|
-
* - 进度条:自动关闭时的视觉倒计时
|
21
|
-
*
|
7
|
+
*
|
22
8
|
* @usage
|
23
9
|
* 基本用法:
|
24
10
|
* ```astro
|
25
11
|
* <Alert type="info">这是一条信息提示</Alert>
|
26
12
|
* ```
|
27
|
-
*
|
13
|
+
*
|
28
14
|
* 带标题:
|
29
15
|
* ```astro
|
30
16
|
* <Alert type="success" title="操作成功">您的操作已成功完成</Alert>
|
31
17
|
* ```
|
32
|
-
*
|
33
|
-
* 可关闭的提示:
|
34
|
-
* ```astro
|
35
|
-
* <Alert type="warning" closeable={true}>请注意这个警告信息</Alert>
|
36
|
-
* ```
|
37
|
-
*
|
38
|
-
* 自动关闭:
|
39
|
-
* ```astro
|
40
|
-
* <Alert type="success" autoClose={5000}>5秒后自动关闭</Alert>
|
41
|
-
* ```
|
42
|
-
*
|
18
|
+
*
|
43
19
|
* 组合使用:
|
44
20
|
* ```astro
|
45
|
-
* <Alert
|
46
|
-
* type="error"
|
47
|
-
* title="提交失败"
|
48
|
-
* closeable={true}
|
49
|
-
* autoClose={10000}
|
21
|
+
* <Alert
|
22
|
+
* type="error"
|
23
|
+
* title="提交失败"
|
50
24
|
* class="my-custom-class"
|
51
25
|
* >
|
52
26
|
* 请检查表单并重新提交
|
53
27
|
* </Alert>
|
54
28
|
* ```
|
55
|
-
*
|
29
|
+
*
|
56
30
|
* @props
|
57
31
|
* @prop {('info'|'success'|'warning'|'error')} [type='info'] - 提示类型,影响颜色和图标
|
58
32
|
* @prop {string} [title] - 提示标题,可选
|
59
|
-
* @prop {boolean} [closeable=false] - 是否显示关闭按钮
|
60
33
|
* @prop {string} [class] - 自定义 CSS 类名
|
61
|
-
*
|
62
|
-
*
|
34
|
+
*
|
63
35
|
* @slots
|
64
36
|
* @slot default - 提示内容
|
65
|
-
*
|
66
|
-
* @cssVariables
|
67
|
-
* 组件内部使用的 CSS 变量:
|
68
|
-
* --auto-close-duration: 进度条动画持续时间,自动设置为 autoClose 属性值
|
69
|
-
*
|
70
|
-
* @accessibility
|
71
|
-
* - 使用适当的 ARIA 角色(role="alert")
|
72
|
-
* - 关闭按钮带有描述性 aria-label
|
73
|
-
* - 动画遵循 prefers-reduced-motion 媒体查询(待实现)
|
74
|
-
*
|
75
|
-
* @dependencies
|
76
|
-
* 依赖于以下图标组件:
|
77
|
-
* - InfoIcon, SuccessIcon, WarningIcon, ErrorIcon, CloseIcon
|
78
37
|
*/
|
79
38
|
|
80
|
-
//
|
81
|
-
import
|
82
|
-
|
39
|
+
// 导入其他资源必须使用相对路径
|
40
|
+
import '../../app.css';
|
83
41
|
import { InfoIcon, SuccessIcon, WarningIcon, ErrorIcon, CloseIcon } from '../../index';
|
84
42
|
|
85
43
|
interface Props {
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
class?: string;
|
90
|
-
autoClose?: number; // 自动关闭的时间(毫秒),如果不设置则不自动关闭
|
44
|
+
type?: 'info' | 'success' | 'warning' | 'error';
|
45
|
+
title?: string;
|
46
|
+
class?: string;
|
91
47
|
}
|
92
48
|
|
93
|
-
const {
|
94
|
-
type = 'info',
|
95
|
-
title,
|
96
|
-
closeable = false,
|
97
|
-
class: className = '',
|
98
|
-
autoClose,
|
99
|
-
} = Astro.props;
|
49
|
+
const { type = 'info', title, class: className = '' } = Astro.props;
|
100
50
|
|
101
51
|
// 根据类型设置样式
|
102
52
|
const alertClass = {
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
53
|
+
info: 'cosy:alert-info',
|
54
|
+
success: 'cosy:alert-success',
|
55
|
+
warning: 'cosy:alert-warning',
|
56
|
+
error: 'cosy:alert-error',
|
107
57
|
}[type as 'info' | 'success' | 'warning' | 'error'];
|
108
58
|
|
109
59
|
// 根据类型设置图标组件
|
110
60
|
const IconComponent = {
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
61
|
+
info: InfoIcon,
|
62
|
+
success: SuccessIcon,
|
63
|
+
warning: WarningIcon,
|
64
|
+
error: ErrorIcon,
|
115
65
|
}[type as 'info' | 'success' | 'warning' | 'error'];
|
116
66
|
---
|
117
67
|
|
118
|
-
<div class={`cosy:alert ${alertClass} ${className}`} role="alert"
|
119
|
-
|
120
|
-
|
121
|
-
<IconComponent />
|
122
|
-
</div>
|
123
|
-
<div class="cosy:alert-body">
|
124
|
-
{title && <h3 class="cosy:alert-title">{title}</h3>}
|
125
|
-
<div class="cosy:alert-message"><slot /></div>
|
126
|
-
</div>
|
127
|
-
{closeable && (
|
128
|
-
<button class="cosy:alert-close-btn" aria-label="关闭提示">
|
129
|
-
<CloseIcon />
|
130
|
-
</button>
|
131
|
-
)}
|
132
|
-
</div>
|
133
|
-
{autoClose && <div class="cosy:alert-progress"></div>}
|
134
|
-
</div>
|
135
|
-
|
136
|
-
<script define:vars={{ closeable, autoClose }}>
|
137
|
-
/**
|
138
|
-
* 初始化所有 Alert 组件
|
139
|
-
* 设置关闭按钮事件和自动关闭功能
|
140
|
-
*/
|
141
|
-
function initializeAlerts() {
|
142
|
-
const alerts = document.querySelectorAll('.cosy\\:alert');
|
143
|
-
|
144
|
-
alerts.forEach(alert => {
|
145
|
-
// 设置关闭按钮
|
146
|
-
if (closeable) {
|
147
|
-
const closeBtn = alert.querySelector('.cosy\\:alert-close-btn');
|
148
|
-
if (closeBtn) {
|
149
|
-
closeBtn.addEventListener('click', () => closeAlert(alert));
|
150
|
-
}
|
151
|
-
}
|
152
|
-
|
153
|
-
// 设置自动关闭
|
154
|
-
const autoCloseTime = alert.dataset.autoClose;
|
155
|
-
if (autoCloseTime) {
|
156
|
-
// 设置进度条动画时间
|
157
|
-
alert.style.setProperty('--auto-close-duration', `${autoCloseTime}ms`);
|
158
|
-
|
159
|
-
// 设置定时器自动关闭
|
160
|
-
setTimeout(() => {
|
161
|
-
closeAlert(alert);
|
162
|
-
}, parseInt(autoCloseTime));
|
163
|
-
}
|
164
|
-
});
|
165
|
-
}
|
166
|
-
|
167
|
-
/**
|
168
|
-
* 关闭 Alert 的动画处理
|
169
|
-
* @param {HTMLElement} alert - 要关闭的 Alert 元素
|
170
|
-
*/
|
171
|
-
function closeAlert(alert) {
|
172
|
-
// 添加关闭动画类
|
173
|
-
alert.classList.add('cosy:closing');
|
174
|
-
|
175
|
-
// 动画结束后移除元素
|
176
|
-
setTimeout(() => {
|
177
|
-
alert.remove();
|
178
|
-
}, 300); // 与动画时长相匹配
|
179
|
-
}
|
68
|
+
<div class={`cosy:alert ${alertClass} ${className}`} role="alert">
|
69
|
+
<div class="cosy:alert-content cosy:flex cosy:flex-row cosy:gap-4 cosy:items-center">
|
70
|
+
<IconComponent />
|
180
71
|
|
181
|
-
|
182
|
-
|
72
|
+
<div class="cosy:flex cosy:items-center cosy:h-full cosy:flex-col">
|
73
|
+
{
|
74
|
+
title && (
|
75
|
+
<h3 class="cosy:font-bold" style="margin-top: 0 !important">
|
76
|
+
{title}
|
77
|
+
</h3>
|
78
|
+
)
|
79
|
+
}
|
80
|
+
{
|
81
|
+
title && (
|
82
|
+
<div class="cosy:text-xs">
|
83
|
+
<slot />
|
84
|
+
</div>
|
85
|
+
)
|
86
|
+
}
|
183
87
|
|
184
|
-
|
185
|
-
|
186
|
-
</
|
88
|
+
{!title && <slot />}
|
89
|
+
</div>
|
90
|
+
</div>
|
91
|
+
</div>
|