@a-type/ui 5.0.9 → 5.0.11

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 (32) hide show
  1. package/dist/css/main.css +3 -3
  2. package/dist/esm/components/button/Button.d.ts +1 -1
  3. package/dist/esm/components/button/Button.js.map +1 -1
  4. package/dist/esm/components/forms/SubmitButton.js +1 -1
  5. package/dist/esm/components/forms/SubmitButton.js.map +1 -1
  6. package/dist/esm/components/forms/TextField.js +2 -2
  7. package/dist/esm/components/forms/TextField.js.map +1 -1
  8. package/dist/esm/components/layouts/PageContent.js +2 -2
  9. package/dist/esm/components/layouts/PageContent.js.map +1 -1
  10. package/dist/esm/components/layouts/PageNowPlaying.d.ts +3 -1
  11. package/dist/esm/components/layouts/PageNowPlaying.js +9 -5
  12. package/dist/esm/components/layouts/PageNowPlaying.js.map +1 -1
  13. package/dist/esm/components/layouts/PageRoot.d.ts +2 -1
  14. package/dist/esm/components/layouts/PageRoot.js +6 -2
  15. package/dist/esm/components/layouts/PageRoot.js.map +1 -1
  16. package/dist/esm/components/layouts/layouts.stories.js +4 -3
  17. package/dist/esm/components/layouts/layouts.stories.js.map +1 -1
  18. package/dist/esm/uno/preflights/globals.d.ts +2 -1
  19. package/dist/esm/uno/preflights/globals.js +6 -3
  20. package/dist/esm/uno/preflights/globals.js.map +1 -1
  21. package/dist/esm/uno/preflights/user.js +3 -2
  22. package/dist/esm/uno/preflights/user.js.map +1 -1
  23. package/package.json +1 -1
  24. package/src/components/button/Button.tsx +1 -0
  25. package/src/components/forms/SubmitButton.tsx +0 -1
  26. package/src/components/forms/TextField.tsx +2 -2
  27. package/src/components/layouts/PageContent.tsx +4 -2
  28. package/src/components/layouts/PageNowPlaying.tsx +15 -7
  29. package/src/components/layouts/PageRoot.tsx +14 -3
  30. package/src/components/layouts/layouts.stories.tsx +13 -4
  31. package/src/uno/preflights/globals.ts +10 -3
  32. package/src/uno/preflights/user.ts +3 -2
