frutjam 1.5.0-beta.0 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/README.md +34 -20
  2. package/dist/frutjam.local.css +2 -0
  3. package/dist/frutjam.min.css +5 -0
  4. package/dist/frutjam.min.css.map +1 -0
  5. package/dist/frutjam.min.js +3 -0
  6. package/dist/frutjam.min.js.LICENSE.txt +1 -0
  7. package/dist/frutjam.min.js.map +1 -0
  8. package/dist/frutjam.safelist.local.css +1 -0
  9. package/package.json +61 -28
  10. package/src/base/preflight.css +0 -7
  11. package/src/components/accordion.css +0 -63
  12. package/src/components/badge.css +0 -239
  13. package/src/components/breadcrumb.css +0 -90
  14. package/src/components/button.css +0 -378
  15. package/src/components/card.css +0 -122
  16. package/src/components/checkbox.css +0 -290
  17. package/src/components/container.css +0 -52
  18. package/src/components/divider.css +0 -229
  19. package/src/components/drawer.css +0 -158
  20. package/src/components/dropdown.css +0 -122
  21. package/src/components/header.css +0 -26
  22. package/src/components/input.css +0 -340
  23. package/src/components/link.css +0 -159
  24. package/src/components/modal.css +0 -129
  25. package/src/components/nav.css +0 -36
  26. package/src/components/popover.css +0 -140
  27. package/src/components/sidebar.css +0 -22
  28. package/src/components/typography.css +0 -7
  29. package/src/main.css +0 -22
  30. package/src/main.js +0 -1
  31. package/src/theme/animation/slide.css +0 -6
  32. package/src/theme/animation/wiggle.css +0 -14
  33. package/src/theme/jams/base.css +0 -123
  34. package/src/theme/jams/darkberry.css +0 -134
  35. package/src/theme/jams/pinkberry.css +0 -0
  36. package/src/theme/jams/snowberry.css +0 -139
  37. package/src/theme/placement.css +0 -8
  38. package/src/theme/typography.css +0 -8
  39. package/src/utilities/headings.css +0 -22
  40. package/src/utilities/para.css +0 -22
  41. package/src/utilities/surface.css +0 -64
