@a-type/ui 5.0.3 → 5.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/main.css +2 -2
- package/dist/esm/components/button/Button.js +6 -1
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/Button.stories.d.ts +1 -0
- package/dist/esm/components/button/Button.stories.js +7 -0
- package/dist/esm/components/button/Button.stories.js.map +1 -1
- package/dist/esm/components/button/classes.js +3 -2
- package/dist/esm/components/button/classes.js.map +1 -1
- package/dist/esm/components/tabs/tabs.js +4 -4
- package/dist/esm/components/tabs/tabs.js.map +1 -1
- package/dist/esm/components/toggleGroup/toggleGroup.js +2 -2
- package/dist/esm/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/esm/uno/theme/sizes.js +1 -0
- package/dist/esm/uno/theme/sizes.js.map +1 -1
- package/package.json +1 -1
- package/src/components/button/Button.stories.tsx +12 -0
- package/src/components/button/Button.tsx +5 -1
- package/src/components/button/classes.tsx +3 -1
- package/src/components/tabs/tabs.tsx +13 -13
- package/src/components/toggleGroup/toggleGroup.tsx +6 -6
- package/src/uno/theme/sizes.ts +1 -0
package/dist/css/main.css
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
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;}.-ml-1{margin-left:-0.25rem;}.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;}.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
|
+
.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;}.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{
|
|
10
10
|
from { height: calc(var(--collapsible-height) + 80px); max-height: none; }
|
|
11
11
|
to { height: min(var(--peek-height, 120px), var(--collapsible-height)); max-height: var(--peek-height, 120px); }
|
|
12
12
|
}@keyframes peek-open{
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
50% { stroke-dasharray: 100, 200; stroke-dashoffset: -15; }
|
|
27
27
|
100% { stroke-dasharray: 100, 200; stroke-dashoffset: -125; }
|
|
28
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
|
-
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-5px{right:5px;}.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-5px{top:5px;}.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\: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-\[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-\[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)),
|
|
29
|
+
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-5px{right:5px;}.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-5px{top:5px;}.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
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);}.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
31
|
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))),
|
|
32
32
|
var(--un-shadow-inset) 0 calc(2px * var(--t-shadow-y-mult,1)) calc(4px * var(--u-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5) * 2));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-white{--un-shadow-color:var(--p-high-contrast-shade-wash) /* var(--p-high-contrast-shade-wash) */;}.layer-components\:shadow-xl{--un-shadow:var(--un-shadow-inset) 0 calc(20px * var(--t-shadow-y-mult,1)) calc(40px * (0.1 + 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))),
|
|
@@ -57,8 +57,10 @@ export function ButtonRoot(_a) {
|
|
|
57
57
|
}
|
|
58
58
|
ButtonRoot.displayName = 'Button';
|
|
59
59
|
export const ButtonToggleIndicator = memo(function ToggleIndicator({ value, }) {
|
|
60
|
-
return (_jsx(Icon, { "aria-hidden": true, name: "check", className: "w-0 transition-width
|
|
60
|
+
return (_jsx(Icon, { "aria-hidden": true, name: "check", className: "w-0 transition-width", style: {
|
|
61
61
|
width: value ? '15px' : 0,
|
|
62
|
+
marginRight: !value ? '-0.25rem' : 0,
|
|
63
|
+
marginLeft: !value ? '-0.25rem' : 0,
|
|
62
64
|
}, loading: false }));
|
|
63
65
|
});
|
|
64
66
|
// allows custom icons to trigger icon button behavior
|
|
@@ -105,6 +107,9 @@ function applyPartAttributes(button) {
|
|
|
105
107
|
registry.icon++;
|
|
106
108
|
iconNodes.push(child);
|
|
107
109
|
}
|
|
110
|
+
else if (child.hasAttribute('data-default-loader')) {
|
|
111
|
+
// skip default loader
|
|
112
|
+
}
|
|
108
113
|
else {
|
|
109
114
|
registry.label++;
|
|
110
115
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -36,6 +36,7 @@ export declare const WithIcon: Story;
|
|
|
36
36
|
export declare const IconOnly: Story;
|
|
37
37
|
export declare const IconTransition: Story;
|
|
38
38
|
export declare const Toggled: Story;
|
|
39
|
+
export declare const ToggledIcon: Story;
|
|
39
40
|
export declare const Alignment: Story;
|
|
40
41
|
export declare const ConfirmedButtonDemo: Story;
|
|
41
42
|
export declare const FragmentTest: Story;
|
|
@@ -57,6 +57,13 @@ export const Toggled = {
|
|
|
57
57
|
return _jsx(Button, Object.assign({}, args, { toggled: on, onClick: toggle }));
|
|
58
58
|
},
|
|
59
59
|
};
|
|
60
|
+
export const ToggledIcon = {
|
|
61
|
+
render: (args) => {
|
|
62
|
+
const [on, setOn] = useState(false);
|
|
63
|
+
const toggle = () => setOn((v) => !v);
|
|
64
|
+
return (_jsx(Button, Object.assign({}, args, { toggled: on, onClick: toggle, children: _jsx(Icon, { name: "placeholder" }) })));
|
|
65
|
+
},
|
|
66
|
+
};
|
|
60
67
|
export const Alignment = {
|
|
61
68
|
render(args) {
|
|
62
69
|
return (_jsxs("div", { className: "col", children: [_jsxs("div", { className: "row border-default", children: [_jsx(Button, Object.assign({}, args, { size: "small", children: "Button" })), _jsx(Button, Object.assign({}, args, { size: "small", children: _jsx(Icon, { name: "placeholder" }) }))] }), _jsxs("div", { className: "row border-default", children: [_jsx(Button, Object.assign({}, args, { children: "Button" })), _jsx(Button, Object.assign({}, args, { children: _jsx(Icon, { name: "placeholder" }) }))] })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,8 +15,9 @@ export function getButtonClassName({ color, emphasis = 'default', size = 'defaul
|
|
|
15
15
|
'layer-components:rounded-lg layer-components:px-4 layer-components:py-2 layer-components:text-md': size === 'default',
|
|
16
16
|
'layer-components:min-h-touch layer-components:rounded-md layer-components:px-4 layer-components:py-0.25 layer-components:text-sm': size === 'small',
|
|
17
17
|
'layer-components:[&[data-has-icon=true][data-has-label=false]]:rounded-lg layer-components:[&[data-has-icon=true][data-has-label=false]]:p-2.35 layer-components:[&[data-has-icon=true][data-has-label=false]]:text-sm': size === 'default' && !disableIconMode,
|
|
18
|
-
'layer-components:[&[data-has-icon=true][data-has-label=false]]:rounded-lg layer-components:[&[data-has-icon=true][data-has-label=false]]:p-sm layer-components:[&[data-has-icon=true][data-has-label=false]]:text-xs layer-components:[&[data-has-icon=true][data-has-label=false]]:-m-y-2xs': size === 'small' && !disableIconMode,
|
|
19
|
-
},
|
|
18
|
+
'layer-components:[&[data-has-icon=true][data-has-label=false]]:min-h-touch-small layer-components:[&[data-has-icon=true][data-has-label=false]]:rounded-lg layer-components:[&[data-has-icon=true][data-has-label=false]]:p-sm layer-components:[&[data-has-icon=true][data-has-label=false]]:text-xs layer-components:[&[data-has-icon=true][data-has-label=false]]:-m-y-2xs': size === 'small' && !disableIconMode,
|
|
19
|
+
}, !disableIconMode &&
|
|
20
|
+
'layer-components:[&[data-has-icon=true][data-has-label=false]:not([aria-pressed])]:aspect-1 layer-components:[&[data-has-icon=true][data-has-label=false]:not([aria-pressed])]:items-center layer-components:[&[data-has-icon=true][data-has-label=false]:not([aria-pressed])]:justify-center', 'layer-components:hover:ring-4 layer-components:hover:bg-main layer-components:hover:bg-lighten-2', 'layer-components:focus:outline-off', 'layer-components:focus-visible:outline-off layer-components:focus-visible:ring-6 layer-components:focus-visible:ring-accent', 'layer-components:[&[data-focus=true]]:outline-off layer-components:[&[data-focus=true]]:ring-6 layer-components:[&[data-focus=true]]:ring-accent', 'layer-components:active:ring-8 layer-components:active:bg-darken-1', 'layer-components:disabled:cursor-default layer-components:disabled:opacity-50 layer-components:disabled:ring-none layer-components:disabled:shadow-none', 'layer-components:[&[data-disabled=true]]:cursor-default layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:shadow-none', {
|
|
20
21
|
'layer-variants:[&[aria-pressed=false]]:[&:not(:hover)]:bg-transparent': toggleable,
|
|
21
22
|
}, {
|
|
22
23
|
'layer-components:self-start': align === 'start',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,SAAS,EAChB,UAAU,EACV,KAAK,EACL,eAAe,GAQf;IACA,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI,CACV,uEAAuE,EACvE,mCAAmC,EACnC,oCAAoC,CACpC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CACV,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,8EAA8E,EAC9E,0DAA0D,EAC1D,mCAAmC,EACnC,sDAAsD,EACtD,gEAAgE,EAChE,gDAAgD,EAChD,sCAAsC,EACtC,iCAAiC,EAEjC,QAAQ,KAAK,OAAO,IAAI,0CAA0C,EAClE,QAAQ,KAAK,UAAU;QACtB,2DAA2D,EAE5D;QACC,0BAA0B,EAAE,QAAQ,KAAK,SAAS;QAClD,gEAAgE,EAC/D,QAAQ,KAAK,OAAO;QACrB,iEAAiE,EAChE,QAAQ,KAAK,SAAS;QACvB,4EAA4E,EAC3E,QAAQ,KAAK,OAAO;QACrB,2BAA2B,EAAE,QAAQ,KAAK,UAAU;KACpD,EAED;QACC,iDAAiD,EAAE,IAAI,KAAK,SAAS;QACrE,gEAAgE,EAC/D,IAAI,KAAK,OAAO;QACjB,4FAA4F,EAC3F,IAAI,KAAK,SAAS,IAAI,CAAC,eAAe;QACvC,
|
|
1
|
+
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,SAAS,EAChB,UAAU,EACV,KAAK,EACL,eAAe,GAQf;IACA,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI,CACV,uEAAuE,EACvE,mCAAmC,EACnC,oCAAoC,CACpC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CACV,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,8EAA8E,EAC9E,0DAA0D,EAC1D,mCAAmC,EACnC,sDAAsD,EACtD,gEAAgE,EAChE,gDAAgD,EAChD,sCAAsC,EACtC,iCAAiC,EAEjC,QAAQ,KAAK,OAAO,IAAI,0CAA0C,EAClE,QAAQ,KAAK,UAAU;QACtB,2DAA2D,EAE5D;QACC,0BAA0B,EAAE,QAAQ,KAAK,SAAS;QAClD,gEAAgE,EAC/D,QAAQ,KAAK,OAAO;QACrB,iEAAiE,EAChE,QAAQ,KAAK,SAAS;QACvB,4EAA4E,EAC3E,QAAQ,KAAK,OAAO;QACrB,2BAA2B,EAAE,QAAQ,KAAK,UAAU;KACpD,EAED;QACC,iDAAiD,EAAE,IAAI,KAAK,SAAS;QACrE,gEAAgE,EAC/D,IAAI,KAAK,OAAO;QACjB,4FAA4F,EAC3F,IAAI,KAAK,SAAS,IAAI,CAAC,eAAe;QACvC,oLAAoL,EACnL,IAAI,KAAK,OAAO,IAAI,CAAC,eAAe;KACrC,EACD,CAAC,eAAe;QACf,2HAA2H,EAE5H,sDAAsD,EAEtD,oCAAoC,EACpC,iEAAiE,EACjE,wEAAwE,EAExE,8CAA8C,EAE9C,6EAA6E,EAC7E,kFAAkF,EAElF;QACC,uEAAuE,EACtE,UAAU;KACX,EAED;QACC,6BAA6B,EAAE,KAAK,KAAK,OAAO;QAChD,+BAA+B,EAAE,KAAK,KAAK,SAAS;QACpD,2BAA2B,EAAE,KAAK,KAAK,KAAK;KAC5C,EAED,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,CAC3B,CAAC;AACH,CAAC"}
|
|
@@ -15,10 +15,10 @@ import { Tabs as TabsPrimitive, } from '@base-ui/react/tabs';
|
|
|
15
15
|
import clsx from 'clsx';
|
|
16
16
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
17
17
|
export const TabsRoot = withClassName(TabsPrimitive.Root, '');
|
|
18
|
-
const StyledTabsList = withClassName(TabsPrimitive.List, 'layer-components:flex layer-components:flex-row layer-components:items-start layer-components:gap-2
|
|
19
|
-
export const TabsTrigger = withClassName(TabsPrimitive.Tab, 'layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-center layer-components:gap-2 layer-components:
|
|
20
|
-
export const TabsIndicator = withClassName(TabsPrimitive.Indicator, 'layer-components:absolute layer-components:block layer-components:
|
|
21
|
-
export const TabsContent = withClassName(TabsPrimitive.Panel, 'layer-components:focus:outline-none layer-components:focus
|
|
18
|
+
const StyledTabsList = withClassName(TabsPrimitive.List, 'layer-components:relative layer-components:flex layer-components:flex-row layer-components:items-start layer-components:gap-2', 'layer-components:border-thin layer-components:rounded-xl layer-components:border-solid layer-components:border-fg', 'layer-components:shadow-sm layer-components:bg-white', 'layer-components:max-w-full layer-components:w-max-content layer-components:overflow-y-clip layer-components:overflow-x-auto layer-components:overflow-unstable');
|
|
19
|
+
export const TabsTrigger = withClassName(TabsPrimitive.Tab, 'layer-components:relative layer-components:z-1 layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-center layer-components:gap-2 layer-components:px-lg layer-components:py-xs', 'layer-components:cursor-pointer layer-components:select-none layer-components:transition-all', 'layer-components:text-center layer-components:text-nowrap layer-components:text-md layer-components:font-semibold layer-components:font-inherit layer-components:color-gray-ink', 'layer-components:min-h-touch layer-components:min-w-100px layer-components:flex-shrink-0', 'layer-components:border layer-components:rounded-lg layer-components:bg-transparent layer-components:border-transparent', 'layer-components:hover:[&[data-state=inactive]]:ring-4 layer-components:hover:[&[data-state=inactive]]:bg-gray-light layer-components:hover:[&[data-state=inactive]]:bg-darken-1 layer-components:hover:[&[data-state=inactive]]:ring-bg', 'layer-components:focus-visible:outline-off layer-components:focus-visible:border layer-components:focus-visible:ring-4 layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:border-black layer-components:focus-visible:ring-accent', 'data-[active]:cursor-default');
|
|
20
|
+
export const TabsIndicator = withClassName(TabsPrimitive.Indicator, 'layer-components:[transition-property:transform,width,color] layer-components:absolute layer-components:block layer-components:rounded-lg layer-components:duration-300 layer-components:ease-out layer-components:bg-main-light layer-components:b-gray-dark', 'layer-components:left-0 layer-components:top-1/2 layer-components:z-0 layer-components:h-full layer-components:w-[--active-tab-width] layer-components:translate-x-[--active-tab-left] layer-components:-translate-y-1/2', 'layer-components:b-1 layer-components:b-gray-dark');
|
|
21
|
+
export const TabsContent = withClassName(TabsPrimitive.Panel, 'layer-components:focus-visible:outline-none layer-components:focus:outline-none layer-components:focus-visible:ring-2 layer-components:focus-visible:ring-inset layer-components:focus-visible:ring-gray');
|
|
22
22
|
export const TabsList = (_a) => {
|
|
23
23
|
var { children, className, color = 'primary' } = _a, props = __rest(_a, ["children", "className", "color"]);
|
|
24
24
|
return (_jsxs(StyledTabsList, Object.assign({}, props, { className: clsx(`palette-${color}`, className), children: [children, _jsx(TabsIndicator, {})] })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAEN,IAAI,IAAI,aAAa,GAErB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,aAAa,CACnC,aAAa,CAAC,IAAI,EAClB,6DAA6D,EAC7D,kEAAkE,EAClE,uCAAuC,EACvC,+FAA+F,CAC/F,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,GAAG,EACjB,6FAA6F,EAC7F,8DAA8D,EAC9D,8FAA8F,EAC9F,0DAA0D,EAC1D,wEAAwE,EACxE,4FAA4F,EAC5F,iGAAiG,EACjG,gCAAgC,CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,aAAa,CAAC,SAAS,EACvB,
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAEN,IAAI,IAAI,aAAa,GAErB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,aAAa,CACnC,aAAa,CAAC,IAAI,EAClB,6DAA6D,EAC7D,kEAAkE,EAClE,uCAAuC,EACvC,+FAA+F,CAC/F,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,GAAG,EACjB,6FAA6F,EAC7F,8DAA8D,EAC9D,8FAA8F,EAC9F,0DAA0D,EAC1D,wEAAwE,EACxE,4FAA4F,EAC5F,iGAAiG,EACjG,gCAAgC,CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,aAAa,CAAC,SAAS,EACvB,0IAA0I,EAC1I,sHAAsH,EACtH,oCAAoC,CACpC,CAAC;AAIF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,KAAK,EACnB,wIAAwI,CACxI,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAOxB,EAAE,EAAE;QAPoB,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,SAAS,OAIjB,EAHG,KAAK,cAJgB,kCAKxB,CADQ;IAGH,OAAA,CACL,MAAC,cAAc,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAI,CAAC,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,aACvE,QAAQ,EACT,KAAC,aAAa,KAAG,KACD,CACjB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC3C,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE,aAAa;CACxB,CAAC,CAAC"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
|
|
3
3
|
import { ToggleGroup as ToggleGroupPrimitive, } from '@base-ui/react/toggle-group';
|
|
4
4
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
5
|
-
const ToggleGroupRoot = withClassName(ToggleGroupPrimitive, 'layer-components:
|
|
6
|
-
export const ToggleGroupItem = withClassName(TogglePrimitive, 'layer-components:
|
|
5
|
+
const ToggleGroupRoot = withClassName(ToggleGroupPrimitive, 'layer-components:w-fit layer-components:inline-flex layer-components:gap-sm layer-components:rounded-lg layer-components:bg-main-light/20');
|
|
6
|
+
export const ToggleGroupItem = withClassName(TogglePrimitive, 'layer-components:flex layer-components:cursor-pointer layer-components:items-center layer-components:justify-center layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:px-md layer-components:py-sm layer-components:text-nowrap layer-components:transition-all layer-components:color-black layer-components:bg-gray/30 layer-components:border-transparent', 'layer-components:hover:ring-2 layer-components:hover:bg-lighten-2 layer-components:hover:border-main-ink/20 layer-components:hover:ring-bg', 'layer-components:active:ring-4 layer-components:active:bg-darken-1 layer-components:active:border-main-ink/30', 'layer-components:focus-visible:outline-off layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent', 'layer-components:data-[pressed]:border-default layer-components:data-[pressed]:shadow-sm layer-components:data-[pressed]:bg-main layer-components:data-[pressed]:hover:border-default');
|
|
7
7
|
export const ToggleGroup = Object.assign(ToggleGroupRoot, {
|
|
8
8
|
Item: ToggleGroupItem,
|
|
9
9
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EACN,WAAW,IAAI,oBAAoB,GAEnC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,eAAe,GAAG,aAAa,CACpC,oBAAoB,EACpB,yEAAyE,CACzE,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,eAAe,EACf,
|
|
1
|
+
{"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EACN,WAAW,IAAI,oBAAoB,GAEnC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,eAAe,GAAG,aAAa,CACpC,oBAAoB,EACpB,yEAAyE,CACzE,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,eAAe,EACf,sLAAsL,EACtL,yEAAyE,EACzE,iEAAiE,EACjE,iEAAiE,EACjE,yFAAyF,CACzF,CAAC;AAGF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,IAAI,EAAE,eAAe;CACrB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../../../src/uno/theme/sizes.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,KAAK,GAAmB;IACpC,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,aAAa;IAC5B,aAAa,EAAE,aAAa;IAC5B,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,MAAM;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAoB;IACtC,aAAa,EAAE,aAAa;IAC5B,aAAa,EAAE,aAAa;IAC5B,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,MAAM;CACrB,CAAC"}
|
|
1
|
+
{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../../../src/uno/theme/sizes.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,KAAK,GAAmB;IACpC,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,aAAa;IAC5B,aAAa,EAAE,aAAa;IAC5B,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,MAAM;IACrB,aAAa,EAAE,MAAM;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAoB;IACtC,aAAa,EAAE,aAAa;IAC5B,aAAa,EAAE,aAAa;IAC5B,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,MAAM;CACrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -106,6 +106,18 @@ export const Toggled: Story = {
|
|
|
106
106
|
},
|
|
107
107
|
};
|
|
108
108
|
|
|
109
|
+
export const ToggledIcon: Story = {
|
|
110
|
+
render: (args) => {
|
|
111
|
+
const [on, setOn] = useState(false);
|
|
112
|
+
const toggle = () => setOn((v) => !v);
|
|
113
|
+
return (
|
|
114
|
+
<Button {...args} toggled={on} onClick={toggle}>
|
|
115
|
+
<Icon name="placeholder" />
|
|
116
|
+
</Button>
|
|
117
|
+
);
|
|
118
|
+
},
|
|
119
|
+
};
|
|
120
|
+
|
|
109
121
|
export const Alignment: Story = {
|
|
110
122
|
render(args) {
|
|
111
123
|
return (
|
|
@@ -166,9 +166,11 @@ export const ButtonToggleIndicator = memo(function ToggleIndicator({
|
|
|
166
166
|
<Icon
|
|
167
167
|
aria-hidden
|
|
168
168
|
name="check"
|
|
169
|
-
className="w-0 transition-width
|
|
169
|
+
className="w-0 transition-width"
|
|
170
170
|
style={{
|
|
171
171
|
width: value ? '15px' : 0,
|
|
172
|
+
marginRight: !value ? '-0.25rem' : 0,
|
|
173
|
+
marginLeft: !value ? '-0.25rem' : 0,
|
|
172
174
|
}}
|
|
173
175
|
loading={false}
|
|
174
176
|
/>
|
|
@@ -224,6 +226,8 @@ function applyPartAttributes(button: HTMLButtonElement) {
|
|
|
224
226
|
) {
|
|
225
227
|
registry.icon++;
|
|
226
228
|
iconNodes.push(child);
|
|
229
|
+
} else if (child.hasAttribute('data-default-loader')) {
|
|
230
|
+
// skip default loader
|
|
227
231
|
} else {
|
|
228
232
|
registry.label++;
|
|
229
233
|
}
|
|
@@ -57,9 +57,11 @@ export function getButtonClassName({
|
|
|
57
57
|
size === 'small',
|
|
58
58
|
'layer-components:[&[data-has-icon=true][data-has-label=false]]:(rounded-lg p-2.35 text-sm)':
|
|
59
59
|
size === 'default' && !disableIconMode,
|
|
60
|
-
'layer-components:[&[data-has-icon=true][data-has-label=false]]:(rounded-lg p-sm text-xs -m-y-2xs)':
|
|
60
|
+
'layer-components:[&[data-has-icon=true][data-has-label=false]]:min-h-touch-small layer-components:[&[data-has-icon=true][data-has-label=false]]:(rounded-lg p-sm text-xs -m-y-2xs)':
|
|
61
61
|
size === 'small' && !disableIconMode,
|
|
62
62
|
},
|
|
63
|
+
!disableIconMode &&
|
|
64
|
+
'layer-components:[&[data-has-icon=true][data-has-label=false]:not([aria-pressed])]:(aspect-1 items-center justify-center)',
|
|
63
65
|
|
|
64
66
|
'layer-components:hover:(ring-4 bg-main bg-lighten-2)',
|
|
65
67
|
|
|
@@ -10,28 +10,28 @@ export const TabsRoot = withClassName(TabsPrimitive.Root, '');
|
|
|
10
10
|
|
|
11
11
|
const StyledTabsList = withClassName(
|
|
12
12
|
TabsPrimitive.List,
|
|
13
|
-
'layer-components:(flex flex-row items-start gap-2
|
|
14
|
-
'layer-components:(border-
|
|
13
|
+
'layer-components:(relative flex flex-row items-start gap-2)',
|
|
14
|
+
'layer-components:(border-thin rounded-xl border-solid border-fg)',
|
|
15
15
|
'layer-components:(shadow-sm bg-white)',
|
|
16
|
-
'layer-components:(
|
|
16
|
+
'layer-components:(max-w-full w-max-content overflow-y-clip overflow-x-auto overflow-unstable)',
|
|
17
17
|
);
|
|
18
18
|
|
|
19
19
|
export const TabsTrigger = withClassName(
|
|
20
20
|
TabsPrimitive.Tab,
|
|
21
|
-
'layer-components:(flex flex-row items-center justify-center gap-2
|
|
22
|
-
'layer-components:(
|
|
23
|
-
'layer-components:(text-center text-md font-semibold color-gray-ink
|
|
24
|
-
'layer-components:(min-
|
|
25
|
-
'layer-components:(bg-transparent border
|
|
26
|
-
'layer-components:hover:[&[data-state=inactive]]:(bg-gray-light bg-darken-1 ring-
|
|
27
|
-
'layer-components:focus-visible:(
|
|
21
|
+
'layer-components:(relative z-1 flex flex-row items-center justify-center gap-2 px-lg py-xs)',
|
|
22
|
+
'layer-components:(cursor-pointer select-none transition-all)',
|
|
23
|
+
'layer-components:(text-center text-nowrap text-md font-semibold font-inherit color-gray-ink)',
|
|
24
|
+
'layer-components:(min-h-touch min-w-100px flex-shrink-0)',
|
|
25
|
+
'layer-components:(border rounded-lg bg-transparent border-transparent)',
|
|
26
|
+
'layer-components:hover:[&[data-state=inactive]]:(ring-4 bg-gray-light bg-darken-1 ring-bg)',
|
|
27
|
+
'layer-components:focus-visible:(outline-off border ring-4 bg-darken-1 border-black ring-accent)',
|
|
28
28
|
'data-[active]:(cursor-default)',
|
|
29
29
|
);
|
|
30
30
|
|
|
31
31
|
export const TabsIndicator = withClassName(
|
|
32
32
|
TabsPrimitive.Indicator,
|
|
33
|
-
'layer-components:(
|
|
34
|
-
'layer-components:(left-0 top-1/2
|
|
33
|
+
'layer-components:([transition-property:transform,width,color] absolute block rounded-lg duration-300 ease-out bg-main-light b-gray-dark)',
|
|
34
|
+
'layer-components:(left-0 top-1/2 z-0 h-full w-[--active-tab-width] translate-x-[--active-tab-left] -translate-y-1/2)',
|
|
35
35
|
'layer-components:(b-1 b-gray-dark)',
|
|
36
36
|
);
|
|
37
37
|
|
|
@@ -39,7 +39,7 @@ export interface TabsTriggerProps extends Omit<TabsTabProps, 'color'> {}
|
|
|
39
39
|
|
|
40
40
|
export const TabsContent = withClassName(
|
|
41
41
|
TabsPrimitive.Panel,
|
|
42
|
-
'layer-components:(focus:outline-none focus
|
|
42
|
+
'layer-components:(focus-visible:outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-gray)',
|
|
43
43
|
);
|
|
44
44
|
|
|
45
45
|
export const TabsList = ({
|
|
@@ -7,15 +7,15 @@ import { withClassName } from '../../hooks/withClassName.js';
|
|
|
7
7
|
|
|
8
8
|
const ToggleGroupRoot = withClassName(
|
|
9
9
|
ToggleGroupPrimitive,
|
|
10
|
-
'layer-components:(inline-flex
|
|
10
|
+
'layer-components:(w-fit inline-flex gap-sm rounded-lg bg-main-light/20)',
|
|
11
11
|
);
|
|
12
12
|
export const ToggleGroupItem = withClassName(
|
|
13
13
|
TogglePrimitive,
|
|
14
|
-
'layer-components:(
|
|
15
|
-
'layer-components:hover:(bg-lighten-2 border-main-ink/20 ring-bg
|
|
16
|
-
'layer-components:active:(bg-darken-1 border-main-ink/30
|
|
17
|
-
'layer-components:focus-visible:(ring-4 ring-accent
|
|
18
|
-
'layer-components:data-[pressed]:(
|
|
14
|
+
'layer-components:(flex cursor-pointer items-center justify-center border-1 rounded-lg border-solid px-md py-sm text-nowrap transition-all color-black bg-gray/30 border-transparent)',
|
|
15
|
+
'layer-components:hover:(ring-2 bg-lighten-2 border-main-ink/20 ring-bg)',
|
|
16
|
+
'layer-components:active:(ring-4 bg-darken-1 border-main-ink/30)',
|
|
17
|
+
'layer-components:focus-visible:(outline-off ring-4 ring-accent)',
|
|
18
|
+
'layer-components:data-[pressed]:(border-default shadow-sm bg-main hover:border-default)',
|
|
19
19
|
);
|
|
20
20
|
|
|
21
21
|
export type { ToggleGroupProps };
|