package/dist/css/main.css CHANGED
@@ -1,6 +1,6 @@
1
1
  @layer preflightBase, preflightVariant, primitives, components, composed, composed-2, 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 { --u-font-sans: "Inter", sans-serif; --u-font-serif: "Domine", serif; --u-font-title: "Inter", sans-serif; --u-font-default: var(--u-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%; --t-arrow-size: 1rem; } @layer preflightBase { html, body { margin: 0; padding: 0; font-family: var(--u-font-default, sans-serif); font-size: 16px; min-height: 100%; --webkit-font-smoothing: antialiased; } body { overflow: overlay; } #main { isolation: isolate; } a { color: inherit; text-decoration: none; } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; border-style: solid; border-width: 0; } }
3
+ :root { --u-font-sans: "Inter", sans-serif; --u-font-serif: "Domine", serif; --u-font-title: "Inter", sans-serif; --u-font-default: var(--u-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%; --t-arrow-size: 1rem; } @layer preflightBase { html, body { margin: 0; padding: 0; font-family: var(--u-font-default, sans-serif); font-size: 16px; min-height: 100%; --webkit-font-smoothing: antialiased; } body { overflow: overlay; } #root, #main, #app, #storybook-root { isolation: isolate; display: flex; flex-direction: column; min-height: 100dvh; } a { color: inherit; text-decoration: none; } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; border-style: solid; border-width: 0; } }
4
4
  .palette-primary, .theme-primary { --p-name: primary; --p-main-hue: var(--u-c-primary-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-primary { --u-c-primary-hue: var(--u-c-primary-hue); --u-c-accent-hue: var(--u-c-primary-accent-hue); } .palette-accent, .theme-accent { --p-name: accent; --p-main-hue: var(--u-c-accent-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-accent { --u-c-primary-hue: var(--u-c-accent-hue); --u-c-accent-hue: var(--u-c-accent-accent-hue); } .palette-lemon, .theme-lemon { --p-name: lemon; --p-main-hue: var(--u-c-lemon-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(90.8)); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-lemon { --u-c-primary-hue: var(--u-c-lemon-hue); --u-c-accent-hue: var(--u-c-lemon-accent-hue); } .palette-leek, .theme-leek { --p-name: leek; --p-main-hue: var(--u-c-leek-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(165.88)); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-leek { --u-c-primary-hue: var(--u-c-leek-hue); --u-c-accent-hue: var(--u-c-leek-accent-hue); } .palette-tomato, .theme-tomato { --p-name: tomato; --p-main-hue: var(--u-c-tomato-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(10.51)); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-tomato { --u-c-primary-hue: var(--u-c-tomato-hue); --u-c-accent-hue: var(--u-c-tomato-accent-hue); } .palette-blueberry, .theme-blueberry { --p-name: blueberry; --p-main-hue: var(--u-c-blueberry-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(248.14)); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-blueberry { --u-c-primary-hue: var(--u-c-blueberry-hue); --u-c-accent-hue: var(--u-c-blueberry-accent-hue); } .palette-eggplant, .theme-eggplant { --p-name: eggplant; --p-main-hue: var(--u-c-eggplant-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(280.21)); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-eggplant { --u-c-primary-hue: var(--u-c-eggplant-hue); --u-c-accent-hue: var(--u-c-eggplant-accent-hue); } .palette-attention, .theme-attention { --p-name: attention; --p-main-hue: var(--u-c-attention-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(30)); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(30)); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(30)); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(30)); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(30)); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-attention { --u-c-primary-hue: var(--u-c-attention-hue); --u-c-accent-hue: var(--u-c-attention-accent-hue); } .palette-success, .theme-success { --p-name: success; --p-main-hue: var(--u-c-success-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(140)); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(140)); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(140)); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(140)); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(140)); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-success { --u-c-primary-hue: var(--u-c-success-hue); --u-c-accent-hue: var(--u-c-success-accent-hue); } .palette-main { --p-saturation: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .palette-gray, .theme-gray { --p-name: gray; --p-saturation: 0.15; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-gray { --u-c-primary-hue: var(--u-c-gray-hue); --u-c-accent-hue: var(--u-c-gray-accent-hue); } .palette-high-contrast, .theme-high-contrast { --p-name: high-contrast; --p-saturation: 0.04; --p-lightness-spread: 10; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-high-contrast { --u-c-primary-hue: var(--u-c-high-contrast-hue); --u-c-accent-hue: var(--u-c-high-contrast-accent-hue); } body { --p-name: 'primary'; --v-c-i: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --v-bg-l: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); color: var(--v-c-i); background-color: var(--v-bg-l); --p-main-hue: var(--u-c-primary-hue); --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } @property --v-c { syntax: "*"; inherits: false; } @property --v-c-i { syntax: "*"; inherits: true; } @property --v-c-op { syntax: "<percentage>"; inherits: false; } @property --v-bg { syntax: "*"; inherits: false; } @property --v-bg-l { syntax: "*"; inherits: true; } @property --v-bg-op { syntax: "<percentage>"; inherits: false; } @property --v-bd-c { syntax: "*"; inherits: false; } @property --v-bd-c-i { syntax: "*"; inherits: true; } @property --v-bd-c-op { syntax: "<percentage>"; inherits: false; } @property --v-bd-t-c { syntax: "*"; inherits: false; } @property --v-bd-t-c-i { syntax: "*"; inherits: true; } @property --v-bd-t-c-op { syntax: "<percentage>"; inherits: false; } @property --v-bd-r-c { syntax: "*"; inherits: false; } @property --v-bd-r-c-i { syntax: "*"; inherits: true; } @property --v-bd-r-c-op { syntax: "<percentage>"; inherits: false; } @property --v-bd-b-c { syntax: "*"; inherits: false; } @property --v-bd-b-c-i { syntax: "*"; inherits: true; } @property --v-bd-b-c-op { syntax: "<percentage>"; inherits: false; } @property --v-bd-l-c { syntax: "*"; inherits: false; } @property --v-bd-l-c-i { syntax: "*"; inherits: true; } @property --v-bd-l-c-op { syntax: "<percentage>"; inherits: false; } @property --v-ring-c { syntax: "*"; inherits: false; } @property --v-ring-c-i { syntax: "*"; inherits: true; } @property --v-ring-c-op { syntax: "<percentage>"; inherits: false; }
5
5
  @layer preflightBase { html { --m-mult: 1; --m-l-neutral: 90%; --m-l-range-up: 10%; --m-l-range-down: 70%; --m-s-neutral: 75%; --m-s-range-up: -55%; --m-s-range-down: 20%; --m-white: #ffffff; --m-black: #000000; color: var(--v-c-i); --p-primary-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-accent-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-lemon-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(90.8)); --p-lemon-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-leek-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(165.88)); --p-leek-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-tomato-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(10.51)); --p-tomato-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-blueberry-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(248.14)); --p-blueberry-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-eggplant-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(280.21)); --p-eggplant-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-attention-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(30)); --p-attention-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(30)); --p-success-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(140)); --p-success-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(140)); --v-c-i: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --v-bg-l: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } @media (prefers-color-scheme: dark) { html { --m-mult: -1; --m-l-neutral: 60%; --m-l-range-up: 38%; --m-l-range-down: 70%; --m-s-neutral: 80%; --m-s-range-up: 40%; --m-s-range-down: -30%; --m-white: #000000; --m-black: #ffffff; color: var(--v-c-i); --p-primary-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-accent-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-lemon-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(90.8)); --p-lemon-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-leek-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(165.88)); --p-leek-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-tomato-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(10.51)); --p-tomato-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-blueberry-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(248.14)); --p-blueberry-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-eggplant-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(280.21)); --p-eggplant-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-attention-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(30)); --p-attention-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(30)); --p-success-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(140)); --p-success-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(140)); --v-c-i: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --v-bg-l: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } } } @layer preflightVariants { .override-light { --m-mult: 1; --m-l-neutral: 90%; --m-l-range-up: 10%; --m-l-range-down: 70%; --m-s-neutral: 75%; --m-s-range-up: -55%; --m-s-range-down: 20%; --m-white: #ffffff; --m-black: #000000; color: var(--v-c-i); --p-primary-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-accent-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-lemon-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(90.8)); --p-lemon-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-leek-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(165.88)); --p-leek-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-tomato-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(10.51)); --p-tomato-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-blueberry-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(248.14)); --p-blueberry-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-eggplant-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(280.21)); --p-eggplant-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-attention-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(30)); --p-attention-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(30)); --p-success-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(140)); --p-success-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(140)); --v-c-i: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --v-bg-l: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .override-dark { --m-mult: -1; --m-l-neutral: 60%; --m-l-range-up: 38%; --m-l-range-down: 70%; --m-s-neutral: 80%; --m-s-range-up: 40%; --m-s-range-down: -30%; --m-white: #000000; --m-black: #ffffff; color: var(--v-c-i); --p-primary-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-accent-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-lemon-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(90.8)); --p-lemon-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-leek-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(165.88)); --p-leek-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-tomato-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(10.51)); --p-tomato-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-blueberry-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(248.14)); --p-blueberry-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-eggplant-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(280.21)); --p-eggplant-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-attention-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(30)); --p-attention-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(30)); --p-success-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(140)); --p-success-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(140)); --v-c-i: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --v-bg-l: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } }
6
6
  @font-face { font-family: "Inter"; src: url("https://resources.biscuits.club/fonts/Inter-VariableFont_slnt,wght.ttf") format("truetype-variations"); font-weight: 1 999; font-style: oblique 0deg 5deg; font-display: block; }
@@ -34,7 +34,7 @@
34
34
  var(--un-shadow-inset) 0 calc(15px * var(--t-shadow-y-mult,1)) calc(30px * (0.05 + var(--u-shadow-spread,1))) -6px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5) / 2));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:shadow-md:hover{--un-shadow:var(--un-shadow-inset) 0 calc(4px * var(--t-shadow-y-mult,1)) calc(8px * var(--u-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5))),
35
35
  var(--un-shadow-inset) 0 calc(2px * var(--t-shadow-y-mult,1)) calc(4px * var(--u-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5) * 2));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-lg:focus-visible{--un-shadow:var(--un-shadow-inset) 0 calc(8px * var(--t-shadow-y-mult,1)) calc(16px * var(--u-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5))),
36
36
  var(--un-shadow-inset) 0 calc(5px * var(--t-shadow-y-mult,1)) calc(10px * var(--u-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5)));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:shadow-lg:active{--un-shadow:var(--un-shadow-inset) 0 calc(8px * var(--t-shadow-y-mult,1)) calc(16px * var(--u-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5))),
37
- var(--un-shadow-inset) 0 calc(5px * var(--t-shadow-y-mult,1)) calc(10px * var(--u-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5)));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-inset{--un-shadow-inset:inset;}.layer-components\:outline-hidden{outline-style:hidden;}.layer-components\:\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.layer-components\:\[\&_a\:focus-visible\]\:outline-none a:focus-visible,.layer-components\:\[\&_a\:focus\]\:outline-none a:focus,.layer-components\:data-\[highlighted\]\:outline-none[data-highlighted],.layer-components\:outline-none{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-components\:\[\&_a\:focus-visible\]\:ring-4 a:focus-visible,.layer-components\:\[\&\:active\:not\(\:disabled\)\]\:ring-4:active:not(:disabled){--un-ring-width:4px;--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);}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:ring-2:hover:not(:disabled),.layer-components\:data-\[highlighted\]\:ring-2[data-highlighted],.layer-components\: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);}.layer-components\:ring-1{--un-ring-width:1px;--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);}.layer-components\:hover\:\[\&\:not\(\:disabled\)\]\:ring-2:not(:disabled):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);}.layer-components\:hover\:\[\&\[data-state\=inactive\]\]\:ring-4[data-state=inactive]:hover{--un-ring-width:4px;--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);}.layer-components\: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);}.layer-components\:hover\:ring-4:hover{--un-ring-width:4px;--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);}.layer-components\:focus-visible\:ring-2:focus-visible{--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);}.layer-components\:active\:\[\&\:not\(\:disabled\)\]\:ring-4:not(:disabled):active{--un-ring-width:4px;--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);}.layer-components\:active\:ring-4:active{--un-ring-width:4px;--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);}.layer-components\:active\:ring-8:active{--un-ring-width:8px;--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);}.layer-components\:active\:ring-opacity-50:active{--un-ring-opacity:0.5;}.layer-components\:\[\&_a\:focus-visible\]\:ring-inset a:focus-visible,.layer-components\:data-\[visually-focused\]\:ring-inset[data-visually-focused]{--un-ring-inset:inset;}.layer-components\:focus-visible\:ring-inset:focus-visible{--un-ring-inset:inset;}.layer-components\:backdrop-blur-sm{--un-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.layer-components\: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;}.layer-components\:transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-\[opacity\,height\,width\]{transition-property:opacity,height,width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-bottom{transition-property:bottom;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-color{transition-property:color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:before\:transition-height::before{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:before\:transition-width::before{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:after\:transition-height::after{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:after\:transition-width::after{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:data-\[scrolling\]\:duration-0[data-scrolling]{transition-duration:0s;}.layer-components\:duration-200{transition-duration:200ms;}.layer-components\:duration-300{transition-duration:300ms;}.layer-components\:ease-out,.layer-components\:transition-ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.layer-components\:data-\[instant\]\:transition-none[data-instant]{transition:none;}.layer-components\:will-change-transform{will-change:transform;}.layer-components\:\[\&\[data-today\]\]\:before\:content-\[\'\'\][data-today]::before{content:'';}.layer-components\:before\:content-\[\"\"\]::before{content:"";}.layer-components\:data-\[checked\]\:before\:content-\[\"✓\"\][data-checked]::before{content:"✓";}.layer-components\:before\:content-empty::before{content:"";}.layer-components\:after\:content-empty::after{content:"";}.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:placeholder-gray-dark:has(input:disabled),.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:placeholder-gray-dark:has(textarea:disabled)::placeholder{color:var(--p-gray-shade-dark) /* var(--p-gray-shade-dark) */;}.layer-components\:\[\&_h2\]\:color-gray-dark h2,.layer-components\:\[\&_h3\]\:color-gray-dark h3,.layer-components\:\[\&_h4\]\:color-gray-dark h4,.layer-components\:\[\&\:not\(\:empty\)\]\:color-gray-dark:not(:empty),.layer-components\:color-gray-dark,.layer-components\:data-\[placeholder\]\:color-gray-dark[data-placeholder],.layer-components\:data-\[selected\]\:color-gray-dark[data-selected]{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-dark);--v-c-op:100%;}.layer-components\:\[\&\[data-active\=true\]\]\:color-black[data-active=true],.layer-components\:color-black{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-ink);--v-c-op:100%;}.layer-components\:\[\&\[data-disabled\]\]\:color-gray[data-disabled]{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-mid);--v-c-op:100%;}.layer-components\:\[\&\[data-state\=checked\]\]\:color-main-ink[data-state=checked],.layer-components\:color-main-ink{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-shade-ink);--v-c-op:100%;}.layer-components\:color-contrast{color:var(--v-c,var(--v-c-i));--v-c-i:color(from var(--v-bg-contrast,var(--v-bg,var(--v-bg-l,var(--m-white)))) xyz-d65 clamp(0, (0.36 / y - 1) * infinity, 1) clamp(0, (0.36 / y - 1) * infinity, 1) clamp(0, (0.36 / y - 1) * infinity, 1));--v-c-op:100%;}.layer-components\:color-gray-ink{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-ink);--v-c-op:100%;}.layer-components\:color-inherit{color:var(--v-c,var(--v-c-i));--v-c-i:unset;}.layer-components\:color-white{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-wash);--v-c-op:100%;}.layer-components\:hover\:color-black:hover{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-ink);--v-c-op:100%;}.layer-components\:placeholder\:color-gray-dark::placeholder{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-dark);--v-c-op:100%;}.layer-components\:\[\&\[data-active\=true\]\]\:color-lighten-2[data-active=true],.layer-components\:color-lighten-2{--v-c:oklch(from var(--v-c-i,currentColor) calc(l * (1 + 2 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:color-lighten-1{--v-c:oklch(from var(--v-c-i,currentColor) calc(l * (1 + 1 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:\[\&_h2\]\:color-darken-3 h2{--v-c:oklch(from var(--v-c-i,currentColor) calc(l * (1 + 3 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:\[\&_h3\]\:color-darken-2 h3{--v-c:oklch(from var(--v-c-i,currentColor) calc(l * (1 + 2 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:\[\&_h4\]\:color-darken-1 h4,.layer-components\:color-darken-1{--v-c:oklch(from var(--v-c-i,currentColor) calc(l * (1 + 1 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:\[\&_\.ProseMirror\]\:bg-white .ProseMirror,.layer-components\:bg-white{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-wash);--v-bg-op:100%;}.layer-components\:\[\&_mark\]\:bg-main-wash mark,.layer-components\:\[\&\[data-state\=checked\]\]\:bg-main-wash[data-state=checked],.layer-components\:aria-pressed\:bg-main-wash[aria-pressed="true"],.layer-components\:bg-main-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-wash);--v-bg-op:100%;}.layer-components\:\[\&\:disabled\]\:bg-transparent:disabled,.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:bg-transparent:has(input:disabled),.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:bg-transparent:has(textarea:disabled),.layer-components\:bg-transparent{background-color:transparent;--v-bg-l:unset;}.layer-components\:\[\&\[data-active\=true\]\]\:bg-main-light\/50[data-active=true]{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-shade-light);--v-bg-op:50%;}.layer-components\:\[\&\[data-highlighted\=true\]\]\:bg-main-light[data-highlighted=true],.layer-components\:\[\&\[data-in-range\]\]\:bg-main-light[data-in-range],.layer-components\:bg-main-light{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-light);--v-bg-op:100%;}.layer-components\:\[\&\[data-range-end\]\]\:bg-main[data-range-end],.layer-components\:\[\&\[data-range-start\]\]\:bg-main[data-range-start],.layer-components\:\[\&\[data-selected\]\]\:bg-main[data-selected],.layer-components\:bg-main,.layer-components\:data-\[checked\]\:bg-main[data-checked],.layer-components\:data-\[pressed\]\:bg-main[data-pressed]{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-mid);--v-bg-op:100%;}.layer-components\:bg-black{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:100%;}.layer-components\:bg-black\/15{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:15%;}.layer-components\:bg-black\/50{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:50%;}.layer-components\:bg-fg\/25{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--v-c, var(--v-c-i, var(--m-black)));--v-bg-op:25%;}.layer-components\:bg-fg\/5{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--v-c, var(--v-c-i, var(--m-black)));--v-bg-op:5%;}.layer-components\:bg-gray{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-mid);--v-bg-op:100%;}.layer-components\:bg-gray-light{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-light);--v-bg-op:100%;}.layer-components\:bg-gray\/30{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-gray-shade-mid);--v-bg-op:30%;}.layer-components\:bg-inherit{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:unset;}.layer-components\:bg-main-dark{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-dark);--v-bg-op:100%;}.layer-components\:bg-main-light\/20{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-shade-light);--v-bg-op:20%;}.layer-components\:bg-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-wash);--v-bg-op:100%;}.layer-components\:bg-white\/50{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-high-contrast-shade-wash);--v-bg-op:50%;}.layer-components\:bg-white\/80{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-high-contrast-shade-wash);--v-bg-op:80%;}.layer-components\:data-\[complete\]\:bg-success[data-complete]{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-success-shade-mid);--v-bg-op:100%;}.layer-components\:data-\[visually-focused\]\:bg-black\/10[data-visually-focused]{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:10%;}.layer-components\:hover\:\[\&\[data-state\=inactive\]\]\:bg-gray-light[data-state=inactive]:hover{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-light);--v-bg-op:100%;}.layer-components\:hover\:bg-black\/10:hover{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:10%;}.layer-components\:hover\:bg-gray-wash:hover{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-wash);--v-bg-op:100%;}.layer-components\:hover\:bg-main-light:hover{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-light);--v-bg-op:100%;}.layer-components\:hover\:bg-main:hover{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-mid);--v-bg-op:100%;}.layer-components\:focus-visible\:bg-black\/10:focus-visible{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:10%;}.layer-components\:focus-visible\:bg-main-light:focus-visible{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-light);--v-bg-op:100%;}.layer-components\:active\:bg-main-light:active{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-light);--v-bg-op:100%;}.layer-components\:\[\&\[data-today\]\]\:before\:bg-attention[data-today]::before{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-attention-shade-mid);--v-bg-op:100%;}.layer-components\:before\:bg-gray-dark\/80::before{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-gray-shade-dark);--v-bg-op:80%;}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:bg-lighten-2:hover:not(:disabled){--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 2 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:hover\:\[\&\:not\(\:disabled\)\]\:bg-lighten-2:not(:disabled):hover{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 2 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:hover\:bg-lighten-2:hover{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 2 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:focus-visible\:bg-lighten-1:focus-visible{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 1 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:\[\&_mark\]\:bg-darken-2 mark,.layer-components\:bg-darken-2{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 2 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:\[\&\:active\:not\(\:disabled\)\]\:bg-darken-1:active:not(:disabled),.layer-components\:bg-darken-1{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 1 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:bg-darken-0\.5{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 0.5 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (0.5 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:hover\:\[\&\[data-state\=inactive\]\]\:bg-darken-1[data-state=inactive]:hover{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 1 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:focus-visible\:bg-darken-1:focus-visible{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 1 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:active\:\[\&\:not\(\:disabled\)\]\:bg-darken-1:not(:disabled):active{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 1 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:active\:bg-darken-1:active{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 1 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:active\:bg-darken-2:active{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 2 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}:where(.layer-components\:\[\&_\.ProseMirror\]\:border-gray-dark) .ProseMirror,:where(.layer-components\:\[\&_blockquote\]\:border-gray) blockquote,:where(.layer-components\:\[\&_hr\]\:border-gray) hr,:where(.layer-components\:\[\&\:disabled\]\:border-gray-light):disabled,:where(.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:border-gray):has(input:disabled),:where(.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:border-gray):has(textarea:disabled),:where(.layer-components\:\[\&\:has\(input\:hover\)\,\&\:has\(textarea\:hover\)\]\:border-black):has(input:hover),:where(.layer-components\:\[\&\:has\(input\:hover\)\,\&\:has\(textarea\:hover\)\]\:border-black):has(textarea:hover),:where(.layer-components\:\[\&\[data-state\=checked\]\]\:border-color)[data-state=checked],:where(.layer-components\:b-black),:where(.layer-components\:b-gray-dark),:where(.layer-components\:border-bg),:where(.layer-components\:border-black),:where(.layer-components\:border-color),:where(.layer-components\:border-fg),:where(.layer-components\:border-gray-dark),:where(.layer-components\:border-gray),:where(.layer-components\:border-main-dark),:where(.layer-components\:border-transparent),:where(.layer-components\:data-\[checked\]\:border-main-ink)[data-checked]{--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));}:where(.layer-components\:border-gray-dark\/50){--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));}.layer-components\:\[\&_\.ProseMirror\]\:border-gray-dark .ProseMirror,.layer-components\:b-gray-dark,.layer-components\:border-gray-dark{--v-bd-c-i:var(--p-gray-shade-dark);--v-bd-c-op:100%;}.layer-components\:\[\&_blockquote\]\:border-gray blockquote,.layer-components\:\[\&_hr\]\:border-gray hr,.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:border-gray:has(input:disabled),.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:border-gray:has(textarea:disabled),.layer-components\:border-gray{--v-bd-c-i:var(--p-gray-shade-mid);--v-bd-c-op:100%;}.layer-components\:\[\&\:disabled\]\:border-gray-light:disabled{--v-bd-c-i:var(--p-gray-shade-light);--v-bd-c-op:100%;}.layer-components\:\[\&\:has\(input\:hover\)\,\&\:has\(textarea\:hover\)\]\:border-black:has(input:hover),.layer-components\:\[\&\:has\(input\:hover\)\,\&\:has\(textarea\:hover\)\]\:border-black:has(textarea:hover),.layer-components\:b-black,.layer-components\:border-black{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:100%;}.layer-components\:\[\&\[data-state\=checked\]\]\:border-color[data-state=checked],.layer-components\:border-color,.layer-components\:border-fg{--v-bd-c-i:var(--v-c, var(--v-c-i, var(--m-black)));--v-bd-c-op:100%;}.layer-components\:border-bg{--v-bd-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-bd-c-op:100%;}.layer-components\:border-gray-dark\/50{--v-bd-c-i:var(--p-gray-shade-dark);--v-bd-c-op:50%;}.layer-components\:border-main-dark{--v-bd-c-i:var(--p-shade-dark);--v-bd-c-op:100%;}.layer-components\:border-transparent{--v-bd-c-i:transparent;--v-bd-c-op:100%;}.layer-components\:data-\[checked\]\:border-main-ink[data-checked]{--v-bd-c-i:var(--p-shade-ink);--v-bd-c-op:100%;}:where(.layer-components\:hover\:border-main-ink\/20):hover{--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));}.layer-components\:hover\:border-main-ink\/20:hover{--v-bd-c-i:var(--p-shade-ink);--v-bd-c-op:20%;}:where(.layer-components\:focus-visible\:border-black):focus-visible{--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));}.layer-components\:focus-visible\:border-black:focus-visible{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:100%;}:where(.layer-components\:active\:border-main-ink\/30):active{--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));}.layer-components\:active\:border-main-ink\/30:active{--v-bd-c-i:var(--p-shade-ink);--v-bd-c-op:30%;}:where(.layer-components\:\[\&\[data-today\]\]\:before\:border-black)[data-today]::before{--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));}.layer-components\:\[\&\[data-today\]\]\:before\:border-black[data-today]::before{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:100%;}.layer-components\:\[\&_blockquote\]\:border-l-4 blockquote{--v-bd-c:oklch(from var(--v-bd-c-i,currentColor) calc(l * (1 + 4 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (4 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:border-darken-3{--v-bd-c:oklch(from var(--v-bd-c-i,currentColor) calc(l * (1 + 3 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:\[\&\[data-day-last\]\]\:border-r-gray[data-day-last],.layer-components\:\[\&\[data-last-column\]\]\:border-r-gray[data-last-column]{border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i));--v-bd-r-c-i:var(--p-gray-shade-mid);--v-bd-r-c-op:100%;}.layer-components\:border-r-main-wash{border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i));--v-bd-r-c-i:var(--p-shade-wash);--v-bd-r-c-op:100%;}.layer-components\:border-r-darken-1{--v-bd-r-c:oklch(from var(--v-bd-r-c-i,currentColor) calc(l * (1 + 1 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:\[\&\[data-day-first\]\]\:border-l-gray[data-day-first],.layer-components\:\[\&\[data-first-column\]\]\:border-l-gray[data-first-column]{border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i));--v-bd-l-c-i:var(--p-gray-shade-mid);--v-bd-l-c-op:100%;}.layer-components\:\[\&\[data-top-edge\]\]\:border-t-gray[data-top-edge]{border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i));--v-bd-t-c-i:var(--p-gray-shade-mid);--v-bd-t-c-op:100%;}.layer-components\:\[\&\[data-bottom-edge\]\]\:border-b-gray[data-bottom-edge]{border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i));--v-bd-b-c-i:var(--p-gray-shade-mid);--v-bd-b-c-op:100%;}.layer-components\:\[\&_a\:focus-visible\]\:ring-gray a:focus-visible{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-gray-shade-mid);--v-ring-c-op:100%;}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:ring-bg:hover:not(:disabled),.layer-components\:ring-bg{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-ring-c-op:100%;}.layer-components\:data-\[highlighted\]\:ring-focus[data-highlighted]{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--u-focus-color);--v-ring-c-op:100%;}.layer-components\:ring-black{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-high-contrast-shade-ink);--v-ring-c-op:100%;}.layer-components\:ring-white{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-high-contrast-shade-wash);--v-ring-c-op:100%;}.layer-components\:hover\:\[\&\:not\(\:disabled\)\]\:ring-bg:not(:disabled):hover{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-ring-c-op:100%;}.layer-components\:hover\:\[\&\[data-state\=inactive\]\]\:ring-bg[data-state=inactive]:hover{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-ring-c-op:100%;}.layer-components\:hover\:ring-bg:hover{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-ring-c-op:100%;}.layer-components\:hover\:ring-focus:hover{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--u-focus-color);--v-ring-c-op:100%;}.layer-components\:focus-visible\:ring-gray:focus-visible{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-gray-shade-mid);--v-ring-c-op:100%;}.layer-components\:active\:ring-main-dark:active{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-shade-dark);--v-ring-c-op:100%;}.layer-components\:disabled\:ring-none:disabled{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:transparent;--v-ring-c-op:100%;}.layer-components\:overflow-auto{overflow:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.layer-components\:overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.layer-components\:overflow-x-auto{overflow-x:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.layer-components\:overflow-unstable{scrollbar-gutter:auto;}.layer-components\:shadow-up{--t-shadow-y-mult:-1;}.layer-components\:\[\&\:disabled\]\:shadow-none:disabled,.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:shadow-none:has(input:disabled),.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:shadow-none:has(textarea:disabled),.layer-components\:\[\&\[data-disabled\=true\]\]\:shadow-none[data-disabled=true]{--un-shadow:0 0 rgb(0 0 0 / 0);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:disabled\:shadow-none:disabled{--un-shadow:0 0 rgb(0 0 0 / 0);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:arrow{fill:var(--v-bg,var(--v-bg-l,var(--m-white)));stroke:var(--v-bd-c,var(--v-bd-c-i,var(--m-black)));width:var(--t-arrow-size);height:calc(var(--t-arrow-size) * 0.5);position:relative;z-index:0;}.layer-components\:arrow[data-side="bottom"]{transform:rotate(180deg);top:calc(-1 * var(--t-arrow-size) / 2);}.layer-components\:arrow[data-side="left"]{transform:rotate(-90deg);right:calc(-1 * var(--t-arrow-size) * 0.75);}.layer-components\:arrow[data-side="right"]{transform:rotate(90deg);left:calc(-1 * var(--t-arrow-size) * 0.75);}.layer-components\:arrow[data-side="top"]{transform:rotate(0deg);bottom:calc(-1 * var(--t-arrow-size) / 2 + 1px);}.layer-components\:clip-inset-\[-50px\]-\[-50px\]-\[-50px\]-\[-50px\]{clip-path:inset(-50px -50px -50px -50px);}.layer-components\:\@container{container-type:inline-size;}.layer-components\:foc-contained>*:focus,.layer-components\:foc-effect-lg:focus,.layer-components\:foc-effect:focus,.layer-components\:foc:focus{outline:none;}.layer-components\:foc-effect-lg:focus-visible:not([data-focus-clicked]), .layer-components\:foc-effect-lg[data-focus-visible]{--un-ring-color:var(--u-focus-color);--un-ring-width:4px;--un-ring-style:solid;--un-ring-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-width) var(--un-ring-color);outline:none;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:foc-effect:focus-visible:not([data-focus-clicked]), .layer-components\:foc-effect[data-focus-visible],.layer-components\:foc:focus-visible:not([data-focus-clicked]), .layer-components\:foc[data-focus-visible]{--un-ring-color:var(--u-focus-color);--un-ring-width:2px;--un-ring-style:solid;--un-ring-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-width) var(--un-ring-color);outline:none;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:foc-contained:has(:focus-visible:not([data-focus-clicked])), .layer-components\:foc-contained:has([data-focus-visible]){--un-ring-color:var(--u-focus-color);--un-ring-width:2px;--un-ring-style:solid;--un-ring-shadow:0 0 0 var(--un-ring-width) var(--un-ring-color);outline:none;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow);}}@layer composed{.layer-composed\:\[font-family\:inherit\]{font-family:inherit;}.layer-composed\:absolute{position:absolute;}.layer-composed\:relative{position:relative;}.layer-composed\:right-sm{right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed\:top-sm{top:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed\:h-full{height:100%;}.layer-composed\:min-h-\[2\.5rem\]{min-height:2.5rem;}.layer-composed\:min-w-\[2\.5rem\]{min-width:2.5rem;}.layer-composed\:w-full{width:100%;}.layer-composed\:flex{display:flex;}.layer-composed\:inline-flex{display:inline-flex;}.layer-composed\:flex-row{flex-direction:row;}.layer-composed\:items-center{align-items:center;}.layer-composed\:justify-start{justify-content:flex-start;}.layer-composed\:justify-center{justify-content:center;}.layer-composed\:gap-1{gap:0.25rem;}.layer-composed\:overflow-hidden{overflow:hidden;}.layer-composed\:whitespace-nowrap{white-space:nowrap;}.layer-composed\:rounded-full{border-radius:calc(99999px * var(--u-corner-scale,1));}.layer-composed\:rounded-lg{border-radius:calc(1.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-composed\:border-solid{border-style:solid;}.layer-composed\:p-sm{padding:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed\:p-xs{padding:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed\:\[\&\:not\(\:is\(button\)\)\]\:px-sm:not(:is(button)){padding-left:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed\:\[\&\:not\(\:is\(button\)\)\]\:py-xs:not(:is(button)){padding-top:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-bottom:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed\:py-md{padding-top:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-bottom:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed\:pl-0{padding-left:0px;}.layer-composed\:pl-md{padding-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-composed\:font-normal{font-weight:400;}.layer-composed\:color-contrast{color:var(--v-c,var(--v-c-i));--v-c-i:color(from var(--v-bg-contrast,var(--v-bg,var(--v-bg-l,var(--m-white)))) xyz-d65 clamp(0, (0.36 / y - 1) * infinity, 1) clamp(0, (0.36 / y - 1) * infinity, 1) clamp(0, (0.36 / y - 1) * infinity, 1));--v-c-op:100%;}.layer-composed\:color-inherit{color:var(--v-c,var(--v-c-i));--v-c-i:unset;}.layer-composed\:bg-main-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-wash);--v-bg-op:100%;}}@layer composed-2{.layer-composed-2\:my-auto{margin-top:auto;margin-bottom:auto;}.layer-composed-2\:flex{display:flex;}.layer-composed-2\:flex-row{flex-direction:row;}.layer-composed-2\:items-center{align-items:center;}.layer-composed-2\:gap-xs{gap:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed-2\:px-sm{padding-left:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed-2\:data-\[highlighted\]\:ring-2[data-highlighted]{--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);}.layer-composed-2\:data-\[highlighted\]\:bg-main-wash[data-highlighted]{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-wash);--v-bg-op:100%;}.layer-composed-2\:data-\[highlighted\]\:ring-main[data-highlighted]{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-shade-mid);--v-ring-c-op:100%;}}@layer composed2{.layer-composed2\:w-full{width:100%;}.layer-composed2\:p-0{padding:0px;}}@layer primitives{.layer-primitives\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled]{pointer-events:none;}.layer-primitives\:relative{position:relative;}.layer-primitives\:m-5px{margin:5px;}.layer-primitives\:h-1px{height:1px;}.layer-primitives\:max-h-\[--available-height\]{max-height:var(--available-height);}.layer-primitives\:max-h-full{max-height:100%;}.layer-primitives\:max-w-\[--available-width\]{max-width:var(--available-width);}.layer-primitives\:max-w-90vw{max-width:90vw;}.layer-primitives\:min-h-0{min-height:0;}.layer-primitives\:min-h-touch-large{min-height:40px;}.layer-primitives\:min-w-120px{min-width:120px;}.layer-primitives\:flex{display:flex;}.layer-primitives\:transform-origin-\[var\(--transform-origin\)\]{transform-origin:var(--transform-origin);}.layer-primitives\:data-\[ending-style\]\:data-\[side\=bottom\]\:translate-y-4px[data-side=bottom][data-ending-style],.layer-primitives\:data-\[starting-style\]\:data-\[side\=bottom\]\:translate-y-4px[data-side=bottom][data-starting-style]{--un-translate-y:4px;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-primitives\:data-\[ending-style\]\:data-\[side\=left\]\:translate-x-0[data-side=left][data-ending-style],.layer-primitives\:data-\[ending-style\]\:data-\[side\=right\]\:translate-x-0[data-side=right][data-ending-style]{--un-translate-x:0px;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-primitives\:data-\[ending-style\]\:data-\[side\=top\]\:translate-y-0[data-side=top][data-ending-style]{--un-translate-y:0px;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-primitives\:data-\[starting-style\]\:data-\[side\=left\]\:translate-x--4px[data-side=left][data-starting-style]{--un-translate-x:-4px;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-primitives\:data-\[starting-style\]\:data-\[side\=right\]\:translate-x-4px[data-side=right][data-starting-style]{--un-translate-x:4px;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-primitives\:data-\[starting-style\]\:data-\[side\=top\]\:translate-y--4px[data-side=top][data-starting-style]{--un-translate-y:-4px;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-primitives\:data-\[closed\]\:scale-0[data-closed]{--un-scale-x:0;--un-scale-y: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-primitives\:data-\[open\]\:scale-100[data-open]{--un-scale-x:1;--un-scale-y:1;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-primitives\:cursor-pointer{cursor:pointer;}.layer-primitives\:select-none{-webkit-user-select:none;user-select:none;}.layer-primitives\:items-center{align-items:center;}.layer-primitives\:overflow-x-clip{overflow-x:clip;}.layer-primitives\:rounded-inherit{border-radius:inherit;}.layer-primitives\:rounded-md{border-radius:calc(1rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-primitives\:py-sm{padding-top:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-bottom:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-primitives\:pl-8{padding-left:2rem;}.layer-primitives\:pr-4{padding-right:1rem;}.layer-primitives\:text-left{text-align:left;}.layer-primitives\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-primitives\:leading-4{line-height:1rem;}.layer-primitives\:data-\[closed\]\:opacity-0[data-closed],.layer-primitives\:data-\[ending-style\]\:data-\[side\=bottom\]\:opacity-0[data-side=bottom][data-ending-style],.layer-primitives\:data-\[ending-style\]\:data-\[side\=left\]\:opacity-0[data-side=left][data-ending-style],.layer-primitives\:data-\[ending-style\]\:data-\[side\=right\]\:opacity-0[data-side=right][data-ending-style],.layer-primitives\:data-\[ending-style\]\:data-\[side\=top\]\:opacity-0[data-side=top][data-ending-style],.layer-primitives\:data-\[starting-style\]\:data-\[side\=bottom\]\:opacity-0[data-side=bottom][data-starting-style],.layer-primitives\:data-\[starting-style\]\:data-\[side\=left\]\:opacity-0[data-side=left][data-starting-style],.layer-primitives\:data-\[starting-style\]\:data-\[side\=right\]\:opacity-0[data-side=right][data-starting-style],.layer-primitives\:data-\[starting-style\]\:data-\[side\=top\]\:opacity-0[data-side=top][data-starting-style]{opacity:0;}.layer-primitives\:data-\[open\]\:opacity-100[data-open]{opacity:1;}.layer-primitives\:shadow-lg{--un-shadow:var(--un-shadow-inset) 0 calc(8px * var(--t-shadow-y-mult,1)) calc(16px * var(--u-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5))),
37
+ var(--un-shadow-inset) 0 calc(5px * var(--t-shadow-y-mult,1)) calc(10px * var(--u-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5)));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-inset{--un-shadow-inset:inset;}.layer-components\:outline-hidden{outline-style:hidden;}.layer-components\:\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.layer-components\:\[\&_a\:focus-visible\]\:outline-none a:focus-visible,.layer-components\:\[\&_a\:focus\]\:outline-none a:focus,.layer-components\:data-\[highlighted\]\:outline-none[data-highlighted],.layer-components\:outline-none{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-components\:\[\&_a\:focus-visible\]\:ring-4 a:focus-visible,.layer-components\:\[\&\:active\:not\(\:disabled\)\]\:ring-4:active:not(:disabled){--un-ring-width:4px;--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);}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:ring-2:hover:not(:disabled),.layer-components\:data-\[highlighted\]\:ring-2[data-highlighted],.layer-components\: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);}.layer-components\:ring-1{--un-ring-width:1px;--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);}.layer-components\:hover\:\[\&\:not\(\:disabled\)\]\:ring-2:not(:disabled):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);}.layer-components\:hover\:\[\&\[data-state\=inactive\]\]\:ring-4[data-state=inactive]:hover{--un-ring-width:4px;--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);}.layer-components\: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);}.layer-components\:hover\:ring-4:hover{--un-ring-width:4px;--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);}.layer-components\:focus-visible\:ring-2:focus-visible{--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);}.layer-components\:active\:\[\&\:not\(\:disabled\)\]\:ring-4:not(:disabled):active{--un-ring-width:4px;--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);}.layer-components\:active\:ring-4:active{--un-ring-width:4px;--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);}.layer-components\:active\:ring-8:active{--un-ring-width:8px;--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);}.layer-components\:active\:ring-opacity-50:active{--un-ring-opacity:0.5;}.layer-components\:\[\&_a\:focus-visible\]\:ring-inset a:focus-visible,.layer-components\:data-\[visually-focused\]\:ring-inset[data-visually-focused]{--un-ring-inset:inset;}.layer-components\:focus-visible\:ring-inset:focus-visible{--un-ring-inset:inset;}.layer-components\:backdrop-blur-sm{--un-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);}.layer-components\: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;}.layer-components\:transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-\[opacity\,height\,width\]{transition-property:opacity,height,width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-color{transition-property:color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:before\:transition-height::before{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:before\:transition-width::before{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:after\:transition-height::after{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:after\:transition-width::after{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:data-\[scrolling\]\:duration-0[data-scrolling]{transition-duration:0s;}.layer-components\:duration-200{transition-duration:200ms;}.layer-components\:duration-300{transition-duration:300ms;}.layer-components\:ease-out,.layer-components\:transition-ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.layer-components\:data-\[instant\]\:transition-none[data-instant]{transition:none;}.layer-components\:will-change-transform{will-change:transform;}.layer-components\:\[\&\[data-today\]\]\:before\:content-\[\'\'\][data-today]::before{content:'';}.layer-components\:before\:content-\[\"\"\]::before{content:"";}.layer-components\:data-\[checked\]\:before\:content-\[\"✓\"\][data-checked]::before{content:"✓";}.layer-components\:before\:content-empty::before{content:"";}.layer-components\:after\:content-empty::after{content:"";}.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:placeholder-gray-dark:has(input:disabled),.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:placeholder-gray-dark:has(textarea:disabled)::placeholder{color:var(--p-gray-shade-dark) /* var(--p-gray-shade-dark) */;}.layer-components\:\[\&_h2\]\:color-gray-dark h2,.layer-components\:\[\&_h3\]\:color-gray-dark h3,.layer-components\:\[\&_h4\]\:color-gray-dark h4,.layer-components\:\[\&\:not\(\:empty\)\]\:color-gray-dark:not(:empty),.layer-components\:color-gray-dark,.layer-components\:data-\[placeholder\]\:color-gray-dark[data-placeholder],.layer-components\:data-\[selected\]\:color-gray-dark[data-selected]{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-dark);--v-c-op:100%;}.layer-components\:\[\&\[data-active\=true\]\]\:color-black[data-active=true],.layer-components\:color-black{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-ink);--v-c-op:100%;}.layer-components\:\[\&\[data-disabled\]\]\:color-gray[data-disabled]{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-mid);--v-c-op:100%;}.layer-components\:\[\&\[data-state\=checked\]\]\:color-main-ink[data-state=checked],.layer-components\:color-main-ink{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-shade-ink);--v-c-op:100%;}.layer-components\:color-contrast{color:var(--v-c,var(--v-c-i));--v-c-i:color(from var(--v-bg-contrast,var(--v-bg,var(--v-bg-l,var(--m-white)))) xyz-d65 clamp(0, (0.36 / y - 1) * infinity, 1) clamp(0, (0.36 / y - 1) * infinity, 1) clamp(0, (0.36 / y - 1) * infinity, 1));--v-c-op:100%;}.layer-components\:color-gray-ink{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-ink);--v-c-op:100%;}.layer-components\:color-inherit{color:var(--v-c,var(--v-c-i));--v-c-i:unset;}.layer-components\:color-white{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-wash);--v-c-op:100%;}.layer-components\:hover\:color-black:hover{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-ink);--v-c-op:100%;}.layer-components\:placeholder\:color-gray-dark::placeholder{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-dark);--v-c-op:100%;}.layer-components\:\[\&\[data-active\=true\]\]\:color-lighten-2[data-active=true],.layer-components\:color-lighten-2{--v-c:oklch(from var(--v-c-i,currentColor) calc(l * (1 + 2 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:color-lighten-1{--v-c:oklch(from var(--v-c-i,currentColor) calc(l * (1 + 1 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:\[\&_h2\]\:color-darken-3 h2{--v-c:oklch(from var(--v-c-i,currentColor) calc(l * (1 + 3 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:\[\&_h3\]\:color-darken-2 h3{--v-c:oklch(from var(--v-c-i,currentColor) calc(l * (1 + 2 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:\[\&_h4\]\:color-darken-1 h4,.layer-components\:color-darken-1{--v-c:oklch(from var(--v-c-i,currentColor) calc(l * (1 + 1 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:\[\&_\.ProseMirror\]\:bg-white .ProseMirror,.layer-components\:bg-white{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-wash);--v-bg-op:100%;}.layer-components\:\[\&_mark\]\:bg-main-wash mark,.layer-components\:\[\&\[data-state\=checked\]\]\:bg-main-wash[data-state=checked],.layer-components\:aria-pressed\:bg-main-wash[aria-pressed="true"],.layer-components\:bg-main-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-wash);--v-bg-op:100%;}.layer-components\:\[\&\:disabled\]\:bg-transparent:disabled,.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:bg-transparent:has(input:disabled),.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:bg-transparent:has(textarea:disabled),.layer-components\:bg-transparent{background-color:transparent;--v-bg-l:unset;}.layer-components\:\[\&\[data-active\=true\]\]\:bg-main-light\/50[data-active=true]{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-shade-light);--v-bg-op:50%;}.layer-components\:\[\&\[data-highlighted\=true\]\]\:bg-main-light[data-highlighted=true],.layer-components\:\[\&\[data-in-range\]\]\:bg-main-light[data-in-range],.layer-components\:bg-main-light{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-light);--v-bg-op:100%;}.layer-components\:\[\&\[data-range-end\]\]\:bg-main[data-range-end],.layer-components\:\[\&\[data-range-start\]\]\:bg-main[data-range-start],.layer-components\:\[\&\[data-selected\]\]\:bg-main[data-selected],.layer-components\:bg-main,.layer-components\:data-\[checked\]\:bg-main[data-checked],.layer-components\:data-\[pressed\]\:bg-main[data-pressed]{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-mid);--v-bg-op:100%;}.layer-components\:bg-black{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:100%;}.layer-components\:bg-black\/15{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:15%;}.layer-components\:bg-black\/50{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:50%;}.layer-components\:bg-fg\/25{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--v-c, var(--v-c-i, var(--m-black)));--v-bg-op:25%;}.layer-components\:bg-fg\/5{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--v-c, var(--v-c-i, var(--m-black)));--v-bg-op:5%;}.layer-components\:bg-gray{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-mid);--v-bg-op:100%;}.layer-components\:bg-gray-light{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-light);--v-bg-op:100%;}.layer-components\:bg-gray\/30{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-gray-shade-mid);--v-bg-op:30%;}.layer-components\:bg-inherit{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:unset;}.layer-components\:bg-main-dark{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-dark);--v-bg-op:100%;}.layer-components\:bg-main-light\/20{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-shade-light);--v-bg-op:20%;}.layer-components\:bg-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-wash);--v-bg-op:100%;}.layer-components\:bg-white\/50{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-high-contrast-shade-wash);--v-bg-op:50%;}.layer-components\:bg-white\/80{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-high-contrast-shade-wash);--v-bg-op:80%;}.layer-components\:data-\[complete\]\:bg-success[data-complete]{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-success-shade-mid);--v-bg-op:100%;}.layer-components\:data-\[visually-focused\]\:bg-black\/10[data-visually-focused]{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:10%;}.layer-components\:hover\:\[\&\[data-state\=inactive\]\]\:bg-gray-light[data-state=inactive]:hover{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-light);--v-bg-op:100%;}.layer-components\:hover\:bg-black\/10:hover{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:10%;}.layer-components\:hover\:bg-gray-wash:hover{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-wash);--v-bg-op:100%;}.layer-components\:hover\:bg-main-light:hover{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-light);--v-bg-op:100%;}.layer-components\:hover\:bg-main:hover{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-mid);--v-bg-op:100%;}.layer-components\:focus-visible\:bg-black\/10:focus-visible{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:10%;}.layer-components\:focus-visible\:bg-main-light:focus-visible{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-light);--v-bg-op:100%;}.layer-components\:active\:bg-main-light:active{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-light);--v-bg-op:100%;}.layer-components\:\[\&\[data-today\]\]\:before\:bg-attention[data-today]::before{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-attention-shade-mid);--v-bg-op:100%;}.layer-components\:before\:bg-gray-dark\/80::before{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-gray-shade-dark);--v-bg-op:80%;}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:bg-lighten-2:hover:not(:disabled){--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 2 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:hover\:\[\&\:not\(\:disabled\)\]\:bg-lighten-2:not(:disabled):hover{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 2 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:hover\:bg-lighten-2:hover{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 2 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:focus-visible\:bg-lighten-1:focus-visible{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 1 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:\[\&_mark\]\:bg-darken-2 mark,.layer-components\:bg-darken-2{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 2 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:\[\&\:active\:not\(\:disabled\)\]\:bg-darken-1:active:not(:disabled),.layer-components\:bg-darken-1{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 1 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:bg-darken-0\.5{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 0.5 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (0.5 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:hover\:\[\&\[data-state\=inactive\]\]\:bg-darken-1[data-state=inactive]:hover{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 1 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:focus-visible\:bg-darken-1:focus-visible{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 1 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:active\:\[\&\:not\(\:disabled\)\]\:bg-darken-1:not(:disabled):active{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 1 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:active\:bg-darken-1:active{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 1 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:active\:bg-darken-2:active{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 2 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}:where(.layer-components\:\[\&_\.ProseMirror\]\:border-gray-dark) .ProseMirror,:where(.layer-components\:\[\&_blockquote\]\:border-gray) blockquote,:where(.layer-components\:\[\&_hr\]\:border-gray) hr,:where(.layer-components\:\[\&\:disabled\]\:border-gray-light):disabled,:where(.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:border-gray):has(input:disabled),:where(.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:border-gray):has(textarea:disabled),:where(.layer-components\:\[\&\:has\(input\:hover\)\,\&\:has\(textarea\:hover\)\]\:border-black):has(input:hover),:where(.layer-components\:\[\&\:has\(input\:hover\)\,\&\:has\(textarea\:hover\)\]\:border-black):has(textarea:hover),:where(.layer-components\:\[\&\[data-state\=checked\]\]\:border-color)[data-state=checked],:where(.layer-components\:b-black),:where(.layer-components\:b-gray-dark),:where(.layer-components\:border-bg),:where(.layer-components\:border-black),:where(.layer-components\:border-color),:where(.layer-components\:border-fg),:where(.layer-components\:border-gray-dark),:where(.layer-components\:border-gray),:where(.layer-components\:border-main-dark),:where(.layer-components\:border-transparent),:where(.layer-components\:data-\[checked\]\:border-main-ink)[data-checked]{--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));}:where(.layer-components\:border-gray-dark\/50){--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));}.layer-components\:\[\&_\.ProseMirror\]\:border-gray-dark .ProseMirror,.layer-components\:b-gray-dark,.layer-components\:border-gray-dark{--v-bd-c-i:var(--p-gray-shade-dark);--v-bd-c-op:100%;}.layer-components\:\[\&_blockquote\]\:border-gray blockquote,.layer-components\:\[\&_hr\]\:border-gray hr,.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:border-gray:has(input:disabled),.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:border-gray:has(textarea:disabled),.layer-components\:border-gray{--v-bd-c-i:var(--p-gray-shade-mid);--v-bd-c-op:100%;}.layer-components\:\[\&\:disabled\]\:border-gray-light:disabled{--v-bd-c-i:var(--p-gray-shade-light);--v-bd-c-op:100%;}.layer-components\:\[\&\:has\(input\:hover\)\,\&\:has\(textarea\:hover\)\]\:border-black:has(input:hover),.layer-components\:\[\&\:has\(input\:hover\)\,\&\:has\(textarea\:hover\)\]\:border-black:has(textarea:hover),.layer-components\:b-black,.layer-components\:border-black{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:100%;}.layer-components\:\[\&\[data-state\=checked\]\]\:border-color[data-state=checked],.layer-components\:border-color,.layer-components\:border-fg{--v-bd-c-i:var(--v-c, var(--v-c-i, var(--m-black)));--v-bd-c-op:100%;}.layer-components\:border-bg{--v-bd-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-bd-c-op:100%;}.layer-components\:border-gray-dark\/50{--v-bd-c-i:var(--p-gray-shade-dark);--v-bd-c-op:50%;}.layer-components\:border-main-dark{--v-bd-c-i:var(--p-shade-dark);--v-bd-c-op:100%;}.layer-components\:border-transparent{--v-bd-c-i:transparent;--v-bd-c-op:100%;}.layer-components\:data-\[checked\]\:border-main-ink[data-checked]{--v-bd-c-i:var(--p-shade-ink);--v-bd-c-op:100%;}:where(.layer-components\:hover\:border-main-ink\/20):hover{--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));}.layer-components\:hover\:border-main-ink\/20:hover{--v-bd-c-i:var(--p-shade-ink);--v-bd-c-op:20%;}:where(.layer-components\:focus-visible\:border-black):focus-visible{--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));}.layer-components\:focus-visible\:border-black:focus-visible{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:100%;}:where(.layer-components\:active\:border-main-ink\/30):active{--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));}.layer-components\:active\:border-main-ink\/30:active{--v-bd-c-i:var(--p-shade-ink);--v-bd-c-op:30%;}:where(.layer-components\:\[\&\[data-today\]\]\:before\:border-black)[data-today]::before{--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));}.layer-components\:\[\&\[data-today\]\]\:before\:border-black[data-today]::before{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:100%;}.layer-components\:\[\&_blockquote\]\:border-l-4 blockquote{--v-bd-c:oklch(from var(--v-bd-c-i,currentColor) calc(l * (1 + 4 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (4 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:border-darken-3{--v-bd-c:oklch(from var(--v-bd-c-i,currentColor) calc(l * (1 + 3 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:\[\&\[data-day-last\]\]\:border-r-gray[data-day-last],.layer-components\:\[\&\[data-last-column\]\]\:border-r-gray[data-last-column]{border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i));--v-bd-r-c-i:var(--p-gray-shade-mid);--v-bd-r-c-op:100%;}.layer-components\:border-r-main-wash{border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i));--v-bd-r-c-i:var(--p-shade-wash);--v-bd-r-c-op:100%;}.layer-components\:border-r-darken-1{--v-bd-r-c:oklch(from var(--v-bd-r-c-i,currentColor) calc(l * (1 + 1 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.layer-components\:\[\&\[data-day-first\]\]\:border-l-gray[data-day-first],.layer-components\:\[\&\[data-first-column\]\]\:border-l-gray[data-first-column]{border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i));--v-bd-l-c-i:var(--p-gray-shade-mid);--v-bd-l-c-op:100%;}.layer-components\:\[\&\[data-top-edge\]\]\:border-t-gray[data-top-edge]{border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i));--v-bd-t-c-i:var(--p-gray-shade-mid);--v-bd-t-c-op:100%;}.layer-components\:\[\&\[data-bottom-edge\]\]\:border-b-gray[data-bottom-edge]{border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i));--v-bd-b-c-i:var(--p-gray-shade-mid);--v-bd-b-c-op:100%;}.layer-components\:\[\&_a\:focus-visible\]\:ring-gray a:focus-visible{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-gray-shade-mid);--v-ring-c-op:100%;}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:ring-bg:hover:not(:disabled),.layer-components\:ring-bg{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-ring-c-op:100%;}.layer-components\:data-\[highlighted\]\:ring-focus[data-highlighted]{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--u-focus-color);--v-ring-c-op:100%;}.layer-components\:ring-black{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-high-contrast-shade-ink);--v-ring-c-op:100%;}.layer-components\:ring-white{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-high-contrast-shade-wash);--v-ring-c-op:100%;}.layer-components\:hover\:\[\&\:not\(\:disabled\)\]\:ring-bg:not(:disabled):hover{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-ring-c-op:100%;}.layer-components\:hover\:\[\&\[data-state\=inactive\]\]\:ring-bg[data-state=inactive]:hover{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-ring-c-op:100%;}.layer-components\:hover\:ring-bg:hover{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-ring-c-op:100%;}.layer-components\:hover\:ring-focus:hover{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--u-focus-color);--v-ring-c-op:100%;}.layer-components\:focus-visible\:ring-gray:focus-visible{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-gray-shade-mid);--v-ring-c-op:100%;}.layer-components\:active\:ring-main-dark:active{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-shade-dark);--v-ring-c-op:100%;}.layer-components\:disabled\:ring-none:disabled{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:transparent;--v-ring-c-op:100%;}.layer-components\:overflow-auto{overflow:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.layer-components\:overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.layer-components\:overflow-x-auto{overflow-x:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.layer-components\:overflow-unstable{scrollbar-gutter:auto;}.layer-components\:shadow-up{--t-shadow-y-mult:-1;}.layer-components\:\[\&\:disabled\]\:shadow-none:disabled,.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:shadow-none:has(input:disabled),.layer-components\:\[\&\:has\(input\:disabled\)\,\&\:has\(textarea\:disabled\)\]\:shadow-none:has(textarea:disabled),.layer-components\:\[\&\[data-disabled\=true\]\]\:shadow-none[data-disabled=true]{--un-shadow:0 0 rgb(0 0 0 / 0);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:disabled\:shadow-none:disabled{--un-shadow:0 0 rgb(0 0 0 / 0);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:arrow{fill:var(--v-bg,var(--v-bg-l,var(--m-white)));stroke:var(--v-bd-c,var(--v-bd-c-i,var(--m-black)));width:var(--t-arrow-size);height:calc(var(--t-arrow-size) * 0.5);position:relative;z-index:0;}.layer-components\:arrow[data-side="bottom"]{transform:rotate(180deg);top:calc(-1 * var(--t-arrow-size) / 2);}.layer-components\:arrow[data-side="left"]{transform:rotate(-90deg);right:calc(-1 * var(--t-arrow-size) * 0.75);}.layer-components\:arrow[data-side="right"]{transform:rotate(90deg);left:calc(-1 * var(--t-arrow-size) * 0.75);}.layer-components\:arrow[data-side="top"]{transform:rotate(0deg);bottom:calc(-1 * var(--t-arrow-size) / 2 + 1px);}.layer-components\:clip-inset-\[-50px\]-\[-50px\]-\[-50px\]-\[-50px\]{clip-path:inset(-50px -50px -50px -50px);}.layer-components\:\@container{container-type:inline-size;}.layer-components\:foc-contained>*:focus,.layer-components\:foc-effect-lg:focus,.layer-components\:foc-effect:focus,.layer-components\:foc:focus{outline:none;}.layer-components\:foc-effect-lg:focus-visible:not([data-focus-clicked]), .layer-components\:foc-effect-lg[data-focus-visible]{--un-ring-color:var(--u-focus-color);--un-ring-width:4px;--un-ring-style:solid;--un-ring-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-width) var(--un-ring-color);outline:none;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:foc-effect:focus-visible:not([data-focus-clicked]), .layer-components\:foc-effect[data-focus-visible],.layer-components\:foc:focus-visible:not([data-focus-clicked]), .layer-components\:foc[data-focus-visible]{--un-ring-color:var(--u-focus-color);--un-ring-width:2px;--un-ring-style:solid;--un-ring-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-width) var(--un-ring-color);outline:none;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:foc-contained:has(:focus-visible:not([data-focus-clicked])), .layer-components\:foc-contained:has([data-focus-visible]){--un-ring-color:var(--u-focus-color);--un-ring-width:2px;--un-ring-style:solid;--un-ring-shadow:0 0 0 var(--un-ring-width) var(--un-ring-color);outline:none;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow);}}@layer composed{.layer-composed\:\[font-family\:inherit\]{font-family:inherit;}.layer-composed\:absolute{position:absolute;}.layer-composed\:relative{position:relative;}.layer-composed\:right-sm{right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed\:top-sm{top:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed\:h-full{height:100%;}.layer-composed\:min-h-\[2\.5rem\]{min-height:2.5rem;}.layer-composed\:min-w-\[2\.5rem\]{min-width:2.5rem;}.layer-composed\:w-full{width:100%;}.layer-composed\:flex{display:flex;}.layer-composed\:inline-flex{display:inline-flex;}.layer-composed\:flex-row{flex-direction:row;}.layer-composed\:items-center{align-items:center;}.layer-composed\:justify-start{justify-content:flex-start;}.layer-composed\:justify-center{justify-content:center;}.layer-composed\:gap-1{gap:0.25rem;}.layer-composed\:overflow-hidden{overflow:hidden;}.layer-composed\:whitespace-nowrap{white-space:nowrap;}.layer-composed\:rounded-full{border-radius:calc(99999px * var(--u-corner-scale,1));}.layer-composed\:rounded-lg{border-radius:calc(1.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-composed\:border-solid{border-style:solid;}.layer-composed\:p-sm{padding:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed\:p-xs{padding:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed\:\[\&\:not\(\:is\(button\)\)\]\:px-sm:not(:is(button)){padding-left:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed\:\[\&\:not\(\:is\(button\)\)\]\:py-xs:not(:is(button)){padding-top:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-bottom:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed\:py-md{padding-top:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-bottom:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed\:pl-0{padding-left:0px;}.layer-composed\:pl-md{padding-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-composed\:font-normal{font-weight:400;}.layer-composed\:color-contrast{color:var(--v-c,var(--v-c-i));--v-c-i:color(from var(--v-bg-contrast,var(--v-bg,var(--v-bg-l,var(--m-white)))) xyz-d65 clamp(0, (0.36 / y - 1) * infinity, 1) clamp(0, (0.36 / y - 1) * infinity, 1) clamp(0, (0.36 / y - 1) * infinity, 1));--v-c-op:100%;}.layer-composed\:color-inherit{color:var(--v-c,var(--v-c-i));--v-c-i:unset;}.layer-composed\:bg-main-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-wash);--v-bg-op:100%;}}@layer composed-2{.layer-composed-2\:my-auto{margin-top:auto;margin-bottom:auto;}.layer-composed-2\:flex{display:flex;}.layer-composed-2\:flex-row{flex-direction:row;}.layer-composed-2\:items-center{align-items:center;}.layer-composed-2\:gap-xs{gap:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed-2\:px-sm{padding-left:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-composed-2\:data-\[highlighted\]\:ring-2[data-highlighted]{--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);}.layer-composed-2\:data-\[highlighted\]\:bg-main-wash[data-highlighted]{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-wash);--v-bg-op:100%;}.layer-composed-2\:data-\[highlighted\]\:ring-main[data-highlighted]{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-shade-mid);--v-ring-c-op:100%;}}@layer composed2{.layer-composed2\:w-full{width:100%;}.layer-composed2\:p-0{padding:0px;}}@layer primitives{.layer-primitives\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled]{pointer-events:none;}.layer-primitives\:relative{position:relative;}.layer-primitives\:m-5px{margin:5px;}.layer-primitives\:h-1px{height:1px;}.layer-primitives\:max-h-\[--available-height\]{max-height:var(--available-height);}.layer-primitives\:max-h-full{max-height:100%;}.layer-primitives\:max-w-\[--available-width\]{max-width:var(--available-width);}.layer-primitives\:max-w-90vw{max-width:90vw;}.layer-primitives\:min-h-0{min-height:0;}.layer-primitives\:min-h-touch-large{min-height:40px;}.layer-primitives\:min-w-120px{min-width:120px;}.layer-primitives\:flex{display:flex;}.layer-primitives\:transform-origin-\[var\(--transform-origin\)\]{transform-origin:var(--transform-origin);}.layer-primitives\:data-\[ending-style\]\:data-\[side\=bottom\]\:translate-y-4px[data-side=bottom][data-ending-style],.layer-primitives\:data-\[starting-style\]\:data-\[side\=bottom\]\:translate-y-4px[data-side=bottom][data-starting-style]{--un-translate-y:4px;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-primitives\:data-\[ending-style\]\:data-\[side\=left\]\:translate-x-0[data-side=left][data-ending-style],.layer-primitives\:data-\[ending-style\]\:data-\[side\=right\]\:translate-x-0[data-side=right][data-ending-style]{--un-translate-x:0px;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-primitives\:data-\[ending-style\]\:data-\[side\=top\]\:translate-y-0[data-side=top][data-ending-style]{--un-translate-y:0px;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-primitives\:data-\[starting-style\]\:data-\[side\=left\]\:translate-x--4px[data-side=left][data-starting-style]{--un-translate-x:-4px;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-primitives\:data-\[starting-style\]\:data-\[side\=right\]\:translate-x-4px[data-side=right][data-starting-style]{--un-translate-x:4px;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-primitives\:data-\[starting-style\]\:data-\[side\=top\]\:translate-y--4px[data-side=top][data-starting-style]{--un-translate-y:-4px;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-primitives\:data-\[closed\]\:scale-0[data-closed]{--un-scale-x:0;--un-scale-y: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-primitives\:data-\[open\]\:scale-100[data-open]{--un-scale-x:1;--un-scale-y:1;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-primitives\:cursor-pointer{cursor:pointer;}.layer-primitives\:select-none{-webkit-user-select:none;user-select:none;}.layer-primitives\:items-center{align-items:center;}.layer-primitives\:overflow-x-clip{overflow-x:clip;}.layer-primitives\:rounded-inherit{border-radius:inherit;}.layer-primitives\:rounded-md{border-radius:calc(1rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-primitives\:py-sm{padding-top:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-bottom:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-primitives\:pl-8{padding-left:2rem;}.layer-primitives\:pr-4{padding-right:1rem;}.layer-primitives\:text-left{text-align:left;}.layer-primitives\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-primitives\:leading-4{line-height:1rem;}.layer-primitives\:data-\[closed\]\:opacity-0[data-closed],.layer-primitives\:data-\[ending-style\]\:data-\[side\=bottom\]\:opacity-0[data-side=bottom][data-ending-style],.layer-primitives\:data-\[ending-style\]\:data-\[side\=left\]\:opacity-0[data-side=left][data-ending-style],.layer-primitives\:data-\[ending-style\]\:data-\[side\=right\]\:opacity-0[data-side=right][data-ending-style],.layer-primitives\:data-\[ending-style\]\:data-\[side\=top\]\:opacity-0[data-side=top][data-ending-style],.layer-primitives\:data-\[starting-style\]\:data-\[side\=bottom\]\:opacity-0[data-side=bottom][data-starting-style],.layer-primitives\:data-\[starting-style\]\:data-\[side\=left\]\:opacity-0[data-side=left][data-starting-style],.layer-primitives\:data-\[starting-style\]\:data-\[side\=right\]\:opacity-0[data-side=right][data-starting-style],.layer-primitives\:data-\[starting-style\]\:data-\[side\=top\]\:opacity-0[data-side=top][data-starting-style]{opacity:0;}.layer-primitives\:data-\[open\]\:opacity-100[data-open]{opacity:1;}.layer-primitives\:shadow-lg{--un-shadow:var(--un-shadow-inset) 0 calc(8px * var(--t-shadow-y-mult,1)) calc(16px * var(--u-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5))),
38
38
  var(--un-shadow-inset) 0 calc(5px * var(--t-shadow-y-mult,1)) calc(10px * var(--u-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5)));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-primitives\:focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.layer-primitives\: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;}.layer-primitives\:\[\&\[data-disabled\]\]\:color-gray-dark[data-disabled]{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-dark);--v-c-op:100%;}.layer-primitives\:color-main-ink{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-shade-ink);--v-c-op:100%;}.layer-primitives\:data-\[highlighted\]\:color-black[data-highlighted]{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-ink);--v-c-op:100%;}.layer-primitives\:hover\:color-black:hover{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-ink);--v-c-op:100%;}.layer-primitives\:focus-visible\:color-black:focus-visible{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-ink);--v-c-op:100%;}.layer-primitives\:\[\&\[data-disabled\]\]\:bg-white[data-disabled],.layer-primitives\:bg-white{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-wash);--v-bg-op:100%;}.layer-primitives\:bg-gray{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-mid);--v-bg-op:100%;}.layer-primitives\:data-\[highlighted\]\:bg-main-light[data-highlighted]{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-light);--v-bg-op:100%;}.layer-primitives\:hover\:bg-main-light:hover{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-light);--v-bg-op:100%;}.layer-primitives\:focus-visible\:bg-main-light:focus-visible{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-light);--v-bg-op:100%;}:where(.layer-primitives\:border-black){--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));}.layer-primitives\:border-black{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:100%;}.layer-primitives\:overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.layer-primitives\:overflow-unstable{scrollbar-gutter:auto;}.layer-primitives\:arrow{fill:var(--v-bg,var(--v-bg-l,var(--m-white)));stroke:var(--v-bd-c,var(--v-bd-c-i,var(--m-black)));width:var(--t-arrow-size);height:calc(var(--t-arrow-size) * 0.5);position:relative;z-index:0;}.layer-primitives\:arrow[data-side="bottom"]{transform:rotate(180deg);top:calc(-1 * var(--t-arrow-size) / 2);}.layer-primitives\:arrow[data-side="left"]{transform:rotate(-90deg);right:calc(-1 * var(--t-arrow-size) * 0.75);}.layer-primitives\:arrow[data-side="right"]{transform:rotate(90deg);left:calc(-1 * var(--t-arrow-size) * 0.75);}.layer-primitives\:arrow[data-side="top"]{transform:rotate(0deg);bottom:calc(-1 * var(--t-arrow-size) / 2 + 1px);}.layer-primitives\:foc:focus{outline:none;}.layer-primitives\:foc:focus-visible:not([data-focus-clicked]), .layer-primitives\:foc[data-focus-visible]{--un-ring-color:var(--u-focus-color);--un-ring-width:2px;--un-ring-style:solid;--un-ring-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-width) var(--un-ring-color);outline:none;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}}@layer responsive{.layer-responsive\:hidden{display:none;}}@layer variants{.layer-variants\:\[\&\[data-unstyled\]\]\:\[background\:unset\][data-unstyled]{background:unset;}.layer-variants\:\[resize\:vertical\]{resize:vertical;}.layer-variants\:absolute{position:absolute;}.layer-variants\:sticky{position:sticky;}.layer-variants\:left-0{left:0px;}.layer-variants\:right-2{right:0.5rem;}.layer-variants\:top-2{top:0.5rem;}.layer-variants\:z-1{z-index:1;}.layer-variants\:z-10{z-index:10;}.layer-variants\:m-2{margin:0.5rem;}.layer-variants\:mx-1{margin-left:0.25rem;margin-right:0.25rem;}[data-compact] .layer-variants\:\[\[data-compact\]_\&\]\:my-0{margin-top:0px;margin-bottom:0px;}.layer-variants\:\[\&\[data-orientation\=vertical\]\]\:h-full[data-orientation=vertical],.layer-variants\:h-full{height:100%;}.layer-variants\:\[\&\[data-orientation\=vertical\]\]\:w-30px[data-orientation=vertical]{width:30px;}.layer-variants\:\[\&\[data-orientation\=vertical\]\]\:w-7px[data-orientation=vertical]{width:7px;}.layer-variants\:h-32px{height:32px;}.layer-variants\:max-w-300px{max-width:300px;}.layer-variants\:max-w-600px{max-width:600px;}.layer-variants\:w-32px{width:32px;}.layer-variants\:w-auto{width:auto;}.layer-variants\:inline-flex{display:inline-flex;}.layer-variants\:\[\&\[data-orientation\=vertical\]\]\:flex-1[data-orientation=vertical]{flex:1 1 0%;}.layer-variants\:flex-shrink-0{flex-shrink:0;}.layer-variants\:\[\&\[data-orientation\=vertical\]\]\:flex-col[data-orientation=vertical]{flex-direction:column;}.layer-variants\:flex-wrap{flex-wrap:wrap;}.layer-variants\:animate-pop-in-from-half{animation:pop-in-from-half 1s linear 1;}.layer-variants\:animate-duration-200{animation-duration:200ms;}.layer-variants\:animate-ease-springy{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-variants\:cursor-pointer{cursor:pointer;}.layer-variants\:resize-none{resize:none;}.layer-variants\:items-center{align-items:center;}.layer-variants\:gap-sm{gap:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-variants\:border-b{border-bottom-width:calc(1px * var(--u-border-scale,1));}.layer-variants\:border-l{border-left-width:calc(1px * var(--u-border-scale,1));}.layer-variants\:border-r{border-right-width:calc(1px * var(--u-border-scale,1));}.layer-variants\:border-r-0{border-right-width:0px;}.layer-variants\:rounded-lg{border-radius:calc(1.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-variants\:rounded-md{border-radius:calc(1rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-variants\:rounded-none{border-radius:0;}.layer-variants\:rounded-l-sm{border-top-left-radius:calc(0.5rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));border-bottom-left-radius:calc(0.5rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-variants\:rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0;}.layer-variants\:\[\&_input\,\&_textarea\]\:border-none input,.layer-variants\:\[\&_input\,\&_textarea\]\:border-none textarea,.layer-variants\:\[\&\[data-borderless\=true\]\]\:border-none[data-borderless=true],.layer-variants\:\[\&\[data-unstyled\]\]\:border-none[data-unstyled],.layer-variants\:border-none{border-style:none;}.layer-variants\:border-r-solid{border-right-style:solid;}*[data-active=true] .layer-variants\:\[\*\[data-active\=true\]_\&\]\:fill-main{fill:var(--p-shade-mid) /* var(--p-shade-mid) */;}.layer-variants\:\[\&_input\,\&_textarea\]\:p-0 input,.layer-variants\:\[\&_input\,\&_textarea\]\:p-0 textarea,.layer-variants\:\[\&\[data-unstyled\]\]\:p-0[data-unstyled]{padding:0px;}.layer-variants\:important\:p-0{padding:0px !important;}.layer-variants\:p-2{padding:0.5rem;}.layer-variants\:p-md{padding:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-variants\:px-md{padding-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-right:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}[data-compact] .layer-variants\:\[\[data-compact\]_\&\]\:px-sm{padding-left:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}[data-compact] .layer-variants\:\[\[data-compact\]_\&\]\:py-0{padding-top:0px;padding-bottom:0px;}.layer-variants\:pb-0{padding-bottom:0px;}.layer-variants\:text-left{text-align:left;}[data-compact] .layer-variants\:\[\[data-compact\]_\&\]\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-variants\:\[\&_input\]\:font-size-inherit input,.layer-variants\:font-size-inherit{font-size:inherit;}.layer-variants\:font-normal{font-weight:400;}.layer-variants\:\[\&\[data-borderless\=true\]\]\:shadow-md[data-borderless=true]{--un-shadow:var(--un-shadow-inset) 0 calc(4px * var(--t-shadow-y-mult,1)) calc(8px * var(--u-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5))),
39
39
  var(--un-shadow-inset) 0 calc(2px * var(--t-shadow-y-mult,1)) calc(4px * var(--u-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5) * 2));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:shadow-sm{--un-shadow:var(--un-shadow-inset) 0 calc(0px * var(--t-shadow-y-mult,1)) calc(1px * var(--u-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5) * 2)),
40
- var(--un-shadow-inset) 0 calc(1px * var(--t-shadow-y-mult,1)) calc(2px * var(--u-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5) * 2));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:outline-none:has(input:focus[data-focus-clicked]),.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:outline-none:has(textarea:focus[data-focus-clicked]){outline:2px solid transparent;outline-offset:2px;}.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:ring-4:has(input:focus[data-focus-clicked]),.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:ring-4:has(textarea:focus[data-focus-clicked]){--un-ring-width:4px;--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);}.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:ring:has(input:focus[data-focus-clicked]),.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:ring:has(textarea:focus[data-focus-clicked]){--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);}.layer-variants\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-variants\:color-black{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-ink);--v-c-op:100%;}.layer-variants\:color-inherit{color:var(--v-c,var(--v-c-i));--v-c-i:unset;}.layer-variants\:color-white{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-wash);--v-c-op:100%;}.layer-variants\:\[\&_input\,\&_textarea\]\:bg-transparent input,.layer-variants\:\[\&_input\,\&_textarea\]\:bg-transparent textarea,.layer-variants\:\[\&\[aria-pressed\=false\]\]\:\[\&\:not\(\:hover\)\]\:bg-transparent:not(:hover)[aria-pressed=false],.layer-variants\:bg-transparent{background-color:transparent;--v-bg-l:unset;}.layer-variants\:\[\&\[data-orientation\=vertical\]\]\:bg-main[data-orientation=vertical]{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-mid);--v-bg-op:100%;}.layer-variants\:bg-accent-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-accent-shade-wash);--v-bg-op:100%;}.layer-variants\:bg-attention-ink{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-attention-shade-ink);--v-bg-op:100%;}.layer-variants\:bg-black{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:100%;}.layer-variants\:bg-white{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-wash);--v-bg-op:100%;}.layer-variants\:hover\:bg-gray-ink:hover{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-ink);--v-bg-op:100%;}.layer-variants\:hover\:bg-main-light\/80:hover{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-shade-light);--v-bg-op:80%;}.layer-variants\:focus-visible\:bg-main-light\/80:focus-visible{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-shade-light);--v-bg-op:80%;}.layer-variants\:focus-visible\:bg-white:focus-visible{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-wash);--v-bg-op:100%;}.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:bg-lighten-3:has(input:focus[data-focus-clicked]),.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:bg-lighten-3:has(textarea:focus[data-focus-clicked]){--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 3 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (3 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}:where(.layer-variants\:border-bg),:where(.layer-variants\:border-gray),:where(.layer-variants\:border-transparent){--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));}:where(.layer-variants\:border-gray-dark\/80){--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));}.layer-variants\:border-bg{--v-bd-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-bd-c-op:100%;}.layer-variants\:border-gray{--v-bd-c-i:var(--p-gray-shade-mid);--v-bd-c-op:100%;}.layer-variants\:border-gray-dark\/80{--v-bd-c-i:var(--p-gray-shade-dark);--v-bd-c-op:80%;}.layer-variants\:border-transparent{--v-bd-c-i:transparent;--v-bd-c-op:100%;}.layer-variants\:border-r-gray{border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i));--v-bd-r-c-i:var(--p-gray-shade-mid);--v-bd-r-c-op:100%;}.layer-variants\:\[\&_input\,\&_textarea\]\:ring-none input,.layer-variants\:\[\&_input\,\&_textarea\]\:ring-none textarea{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:transparent;--v-ring-c-op:100%;}.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:ring-main-light:has(input:focus[data-focus-clicked]),.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:ring-main-light:has(textarea:focus[data-focus-clicked]){--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-shade-light);--v-ring-c-op:100%;}.layer-variants\:focus-visible\:ring-gray-dark:focus-visible{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-gray-shade-dark);--v-ring-c-op:100%;}.layer-variants\:\[\&_input\,\&_textarea\]\:shadow-none input,.layer-variants\:\[\&_input\,\&_textarea\]\:shadow-none textarea,.layer-variants\:shadow-none{--un-shadow:0 0 rgb(0 0 0 / 0);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}}@media (prefers-reduced-motion: reduce){.\!motion-reduce\:animate-none,.important\:motion-reduce\:animate-none{animation:none !important;}.important\:motion-reduce\:transition-none{transition:none !important;}}@media (max-width: 767.9px){@layer variants{.layer-variants\:lt-md\:bottom-\[max\(var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\,var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\)\)\]{bottom:max(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px),var(--nav-height,env(safe-area-inset-bottom,0px))));}.layer-variants\:lt-md\:bottom-\[max\(var\(--viewport-bottom-offset\,0px\)\,var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\)\]{bottom:max(var(--viewport-bottom-offset,0px),var(--nav-height,env(safe-area-inset-bottom,0px)));}}}@media (max-width: 639.9px){@layer variants{.layer-variants\:lt-sm\:bottom-\[calc\(var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:bottom-\[calc\(var\(--viewport-bottom-offset\,0px\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--viewport-bottom-offset,0px) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:left-0{left:0px;}.layer-variants\:lt-sm\:right-0{right:0px;}.layer-variants\:lt-sm\:top-auto{top:auto;}.layer-variants\:lt-sm\:h-min-content{height:min-content;}.layer-variants\:lt-sm\:max-h-\[calc\(0\.85\*var\(--viewport-height\,100vh\)\)\]{max-height:calc(0.85 * var(--viewport-height,100vh));}.layer-variants\:lt-sm\:max-h-\[calc\(95vh-var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\)\]{max-height:calc(95vh - var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)));}.layer-variants\:lt-sm\:max-w-none{max-width:none;}.layer-variants\:lt-sm\:w-screen{width:100vw;}.layer-variants\:lt-sm\:translate-0{--un-translate-x:0px;--un-translate-y:0px;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-variants\:start-end\:lt-sm\:translate-y-full[data-starting-style], .layer-variants\:start-end\:lt-sm\:translate-y-full[data-ending-style]{--un-translate-y:100%;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-variants\:lt-sm\:border-b-0{border-bottom-width:0px;}.layer-variants\:lt-sm\:rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0;}.layer-variants\:lt-sm\:rounded-tl-xl{border-top-left-radius:calc(1.5rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-variants\:lt-sm\:rounded-tr-xl{border-top-right-radius:calc(1.5rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-variants\:lt-sm\:pb-\[calc\(env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(env(safe-area-inset-bottom,0px));}.layer-variants\:lt-sm\:pt-lg{padding-top:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-variants\:start-end\:lt-sm\:opacity-0[data-starting-style], .layer-variants\:start-end\:lt-sm\:opacity-0[data-ending-style]{opacity:0;}.layer-variants\:lt-sm\:shadow-up{--t-shadow-y-mult:-1;}}}@media (min-width: 640px){.\!sm\:grid{display:grid !important;}.sm\:grid-cols-\[auto_1fr_1fr_auto\]{grid-template-columns:auto 1fr 1fr auto;}.\!sm\:block{display:block !important;}.sm\:flex{display:flex;}}@media (min-width: 640px){@layer components{.layer-components\:sm\:grid-areas-\[prevMonth_leftMonth_rightMonth_nextMonth\]-\[leftGrid_leftGrid_rightGrid_rightGrid\]{grid-template-areas:"prevMonth leftMonth rightMonth nextMonth" "leftGrid leftGrid rightGrid rightGrid";}.layer-components\:sm\:hidden{display:none;}.layer-components\:sm\:h-8{height:2rem;}.layer-components\:sm\:w-8{width:2rem;}.layer-components\:sm\:flex-row{flex-direction:row;}.layer-components\:sm\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:sm\:flex-col{flex-direction:column;}.layer-components\:sm\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:sm\:flex-wrap{flex-wrap:wrap;}.layer-components\:sm\:p-lg{padding:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:sm\:p-md{padding:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:sm\:p-sm{padding:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:sm\:p-xl{padding:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:sm\:p-xs{padding:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:sm\:shadow-down{--t-shadow-y-mult:1;}}}@layer responsive{@media (min-width: 768px){.md\:layer-responsive\:grid-cols-\[1fr_auto_20fr_1fr\]{grid-template-columns:1fr auto 20fr 1fr;}.md\:layer-responsive\:grid-areas-\[gutter1_nav_content_gutter2\]{grid-template-areas:"gutter1 nav content gutter2";}.md\:layer-responsive\:h-auto{height:auto;}.md\:layer-responsive\:min-h-auto{min-height:auto;}.md\:layer-responsive\:bg-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-wash);--v-bg-op:100%;}}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}}@media (min-width: 768px){@layer components{.layer-components\:md\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:md\:fixed{position:fixed;}.layer-components\:md\:sticky{position:sticky;}.layer-components\:md\:bottom-3{bottom:0.75rem;}.layer-components\:md\:bottom-auto{bottom:auto;}.layer-components\:md\:left-\[var\(--content-left\,20\%\)\]{left:var(--content-left,20%);}.layer-components\:md\:left-auto{left:auto;}.layer-components\:md\:right-auto{right:auto;}.layer-components\:md\:top-auto{top:auto;}.layer-components\:md\:top-lg{top:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:md\:before\:hidden::before{display:none;}.layer-components\:md\:h-auto{height:auto;}.layer-components\:md\:h-min-content{height:min-content;}.layer-components\:md\:min-w-0{min-width:0;}.layer-components\:md\:w-\[var\(--content-width\,100\%\)\]{width:var(--content-width,100%);}.layer-components\:md\:flex{display:flex;}.layer-components\:md\:flex-row{flex-direction:row;}.layer-components\:md\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:md\:flex-col{flex-direction:column;}.layer-components\:md\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:md\:flex-wrap{flex-wrap:wrap;}.layer-components\:md\:items-end{align-items:flex-end;}.layer-components\:md\:items-stretch{align-items:stretch;}.layer-components\:md\:justify-start{justify-content:flex-start;}.layer-components\:md\:gap-2{gap:0.5rem;}.layer-components\:md\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:md\:rounded-lg{border-radius:calc(1.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:md\:rounded-none{border-radius:0;}.layer-components\:md\:border-none{border-style:none;}.layer-components\:md\:p-0{padding:0px;}.layer-components\:md\:p-6px{padding:6px;}.layer-components\:md\:p-lg{padding:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:md\:p-md{padding:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:md\:p-sm{padding:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:md\:p-xl{padding:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:md\:p-xs{padding:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:md\:pb-10{padding-bottom:2.5rem;}.layer-components\:md\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:md\:leading-normal{line-height:1.5;}.layer-components\:md\:opacity-\[var\(--content-ready\,0\)\]{opacity:var(--content-ready,0);}.layer-components\:md\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:md\:bg-transparent{background-color:transparent;--v-bg-l:unset;}:where(.layer-components\:md\:border-transparent){--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));}.layer-components\:md\:border-transparent{--v-bd-c-i:transparent;--v-bd-c-op:100%;}.layer-components\:md\:overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.layer-components\:md\:shadow-none{--un-shadow:0 0 rgb(0 0 0 / 0);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}}}@media (min-width: 768px){@layer responsive{.layer-responsive\:md\:h-auto{height:auto;}.layer-responsive\:md\:flex-row-reverse{flex-direction:row-reverse;}.layer-responsive\:md\:justify-start{justify-content:flex-start;}.layer-responsive\:md\:gap-2{gap:0.5rem;}.layer-responsive\:md\:overflow-visible{overflow:visible;}.layer-responsive\:md\:active\:bg-darken-2:active{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 2 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}}}@media (min-width: 768px){@layer variants{.layer-variants\:md\:max-w-800px{max-width:800px;}*[data-active=true] .layer-variants\:md\:\[\*\[data-active\=true\]_\&\]\:bg-\[var\(--bg\)\]{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--bg);--v-bg-op:100%;}}}@layer responsive{@media (min-width: 1024px){.lg\:layer-responsive\:grid-cols-\[1fr_auto_min\(800px\,70vw\)_1fr\]{grid-template-columns:1fr auto min(800px,70vw) 1fr;}}}@media (min-width: 1024px){@layer components{.layer-components\:lg\:flex-row{flex-direction:row;}.layer-components\:lg\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:lg\:flex-col{flex-direction:column;}.layer-components\:lg\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:lg\:flex-wrap{flex-wrap:wrap;}.layer-components\:lg\:p-lg{padding:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:lg\:p-md{padding:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:lg\:p-sm{padding:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:lg\:p-xl{padding:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:lg\:p-xs{padding:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}}}
40
+ var(--un-shadow-inset) 0 calc(1px * var(--t-shadow-y-mult,1)) calc(2px * var(--u-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5) * 2));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:outline-none:has(input:focus[data-focus-clicked]),.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:outline-none:has(textarea:focus[data-focus-clicked]){outline:2px solid transparent;outline-offset:2px;}.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:ring-4:has(input:focus[data-focus-clicked]),.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:ring-4:has(textarea:focus[data-focus-clicked]){--un-ring-width:4px;--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);}.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:ring:has(input:focus[data-focus-clicked]),.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:ring:has(textarea:focus[data-focus-clicked]){--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);}.layer-variants\:transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-variants\:color-black{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-ink);--v-c-op:100%;}.layer-variants\:color-inherit{color:var(--v-c,var(--v-c-i));--v-c-i:unset;}.layer-variants\:color-white{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-wash);--v-c-op:100%;}.layer-variants\:\[\&_input\,\&_textarea\]\:bg-transparent input,.layer-variants\:\[\&_input\,\&_textarea\]\:bg-transparent textarea,.layer-variants\:\[\&\[aria-pressed\=false\]\]\:\[\&\:not\(\:hover\)\]\:bg-transparent:not(:hover)[aria-pressed=false],.layer-variants\:bg-transparent{background-color:transparent;--v-bg-l:unset;}.layer-variants\:\[\&\[data-orientation\=vertical\]\]\:bg-main[data-orientation=vertical]{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-mid);--v-bg-op:100%;}.layer-variants\:bg-accent-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-accent-shade-wash);--v-bg-op:100%;}.layer-variants\:bg-attention-ink{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-attention-shade-ink);--v-bg-op:100%;}.layer-variants\:bg-black{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:100%;}.layer-variants\:bg-white{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-wash);--v-bg-op:100%;}.layer-variants\:hover\:bg-gray-ink:hover{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-ink);--v-bg-op:100%;}.layer-variants\:hover\:bg-main-light\/80:hover{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-shade-light);--v-bg-op:80%;}.layer-variants\:focus-visible\:bg-main-light\/80:focus-visible{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-shade-light);--v-bg-op:80%;}.layer-variants\:focus-visible\:bg-white:focus-visible{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-wash);--v-bg-op:100%;}.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:bg-lighten-3:has(input:focus[data-focus-clicked]),.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:bg-lighten-3:has(textarea:focus[data-focus-clicked]){--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 3 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (3 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}:where(.layer-variants\:border-bg),:where(.layer-variants\:border-gray),:where(.layer-variants\:border-transparent){--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));}:where(.layer-variants\:border-gray-dark\/80){--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));}.layer-variants\:border-bg{--v-bd-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-bd-c-op:100%;}.layer-variants\:border-gray{--v-bd-c-i:var(--p-gray-shade-mid);--v-bd-c-op:100%;}.layer-variants\:border-gray-dark\/80{--v-bd-c-i:var(--p-gray-shade-dark);--v-bd-c-op:80%;}.layer-variants\:border-transparent{--v-bd-c-i:transparent;--v-bd-c-op:100%;}.layer-variants\:border-r-gray{border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i));--v-bd-r-c-i:var(--p-gray-shade-mid);--v-bd-r-c-op:100%;}.layer-variants\:\[\&_input\,\&_textarea\]\:ring-none input,.layer-variants\:\[\&_input\,\&_textarea\]\:ring-none textarea{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:transparent;--v-ring-c-op:100%;}.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:ring-main-light:has(input:focus[data-focus-clicked]),.layer-variants\:\[\&\:has\(input\:focus\[data-focus-clicked\]\)\,\&\:has\(textarea\:focus\[data-focus-clicked\]\)\]\:ring-main-light:has(textarea:focus[data-focus-clicked]){--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-shade-light);--v-ring-c-op:100%;}.layer-variants\:focus-visible\:ring-gray-dark:focus-visible{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-gray-shade-dark);--v-ring-c-op:100%;}.layer-variants\:\[\&_input\,\&_textarea\]\:shadow-none input,.layer-variants\:\[\&_input\,\&_textarea\]\:shadow-none textarea,.layer-variants\:shadow-none{--un-shadow:0 0 rgb(0 0 0 / 0);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}}@media (prefers-reduced-motion: reduce){.\!motion-reduce\:animate-none,.important\:motion-reduce\:animate-none{animation:none !important;}.important\:motion-reduce\:transition-none{transition:none !important;}}@media (max-width: 767.9px){@layer variants{.layer-variants\:lt-md\:bottom-\[max\(var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\,var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\)\)\]{bottom:max(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px),var(--nav-height,env(safe-area-inset-bottom,0px))));}.layer-variants\:lt-md\:bottom-\[max\(var\(--mock-virtual-keyboard-height\,var\(--viewport-bottom-offset\,0px\)\)\,var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\)\]{bottom:max(var(--mock-virtual-keyboard-height,var(--viewport-bottom-offset,0px)),var(--nav-height,env(safe-area-inset-bottom,0px)));}}}@media (max-width: 639.9px){@layer variants{.layer-variants\:lt-sm\:bottom-\[calc\(var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:bottom-\[calc\(var\(--viewport-bottom-offset\,0px\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--viewport-bottom-offset,0px) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:left-0{left:0px;}.layer-variants\:lt-sm\:right-0{right:0px;}.layer-variants\:lt-sm\:top-auto{top:auto;}.layer-variants\:lt-sm\:h-min-content{height:min-content;}.layer-variants\:lt-sm\:max-h-\[calc\(0\.85\*var\(--viewport-height\,100vh\)\)\]{max-height:calc(0.85 * var(--viewport-height,100vh));}.layer-variants\:lt-sm\:max-h-\[calc\(95vh-var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\)\]{max-height:calc(95vh - var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px)));}.layer-variants\:lt-sm\:max-w-none{max-width:none;}.layer-variants\:lt-sm\:w-screen{width:100vw;}.layer-variants\:lt-sm\:translate-0{--un-translate-x:0px;--un-translate-y:0px;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-variants\:start-end\:lt-sm\:translate-y-full[data-starting-style], .layer-variants\:start-end\:lt-sm\:translate-y-full[data-ending-style]{--un-translate-y:100%;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-variants\:lt-sm\:border-b-0{border-bottom-width:0px;}.layer-variants\:lt-sm\:rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0;}.layer-variants\:lt-sm\:rounded-tl-xl{border-top-left-radius:calc(1.5rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-variants\:lt-sm\:rounded-tr-xl{border-top-right-radius:calc(1.5rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-variants\:lt-sm\:pb-\[calc\(env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(env(safe-area-inset-bottom,0px));}.layer-variants\:lt-sm\:pt-lg{padding-top:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-variants\:start-end\:lt-sm\:opacity-0[data-starting-style], .layer-variants\:start-end\:lt-sm\:opacity-0[data-ending-style]{opacity:0;}.layer-variants\:lt-sm\:shadow-up{--t-shadow-y-mult:-1;}}}@media (min-width: 640px){.\!sm\:grid{display:grid !important;}.sm\:grid-cols-\[auto_1fr_1fr_auto\]{grid-template-columns:auto 1fr 1fr auto;}.\!sm\:block{display:block !important;}.sm\:flex{display:flex;}}@media (min-width: 640px){@layer components{.layer-components\:sm\:grid-areas-\[prevMonth_leftMonth_rightMonth_nextMonth\]-\[leftGrid_leftGrid_rightGrid_rightGrid\]{grid-template-areas:"prevMonth leftMonth rightMonth nextMonth" "leftGrid leftGrid rightGrid rightGrid";}.layer-components\:sm\:hidden{display:none;}.layer-components\:sm\:h-8{height:2rem;}.layer-components\:sm\:w-8{width:2rem;}.layer-components\:sm\:flex-row{flex-direction:row;}.layer-components\:sm\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:sm\:flex-col{flex-direction:column;}.layer-components\:sm\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:sm\:flex-wrap{flex-wrap:wrap;}.layer-components\:sm\:p-lg{padding:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:sm\:p-md{padding:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:sm\:p-sm{padding:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:sm\:p-xl{padding:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:sm\:p-xs{padding:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:sm\:shadow-down{--t-shadow-y-mult:1;}}}@layer responsive{@media (min-width: 768px){.md\:layer-responsive\:grid-cols-\[1fr_auto_20fr_1fr\]{grid-template-columns:1fr auto 20fr 1fr;}.md\:layer-responsive\:grid-areas-\[gutter1_nav_content_gutter2\]{grid-template-areas:"gutter1 nav content gutter2";}.md\:layer-responsive\:h-auto{height:auto;}.md\:layer-responsive\:min-h-auto{min-height:auto;}.md\:layer-responsive\:bg-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-wash);--v-bg-op:100%;}}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}}@media (min-width: 768px){@layer components{.layer-components\:md\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:md\:sticky{position:sticky;}.layer-components\:md\:bottom-auto{bottom:auto;}.layer-components\:md\:bottom-md{bottom:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:md\:left-\[var\(--content-left\,0\)\]{left:var(--content-left,0);}.layer-components\:md\:left-auto{left:auto;}.layer-components\:md\:right-auto{right:auto;}.layer-components\:md\:top-lg{top:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:md\:before\:hidden::before{display:none;}.layer-components\:md\:h-auto{height:auto;}.layer-components\:md\:h-min-content{height:min-content;}.layer-components\:md\:min-w-0{min-width:0;}.layer-components\:md\:w-\[var\(--content-width\,100\%\)\]{width:var(--content-width,100%);}.layer-components\:md\:flex{display:flex;}.layer-components\:md\:flex-row{flex-direction:row;}.layer-components\:md\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:md\:flex-col{flex-direction:column;}.layer-components\:md\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:md\:flex-wrap{flex-wrap:wrap;}.layer-components\:md\:items-center{align-items:center;}.layer-components\:md\:items-stretch{align-items:stretch;}.layer-components\:md\:justify-start{justify-content:flex-start;}.layer-components\:md\:gap-2{gap:0.5rem;}.layer-components\:md\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:md\:rounded-lg{border-radius:calc(1.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:md\:rounded-none{border-radius:0;}.layer-components\:md\:border-none{border-style:none;}.layer-components\:md\:p-0{padding:0px;}.layer-components\:md\:p-6px{padding:6px;}.layer-components\:md\:p-lg{padding:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:md\:p-md{padding:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:md\:p-sm{padding:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:md\:p-xl{padding:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:md\:p-xs{padding:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:md\:pb-10{padding-bottom:2.5rem;}.layer-components\:md\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:md\:leading-normal{line-height:1.5;}.layer-components\:md\:opacity-\[var\(--content-ready\,0\)\]{opacity:var(--content-ready,0);}.layer-components\:md\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:md\:bg-transparent{background-color:transparent;--v-bg-l:unset;}:where(.layer-components\:md\:border-transparent){--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));}.layer-components\:md\:border-transparent{--v-bd-c-i:transparent;--v-bd-c-op:100%;}.layer-components\:md\:overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.layer-components\:md\:shadow-none{--un-shadow:0 0 rgb(0 0 0 / 0);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}}}@media (min-width: 768px){@layer responsive{.layer-responsive\:md\:h-auto{height:auto;}.layer-responsive\:md\:flex-row-reverse{flex-direction:row-reverse;}.layer-responsive\:md\:justify-start{justify-content:flex-start;}.layer-responsive\:md\:gap-2{gap:0.5rem;}.layer-responsive\:md\:overflow-visible{overflow:visible;}.layer-responsive\:md\:active\:bg-darken-2:active{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 2 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}}}@media (min-width: 768px){@layer variants{.layer-variants\:md\:max-w-800px{max-width:800px;}*[data-active=true] .layer-variants\:md\:\[\*\[data-active\=true\]_\&\]\:bg-\[var\(--bg\)\]{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--bg);--v-bg-op:100%;}}}@layer responsive{@media (min-width: 1024px){.lg\:layer-responsive\:grid-cols-\[1fr_auto_min\(800px\,70vw\)_1fr\]{grid-template-columns:1fr auto min(800px,70vw) 1fr;}}}@media (min-width: 1024px){@layer components{.layer-components\:lg\:flex-row{flex-direction:row;}.layer-components\:lg\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:lg\:flex-col{flex-direction:column;}.layer-components\:lg\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:lg\:flex-wrap{flex-wrap:wrap;}.layer-components\:lg\:p-lg{padding:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:lg\:p-md{padding:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:lg\:p-sm{padding:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:lg\:p-xl{padding:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:lg\:p-xs{padding:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}}}