package/README.md CHANGED
@@ -1,21 +1,25 @@
1
- [![Total Downloads](https://img.shields.io/npm/dt/frutjam.svg)](https://www.npmjs.com/package/frutjam)
1
+ [![npm installs][npm_installs]](https://www.npmjs.com/package/frutjam)
2
+ [![Jsdelivr hits][jsdelivr]](https://cdn.jsdelivr.net/npm/frutjam)
2
3
  [![Latest Release](https://img.shields.io/npm/v/frutjam.svg)](https://github.com/nezanuha/frutjam/releases)
3
4
  [![License](https://img.shields.io/npm/l/frutjam.svg)](https://github.com/nezanuha/frutjam/blob/master/LICENSE)
4
5
  [![Secured](https://img.shields.io/badge/Security-Passed-green)](https://snyk.io/test/github/nezanuha/frutjam)
5
6
 
6
7
  ---
7
8
 
8
- ## ⚡ Frutjam — Tailwind CSS UI Library for Fast Development
9
+ # Frutjam: Free & Open-Source Tailwind CSS UI Library
9
10
 
10
- **Frutjam** is a lightweight UI library built on top of **Tailwind CSS**, designed to help developers build accessible, SEO-friendly, and W3C-compliant interfaces—fast.
11
+ [Frutjam](https://frutjam.com) is a lightweight, modern UI library built for speed. It provides prebuilt Tailwind CSS components and JavaScript-powered plugins that are completely free to use. No complex setup—just copy, paste, and build.
11
12
 
12
- With a wide selection of prebuilt components and themes, Frutjam makes it easy to hit the ground running or fully customize your design system.
13
+ [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
14
+ [![GitHub stars](https://img.shields.io/github/stars/nezanuha/frutjam.svg)](https://github.com/nezanuha/frutjam/stargazers)
13
15
 
14
- [![Ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/nezanuha)
16
+ ## Pure CSS, no JavaScript needed. Framework-agnostic and fully compatible everywhere.
17
+
18
+ **Frutjam** is a lightweight UI library built on top of **Tailwind CSS**, designed to help developers build accessible, SEO-friendly, and W3C-compliant interfaces—fast. With a wide selection of prebuilt components and themes, Frutjam makes it easy to hit the ground running or fully customize your design system.
15
19
 
16
20
  ---
17
21
 
18
- ### ✨ Features
22
+ ## Key Features
19
23
 
20
24
  * 🧱 **Prebuilt UI Components** — Plug-and-play components to save time
21
25
  * 🎨 **Customizable Themes** — Use built-in themes or create your own
@@ -26,41 +30,46 @@ With a wide selection of prebuilt components and themes, Frutjam makes it easy t
26
30
 
27
31
  ---
28
32
 
29
- ### 🚀 Installation
33
+ ## Installation & Usage
34
+
35
+ Import Tailwind CSS and Frutjam into your main stylesheet:
30
36
 
31
37
  ```bash
32
38
  npm install frutjam
33
39
  ```
34
40
 
35
- ---
36
-
37
- ### 📦 Usage
38
-
39
- Import Tailwind CSS and Frutjam into your main stylesheet:
40
-
41
41
  ```css
42
42
  @import "tailwindcss";
43
43
  @import "frutjam";
44
44
  ```
45
45
 
46
+ ## Basic Example
47
+
48
+ ```html
49
+ <button class="btn btn-primary">
50
+ Launch App
51
+ </button>
52
+ ```
53
+
46
54
  That’s it — you're ready to build with Frutjam components!
47
55
 
48
56
  ---
49
57
 
50
- ### 📚 Documentation
58
+ ## Live Demo & Documentation
51
59
 
52
- For examples, theming, and full usage guides, visit:
53
- 👉 **[frutjam.com](https://frutjam.com)**
60
+ For full documentation and live interactive previews, visit our official site: 👉 **[frutjam](https://frutjam.com/docs)**
54
61
 
55
62
  ---
56
63
 
57
64
  ## 🤝 Contributing
58
65
 
59
- Contributions are welcome! If you find a bug, have a feature request, or want to help improve the library:
66
+ Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
60
67
 
61
68
  1. Fork the repo
62
- 2. Create a new branch
63
- 3. Submit a pull request
69
+ 2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
70
+ 3. Commit your Changes (git commit -m 'Add some AmazingFeature')
71
+ 4. Push to the Branch (git push origin feature/AmazingFeature)
72
+ 5. Open a Pull Request
64
73
 
65
74
  Please check the [contributing guidelines](.github/CONTRIBUTING.md) before starting.
66
75
 
@@ -68,4 +77,9 @@ Please check the [contributing guidelines](.github/CONTRIBUTING.md) before start
68
77
 
69
78
  ## 📄 License
70
79
 
71
- This project is licensed under the [MIT License](LICENSE).
80
+ Distributed under the MIT License. See [MIT License](LICENSE) for more information.
81
+
82
+ ---
83
+
84
+ [jsdelivr]: https://badgen.net/jsdelivr/hits/npm/frutjam
85
+ [npm_installs]: https://badgen.net/npm/dt/frutjam
@@ -0,0 +1,2 @@
1
+ /*! frutjam v1.6.0 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
2
+ @custom-variant focus-or-within{&:focus,&:focus-within{@slot}}@layer base{:root,[data-theme]{--palette-shade-light-color:white;--palette-shade-dark-color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:var(--scheme-color,light);color:var(--color-on-base);background-color:var(--color-base);*,::after,::backdrop,::before,::file-selector-button{box-sizing:border-box;border:0 solid;padding:0;margin:0}:host,html{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" );-webkit-tap-highlight-color:#0000}main,footer{background-color:var(--color-base)}p{text-wrap-style:pretty;color:light-dark( color-mix(in oklch,var(--palette-shade-light-color) 20%,var(--color-on-base) 80%),color-mix(in oklch,var(--palette-shade-dark-color) 20%,var(--color-on-base) 80%) );font-size:var(--text-base)}menu,ol,ul{list-style:none;color:light-dark( color-mix(in oklch,var(--palette-shade-light-color) 20%,var(--color-on-base) 80%),color-mix(in oklch,var(--palette-shade-dark-color) 20%,var(--color-on-base) 80%) );font-size:var(--text-base)}strong{color:var(--color-on-base)}code{font-weight:600;background-color:var(--color-base-soft);color:var(--color-on-base-soft);padding:0.2em 0.4em;border-radius:calc(var(--border-radius) * 1.5)}img,video{max-width:100%;height:auto}textarea{resize:vertical}--color-base-soft:light-dark(color-mix(in oklch,black 5%,var(--color-base-600) 25%),color-mix(in oklch,black 10%,var(--color-base-400) 75%));--color-on-base-soft:var(--color-on-base);--color-base-active:light-dark(color-mix(in oklch,black 5%,var(--color-base-600) 45%),color-mix(in oklch,black 10%,var(--color-base-400) 85%));--color-base-50:color-mix(in oklch,var(--palette-shade-light-color) 72%,var(--color-base) 28%);--color-base-100:color-mix(in oklch,var(--palette-shade-light-color) 59%,var(--color-base) 41%);--color-base-200:color-mix(in oklch,var(--palette-shade-light-color) 48%,var(--color-base) 52%);--color-base-300:color-mix(in oklch,var(--palette-shade-light-color) 36%,var(--color-base) 64%);--color-base-400:color-mix(in oklch,var(--palette-shade-light-color) 20%,var(--color-base) 80%);--color-base-500:var(--color-base);--color-base-600:color-mix(in oklch,var(--palette-shade-dark-color) 20%,var(--color-base) 80%);--color-base-700:color-mix(in oklch,var(--palette-shade-dark-color) 36%,var(--color-base) 64%);--color-base-800:color-mix(in oklch,var(--palette-shade-dark-color) 48%,var(--color-base) 52%);--color-base-900:color-mix(in oklch,var(--palette-shade-dark-color) 59%,var(--color-base) 41%);--color-base-950:color-mix(in oklch,var(--palette-shade-dark-color) 72%,var(--color-base) 28%);--color-neutral-soft:color-mix(in oklab,var(--color-neutral-500) 10%,transparent);--color-on-neutral-soft:light-dark(var(--color-neutral-800),var(--color-neutral-500));--color-neutral-active:color-mix(in oklab,var(--color-neutral-500) 90%,transparent);--color-neutral-50:color-mix(in oklch,var(--palette-shade-light-color) 72%,var(--color-neutral) 28%);--color-neutral-100:color-mix(in oklch,var(--palette-shade-light-color) 59%,var(--color-neutral) 41%);--color-neutral-200:color-mix(in oklch,var(--palette-shade-light-color) 48%,var(--color-neutral) 52%);--color-neutral-300:color-mix(in oklch,var(--palette-shade-light-color) 36%,var(--color-neutral) 64%);--color-neutral-400:color-mix(in oklch,var(--palette-shade-light-color) 20%,var(--color-neutral) 80%);--color-neutral-500:var(--color-neutral);--color-neutral-600:color-mix(in oklch,var(--palette-shade-dark-color) 20%,var(--color-neutral) 80%);--color-neutral-700:color-mix(in oklch,var(--palette-shade-dark-color) 36%,var(--color-neutral) 64%);--color-neutral-800:color-mix(in oklch,var(--palette-shade-dark-color) 48%,var(--color-neutral) 52%);--color-neutral-900:color-mix(in oklch,var(--palette-shade-dark-color) 59%,var(--color-neutral) 41%);--color-neutral-950:color-mix(in oklch,var(--palette-shade-dark-color) 72%,var(--color-neutral) 28%);--color-primary-soft:color-mix(in oklab,var(--color-primary-500) 10%,transparent);--color-on-primary-soft:light-dark(var(--color-primary-800),var(--color-primary-500));--color-primary-active:color-mix(in oklab,var(--color-primary-500) 90%,transparent);--color-primary-50:color-mix(in oklch,var(--palette-shade-light-color) 72%,var(--color-primary) 28%);--color-primary-100:color-mix(in oklch,var(--palette-shade-light-color) 59%,var(--color-primary) 41%);--color-primary-200:color-mix(in oklch,var(--palette-shade-light-color) 48%,var(--color-primary) 52%);--color-primary-300:color-mix(in oklch,var(--palette-shade-light-color) 36%,var(--color-primary) 64%);--color-primary-400:color-mix(in oklch,var(--palette-shade-light-color) 20%,var(--color-primary) 80%);--color-primary-500:var(--color-primary);--color-primary-600:color-mix(in oklch,var(--palette-shade-dark-color) 20%,var(--color-primary) 80%);--color-primary-700:color-mix(in oklch,var(--palette-shade-dark-color) 36%,var(--color-primary) 64%);--color-primary-800:color-mix(in oklch,var(--palette-shade-dark-color) 48%,var(--color-primary) 52%);--color-primary-900:color-mix(in oklch,var(--palette-shade-dark-color) 59%,var(--color-primary) 41%);--color-primary-950:color-mix(in oklch,var(--palette-shade-dark-color) 72%,var(--color-primary) 28%);--color-secondary-soft:color-mix(in oklab,var(--color-secondary-500) 10%,transparent);--color-on-secondary-soft:light-dark(var(--color-secondary-800),var(--color-secondary-500));--color-secondary-active:color-mix(in oklab,var(--color-secondary-500) 90%,transparent);--color-secondary-50:color-mix(in oklch,var(--palette-shade-light-color) 72%,var(--color-secondary) 28%);--color-secondary-100:color-mix(in oklch,var(--palette-shade-light-color) 59%,var(--color-secondary) 41%);--color-secondary-200:color-mix(in oklch,var(--palette-shade-light-color) 48%,var(--color-secondary) 52%);--color-secondary-300:color-mix(in oklch,var(--palette-shade-light-color) 36%,var(--color-secondary) 64%);--color-secondary-400:color-mix(in oklch,var(--palette-shade-light-color) 20%,var(--color-secondary) 80%);--color-secondary-500:var(--color-secondary);--color-secondary-600:color-mix(in oklch,var(--palette-shade-dark-color) 20%,var(--color-secondary) 80%);--color-secondary-700:color-mix(in oklch,var(--palette-shade-dark-color) 36%,var(--color-secondary) 64%);--color-secondary-800:color-mix(in oklch,var(--palette-shade-dark-color) 48%,var(--color-secondary) 52%);--color-secondary-900:color-mix(in oklch,var(--palette-shade-dark-color) 59%,var(--color-secondary) 41%);--color-secondary-950:color-mix(in oklch,var(--palette-shade-dark-color) 72%,var(--color-secondary) 28%);--color-accent-soft:color-mix(in oklab,var(--color-accent-500) 10%,transparent);--color-on-accent-soft:light-dark(var(--color-accent-800),var(--color-accent-500));--color-accent-active:color-mix(in oklab,var(--color-accent-500) 90%,transparent);--color-accent-50:color-mix(in oklch,var(--palette-shade-light-color) 72%,var(--color-accent) 28%);--color-accent-100:color-mix(in oklch,var(--palette-shade-light-color) 59%,var(--color-accent) 41%);--color-accent-200:color-mix(in oklch,var(--palette-shade-light-color) 48%,var(--color-accent) 52%);--color-accent-300:color-mix(in oklch,var(--palette-shade-light-color) 36%,var(--color-accent) 64%);--color-accent-400:color-mix(in oklch,var(--palette-shade-light-color) 20%,var(--color-accent) 80%);--color-accent-500:var(--color-accent);--color-accent-600:color-mix(in oklch,var(--palette-shade-dark-color) 20%,var(--color-accent) 80%);--color-accent-700:color-mix(in oklch,var(--palette-shade-dark-color) 36%,var(--color-accent) 64%);--color-accent-800:color-mix(in oklch,var(--palette-shade-dark-color) 48%,var(--color-accent) 52%);--color-accent-900:color-mix(in oklch,var(--palette-shade-dark-color) 59%,var(--color-accent) 41%);--color-accent-950:color-mix(in oklch,var(--palette-shade-dark-color) 72%,var(--color-accent) 28%);--color-info-soft:color-mix(in oklab,var(--color-info-500) 10%,transparent);--color-on-info-soft:light-dark(var(--color-info-800),var(--color-info-500));--color-info-active:color-mix(in oklab,var(--color-info-500) 90%,transparent);--color-info-50:color-mix(in oklch,var(--palette-shade-light-color) 72%,var(--color-info) 28%);--color-info-100:color-mix(in oklch,var(--palette-shade-light-color) 59%,var(--color-info) 41%);--color-info-200:color-mix(in oklch,var(--palette-shade-light-color) 48%,var(--color-info) 52%);--color-info-300:color-mix(in oklch,var(--palette-shade-light-color) 36%,var(--color-info) 64%);--color-info-400:color-mix(in oklch,var(--palette-shade-light-color) 20%,var(--color-info) 80%);--color-info-500:var(--color-info);--color-info-600:color-mix(in oklch,var(--palette-shade-dark-color) 20%,var(--color-info) 80%);--color-info-700:color-mix(in oklch,var(--palette-shade-dark-color) 36%,var(--color-info) 64%);--color-info-800:color-mix(in oklch,var(--palette-shade-dark-color) 48%,var(--color-info) 52%);--color-info-900:color-mix(in oklch,var(--palette-shade-dark-color) 59%,var(--color-info) 41%);--color-info-950:color-mix(in oklch,var(--palette-shade-dark-color) 72%,var(--color-info) 28%);--color-success-soft:color-mix(in oklab,var(--color-success-500) 10%,transparent);--color-on-success-soft:light-dark(var(--color-success-800),var(--color-success-500));--color-success-active:color-mix(in oklab,var(--color-success-500) 90%,transparent);--color-success-50:color-mix(in oklch,var(--palette-shade-light-color) 72%,var(--color-success) 28%);--color-success-100:color-mix(in oklch,var(--palette-shade-light-color) 59%,var(--color-success) 41%);--color-success-200:color-mix(in oklch,var(--palette-shade-light-color) 48%,var(--color-success) 52%);--color-success-300:color-mix(in oklch,var(--palette-shade-light-color) 36%,var(--color-success) 64%);--color-success-400:color-mix(in oklch,var(--palette-shade-light-color) 20%,var(--color-success) 80%);--color-success-500:var(--color-success);--color-success-600:color-mix(in oklch,var(--palette-shade-dark-color) 20%,var(--color-success) 80%);--color-success-700:color-mix(in oklch,var(--palette-shade-dark-color) 36%,var(--color-success) 64%);--color-success-800:color-mix(in oklch,var(--palette-shade-dark-color) 48%,var(--color-success) 52%);--color-success-900:color-mix(in oklch,var(--palette-shade-dark-color) 59%,var(--color-success) 41%);--color-success-950:color-mix(in oklch,var(--palette-shade-dark-color) 72%,var(--color-success) 28%);--color-warning-soft:color-mix(in oklab,var(--color-warning-500) 10%,transparent);--color-on-warning-soft:light-dark(var(--color-warning-800),var(--color-warning-500));--color-warning-active:color-mix(in oklab,var(--color-warning-500) 90%,transparent);--color-warning-50:color-mix(in oklch,var(--palette-shade-light-color) 72%,var(--color-warning) 28%);--color-warning-100:color-mix(in oklch,var(--palette-shade-light-color) 59%,var(--color-warning) 41%);--color-warning-200:color-mix(in oklch,var(--palette-shade-light-color) 48%,var(--color-warning) 52%);--color-warning-300:color-mix(in oklch,var(--palette-shade-light-color) 36%,var(--color-warning) 64%);--color-warning-400:color-mix(in oklch,var(--palette-shade-light-color) 20%,var(--color-warning) 80%);--color-warning-500:var(--color-warning);--color-warning-600:color-mix(in oklch,var(--palette-shade-dark-color) 20%,var(--color-warning) 80%);--color-warning-700:color-mix(in oklch,var(--palette-shade-dark-color) 36%,var(--color-warning) 64%);--color-warning-800:color-mix(in oklch,var(--palette-shade-dark-color) 48%,var(--color-warning) 52%);--color-warning-900:color-mix(in oklch,var(--palette-shade-dark-color) 59%,var(--color-warning) 41%);--color-warning-950:color-mix(in oklch,var(--palette-shade-dark-color) 72%,var(--color-warning) 28%);--color-error-soft:color-mix(in oklab,var(--color-error-500) 10%,transparent);--color-on-error-soft:light-dark(var(--color-error-800),var(--color-error-500));--color-error-active:color-mix(in oklab,var(--color-error-500) 90%,transparent);--color-error-50:color-mix(in oklch,var(--palette-shade-light-color) 72%,var(--color-error) 28%);--color-error-100:color-mix(in oklch,var(--palette-shade-light-color) 59%,var(--color-error) 41%);--color-error-200:color-mix(in oklch,var(--palette-shade-light-color) 48%,var(--color-error) 52%);--color-error-300:color-mix(in oklch,var(--palette-shade-light-color) 36%,var(--color-error) 64%);--color-error-400:color-mix(in oklch,var(--palette-shade-light-color) 20%,var(--color-error) 80%);--color-error-500:var(--color-error);--color-error-600:color-mix(in oklch,var(--palette-shade-dark-color) 20%,var(--color-error) 80%);--color-error-700:color-mix(in oklch,var(--palette-shade-dark-color) 36%,var(--color-error) 64%);--color-error-800:color-mix(in oklch,var(--palette-shade-dark-color) 48%,var(--color-error) 52%);--color-error-900:color-mix(in oklch,var(--palette-shade-dark-color) 59%,var(--color-error) 41%);--color-error-950:color-mix(in oklch,var(--palette-shade-dark-color) 72%,var(--color-error) 28%)}}@layer theme{&:not([data-theme]),:is([data-theme="snowberry"],[data-theme="light"]){--scheme-color:light;--border-radius:0.25rem;--color-base:oklch(1 0 0);--color-on-base:oklch(0.22 0 0);--color-neutral:oklch(0.15 0 0);--color-on-neutral:oklch(1 0 0);--color-primary:oklch(51.1% 0.262 276.966);--color-on-primary:oklch(96.2% 0.018 272.314);--color-secondary:oklch(0.591 0.293 322.896);--color-on-secondary:oklch(1 0 0);--color-accent:oklch(0.541 0.281 293.009);--color-on-accent:oklch(1 0 0);--color-info:oklch(0.685 0.169 237.323);--color-on-info:oklch(0.15 0 0);--color-success:oklch(0.792 0.209 151.711);--color-on-success:oklch(0.15 0 0);--color-warning:oklch(0.852 0.199 91.936);--color-on-warning:oklch(0.15 0 0);--color-error:oklch(0.577 0.245 27.325);--color-on-error:oklch(1 0 0)}}@layer theme{:is([data-theme="darkberry"],[data-theme="dark"]){--scheme-color:dark;--border-radius:0.25rem;--color-base:oklch(10.889% 0.00301 17.398);--color-on-base:oklch(98% 0.01 270);--color-neutral:oklch(85% 0 0);--color-on-neutral:oklch(20% 0 0);--color-primary:oklch(66.385% 0.18368 285.592);--color-on-primary:oklch(10% 0.01 270);--color-secondary:oklch(65% 0.18 220);--color-on-secondary:oklch(10% 0.01 220);--color-accent:oklch(75% 0.18 50);--color-on-accent:oklch(10% 0.01 50);--color-info:oklch(70% 0.15 250);--color-on-info:oklch(10% 0.01 250);--color-success:oklch(65% 0.18 140);--color-on-success:oklch(10% 0.01 140);--color-warning:oklch(75% 0.20 85);--color-on-warning:oklch(10% 0.01 85);--color-error:oklch(60% 0.22 30);--color-on-error:oklch(10% 0.01 30)}}@custom-variant dark ( &:where( [data-theme=dark],[data-theme=dark] *,[data-theme=darkberry],[data-theme=darkberry] * ) );@theme inline{--color-base:var(--color-base-500);--color-base-50:var(--color-base-50);--color-base-100:var(--color-base-100);--color-base-200:var(--color-base-200);--color-base-300:var(--color-base-300);--color-base-400:var(--color-base-400);--color-base-500:var(--color-base-500);--color-base-600:var(--color-base-600);--color-base-700:var(--color-base-700);--color-base-800:var(--color-base-800);--color-base-900:var(--color-base-900);--color-base-950:var(--color-base-950);--color-neutral:var(--color-neutral-500);--color-neutral-50:var(--color-neutral-50);--color-neutral-100:var(--color-neutral-100);--color-neutral-200:var(--color-neutral-200);--color-neutral-300:var(--color-neutral-300);--color-neutral-400:var(--color-neutral-400);--color-neutral-500:var(--color-neutral-500);--color-neutral-600:var(--color-neutral-600);--color-neutral-700:var(--color-neutral-700);--color-neutral-800:var(--color-neutral-800);--color-neutral-900:var(--color-neutral-900);--color-neutral-950:var(--color-neutral-950);--color-primary:var(--color-primary-500);--color-primary-50:var(--color-primary-50);--color-primary-100:var(--color-primary-100);--color-primary-200:var(--color-primary-200);--color-primary-300:var(--color-primary-300);--color-primary-400:var(--color-primary-400);--color-primary-500:var(--color-primary-500);--color-primary-600:var(--color-primary-600);--color-primary-700:var(--color-primary-700);--color-primary-800:var(--color-primary-800);--color-primary-900:var(--color-primary-900);--color-primary-950:var(--color-primary-950);--color-secondary:var(--color-secondary-500);--color-secondary-50:var(--color-secondary-50);--color-secondary-100:var(--color-secondary-100);--color-secondary-200:var(--color-secondary-200);--color-secondary-300:var(--color-secondary-300);--color-secondary-400:var(--color-secondary-400);--color-secondary-500:var(--color-secondary-500);--color-secondary-600:var(--color-secondary-600);--color-secondary-700:var(--color-secondary-700);--color-secondary-800:var(--color-secondary-800);--color-secondary-900:var(--color-secondary-900);--color-secondary-950:var(--color-secondary-950);--color-accent:var(--color-accent-500);--color-accent-50:var(--color-accent-50);--color-accent-100:var(--color-accent-100);--color-accent-200:var(--color-accent-200);--color-accent-300:var(--color-accent-300);--color-accent-400:var(--color-accent-400);--color-accent-500:var(--color-accent-500);--color-accent-600:var(--color-accent-600);--color-accent-700:var(--color-accent-700);--color-accent-800:var(--color-accent-800);--color-accent-900:var(--color-accent-900);--color-accent-950:var(--color-accent-950);--color-info:var(--color-info-500);--color-info-50:var(--color-info-50);--color-info-100:var(--color-info-100);--color-info-200:var(--color-info-200);--color-info-300:var(--color-info-300);--color-info-400:var(--color-info-400);--color-info-500:var(--color-info-500);--color-info-600:var(--color-info-600);--color-info-700:var(--color-info-700);--color-info-800:var(--color-info-800);--color-info-900:var(--color-info-900);--color-info-950:var(--color-info-950);--color-success:var(--color-success-500);--color-success-50:var(--color-success-50);--color-success-100:var(--color-success-100);--color-success-200:var(--color-success-200);--color-success-300:var(--color-success-300);--color-success-400:var(--color-success-400);--color-success-500:var(--color-success-500);--color-success-600:var(--color-success-600);--color-success-700:var(--color-success-700);--color-success-800:var(--color-success-800);--color-success-900:var(--color-success-900);--color-success-950:var(--color-success-950);--color-warning:var(--color-warning-500);--color-warning-50:var(--color-warning-50);--color-warning-100:var(--color-warning-100);--color-warning-200:var(--color-warning-200);--color-warning-300:var(--color-warning-300);--color-warning-400:var(--color-warning-400);--color-warning-500:var(--color-warning-500);--color-warning-600:var(--color-warning-600);--color-warning-700:var(--color-warning-700);--color-warning-800:var(--color-warning-800);--color-warning-900:var(--color-warning-900);--color-warning-950:var(--color-warning-950);--color-error:var(--color-error-500);--color-error-50:var(--color-error-50);--color-error-100:var(--color-error-100);--color-error-200:var(--color-error-200);--color-error-300:var(--color-error-300);--color-error-400:var(--color-error-400);--color-error-500:var(--color-error-500);--color-error-600:var(--color-error-600);--color-error-700:var(--color-error-700);--color-error-800:var(--color-error-800);--color-error-900:var(--color-error-900);--color-error-950:var(--color-error-950)}@layer theme{:is([data-theme="blackberry"]){--scheme-color:dark;--border-radius:0.25rem;--color-base:oklch(0 0 0);--color-on-base:oklch(98% 0.01 270);--color-neutral:oklch(85% 0 0);--color-on-neutral:oklch(20% 0 0);--color-primary:oklch(66.385% 0.18368 285.592);--color-on-primary:oklch(10% 0.01 270);--color-secondary:oklch(65% 0.18 220);--color-on-secondary:oklch(10% 0.01 220);--color-accent:oklch(75% 0.18 50);--color-on-accent:oklch(10% 0.01 50);--color-info:oklch(70% 0.15 250);--color-on-info:oklch(10% 0.01 250);--color-success:oklch(65% 0.18 140);--color-on-success:oklch(10% 0.01 140);--color-warning:oklch(75% 0.20 85);--color-on-warning:oklch(10% 0.01 85);--color-error:oklch(60% 0.22 30);--color-on-error:oklch(10% 0.01 30)}}@utility accordion-body{padding-bottom:1rem;font-size:var(--text-base)}@utility accordion-flush{&:not([class*="accordion-body"] *){border:none}&>details:first-child{>summary{padding-top:0rem}}&>details>summary{font-weight:normal}&>details:last-child{>summary{padding-bottom:0rem}}&>details[open]:last-child{>summary{padding-bottom:1rem}}& [class*="accordion-body"] details>summary{padding-top:0.375rem}}@utility accordion{--radius-accordion:calc(var(--border-radius) * 2);--color-accordion-soft:var(--color-base-soft);--color-accordion-active:var(--color-base-active);display:block;width:100%;&:not([class*="accordion-flush"]){padding-inline:1rem}&:not([class*="accordion-body"] *){border-width:1px;border-style:solid;border-color:var(--color-accordion-active);border-radius:var(--radius-accordion)}cursor:pointer;& > details{box-sizing:border-box;width:100%;&:not(:last-child){border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--color-accordion-active)}text-wrap:pretty;& > summary::marker{content:none}& > summary{display:flex;gap:0.5rem;align-items:center;justify-content:space-between;padding-block:1rem;font-weight:500;color:var(--color-on-base);&::after{content:"";display:inline-block;border-right:1px solid currentColor;border-bottom:1px solid currentColor;width:0.625rem;height:0.625rem;transform:rotate(45deg);margin-left:auto}}}& > details[open]{& > summary{&::after{transform:rotate(225deg);transform-origin:center;transition:transform 300ms}}}}@utility badge-primary{--color-badge:var(--color-primary);--color-badge-active:var(--color-primary-active);--color-on-badge:var(--color-on-primary);--color-badge-soft:var(--color-primary-soft);--color-on-badge-soft:light-dark(var(--color-primary-800),var(--color-primary));--badge-variant-text:light-dark(var(--color-primary-800),var(--color-primary-400))}@utility badge-secondary{--color-badge:var(--color-secondary);--color-badge-active:var(--color-secondary-active);--color-on-badge:var(--color-on-secondary);--color-badge-soft:var(--color-secondary-soft);--color-on-badge-soft:light-dark(var(--color-secondary-800),var(--color-secondary-400));--badge-variant-text:light-dark(var(--color-secondary-800),var(--color-secondary-400))}@utility badge-accent{--color-badge:var(--color-accent);--color-badge-active:var(--color-accent-active);--color-on-badge:var(--color-on-accent);--color-badge-soft:var(--color-accent-soft);--color-on-badge-soft:light-dark(var(--color-accent-800),var(--color-accent-400));--badge-variant-text:light-dark(var(--color-accent-800),var(--color-accent-400))}@utility badge-info{--color-badge:var(--color-info);--color-badge-active:var(--color-info-active);--color-on-badge:var(--color-on-info);--color-badge-soft:var(--color-info-soft);--color-on-badge-soft:light-dark(var(--color-info-800),var(--color-info-400));--badge-variant-text:light-dark(var(--color-info-800),var(--color-info-400))}@utility badge-neutral{--color-badge:var(--color-neutral);--color-badge-active:var(--color-neutral-active);--color-on-badge:var(--color-on-neutral);--color-badge-soft:var(--color-neutral-soft);--color-on-badge-soft:light-dark(var(--color-neutral-800),var(--color-neutral-400));--badge-variant-text:light-dark(var(--color-neutral-800),var(--color-neutral-400))}@utility badge-success{--color-badge:var(--color-success);--color-badge-active:var(--color-success-active);--color-on-badge:var(--color-on-success);--color-badge-soft:var(--color-success-soft);--color-on-badge-soft:light-dark(var(--color-success-800),var(--color-success-400));--badge-variant-text:light-dark(var(--color-success-800),var(--color-success-400))}@utility badge-warning{--color-badge:var(--color-warning);--color-badge-active:var(--color-warning-active);--color-on-badge:var(--color-on-warning);--color-badge-soft:var(--color-warning-soft);--color-on-badge-soft:light-dark(var(--color-warning-800),var(--color-warning-400));--badge-variant-text:light-dark(var(--color-warning-800),var(--color-warning-400))}@utility badge-error{--color-badge:var(--color-error);--color-badge-active:var(--color-error-active);--color-on-badge:var(--color-on-error);--color-badge-soft:var(--color-error-soft);--color-on-badge-soft:light-dark(var(--color-error-800),var(--color-error-400));--badge-variant-text:light-dark(var(--color-error-800),var(--color-error-400))}@utility badge-square{--badge--padding-inline:var(--badge-square--padding-block,0.625rem);--badge--padding-block:var(--badge-square--padding-block,0.625rem);--badge--width:var(--badge-square--padding-block);--badge--height:var(--badge-square--padding-block)}@utility badge-rounded{--badge--radius:calc(infinity * 1px)}@utility badge-pill{--badge--radius:calc(infinity * 1px)}@utility badge-circle{--badge--padding-inline:var(--badge-circle--padding-block,0.625rem);--badge--padding-block:var(--badge-circle--padding-block,0.625rem);--badge--width:var(--badge--padding-block);--badge--height:var(--badge--padding-block);--badge--radius:calc(infinity * 1px)}@utility badge-xs{--badge--padding-inline:0.5rem;--badge--padding-block:0.125rem;--badge--font-size:0.625rem;--badge--line-height:1.3;--badge-square--padding-block:0.125rem;--badge-circle--padding-block:0.125rem}@utility badge-sm{--badge--padding-inline:0.625rem;--badge--padding-block:0.25rem;--badge--font-size:0.75rem;--badge--line-height:1.3;--badge-square--padding-block:0.25rem;--badge-circle--padding-block:0.25rem}@utility badge-md{--badge--padding-inline:0.75rem;--badge--padding-block:0.375rem;--badge--font-size:0.875rem;--badge--line-height:1.3;--badge-square--padding-block:0.375rem;--badge-circle--padding-block:0.375rem}@utility badge-lg{--badge--padding-inline:0.875rem;--badge--padding-block:0.5rem;--badge--font-size:1rem;--badge--line-height:1.2;--badge-square--padding-block:0.5rem;--badge-circle--padding-block:0.5rem}@utility badge-xl{--badge--padding-inline:1rem;--badge--padding-block:0.625rem;--badge--font-size:1.125rem;--badge--line-height:1.2;--badge-square--padding-block:0.625rem;--badge-circle--padding-block:0.625rem}@utility badge-2xl{--badge--padding-inline:1.125rem;--badge--padding-block:0.75rem;--badge--font-size:1.25rem;--badge--line-height:1.2;--badge-square--padding-block:0.75rem;--badge-circle--padding-block:0.75rem}@utility badge-dashed{background-color:transparent;color:var(--badge-variant-text);outline-color:var(--color-badge);outline-style:dashed;outline-width:1px}@utility badge-outline{background-color:transparent;color:var(--badge-variant-text);outline-color:var(--color-badge);outline-style:solid;outline-width:1px}@utility badge-soft{background-color:var(--color-badge-soft);color:var(--color-on-badge-soft)}@utility badge-ghost{background-color:transparent;color:var(--badge-variant-text)}@utility badge{--radius-badge:calc(var(--border-radius) * 2);--color-badge:var(--color-base-soft);--color-on-badge:var(--color-on-base);--color-badge-active:var(--color-base-active);--color-badge-soft:var(--color-base-soft);--color-on-badge-soft:var(--color-on-base);--badge-variant-text:var(--color-on-base);background-color:var(--color-badge);color:var(--color-on-badge);padding-inline:var(--badge--padding-inline,0.75rem);padding-block:var(--badge--padding-block,0.375rem);font-size:var(--badge--font-size,0.875rem);line-height:calc(var(--badge--font-size,0.875rem) * var(--badge--line-height,1.5));outline-width:var(--badge--outline-width);outline-style:var(--badge--outline-style);outline-color:var(--badge--outline-color);display:inline-flex;gap:0.5rem;border-radius:var(--badge--radius,var(--radius-badge));align-items:center;justify-content:center;vertical-align:middle;text-align:center;width:var(--badge--width,fit-content);height:var(--badge--height)}@utility btn-primary{--color-btn:var(--color-primary);--color-btn-active:var(--color-primary-active);--color-on-btn:var(--color-on-primary);--color-btn-soft:var(--color-primary-soft);--color-on-btn-soft:var(--color-on-primary-soft);--btn-variant-text:light-dark(var(--color-primary-800),var(--color-primary-400))}@utility btn-secondary{--color-btn:var(--color-secondary);--color-btn-active:var(--color-secondary-active);--color-on-btn:var(--color-on-secondary);--color-btn-soft:var(--color-secondary-soft);--color-on-btn-soft:var(--color-on-secondary-soft);--btn-variant-text:light-dark(var(--color-secondary-800),var(--color-secondary-400))}@utility btn-accent{--color-btn:var(--color-accent);--color-btn-active:var(--color-accent-active);--color-on-btn:var(--color-on-accent);--color-btn-soft:var(--color-accent-soft);--color-on-btn-soft:var(--color-on-accent-soft);--btn-variant-text:light-dark(var(--color-accent-800),var(--color-accent-400))}@utility btn-info{--color-btn:var(--color-info);--color-btn-active:var(--color-info-active);--color-on-btn:var(--color-on-info);--color-btn-soft:var(--color-info-soft);--color-on-btn-soft:var(--color-on-info-soft);--btn-variant-text:light-dark(var(--color-info-800),var(--color-info-400))}@utility btn-neutral{--color-btn:var(--color-neutral);--color-btn-active:var(--color-neutral-active);--color-on-btn:var(--color-on-neutral);--color-btn-soft:var(--color-neutral-soft);--color-on-btn-soft:var(--color-on-neutral-soft);--btn-variant-text:light-dark(var(--color-neutral-800),var(--color-neutral-400))}@utility btn-success{--color-btn:var(--color-success);--color-btn-active:var(--color-success-active);--color-on-btn:var(--color-on-success);--color-btn-soft:var(--color-success-soft);--color-on-btn-soft:var(--color-on-success-soft);--btn-variant-text:light-dark(var(--color-success-800),var(--color-success-400))}@utility btn-warning{--color-btn:var(--color-warning);--color-btn-active:var(--color-warning-active);--color-on-btn:var(--color-on-warning);--color-btn-soft:var(--color-warning-soft);--color-on-btn-soft:var(--color-on-warning-soft);--btn-variant-text:light-dark(var(--color-warning-800),var(--color-warning-400))}@utility btn-error{--color-btn:var(--color-error);--color-btn-active:var(--color-error-active);--color-on-btn:var(--color-on-error);--color-btn-soft:var(--color-error-soft);--color-on-btn-soft:var(--color-on-error-soft);--btn-variant-text:light-dark(var(--color-error-800),var(--color-error-400))}@utility btn-square{--btn--padding-inline:var(--btn-square--padding-block,0.625rem);--btn--padding-block:var(--btn-square--padding-block,0.625rem)}@utility btn-rounded{--btn--radius:calc(infinity * 1px)}@utility btn-pill{--btn--radius:calc(infinity * 1px)}@utility btn-circle{--btn--padding-inline:var(--btn-circle--padding-block,0.625rem);--btn--padding-block:var(--btn-circle--padding-block,0.625rem);--btn--radius:calc(infinity * 1px)}@utility btn-xs{--btn--padding-inline:0.875rem;--btn--padding-block:0.375rem;--btn--font-size:0.75rem;--btn--line-height:1.3;--btn-square--padding-block:0.375rem;--btn-circle--padding-block:0.375rem}@utility btn-sm{--btn--padding-inline:1rem;--btn--padding-block:0.5rem;--btn--font-size:0.875rem;--btn--line-height:1.4;--btn-square--padding-block:0.5rem;--btn-circle--padding-block:0.5rem}@utility btn-md{--btn--padding-inline:1.125rem;--btn--padding-block:0.625rem;--btn--font-size:1rem;--btn--line-height:1.5;--btn-square--padding-block:0.625rem;--btn-circle--padding-block:0.625rem}@utility btn-lg{--btn--padding-inline:1.25rem;--btn--padding-block:0.75rem;--btn--font-size:1.125rem;--btn--line-height:1.5;--btn-square--padding-block:0.75rem;--btn-circle--padding-block:0.75rem}@utility btn-xl{--btn--padding-inline:1.375rem;--btn--padding-block:0.875rem;--btn--font-size:1.25rem;--btn--line-height:1.5;--btn-square--padding-block:0.875rem;--btn-circle--padding-block:0.875rem}@utility btn-2xl{--btn--padding-inline:1.5rem;--btn--padding-block:1rem;--btn--font-size:1.375rem;--btn--line-height:1.5;--btn-square--padding-block:1rem;--btn-circle--padding-block:1rem}@utility btn-wide{--btn--max-width:320px;--btn--width:100%}@utility btn-block{--btn--width:100%;--btn--display:block}@utility btn-active{background-color:var(--color-btn-active);color:var(--color-on-btn);outline-style:none;@variant hover{background-color:var(--color-btn-active)}}@utility btn-disabled{opacity:var(--btn--opacity);cursor:var(--btn--cursor);pointer-events:var(--btn--pointer-events)}@utility btn-soft{background-color:var(--color-btn-soft);color:var(--color-on-btn-soft);@variant hover{background-color:var(--color-btn-active);color:var(--color-on-btn)}}@utility btn-dashed{background-color:transparent;color:var(--btn-variant-text);outline-color:var(--color-btn-active);outline-style:dashed;outline-width:1px;@variant hover{outline-style:none}}@utility btn-outline{background-color:transparent;color:var(--btn-variant-text);outline-color:var(--color-btn-active);outline-style:solid;outline-width:1px;@variant hover{outline-style:none}}@utility btn-ghost{background-color:transparent;color:var(--btn-variant-text)}@utility btn-link{background-color:transparent;color:var(--btn-variant-text);@variant hover{background-color:transparent;text-decoration:underline;text-underline-offset:4px;color:var(--btn-variant-text)}}@custom-variant btn-disabled{&:is(:disabled,[disabled],.btn-disabled){@slot}}@utility btn{--radius-btn:calc(var(--border-radius) * 2);--color-btn:var(--color-base-soft);--color-on-btn:var(--color-on-base);--color-btn-active:var(--color-base-active);--color-btn-soft:var(--color-base-soft);--color-on-btn-soft:var(--color-on-base-soft);--btn-variant-text:var(--color-on-base);background-color:var(--color-btn);color:var(--color-on-btn);@variant hover{background-color:var(--color-btn-active);color:var(--color-on-btn)}border-radius:var(--btn--radius,var(--radius-btn));display:var(--btn--display,inline-flex);padding-inline:var(--btn--padding-inline,1.125rem);padding-block:var(--btn--padding-block,0.625rem);font-size:var(--btn--font-size,1rem);line-height:calc(var(--btn--font-size,1rem) * var(--btn--line-height,1.5));width:var(--btn--width);max-width:var(--btn--max-width);position:relative;gap:0.375rem;flex-shrink:0;align-items:center;justify-content:center;flex-wrap:nowrap;vertical-align:middle;font-weight:500;text-align:center;overflow:hidden;cursor:pointer;box-sizing:border-box;transition:all 250ms ease-out;@variant btn-disabled{--btn--opacity:20%;--btn--cursor:not-allowed;--btn--pointer-events:none;opacity:var(--btn--opacity);cursor:var(--btn--cursor);pointer-events:var(--btn--pointer-events)}&:is(input[type="checkbox"],input[type="radio"]){appearance:none;@variant after{content:attr(aria-label)}@variant checked{isolation:isolate}}@variant focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark( var(--color-base-950,currentColor),var(--color-base-50,currentColor) );outline-offset:3px;isolation:isolate}}@utility breadcrumb-link{display:flex;align-items:center;gap:0.5rem;line-height:1.125rem;@variant hover{text-decoration-line:underline;text-underline-offset:4px;cursor:pointer}@variant focus{outline-style:none;@variant forced-colors{outline:2px solid transparent;outline-offset:2px}}@variant focus-visible{outline:2px solid currentColor;outline-offset:2px}}@utility breadcrumb-current{display:flex;align-items:center;gap:0.5rem;line-height:1.125rem}@utility breadcrumb-list{display:flex;min-height:min-content;align-items:center;white-space:nowrap}@utility breadcrumb-item{display:flex;align-items:center;@variant before{content:"";margin-right:0.75rem;margin-left:0.5rem;height:0.375rem;width:0.375rem;display:block;transform:rotate(45deg);transition:transform 300ms;border-top:1px solid;border-right:1px solid;background-color:oklch(0 0 0 / 0);color:light-dark(var(--color-base-800),var(--color-base-400))}@variant first{@variant before{content:none}}&:has([class*="breadcrumb-separator"]){@variant before{content:none}}@variant rtl{@variant before{transform:rotate(-135deg)}}&:has([aria-current="page"],[class*="breadcrumb-current"]){color:light-dark(var(--color-base-950),var(--color-base-50))}}@utility breadcrumb-separator{display:flex;align-items:center;margin-inline:0.5rem;color:light-dark(var(--color-base-800),var(--color-base-400))}@utility breadcrumb{padding-block:0.5rem;max-width:100%;overflow-x:auto;font-size:0.875rem;color:light-dark(var(--color-base-900),var(--color-base-200))}@utility card-xs{:is(.card-body){--card-body-padding:0.5rem;--card-body-font-size:0.6875rem}:is(.card-title){--card-title-font-size:0.875rem}}@utility card-sm{:is(.card-body){--card-body-padding:1rem;--card-body-font-size:0.75rem}:is(.card-title){--card-title-font-size:1rem}}@utility card-md{:is(.card-body){--card-body-padding:1.5rem;--card-body-font-size:0.875rem}:is(.card-title){--card-title-font-size:1.125rem}}@utility card-lg{:is(.card-body){--card-body-padding:2rem;--card-body-font-size:1rem}:is(.card-title){--card-title-font-size:1.25rem}}@utility card-xl{:is(.card-body){--card-body-padding:2.5rem;--card-body-font-size:1.125rem}:is(.card-title){--card-title-font-size:1.375rem}}@utility card-body{display:flex;gap:0.5rem;flex:auto;flex-direction:column;padding:var(--card-body-padding,1.5rem);color:var(--color-on-card);:where(p){flex-grow:1;font-size:var(--card-body-font-size,1rem);color:var(--color-on-card)}}@utility card-title{display:flex;align-items:center;gap:0.5rem;font-weight:600;font-size:var(--card-title-font-size,1.125rem)}@utility card-outline{border-width:1px;border-style:solid;border-color:var(--color-base-active)}@utility card-dashed{border-width:1px;border-style:dashed;border-color:var(--color-base-active)}@utility card-primary{--color-card:var(--color-primary);--color-on-card:var(--color-on-primary)}@utility card-secondary{--color-card:var(--color-secondary);--color-on-card:var(--color-on-secondary)}@utility card-accent{--color-card:var(--color-accent);--color-on-card:var(--color-on-accent)}@utility card-info{--color-card:var(--color-info);--color-on-card:var(--color-on-info)}@utility card-neutral{--color-card:var(--color-neutral);--color-on-card:var(--color-on-neutral)}@utility card-success{--color-card:var(--color-success);--color-on-card:var(--color-on-success)}@utility card-warning{--color-card:var(--color-warning);--color-on-card:var(--color-on-warning)}@utility card-error{--color-card:var(--color-error);--color-on-card:var(--color-on-error)}@utility card{--radius-card:calc(var(--border-radius) * 4);--color-card:var(--color-base);position:relative;display:flex;flex-direction:column;border-radius:var(--radius-card);overflow:hidden;background-color:var(--color-card);:where(figure:first-child){overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:unset;border-end-end-radius:unset}:where(figure:last-child){overflow:hidden;border-start-start-radius:unset;border-start-end-radius:unset;border-end-start-radius:inherit;border-end-end-radius:inherit}}@utility checkbox-primary{--color-checkbox:light-dark(var(--color-primary-50),color-mix(in oklch,black 10%,var(--color-primary-400) 20%));--color-on-checkbox:var(--color-on-primary);--color-checkbox-active:var(--color-primary-active);--checkbox--box-shadow:0 0 0 0px var(--color-primary-50),0 0 0 calc(1px + 0px) var(--color-primary-600),0 0 var(--color-primary-50);@variant focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-primary-50),0 0 0 calc(1px + 0px) var(--color-primary-700),0 0 var(--color-primary-50)}@variant checked-or-aria-checked{--checkbox--bg-color:var(--color-primary);@variant forced-colors{@variant before{--checkbox--bg-color:light-dark(var(--color-primary-600),var(--color-primary-200))}}}}@utility checkbox-secondary{--color-checkbox:light-dark(var(--color-secondary-50),color-mix(in oklch,black 10%,var(--color-secondary-400) 20%));--color-on-checkbox:var(--color-on-secondary);--color-checkbox-active:var(--color-secondary-active);--checkbox--box-shadow:0 0 0 0px var(--color-secondary-50),0 0 0 calc(1px + 0px) var(--color-secondary-600),0 0 var(--color-secondary-50);@variant focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-secondary-50),0 0 0 calc(1px + 0px) var(--color-secondary-700),0 0 var(--color-secondary-50)}@variant checked-or-aria-checked{--checkbox--bg-color:var(--color-secondary);@variant forced-colors{@variant before{--checkbox--bg-color:light-dark(var(--color-secondary-600),var(--color-secondary-200))}}}}@utility checkbox-accent{--color-checkbox:light-dark(var(--color-accent-50),color-mix(in oklch,black 10%,var(--color-accent-400) 20%));--color-on-checkbox:var(--color-on-accent);--color-checkbox-active:var(--color-accent-active);--checkbox--box-shadow:0 0 0 0px var(--color-accent-50),0 0 0 calc(1px + 0px) var(--color-accent-600),0 0 var(--color-accent-50);@variant focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-accent-50),0 0 0 calc(1px + 0px) var(--color-accent-700),0 0 var(--color-accent-50)}@variant checked-or-aria-checked{--checkbox--bg-color:var(--color-accent);@variant forced-colors{@variant before{--checkbox--bg-color:light-dark(var(--color-accent-600),var(--color-accent-200))}}}}@utility checkbox-info{--color-checkbox:light-dark(var(--color-info-50),color-mix(in oklch,black 10%,var(--color-info-400) 20%));--color-on-checkbox:var(--color-on-info);--color-checkbox-active:var(--color-info-active);--checkbox--box-shadow:0 0 0 0px var(--color-info-50),0 0 0 calc(1px + 0px) var(--color-info-600),0 0 var(--color-info-50);@variant focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-info-50),0 0 0 calc(1px + 0px) var(--color-info-700),0 0 var(--color-info-50)}@variant checked-or-aria-checked{--checkbox--bg-color:var(--color-info);@variant forced-colors{@variant before{--checkbox--bg-color:light-dark(var(--color-info-600),var(--color-info-200))}}}}@utility checkbox-neutral{--color-checkbox:light-dark(var(--color-neutral-50),color-mix(in oklch,black 10%,var(--color-neutral-400) 20%));--color-on-checkbox:var(--color-on-neutral);--color-checkbox-active:var(--color-neutral-active);--checkbox--box-shadow:0 0 0 0px var(--color-neutral-50),0 0 0 calc(1px + 0px) var(--color-neutral-600),0 0 var(--color-neutral-50);@variant focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-neutral-50),0 0 0 calc(1px + 0px) var(--color-neutral-700),0 0 var(--color-neutral-50)}@variant checked-or-aria-checked{--checkbox--bg-color:var(--color-neutral);@variant forced-colors{@variant before{--checkbox--bg-color:light-dark(var(--color-neutral-600),var(--color-neutral-200))}}}}@utility checkbox-success{--color-checkbox:light-dark(var(--color-success-50),color-mix(in oklch,black 10%,var(--color-success-400) 20%));--color-on-checkbox:var(--color-on-success);--color-checkbox-active:var(--color-success-active);--checkbox--box-shadow:0 0 0 0px var(--color-success-50),0 0 0 calc(1px + 0px) var(--color-success-600),0 0 var(--color-success-50);@variant focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-success-50),0 0 0 calc(1px + 0px) var(--color-success-700),0 0 var(--color-success-50)}@variant checked-or-aria-checked{--checkbox--bg-color:var(--color-success);@variant forced-colors{@variant before{--checkbox--bg-color:light-dark(var(--color-success-600),var(--color-success-200))}}}}@utility checkbox-warning{--color-checkbox:light-dark(var(--color-warning-50),color-mix(in oklch,black 10%,var(--color-warning-400) 20%));--color-on-checkbox:var(--color-on-warning);--color-checkbox-active:var(--color-warning-active);--checkbox--box-shadow:0 0 0 0px var(--color-warning-50),0 0 0 calc(1px + 0px) var(--color-warning-600),0 0 var(--color-warning-50);@variant focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-warning-50),0 0 0 calc(1px + 0px) var(--color-warning-700),0 0 var(--color-warning-50)}@variant checked-or-aria-checked{--checkbox--bg-color:var(--color-warning);@variant forced-colors{@variant before{--checkbox--bg-color:light-dark(var(--color-warning-600),var(--color-warning-200))}}}}@utility checkbox-error{--color-checkbox:light-dark(var(--color-error-50),color-mix(in oklch,black 10%,var(--color-error-400) 20%));--color-on-checkbox:var(--color-on-error);--color-checkbox-active:var(--color-error-active);--checkbox--box-shadow:0 0 0 0px var(--color-error-50),0 0 0 calc(1px + 0px) var(--color-error-600),0 0 var(--color-error-50);@variant focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-error-50),0 0 0 calc(1px + 0px) var(--color-error-700),0 0 var(--color-error-50)}@variant checked-or-aria-checked{--checkbox--bg-color:var(--color-error);@variant forced-colors{@variant before{--checkbox--bg-color:light-dark(var(--color-error-600),var(--color-error-200))}}}}@utility checkbox-circle{--checkbox--radius:calc(infinity * 1px);--checkbox--aspect-ratio:1 / 1}@utility checkbox-rounded{--checkbox--radius:calc(infinity * 1px);--checkbox--aspect-ratio:1 / 1}@utility checkbox-square{--checkbox--radius:var(--radius-checkbox);--checkbox--aspect-ratio:1 / 1}@utility checkbox-xs{--checkbox--padding:0.1875rem;--checkbox--width:0.75rem;--checkbox--height:0.75rem}@utility checkbox-sm{--checkbox--padding:0.25rem;--checkbox--width:1rem;--checkbox--height:1rem}@utility checkbox-md{--checkbox--padding:0.3125rem;--checkbox--width:1.25rem;--checkbox--height:1.25rem}@utility checkbox-lg{--checkbox--padding:0.375rem;--checkbox--width:1.5rem;--checkbox--height:1.5rem}@utility checkbox-xl{--checkbox--padding:0.4375rem;--checkbox--width:1.75rem;--checkbox--height:1.75rem}@utility checkbox-2xl{--checkbox--padding:0.5rem;--checkbox--width:2rem;--checkbox--height:2rem}@utility checkbox-disabled{cursor:var(--checkbox--cursor);opacity:var(--checkbox--opacity)}@custom-variant checked-or-aria-checked{&:checked,&[aria-checked="true"]{@slot}}@custom-variant checkbox-disabled{&:is(:disabled,[disabled],[class*="checkbox-disabled"]){@slot}}@utility checkbox{--radius-checkbox:calc(var(--border-radius) * 1.5);--color-checkbox:--alpha(var(--color-base) / 50%);--color-on-checkbox:var(--color-on-base);--color-checkbox-active:var(--color-base-active);--checkbox--box-shadow:0 0 0 0px var(--color-base-100),0 0 0 calc(1px + 0px) var(--color-checkbox-active),0 0 var(--color-base-100);background-color:var(--color-checkbox);color:var(--color-on-checkbox);box-shadow:var(--checkbox--box-shadow);aspect-ratio:var(--checkbox--aspect-ratio);border-radius:var(--checkbox--radius,var(--radius-checkbox));padding:var(--checkbox--padding,0.3125rem);width:var(--checkbox--width,1.25rem);height:var(--checkbox--height,1.25rem);position:relative;transition-duration:350ms;flex-shrink:0;cursor:pointer;appearance:none;vertical-align:middle;@variant before{content:none;opacity:0%;background-color:currentcolor;transform:rotate(45deg);transition:transform 300ms,background-color 100ms;display:block;width:100%;height:100%;clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 0,70% 0,70% 100%);font-size:1rem;line-height:0.75}@variant focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark( var(--color-base-950,currentColor),var(--color-base-50,currentColor) );outline-offset:3px}@variant checked-or-aria-checked{--checkbox--bg-color:light-dark(--alpha(var(--color-base-600) / 20%),--alpha(var(--color-base-400) / 20%));background-color:var(--checkbox--bg-color);transition:all 100ms;@variant before{content:"✔︎";opacity:100%}@variant forced-colors{@variant before{--checkbox--bg-color:light-dark(var(--color-base-600),var(--color-base-200));content:"✔︎";transform:rotate(0deg);background-color:var(--checkbox--bg-color);clip-path:none}}}@variant indeterminate{@variant before{opacity:100%;transform:rotate(0deg) translate(0,-35%);clip-path:polygon( 20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100% )}}@variant checkbox-disabled{--checkbox--cursor:not-allowed;--checkbox--opacity:20%;cursor:var(--checkbox--cursor);opacity:var(--checkbox--opacity)}}@utility radio-primary{--color-radio:var(--color-primary-soft);--color-on-radio:var(--color-on-primary);--color-radio-active:var(--color-primary-active);--color-radio-soft:var(--color-primary-soft);--color-on-radio-soft:var(--color-on-primary-soft)}@utility radio-secondary{--color-radio:var(--color-secondary-soft);--color-on-radio:var(--color-on-secondary);--color-radio-active:var(--color-secondary-active);--color-radio-soft:var(--color-secondary-soft);--color-on-radio-soft:var(--color-on-secondary-soft)}@utility radio-accent{--color-radio:var(--color-accent-soft);--color-on-radio:var(--color-on-accent);--color-radio-active:var(--color-accent-active);--color-radio-soft:var(--color-accent-soft);--color-on-radio-soft:var(--color-on-accent-soft)}@utility radio-info{--color-radio:var(--color-info-soft);--color-on-radio:var(--color-on-info);--color-radio-active:var(--color-info-active);--color-radio-soft:var(--color-info-soft);--color-on-radio-soft:var(--color-on-info-soft)}@utility radio-neutral{--color-radio:var(--color-neutral-soft);--color-on-radio:var(--color-on-neutral);--color-radio-active:var(--color-neutral-active);--color-radio-soft:var(--color-neutral-soft);--color-on-radio-soft:var(--color-on-neutral-soft)}@utility radio-success{--color-radio:var(--color-success-soft);--color-on-radio:var(--color-on-success);--color-radio-active:var(--color-success-active);--color-radio-soft:var(--color-success-soft);--color-on-radio-soft:var(--color-on-success-soft)}@utility radio-warning{--color-radio:var(--color-warning-soft);--color-on-radio:var(--color-on-warning);--color-radio-active:var(--color-warning-active);--color-radio-soft:var(--color-warning-soft);--color-on-radio-soft:var(--color-on-warning-soft)}@utility radio-error{--color-radio:var(--color-error-soft);--color-on-radio:var(--color-on-error);--color-radio-active:var(--color-error-active);--color-radio-soft:var(--color-error-soft);--color-on-radio-soft:var(--color-on-error-soft)}@utility radio-circle{--radio--radius:calc(infinity * 1px);--radio--aspect-ratio:1 / 1}@utility radio-rounded{--radio--radius:calc(infinity * 1px);--radio--aspect-ratio:1 / 1}@utility radio-square{--radio--radius:var(--radius-radio);--radio--aspect-ratio:1 / 1}@utility radio-xs{--radio--padding:0.1875rem;--radio--width:0.75rem;--radio--height:0.75rem}@utility radio-sm{--radio--padding:0.25rem;--radio--width:1rem;--radio--height:1rem}@utility radio-md{--radio--padding:0.3125rem;--radio--width:1.25rem;--radio--height:1.25rem}@utility radio-lg{--radio--padding:0.375rem;--radio--width:1.5rem;--radio--height:1.5rem}@utility radio-xl{--radio--padding:0.4375rem;--radio--width:1.75rem;--radio--height:1.75rem}@utility radio-2xl{--radio--padding:0.5rem;--radio--width:2rem;--radio--height:2rem}@utility radio-disabled{cursor:var(--radio--cursor);opacity:var(--radio--opacity)}@custom-variant checked-or-aria-checked{&:checked,&[aria-checked="true"]{@slot}}@custom-variant radio-disabled{&:is(:disabled,[disabled],[class*="radio-disabled"]){@slot}}@utility radio{--radius-radio:calc(var(--border-radius) * 1.5);--color-radio:var(--color-base-soft);--color-on-radio:var(--color-on-base);--color-radio-active:var(--color-base-active);--color-radio-soft:var(--color-base-soft);--color-on-radio-soft:var(--color-on-base-soft);padding:var(--radio--padding,0.3125rem);width:var(--radio--width,1.25rem);height:var(--radio--height,1.25rem);aspect-ratio:1 / 1;flex-shrink:0;background-color:currerntcolor;appearance:none;vertical-align:middle;cursor:pointer;position:relative;outline-color:var(--color-radio-active);outline-style:solid;outline-width:1px;background-color:transparent;border-radius:var(--radio--radius,var(--radius-radio));box-shadow:var(--radio--box-shadow);transition:background-color 200ms ease,box-shadow 200ms ease,opacity 200ms ease;@variant before{content:"";position:absolute;inset:4px;border-radius:50%;clip-path:circle(50%);background-color:var(--color-radio-active);opacity:0;transform:scale(0.4);transition:transform 200ms cubic-bezier(0.4,0,0.2,1),opacity 200ms linear}@variant focus-visible{outline-width:2px;outline-style:solid;outline-color:light-dark( var(--color-base-950,currentColor),var(--color-base-50,currentColor) );outline-offset:3px}@variant checked-or-aria-checked{background-color:transparent;@variant before{opacity:1;transform:scale(1)}}@variant radio-disabled{cursor:not-allowed;opacity:0.3}}@utility divider-primary{--color-divider:var(--color-primary)}@utility divider-secondary{--color-divider:var(--color-secondary)}@utility divider-accent{--color-divider:var(--color-accent)}@utility divider-info{--color-divider:var(--color-info)}@utility divider-neutral{--color-divider:var(--color-neutral)}@utility divider-success{--color-divider:var(--color-success)}@utility divider-warning{--color-divider:var(--color-warning)}@utility divider-error{--color-divider:var(--color-error)}@utility divider-x{--divider-direction:right;--divider--width:100%;--divider--height:1px;--divider--flex-direction:row;--divider--margin:1rem 0}@utility divider-y{--divider-direction:bottom;--divider--width:1px;--divider--height:100%;--divider--flex-direction:column;--divider--margin:0 1rem}@utility divider-start{@variant before{display:none}}@utility divider-end{@variant after{display:none}}@utility divider-solid{--divider-dash-length:10px;--divider-gap-length:0px}@utility divider-dashed{--divider-dash-length:5px;--divider-gap-length:5px}@custom-variant before-after{&::before,&::after{@slot}}@utility divider{--divider--margin:1rem 0;--color-divider:var(--color-base-soft);--divider-direction:right;--divider--width:100%;--divider--height:1px;--divider-dash-length:10px;--divider-gap-length:0px;display:flex;align-items:center;justify-content:center;flex-direction:var(--divider--flex-direction);width:var(--divider--width);height:var(--divider--height);@variant not-empty{column-gap:0.5rem}@variant before-after{content:"";margin:var(--divider--margin);width:var(--divider--width);height:var(--divider--height);background:repeating-linear-gradient(to var(--divider-direction),var(--color-divider) 0px,var(--color-divider) var(--divider-dash-length),transparent var(--divider-dash-length),transparent calc(var(--divider-dash-length) + var(--divider-gap-length)))}}@utility drawer-top{place-items:start;:where([class*=drawer-body]){height:auto;width:100%;max-height:80vh;margin-bottom:calc(var(--spacing)*24);translate:0 -100%}}@utility drawer-bottom{place-items:end;:where([class*=drawer-body]){height:auto;width:100%;max-height:80vh;margin-top:calc(var(--spacing)*24);translate:0 100%;border-top-right-radius:var(--radius-drawer);border-top-left-radius:var(--radius-drawer)}}@utility drawer-start{place-items:start;:where([class*=drawer-body]){height:100vh;width:auto;max-height:none;translate:-100% 0}}@utility drawer-end{place-items:end;:where([class*=drawer-body]){height:100vh;max-height:none;width:auto;translate:100% 0}}@utility drawer-backdrop{display:grid;grid-column-start:1;grid-row-start:1;align-self:stretch;justify-self:stretch;color:transparent;z-index:-1;button{cursor:pointer}}@utility drawer-body{--radius-drawer:calc(var(--border-radius) * 2);border-radius:0;translate:-100% 0;scale:1;grid-column-start:1;grid-row-start:1;height:100vh;max-height:none;width:calc(11 / 12 * 100%);max-width:none;padding:0.25rem;overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto;@variant forced-colors{outline-style:solid;outline-width:1px}background-color:var(--color-base);transition:translate 0.3s ease-out,visibility 0.3s allow-discrete,background-color 0.3s ease-out,opacity 0.1s ease-out}@utility drawer{pointer-events:none;visibility:hidden;position:fixed;inset:0rem;margin:0rem;padding:0rem;display:grid;width:100%;height:100%;max-width:none;max-height:none;place-items:start;color:inherit;z-index:999;overflow:hidden;overscroll-behavior:contain;&:not([class*="drawer-top"]):not([class*="drawer-bottom"]){[class*="drawer-body"]{width:auto}}&:not(drawer:not([open]):not(.drawer-open)),&::backdrop{@starting-style{visibility:hidden}opacity:1;background-color:light-dark(color-mix(in oklch,black 10%,var(--color-base-600) 40%),color-mix(in oklch,black 10%,var(--color-base-400) 40%))}&[open],&[class*="drawer-open"]{@starting-style{visibility:hidden}pointer-events:auto;visibility:visible;[class*="drawer-body"]{translate:0 0;scale:1}}}@utility dropdown{--radius-dropdown:calc(var(--border-radius) * 2);position:relative;display:inline-block}@utility dropdown-body{border-radius:var(--radius-dropdown);padding:0.60rem;visibility:hidden;position-anchor:var(--anchor-name);@supports not (position-area:end span-end){top:var(--dropdown-position--top);inset-inline-end:var(--dropdown-position--end);bottom:var(--dropdown--bottom);inset-inline-start:var(--dropdown-position--start);transform:translate(var(--dropdown--translate-x),var(--dropdown--translate-y))}@supports (position-area:end span-end){position-area:var(--dropdown--position-area,end span-end)}position:absolute;animation:dropdown 0.2s;background-color:var(--color-base);outline-style:solid;outline-width:1px;min-width:13rem;outline-color:var(--color-base-active);transition-property:opacity,transform;transition-behavior:allow-discrete;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}@keyframes dropdown{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@utility dropdown-hover{anchor-name:var(--anchor-name);@variant hover{:is([class*="dropdown-body"]){pointer-events:auto;visibility:visible;opacity:1;@starting-style{visibility:hidden;opacity:0}}}}@utility dropdown-toggle{anchor-name:var(--anchor-name);[popover]:popover-open{&:is([class*="dropdown-body"]){pointer-events:auto;visibility:visible;opacity:1;@starting-style{visibility:hidden;opacity:0}}}}@utility dropdown-top-start{--dropdown--position-area:start span-end;--dropdown-position--bottom:100%;--dropdown-position--top:auto;--dropdown-position--start:0;--dropdown--translate-y:var(-0.5rem)}@utility dropdown-top-center{--dropdown--position-area:start center;--dropdown-position--bottom:100%;--dropdown-position--top:auto;--dropdown-position--start:50%;--dropdown--translate-x:var(-50%);--dropdown--translate-y:var(-0.5rem)}@utility dropdown-top-end{--dropdown--position-area:start span-start;--dropdown-position--bottom:100%;--dropdown-position--top:auto;--dropdown-position--end:0;--dropdown-position--start:auto;--dropdown--translate-y:var(-0.5rem)}@utility dropdown-end-top{--dropdown--position-area:span-start end}@utility dropdown-end-center{--dropdown--position-area:center end}@utility dropdown-end-bottom{--dropdown--position-area:span-end end}@utility dropdown-bottom-start{--dropdown--position-area:end span-end;--dropdown-position--top:100%;--dropdown-position--start:0;--dropdown--translate-y:var(0.5rem)}@utility dropdown-bottom-center{--dropdown--position-area:end center;--dropdown-position--top:100%;--dropdown-position--start:50%;--dropdown--translate-x:var(-50%);--dropdown--translate-y:var(0.5rem)}@utility dropdown-bottom-end{--dropdown--position-area:end span-start;--dropdown-position--top:100%;--dropdown-position--end:0;--dropdown-position--start:auto;--dropdown--translate-y:var(0.5rem)}@utility dropdown-start-top{--dropdown--position-area:span-start start}@utility dropdown-start-center{--dropdown--position-area:center start}@utility dropdown-start-bottom{--dropdown--position-area:span-end start}@utility header-sticky{position:sticky}@utility header-body{margin-inline:auto;padding-inline:1rem;width:100%;@variant sm{padding-inline:2rem}@variant lg{padding-inline:4rem}display:flex;gap:0.75rem;padding-block:0.5rem;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto}@utility header{background-color:var(--color-base);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--color-base-soft);top:0;z-index:999;width:100%}@utility input-primary{--color-input:var(--color-primary);--color-on-input:var(--color-on-primary);--color-input-soft:var(--color-primary-soft);--color-on-input-soft:var(--color-on-primary-soft);--color-input-active:var(--color-primary-active);--color-on-input-active:var(--color-on-primary);@variant focus-or-within{outline-color:var(--color-primary-400)}}@utility input-secondary{--color-input:var(--color-secondary);--color-on-input:var(--color-on-secondary);--color-input-soft:var(--color-secondary-soft);--color-on-input-soft:var(--color-on-secondary-soft);--color-input-active:var(--color-secondary-active);--color-on-input-active:var(--color-on-secondary);@variant focus-or-within{outline-color:var(--color-secondary-400)}}@utility input-neutral{--color-input:var(--color-neutral);--color-on-input:var(--color-on-neutral);--color-input-soft:var(--color-neutral-soft);--color-on-input-soft:var(--color-on-neutral-soft);--color-input-active:var(--color-neutral-active);--color-on-input-active:var(--color-on-neutral);@variant focus-or-within{outline-color:var(--color-neutral-400)}}@utility input-accent{--color-input:var(--color-accent);--color-on-input:var(--color-on-accent);--color-input-soft:var(--color-accent-soft);--color-on-input-soft:var(--color-on-accent-soft);--color-input-active:var(--color-accent-active);--color-on-input-active:var(--color-on-accent);@variant focus-or-within{outline-color:var(--color-accent-400)}}@utility input-info{--color-input:var(--color-info);--color-on-input:var(--color-on-info);--color-input-soft:var(--color-info-soft);--color-on-input-soft:var(--color-on-info-soft);--color-input-active:var(--color-info-active);--color-on-input-active:var(--color-on-info);@variant focus-or-within{outline-color:var(--color-info-400)}}@utility input-success{--color-input:var(--color-success);--color-on-input:var(--color-on-success);--color-input-soft:var(--color-success-soft);--color-on-input-soft:var(--color-on-success-soft);--color-input-active:var(--color-success-active);--color-on-input-active:var(--color-on-success);@variant focus-or-within{outline-color:var(--color-success-400)}}@utility input-warning{--color-input:var(--color-warning);--color-on-input:var(--color-on-warning);--color-input-soft:var(--color-warning-soft);--color-on-input-soft:var(--color-on-warning-soft);--color-input-active:var(--color-warning-active);--color-on-input-active:var(--color-on-warning);@variant focus-or-within{outline-color:var(--color-warning-400)}}@utility input-error{--color-input:var(--color-error);--color-on-input:var(--color-on-error);--color-input-soft:var(--color-error-soft);--color-on-input-soft:var(--color-on-error-soft);--color-input-active:var(--color-error-active);--color-on-input-active:var(--color-on-error);@variant focus-or-within{outline-color:var(--color-error-400)}}@utility input-xs{--input--inline:0.475rem;--input--block:0.375rem;--input--font-size:0.75rem}@utility input-sm{--input--inline:0.6rem;--input--block:0.5rem;--input--font-size:0.875rem}@utility input-md{--input--inline:0.75rem;--input--block:0.625rem;--input--font-size:1rem}@utility input-lg{--input--inline:0.9rem;--input--block:0.75rem;--input--font-size:1rem}@utility input-xl{--input--inline:1rem;--input--block:0.875rem;--input--font-size:1rem}@utility input-2xl{--input--inline:1.25rem;--input--block:1rem;--input--font-size:1.025rem}@utility input-disabled{cursor:var(--input-disabled--cursor);opacity:var(--input-disabled--opacity);pointer-events:var(--input-disabled--pointer-events);background-color:var(--input-disabled--bg-color);color:var(--input-disabled--color);user-select:var(--input-disabled--user-select);outline-color:var(--input-disabled--outline-color);@variant placeholder{color:var(--input-disabled--color)}}@utility input-dashed{outline-style:dashed}@utility input-outline{outline-style:solid}@utility input-soft{background-color:var(--color-input-soft);outline-color:transparent;@variant placeholder{color:--alpha(var(--color-on-input-soft) / 20%)}}@utility input-ghost{outline-color:transparent}@custom-variant input-disabled{&:is(:disabled,[disabled],[class*="input-disabled"]){@slot}@variant placeholder{color:var(--input-disabled--color)}}@utility input{--radius-input:calc(var(--border-radius) * 2);--color-input:var(--color-base-soft);--color-on-input:var(--color-on-base-soft);--color-input-active:var(--color-base-active);--color-on-input-active:var(--color-on-base);--input--inline:0.75rem;--input--block:0.625rem;--input--font-size:1rem;outline-width:1px;outline-style:solid;outline-color:var(--color-input-active);background-color:transparent;&:not([type="file"]){padding-inline:var(--input--inline);padding-block:var(--input--block)}font-size:var(--input--font-size);color:var(--color-on-base);display:inline-flex;align-self:flex-start;flex-shrink:0;align-items:center;appearance:none;border-radius:var(--radius-input);gap:0.5rem;vertical-align:middle;white-space:nowrap;position:relative;font-weight:500;transition:outline-color 250ms;transition-timing-function:ease-in-out;@variant placeholder{font-size:var(--input--font-size);color:--alpha(var(--color-on-base) / 30%);font-weight:400}@variant file{font-size:var(--input--font-size);margin-right:1rem;display:inline-flex;padding-inline:var(--input--inline);padding-block:var(--input--block);transition:border-color 300ms,background-color 300ms,display 300ms;transition-timing-function:ease-in-out;align-items:center;border-top-left-radius:calc(var(--radius-input) / 2);border-bottom-left-radius:calc(var(--radius-input) / 2);background-color:var(--color-input);border-right-width:1px;border-style:solid;border-color:var(--color-input-active);font-weight:semibold;color:var(--color-on-input);@variant hover{background-color:var(--color-input-active);color:var(--color-on-input-active)}}@variant input-disabled{--input-disabled--cursor:not-allowed;--input-disabled--opacity:0.6;--input-disabled--pointer-events:none;--input-disabled--user-select:none;--input-disabled--bg-color:var(--color-base-soft);--input-disabled--color:light-dark(var(--color-base-700),var(--color-base-400));--input-disabled--outline-color:--alpha(var(--input) / 20%);cursor:var(--input-disabled--cursor);opacity:var(--input-disabled--opacity);pointer-events:var(--input-disabled--pointer-events);background-color:var(--input-disabled--bg-color);color:var(--input-disabled--color);user-select:var(--input-disabled--user-select);outline-color:var(--input-disabled--outline-color)}@variant focus-or-within{outline-color:light-dark(var(--color-base-800),--alpha(var(--color-base-300) / 80%))}}@utility link-primary{--link--color:light-dark(var(--color-primary-800),var(--color-primary-400));@variant hover{--link--color:light-dark(var(--color-primary-700),var(--color-primary-300))}}@utility link-secondary{--link--color:light-dark(var(--color-secondary-800),var(--color-secondary-400));@variant hover{--link--color:light-dark(var(--color-secondary-700),var(--color-secondary-300))}}@utility link-accent{--link--color:light-dark(var(--color-accent-800),var(--color-accent-400));@variant hover{--link--color:light-dark(var(--color-accent-700),var(--color-accent-300))}}@utility link-info{--link--color:light-dark(var(--color-info-800),var(--color-info-400));@variant hover{--link--color:light-dark(var(--color-info-700),var(--color-info-300))}}@utility link-neutral{--link--color:light-dark(var(--color-nuetral-800),var(--color-nuetral-400));@variant hover{--link--color:light-dark(var(--color-nuetral-700),var(--color-nuetral-300))}}@utility link-success{--link--color:light-dark(var(--color-success-800),var(--color-success-400));@variant hover{--link--color:light-dark(var(--color-success-700),var(--color-success-300))}}@utility link-warning{--link--color:light-dark(var(--color-warning-800),var(--color-warning-400));@variant hover{--link--color:light-dark(var(--color-warning-700),var(--color-warning-300))}}@utility link-error{--link--color:light-dark(var(--color-error-800),var(--color-error-400));@variant hover{--link--color:light-dark(var(--color-error-700),var(--color-error-300))}}@utility link-xs{--link-text-size:0.75rem}@utility link-sm{--link-text-size:0.875rem}@utility link-md{--link-text-size:1rem}@utility link-lg{--link-text-size:1.125rem}@utility link-xl{--link-text-size:1.25rem}@utility link-2xl{--link-text-size:1.375rem}@utility link-hover{text-decoration-line:none;@variant hover{text-decoration-line:underline}}@utility link{--link--color:var(--color-on-base);cursor:pointer;text-decoration:underline;text-underline-offset:4px;color:var(--link--color);font-size:var(--link-text-size,1rem);transition:all 200ms ease-out;@variant hover{--link--color:light-dark(var(--color-base-950),var(--color-base-100));color:var(--link--color)}@variant focus{outline-style:none;@variant forced-colors{outline:2px solid transparent;outline-offset:2px}}@variant focus-visible{outline:2px solid currentColor;outline-offset:2px}}@utility modal-slide-up{--modal-body--translate:0 100%;--modal-body--scale:1}@utility modal-slide-down{--modal-body--translate:0 -100%;--modal-body--scale:1}@utility modal-slide-start{--modal-body--translate:-100% 0;--modal-body--scale:1}@utility modal-slide-end{--modal-body--translate:100% 0;--modal-body--scale:1}@utility modal-x-start{justify-items:start}@utility modal-x-center{justify-items:center}@utility modal-x-end{justify-items:end}@utility modal-y-start{align-items:start}@utility modal-y-center{align-items:center}@utility modal-y-end{align-items:end}@utility modal-backdrop{display:grid;grid-column-start:1;grid-row-start:1;align-self:stretch;justify-self:stretch;color:transparent;background-color:transparent;z-index:-1;button{cursor:pointer}}@utility modal-body{translate:var(--modal-body--translate);scale:var(--modal-body--scale,95%);opacity:var(--modal-body--opacity,0);box-shadow:light-dark(var(--color-base-600),var(--color-base-900)) 0px 1px 1px;grid-column-start:1;grid-row-start:1;max-height:100vh;width:calc(11 / 12 * 100%);max-width:32rem;padding:1.5rem;overflow-y:auto;overscroll-behavior:contain;border-radius:var(--radius-modal);background-color:var(--color-base);border-width:1px;border-style:solid;border-color:var(--color-base-soft);transition:translate 0.3s ease-out,scale 0.3s ease-out,opacity 0.3s ease-out 0.05s,box-shadow 0.3s ease-out;@variant forced-colors{outline-style:solid;outline-width:1px}}@utility modal{--radius-modal:calc(var(--border-radius) * 4);position:fixed;inset:0rem;margin:0rem;display:grid;align-items:center;justify-items:center;width:100%;height:100%;max-width:none;max-height:none;background-color:var(--color-base);color:inherit;z-index:999;overscroll-behavior:contain;overflow:hidden;padding:0.75rem;pointer-events:none;visibility:hidden;&:not(modal:not([open]):not([class*=modal-open])),&::backdrop{@starting-style{visibility:hidden;opacity:0}opacity:1;background-color:light-dark(color-mix(in oklch,black 10%,var(--color-base-600) 40%),color-mix(in oklch,black 10%,var(--color-base-400) 40%))}&[open],&[class*=modal-open]{@starting-style{visibility:hidden;opacity:0}pointer-events:auto;visibility:visible;opacity:1;--modal-body--translate:0 0;--modal-body--scale:1;--modal-body--opacity:1}}@utility navbar-x-start{--x-start:start;justify-self:var(--x-start);flex-direction:row;& >:where([class*="navbar-list"]){flex-direction:row;justify-content:var(--x-start);align-items:center;column-gap:0.5rem}& >:where([class*="navbar-list"] > li){width:auto}}@utility navbar-x-center{--x-center:center;justify-self:var(--x-center);flex-direction:row;& >:where([class*="navbar-list"]){flex-direction:row;justify-content:var(--x-center);align-items:center;column-gap:0.5rem}& >:where([class*="navbar-list"] > li){width:auto}}@utility navbar-x-end{--x-end:end;justify-self:var(--x-end);flex-direction:row;& >:where([class*="navbar-list"]){flex-direction:row;justify-content:var(--x-end);align-items:center;column-gap:0.5rem}& >:where([class*="navbar-list"] > li){width:auto}}@utility navbar-y-start{--y-start:start;justify-content:var(--y-start);flex-direction:column;row-gap:0.75rem;& >:where([class*="navbar-list"]){flex-direction:column;align-items:start;row-gap:0.25rem}}@utility navbar-y-center{--y-center:center;justify-content:var(--y-center);flex-direction:column;row-gap:0.75rem;& >:where([class*="navbar-list"]){flex-direction:column;align-items:start;row-gap:0.25rem}}@utility navbar-y-end{--y-end:end;justify-content:var(--y-end);flex-direction:column;row-gap:0.75rem;& >:where([class*="navbar-list"]){flex-direction:column;align-items:start;row-gap:0.25rem}}@utility navbar-list{display:flex;width:100%}@utility navbar{display:flex;width:100%}@utility sidebar{display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;overflow-x:hidden;position:sticky;max-height:calc(100dvh - (var(--spacing) * 14.25));border-inline-style:solid;border-inline-width:1px;border-color:var(--color-base-soft);background-color:var(--color-base)}@utility surface-1{--surface--bg-color:color-mix(in oklch,var(--color-base) 90%,var(--color-on-base) 10%);--surface--color:var(--color-on-base)}@utility surface-2{--surface--bg-color:color-mix(in oklch,var(--color-base) 80%,var(--color-on-base) 20%);--surface--color:var(--color-on-base)}@utility surface-rounded{border-radius:calc(var(--border-radius) * 2)}@utility surface-xs{--surface--padding:0.5rem}@utility surface-sm{--surface--padding:1rem}@utility surface-md{--surface--padding:1.5rem}@utility surface-lg{--surface--padding:2rem}@utility surface-xl{--surface--padding:2.5rem}@utility surface-outline{border-width:1px;border-style:solid;border-color:color-mix(in oklch,var(--color-base-active) 90%,var(--color-base) 10%)}@utility surface-dashed{border-width:1px;border-style:dashed;border-color:var(--color-base-active)}@utility surface{--surface--bg-color:var(--color-base);--surface--color:var(--color-on-base);background-color:var(--surface--bg-color);color:var(--surface--color);padding:var(--surface--padding)}@utility table-xs{:not(thead,tfoot) tr{font-size:0.6875rem}:where(th,td){padding-inline:0.5rem;padding-block:0.25rem}}@utility table-sm{:not(thead,tfoot) tr{font-size:0.75rem}:where(th,td){padding-inline:0.75rem;padding-block:0.5rem}}@utility table-md{:not(thead,tfoot) tr{font-size:0.875rem}:where(th,td){padding-inline:1rem;padding-block:0.75rem}}@utility table-lg{:not(thead,tfoot) tr{font-size:1.125rem}:where(th,td){padding-inline:1.25rem;padding-block:1rem}}@utility table-xl{:not(thead,tfoot) tr{font-size:1.375rem}:where(th,td){padding-inline:1.5rem;padding-block:1.25rem}}@utility table-hover{tbody tr{transition-property:background-color;transition-duration:150ms;transition-timing-function:linear;&:hover{background-color:var(--color-table-soft)}}}@utility table-zebra{tbody{tr{&:where(:nth-child(even)){background-color:var(--color-table-soft)}}}}@utility table-zebra-rows{tbody{tr{&:where(:nth-child(even)){background-color:var(--color-table-soft)}}}}@utility table-zebra-cols{tbody{tr{td:where(:nth-child(even)){background-color:var(--color-table-soft)}}}}@utility table-pin-rows{thead{tr{position:sticky;top:0;background-color:var(--color-table);z-index:1}}}@utility table-pin-cols{tr th{position:sticky;left:0;right:0;background-color:var(--color-table)}}@utility table{--radius-table:calc(var(--border-radius) * 4);--color-table:var(--color-base);--color-table-soft:var(--color-base-soft);--color-on-table-soft:var(--color-on-base-soft);--color-table-active:var(--color-base-active);position:relative;width:100%;text-align:left;border-radius:var(--radius-table);font-size:var(--text-base);transition:all 250ms ease-out;@variant rtl{text-align:right}:where(th,td){padding-inline:1rem;padding-block:0.75rem;vertical-align:middle}:where(thead,tfoot){font-size:0.875rem;font-weight:600;white-space:nowrap;color:var(--color-on-table-soft)}:where(tfoot){border-top:1px solid var(--color-table-active)}:where(thead tr,tbody tr:not(:last-child)){border-bottom:1px solid var(--color-table-active)}}@utility menu-x{display:inline-flex;flex-direction:row;:where(li>[class*="menu-item"]){padding-right:0.75rem}& > li:not([class*="menu-title"]) > details{& > ul{background-color:var(--color-menu);position:absolute;margin-inline-start:0rem;margin-top:1rem;transform-origin:top;padding-block:0.5rem;padding-inline-end:0.5rem;opacity:0%;scale:95%;@media (prefers-reduced-motion:no-preference){@starting-style{scale:95%;opacity:0}animation:menu 0.2s;transition-property:opacity,scale,display;transition-behavior:allow-discrete;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}}&[open] > ul{opacity:100%;scale:100%}}& > li > details > ul{&:before{--tw-content:none;content:var(--tw-content)}}}@utility menu-y{flex-direction:column;:where(ul,li){margin-inline-start:0.375rem}}@utility menu-disabled{--menu--opacity:20%;--menu--cursor:not-allowed;--menu--pointer-events:none;opacity:var(--menu--opacity);cursor:var(--menu--cursor);pointer-events:var(--menu--pointer-events)}@utility menu-active{--tw-outline-style:none;outline-style:none;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}color:var(--color-on-menu);background-color:var(--color-menu-active)}@utility menu-xs{:where(li:not([class*="menu-title"]) > *:not(ul,details,[class*="menu-title"])),:where(li:not([class*="menu-title"]) > details > summary:not([class*="menu-title"])){padding-block:0.25rem;font-size:0.6875rem}[class*="menu-title"]{padding-block:0.25rem}}@utility menu-sm{:where(li:not([class*="menu-title"]) > *:not(ul,details,[class*="menu-title"])),:where(li:not([class*="menu-title"]) > details > summary:not([class*="menu-title"])){padding-block:0.25rem;font-size:0.75rem}[class*="menu-title"]{padding-block:0.5rem}}@utility menu-md{:where(li:not([class*="menu-title"]) > *:not(ul,details,[class*="menu-title"])),:where(li:not([class*="menu-title"]) > details > summary:not([class*="menu-title"])){padding-block:0.375rem;font-size:0.875rem}[class*="menu-title"]{padding-block:0.5rem}}@utility menu-lg{:where(li:not([class*="menu-title"]) > *:not(ul,details,[class*="menu-title"])),:where(li:not([class*="menu-title"]) > details > summary:not([class*="menu-title"])){padding-block:0.375rem;font-size:1.125rem}[class*="menu-title"]{padding-block:0.75rem}}@utility menu-xl{:where(li:not([class*="menu-title"]) > *:not(ul,details,[class*="menu-title"])),:where(li:not([class*="menu-title"]) > details > summary:not([class*="menu-title"])){padding-block:0.375rem;font-size:1.375rem}[class*="menu-title"]{padding-block:0.75rem}}@utility menu-title{color:light-dark(var(--color-base-900),var(--color-base-100));padding-inline:0.75rem;padding-block:0.5rem;font-size:0.875rem;font-weight:600}@utility menu-item{color:var(--color-on-base);border-radius:calc(var(--radius-menu) / 2);padding-inline:0.75rem;padding-block:0.375rem;text-align:start;transition-property:color,background-color,box-shadow;transition-duration:0.2s;transition-timing-function:cubic-bezier(0,0,0.2,1);text-wrap:balance;user-select:none;font-size:0.875rem;gap:0.5rem;display:grid;grid-auto-columns:minmax(auto,max-content) auto max-content;grid-auto-flow:column;align-content:flex-start;align-items:center;&:has([class*="accordion"]){padding-right:0rem}}@utility menu{--color-menu:var(--color-base-soft);--color-on-menu:var(--color-on-base-soft);--color-menu-active:var(--color-base-active);--radius-menu:calc(var(--border-radius) * 4);display:flex;width:fit-content;flex-direction:column;flex-wrap:wrap;padding:0.5rem;font-size:0.875rem;border-radius:var(--radius-menu);color:var(--color-on-base);:where(ul,li){margin-top:0.375rem}:where(li:not([class*="menu-title"],li:has([class*="menu-title"]))>[class*="menu-item"]){@variant hover{background-color:var(--color-menu);color:var(--color-on-menu)}@variant focus-within{background-color:var(--color-menu);color:var(--color-on-menu);outline-style:none;cursor:pointer;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}}:where(a,button){@variant focus-visible{outline:2px solid transparent;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}}}}:where(li ul){position:relative;margin-inline-start:0.1rem;padding-inline-start:1.4rem;white-space:nowrap;font-size:0.875rem;color:var(--color-on-base);@variant before{background-color:var(--color-on-menu);position:absolute;inset-inline-start:0.7rem;top:0.7rem;bottom:0rem;opacity:10%;width:1px;content:""}}:where(summary){padding-inline:0.75rem;padding-block:0.375rem}}@utility tooltip-primary{--color-tooltip:var(--color-primary);--color-on-tooltip:var(--color-on-primary)}@utility tooltip-secondary{--color-tooltip:var(--color-secondary);--color-on-tooltip:var(--color-on-secondary)}@utility tooltip-accent{--color-tooltip:var(--color-accent);--color-on-tooltip:var(--color-on-accent)}@utility tooltip-neutral{--color-tooltip:var(--color-neutral);--color-on-tooltip:var(--color-on-neutral)}@utility tooltip-info{--color-tooltip:var(--color-info);--color-on-tooltip:var(--color-on-info)}@utility tooltip-success{--color-tooltip:var(--color-success);--color-on-tooltip:var(--color-on-success)}@utility tooltip-warning{--color-tooltip:var(--color-warning);--color-on-tooltip:var(--color-on-warning)}@utility tooltip-error{--color-tooltip:var(--color-error);--color-on-tooltip:var(--color-on-error)}@utility tooltip-top{&>[class*="tooltip-body"],&[data-tip]:before{transform:translateX(-50%) translateY(var(--tooltip-placement,0.25rem));inset:auto auto var(--tooltip-body) 50%;z-index:50}@variant after{transform:translateX(-50%) translateY(var(--tooltip-placement,0.25rem));inset:auto auto var(--tooltip-tail) 50%;z-index:50}}@utility tooltip-bottom{&>[class*="tooltip-body"],&[data-tip]:before{transform:translateX(-50%) translateY(var(--tooltip-placement,-0.25rem));inset:var(--tooltip-body) auto auto 50%;z-index:50}@variant after{transform:translateX(-50%) translateY(var(--tooltip-placement,-0.25rem)) rotate(180deg);inset:var(--tooltip-tail) auto auto 50%;z-index:50}}@utility tooltip-left{&>[class*="tooltip-body"],&[data-tip]:before{transform:translateX(calc(var(--tooltip-placement,0.25rem) - 0.25rem)) translateY(-50%);inset:50% var(--tooltip-body) auto auto;z-index:50}@variant after{transform:translateX(var(--tooltip-placement,0.25rem)) translateY(-50%) rotate(-90deg);inset:50% calc(var(--tooltip-tail) + 1px) auto auto;z-index:50}}@utility tooltip-right{&>[class*="tooltip-body"],&[data-tip]:before{transform:translateX(calc(var(--tooltip-placement,-0.25rem) + 0.25rem)) translateY(-50%);inset:50% auto auto var(--tooltip-body);z-index:50}@variant after{transform:translateX(var(--tooltip-placement,-0.25rem)) translateY(-50%) rotate(90deg);inset:50% auto auto calc(var(--tooltip-tail) + 1px);z-index:50}}@utility tooltip-start{&>[class*="tooltip-body"],&[data-tip]:before{transform:translateX(calc(var(--tooltip-placement,0.25rem) - 0.25rem)) translateY(-50%);inset:50% var(--tooltip-body) auto auto;z-index:50}@variant rtl{&>[class*="tooltip-body"],&[data-tip]:before{transform:translateX(calc(var(--tooltip-placement,-0.25rem) + 0.25rem)) translateY(-50%);inset:50% auto auto var(--tooltip-body);z-index:50}}@variant after{transform:translateX(var(--tooltip-placement,0.25rem)) translateY(-50%) rotate(-90deg);inset:50% calc(var(--tooltip-tail) + 1px) auto auto;z-index:50}@variant rtl{@variant after{transform:translateX(var(--tooltip-placement,-0.25rem)) translateY(-50%) rotate(90deg);inset:50% auto auto calc(var(--tooltip-tail) + 1px);z-index:50}}}@utility tooltip-end{&>[class*="tooltip-body"],&[data-tip]:before{transform:translateX(calc(var(--tooltip-placement,-0.25rem) + 0.25rem)) translateY(-50%);inset:50% auto auto var(--tooltip-body);z-index:50}@variant rtl{&>[class*="tooltip-body"],&[data-tip]:before{transform:translateX(calc(var(--tooltip-placement,0.25rem) - 0.25rem)) translateY(-50%);inset:50% var(--tooltip-body) auto auto;z-index:50}}@variant after{transform:translateX(var(--tooltip-placement,-0.25rem)) translateY(-50%) rotate(90deg);inset:50% auto auto calc(var(--tooltip-tail) + 1px);z-index:50}@variant rtl{@variant after{transform:translateX(var(--tooltip-placement,0.25rem)) translateY(-50%) rotate(-90deg);inset:50% calc(var(--tooltip-tail) + 1px) auto auto;z-index:50}}}@utility tooltip{position:relative;display:inline-block;--color-tooltip:var(--color-neutral);--color-on-tooltip:var(--color-on-neutral);--tooltip-body:calc(100% + 0.5rem);--tooltip-tail:calc(100% + 1px + 0.25rem);--radius-tooltip:calc(var(--border-radius) * 2);& > [class*="tooltip-body"],&[data-tip]:before{color:var(--color-on-tooltip);border-radius:var(--radius-tooltip);position:absolute;max-width:20rem;padding-inline:0.5rem;padding-block:0.25rem;opacity:0%;text-align:center;white-space:normal;font-size:0.875rem;line-height:1.25;background-color:var(--color-tooltip);width:max-content;pointer-events:none;z-index:2;--tw-content:attr(data-tip);content:var(--tw-content);transform:translateX(-50%) translateY(var(--tooltip-placement,0.25rem));inset:auto auto var(--tooltip-body) 50%}&:after{background-color:var(--color-tooltip);content:"";pointer-events:none;width:0.625rem;height:0.25rem;display:block;position:absolute;opacity:0%;mask-repeat:no-repeat;mask-position:-1px 0;--mask-tooltip:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A");mask-image:var(--mask-tooltip);transform:translateX(-50%) translateY(var(--tooltip-placement,0.25rem));inset:auto auto var(--tooltip-tail) 50%}@media (prefers-reduced-motion:no-preference){& > [class*="tooltip-body"],&[data-tip]:before,&:after{transition:opacity 0.2s cubic-bezier(0.4,0,0.2,1) 75ms,transform 0.2s cubic-bezier(0.4,0,0.2,1) 75ms}}&:is([data-tip]:not([data-tip=""]),:has([class*="tooltip-body"]:not(:empty))){&[class*="tooltip-open"],&:hover,&:has(:focus-visible){& > [class*="tooltip-body"],&[data-tip]:before,&:after{opacity:100%;--tooltip-placement:0rem;@media (prefers-reduced-motion:no-preference){transition:opacity 0.2s cubic-bezier(0.4,0,0.2,1) 0s,transform 0.2s cubic-bezier(0.4,0,0.2,1) 0s}}}}}@utility container{box-sizing:border-box;margin-inline:auto;padding-inline:1rem;@variant sm{padding-inline:2rem}@variant lg{padding-inline:4rem}}@utility container-*{--container-size-xs:320px;--container-size-sm:640px;--container-size-md:768px;--container-size-lg:1024px;--container-size-xl:1280px;--container-size-2xl:1536px;max-width:--value(--container-size-*,integer,[integer]);box-sizing:border-box;margin-inline:auto;padding-inline:1rem;@variant sm{padding-inline:2rem}@variant lg{padding-inline:4rem}}@utility container-full{width:100%;max-width:100%;box-sizing:border-box;margin-inline:auto;padding-inline:1rem;@variant sm{padding-inline:2rem}@variant lg{padding-inline:4rem}}@utility heading{font-weight:bold;text-wrap-style:balance;font-size:var(--text-base)}@utility heading-*{font-weight:bold;text-wrap-style:balance;font-size:--value(--text-*,integer,[integer])}@utility heading-md{font-weight:bold;text-wrap-style:balance;font-size:var(--text-base)}@utility para{text-wrap-style:pretty;font-size:var(--text-base)}@utility para-*{text-wrap-style:pretty;font-size:--value(--text-*,integer,[integer])}@utility para-md{text-wrap-style:pretty;font-size:var(--text-base)}