@a-type/ui 3.0.8 → 3.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/cjs/components/box/Box.d.ts +1 -3
  2. package/dist/cjs/components/box/Box.js +2 -2
  3. package/dist/cjs/components/box/Box.js.map +1 -1
  4. package/dist/cjs/components/button/Button.stories.js +1 -1
  5. package/dist/cjs/components/button/Button.stories.js.map +1 -1
  6. package/dist/cjs/components/button/classes.js +1 -1
  7. package/dist/cjs/components/button/classes.js.map +1 -1
  8. package/dist/cjs/components/colorPicker/ColorPicker.d.ts +8 -7
  9. package/dist/cjs/components/colorPicker/ColorPicker.js +50 -17
  10. package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
  11. package/dist/cjs/components/imageUploader/ImageUploader.js +1 -1
  12. package/dist/cjs/components/imageUploader/ImageUploader.js.map +1 -1
  13. package/dist/cjs/components/layouts/PageNowPlaying.js +1 -1
  14. package/dist/cjs/components/layouts/PageNowPlaying.js.map +1 -1
  15. package/dist/cjs/hooks/useOverrideTheme.d.ts +2 -2
  16. package/dist/cjs/hooks/useOverrideTheme.js.map +1 -1
  17. package/dist/cjs/themes.stories.js.map +1 -1
  18. package/dist/cjs/uno/preflights/globals.js +1 -2
  19. package/dist/cjs/uno/preflights/globals.js.map +1 -1
  20. package/dist/css/main.css +2 -2
  21. package/dist/esm/components/box/Box.d.ts +1 -3
  22. package/dist/esm/components/box/Box.js +2 -2
  23. package/dist/esm/components/box/Box.js.map +1 -1
  24. package/dist/esm/components/button/Button.stories.js +1 -1
  25. package/dist/esm/components/button/Button.stories.js.map +1 -1
  26. package/dist/esm/components/button/classes.js +1 -1
  27. package/dist/esm/components/button/classes.js.map +1 -1
  28. package/dist/esm/components/colorPicker/ColorPicker.d.ts +8 -7
  29. package/dist/esm/components/colorPicker/ColorPicker.js +18 -15
  30. package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
  31. package/dist/esm/components/imageUploader/ImageUploader.js +1 -1
  32. package/dist/esm/components/imageUploader/ImageUploader.js.map +1 -1
  33. package/dist/esm/components/layouts/PageNowPlaying.js +1 -1
  34. package/dist/esm/components/layouts/PageNowPlaying.js.map +1 -1
  35. package/dist/esm/hooks/useOverrideTheme.d.ts +2 -2
  36. package/dist/esm/hooks/useOverrideTheme.js.map +1 -1
  37. package/dist/esm/themes.stories.js.map +1 -1
  38. package/dist/esm/uno/preflights/globals.js +1 -2
  39. package/dist/esm/uno/preflights/globals.js.map +1 -1
  40. package/package.json +1 -1
  41. package/src/components/box/Box.tsx +0 -4
  42. package/src/components/button/Button.stories.tsx +1 -1
  43. package/src/components/button/classes.tsx +1 -1
  44. package/src/components/colorPicker/ColorPicker.tsx +27 -33
  45. package/src/components/imageUploader/ImageUploader.tsx +1 -1
  46. package/src/components/layouts/PageNowPlaying.tsx +1 -1
  47. package/src/hooks/useOverrideTheme.ts +2 -2
  48. package/src/themes.stories.tsx +2 -2
  49. package/src/uno/preflights/globals.ts +1 -2
package/dist/css/main.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @layer preflightBase, preflightVariant, components, composed, responsive, variants, utilities, user;
2
2
  @layer preflightBase{*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}}@layer preflightBase{::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}}
