@a-type/ui 0.8.25 → 0.8.26
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/cjs/components/input/Input.d.ts +1 -0
- package/dist/cjs/components/input/Input.js +3 -5
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/navBar/NavBar.js +2 -2
- package/dist/cjs/components/navBar/NavBar.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.d.ts +10 -11
- package/dist/cjs/components/tabs/tabs.js +54 -3
- package/dist/cjs/components/tabs/tabs.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.stories.js +5 -1
- package/dist/cjs/components/tabs/tabs.stories.js.map +1 -1
- package/dist/cjs/components/textArea/TextArea.js +1 -1
- package/dist/cjs/components/textArea/TextArea.js.map +1 -1
- package/dist/cjs/uno.preset.d.ts +5 -1
- package/dist/cjs/uno.preset.js +8 -5
- package/dist/cjs/uno.preset.js.map +1 -1
- package/dist/css/main.css +4 -4
- package/dist/esm/components/input/Input.d.ts +1 -0
- package/dist/esm/components/input/Input.js +3 -5
- package/dist/esm/components/input/Input.js.map +1 -1
- package/dist/esm/components/navBar/NavBar.js +2 -2
- package/dist/esm/components/navBar/NavBar.js.map +1 -1
- package/dist/esm/components/tabs/tabs.d.ts +10 -11
- package/dist/esm/components/tabs/tabs.js +48 -3
- package/dist/esm/components/tabs/tabs.js.map +1 -1
- package/dist/esm/components/tabs/tabs.stories.js +5 -1
- package/dist/esm/components/tabs/tabs.stories.js.map +1 -1
- package/dist/esm/components/textArea/TextArea.js +1 -1
- package/dist/esm/components/textArea/TextArea.js.map +1 -1
- package/dist/esm/uno.preset.d.ts +5 -1
- package/dist/esm/uno.preset.js +8 -5
- package/dist/esm/uno.preset.js.map +1 -1
- package/package.json +1 -1
- package/src/components/input/Input.tsx +4 -9
- package/src/components/navBar/NavBar.tsx +2 -2
- package/src/components/tabs/tabs.stories.tsx +22 -18
- package/src/components/tabs/tabs.tsx +99 -6
- package/src/components/textArea/TextArea.tsx +1 -0
- package/src/uno.preset.ts +13 -5
package/dist/css/main.css
CHANGED
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
--palette-green-90: #e9fff1;
|
|
16
16
|
--palette-green-80: #c2ffe1;
|
|
17
17
|
--palette-green-70: #8ff8c4;
|
|
18
|
-
--palette-green-60: #
|
|
19
|
-
--palette-green-50: #
|
|
18
|
+
--palette-green-60: #71f0a8;
|
|
19
|
+
--palette-green-50: #56d187;
|
|
20
20
|
--palette-green-40: #499d6f;
|
|
21
21
|
--palette-green-30: #1f8355;
|
|
22
22
|
--palette-green-20: #24694b;
|
|
@@ -433,7 +433,7 @@
|
|
|
433
433
|
overscroll-behavior: none;
|
|
434
434
|
}
|
|
435
435
|
}
|
|
436
|
-
.outline-off{outline:none;}.unset{all:unset;}.focus-visible\:outline-off:focus-visible{outline:none;}.hidden-input{pointer-events:none;position:absolute;z-index:-1;opacity:0;}.center{left:50%;top:50%;}.z-dialog{z-index:var(--z-dialog);}.z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.z-menu{z-index:var(--z-menu);}.z-nav{z-index:var(--z-nav);}.z-now-playing{z-index:var(--z-nowPlaying);}.z-overdraw{z-index:var(--z-overdraw);}.z-tooltip{z-index:var(--z-tooltip);}.hidden-input::webkit-file-upload-button{display:none;}.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:0.00rem;}.border-default{border-width:1px;border-color:var(--color-black);border-style:solid;}.border-light{border-width:1px;border-color:var(--color-gray-5);border-style:solid;}.bg-wash{background-color:var(--color-wash);}@layer components{.layer-components\:focus\:outline-off:focus{outline:none;}.layer-components\:focus-visible\:outline-off:focus-visible{outline:none;}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-now-playing{z-index:var(--z-nowPlaying);}.layer-components\:z-tooltip{z-index:var(--z-tooltip);}.col{display:flex;flex-direction:column;align-items:center;gap:0.50rem;}.row{display:flex;flex-direction:row;align-items:center;gap:0.50rem;}.layer-components\:border-default{border-width:1px;border-color:var(--color-black);border-style:solid;}.layer-components\:border-light{border-width:1px;border-color:var(--color-gray-5);border-style:solid;}.layer-components\:bg-wash{background-color:var(--color-wash);}}@layer responsive{@media (min-width: 640px){.sm\:layer-responsive\:bg-wash{background-color:var(--color-wash);}}}.\[\&\[data-different-month\]\]\:\[visibility\:hidden\][data-different-month]{visibility:hidden;}.\[all\:unset\]{all:unset;}.\[background-size\:400\%_400\%\]{background-size:400% 400%;}.\[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;}.\[grid-auto-rows\:var\(--day-size\,32px\)\]{grid-auto-rows:var(--day-size,32px);}.\[grid-template-areas\:\"prevMonth_leftMonth_nextMonth\"\"leftGrid_leftGrid_leftGrid\"\]{grid-template-areas:"prevMonth leftMonth nextMonth""leftGrid leftGrid leftGrid";}.\[grid-template-columns\:auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}.\[grid-template-rows\:auto_1fr\]{grid-template-rows:auto 1fr;}.\[outline\:none\]{outline:none;}.\[stroke-dasharray\:80_200\]{stroke-dasharray:80 200;}.\[stroke-dashoffset\:0\]{stroke-dashoffset:0;}.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;}.\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.pointer-events-none{pointer-events:none;}.after\:pointer-events-none::after{pointer-events:none;}.\!visible{visibility:visible !important;}.visible{visibility:visible;}.\[\&\[data-state\=active\]\]\:relative[data-state=active],.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.sticky{position:sticky;}.\[\&\[data-today\]\]\:before\:absolute[data-today]::before{position:absolute;}.after\:absolute::after{position:absolute;}.static{position:static;}.inset--99999{inset:-24999.75rem;}.inset-0{inset:0.00rem;}.after\:inset-0::after{inset:0.00rem;}.bottom--0\.5px{bottom:-0.5px;}.bottom--6{bottom:-1.5rem;}.bottom-0{bottom:0.00rem;}.bottom-0px{bottom:0;}.bottom-2{bottom:0.50rem;}.bottom-3{bottom:0.75rem;}.left-0{left:0.00rem;}.left-1\/2,.left-50\%{left:50%;}.left-2{left:0.50rem;}.right--20px{right:-20px;}.right-1{right:0.25rem;}.right-2{right:0.50rem;}.top--20px{top:-20px;}.top-0{top:0.00rem;}.top-1px{top:1px;}.top-2{top:0.50rem;}.top-50\%{top:50%;}.top-auto{top:auto;}.\[\&\[data-today\]\]\:before\:left-\[2px\][data-today]::before{left:2px;}.\[\&\[data-today\]\]\:before\:top-\[2px\][data-today]::before{top:2px;}.after\:bottom-0::after{bottom:0.00rem;}.after\:left--9px::after{left:-9px;}.after\:right-0::after{right:0.00rem;}.after\:top--7px::after{top:-7px;}.after\:top-0::after{top:0.00rem;}.after\:top-auto::after{top:auto;}.\[\&\[data-highlighted\]\]\:z-1[data-highlighted],.\[\&\[data-in-range\]\]\:z-1[data-in-range],.\[\&\[data-range-end\]\]\:z-1[data-range-end],.\[\&\[data-range-start\]\]\:z-1[data-range-start],.\[\&\[data-state\=active\]\]\:z-1[data-state=active],.z-1{z-index:1;}.\[\&\[data-selected\]\]\:z-2[data-selected]{z-index:2;}.z--1{z-index:-1;}.z-\[calc\(var\(--z-dialog\)\+1\)\]{z-index:calc(var(--z-dialog) + 1);}.z-\[var\(--z-dialog\)\]{z-index:var(--z-dialog);}.z-\[var\(--z-dialogBackdrop\)\]{z-index:var(--z-dialogBackdrop);}.z-\[var\(--z-menu\)\]{z-index:var(--z-menu);}.z-\[var\(--z-nav\)\]{z-index:var(--z-nav);}.z-\[var\(--z-nowPlaying\)\]{z-index:var(--z-nowPlaying);}.z-\[var\(--z-overdraw\)\]{z-index:var(--z-overdraw);}.z-\[var\(--z-tooltip\)\]{z-index:var(--z-tooltip);}.hover\:z-1:hover{z-index:1;}.after\:z-1::after{z-index:1;}.grid{display:grid;}.grid-cols-\[repeat\(7\,var\(--day-size\,32px\)\)\]{grid-template-columns:repeat(7,var(--day-size,32px));}.important\:m-2{margin:0.50rem !important;}.m-1{margin:0.25rem;}.m-2{margin:0.50rem;}.m-5px{margin:5px;}.m\[k\]{margin:k;}.important\:mx-1{margin-left:0.25rem !important;margin-right:0.25rem !important;}.my-0{margin-top:0.00rem;margin-bottom:0.00rem;}.my-4{margin-top:1.00rem;margin-bottom:1.00rem;}.\[\&_\.ProseMirror_h1\,h2\,h3\,p\]\:mt-0 .ProseMirror h1,h2,h3,p,.mt-0{margin-top:0.00rem;}.\[\&_\.ProseMirror_h2\]\:mb-2 .ProseMirror h2{margin-bottom:0.50rem;}.\[\&_\.ProseMirror_h2\]\:mt-4 .ProseMirror h2{margin-top:1.00rem;}.mb--1px{margin-bottom:-1px;}.mb-1{margin-bottom:0.25rem;}.mb-4{margin-bottom:1.00rem;}.mb-6{margin-bottom:1.50rem;}.me{margin-inline-end:1rem;}.ml--1{margin-left:-0.25rem;}.ml-auto{margin-left:auto;}.mr--1px{margin-right:-1px;}.mt-3{margin-top:0.75rem;}.block{display:block;}.inline-block{display:inline-block;}.\!hidden{display:none !important;}.\[\&\:\:webkit-file-upload-button\]\:hidden::webkit-file-upload-button{display:none;}.\[\&\[data-state\=delayed-open\]\]\:display-initial[data-state=delayed-open],.\[\&\[data-state\=instant-open\]\]\:display-initial[data-state=instant-open]{display:initial;}.\[\&\[data-state\=closed\]\]\:max-h-\[var\(--peek-height\,120px\)\][data-state=closed]{max-height:var(--peek-height,120px);}.h-\[100vh\]{height:100vh;}.h-\[12px\]{height:12px;}.h-\[4px\]{height:4px;}.h-\[calc\(100\%-18px\)\]{height:calc(100% - 18px);}.h-16{height:4rem;}.h-16px{height:16px;}.h-1em{height:1em;}.h-1px{height:1px;}.h-21px{height:21px;}.h-25px{height:25px;}.h-32px{height:32px;}.h-36px{height:36px;}.h-4,.h4{height:1rem;}.h-64{height:16rem;}.h-80px{height:80px;}.h-full{height:100%;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h5{height:1.25rem;}.important\:h-30px{height:30px !important;}.max-w-300px{max-width:300px;}.max-w-600px{max-width:600px;}.max-w-full{max-width:100%;}.min-w-0{min-width:0;}.min-w-100px{min-width:100px;}.min-w-220px{min-width:220px;}.w-\[12px\]{width:12px;}.w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.w-0{width:0;}.w-16{width:4rem;}.w-16px{width:16px;}.w-1em{width:1em;}.w-20\%{width:20%;}.w-20px{width:20px;}.w-21px{width:21px;}.w-25px{width:25px;}.w-32px{width:32px;}.w-4{width:1rem;}.w-42px{width:42px;}.w-64{width:16rem;}.w-80px{width:80px;}.w-full{width:100%;}.\[\&\[data-today\]\]\:before\:h-\[6px\][data-today]::before{height:6px;}.\[\&\[data-today\]\]\:before\:w-\[6px\][data-today]::before{width:6px;}.after\:h-80px::after{height:80px;}.after\:w-50px::after{width:50px;}.flex{display:flex;}.important\:flex{display:flex !important;}.after\:flex::after{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.flex-grow-0{flex-grow:0;}.flex-grow-1{flex-grow:1;}.flex-basis-0{flex-basis:0.00rem;}.flex-basis-auto{flex-basis:auto;}.flex-row{flex-direction:row;}.important\:flex-row{flex-direction:row !important;}.flex-col{flex-direction:column;}.after\:flex-col::after{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.transform-origin-\[50\%_50\%\]{transform-origin:50% 50%;}.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));}.-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-state\=checked\]\]\:translate-x-19px[data-state=checked]{--un-translate-x:19px;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-\[-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));}.translate-y-6{--un-translate-y:1.50rem;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{
|
|
436
|
+
.outline-off{outline:none;}.unset{all:unset;}.focus-visible\:outline-off:focus-visible{outline:none;}.hidden-input{pointer-events:none;position:absolute;z-index:-1;opacity:0;}.center{left:50%;top:50%;}.z-dialog{z-index:var(--z-dialog);}.z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.z-menu{z-index:var(--z-menu);}.z-nav{z-index:var(--z-nav);}.z-now-playing{z-index:var(--z-nowPlaying);}.z-overdraw{z-index:var(--z-overdraw);}.z-tooltip{z-index:var(--z-tooltip);}.hidden-input::webkit-file-upload-button{display:none;}.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:0.00rem;}.border-default{border-width:1px;border-color:var(--color-black);border-style:solid;}.border-light{border-width:1px;border-color:var(--color-gray-5);border-style:solid;}.bg-wash{background-color:var(--color-wash);}@layer components{.layer-components\:focus\:outline-off:focus{outline:none;}.layer-components\:focus-visible\:outline-off:focus-visible{outline:none;}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-dialog-backdrop{z-index:var(--z-dialogBackdrop);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-now-playing{z-index:var(--z-nowPlaying);}.layer-components\:z-tooltip{z-index:var(--z-tooltip);}.col{display:flex;flex-direction:column;align-items:center;gap:0.50rem;}.row{display:flex;flex-direction:row;align-items:center;gap:0.50rem;}.layer-components\:border-default{border-width:1px;border-color:var(--color-black);border-style:solid;}.layer-components\:border-light{border-width:1px;border-color:var(--color-gray-5);border-style:solid;}.layer-components\:bg-wash{background-color:var(--color-wash);}}@layer responsive{@media (min-width: 640px){.sm\:layer-responsive\:bg-wash{background-color:var(--color-wash);}}}.\[\&\[data-different-month\]\]\:\[visibility\:hidden\][data-different-month]{visibility:hidden;}.\[all\:unset\]{all:unset;}.\[background-size\:400\%_400\%\]{background-size:400% 400%;}.\[clip-path\:inset\(0_var\(--indicator-right\)_0_var\(--indicator-left\)_round_32px\)\]{clip-path:inset(0 var(--indicator-right) 0 var(--indicator-left) round 32px);}.\[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;}.\[grid-auto-rows\:var\(--day-size\,32px\)\]{grid-auto-rows:var(--day-size,32px);}.\[grid-template-areas\:\"prevMonth_leftMonth_nextMonth\"\"leftGrid_leftGrid_leftGrid\"\]{grid-template-areas:"prevMonth leftMonth nextMonth""leftGrid leftGrid leftGrid";}.\[grid-template-columns\:auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}.\[grid-template-rows\:auto_1fr\]{grid-template-rows:auto 1fr;}.\[outline\:none\]{outline:none;}.\[stroke-dasharray\:80_200\]{stroke-dasharray:80 200;}.\[stroke-dashoffset\:0\]{stroke-dashoffset:0;}.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;}.\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.pointer-events-none{pointer-events:none;}.after\:pointer-events-none::after{pointer-events:none;}.\!visible{visibility:visible !important;}.visible{visibility:visible;}.absolute{position:absolute;}.fixed{position:fixed;}.relative{position:relative;}.sticky{position:sticky;}.\[\&\[data-today\]\]\:before\:absolute[data-today]::before{position:absolute;}.after\:absolute::after{position:absolute;}.static{position:static;}.inset--99999{inset:-24999.75rem;}.inset-0{inset:0.00rem;}.inset-2{inset:0.50rem;}.after\:inset-0::after{inset:0.00rem;}.bottom--0\.5px{bottom:-0.5px;}.bottom--6{bottom:-1.5rem;}.bottom-0{bottom:0.00rem;}.bottom-0px{bottom:0;}.bottom-2{bottom:0.50rem;}.bottom-3{bottom:0.75rem;}.left-0{left:0.00rem;}.left-1\/2,.left-50\%{left:50%;}.left-2{left:0.50rem;}.right--20px{right:-20px;}.right-1{right:0.25rem;}.right-2{right:0.50rem;}.top--20px{top:-20px;}.top-0{top:0.00rem;}.top-1px{top:1px;}.top-2{top:0.50rem;}.top-50\%{top:50%;}.top-auto{top:auto;}.\[\&\[data-today\]\]\:before\:left-\[2px\][data-today]::before{left:2px;}.\[\&\[data-today\]\]\:before\:top-\[2px\][data-today]::before{top:2px;}.after\:bottom-0::after{bottom:0.00rem;}.after\:left--9px::after{left:-9px;}.after\:right-0::after{right:0.00rem;}.after\:top--7px::after{top:-7px;}.after\:top-0::after{top:0.00rem;}.after\:top-auto::after{top:auto;}.\[\&\[data-highlighted\]\]\:z-1[data-highlighted],.\[\&\[data-in-range\]\]\:z-1[data-in-range],.\[\&\[data-range-end\]\]\:z-1[data-range-end],.\[\&\[data-range-start\]\]\:z-1[data-range-start],.z-1{z-index:1;}.\[\&\[data-selected\]\]\:z-2[data-selected]{z-index:2;}.z--1{z-index:-1;}.z-\[calc\(var\(--z-dialog\)\+1\)\]{z-index:calc(var(--z-dialog) + 1);}.z-\[var\(--z-dialog\)\]{z-index:var(--z-dialog);}.z-\[var\(--z-dialogBackdrop\)\]{z-index:var(--z-dialogBackdrop);}.z-\[var\(--z-menu\)\]{z-index:var(--z-menu);}.z-\[var\(--z-nav\)\]{z-index:var(--z-nav);}.z-\[var\(--z-nowPlaying\)\]{z-index:var(--z-nowPlaying);}.z-\[var\(--z-overdraw\)\]{z-index:var(--z-overdraw);}.z-\[var\(--z-tooltip\)\]{z-index:var(--z-tooltip);}.hover\:z-1:hover{z-index:1;}.after\:z-1::after{z-index:1;}.grid{display:grid;}.grid-cols-\[repeat\(7\,var\(--day-size\,32px\)\)\]{grid-template-columns:repeat(7,var(--day-size,32px));}.important\:m-2{margin:0.50rem !important;}.m-1{margin:0.25rem;}.m-2{margin:0.50rem;}.m-5px{margin:5px;}.m\[k\]{margin:k;}.important\:mx-1{margin-left:0.25rem !important;margin-right:0.25rem !important;}.my-0{margin-top:0.00rem;margin-bottom:0.00rem;}.my-4{margin-top:1.00rem;margin-bottom:1.00rem;}.\[\&_\.ProseMirror_h1\,h2\,h3\,p\]\:mt-0 .ProseMirror h1,h2,h3,p,.mt-0{margin-top:0.00rem;}.\[\&_\.ProseMirror_h2\]\:mb-2 .ProseMirror h2{margin-bottom:0.50rem;}.\[\&_\.ProseMirror_h2\]\:mt-4 .ProseMirror h2{margin-top:1.00rem;}.mb--1px{margin-bottom:-1px;}.mb-1{margin-bottom:0.25rem;}.mb-4{margin-bottom:1.00rem;}.mb-6{margin-bottom:1.50rem;}.me{margin-inline-end:1rem;}.ml--1{margin-left:-0.25rem;}.ml-auto{margin-left:auto;}.mr--1px{margin-right:-1px;}.mt-3{margin-top:0.75rem;}.block{display:block;}.inline-block{display:inline-block;}.\!hidden{display:none !important;}.\[\&\:\:webkit-file-upload-button\]\:hidden::webkit-file-upload-button{display:none;}.\[\&\[data-state\=delayed-open\]\]\:display-initial[data-state=delayed-open],.\[\&\[data-state\=instant-open\]\]\:display-initial[data-state=instant-open]{display:initial;}.\[\&\[data-state\=closed\]\]\:max-h-\[var\(--peek-height\,120px\)\][data-state=closed]{max-height:var(--peek-height,120px);}.h-\[100vh\]{height:100vh;}.h-\[12px\]{height:12px;}.h-\[4px\]{height:4px;}.h-\[calc\(100\%-18px\)\]{height:calc(100% - 18px);}.h-16{height:4rem;}.h-16px{height:16px;}.h-1em{height:1em;}.h-1px{height:1px;}.h-21px{height:21px;}.h-25px{height:25px;}.h-32px{height:32px;}.h-36px{height:36px;}.h-4,.h4{height:1rem;}.h-64{height:16rem;}.h-80px{height:80px;}.h-full{height:100%;}.h1{height:0.25rem;}.h2{height:0.5rem;}.h3{height:0.75rem;}.h5{height:1.25rem;}.important\:h-30px{height:30px !important;}.max-w-300px{max-width:300px;}.max-w-600px{max-width:600px;}.max-w-full{max-width:100%;}.min-w-0{min-width:0;}.min-w-100px{min-width:100px;}.min-w-220px{min-width:220px;}.w-\[12px\]{width:12px;}.w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.w-0{width:0;}.w-16{width:4rem;}.w-16px{width:16px;}.w-1em{width:1em;}.w-20\%{width:20%;}.w-20px{width:20px;}.w-21px{width:21px;}.w-25px{width:25px;}.w-32px{width:32px;}.w-4{width:1rem;}.w-42px{width:42px;}.w-64{width:16rem;}.w-80px{width:80px;}.w-full{width:100%;}.\[\&\[data-today\]\]\:before\:h-\[6px\][data-today]::before{height:6px;}.\[\&\[data-today\]\]\:before\:w-\[6px\][data-today]::before{width:6px;}.after\:h-80px::after{height:80px;}.after\:w-50px::after{width:50px;}.flex{display:flex;}.important\:flex{display:flex !important;}.after\:flex::after{display:flex;}.inline-flex{display:inline-flex;}.flex-1{flex:1 1 0%;}.flex-shrink-0{flex-shrink:0;}.flex-grow-0{flex-grow:0;}.flex-grow-1{flex-grow:1;}.flex-basis-0{flex-basis:0.00rem;}.flex-basis-auto{flex-basis:auto;}.flex-row{flex-direction:row;}.important\:flex-row{flex-direction:row !important;}.flex-col{flex-direction:column;}.after\:flex-col::after{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.transform-origin-\[50\%_50\%\]{transform-origin:50% 50%;}.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));}.-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-state\=checked\]\]\:translate-x-19px[data-state=checked]{--un-translate-x:19px;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-\[-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));}.translate-y-6{--un-translate-y:1.50rem;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{
|
|
437
437
|
from { height: calc(var(--collapsible-height) + 80px); max-height: none; }
|
|
438
438
|
to { height: min(var(--peek-height, 120px), var(--collapsible-height)); max-height: var(--peek-height, 120px); }
|
|
439
439
|
}@keyframes peek-open{
|
|
@@ -482,4 +482,4 @@
|
|
|
482
482
|
0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; }
|
|
483
483
|
50% { stroke-dasharray: 100, 200; stroke-dashoffset: -15; }
|
|
484
484
|
100% { stroke-dasharray: 100, 200; stroke-dashoffset: -125; }
|
|
485
|
-
}.animate-skeleton{animation:skeleton 1s linear 1;}.animate-spin{animation:spin 1s linear infinite;}.animate-spinner-stroke{animation:spinner-stroke 1s linear 1;}.\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed]{animation-duration:300ms;}.\[\&\[data-state\=open\]\]\:animate-duration-600[data-state=open]{animation-duration:600ms;}.animate-duration-1200{animation-duration:1200ms;}.animate-duration-1400{animation-duration:1400ms;}.animate-ease-default{animation-timing-function:ease;}.animate-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.animate-ease-linear{animation-timing-function:linear;}.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.\[\&\[data-state\=active\]\]\:cursor-default[data-state=active],.cursor-default{cursor:default;}.important\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true]{cursor:default !important;}.disabled\:cursor-default:disabled{cursor:default;}.important\:disabled\:cursor-default:disabled{cursor:default !important;}.cursor-pointer{cursor:pointer;}.cursor-grab{cursor:grab;}.touch-none{touch-action:none;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.appearance-none{-webkit-appearance:none;appearance:none;}.items-start{align-items:flex-start;}.important\:items-center{align-items:center !important;}.items-center{align-items:center;}.after\:items-center::after{align-items:center;}.items-stretch{align-items:stretch;}.self-start{align-self:flex-start;}.self-end{align-self:flex-end;}.self-center{align-self:center;}.self-stretch{align-self:stretch;}.justify-end{justify-content:flex-end;}.after\:justify-end::after{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-1{gap:0.25rem;}.gap-2{gap:0.50rem;}.gap-3{gap:0.75rem;}.gap-4{gap:1.00rem;}.important\:gap-2{gap:0.50rem !important;}.overflow-hidden{overflow:hidden;}.overflow-y-auto{overflow-y:auto;}.text-ellipsis{text-overflow:ellipsis;}.important\:whitespace-nowrap{white-space:nowrap !important;}.whitespace-nowrap{white-space:nowrap;}.border,.border-1{border-width:1px;}.border-0{border-width:0px;}.border-10px{border-width:10px;}.border-2{border-width:2px;}.after\:border-8px::after{border-width:8px;}.border-b{border-bottom-width:1px;}.border-r{border-right-width:1px;}.border-r-0{border-right-width:0px;}.\[\&\[data-state\=active\]\]\:border-primary-light[data-state=active]{border-color:var(--color-primary-light);}.\[\&\[data-state\=on\]\]\:border-black[data-state=on],.border-black{border-color:var(--color-black);}.border-gray5{border-color:var(--color-gray-5);}.border-primary{border-color:var(--color-primary);}.border-primary-dark{border-color:var(--color-primary-dark);}.border-transparent{border-color:transparent;}.border-white{border-color:var(--color-white);}.important\:border-gray7{border-color:var(--color-gray-7) !important;}.hover\:border-gray7:hover{border-color:var(--color-gray-7);}.focus-visible\:border-primary-dark:focus-visible{border-color:var(--color-primary-dark);}.after\:border-transparent::after{border-color:transparent;}.\[\&\[data-bottom-edge\]\]\:border-b-gray-5[data-bottom-edge]{border-bottom-color:var(--color-gray-5);}.\[\&\[data-day-first\]\]\:border-l-gray-5[data-day-first],.\[\&\[data-first-column\]\]\:border-l-gray-5[data-first-column]{border-left-color:var(--color-gray-5);}.\[\&\[data-day-last\]\]\:border-r-gray-5[data-day-last],.\[\&\[data-last-column\]\]\:border-r-gray-5[data-last-column]{border-right-color:var(--color-gray-5);}.\[\&\[data-top-edge\]\]\:border-t-gray-5[data-top-edge]{border-top-color:var(--color-gray-5);}.border-b-primary-dark{border-bottom-color:var(--color-primary-dark);}.border-l-primary-dark{border-left-color:var(--color-primary-dark);}.after\:border-b-primary-wash::after{border-bottom-color:var(--color-primary-wash);}.after\:border-l-primary-wash::after{border-left-color:var(--color-primary-wash);}.\[\&\[data-in-range\]\]\:rounded-none[data-in-range]{border-radius:0;}.\[\&\[data-selected\]\]\:rounded[data-selected],.rounded,.rounded-sm{border-radius:0.25rem;}.important\:rounded-15px{border-radius:15px !important;}.rounded-2{border-radius:0.5rem;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:0.75rem;}.rounded-xl{border-radius:1rem;}.active\:rounded:active{border-radius:0.25rem;}.\[\&\[data-today\]\]\:before\:rounded-full[data-today]::before{border-radius:9999px;}.\[\&\[data-range-end\]\]\:rounded-l-none[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0;}.\[\&\[data-range-end\]\]\:rounded-r[data-range-end]{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-l[data-range-start]{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-r-none[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0;}.\[\&\[data-day-first\]\]\:rounded-tl[data-day-first],.\[\&\[data-first-column\]\[data-top-edge\]\]\:rounded-tl[data-first-column][data-top-edge]{border-top-left-radius:0.25rem;}.\[\&\[data-day-last\]\]\:rounded-br[data-day-last],.\[\&\[data-last-column\]\[data-bottom-edge\]\]\:rounded-br[data-last-column][data-bottom-edge]{border-bottom-right-radius:0.25rem;}.\[\&\[data-first-column\]\[data-bottom-edge\]\]\:rounded-bl[data-first-column][data-bottom-edge]{border-bottom-left-radius:0.25rem;}.\[\&\[data-last-column\]\[data-top-edge\]\]\:rounded-tr[data-last-column][data-top-edge]{border-top-right-radius:0.25rem;}.border-none{border-style:none;}.border-solid{border-style:solid;}.after\:border-solid::after{border-style:solid;}.\!bg-\[rgba\(0\,0\,0\,0\.1\)\]{--un-bg-opacity:0.1 !important;background-color:rgba(0, 0, 0, var(--un-bg-opacity)) !important;}.\[\&_\.ProseMirror\:focus\]\:bg-gray-1 .ProseMirror:focus,.bg-gray1{background-color:var(--color-gray-1);}.\[\&\:nth-child\(2n\+1\)\]\:bg-gray-blend:nth-child(2n+1),.bg-gray-blend{background-color:var(--color-gray-blend);}.\[\&\[data-highlighted\]\]\:bg-primary-wash[data-highlighted],.\[\&\[data-state\=checked\]\]\:bg-primary-wash[data-state=checked],.bg-primary-wash{background-color:var(--color-primary-wash);}.\[\&\[data-highlighted\=true\]\]\:bg-gray2[data-highlighted=true],.bg-gray2{background-color:var(--color-gray-2);}.\[\&\[data-in-range\]\]\:bg-accent-wash[data-in-range],.bg-accent-wash{background-color:var(--color-accent-wash);}.\[\&\[data-range-end\]\]\:bg-accent-light[data-range-end],.\[\&\[data-range-start\]\]\:bg-accent-light[data-range-start],.\[\&\[data-selected\]\]\:bg-accent-light[data-selected]{background-color:var(--color-accent-light);}.\[\&\[data-state\=active\]\]\:bg-primary-light[data-state=active],.\[\&\[data-state\=on\]\]\:bg-primary-light[data-state=on]{background-color:var(--color-primary-light);}.\[\&\[data-state\=checked\]\]\:bg-accent[data-state=checked]{background-color:var(--color-accent);}.bg-\[rgba\(0\,0\,0\,0\.05\)\]{--un-bg-opacity:0.05;background-color:rgba(0, 0, 0, var(--un-bg-opacity));}.bg-\[var\(--color-wash\)\]{background-color:var(--color-wash);}.bg-black{background-color:var(--color-black);}.bg-gray-4{background-color:var(--color-gray-4);}.bg-gray5{background-color:var(--color-gray-5);}.bg-gray50{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}.bg-primary{background-color:var(--color-primary);}.bg-transparent{background-color:transparent;}.bg-white{background-color:var(--color-white);}.important\:\[\&\[data-disabled\=true\]\]\:bg-\[var\(--bg\)\][data-disabled=true]{background-color:var(--bg) !important;}.\[\&\[data-state\=active\]\]\:hover\:bg-primary-light:hover[data-state=active]{background-color:var(--color-primary-light);}.hover\:bg-gray-1:hover{background-color:var(--color-gray-1);}.hover\:bg-gray2:hover{background-color:var(--color-gray-2);}.hover\:bg-gray3:hover{background-color:var(--color-gray-3);}.hover\:bg-primary-light:hover{background-color:var(--color-primary-light);}.focus-visible\:bg-gray-2:focus-visible{background-color:var(--color-gray-2);}.focus-visible\:bg-primary-light:focus-visible{background-color:var(--color-primary-light);}.active\:bg-accent-wash:active{background-color:var(--color-accent-wash);}.active\:bg-gray4:active{background-color:var(--color-gray-4);}.important\:disabled\:bg-\[var\(--bg\)\]:disabled{background-color:var(--bg) !important;}.\[\&\[data-today\]\]\:before\:bg-primary[data-today]::before{background-color:var(--color-primary);}.from-gray1{--un-gradient-from-position:0%;--un-gradient-from:var(--color-gray-1) 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);}.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);}.after\:from-wash::after{--un-gradient-from-position:0%;--un-gradient-from:var(--color-wash) 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-gray2{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--color-gray-2) var(--un-gradient-via-position), var(--un-gradient-to);}.to-gray1{--un-gradient-to-position:100%;--un-gradient-to:var(--color-gray-1) var(--un-gradient-to-position);}.to-primary-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--color-primary-wash) var(--un-gradient-to-position);}.after\:to-white::after{--un-gradient-to-position:100%;--un-gradient-to:var(--color-white) var(--un-gradient-to-position);}.bg-gradient-to-b{--un-gradient-shape:to bottom;--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;--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;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-l::after{--un-gradient-shape:to left;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.fill-black{fill:var(--color-black);}.fill-white{fill:var(--color-white);}.stroke-1{stroke-width:1px;}.stroke-black{stroke:var(--color-black);}.stroke-current{stroke:currentColor;}.stroke-gray-blend{stroke:var(--color-gray-blend);}.object-cover{object-fit:cover;}.object-center{object-position:center;}.p-1{padding:0.25rem;}.p-2{padding:0.50rem;}.after\:p-3::after{padding:0.75rem;}.px{padding-left:1rem;padding-right:1rem;}.px-2{padding-left:0.50rem;padding-right:0.50rem;}.px-25px{padding-left:25px;padding-right:25px;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-4{padding-left:1.00rem;padding-right:1.00rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-4{padding-top:1.00rem;padding-bottom:1.00rem;}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-25px{padding-left:25px;}.pl-35px{padding-left:35px;}.pr-20px{padding-right:20px;}.pr-4{padding-right:1.00rem;}.pr-8{padding-right:2.00rem;}.text-center{text-align:center;}.text-left{text-align:left;}.\[\&_\.ProseMirror_h1\]\:text-xl .ProseMirror h1{font-size:1.5rem;line-height:2rem;}.\[\&_\.ProseMirror_h2\]\:text-lg .ProseMirror h2,.text-lg{font-size:1.25rem;line-height:1.75rem;}.\[\&_\.ProseMirror_h3\]\:text-md .ProseMirror h3,.text-md{font-size:1.125rem;line-height:1.5rem;}.text-12px{font-size:12px;}.text-2xl{font-size:1.75rem;line-height:2.25rem;}.text-3xl{font-size:2rem;line-height:2.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;}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.\[\&\[data-state\=active\]\]\:text-black[data-state=active],.color-black,.text-black{color:var(--color-black);}.\[\&\[data-state\=checked\]\]\:text-primary-dark[data-state=checked],.color-primary-dark{color:var(--color-primary-dark);}.text-dark-blend{color:var(--color-dark-blend);}.text-gray-6{color:var(--color-gray-6);}.text-white{color:var(--color-white);}.\[\&\[data-disabled\]\]\:color-gray5[data-disabled]{color:var(--color-gray-5);}.\[\&\[data-placeholder\]\]\:color-gray8[data-placeholder],.color-gray8{color:var(--color-gray-8);}.color-gray7{color:var(--color-gray-7);}.color-gray9{color:var(--color-gray-9);}.after\:color-gray9::after{color:var(--color-gray-9);}.color-inherit{color:inherit;}.\[\&_\.ProseMirror_h1\]\:font-medium .ProseMirror h1,.\[\&_\.ProseMirror_h2\]\:font-medium .ProseMirror h2{font-weight:500;}.\[\&_\.ProseMirror_h3\]\:font-extrabold .ProseMirror h3{font-weight:800;}.\[\&\[data-state\=active\]\]\:font-bold[data-state=active],.font-bold{font-weight:700;}.font-normal{font-weight:400;}.important\:font-normal{font-weight:400 !important;}.leading-4{line-height:1rem;}.leading-6{line-height:1.5rem;}.leading-normal{line-height:1.5;}.font-inherit{font-family:inherit;}.font-title{font-family:"Inter", sans-serif;}.italic{font-style:italic;}.oblique{font-style:oblique;}.\[\&_\.ProseMirror_a\]\:underline .ProseMirror a{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.accent-dark{--un-accent-opacity:1;accent-color:rgb(34 34 34 / var(--un-accent-opacity));}.accent-light{--un-accent-opacity:1;accent-color:rgb(246 246 246 / var(--un-accent-opacity));}.accent-wash{accent-color:var(--color-wash);}.\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true],.opacity-50{opacity:0.5;}.important\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5 !important;}.op-0{opacity:0;}.opacity-80{opacity:0.8;}.hover\:opacity-100:hover{opacity:1;}.focus\:opacity-100:focus{opacity:1;}.disabled\:opacity-50:disabled{opacity:0.5;}.important\:disabled\:opacity-50:disabled{opacity:0.5 !important;}.\[\&_\.ProseMirror\:focus\]\:shadow-focus .ProseMirror:focus{--un-shadow:0 0 0 3px var(--color-primary-light) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:\[\&\[data-disabled\=true\]\]\:shadow-none[data-disabled=true]{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.shadow-lg{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:shadow-focus:focus-visible{--un-shadow:0 0 0 3px var(--color-primary-light) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:disabled\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.\[\&\[data-highlighted\]\]\:outline-accent[data-highlighted]{outline-color:var(--color-accent);}.hover\:outline-accent:hover{outline-color:var(--color-accent);}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted],.outline-none{outline:2px solid transparent;outline-offset:2px;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.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\:focus-ring:focus:focus-visible{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.ring-white{--un-ring-color:var(--color-white);}.focus\:ring-primary:focus{--un-ring-color:var(--color-primary);}.focus-visible\:focus-ring-primary-dark:focus:focus-visible{--un-ring-color:var(--color-primary-dark);}.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,outline-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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.will-change-transform{will-change:transform;}.\[\&\[data-today\]\]\:before\:content-\[\'\'\][data-today]::before{content:'';}.after\:\[\&\[data-state\=open\]\]\:content-\[\"-_tap_to_collapse_-\"\][data-state=open]::after{content:"- tap to collapse -";}.after\:content-\[\"-_tap_to_expand_-\"\]::after{content:"- tap to expand -";}.after\:content-\[\"\"\]::after{content:"";}.shadow-1{box-shadow:0 1px 2px 0 var(--color-shadow-2);}.shadow-2{box-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);}.shadow-3{box-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);}.shadow-4{box-shadow:0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2);}@layer components{.layer-components\:\[--webkit-tap-highlight-color\:transparent\]{--webkit-tap-highlight-color:transparent;}.layer-components\:\[all\:unset\]{all:unset;}.layer-components\:\[box-shadow\:0_0_10px_0_var\(--color-shadow-1\)\]{box-shadow:0 0 10px 0 var(--color-shadow-1);}.layer-components\:\[box-shadow\:inset_0_30px_60px_0px_var\(--color-overlay\)\]{box-shadow:inset 0 30px 60px 0px var(--color-overlay);}.layer-components\:\[font-family\:inherit\]{font-family:inherit;}.layer-components\:\[grid-area\:content\]{grid-area:content;}.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\:auto\]{grid-auto-rows:auto;}.layer-components\:\[line-height\:1\]{line-height:1;}.layer-components\:\[resize\:none\]{resize:none;}.layer-components\:\[resize\:vertical\]{resize:vertical;}.layer-components\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.layer-components\:\[\&\[data-state\=closed\]\]\:pointer-events-none[data-state=closed]{pointer-events:none;}.layer-components\:absolute{position:absolute;}.layer-components\:fixed{position:fixed;}.layer-components\:relative{position:relative;}.layer-components\:sticky{position:sticky;}.layer-components\:inset-0{inset:0.00rem;}.layer-components\:bottom-\[calc\(env\(safe-area-inset-bottom\,0px\)\+var\(--now-playing-bottom\,60px\)\)\]{bottom:calc(env(safe-area-inset-bottom,0px) + var(--now-playing-bottom,60px));}.layer-components\:bottom-0{bottom:0.00rem;}.layer-components\:left-0{left:0.00rem;}.layer-components\:left-50\%{left:50%;}.layer-components\:right-0{right:0.00rem;}.layer-components\:right-5px{right:5px;}.layer-components\:right-6px{right:6px;}.layer-components\:top-0{top:0.00rem;}.layer-components\:top-50\%{top:50%;}.layer-components\:top-5px{top:5px;}.layer-components\:top-6px{top:6px;}.layer-components\:z-0{z-index:0;}.layer-components\:z-1{z-index:1;}.layer-components\:z-50{z-index:50;}.layer-components\:grid{display:grid;}.layer-components\:grid-cols-\[1fr\]{grid-template-columns:1fr;}.layer-components\:grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.layer-components\:grid-rows-\[1fr\]{grid-template-rows:1fr;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:m-0{margin:0.00rem;}.layer-components\:m-2{margin:0.50rem;}.layer-components\:mb-120px{margin-bottom:120px;}.layer-components\:ml-0{margin-left:0.00rem;}.layer-components\:ml-auto{margin-left:auto;}.layer-components\:mr-0{margin-right:0.00rem;}.layer-components\:mr-auto{margin-right:auto;}.layer-components\:mt-auto{margin-top:auto;}.layer-components\:block{display:block;}.layer-components\:inline-block{display:inline-block;}.layer-components\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,.layer-components\:hidden{display:none;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-24px{height:24px;}.layer-components\:h-25px{height:25px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-5{height:1.25rem;}.layer-components\:h-6px{height:6px;}.layer-components\:h-9px{height:9px;}.layer-components\:h-auto{height:auto;}.layer-components\:h-full{height:100%;}.layer-components\:max-h-\[var\(--radix-context-menu-content-available-height\)\]{max-height:var(--radix-context-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height);}.layer-components\:max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height);}.layer-components\:max-h-80px{max-height:80px;}.layer-components\:max-h-85vh{max-height:85vh;}.layer-components\:max-w-450px{max-width:450px;}.layer-components\:max-w-80vw{max-width:80vw;}.layer-components\:max-w-90vw{max-width:90vw;}.layer-components\:max-w-full{max-width:100%;}.layer-components\:min-h-0{min-height:0;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width);}.layer-components\:min-w-0{min-width:0;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-32px{min-width:32px;}.layer-components\:min-w-4{min-width:1rem;}.layer-components\:min-w-60px{min-width:60px;}.layer-components\:w-24px{width:24px;}.layer-components\:w-25px{width:25px;}.layer-components\:w-28px{width:28px;}.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-full{width:100%;}.layer-components\:w-min-content{width:min-content;}.layer-components\:\[\&\[data-state\=open\]\]\:flex[data-state=open],.layer-components\:flex{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-1{flex:1 1 0%;}.layer-components\:flex-shrink-0{flex-shrink:0;}.layer-components\:flex-shrink-1{flex-shrink:1;}.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0.00rem;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:\[\&\[data-state\=open\]\]\:flex-col[data-state=open],.layer-components\:flex-col{flex-direction:column;}.layer-components\:transform-origin-\[var\(--radix-context-menu-transform-origin\)\]{transform-origin:var(--radix-context-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-dropdown-menu-transform-origin\)\]{transform-origin:var(--radix-dropdown-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-popover-transform-origin\)\]{transform-origin:var(--radix-popover-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-select-content-transform-origin\)\]{transform-origin:var(--radix-select-content-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-tooltip-content-transform-origin\)\]{transform-origin:var(--radix-tooltip-content-transform-origin);}.layer-components\: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-z-0{--un-translate-z:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-dialog-out[data-state=closed]{animation:dialog-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-fade-out[data-state=closed]{animation:fade-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-popover-out[data-state=closed]{animation:popover-out 100ms linear 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-radix-collapsible-close-vertical[data-state=closed]{animation:radix-collapsible-close-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=delayed-open\]\]\:animate-popover-in[data-state=delayed-open],.layer-components\:\[\&\[data-state\=open\]\]\:animate-popover-in[data-state=open]{animation:popover-in 100ms linear 1;}.layer-components\:\[\&\[data-state\=open\]\]\:animate-radix-collapsible-open-vertical[data-state=open]{animation:radix-collapsible-open-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-dialog-in{animation:dialog-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-duration-300[data-state=open]{animation-duration:300ms;}.layer-components\:animate-duration-200{animation-duration:200ms;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-ease-springy[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-ease-springy[data-state=open]{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-components\:cursor-pointer{cursor:pointer;}.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\:items-start{align-items:flex-start;}.layer-components\:items-end{align-items:flex-end;}.layer-components\:items-center{align-items:center;}.layer-components\:items-stretch{align-items:stretch;}.layer-components\:justify-start{justify-content:flex-start;}.layer-components\:justify-center{justify-content:center;}.layer-components\:justify-items-center{justify-items:center;}.layer-components\:gap-1{gap:0.25rem;}.layer-components\:gap-2{gap:0.50rem;}.layer-components\:gap-3{gap:0.75rem;}.layer-components\:gap-4{gap:1.00rem;}.layer-components\:gap-6px{gap:6px;}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-auto{overflow-x:auto;}.layer-components\:overflow-y-auto{overflow-y:auto;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:border,.layer-components\:border-1,.layer-components\:border-1px{border-width:1px;}.layer-components\:border-0{border-width:0px;}.layer-components\:border-b,.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:border-t{border-top-width:1px;}.layer-components\:\[\&\:disabled\]\:border-gray-3:disabled{border-color:var(--color-gray-3);}.layer-components\:\[\&\[data-state\=checked\]\]\:border-primary-dark[data-state=checked]{border-color:var(--color-primary-dark);}.layer-components\:border-black{border-color:var(--color-black);}.layer-components\:border-grayDarkBlend{border-color:var(--color-gray-dark-blend);}.layer-components\:border-transparent{border-color:transparent;}.layer-components\:border-b-\[\#00000070\]{--un-border-opacity:0.44;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(0 0 0 / var(--un-border-bottom-opacity));}.layer-components\:border-t-grayDarkBlend{border-top-color:var(--color-gray-dark-blend);}.layer-components\:rounded-0{border-radius:0;}.layer-components\:rounded-full{border-radius:9999px;}.layer-components\:rounded-lg{border-radius:0.75rem;}.layer-components\:rounded-md{border-radius:0.5rem;}.layer-components\:rounded-sm{border-radius:0.25rem;}.layer-components\:rounded-xl{border-radius:1rem;}.layer-components\:rounded-b-lg{border-bottom-left-radius:0.75rem;border-bottom-right-radius:0.75rem;}.layer-components\:border-none{border-style:none;}.layer-components\:border-solid{border-style:solid;}.layer-components\:border-b-solid{border-bottom-style:solid;}.layer-components\:\[\&\:disabled\]\:bg-transparent:disabled,.layer-components\:bg-transparent{background-color:transparent;}.layer-components\:\[\&\[data-active\=true\]\]\:bg-primary-wash[data-active=true]{background-color:var(--color-primary-wash);}.layer-components\:\[\&\[data-state\=checked\]\]\:bg-primary-light[data-state=checked]{background-color:var(--color-primary-light);}.layer-components\:bg-\[var\(--bg\)\]{background-color:var(--bg);}.layer-components\:bg-accent{background-color:var(--color-accent);}.layer-components\:bg-attention{background-color:var(--color-attention);}.layer-components\:bg-black{background-color:var(--color-black);}.layer-components\:bg-gray-1{background-color:var(--color-gray-1);}.layer-components\:bg-overlay{background-color:var(--color-overlay);}.layer-components\:bg-white{background-color:var(--color-white);}.layer-components\:hover\:bg-\[var\(--hover\)\]:hover{background-color:var(--hover);}.layer-components\:hover\:bg-gray-blend:hover{background-color:var(--color-gray-blend);}.layer-components\:hover\:bg-light-blend:hover{background-color:var(--color-light-blend);}.layer-components\:hover\:bg-primary-wash:hover{background-color:var(--color-primary-wash);}.layer-components\:focus\:bg-gray-1:focus{background-color:var(--color-gray-1);}.layer-components\:focus-visible\:bg-accent-light:focus-visible{background-color:var(--color-accent-light);}.layer-components\:focus-visible\:bg-gray2:focus-visible{background-color:var(--color-gray-2);}.layer-components\:focus-visible\:bg-primary-wash:focus-visible{background-color:var(--color-primary-wash);}.layer-components\:active\:bg-\[var\(--active\)\]:active{background-color:var(--active);}.layer-components\:active\:bg-accent-light:active{background-color:var(--color-accent-light);}.layer-components\:active\:bg-primary-wash:active{background-color:var(--color-primary-wash);}.layer-components\:fill-white{fill:var(--color-white);}.layer-components\:fill-none{fill:none;}.layer-components\:stroke-black{stroke:var(--color-black);}.layer-components\:p-0{padding:0.00rem;}.layer-components\:p-1{padding:0.25rem;}.layer-components\:p-2{padding:0.50rem;}.layer-components\:p-2px{padding:2px;}.layer-components\:p-4{padding:1.00rem;}.layer-components\:p-6{padding:1.50rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-4{padding-left:1.00rem;padding-right:1.00rem;}.layer-components\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.layer-components\:py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.layer-components\:py-4{padding-top:1.00rem;padding-bottom:1.00rem;}.layer-components\:pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.layer-components\:pb-2{padding-bottom:0.50rem;}.layer-components\:pl-1{padding-left:0.25rem;}.layer-components\:pl-8{padding-left:2.00rem;}.layer-components\:pr-4{padding-right:1.00rem;}.layer-components\:pr-80px{padding-right:80px;}.layer-components\:pt-6{padding-top:1.50rem;}.layer-components\:pt-8{padding-top:2.00rem;}.layer-components\:text-left{text-align:left;}.layer-components\:text-start{text-align:start;}.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-xxs{font-size:0.625rem;line-height:0.75rem;}.layer-components\:text-size-md{font-size:1.125rem;}.layer-components\:\[\&\[data-active\=true\]\]\:text-primary-dark[data-active=true]{color:var(--color-primary-dark);}.layer-components\:color-black,.layer-components\:text-black{color:var(--color-black);}.layer-components\:text-gray-7{color:var(--color-gray-7);}.layer-components\:text-white{color:var(--color-white);}.layer-components\:\[\&\[data-disabled\]\]\:color-gray9[data-disabled]{color:var(--color-gray-9);}.layer-components\:\[\&\[data-placeholder\]\]\:color-gray8[data-placeholder]{color:var(--color-gray-8);}.layer-components\:color-dark-blend{color:var(--color-dark-blend);}.layer-components\:hover\:color-black:hover{color:var(--color-black);}.layer-components\:focus-visible\:color-gray9:focus-visible{color:var(--color-gray-9);}.layer-components\:text-inherit{color:inherit;}.layer-components\:font-bold{font-weight:700;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-sans{font-family:"Inter", sans-serif;}.layer-components\:\[\&\[data-state\=open\]\]\:opacity-100[data-state=open]{opacity:1;}.layer-components\:op-0{opacity:0;}.layer-components\:disabled\:opacity-50:disabled{opacity:0.5;}.layer-components\:\[\&\:disabled\]\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:shadow-\[0_0_0_1px_var\(--color-black\)\]:hover:not(:disabled){--un-shadow:0 0 0 1px var(--color-black) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-lg{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-md{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-sm-inset{--un-shadow:inset 0 1px 2px 0 var(--color-shadow-2), inset 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-xl-up{--un-shadow:0 -20px 25px -5px var(--color-shadow-1), 0 -10px 10px -5px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:shadow-md:hover{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:shadow-focus:focus{--un-shadow:0 0 0 3px var(--color-primary-light) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-focus:focus-visible{--un-shadow:0 0 0 3px var(--color-primary-light) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-lg:focus-visible{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:shadow-lg:active{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-components\:ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:ring-4:hover{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:ring-4:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-4:focus-visible{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-6:focus-visible{--un-ring-width:6px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-4:active{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-8:active{--un-ring-width:8px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:ring-black{--un-ring-color:var(--color-black);}.layer-components\:hover\:ring-\[var\(--hover\)\]:hover{--un-ring-color:var(--hover);}.layer-components\:focus\:ring-white:focus{--un-ring-color:var(--color-white);}.layer-components\:focus-visible\:ring-\[var\(--focus\,var\(--hover\)\)\]:focus-visible{--un-ring-color:var(--focus,var(--hover));}.layer-components\:focus-visible\:ring-accent:focus-visible{--un-ring-color:var(--color-accent);}.layer-components\:focus-visible\:ring-gray-5:focus-visible{--un-ring-color:var(--color-gray-5);}.layer-components\:focus-visible\:ring-gray-dark-blend:focus-visible{--un-ring-color:var(--color-gray-dark-blend);}.layer-components\:active\:ring-\[var\(--active\)\]:active{--un-ring-color:var(--active);}.layer-components\:active\:ring-accent:active{--un-ring-color:var(--color-accent);}.layer-components\:focus-visible\:ring-opacity-50:focus-visible{--un-ring-opacity:0.5;}.layer-components\:active\:ring-opacity-50:active{--un-ring-opacity:0.5;}.layer-components\:focus-visible\:ring-inset:focus-visible{--un-ring-inset:inset;}.layer-components\:all\:transition *,.layer-components\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:duration-200{transition-duration:200ms;}}@layer variants{.layer-variants\:\[\&\.btn-color-accent\]\:\[--active\:var\(--color-accent-light\)\].btn-color-accent,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--active\:var\(--color-accent-light\)\].btn-color-ghostAccent{--active:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--bg\:var\(--color-accent-wash\)\].btn-color-accent{--bg:var(--color-accent-wash);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--focus\:var\(--color-accent-light\)\].btn-color-accent,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--focus\:var\(--color-accent-light\)\].btn-color-ghostAccent{--focus:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--hover\:var\(--color-accent-light\)\].btn-color-accent{--hover:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--active\:var\(--color-gray-6\)\].btn-color-contrast{--active:var(--color-gray-6);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--bg\:var\(--color-black\)\].btn-color-contrast{--bg:var(--color-black);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--focus\:var\(--color-gray-7\)\].btn-color-contrast{--focus:var(--color-gray-7);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--hover\:var\(--color-gray-7\)\].btn-color-contrast{--hover:var(--color-gray-7);}.layer-variants\:\[\&\.btn-color-default\]\:\[--active\:var\(--color-gray-4\)\].btn-color-default{--active:var(--color-gray-4);}.layer-variants\:\[\&\.btn-color-default\]\:\[--bg\:var\(--color-white\)\].btn-color-default{--bg:var(--color-white);}.layer-variants\:\[\&\.btn-color-default\]\:\[--focus\:var\(--color-white\)\].btn-color-default{--focus:var(--color-white);}.layer-variants\:\[\&\.btn-color-default\]\:\[--hover\:var\(--color-gray-3\)\].btn-color-default{--hover:var(--color-gray-3);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--active\:var\(--color-attention-light\)\].btn-color-destructive,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--active\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--active:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--bg\:var\(--color-attention-light\)\].btn-color-destructive{--bg:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--focus\:var\(--color-attention-light\)\].btn-color-destructive,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--focus\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--focus:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--hover\:var\(--color-attention-light\)\].btn-color-destructive{--hover:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--active\:var\(--color-gray-dark-blend\)\].btn-color-ghost{--active:var(--color-gray-dark-blend);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--bg\:transparent\].btn-color-ghost,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--bg\:transparent\].btn-color-ghostAccent,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--bg\:transparent\].btn-color-ghostDestructive{--bg:transparent;}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--focus\:var\(--color-gray-5\)\].btn-color-ghost{--focus:var(--color-gray-5);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--hover\:var\(--color-gray-blend\)\].btn-color-ghost{--hover:var(--color-gray-blend);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--hover\:rgb\(from_var\(--color-accent-light\)_r_g_b\/0\.25\)\].btn-color-ghostAccent{--hover:rgb(from var(--color-accent-light) r g b/0.25);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--hover\:rgb\(from_var\(--color-attention-light\)_r_g_b\/0\.25\)\].btn-color-ghostDestructive{--hover:rgb(from var(--color-attention-light) r g b/0.25);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--active\:var\(--color-primary\)\].btn-color-primary{--active:var(--color-primary);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--bg\:var\(--color-primary-light\)\].btn-color-primary{--bg:var(--color-primary-light);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--focus\:var\(--color-primary\)\].btn-color-primary{--focus:var(--color-primary);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--hover\:var\(--color-primary\)\].btn-color-primary{--hover:var(--color-primary);}.layer-variants\:h-full{height:100%;}.layer-variants\:w-auto{width:auto;}.layer-variants\:inline-flex{display:inline-flex;}.layer-variants\:flex-1{flex:1 1 0%;}.layer-variants\:flex-wrap{flex-wrap:wrap;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-both[data-both][data-state=closed]{animation:radix-collapsible-close-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-radix-collapsible-open-both[data-both][data-state=open]{animation:radix-collapsible-open-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-horizontal[data-horizontal][data-state=closed]{animation:radix-collapsible-close-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-radix-collapsible-open-horizontal[data-horizontal][data-state=open]{animation:radix-collapsible-open-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:animate-pop-in-from-half{animation:pop-in-from-half 1s linear 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-duration-300[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-duration-300[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-duration-300[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-duration-300[data-horizontal][data-state=open]{animation-duration:300ms;}.layer-variants\:animate-duration-200{animation-duration:200ms;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-ease-springy[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-ease-springy[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-ease-springy[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-ease-springy[data-horizontal][data-state=open],.layer-variants\:animate-ease-springy{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-variants\:items-start{align-items:flex-start;}.layer-variants\:items-center{align-items:center;}.layer-variants\:gap-0{gap:0.00rem;}.layer-variants\:gap-2{gap:0.50rem;}.layer-variants\:overflow-y-auto{overflow-y:auto;}.layer-variants\:\[\&\.btn-color-accent\]\:border-black.btn-color-accent,.layer-variants\:\[\&\.btn-color-contrast\]\:border-black.btn-color-contrast,.layer-variants\:\[\&\.btn-color-default\]\:border-black.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:border-black.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:border-black.btn-color-primary{border-color:var(--color-black);}.layer-variants\:border-gray-dark-blend{border-color:var(--color-gray-dark-blend);}.layer-variants\:border-transparent{border-color:transparent;}.layer-variants\:\[\&\.size-icon\]\:rounded-full.size-icon,.layer-variants\:\[\&\.size-small\]\:rounded-full.size-small{border-radius:9999px;}.layer-variants\:rounded-0,.layer-variants\:rounded-none{border-radius:0;}.layer-variants\:rounded-lg{border-radius:0.75rem;}.layer-variants\:rounded-md{border-radius:0.5rem;}.layer-variants\:border-none{border-style:none;}.layer-variants\:\[\&\[data-color\=primary\]\]\:bg-primary[data-color=primary]{background-color:var(--color-primary);}.layer-variants\:aria-pressed\:bg-\[var\(--bg\)\][aria-pressed="true"]{background-color:var(--bg);}.layer-variants\:bg-accent-wash{background-color:var(--color-accent-wash);}.layer-variants\:bg-transparent{background-color:transparent;}.layer-variants\:bg-white{background-color:var(--color-white);}.layer-variants\:hover\:bg-attention-wash:hover{background-color:var(--color-attention-wash);}.layer-variants\:hover\:bg-gray-blend:hover{background-color:var(--color-gray-blend);}.layer-variants\:hover\:bg-transparent:hover{background-color:transparent;}.layer-variants\:focus\:bg-transparent:focus{background-color:transparent;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:bg-primary-light:focus-visible[data-color=primary]{background-color:var(--color-primary-light);}.layer-variants\:focus-visible\:bg-attention-wash:focus-visible{background-color:var(--color-attention-wash);}.layer-variants\:focus-visible\:bg-gray-dark-blend:focus-visible{background-color:var(--color-gray-dark-blend);}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:bg-primary-light:active[data-color=primary]{background-color:var(--color-primary-light);}.layer-variants\:active\:bg-transparent:active{background-color:transparent;}*[data-active=true] .layer-variants\:\[\*\[data-active\=true\]_\&\]\:fill-primary-light{fill:var(--color-primary-light);}.layer-variants\:\[\&\.size-icon\]\:p-2.size-icon,.layer-variants\:p-2{padding:0.50rem;}.layer-variants\:important\:p-0{padding:0.00rem !important;}.layer-variants\:p-0{padding:0.00rem;}.layer-variants\:p-1{padding:0.25rem;}.layer-variants\:p-5{padding:1.25rem;}.layer-variants\:\[\&\.size-small\]\:px-4.size-small{padding-left:1.00rem;padding-right:1.00rem;}.layer-variants\:\[\&\.size-small\]\:py-1.size-small{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-variants\:\[\&\.size-icon\]\:text-sm.size-icon,.layer-variants\:\[\&\.size-small\]\:text-sm.size-small{font-size:1rem;line-height:1.25rem;}.layer-variants\:font-size-inherit,.layer-variants\:text-size-inherit{font-size:inherit;}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:color-attention-dark.btn-color-ghostDestructive,.layer-variants\:text-attention-dark{color:var(--color-attention-dark);}.layer-variants\:\[\&\.btn-color-accent\]\:color-black.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:color-black.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:color-black.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:color-black.btn-color-primary,.layer-variants\:color-black{color:var(--color-black);}.layer-variants\:\[\&\.btn-color-contrast\]\:color-white.btn-color-contrast{color:var(--color-white);}.layer-variants\:\[\&\.btn-color-ghost\]\:color-dark-blend.btn-color-ghost{color:var(--color-dark-blend);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:color-accent-dark.btn-color-ghostAccent{color:var(--color-accent-dark);}.layer-variants\:color-inherit,.layer-variants\:text-inherit{color:inherit;}.layer-variants\:font-normal{font-weight:400;}.layer-variants\:font-inherit{font-family:inherit;}.layer-variants\:\[\&\.btn-color-accent\]\:shadow-sm.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:shadow-sm.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:shadow-sm.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:shadow-sm.btn-color-primary{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:hover\:shadow-none:hover{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus\:shadow-none:focus{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:active\:shadow-none:active{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:ring-primary:focus-visible[data-color=primary]{--un-ring-color:var(--color-primary);}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:ring-primary:active[data-color=primary]{--un-ring-color:var(--color-primary);}.layer-variants\:transition-none{transition:none;}}@media (prefers-reduced-motion: reduce){.\!motion-reduce\:animate-none,.important\:motion-reduce\:animate-none{animation:none !important;}.motion-reduce\:animate-none{animation:none;}}@media (prefers-reduced-motion: reduce){@layer components{.layer-components\:motion-reduce\:animate-none{animation:none;}}}@media (max-width: 639.9px){@layer variants{.layer-variants\:lt-sm\:bottom-\[calc\(var\(--viewport-bottom-offset\,0px\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--viewport-bottom-offset,0px) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:left-0{left:0.00rem;}.layer-variants\:lt-sm\:right-0{right:0.00rem;}.layer-variants\:lt-sm\:top-auto{top:auto;}.layer-variants\:lt-sm\:h-min-content{height:min-content;}.layer-variants\:lt-sm\:max-h-\[calc\(0\.85\*var\(--viewport-height\,100vh\)\)\]{max-height:calc(0.85 * var(--viewport-height,100vh));}.layer-variants\:lt-sm\:max-w-none{max-width:none;}.layer-variants\:lt-sm\:w-full{width:100%;}.layer-variants\:lt-sm\:translate-0{--un-translate-x:0.00rem;--un-translate-y:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-variants\:lt-sm\:\[\&\[data-state\=closed\]\]\:animate-fade-out-down[data-state=closed]{animation:fade-out-down 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-fade-in-up{animation:fade-in-up 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-ease-in{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);}.layer-variants\:lt-sm\:border-b-0{border-bottom-width:0px;}.layer-variants\:lt-sm\:rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0;}.layer-variants\:lt-sm\:rounded-tl-xl{border-top-left-radius:1rem;}.layer-variants\:lt-sm\:rounded-tr-xl{border-top-right-radius:1rem;}.layer-variants\:lt-sm\:p-6{padding:1.50rem;}.layer-variants\:lt-sm\:pb-\[calc\(3rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px));}.layer-variants\:lt-sm\:pt-8{padding-top:2.00rem;}}}@layer responsive{@media (min-width: 640px){.sm\:layer-responsive\:grid-cols-\[1fr_auto_min\(800px\,60vw\)_1fr\]{grid-template-columns:1fr auto min(800px,60vw) 1fr;}.sm\:layer-responsive\:grid-areas-\[gutter1_nav_content_gutter2\]{grid-template-areas:"gutter1 nav content gutter2";}.sm\:layer-responsive\:min-h-auto{min-height:auto;}}}@media (min-width: 640px){.sm\:\[grid-template-areas\:\"prevMonth_leftMonth_rightMonth_nextMonth\"\"leftGrid_leftGrid_rightGrid_rightGrid\"\]{grid-template-areas:"prevMonth leftMonth rightMonth nextMonth""leftGrid leftGrid rightGrid rightGrid";}.sm\:\[grid-template-columns\:auto_1fr_1fr_auto\]{grid-template-columns:auto 1fr 1fr auto;}.sm\:bottom-0{bottom:0.00rem;}.\!sm\:grid{display:grid !important;}.\!sm\:block{display:block !important;}.sm\:hidden{display:none;}.sm\:h-8{height:2rem;}.sm\:w-8{width:2rem;}}@media (min-width: 640px){@layer components{.layer-components\:sm\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:sm\:fixed{position:fixed;}.layer-components\:sm\:sticky{position:sticky;}.layer-components\:sm\:bottom-3{bottom:0.75rem;}.layer-components\:sm\:bottom-auto{bottom:auto;}.layer-components\:sm\:left-\[var\(--content-left\,20\%\)\]{left:var(--content-left,20%);}.layer-components\:sm\:left-auto{left:auto;}.layer-components\:sm\:right-auto{right:auto;}.layer-components\:sm\:top-0{top:0.00rem;}.layer-components\:sm\:top-auto{top:auto;}.layer-components\:sm\:display-initial{display:initial;}.layer-components\:sm\:h-auto{height:auto;}.layer-components\:sm\:h-min-content{height:min-content;}.layer-components\:sm\:max-w-80vw{max-width:80vw;}.layer-components\:sm\:w-\[var\(--content-width\,100\%\)\]{width:var(--content-width,100%);}.layer-components\:sm\:flex{display:flex;}.layer-components\:sm\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:sm\:flex-col{flex-direction:column;}.layer-components\:sm\:items-end{align-items:flex-end;}.layer-components\:sm\:items-stretch{align-items:stretch;}.layer-components\:sm\:justify-start{justify-content:flex-start;}.layer-components\:sm\:gap-2{gap:0.50rem;}.layer-components\:sm\:overflow-visible{overflow:visible;}.layer-components\:sm\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:sm\:overflow-y-auto{overflow-y:auto;}.layer-components\:sm\:border-transparent{border-color:transparent;}.layer-components\:sm\:rounded-0{border-radius:0;}.layer-components\:sm\:rounded-full{border-radius:9999px;}.layer-components\:sm\:border-none{border-style:none;}.layer-components\:sm\:bg-gray-blend{background-color:var(--color-gray-blend);}.layer-components\:sm\:bg-transparent{background-color:transparent;}.layer-components\:sm\:active\:bg-gray-dark-blend:active{background-color:var(--color-gray-dark-blend);}.layer-components\:sm\:p-0{padding:0.00rem;}.layer-components\:sm\:p-6px{padding:6px;}.layer-components\:sm\:pb-10{padding-bottom:2.50rem;}.layer-components\:sm\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:sm\:leading-normal{line-height:1.5;}.layer-components\:sm\:opacity-\[var\(--content-ready\,0\)\]{opacity:var(--content-ready,0);}.layer-components\:sm\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:sm\:shadow-xl{--un-shadow:0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:sm\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}}}@media (min-width: 640px){@layer variants{*[data-active=true] .layer-variants\:sm\:\[\*\[data-active\=true\]_\&\]\:bg-primary-light{background-color:var(--color-primary-light);}.layer-variants\:sm\:p-4{padding:1.00rem;}}}@media (min-width: 768px){.md\:max-w-800px{max-width:800px;}}@media (min-width: 768px){@layer components{.layer-components\:md\:\[grid-auto-rows\:1fr\]{grid-auto-rows:1fr;}.layer-components\:md\:grid-cols-\[repeat\(2\,1fr\)\]{grid-template-columns:repeat(2,1fr);}.layer-components\:md\:min-w-0{min-width:0;}.layer-components\:md\:min-w-120px{min-width:120px;}.layer-components\:md\:items-end{align-items:flex-end;}.layer-components\:md\:pt-4{padding-top:1.00rem;}}}
|
|
485
|
+
}.animate-skeleton{animation:skeleton 1s linear 1;}.animate-spin{animation:spin 1s linear infinite;}.animate-spinner-stroke{animation:spinner-stroke 1s linear 1;}.\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed]{animation-duration:300ms;}.\[\&\[data-state\=open\]\]\:animate-duration-600[data-state=open]{animation-duration:600ms;}.animate-duration-1200{animation-duration:1200ms;}.animate-duration-1400{animation-duration:1400ms;}.animate-ease-default{animation-timing-function:ease;}.animate-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.animate-ease-linear{animation-timing-function:linear;}.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.cursor-default{cursor:default;}.important\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true]{cursor:default !important;}.disabled\:cursor-default:disabled{cursor:default;}.important\:disabled\:cursor-default:disabled{cursor:default !important;}.cursor-pointer{cursor:pointer;}.cursor-grab{cursor:grab;}.touch-none{touch-action:none;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.appearance-none{-webkit-appearance:none;appearance:none;}.items-start{align-items:flex-start;}.important\:items-center{align-items:center !important;}.items-center{align-items:center;}.after\:items-center::after{align-items:center;}.items-stretch{align-items:stretch;}.self-start{align-self:flex-start;}.self-end{align-self:flex-end;}.self-center{align-self:center;}.self-stretch{align-self:stretch;}.justify-end{justify-content:flex-end;}.after\:justify-end::after{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-1{gap:0.25rem;}.gap-2{gap:0.50rem;}.gap-3{gap:0.75rem;}.gap-4{gap:1.00rem;}.important\:gap-2{gap:0.50rem !important;}.overflow-hidden{overflow:hidden;}.overflow-y-auto{overflow-y:auto;}.text-ellipsis{text-overflow:ellipsis;}.important\:whitespace-nowrap{white-space:nowrap !important;}.whitespace-nowrap{white-space:nowrap;}.border,.border-1{border-width:1px;}.border-0{border-width:0px;}.border-10px{border-width:10px;}.border-2{border-width:2px;}.after\:border-8px::after{border-width:8px;}.border-b{border-bottom-width:1px;}.border-r{border-right-width:1px;}.border-r-0{border-right-width:0px;}.\[\&\[data-state\=on\]\]\:border-black[data-state=on],.border-black{border-color:var(--color-black);}.border-gray5{border-color:var(--color-gray-5);}.border-primary{border-color:var(--color-primary);}.border-primary-dark{border-color:var(--color-primary-dark);}.border-transparent{border-color:transparent;}.border-white{border-color:var(--color-white);}.important\:border-gray7{border-color:var(--color-gray-7) !important;}.hover\:border-gray7:hover{border-color:var(--color-gray-7);}.after\:border-transparent::after{border-color:transparent;}.\[\&\[data-bottom-edge\]\]\:border-b-gray-5[data-bottom-edge]{border-bottom-color:var(--color-gray-5);}.\[\&\[data-day-first\]\]\:border-l-gray-5[data-day-first],.\[\&\[data-first-column\]\]\:border-l-gray-5[data-first-column]{border-left-color:var(--color-gray-5);}.\[\&\[data-day-last\]\]\:border-r-gray-5[data-day-last],.\[\&\[data-last-column\]\]\:border-r-gray-5[data-last-column]{border-right-color:var(--color-gray-5);}.\[\&\[data-top-edge\]\]\:border-t-gray-5[data-top-edge]{border-top-color:var(--color-gray-5);}.border-b-primary-dark{border-bottom-color:var(--color-primary-dark);}.border-l-primary-dark{border-left-color:var(--color-primary-dark);}.after\:border-b-primary-wash::after{border-bottom-color:var(--color-primary-wash);}.after\:border-l-primary-wash::after{border-left-color:var(--color-primary-wash);}.\[\&\[data-in-range\]\]\:rounded-none[data-in-range]{border-radius:0;}.\[\&\[data-selected\]\]\:rounded[data-selected],.rounded,.rounded-sm{border-radius:0.25rem;}.important\:rounded-15px{border-radius:15px !important;}.rounded-2{border-radius:0.5rem;}.rounded-full{border-radius:9999px;}.rounded-lg{border-radius:0.75rem;}.rounded-xl{border-radius:1rem;}.active\:rounded:active{border-radius:0.25rem;}.\[\&\[data-today\]\]\:before\:rounded-full[data-today]::before{border-radius:9999px;}.\[\&\[data-range-end\]\]\:rounded-l-none[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0;}.\[\&\[data-range-end\]\]\:rounded-r[data-range-end]{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-l[data-range-start]{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.\[\&\[data-range-start\]\]\:rounded-r-none[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0;}.\[\&\[data-day-first\]\]\:rounded-tl[data-day-first],.\[\&\[data-first-column\]\[data-top-edge\]\]\:rounded-tl[data-first-column][data-top-edge]{border-top-left-radius:0.25rem;}.\[\&\[data-day-last\]\]\:rounded-br[data-day-last],.\[\&\[data-last-column\]\[data-bottom-edge\]\]\:rounded-br[data-last-column][data-bottom-edge]{border-bottom-right-radius:0.25rem;}.\[\&\[data-first-column\]\[data-bottom-edge\]\]\:rounded-bl[data-first-column][data-bottom-edge]{border-bottom-left-radius:0.25rem;}.\[\&\[data-last-column\]\[data-top-edge\]\]\:rounded-tr[data-last-column][data-top-edge]{border-top-right-radius:0.25rem;}.border-none{border-style:none;}.border-solid{border-style:solid;}.after\:border-solid::after{border-style:solid;}.\!bg-\[rgba\(0\,0\,0\,0\.1\)\]{--un-bg-opacity:0.1 !important;background-color:rgba(0, 0, 0, var(--un-bg-opacity)) !important;}.\[\&_\.ProseMirror\:focus\]\:bg-gray-1 .ProseMirror:focus,.bg-gray1{background-color:var(--color-gray-1);}.\[\&\:nth-child\(2n\+1\)\]\:bg-gray-blend:nth-child(2n+1),.bg-gray-blend{background-color:var(--color-gray-blend);}.\[\&\[data-highlighted\]\]\:bg-primary-wash[data-highlighted],.\[\&\[data-state\=checked\]\]\:bg-primary-wash[data-state=checked],.bg-primary-wash{background-color:var(--color-primary-wash);}.\[\&\[data-highlighted\=true\]\]\:bg-gray2[data-highlighted=true],.bg-gray2{background-color:var(--color-gray-2);}.\[\&\[data-in-range\]\]\:bg-accent-wash[data-in-range],.bg-accent-wash{background-color:var(--color-accent-wash);}.\[\&\[data-range-end\]\]\:bg-accent-light[data-range-end],.\[\&\[data-range-start\]\]\:bg-accent-light[data-range-start],.\[\&\[data-selected\]\]\:bg-accent-light[data-selected]{background-color:var(--color-accent-light);}.\[\&\[data-state\=checked\]\]\:bg-accent[data-state=checked]{background-color:var(--color-accent);}.\[\&\[data-state\=on\]\]\:bg-primary-light[data-state=on],.bg-primary-light{background-color:var(--color-primary-light);}.bg-\[rgba\(0\,0\,0\,0\.05\)\]{--un-bg-opacity:0.05;background-color:rgba(0, 0, 0, var(--un-bg-opacity));}.bg-\[var\(--color-wash\)\]{background-color:var(--color-wash);}.bg-black{background-color:var(--color-black);}.bg-gray-4{background-color:var(--color-gray-4);}.bg-gray5{background-color:var(--color-gray-5);}.bg-gray50{--un-bg-opacity:1;background-color:rgb(249 250 251 / var(--un-bg-opacity));}.bg-primary{background-color:var(--color-primary);}.bg-transparent{background-color:transparent;}.bg-white{background-color:var(--color-white);}.important\:\[\&\[data-disabled\=true\]\]\:bg-\[var\(--bg\)\][data-disabled=true]{background-color:var(--bg) !important;}.hover\:bg-gray-1:hover{background-color:var(--color-gray-1);}.hover\:bg-gray2:hover{background-color:var(--color-gray-2);}.hover\:bg-gray3:hover{background-color:var(--color-gray-3);}.focus-visible\:bg-gray-2:focus-visible{background-color:var(--color-gray-2);}.focus-visible\:bg-primary-wash:focus-visible{background-color:var(--color-primary-wash);}.active\:bg-accent-wash:active{background-color:var(--color-accent-wash);}.active\:bg-gray4:active{background-color:var(--color-gray-4);}.important\:disabled\:bg-\[var\(--bg\)\]:disabled{background-color:var(--bg) !important;}.\[\&\[data-today\]\]\:before\:bg-primary[data-today]::before{background-color:var(--color-primary);}.from-gray1{--un-gradient-from-position:0%;--un-gradient-from:var(--color-gray-1) 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);}.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);}.after\:from-wash::after{--un-gradient-from-position:0%;--un-gradient-from:var(--color-wash) 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-gray2{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--color-gray-2) var(--un-gradient-via-position), var(--un-gradient-to);}.to-gray1{--un-gradient-to-position:100%;--un-gradient-to:var(--color-gray-1) var(--un-gradient-to-position);}.to-primary-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--color-primary-wash) var(--un-gradient-to-position);}.after\:to-white::after{--un-gradient-to-position:100%;--un-gradient-to:var(--color-white) var(--un-gradient-to-position);}.bg-gradient-to-b{--un-gradient-shape:to bottom;--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;--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;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-l::after{--un-gradient-shape:to left;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.fill-black{fill:var(--color-black);}.fill-white{fill:var(--color-white);}.stroke-1{stroke-width:1px;}.stroke-black{stroke:var(--color-black);}.stroke-current{stroke:currentColor;}.stroke-gray-blend{stroke:var(--color-gray-blend);}.object-cover{object-fit:cover;}.object-center{object-position:center;}.p-1{padding:0.25rem;}.p-2{padding:0.50rem;}.after\:p-3::after{padding:0.75rem;}.px{padding-left:1rem;padding-right:1rem;}.px-2{padding-left:0.50rem;padding-right:0.50rem;}.px-25px{padding-left:25px;padding-right:25px;}.px-3{padding-left:0.75rem;padding-right:0.75rem;}.px-4{padding-left:1.00rem;padding-right:1.00rem;}.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.py-4{padding-top:1.00rem;padding-bottom:1.00rem;}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-25px{padding-left:25px;}.pl-35px{padding-left:35px;}.pr-20px{padding-right:20px;}.pr-4{padding-right:1.00rem;}.pr-8{padding-right:2.00rem;}.text-center{text-align:center;}.text-left{text-align:left;}.\[\&_\.ProseMirror_h1\]\:text-xl .ProseMirror h1{font-size:1.5rem;line-height:2rem;}.\[\&_\.ProseMirror_h2\]\:text-lg .ProseMirror h2,.text-lg{font-size:1.25rem;line-height:1.75rem;}.\[\&_\.ProseMirror_h3\]\:text-md .ProseMirror h3,.text-md{font-size:1.125rem;line-height:1.5rem;}.text-12px{font-size:12px;}.text-2xl{font-size:1.75rem;line-height:2.25rem;}.text-3xl{font-size:2rem;line-height:2.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;}.\[\&\[data-state\=checked\]\]\:text-primary-dark[data-state=checked],.color-primary-dark{color:var(--color-primary-dark);}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.color-black,.text-black{color:var(--color-black);}.text-dark-blend{color:var(--color-dark-blend);}.text-gray-6{color:var(--color-gray-6);}.text-white{color:var(--color-white);}.\[\&\[data-disabled\]\]\:color-gray5[data-disabled]{color:var(--color-gray-5);}.\[\&\[data-placeholder\]\]\:color-gray8[data-placeholder],.color-gray8{color:var(--color-gray-8);}.color-gray7{color:var(--color-gray-7);}.color-gray9{color:var(--color-gray-9);}.after\:color-gray9::after{color:var(--color-gray-9);}.color-inherit{color:inherit;}.\[\&_\.ProseMirror_h1\]\:font-medium .ProseMirror h1,.\[\&_\.ProseMirror_h2\]\:font-medium .ProseMirror h2{font-weight:500;}.\[\&_\.ProseMirror_h3\]\:font-extrabold .ProseMirror h3{font-weight:800;}.font-bold{font-weight:700;}.font-normal{font-weight:400;}.important\:font-normal{font-weight:400 !important;}.leading-4{line-height:1rem;}.leading-6{line-height:1.5rem;}.leading-normal{line-height:1.5;}.font-inherit{font-family:inherit;}.font-title{font-family:"Inter", sans-serif;}.italic{font-style:italic;}.oblique{font-style:oblique;}.\[\&_\.ProseMirror_a\]\:underline .ProseMirror a{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.accent-dark{--un-accent-opacity:1;accent-color:rgb(34 34 34 / var(--un-accent-opacity));}.accent-light{--un-accent-opacity:1;accent-color:rgb(246 246 246 / var(--un-accent-opacity));}.accent-wash{accent-color:var(--color-wash);}.\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true],.opacity-50{opacity:0.5;}.important\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5 !important;}.op-0{opacity:0;}.opacity-80{opacity:0.8;}.hover\:opacity-100:hover{opacity:1;}.focus\:opacity-100:focus{opacity:1;}.disabled\:opacity-50:disabled{opacity:0.5;}.important\:disabled\:opacity-50:disabled{opacity:0.5 !important;}.\[\&_\.ProseMirror\:focus\]\:shadow-focus .ProseMirror:focus{--un-shadow:0 0 0 3px var(--color-primary-light) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:\[\&\[data-disabled\=true\]\]\:shadow-none[data-disabled=true]{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.shadow-lg{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:shadow-focus:focus-visible{--un-shadow:0 0 0 3px var(--color-primary-light) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.important\:disabled\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0)) !important;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow) !important;}.\[\&\[data-highlighted\]\]\:outline-accent[data-highlighted]{outline-color:var(--color-accent);}.hover\:outline-accent:hover{outline-color:var(--color-accent);}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted],.outline-none{outline:2px solid transparent;outline-offset:2px;}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.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);}.hover\:ring-1:hover{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.focus-visible\:ring-2:focus-visible{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.ring-white{--un-ring-color:var(--color-white);}.hover\:ring-primary:hover{--un-ring-color:var(--color-primary);}.focus\:ring-primary:focus{--un-ring-color:var(--color-primary);}.focus-visible\:ring-primary-dark:focus-visible{--un-ring-color:var(--color-primary-dark);}.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,outline-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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;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;}.duration-200{transition-duration:200ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.will-change-transform{will-change:transform;}.\[\&\[data-today\]\]\:before\:content-\[\'\'\][data-today]::before{content:'';}.after\:\[\&\[data-state\=open\]\]\:content-\[\"-_tap_to_collapse_-\"\][data-state=open]::after{content:"- tap to collapse -";}.after\:content-\[\"-_tap_to_expand_-\"\]::after{content:"- tap to expand -";}.after\:content-\[\"\"\]::after{content:"";}.shadow-1{box-shadow:0 1px 2px 0 var(--color-shadow-2);}.shadow-2{box-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);}.shadow-3{box-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);}.shadow-4{box-shadow:0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2);}@layer components{.layer-components\:\[--webkit-tap-highlight-color\:transparent\]{--webkit-tap-highlight-color:transparent;}.layer-components\:\[all\:unset\]{all:unset;}.layer-components\:\[box-shadow\:0_0_10px_0_var\(--color-shadow-1\)\]{box-shadow:0 0 10px 0 var(--color-shadow-1);}.layer-components\:\[box-shadow\:inset_0_30px_60px_0px_var\(--color-overlay\)\]{box-shadow:inset 0 30px 60px 0px var(--color-overlay);}.layer-components\:\[font-family\:inherit\]{font-family:inherit;}.layer-components\:\[grid-area\:content\]{grid-area:content;}.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\:auto\]{grid-auto-rows:auto;}.layer-components\:\[line-height\:1\]{line-height:1;}.layer-components\:\[resize\:none\]{resize:none;}.layer-components\:\[resize\:vertical\]{resize:vertical;}.layer-components\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.layer-components\:\[\&\[data-state\=closed\]\]\:pointer-events-none[data-state=closed]{pointer-events:none;}.layer-components\:absolute{position:absolute;}.layer-components\:fixed{position:fixed;}.layer-components\:relative{position:relative;}.layer-components\:sticky{position:sticky;}.layer-components\:inset-0{inset:0.00rem;}.layer-components\:bottom-\[calc\(env\(safe-area-inset-bottom\,0px\)\+var\(--now-playing-bottom\,60px\)\)\]{bottom:calc(env(safe-area-inset-bottom,0px) + var(--now-playing-bottom,60px));}.layer-components\:bottom-0{bottom:0.00rem;}.layer-components\:left-0{left:0.00rem;}.layer-components\:left-50\%{left:50%;}.layer-components\:right-0{right:0.00rem;}.layer-components\:right-5px{right:5px;}.layer-components\:right-6px{right:6px;}.layer-components\:top-0{top:0.00rem;}.layer-components\:top-50\%{top:50%;}.layer-components\:top-5px{top:5px;}.layer-components\:top-6px{top:6px;}.layer-components\:z-0{z-index:0;}.layer-components\:z-1{z-index:1;}.layer-components\:z-50{z-index:50;}.layer-components\:grid{display:grid;}.layer-components\:grid-cols-\[1fr\]{grid-template-columns:1fr;}.layer-components\:grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.layer-components\:grid-rows-\[1fr\]{grid-template-rows:1fr;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:m-0{margin:0.00rem;}.layer-components\:m-2{margin:0.50rem;}.layer-components\:mb-120px{margin-bottom:120px;}.layer-components\:ml-0{margin-left:0.00rem;}.layer-components\:ml-auto{margin-left:auto;}.layer-components\:mr-0{margin-right:0.00rem;}.layer-components\:mr-auto{margin-right:auto;}.layer-components\:mt-auto{margin-top:auto;}.layer-components\:block{display:block;}.layer-components\:inline-block{display:inline-block;}.layer-components\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar,.layer-components\:hidden{display:none;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-24px{height:24px;}.layer-components\:h-25px{height:25px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-5{height:1.25rem;}.layer-components\:h-6px{height:6px;}.layer-components\:h-9px{height:9px;}.layer-components\:h-auto{height:auto;}.layer-components\:h-full{height:100%;}.layer-components\:max-h-\[var\(--radix-context-menu-content-available-height\)\]{max-height:var(--radix-context-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height);}.layer-components\:max-h-\[var\(--radix-popover-content-available-height\)\]{max-height:var(--radix-popover-content-available-height);}.layer-components\:max-h-\[var\(--radix-select-content-available-height\)\]{max-height:var(--radix-select-content-available-height);}.layer-components\:max-h-80px{max-height:80px;}.layer-components\:max-h-85vh{max-height:85vh;}.layer-components\:max-w-450px{max-width:450px;}.layer-components\:max-w-80vw{max-width:80vw;}.layer-components\:max-w-90vw{max-width:90vw;}.layer-components\:max-w-full{max-width:100%;}.layer-components\:min-h-0{min-height:0;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width);}.layer-components\:min-w-0{min-width:0;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-32px{min-width:32px;}.layer-components\:min-w-4{min-width:1rem;}.layer-components\:min-w-60px{min-width:60px;}.layer-components\:w-24px{width:24px;}.layer-components\:w-25px{width:25px;}.layer-components\:w-28px{width:28px;}.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-full{width:100%;}.layer-components\:w-min-content{width:min-content;}.layer-components\:\[\&\[data-state\=open\]\]\:flex[data-state=open],.layer-components\:flex{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-1{flex:1 1 0%;}.layer-components\:flex-shrink-0{flex-shrink:0;}.layer-components\:flex-shrink-1{flex-shrink:1;}.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0.00rem;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:\[\&\[data-state\=open\]\]\:flex-col[data-state=open],.layer-components\:flex-col{flex-direction:column;}.layer-components\:transform-origin-\[var\(--radix-context-menu-transform-origin\)\]{transform-origin:var(--radix-context-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-dropdown-menu-transform-origin\)\]{transform-origin:var(--radix-dropdown-menu-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-popover-transform-origin\)\]{transform-origin:var(--radix-popover-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-select-content-transform-origin\)\]{transform-origin:var(--radix-select-content-transform-origin);}.layer-components\:transform-origin-\[var\(--radix-tooltip-content-transform-origin\)\]{transform-origin:var(--radix-tooltip-content-transform-origin);}.layer-components\: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-z-0{--un-translate-z:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-dialog-out[data-state=closed]{animation:dialog-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-fade-out[data-state=closed]{animation:fade-out 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-popover-out[data-state=closed]{animation:popover-out 100ms linear 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-radix-collapsible-close-vertical[data-state=closed]{animation:radix-collapsible-close-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=delayed-open\]\]\:animate-popover-in[data-state=delayed-open],.layer-components\:\[\&\[data-state\=open\]\]\:animate-popover-in[data-state=open]{animation:popover-in 100ms linear 1;}.layer-components\:\[\&\[data-state\=open\]\]\:animate-radix-collapsible-open-vertical[data-state=open]{animation:radix-collapsible-open-vertical 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-dialog-in{animation:dialog-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-duration-300[data-state=open]{animation-duration:300ms;}.layer-components\:animate-duration-200{animation-duration:200ms;}.layer-components\:\[\&\[data-state\=closed\]\]\:animate-ease-springy[data-state=closed],.layer-components\:\[\&\[data-state\=open\]\]\:animate-ease-springy[data-state=open]{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-components\:cursor-pointer{cursor:pointer;}.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\:items-start{align-items:flex-start;}.layer-components\:items-end{align-items:flex-end;}.layer-components\:items-center{align-items:center;}.layer-components\:items-stretch{align-items:stretch;}.layer-components\:justify-start{justify-content:flex-start;}.layer-components\:justify-center{justify-content:center;}.layer-components\:justify-items-center{justify-items:center;}.layer-components\:gap-1{gap:0.25rem;}.layer-components\:gap-2{gap:0.50rem;}.layer-components\:gap-3{gap:0.75rem;}.layer-components\:gap-4{gap:1.00rem;}.layer-components\:gap-6px{gap:6px;}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-auto{overflow-x:auto;}.layer-components\:overflow-y-auto{overflow-y:auto;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:border,.layer-components\:border-1,.layer-components\:border-1px{border-width:1px;}.layer-components\:border-0{border-width:0px;}.layer-components\:border-b,.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:border-t{border-top-width:1px;}.layer-components\:\[\&\:disabled\]\:border-gray-3:disabled{border-color:var(--color-gray-3);}.layer-components\:\[\&\[data-state\=checked\]\]\:border-primary-dark[data-state=checked]{border-color:var(--color-primary-dark);}.layer-components\:border-black{border-color:var(--color-black);}.layer-components\:border-grayDarkBlend{border-color:var(--color-gray-dark-blend);}.layer-components\:border-transparent{border-color:transparent;}.layer-components\:border-b-\[\#00000070\]{--un-border-opacity:0.44;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(0 0 0 / var(--un-border-bottom-opacity));}.layer-components\:border-t-grayDarkBlend{border-top-color:var(--color-gray-dark-blend);}.layer-components\:rounded-0{border-radius:0;}.layer-components\:rounded-full{border-radius:9999px;}.layer-components\:rounded-lg{border-radius:0.75rem;}.layer-components\:rounded-md{border-radius:0.5rem;}.layer-components\:rounded-sm{border-radius:0.25rem;}.layer-components\:rounded-xl{border-radius:1rem;}.layer-components\:rounded-b-lg{border-bottom-left-radius:0.75rem;border-bottom-right-radius:0.75rem;}.layer-components\:border-none{border-style:none;}.layer-components\:border-solid{border-style:solid;}.layer-components\:border-b-solid{border-bottom-style:solid;}.layer-components\:\[\&\:disabled\]\:bg-transparent:disabled,.layer-components\:bg-transparent{background-color:transparent;}.layer-components\:\[\&\[data-active\=true\]\]\:bg-primary-wash[data-active=true]{background-color:var(--color-primary-wash);}.layer-components\:\[\&\[data-state\=checked\]\]\:bg-primary-light[data-state=checked]{background-color:var(--color-primary-light);}.layer-components\:bg-\[var\(--bg\)\]{background-color:var(--bg);}.layer-components\:bg-accent{background-color:var(--color-accent);}.layer-components\:bg-attention{background-color:var(--color-attention);}.layer-components\:bg-black{background-color:var(--color-black);}.layer-components\:bg-gray-1{background-color:var(--color-gray-1);}.layer-components\:bg-overlay{background-color:var(--color-overlay);}.layer-components\:bg-white{background-color:var(--color-white);}.layer-components\:hover\:bg-\[var\(--hover\)\]:hover{background-color:var(--hover);}.layer-components\:hover\:bg-gray-blend:hover{background-color:var(--color-gray-blend);}.layer-components\:hover\:bg-light-blend:hover{background-color:var(--color-light-blend);}.layer-components\:hover\:bg-primary-wash:hover{background-color:var(--color-primary-wash);}.layer-components\:focus\:bg-gray-1:focus{background-color:var(--color-gray-1);}.layer-components\:focus-visible\:bg-accent-light:focus-visible{background-color:var(--color-accent-light);}.layer-components\:focus-visible\:bg-gray2:focus-visible{background-color:var(--color-gray-2);}.layer-components\:focus-visible\:bg-primary-wash:focus-visible{background-color:var(--color-primary-wash);}.layer-components\:active\:bg-\[var\(--active\)\]:active{background-color:var(--active);}.layer-components\:active\:bg-accent-light:active{background-color:var(--color-accent-light);}.layer-components\:active\:bg-primary-wash:active{background-color:var(--color-primary-wash);}.layer-components\:fill-white{fill:var(--color-white);}.layer-components\:fill-none{fill:none;}.layer-components\:stroke-black{stroke:var(--color-black);}.layer-components\:p-0{padding:0.00rem;}.layer-components\:p-1{padding:0.25rem;}.layer-components\:p-2{padding:0.50rem;}.layer-components\:p-2px{padding:2px;}.layer-components\:p-4{padding:1.00rem;}.layer-components\:p-6{padding:1.50rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-4{padding-left:1.00rem;padding-right:1.00rem;}.layer-components\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-2{padding-top:0.50rem;padding-bottom:0.50rem;}.layer-components\:py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.layer-components\:py-4{padding-top:1.00rem;padding-bottom:1.00rem;}.layer-components\:pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.layer-components\:pb-2{padding-bottom:0.50rem;}.layer-components\:pl-1{padding-left:0.25rem;}.layer-components\:pl-8{padding-left:2.00rem;}.layer-components\:pr-4{padding-right:1.00rem;}.layer-components\:pr-80px{padding-right:80px;}.layer-components\:pt-6{padding-top:1.50rem;}.layer-components\:pt-8{padding-top:2.00rem;}.layer-components\:text-left{text-align:left;}.layer-components\:text-start{text-align:start;}.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-xxs{font-size:0.625rem;line-height:0.75rem;}.layer-components\:text-size-md{font-size:1.125rem;}.layer-components\:\[\&\[data-active\=true\]\]\:text-black[data-active=true],.layer-components\:color-black,.layer-components\:text-black{color:var(--color-black);}.layer-components\:text-gray-7{color:var(--color-gray-7);}.layer-components\:text-primary-dark{color:var(--color-primary-dark);}.layer-components\:text-white{color:var(--color-white);}.layer-components\:\[\&\[data-disabled\]\]\:color-gray9[data-disabled]{color:var(--color-gray-9);}.layer-components\:\[\&\[data-placeholder\]\]\:color-gray8[data-placeholder]{color:var(--color-gray-8);}.layer-components\:color-dark-blend{color:var(--color-dark-blend);}.layer-components\:hover\:color-black:hover{color:var(--color-black);}.layer-components\:focus-visible\:color-gray9:focus-visible{color:var(--color-gray-9);}.layer-components\:text-inherit{color:inherit;}.layer-components\:font-bold{font-weight:700;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-sans{font-family:"Inter", sans-serif;}.layer-components\:\[\&\[data-state\=open\]\]\:opacity-100[data-state=open]{opacity:1;}.layer-components\:op-0{opacity:0;}.layer-components\:disabled\:opacity-50:disabled{opacity:0.5;}.layer-components\:\[\&\:disabled\]\:shadow-none:disabled{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:\[\&\:hover\:not\(\:disabled\)\]\:shadow-\[0_0_0_1px_var\(--color-black\)\]:hover:not(:disabled){--un-shadow:0 0 0 1px var(--color-black) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-lg{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-md{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-sm{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-sm-inset{--un-shadow:inset 0 1px 2px 0 var(--color-shadow-2), inset 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-xl-up{--un-shadow:0 -20px 25px -5px var(--color-shadow-1), 0 -10px 10px -5px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:shadow-md:hover{--un-shadow:0 4px 6px -1px var(--color-shadow-1), 0 2px 4px -1px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:shadow-focus:focus{--un-shadow:0 0 0 3px var(--color-primary-light) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-focus:focus-visible{--un-shadow:0 0 0 3px var(--color-primary-light) var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:shadow-lg:focus-visible{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:shadow-lg:active{--un-shadow:0 10px 15px -3px var(--color-shadow-1), 0 4px 6px -2px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px;}.layer-components\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-components\:ring-2{--un-ring-width:2px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:hover\:ring-4:hover{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus\:ring-4:focus{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-4:focus-visible{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:focus-visible\:ring-6:focus-visible{--un-ring-width:6px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-4:active{--un-ring-width:4px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:active\:ring-8:active{--un-ring-width:8px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:ring-black{--un-ring-color:var(--color-black);}.layer-components\:hover\:ring-\[var\(--hover\)\]:hover{--un-ring-color:var(--hover);}.layer-components\:focus\:ring-white:focus{--un-ring-color:var(--color-white);}.layer-components\:focus-visible\:ring-\[var\(--focus\,var\(--hover\)\)\]:focus-visible{--un-ring-color:var(--focus,var(--hover));}.layer-components\:focus-visible\:ring-accent:focus-visible{--un-ring-color:var(--color-accent);}.layer-components\:focus-visible\:ring-gray-5:focus-visible{--un-ring-color:var(--color-gray-5);}.layer-components\:focus-visible\:ring-gray-dark-blend:focus-visible{--un-ring-color:var(--color-gray-dark-blend);}.layer-components\:active\:ring-\[var\(--active\)\]:active{--un-ring-color:var(--active);}.layer-components\:active\:ring-accent:active{--un-ring-color:var(--color-accent);}.layer-components\:focus-visible\:ring-opacity-50:focus-visible{--un-ring-opacity:0.5;}.layer-components\:active\:ring-opacity-50:active{--un-ring-opacity:0.5;}.layer-components\:focus-visible\:ring-inset:focus-visible{--un-ring-inset:inset;}.layer-components\:all\:transition *,.layer-components\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.layer-components\:duration-200{transition-duration:200ms;}}@layer variants{.layer-variants\:\[\&\.btn-color-accent\]\:\[--active\:var\(--color-accent-light\)\].btn-color-accent,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--active\:var\(--color-accent-light\)\].btn-color-ghostAccent{--active:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--bg\:var\(--color-accent-wash\)\].btn-color-accent{--bg:var(--color-accent-wash);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--focus\:var\(--color-accent-light\)\].btn-color-accent,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--focus\:var\(--color-accent-light\)\].btn-color-ghostAccent{--focus:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-accent\]\:\[--hover\:var\(--color-accent-light\)\].btn-color-accent{--hover:var(--color-accent-light);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--active\:var\(--color-gray-6\)\].btn-color-contrast{--active:var(--color-gray-6);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--bg\:var\(--color-black\)\].btn-color-contrast{--bg:var(--color-black);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--focus\:var\(--color-gray-7\)\].btn-color-contrast{--focus:var(--color-gray-7);}.layer-variants\:\[\&\.btn-color-contrast\]\:\[--hover\:var\(--color-gray-7\)\].btn-color-contrast{--hover:var(--color-gray-7);}.layer-variants\:\[\&\.btn-color-default\]\:\[--active\:var\(--color-gray-4\)\].btn-color-default{--active:var(--color-gray-4);}.layer-variants\:\[\&\.btn-color-default\]\:\[--bg\:var\(--color-white\)\].btn-color-default{--bg:var(--color-white);}.layer-variants\:\[\&\.btn-color-default\]\:\[--focus\:var\(--color-white\)\].btn-color-default{--focus:var(--color-white);}.layer-variants\:\[\&\.btn-color-default\]\:\[--hover\:var\(--color-gray-3\)\].btn-color-default{--hover:var(--color-gray-3);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--active\:var\(--color-attention-light\)\].btn-color-destructive,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--active\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--active:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--bg\:var\(--color-attention-light\)\].btn-color-destructive{--bg:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--focus\:var\(--color-attention-light\)\].btn-color-destructive,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--focus\:var\(--color-attention-light\)\].btn-color-ghostDestructive{--focus:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-destructive\]\:\[--hover\:var\(--color-attention-light\)\].btn-color-destructive{--hover:var(--color-attention-light);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--active\:var\(--color-gray-dark-blend\)\].btn-color-ghost{--active:var(--color-gray-dark-blend);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--bg\:transparent\].btn-color-ghost,.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--bg\:transparent\].btn-color-ghostAccent,.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--bg\:transparent\].btn-color-ghostDestructive{--bg:transparent;}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--focus\:var\(--color-gray-5\)\].btn-color-ghost{--focus:var(--color-gray-5);}.layer-variants\:\[\&\.btn-color-ghost\]\:\[--hover\:var\(--color-gray-blend\)\].btn-color-ghost{--hover:var(--color-gray-blend);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:\[--hover\:rgb\(from_var\(--color-accent-light\)_r_g_b\/0\.25\)\].btn-color-ghostAccent{--hover:rgb(from var(--color-accent-light) r g b/0.25);}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:\[--hover\:rgb\(from_var\(--color-attention-light\)_r_g_b\/0\.25\)\].btn-color-ghostDestructive{--hover:rgb(from var(--color-attention-light) r g b/0.25);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--active\:var\(--color-primary\)\].btn-color-primary{--active:var(--color-primary);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--bg\:var\(--color-primary-light\)\].btn-color-primary{--bg:var(--color-primary-light);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--focus\:var\(--color-primary\)\].btn-color-primary{--focus:var(--color-primary);}.layer-variants\:\[\&\.btn-color-primary\]\:\[--hover\:var\(--color-primary\)\].btn-color-primary{--hover:var(--color-primary);}.layer-variants\:h-full{height:100%;}.layer-variants\:w-auto{width:auto;}.layer-variants\:inline-flex{display:inline-flex;}.layer-variants\:flex-1{flex:1 1 0%;}.layer-variants\:flex-wrap{flex-wrap:wrap;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-both[data-both][data-state=closed]{animation:radix-collapsible-close-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-radix-collapsible-open-both[data-both][data-state=open]{animation:radix-collapsible-open-both 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-radix-collapsible-close-horizontal[data-horizontal][data-state=closed]{animation:radix-collapsible-close-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-radix-collapsible-open-horizontal[data-horizontal][data-state=open]{animation:radix-collapsible-open-horizontal 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:animate-pop-in-from-half{animation:pop-in-from-half 1s linear 1;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-duration-300[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-duration-300[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-duration-300[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-duration-300[data-horizontal][data-state=open]{animation-duration:300ms;}.layer-variants\:animate-duration-200{animation-duration:200ms;}.layer-variants\:\[\&\[data-both\]\[data-state\=closed\]\]\:animate-ease-springy[data-both][data-state=closed],.layer-variants\:\[\&\[data-both\]\[data-state\=open\]\]\:animate-ease-springy[data-both][data-state=open],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=closed\]\]\:animate-ease-springy[data-horizontal][data-state=closed],.layer-variants\:\[\&\[data-horizontal\]\[data-state\=open\]\]\:animate-ease-springy[data-horizontal][data-state=open],.layer-variants\:animate-ease-springy{animation-timing-function:cubic-bezier(0.64, -0.25, 0.1, 1.4);}.layer-variants\:items-start{align-items:flex-start;}.layer-variants\:items-center{align-items:center;}.layer-variants\:gap-0{gap:0.00rem;}.layer-variants\:gap-2{gap:0.50rem;}.layer-variants\:overflow-y-auto{overflow-y:auto;}.layer-variants\:\[\&\.btn-color-accent\]\:border-black.btn-color-accent,.layer-variants\:\[\&\.btn-color-contrast\]\:border-black.btn-color-contrast,.layer-variants\:\[\&\.btn-color-default\]\:border-black.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:border-black.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:border-black.btn-color-primary{border-color:var(--color-black);}.layer-variants\:border-gray-dark-blend{border-color:var(--color-gray-dark-blend);}.layer-variants\:border-transparent{border-color:transparent;}.layer-variants\:\[\&\.size-icon\]\:rounded-full.size-icon,.layer-variants\:\[\&\.size-small\]\:rounded-full.size-small{border-radius:9999px;}.layer-variants\:rounded-0,.layer-variants\:rounded-none{border-radius:0;}.layer-variants\:rounded-20px{border-radius:20px;}.layer-variants\:rounded-lg{border-radius:0.75rem;}.layer-variants\:rounded-md{border-radius:0.5rem;}.layer-variants\:border-none{border-style:none;}.layer-variants\:\[\&\[data-color\=primary\]\]\:bg-primary[data-color=primary]{background-color:var(--color-primary);}.layer-variants\:aria-pressed\:bg-\[var\(--bg\)\][aria-pressed="true"]{background-color:var(--bg);}.layer-variants\:bg-accent-wash{background-color:var(--color-accent-wash);}.layer-variants\:bg-transparent{background-color:transparent;}.layer-variants\:bg-white{background-color:var(--color-white);}.layer-variants\:hover\:bg-attention-wash:hover{background-color:var(--color-attention-wash);}.layer-variants\:hover\:bg-gray-blend:hover{background-color:var(--color-gray-blend);}.layer-variants\:hover\:bg-transparent:hover{background-color:transparent;}.layer-variants\:focus\:bg-transparent:focus{background-color:transparent;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:bg-primary-light:focus-visible[data-color=primary]{background-color:var(--color-primary-light);}.layer-variants\:focus-visible\:bg-attention-wash:focus-visible{background-color:var(--color-attention-wash);}.layer-variants\:focus-visible\:bg-gray-dark-blend:focus-visible{background-color:var(--color-gray-dark-blend);}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:bg-primary-light:active[data-color=primary]{background-color:var(--color-primary-light);}.layer-variants\:active\:bg-transparent:active{background-color:transparent;}*[data-active=true] .layer-variants\:\[\*\[data-active\=true\]_\&\]\:fill-primary-light{fill:var(--color-primary-light);}.layer-variants\:\[\&\.size-icon\]\:p-2.size-icon,.layer-variants\:p-2{padding:0.50rem;}.layer-variants\:important\:p-0{padding:0.00rem !important;}.layer-variants\:p-0{padding:0.00rem;}.layer-variants\:p-1{padding:0.25rem;}.layer-variants\:p-5{padding:1.25rem;}.layer-variants\:\[\&\.size-small\]\:px-4.size-small{padding-left:1.00rem;padding-right:1.00rem;}.layer-variants\:\[\&\.size-small\]\:py-1.size-small{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-variants\:\[\&\.size-icon\]\:text-sm.size-icon,.layer-variants\:\[\&\.size-small\]\:text-sm.size-small{font-size:1rem;line-height:1.25rem;}.layer-variants\:font-size-inherit,.layer-variants\:text-size-inherit{font-size:inherit;}.layer-variants\:\[\&\.btn-color-ghostDestructive\]\:color-attention-dark.btn-color-ghostDestructive,.layer-variants\:text-attention-dark{color:var(--color-attention-dark);}.layer-variants\:\[\&\.btn-color-accent\]\:color-black.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:color-black.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:color-black.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:color-black.btn-color-primary,.layer-variants\:color-black{color:var(--color-black);}.layer-variants\:\[\&\.btn-color-contrast\]\:color-white.btn-color-contrast{color:var(--color-white);}.layer-variants\:\[\&\.btn-color-ghost\]\:color-dark-blend.btn-color-ghost{color:var(--color-dark-blend);}.layer-variants\:\[\&\.btn-color-ghostAccent\]\:color-accent-dark.btn-color-ghostAccent{color:var(--color-accent-dark);}.layer-variants\:color-inherit,.layer-variants\:text-inherit{color:inherit;}.layer-variants\:font-normal{font-weight:400;}.layer-variants\:font-inherit{font-family:inherit;}.layer-variants\:\[\&\.btn-color-accent\]\:shadow-sm.btn-color-accent,.layer-variants\:\[\&\.btn-color-default\]\:shadow-sm.btn-color-default,.layer-variants\:\[\&\.btn-color-destructive\]\:shadow-sm.btn-color-destructive,.layer-variants\:\[\&\.btn-color-primary\]\:shadow-sm.btn-color-primary{--un-shadow:0 1px 2px 0 var(--color-shadow-2), 0 0 1px 0 var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:hover\:shadow-none:hover{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus\:shadow-none:focus{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:active\:shadow-none:active{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-variants\:focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}.layer-variants\:\[\&\[data-color\=primary\]\]\:focus-visible\:ring-primary:focus-visible[data-color=primary]{--un-ring-color:var(--color-primary);}.layer-variants\:\[\&\[data-color\=primary\]\]\:active\:ring-primary:active[data-color=primary]{--un-ring-color:var(--color-primary);}.layer-variants\:transition-none{transition:none;}}@media (prefers-reduced-motion: reduce){.\!motion-reduce\:animate-none,.important\:motion-reduce\:animate-none{animation:none !important;}.motion-reduce\:animate-none{animation:none;}}@media (prefers-reduced-motion: reduce){@layer components{.layer-components\:motion-reduce\:animate-none{animation:none;}}}@media (max-width: 639.9px){@layer variants{.layer-variants\:lt-sm\:bottom-\[calc\(var\(--viewport-bottom-offset\,0px\)\+var\(--gesture-y\,0px\)\)\]{bottom:calc(var(--viewport-bottom-offset,0px) + var(--gesture-y,0px));}.layer-variants\:lt-sm\:left-0{left:0.00rem;}.layer-variants\:lt-sm\:right-0{right:0.00rem;}.layer-variants\:lt-sm\:top-auto{top:auto;}.layer-variants\:lt-sm\:h-min-content{height:min-content;}.layer-variants\:lt-sm\:max-h-\[calc\(0\.85\*var\(--viewport-height\,100vh\)\)\]{max-height:calc(0.85 * var(--viewport-height,100vh));}.layer-variants\:lt-sm\:max-w-none{max-width:none;}.layer-variants\:lt-sm\:w-full{width:100%;}.layer-variants\:lt-sm\:translate-0{--un-translate-x:0.00rem;--un-translate-y:0.00rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-variants\:lt-sm\:\[\&\[data-state\=closed\]\]\:animate-fade-out-down[data-state=closed]{animation:fade-out-down 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-fade-in-up{animation:fade-in-up 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-variants\:lt-sm\:animate-ease-in{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);}.layer-variants\:lt-sm\:border-b-0{border-bottom-width:0px;}.layer-variants\:lt-sm\:rounded-b-0{border-bottom-left-radius:0;border-bottom-right-radius:0;}.layer-variants\:lt-sm\:rounded-tl-xl{border-top-left-radius:1rem;}.layer-variants\:lt-sm\:rounded-tr-xl{border-top-right-radius:1rem;}.layer-variants\:lt-sm\:p-6{padding:1.50rem;}.layer-variants\:lt-sm\:pb-\[calc\(3rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px));}.layer-variants\:lt-sm\:pt-8{padding-top:2.00rem;}}}@layer responsive{@media (min-width: 640px){.sm\:layer-responsive\:grid-cols-\[1fr_auto_min\(800px\,60vw\)_1fr\]{grid-template-columns:1fr auto min(800px,60vw) 1fr;}.sm\:layer-responsive\:grid-areas-\[gutter1_nav_content_gutter2\]{grid-template-areas:"gutter1 nav content gutter2";}.sm\:layer-responsive\:min-h-auto{min-height:auto;}}}@media (min-width: 640px){.sm\:\[grid-template-areas\:\"prevMonth_leftMonth_rightMonth_nextMonth\"\"leftGrid_leftGrid_rightGrid_rightGrid\"\]{grid-template-areas:"prevMonth leftMonth rightMonth nextMonth""leftGrid leftGrid rightGrid rightGrid";}.sm\:\[grid-template-columns\:auto_1fr_1fr_auto\]{grid-template-columns:auto 1fr 1fr auto;}.sm\:bottom-0{bottom:0.00rem;}.\!sm\:grid{display:grid !important;}.\!sm\:block{display:block !important;}.sm\:hidden{display:none;}.sm\:h-8{height:2rem;}.sm\:w-8{width:2rem;}}@media (min-width: 640px){@layer components{.layer-components\:sm\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:sm\:fixed{position:fixed;}.layer-components\:sm\:sticky{position:sticky;}.layer-components\:sm\:bottom-3{bottom:0.75rem;}.layer-components\:sm\:bottom-auto{bottom:auto;}.layer-components\:sm\:left-\[var\(--content-left\,20\%\)\]{left:var(--content-left,20%);}.layer-components\:sm\:left-auto{left:auto;}.layer-components\:sm\:right-auto{right:auto;}.layer-components\:sm\:top-0{top:0.00rem;}.layer-components\:sm\:top-auto{top:auto;}.layer-components\:sm\:display-initial{display:initial;}.layer-components\:sm\:h-auto{height:auto;}.layer-components\:sm\:h-min-content{height:min-content;}.layer-components\:sm\:max-w-80vw{max-width:80vw;}.layer-components\:sm\:w-\[var\(--content-width\,100\%\)\]{width:var(--content-width,100%);}.layer-components\:sm\:flex{display:flex;}.layer-components\:sm\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:sm\:flex-col{flex-direction:column;}.layer-components\:sm\:items-end{align-items:flex-end;}.layer-components\:sm\:items-stretch{align-items:stretch;}.layer-components\:sm\:justify-start{justify-content:flex-start;}.layer-components\:sm\:gap-2{gap:0.50rem;}.layer-components\:sm\:overflow-visible{overflow:visible;}.layer-components\:sm\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:sm\:overflow-y-auto{overflow-y:auto;}.layer-components\:sm\:border-transparent{border-color:transparent;}.layer-components\:sm\:rounded-0{border-radius:0;}.layer-components\:sm\:rounded-full{border-radius:9999px;}.layer-components\:sm\:border-none{border-style:none;}.layer-components\:sm\:bg-gray-blend{background-color:var(--color-gray-blend);}.layer-components\:sm\:bg-transparent{background-color:transparent;}.layer-components\:sm\:active\:bg-gray-dark-blend:active{background-color:var(--color-gray-dark-blend);}.layer-components\:sm\:p-0{padding:0.00rem;}.layer-components\:sm\:p-6px{padding:6px;}.layer-components\:sm\:pb-10{padding-bottom:2.50rem;}.layer-components\:sm\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:sm\:leading-normal{line-height:1.5;}.layer-components\:sm\:opacity-\[var\(--content-ready\,0\)\]{opacity:var(--content-ready,0);}.layer-components\:sm\:shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:sm\:shadow-xl{--un-shadow:0 20px 25px -5px var(--color-shadow-1), 0 10px 10px -5px var(--color-shadow-2);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:sm\:transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}}}@media (min-width: 640px){@layer variants{*[data-active=true] .layer-variants\:sm\:\[\*\[data-active\=true\]_\&\]\:bg-primary-light{background-color:var(--color-primary-light);}.layer-variants\:sm\:p-4{padding:1.00rem;}}}@media (min-width: 768px){.md\:max-w-800px{max-width:800px;}}@media (min-width: 768px){@layer components{.layer-components\:md\:\[grid-auto-rows\:1fr\]{grid-auto-rows:1fr;}.layer-components\:md\:grid-cols-\[repeat\(2\,1fr\)\]{grid-template-columns:repeat(2,1fr);}.layer-components\:md\:min-w-0{min-width:0;}.layer-components\:md\:min-w-120px{min-width:120px;}.layer-components\:md\:items-end{align-items:flex-end;}.layer-components\:md\:pt-4{padding-top:1.00rem;}}}
|
|
@@ -14,9 +14,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
14
14
|
import classNames from 'clsx';
|
|
15
15
|
import { forwardRef, useCallback, } from 'react';
|
|
16
16
|
import { Slot } from '@radix-ui/react-slot';
|
|
17
|
-
export const inputClassName = classNames('layer-components:px-4 layer-components:py-2 layer-components:text-md layer-components:font-sans layer-components:rounded-
|
|
17
|
+
export const inputClassName = classNames('layer-components:px-4 layer-components:py-2 layer-components:text-md layer-components:font-sans layer-components:rounded-full layer-components:bg-white layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-default layer-components:shadow-sm-inset', 'layer-components:focus:outline-none layer-components:focus:bg-gray-1 layer-components:focus:ring-4 layer-components:focus:ring-white', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-gray-dark-blend', 'layer-components:md:min-w-120px');
|
|
18
18
|
export const Input = forwardRef(function Input(_a, ref) {
|
|
19
|
-
var { className, autoSelect, onFocus, variant
|
|
19
|
+
var { className, autoSelect, onFocus, variant: _, asChild } = _a, props = __rest(_a, ["className", "autoSelect", "onFocus", "variant", "asChild"]);
|
|
20
20
|
const handleFocus = useCallback((ev) => {
|
|
21
21
|
if (autoSelect) {
|
|
22
22
|
ev.target.select();
|
|
@@ -24,8 +24,6 @@ export const Input = forwardRef(function Input(_a, ref) {
|
|
|
24
24
|
onFocus === null || onFocus === void 0 ? void 0 : onFocus(ev);
|
|
25
25
|
}, [onFocus, autoSelect]);
|
|
26
26
|
const Component = asChild ? Slot : 'input';
|
|
27
|
-
return (_jsx(Component, Object.assign({}, props, { onFocus: handleFocus, className: classNames(inputClassName,
|
|
28
|
-
'rounded-full': variant === 'primary',
|
|
29
|
-
}, className), ref: ref })));
|
|
27
|
+
return (_jsx(Component, Object.assign({}, props, { onFocus: handleFocus, className: classNames(inputClassName, className), ref: ref })));
|
|
30
28
|
});
|
|
31
29
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAIN,UAAU,EACV,WAAW,GACX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACvC,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAIN,UAAU,EACV,WAAW,GACX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACvC,wIAAwI,EACxI,mEAAmE,EACnE,oEAAoE,EACpE,mCAAmC,CACnC,CAAC;AASF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA+B,SAAS,KAAK,CAC3E,EAAiE,EACjE,GAAG;QADH,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAAE,OAAO,OAAY,EAAP,KAAK,cAA/D,4DAAiE,CAAF;IAG/D,MAAM,WAAW,GAAG,WAAW,CAC9B,CAAC,EAAgC,EAAE,EAAE;QACpC,IAAI,UAAU,EAAE;YACf,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;SACnB;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,CAAC,CACrB,CAAC;IAEF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IAE3C,OAAO,CACN,KAAC,SAAS,oBACL,KAAK,IACT,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,EAChD,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -16,7 +16,7 @@ import { withClassName } from '../../hooks.js';
|
|
|
16
16
|
import { forwardRef } from 'react';
|
|
17
17
|
import { Slot } from '@radix-ui/react-slot';
|
|
18
18
|
import { Icon } from '../icon.js';
|
|
19
|
-
export const navBarItemClass = classNames('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-md layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:text-gray-7 layer-components:select-none', 'layer-components:sm:flex-row-reverse layer-components:sm:h-auto layer-components:sm:justify-start layer-components:sm:gap-2 layer-components:sm:overflow-visible', 'layer-components:hover:bg-primary-wash', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-primary-wash', 'layer-components:active:bg-primary-wash layer-components:sm:active:bg-gray-dark-blend', 'layer-components:[&[data-active=true]]:bg-primary-wash layer-components:[&[data-active=true]]:text-
|
|
19
|
+
export const navBarItemClass = classNames('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-md layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:text-gray-7 layer-components:select-none', 'layer-components:sm:flex-row-reverse layer-components:sm:h-auto layer-components:sm:justify-start layer-components:sm:gap-2 layer-components:sm:overflow-visible', 'layer-components:hover:bg-primary-wash', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-primary-wash', 'layer-components:active:bg-primary-wash layer-components:sm:active:bg-gray-dark-blend', 'layer-components:[&[data-active=true]]:bg-primary-wash layer-components:[&[data-active=true]]:text-black');
|
|
20
20
|
export const NavBarItem = forwardRef(function NavBarItem(_a, ref) {
|
|
21
21
|
var { asChild, className, active } = _a, rest = __rest(_a, ["asChild", "className", "active"]);
|
|
22
22
|
const Comp = asChild ? Slot : 'div';
|
|
@@ -27,7 +27,7 @@ export const NavBarItemText = withClassName('span', 'layer-components:overflow-h
|
|
|
27
27
|
export const NavBarItemIcon = forwardRef(function NavBarItemIcon(_a, ref) {
|
|
28
28
|
var { children, asChild, className, name = 'placeholder' } = _a, rest = __rest(_a, ["children", "asChild", "className", "name"]);
|
|
29
29
|
const Comp = asChild ? Slot : Icon;
|
|
30
|
-
return (_jsx(Comp, Object.assign({ name: name, className: clsx('layer-components:relative layer-components:z-1 layer-components:flex layer-components:fill-none', 'layer-variants:[*[data-active=true]_&]:fill-primary-light', className) }, rest, { ref: ref }, { children: children })));
|
|
30
|
+
return (_jsx(Comp, Object.assign({ name: name, className: clsx('layer-components:relative layer-components:z-1 layer-components:flex layer-components:fill-none layer-components:text-primary-dark', 'layer-variants:[*[data-active=true]_&]:fill-primary-light', className) }, rest, { ref: ref }, { children: children })));
|
|
31
31
|
});
|
|
32
32
|
export const NavBarItemPip = withClassName('div', 'layer-components:absolute layer-components:top-6px layer-components:right-6px layer-components:w-6px layer-components:h-6px layer-components:rounded-full layer-components:bg-attention layer-components:shadow-sm');
|
|
33
33
|
export const NavBarRoot = withClassName('div', 'layer-components:grid layer-components:[grid-auto-columns:1fr] layer-components:[grid-auto-flow:column] layer-components:justify-items-center layer-components:w-full layer-components:rounded-0 layer-components:overflow-hidden layer-components:z-50 layer-components:p-1 layer-components:h-auto', 'pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'layer-components:sm:bg-transparent layer-components:sm:flex layer-components:sm:flex-col layer-components:sm:rounded-0 layer-components:sm:border-none layer-components:sm:border-transparent layer-components:sm:shadow-none layer-components:sm:h-min-content layer-components:sm:overflow-y-auto layer-components:sm:overflow-x-hidden layer-components:sm:justify-start layer-components:sm:items-stretch layer-components:sm:gap-2 layer-components:sm:pb-10');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAa,MAAM,YAAY,CAAC;AAE7C,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACxC,yNAAyN,EACzN,oFAAoF,EACpF,wCAAwC,EACxC,+DAA+D,EAC/D,uFAAuF,EACvF,
|
|
1
|
+
{"version":3,"file":"NavBar.js","sourceRoot":"","sources":["../../../../src/components/navBar/NavBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,MAAM,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAa,MAAM,YAAY,CAAC;AAE7C,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CACxC,yNAAyN,EACzN,oFAAoF,EACpF,wCAAwC,EACxC,+DAA+D,EAC/D,uFAAuF,EACvF,qEAAqE,CACrE,CAAC;AASF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CACnC,SAAS,UAAU,CAAC,EAAuC,EAAE,GAAG;QAA5C,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAW,EAAN,IAAI,cAArC,kCAAuC,CAAF;IACxD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACN,KAAC,IAAI,kBACJ,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,SAAS,CAAC,iBACpC,MAAM,IACf,IAAI,EACP,CACF,CAAC;AACH,CAAC,CACD,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,aAAa,CACjD,KAAK,EACL,yFAAyF,EACzF,4DAA4D,CAC5D,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAC1C,MAAM,EACN,4IAA4I,CAC5I,CAAC;AAQF,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CACvC,SAAS,cAAc,CACtB,EAA+D,EAC/D,GAAG;QADH,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG,aAAa,OAAW,EAAN,IAAI,cAA7D,4CAA+D,CAAF;IAG7D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACnC,OAAO,CACN,KAAC,IAAI,kBACJ,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAI,CACd,kEAAkE,EAClE,2DAA2D,EAC3D,SAAS,CACT,IACG,IAAI,IACR,GAAG,EAAE,GAAG,gBAEP,QAAQ,IACH,CACP,CAAC;AACH,CAAC,CACD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,KAAK,EACL,+FAA+F,CAC/F,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,KAAK,EACL,+IAA+I,EAC/I,oDAAoD,EACpD,iMAAiM,CACjM,CAAC"}
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
/// <reference types="react" resolution-mode="require"/>
|
|
2
1
|
import * as Tabs from '@radix-ui/react-tabs';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
export
|
|
10
|
-
|
|
11
|
-
}
|
|
2
|
+
import { RefObject } from 'react';
|
|
3
|
+
export declare const TabsRoot: (props: Tabs.TabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export interface TabsListProps extends Tabs.TabsListProps {
|
|
5
|
+
disableIndicator?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const TabsList: ({ children, disableIndicator, ...props }: TabsListProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export interface TabsTriggerProps extends Tabs.TabsTriggerProps {
|
|
9
|
+
}
|
|
10
|
+
export declare const TabsTrigger: ({ children, ...props }: TabsTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
11
|
export declare const TabsContent: import("react").FunctionComponent<Omit<Tabs.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
13
|
-
ref?: ((instance: HTMLDivElement | null) => void) |
|
|
12
|
+
ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
|
|
14
13
|
}>;
|
|
@@ -1,8 +1,53 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
14
|
import * as Tabs from '@radix-ui/react-tabs';
|
|
3
15
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
16
|
+
import { createContext, useContext, useEffect, useState, } from 'react';
|
|
17
|
+
import { createPortal } from 'react-dom';
|
|
18
|
+
import clsx from 'clsx';
|
|
19
|
+
const TabsContext = createContext(null);
|
|
20
|
+
export const TabsRoot = (props) => {
|
|
21
|
+
var _a;
|
|
22
|
+
return (_jsx(TabsContext.Provider, Object.assign({ value: (_a = props.value) !== null && _a !== void 0 ? _a : null }, { children: _jsx(Tabs.Tabs, Object.assign({}, props)) })));
|
|
23
|
+
};
|
|
24
|
+
const listStructureClassName = 'flex flex-row justify-center items-start gap-2';
|
|
25
|
+
const TabsListEl = withClassName(Tabs.List, listStructureClassName, 'relative p-2');
|
|
26
|
+
const TabsListContext = createContext(null);
|
|
27
|
+
export const TabsList = (_a) => {
|
|
28
|
+
var { children, disableIndicator } = _a, props = __rest(_a, ["children", "disableIndicator"]);
|
|
29
|
+
const [layer, layerRef] = useState(null);
|
|
30
|
+
const selectedValue = useContext(TabsContext);
|
|
31
|
+
return (_jsx(TabsListContext.Provider, Object.assign({ value: layer }, { children: _jsxs(TabsListEl, Object.assign({}, props, { children: [children, !disableIndicator && !!selectedValue && (_jsx("div", { ref: layerRef, "data-purpose": "tabs-indicator-layer", "aria-hidden": true, className: clsx(listStructureClassName, 'absolute inset-2 bg-primary-light pointer-events-none',
|
|
32
|
+
// clip-path is used to clip the indicator to only the selected tab using --indicator-left and --indicator-width
|
|
33
|
+
'[clip-path:inset(0_var(--indicator-right)_0_var(--indicator-left)_round_32px)] transition-all duration-200') }))] })) })));
|
|
34
|
+
};
|
|
35
|
+
const TabsTriggerEl = withClassName(Tabs.Trigger, 'flex flex-row items-center justify-center gap-2 color-black py-1 px-4 bg-wash text-md min-w-100px rounded-full transition-colors cursor-pointer select-none border-none font-inherit', 'hover:ring-1 hover:ring-primary focus-visible:ring-2 focus-visible:ring-primary-dark focus-visible:outline-off focus-visible:bg-primary-wash');
|
|
36
|
+
export const TabsTrigger = (_a) => {
|
|
37
|
+
var { children } = _a, props = __rest(_a, ["children"]);
|
|
38
|
+
const layerRef = useContext(TabsListContext);
|
|
39
|
+
const selectedValue = useContext(TabsContext);
|
|
40
|
+
useEffect(() => {
|
|
41
|
+
if (layerRef && selectedValue === props.value) {
|
|
42
|
+
const el = layerRef.querySelector('[data-state=active]');
|
|
43
|
+
if (el) {
|
|
44
|
+
layerRef.style.setProperty('--indicator-left', `${el.offsetLeft}px`);
|
|
45
|
+
layerRef.style.setProperty('--indicator-right', `${layerRef.offsetWidth - (el.offsetLeft + el.offsetWidth)}px`);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}, [layerRef, selectedValue, props.value]);
|
|
49
|
+
return (_jsxs(_Fragment, { children: [_jsx(TabsTriggerEl, Object.assign({}, props, { children: children })), layerRef &&
|
|
50
|
+
createPortal(_jsx(TabsTriggerEl, Object.assign({ value: props.value, className: "bg-transparent", asChild: true }, { children: _jsx("div", { children: children }) })), layerRef)] }));
|
|
51
|
+
};
|
|
7
52
|
export const TabsContent = withClassName(Tabs.Content, '');
|
|
8
53
|
//# sourceMappingURL=tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,IAAI,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EACN,aAAa,EAGb,UAAU,EACV,SAAS,EAET,QAAQ,GACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,WAAW,GAAG,aAAa,CAAgB,IAAI,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAqB,EAAE,EAAE;;IACjD,OAAO,CACN,KAAC,WAAW,CAAC,QAAQ,kBAAC,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,IAAI,gBAC/C,KAAC,IAAI,CAAC,IAAI,oBAAK,KAAK,EAAI,IACF,CACvB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,gDAAgD,CAAC;AAEhF,MAAM,UAAU,GAAG,aAAa,CAC/B,IAAI,CAAC,IAAI,EACT,sBAAsB,EACtB,cAAc,CACd,CAAC;AAEF,MAAM,eAAe,GAAG,aAAa,CAAwB,IAAI,CAAC,CAAC;AAMnE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAIT,EAAE,EAAE;QAJK,EACxB,QAAQ,EACR,gBAAgB,OAED,EADZ,KAAK,cAHgB,gCAIxB,CADQ;IAER,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAwB,IAAI,CAAC,CAAC;IAChE,MAAM,aAAa,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAE9C,OAAO,CACN,KAAC,eAAe,CAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,gBACrC,MAAC,UAAU,oBAAK,KAAK,eACnB,QAAQ,EACR,CAAC,gBAAgB,IAAI,CAAC,CAAC,aAAa,IAAI,CACxC,cACC,GAAG,EAAE,QAAQ,kBACA,sBAAsB,uBAEnC,SAAS,EAAE,IAAI,CACd,sBAAsB,EACtB,uDAAuD;oBACvD,gHAAgH;oBAChH,4GAA4G,CAC5G,GACA,CACF,KACW,IACa,CAC3B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,aAAa,CAClC,IAAI,CAAC,OAAO,EACZ,sLAAsL,EACtL,kGAAkG,CAElG,CAAC;AAIF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAwC,EAAE,EAAE;QAA5C,EAAE,QAAQ,OAA8B,EAAzB,KAAK,cAApB,YAAsB,CAAF;IAC/C,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAE9C,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,QAAQ,IAAI,aAAa,KAAK,KAAK,CAAC,KAAK,EAAE;YAC9C,MAAM,EAAE,GAAG,QAAQ,CAAC,aAAa,CAAC,qBAAqB,CAAgB,CAAC;YACxE,IAAI,EAAE,EAAE;gBACP,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,GAAG,EAAE,CAAC,UAAU,IAAI,CAAC,CAAC;gBACrE,QAAQ,CAAC,KAAK,CAAC,WAAW,CACzB,mBAAmB,EACnB,GAAG,QAAQ,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC,UAAU,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAC9D,CAAC;aACF;SACD;IACF,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAE3C,OAAO,CACN,8BACC,KAAC,aAAa,oBAAK,KAAK,cAAG,QAAQ,IAAiB,EACnD,QAAQ;gBACR,YAAY,CACX,KAAC,aAAa,kBAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,SAAS,EAAC,gBAAgB,EAAC,OAAO,sBACpE,wBAAM,QAAQ,GAAO,IACN,EAChB,QAAQ,CACR,IACA,CACH,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { TabsRoot, TabsList, TabsContent, TabsTrigger } from './tabs.js';
|
|
4
|
+
import { useState } from 'react';
|
|
4
5
|
const meta = {
|
|
5
6
|
title: 'Tabs',
|
|
6
7
|
argTypes: {},
|
|
@@ -10,6 +11,9 @@ const meta = {
|
|
|
10
11
|
};
|
|
11
12
|
export default meta;
|
|
12
13
|
export const Default = {
|
|
13
|
-
render: () =>
|
|
14
|
+
render: () => {
|
|
15
|
+
const [value, setValue] = useState('tab1');
|
|
16
|
+
return (_jsxs(TabsRoot, Object.assign({ value: value, onValueChange: setValue }, { children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, Object.assign({ value: "tab1" }, { children: "Tab 1" })), _jsx(TabsTrigger, Object.assign({ value: "tab2" }, { children: "Tab 2 (long)" })), _jsx(TabsTrigger, Object.assign({ value: "tab3" }, { children: "Tab 3" }))] }), _jsx(TabsContent, Object.assign({ value: "tab1" }, { children: _jsx("div", { children: "Tab 1 content" }) })), _jsx(TabsContent, Object.assign({ value: "tab2" }, { children: _jsx("div", { children: "Tab 2 content" }) })), _jsx(TabsContent, Object.assign({ value: "tab3" }, { children: _jsx("div", { children: "Tab 3 content" }) }))] })));
|
|
17
|
+
},
|
|
14
18
|
};
|
|
15
19
|
//# sourceMappingURL=tabs.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC3C,OAAO,CACN,MAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,iBAC9C,MAAC,QAAQ,eACR,KAAC,WAAW,kBAAC,KAAK,EAAC,MAAM,2BAAoB,EAC7C,KAAC,WAAW,kBAAC,KAAK,EAAC,MAAM,kCAA2B,EACpD,KAAC,WAAW,kBAAC,KAAK,EAAC,MAAM,2BAAoB,IACnC,EACX,KAAC,WAAW,kBAAC,KAAK,EAAC,MAAM,gBACxB,0CAAwB,IACX,EACd,KAAC,WAAW,kBAAC,KAAK,EAAC,MAAM,gBACxB,0CAAwB,IACX,EACd,KAAC,WAAW,kBAAC,KAAK,EAAC,MAAM,gBACxB,0CAAwB,IACX,KACJ,CACX,CAAC;IACH,CAAC;CACe,CAAC"}
|
|
@@ -50,7 +50,7 @@ export const TextArea = forwardRef(function TextArea(_a, ref) {
|
|
|
50
50
|
onFocus(e);
|
|
51
51
|
}
|
|
52
52
|
}, [autoSelect, onFocus]);
|
|
53
|
-
return (_jsx("textarea", Object.assign({ ref: finalRef, className: classNames(inputClassName, 'layer-components:[font-family:inherit] layer-components:text-inherit layer-components:overflow-hidden', {
|
|
53
|
+
return (_jsx("textarea", Object.assign({ ref: finalRef, className: classNames(inputClassName, 'layer-components:[font-family:inherit] layer-components:text-inherit layer-components:overflow-hidden', 'layer-variants:rounded-20px', {
|
|
54
54
|
'layer-components:[resize:vertical]': !autoSize,
|
|
55
55
|
'layer-components:[resize:none]': autoSize,
|
|
56
56
|
}, className), rows: autoSize ? 1 : rows, onChange: handleChange, onFocus: handleFocus }, rest)));
|