@a-type/ui 5.0.5 → 5.0.7

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 (31) hide show
  1. package/dist/css/main.css +3 -2
  2. package/dist/esm/components/box/Box.js +1 -1
  3. package/dist/esm/components/box/Box.js.map +1 -1
  4. package/dist/esm/components/box/Box.stories.js +1 -1
  5. package/dist/esm/components/box/Box.stories.js.map +1 -1
  6. package/dist/esm/components/card/Card.stories.js +1 -1
  7. package/dist/esm/components/card/Card.stories.js.map +1 -1
  8. package/dist/esm/components/input/Input.js +1 -1
  9. package/dist/esm/components/input/Input.js.map +1 -1
  10. package/dist/esm/hooks/useVisualViewportOffset.d.ts +4 -0
  11. package/dist/esm/hooks/useVisualViewportOffset.js +32 -0
  12. package/dist/esm/hooks/useVisualViewportOffset.js.map +1 -1
  13. package/dist/esm/keyboard.stories.d.ts +14 -0
  14. package/dist/esm/keyboard.stories.js +20 -0
  15. package/dist/esm/keyboard.stories.js.map +1 -0
  16. package/dist/esm/systems/GroupScale.d.ts +2 -1
  17. package/dist/esm/systems/GroupScale.js +8 -2
  18. package/dist/esm/systems/GroupScale.js.map +1 -1
  19. package/dist/esm/uno/preflights/index.js +2 -0
  20. package/dist/esm/uno/preflights/index.js.map +1 -1
  21. package/dist/esm/uno/preflights/keyboard.js +1 -1
  22. package/package.json +1 -1
  23. package/src/components/box/Box.stories.tsx +6 -8
  24. package/src/components/box/Box.tsx +4 -1
  25. package/src/components/card/Card.stories.tsx +48 -30
  26. package/src/components/input/Input.tsx +1 -1
  27. package/src/hooks/useVisualViewportOffset.ts +47 -0
  28. package/src/keyboard.stories.tsx +34 -0
  29. package/src/systems/GroupScale.tsx +16 -2
  30. package/src/uno/preflights/index.ts +2 -0
  31. package/src/uno/preflights/keyboard.ts +1 -1
package/dist/css/main.css CHANGED
@@ -6,7 +6,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; }
7
7
  @property --l-corner-scale { syntax: "*"; inherits: false; } @property --t-shadow-y-mult { syntax: "*"; inherits: false; }
8
8
  @layer preflightBase { :root { --u-saturation: 0.5; --u-corner-scale: 1; --u-spacing-scale: 1; --u-border-scale: 1; --u-shadow-spread: 1; --u-c-primary-hue: 90.8; --u-c-accent-hue: 165.88; --u-c-lemon-hue: 90.8; --u-c-lemon-accent-hue: 165.88; --u-c-leek-hue: 165.88; --u-c-leek-accent-hue: 90.8; --u-c-tomato-hue: 10.51; --u-c-tomato-accent-hue: 165.88; --u-c-blueberry-hue: 248.14; --u-c-blueberry-accent-hue: 165.88; --u-c-eggplant-hue: 280.21; --u-c-eggplant-accent-hue: 165.88; --u-c-attention-hue: 30; --u-c-attention-accent-hue: 165.88; --u-c-success-hue: 140; --u-c-success-accent-hue: 165.88; } body, :host { font-size: 16px; } }