3
- :root { --font-sans: "Inter", sans-serif; --font-serif: "Domine", serif; --font-title: "Inter", sans-serif; --font-default: var(--font-sans, sans-serif); --z-nowPlaying: 40; --z-nav: 50; --z-menu: 100; --z-menuTrigger: 101; --z-backdrop: 900; --z-dialog: 1000; --z-tooltip: 10000; --z-overdraw: 100000; --un-shadow-color: #000000; --un-shadow-opacity: 10%; --arrow-size: 1rem; } html, body { margin: 0; padding: 0; font-family: var(--font-default); font-size: 16px; min-height: 100%; --webkit-font-smoothing: antialiased; } body { overflow: overlay; } a { color: inherit; text-decoration: none; } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } @property --v-shadow-y-mult { syntax: "*"; inherits: false; }
3
+ :root { --font-sans: "Inter", sans-serif; --font-serif: "Domine", serif; --font-title: "Inter", sans-serif; --font-default: var(--font-sans, sans-serif); --z-now-playing: 40; --z-nav: 50; --z-menu: 100; --z-backdrop: 900; --z-dialog: 1000; --z-tooltip: 10000; --z-overdraw: 100000; --un-shadow-color: #000000; --un-shadow-opacity: 10%; --arrow-size: 1rem; } html, body { margin: 0; padding: 0; font-family: var(--font-default); font-size: 16px; min-height: 100%; --webkit-font-smoothing: antialiased; } body { overflow: overlay; } a { color: inherit; text-decoration: none; } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } @property --v-shadow-y-mult { syntax: "*"; inherits: false; }
4
4
  :root { --p-lemon-hue: 90.8; --p-leek-hue: 165.88; --p-tomato-hue: 10.51; --p-blueberry-hue: 248.14; --p-eggplant-hue: 280.21; --p-attention-hue: 30; --p-success-hue: 140; } .theme-lemon { --p-primary-hue: var(--p-lemon-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-override-lemon.theme-override-lemon { --p-primary-hue: var(--p-lemon-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-leek { --p-primary-hue: var(--p-leek-hue); --p-accent-hue: var(--p-lemon-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-override-leek.theme-override-leek { --p-primary-hue: var(--p-leek-hue); --p-accent-hue: var(--p-lemon-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-tomato { --p-primary-hue: var(--p-tomato-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-override-tomato.theme-override-tomato { --p-primary-hue: var(--p-tomato-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-blueberry { --p-primary-hue: var(--p-blueberry-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-override-blueberry.theme-override-blueberry { --p-primary-hue: var(--p-blueberry-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-eggplant { --p-primary-hue: var(--p-eggplant-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .theme-override-eggplant.theme-override-eggplant { --p-primary-hue: var(--p-eggplant-hue); --p-accent-hue: var(--p-leek-hue); --l-main-hue: var(--p-primary-hue); --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); } .palette-primary { --l-main-hue: var(--p-primary-hue); --l-saturation: 1; } .palette-accent { --l-main-hue: var(--p-accent-hue); --l-saturation: 1; } .palette-attention { --l-main-hue: var(--p-attention-hue); --l-saturation: 1; } .palette-success { --l-main-hue: var(--p-success-hue); --l-saturation: 1; } .palette-lemon { --l-main-hue: var(--p-lemon-hue); --l-saturation: 1; } .palette-leek { --l-main-hue: var(--p-leek-hue); --l-saturation: 1; } .palette-tomato { --l-main-hue: var(--p-tomato-hue); --l-saturation: 1; } .palette-blueberry { --l-main-hue: var(--p-blueberry-hue); --l-saturation: 1; } .palette-eggplant { --l-main-hue: var(--p-eggplant-hue); --l-saturation: 1; } .palette-gray { --l-saturation: calc(0.3 * var(--global-saturation, 0)); } .palette-high-contrast { --l-saturation: 0; --l-lightness-spread: 10; } body { --v-color: oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); color: var(--v-color); --v-bg: oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)); background-color: var(--v-bg); --l-main-hue: var(--p-primary-hue); } @property --v-bg-altered { syntax: "*"; inherits: false; } @property --v-color-altered { syntax: "*"; inherits: false; } @property --v-border-altered { syntax: "*"; inherits: false; } @property --v-ring-altered { syntax: "*"; inherits: false; } @property --v-bg-opacity { syntax: "<percentage>"; inherits: false; } @property --v-color-opacity { syntax: "<percentage>"; inherits: false; } @property --v-border-opacity { syntax: "<percentage>"; inherits: false; } @property --v-ring-opacity { syntax: "<percentage>"; inherits: false; }
5
5
  @layer preflightBase { html { --mode-mult: 1; --mode-l-neutral: 90%; --mode-l-range-up: 10%; --mode-l-range-down: 70%; --mode-s-neutral: 75%; --mode-s-range-up: -55%; --mode-s-range-down: 20%; --mode-white: #ffffff; --mode-black: #000000; } @media (prefers-color-scheme: dark) { html { --mode-mult: -1; --mode-l-neutral: 60%; --mode-l-range-up: 38%; --mode-l-range-down: 70%; --mode-s-neutral: 80%; --mode-s-range-up: 40%; --mode-s-range-down: -30%; --mode-white: #000000; --mode-black: #ffffff; } } } @layer preflightVariants { .override-light { --mode-mult: 1; --mode-l-neutral: 90%; --mode-l-range-up: 10%; --mode-l-range-down: 70%; --mode-s-neutral: 75%; --mode-s-range-up: -55%; --mode-s-range-down: 20%; --mode-white: #ffffff; --mode-black: #000000; } .override-dark { --mode-mult: -1; --mode-l-neutral: 60%; --mode-l-range-up: 38%; --mode-l-range-down: 70%; --mode-s-neutral: 80%; --mode-s-range-up: 40%; --mode-s-range-down: -30%; --mode-white: #000000; --mode-black: #ffffff; } }
6
6
  @layer preflightBase { :root { --global-saturation: 1; --global-corner-scale: 1; --global-spacing-scale: md; --global-border-scale: 1; --global-shadow-spread: 1; --p-primary-hue: 90.8; --p-accent-hue: 165.88; } } @property --local-corner-scale { syntax: "*"; inherits: false; }
@@ -57,7 +57,7 @@
57
57
  50% { stroke-dasharray: 100, 200; stroke-dashoffset: -15; }
58
58
  100% { stroke-dasharray: 100, 200; stroke-dashoffset: -125; }
59
59
  }.animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.animate-skeleton{animation:skeleton 1s linear 1;}.animate-spin{animation:spin 1s linear infinite;}.animate-spinner-stroke{animation:spinner-stroke 1s linear 1;}.\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed]{animation-duration:300ms;}.\[\&\[data-state\=open\]\]\:animate-duration-600[data-state=open]{animation-duration:600ms;}.animate-duration-1200{animation-duration:1200ms;}.animate-duration-1400{animation-duration:1400ms;}.animate-ease-default{animation-timing-function:ease;}.animate-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.animate-ease-linear{animation-timing-function:linear;}.\[\&\[data-state\=open\]\]\:animate-forwards[data-state=open],.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.\[\&\[data-state\=active\]\]\:cursor-default[data-state=active],.cursor-default{cursor:default;}.disabled\:cursor-default:disabled{cursor:default;}.cursor-pointer{cursor:pointer;}.touch-none{touch-action:none;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.appearance-none{-webkit-appearance:none;appearance:none;}.items-start{align-items:flex-start;}.items-center{align-items:center;}.after\:items-center::after{align-items:center;}.items-stretch{align-items:stretch;}.self-end{align-self:flex-end;}.self-center{align-self:center;}.self-stretch{align-self:stretch;}.justify-end{justify-content:flex-end;}.after\:justify-end::after{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-1{gap:0.25rem;}.gap-2{gap:0.5rem;}.gap-4{gap:1rem;}.gap-lg{gap:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.gap-md{gap:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.gap-xl{gap:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.gap-xs{gap:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.overflow-hidden{overflow:hidden;}.text-ellipsis{text-overflow:ellipsis;}.b,.border-width-thin{border-width:calc(1px * var(--global-border-scale,1));}.border-2{border-width:2px;}.\[\&\[data-today\]\]\:before\:border-1[data-today]::before{border-width:1px;}.border-b{border-bottom-width:calc(1px * var(--global-border-scale,1));}.border-t{border-top-width:calc(1px * var(--global-border-scale,1));}.\[\&\[data-bottom-edge\]\]\:border-b-gray[data-bottom-edge]{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8) / var(--un-border-bottom-opacity));}.\[\&\[data-day-first\]\]\:border-l-gray[data-day-first],.\[\&\[data-first-column\]\]\:border-l-gray[data-first-column]{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8) / var(--un-border-left-opacity));}.\[\&\[data-day-last\]\]\:border-r-gray[data-day-last],.\[\&\[data-last-column\]\]\:border-r-gray[data-last-column]{--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8) / var(--un-border-right-opacity));}.\[\&\[data-top-edge\]\]\:border-t-gray[data-top-edge]{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8) / var(--un-border-top-opacity));}.border-t-black{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8) / var(--un-border-top-opacity));}.\[\&\[data-in-range\]\]\:rounded-none[data-in-range],.rounded-none{border-radius:0;}.\[\&\[data-selected\]\]\:rounded[data-selected],.rounded{border-radius:0.25rem;}.rounded-full{border-radius:calc(99999px * var(--global-corner-scale,1));}.rounded-inherit{border-radius:inherit;}.rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.active\:rounded:active{border-radius:0.25rem;}.\[\&\[data-today\]\]\:before\:rounded-lg[data-today]::before{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.\[\&\[data-range-end\]\]\:rounded-l-none[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0;}.\[\&\[data-range-end\]\]\:rounded-r[data-range-end]{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-l[data-range-start]{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-r-none[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0;}.\[\&\[data-day-first\]\]\:rounded-tl[data-day-first],.\[\&\[data-first-column\]\[data-top-edge\]\]\:rounded-tl[data-first-column][data-top-edge]{border-top-left-radius:0.25rem;}.\[\&\[data-day-last\]\]\:rounded-br[data-day-last],.\[\&\[data-last-column\]\[data-bottom-edge\]\]\:rounded-br[data-last-column][data-bottom-edge]{border-bottom-right-radius:0.25rem;}.\[\&\[data-first-column\]\[data-bottom-edge\]\]\:rounded-bl[data-first-column][data-bottom-edge]{border-bottom-left-radius:0.25rem;}.\[\&\[data-last-column\]\[data-top-edge\]\]\:rounded-tr[data-last-column][data-top-edge]{border-top-right-radius:0.25rem;}.\[\&_\.ProseMirror\]\:border-none .ProseMirror,.border-none{border-style:none;}.border-solid{border-style:solid;}.\[\&\[data-today\]\]\:before\:border-solid[data-today]::before{border-style:solid;}.border-b-solid{border-bottom-style:solid;}.border-t-solid{border-top-style:solid;}.from-transparent{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-\[color\:var\(--v-bg\,var\(--mode-white\)\)\]::after{--un-gradient-from-position:0%;--un-gradient-from:var(--v-bg,var(--mode-white)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-transparent::after{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.via-fg{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--v-color-altered, var(--v-color, var(--mode-black))) var(--un-gradient-via-position), var(--un-gradient-to);}.to-primary-wash{--un-gradient-to-position:100%;--un-gradient-to:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8) / var(--un-to-opacity, 1)) var(--un-gradient-to-position);}.to-transparent{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.after\:to-transparent::after{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.after\:to-white::after{--un-gradient-to-position:100%;--un-gradient-to:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8) / var(--un-to-opacity, 1)) var(--un-gradient-to-position);}.after\:from-20\%::after{--un-gradient-from-position:20%;}.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-b::after{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-l::after{--un-gradient-shape:to left in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.stroke-current{stroke:currentColor /* currentColor */;}.stroke-main-dark{--un-stroke-opacity:1;stroke:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)) / var(--un-stroke-opacity)) /* oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8))) */;}.object-cover{object-fit:cover;}.p-10{padding:2.5rem;}.p-2{padding:0.5rem;}.p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.after\:p-3::after{padding:0.75rem;}.px{padding-left:1rem;padding-right:1rem;}.px-25px{padding-left:25px;padding-right:25px;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-md{padding-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.pr-8{padding-right:2rem;}.text-center{text-align:center;}.text-2xl{font-size:1.75rem;line-height:2.25rem;}.text-3xl{font-size:2rem;line-height:2.5rem;}.text-lg{font-size:1.25rem;line-height:1.75rem;}.text-md{font-size:1.125rem;line-height:1.5rem;}.text-sm{font-size:1rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.after\:text-xs::after{font-size:0.75rem;line-height:1rem;}.font-bold{font-weight:700;}.font-normal{font-weight:400;}.leading-6{line-height:1.5rem;}.font-inherit{font-family:inherit;}.italic{font-style:italic;}.underline{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.op-0{opacity:0;}.opacity-30{opacity:0.3;}.opacity-50{opacity:0.5;}.opacity-80{opacity:0.8;}.opacity1{opacity:0.01;}.opacity2{opacity:0.02;}.opacity3{opacity:0.03;}.hover\:opacity-100:hover{opacity:1;}.focus\:opacity-100:focus{opacity:1;}.disabled\:opacity-50:disabled{opacity:0.5;}.\[\&_\.ProseMirror\:focus\]\:shadow-none .ProseMirror:focus,.\[\&_\.ProseMirror\]\:shadow-none .ProseMirror{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 calc(0px * var(--v-shadow-y-mult,1)) calc(1px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0)))),
60
- var(--un-shadow-inset) 0 calc(1px * var(--v-shadow-y-mult,1)) calc(2px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-op-0{--un-shadow-opacity:0;}.shadow-op-10{--un-shadow-opacity:0.1;}.shadow-op-100{--un-shadow-opacity:1;}.shadow-op-20{--un-shadow-opacity:0.2;}.shadow-op-30{--un-shadow-opacity:0.3;}.shadow-op-40{--un-shadow-opacity:0.4;}.shadow-op-50{--un-shadow-opacity:0.5;}.shadow-op-60{--un-shadow-opacity:0.6;}.shadow-op-70{--un-shadow-opacity:0.7;}.shadow-op-80{--un-shadow-opacity:0.8;}.shadow-op-90{--un-shadow-opacity:0.9;}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted]{outline:2px solid transparent;outline-offset:2px;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.\[\&\[data-highlighted\]\]\:ring-2[data-highlighted],.ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.ring{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.hover\:ring-2:hover{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-height{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.will-change-transform{will-change:transform;}.\[\&\[data-today\]\]\:before\:content-\[\'\'\][data-today]::before{content:'';}.before\:content-\[\"\"\]::before{content:"";}.after\:\[\&\[data-state\=open\]\]\:content-\[\"-_tap_to_collapse_-\"\][data-state=open]::after{content:"- tap to collapse -";}.after\:content-\[\"-_tap_to_expand_-\"\]::after{content:"- tap to expand -";}.after\:content-\[\"\"\]::after{content:"";}.anchor-container{anchor-name:--container;}.anchor-demo{anchor-name:--demo;}.anchor-name{anchor-name:--name;}.anchor-to-container{position-anchor:--container;}.anchor-to-demo{position-anchor:--demo;}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.color-black{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.\[\&\[data-placeholder\]\]\:color-gray-dark[data-placeholder],.color-gray-dark{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-bg{color:var(--v-color-altered,var(--v-color));--v-color:var(--v-bg-altered, var(--v-bg, transparent));--v-color-opacity:100%;}.color-gray-ink{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-inherit{color:var(--v-color-altered,var(--v-color));--v-color:unset;}.color-main-dark{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-color-opacity:100%;}.color-primary{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-primary-dark{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-primary-dark\/10{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:10%;}.color-primary-dark\/100{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-primary-dark\/20{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:20%;}.color-primary-dark\/30{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:30%;}.color-primary-dark\/40{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:40%;}.color-primary-dark\/50{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:50%;}.color-primary-dark\/60{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:60%;}.color-primary-dark\/70{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:70%;}.color-primary-dark\/80{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:80%;}.color-primary-dark\/90{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:90%;}.color-white{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.after\:color-gray-dark::after{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-darken-5{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l * (1 + 5 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&_\.ProseMirror\:focus\]\:bg-transparent .ProseMirror:focus,.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror,.bg-transparent{background-color:transparent;--v-bg:unset;}.\[\&\[data-highlighted\]\]\:bg-gray-light[data-highlighted],.bg-gray-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.\[\&\[data-in-range\]\]\:bg-main-light[data-in-range]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.\[\&\[data-range-end\]\]\:bg-main[data-range-end],.\[\&\[data-range-start\]\]\:bg-main[data-range-start],.\[\&\[data-selected\]\]\:bg-main[data-selected]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.bg-\$colors{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--colors);--v-bg-opacity:100%;}.bg-attention{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-attention-hue,30));--v-bg-opacity:100%;}.bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-gray{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-gray-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-gray-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-gray-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary\/10{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:10%;}.bg-primary\/100{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary\/20{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:20%;}.bg-primary\/30{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:30%;}.bg-primary\/40{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:40%;}.bg-primary\/50{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:50%;}.bg-primary\/60{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:60%;}.bg-primary\/70{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:70%;}.bg-primary\/80{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:80%;}.bg-primary\/90{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:90%;}.bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (3%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.hover\:bg-gray-wash:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.active\:bg-main-light:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.\[\&\[data-today\]\]\:before\:bg-attention[data-today]::before{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-attention-hue,30));--v-bg-opacity:100%;}.bg-lighten-1{--v-bg-altered:oklch(from var(--v-bg,var(--mode-white)) calc(l * (1 + 1 / 30 * 1 * var(--mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-lighten-3{--v-bg-altered:oklch(from var(--v-bg,var(--mode-white)) calc(l * (1 + 3 / 30 * 1 * var(--mode-mult, 1))) calc(c * (1 - (3 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.focus-visible\:bg-lighten-1:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--mode-white)) calc(l * (1 + 1 / 30 * 1 * var(--mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-darken-1{--v-bg-altered:oklch(from var(--v-bg,var(--mode-white)) calc(l * (1 + 1 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-darken-3{--v-bg-altered:oklch(from var(--v-bg,var(--mode-white)) calc(l * (1 + 3 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&\[data-state\=active\]\]\:border-gray-dark[data-state=active]{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.border-bg{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--v-bg-altered, var(--v-bg, transparent));--v-border-opacity:100%;}.border-black{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.border-black\/10{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:10%;}.border-black\/100{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.border-black\/20{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:20%;}.border-black\/30{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:30%;}.border-black\/40{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:40%;}.border-black\/50{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:50%;}.border-black\/60{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:60%;}.border-black\/70{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:70%;}.border-black\/80{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:80%;}.border-black\/90{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:90%;}.border-color{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--v-color-altered, var(--v-color, var(--mode-black)));--v-border-opacity:100%;}.border-gray{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.border-main{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-border-opacity:100%;}.border-transparent{border-color:var(--v-border-altered,var(--v-border));--v-border:transparent;--v-border-opacity:100%;}.border-white{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.hover\:border-gray-dark:hover{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.\[\&\[data-today\]\]\:before\:border-black[data-today]::before{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.border-darken-3{--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 3 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.border-darken-5{--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 5 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&\[data-highlighted\]\]\:ring-accent[data-highlighted]{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-accent-hue,160.88));--v-ring-opacity:100%;}.ring-primary-light\/10{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:10%;}.ring-primary-light\/100{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:100%;}.ring-primary-light\/20{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:20%;}.ring-primary-light\/30{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:30%;}.ring-primary-light\/40{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:40%;}.ring-primary-light\/50{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:50%;}.ring-primary-light\/60{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:60%;}.ring-primary-light\/70{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:70%;}.ring-primary-light\/80{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:80%;}.ring-primary-light\/90{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:90%;}.ring-white{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:100%;}.hover\:ring-accent:hover{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-accent-hue,160.88));--v-ring-opacity:100%;}.focus\:ring-accent:focus{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-accent-hue,160.88));--v-ring-opacity:100%;}.overflow-stable{scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--mode-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-auto{overflow:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--mode-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--mode-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-x-auto{overflow-x:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--mode-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-unstable{scrollbar-gutter:auto;}@layer components{.layer-components\:\[all\:unset\]{all:unset;}.layer-components\:\[font-family\:inherit\],.layer-components\:font-inherit{font-family:inherit;}.layer-components\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:\[grid-auto-columns\:1fr\]{grid-auto-columns:1fr;}.layer-components\:\[grid-auto-flow\:column\]{grid-auto-flow:column;}.layer-components\:\[justify-content\:safe_center\]{justify-content:safe center;}.layer-components\:\[resize\:none\],.layer-components\:resize-none{resize:none;}.layer-components\:\[resize\:vertical\]{resize:vertical;}.layer-components\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.layer-components\:\[\&\[data-state\=closed\]\]\:pointer-events-none[data-state=closed]{pointer-events:none;}.layer-components\:absolute{position:absolute;}.layer-components\:fixed{position:fixed;}.layer-components\:relative{position:relative;}.layer-components\:sticky{position:sticky;}.layer-components\:before\:absolute::before{position:absolute;}.layer-components\:inset-0{inset:0;}.layer-components\:before\:inset-x-4::before{left:1rem;right:1rem;}.layer-components\:bottom--6{bottom:-1.5rem;}.layer-components\:bottom-\[var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\]{bottom:var(--nav-height,env(safe-area-inset-bottom,0px));}.layer-components\:bottom-0{bottom:0;}.layer-components\:bottom-sm{bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:left-0{left:0;}.layer-components\:left-50\%{left:50%;}.layer-components\:left-9px{left:9px;}.layer-components\:left-sm{left:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:right-0{right:0;}.layer-components\:right-5px{right:5px;}.layer-components\:right-6px{right:6px;}.layer-components\:right-sm{right:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:top--3px{top:-3px;}.layer-components\:top-0{top:0;}.layer-components\:top-50\%{top:50%;}.layer-components\:top-5px{top:5px;}.layer-components\:top-6px{top:6px;}.layer-components\:top-sm{top:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:before\:top-0::before{top:0;}.layer-components\:isolate{isolation:isolate;}.layer-components\:z-\[var\(--z-nav\)\],.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-\[var\(--z-nowPlaying\)\]{z-index:var(--z-nowPlaying);}.layer-components\:z-0{z-index:0;}.layer-components\:z-1{z-index:1;}.layer-components\:z-10{z-index:10;}.layer-components\:z-50{z-index:50;}.layer-components\:z-backdrop{z-index:var(--z-backdrop);}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:z-tooltip{z-index:var(--z-tooltip);}.layer-components\:grid{display:grid;}.layer-components\:grid-cols-\[1fr\]{grid-template-columns:1fr;}.layer-components\:grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.layer-components\:grid-rows-\[1fr_auto\]{grid-template-rows:1fr auto;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:m-0{margin:0;}.layer-components\:m-2{margin:0.5rem;}.layer-components\:m-5px{margin:5px;}.layer-components\:\[\&_hr\]\:my-lg hr{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));margin-bottom:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:-m-y-0\.5[data-has-icon=true][data-has-label=false]{margin-top:-0.125rem;margin-bottom:-0.125rem;}.layer-components\:mx-2{margin-left:0.5rem;margin-right:0.5rem;}.layer-components\:mx-auto{margin-left:auto;margin-right:auto;}.layer-components\:my-0{margin-top:0;margin-bottom:0;}.layer-components\:my-0\.5{margin-top:0.125rem;margin-bottom:0.125rem;}.layer-components\:my-auto{margin-top:auto;margin-bottom:auto;}.layer-components\:\[\&_blockquote\]\:mb-md blockquote,.layer-components\:\[\&_h1\]\:mb-md h1,.layer-components\:\[\&_h2\]\:mb-md h2,.layer-components\:\[\&_ol\]\:mb-md ol,.layer-components\:\[\&_p\]\:mb-md p,.layer-components\:\[\&_ul\]\:mb-md ul{margin-bottom:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:ml-md blockquote{margin-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:mt-md blockquote,.layer-components\:\[\&_h3\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h3,.layer-components\:\[\&_h4\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h4,.layer-components\:\[\&_ol\]\:mt-md ol,.layer-components\:\[\&_ul\]\:mt-md ul{margin-top:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h1\,h2\,h3\,p\]\:mt-0 h1,h2,h3,p,.layer-components\:\[\&_p\]\:mt-0 p,.layer-components\:mt-0{margin-top:0;}.layer-components\:\[\&_h1\]\:\[\&\:not\:first-child\]\:mt-xl:not:first-child h1{margin-top:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h2\]\:\[\&\:not\:first-child\]\:mt-lg:not:first-child h2{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h3\]\:mb-sm h3,.layer-components\:\[\&_h4\]\:mb-sm h4,.layer-components\:\[\&_li\]\:mb-sm li{margin-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mb-4{margin-bottom:1rem;}.layer-components\:mb-6{margin-bottom:1.5rem;}.layer-components\:ml-0{margin-left:0;}.layer-components\:ml-auto{margin-left:auto;}.layer-components\:mr-0{margin-right:0;}.layer-components\:mr-auto{margin-right:auto;}.layer-components\:mt-2px{margin-top:2px;}.layer-components\:mt-3{margin-top:0.75rem;}.layer-components\:box-content{box-sizing:content-box;}.layer-components\:block{display:block;}.layer-components\:inline-block{display:inline-block;}.layer-components\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,.layer-components\:hidden{display:none;}.layer-components\:aspect-1{aspect-ratio:1;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:h-2\.5[data-orientation=horizontal]{height:0.625rem;}.layer-components\:\[\&\[data-orientation\=vertical\]\]\:w-2\.5[data-orientation=vertical]{width:0.625rem;}.layer-components\:h-\[20px\]{height:20px;}.layer-components\:h-\[4px\]{height:4px;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-0{height:0;}.layer-components\:h-1px{height:1px;}.layer-components\:h-21px{height:21px;}.layer-components\:h-25px{height:25px;}.layer-components\:h-27px{height:27px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-368px{height:368px;}.layer-components\:h-36px{height:36px;}.layer-components\:h-5{height:1.25rem;}.layer-components\:h-6px{height:6px;}.layer-components\:h-9px{height:9px;}.layer-components\:h-auto{height:auto;}.layer-components\:h-full{height:100%;}.layer-components\:max-h-\[var\(--radix-context-menu-content-available-height\)\]{max-height:var(--radix-context-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height);}.layer-components\:max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height);}.layer-components\:max-h-300px{max-height:300px;}.layer-components\:max-h-80px{max-height:80px;}.layer-components\:max-h-85vh{max-height:85vh;}.layer-components\:max-h-full{max-height:100%;}.layer-components\:max-w-450px{max-width:450px;}.layer-components\:max-w-80vw{max-width:80vw;}.layer-components\:max-w-90vw{max-width:90vw;}.layer-components\:max-w-full{max-width:100%;}.layer-components\:min-h-0{min-height:0;}.layer-components\:min-h-100dvh{min-height:100dvh;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-h-40px,.layer-components\:min-h-touch{min-height:40px;}.layer-components\:min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width);}.layer-components\:min-w-0{min-width:0;}.layer-components\:min-w-100px{min-width:100px;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-220px{min-width:220px;}.layer-components\:min-w-32px{min-width:32px;}.layer-components\:min-w-4{min-width:1rem;}.layer-components\:min-w-60px{min-width:60px;}.layer-components\:w-\[20px\]{width:20px;}.layer-components\:w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.layer-components\:w-0{width:0;}.layer-components\:w-0\.5px{width:0.5px;}.layer-components\:w-20\%{width:20%;}.layer-components\:w-21px{width:21px;}.layer-components\:w-24px{width:24px;}.layer-components\:w-25px{width:25px;}.layer-components\:w-28px{width:28px;}.layer-components\:w-42px{width:42px;}.layer-components\:w-5{width:1.25rem;}.layer-components\:w-6px{width:6px;}.layer-components\:w-90vw{width:90vw;}.layer-components\:w-auto{width:auto;}.layer-components\:w-fit{width:fit-content;}.layer-components\:w-full{width:100%;}.layer-components\:w-max-content{width:max-content;}.layer-components\:w-min-content{width:min-content;}.layer-components\:before\:h-px::before{height:1px;}.layer-components\:\[\&\[data-state\=open\]\]\:flex[data-state=open],.layer-components\:flex{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-\[0_0_20px\]{flex:0 0 20px;}.layer-components\:flex-1{flex:1 1 0%;}.layer-components\:flex-shrink-0{flex-shrink:0;}.layer-components\:flex-shrink-1{flex-shrink:1;}.layer-components\:flex-grow,.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0;}.layer-components\:flex-basis-auto{flex-basis:auto;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:flex-col[data-orientation=horizontal],.layer-components\:\[\&\[data-state\=open\]\]\:flex-col[data-state=open],.layer-components\:flex-col{flex-direction:column;}.layer-components\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:flex-wrap{flex-wrap:wrap;}.layer-components\:transform-origin-\[var\(--radix-context-menu-transform-origin\)\]{transform-origin:var(--radix-context-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-dropdown-menu-transform-origin\)\]{transform-origin:var(--radix-dropdown-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-popover-transform-origin\)\]{transform-origin:var(--radix-popover-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-select-content-transform-origin\)\]{transform-origin:var(--radix-select-content-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-tooltip-content-transform-origin\)\]{transform-origin:var(--radix-tooltip-content-transform-origin);}.layer-components\:transform-origin-br{transform-origin:bottom right;}.layer-components\:transform-origin-cc{transform-origin:center center;}.layer-components\:transform-origin-center{transform-origin:center;}.layer-components\:translate--7px{--un-translate-x:-7px;--un-translate-y:-7px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:\[\&\[data-state\=checked\]\]\:translate-x-18px[data-state=checked]{--un-translate-x:18px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-x-\[calc\(-100\%\*\(1-var\(--value\)\)\)\]{--un-translate-x:calc(-100% * (1 - var(--value)));transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-y-6{--un-translate-y:1.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-z-0{--un-translate-z:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}[data-state=open]>.layer-components\:\[\[data-state\=open\]\>\&\]\:rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:\[\&\[data-state\=checked\]\]\:animate-checkbox-fade[data-state=checked]{animation:checkbox-fade 5000ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-dialog-out[data-state=closed]{animation:dialog-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-fade-out[data-state=closed]{animation:fade-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-popover-out[data-state=closed]{animation:popover-out 100ms linear 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-radix-collapsible-close-vertical[data-state=closed]{animation:radix-collapsible-close-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=delayed-open\]\]\:animate-popover-in[data-state=delayed-open],.layer-components\:\[\&\[data-state\=open\]\]\:animate-popover-in[data-state=open]{animation:popover-in 100ms linear 1;}.layer-components\:\[\&\[data-state\=open\]\]\:animate-radix-collapsible-open-vertical[data-state=open]{animation:radix-collapsible-open-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-dialog-in{animation:dialog-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-duration-300[data-state=open]{animation-duration:300ms;}.layer-components\:animate-duration-200{animation-duration:200ms;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-ease-springy[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-ease-springy[data-state=open]{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-components\:\[\&\[data-state\=checked\]\]\:animate-forwards[data-state=checked]{animation-fill-mode:forwards;}.layer-components\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.layer-components\:\[\&\[data-visually-disabled\=true\]\]\:cursor-default[data-visually-disabled=true]{cursor:default;}.layer-components\:disabled\:cursor-default:disabled{cursor:default;}.layer-components\:cursor-pointer{cursor:pointer;}.layer-components\:cursor-grab{cursor:grab;}.layer-components\:touch-none{touch-action:none;}.layer-components\:select-auto{-webkit-user-select:auto;user-select:auto;}.layer-components\:select-none{-webkit-user-select:none;user-select:none;}.layer-components\:scroll-my-xs{scroll-margin-top:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));scroll-margin-bottom:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_ol\]\:list-decimal ol{list-style-type:decimal;}.layer-components\:\[\&_ul\]\:list-disc ul{list-style-type:disc;}.layer-components\:appearance-none{-webkit-appearance:none;appearance:none;}.layer-components\:items-start{align-items:flex-start;}.layer-components\:items-end{align-items:flex-end;}.layer-components\:items-center{align-items:center;}.layer-components\:items-stretch{align-items:stretch;}.layer-components\:self-start{align-self:flex-start;}.layer-components\:self-end{align-self:flex-end;}.layer-components\:self-stretch{align-self:stretch;}.layer-components\:justify-start{justify-content:flex-start;}.layer-components\:justify-end{justify-content:flex-end;}.layer-components\:justify-center{justify-content:center;}.layer-components\:justify-between{justify-content:space-between;}.layer-components\:justify-around{justify-content:space-around;}.layer-components\:justify-stretch{justify-content:stretch;}.layer-components\:justify-items-center{justify-items:center;}.layer-components\:gap-1{gap:0.25rem;}.layer-components\:gap-2{gap:0.5rem;}.layer-components\:gap-3{gap:0.75rem;}.layer-components\:gap-4{gap:1rem;}.layer-components\:gap-6px{gap:6px;}.layer-components\:gap-lg{gap:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-md{gap:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-sm{gap:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xl{gap:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xs{gap:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:overflow-x-overlay{overflow-x:overlay;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:overscroll-none{overscroll-behavior:none;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:\[\&_\.ProseMirror\]\:border-1 .ProseMirror,.layer-components\:border-1{border-width:1px;}.layer-components\:border-0{border-width:0px;}.layer-components\:border-13px{border-width:13px;}.layer-components\:border-thin,.layer-components\:border-width-thin{border-width:calc(1px * var(--global-border-scale,1));}.layer-components\:\[\&_blockquote\]\:border-l-4 blockquote{border-left-width:4px;}.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:border-r-main-wash{--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)) / var(--un-border-right-opacity));}.layer-components\:\[\&_\.ProseMirror\]\:rounded-\[20px\] .ProseMirror{border-radius:20px;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:rounded-lg[data-has-icon=true][data-has-label=false],.layer-components\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-full{border-radius:calc(99999px * var(--global-corner-scale,1));}.layer-components\:rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-none{border-radius:0;}.layer-components\:rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-xl{border-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-t-lg{border-top-left-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-top-right-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-bl-none{border-bottom-left-radius:0;}.layer-components\:rounded-tr-none{border-top-right-radius:0;}.layer-components\:\[\&_\.ProseMirror\]\:border-solid .ProseMirror,.layer-components\:border-solid{border-style:solid;}.layer-components\:border-dashed{border-style:dashed;}.layer-components\:border-none{border-style:none;}.layer-components\:\[\&_blockquote\]\:border-l-solid blockquote{border-left-style:solid;}.layer-components\:border-l-none{border-left-style:none;}.layer-components\:border-t-none{border-top-style:none;}.layer-components\:bg-cover{background-size:cover;}.layer-components\:bg-center{background-position:center;}.layer-components\:fill-none{fill:none;}.layer-components\:object-cover{object-fit:cover;}.layer-components\:object-center{object-position:center;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:p-2[data-has-icon=true][data-has-label=false],.layer-components\:p-2{padding:0.5rem;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:p-2\.35[data-has-icon=true][data-has-label=false]{padding:0.5875rem;}.layer-components\:p-0{padding:0;}.layer-components\:p-0\.5{padding:0.125rem;}.layer-components\:p-1{padding:0.25rem;}.layer-components\:p-2px{padding:2px;}.layer-components\:p-4{padding:1rem;}.layer-components\:p-6{padding:1.5rem;}.layer-components\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_\.ProseMirror\]\:px-4 .ProseMirror,.layer-components\:px-4{padding-left:1rem;padding-right:1rem;}.layer-components\:\[\&_\.ProseMirror\]\:py-2 .ProseMirror,.layer-components\:py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.layer-components\:px-2{padding-left:0.5rem;padding-right:0.5rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-5{padding-left:1.25rem;padding-right:1.25rem;}.layer-components\:px-lg{padding-left:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:px-md{padding-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:px-xs{padding-left:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.layer-components\:py-1,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-1\.25{padding-top:0.3125rem;padding-bottom:0.3125rem;}.layer-components\:py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.layer-components\:py-4{padding-top:1rem;padding-bottom:1rem;}.layer-components\:py-sm{padding-top:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:py-xs{padding-top:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-bottom:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:pl-4 blockquote{padding-left:1rem;}.layer-components\:\[\&_ol\]\:pl-6 ol,.layer-components\:\[\&_ul\]\:pl-6 ul{padding-left:1.5rem;}.layer-components\:pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.layer-components\:pb-2{padding-bottom:0.5rem;}.layer-components\:pb-4{padding-bottom:1rem;}.layer-components\:pb-md{padding-bottom:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:pl-25px{padding-left:25px;}.layer-components\:pl-3{padding-left:0.75rem;}.layer-components\:pl-35px{padding-left:35px;}.layer-components\:pl-8{padding-left:2rem;}.layer-components\:pr-4{padding-right:1rem;}.layer-components\:pr-80px{padding-right:80px;}.layer-components\:pt-3{padding-top:0.75rem;}.layer-components\:pt-6{padding-top:1.5rem;}.layer-components\:pt-8{padding-top:2rem;}.layer-components\:text-center{text-align:center;}.layer-components\:text-left{text-align:left;}.layer-components\:text-start{text-align:start;}.layer-components\:text-nowrap{text-wrap:nowrap;}.layer-components\:\[\&_h1\]\:text-2xl h1,.layer-components\:text-2xl{font-size:1.75rem;line-height:2.25rem;}.layer-components\:\[\&_h2\]\:text-lg h2,.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:\[\&_h3\]\:text-md h3,.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:\[\&_h4\]\:text-xs h4,.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:text-xs[data-has-icon=true][data-has-label=false],.layer-components\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:text-sm[data-has-icon=true][data-has-label=false],.layer-components\:text-sm,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-3xl{font-size:2rem;line-height:2.5rem;}.layer-components\:text-xxs{font-size:0.625rem;line-height:0.75rem;}.layer-components\:text-inherit{color:inherit;}.layer-components\:\[\&_h1\]\:font-semibold h1,.layer-components\:\[\&_strong\]\:font-semibold strong,.layer-components\:font-semibold{font-weight:600;}.layer-components\:\[\&_h2\]\:font-bold h2,.layer-components\:font-bold{font-weight:700;}.layer-components\:\[\&_h3\]\:font-500 h3,.layer-components\:font-500{font-weight:500;}.layer-components\:font-normal{font-weight:400;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-6{line-height:1.5rem;}.layer-components\:leading-none{line-height:1;}.layer-components\:leading-normal{line-height:1.5;}.layer-components\:leading-relaxed{line-height:1.625;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-title{font-family:var(--font-title, var(--font-default));}.layer-components\:\[\&_h4\]\:uppercase h4,.layer-components\:uppercase{text-transform:uppercase;}.layer-components\:\[\&_em\]\:italic em,.layer-components\:italic{font-style:italic;}.layer-components\:\[\&_a\:hover\]\:underline a:hover,.layer-components\:\[\&_a\]\:underline a{text-decoration-line:underline;}.layer-components\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5;}.layer-components\:\[\&\[data-state\=open\]\]\:opacity-100[data-state=open]{opacity:1;}.layer-components\:op-0{opacity:0;}.layer-components\:disabled\:opacity-50:disabled{opacity:0.5;}.layer-components\:\[\&\:disabled\]\:shadow-none:disabled,.layer-components\:\[\&\[data-disabled\=true\]\]\:shadow-none[data-disabled=true]{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\[data-state\=on\]\]\:shadow-sm[data-state=on],.layer-components\:shadow-sm{--un-shadow:var(--un-shadow-inset) 0 calc(0px * var(--v-shadow-y-mult,1)) calc(1px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0)))),
60
+ var(--un-shadow-inset) 0 calc(1px * var(--v-shadow-y-mult,1)) calc(2px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-op-0{--un-shadow-opacity:0;}.shadow-op-10{--un-shadow-opacity:0.1;}.shadow-op-100{--un-shadow-opacity:1;}.shadow-op-20{--un-shadow-opacity:0.2;}.shadow-op-30{--un-shadow-opacity:0.3;}.shadow-op-40{--un-shadow-opacity:0.4;}.shadow-op-50{--un-shadow-opacity:0.5;}.shadow-op-60{--un-shadow-opacity:0.6;}.shadow-op-70{--un-shadow-opacity:0.7;}.shadow-op-80{--un-shadow-opacity:0.8;}.shadow-op-90{--un-shadow-opacity:0.9;}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted]{outline:2px solid transparent;outline-offset:2px;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.\[\&\[data-highlighted\]\]\:ring-2[data-highlighted],.ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.ring{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.hover\:ring-2:hover{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-height{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.will-change-transform{will-change:transform;}.\[\&\[data-today\]\]\:before\:content-\[\'\'\][data-today]::before{content:'';}.before\:content-\[\"\"\]::before{content:"";}.after\:\[\&\[data-state\=open\]\]\:content-\[\"-_tap_to_collapse_-\"\][data-state=open]::after{content:"- tap to collapse -";}.after\:content-\[\"-_tap_to_expand_-\"\]::after{content:"- tap to expand -";}.after\:content-\[\"\"\]::after{content:"";}.anchor-container{anchor-name:--container;}.anchor-demo{anchor-name:--demo;}.anchor-name{anchor-name:--name;}.anchor-to-container{position-anchor:--container;}.anchor-to-demo{position-anchor:--demo;}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.color-black{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.\[\&\[data-placeholder\]\]\:color-gray-dark[data-placeholder],.color-gray-dark{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-bg{color:var(--v-color-altered,var(--v-color));--v-color:var(--v-bg-altered, var(--v-bg, transparent));--v-color-opacity:100%;}.color-gray-ink{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-inherit{color:var(--v-color-altered,var(--v-color));--v-color:unset;}.color-main-dark{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-color-opacity:100%;}.color-primary{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-primary-dark{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-primary-dark\/10{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:10%;}.color-primary-dark\/100{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-primary-dark\/20{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:20%;}.color-primary-dark\/30{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:30%;}.color-primary-dark\/40{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:40%;}.color-primary-dark\/50{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:50%;}.color-primary-dark\/60{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:60%;}.color-primary-dark\/70{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:70%;}.color-primary-dark\/80{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:80%;}.color-primary-dark\/90{color:rgb(from var(--v-color-altered,var(--v-color)) r g b / var(--v-color-opacity,100%));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-color-opacity:90%;}.color-white{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.after\:color-gray-dark::after{color:var(--v-color-altered,var(--v-color));--v-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-color-opacity:100%;}.color-darken-5{--v-color-altered:oklch(from var(--v-color,currentColor) calc(l * (1 + 5 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&_\.ProseMirror\:focus\]\:bg-transparent .ProseMirror:focus,.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror,.bg-transparent{background-color:transparent;--v-bg:unset;}.\[\&\[data-highlighted\]\]\:bg-gray-light[data-highlighted],.bg-gray-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.\[\&\[data-in-range\]\]\:bg-main-light[data-in-range]{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.\[\&\[data-range-end\]\]\:bg-main[data-range-end],.\[\&\[data-range-start\]\]\:bg-main[data-range-start],.\[\&\[data-selected\]\]\:bg-main[data-selected],.bg-main{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.bg-\$colors{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:var(--colors);--v-bg-opacity:100%;}.bg-attention{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-attention-hue,30));--v-bg-opacity:100%;}.bg-black{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-gray{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-gray-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-gray-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-gray-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary-dark{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary-ink{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) - (var(--mode-s-range-down) * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary-light{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary\/10{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:10%;}.bg-primary\/100{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-primary\/20{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:20%;}.bg-primary\/30{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:30%;}.bg-primary\/40{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:40%;}.bg-primary\/50{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:50%;}.bg-primary\/60{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:60%;}.bg-primary\/70{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:70%;}.bg-primary\/80{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:80%;}.bg-primary\/90{background-color:rgb(from var(--v-bg-altered,var(--v-bg)) r g b / var(--v-bg-opacity,100%));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:90%;}.bg-wash{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (3%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.bg-white{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.hover\:bg-gray-wash:hover{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-bg-opacity:100%;}.active\:bg-main-light:active{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-bg-opacity:100%;}.\[\&\[data-today\]\]\:before\:bg-attention[data-today]::before{background-color:var(--v-bg-altered,var(--v-bg));--v-bg:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-attention-hue,30));--v-bg-opacity:100%;}.bg-lighten-1{--v-bg-altered:oklch(from var(--v-bg,var(--mode-white)) calc(l * (1 + 1 / 30 * 1 * var(--mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-lighten-3{--v-bg-altered:oklch(from var(--v-bg,var(--mode-white)) calc(l * (1 + 3 / 30 * 1 * var(--mode-mult, 1))) calc(c * (1 - (3 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.focus-visible\:bg-lighten-1:focus-visible{--v-bg-altered:oklch(from var(--v-bg,var(--mode-white)) calc(l * (1 + 1 / 30 * 1 * var(--mode-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-darken-1{--v-bg-altered:oklch(from var(--v-bg,var(--mode-white)) calc(l * (1 + 1 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.bg-darken-3{--v-bg-altered:oklch(from var(--v-bg,var(--mode-white)) calc(l * (1 + 3 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&\[data-state\=active\]\]\:border-gray-dark[data-state=active]{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.border-bg{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--v-bg-altered, var(--v-bg, transparent));--v-border-opacity:100%;}.border-black{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.border-black\/10{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:10%;}.border-black\/100{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.border-black\/20{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:20%;}.border-black\/30{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:30%;}.border-black\/40{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:40%;}.border-black\/50{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:50%;}.border-black\/60{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:60%;}.border-black\/70{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:70%;}.border-black\/80{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:80%;}.border-black\/90{border-color:rgb(from var(--v-border-altered,var(--v-border)) r g b / var(--v-border-opacity,100%));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:90%;}.border-color{border-color:var(--v-border-altered,var(--v-border));--v-border:var(--v-color-altered, var(--v-color, var(--mode-black)));--v-border-opacity:100%;}.border-gray{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.border-main{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)));--v-border-opacity:100%;}.border-transparent{border-color:var(--v-border-altered,var(--v-border));--v-border:transparent;--v-border-opacity:100%;}.border-white{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.hover\:border-gray-dark:hover{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (5%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.\[\&\[data-today\]\]\:before\:border-black[data-today]::before{border-color:var(--v-border-altered,var(--v-border));--v-border:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-border-opacity:100%;}.border-darken-3{--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 3 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.border-darken-5{--v-border-altered:oklch(from var(--v-border,currentColor) calc(l * (1 + 5 / 30 * -1 * var(--mode-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--global-saturation, 0)))))) h);}.\[\&\[data-highlighted\]\]\:ring-accent[data-highlighted]{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-accent-hue,160.88));--v-ring-opacity:100%;}.ring-primary-light\/10{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:10%;}.ring-primary-light\/100{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:100%;}.ring-primary-light\/20{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:20%;}.ring-primary-light\/30{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:30%;}.ring-primary-light\/40{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:40%;}.ring-primary-light\/50{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:50%;}.ring-primary-light\/60{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:60%;}.ring-primary-light\/70{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:70%;}.ring-primary-light\/80{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:80%;}.ring-primary-light\/90{--un-ring-color:rgb(from var(--v-ring-altered,var(--v-ring)) r g b / var(--v-ring-opacity,100%));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1)))), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:90%;}.ring-white{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8));--v-ring-opacity:100%;}.hover\:ring-accent:hover{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-accent-hue,160.88));--v-ring-opacity:100%;}.focus\:ring-accent:focus{--un-ring-color:var(--v-ring-altered,var(--v-ring));--v-ring:oklch(clamp(0%, calc(var(--mode-l-neutral)), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral))), 100%) var(--p-accent-hue,160.88));--v-ring-opacity:100%;}.overflow-stable{scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--mode-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-auto{overflow:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--mode-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--mode-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-x-auto{overflow-x:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-color-altered,var(--v-color,var(--mode-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-unstable{scrollbar-gutter:auto;}@layer components{.layer-components\:\[all\:unset\]{all:unset;}.layer-components\:\[font-family\:inherit\],.layer-components\:font-inherit{font-family:inherit;}.layer-components\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:\[grid-auto-columns\:1fr\]{grid-auto-columns:1fr;}.layer-components\:\[grid-auto-flow\:column\]{grid-auto-flow:column;}.layer-components\:\[justify-content\:safe_center\]{justify-content:safe center;}.layer-components\:\[resize\:none\],.layer-components\:resize-none{resize:none;}.layer-components\:\[resize\:vertical\]{resize:vertical;}.layer-components\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.layer-components\:\[\&\[data-state\=closed\]\]\:pointer-events-none[data-state=closed]{pointer-events:none;}.layer-components\:absolute{position:absolute;}.layer-components\:fixed{position:fixed;}.layer-components\:relative{position:relative;}.layer-components\:sticky{position:sticky;}.layer-components\:before\:absolute::before{position:absolute;}.layer-components\:inset-0{inset:0;}.layer-components\:before\:inset-x-4::before{left:1rem;right:1rem;}.layer-components\:bottom--6{bottom:-1.5rem;}.layer-components\:bottom-\[var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\]{bottom:var(--nav-height,env(safe-area-inset-bottom,0px));}.layer-components\:bottom-0{bottom:0;}.layer-components\:bottom-sm{bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:left-0{left:0;}.layer-components\:left-50\%{left:50%;}.layer-components\:left-9px{left:9px;}.layer-components\:left-sm{left:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:right-0{right:0;}.layer-components\:right-5px{right:5px;}.layer-components\:right-6px{right:6px;}.layer-components\:right-sm{right:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:top--3px{top:-3px;}.layer-components\:top-0{top:0;}.layer-components\:top-50\%{top:50%;}.layer-components\:top-5px{top:5px;}.layer-components\:top-6px{top:6px;}.layer-components\:top-sm{top:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:before\:top-0::before{top:0;}.layer-components\:isolate{isolation:isolate;}.layer-components\:z-\[var\(--z-nav\)\],.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-\[var\(--z-now-playing\)\]{z-index:var(--z-now-playing);}.layer-components\:z-0{z-index:0;}.layer-components\:z-1{z-index:1;}.layer-components\:z-10{z-index:10;}.layer-components\:z-50{z-index:50;}.layer-components\:z-backdrop{z-index:var(--z-backdrop);}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:z-tooltip{z-index:var(--z-tooltip);}.layer-components\:grid{display:grid;}.layer-components\:grid-cols-\[1fr\]{grid-template-columns:1fr;}.layer-components\:grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.layer-components\:grid-rows-\[1fr_auto\]{grid-template-rows:1fr auto;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:m-0{margin:0;}.layer-components\:m-2{margin:0.5rem;}.layer-components\:m-5px{margin:5px;}.layer-components\:\[\&_hr\]\:my-lg hr{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));margin-bottom:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:-m-y-0\.5[data-has-icon=true][data-has-label=false]{margin-top:-0.125rem;margin-bottom:-0.125rem;}.layer-components\:mx-2{margin-left:0.5rem;margin-right:0.5rem;}.layer-components\:mx-auto{margin-left:auto;margin-right:auto;}.layer-components\:my-0{margin-top:0;margin-bottom:0;}.layer-components\:my-0\.5{margin-top:0.125rem;margin-bottom:0.125rem;}.layer-components\:my-auto{margin-top:auto;margin-bottom:auto;}.layer-components\:\[\&_blockquote\]\:mb-md blockquote,.layer-components\:\[\&_h1\]\:mb-md h1,.layer-components\:\[\&_h2\]\:mb-md h2,.layer-components\:\[\&_ol\]\:mb-md ol,.layer-components\:\[\&_p\]\:mb-md p,.layer-components\:\[\&_ul\]\:mb-md ul{margin-bottom:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:ml-md blockquote{margin-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:mt-md blockquote,.layer-components\:\[\&_h3\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h3,.layer-components\:\[\&_h4\]\:\[\&\:not\:first-child\]\:mt-md:not:first-child h4,.layer-components\:\[\&_ol\]\:mt-md ol,.layer-components\:\[\&_ul\]\:mt-md ul{margin-top:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h1\,h2\,h3\,p\]\:mt-0 h1,h2,h3,p,.layer-components\:\[\&_p\]\:mt-0 p,.layer-components\:mt-0{margin-top:0;}.layer-components\:\[\&_h1\]\:\[\&\:not\:first-child\]\:mt-xl:not:first-child h1{margin-top:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h2\]\:\[\&\:not\:first-child\]\:mt-lg:not:first-child h2{margin-top:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_h3\]\:mb-sm h3,.layer-components\:\[\&_h4\]\:mb-sm h4,.layer-components\:\[\&_li\]\:mb-sm li{margin-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:mb-4{margin-bottom:1rem;}.layer-components\:mb-6{margin-bottom:1.5rem;}.layer-components\:ml-0{margin-left:0;}.layer-components\:ml-auto{margin-left:auto;}.layer-components\:mr-0{margin-right:0;}.layer-components\:mr-auto{margin-right:auto;}.layer-components\:mt-2px{margin-top:2px;}.layer-components\:mt-3{margin-top:0.75rem;}.layer-components\:box-content{box-sizing:content-box;}.layer-components\:block{display:block;}.layer-components\:inline-block{display:inline-block;}.layer-components\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,.layer-components\:hidden{display:none;}.layer-components\:aspect-1{aspect-ratio:1;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:h-2\.5[data-orientation=horizontal]{height:0.625rem;}.layer-components\:\[\&\[data-orientation\=vertical\]\]\:w-2\.5[data-orientation=vertical]{width:0.625rem;}.layer-components\:h-\[20px\]{height:20px;}.layer-components\:h-\[4px\]{height:4px;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-0{height:0;}.layer-components\:h-1px{height:1px;}.layer-components\:h-21px{height:21px;}.layer-components\:h-25px{height:25px;}.layer-components\:h-27px{height:27px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-368px{height:368px;}.layer-components\:h-36px{height:36px;}.layer-components\:h-5{height:1.25rem;}.layer-components\:h-6px{height:6px;}.layer-components\:h-9px{height:9px;}.layer-components\:h-auto{height:auto;}.layer-components\:h-full{height:100%;}.layer-components\:max-h-\[var\(--radix-context-menu-content-available-height\)\]{max-height:var(--radix-context-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height);}.layer-components\:max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height);}.layer-components\:max-h-300px{max-height:300px;}.layer-components\:max-h-80px{max-height:80px;}.layer-components\:max-h-85vh{max-height:85vh;}.layer-components\:max-h-full{max-height:100%;}.layer-components\:max-w-450px{max-width:450px;}.layer-components\:max-w-80vw{max-width:80vw;}.layer-components\:max-w-90vw{max-width:90vw;}.layer-components\:max-w-full{max-width:100%;}.layer-components\:min-h-0{min-height:0;}.layer-components\:min-h-100dvh{min-height:100dvh;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-h-40px,.layer-components\:min-h-touch{min-height:40px;}.layer-components\:min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width);}.layer-components\:min-w-0{min-width:0;}.layer-components\:min-w-100px{min-width:100px;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-220px{min-width:220px;}.layer-components\:min-w-32px{min-width:32px;}.layer-components\:min-w-4{min-width:1rem;}.layer-components\:min-w-60px{min-width:60px;}.layer-components\:w-\[20px\]{width:20px;}.layer-components\:w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.layer-components\:w-0{width:0;}.layer-components\:w-0\.5px{width:0.5px;}.layer-components\:w-20\%{width:20%;}.layer-components\:w-21px{width:21px;}.layer-components\:w-24px{width:24px;}.layer-components\:w-25px{width:25px;}.layer-components\:w-28px{width:28px;}.layer-components\:w-42px{width:42px;}.layer-components\:w-5{width:1.25rem;}.layer-components\:w-6px{width:6px;}.layer-components\:w-90vw{width:90vw;}.layer-components\:w-auto{width:auto;}.layer-components\:w-fit{width:fit-content;}.layer-components\:w-full{width:100%;}.layer-components\:w-max-content{width:max-content;}.layer-components\:w-min-content{width:min-content;}.layer-components\:before\:h-px::before{height:1px;}.layer-components\:\[\&\[data-state\=open\]\]\:flex[data-state=open],.layer-components\:flex{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-\[0_0_20px\]{flex:0 0 20px;}.layer-components\:flex-1{flex:1 1 0%;}.layer-components\:flex-shrink-0{flex-shrink:0;}.layer-components\:flex-shrink-1{flex-shrink:1;}.layer-components\:flex-grow,.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0;}.layer-components\:flex-basis-auto{flex-basis:auto;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:\[\&\[data-orientation\=horizontal\]\]\:flex-col[data-orientation=horizontal],.layer-components\:\[\&\[data-state\=open\]\]\:flex-col[data-state=open],.layer-components\:flex-col{flex-direction:column;}.layer-components\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:flex-wrap{flex-wrap:wrap;}.layer-components\:transform-origin-\[var\(--radix-context-menu-transform-origin\)\]{transform-origin:var(--radix-context-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-dropdown-menu-transform-origin\)\]{transform-origin:var(--radix-dropdown-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-popover-transform-origin\)\]{transform-origin:var(--radix-popover-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-select-content-transform-origin\)\]{transform-origin:var(--radix-select-content-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-tooltip-content-transform-origin\)\]{transform-origin:var(--radix-tooltip-content-transform-origin);}.layer-components\:transform-origin-br{transform-origin:bottom right;}.layer-components\:transform-origin-cc{transform-origin:center center;}.layer-components\:transform-origin-center{transform-origin:center;}.layer-components\:translate--7px{--un-translate-x:-7px;--un-translate-y:-7px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:\[\&\[data-state\=checked\]\]\:translate-x-18px[data-state=checked]{--un-translate-x:18px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-x-\[calc\(-100\%\*\(1-var\(--value\)\)\)\]{--un-translate-x:calc(-100% * (1 - var(--value)));transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-y-6{--un-translate-y:1.5rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-z-0{--un-translate-z:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}[data-state=open]>.layer-components\:\[\[data-state\=open\]\>\&\]\:rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:\[\&\[data-state\=checked\]\]\:animate-checkbox-fade[data-state=checked]{animation:checkbox-fade 5000ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-dialog-out[data-state=closed]{animation:dialog-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-fade-out[data-state=closed]{animation:fade-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-popover-out[data-state=closed]{animation:popover-out 100ms linear 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-radix-collapsible-close-vertical[data-state=closed]{animation:radix-collapsible-close-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=delayed-open\]\]\:animate-popover-in[data-state=delayed-open],.layer-components\:\[\&\[data-state\=open\]\]\:animate-popover-in[data-state=open]{animation:popover-in 100ms linear 1;}.layer-components\:\[\&\[data-state\=open\]\]\:animate-radix-collapsible-open-vertical[data-state=open]{animation:radix-collapsible-open-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-dialog-in{animation:dialog-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-duration-300[data-state=open]{animation-duration:300ms;}.layer-components\:animate-duration-200{animation-duration:200ms;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-ease-springy[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-ease-springy[data-state=open]{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-components\:\[\&\[data-state\=checked\]\]\:animate-forwards[data-state=checked]{animation-fill-mode:forwards;}.layer-components\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.layer-components\:\[\&\[data-visually-disabled\=true\]\]\:cursor-default[data-visually-disabled=true]{cursor:default;}.layer-components\:disabled\:cursor-default:disabled{cursor:default;}.layer-components\:cursor-pointer{cursor:pointer;}.layer-components\:cursor-grab{cursor:grab;}.layer-components\:touch-none{touch-action:none;}.layer-components\:select-auto{-webkit-user-select:auto;user-select:auto;}.layer-components\:select-none{-webkit-user-select:none;user-select:none;}.layer-components\:scroll-my-xs{scroll-margin-top:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));scroll-margin-bottom:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_ol\]\:list-decimal ol{list-style-type:decimal;}.layer-components\:\[\&_ul\]\:list-disc ul{list-style-type:disc;}.layer-components\:appearance-none{-webkit-appearance:none;appearance:none;}.layer-components\:items-start{align-items:flex-start;}.layer-components\:items-end{align-items:flex-end;}.layer-components\:items-center{align-items:center;}.layer-components\:items-stretch{align-items:stretch;}.layer-components\:self-start{align-self:flex-start;}.layer-components\:self-end{align-self:flex-end;}.layer-components\:self-stretch{align-self:stretch;}.layer-components\:justify-start{justify-content:flex-start;}.layer-components\:justify-end{justify-content:flex-end;}.layer-components\:justify-center{justify-content:center;}.layer-components\:justify-between{justify-content:space-between;}.layer-components\:justify-around{justify-content:space-around;}.layer-components\:justify-stretch{justify-content:stretch;}.layer-components\:justify-items-center{justify-items:center;}.layer-components\:gap-1{gap:0.25rem;}.layer-components\:gap-2{gap:0.5rem;}.layer-components\:gap-3{gap:0.75rem;}.layer-components\:gap-4{gap:1rem;}.layer-components\:gap-6px{gap:6px;}.layer-components\:gap-lg{gap:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-md{gap:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-sm{gap:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xl{gap:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:gap-xs{gap:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:overflow-x-overlay{overflow-x:overlay;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:overscroll-none{overscroll-behavior:none;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:\[\&_\.ProseMirror\]\:border-1 .ProseMirror,.layer-components\:border-1{border-width:1px;}.layer-components\:border-0{border-width:0px;}.layer-components\:border-13px{border-width:13px;}.layer-components\:border-thin,.layer-components\:border-width-thin{border-width:calc(1px * var(--global-border-scale,1));}.layer-components\:\[\&_blockquote\]\:border-l-4 blockquote{border-left-width:4px;}.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:border-r-main-wash{--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:oklch(clamp(0%, calc(var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult,1)))), 100%) var(--l-main-hue,var(--p-primary-hue,91.8)) / var(--un-border-right-opacity));}.layer-components\:\[\&_\.ProseMirror\]\:rounded-\[20px\] .ProseMirror{border-radius:20px;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:rounded-lg[data-has-icon=true][data-has-label=false],.layer-components\:rounded-lg{border-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-full{border-radius:calc(99999px * var(--global-corner-scale,1));}.layer-components\:rounded-md{border-radius:calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-none{border-radius:0;}.layer-components\:rounded-sm{border-radius:calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-xl{border-radius:calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-t-lg{border-top-left-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));border-top-right-radius:calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1));}.layer-components\:rounded-bl-none{border-bottom-left-radius:0;}.layer-components\:rounded-tr-none{border-top-right-radius:0;}.layer-components\:\[\&_\.ProseMirror\]\:border-solid .ProseMirror,.layer-components\:border-solid{border-style:solid;}.layer-components\:border-dashed{border-style:dashed;}.layer-components\:border-none{border-style:none;}.layer-components\:\[\&_blockquote\]\:border-l-solid blockquote{border-left-style:solid;}.layer-components\:border-l-none{border-left-style:none;}.layer-components\:border-t-none{border-top-style:none;}.layer-components\:bg-cover{background-size:cover;}.layer-components\:bg-center{background-position:center;}.layer-components\:fill-none{fill:none;}.layer-components\:object-cover{object-fit:cover;}.layer-components\:object-center{object-position:center;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:p-2[data-has-icon=true][data-has-label=false],.layer-components\:p-2{padding:0.5rem;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:p-2\.35[data-has-icon=true][data-has-label=false]{padding:0.5875rem;}.layer-components\:p-0{padding:0;}.layer-components\:p-0\.5{padding:0.125rem;}.layer-components\:p-1{padding:0.25rem;}.layer-components\:p-2px{padding:2px;}.layer-components\:p-4{padding:1rem;}.layer-components\:p-6{padding:1.5rem;}.layer-components\:p-lg{padding:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-md{padding:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-sm{padding:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xl{padding:calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:p-xs{padding:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_\.ProseMirror\]\:px-4 .ProseMirror,.layer-components\:px-4{padding-left:1rem;padding-right:1rem;}.layer-components\:\[\&_\.ProseMirror\]\:py-2 .ProseMirror,.layer-components\:py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.layer-components\:px-2{padding-left:0.5rem;padding-right:0.5rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-5{padding-left:1.25rem;padding-right:1.25rem;}.layer-components\:px-lg{padding-left:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:px-md{padding-left:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:px-xs{padding-left:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-right:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.layer-components\:py-1,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-1\.25{padding-top:0.3125rem;padding-bottom:0.3125rem;}.layer-components\:py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.layer-components\:py-4{padding-top:1rem;padding-bottom:1rem;}.layer-components\:py-sm{padding-top:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-bottom:calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:py-xs{padding-top:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));padding-bottom:calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:pl-4 blockquote{padding-left:1rem;}.layer-components\:\[\&_ol\]\:pl-6 ol,.layer-components\:\[\&_ul\]\:pl-6 ul{padding-left:1.5rem;}.layer-components\:pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.layer-components\:pb-2{padding-bottom:0.5rem;}.layer-components\:pb-4{padding-bottom:1rem;}.layer-components\:pb-md{padding-bottom:calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1));}.layer-components\:pl-25px{padding-left:25px;}.layer-components\:pl-3{padding-left:0.75rem;}.layer-components\:pl-35px{padding-left:35px;}.layer-components\:pl-8{padding-left:2rem;}.layer-components\:pr-4{padding-right:1rem;}.layer-components\:pr-80px{padding-right:80px;}.layer-components\:pt-3{padding-top:0.75rem;}.layer-components\:pt-6{padding-top:1.5rem;}.layer-components\:pt-8{padding-top:2rem;}.layer-components\:text-center{text-align:center;}.layer-components\:text-left{text-align:left;}.layer-components\:text-start{text-align:start;}.layer-components\:text-nowrap{text-wrap:nowrap;}.layer-components\:\[\&_h1\]\:text-2xl h1,.layer-components\:text-2xl{font-size:1.75rem;line-height:2.25rem;}.layer-components\:\[\&_h2\]\:text-lg h2,.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:\[\&_h3\]\:text-md h3,.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:\[\&_h4\]\:text-xs h4,.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:text-xs[data-has-icon=true][data-has-label=false],.layer-components\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:text-sm[data-has-icon=true][data-has-label=false],.layer-components\:text-sm,[data-compact=true] .layer-components\:\[\[data-compact\=true\]_\&\]\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-3xl{font-size:2rem;line-height:2.5rem;}.layer-components\:text-xxs{font-size:0.625rem;line-height:0.75rem;}.layer-components\:text-inherit{color:inherit;}.layer-components\:\[\&_h1\]\:font-semibold h1,.layer-components\:\[\&_strong\]\:font-semibold strong,.layer-components\:font-semibold{font-weight:600;}.layer-components\:\[\&_h2\]\:font-bold h2,.layer-components\:font-bold{font-weight:700;}.layer-components\:\[\&_h3\]\:font-500 h3,.layer-components\:font-500{font-weight:500;}.layer-components\:font-normal{font-weight:400;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-6{line-height:1.5rem;}.layer-components\:leading-none{line-height:1;}.layer-components\:leading-normal{line-height:1.5;}.layer-components\:leading-relaxed{line-height:1.625;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-title{font-family:var(--font-title, var(--font-default));}.layer-components\:\[\&_h4\]\:uppercase h4,.layer-components\:uppercase{text-transform:uppercase;}.layer-components\:\[\&_em\]\:italic em,.layer-components\:italic{font-style:italic;}.layer-components\:\[\&_a\:hover\]\:underline a:hover,.layer-components\:\[\&_a\]\:underline a{text-decoration-line:underline;}.layer-components\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5;}.layer-components\:\[\&\[data-state\=open\]\]\:opacity-100[data-state=open]{opacity:1;}.layer-components\:op-0{opacity:0;}.layer-components\:disabled\:opacity-50:disabled{opacity:0.5;}.layer-components\:\[\&\:disabled\]\:shadow-none:disabled,.layer-components\:\[\&\[data-disabled\=true\]\]\:shadow-none[data-disabled=true]{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\[data-state\=on\]\]\:shadow-sm[data-state=on],.layer-components\:shadow-sm{--un-shadow:var(--un-shadow-inset) 0 calc(0px * var(--v-shadow-y-mult,1)) calc(1px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0)))),
61
61
  var(--un-shadow-inset) 0 calc(1px * var(--v-shadow-y-mult,1)) calc(2px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-\[0_30px_60px_0px\]{--un-shadow:0 30px 60px 0px var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-black\/20{--un-shadow-color:oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8) / 0.2) /* oklch(clamp(0%, calc(var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))), 100%) clamp(0%, calc(var(--l-saturation,1) * var(--global-saturation) * (0.4%)), 100%) var(--p-primary-hue,91.8)) */;}.layer-components\:shadow-lg{--un-shadow:var(--un-shadow-inset) 0 calc(8px * var(--v-shadow-y-mult,1)) calc(16px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))),
62
62
  var(--un-shadow-inset) 0 calc(5px * var(--v-shadow-y-mult,1)) calc(10px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-md{--un-shadow:var(--un-shadow-inset) 0 calc(4px * var(--v-shadow-y-mult,1)) calc(8px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))),
63
63
  var(--un-shadow-inset) 0 calc(2px * var(--v-shadow-y-mult,1)) calc(4px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0))));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-xl{--un-shadow:var(--un-shadow-inset) 0 calc(20px * var(--v-shadow-y-mult,1)) calc(40px * (0.1 + var(--global-shadow-spread,1))) -0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))),
package/dist/esm/components/box/Box.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  import { Ref } from 'react';
2
2
  import { PaletteName } from '../../uno/logic/color.js';
3
- import { ThemeName } from '../colorPicker/ColorPicker.js';
4
3
  import { SlotDivProps } from '../utility/SlotDiv.js';
5
4
  export type BoxAlignment = 'center' | 'stretch' | 'start' | 'end';
6
5
  export type BoxJustification = 'center' | 'safe-center' | 'start' | 'stretch' | 'between' | 'around' | 'end';
@@ -29,7 +28,6 @@ export interface BoxProps extends Omit<SlotDivProps, 'wrap'> {
29
28
  container?: boolean | 'reset';
30
29
  surface?: boolean | 'white';
31
30
  color?: PaletteName;
32
- theme?: ThemeName;
33
31
  border?: boolean;
34
32
  full?: boolean | 'width' | 'height';
35
33
  overflow?: 'hidden' | 'auto' | 'auto-x' | 'auto-y';
@@ -38,7 +36,7 @@ export interface BoxProps extends Omit<SlotDivProps, 'wrap'> {
38
36
  rounded?: 'sm' | 'md' | 'lg' | 'xl' | boolean;
39
37
  ref?: Ref<HTMLDivElement>;
40
38
  }
41
- export declare function Box({ className, items: itemsSolo, justify: justifySolo, layout: align, gap, wrap, p, d, direction, container, style: userStyle, surface, color, theme, border, full, overflow, col, grow, elevated, rounded, ref, ...rest }: BoxProps): import("react/jsx-runtime").JSX.Element;
39
+ export declare function Box({ className, items: itemsSolo, justify: justifySolo, layout: align, gap, wrap, p, d, direction, container, style: userStyle, surface, color, border, full, overflow, col, grow, elevated, rounded, ref, ...rest }: BoxProps): import("react/jsx-runtime").JSX.Element;
42
40
  export declare const BoxContext: import("react").Context<{
43
41
  spacingScale: number;
44
42
  }>;
package/dist/esm/components/box/Box.js CHANGED
@@ -21,7 +21,7 @@ function hasDefault(value, val) {
21
21
  return value === val || (isResponsive(value) && value.default === val);
22
22
  }
23
23
  export function Box(_a) {
24
- var { className, items: itemsSolo, justify: justifySolo, layout: align, gap = 'none', wrap, p = 'none', d = 'row', direction = d, container, style: userStyle, surface, color, theme, border, full, overflow, col, grow, elevated, rounded, ref } = _a, rest = __rest(_a, ["className", "items", "justify", "layout", "gap", "wrap", "p", "d", "direction", "container", "style", "surface", "color", "theme", "border", "full", "overflow", "col", "grow", "elevated", "rounded", "ref"]);
24
+ var { className, items: itemsSolo, justify: justifySolo, layout: align, gap = 'none', wrap, p = 'none', d = 'row', direction = d, container, style: userStyle, surface, color, border, full, overflow, col, grow, elevated, rounded, ref } = _a, rest = __rest(_a, ["className", "items", "justify", "layout", "gap", "wrap", "p", "d", "direction", "container", "style", "surface", "color", "border", "full", "overflow", "col", "grow", "elevated", "rounded", "ref"]);
25
25
  const { spacingScale } = useContext(BoxContext);
26
26
  const style = useMemo(() => (Object.assign(Object.assign({}, userStyle), { '--spacing-scale': container === 'reset' ? 1 : spacingScale, '--local-corner-scale': container === 'reset' ? 1 : `${spacingScale}` })), [userStyle, spacingScale, container]);
27
27
  const items = itemsSolo !== null && itemsSolo !== void 0 ? itemsSolo : align === null || align === void 0 ? void 0 : align.split(' ')[0];
@@ -106,7 +106,7 @@ export function Box(_a) {
106
106
  'layer-components:shadow-xl': elevated === null || elevated === void 0 ? void 0 : elevated.includes('xl'),
107
107
  'layer-components:shadow-inset': elevated === null || elevated === void 0 ? void 0 : elevated.startsWith('-'),
108
108
  'layer-components:shadow-up': elevated === null || elevated === void 0 ? void 0 : elevated.endsWith('-up'),
109
- }, theme && `theme-${theme}`, className) })));
109
+ }, className) })));
110
110
  if (container || p) {
111
111
  return (_jsx(BoxContext.Provider, { value: {
112
112
  spacingScale: container === 'reset'
package/dist/esm/components/box/Box.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/button/Button.stories.js CHANGED
@@ -31,7 +31,7 @@ const meta = {
31
31
  export default meta;
32
32
  export const Default = {
33
33
  render: (args) => {
34
- return (_jsxs(Box, { col: true, gap: true, children: [_jsxs(Box, { gap: true, items: "center", children: [_jsx(Button, Object.assign({}, args)), _jsxs(Button, Object.assign({}, args, { color: "primary", children: [_jsx(Icon, { name: "placeholder" }), args.children] })), _jsx(Button, Object.assign({}, args, { size: "small" })), _jsx(Button, Object.assign({}, args, { children: _jsx(Icon, { name: "placeholder" }) }))] }), _jsxs(Box, { gap: true, items: "center", children: [_jsx(Button, { emphasis: "primary", children: "Primary" }), _jsx(Button, { emphasis: "default", children: "Default" }), _jsx(Button, { emphasis: "light", children: "Light" }), _jsx(Button, { emphasis: "ghost", children: "Ghost" }), _jsx(Button, { emphasis: "contrast", children: "Contrast" })] })] }));
34
+ return (_jsxs(Box, { col: true, gap: true, children: [_jsxs(Box, { gap: true, items: "center", children: [_jsx(Button, Object.assign({}, args)), _jsxs(Button, Object.assign({}, args, { children: [_jsx(Icon, { name: "placeholder" }), args.children] })), _jsx(Button, Object.assign({}, args, { size: "small" })), _jsx(Button, Object.assign({}, args, { children: _jsx(Icon, { name: "placeholder" }) }))] }), _jsxs(Box, { gap: true, items: "center", children: [_jsx(Button, { emphasis: "primary", children: "Primary" }), _jsx(Button, { emphasis: "default", children: "Default" }), _jsx(Button, { emphasis: "light", children: "Light" }), _jsx(Button, { emphasis: "ghost", children: "Ghost" }), _jsx(Button, { emphasis: "contrast", children: "Contrast" })] })] }));
35
35
  },
36
36
  };
37
37
  export const WithIcon = {
package/dist/esm/components/button/Button.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/button/classes.js CHANGED
@@ -8,7 +8,7 @@ export function getButtonClassName({ color, emphasis = 'default', size = 'defaul
8
8
  'layer-components:bg-main': emphasis === 'primary',
9
9
  'layer-components:bg-main-light layer-components:color-main-ink': emphasis === 'light',
10
10
  'layer-components:bg-white layer-variants:focus-visible:bg-white': emphasis === 'default',
11
- 'layer-components:bg-transparent layer-components:aria-pressed:bg-main-wash': emphasis === 'ghost',
11
+ 'layer-components:bg-transparent layer-components:aria-pressed:bg-main-wash layer-components:color-main-ink': emphasis === 'ghost',
12
12
  'layer-components:bg-black': emphasis === 'contrast',
13
13
  }, color === 'gray' && '[--l-saturation:0] hov', {
14
14
  'layer-components:px-4 layer-components:py-2 layer-components:text-md layer-components:rounded-lg': size === 'default',
package/dist/esm/components/button/classes.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,SAAS,EAChB,UAAU,EACV,KAAK,EACL,eAAe,GAQf;IACA,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI,CACV,uEAAuE,EACvE,mCAAmC,EACnC,oCAAoC,CACpC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CACV,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,oEAAoE,EACpE,0DAA0D,EAC1D,mCAAmC,EACnC,sDAAsD,EACtD,gEAAgE,EAChE,gDAAgD,EAChD,sCAAsC,EACtC,mCAAmC,EAEnC,QAAQ,KAAK,OAAO,IAAI,0CAA0C,EAClE,QAAQ,KAAK,UAAU,IAAI,8CAA8C,EAEzE;QACC,0BAA0B,EAAE,QAAQ,KAAK,SAAS;QAClD,iDAAiD,EAAE,QAAQ,KAAK,OAAO;QACvE,iEAAiE,EAChE,QAAQ,KAAK,SAAS;QACvB,6DAA6D,EAC5D,QAAQ,KAAK,OAAO;QACrB,6BAA6B,EAAE,QAAQ,KAAK,UAAU;KACtD,EACD,KAAK,KAAK,MAAM,IAAI,wBAAwB,EAE5C;QACC,iDAAiD,EAAE,IAAI,KAAK,SAAS;QACrE,iDAAiD,EAAE,IAAI,KAAK,OAAO;QACnE,4FAA4F,EAC3F,IAAI,KAAK,SAAS,IAAI,CAAC,eAAe;QACvC,kGAAkG,EACjG,IAAI,KAAK,OAAO,IAAI,CAAC,eAAe;KACrC,EAED,sDAAsD,EAEtD,oCAAoC,EACpC,iEAAiE,EACjE,wEAAwE,EAExE,8CAA8C,EAE9C,6EAA6E,EAC7E,kFAAkF,EAElF;QACC,uEAAuE,EACtE,UAAU;KACX,EAED;QACC,6BAA6B,EAAE,KAAK,KAAK,OAAO;QAChD,+BAA+B,EAAE,KAAK,KAAK,SAAS;QACpD,2BAA2B,EAAE,KAAK,KAAK,KAAK;KAC5C,EAED,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,CAC3B,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,SAAS,EAChB,UAAU,EACV,KAAK,EACL,eAAe,GAQf;IACA,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI,CACV,uEAAuE,EACvE,mCAAmC,EACnC,oCAAoC,CACpC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CACV,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,oEAAoE,EACpE,0DAA0D,EAC1D,mCAAmC,EACnC,sDAAsD,EACtD,gEAAgE,EAChE,gDAAgD,EAChD,sCAAsC,EACtC,mCAAmC,EAEnC,QAAQ,KAAK,OAAO,IAAI,0CAA0C,EAClE,QAAQ,KAAK,UAAU,IAAI,8CAA8C,EAEzE;QACC,0BAA0B,EAAE,QAAQ,KAAK,SAAS;QAClD,iDAAiD,EAAE,QAAQ,KAAK,OAAO;QACvE,iEAAiE,EAChE,QAAQ,KAAK,SAAS;QACvB,4EAA4E,EAC3E,QAAQ,KAAK,OAAO;QACrB,6BAA6B,EAAE,QAAQ,KAAK,UAAU;KACtD,EACD,KAAK,KAAK,MAAM,IAAI,wBAAwB,EAE5C;QACC,iDAAiD,EAAE,IAAI,KAAK,SAAS;QACrE,iDAAiD,EAAE,IAAI,KAAK,OAAO;QACnE,4FAA4F,EAC3F,IAAI,KAAK,SAAS,IAAI,CAAC,eAAe;QACvC,kGAAkG,EACjG,IAAI,KAAK,OAAO,IAAI,CAAC,eAAe;KACrC,EAED,sDAAsD,EAEtD,oCAAoC,EACpC,iEAAiE,EACjE,wEAAwE,EAExE,8CAA8C,EAE9C,6EAA6E,EAC7E,kFAAkF,EAElF;QACC,uEAAuE,EACtE,UAAU;KACX,EAED;QACC,6BAA6B,EAAE,KAAK,KAAK,OAAO;QAChD,+BAA+B,EAAE,KAAK,KAAK,SAAS;QACpD,2BAA2B,EAAE,KAAK,KAAK,KAAK;KAC5C,EAED,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,CAC3B,CAAC;AACH,CAAC"}
package/dist/esm/components/colorPicker/ColorPicker.d.ts CHANGED
@@ -1,12 +1,13 @@
1
+ import { SelectTriggerProps } from '@radix-ui/react-select';
1
2
  import { ReactNode } from 'react';
2
- export type ThemeName = 'lemon' | 'tomato' | 'leek' | 'blueberry' | 'eggplant' | 'salt';
3
- export interface ColorPickerProps {
4
- value: ThemeName | null;
5
- onChange: (value: ThemeName) => void;
6
- showSalt?: boolean;
3
+ import { PaletteName } from '../../uno/logic/color.js';
4
+ export interface ColorPickerProps extends Omit<SelectTriggerProps, 'value' | 'onChange' | 'color'> {
5
+ value: PaletteName | null;
6
+ onChange: (value: PaletteName) => void;
7
+ showGray?: boolean;
7
8
  }
8
- export declare function ColorPicker({ value, onChange, showSalt }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
9
+ export declare function ColorPicker({ value, onChange, showGray, className, ...rest }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
9
10
  export declare function ColorSwatch({ value, children, }: {
10
- value: ThemeName;
11
+ value: PaletteName;
11
12
  children?: ReactNode;
12
13
  }): import("react/jsx-runtime").JSX.Element;