frutjam 2.2.5 → 2.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.github.md +7 -2
- package/dist/base.css +63 -3
- package/dist/components/accordion.css +2 -2
- package/dist/components/alert.css +2 -2
- package/dist/components/avatar.css +2 -2
- package/dist/components/badge.css +2 -2
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/button.css +3 -3
- package/dist/components/card.css +2 -2
- package/dist/components/carousel.css +1 -1
- package/dist/components/chat.css +1 -1
- package/dist/components/checkbox.css +2 -2
- package/dist/components/collapsible.css +1 -1
- package/dist/components/combobox.css +2 -2
- package/dist/components/countdown.css +2 -2
- package/dist/components/diff.css +2 -2
- package/dist/components/divider.css +1 -1
- package/dist/components/drawer/object.js +1 -1
- package/dist/components/drawer.css +2 -2
- package/dist/components/footer.css +2 -2
- package/dist/components/header/object.js +1 -1
- package/dist/components/header.css +2 -2
- package/dist/components/hero.css +2 -2
- package/dist/components/indicator.css +1 -1
- package/dist/components/input.css +2 -2
- package/dist/components/join.css +2 -2
- package/dist/components/kbd.css +2 -2
- package/dist/components/link.css +1 -1
- package/dist/components/loading.css +2 -2
- package/dist/components/marquee.css +1 -1
- package/dist/components/mask.css +2 -2
- package/dist/components/menu.css +2 -2
- package/dist/components/modal.css +2 -2
- package/dist/components/navbar.css +1 -1
- package/dist/components/popover.css +2 -2
- package/dist/components/progress.css +2 -2
- package/dist/components/radial-progress.css +2 -2
- package/dist/components/radio.css +2 -2
- package/dist/components/range.css +2 -2
- package/dist/components/rating.css +2 -2
- package/dist/components/select.css +2 -2
- package/dist/components/sidebar.css +2 -2
- package/dist/components/skeleton.css +2 -2
- package/dist/components/stat.css +2 -2
- package/dist/components/status.css +1 -1
- package/dist/components/steps.css +1 -1
- package/dist/components/surface.css +2 -2
- package/dist/components/swap.css +1 -1
- package/dist/components/table.css +2 -2
- package/dist/components/tabs.css +2 -2
- package/dist/components/tag.css +2 -2
- package/dist/components/textarea.css +2 -2
- package/dist/components/timeline.css +1 -1
- package/dist/components/toast.css +1 -1
- package/dist/components/toggle.css +2 -2
- package/dist/components/tooltip.css +2 -2
- package/dist/frutjam.min.css +64 -4
- package/dist/plugin.js +3 -3
- package/dist/themes/darkberry.css +1 -1
- package/dist/themes/snowberry.css +1 -1
- package/dist/utilities/headings.css +2 -2
- package/dist/utilities/para.css +2 -2
- package/dist/utilities/typography.css +1 -1
- package/dist/utilities/wrapper.css +1 -1
- package/package.json +4 -4
package/README.github.md
CHANGED
|
@@ -138,6 +138,7 @@ Without Cherry, AI assistants (Claude Code, Cursor, GitHub Copilot) hallucinate
|
|
|
138
138
|
- [Tag](https://frutjam.com/components/tag)
|
|
139
139
|
- [Avatar](https://frutjam.com/components/avatar)
|
|
140
140
|
- [Indicator](https://frutjam.com/components/indicator)
|
|
141
|
+
- [Status](https://frutjam.com/components/status)
|
|
141
142
|
- [Diff](https://frutjam.com/components/diff)
|
|
142
143
|
- [Timeline](https://frutjam.com/components/timeline)
|
|
143
144
|
- [Chat](https://frutjam.com/components/chat)
|
|
@@ -239,7 +240,7 @@ Frutjam is designed for WCAG AA compliance from the ground up:
|
|
|
239
240
|
}
|
|
240
241
|
```
|
|
241
242
|
|
|
242
|
-
[**Explore themes →**](https://frutjam.com/themes)
|
|
243
|
+
[**Explore themes →**](https://frutjam.com/docs/themes)
|
|
243
244
|
|
|
244
245
|
---
|
|
245
246
|
|
|
@@ -298,12 +299,16 @@ Frutjam is designed for WCAG AA compliance from the ground up:
|
|
|
298
299
|
|
|
299
300
|
- [Discord](https://discord.gg/FvjytjQSSZ)
|
|
300
301
|
- [X / Twitter](https://x.com/FrutjamUI)
|
|
301
|
-
- [Write for Us](https://
|
|
302
|
+
- [Write for Us](https://github.com/nezanuha/frutjam/issues/new?template=blog-pitch.yml)
|
|
302
303
|
|
|
303
304
|
---
|
|
304
305
|
|
|
305
306
|
## Contributing
|
|
306
307
|
|
|
308
|
+
See [CONTRIBUTING.md](.github/CONTRIBUTING.md) for the component, documentation and
|
|
309
|
+
translation workflows. The docs are published in 13 languages, and corrections
|
|
310
|
+
to the machine-translated pages are especially welcome.
|
|
311
|
+
|
|
307
312
|
1. Fork the repository
|
|
308
313
|
2. Create a feature branch: `git checkout -b feature/my-component`
|
|
309
314
|
3. Commit your changes: `git commit -m 'Add my-component'`
|
package/dist/base.css
CHANGED
|
@@ -1,4 +1,64 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer base{:root,[data-theme]{--palette-shade-light-color:#fff;--palette-shade-dark-color:#000;--color-body:currentColor;@supports (color:color-mix(in lab,red,red)){--color-body:color-mix(in oklch,currentColor 80%,transparent)}-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);--color-base-soft:light-dark(var(--color-on-base),var(--color-on-base));@supports (color:color-mix(in lab,red,red)){--color-base-soft:light-dark(color-mix(in oklch,var(--color-on-base) 8%,var(--color-base) 92%),color-mix(in oklch,var(--color-on-base) 16%,var(--color-base) 84%))}--color-on-base-soft:var(--color-on-base);--color-base-active:light-dark(var(--color-on-base),var(--color-on-base));@supports (color:color-mix(in lab,red,red)){--color-base-active:light-dark(color-mix(in oklch,var(--color-on-base) 14%,var(--color-base) 86%),color-mix(in oklch,var(--color-on-base) 26%,var(--color-base) 74%))}--color-base-50:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-50:color-mix(in oklch,var(--color-on-base) 4%,var(--color-base) 96%)}--color-base-100:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-100:color-mix(in oklch,var(--color-on-base) 8%,var(--color-base) 92%)}--color-base-200:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-200:color-mix(in oklch,var(--color-on-base) 16%,var(--color-base) 84%)}--color-base-300:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-300:color-mix(in oklch,var(--color-on-base) 26%,var(--color-base) 74%)}--color-base-400:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-400:color-mix(in oklch,var(--color-on-base) 36%,var(--color-base) 64%)}--color-base-500:var(--color-base);--color-base-600:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-600:color-mix(in oklch,var(--color-on-base) 50%,var(--color-base) 50%)}--color-base-700:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-700:color-mix(in oklch,var(--color-on-base) 62%,var(--color-base) 38%)}--color-base-800:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-800:color-mix(in oklch,var(--color-on-base) 74%,var(--color-base) 26%)}--color-base-900:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-900:color-mix(in oklch,var(--color-on-base) 86%,var(--color-base) 14%)}--color-base-950:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-950:color-mix(in oklch,var(--color-on-base) 92%,var(--color-base) 8%)}--color-neutral-soft:light-dark(var(--color-neutral-50),var(--color-neutral));@supports (color:color-mix(in lab,red,red)){--color-neutral-soft:light-dark(var(--color-neutral-50),color-mix(in srgb,var(--color-neutral) 20%,var(--color-base) 80%))}--color-on-neutral-soft:light-dark(var(--color-neutral-700),var(--color-neutral-300));--color-neutral-active:light-dark(var(--palette-shade-dark-color),var(--palette-shade-light-color));@supports (color:color-mix(in lab,red,red)){--color-neutral-active:light-dark(color-mix(in oklch,var(--palette-shade-dark-color) 15%,var(--color-neutral) 85%),color-mix(in oklch,var(--palette-shade-light-color) 15%,var(--color-neutral) 85%))}--color-neutral-50:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-50:color-mix(in oklch,var(--palette-shade-light-color) 80%,var(--color-neutral) 20%)}--color-neutral-100:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-100:color-mix(in oklch,var(--palette-shade-light-color) 65%,var(--color-neutral) 35%)}--color-neutral-200:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-200:color-mix(in oklch,var(--palette-shade-light-color) 50%,var(--color-neutral) 50%)}--color-neutral-300:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-300:color-mix(in oklch,var(--palette-shade-light-color) 35%,var(--color-neutral) 65%)}--color-neutral-400:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-400:color-mix(in oklch,var(--palette-shade-light-color) 18%,var(--color-neutral) 82%)}--color-neutral-500:var(--color-neutral);--color-neutral-600:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-600:color-mix(in oklch,var(--palette-shade-dark-color) 18%,var(--color-neutral) 82%)}--color-neutral-700:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-700:color-mix(in oklch,var(--palette-shade-dark-color) 34%,var(--color-neutral) 66%)}--color-neutral-800:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-800:color-mix(in oklch,var(--palette-shade-dark-color) 50%,var(--color-neutral) 50%)}--color-neutral-900:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-900:color-mix(in oklch,var(--palette-shade-dark-color) 65%,var(--color-neutral) 35%)}--color-neutral-950:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-950:color-mix(in oklch,var(--palette-shade-dark-color) 80%,var(--color-neutral) 20%)}--color-primary-soft:light-dark(var(--color-primary-50),var(--color-primary));@supports (color:color-mix(in lab,red,red)){--color-primary-soft:light-dark(var(--color-primary-50),color-mix(in srgb,var(--color-primary) 20%,var(--color-base) 80%))}--color-on-primary-soft:light-dark(var(--color-primary-700),var(--color-primary-300));--color-primary-active:light-dark(var(--palette-shade-dark-color),var(--palette-shade-light-color));@supports (color:color-mix(in lab,red,red)){--color-primary-active:light-dark(color-mix(in oklch,var(--palette-shade-dark-color) 15%,var(--color-primary) 85%),color-mix(in oklch,var(--palette-shade-light-color) 15%,var(--color-primary) 85%))}--color-primary-50:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-primary-50:color-mix(in oklch,var(--palette-shade-light-color) 80%,var(--color-primary) 20%)}--color-primary-100:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-primary-100:color-mix(in oklch,var(--palette-shade-light-color) 65%,var(--color-primary) 35%)}--color-primary-200:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-primary-200:color-mix(in oklch,var(--palette-shade-light-color) 50%,var(--color-primary) 50%)}--color-primary-300:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-primary-300:color-mix(in oklch,var(--palette-shade-light-color) 35%,var(--color-primary) 65%)}--color-primary-400:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-primary-400:color-mix(in oklch,var(--palette-shade-light-color) 18%,var(--color-primary) 82%)}--color-primary-500:var(--color-primary);--color-primary-600:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-primary-600:color-mix(in oklch,var(--palette-shade-dark-color) 18%,var(--color-primary) 82%)}--color-primary-700:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-primary-700:color-mix(in oklch,var(--palette-shade-dark-color) 34%,var(--color-primary) 66%)}--color-primary-800:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-primary-800:color-mix(in oklch,var(--palette-shade-dark-color) 50%,var(--color-primary) 50%)}--color-primary-900:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-primary-900:color-mix(in oklch,var(--palette-shade-dark-color) 65%,var(--color-primary) 35%)}--color-primary-950:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-primary-950:color-mix(in oklch,var(--palette-shade-dark-color) 80%,var(--color-primary) 20%)}--color-secondary-soft:light-dark(var(--color-secondary-50),var(--color-secondary));@supports (color:color-mix(in lab,red,red)){--color-secondary-soft:light-dark(var(--color-secondary-50),color-mix(in srgb,var(--color-secondary) 20%,var(--color-base) 80%))}--color-on-secondary-soft:light-dark(var(--color-secondary-700),var(--color-secondary-300));--color-secondary-active:light-dark(var(--palette-shade-dark-color),var(--palette-shade-light-color));@supports (color:color-mix(in lab,red,red)){--color-secondary-active:light-dark(color-mix(in oklch,var(--palette-shade-dark-color) 15%,var(--color-secondary) 85%),color-mix(in oklch,var(--palette-shade-light-color) 15%,var(--color-secondary) 85%))}--color-secondary-50:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-50:color-mix(in oklch,var(--palette-shade-light-color) 80%,var(--color-secondary) 20%)}--color-secondary-100:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-100:color-mix(in oklch,var(--palette-shade-light-color) 65%,var(--color-secondary) 35%)}--color-secondary-200:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-200:color-mix(in oklch,var(--palette-shade-light-color) 50%,var(--color-secondary) 50%)}--color-secondary-300:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-300:color-mix(in oklch,var(--palette-shade-light-color) 35%,var(--color-secondary) 65%)}--color-secondary-400:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-400:color-mix(in oklch,var(--palette-shade-light-color) 18%,var(--color-secondary) 82%)}--color-secondary-500:var(--color-secondary);--color-secondary-600:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-600:color-mix(in oklch,var(--palette-shade-dark-color) 18%,var(--color-secondary) 82%)}--color-secondary-700:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-700:color-mix(in oklch,var(--palette-shade-dark-color) 34%,var(--color-secondary) 66%)}--color-secondary-800:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-800:color-mix(in oklch,var(--palette-shade-dark-color) 50%,var(--color-secondary) 50%)}--color-secondary-900:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-900:color-mix(in oklch,var(--palette-shade-dark-color) 65%,var(--color-secondary) 35%)}--color-secondary-950:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-950:color-mix(in oklch,var(--palette-shade-dark-color) 80%,var(--color-secondary) 20%)}--color-accent-soft:light-dark(var(--color-accent-50),var(--color-accent));@supports (color:color-mix(in lab,red,red)){--color-accent-soft:light-dark(var(--color-accent-50),color-mix(in srgb,var(--color-accent) 20%,var(--color-base) 80%))}--color-on-accent-soft:light-dark(var(--color-accent-700),var(--color-accent-300));--color-accent-active:light-dark(var(--palette-shade-dark-color),var(--palette-shade-light-color));@supports (color:color-mix(in lab,red,red)){--color-accent-active:light-dark(color-mix(in oklch,var(--palette-shade-dark-color) 15%,var(--color-accent) 85%),color-mix(in oklch,var(--palette-shade-light-color) 15%,var(--color-accent) 85%))}--color-accent-50:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-accent-50:color-mix(in oklch,var(--palette-shade-light-color) 80%,var(--color-accent) 20%)}--color-accent-100:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-accent-100:color-mix(in oklch,var(--palette-shade-light-color) 65%,var(--color-accent) 35%)}--color-accent-200:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-accent-200:color-mix(in oklch,var(--palette-shade-light-color) 50%,var(--color-accent) 50%)}--color-accent-300:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-accent-300:color-mix(in oklch,var(--palette-shade-light-color) 35%,var(--color-accent) 65%)}--color-accent-400:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-accent-400:color-mix(in oklch,var(--palette-shade-light-color) 18%,var(--color-accent) 82%)}--color-accent-500:var(--color-accent);--color-accent-600:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-accent-600:color-mix(in oklch,var(--palette-shade-dark-color) 18%,var(--color-accent) 82%)}--color-accent-700:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-accent-700:color-mix(in oklch,var(--palette-shade-dark-color) 34%,var(--color-accent) 66%)}--color-accent-800:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-accent-800:color-mix(in oklch,var(--palette-shade-dark-color) 50%,var(--color-accent) 50%)}--color-accent-900:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-accent-900:color-mix(in oklch,var(--palette-shade-dark-color) 65%,var(--color-accent) 35%)}--color-accent-950:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-accent-950:color-mix(in oklch,var(--palette-shade-dark-color) 80%,var(--color-accent) 20%)}--color-info-soft:light-dark(var(--color-info-50),var(--color-info));@supports (color:color-mix(in lab,red,red)){--color-info-soft:light-dark(var(--color-info-50),color-mix(in srgb,var(--color-info) 20%,var(--color-base) 80%))}--color-on-info-soft:light-dark(var(--color-info-700),var(--color-info-300));--color-info-active:light-dark(var(--palette-shade-dark-color),var(--palette-shade-light-color));@supports (color:color-mix(in lab,red,red)){--color-info-active:light-dark(color-mix(in oklch,var(--palette-shade-dark-color) 15%,var(--color-info) 85%),color-mix(in oklch,var(--palette-shade-light-color) 15%,var(--color-info) 85%))}--color-info-50:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-info-50:color-mix(in oklch,var(--palette-shade-light-color) 80%,var(--color-info) 20%)}--color-info-100:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-info-100:color-mix(in oklch,var(--palette-shade-light-color) 65%,var(--color-info) 35%)}--color-info-200:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-info-200:color-mix(in oklch,var(--palette-shade-light-color) 50%,var(--color-info) 50%)}--color-info-300:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-info-300:color-mix(in oklch,var(--palette-shade-light-color) 35%,var(--color-info) 65%)}--color-info-400:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-info-400:color-mix(in oklch,var(--palette-shade-light-color) 18%,var(--color-info) 82%)}--color-info-500:var(--color-info);--color-info-600:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-info-600:color-mix(in oklch,var(--palette-shade-dark-color) 18%,var(--color-info) 82%)}--color-info-700:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-info-700:color-mix(in oklch,var(--palette-shade-dark-color) 34%,var(--color-info) 66%)}--color-info-800:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-info-800:color-mix(in oklch,var(--palette-shade-dark-color) 50%,var(--color-info) 50%)}--color-info-900:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-info-900:color-mix(in oklch,var(--palette-shade-dark-color) 65%,var(--color-info) 35%)}--color-info-950:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-info-950:color-mix(in oklch,var(--palette-shade-dark-color) 80%,var(--color-info) 20%)}--color-success-soft:light-dark(var(--color-success-50),var(--color-success));@supports (color:color-mix(in lab,red,red)){--color-success-soft:light-dark(var(--color-success-50),color-mix(in srgb,var(--color-success) 20%,var(--color-base) 80%))}--color-on-success-soft:light-dark(var(--color-success-700),var(--color-success-300));--color-success-active:light-dark(var(--palette-shade-dark-color),var(--palette-shade-light-color));@supports (color:color-mix(in lab,red,red)){--color-success-active:light-dark(color-mix(in oklch,var(--palette-shade-dark-color) 15%,var(--color-success) 85%),color-mix(in oklch,var(--palette-shade-light-color) 15%,var(--color-success) 85%))}--color-success-50:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-success-50:color-mix(in oklch,var(--palette-shade-light-color) 80%,var(--color-success) 20%)}--color-success-100:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-success-100:color-mix(in oklch,var(--palette-shade-light-color) 65%,var(--color-success) 35%)}--color-success-200:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-success-200:color-mix(in oklch,var(--palette-shade-light-color) 50%,var(--color-success) 50%)}--color-success-300:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-success-300:color-mix(in oklch,var(--palette-shade-light-color) 35%,var(--color-success) 65%)}--color-success-400:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-success-400:color-mix(in oklch,var(--palette-shade-light-color) 18%,var(--color-success) 82%)}--color-success-500:var(--color-success);--color-success-600:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-success-600:color-mix(in oklch,var(--palette-shade-dark-color) 18%,var(--color-success) 82%)}--color-success-700:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-success-700:color-mix(in oklch,var(--palette-shade-dark-color) 34%,var(--color-success) 66%)}--color-success-800:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-success-800:color-mix(in oklch,var(--palette-shade-dark-color) 50%,var(--color-success) 50%)}--color-success-900:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-success-900:color-mix(in oklch,var(--palette-shade-dark-color) 65%,var(--color-success) 35%)}--color-success-950:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-success-950:color-mix(in oklch,var(--palette-shade-dark-color) 80%,var(--color-success) 20%)}--color-warning-soft:light-dark(var(--color-warning-50),var(--color-warning));@supports (color:color-mix(in lab,red,red)){--color-warning-soft:light-dark(var(--color-warning-50),color-mix(in srgb,var(--color-warning) 20%,var(--color-base) 80%))}--color-on-warning-soft:light-dark(var(--color-warning-800),var(--color-warning-300));--color-warning-active:light-dark(var(--palette-shade-dark-color),var(--palette-shade-light-color));@supports (color:color-mix(in lab,red,red)){--color-warning-active:light-dark(color-mix(in oklch,var(--palette-shade-dark-color) 15%,var(--color-warning) 85%),color-mix(in oklch,var(--palette-shade-light-color) 15%,var(--color-warning) 85%))}--color-warning-50:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-warning-50:color-mix(in oklch,var(--palette-shade-light-color) 80%,var(--color-warning) 20%)}--color-warning-100:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-warning-100:color-mix(in oklch,var(--palette-shade-light-color) 65%,var(--color-warning) 35%)}--color-warning-200:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-warning-200:color-mix(in oklch,var(--palette-shade-light-color) 50%,var(--color-warning) 50%)}--color-warning-300:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-warning-300:color-mix(in oklch,var(--palette-shade-light-color) 35%,var(--color-warning) 65%)}--color-warning-400:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-warning-400:color-mix(in oklch,var(--palette-shade-light-color) 18%,var(--color-warning) 82%)}--color-warning-500:var(--color-warning);--color-warning-600:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-warning-600:color-mix(in oklch,var(--palette-shade-dark-color) 18%,var(--color-warning) 82%)}--color-warning-700:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-warning-700:color-mix(in oklch,var(--palette-shade-dark-color) 34%,var(--color-warning) 66%)}--color-warning-800:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-warning-800:color-mix(in oklch,var(--palette-shade-dark-color) 50%,var(--color-warning) 50%)}--color-warning-900:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-warning-900:color-mix(in oklch,var(--palette-shade-dark-color) 65%,var(--color-warning) 35%)}--color-warning-950:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-warning-950:color-mix(in oklch,var(--palette-shade-dark-color) 80%,var(--color-warning) 20%)}--color-error-soft:light-dark(var(--color-error-50),var(--color-error));@supports (color:color-mix(in lab,red,red)){--color-error-soft:light-dark(var(--color-error-50),color-mix(in srgb,var(--color-error) 20%,var(--color-base) 80%))}--color-on-error-soft:light-dark(var(--color-error-700),var(--color-error-300));--color-error-active:light-dark(var(--palette-shade-dark-color),var(--palette-shade-light-color));@supports (color:color-mix(in lab,red,red)){--color-error-active:light-dark(color-mix(in oklch,var(--palette-shade-dark-color) 15%,var(--color-error) 85%),color-mix(in oklch,var(--palette-shade-light-color) 15%,var(--color-error) 85%))}--color-error-50:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-error-50:color-mix(in oklch,var(--palette-shade-light-color) 80%,var(--color-error) 20%)}--color-error-100:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-error-100:color-mix(in oklch,var(--palette-shade-light-color) 65%,var(--color-error) 35%)}--color-error-200:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-error-200:color-mix(in oklch,var(--palette-shade-light-color) 50%,var(--color-error) 50%)}--color-error-300:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-error-300:color-mix(in oklch,var(--palette-shade-light-color) 35%,var(--color-error) 65%)}--color-error-400:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-error-400:color-mix(in oklch,var(--palette-shade-light-color) 18%,var(--color-error) 82%)}--color-error-500:var(--color-error);--color-error-600:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-error-600:color-mix(in oklch,var(--palette-shade-dark-color) 18%,var(--color-error) 82%)}--color-error-700:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-error-700:color-mix(in oklch,var(--palette-shade-dark-color) 34%,var(--color-error) 66%)}--color-error-800:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-error-800:color-mix(in oklch,var(--palette-shade-dark-color) 50%,var(--color-error) 50%)}--color-error-900:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-error-900:color-mix(in oklch,var(--palette-shade-dark-color) 65%,var(--color-error) 35%)}--color-error-950:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-error-950:color-mix(in oklch,var(--palette-shade-dark-color) 80%,var(--color-error) 20%)}}*,::backdrop,::file-selector-button,:after,:before{box-sizing:border-box;border:0 solid;padding:0;margin:0}:host,html{line-height:1.5;font-family:var(
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer base{:root,[data-theme]{--palette-shade-light-color:#fff;--palette-shade-dark-color:#000;--color-body:currentColor;@supports (color:color-mix(in lab,red,red)){--color-body:color-mix(in oklch, currentColor 80%, transparent)}-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);--color-base-soft:light-dark(
|
|
3
|
+
var(--color-on-base),
|
|
4
|
+
var(--color-on-base)
|
|
5
|
+
);@supports (color:color-mix(in lab,red,red)){--color-base-soft:light-dark(
|
|
6
|
+
color-mix(in oklch, var(--color-on-base) 8%, var(--color-base) 92%),
|
|
7
|
+
color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)
|
|
8
|
+
)}--color-on-base-soft:var(--color-on-base);--color-base-active:light-dark(
|
|
9
|
+
var(--color-on-base),
|
|
10
|
+
var(--color-on-base)
|
|
11
|
+
);@supports (color:color-mix(in lab,red,red)){--color-base-active:light-dark(
|
|
12
|
+
color-mix(in oklch, var(--color-on-base) 14%, var(--color-base) 86%),
|
|
13
|
+
color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)
|
|
14
|
+
)}--color-base-50:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-50:color-mix(in oklch, var(--color-on-base) 4%, var(--color-base) 96%)}--color-base-100:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-100:color-mix(in oklch, var(--color-on-base) 8%, var(--color-base) 92%)}--color-base-200:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-200:color-mix(in oklch, var(--color-on-base) 16%, var(--color-base) 84%)}--color-base-300:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-300:color-mix(in oklch, var(--color-on-base) 26%, var(--color-base) 74%)}--color-base-400:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-400:color-mix(in oklch, var(--color-on-base) 36%, var(--color-base) 64%)}--color-base-500:var(--color-base);--color-base-600:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-600:color-mix(in oklch, var(--color-on-base) 50%, var(--color-base) 50%)}--color-base-700:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-700:color-mix(in oklch, var(--color-on-base) 62%, var(--color-base) 38%)}--color-base-800:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-800:color-mix(in oklch, var(--color-on-base) 74%, var(--color-base) 26%)}--color-base-900:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-900:color-mix(in oklch, var(--color-on-base) 86%, var(--color-base) 14%)}--color-base-950:var(--color-on-base);@supports (color:color-mix(in lab,red,red)){--color-base-950:color-mix(in oklch, var(--color-on-base) 92%, var(--color-base) 8%)}--color-neutral-soft:light-dark(var(--color-neutral-50), var(--color-neutral));@supports (color:color-mix(in lab,red,red)){--color-neutral-soft:light-dark(var(--color-neutral-50), color-mix(in srgb, var(--color-neutral) 20%, var(--color-base) 80%))}--color-on-neutral-soft:light-dark(var(--color-neutral-700), var(--color-neutral-300));--color-neutral-active:light-dark(
|
|
15
|
+
var(--palette-shade-dark-color),
|
|
16
|
+
var(--palette-shade-light-color)
|
|
17
|
+
);@supports (color:color-mix(in lab,red,red)){--color-neutral-active:light-dark(
|
|
18
|
+
color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-neutral) 85%),
|
|
19
|
+
color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-neutral) 85%)
|
|
20
|
+
)}--color-neutral-50:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-neutral) 20%)}--color-neutral-100:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-neutral) 35%)}--color-neutral-200:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-neutral) 50%)}--color-neutral-300:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-neutral) 65%)}--color-neutral-400:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-neutral) 82%)}--color-neutral-500:var(--color-neutral);--color-neutral-600:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-neutral) 82%)}--color-neutral-700:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-neutral) 66%)}--color-neutral-800:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-neutral) 50%)}--color-neutral-900:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-neutral) 35%)}--color-neutral-950:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-neutral-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-neutral) 20%)}--color-primary-soft:light-dark(var(--color-primary-50), var(--color-primary));@supports (color:color-mix(in lab,red,red)){--color-primary-soft:light-dark(var(--color-primary-50), color-mix(in srgb, var(--color-primary) 20%, var(--color-base) 80%))}--color-on-primary-soft:light-dark(var(--color-primary-700), var(--color-primary-300));--color-primary-active:light-dark(
|
|
21
|
+
var(--palette-shade-dark-color),
|
|
22
|
+
var(--palette-shade-light-color)
|
|
23
|
+
);@supports (color:color-mix(in lab,red,red)){--color-primary-active:light-dark(
|
|
24
|
+
color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-primary) 85%),
|
|
25
|
+
color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-primary) 85%)
|
|
26
|
+
)}--color-primary-50:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-primary-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-primary) 20%)}--color-primary-100:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-primary-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-primary) 35%)}--color-primary-200:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-primary-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-primary) 50%)}--color-primary-300:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-primary-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-primary) 65%)}--color-primary-400:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-primary-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-primary) 82%)}--color-primary-500:var(--color-primary);--color-primary-600:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-primary-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-primary) 82%)}--color-primary-700:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-primary-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-primary) 66%)}--color-primary-800:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-primary-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-primary) 50%)}--color-primary-900:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-primary-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-primary) 35%)}--color-primary-950:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-primary-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-primary) 20%)}--color-secondary-soft:light-dark(var(--color-secondary-50), var(--color-secondary));@supports (color:color-mix(in lab,red,red)){--color-secondary-soft:light-dark(var(--color-secondary-50), color-mix(in srgb, var(--color-secondary) 20%, var(--color-base) 80%))}--color-on-secondary-soft:light-dark(var(--color-secondary-700), var(--color-secondary-300));--color-secondary-active:light-dark(
|
|
27
|
+
var(--palette-shade-dark-color),
|
|
28
|
+
var(--palette-shade-light-color)
|
|
29
|
+
);@supports (color:color-mix(in lab,red,red)){--color-secondary-active:light-dark(
|
|
30
|
+
color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-secondary) 85%),
|
|
31
|
+
color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-secondary) 85%)
|
|
32
|
+
)}--color-secondary-50:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-secondary) 20%)}--color-secondary-100:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-secondary) 35%)}--color-secondary-200:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-secondary) 50%)}--color-secondary-300:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-secondary) 65%)}--color-secondary-400:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-secondary) 82%)}--color-secondary-500:var(--color-secondary);--color-secondary-600:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-secondary) 82%)}--color-secondary-700:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-secondary) 66%)}--color-secondary-800:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-secondary) 50%)}--color-secondary-900:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-secondary) 35%)}--color-secondary-950:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-secondary-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-secondary) 20%)}--color-accent-soft:light-dark(var(--color-accent-50), var(--color-accent));@supports (color:color-mix(in lab,red,red)){--color-accent-soft:light-dark(var(--color-accent-50), color-mix(in srgb, var(--color-accent) 20%, var(--color-base) 80%))}--color-on-accent-soft:light-dark(var(--color-accent-700), var(--color-accent-300));--color-accent-active:light-dark(
|
|
33
|
+
var(--palette-shade-dark-color),
|
|
34
|
+
var(--palette-shade-light-color)
|
|
35
|
+
);@supports (color:color-mix(in lab,red,red)){--color-accent-active:light-dark(
|
|
36
|
+
color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-accent) 85%),
|
|
37
|
+
color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-accent) 85%)
|
|
38
|
+
)}--color-accent-50:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-accent-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-accent) 20%)}--color-accent-100:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-accent-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-accent) 35%)}--color-accent-200:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-accent-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-accent) 50%)}--color-accent-300:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-accent-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-accent) 65%)}--color-accent-400:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-accent-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-accent) 82%)}--color-accent-500:var(--color-accent);--color-accent-600:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-accent-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-accent) 82%)}--color-accent-700:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-accent-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-accent) 66%)}--color-accent-800:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-accent-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-accent) 50%)}--color-accent-900:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-accent-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-accent) 35%)}--color-accent-950:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-accent-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-accent) 20%)}--color-info-soft:light-dark(var(--color-info-50), var(--color-info));@supports (color:color-mix(in lab,red,red)){--color-info-soft:light-dark(var(--color-info-50), color-mix(in srgb, var(--color-info) 20%, var(--color-base) 80%))}--color-on-info-soft:light-dark(var(--color-info-700), var(--color-info-300));--color-info-active:light-dark(
|
|
39
|
+
var(--palette-shade-dark-color),
|
|
40
|
+
var(--palette-shade-light-color)
|
|
41
|
+
);@supports (color:color-mix(in lab,red,red)){--color-info-active:light-dark(
|
|
42
|
+
color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-info) 85%),
|
|
43
|
+
color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-info) 85%)
|
|
44
|
+
)}--color-info-50:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-info-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-info) 20%)}--color-info-100:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-info-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-info) 35%)}--color-info-200:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-info-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-info) 50%)}--color-info-300:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-info-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-info) 65%)}--color-info-400:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-info-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-info) 82%)}--color-info-500:var(--color-info);--color-info-600:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-info-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-info) 82%)}--color-info-700:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-info-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-info) 66%)}--color-info-800:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-info-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-info) 50%)}--color-info-900:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-info-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-info) 35%)}--color-info-950:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-info-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-info) 20%)}--color-success-soft:light-dark(var(--color-success-50), var(--color-success));@supports (color:color-mix(in lab,red,red)){--color-success-soft:light-dark(var(--color-success-50), color-mix(in srgb, var(--color-success) 20%, var(--color-base) 80%))}--color-on-success-soft:light-dark(var(--color-success-700), var(--color-success-300));--color-success-active:light-dark(
|
|
45
|
+
var(--palette-shade-dark-color),
|
|
46
|
+
var(--palette-shade-light-color)
|
|
47
|
+
);@supports (color:color-mix(in lab,red,red)){--color-success-active:light-dark(
|
|
48
|
+
color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-success) 85%),
|
|
49
|
+
color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-success) 85%)
|
|
50
|
+
)}--color-success-50:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-success-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-success) 20%)}--color-success-100:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-success-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-success) 35%)}--color-success-200:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-success-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-success) 50%)}--color-success-300:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-success-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-success) 65%)}--color-success-400:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-success-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-success) 82%)}--color-success-500:var(--color-success);--color-success-600:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-success-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-success) 82%)}--color-success-700:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-success-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-success) 66%)}--color-success-800:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-success-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-success) 50%)}--color-success-900:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-success-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-success) 35%)}--color-success-950:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-success-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-success) 20%)}--color-warning-soft:light-dark(var(--color-warning-50), var(--color-warning));@supports (color:color-mix(in lab,red,red)){--color-warning-soft:light-dark(var(--color-warning-50), color-mix(in srgb, var(--color-warning) 20%, var(--color-base) 80%))}--color-on-warning-soft:light-dark(var(--color-warning-800), var(--color-warning-300));--color-warning-active:light-dark(
|
|
51
|
+
var(--palette-shade-dark-color),
|
|
52
|
+
var(--palette-shade-light-color)
|
|
53
|
+
);@supports (color:color-mix(in lab,red,red)){--color-warning-active:light-dark(
|
|
54
|
+
color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-warning) 85%),
|
|
55
|
+
color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-warning) 85%)
|
|
56
|
+
)}--color-warning-50:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-warning-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-warning) 20%)}--color-warning-100:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-warning-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-warning) 35%)}--color-warning-200:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-warning-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-warning) 50%)}--color-warning-300:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-warning-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-warning) 65%)}--color-warning-400:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-warning-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-warning) 82%)}--color-warning-500:var(--color-warning);--color-warning-600:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-warning-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-warning) 82%)}--color-warning-700:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-warning-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-warning) 66%)}--color-warning-800:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-warning-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-warning) 50%)}--color-warning-900:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-warning-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-warning) 35%)}--color-warning-950:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-warning-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-warning) 20%)}--color-error-soft:light-dark(var(--color-error-50), var(--color-error));@supports (color:color-mix(in lab,red,red)){--color-error-soft:light-dark(var(--color-error-50), color-mix(in srgb, var(--color-error) 20%, var(--color-base) 80%))}--color-on-error-soft:light-dark(var(--color-error-700), var(--color-error-300));--color-error-active:light-dark(
|
|
57
|
+
var(--palette-shade-dark-color),
|
|
58
|
+
var(--palette-shade-light-color)
|
|
59
|
+
);@supports (color:color-mix(in lab,red,red)){--color-error-active:light-dark(
|
|
60
|
+
color-mix(in oklch, var(--palette-shade-dark-color) 15%, var(--color-error) 85%),
|
|
61
|
+
color-mix(in oklch, var(--palette-shade-light-color) 15%, var(--color-error) 85%)
|
|
62
|
+
)}--color-error-50:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-error-50:color-mix(in oklch, var(--palette-shade-light-color) 80%, var(--color-error) 20%)}--color-error-100:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-error-100:color-mix(in oklch, var(--palette-shade-light-color) 65%, var(--color-error) 35%)}--color-error-200:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-error-200:color-mix(in oklch, var(--palette-shade-light-color) 50%, var(--color-error) 50%)}--color-error-300:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-error-300:color-mix(in oklch, var(--palette-shade-light-color) 35%, var(--color-error) 65%)}--color-error-400:var(--palette-shade-light-color);@supports (color:color-mix(in lab,red,red)){--color-error-400:color-mix(in oklch, var(--palette-shade-light-color) 18%, var(--color-error) 82%)}--color-error-500:var(--color-error);--color-error-600:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-error-600:color-mix(in oklch, var(--palette-shade-dark-color) 18%, var(--color-error) 82%)}--color-error-700:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-error-700:color-mix(in oklch, var(--palette-shade-dark-color) 34%, var(--color-error) 66%)}--color-error-800:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-error-800:color-mix(in oklch, var(--palette-shade-dark-color) 50%, var(--color-error) 50%)}--color-error-900:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-error-900:color-mix(in oklch, var(--palette-shade-dark-color) 65%, var(--color-error) 35%)}--color-error-950:var(--palette-shade-dark-color);@supports (color:color-mix(in lab,red,red)){--color-error-950:color-mix(in oklch, var(--palette-shade-dark-color) 80%, var(--color-error) 20%)}}*,::backdrop,::file-selector-button,:after,:before{box-sizing:border-box;border:0 solid;padding:0;margin:0}:host,html{line-height:1.5;font-family:var(
|
|
3
63
|
--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
|
|
4
|
-
);-webkit-tap-highlight-color:#0000}body{line-height:inherit}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}a,hr{color:inherit}hr{height:0}table{text-indent:0;border-color:inherit;border-collapse:collapse}::file-selector-button,button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-search-decoration{-webkit-appearance:none}::-moz-placeholder{opacity:1;color:currentColor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklch,currentColor 50%,transparent)}}::placeholder{opacity:1;color:currentColor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklch,currentColor 50%,transparent)}}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block}img,video{max-width:100%;height:auto}textarea{resize:vertical}:where(:root,[data-theme]) footer,:where(:root,[data-theme]) main{background-color:var(--color-base)}:where(:root,[data-theme]) :where(p){text-wrap-style:pretty;color:var(--color-body);font-size:var(--text-base,1rem);line-height:1.7}:where(:root,[data-theme]) :where(menu,ol,ul){color:var(--color-body);font-size:var(--text-base,1rem)}:where(:root,[data-theme]) :where(strong){color:var(--color-on-base)}}hr{border-top-width:1px}:where(:root,[data-theme]) code{background-color:var(--color-base-soft);color:var(--color-on-base-soft);padding:.2em .4em;border-radius:calc(var(--border-radius)
|
|
64
|
+
);-webkit-tap-highlight-color:#0000}body{line-height:inherit}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}a,hr{color:inherit}hr{height:0}table{text-indent:0;border-color:inherit;border-collapse:collapse}::file-selector-button,button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;background:0 0}::file-selector-button,button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-search-decoration{-webkit-appearance:none}::-moz-placeholder{opacity:1;color:currentColor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklch,currentColor 50%,transparent)}}::placeholder{opacity:1;color:currentColor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklch,currentColor 50%,transparent)}}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block}img,video{max-width:100%;height:auto}textarea{resize:vertical}:where(:root,[data-theme]) footer,:where(:root,[data-theme]) main{background-color:var(--color-base)}:where(:root,[data-theme]) :where(p){text-wrap-style:pretty;color:var(--color-body);font-size:var(--text-base,1rem);line-height:1.7}:where(:root,[data-theme]) :where(menu,ol,ul){color:var(--color-body);font-size:var(--text-base,1rem)}:where(:root,[data-theme]) :where(strong){color:var(--color-on-base)}}hr{border-top-width:1px}:where(:root,[data-theme]) code{background-color:var(--color-base-soft);color:var(--color-on-base-soft);padding:.2em .4em;border-radius:calc(1.5 * var(--border-radius))}:where(:root,[data-theme]) pre code{background-color:transparent;padding:0;font-size:inherit;border-radius:0}@layer theme{:is([data-theme=snowberry],[data-theme=light]),:root:not([data-theme]){--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)}: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(91.67% .077 205.04);--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)}}:host,:root{--color-base:var(--color-base-500);--color-on-base:var(--color-on-base);--color-base-soft:var(--color-base-soft);--color-on-base-soft:var(--color-on-base-soft);--color-base-active:var(--color-base-active);--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-on-neutral:var(--color-on-neutral);--color-neutral-soft:var(--color-neutral-soft);--color-on-neutral-soft:var(--color-on-neutral-soft);--color-neutral-active:var(--color-neutral-active);--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-on-primary:var(--color-on-primary);--color-primary-soft:var(--color-primary-soft);--color-on-primary-soft:var(--color-on-primary-soft);--color-primary-active:var(--color-primary-active);--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-on-secondary:var(--color-on-secondary);--color-secondary-soft:var(--color-secondary-soft);--color-on-secondary-soft:var(--color-on-secondary-soft);--color-secondary-active:var(--color-secondary-active);--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-on-accent:var(--color-on-accent);--color-accent-soft:var(--color-accent-soft);--color-on-accent-soft:var(--color-on-accent-soft);--color-accent-active:var(--color-accent-active);--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-on-info:var(--color-on-info);--color-info-soft:var(--color-info-soft);--color-on-info-soft:var(--color-on-info-soft);--color-info-active:var(--color-info-active);--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-on-success:var(--color-on-success);--color-success-soft:var(--color-success-soft);--color-on-success-soft:var(--color-on-success-soft);--color-success-active:var(--color-success-active);--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-on-warning:var(--color-on-warning);--color-warning-soft:var(--color-warning-soft);--color-on-warning-soft:var(--color-on-warning-soft);--color-warning-active:var(--color-warning-active);--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-on-error:var(--color-on-error);--color-error-soft:var(--color-error-soft);--color-on-error-soft:var(--color-on-error-soft);--color-error-active:var(--color-error-active);--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)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.accordion{--radius-accordion:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.accordion{--radius-accordion:calc(2 * var(--border-radius));--color-accordion-soft:var(--color-base-soft);--color-accordion-active:var(--color-base-active);display:block;width:100%;padding-inline:var(--accordion-flush--padding-inline,1rem);border-width:var(--accordion-flush--border-width,1px);border-style:solid;border-color:var(--color-accordion-soft);border-radius:var(--radius-accordion);&>details{box-sizing:border-box;position:relative;width:100%;&:not(:last-child){border-block-end-width:1px;border-block-end-style:solid;border-block-end-color:var(--color-accordion-soft)}text-wrap:pretty;&>summary::marker{content:none}&>summary{display:flex;gap:.5rem;align-items:center;justify-content:start;padding-block:1rem;padding-inline-end:1.5rem;font-weight:500;color:currentColor;cursor:pointer;&:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:2px}&:after{content:var(--tw-content);content:"";border-block-end:1px solid;border-inline-end:1px solid;width:.425rem;height:.425rem;position:absolute;inset-inline-end:.5rem;margin-block-start:.313rem;transform:translateY(-50%) rotate(45deg)}}}&>details[open]{&>summary{&:after{content:var(--tw-content);content:"";transform:rotate(225deg);transform-origin:center;transition:transform .3s}}}}.accordion-flush{--accordion-flush--border-width:0;--accordion-flush--padding-inline:0;&>details:first-child{>summary{padding-block-start:0}}&>details>summary{font-weight:400}}.accordion-content{padding-block-end:1rem;font-size:var(--text-base)}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:""}}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.alert{--radius-alert:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.alert{--radius-alert:calc(2 * var(--border-radius));--color-alert:var(--color-base-soft);--color-on-alert:var(--color-on-base);--color-alert-active:var(--color-base-active);--color-alert-soft:var(--color-base-soft);--color-on-alert-soft:var(--color-on-base);--alert-variant-text:var(--color-on-base);background-color:var(--color-alert);color:var(--color-on-alert);padding-inline:var(--alert--padding-inline,.75rem);padding-block:var(--alert--padding-block,.375rem);font-size:var(--alert--font-size,.875rem);line-height:calc(var(--alert--font-size, .875rem) * var(--alert--line-height, 1.5));outline-width:var(--alert--outline-width);outline-style:var(--alert--outline-style);outline-color:var(--alert--outline-color);display:grid;gap:1rem;border-radius:var(--alert--radius,var(--radius-alert));justify-content:start;justify-items:start;align-items:center;grid-auto-flow:column;grid-template-columns:auto;vertical-align:middle;text-align:start;width:var(--alert--width,-moz-fit-content);width:var(--alert--width,fit-content);height:var(--alert--height);&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}:where(&) :where(p,li){color:inherit}}.alert-horizontal{justify-content:start;justify-items:start;grid-auto-flow:column;grid-template-columns:auto;text-align:start;&:has(:nth-child(2)){grid-template-columns:auto minmax(auto,1fr)}}.alert-vertical{justify-content:center;justify-items:center;grid-auto-flow:row;grid-template-columns:auto;text-align:center;&:has(:nth-child(2)){grid-template-columns:auto}}.alert-dashed{outline-style:dashed}.alert-dashed,.alert-outline{background-color:transparent;color:var(--alert-variant-text);outline-color:var(--color-alert);outline-width:1px}.alert-outline{outline-style:solid}.alert-ghost{background-color:transparent;color:var(--alert-variant-text)}.alert-soft{background-color:var(--color-alert-soft);color:var(--color-on-alert-soft)}.alert-accent{--color-alert:var(--color-accent);--color-alert-active:var(--color-accent-active);--color-on-alert:var(--color-on-accent);--color-alert-soft:var(--color-accent-soft);--color-on-alert-soft:light-dark(var(--color-accent-800), var(--color-accent-400));--alert-variant-text:light-dark(var(--color-accent-800), var(--color-accent-400))}.alert-error{--color-alert:var(--color-error);--color-alert-active:var(--color-error-active);--color-on-alert:var(--color-on-error);--color-alert-soft:var(--color-error-soft);--color-on-alert-soft:light-dark(var(--color-error-800), var(--color-error-400));--alert-variant-text:light-dark(var(--color-error-800), var(--color-error-400))}.alert-info{--color-alert:var(--color-info);--color-alert-active:var(--color-info-active);--color-on-alert:var(--color-on-info);--color-alert-soft:var(--color-info-soft);--color-on-alert-soft:light-dark(var(--color-info-800), var(--color-info-400));--alert-variant-text:light-dark(var(--color-info-800), var(--color-info-400))}.alert-neutral{--color-alert:var(--color-neutral);--color-alert-active:var(--color-neutral-active);--color-on-alert:var(--color-on-neutral);--color-alert-soft:var(--color-neutral-soft);--color-on-alert-soft:light-dark(var(--color-neutral-800), var(--color-neutral-400));--alert-variant-text:light-dark(var(--color-neutral-800), var(--color-neutral-400))}.alert-primary{--color-alert:var(--color-primary);--color-alert-active:var(--color-primary-active);--color-on-alert:var(--color-on-primary);--color-alert-soft:var(--color-primary-soft);--color-on-alert-soft:light-dark(var(--color-primary-800), var(--color-primary));--alert-variant-text:light-dark(var(--color-primary-800), var(--color-primary-400))}.alert-secondary{--color-alert:var(--color-secondary);--color-alert-active:var(--color-secondary-active);--color-on-alert:var(--color-on-secondary);--color-alert-soft:var(--color-secondary-soft);--color-on-alert-soft:light-dark(var(--color-secondary-800), var(--color-secondary-400));--alert-variant-text:light-dark(var(--color-secondary-800), var(--color-secondary-400))}.alert-success{--color-alert:var(--color-success);--color-alert-active:var(--color-success-active);--color-on-alert:var(--color-on-success);--color-alert-soft:var(--color-success-soft);--color-on-alert-soft:light-dark(var(--color-success-800), var(--color-success-400));--alert-variant-text:light-dark(var(--color-success-800), var(--color-success-400))}.alert-warning{--color-alert:var(--color-warning);--color-alert-active:var(--color-warning-active);--color-on-alert:var(--color-on-warning);--color-alert-soft:var(--color-warning-soft);--color-on-alert-soft:light-dark(var(--color-warning-800), var(--color-warning-400));--alert-variant-text:light-dark(var(--color-warning-800), var(--color-warning-400))}.alert-lg{--alert--padding-inline:1rem;--alert--padding-block:0.5rem;--alert--font-size:1rem}.alert-md{--alert--padding-inline:0.75rem;--alert--padding-block:0.375rem;--alert--font-size:0.875rem}.alert-sm{--alert--padding-inline:0.625rem;--alert--padding-block:0.3125rem;--alert--font-size:0.8125rem}.alert-xs{--alert--padding-inline:0.5rem;--alert--padding-block:0.25rem;--alert--font-size:0.75rem}.alert-pill{--alert--radius:9999px}.alert-rounded{--alert--radius:calc(infinity * 1px)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.avatar{--avatar-size:2.5rem;--avatar-radius:9999px;--avatar-bg:var(--color-base-soft);--avatar-color:var(--color-on-base);--avatar-font-size:calc(var(--avatar-size)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.avatar{--avatar-size:2.5rem;--avatar-radius:9999px;--avatar-bg:var(--color-base-soft);--avatar-color:var(--color-on-base);--avatar-font-size:calc(.4 * var(--avatar-size));--avatar-status-size:calc(.28 * var(--avatar-size));--avatar-status-offset:0px;--avatar-ring-width:0px;--avatar-ring-color:var(--color-primary);--avatar-ring-offset:2px;--avatar-status-color:transparent;--avatar-status-visible:none;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-size);height:var(--avatar-size);border-radius:var(--avatar-radius);background-color:var(--avatar-bg);color:var(--avatar-color);font-size:var(--avatar-font-size);font-weight:600;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:var(--avatar-ring-width) solid var(--avatar-ring-color);outline-offset:var(--avatar-ring-offset);:where(&) :where(img){width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit;overflow:hidden}&:before{content:"";position:absolute;bottom:var(--avatar-status-offset);right:var(--avatar-status-offset);width:var(--avatar-status-size);height:var(--avatar-status-size);border-radius:9999px;border:2px solid var(--color-base);background-color:var(--avatar-status-color);z-index:1;display:var(--avatar-status-visible)}}.avatar-group{display:inline-flex;flex-direction:row;:where(&) :where(.avatar){border:2px solid var(--color-base);margin-inline-start:calc(-.25 * var(--avatar-size));&:first-child{margin-inline-start:0}}}.avatar-2xl{--avatar-size:7rem;--avatar-status-offset:3px}.avatar-accent{--avatar-bg:var(--color-accent);--avatar-color:var(--color-on-accent)}.avatar-away{--avatar-status-color:var(--color-warning)}.avatar-away,.avatar-busy{--avatar-status-visible:block}.avatar-busy{--avatar-status-color:var(--color-error)}.avatar-error{--avatar-bg:var(--color-error);--avatar-color:var(--color-on-error)}.avatar-info{--avatar-bg:var(--color-info);--avatar-color:var(--color-on-info)}.avatar-lg{--avatar-size:3.5rem;--avatar-status-offset:1px}.avatar-neutral{--avatar-bg:var(--color-neutral);--avatar-color:var(--color-on-neutral)}.avatar-offline{--avatar-status-color:var(--color-base-400);--avatar-status-visible:block}.avatar-online{--avatar-status-color:var(--color-success);--avatar-status-visible:block}.avatar-primary{--avatar-bg:var(--color-primary);--avatar-color:var(--color-on-primary)}.avatar-ring{--avatar-ring-width:2px;--avatar-ring-color:var(--avatar-bg)}.avatar-ring-accent{--avatar-ring-width:2px;--avatar-ring-color:var(--color-accent)}.avatar-ring-error{--avatar-ring-width:2px;--avatar-ring-color:var(--color-error)}.avatar-ring-info{--avatar-ring-width:2px;--avatar-ring-color:var(--color-info)}.avatar-ring-neutral{--avatar-ring-width:2px;--avatar-ring-color:var(--color-neutral)}.avatar-ring-primary{--avatar-ring-width:2px;--avatar-ring-color:var(--color-primary)}.avatar-ring-secondary{--avatar-ring-width:2px;--avatar-ring-color:var(--color-secondary)}.avatar-ring-success{--avatar-ring-width:2px;--avatar-ring-color:var(--color-success)}.avatar-ring-warning{--avatar-ring-width:2px;--avatar-ring-color:var(--color-warning)}.avatar-secondary{--avatar-bg:var(--color-secondary);--avatar-color:var(--color-on-secondary)}.avatar-sm{--avatar-size:2rem;--avatar-status-offset:-1px}.avatar-success{--avatar-bg:var(--color-success);--avatar-color:var(--color-on-success)}.avatar-warning{--avatar-bg:var(--color-warning);--avatar-color:var(--color-on-warning)}.avatar-xl{--avatar-size:5rem;--avatar-status-offset:2px}.avatar-xs{--avatar-size:1.5rem;--avatar-status-offset:-1px}.avatar-circle{--avatar-radius:9999px}.avatar-md{--avatar-size:2.5rem}.avatar-rounded{--avatar-radius:calc(3 * var(--border-radius))}.avatar-square{--avatar-radius:var(--border-radius)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.badge{--radius-badge:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.badge{--radius-badge:calc(2 * var(--border-radius));--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,.75rem);padding-block:var(--badge--padding-block,.375rem);font-size:var(--badge--font-size,.875rem);line-height:calc(var(--badge--font-size, .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:.5rem;border-radius:var(--badge--radius,var(--radius-badge));align-items:center;justify-content:center;vertical-align:middle;text-align:center;text-decoration:none;width:var(--badge--width,-moz-fit-content);width:var(--badge--width,fit-content);height:var(--badge--height)}.badge-dashed{outline-style:dashed}.badge-dashed,.badge-outline{background-color:transparent;color:var(--badge-variant-text);outline-color:var(--color-badge);outline-width:1px}.badge-outline{outline-style:solid}.badge-ghost{background-color:transparent;color:var(--badge-variant-text)}.badge-soft{background-color:var(--color-badge-soft);color:var(--color-on-badge-soft)}.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}.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))}.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))}.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))}.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}.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}.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))}.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))}.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))}.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}.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))}.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))}.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}.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}.badge-square{--badge--padding-inline:var(--badge-square--padding-block, 0.375rem);--badge--padding-block:var(--badge-square--padding-block, 0.375rem);--badge--width:var(--badge-square--padding-block);--badge--height:var(--badge-square--padding-block)}.badge-circle{--badge--padding-inline:var(--badge-circle--padding-block, 0.375rem);--badge--padding-block:var(--badge-circle--padding-block, 0.375rem)}.badge-circle,.badge-pill,.badge-rounded{--badge--radius:calc(infinity * 1px)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
2
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.breadcrumb-list{list-style:none;padding:0;margin:0;display:flex;min-height:-moz-min-content;min-height:min-content;align-items:center;white-space:nowrap}.breadcrumb-separator{display:flex;align-items:center;margin-inline:.5rem;color:var(--color-body)}.breadcrumb-item{display:flex;align-items:center;&:before{content:var(--tw-content);content:"";margin-inline-end:.75rem;margin-inline-start:.5rem;height:.375rem;width:.375rem;display:block;transform:rotate(45deg);transition:transform .3s;border-block-start:1px solid;border-inline-end:1px solid;background-color:oklch(0 0 0/0);color:var(--color-body)}&:first-child{&:before{content:var(--tw-content);content:none}}&:has(.breadcrumb-separator){&:before{content:var(--tw-content);content:none}}&:where(:dir(rtl),[dir=rtl],[dir=rtl] *){&:before{content:var(--tw-content);transform:rotate(-135deg)}}&:has([aria-current=page]){color:currentColor}}.breadcrumb-link{color:var(--color-body);display:flex;align-items:center;gap:.5rem;line-height:1.125rem;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .2s ease-out,color .2s ease-out;&:hover{@media (hover:hover){background-size:100% 1px;cursor:pointer}}&:focus{outline-style:none;@media (forced-colors:active){outline:2px solid transparent;outline-offset:2px}}&:focus-visible{outline:2px solid currentColor;outline-offset:2px}}.breadcrumb-current{color:currentColor;display:flex;align-items:center;gap:.5rem;line-height:1.125rem}.breadcrumb{padding-block:.5rem;max-width:100%;overflow-x:auto;font-size:.875rem;color:currentColor}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:""}}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.btn{font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;--radius-btn:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.btn{font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;--radius-btn:calc(2 * var(--border-radius));--color-btn:var(--color-base-soft);--color-on-btn:var(--color-on-base);--color-btn-active:var(--color-base-active);--btn-variant-text:var(--color-on-base);background-color:var(--color-btn);color:var(
|
|
3
3
|
--color-on-btn,color-contrast(var(--color-btn) vs #fff,#000)
|
|
4
|
-
);--btn--opacity:1;--btn--cursor:pointer;--btn--pointer-events:auto;--btn--border-width:0;--btn--border-style:solid;--btn--border-color:transparent;border-width:var(--btn--border-width);border-style:var(--btn--border-style);border-color:var(--btn--border-color);&:is(:disabled,[disabled]){--btn--opacity:0.5;--btn--cursor:not-allowed;--btn--pointer-events:none}opacity:var(--btn--opacity);cursor:var(--btn--cursor);pointer-events:var(--btn--pointer-events);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;text-wrap:nowrap;&:hover{@media (hover:hover){background-color:var(--color-btn-active);color:var(--color-on-btn);transition-duration:.22s}}border-radius:var(--btn--radius,var(--radius-btn));display:var(--btn--display,inline-flex);padding-inline:var(--btn--shape-padding-inline,var(--btn--padding-inline,1.125rem));padding-block:var(--btn--shape-padding-block,var(--btn--padding-block,.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:.375rem;flex-shrink:0;align-items:center;justify-content:center;flex-wrap:nowrap;vertical-align:middle;font-weight:500;text-align:center;cursor:pointer;box-sizing:border-box;transition:background-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),opacity .2s ease;&:is(input[type=checkbox],input[type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;&:after{content:var(--tw-content);content:attr(aria-label)}&:checked{isolation:isolate;background-color:var(--color-btn-active)}}&: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}}.btn-circle{--btn--radius:9999px;--btn--shape-padding-inline:var(--btn-circle--padding-block,0.625rem);--btn--shape-padding-block:var(--btn-circle--padding-block,0.625rem);aspect-ratio:1}.btn-square{--btn--shape-padding-inline:var(--btn-square--padding-block,0.625rem);--btn--shape-padding-block:var(--btn-square--padding-block,0.625rem);aspect-ratio:1}.btn-link{background-color:transparent;color:var(--btn-variant-text);--btn--border-width:0;background-image:linear-gradient(currentColor,currentColor);background-position:100% 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .3s ease,background-position 0s,color .2s ease-out;&:hover{@media (hover:hover){background-color:transparent;color:var(--btn-variant-text);background-position:0 100%;background-size:100% 1px;transition:background-size .3s ease,background-position 0s,color .2s ease-out}}}.btn-dashed{background-color:transparent;color:var(--btn-variant-text);--btn--border-width:1px;--btn--border-style:dashed;--btn--border-color:var(--color-btn-active);&:hover{@media (hover:hover){--btn--border-color:transparent}}}.btn-outline{background-color:transparent;color:var(--btn-variant-text);--btn--border-width:1px;--btn--border-color:var(--color-btn-active);&:hover{@media (hover:hover){--btn--border-color:transparent}}}.btn-plain{background-color:transparent;color:var(--btn-variant-text);--btn--border-width:0;&:hover{@media (hover:hover){background-color:transparent}}}.btn-soft{background-color:var(--color-btn-soft,var(--color-base-soft));color:var(--color-on-btn-soft,var(--color-on-base));&:hover{@media (hover:hover){background-color:var(--color-btn-active);color:var(--color-on-btn)}}}.btn-ghost{background-color:transparent;color:var(--btn-variant-text);--btn--border-width:0}.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}.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))}.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))}.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))}.btn-lg{--btn--padding-inline:1.25rem;--btn--padding-block:0.75rem;--btn--font-size:1.125rem;--btn
|
|
4
|
+
);--btn--opacity:1;--btn--cursor:pointer;--btn--pointer-events:auto;--btn--border-width:0;--btn--border-style:solid;--btn--border-color:transparent;border-width:var(--btn--border-width);border-style:var(--btn--border-style);border-color:var(--btn--border-color);&:is(:disabled,[disabled]){--btn--opacity:0.5;--btn--cursor:not-allowed;--btn--pointer-events:none}opacity:var(--btn--opacity);cursor:var(--btn--cursor);pointer-events:var(--btn--pointer-events);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;text-wrap:nowrap;&:hover{@media (hover:hover){background-color:var(--color-btn-active);color:var(--color-on-btn);transition-duration:.22s}}border-radius:var(--btn--radius,var(--radius-btn));display:var(--btn--display,inline-flex);padding-inline:var(--btn--shape-padding-inline,var(--btn--padding-inline,1.125rem));padding-block:var(--btn--shape-padding-block,var(--btn--padding-block,.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:.375rem;flex-shrink:0;align-items:center;justify-content:center;flex-wrap:nowrap;vertical-align:middle;font-weight:500;text-align:center;cursor:pointer;box-sizing:border-box;transition:background-color .18s cubic-bezier(.4,0,.2,1),color .18s cubic-bezier(.4,0,.2,1),border-color .18s cubic-bezier(.4,0,.2,1),opacity .2s ease;&:is(input[type=checkbox],input[type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;&:after{content:var(--tw-content);content:attr(aria-label)}&:checked{isolation:isolate;background-color:var(--color-btn-active)}}&: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}}.btn-circle{--btn--radius:9999px;--btn--shape-padding-inline:var(--btn-circle--padding-block, 0.625rem);--btn--shape-padding-block:var(--btn-circle--padding-block, 0.625rem);aspect-ratio:1}.btn-square{--btn--shape-padding-inline:var(--btn-square--padding-block, 0.625rem);--btn--shape-padding-block:var(--btn-square--padding-block, 0.625rem);aspect-ratio:1}.btn-link{background-color:transparent;color:var(--btn-variant-text);--btn--border-width:0;background-image:linear-gradient(currentColor,currentColor);background-position:100% 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .3s ease,background-position 0s,color .2s ease-out;&:hover{@media (hover:hover){background-color:transparent;color:var(--btn-variant-text);background-position:0 100%;background-size:100% 1px;transition:background-size .3s ease,background-position 0s,color .2s ease-out}}}.btn-dashed{background-color:transparent;color:var(--btn-variant-text);--btn--border-width:1px;--btn--border-style:dashed;--btn--border-color:var(--color-btn-active);&:hover{@media (hover:hover){--btn--border-color:transparent}}}.btn-outline{background-color:transparent;color:var(--btn-variant-text);--btn--border-width:1px;--btn--border-color:var(--color-btn-active);&:hover{@media (hover:hover){--btn--border-color:transparent}}}.btn-plain{background-color:transparent;color:var(--btn-variant-text);--btn--border-width:0;&:hover{@media (hover:hover){background-color:transparent}}}.btn-soft{background-color:var(--color-btn-soft,var(--color-base-soft));color:var(--color-on-btn-soft,var(--color-on-base));&:hover{@media (hover:hover){background-color:var(--color-btn-active);color:var(--color-on-btn)}}}.btn-ghost{background-color:transparent;color:var(--btn-variant-text);--btn--border-width:0}.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}.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))}.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))}.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))}.btn-lg{--btn--padding-inline:1.25rem;--btn--padding-block:0.75rem;--btn--font-size:1.125rem;--btn-square--padding-block:0.75rem;--btn-circle--padding-block:0.75rem}.btn-lg,.btn-md{--btn--line-height:1.5}.btn-md{--btn--padding-inline:1.125rem;--btn--padding-block:0.625rem;--btn--font-size:1rem;--btn-square--padding-block:0.625rem;--btn-circle--padding-block:0.625rem}.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))}.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))}.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))}.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}.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))}.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))}.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}.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}.btn-disabled{--btn--opacity:0.5;--btn--cursor:not-allowed;--btn--pointer-events:none}.btn-block{--btn--width:100%;--btn--display:block}.btn-wide{--btn--max-width:320px;--btn--width:100%}.btn-active{--color-btn:var(--color-btn-active)}.btn-pill{--btn--radius:9999px}.btn-rounded{--btn--radius:var(--radius-btn)}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:""}}}
|
package/dist/components/card.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.card{--radius-card:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.card{--radius-card:calc(4 * var(--border-radius));--color-card:var(--color-base);--color-on-card:var(--color-on-base);position:relative;display:flex;flex-direction:column;border-radius:var(--radius-card);background-color:var(--color-card);color:var(--color-on-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}}.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-block-start:auto}.card-content{display:flex;gap:.5rem;flex:auto;flex-direction:column;padding:var(--card-content-padding,1.5rem);color:inherit;:where(&) :where(p){font-size:var(--card-content-font-size,1rem);color:inherit}}.card-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:var(--card-title-font-size,1.125rem);color:inherit}.card-dashed{border-style:dashed}.card-dashed,.card-outline{--card--border-width:1px;border-width:var(--card--border-width,1px);border-color:var(--color-base-soft)}.card-outline{border-style:solid}.card-lg{--card-content-padding:2rem;--card-content-font-size:1rem;--card-title-font-size:1.25rem}.card-md{--card-content-padding:1.5rem;--card-content-font-size:0.875rem;--card-title-font-size:1.125rem}.card-sm{--card-content-padding:1rem;--card-content-font-size:0.75rem;--card-title-font-size:1rem}.card-xl{--card-content-padding:2.5rem;--card-content-font-size:1.125rem;--card-title-font-size:1.375rem}.card-xs{--card-content-padding:0.5rem;--card-content-font-size:0.6875rem;--card-title-font-size:0.875rem}.card-accent{--color-card:var(--color-accent);--color-on-card:var(--color-on-accent)}.card-error{--color-card:var(--color-error);--color-on-card:var(--color-on-error)}.card-info{--color-card:var(--color-info);--color-on-card:var(--color-on-info)}.card-neutral{--color-card:var(--color-neutral);--color-on-card:var(--color-on-neutral)}.card-primary{--color-card:var(--color-primary);--color-on-card:var(--color-on-primary)}.card-secondary{--color-card:var(--color-secondary);--color-on-card:var(--color-on-secondary)}.card-success{--color-card:var(--color-success);--color-on-card:var(--color-on-success)}.card-warning{--color-card:var(--color-warning);--color-on-card:var(--color-on-warning)}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
2
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.carousel-item{scroll-snap-align:var(--carousel-item--snap,start);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;@media (prefers-reduced-motion:no-preference){scroll-behavior:smooth}scrollbar-width:none;gap:var(--carousel--gap,0);&::-webkit-scrollbar{display:none}}.carousel-vertical{flex-direction:column;overflow-x:visible;overflow-y:auto;scroll-snap-type:y mandatory;:where(&) :where(.carousel-item){width:100%}}.carousel-center{--carousel-item--snap:center}.carousel-end{--carousel-item--snap:end}
|
package/dist/components/chat.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
2
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.chat-bubble{--chat-bubble-bg:var(--color-base-soft);--chat-bubble-color:var(--color-on-base);--chat-bubble-radius:0.25rem 1rem 1rem 1rem;--chat-bubble-padding-inline:1rem;--chat-bubble-padding-block:0.625rem;grid-column:2;position:relative;display:block;width:-moz-fit-content;width:fit-content;max-width:min(20rem,80%);padding-inline:var(--chat-bubble-padding-inline);padding-block:var(--chat-bubble-padding-block);background-color:var(--chat-bubble-bg);color:var(--chat-bubble-color);border-radius:var(--chat-bubble-radius);font-size:var(--chat-bubble-font-size,.9375rem);line-height:1.5;word-break:break-word;:where(&) :where(p,li){color:inherit}}.chat-footer,.chat-header{grid-column:2;font-size:.6875rem;opacity:.5;display:flex;align-items:center;gap:.375rem}.chat-avatar{grid-row:1/4;align-self:end}.chat{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;-moz-column-gap:.75rem;column-gap:.75rem;row-gap:.125rem;padding-block:.25rem;:where(&.chat-end) :where(.chat-footer){direction:ltr;text-align:end}}.chat-end{grid-template-columns:1fr auto;direction:rtl;--chat-bubble-bg:var(--color-primary);--chat-bubble-color:var(--color-on-primary);--chat-bubble-radius:1rem 0.25rem 1rem 1rem;:where(&) :where(.chat-bubble){direction:ltr}}.chat-start{grid-template-columns:auto 1fr;direction:ltr}.chat-lg{--chat-bubble-font-size:1rem;--chat-bubble-padding-inline:1.25rem;--chat-bubble-padding-block:0.75rem}.chat-sm{--chat-bubble-font-size:0.875rem;--chat-bubble-padding-inline:0.75rem;--chat-bubble-padding-block:0.5rem}.chat-xl{--chat-bubble-font-size:1.125rem;--chat-bubble-padding-inline:1.5rem;--chat-bubble-padding-block:1rem}.chat-xs{--chat-bubble-font-size:0.75rem;--chat-bubble-padding-inline:0.625rem;--chat-bubble-padding-block:0.375rem}.chat-bubble-accent{--chat-bubble-bg:var(--color-accent);--chat-bubble-color:var(--color-on-accent)}.chat-bubble-error{--chat-bubble-bg:var(--color-error);--chat-bubble-color:var(--color-on-error)}.chat-bubble-info{--chat-bubble-bg:var(--color-info);--chat-bubble-color:var(--color-on-info)}.chat-bubble-neutral{--chat-bubble-bg:var(--color-neutral);--chat-bubble-color:var(--color-on-neutral)}.chat-bubble-primary{--chat-bubble-bg:var(--color-primary);--chat-bubble-color:var(--color-on-primary)}.chat-bubble-secondary{--chat-bubble-bg:var(--color-secondary);--chat-bubble-color:var(--color-on-secondary)}.chat-bubble-success{--chat-bubble-bg:var(--color-success);--chat-bubble-color:var(--color-on-success)}.chat-bubble-warning{--chat-bubble-bg:var(--color-warning);--chat-bubble-color:var(--color-on-warning)}.chat-md{--chat-bubble-font-size:0.9375rem}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.checkbox{--radius-checkbox:calc(var(--border-radius)*1.5);--color-checkbox:var(--color-base);@supports (color:color-mix(in lab,red,red)){--color-checkbox:color-mix(in oklab,var(--color-base) 50%,transparent)}--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 1px 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,.3125rem);width:var(--checkbox--width,1.25rem);height:var(--checkbox--height,1.25rem);position:relative;transition-duration:.35s;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;vertical-align:middle;&:before{content:var(--tw-content);content:none;opacity:0;background-color:currentcolor;transform:rotate(45deg);transition:transform .3s,background-color .1s;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:.75}&: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}&:checked,&[aria-checked=true]{--checkbox--bg-color:light-dark(var(--color-base-600),var(--color-base-400));@supports (color:color-mix(in lab,red,red)){--checkbox--bg-color:light-dark(color-mix(in oklab,var(--color-base-600) 20%,transparent),color-mix(in oklab,var(--color-base-400) 20%,transparent))}background-color:var(--checkbox--bg-color);transition:background-color .1s,box-shadow .1s;&:before{content:var(--tw-content);content:"✔︎";opacity:100%}@media (forced-colors:active){&:before{content:var(--tw-content);--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}}}&:indeterminate{&:before{content:var(--tw-content);content:"";opacity:100%;transform:rotate(0deg) translateY(-35%);clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%)}}&:is(:disabled,[disabled],.checkbox-disabled){--checkbox--cursor:not-allowed;--checkbox--opacity:20%;cursor:var(--checkbox--cursor);opacity:var(--checkbox--opacity)}}.checkbox-disabled{cursor:var(--checkbox--cursor);opacity:var(--checkbox--opacity)}.checkbox-accent{--color-checkbox:light-dark(var(--color-accent-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-accent-50),color-mix(in oklch,#000 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 1px var(--color-accent-600),0 0 var(--color-accent-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-accent-50),0 0 0 1px var(--color-accent-700),0 0 var(--color-accent-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-accent);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-accent-600),var(--color-accent-200))}}}}.checkbox-error{--color-checkbox:light-dark(var(--color-error-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-error-50),color-mix(in oklch,#000 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 1px var(--color-error-600),0 0 var(--color-error-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-error-50),0 0 0 1px var(--color-error-700),0 0 var(--color-error-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-error);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-error-600),var(--color-error-200))}}}}.checkbox-info{--color-checkbox:light-dark(var(--color-info-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-info-50),color-mix(in oklch,#000 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 1px var(--color-info-600),0 0 var(--color-info-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-info-50),0 0 0 1px var(--color-info-700),0 0 var(--color-info-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-info);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-info-600),var(--color-info-200))}}}}.checkbox-neutral{--color-checkbox:light-dark(var(--color-neutral-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-neutral-50),color-mix(in oklch,#000 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 1px var(--color-neutral-600),0 0 var(--color-neutral-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-neutral-50),0 0 0 1px var(--color-neutral-700),0 0 var(--color-neutral-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-neutral);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-neutral-600),var(--color-neutral-200))}}}}.checkbox-primary{--color-checkbox:light-dark(var(--color-primary-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-primary-50),color-mix(in oklch,#000 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 1px var(--color-primary-600),0 0 var(--color-primary-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-primary-50),0 0 0 1px var(--color-primary-700),0 0 var(--color-primary-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-primary);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-primary-600),var(--color-primary-200))}}}}.checkbox-secondary{--color-checkbox:light-dark(var(--color-secondary-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-secondary-50),color-mix(in oklch,#000 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 1px var(--color-secondary-600),0 0 var(--color-secondary-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-secondary-50),0 0 0 1px var(--color-secondary-700),0 0 var(--color-secondary-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-secondary);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-secondary-600),var(--color-secondary-200))}}}}.checkbox-success{--color-checkbox:light-dark(var(--color-success-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-success-50),color-mix(in oklch,#000 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 1px var(--color-success-600),0 0 var(--color-success-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-success-50),0 0 0 1px var(--color-success-700),0 0 var(--color-success-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-success);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-success-600),var(--color-success-200))}}}}.checkbox-warning{--color-checkbox:light-dark(var(--color-warning-50),#000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-warning-50),color-mix(in oklch,#000 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 1px var(--color-warning-600),0 0 var(--color-warning-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-warning-50),0 0 0 1px var(--color-warning-700),0 0 var(--color-warning-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-warning);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-warning-600),var(--color-warning-200))}}}}.checkbox-2xl{--checkbox--padding:0.5rem;--checkbox--width:2rem;--checkbox--height:2rem}.checkbox-lg{--checkbox--padding:0.375rem;--checkbox--width:1.5rem;--checkbox--height:1.5rem}.checkbox-md{--checkbox--padding:0.3125rem;--checkbox--width:1.25rem;--checkbox--height:1.25rem}.checkbox-sm{--checkbox--padding:0.25rem;--checkbox--width:1rem;--checkbox--height:1rem}.checkbox-xl{--checkbox--padding:0.4375rem;--checkbox--width:1.75rem;--checkbox--height:1.75rem}.checkbox-xs{--checkbox--padding:0.1875rem;--checkbox--width:0.75rem;--checkbox--height:0.75rem}.checkbox-circle,.checkbox-rounded{--checkbox--radius:calc(infinity*1px);--checkbox--aspect-ratio:1/1}.checkbox-square{--checkbox--radius:var(--radius-checkbox);--checkbox--aspect-ratio:1/1}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:""}}}
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.checkbox{--radius-checkbox:calc(1.5 * var(--border-radius));--color-checkbox:var(--color-base);@supports (color:color-mix(in lab,red,red)){--color-checkbox:color-mix(in oklab, var(--color-base) 50%, transparent)}--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 1px 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,.3125rem);width:var(--checkbox--width,1.25rem);height:var(--checkbox--height,1.25rem);position:relative;transition-duration:.35s;flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;vertical-align:middle;&:before{content:var(--tw-content);content:none;opacity:0;background-color:currentcolor;transform:rotate(45deg);transition:transform .3s,background-color .1s;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:.75}&: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}&:checked,&[aria-checked=true]{--checkbox--bg-color:light-dark(var(--color-base-600), var(--color-base-400));@supports (color:color-mix(in lab,red,red)){--checkbox--bg-color:light-dark(color-mix(in oklab, var(--color-base-600) 20%, transparent), color-mix(in oklab, var(--color-base-400) 20%, transparent))}background-color:var(--checkbox--bg-color);transition:background-color .1s,box-shadow .1s;&:before{content:var(--tw-content);content:"✔︎";opacity:100%}@media (forced-colors:active){&:before{content:var(--tw-content);--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}}}&:indeterminate{&:before{content:var(--tw-content);content:"";opacity:100%;transform:rotate(0deg) translateY(-35%);clip-path:polygon(20% 100%,20% 80%,50% 80%,50% 80%,80% 80%,80% 100%)}}&:is(:disabled,[disabled],.checkbox-disabled){--checkbox--cursor:not-allowed;--checkbox--opacity:20%;cursor:var(--checkbox--cursor);opacity:var(--checkbox--opacity)}}.checkbox-disabled{cursor:var(--checkbox--cursor);opacity:var(--checkbox--opacity)}.checkbox-accent{--color-checkbox:light-dark(var(--color-accent-50), #000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-accent-50), color-mix(in oklch, #000 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 1px var(--color-accent-600), 0 0 var(--color-accent-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-accent-50), 0 0 0 1px var(--color-accent-700), 0 0 var(--color-accent-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-accent);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-accent-600), var(--color-accent-200))}}}}.checkbox-error{--color-checkbox:light-dark(var(--color-error-50), #000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-error-50), color-mix(in oklch, #000 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 1px var(--color-error-600), 0 0 var(--color-error-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-error-50), 0 0 0 1px var(--color-error-700), 0 0 var(--color-error-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-error);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-error-600), var(--color-error-200))}}}}.checkbox-info{--color-checkbox:light-dark(var(--color-info-50), #000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-info-50), color-mix(in oklch, #000 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 1px var(--color-info-600), 0 0 var(--color-info-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-info-50), 0 0 0 1px var(--color-info-700), 0 0 var(--color-info-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-info);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-info-600), var(--color-info-200))}}}}.checkbox-neutral{--color-checkbox:light-dark(var(--color-neutral-50), #000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-neutral-50), color-mix(in oklch, #000 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 1px var(--color-neutral-600), 0 0 var(--color-neutral-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-neutral-50), 0 0 0 1px var(--color-neutral-700), 0 0 var(--color-neutral-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-neutral);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-neutral-600), var(--color-neutral-200))}}}}.checkbox-primary{--color-checkbox:light-dark(var(--color-primary-50), #000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-primary-50), color-mix(in oklch, #000 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 1px var(--color-primary-600), 0 0 var(--color-primary-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-primary-50), 0 0 0 1px var(--color-primary-700), 0 0 var(--color-primary-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-primary);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-primary-600), var(--color-primary-200))}}}}.checkbox-secondary{--color-checkbox:light-dark(var(--color-secondary-50), #000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-secondary-50), color-mix(in oklch, #000 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 1px var(--color-secondary-600), 0 0 var(--color-secondary-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-secondary-50), 0 0 0 1px var(--color-secondary-700), 0 0 var(--color-secondary-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-secondary);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-secondary-600), var(--color-secondary-200))}}}}.checkbox-success{--color-checkbox:light-dark(var(--color-success-50), #000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-success-50), color-mix(in oklch, #000 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 1px var(--color-success-600), 0 0 var(--color-success-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-success-50), 0 0 0 1px var(--color-success-700), 0 0 var(--color-success-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-success);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-success-600), var(--color-success-200))}}}}.checkbox-warning{--color-checkbox:light-dark(var(--color-warning-50), #000);@supports (color:color-mix(in lab,red,red)){--color-checkbox:light-dark(var(--color-warning-50), color-mix(in oklch, #000 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 1px var(--color-warning-600), 0 0 var(--color-warning-50);&:focus-visible{--checkbox--box-shadow:0 0 0 0px var(--color-warning-50), 0 0 0 1px var(--color-warning-700), 0 0 var(--color-warning-50)}&:checked,&[aria-checked=true]{--checkbox--bg-color:var(--color-warning);@media (forced-colors:active){&:before{content:var(--tw-content);--checkbox--bg-color:light-dark(var(--color-warning-600), var(--color-warning-200))}}}}.checkbox-2xl{--checkbox--padding:0.5rem;--checkbox--width:2rem;--checkbox--height:2rem}.checkbox-lg{--checkbox--padding:0.375rem;--checkbox--width:1.5rem;--checkbox--height:1.5rem}.checkbox-md{--checkbox--padding:0.3125rem;--checkbox--width:1.25rem;--checkbox--height:1.25rem}.checkbox-sm{--checkbox--padding:0.25rem;--checkbox--width:1rem;--checkbox--height:1rem}.checkbox-xl{--checkbox--padding:0.4375rem;--checkbox--width:1.75rem;--checkbox--height:1.75rem}.checkbox-xs{--checkbox--padding:0.1875rem;--checkbox--width:0.75rem;--checkbox--height:0.75rem}.checkbox-circle,.checkbox-rounded{--checkbox--radius:calc(infinity * 1px);--checkbox--aspect-ratio:1 / 1}.checkbox-square{--checkbox--radius:var(--radius-checkbox);--checkbox--aspect-ratio:1 / 1}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:""}}}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
2
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.collapsible-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-block-end:1.25rem;cursor:pointer;.collapsible-open>&,.collapsible:has(>.collapsible-toggle:checked) &{display:none}}.collapsible-toggle{position:absolute;opacity:0;width:0;height:0}.collapsible{position:relative;&:is(.collapsible-open,:has(>.collapsible-toggle:checked),[open]){&>.collapsible-content{grid-template-rows:1fr}}}.collapsible-group{position:relative}.collapsible-arrow:after{content:"";display:inline-block;flex-shrink:0;width:.4em;height:.4em;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(45deg);transition:transform .3s ease;margin-inline-start:auto}.collapsible-open>.collapsible-arrow:after,.collapsible:has(>.collapsible-toggle:checked) .collapsible-arrow:after,.collapsible[open]>.collapsible-arrow:after{transform:rotate(225deg)}.collapsible-content{display:grid;grid-template-rows:0fr;overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:inherit;border-end-end-radius:inherit;transition:grid-template-rows .3s ease;&>*{min-height:0}}.collapsible-title{background:none;border:none;font:inherit;display:flex;align-items:center;width:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;&::marker{content:none}&::-webkit-details-marker{display:none}}.is-collapsible-close{display:inline;.collapsible-group:has(.collapsible-open) &,.collapsible-group:has(.collapsible>.collapsible-toggle:checked) &,.collapsible-group:has(.collapsible[open]) &,:is(.collapsible-open,.collapsible:has(>.collapsible-toggle:checked),.collapsible[open]) &{display:none}}.is-collapsible-open{display:none;.collapsible-group:has(.collapsible-open) &,.collapsible-group:has(.collapsible>.collapsible-toggle:checked) &,.collapsible-group:has(.collapsible[open]) &,:is(.collapsible-open,.collapsible:has(>.collapsible-toggle:checked),.collapsible[open]) &{display:inline}}.collapsible-peek>.collapsible-content{grid-template-rows:1fr;max-height:var(--peek-height,8rem);mask-image:linear-gradient(180deg,#000 40%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent)}.collapsible-peek:is(.collapsible-open,:has(>.collapsible-toggle:checked))>.collapsible-content{max-height:var(--peek-max-height,99rem);mask-image:none;-webkit-mask-image:none}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.combobox-list{position:absolute;inset-block-start:calc(100% + .25rem);inset-inline:0;z-index:100;background-color:var(--color-base);border:1px solid var(--color-base-soft);border-radius:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.combobox-list{position:absolute;inset-block-start:calc(100% + .25rem);inset-inline:0;z-index:100;background-color:var(--color-base);border:1px solid var(--color-base-soft);border-radius:calc(2 * var(--border-radius));padding:.375rem;margin:0;list-style:none;max-height:16rem;overflow-y:auto;scrollbar-width:thin;opacity:var(--combobox-list--opacity,0);pointer-events:var(--combobox-list--pointer-events,none);transform:var(--combobox-list--transform,translateY(-.25rem));transition:opacity .15s ease-in-out,transform .15s ease-in-out;display:flex;flex-direction:column;gap:.125rem;box-shadow:0 4px 16px var(--color-base-950);@supports (color:color-mix(in lab,red,red)){box-shadow:0 4px 16px color-mix(in oklab,var(--color-base-950) 10%,transparent)}}.combobox-item{--combobox-item-active-bg:var(--color-primary-soft);--combobox-item-active-color:light-dark(var(--color-primary-800), var(--color-primary));padding-inline:.75rem;padding-block:.5rem;font-size:.875rem;border-radius:calc(1.5 * var(--border-radius));color:var(--color-on-base);cursor:pointer;transition:background-color .1s ease-in-out,color .1s ease-in-out;&:hover{@media (hover:hover){background-color:var(--color-base-soft)}}&:is([aria-selected=true],.combobox-item-active){background-color:var(--combobox-item-active-bg);color:var(--combobox-item-active-color)}}.combobox-open{--combobox-list--opacity:1;--combobox-list--pointer-events:auto;--combobox-list--transform:translateY(0)}.combobox-accent{--combobox-item-active-bg:var(--color-accent-soft);--combobox-item-active-color:light-dark(var(--color-accent-800), var(--color-accent))}.combobox-error{--combobox-item-active-bg:var(--color-error-soft);--combobox-item-active-color:light-dark(var(--color-error-800), var(--color-error))}.combobox-info{--combobox-item-active-bg:var(--color-info-soft);--combobox-item-active-color:light-dark(var(--color-info-800), var(--color-info))}.combobox-primary{--combobox-item-active-bg:var(--color-primary-soft);--combobox-item-active-color:light-dark(var(--color-primary-800), var(--color-primary))}.combobox-secondary{--combobox-item-active-bg:var(--color-secondary-soft);--combobox-item-active-color:light-dark(var(--color-secondary-800), var(--color-secondary))}.combobox-success{--combobox-item-active-bg:var(--color-success-soft);--combobox-item-active-color:light-dark(var(--color-success-800), var(--color-success))}.combobox-warning{--combobox-item-active-bg:var(--color-warning-soft);--combobox-item-active-color:light-dark(var(--color-warning-800), var(--color-warning))}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.countdown{container:countdown/normal;display:inline-flex;align-items:baseline;gap:0;font-size:3rem;font-variant-numeric:tabular-nums;line-height:1;vertical-align:middle;:where(&) :where(span){--countdown-value:0;display:inline-block;overflow:hidden;height:1em;line-height:1em;&:before{content:"00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99";display:block;white-space:pre;transform:translateY(calc(var(--countdown-value)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.countdown{container:countdown/normal;display:inline-flex;align-items:baseline;gap:0;font-size:3rem;font-variant-numeric:tabular-nums;line-height:1;vertical-align:middle;:where(&) :where(span){--countdown-value:0;display:inline-block;overflow:hidden;height:1em;line-height:1em;&:before{content:"00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99";display:block;white-space:pre;transform:translateY(calc(-1em * var(--countdown-value)));transition:transform .3s cubic-bezier(.4,0,.2,1)}}}.countdown-lg{font-size:4.5rem}.countdown-md{font-size:3rem}.countdown-sm{font-size:2rem}.countdown-xl{font-size:6rem}.countdown-xs{font-size:1.5rem}@property --countdown-value{syntax:"<integer>";initial-value:0;inherits:true}@container countdown style(--digits: 3){span:before{content:"000\A 001\A 002\A 003\A 004\A 005\A 006\A 007\A 008\A 009\A 010\A 011\A 012\A 013\A 014\A 015\A 016\A 017\A 018\A 019\A 020\A 021\A 022\A 023\A 024\A 025\A 026\A 027\A 028\A 029\A 030\A 031\A 032\A 033\A 034\A 035\A 036\A 037\A 038\A 039\A 040\A 041\A 042\A 043\A 044\A 045\A 046\A 047\A 048\A 049\A 050\A 051\A 052\A 053\A 054\A 055\A 056\A 057\A 058\A 059\A 060\A 061\A 062\A 063\A 064\A 065\A 066\A 067\A 068\A 069\A 070\A 071\A 072\A 073\A 074\A 075\A 076\A 077\A 078\A 079\A 080\A 081\A 082\A 083\A 084\A 085\A 086\A 087\A 088\A 089\A 090\A 091\A 092\A 093\A 094\A 095\A 096\A 097\A 098\A 099\A 100\A 101\A 102\A 103\A 104\A 105\A 106\A 107\A 108\A 109\A 110\A 111\A 112\A 113\A 114\A 115\A 116\A 117\A 118\A 119\A 120\A 121\A 122\A 123\A 124\A 125\A 126\A 127\A 128\A 129\A 130\A 131\A 132\A 133\A 134\A 135\A 136\A 137\A 138\A 139\A 140\A 141\A 142\A 143\A 144\A 145\A 146\A 147\A 148\A 149\A 150\A 151\A 152\A 153\A 154\A 155\A 156\A 157\A 158\A 159\A 160\A 161\A 162\A 163\A 164\A 165\A 166\A 167\A 168\A 169\A 170\A 171\A 172\A 173\A 174\A 175\A 176\A 177\A 178\A 179\A 180\A 181\A 182\A 183\A 184\A 185\A 186\A 187\A 188\A 189\A 190\A 191\A 192\A 193\A 194\A 195\A 196\A 197\A 198\A 199\A 200\A 201\A 202\A 203\A 204\A 205\A 206\A 207\A 208\A 209\A 210\A 211\A 212\A 213\A 214\A 215\A 216\A 217\A 218\A 219\A 220\A 221\A 222\A 223\A 224\A 225\A 226\A 227\A 228\A 229\A 230\A 231\A 232\A 233\A 234\A 235\A 236\A 237\A 238\A 239\A 240\A 241\A 242\A 243\A 244\A 245\A 246\A 247\A 248\A 249\A 250\A 251\A 252\A 253\A 254\A 255\A 256\A 257\A 258\A 259\A 260\A 261\A 262\A 263\A 264\A 265\A 266\A 267\A 268\A 269\A 270\A 271\A 272\A 273\A 274\A 275\A 276\A 277\A 278\A 279\A 280\A 281\A 282\A 283\A 284\A 285\A 286\A 287\A 288\A 289\A 290\A 291\A 292\A 293\A 294\A 295\A 296\A 297\A 298\A 299\A 300\A 301\A 302\A 303\A 304\A 305\A 306\A 307\A 308\A 309\A 310\A 311\A 312\A 313\A 314\A 315\A 316\A 317\A 318\A 319\A 320\A 321\A 322\A 323\A 324\A 325\A 326\A 327\A 328\A 329\A 330\A 331\A 332\A 333\A 334\A 335\A 336\A 337\A 338\A 339\A 340\A 341\A 342\A 343\A 344\A 345\A 346\A 347\A 348\A 349\A 350\A 351\A 352\A 353\A 354\A 355\A 356\A 357\A 358\A 359\A 360\A 361\A 362\A 363\A 364\A 365\A 366\A 367\A 368\A 369\A 370\A 371\A 372\A 373\A 374\A 375\A 376\A 377\A 378\A 379\A 380\A 381\A 382\A 383\A 384\A 385\A 386\A 387\A 388\A 389\A 390\A 391\A 392\A 393\A 394\A 395\A 396\A 397\A 398\A 399\A 400\A 401\A 402\A 403\A 404\A 405\A 406\A 407\A 408\A 409\A 410\A 411\A 412\A 413\A 414\A 415\A 416\A 417\A 418\A 419\A 420\A 421\A 422\A 423\A 424\A 425\A 426\A 427\A 428\A 429\A 430\A 431\A 432\A 433\A 434\A 435\A 436\A 437\A 438\A 439\A 440\A 441\A 442\A 443\A 444\A 445\A 446\A 447\A 448\A 449\A 450\A 451\A 452\A 453\A 454\A 455\A 456\A 457\A 458\A 459\A 460\A 461\A 462\A 463\A 464\A 465\A 466\A 467\A 468\A 469\A 470\A 471\A 472\A 473\A 474\A 475\A 476\A 477\A 478\A 479\A 480\A 481\A 482\A 483\A 484\A 485\A 486\A 487\A 488\A 489\A 490\A 491\A 492\A 493\A 494\A 495\A 496\A 497\A 498\A 499\A 500\A 501\A 502\A 503\A 504\A 505\A 506\A 507\A 508\A 509\A 510\A 511\A 512\A 513\A 514\A 515\A 516\A 517\A 518\A 519\A 520\A 521\A 522\A 523\A 524\A 525\A 526\A 527\A 528\A 529\A 530\A 531\A 532\A 533\A 534\A 535\A 536\A 537\A 538\A 539\A 540\A 541\A 542\A 543\A 544\A 545\A 546\A 547\A 548\A 549\A 550\A 551\A 552\A 553\A 554\A 555\A 556\A 557\A 558\A 559\A 560\A 561\A 562\A 563\A 564\A 565\A 566\A 567\A 568\A 569\A 570\A 571\A 572\A 573\A 574\A 575\A 576\A 577\A 578\A 579\A 580\A 581\A 582\A 583\A 584\A 585\A 586\A 587\A 588\A 589\A 590\A 591\A 592\A 593\A 594\A 595\A 596\A 597\A 598\A 599\A 600\A 601\A 602\A 603\A 604\A 605\A 606\A 607\A 608\A 609\A 610\A 611\A 612\A 613\A 614\A 615\A 616\A 617\A 618\A 619\A 620\A 621\A 622\A 623\A 624\A 625\A 626\A 627\A 628\A 629\A 630\A 631\A 632\A 633\A 634\A 635\A 636\A 637\A 638\A 639\A 640\A 641\A 642\A 643\A 644\A 645\A 646\A 647\A 648\A 649\A 650\A 651\A 652\A 653\A 654\A 655\A 656\A 657\A 658\A 659\A 660\A 661\A 662\A 663\A 664\A 665\A 666\A 667\A 668\A 669\A 670\A 671\A 672\A 673\A 674\A 675\A 676\A 677\A 678\A 679\A 680\A 681\A 682\A 683\A 684\A 685\A 686\A 687\A 688\A 689\A 690\A 691\A 692\A 693\A 694\A 695\A 696\A 697\A 698\A 699\A 700\A 701\A 702\A 703\A 704\A 705\A 706\A 707\A 708\A 709\A 710\A 711\A 712\A 713\A 714\A 715\A 716\A 717\A 718\A 719\A 720\A 721\A 722\A 723\A 724\A 725\A 726\A 727\A 728\A 729\A 730\A 731\A 732\A 733\A 734\A 735\A 736\A 737\A 738\A 739\A 740\A 741\A 742\A 743\A 744\A 745\A 746\A 747\A 748\A 749\A 750\A 751\A 752\A 753\A 754\A 755\A 756\A 757\A 758\A 759\A 760\A 761\A 762\A 763\A 764\A 765\A 766\A 767\A 768\A 769\A 770\A 771\A 772\A 773\A 774\A 775\A 776\A 777\A 778\A 779\A 780\A 781\A 782\A 783\A 784\A 785\A 786\A 787\A 788\A 789\A 790\A 791\A 792\A 793\A 794\A 795\A 796\A 797\A 798\A 799\A 800\A 801\A 802\A 803\A 804\A 805\A 806\A 807\A 808\A 809\A 810\A 811\A 812\A 813\A 814\A 815\A 816\A 817\A 818\A 819\A 820\A 821\A 822\A 823\A 824\A 825\A 826\A 827\A 828\A 829\A 830\A 831\A 832\A 833\A 834\A 835\A 836\A 837\A 838\A 839\A 840\A 841\A 842\A 843\A 844\A 845\A 846\A 847\A 848\A 849\A 850\A 851\A 852\A 853\A 854\A 855\A 856\A 857\A 858\A 859\A 860\A 861\A 862\A 863\A 864\A 865\A 866\A 867\A 868\A 869\A 870\A 871\A 872\A 873\A 874\A 875\A 876\A 877\A 878\A 879\A 880\A 881\A 882\A 883\A 884\A 885\A 886\A 887\A 888\A 889\A 890\A 891\A 892\A 893\A 894\A 895\A 896\A 897\A 898\A 899\A 900\A 901\A 902\A 903\A 904\A 905\A 906\A 907\A 908\A 909\A 910\A 911\A 912\A 913\A 914\A 915\A 916\A 917\A 918\A 919\A 920\A 921\A 922\A 923\A 924\A 925\A 926\A 927\A 928\A 929\A 930\A 931\A 932\A 933\A 934\A 935\A 936\A 937\A 938\A 939\A 940\A 941\A 942\A 943\A 944\A 945\A 946\A 947\A 948\A 949\A 950\A 951\A 952\A 953\A 954\A 955\A 956\A 957\A 958\A 959\A 960\A 961\A 962\A 963\A 964\A 965\A 966\A 967\A 968\A 969\A 970\A 971\A 972\A 973\A 974\A 975\A 976\A 977\A 978\A 979\A 980\A 981\A 982\A 983\A 984\A 985\A 986\A 987\A 988\A 989\A 990\A 991\A 992\A 993\A 994\A 995\A 996\A 997\A 998\A 999"}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--countdown-value:0}}}
|
package/dist/components/diff.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
2
|
-
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.diff{position:relative;display:grid;width:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;direction:ltr;container-type:inline-size;border-radius:calc(var(--border-radius)
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
|
+
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.diff{position:relative;display:grid;width:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;grid-template-rows:1fr 1.8rem 1fr;grid-template-columns:auto 1fr;direction:ltr;container-type:inline-size;border-radius:calc(2 * var(--border-radius))}.diff-item-2{position:relative;grid-column-start:1;grid-row:1/span 3;&:after{content:"";pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-end:1px;z-index:2;border-radius:9999px;width:1.2rem;height:1.8rem;background-color:var(--color-base);border:.5px solid oklch(0 0 0/12%);outline:1px solid var(--color-on-base);@supports (color:color-mix(in lab,red,red)){outline:1px solid color-mix(in oklab,var(--color-on-base) 10%,transparent)}outline-offset:-3px;translate:50% -50%}:where(&)>*{pointer-events:none;position:absolute;inset-block:0;inset-inline-start:0;height:100%;width:100cqi;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}}.diff-item-1{position:relative;z-index:1;grid-column-start:1;grid-row:1/span 3;overflow:hidden;border-right:2px solid var(--color-base);:where(&)>*{pointer-events:none;position:absolute;inset-block:0;inset-inline-start:0;height:100%;width:100cqi;max-width:none;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}}.diff-resizer{position:relative;z-index:2;grid-column-start:1;grid-row-start:2;height:.75rem;width:50cqi;max-width:calc(100cqi - 1rem);min-width:1rem;resize:horizontal;overflow:hidden;opacity:0;transform:scaleY(5) translate(.32rem,50%);cursor:ew-resize;transform-origin:100% 100%;clip-path:inset(calc(100% - .75rem) 0 0 calc(100% - .75rem))}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/*! frutjam v2.2.
|
|
1
|
+
/*! frutjam v2.2.6 (c) 2026 Nezanuha | Released under the MIT License | https://frutjam.com */
|
|
2
2
|
/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties;.divider{--divider--margin:1rem 0;--color-divider:var(--color-base-soft);--divider-direction:right;--divider--flex-direction:row;--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);&:not(:empty){-moz-column-gap:.5rem;column-gap:.5rem;text-wrap:nowrap}&:after,&:before{content:"";margin:var(--divider--margin);width:var(--divider--width);height:var(--divider--height);background:repeating-linear-gradient(to var(--divider-direction),var(--color-divider) 0,var(--color-divider) var(--divider-dash-length),transparent var(--divider-dash-length),transparent calc(var(--divider-dash-length) + var(--divider-gap-length)))}}.divider-end:after,.divider-start:before{content:var(--tw-content);display:none}.divider-vertical{--divider-direction:bottom;--divider--width:1px;--divider--flex-direction:column;--divider--margin:0 1rem;align-self:stretch;height:auto;&:after,&:before{flex:1;height:auto}}.divider-horizontal{--divider-direction:right;--divider--width:100%;--divider--height:1px;--divider--flex-direction:row;--divider--margin:1rem 0}.divider-dashed{--divider-dash-length:5px;--divider-gap-length:5px}.divider-dotted{--divider-dash-length:2px;--divider-gap-length:4px}.divider-solid{--divider-dash-length:10px;--divider-gap-length:0px}.divider-accent{--color-divider:var(--color-accent)}.divider-error{--color-divider:var(--color-error)}.divider-info{--color-divider:var(--color-info)}.divider-neutral{--color-divider:var(--color-neutral)}.divider-primary{--color-divider:var(--color-primary)}.divider-secondary{--color-divider:var(--color-secondary)}.divider-success{--color-divider:var(--color-success)}.divider-warning{--color-divider:var(--color-warning)}@property --tw-content{syntax:"*";initial-value:"";inherits:false}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-content:""}}}
|