9
- .outline-off{outline:none;}.unset{all:unset;}.container{width:100%;}.hidden-input{pointer-events:none;position:absolute;z-index:-1;opacity:0;}.bottom-keyboard{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.center{left:50%;top:50%;--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-translate-y:-50%;}.center-x{left:50%;--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.center-y{top:50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.hidden-input::webkit-file-upload-button{display:none;}.body{min-height:100vh;color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-ink);--v-c-op:100%;background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-wash);--v-bg-op:100%;}.flex-0-0-auto{flex-shrink:0;flex-grow:0;flex-basis:auto;}.flex-1-0-0{flex-shrink:0;flex-grow:1;flex-basis:0px;}.border{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;}.border-default{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:100%;}.border-light{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;--v-bd-c-i:var(--p-gray-shade-mid);--v-bd-c-op:100%;--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);}:where(.border-default),:where(.border-light){--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{.layer-components\:\[\&\[data-focus\=true\]\]\:outline-off[data-focus=true]{outline:none;}.layer-components\:unset{all:unset;}.layer-components\:focus\:outline-off:focus{outline:none;}.layer-components\:focus-visible\:outline-off:focus-visible{outline:none;}.col{display:flex;flex-direction:column;align-items:center;gap:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.row{display:flex;flex-direction:row;align-items:center;gap:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:border{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;}.layer-components\:border-default,.layer-components\:data-\[pressed\]\:border-default[data-pressed]{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:100%;}.layer-components\:data-\[pressed\]\:hover\:border-default:hover[data-pressed]{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:100%;}.layer-components\:focus-visible\:border:focus-visible{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;}:where(.layer-components\:border-default),:where(.layer-components\:data-\[pressed\]\:border-default)[data-pressed]{--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\:data-\[pressed\]\:hover\:border-default):hover[data-pressed]{--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 composed{.layer-composed\:border{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;}.layer-composed\:border-light{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;--v-bd-c-i:var(--p-gray-shade-mid);--v-bd-c-op:100%;--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);}:where(.layer-composed\:border-light){--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{.layer-primitives\:border{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;}}@layer variants{.layer-variants\:border{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;}}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.\[--gap\:0\.75rem\]{--gap:0.75rem;}.\[--height\:var\(--toast-frontmost-height\,var\(--toast-height\)\)\]{--height:var(--toast-frontmost-height,var(--toast-height));}.\[--offset-y\:calc\(var\(--toast-offset-y\)\+calc\(var\(--toast-index\)\*var\(--gap\)\)\+var\(--toast-swipe-movement-y\)\)\]{--offset-y:calc(var(--toast-offset-y) + calc(var(--toast-index) * var(--gap)) + var(--toast-swipe-movement-y));}.\[--peek\:0\.75rem\]{--peek:0.75rem;}.\[--scale\:calc\(max\(0\,1-\(var\(--toast-index\)\*0\.1\)\)\)\]{--scale:calc(max(0,1 - (var(--toast-index) * 0.1)));}.\[--shrink\:calc\(1-var\(--scale\)\)\]{--shrink:calc(1 - var(--scale));}.\[all\:unset\]{all:unset;}.\[background-size\:400\%_400\%\]{background-size:400% 400%;}.\[grid-area\:content\]{grid-area:content;}.\[grid-area\:leftGrid\]{grid-area:leftGrid;}.\[grid-area\:leftMonth\]{grid-area:leftMonth;}.\[grid-area\:nextMonth\]{grid-area:nextMonth;}.\[grid-area\:prevMonth\]{grid-area:prevMonth;}.\[grid-area\:rightGrid\]{grid-area:rightGrid;}.\[grid-area\:rightMonth\]{grid-area:rightMonth;}.\[justify-self\:anchor-center\]{justify-self:anchor-center;}.\[outline\:none\]{outline:none;}.\[stroke-dasharray\:80_200\]{stroke-dasharray:80 200;}.\[stroke-dashoffset\:0\]{stroke-dashoffset:0;}.\[transition-duration\:250ms\]{transition-duration:250ms;}.\[transition\:transform_0\.5s_cubic-bezier\(0\.22\,1\,0\.36\,1\)\,opacity_0\.5s\,height_0\.15s\]{transition:transform 0.5s cubic-bezier(0.22,1,0.36,1),opacity 0.5s,height 0.15s;}.contain-strict{contain:strict;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.pointer-events-auto{pointer-events:auto;}.\!pointer-events-none{pointer-events:none !important;}.\[\&\[data-behind\]\:not\(\[data-expanded\]\)\]\:pointer-events-none[data-behind]:not([data-expanded]),.pointer-events-none{pointer-events:none;}.\!visible{visibility:visible !important;}.visible{visibility:visible;}[data-behind]:not([data-expanded]) .\[\[data-behind\]\:not\(\[data-expanded\]\)_\&\]\:invisible{visibility:hidden;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.after\:absolute::after{position:absolute;}.static{position:static;}.inset-0{inset:0px;}.after\:inset-0::after{inset:0px;}.bottom-\[anchor\(bottom\)\]{bottom:anchor(bottom);}.bottom-\[var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\]{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.bottom-0{bottom:0px;}.bottom-0px{bottom:0;}.bottom-2{bottom:0.5rem;}.bottom-3{bottom:0.75rem;}.left-\[anchor\(left\)\]{left:anchor(left);}.left-\[anchor\(right\)\]{left:anchor(right);}.left-0{left:0px;}.left-1\/2{left:50%;}.left-2{left:0.5rem;}.left-auto{left:auto;}.right-\[anchor\(right\)\]{right:anchor(right);}.right-0{right:0px;}.right-2{right:0.5rem;}.right-md{right:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.right-sm{right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.top-\[anchor\(bottom\)\]{top:anchor(bottom);}.top-0{top:0px;}.top-1\/2{top:50%;}.top-1px{top:1px;}.top-2{top:0.5rem;}.top-2px{top:2px;}.top-auto{top:auto;}.top-md{top:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.top-sm{top:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.top-xs{top:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.after\:left-0::after{left:0px;}.after\:top-auto::after{top:auto;}.after\:top-full::after{top:100%;}.isolate{isolation:isolate;}.z--1{z-index:-1;}.z-\[1000000\]{z-index:1000000;}.z-\[calc\(100000-var\(--toast-index\)\)\]{z-index:calc(100000 - var(--toast-index));}.z-1{z-index:1;}.z-1000{z-index:1000;}.z-10000{z-index:10000;}.z-10001{z-index:10001;}.z-101{z-index:101;}.grid{display:grid;}.col-span-2,.grid-col-span-2{grid-column:span 2/span 2;}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}.m-0{margin:0px;}.m-1{margin:0.25rem;}.m-auto{margin:auto;}.m5\.87{margin:1.4675rem;}.my-4{margin-top:1rem;margin-bottom:1rem;}.my-auto{margin-top:auto;margin-bottom:auto;}.mb-1{margin-bottom:0.25rem;}.mb-auto{margin-bottom:auto;}.mb-sm{margin-bottom:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.me{margin-inline-end:1rem;}.ml-auto{margin-left:auto;}.ml-md{margin-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.ml-sm{margin-left:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.mr-0{margin-right:0px;}.mr-1{margin-right:0.25rem;}.mr-auto{margin-right:auto;}.mt-200px{margin-top:200px;}.mt-auto{margin-top:auto;}.inline{display:inline;}.block{display:block;}.inline-block{display:inline-block;}.\!hidden{display:none !important;}.\[\&\:\:webkit-file-upload-button\]\:hidden::webkit-file-upload-button,.hidden,[data-has-icon=true] .\[\[data-has-icon\=true\]_\&\]\:hidden{display:none;}.aspect-\[9\/16\]{aspect-ratio:9/16;}.aspect-1{aspect-ratio:1;}.\[\&\[data-state\=closed\]\]\:max-h-\[var\(--peek-height\,120px\)\][data-state=closed]{max-height:var(--peek-height,120px);}.data-\[both\]\:h-\[--collapsible-panel-height\][data-both],.data-\[vertical\]\:h-\[--collapsible-panel-height\][data-vertical]{height:var(--collapsible-panel-height);}.data-\[both\]\:w-\[--collapsible-panel-width\][data-both],.data-\[horizontal\]\:w-\[--collapsible-panel-width\][data-horizontal]{width:var(--collapsible-panel-width);}.data-\[expanded\]\:h-\[--toast-height\][data-expanded]{height:var(--toast-height);}.h-\[--height\]{height:var(--height);}.h-\[100vh\]{height:100vh;}.h-\[12px\]{height:12px;}.h-\[var\(--mock-virtual-keyboard-height\,0\)\]{height:var(--mock-virtual-keyboard-height,0);}.h-100px{height:100px;}.h-16{height:4rem;}.h-16px{height:16px;}.h-1em{height:1em;}.h-1px{height:1px;}.h-200px{height:200px;}.h-240px{height:240px;}.h-24px{height:24px;}.h-300px{height:300px;}.h-32{height:8rem;}.h-600px{height:600px;}.h-64{height:16rem;}.h-80px{height:80px;}.h-full{height:100%;}.h-touch{height:30px;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h4{height:1rem;}.h5{height:1.25rem;}.max-h-200px{max-height:200px;}.max-h-20vh{max-height:20vh;}.max-h-full{max-height:100%;}.max-w-300px{max-width:300px;}.max-w-full{max-width:100%;}.max-w-sm{max-width:24rem;}.min-h-0{min-height:0;}.min-h-18px{min-height:18px;}.min-h-200px{min-height:200px;}.min-h-20vh{min-height:20vh;}.min-h-32px{min-height:32px;}.min-h-80px{min-height:80px;}.min-h-80vh{min-height:80vh;}.min-h-screen{min-height:100vh;}.min-w-0{min-width:0;}.min-w-32px{min-width:32px;}.min-w-80px{min-width:80px;}.start-end\:data-\[both\]\:h-0[data-both][data-starting-style], .start-end\:data-\[both\]\:h-0[data-both][data-ending-style],.start-end\:data-\[vertical\]\:h-0[data-vertical][data-starting-style], .start-end\:data-\[vertical\]\:h-0[data-vertical][data-ending-style]{height:0;}.start-end\:data-\[both\]\:w-0[data-both][data-starting-style], .start-end\:data-\[both\]\:w-0[data-both][data-ending-style],.start-end\:data-\[horizontal\]\:w-0[data-horizontal][data-starting-style], .start-end\:data-\[horizontal\]\:w-0[data-horizontal][data-ending-style],.w-0{width:0;}.w-\[12px\]{width:12px;}.w-\[200px\]{width:200px;}.w-10000px{width:10000px;}.w-16{width:4rem;}.w-16px{width:16px;}.w-1em{width:1em;}.w-24px{width:24px;}.w-300px{width:300px;}.w-400px{width:400px;}.w-64{width:16rem;}.w-800px{width:800px;}.w-80px{width:80px;}.w-95vw{width:95vw;}.w-full{width:100%;}.w-max-content{width:max-content;}.w-touch{width:30px;}[data-behind]:not([data-expanded]) .\[\[data-behind\]\:not\(\[data-expanded\]\)_\&\]\:max-h-\[--height\]{max-height:var(--height);}.after\:h-\[calc\(var\(--gap\)\+1px\)\]::after{height:calc(var(--gap) + 1px);}.after\:h-80px::after{height:80px;}.after\:w-full::after{width:100%;}.flex{display:flex;}.after\:flex::after{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.flex-shrink-0,.shrink-0{flex-shrink:0;}.flex-grow-0{flex-grow:0;}.flex-grow-1,.grow{flex-grow:1;}.flex-basis-0{flex-basis:0px;}.flex-basis-auto{flex-basis:auto;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.after\:flex-col::after{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.table{display:table;}.origin-top{transform-origin:top;}.transform-origin-\[--transform-origin\]{transform-origin:var(--transform-origin);}.transform-origin-\[50\%_50\%\]{transform-origin:50% 50%;}.-translate-x-1\/2,.translate-x--1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:-translate-y-150\%[data-ending-style]:not([data-limited]):not([data-swipe-direction]),.data-\[starting-style\]\:-translate-y-150\%[data-starting-style]{--un-translate-y:-150%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.data-\[ending-style\]\:data-\[swipe-direction\=down\]\:translate-y-\[calc\(var\(--toast-swipe-movement-y\)\+150\%\)\][data-swipe-direction=down][data-ending-style],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=down\]\:translate-y-\[calc\(var\(--toast-swipe-movement-y\)\+150\%\)\][data-swipe-direction=down][data-ending-style][data-expanded]{--un-translate-y:calc(var(--toast-swipe-movement-y) + 150%);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.data-\[ending-style\]\:data-\[swipe-direction\=left\]\:translate-x-\[calc\(var\(--toast-swipe-movement-x\)-150\%\)\][data-swipe-direction=left][data-ending-style],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=left\]\:translate-x-\[calc\(var\(--toast-swipe-movement-x\)-150\%\)\][data-swipe-direction=left][data-ending-style][data-expanded]{--un-translate-x:calc(var(--toast-swipe-movement-x) - 150%);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.data-\[ending-style\]\:data-\[swipe-direction\=left\]\:translate-y-\[var\(--offset-y\)\][data-swipe-direction=left][data-ending-style],.data-\[ending-style\]\:data-\[swipe-direction\=right\]\:translate-y-\[var\(--offset-y\)\][data-swipe-direction=right][data-ending-style],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=left\]\:translate-y-\[var\(--offset-y\)\][data-swipe-direction=left][data-ending-style][data-expanded],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=right\]\:translate-y-\[var\(--offset-y\)\][data-swipe-direction=right][data-ending-style][data-expanded],.data-\[expanded\]\:translate-y-\[--offset-y\][data-expanded]{--un-translate-y:var(--offset-y);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.data-\[ending-style\]\:data-\[swipe-direction\=right\]\:translate-x-\[calc\(var\(--toast-swipe-movement-x\)\+150\%\)\][data-swipe-direction=right][data-ending-style],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=right\]\:translate-x-\[calc\(var\(--toast-swipe-movement-x\)\+150\%\)\][data-swipe-direction=right][data-ending-style][data-expanded]{--un-translate-x:calc(var(--toast-swipe-movement-x) + 150%);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.data-\[ending-style\]\:data-\[swipe-direction\=up\]\:translate-y-\[calc\(var\(--toast-swipe-movement-y\)-150\%\)\][data-swipe-direction=up][data-ending-style],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=up\]\:translate-y-\[calc\(var\(--toast-swipe-movement-y\)-150\%\)\][data-swipe-direction=up][data-ending-style][data-expanded]{--un-translate-y:calc(var(--toast-swipe-movement-y) - 150%);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.data-\[expanded\]\:translate-x-\[--toast-swipe-movement-x\][data-expanded],.translate-x-\[--toast-swipe-movement-x\]{--un-translate-x:var(--toast-swipe-movement-x);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));}.translate-y--1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-y-\[calc\(var\(--toast-swipe-movement-y\)\+\(var\(--toast-index\)\*var\(--peek\)\)\+\(var\(--shrink\)\*var\(--height\)\)\)\]{--un-translate-y:calc(var(--toast-swipe-movement-y) + (var(--toast-index) * var(--peek)) + (var(--shrink) * var(--height)));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));}.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:scale-90[data-ending-style]:not([data-limited]):not([data-swipe-direction]){--un-scale-x:0.9;--un-scale-y:0.9;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.data-\[expanded\]\:scale-100[data-expanded]{--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));}.scale-\[var\(--scale\)\]{--un-scale-x:var(--scale);--un-scale-y:var(--scale);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));}.transform{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));}.transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes peek-close{
9
+ body { margin-bottom: env(virtual-keyboard-inset-bottom, 0px) !important; }
10
+ .outline-off{outline:none;}.unset{all:unset;}.container{width:100%;}.hidden-input{pointer-events:none;position:absolute;z-index:-1;opacity:0;}.bottom-keyboard{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.center{left:50%;top:50%;--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-translate-y:-50%;}.center-x{left:50%;--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.center-y{top:50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.hidden-input::webkit-file-upload-button{display:none;}.body{min-height:100vh;color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-ink);--v-c-op:100%;background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-wash);--v-bg-op:100%;}.flex-0-0-auto{flex-shrink:0;flex-grow:0;flex-basis:auto;}.flex-1-0-0{flex-shrink:0;flex-grow:1;flex-basis:0px;}.border{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;}.border-default{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:100%;}.border-light{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;--v-bd-c-i:var(--p-gray-shade-mid);--v-bd-c-op:100%;--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);}:where(.border-default),:where(.border-light){--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{.layer-components\:\[\&\[data-focus\=true\]\]\:outline-off[data-focus=true]{outline:none;}.layer-components\:unset{all:unset;}.layer-components\:focus\:outline-off:focus{outline:none;}.layer-components\:focus-visible\:outline-off:focus-visible{outline:none;}.col{display:flex;flex-direction:column;align-items:center;gap:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.row{display:flex;flex-direction:row;align-items:center;gap:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:border{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;}.layer-components\:border-default,.layer-components\:data-\[pressed\]\:border-default[data-pressed]{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:100%;}.layer-components\:data-\[pressed\]\:hover\:border-default:hover[data-pressed]{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:100%;}.layer-components\:focus-visible\:border:focus-visible{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;}:where(.layer-components\:border-default),:where(.layer-components\:data-\[pressed\]\:border-default)[data-pressed]{--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\:data-\[pressed\]\:hover\:border-default):hover[data-pressed]{--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 composed{.layer-composed\:border{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;}.layer-composed\:border-light{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;--v-bd-c-i:var(--p-gray-shade-mid);--v-bd-c-op:100%;--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);}:where(.layer-composed\:border-light){--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{.layer-primitives\:border{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;}}@layer variants{.layer-variants\:border{border-width:calc(1px * var(--u-border-scale,1));border-style:solid;}}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.\[--gap\:0\.75rem\]{--gap:0.75rem;}.\[--height\:var\(--toast-frontmost-height\,var\(--toast-height\)\)\]{--height:var(--toast-frontmost-height,var(--toast-height));}.\[--offset-y\:calc\(var\(--toast-offset-y\)\+calc\(var\(--toast-index\)\*var\(--gap\)\)\+var\(--toast-swipe-movement-y\)\)\]{--offset-y:calc(var(--toast-offset-y) + calc(var(--toast-index) * var(--gap)) + var(--toast-swipe-movement-y));}.\[--peek\:0\.75rem\]{--peek:0.75rem;}.\[--scale\:calc\(max\(0\,1-\(var\(--toast-index\)\*0\.1\)\)\)\]{--scale:calc(max(0,1 - (var(--toast-index) * 0.1)));}.\[--shrink\:calc\(1-var\(--scale\)\)\]{--shrink:calc(1 - var(--scale));}.\[all\:unset\]{all:unset;}.\[background-size\:400\%_400\%\]{background-size:400% 400%;}.\[grid-area\:content\]{grid-area:content;}.\[grid-area\:leftGrid\]{grid-area:leftGrid;}.\[grid-area\:leftMonth\]{grid-area:leftMonth;}.\[grid-area\:nextMonth\]{grid-area:nextMonth;}.\[grid-area\:prevMonth\]{grid-area:prevMonth;}.\[grid-area\:rightGrid\]{grid-area:rightGrid;}.\[grid-area\:rightMonth\]{grid-area:rightMonth;}.\[justify-self\:anchor-center\]{justify-self:anchor-center;}.\[outline\:none\]{outline:none;}.\[stroke-dasharray\:80_200\]{stroke-dasharray:80 200;}.\[stroke-dashoffset\:0\]{stroke-dashoffset:0;}.\[transition-duration\:250ms\]{transition-duration:250ms;}.\[transition\:transform_0\.5s_cubic-bezier\(0\.22\,1\,0\.36\,1\)\,opacity_0\.5s\,height_0\.15s\]{transition:transform 0.5s cubic-bezier(0.22,1,0.36,1),opacity 0.5s,height 0.15s;}.contain-strict{contain:strict;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}.pointer-events-auto{pointer-events:auto;}.\!pointer-events-none{pointer-events:none !important;}.\[\&\[data-behind\]\:not\(\[data-expanded\]\)\]\:pointer-events-none[data-behind]:not([data-expanded]),.pointer-events-none{pointer-events:none;}.\!visible{visibility:visible !important;}.visible{visibility:visible;}[data-behind]:not([data-expanded]) .\[\[data-behind\]\:not\(\[data-expanded\]\)_\&\]\:invisible{visibility:hidden;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.after\:absolute::after{position:absolute;}.static{position:static;}.inset-0{inset:0px;}.after\:inset-0::after{inset:0px;}.bottom-\[anchor\(bottom\)\]{bottom:anchor(bottom);}.bottom-\[var\(--mock-virtual-keyboard-height\,env\(keyboard-inset-height\,0px\)\)\]{bottom:var(--mock-virtual-keyboard-height,env(keyboard-inset-height,0px));}.bottom-0{bottom:0px;}.bottom-0px{bottom:0;}.bottom-2{bottom:0.5rem;}.bottom-3{bottom:0.75rem;}.left-\[anchor\(left\)\]{left:anchor(left);}.left-\[anchor\(right\)\]{left:anchor(right);}.left-0{left:0px;}.left-1\/2{left:50%;}.left-2{left:0.5rem;}.left-auto{left:auto;}.right-\[anchor\(right\)\]{right:anchor(right);}.right-0{right:0px;}.right-2{right:0.5rem;}.right-md{right:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.right-sm{right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.top-\[anchor\(bottom\)\]{top:anchor(bottom);}.top-0{top:0px;}.top-1\/2{top:50%;}.top-1px{top:1px;}.top-2{top:0.5rem;}.top-2px{top:2px;}.top-auto{top:auto;}.top-md{top:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.top-sm{top:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.top-xs{top:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.after\:left-0::after{left:0px;}.after\:top-auto::after{top:auto;}.after\:top-full::after{top:100%;}.isolate{isolation:isolate;}.z--1{z-index:-1;}.z-\[1000000\]{z-index:1000000;}.z-\[calc\(100000-var\(--toast-index\)\)\]{z-index:calc(100000 - var(--toast-index));}.z-1{z-index:1;}.z-1000{z-index:1000;}.z-10000{z-index:10000;}.z-10001{z-index:10001;}.z-101{z-index:101;}.grid{display:grid;}.col-span-2,.grid-col-span-2{grid-column:span 2/span 2;}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}.m-0{margin:0px;}.m-1{margin:0.25rem;}.m-auto{margin:auto;}.m5\.87{margin:1.4675rem;}.my-4{margin-top:1rem;margin-bottom:1rem;}.my-auto{margin-top:auto;margin-bottom:auto;}.mb-1{margin-bottom:0.25rem;}.mb-auto{margin-bottom:auto;}.mb-sm{margin-bottom:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.me{margin-inline-end:1rem;}.ml-auto{margin-left:auto;}.ml-md{margin-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.ml-sm{margin-left:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.mr-0{margin-right:0px;}.mr-1{margin-right:0.25rem;}.mr-auto{margin-right:auto;}.mt-200px{margin-top:200px;}.mt-auto{margin-top:auto;}.inline{display:inline;}.block{display:block;}.inline-block{display:inline-block;}.\!hidden{display:none !important;}.\[\&\:\:webkit-file-upload-button\]\:hidden::webkit-file-upload-button,.hidden,[data-has-icon=true] .\[\[data-has-icon\=true\]_\&\]\:hidden{display:none;}.aspect-\[9\/16\]{aspect-ratio:9/16;}.aspect-1{aspect-ratio:1;}.\[\&\[data-state\=closed\]\]\:max-h-\[var\(--peek-height\,120px\)\][data-state=closed]{max-height:var(--peek-height,120px);}.data-\[both\]\:h-\[--collapsible-panel-height\][data-both],.data-\[vertical\]\:h-\[--collapsible-panel-height\][data-vertical]{height:var(--collapsible-panel-height);}.data-\[both\]\:w-\[--collapsible-panel-width\][data-both],.data-\[horizontal\]\:w-\[--collapsible-panel-width\][data-horizontal]{width:var(--collapsible-panel-width);}.data-\[expanded\]\:h-\[--toast-height\][data-expanded]{height:var(--toast-height);}.h-\[--height\]{height:var(--height);}.h-\[100vh\],.h-screen{height:100vh;}.h-\[12px\]{height:12px;}.h-\[var\(--mock-virtual-keyboard-height\,0\)\]{height:var(--mock-virtual-keyboard-height,0);}.h-100px{height:100px;}.h-16{height:4rem;}.h-16px{height:16px;}.h-1em{height:1em;}.h-1px{height:1px;}.h-200px{height:200px;}.h-240px{height:240px;}.h-24px{height:24px;}.h-300px{height:300px;}.h-32{height:8rem;}.h-600px{height:600px;}.h-64{height:16rem;}.h-80px{height:80px;}.h-full{height:100%;}.h-touch{height:30px;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h4{height:1rem;}.h5{height:1.25rem;}.max-h-200px{max-height:200px;}.max-h-20vh{max-height:20vh;}.max-h-full{max-height:100%;}.max-w-300px{max-width:300px;}.max-w-full{max-width:100%;}.max-w-sm{max-width:24rem;}.min-h-0{min-height:0;}.min-h-18px{min-height:18px;}.min-h-200px{min-height:200px;}.min-h-20vh{min-height:20vh;}.min-h-32px{min-height:32px;}.min-h-80px{min-height:80px;}.min-h-80vh{min-height:80vh;}.min-h-screen{min-height:100vh;}.min-w-0{min-width:0;}.min-w-32px{min-width:32px;}.min-w-80px{min-width:80px;}.start-end\:data-\[both\]\:h-0[data-both][data-starting-style], .start-end\:data-\[both\]\:h-0[data-both][data-ending-style],.start-end\:data-\[vertical\]\:h-0[data-vertical][data-starting-style], .start-end\:data-\[vertical\]\:h-0[data-vertical][data-ending-style]{height:0;}.start-end\:data-\[both\]\:w-0[data-both][data-starting-style], .start-end\:data-\[both\]\:w-0[data-both][data-ending-style],.start-end\:data-\[horizontal\]\:w-0[data-horizontal][data-starting-style], .start-end\:data-\[horizontal\]\:w-0[data-horizontal][data-ending-style],.w-0{width:0;}.w-\[12px\]{width:12px;}.w-\[200px\]{width:200px;}.w-10000px{width:10000px;}.w-16{width:4rem;}.w-16px{width:16px;}.w-1em{width:1em;}.w-24px{width:24px;}.w-300px{width:300px;}.w-400px{width:400px;}.w-64{width:16rem;}.w-800px{width:800px;}.w-80px{width:80px;}.w-95vw{width:95vw;}.w-full{width:100%;}.w-max-content{width:max-content;}.w-touch{width:30px;}[data-behind]:not([data-expanded]) .\[\[data-behind\]\:not\(\[data-expanded\]\)_\&\]\:max-h-\[--height\]{max-height:var(--height);}.after\:h-\[calc\(var\(--gap\)\+1px\)\]::after{height:calc(var(--gap) + 1px);}.after\:h-80px::after{height:80px;}.after\:w-full::after{width:100%;}.flex{display:flex;}.after\:flex::after{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.flex-shrink-0,.shrink-0{flex-shrink:0;}.flex-grow,.flex-grow-1,.grow{flex-grow:1;}.flex-grow-0{flex-grow:0;}.flex-basis-0{flex-basis:0px;}.flex-basis-auto{flex-basis:auto;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.after\:flex-col::after{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.table{display:table;}.origin-top{transform-origin:top;}.transform-origin-\[--transform-origin\]{transform-origin:var(--transform-origin);}.transform-origin-\[50\%_50\%\]{transform-origin:50% 50%;}.-translate-x-1\/2,.translate-x--1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:-translate-y-150\%[data-ending-style]:not([data-limited]):not([data-swipe-direction]),.data-\[starting-style\]\:-translate-y-150\%[data-starting-style]{--un-translate-y:-150%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.data-\[ending-style\]\:data-\[swipe-direction\=down\]\:translate-y-\[calc\(var\(--toast-swipe-movement-y\)\+150\%\)\][data-swipe-direction=down][data-ending-style],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=down\]\:translate-y-\[calc\(var\(--toast-swipe-movement-y\)\+150\%\)\][data-swipe-direction=down][data-ending-style][data-expanded]{--un-translate-y:calc(var(--toast-swipe-movement-y) + 150%);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.data-\[ending-style\]\:data-\[swipe-direction\=left\]\:translate-x-\[calc\(var\(--toast-swipe-movement-x\)-150\%\)\][data-swipe-direction=left][data-ending-style],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=left\]\:translate-x-\[calc\(var\(--toast-swipe-movement-x\)-150\%\)\][data-swipe-direction=left][data-ending-style][data-expanded]{--un-translate-x:calc(var(--toast-swipe-movement-x) - 150%);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.data-\[ending-style\]\:data-\[swipe-direction\=left\]\:translate-y-\[var\(--offset-y\)\][data-swipe-direction=left][data-ending-style],.data-\[ending-style\]\:data-\[swipe-direction\=right\]\:translate-y-\[var\(--offset-y\)\][data-swipe-direction=right][data-ending-style],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=left\]\:translate-y-\[var\(--offset-y\)\][data-swipe-direction=left][data-ending-style][data-expanded],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=right\]\:translate-y-\[var\(--offset-y\)\][data-swipe-direction=right][data-ending-style][data-expanded],.data-\[expanded\]\:translate-y-\[--offset-y\][data-expanded]{--un-translate-y:var(--offset-y);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.data-\[ending-style\]\:data-\[swipe-direction\=right\]\:translate-x-\[calc\(var\(--toast-swipe-movement-x\)\+150\%\)\][data-swipe-direction=right][data-ending-style],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=right\]\:translate-x-\[calc\(var\(--toast-swipe-movement-x\)\+150\%\)\][data-swipe-direction=right][data-ending-style][data-expanded]{--un-translate-x:calc(var(--toast-swipe-movement-x) + 150%);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.data-\[ending-style\]\:data-\[swipe-direction\=up\]\:translate-y-\[calc\(var\(--toast-swipe-movement-y\)-150\%\)\][data-swipe-direction=up][data-ending-style],.data-\[expanded\]\:data-\[ending-style\]\:data-\[swipe-direction\=up\]\:translate-y-\[calc\(var\(--toast-swipe-movement-y\)-150\%\)\][data-swipe-direction=up][data-ending-style][data-expanded]{--un-translate-y:calc(var(--toast-swipe-movement-y) - 150%);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.data-\[expanded\]\:translate-x-\[--toast-swipe-movement-x\][data-expanded],.translate-x-\[--toast-swipe-movement-x\]{--un-translate-x:var(--toast-swipe-movement-x);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));}.translate-y--1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.translate-y-\[calc\(var\(--toast-swipe-movement-y\)\+\(var\(--toast-index\)\*var\(--peek\)\)\+\(var\(--shrink\)\*var\(--height\)\)\)\]{--un-translate-y:calc(var(--toast-swipe-movement-y) + (var(--toast-index) * var(--peek)) + (var(--shrink) * var(--height)));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));}.rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:scale-90[data-ending-style]:not([data-limited]):not([data-swipe-direction]){--un-scale-x:0.9;--un-scale-y:0.9;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.data-\[expanded\]\:scale-100[data-expanded]{--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));}.scale-\[var\(--scale\)\]{--un-scale-x:var(--scale);--un-scale-y:var(--scale);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));}.transform{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));}.transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}@keyframes peek-close{
10
11
  from { height: calc(var(--collapsible-height) + 80px); max-height: none; }
11
12
  to { height: min(var(--peek-height, 120px), var(--collapsible-height)); max-height: var(--peek-height, 120px); }
12
13
  }@keyframes peek-open{
@@ -25,7 +26,7 @@
25
26
  0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; }
26
27
  50% { stroke-dasharray: 100, 200; stroke-dashoffset: -15; }
27
28
  100% { stroke-dasharray: 100, 200; stroke-dashoffset: -125; }
28
- }.animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.animate-skeleton{animation:skeleton 1s linear 1;}.animate-spin{animation:spin 1s linear infinite;}.animate-spinner-stroke{animation:spinner-stroke 1s linear 1;}.\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed]{animation-duration:300ms;}.\[\&\[data-state\=open\]\]\:animate-duration-600[data-state=open]{animation-duration:600ms;}.animate-duration-1200{animation-duration:1200ms;}.animate-duration-1400{animation-duration:1400ms;}.animate-duration-200{animation-duration:200ms;}.animate-ease-default{animation-timing-function:ease;}.animate-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.animate-ease-linear{animation-timing-function:linear;}.\[\&\[data-state\=open\]\]\:animate-forwards[data-state=open],.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.data-\[active\]\:cursor-default[data-active]{cursor:default;}.cursor-pointer{cursor:pointer;}.touch-none{touch-action:none;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.list-decimal{list-style-type:decimal;}.list-disc{list-style-type:disc;}.list-inside{list-style-position:inside;}.items-start{align-items:flex-start;}.items-end{align-items:flex-end;}.items-center{align-items:center;}.after\:items-center::after{align-items:center;}.items-stretch{align-items:stretch;}.self-end{align-self:flex-end;}.self-center{align-self:center;}.self-stretch{align-self:stretch;}.justify-end{justify-content:flex-end;}.after\:justify-end::after{justify-content:flex-end;}.justify-center{justify-content:center;}.gap-10px{gap:10px;}.gap-2{gap:0.5rem;}.gap-2px{gap:2px;}.gap-4{gap:1rem;}.gap-lg{gap:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.gap-md{gap:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.gap-sm{gap:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.gap-xl{gap:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.gap-xs{gap:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.gap-xxs{column-gap:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.overflow-clip{overflow:clip;}.overflow-hidden{overflow:hidden;}.b,.border-width-thin{border-width:calc(1px * var(--u-border-scale,1));}.border-2{border-width:2px;}.border-b{border-bottom-width:calc(1px * var(--u-border-scale,1));}.border-t{border-top-width:calc(1px * var(--u-border-scale,1));}.rounded{border-radius:0.25rem;}.rounded-full{border-radius:calc(99999px * var(--u-corner-scale,1));}.rounded-lg{border-radius:calc(1.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.rounded-md{border-radius:calc(1rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.rounded-none{border-radius:0;}.rounded-sm{border-radius:calc(0.5rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.rounded-xs{border-radius:calc(0.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.\[\&_\.ProseMirror\]\:border-none .ProseMirror,.border-none{border-style:none;}.border-solid{border-style:solid;}.border-b-solid{border-bottom-style:solid;}.border-t-solid{border-top-style:solid;}.from-transparent{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-transparent::after{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.via-fg{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--v-c, var(--v-c-i, var(--m-black))) var(--un-gradient-via-position), var(--un-gradient-to);}.to-primary-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--p-primary-shade-wash) var(--un-gradient-to-position);}.to-transparent{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.after\:to-white::after{--un-gradient-to-position:100%;--un-gradient-to:var(--p-high-contrast-shade-wash) var(--un-gradient-to-position);}.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-b::after{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.stroke-current{stroke:currentColor /* currentColor */;}.stroke-main-dark{stroke:var(--p-shade-dark) /* var(--p-shade-dark) */;}.object-cover{object-fit:cover;}.object-contain{object-fit:contain;}.p-0{padding:0px;}.p-10{padding:2.5rem;}.p-4{padding:1rem;}.p-md{padding:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.p-sm{padding:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.p-xs{padding:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.after\:p-3::after{padding:0.75rem;}.px{padding-left:1rem;padding-right:1rem;}.px-25px{padding-left:25px;padding-right:25px;}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-md{padding-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.text-center{text-align:center;}.v-middle{vertical-align:middle;}.text-\[19px\]{font-size:19px;}.text-2xl{font-size:1.75rem;line-height:2.25rem;}.text-3xl{font-size:2rem;line-height:2.5rem;}.text-lg{font-size:1.25rem;line-height:1.75rem;}.text-md{font-size:1.125rem;line-height:1.5rem;}.text-sm{font-size:1rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.after\:text-xs::after{font-size:0.75rem;line-height:1rem;}.text-size-\[calc\(0\.5px\*var\(--avatar-size\,24px\)\)\]{font-size:calc(0.5px * var(--avatar-size,24px));}.font-bold{font-weight:700;}.font-normal{font-weight:400;}.leading-1{line-height:0.25rem;}.leading-6{line-height:1.5rem;}.leading-tight{line-height:1.25;}.italic{font-style:italic;}.oblique{font-style:oblique;}.underline{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:opacity-50[data-ending-style]:not([data-limited]):not([data-swipe-direction]){opacity:0.5;}.data-\[ending-style\]\:opacity-0[data-ending-style],.data-\[limited\]\:opacity-0[data-limited],.op-0,.start-end\:opacity-0[data-starting-style], .start-end\:opacity-0[data-ending-style],[data-behind]:not([data-expanded]) .\[\[data-behind\]\:not\(\[data-expanded\]\)_\&\]\:opacity-0{opacity:0;}.opacity-30{opacity:0.3;}.opacity-80{opacity:0.8;}.opacity1{opacity:0.01;}.opacity2{opacity:0.02;}.opacity3{opacity:0.03;}[data-expanded] .\[\[data-expanded\]_\&\]\:opacity-100{opacity:1;}.hover\:opacity-100:hover{opacity:1;}.focus\:opacity-100:focus{opacity:1;}.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)),
29
+ }.animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.animate-skeleton{animation:skeleton 1s linear 1;}.animate-spin{animation:spin 1s linear infinite;}.animate-spinner-stroke{animation:spinner-stroke 1s linear 1;}.\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed]{animation-duration:300ms;}.\[\&\[data-state\=open\]\]\:animate-duration-600[data-state=open]{animation-duration:600ms;}.animate-duration-1200{animation-duration:1200ms;}.animate-duration-1400{animation-duration:1400ms;}.animate-duration-200{animation-duration:200ms;}.animate-ease-default{animation-timing-function:ease;}.animate-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.animate-ease-linear{animation-timing-function:linear;}.\[\&\[data-state\=open\]\]\:animate-forwards[data-state=open],.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.data-\[active\]\:cursor-default[data-active]{cursor:default;}.cursor-pointer{cursor:pointer;}.touch-none{touch-action:none;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.list-decimal{list-style-type:decimal;}.list-disc{list-style-type:disc;}.list-inside{list-style-position:inside;}.items-start{align-items:flex-start;}.items-end{align-items:flex-end;}.items-center{align-items:center;}.after\:items-center::after{align-items:center;}.items-stretch{align-items:stretch;}.self-end{align-self:flex-end;}.self-center{align-self:center;}.self-stretch{align-self:stretch;}.justify-end{justify-content:flex-end;}.after\:justify-end::after{justify-content:flex-end;}.justify-center{justify-content:center;}.gap-10px{gap:10px;}.gap-2{gap:0.5rem;}.gap-2px{gap:2px;}.gap-4{gap:1rem;}.gap-lg{gap:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.gap-md{gap:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.gap-sm{gap:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.gap-xl{gap:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.gap-xs{gap:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.gap-xxs{column-gap:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.overflow-clip{overflow:clip;}.overflow-hidden{overflow:hidden;}.b,.border-width-thin{border-width:calc(1px * var(--u-border-scale,1));}.border-2{border-width:2px;}.border-b{border-bottom-width:calc(1px * var(--u-border-scale,1));}.border-t{border-top-width:calc(1px * var(--u-border-scale,1));}.rounded{border-radius:0.25rem;}.rounded-full{border-radius:calc(99999px * var(--u-corner-scale,1));}.rounded-lg{border-radius:calc(1.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.rounded-md{border-radius:calc(1rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.rounded-none{border-radius:0;}.rounded-sm{border-radius:calc(0.5rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.rounded-xs{border-radius:calc(0.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.\[\&_\.ProseMirror\]\:border-none .ProseMirror,.border-none{border-style:none;}.border-solid{border-style:solid;}.border-b-solid{border-bottom-style:solid;}.border-t-solid{border-top-style:solid;}.from-transparent{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-transparent::after{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.via-fg{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--v-c, var(--v-c-i, var(--m-black))) var(--un-gradient-via-position), var(--un-gradient-to);}.to-primary-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--p-primary-shade-wash) var(--un-gradient-to-position);}.to-transparent{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.after\:to-white::after{--un-gradient-to-position:100%;--un-gradient-to:var(--p-high-contrast-shade-wash) var(--un-gradient-to-position);}.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-b::after{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.stroke-current{stroke:currentColor /* currentColor */;}.stroke-main-dark{stroke:var(--p-shade-dark) /* var(--p-shade-dark) */;}.object-cover{object-fit:cover;}.object-contain{object-fit:contain;}.p-0{padding:0px;}.p-10{padding:2.5rem;}.p-4{padding:1rem;}.p-lg{padding:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.p-md{padding:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.p-sm{padding:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.p-xs{padding:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.after\:p-3::after{padding:0.75rem;}.px{padding-left:1rem;padding-right:1rem;}.px-25px{padding-left:25px;padding-right:25px;}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-md{padding-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.text-center{text-align:center;}.v-middle{vertical-align:middle;}.text-\[19px\]{font-size:19px;}.text-2xl{font-size:1.75rem;line-height:2.25rem;}.text-3xl{font-size:2rem;line-height:2.5rem;}.text-lg{font-size:1.25rem;line-height:1.75rem;}.text-md{font-size:1.125rem;line-height:1.5rem;}.text-sm{font-size:1rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.after\:text-xs::after{font-size:0.75rem;line-height:1rem;}.text-size-\[calc\(0\.5px\*var\(--avatar-size\,24px\)\)\]{font-size:calc(0.5px * var(--avatar-size,24px));}.font-bold{font-weight:700;}.font-normal{font-weight:400;}.leading-1{line-height:0.25rem;}.leading-6{line-height:1.5rem;}.leading-tight{line-height:1.25;}.italic{font-style:italic;}.oblique{font-style:oblique;}.underline{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:opacity-50[data-ending-style]:not([data-limited]):not([data-swipe-direction]){opacity:0.5;}.data-\[ending-style\]\:opacity-0[data-ending-style],.data-\[limited\]\:opacity-0[data-limited],.op-0,.start-end\:opacity-0[data-starting-style], .start-end\:opacity-0[data-ending-style],[data-behind]:not([data-expanded]) .\[\[data-behind\]\:not\(\[data-expanded\]\)_\&\]\:opacity-0{opacity:0;}.opacity-30{opacity:0.3;}.opacity-80{opacity:0.8;}.opacity1{opacity:0.01;}.opacity2{opacity:0.02;}.opacity3{opacity:0.03;}[data-expanded] .\[\[data-expanded\]_\&\]\:opacity-100{opacity:1;}.hover\:opacity-100:hover{opacity:1;}.focus\:opacity-100:focus{opacity:1;}.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)),
29
30
  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);}.shadow-op-0{--un-shadow-opacity:0;}.shadow-op-10{--un-shadow-opacity:0.1;}.shadow-op-100{--un-shadow-opacity:1;}.shadow-op-20{--un-shadow-opacity:0.2;}.shadow-op-30{--un-shadow-opacity:0.3;}.shadow-op-40{--un-shadow-opacity:0.4;}.shadow-op-50{--un-shadow-opacity:0.5;}.shadow-op-60{--un-shadow-opacity:0.6;}.shadow-op-70{--un-shadow-opacity:0.7;}.shadow-op-80{--un-shadow-opacity:0.8;}.shadow-op-90{--un-shadow-opacity:0.9;}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted]{outline:2px solid transparent;outline-offset:2px;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.ring{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.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);}.focus-visible\:ring:focus-visible{--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);}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-color{transition-property:color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-height{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.will-change-transform{will-change:transform;}.after\:\[\&\[data-state\=open\]\]\:content-\[\"-_tap_to_collapse_-\"\][data-state=open]::after{content:"- tap to collapse -";}.after\:content-\[\"-_tap_to_expand_-\"\]::after{content:"- tap to expand -";}.after\:content-empty::after{content:"";}.placeholder-\$colors::placeholder{color:var(--colors) /* var(--colors) */;}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.color-black{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-ink);--v-c-op:100%;}.color-\$colors{color:var(--v-c,var(--v-c-i));--v-c-i:var(--colors);--v-c-op:100%;}.color-bg{color:var(--v-c,var(--v-c-i));--v-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-c-op:100%;}.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%;}.color-gray-dark{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-dark);--v-c-op:100%;}.color-gray-ink{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-ink);--v-c-op:100%;}.color-inherit{color:var(--v-c,var(--v-c-i));--v-c-i:unset;}.color-primary-dark{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-primary-shade-dark);--v-c-op:100%;}.color-primary-dark\/10{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:10%;}.color-primary-dark\/100{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:100%;}.color-primary-dark\/20{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:20%;}.color-primary-dark\/30{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:30%;}.color-primary-dark\/40{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:40%;}.color-primary-dark\/50{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:50%;}.color-primary-dark\/60{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:60%;}.color-primary-dark\/70{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:70%;}.color-primary-dark\/80{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:80%;}.color-primary-dark\/90{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:90%;}.color-white{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-wash);--v-c-op:100%;}.after\:color-gray-dark::after{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-dark);--v-c-op:100%;}.color-darken-5{--v-c:oklch(from var(--v-c-i,currentColor) calc(l * (1 + 5 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.\[\&_\.ProseMirror\:focus\]\:bg-transparent .ProseMirror:focus,.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror,.bg-transparent{background-color:transparent;--v-bg-l:unset;}.\[\&\[data-highlighted\]\]\:bg-gray-light[data-highlighted],.bg-gray-light{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-light);--v-bg-op:100%;}.bg-\$colors{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--colors);--v-bg-op:100%;}.bg-attention{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-attention-shade-mid);--v-bg-op:100%;}.bg-attention-light{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-attention-shade-light);--v-bg-op:100%;}.bg-black{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:100%;}.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%;}.bg-gray{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-mid);--v-bg-op:100%;}.bg-gray-dark{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-dark);--v-bg-op:100%;}.bg-gray-ink{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-ink);--v-bg-op:100%;}.bg-gray-wash,.bg-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-wash);--v-bg-op:100%;}.bg-main{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-mid);--v-bg-op:100%;}.bg-main-dark{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-dark);--v-bg-op:100%;}.bg-main-ink{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-ink);--v-bg-op:100%;}.bg-main-light{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-light);--v-bg-op:100%;}.bg-main-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-wash);--v-bg-op:100%;}.bg-primary-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-primary-shade-wash);--v-bg-op:100%;}.bg-primary\/10{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:10%;}.bg-primary\/100{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:100%;}.bg-primary\/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-primary-shade-mid);--v-bg-op:20%;}.bg-primary\/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-primary-shade-mid);--v-bg-op:30%;}.bg-primary\/40{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:40%;}.bg-primary\/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-primary-shade-mid);--v-bg-op:50%;}.bg-primary\/60{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:60%;}.bg-primary\/70{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:70%;}.bg-primary\/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-primary-shade-mid);--v-bg-op:80%;}.bg-primary\/90{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:90%;}.bg-success{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-success-shade-mid);--v-bg-op:100%;}.bg-success-light{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-success-shade-light);--v-bg-op:100%;}.bg-white{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-wash);--v-bg-op:100%;}.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%;}.bg-lighten-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);}.bg-lighten-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);}.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);}.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);}.bg-darken-2,[data-behind]:not([data-expanded]) .\[\[data-behind\]\:not\(\[data-expanded\]\)_\&\]\: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);}:where(.border-bg),:where(.border-black),:where(.border-color),:where(.border-gray-light),:where(.border-gray),:where(.border-main),:where(.border-white){--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(.border-black\/10),:where(.border-black\/100),:where(.border-black\/20),:where(.border-black\/30),:where(.border-black\/40),:where(.border-black\/50),:where(.border-black\/60),:where(.border-black\/70),:where(.border-black\/80),:where(.border-black\/90){--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%))));}.border-bg{--v-bd-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-bd-c-op:100%;}.border-black,.border-black\/100{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:100%;}.border-black\/10{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:10%;}.border-black\/20{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:20%;}.border-black\/30{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:30%;}.border-black\/40{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:40%;}.border-black\/50{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:50%;}.border-black\/60{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:60%;}.border-black\/70{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:70%;}.border-black\/80{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:80%;}.border-black\/90{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:90%;}.border-color{--v-bd-c-i:var(--v-c, var(--v-c-i, var(--m-black)));--v-bd-c-op:100%;}.border-gray{--v-bd-c-i:var(--p-gray-shade-mid);--v-bd-c-op:100%;}.border-gray-light{--v-bd-c-i:var(--p-gray-shade-light);--v-bd-c-op:100%;}.border-main{--v-bd-c-i:var(--p-shade-mid);--v-bd-c-op:100%;}.border-white{--v-bd-c-i:var(--p-high-contrast-shade-wash);--v-bd-c-op:100%;}.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);}.border-darken-5{--v-bd-c:oklch(from var(--v-bd-c-i,currentColor) calc(l * (1 + 5 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.border-t-black{border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i));--v-bd-t-c-i:var(--p-high-contrast-shade-ink);--v-bd-t-c-op:100%;}.ring-\$colors{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--colors);--v-ring-c-op:100%;}.ring-primary-light\/10{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:10%;}.ring-primary-light\/100{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:100%;}.ring-primary-light\/20{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:20%;}.ring-primary-light\/30{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:30%;}.ring-primary-light\/40{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:40%;}.ring-primary-light\/50{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:50%;}.ring-primary-light\/60{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:60%;}.ring-primary-light\/70{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:70%;}.ring-primary-light\/80{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:80%;}.ring-primary-light\/90{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:90%;}.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%;}.focus\:ring-accent:focus{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-accent-shade-mid);--v-ring-c-op:100%;}.focus-visible\:ring-accent:focus-visible{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--p-accent-shade-mid);--v-ring-c-op:100%;}.accent-\$colors{accent-color:var(--v-accent-c,var(--v-accent-c-i));--v-accent-c-i:var(--colors);--v-accent-c-op:100%;}.accent-color{accent-color:var(--v-accent-c,var(--v-accent-c-i));--v-accent-c-i:var(--v-c, var(--v-c-i, var(--m-black)));--v-accent-c-op:100%;}.anchor-container{anchor-name:--container;}.anchor-demo{anchor-name:--demo;}.anchor-name{anchor-name:--name;}.anchor-to-container{position-anchor:--container;}.anchor-to-demo{position-anchor:--demo;}.overflow-stable{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;}.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;}.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;}.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;}.overflow-unstable{scrollbar-gutter:auto;}.\[\&_\.ProseMirror\:focus\]\:shadow-none .ProseMirror:focus,.\[\&_\.ProseMirror\]\:shadow-none .ProseMirror{--un-shadow:0 0 rgb(0 0 0 / 0);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.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;}.arrow[data-side="bottom"]{transform:rotate(180deg);top:calc(-1 * var(--t-arrow-size) / 2);}.arrow[data-side="left"]{transform:rotate(-90deg);right:calc(-1 * var(--t-arrow-size) * 0.75);}.arrow[data-side="right"]{transform:rotate(90deg);left:calc(-1 * var(--t-arrow-size) * 0.75);}.arrow[data-side="top"]{transform:rotate(0deg);bottom:calc(-1 * var(--t-arrow-size) / 2 + 1px);}.clip-path{clip-path:url(#path);}.start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[0\]-\[0\]-\[calc\(100\%_-_var\(--trigger-width\)\)\]-\[round\]-\[200px\][data-starting-style], .start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[0\]-\[0\]-\[calc\(100\%_-_var\(--trigger-width\)\)\]-\[round\]-\[200px\][data-ending-style]{clip-path:inset(calc(100% - var(--trigger-height)) 0 0 calc(100% - var(--trigger-width)) round 200px);}.start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[calc\(\(100\%_-_var\(--trigger-width\)\)\/2\)\]-\[0\]-\[calc\(\(100\%_-_var\(--trigger-width\)\)\/2\)\]-\[round\]-\[200px\][data-starting-style], .start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[calc\(\(100\%_-_var\(--trigger-width\)\)\/2\)\]-\[0\]-\[calc\(\(100\%_-_var\(--trigger-width\)\)\/2\)\]-\[round\]-\[200px\][data-ending-style]{clip-path:inset(calc(100% - var(--trigger-height)) calc((100% - var(--trigger-width))/2) 0 calc((100% - var(--trigger-width))/2) round 200px);}.start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[calc\(100\%_-_var\(--trigger-width\)\)\]-\[0\]-\[0\]-\[round\]-\[200px\][data-starting-style], .start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[calc\(100\%_-_var\(--trigger-width\)\)\]-\[0\]-\[0\]-\[round\]-\[200px\][data-ending-style]{clip-path:inset(calc(100% - var(--trigger-height)) calc(100% - var(--trigger-width)) 0 0 round 200px);}@layer components{.layer-components\:\[--global-shadow-spread\:1\]{--global-shadow-spread:1;}.layer-components\:\[--scroll-area-overflow-x-end\:inherit\]{--scroll-area-overflow-x-end:inherit;}.layer-components\:\[--scroll-area-overflow-x-start\:inherit\]{--scroll-area-overflow-x-start:inherit;}.layer-components\:\[--scroll-area-overflow-y-end\:inherit\]{--scroll-area-overflow-y-end:inherit;}.layer-components\:\[--scroll-area-overflow-y-start\:inherit\]{--scroll-area-overflow-y-start:inherit;}.layer-components\:\[\&\[data-different-month\]\]\:\[visibility\:hidden\][data-different-month]{visibility:hidden;}.layer-components\:\[all\:unset\]{all:unset;}.layer-components\:\[font-family\:inherit\],.layer-components\:font-inherit{font-family:inherit;}.layer-components\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:\[grid-auto-columns\:1fr\]{grid-auto-columns:1fr;}.layer-components\:\[grid-auto-flow\:column\]{grid-auto-flow:column;}.layer-components\:\[grid-auto-rows\:var\(--day-size\,32px\)\]{grid-auto-rows:var(--day-size,32px);}.layer-components\:\[grid-template-columns\:auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}.layer-components\:\[grid-template-rows\:auto_1fr\]{grid-template-rows:auto 1fr;}.layer-components\:\[justify-content\:safe_center\]{justify-content:safe center;}.layer-components\:\[transition-property\:transform\,width\,color\]{transition-property:transform,width,color;}.layer-components\:before\:\[--scroll-area-overflow-x-start\:inherit\]::before{--scroll-area-overflow-x-start:inherit;}.layer-components\:before\:\[--scroll-area-overflow-y-start\:inherit\]::before{--scroll-area-overflow-y-start:inherit;}.layer-components\:after\:\[--scroll-area-overflow-x-end\:inherit\]::after{--scroll-area-overflow-x-end:inherit;}.layer-components\:after\:\[--scroll-area-overflow-y-end\:inherit\]::after{--scroll-area-overflow-y-end:inherit;}.layer-components\:contain-layout{contain:layout;}.layer-components\:\[\&\>\*\]\:pointer-events-auto>*,.layer-components\:data-\[hovering\]\:pointer-events-auto[data-hovering],.layer-components\:pointer-events-auto{pointer-events:auto;}.layer-components\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.layer-components\:pointer-events-none{pointer-events:none;}.layer-components\:absolute{position:absolute;}.layer-components\:fixed{position:fixed;}.layer-components\:relative{position:relative;}.layer-components\:sticky{position:sticky;}.layer-components\:\[\&\[data-today\]\]\:before\:absolute[data-today]::before{position:absolute;}.layer-components\:before\:absolute::before{position:absolute;}.layer-components\:data-\[checked\]\:before\:absolute[data-checked]::before{position:absolute;}.layer-components\:after\:absolute::after{position:absolute;}.layer-components\:inset-0{inset:0px;}.layer-components\:before\:inset-x-4::before{left:1rem;right:1rem;}.layer-components\:bottom-\[anchor\(bottom\)\]{bottom:anchor(bottom);}.layer-components\:bottom-\[var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\]{bottom:var(--nav-height,env(safe-area-inset-bottom,0px));}.layer-components\:bottom-0,.layer-components\:data-\[direction\=down\]\:bottom-0[data-direction=down]{bottom:0px;}.layer-components\:bottom-2{bottom:0.5rem;}.layer-components\:bottom-md{bottom:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:bottom-sm{bottom:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:left-0{left:0px;}.layer-components\:left-2{left:0.5rem;}.layer-components\:left-50\%{left:50%;}.layer-components\:left-9px{left:9px;}.layer-components\:left-sm{left:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:right-0{right:0px;}.layer-components\:right-6px{right:6px;}.layer-components\:right-sm{right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:top--3px{top:-3px;}.layer-components\:top-0{top:0px;}.layer-components\:top-1\/2,.layer-components\:top-50\%{top:50%;}.layer-components\:top-6px{top:6px;}.layer-components\:top-sm{top:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&\[data-today\]\]\:before\:left-\[1px\][data-today]::before{left:1px;}.layer-components\:\[\&\[data-today\]\]\:before\:top-\[1px\][data-today]::before{top:1px;}.layer-components\:before\:left-0::before{left:0px;}.layer-components\:before\:top-0::before{top:0px;}.layer-components\:data-\[checked\]\:before\:left-0[data-checked]::before{left:0px;}.layer-components\:data-\[checked\]\:before\:top-0[data-checked]::before{top:0px;}.layer-components\:data-\[direction\=down\]\:data-\[side\=none\]\:before\:-bottom-full[data-side=none][data-direction=down]::before{bottom:-100%;}.layer-components\:data-\[direction\=up\]\:data-\[side\=none\]\:before\:-top-full[data-side=none][data-direction=up]::before{top:-100%;}.layer-components\:after\:bottom-0::after{bottom:0px;}.layer-components\:after\:left-0::after{left:0px;}.layer-components\:after\:right-0::after{right:0px;}.layer-components\:after\:top-0::after{top:0px;}.layer-components\:isolate{isolation:isolate;}.layer-components\:\[\&\[data-in-range\]\]\:z-1[data-in-range],.layer-components\:\[\&\[data-range-end\]\]\:z-1[data-range-end],.layer-components\:\[\&\[data-range-start\]\]\:z-1[data-range-start],.layer-components\:data-\[highlighted\]\:z-1[data-highlighted],.layer-components\:z-1{z-index:1;}.layer-components\:\[\&\[data-selected\]\]\:z-2[data-selected]{z-index:2;}.layer-components\:z-\[var\(--z-nav\)\],.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-\[var\(--z-now-playing\)\]{z-index:var(--z-now-playing);}.layer-components\:z-0{z-index:0;}.layer-components\:z-10{z-index:10;}.layer-components\:z-100{z-index:100;}.layer-components\:z-50{z-index:50;}.layer-components\:z-backdrop{z-index:var(--z-backdrop);}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:hover\:z-1:hover{z-index:1;}.layer-components\:grid{display:grid;}.layer-components\:col-start-1{grid-column-start:1;}.layer-components\:col-start-2{grid-column-start:2;}.layer-components\:row-start-1{grid-row-start:1;}.layer-components\:grid-cols-\[1fr\]{grid-template-columns:1fr;}.layer-components\:grid-cols-\[repeat\(7\,var\(--day-size\,32px\)\)\]{grid-template-columns:repeat(7,var(--day-size,32px));}.layer-components\:grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.layer-components\:grid-rows-\[1fr_auto\]{grid-template-rows:1fr auto;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:m-0{margin:0px;}.layer-components\:m-5px{margin:5px;}.layer-components\:\[\&_hr\]\:my-lg hr{margin-top:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));margin-bottom:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:-m-y-2xs[data-has-icon=true][data-has-label=false]{margin-top:calc(calc(0.125rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1)) * -1);margin-bottom:calc(calc(0.125rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1)) * -1);}.layer-components\:\[\&\>\.icon\]\:mx-sm>.icon{margin-left:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));margin-right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:m-xxs,.layer-components\:mx-xs{margin-left:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));margin-right:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:mx-2{margin-left:0.5rem;margin-right:0.5rem;}.layer-components\:mx-auto{margin-left:auto;margin-right:auto;}.layer-components\:my-0{margin-top:0px;margin-bottom:0px;}.layer-components\:my-0\.5{margin-top:0.125rem;margin-bottom:0.125rem;}.layer-components\:my-auto{margin-top:auto;margin-bottom:auto;}.layer-components\:my-xs{margin-top:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));margin-bottom:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:-ml-md{margin-left:calc(calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1)) * -1);}.layer-components\:\[\&_blockquote\]\:mb-md blockquote,.layer-components\:\[\&_h1\]\:mb-md h1,.layer-components\:\[\&_h2\]\:mb-md h2,.layer-components\:\[\&_ol\]\:mb-md ol,.layer-components\:\[\&_p\]\:mb-md p,.layer-components\:\[\&_ul\]\:mb-md ul{margin-bottom:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:ml-md blockquote{margin-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:mt-md blockquote,.layer-components\:\[\&_h3\]\:\[\&\:not\(\:first-child\)\]\:mt-md:not(:first-child) h3,.layer-components\:\[\&_h4\]\:\[\&\:not\(\:first-child\)\]\:mt-md:not(:first-child) h4,.layer-components\:\[\&_ol\]\:mt-md ol,.layer-components\:\[\&_ul\]\:mt-md ul,.layer-components\:mt-md{margin-top:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_h1\,h2\,h3\,p\]\:mt-0 h1,h2,h3,p,.layer-components\:\[\&_p\]\:mt-0 p,.layer-components\:mt-0{margin-top:0px;}.layer-components\:\[\&_h1\]\:\[\&\:not\(\:first-child\)\]\:mt-xl:not(:first-child) h1{margin-top:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_h2\]\:\[\&\:not\(\:first-child\)\]\:mt-lg:not(:first-child) h2{margin-top:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_h3\]\:mb-sm h3,.layer-components\:\[\&_h4\]\:mb-sm h4,.layer-components\:\[\&_li\]\:mb-sm li,.layer-components\:mb-sm{margin-bottom:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:mb--1px{margin-bottom:-1px;}.layer-components\:mb-4{margin-bottom:1rem;}.layer-components\:mb-6{margin-bottom:1.5rem;}.layer-components\:ml-0{margin-left:0px;}.layer-components\:ml-auto{margin-left:auto;}.layer-components\:mr--1px{margin-right:-1px;}.layer-components\:mr-0{margin-right:0px;}.layer-components\:mr-auto{margin-right:auto;}.layer-components\:mt-3{margin-top:0.75rem;}.layer-components\:box-border{box-sizing:border-box;}.layer-components\:box-content{box-sizing:content-box;}.layer-components\:block{display:block;}.layer-components\:before\:block::before{display:block;}.layer-components\:after\:block::after{display:block;}.layer-components\:inline-block{display:inline-block;}.layer-components\:empty\:hidden:empty{display:none;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\:not\(\[aria-pressed\]\)\]\:aspect-1[data-has-icon=true][data-has-label=false]:not([aria-pressed]),.layer-components\:aspect-1{aspect-ratio:1;}.layer-components\:data-\[orientation\=horizontal\]\:h-0\.25rem[data-orientation=horizontal]{height:0.25rem;}.layer-components\:data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal],.layer-components\:h-full{height:100%;}.layer-components\:data-\[orientation\=vertical\]\:w-0\.25rem[data-orientation=vertical]{width:0.25rem;}.layer-components\:data-\[orientation\=vertical\]\:w-full[data-orientation=vertical],.layer-components\:w-full{width:100%;}.layer-components\:data-\[side\=none\]\:min-w-\[calc\(var\(--anchor-width\)\+2rem\)\][data-side=none]{min-width:calc(var(--anchor-width) + 2rem);}.layer-components\:h-\[20px\]{height:20px;}.layer-components\:h-\[4px\]{height:4px;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-0{height:0;}.layer-components\:h-10px{height:10px;}.layer-components\:h-1px{height:1px;}.layer-components\:h-1rem{height:1rem;}.layer-components\:h-25px{height:25px;}.layer-components\:h-27px{height:27px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-368px{height:368px;}.layer-components\:h-36px{height:36px;}.layer-components\:h-5{height:1.25rem;}.layer-components\:h-6px{height:6px;}.layer-components\:h-7px{height:7px;}.layer-components\:h-auto{height:auto;}.layer-components\:max-h-\[--available-height\],.layer-components\:max-h-\[var\(--available-height\)\]{max-height:var(--available-height);}.layer-components\:max-h-300px{max-height:300px;}.layer-components\:max-h-80px{max-height:80px;}.layer-components\:max-h-85vh{max-height:85vh;}.layer-components\:max-h-full{max-height:100%;}.layer-components\:max-w-\[--available-width\]{max-width:var(--available-width);}.layer-components\:max-w-450px{max-width:450px;}.layer-components\:max-w-80vw{max-width:80vw;}.layer-components\:max-w-full{max-width:100%;}.layer-components\:min-h-0{min-height:0;}.layer-components\:min-h-100dvh{min-height:100dvh;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-h-40px,.layer-components\:min-h-touch-large{min-height:40px;}.layer-components\:min-h-touch{min-height:30px;}.layer-components\:min-w-\[var\(--anchor-width\)\]{min-width:var(--anchor-width);}.layer-components\:min-w-0{min-width:0;}.layer-components\:min-w-100px{min-width:100px;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-12ch{min-width:12ch;}.layer-components\:min-w-220px{min-width:220px;}.layer-components\:min-w-3ch{min-width:3ch;}.layer-components\:min-w-4{min-width:1rem;}.layer-components\:min-w-60px{min-width:60px;}.layer-components\:min-w-80px{min-width:80px;}.layer-components\:w-\[--active-tab-width\]{width:var(--active-tab-width);}.layer-components\:w-\[--anchor-width\]{width:var(--anchor-width);}.layer-components\:w-\[20px\]{width:20px;}.layer-components\:w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.layer-components\:w-0{width:0;}.layer-components\:w-0\.5px{width:0.5px;}.layer-components\:w-10px{width:10px;}.layer-components\:w-20\%{width:20%;}.layer-components\:w-24px{width:24px;}.layer-components\:w-25px{width:25px;}.layer-components\:w-28px{width:28px;}.layer-components\:w-42px{width:42px;}.layer-components\:w-5{width:1.25rem;}.layer-components\:w-6px{width:6px;}.layer-components\:w-90vw{width:90vw;}.layer-components\:w-auto{width:auto;}.layer-components\:w-fit{width:fit-content;}.layer-components\:w-max-content{width:max-content;}.layer-components\:w-min-content{width:min-content;}[data-scroll-direction=horizontal]>.layer-components\:\[\[data-scroll-direction\=horizontal\]\>\&\,\[data-scroll-direction\=both\]\>\&\]\:min-w-min-content,[data-scroll-direction=both]>.layer-components\:\[\[data-scroll-direction\=horizontal\]\>\&\,\[data-scroll-direction\=both\]\>\&\]\:min-w-min-content{min-width:min-content;}.layer-components\:data-\[orientation\=horizontal\]\:hover\:h-0\.5rem:hover[data-orientation=horizontal]{height:0.5rem;}.layer-components\:data-\[orientation\=vertical\]\:hover\:w-0\.5rem:hover[data-orientation=vertical]{width:0.5rem;}.layer-components\:\[\&\[data-today\]\]\:before\:h-\[6px\][data-today]::before{height:6px;}.layer-components\:\[\&\[data-today\]\]\:before\:w-\[6px\][data-today]::before{width:6px;}.layer-components\:before\:h-\[min\(40px\,var\(--scroll-area-overflow-y-start\,40px\)\)\]::before{height:min(40px,var(--scroll-area-overflow-y-start,40px));}.layer-components\:before\:h-full::before{height:100%;}.layer-components\:before\:h-px::before{height:1px;}.layer-components\:before\:w-\[min\(40px\,var\(--scroll-area-overflow-x-start\,40px\)\)\]::before{width:min(40px,var(--scroll-area-overflow-x-start,40px));}.layer-components\:before\:w-full::before{width:100%;}.layer-components\:data-\[checked\]\:before\:h-full[data-checked]::before{height:100%;}.layer-components\:data-\[checked\]\:before\:w-full[data-checked]::before{width:100%;}.layer-components\:data-\[orientation\=horizontal\]\:before\:h-1\.25rem[data-orientation=horizontal]::before{height:1.25rem;}.layer-components\:data-\[orientation\=horizontal\]\:before\:w-full[data-orientation=horizontal]::before{width:100%;}.layer-components\:data-\[orientation\=vertical\]\:before\:h-full[data-orientation=vertical]::before{height:100%;}.layer-components\:data-\[orientation\=vertical\]\:before\:w-1\.25rem[data-orientation=vertical]::before{width:1.25rem;}.layer-components\:after\:h-\[min\(40px\,var\(--scroll-area-overflow-y-end\,40px\)\)\]::after{height:min(40px,var(--scroll-area-overflow-y-end,40px));}.layer-components\:after\:h-full::after{height:100%;}.layer-components\:after\:w-\[min\(40px\,var\(--scroll-area-overflow-x-end\,40px\)\)\]::after{width:min(40px,var(--scroll-area-overflow-x-end,40px));}.layer-components\:after\:w-full::after{width:100%;}.layer-components\:flex{display:flex;}.layer-components\:data-\[checked\]\:before\:flex[data-checked]::before{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-\[0_0_20px\]{flex:0 0 20px;}.layer-components\:flex-1{flex:1 1 0%;}.layer-components\:flex-shrink-0,.layer-components\:shrink-0{flex-shrink:0;}.layer-components\:flex-shrink-1{flex-shrink:1;}.layer-components\:flex-grow,.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0px;}.layer-components\:flex-basis-auto{flex-basis:auto;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:flex-col{flex-direction:column;}.layer-components\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:flex-wrap{flex-wrap:wrap;}.layer-components\:transform-origin-\[--transform-origin\],.layer-components\:transform-origin-\[var\(--transform-origin\)\]{transform-origin:var(--transform-origin);}.layer-components\:transform-origin-br{transform-origin:bottom right;}.layer-components\:transform-origin-cc{transform-origin:center center;}.layer-components\:transform-origin-center{transform-origin:center;}.layer-components\:translate--7px{--un-translate-x:-7px;--un-translate-y:-7px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:-translate-y-1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[checked\]\:translate-x-1rem[data-checked]{--un-translate-x:1rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[ending-style\]\:data-\[side\=bottom\]\:translate-y-4px[data-side=bottom][data-ending-style],.layer-components\: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-components\:data-\[ending-style\]\:data-\[side\=left\]\:translate-x-0[data-side=left][data-ending-style],.layer-components\: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-components\: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-components\:data-\[side\=none\]\:translate-y-0px[data-side=none]{--un-translate-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-components\: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-components\: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-components\: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-components\:translate-x-\[--active-tab-left\]{--un-translate-x:var(--active-tab-left);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-z-0{--un-translate-z: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-components\:data-\[open\]\:rotate-180[data-open],[data-panel-open] .layer-components\:\[\[data-panel-open\]_\&\]\:rotate-180,[data-popup-open]>.layer-components\:\[\[data-popup-open\]\>\&\]\:rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\: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-components\: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-components\:start-end\:scale-95[data-starting-style], .layer-components\:start-end\:scale-95[data-ending-style]{--un-scale-x:0.95;--un-scale-y:0.95;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[checked\]\:animate-checkbox-fade[data-checked]{animation:checkbox-fade 5000ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:data-\[checked\]\:animate-forwards[data-checked]{animation-fill-mode:forwards;}.layer-components\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.layer-components\:cursor-default,.layer-components\:data-\[visually-disabled\]\:cursor-default[data-visually-disabled]{cursor:default;}.layer-components\:disabled\:cursor-default:disabled{cursor:default;}.layer-components\:cursor-pointer{cursor:pointer;}.layer-components\:\[\&\[data-disabled\=true\]\]\:cursor-not-allowed[data-disabled=true]{cursor:not-allowed;}.layer-components\:cursor-grab{cursor:grab;}.layer-components\:touch-none{touch-action:none;}.layer-components\:select-auto{-webkit-user-select:auto;user-select:auto;}.layer-components\:select-none{-webkit-user-select:none;user-select:none;}.layer-components\:scroll-my-xs{scroll-margin-top:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));scroll-margin-bottom:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_ol\]\:list-decimal ol{list-style-type:decimal;}.layer-components\:\[\&_ul\]\:list-disc ul{list-style-type:disc;}.layer-components\:appearance-none{-webkit-appearance:none;appearance:none;}.layer-components\:items-start{align-items:flex-start;}.layer-components\:items-end{align-items:flex-end;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\:not\(\[aria-pressed\]\)\]\:items-center[data-has-icon=true][data-has-label=false]:not([aria-pressed]),.layer-components\:data-\[orientation\=horizontal\]\:items-center[data-orientation=horizontal],.layer-components\:items-center{align-items:center;}.layer-components\:data-\[checked\]\:before\:items-center[data-checked]::before{align-items:center;}.layer-components\:items-stretch{align-items:stretch;}.layer-components\:self-start{align-self:flex-start;}.layer-components\:self-end{align-self:flex-end;}.layer-components\:self-center{align-self:center;}.layer-components\:self-stretch{align-self:stretch;}.layer-components\:justify-start{justify-content:flex-start;}.layer-components\:justify-end{justify-content:flex-end;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\:not\(\[aria-pressed\]\)\]\:justify-center[data-has-icon=true][data-has-label=false]:not([aria-pressed]),.layer-components\:data-\[orientation\=vertical\]\:justify-center[data-orientation=vertical],.layer-components\:justify-center{justify-content:center;}.layer-components\:data-\[checked\]\:before\:justify-center[data-checked]::before{justify-content:center;}.layer-components\:justify-between{justify-content:space-between;}.layer-components\:justify-around{justify-content:space-around;}.layer-components\:justify-stretch{justify-content:stretch;}.layer-components\:justify-items-center{justify-items:center;}.layer-components\:justify-self-end{justify-self:end;}.layer-components\:gap-1{gap:0.25rem;}.layer-components\:gap-2{gap:0.5rem;}.layer-components\:gap-3{gap:0.75rem;}.layer-components\:gap-4{gap:1rem;}.layer-components\:gap-6px{gap:6px;}.layer-components\:gap-lg{gap:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-md{gap:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-sm{gap:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-xl{gap:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-xs{gap:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-col-md{column-gap:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-row-xs{row-gap:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:overflow-clip{overflow:clip;}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:overflow-y-clip{overflow-y:clip;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:overscroll-contain{overscroll-behavior:contain;}.layer-components\:overscroll-none{overscroll-behavior:none;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:\[\&_\.ProseMirror\]\:border-1 .ProseMirror,.layer-components\:b-1,.layer-components\:border-1{border-width:1px;}.layer-components\:border-0{border-width:0px;}.layer-components\:border-13px{border-width:13px;}.layer-components\:border-thin{border-width:calc(1px * var(--u-border-scale,1));}.layer-components\:\[\&\[data-today\]\]\:before\:border-1[data-today]::before{border-width:1px;}.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:\[\&_\.ProseMirror\]\:rounded-\[20px\] .ProseMirror{border-radius:20px;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:rounded-lg[data-has-icon=true][data-has-label=false],.layer-components\:rounded-lg{border-radius:calc(1.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:\[\&\[data-in-range\]\]\:rounded-none[data-in-range],.layer-components\:rounded-none{border-radius:0;}.layer-components\:\[\&\[data-selected\]\]\:rounded[data-selected],.layer-components\:rounded{border-radius:0.25rem;}.layer-components\:rounded-full{border-radius:calc(99999px * var(--u-corner-scale,1));}.layer-components\:rounded-inherit{border-radius:inherit;}.layer-components\:rounded-md{border-radius:calc(1rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:rounded-sm{border-radius:calc(0.5rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:rounded-xl{border-radius:calc(1.5rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:active\:rounded:active{border-radius:0.25rem;}.layer-components\:\[\&\[data-today\]\]\:before\:rounded-lg[data-today]::before{border-radius:calc(1.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:\[\&\[data-range-end\]\]\:rounded-l-none[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0;}.layer-components\:\[\&\[data-range-end\]\]\:rounded-r[data-range-end]{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.layer-components\:\[\&\[data-range-start\]\]\:rounded-l[data-range-start]{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.layer-components\:\[\&\[data-range-start\]\]\:rounded-r-none[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0;}.layer-components\:rounded-t-md{border-top-left-radius:calc(1rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));border-top-right-radius:calc(1rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:first\:rounded-l-inherit:first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit;}.layer-components\:last\:rounded-r-inherit:last-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit;}.layer-components\:\[\&\[data-day-first\]\]\:rounded-tl[data-day-first],.layer-components\:\[\&\[data-first-column\]\[data-top-edge\]\]\:rounded-tl[data-first-column][data-top-edge]{border-top-left-radius:0.25rem;}.layer-components\:\[\&\[data-day-last\]\]\:rounded-br[data-day-last],.layer-components\:\[\&\[data-last-column\]\[data-bottom-edge\]\]\:rounded-br[data-last-column][data-bottom-edge]{border-bottom-right-radius:0.25rem;}.layer-components\:\[\&\[data-first-column\]\[data-bottom-edge\]\]\:rounded-bl[data-first-column][data-bottom-edge]{border-bottom-left-radius:0.25rem;}.layer-components\:\[\&\[data-last-column\]\[data-top-edge\]\]\:rounded-tr[data-last-column][data-top-edge]{border-top-right-radius:0.25rem;}.layer-components\:\[\&_\.ProseMirror\]\:border-solid .ProseMirror,.layer-components\:b-solid,.layer-components\:border-solid{border-style:solid;}.layer-components\:border-dashed{border-style:dashed;}.layer-components\:border-none{border-style:none;}.layer-components\:\[\&\[data-today\]\]\:before\:border-solid[data-today]::before{border-style:solid;}.layer-components\:\[\&_blockquote\]\:border-l-solid blockquote{border-left-style:solid;}.layer-components\:before\:bg-gradient-from-bg::before{--un-gradient-from-position:0%;--un-gradient-from:var(--v-bg, var(--v-bg-l, transparent)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.layer-components\:after\:bg-gradient-from-bg::after{--un-gradient-from-position:0%;--un-gradient-from:var(--v-bg, var(--v-bg-l, transparent)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.layer-components\:before\:bg-gradient-to-transparent::before{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.layer-components\:after\:bg-gradient-to-transparent::after{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.layer-components\:before\:bg-gradient-to-b::before{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.layer-components\:before\:bg-gradient-to-r::before{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.layer-components\:after\:bg-gradient-to-l::after{--un-gradient-shape:to left in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.layer-components\:after\:bg-gradient-to-t::after{--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.layer-components\:bg-none{background-image:none;}.layer-components\:bg-cover{background-size:cover;}.layer-components\:bg-clip-padding{-webkit-background-clip:padding-box;background-clip:padding-box;}.layer-components\:bg-center{background-position:center;}.layer-components\:fill-none{fill:none;}.layer-components\:object-cover{object-fit:cover;}.layer-components\:object-center{object-position:center;}.layer-components\:\[\&\:not\(\:empty\)\]\:p-sm:not(:empty),.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:p-sm[data-has-icon=true][data-has-label=false],.layer-components\:p-sm{padding:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:p-2\.35[data-has-icon=true][data-has-label=false]{padding:0.5875rem;}.layer-components\:p-0{padding:0px;}.layer-components\:p-1{padding:0.25rem;}.layer-components\:p-2{padding:0.5rem;}.layer-components\:p-3px{padding:3px;}.layer-components\:p-4{padding:1rem;}.layer-components\:p-lg{padding:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:p-md{padding:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:p-xl{padding:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:p-xs{padding:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:empty\:p-0:empty{padding:0px;}.layer-components\:\[\&_\.ProseMirror\]\:px-4 .ProseMirror,.layer-components\:px-4{padding-left:1rem;padding-right:1rem;}.layer-components\:\[\&_\.ProseMirror\]\:py-2 .ProseMirror,.layer-components\:py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.layer-components\:px-0{padding-left:0px;padding-right:0px;}.layer-components\:px-2{padding-left:0.5rem;padding-right:0.5rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-lg{padding-left:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-right:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\: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));}.layer-components\: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-components\:px-xs{padding-left:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-right:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:py-0\.25{padding-top:0.0625rem;padding-bottom:0.0625rem;}.layer-components\:py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.layer-components\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-1\.25{padding-top:0.3125rem;padding-bottom:0.3125rem;}.layer-components\:py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.layer-components\:py-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-components\:py-xs{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-components\:\[\&_blockquote\]\:pl-4 blockquote{padding-left:1rem;}.layer-components\:\[\&_ol\]\:pl-6 ol,.layer-components\:\[\&_ul\]\:pl-6 ul{padding-left:1.5rem;}.layer-components\:pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.layer-components\:pb-1px{padding-bottom:1px;}.layer-components\:pb-4{padding-bottom:1rem;}.layer-components\:pb-md{padding-bottom:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:pb-xs{padding-bottom:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:pl-25px{padding-left:25px;}.layer-components\:pl-3{padding-left:0.75rem;}.layer-components\:pl-35px{padding-left:35px;}.layer-components\:pl-md{padding-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:pr-4{padding-right:1rem;}.layer-components\:pr-sm{padding-right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:pt-3{padding-top:0.75rem;}.layer-components\:first\:pl-md:first-child{padding-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:last\:pr-md:last-child{padding-right:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:text-center{text-align:center;}.layer-components\:text-left{text-align:left;}.layer-components\:text-start{text-align:start;}.layer-components\:text-nowrap{text-wrap:nowrap;}.layer-components\:\[\&_h1\]\:text-2xl h1,.layer-components\:text-2xl{font-size:1.75rem;line-height:2.25rem;}.layer-components\:\[\&_h2\]\:text-lg h2,.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:\[\&_h3\]\:text-md h3,.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:\[\&_h4\]\:text-xs h4,.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:text-xs[data-has-icon=true][data-has-label=false],.layer-components\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-components\:\[\&\:not\(\:empty\)\]\:text-sm:not(:empty),.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:text-sm[data-has-icon=true][data-has-label=false],.layer-components\:text-sm,[data-compact] .layer-components\:\[\[data-compact\]_\&\]\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-3xl{font-size:2rem;line-height:2.5rem;}.layer-components\:text-xxs{font-size:0.625rem;line-height:0.75rem;}.layer-components\:data-\[checked\]\:before\:text-xs[data-checked]::before{font-size:0.75rem;line-height:1rem;}.layer-components\:font-size-xs{font-size:0.75rem;}.layer-components\:text-gray-dark{color:var(--p-gray-shade-dark) /* var(--p-gray-shade-dark) */;}.layer-components\:data-\[checked\]\:before\:text-main-ink[data-checked]::before{color:var(--p-shade-ink) /* var(--p-shade-ink) */;}.layer-components\:text-inherit{color:inherit;}.layer-components\:\[\&_h1\]\:font-semibold h1,.layer-components\:\[\&_strong\]\:font-semibold strong,.layer-components\:font-semibold{font-weight:600;}.layer-components\:\[\&_h2\]\:font-bold h2,.layer-components\:font-bold{font-weight:700;}.layer-components\:\[\&_h3\]\:font-500 h3,.layer-components\:font-500,.layer-components\:font-medium{font-weight:500;}.layer-components\:font-normal{font-weight:400;}.layer-components\:leading-1{line-height:0.25rem;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-6{line-height:1.5rem;}.layer-components\:leading-none{line-height:1;}.layer-components\:leading-normal{line-height:1.5;}.layer-components\:leading-relaxed{line-height:1.625;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-title{font-family:var(--u-font-title, var(--u-font-default));}.layer-components\:\[\&_h4\]\:uppercase h4,.layer-components\:uppercase{text-transform:uppercase;}.layer-components\:\[\&_em\]\:italic em,.layer-components\:italic{font-style:italic;}.layer-components\:\[\&_a\:hover\]\:underline a:hover,.layer-components\:\[\&_a\]\:underline a{text-decoration-line:underline;}.layer-components\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5;}.layer-components\:data-\[closed\]\:opacity-0[data-closed],.layer-components\:data-\[ending-style\]\:data-\[side\=bottom\]\:opacity-0[data-side=bottom][data-ending-style],.layer-components\:data-\[ending-style\]\:data-\[side\=left\]\:opacity-0[data-side=left][data-ending-style],.layer-components\:data-\[ending-style\]\:data-\[side\=right\]\:opacity-0[data-side=right][data-ending-style],.layer-components\:data-\[ending-style\]\:data-\[side\=top\]\:opacity-0[data-side=top][data-ending-style],.layer-components\:data-\[starting-style\]\:data-\[side\=bottom\]\:opacity-0[data-side=bottom][data-starting-style],.layer-components\:data-\[starting-style\]\:data-\[side\=left\]\:opacity-0[data-side=left][data-starting-style],.layer-components\:data-\[starting-style\]\:data-\[side\=right\]\:opacity-0[data-side=right][data-starting-style],.layer-components\:data-\[starting-style\]\:data-\[side\=top\]\:opacity-0[data-side=top][data-starting-style],.layer-components\:opacity-0,.layer-components\:start-end\:opacity-0[data-starting-style], .layer-components\:start-end\:opacity-0[data-ending-style]{opacity:0;}.layer-components\:data-\[hovering\]\:opacity-100[data-hovering],.layer-components\:data-\[open\]\:opacity-100[data-open]{opacity:1;}.layer-components\:disabled\:opacity-50:disabled{opacity:0.5;}.layer-components\:data-\[pressed\]\:shadow-sm[data-pressed],.layer-components\: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)),
30
31
  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-components\:shadow-\[0_30px_60px_0px\]{--un-shadow:0 30px 60px 0px var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-black\/20{--un-shadow-color:var(--p-high-contrast-shade-ink) /* var(--p-high-contrast-shade-ink) */;}.layer-components\: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))),
31
32
  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-md{--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))),
package/dist/esm/components/box/Box.js CHANGED
@@ -22,7 +22,7 @@ function hasDefault(value, val) {
22
22
  }
23
23
  export function Box(_a) {
24
24
  var { className, items: itemsSolo, justify: justifySolo, layout: align, gap = 'none', wrap, p = 'none', d = 'row', direction = d, container, style: userStyle, surface, color, border, full, overflow, col, grow, elevated, rounded, ref } = _a, rest = __rest(_a, ["className", "items", "justify", "layout", "gap", "wrap", "p", "d", "direction", "container", "style", "surface", "color", "border", "full", "overflow", "col", "grow", "elevated", "rounded", "ref"]);
25
- const style = useGroupScaleStyles(userStyle);
25
+ const style = useGroupScaleStyles(userStyle, container === 'reset' ? 1 : undefined);
26
26
  const items = itemsSolo !== null && itemsSolo !== void 0 ? itemsSolo : align === null || align === void 0 ? void 0 : align.split(' ')[0];
27
27
  const justify = justifySolo !== null && justifySolo !== void 0 ? justifySolo : align === null || align === void 0 ? void 0 : align.split(' ')[1];
28
28
  const main = (_jsx(SlotDiv, Object.assign({ ref: ref }, rest, { style: style, className: clsx('layer-components:relative layer-components:flex', color && `palette-${color}`, {
package/dist/esm/components/box/Box.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/components/box/Box.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/box/Box.stories.js CHANGED
@@ -81,7 +81,7 @@ export const Default = {
81
81
  };
82
82
  export const NestedContainers = {
83
83
  render(args) {
84
- return (_jsxs(Box, Object.assign({}, args, { container: true, surface: true, color: "accent", direction: "col", children: [_jsxs(Box, Object.assign({}, args, { container: true, surface: true, color: "primary", children: [_jsxs(Box, Object.assign({}, args, { surface: true, children: [_jsx(Button, { children: "Button" }), _jsx(Button, { children: "Button" })] })), _jsxs(Box, Object.assign({}, args, { surface: true, color: "attention", children: [_jsx(Button, { children: "Button" }), _jsx(Button, { children: "Button" })] }))] })), _jsxs(Box, Object.assign({}, args, { surface: true, color: "gray", children: [_jsx(Button, { children: "Button" }), _jsx(Button, { children: "Button" })] }))] })));
84
+ return (_jsxs(Box, Object.assign({}, args, { p: true, gap: true, container: true, surface: true, color: "accent", direction: "col", children: [_jsxs(Box, Object.assign({}, args, { p: true, gap: true, container: true, surface: true, items: "center", color: "primary", children: [_jsx(Button, { children: "Button" }), _jsx(Button, { children: "Button" }), _jsxs(Box, Object.assign({}, args, { p: true, gap: true, surface: true, color: "attention", children: [_jsx(Button, { children: "Button" }), _jsx(Button, { children: "Button" })] }))] })), _jsxs(Box, Object.assign({}, args, { p: true, gap: true, surface: true, color: "gray", children: [_jsx(Button, { children: "Button" }), _jsx(Button, { children: "Button" })] }))] })));
85
85
  },
86
86
  };
87
87
  function SurfaceContent({ name }) {
package/dist/esm/components/box/Box.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../../../src/components/box/Box.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Box.stories.js","sourceRoot":"","sources":["../../../../src/components/box/Box.stories.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/card/Card.stories.js CHANGED
@@ -55,7 +55,7 @@ export const VisuallyFocused = {
55
55
  };
56
56
  export const CardsInBox = {
57
57
  render() {
58
- return (_jsxs(Box, { container: true, p: true, gap: true, children: [_jsxs(CardRoot, { children: [_jsxs(CardMain, { onClick: () => { }, children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] }), _jsxs(CardRoot, { children: [_jsxs(CardMain, { onClick: () => { }, children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })] }));
58
+ return (_jsxs("div", { className: "w-full flex flex-row gap-lg", children: [_jsx("div", { className: "flex-1", children: _jsxs(CardRoot, { children: [_jsxs(CardMain, { onClick: () => { }, children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { emphasis: "ghost", size: "small", children: _jsx(Icon, { name: "placeholder" }) })] }) })] }) }), _jsxs(Box, { p: true, gap: true, col: true, grow: true, children: [_jsxs(CardRoot, { children: [_jsxs(CardMain, { onClick: () => { }, children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { emphasis: "ghost", size: "small", children: _jsx(Icon, { name: "placeholder" }) })] }) })] }), _jsxs(CardRoot, { children: [_jsxs(CardMain, { onClick: () => { }, children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { emphasis: "ghost", size: "small", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })] })] }));
59
59
  },
60
60
  };
61
61
  //# sourceMappingURL=Card.stories.js.map
package/dist/esm/components/card/Card.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/components/card/Card.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/components/card/Card.stories.tsx"],"names":[],"mappings":"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"}
package/dist/esm/components/input/Input.js CHANGED
@@ -19,7 +19,7 @@ import { GroupScaleReset } from '../../systems/GroupScale.js';
19
19
  import { inputInfo } from '../../systems/inputs.js';
20
20
  import { PROPS } from '../../uno/index.js';
21
21
  export const inputClassName = clsx('layer-components:min-w-60px layer-components:flex-1 layer-components:select-auto layer-components:border-none layer-components:px-0 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:color-inherit layer-components:bg-transparent', 'layer-components:placeholder:color-gray-dark', 'layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none', 'layer-components:first:rounded-l-inherit layer-components:first:pl-md', 'layer-components:last:rounded-r-inherit layer-components:last:pr-md');
22
- const inputBorderClassName = clsx('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:text-md layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow layer-components:color-black layer-components:bg-white layer-components:border-black', 'layer-components:w-max-content layer-components:overflow-clip', 'layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:bg-transparent layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:border-gray layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:shadow-none layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:placeholder-gray-dark', 'layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:outline-none layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-4 layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-accent', 'layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:outline-none layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-4 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:bg-lighten-3 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-main-light', 'layer-components:[&:has(input:hover),&:has(textarea:hover)]:border-black', 'layer-components:[&>.icon]:mx-sm');
22
+ const inputBorderClassName = clsx('layer-components:min-w-60px layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:text-md layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow layer-components:color-black layer-components:bg-white layer-components:border-black', 'layer-components:w-max-content layer-components:overflow-clip', 'layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:bg-transparent layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:border-gray layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:shadow-none layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:placeholder-gray-dark', 'layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:outline-none layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-4 layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-accent', 'layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:outline-none layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-4 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:bg-lighten-3 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-main-light', 'layer-components:[&:has(input:hover),&:has(textarea:hover)]:border-black', 'layer-components:[&>.icon]:mx-sm');
23
23
  function InputBorderImpl(_a) {
24
24
  var { style } = _a, props = __rest(_a, ["style"]);
25
25
  return (_jsx(GroupScaleReset, { children: _jsx("div", Object.assign({}, props, { style: Object.assign({ [PROPS.LOCALS.CORNER_SCALE]: '1', [PROPS.LOCALS.SPACING_SCALE]: '1', [PROPS.USER.SHADOW_SPREAD]: '0' }, style) })) }));
package/dist/esm/components/input/Input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":"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"}
package/dist/esm/hooks/useVisualViewportOffset.d.ts CHANGED
@@ -3,3 +3,7 @@
3
3
  */
4
4
  export declare function useVisualViewportOffset(disable?: boolean): void;
5
5
  export declare function useIsKeyboardOpen(): boolean;
6
+ export interface VirtualKeyboardFocusOptions {
7
+ focusElementTypes?: string[];
8
+ }
9
+ export declare function useVirtualKeyboardFocusBehavior({ focusElementTypes, }?: VirtualKeyboardFocusOptions): void;
package/dist/esm/hooks/useVisualViewportOffset.js CHANGED
@@ -17,11 +17,13 @@ export function useVisualViewportOffset(disable) {
17
17
  }
18
18
  export function useIsKeyboardOpen() {
19
19
  const { virtualKeyboardBehavior } = useConfig();
20
+ // viewport heuristic
20
21
  const [isViewportConstrained, setIsViewportConstrained] = useState(false);
21
22
  useReactToViewportChanges((viewport) => {
22
23
  // heuristic - 100px difference between visual viewport and window height
23
24
  setIsViewportConstrained(Math.abs(viewport.height - window.innerHeight) > 100);
24
25
  }, virtualKeyboardBehavior !== 'displace');
26
+ // simulated keyboard
25
27
  const [simulateKeyboardOpen, setSimulateKeyboardOpen] = useState(undefined);
26
28
  useEffect(() => {
27
29
  if (typeof window === 'undefined') {
@@ -40,6 +42,7 @@ export function useIsKeyboardOpen() {
40
42
  window.removeEventListener('simulate-keyboard-close', handleClose);
41
43
  };
42
44
  }, []);
45
+ // virtual keyboard API
43
46
  const [isKeyboardOpen, setIsKeyboardOpen] = useState(false);
44
47
  useEffect(() => {
45
48
  if (typeof navigator === 'undefined' || typeof window === 'undefined') {
@@ -130,4 +133,33 @@ function useReactToViewportChanges(cb, disable) {
130
133
  };
131
134
  }, [stableCb, disable]);
132
135
  }
136
+ export function useVirtualKeyboardFocusBehavior({ focusElementTypes = ['input', 'textarea', 'select'], } = {}) {
137
+ const stableFocusElementTypes = focusElementTypes
138
+ .map((type) => type.toLowerCase())
139
+ .join(',');
140
+ useEffect(() => {
141
+ if (typeof navigator === 'undefined' || typeof window === 'undefined') {
142
+ return;
143
+ }
144
+ if (!('virtualKeyboard' in navigator)) {
145
+ // no support
146
+ console.warn(`virtual keyboard behavior set to 'overlay', but virtualKeyboard API is not supported in this browser.`);
147
+ return;
148
+ }
149
+ const virtualKeyboard = navigator.virtualKeyboard;
150
+ const matchElements = stableFocusElementTypes.split(',');
151
+ function update() {
152
+ // const open = virtualKeyboard.boundingRect.height > 0;
153
+ const activeElement = document.activeElement;
154
+ if (activeElement &&
155
+ matchElements.includes(activeElement.tagName.toLowerCase())) {
156
+ activeElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
157
+ }
158
+ }
159
+ virtualKeyboard.addEventListener('geometrychange', update);
160
+ return () => {
161
+ virtualKeyboard.removeEventListener('geometrychange', update);
162
+ };
163
+ }, [stableFocusElementTypes]);
164
+ }
133
165
  //# sourceMappingURL=useVisualViewportOffset.js.map
package/dist/esm/hooks/useVisualViewportOffset.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useVisualViewportOffset.js","sourceRoot":"","sources":["../../../src/hooks/useVisualViewportOffset.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useVisualViewportOffset.js","sourceRoot":"","sources":["../../../src/hooks/useVisualViewportOffset.ts"],"names":[],"mappings":"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"}
package/dist/esm/keyboard.stories.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ declare const meta: {
3
+ title: string;
4
+ argTypes: {};
5
+ parameters: {
6
+ controls: {
7
+ expanded: boolean;
8
+ };
9
+ layout: string;
10
+ };
11
+ };
12
+ export default meta;
13
+ type Story = StoryObj;
14
+ export declare const Default: Story;
package/dist/esm/keyboard.stories.js ADDED
@@ -0,0 +1,20 @@
1
+ // @unocss-include
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import { Input, TextArea } from './components/index.js';
4
+ import { useVirtualKeyboardBehavior } from './hooks/useVirtualKeyboardBehavior.js';
5
+ const meta = {
6
+ title: 'Virtual Keyboard Test',
7
+ argTypes: {},
8
+ parameters: {
9
+ controls: { expanded: false },
10
+ layout: 'fullscreen',
11
+ },
12
+ };
13
+ export default meta;
14
+ export const Default = {
15
+ render(args) {
16
+ useVirtualKeyboardBehavior('overlay');
17
+ return (_jsx(_Fragment, { children: _jsxs("div", { className: "h-screen flex flex-col", children: [_jsx("div", { className: "flex flex-grow flex-col items-center justify-center p-lg", children: "Focus the inputs below to see how the virtual keyboard behavior works." }), _jsx(Input, { className: "w-full" }), _jsx(TextArea, { className: "w-full" })] }) }));
18
+ },
19
+ };
20
+ //# sourceMappingURL=keyboard.stories.js.map
package/dist/esm/keyboard.stories.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"keyboard.stories.js","sourceRoot":"","sources":["../../src/keyboard.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAC;AAEnF,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,uBAAuB;IAC9B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC7B,MAAM,EAAE,YAAY;KACpB;CACc,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,0BAA0B,CAAC,SAAS,CAAC,CAAC;QACtC,OAAO,CACN,4BACC,eAAK,SAAS,EAAC,wBAAwB,aACtC,cAAK,SAAS,EAAC,0DAA0D,uFAGnE,EACN,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,GAAG,EAC5B,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG,IAC1B,GACJ,CACH,CAAC;IACH,CAAC;CACD,CAAC"}
package/dist/esm/systems/GroupScale.d.ts CHANGED
@@ -4,7 +4,7 @@ export declare const GroupScaleLayer: ({ children }: {
4
4
  children?: ReactNode;
5
5
  }) => import("react/jsx-runtime").JSX.Element;
6
6
  export declare function useGroupScale(): number;
7
- export declare function useGroupScaleStyles(composeStyles?: CSSProperties): {
7
+ export declare function useGroupScaleStyles(composeStyles?: CSSProperties, forceScale?: number): {
8
8
  accentColor?: import("csstype").Property.AccentColor | undefined;
9
9
  alignContent?: import("csstype").Property.AlignContent | undefined;
10
10
  alignItems?: import("csstype").Property.AlignItems | undefined;
@@ -834,3 +834,4 @@ export declare function useGroupScaleStyles(composeStyles?: CSSProperties): {
834
834
  export declare const GroupScaleReset: ({ children }: {
835
835
  children: ReactNode;
836
836
  }) => import("react/jsx-runtime").JSX.Element;
837
+ export declare function withGroupScaleReset<T>(Component: React.ComponentType<T>): (props: T) => import("react/jsx-runtime").JSX.Element;
package/dist/esm/systems/GroupScale.js CHANGED
@@ -11,11 +11,17 @@ export const GroupScaleLayer = ({ children }) => {
11
11
  export function useGroupScale() {
12
12
  return useContext(GroupScaleContext);
13
13
  }
14
- export function useGroupScaleStyles(composeStyles) {
15
- const scale = useGroupScale();
14
+ export function useGroupScaleStyles(composeStyles, forceScale) {
15
+ const ctxScale = useGroupScale();
16
+ const scale = forceScale !== null && forceScale !== void 0 ? forceScale : ctxScale;
16
17
  return Object.assign({ [PROPS.LOCALS.SPACING_SCALE]: scale, [PROPS.LOCALS.CORNER_SCALE]: scale }, composeStyles);
17
18
  }
18
19
  export const GroupScaleReset = ({ children }) => {
19
20
  return (_jsx(GroupScaleContext.Provider, { value: 1, children: children }));
20
21
  };
22
+ export function withGroupScaleReset(Component) {
23
+ return function WithGroupScaleReset(props) {
24
+ return (_jsx(GroupScaleReset, { children: _jsx(Component, Object.assign({}, props)) }));
25
+ };
26
+ }
21
27
  //# sourceMappingURL=GroupScale.js.map
package/dist/esm/systems/GroupScale.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GroupScale.js","sourceRoot":"","sources":["../../../src/systems/GroupScale.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAA4B,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAS,CAAC,CAAC,CAAC;AAE1D,MAAM,0BAA0B,GAAG,IAAI,CAAC;AAExC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE;IACzE,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC;IAChC,OAAO,CACN,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,GAAG,0BAA0B,YACrE,QAAQ,GACmB,CAC7B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,aAAa;IAC5B,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,aAA6B;IAChE,MAAM,KAAK,GAAG,aAAa,EAAE,CAAC;IAC9B,uBACC,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,KAAK,EACnC,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,KAAK,IAC/B,aAAa,EACf;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACxE,OAAO,CACN,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,YAClC,QAAQ,GACmB,CAC7B,CAAC;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"GroupScale.js","sourceRoot":"","sources":["../../../src/systems/GroupScale.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAA4B,UAAU,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAAS,CAAC,CAAC,CAAC;AAE1D,MAAM,0BAA0B,GAAG,IAAI,CAAC;AAExC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAA4B,EAAE,EAAE;IACzE,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC;IAChC,OAAO,CACN,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,GAAG,0BAA0B,YACrE,QAAQ,GACmB,CAC7B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,aAAa;IAC5B,OAAO,UAAU,CAAC,iBAAiB,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,mBAAmB,CAClC,aAA6B,EAC7B,UAAmB;IAEnB,MAAM,QAAQ,GAAG,aAAa,EAAE,CAAC;IACjC,MAAM,KAAK,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,QAAQ,CAAC;IACrC,uBACC,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,KAAK,EACnC,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,KAAK,IAC/B,aAAa,EACf;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACxE,OAAO,CACN,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,YAClC,QAAQ,GACmB,CAC7B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAI,SAAiC;IACvE,OAAO,SAAS,mBAAmB,CAAC,KAAQ;QAC3C,OAAO,CACN,KAAC,eAAe,cACf,KAAC,SAAS,oBAAM,KAAa,EAAI,GAChB,CAClB,CAAC;IACH,CAAC,CAAC;AACH,CAAC"}
package/dist/esm/uno/preflights/index.js CHANGED
@@ -3,6 +3,7 @@ import { basePreflight } from './base.js';
3
3
  import { colorPreflight } from './colors.js';
4
4
  import { fontsPreflight } from './fonts.js';
5
5
  import { globalPreflight } from './globals.js';
6
+ import { keyboardPreflight } from './keyboard.js';
6
7
  import { layerPreflight } from './layers.js';
7
8
  import { modePreflight } from './mode.js';
8
9
  import { propertiesPreflight } from './properties.js';
@@ -16,5 +17,6 @@ export const preflights = (config) => [
16
17
  fontsPreflight(config),
17
18
  propertiesPreflight,
18
19
  userPreflight(config),
20
+ keyboardPreflight,
19
21
  ];
20
22
  //# sourceMappingURL=index.js.map
package/dist/esm/uno/preflights/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/uno/preflights/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAyB,MAAM,aAAa,CAAC;AACpE,OAAO,EAAE,cAAc,EAAyB,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,eAAe,EAA0B,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAwB,MAAM,WAAW,CAAC;AAOhE,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,MAAuB,EAAoB,EAAE,CAAC;IACxE,cAAc;IACd,aAAa;IACb,eAAe,CAAC,MAAM,CAAC;IACvB,cAAc,CAAC,MAAM,CAAC;IACtB,aAAa,CAAC,MAAM,CAAC;IACrB,cAAc,CAAC,MAAM,CAAC;IACtB,mBAAmB;IACnB,aAAa,CAAC,MAAM,CAAC;CACrB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/uno/preflights/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAyB,MAAM,aAAa,CAAC;AACpE,OAAO,EAAE,cAAc,EAAyB,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,eAAe,EAA0B,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAwB,MAAM,WAAW,CAAC;AAOhE,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,MAAuB,EAAoB,EAAE,CAAC;IACxE,cAAc;IACd,aAAa;IACb,eAAe,CAAC,MAAM,CAAC;IACvB,cAAc,CAAC,MAAM,CAAC;IACtB,aAAa,CAAC,MAAM,CAAC;IACrB,cAAc,CAAC,MAAM,CAAC;IACtB,mBAAmB;IACnB,aAAa,CAAC,MAAM,CAAC;IACrB,iBAAiB;CACjB,CAAC"}
package/dist/esm/uno/preflights/keyboard.js CHANGED
@@ -6,7 +6,7 @@ export const keyboardPreflight = preflight({
6
6
  // content is not hidden behind the keyboard
7
7
  `
8
8
  body {
9
- margin-bottom: env(virtual-keyboard-inset-bottom, 0px);
9
+ margin-bottom: env(virtual-keyboard-inset-bottom, 0px) !important;
10
10
  }
11
11
  `,
12
12
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "5.0.5",
3
+ "version": "5.0.7",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "url": "https://github.com/a-type/ui"
package/src/components/box/Box.stories.tsx CHANGED
@@ -93,18 +93,16 @@ export const Default: Story = {
93
93
  export const NestedContainers: Story = {
94
94
  render(args) {
95
95
  return (
96
- <Box {...args} container surface color="accent" direction="col">
97
- <Box {...args} container surface color="primary">
98
- <Box {...args} surface>
99
- <Button>Button</Button>
100
- <Button>Button</Button>
101
- </Box>
102
- <Box {...args} surface color="attention">
96
+ <Box {...args} p gap container surface color="accent" direction="col">
97
+ <Box {...args} p gap container surface items="center" color="primary">
98
+ <Button>Button</Button>
99
+ <Button>Button</Button>
100
+ <Box {...args} p gap surface color="attention">
103
101
  <Button>Button</Button>
104
102
  <Button>Button</Button>
105
103
  </Box>
106
104
  </Box>
107
- <Box {...args} surface color="gray">
105
+ <Box {...args} p gap surface color="gray">
108
106
  <Button>Button</Button>
109
107
  <Button>Button</Button>
110
108
  </Box>
package/src/components/box/Box.tsx CHANGED
@@ -89,7 +89,10 @@ export function Box({
89
89
  ref,
90
90
  ...rest
91
91
  }: BoxProps) {
92
- const style = useGroupScaleStyles(userStyle);
92
+ const style = useGroupScaleStyles(
93
+ userStyle,
94
+ container === 'reset' ? 1 : undefined,
95
+ );
93
96
 
94
97
  const items = itemsSolo ?? align?.split(' ')[0];
95
98
  const justify = justifySolo ?? align?.split(' ')[1];
package/src/components/card/Card.stories.tsx CHANGED
@@ -262,36 +262,54 @@ export const VisuallyFocused: Story = {
262
262
  export const CardsInBox: Story = {
263
263
  render() {
264
264
  return (
265
- <Box container p gap>
266
- <CardRoot>
267
- <CardMain onClick={() => {}}>
268
- <CardTitle>Card Title</CardTitle>
269
- <CardContent>Other stuff</CardContent>
270
- </CardMain>
271
- <CardFooter>
272
- <CardActions>
273
- <Button size="small">Button</Button>
274
- <Button emphasis="ghost">
275
- <Icon name="placeholder" />
276
- </Button>
277
- </CardActions>
278
- </CardFooter>
279
- </CardRoot>
280
- <CardRoot>
281
- <CardMain onClick={() => {}}>
282
- <CardTitle>Card Title</CardTitle>
283
- <CardContent>Other stuff</CardContent>
284
- </CardMain>
285
- <CardFooter>
286
- <CardActions>
287
- <Button size="small">Button</Button>
288
- <Button emphasis="ghost">
289
- <Icon name="placeholder" />
290
- </Button>
291
- </CardActions>
292
- </CardFooter>
293
- </CardRoot>
294
- </Box>
265
+ <div className="w-full flex flex-row gap-lg">
266
+ <div className="flex-1">
267
+ <CardRoot>
268
+ <CardMain onClick={() => {}}>
269
+ <CardTitle>Card Title</CardTitle>
270
+ <CardContent>Other stuff</CardContent>
271
+ </CardMain>
272
+ <CardFooter>
273
+ <CardActions>
274
+ <Button size="small">Button</Button>
275
+ <Button emphasis="ghost" size="small">
276
+ <Icon name="placeholder" />
277
+ </Button>
278
+ </CardActions>
279
+ </CardFooter>
280
+ </CardRoot>
281
+ </div>
282
+ <Box p gap col grow>
283
+ <CardRoot>
284
+ <CardMain onClick={() => {}}>
285
+ <CardTitle>Card Title</CardTitle>
286
+ <CardContent>Other stuff</CardContent>
287
+ </CardMain>
288
+ <CardFooter>
289
+ <CardActions>
290
+ <Button size="small">Button</Button>
291
+ <Button emphasis="ghost" size="small">
292
+ <Icon name="placeholder" />
293
+ </Button>
294
+ </CardActions>
295
+ </CardFooter>
296
+ </CardRoot>
297
+ <CardRoot>
298
+ <CardMain onClick={() => {}}>
299
+ <CardTitle>Card Title</CardTitle>
300
+ <CardContent>Other stuff</CardContent>
301
+ </CardMain>
302
+ <CardFooter>
303
+ <CardActions>
304
+ <Button size="small">Button</Button>
305
+ <Button emphasis="ghost" size="small">
306
+ <Icon name="placeholder" />
307
+ </Button>
308
+ </CardActions>
309
+ </CardFooter>
310
+ </CardRoot>
311
+ </Box>
312
+ </div>
295
313
  );
296
314
  },
297
315
  };
package/src/components/input/Input.tsx CHANGED
@@ -20,7 +20,7 @@ export const inputClassName = clsx(
20
20
  );
21
21
 
22
22
  const inputBorderClassName = clsx(
23
- 'layer-components:(flex flex-row items-center gap-xs border-1 rounded-lg border-solid text-md shadow-sm shadow-inset transition-shadow color-black bg-white border-black)',
23
+ 'layer-components:(min-w-60px flex flex-row items-center gap-xs border-1 rounded-lg border-solid text-md shadow-sm shadow-inset transition-shadow color-black bg-white border-black)',
24
24
  'layer-components:(w-max-content overflow-clip)',
25
25
  'layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:(bg-transparent border-gray shadow-none placeholder-gray-dark)',
26
26
  'layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:(outline-none ring ring-4 ring-accent)',
package/src/hooks/useVisualViewportOffset.ts CHANGED
@@ -40,6 +40,7 @@ export function useVisualViewportOffset(disable?: boolean) {
40
40
  export function useIsKeyboardOpen() {
41
41
  const { virtualKeyboardBehavior } = useConfig();
42
42
 
43
+ // viewport heuristic
43
44
  const [isViewportConstrained, setIsViewportConstrained] = useState(false);
44
45
  useReactToViewportChanges((viewport) => {
45
46
  // heuristic - 100px difference between visual viewport and window height
@@ -48,6 +49,7 @@ export function useIsKeyboardOpen() {
48
49
  );
49
50
  }, virtualKeyboardBehavior !== 'displace');
50
51
 
52
+ // simulated keyboard
51
53
  const [simulateKeyboardOpen, setSimulateKeyboardOpen] = useState<
52
54
  boolean | undefined
53
55
  >(undefined);
@@ -69,6 +71,7 @@ export function useIsKeyboardOpen() {
69
71
  };
70
72
  }, []);
71
73
 
74
+ // virtual keyboard API
72
75
  const [isKeyboardOpen, setIsKeyboardOpen] = useState(false);
73
76
  useEffect(() => {
74
77
  if (typeof navigator === 'undefined' || typeof window === 'undefined') {
@@ -176,3 +179,47 @@ function useReactToViewportChanges(
176
179
  };
177
180
  }, [stableCb, disable]);
178
181
  }
182
+
183
+ export interface VirtualKeyboardFocusOptions {
184
+ focusElementTypes?: string[];
185
+ }
186
+ export function useVirtualKeyboardFocusBehavior({
187
+ focusElementTypes = ['input', 'textarea', 'select'],
188
+ }: VirtualKeyboardFocusOptions = {}) {
189
+ const stableFocusElementTypes = focusElementTypes
190
+ .map((type) => type.toLowerCase())
191
+ .join(',');
192
+ useEffect(() => {
193
+ if (typeof navigator === 'undefined' || typeof window === 'undefined') {
194
+ return;
195
+ }
196
+
197
+ if (!('virtualKeyboard' in navigator)) {
198
+ // no support
199
+ console.warn(
200
+ `virtual keyboard behavior set to 'overlay', but virtualKeyboard API is not supported in this browser.`,
201
+ );
202
+ return;
203
+ }
204
+
205
+ const virtualKeyboard = navigator.virtualKeyboard as any;
206
+
207
+ const matchElements = stableFocusElementTypes.split(',');
208
+
209
+ function update() {
210
+ // const open = virtualKeyboard.boundingRect.height > 0;
211
+ const activeElement = document.activeElement;
212
+ if (
213
+ activeElement &&
214
+ matchElements.includes(activeElement.tagName.toLowerCase())
215
+ ) {
216
+ activeElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
217
+ }
218
+ }
219
+
220
+ virtualKeyboard.addEventListener('geometrychange', update);
221
+ return () => {
222
+ virtualKeyboard.removeEventListener('geometrychange', update);
223
+ };
224
+ }, [stableFocusElementTypes]);
225
+ }
package/src/keyboard.stories.tsx ADDED
@@ -0,0 +1,34 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Input, TextArea } from './components/index.js';
3
+ import { useVirtualKeyboardBehavior } from './hooks/useVirtualKeyboardBehavior.js';
4
+
5
+ const meta = {
6
+ title: 'Virtual Keyboard Test',
7
+ argTypes: {},
8
+ parameters: {
9
+ controls: { expanded: false },
10
+ layout: 'fullscreen',
11
+ },
12
+ } satisfies Meta;
13
+
14
+ export default meta;
15
+
16
+ type Story = StoryObj;
17
+
18
+ export const Default: Story = {
19
+ render(args) {
20
+ useVirtualKeyboardBehavior('overlay');
21
+ return (
22
+ <>
23
+ <div className="h-screen flex flex-col">
24
+ <div className="flex flex-grow flex-col items-center justify-center p-lg">
25
+ Focus the inputs below to see how the virtual keyboard behavior
26
+ works.
27
+ </div>
28
+ <Input className="w-full" />
29
+ <TextArea className="w-full" />
30
+ </div>
31
+ </>
32
+ );
33
+ },
34
+ };
package/src/systems/GroupScale.tsx CHANGED
@@ -18,8 +18,12 @@ export function useGroupScale() {
18
18
  return useContext(GroupScaleContext);
19
19
  }
20
20
 
21
- export function useGroupScaleStyles(composeStyles?: CSSProperties) {
22
- const scale = useGroupScale();
21
+ export function useGroupScaleStyles(
22
+ composeStyles?: CSSProperties,
23
+ forceScale?: number,
24
+ ) {
25
+ const ctxScale = useGroupScale();
26
+ const scale = forceScale ?? ctxScale;
23
27
  return {
24
28
  [PROPS.LOCALS.SPACING_SCALE]: scale,
25
29
  [PROPS.LOCALS.CORNER_SCALE]: scale,
@@ -34,3 +38,13 @@ export const GroupScaleReset = ({ children }: { children: ReactNode }) => {
34
38
  </GroupScaleContext.Provider>
35
39
  );
36
40
  };
41
+
42
+ export function withGroupScaleReset<T>(Component: React.ComponentType<T>) {
43
+ return function WithGroupScaleReset(props: T) {
44
+ return (
45
+ <GroupScaleReset>
46
+ <Component {...(props as any)} />
47
+ </GroupScaleReset>
48
+ );
49
+ };
50
+ }
package/src/uno/preflights/index.ts CHANGED
@@ -3,6 +3,7 @@ import { basePreflight } from './base.js';
3
3
  import { colorPreflight, ColorPreflightOptions } from './colors.js';
4
4
  import { fontsPreflight, FontsPreflightOptions } from './fonts.js';
5
5
  import { globalPreflight, GlobalsPreflightConfig } from './globals.js';
6
+ import { keyboardPreflight } from './keyboard.js';
6
7
  import { layerPreflight } from './layers.js';
7
8
  import { modePreflight } from './mode.js';
8
9
  import { propertiesPreflight } from './properties.js';
@@ -22,4 +23,5 @@ export const preflights = (config: PreflightConfig): Preflight<any>[] => [
22
23
  fontsPreflight(config),
23
24
  propertiesPreflight,
24
25
  userPreflight(config),
26
+ keyboardPreflight,
25
27
  ];
package/src/uno/preflights/keyboard.ts CHANGED
@@ -6,7 +6,7 @@ export const keyboardPreflight = preflight({
6
6
  // content is not hidden behind the keyboard
7
7
  `
8
8
  body {
9
- margin-bottom: env(virtual-keyboard-inset-bottom, 0px);
9
+ margin-bottom: env(virtual-keyboard-inset-bottom, 0px) !important;
10
10
  }
11
11
  `,
12
12
  });