npm - @a-type/ui - Versions diffs - 5.0.12 → 5.0.13 - Mend

@a-type/ui 5.0.12 → 5.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/css/main.css +1 -1
package/dist/esm/components/scrollArea/ScrollArea.d.ts +7 -3
package/dist/esm/components/scrollArea/ScrollArea.js +12 -8
package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
package/dist/esm/components/tabs/tabs.js +7 -3
package/dist/esm/components/tabs/tabs.js.map +1 -1
package/package.json +1 -1
package/src/components/scrollArea/ScrollArea.tsx +24 -10
package/src/components/tabs/tabs.tsx +43 -8

package/dist/css/main.css CHANGED Viewed

@@ -27,7 +27,7 @@
 						50% { stroke-dasharray: 100, 200; stroke-dashoffset: -15; }
 						100% { stroke-dasharray: 100, 200; stroke-dashoffset: -125; }
 					}.animate-fade-in{animation:fade-in 200ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.animate-skeleton{animation:skeleton 1s linear 1;}.animate-spin{animation:spin 1s linear infinite;}.animate-spinner-stroke{animation:spinner-stroke 1s linear 1;}.\[\&\[data-state\=closed\]\]\:animate-duration-300[data-state=closed]{animation-duration:300ms;}.\[\&\[data-state\=open\]\]\:animate-duration-600[data-state=open]{animation-duration:600ms;}.animate-duration-1200{animation-duration:1200ms;}.animate-duration-1400{animation-duration:1400ms;}.animate-duration-200{animation-duration:200ms;}.animate-ease-default{animation-timing-function:ease;}.animate-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.animate-ease-linear{animation-timing-function:linear;}.\[\&\[data-state\=open\]\]\:animate-forwards[data-state=open],.animate-forwards{animation-fill-mode:forwards;}.animate-alternate{animation-direction:alternate;}.animate-iteration-infinite{animation-iteration-count:infinite;}.data-\[active\]\:cursor-default[data-active]{cursor:default;}.cursor-pointer{cursor:pointer;}.touch-none{touch-action:none;}.select-none{-webkit-user-select:none;user-select:none;}.resize{resize:both;}.list-decimal{list-style-type:decimal;}.list-disc{list-style-type:disc;}.list-inside{list-style-position:inside;}.items-start{align-items:flex-start;}.items-end{align-items:flex-end;}.items-center{align-items:center;}.after\:items-center::after{align-items:center;}.items-stretch{align-items:stretch;}.self-end{align-self:flex-end;}.self-center{align-self:center;}.self-stretch{align-self:stretch;}.justify-end{justify-content:flex-end;}.after\:justify-end::after{justify-content:flex-end;}.justify-center{justify-content:center;}.justify-between{justify-content:space-between;}.gap-10px{gap:10px;}.gap-2{gap:0.5rem;}.gap-2px{gap:2px;}.gap-4{gap:1rem;}.gap-lg{gap:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.gap-md{gap:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.gap-sm{gap:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.gap-xl{gap:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.gap-xs{gap:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.gap-xxs{column-gap:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.overflow-clip{overflow:clip;}.overflow-hidden{overflow:hidden;}.b,.border-width-thin{border-width:calc(1px * var(--u-border-scale,1));}.border-b{border-bottom-width:calc(1px * var(--u-border-scale,1));}.border-t{border-top-width:calc(1px * var(--u-border-scale,1));}.rounded{border-radius:0.25rem;}.rounded-lg{border-radius:calc(1.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.rounded-md{border-radius:calc(1rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.rounded-none{border-radius:0;}.rounded-sm{border-radius:calc(0.5rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.rounded-xs{border-radius:calc(0.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.\[\&_\.ProseMirror\]\:border-none .ProseMirror,.border-none{border-style:none;}.border-solid{border-style:solid;}.border-b-solid{border-bottom-style:solid;}.border-t-solid{border-top-style:solid;}.from-transparent{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.after\:from-transparent::after{--un-gradient-from-position:0%;--un-gradient-from:transparent var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.via-fg{--un-gradient-via-position:50%;--un-gradient-to:rgb(255 255 255 / 0);--un-gradient-stops:var(--un-gradient-from), var(--v-c, var(--v-c-i, var(--m-black))) var(--un-gradient-via-position), var(--un-gradient-to);}.to-primary-wash{--un-gradient-to-position:100%;--un-gradient-to:var(--p-primary-shade-wash) var(--un-gradient-to-position);}.to-transparent{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.after\:to-white::after{--un-gradient-to-position:100%;--un-gradient-to:var(--p-high-contrast-shade-wash) var(--un-gradient-to-position);}.bg-gradient-to-b{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.after\:bg-gradient-to-b::after{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.stroke-current{stroke:currentColor /* currentColor */;}.stroke-main-dark{stroke:var(--p-shade-dark) /* var(--p-shade-dark) */;}.object-cover{object-fit:cover;}.object-contain{object-fit:contain;}.p-0{padding:0px;}.p-10{padding:2.5rem;}.p-4{padding:1rem;}.p-lg{padding:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.p-md{padding:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.p-sm{padding:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.p-xs{padding:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.after\:p-3::after{padding:0.75rem;}.px{padding-left:1rem;padding-right:1rem;}.px-25px{padding-left:25px;padding-right:25px;}.pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.pl-md{padding-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.text-center{text-align:center;}.v-middle{vertical-align:middle;}.text-\[19px\]{font-size:19px;}.text-2xl{font-size:1.75rem;line-height:2.25rem;}.text-3xl{font-size:2rem;line-height:2.5rem;}.text-lg{font-size:1.25rem;line-height:1.75rem;}.text-md{font-size:1.125rem;line-height:1.5rem;}.text-sm{font-size:1rem;line-height:1.25rem;}.text-xs{font-size:0.75rem;line-height:1rem;}.after\:text-xs::after{font-size:0.75rem;line-height:1rem;}.text-size-\[calc\(0\.5px\*var\(--avatar-size\,24px\)\)\]{font-size:calc(0.5px * var(--avatar-size,24px));}.font-bold{font-weight:700;}.font-normal{font-weight:400;}.leading-1{line-height:0.25rem;}.leading-6{line-height:1.5rem;}.leading-tight{line-height:1.25;}.italic{font-style:italic;}.oblique{font-style:oblique;}.underline{text-decoration-line:underline;}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:opacity-50[data-ending-style]:not([data-limited]):not([data-swipe-direction]){opacity:0.5;}.data-\[ending-style\]\:opacity-0[data-ending-style],.data-\[limited\]\:opacity-0[data-limited],.op-0,.start-end\:opacity-0[data-starting-style], .start-end\:opacity-0[data-ending-style],[data-behind]:not([data-expanded]) .\[\[data-behind\]\:not\(\[data-expanded\]\)_\&\]\:opacity-0{opacity:0;}.opacity-30{opacity:0.3;}.opacity-80{opacity:0.8;}.opacity1{opacity:0.01;}.opacity2{opacity:0.02;}.opacity3{opacity:0.03;}[data-expanded] .\[\[data-expanded\]_\&\]\:opacity-100{opacity:1;}.shadow-sm{--un-shadow:var(--un-shadow-inset) 0 calc(0px * var(--t-shadow-y-mult,1)) calc(1px * var(--u-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5) * 2)),
-			var(--un-shadow-inset) 0 calc(1px * var(--t-shadow-y-mult,1)) calc(2px * var(--u-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5) * 2));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-op-0{--un-shadow-opacity:0;}.shadow-op-10{--un-shadow-opacity:0.1;}.shadow-op-100{--un-shadow-opacity:1;}.shadow-op-20{--un-shadow-opacity:0.2;}.shadow-op-30{--un-shadow-opacity:0.3;}.shadow-op-40{--un-shadow-opacity:0.4;}.shadow-op-50{--un-shadow-opacity:0.5;}.shadow-op-60{--un-shadow-opacity:0.6;}.shadow-op-70{--un-shadow-opacity:0.7;}.shadow-op-80{--un-shadow-opacity:0.8;}.shadow-op-90{--un-shadow-opacity:0.9;}.outline{outline-style:solid;}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted]{outline:2px solid transparent;outline-offset:2px;}.ring{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.ring-inset{--un-ring-inset:inset;}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-color{transition-property:color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-height{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.will-change-transform{will-change:transform;}.after\:\[\&\[data-state\=open\]\]\:content-\[\"-_tap_to_collapse_-\"\][data-state=open]::after{content:"- tap to collapse -";}.after\:content-\[\"-_tap_to_expand_-\"\]::after{content:"- tap to expand -";}.after\:content-empty::after{content:"";}.placeholder-\$colors::placeholder{color:var(--colors) /* var(--colors) */;}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.color-black{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-ink);--v-c-op:100%;}.color-\$colors{color:var(--v-c,var(--v-c-i));--v-c-i:var(--colors);--v-c-op:100%;}.color-bg{color:var(--v-c,var(--v-c-i));--v-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-c-op:100%;}.color-contrast{color:var(--v-c,var(--v-c-i));--v-c-i:color(from var(--v-bg-contrast,var(--v-bg,var(--v-bg-l,var(--m-white)))) xyz-d65 clamp(0, (0.36 / y - 1) * infinity, 1) clamp(0, (0.36 / y - 1) * infinity, 1) clamp(0, (0.36 / y - 1) * infinity, 1));--v-c-op:100%;}.color-gray-dark{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-dark);--v-c-op:100%;}.color-gray-ink{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-ink);--v-c-op:100%;}.color-inherit{color:var(--v-c,var(--v-c-i));--v-c-i:unset;}.color-primary-dark{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-primary-shade-dark);--v-c-op:100%;}.color-primary-dark\/10{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:10%;}.color-primary-dark\/100{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:100%;}.color-primary-dark\/20{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:20%;}.color-primary-dark\/30{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:30%;}.color-primary-dark\/40{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:40%;}.color-primary-dark\/50{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:50%;}.color-primary-dark\/60{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:60%;}.color-primary-dark\/70{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:70%;}.color-primary-dark\/80{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:80%;}.color-primary-dark\/90{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:90%;}.color-white{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-wash);--v-c-op:100%;}.after\:color-gray-dark::after{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-dark);--v-c-op:100%;}.color-darken-5{--v-c:oklch(from var(--v-c-i,currentColor) calc(l * (1 + 5 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.\[\&_\.ProseMirror\:focus\]\:bg-transparent .ProseMirror:focus,.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror,.bg-transparent{background-color:transparent;--v-bg-l:unset;}.\[\&\[data-highlighted\]\]\:bg-gray-light[data-highlighted],.bg-gray-light{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-light);--v-bg-op:100%;}.bg-\$colors{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--colors);--v-bg-op:100%;}.bg-attention{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-attention-shade-mid);--v-bg-op:100%;}.bg-attention-light{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-attention-shade-light);--v-bg-op:100%;}.bg-black{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:100%;}.bg-black\/50{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:50%;}.bg-gray{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-mid);--v-bg-op:100%;}.bg-gray-dark{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-dark);--v-bg-op:100%;}.bg-gray-ink{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-ink);--v-bg-op:100%;}.bg-gray-wash,.bg-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-wash);--v-bg-op:100%;}.bg-main{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-mid);--v-bg-op:100%;}.bg-main-dark{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-dark);--v-bg-op:100%;}.bg-main-ink{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-ink);--v-bg-op:100%;}.bg-main-light{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-light);--v-bg-op:100%;}.bg-main-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-wash);--v-bg-op:100%;}.bg-primary-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-primary-shade-wash);--v-bg-op:100%;}.bg-primary\/10{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:10%;}.bg-primary\/100{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:100%;}.bg-primary\/20{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:20%;}.bg-primary\/30{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:30%;}.bg-primary\/40{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:40%;}.bg-primary\/50{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:50%;}.bg-primary\/60{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:60%;}.bg-primary\/70{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:70%;}.bg-primary\/80{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:80%;}.bg-primary\/90{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:90%;}.bg-success{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-success-shade-mid);--v-bg-op:100%;}.bg-success-light{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-success-shade-light);--v-bg-op:100%;}.bg-white{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-wash);--v-bg-op:100%;}.bg-lighten-1{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 1 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.bg-lighten-2{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 2 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.bg-darken-1{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 1 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.bg-darken-2,[data-behind]:not([data-expanded]) .\[\[data-behind\]\:not\(\[data-expanded\]\)_\&\]\:bg-darken-2{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 2 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}:where(.border-bg),:where(.border-black),:where(.border-color),:where(.border-gray-light),:where(.border-gray),:where(.border-main),:where(.border-white){--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));}:where(.border-black\/10),:where(.border-black\/100),:where(.border-black\/20),:where(.border-black\/30),:where(.border-black\/40),:where(.border-black\/50),:where(.border-black\/60),:where(.border-black\/70),:where(.border-black\/80),:where(.border-black\/90){--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));}.border-bg{--v-bd-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-bd-c-op:100%;}.border-black,.border-black\/100{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:100%;}.border-black\/10{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:10%;}.border-black\/20{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:20%;}.border-black\/30{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:30%;}.border-black\/40{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:40%;}.border-black\/50{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:50%;}.border-black\/60{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:60%;}.border-black\/70{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:70%;}.border-black\/80{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:80%;}.border-black\/90{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:90%;}.border-color{--v-bd-c-i:var(--v-c, var(--v-c-i, var(--m-black)));--v-bd-c-op:100%;}.border-gray{--v-bd-c-i:var(--p-gray-shade-mid);--v-bd-c-op:100%;}.border-gray-light{--v-bd-c-i:var(--p-gray-shade-light);--v-bd-c-op:100%;}.border-main{--v-bd-c-i:var(--p-shade-mid);--v-bd-c-op:100%;}.border-white{--v-bd-c-i:var(--p-high-contrast-shade-wash);--v-bd-c-op:100%;}.border-darken-3{--v-bd-c:oklch(from var(--v-bd-c-i,currentColor) calc(l * (1 + 3 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.border-darken-5{--v-bd-c:oklch(from var(--v-bd-c-i,currentColor) calc(l * (1 + 5 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.border-t-black{border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i));--v-bd-t-c-i:var(--p-high-contrast-shade-ink);--v-bd-t-c-op:100%;}.ring-\$colors{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--colors);--v-ring-c-op:100%;}.ring-primary-light\/10{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:10%;}.ring-primary-light\/100{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:100%;}.ring-primary-light\/20{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:20%;}.ring-primary-light\/30{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:30%;}.ring-primary-light\/40{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:40%;}.ring-primary-light\/50{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:50%;}.ring-primary-light\/60{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:60%;}.ring-primary-light\/70{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:70%;}.ring-primary-light\/80{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:80%;}.ring-primary-light\/90{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:90%;}.accent-\$colors{accent-color:var(--v-accent-c,var(--v-accent-c-i));--v-accent-c-i:var(--colors);--v-accent-c-op:100%;}.accent-color{accent-color:var(--v-accent-c,var(--v-accent-c-i));--v-accent-c-i:var(--v-c, var(--v-c-i, var(--m-black)));--v-accent-c-op:100%;}.anchor-container{anchor-name:--container;}.anchor-demo{anchor-name:--demo;}.anchor-name{anchor-name:--name;}.anchor-to-container{position-anchor:--container;}.anchor-to-demo{position-anchor:--demo;}.overflow-stable{scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-auto{overflow:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-x-auto{overflow-x:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-unstable{scrollbar-gutter:auto;}.\[\&_\.ProseMirror\:focus\]\:shadow-none .ProseMirror:focus,.\[\&_\.ProseMirror\]\:shadow-none .ProseMirror{--un-shadow:0 0 rgb(0 0 0 / 0);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.arrow{fill:var(--v-bg,var(--v-bg-l,var(--m-white)));stroke:var(--v-bd-c,var(--v-bd-c-i,var(--m-black)));width:var(--t-arrow-size);height:calc(var(--t-arrow-size) * 0.5);position:relative;z-index:0;}.arrow[data-side="bottom"]{transform:rotate(180deg);top:calc(-1 * var(--t-arrow-size) / 2);}.arrow[data-side="left"]{transform:rotate(-90deg);right:calc(-1 * var(--t-arrow-size) * 0.75);}.arrow[data-side="right"]{transform:rotate(90deg);left:calc(-1 * var(--t-arrow-size) * 0.75);}.arrow[data-side="top"]{transform:rotate(0deg);bottom:calc(-1 * var(--t-arrow-size) / 2 + 1px);}.clip-path{clip-path:url(#path);}.start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[0\]-\[0\]-\[calc\(100\%_-_var\(--trigger-width\)\)\]-\[round\]-\[200px\][data-starting-style], .start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[0\]-\[0\]-\[calc\(100\%_-_var\(--trigger-width\)\)\]-\[round\]-\[200px\][data-ending-style]{clip-path:inset(calc(100% - var(--trigger-height)) 0 0 calc(100% - var(--trigger-width)) round 200px);}.start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[calc\(\(100\%_-_var\(--trigger-width\)\)\/2\)\]-\[0\]-\[calc\(\(100\%_-_var\(--trigger-width\)\)\/2\)\]-\[round\]-\[200px\][data-starting-style], .start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[calc\(\(100\%_-_var\(--trigger-width\)\)\/2\)\]-\[0\]-\[calc\(\(100\%_-_var\(--trigger-width\)\)\/2\)\]-\[round\]-\[200px\][data-ending-style]{clip-path:inset(calc(100% - var(--trigger-height)) calc((100% - var(--trigger-width))/2) 0 calc((100% - var(--trigger-width))/2) round 200px);}.start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[calc\(100\%_-_var\(--trigger-width\)\)\]-\[0\]-\[0\]-\[round\]-\[200px\][data-starting-style], .start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[calc\(100\%_-_var\(--trigger-width\)\)\]-\[0\]-\[0\]-\[round\]-\[200px\][data-ending-style]{clip-path:inset(calc(100% - var(--trigger-height)) calc(100% - var(--trigger-width)) 0 0 round 200px);}.foc-effect:focus-visible:not([data-focus-clicked]), .foc-effect[data-focus-visible],.foc:focus-visible:not([data-focus-clicked]), .foc[data-focus-visible]{--un-ring-color:var(--u-focus-color);--un-ring-width:2px;--un-ring-style:solid;--un-ring-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-width) var(--un-ring-color);outline:none;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.foc-lg:focus-visible:not([data-focus-clicked]), .foc-lg[data-focus-visible]{--un-ring-color:var(--u-focus-color);--un-ring-width:4px;--un-ring-style:solid;--un-ring-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-width) var(--un-ring-color);outline:none;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.foc-contained:has(:focus-visible:not([data-focus-clicked])), .foc-contained:has([data-focus-visible]){--un-ring-color:var(--u-focus-color);--un-ring-width:2px;--un-ring-style:solid;--un-ring-shadow:0 0 0 var(--un-ring-width) var(--un-ring-color);outline:none;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow);}@layer components{.layer-components\:\[--global-shadow-spread\:1\]{--global-shadow-spread:1;}.layer-components\:\[--scroll-area-overflow-x-end\:inherit\]{--scroll-area-overflow-x-end:inherit;}.layer-components\:\[--scroll-area-overflow-x-start\:inherit\]{--scroll-area-overflow-x-start:inherit;}.layer-components\:\[--scroll-area-overflow-y-end\:inherit\]{--scroll-area-overflow-y-end:inherit;}.layer-components\:\[--scroll-area-overflow-y-start\:inherit\]{--scroll-area-overflow-y-start:inherit;}.layer-components\:\[\&\[data-different-month\]\]\:\[visibility\:hidden\][data-different-month]{visibility:hidden;}.layer-components\:\[all\:unset\]{all:unset;}.layer-components\:\[font-family\:inherit\],.layer-components\:font-inherit{font-family:inherit;}.layer-components\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:\[grid-auto-columns\:1fr\]{grid-auto-columns:1fr;}.layer-components\:\[grid-auto-flow\:column\]{grid-auto-flow:column;}.layer-components\:\[grid-auto-rows\:var\(--day-size\,32px\)\]{grid-auto-rows:var(--day-size,32px);}.layer-components\:\[justify-content\:safe_center\]{justify-content:safe center;}.layer-components\:\[transition-property\:transform\,width\,color\]{transition-property:transform,width,color;}.layer-components\:before\:\[--scroll-area-overflow-x-start\:inherit\]::before{--scroll-area-overflow-x-start:inherit;}.layer-components\:before\:\[--scroll-area-overflow-y-start\:inherit\]::before{--scroll-area-overflow-y-start:inherit;}.layer-components\:after\:\[--scroll-area-overflow-x-end\:inherit\]::after{--scroll-area-overflow-x-end:inherit;}.layer-components\:after\:\[--scroll-area-overflow-y-end\:inherit\]::after{--scroll-area-overflow-y-end:inherit;}.layer-components\:contain-layout{contain:layout;}.layer-components\:\[\&\>\*\]\:pointer-events-auto>*,.layer-components\:data-\[hovering\]\:pointer-events-auto[data-hovering],.layer-components\:pointer-events-auto{pointer-events:auto;}.layer-components\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.layer-components\:pointer-events-none{pointer-events:none;}.layer-components\:absolute{position:absolute;}.layer-components\:fixed{position:fixed;}.layer-components\:relative{position:relative;}.layer-components\:sticky{position:sticky;}.layer-components\:\[\&\[data-today\]\]\:before\:absolute[data-today]::before{position:absolute;}.layer-components\:before\:absolute::before{position:absolute;}.layer-components\:data-\[checked\]\:before\:absolute[data-checked]::before{position:absolute;}.layer-components\:after\:absolute::after{position:absolute;}.layer-components\:inset-0{inset:0px;}.layer-components\:before\:inset-x-4::before{left:1rem;right:1rem;}.layer-components\:bottom-\[anchor\(bottom\)\]{bottom:anchor(bottom);}.layer-components\:bottom-\[var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\]{bottom:var(--nav-height,env(safe-area-inset-bottom,0px));}.layer-components\:bottom-0,.layer-components\:data-\[direction\=down\]\:bottom-0[data-direction=down]{bottom:0px;}.layer-components\:bottom-2{bottom:0.5rem;}.layer-components\:bottom-3{bottom:0.75rem;}.layer-components\:bottom-md{bottom:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:bottom-sm{bottom:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:left-0{left:0px;}.layer-components\:left-1\/2,.layer-components\:left-50\%{left:50%;}.layer-components\:left-2{left:0.5rem;}.layer-components\:left-9px{left:9px;}.layer-components\:left-sm{left:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:right-0{right:0px;}.layer-components\:right-6px{right:6px;}.layer-components\:right-sm{right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:top--3px{top:-3px;}.layer-components\:top-0{top:0px;}.layer-components\:top-1\/2,.layer-components\:top-50\%{top:50%;}.layer-components\:top-6px{top:6px;}.layer-components\:top-sm{top:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&\[data-today\]\]\:before\:left-\[1px\][data-today]::before{left:1px;}.layer-components\:\[\&\[data-today\]\]\:before\:top-\[1px\][data-today]::before{top:1px;}.layer-components\:before\:left-0::before{left:0px;}.layer-components\:before\:top-0::before{top:0px;}.layer-components\:data-\[checked\]\:before\:left-0[data-checked]::before{left:0px;}.layer-components\:data-\[checked\]\:before\:top-0[data-checked]::before{top:0px;}.layer-components\:data-\[direction\=down\]\:data-\[side\=none\]\:before\:-bottom-full[data-side=none][data-direction=down]::before{bottom:-100%;}.layer-components\:data-\[direction\=up\]\:data-\[side\=none\]\:before\:-top-full[data-side=none][data-direction=up]::before{top:-100%;}.layer-components\:after\:bottom-0::after{bottom:0px;}.layer-components\:after\:left-0::after{left:0px;}.layer-components\:after\:right-0::after{right:0px;}.layer-components\:after\:top-0::after{top:0px;}.layer-components\:isolate{isolation:isolate;}.layer-components\:\[\&\[data-in-range\]\]\:z-1[data-in-range],.layer-components\:\[\&\[data-range-end\]\]\:z-1[data-range-end],.layer-components\:\[\&\[data-range-start\]\]\:z-1[data-range-start],.layer-components\:data-\[highlighted\]\:z-1[data-highlighted],.layer-components\:z-1{z-index:1;}.layer-components\:\[\&\[data-selected\]\]\:z-2[data-selected]{z-index:2;}.layer-components\:z-\[var\(--z-nav\)\],.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-0{z-index:0;}.layer-components\:z-10{z-index:10;}.layer-components\:z-100{z-index:100;}.layer-components\:z-50{z-index:50;}.layer-components\:z-backdrop{z-index:var(--z-backdrop);}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:z-now-playing{z-index:var(--z-now-playing);}.layer-components\:hover\:z-1:hover{z-index:1;}.layer-components\:grid{display:grid;}.layer-components\:col-start-1{grid-column-start:1;}.layer-components\:col-start-2{grid-column-start:2;}.layer-components\:row-start-1{grid-row-start:1;}.layer-components\:grid-cols-\[1fr\]{grid-template-columns:1fr;}.layer-components\:grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}.layer-components\:grid-cols-\[repeat\(7\,var\(--day-size\,32px\)\)\]{grid-template-columns:repeat(7,var(--day-size,32px));}.layer-components\:grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.layer-components\:grid-rows-\[1fr_auto\]{grid-template-rows:1fr auto;}.layer-components\:grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:grid-areas-\[prevMonth_leftMonth_nextMonth\]-\[leftGrid_leftGrid_leftGrid\]{grid-template-areas:"prevMonth leftMonth nextMonth" "leftGrid leftGrid leftGrid";}.layer-components\:m-0{margin:0px;}.layer-components\:m-5px{margin:5px;}.layer-components\:\[\&_hr\]\:my-lg hr{margin-top:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));margin-bottom:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:-m-y-2xs[data-has-icon=true][data-has-label=false]{margin-top:calc(calc(0.125rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1)) * -1);margin-bottom:calc(calc(0.125rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1)) * -1);}.layer-components\:\[\&\>\.icon\]\:mx-sm>.icon{margin-left:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));margin-right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:m-xxs,.layer-components\:mx-xs{margin-left:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));margin-right:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:mx-2{margin-left:0.5rem;margin-right:0.5rem;}.layer-components\:mx-auto{margin-left:auto;margin-right:auto;}.layer-components\:my-0{margin-top:0px;margin-bottom:0px;}.layer-components\:my-0\.5{margin-top:0.125rem;margin-bottom:0.125rem;}.layer-components\:my-auto{margin-top:auto;margin-bottom:auto;}.layer-components\:my-xs{margin-top:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));margin-bottom:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:-ml-md{margin-left:calc(calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1)) * -1);}.layer-components\:\[\&_blockquote\]\:mb-md blockquote,.layer-components\:\[\&_h1\]\:mb-md h1,.layer-components\:\[\&_h2\]\:mb-md h2,.layer-components\:\[\&_ol\]\:mb-md ol,.layer-components\:\[\&_p\]\:mb-md p,.layer-components\:\[\&_ul\]\:mb-md ul{margin-bottom:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:ml-md blockquote{margin-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:mt-md blockquote,.layer-components\:\[\&_h3\]\:\[\&\:not\(\:first-child\)\]\:mt-md:not(:first-child) h3,.layer-components\:\[\&_h4\]\:\[\&\:not\(\:first-child\)\]\:mt-md:not(:first-child) h4,.layer-components\:\[\&_ol\]\:mt-md ol,.layer-components\:\[\&_ul\]\:mt-md ul,.layer-components\:mt-md{margin-top:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_h1\,h2\,h3\,p\]\:mt-0 h1,h2,h3,p,.layer-components\:\[\&_p\]\:mt-0 p,.layer-components\:mt-0{margin-top:0px;}.layer-components\:\[\&_h1\]\:\[\&\:not\(\:first-child\)\]\:mt-xl:not(:first-child) h1{margin-top:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_h2\]\:\[\&\:not\(\:first-child\)\]\:mt-lg:not(:first-child) h2{margin-top:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_h3\]\:mb-sm h3,.layer-components\:\[\&_h4\]\:mb-sm h4,.layer-components\:\[\&_li\]\:mb-sm li,.layer-components\:mb-sm{margin-bottom:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:mb--1px{margin-bottom:-1px;}.layer-components\:mb-4{margin-bottom:1rem;}.layer-components\:mb-6{margin-bottom:1.5rem;}.layer-components\:ml-0{margin-left:0px;}.layer-components\:ml-auto{margin-left:auto;}.layer-components\:mr--1px{margin-right:-1px;}.layer-components\:mr-0{margin-right:0px;}.layer-components\:mr-auto{margin-right:auto;}.layer-components\:mt-3{margin-top:0.75rem;}.layer-components\:box-border{box-sizing:border-box;}.layer-components\:box-content{box-sizing:content-box;}.layer-components\:block{display:block;}.layer-components\:before\:block::before{display:block;}.layer-components\:after\:block::after{display:block;}.layer-components\:inline-block{display:inline-block;}.layer-components\:empty\:hidden:empty{display:none;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\:not\(\[aria-pressed\]\)\]\:aspect-1[data-has-icon=true][data-has-label=false]:not([aria-pressed]),.layer-components\:aspect-1{aspect-ratio:1;}.layer-components\:data-\[orientation\=horizontal\]\:h-0\.25rem[data-orientation=horizontal]{height:0.25rem;}.layer-components\:data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal],.layer-components\:h-full{height:100%;}.layer-components\:data-\[orientation\=vertical\]\:w-0\.25rem[data-orientation=vertical]{width:0.25rem;}.layer-components\:data-\[orientation\=vertical\]\:w-full[data-orientation=vertical],.layer-components\:w-full{width:100%;}.layer-components\:data-\[side\=none\]\:min-w-\[calc\(var\(--anchor-width\)\+2rem\)\][data-side=none]{min-width:calc(var(--anchor-width) + 2rem);}.layer-components\:h-\[20px\]{height:20px;}.layer-components\:h-\[4px\]{height:4px;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-0{height:0;}.layer-components\:h-10px{height:10px;}.layer-components\:h-16{height:4rem;}.layer-components\:h-1px{height:1px;}.layer-components\:h-1rem{height:1rem;}.layer-components\:h-25px{height:25px;}.layer-components\:h-27px{height:27px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-368px{height:368px;}.layer-components\:h-36px{height:36px;}.layer-components\:h-5{height:1.25rem;}.layer-components\:h-6px{height:6px;}.layer-components\:h-7px{height:7px;}.layer-components\:h-8px{height:8px;}.layer-components\:h-auto{height:auto;}.layer-components\:max-h-\[--available-height\],.layer-components\:max-h-\[var\(--available-height\)\]{max-height:var(--available-height);}.layer-components\:max-h-300px{max-height:300px;}.layer-components\:max-h-80px{max-height:80px;}.layer-components\:max-h-85vh{max-height:85vh;}.layer-components\:max-h-full{max-height:100%;}.layer-components\:max-w-\[--available-width\]{max-width:var(--available-width);}.layer-components\:max-w-450px{max-width:450px;}.layer-components\:max-w-80vw{max-width:80vw;}.layer-components\:max-w-full{max-width:100%;}.layer-components\:min-h-0{min-height:0;}.layer-components\:min-h-100dvh{min-height:100dvh;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-h-40px,.layer-components\:min-h-touch-large{min-height:40px;}.layer-components\:min-h-touch{min-height:30px;}.layer-components\:min-w-\[var\(--anchor-width\)\]{min-width:var(--anchor-width);}.layer-components\:min-w-0{min-width:0;}.layer-components\:min-w-100px{min-width:100px;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-12ch{min-width:12ch;}.layer-components\:min-w-220px{min-width:220px;}.layer-components\:min-w-3ch{min-width:3ch;}.layer-components\:min-w-4{min-width:1rem;}.layer-components\:min-w-60px{min-width:60px;}.layer-components\:min-w-80px{min-width:80px;}.layer-components\:w-\[--active-tab-width\]{width:var(--active-tab-width);}.layer-components\:w-\[--anchor-width\]{width:var(--anchor-width);}.layer-components\:w-\[20px\]{width:20px;}.layer-components\:w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.layer-components\:w-0{width:0;}.layer-components\:w-0\.5px{width:0.5px;}.layer-components\:w-10px{width:10px;}.layer-components\:w-16{width:4rem;}.layer-components\:w-20\%{width:20%;}.layer-components\:w-24px{width:24px;}.layer-components\:w-25px{width:25px;}.layer-components\:w-28px{width:28px;}.layer-components\:w-42px{width:42px;}.layer-components\:w-5{width:1.25rem;}.layer-components\:w-6px{width:6px;}.layer-components\:w-90vw{width:90vw;}.layer-components\:w-auto{width:auto;}.layer-components\:w-fit{width:fit-content;}.layer-components\:w-max-content{width:max-content;}.layer-components\:w-min-content{width:min-content;}[data-scroll-direction=horizontal]>.layer-components\:\[\[data-scroll-direction\=horizontal\]\>\&\,\[data-scroll-direction\=both\]\>\&\]\:min-w-min-content,[data-scroll-direction=both]>.layer-components\:\[\[data-scroll-direction\=horizontal\]\>\&\,\[data-scroll-direction\=both\]\>\&\]\:min-w-min-content{min-width:min-content;}.layer-components\:data-\[orientation\=horizontal\]\:hover\:h-0\.5rem:hover[data-orientation=horizontal]{height:0.5rem;}.layer-components\:data-\[orientation\=vertical\]\:hover\:w-0\.5rem:hover[data-orientation=vertical]{width:0.5rem;}.layer-components\:\[\&\[data-today\]\]\:before\:h-\[6px\][data-today]::before{height:6px;}.layer-components\:\[\&\[data-today\]\]\:before\:w-\[6px\][data-today]::before{width:6px;}.layer-components\:before\:h-\[min\(40px\,var\(--scroll-area-overflow-y-start\,40px\)\)\]::before{height:min(40px,var(--scroll-area-overflow-y-start,40px));}.layer-components\:before\:h-full::before{height:100%;}.layer-components\:before\:h-px::before{height:1px;}.layer-components\:before\:w-\[min\(40px\,var\(--scroll-area-overflow-x-start\,40px\)\)\]::before{width:min(40px,var(--scroll-area-overflow-x-start,40px));}.layer-components\:before\:w-full::before{width:100%;}.layer-components\:data-\[checked\]\:before\:h-full[data-checked]::before{height:100%;}.layer-components\:data-\[checked\]\:before\:w-full[data-checked]::before{width:100%;}.layer-components\:data-\[orientation\=horizontal\]\:before\:h-1\.25rem[data-orientation=horizontal]::before{height:1.25rem;}.layer-components\:data-\[orientation\=horizontal\]\:before\:w-full[data-orientation=horizontal]::before{width:100%;}.layer-components\:data-\[orientation\=vertical\]\:before\:h-full[data-orientation=vertical]::before{height:100%;}.layer-components\:data-\[orientation\=vertical\]\:before\:w-1\.25rem[data-orientation=vertical]::before{width:1.25rem;}.layer-components\:after\:h-\[min\(40px\,var\(--scroll-area-overflow-y-end\,40px\)\)\]::after{height:min(40px,var(--scroll-area-overflow-y-end,40px));}.layer-components\:after\:h-full::after{height:100%;}.layer-components\:after\:w-\[min\(40px\,var\(--scroll-area-overflow-x-end\,40px\)\)\]::after{width:min(40px,var(--scroll-area-overflow-x-end,40px));}.layer-components\:after\:w-full::after{width:100%;}.layer-components\:flex{display:flex;}.layer-components\:data-\[checked\]\:before\:flex[data-checked]::before{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-\[0_0_20px\]{flex:0 0 20px;}.layer-components\:flex-1{flex:1 1 0%;}.layer-components\:flex-shrink-0,.layer-components\:shrink-0{flex-shrink:0;}.layer-components\:flex-shrink-1{flex-shrink:1;}.layer-components\:flex-grow,.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0px;}.layer-components\:flex-basis-auto{flex-basis:auto;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:flex-col{flex-direction:column;}.layer-components\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:flex-wrap{flex-wrap:wrap;}.layer-components\:transform-origin-\[--transform-origin\],.layer-components\:transform-origin-\[var\(--transform-origin\)\]{transform-origin:var(--transform-origin);}.layer-components\:transform-origin-br{transform-origin:bottom right;}.layer-components\:transform-origin-cc{transform-origin:center center;}.layer-components\:transform-origin-center{transform-origin:center;}.layer-components\:translate--7px{--un-translate-x:-7px;--un-translate-y:-7px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:-translate-y-1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[checked\]\:translate-x-1rem[data-checked]{--un-translate-x:1rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[ending-style\]\:data-\[side\=bottom\]\:translate-y-4px[data-side=bottom][data-ending-style],.layer-components\:data-\[starting-style\]\:data-\[side\=bottom\]\:translate-y-4px[data-side=bottom][data-starting-style]{--un-translate-y:4px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[ending-style\]\:data-\[side\=left\]\:translate-x-0[data-side=left][data-ending-style],.layer-components\:data-\[ending-style\]\:data-\[side\=right\]\:translate-x-0[data-side=right][data-ending-style]{--un-translate-x:0px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[ending-style\]\:data-\[side\=top\]\:translate-y-0[data-side=top][data-ending-style]{--un-translate-y:0px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[side\=none\]\:translate-y-0px[data-side=none]{--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[starting-style\]\:data-\[side\=left\]\:translate-x--4px[data-side=left][data-starting-style]{--un-translate-x:-4px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[starting-style\]\:data-\[side\=right\]\:translate-x-4px[data-side=right][data-starting-style]{--un-translate-x:4px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[starting-style\]\:data-\[side\=top\]\:translate-y--4px[data-side=top][data-starting-style]{--un-translate-y:-4px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-x-\[--active-tab-left\]{--un-translate-x:var(--active-tab-left);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-z-0{--un-translate-z:0px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[open\]\:rotate-180[data-open],[data-panel-open] .layer-components\:\[\[data-panel-open\]_\&\]\:rotate-180,[data-popup-open]>.layer-components\:\[\[data-popup-open\]\>\&\]\:rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[closed\]\:scale-0[data-closed]{--un-scale-x:0;--un-scale-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[open\]\:scale-100[data-open]{--un-scale-x:1;--un-scale-y:1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:start-end\:scale-95[data-starting-style], .layer-components\:start-end\:scale-95[data-ending-style]{--un-scale-x:0.95;--un-scale-y:0.95;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[checked\]\:animate-checkbox-fade[data-checked]{animation:checkbox-fade 5000ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:data-\[checked\]\:animate-forwards[data-checked]{animation-fill-mode:forwards;}.layer-components\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.layer-components\:cursor-default,.layer-components\:data-\[disabled\]\:cursor-default[data-disabled]{cursor:default;}.layer-components\:disabled\:cursor-default:disabled{cursor:default;}.layer-components\:cursor-pointer{cursor:pointer;}.layer-components\:\[\&\[data-disabled\=true\]\]\:cursor-not-allowed[data-disabled=true]{cursor:not-allowed;}.layer-components\:cursor-grab{cursor:grab;}.layer-components\:touch-none{touch-action:none;}.layer-components\:select-auto{-webkit-user-select:auto;user-select:auto;}.layer-components\:select-none{-webkit-user-select:none;user-select:none;}.layer-components\:scroll-my-xs{scroll-margin-top:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));scroll-margin-bottom:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_ol\]\:list-decimal ol{list-style-type:decimal;}.layer-components\:\[\&_ul\]\:list-disc ul{list-style-type:disc;}.layer-components\:appearance-none{-webkit-appearance:none;appearance:none;}.layer-components\:items-start{align-items:flex-start;}.layer-components\:items-end{align-items:flex-end;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\:not\(\[aria-pressed\]\)\]\:items-center[data-has-icon=true][data-has-label=false]:not([aria-pressed]),.layer-components\:data-\[orientation\=horizontal\]\:items-center[data-orientation=horizontal],.layer-components\:items-center{align-items:center;}.layer-components\:data-\[checked\]\:before\:items-center[data-checked]::before{align-items:center;}.layer-components\:items-stretch{align-items:stretch;}.layer-components\:self-start{align-self:flex-start;}.layer-components\:self-end{align-self:flex-end;}.layer-components\:self-center{align-self:center;}.layer-components\:self-stretch{align-self:stretch;}.layer-components\:justify-start{justify-content:flex-start;}.layer-components\:justify-end{justify-content:flex-end;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\:not\(\[aria-pressed\]\)\]\:justify-center[data-has-icon=true][data-has-label=false]:not([aria-pressed]),.layer-components\:data-\[orientation\=vertical\]\:justify-center[data-orientation=vertical],.layer-components\:justify-center{justify-content:center;}.layer-components\:data-\[checked\]\:before\:justify-center[data-checked]::before{justify-content:center;}.layer-components\:justify-between{justify-content:space-between;}.layer-components\:justify-around{justify-content:space-around;}.layer-components\:justify-stretch{justify-content:stretch;}.layer-components\:justify-items-center{justify-items:center;}.layer-components\:justify-self-end{justify-self:end;}.layer-components\:gap-1{gap:0.25rem;}.layer-components\:gap-2{gap:0.5rem;}.layer-components\:gap-3{gap:0.75rem;}.layer-components\:gap-4{gap:1rem;}.layer-components\:gap-6px{gap:6px;}.layer-components\:gap-lg{gap:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-md{gap:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-sm{gap:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-xl{gap:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-xs{gap:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-col-md{column-gap:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-row-xs{row-gap:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:overflow-clip{overflow:clip;}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:overflow-y-clip{overflow-y:clip;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:overscroll-contain{overscroll-behavior:contain;}.layer-components\:overscroll-none{overscroll-behavior:none;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:\[\&_\.ProseMirror\]\:border-1 .ProseMirror,.layer-components\:b-1,.layer-components\:border-1{border-width:1px;}.layer-components\:border-0{border-width:0px;}.layer-components\:border-13px{border-width:13px;}.layer-components\:border-2{border-width:2px;}.layer-components\:border-thin{border-width:calc(1px * var(--u-border-scale,1));}.layer-components\:\[\&\[data-today\]\]\:before\:border-1[data-today]::before{border-width:1px;}.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:\[\&_\.ProseMirror\]\:rounded-\[20px\] .ProseMirror{border-radius:20px;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:rounded-lg[data-has-icon=true][data-has-label=false],.layer-components\:rounded-lg{border-radius:calc(1.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:\[\&\[data-in-range\]\]\:rounded-none[data-in-range],.layer-components\:rounded-none{border-radius:0;}.layer-components\:\[\&\[data-selected\]\]\:rounded[data-selected],.layer-components\:rounded{border-radius:0.25rem;}.layer-components\:rounded-full{border-radius:calc(99999px * var(--u-corner-scale,1));}.layer-components\:rounded-inherit{border-radius:inherit;}.layer-components\:rounded-md{border-radius:calc(1rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:rounded-sm{border-radius:calc(0.5rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:rounded-xl{border-radius:calc(1.5rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:active\:rounded:active{border-radius:0.25rem;}.layer-components\:\[\&\[data-today\]\]\:before\:rounded-lg[data-today]::before{border-radius:calc(1.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:\[\&\[data-range-end\]\]\:rounded-l-none[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0;}.layer-components\:\[\&\[data-range-end\]\]\:rounded-r[data-range-end]{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.layer-components\:\[\&\[data-range-start\]\]\:rounded-l[data-range-start]{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.layer-components\:\[\&\[data-range-start\]\]\:rounded-r-none[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0;}.layer-components\:rounded-t-md{border-top-left-radius:calc(1rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));border-top-right-radius:calc(1rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:first\:rounded-l-inherit:first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit;}.layer-components\:last\:rounded-r-inherit:last-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit;}.layer-components\:\[\&\[data-day-first\]\]\:rounded-tl[data-day-first],.layer-components\:\[\&\[data-first-column\]\[data-top-edge\]\]\:rounded-tl[data-first-column][data-top-edge]{border-top-left-radius:0.25rem;}.layer-components\:\[\&\[data-day-last\]\]\:rounded-br[data-day-last],.layer-components\:\[\&\[data-last-column\]\[data-bottom-edge\]\]\:rounded-br[data-last-column][data-bottom-edge]{border-bottom-right-radius:0.25rem;}.layer-components\:\[\&\[data-first-column\]\[data-bottom-edge\]\]\:rounded-bl[data-first-column][data-bottom-edge]{border-bottom-left-radius:0.25rem;}.layer-components\:\[\&\[data-last-column\]\[data-top-edge\]\]\:rounded-tr[data-last-column][data-top-edge]{border-top-right-radius:0.25rem;}.layer-components\:\[\&_\.ProseMirror\]\:border-solid .ProseMirror,.layer-components\:b-solid,.layer-components\:border-solid{border-style:solid;}.layer-components\:border-dashed{border-style:dashed;}.layer-components\:border-none{border-style:none;}.layer-components\:\[\&\[data-today\]\]\:before\:border-solid[data-today]::before{border-style:solid;}.layer-components\:\[\&_blockquote\]\:border-l-solid blockquote{border-left-style:solid;}.layer-components\:before\:bg-gradient-from-bg::before{--un-gradient-from-position:0%;--un-gradient-from:var(--v-bg, var(--v-bg-l, transparent)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.layer-components\:after\:bg-gradient-from-bg::after{--un-gradient-from-position:0%;--un-gradient-from:var(--v-bg, var(--v-bg-l, transparent)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.layer-components\:before\:bg-gradient-to-transparent::before{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.layer-components\:after\:bg-gradient-to-transparent::after{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.layer-components\:before\:bg-gradient-to-b::before{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.layer-components\:before\:bg-gradient-to-r::before{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.layer-components\:after\:bg-gradient-to-l::after{--un-gradient-shape:to left in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.layer-components\:after\:bg-gradient-to-t::after{--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.layer-components\:bg-none{background-image:none;}.layer-components\:bg-cover{background-size:cover;}.layer-components\:bg-clip-padding{-webkit-background-clip:padding-box;background-clip:padding-box;}.layer-components\:bg-center{background-position:center;}.layer-components\:fill-none{fill:none;}.layer-components\:object-cover{object-fit:cover;}.layer-components\:object-center{object-position:center;}.layer-components\:\[\&\:not\(\:empty\)\]\:p-sm:not(:empty),.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:p-sm[data-has-icon=true][data-has-label=false],.layer-components\:p-sm{padding:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:p-2\.35[data-has-icon=true][data-has-label=false]{padding:0.5875rem;}.layer-components\:p-0{padding:0px;}.layer-components\:p-1{padding:0.25rem;}.layer-components\:p-2{padding:0.5rem;}.layer-components\:p-3px{padding:3px;}.layer-components\:p-4{padding:1rem;}.layer-components\:p-lg{padding:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:p-md{padding:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:p-xl{padding:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:p-xs{padding:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:empty\:p-0:empty{padding:0px;}.layer-components\:\[\&_\.ProseMirror\]\:px-4 .ProseMirror,.layer-components\:px-4{padding-left:1rem;padding-right:1rem;}.layer-components\:\[\&_\.ProseMirror\]\:py-2 .ProseMirror,.layer-components\:py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.layer-components\:px-0{padding-left:0px;padding-right:0px;}.layer-components\:px-2{padding-left:0.5rem;padding-right:0.5rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-lg{padding-left:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-right:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:px-md{padding-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-right:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:px-sm{padding-left:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:px-xs{padding-left:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-right:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:py-0\.25{padding-top:0.0625rem;padding-bottom:0.0625rem;}.layer-components\:py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.layer-components\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-1\.25{padding-top:0.3125rem;padding-bottom:0.3125rem;}.layer-components\:py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.layer-components\:py-sm{padding-top:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-bottom:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:py-xs{padding-top:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-bottom:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:pl-4 blockquote{padding-left:1rem;}.layer-components\:\[\&_ol\]\:pl-6 ol,.layer-components\:\[\&_ul\]\:pl-6 ul{padding-left:1.5rem;}.layer-components\:pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.layer-components\:pb-1px{padding-bottom:1px;}.layer-components\:pb-4{padding-bottom:1rem;}.layer-components\:pb-md{padding-bottom:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:pb-xs{padding-bottom:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:pl-25px{padding-left:25px;}.layer-components\:pl-3{padding-left:0.75rem;}.layer-components\:pl-35px{padding-left:35px;}.layer-components\:pl-md{padding-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:pr-4{padding-right:1rem;}.layer-components\:pr-sm{padding-right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:pt-3{padding-top:0.75rem;}.layer-components\:first\:pl-md:first-child{padding-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:last\:pr-md:last-child{padding-right:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:text-center{text-align:center;}.layer-components\:text-left{text-align:left;}.layer-components\:text-start{text-align:start;}.layer-components\:text-nowrap{text-wrap:nowrap;}.layer-components\:\[\&_h1\]\:text-2xl h1,.layer-components\:text-2xl{font-size:1.75rem;line-height:2.25rem;}.layer-components\:\[\&_h2\]\:text-lg h2,.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:\[\&_h3\]\:text-md h3,.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:\[\&_h4\]\:text-xs h4,.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:text-xs[data-has-icon=true][data-has-label=false],.layer-components\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-components\:\[\&\:not\(\:empty\)\]\:text-sm:not(:empty),.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:text-sm[data-has-icon=true][data-has-label=false],.layer-components\:text-sm,[data-compact] .layer-components\:\[\[data-compact\]_\&\]\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-3xl{font-size:2rem;line-height:2.5rem;}.layer-components\:text-xxs{font-size:0.625rem;line-height:0.75rem;}.layer-components\:data-\[checked\]\:before\:text-xs[data-checked]::before{font-size:0.75rem;line-height:1rem;}.layer-components\:font-size-xs{font-size:0.75rem;}.layer-components\:text-gray-dark{color:var(--p-gray-shade-dark) /* var(--p-gray-shade-dark) */;}.layer-components\:data-\[checked\]\:before\:text-main-ink[data-checked]::before{color:var(--p-shade-ink) /* var(--p-shade-ink) */;}.layer-components\:text-inherit{color:inherit;}.layer-components\:\[\&_h1\]\:font-semibold h1,.layer-components\:\[\&_strong\]\:font-semibold strong,.layer-components\:font-semibold{font-weight:600;}.layer-components\:\[\&_h2\]\:font-bold h2,.layer-components\:font-bold{font-weight:700;}.layer-components\:\[\&_h3\]\:font-500 h3,.layer-components\:font-500,.layer-components\:font-medium{font-weight:500;}.layer-components\:font-normal{font-weight:400;}.layer-components\:leading-1{line-height:0.25rem;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-6{line-height:1.5rem;}.layer-components\:leading-none{line-height:1;}.layer-components\:leading-normal{line-height:1.5;}.layer-components\:leading-relaxed{line-height:1.625;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-title{font-family:var(--u-font-title, var(--u-font-default));}.layer-components\:\[\&_h4\]\:uppercase h4,.layer-components\:uppercase{text-transform:uppercase;}.layer-components\:\[\&_em\]\:italic em,.layer-components\:italic{font-style:italic;}.layer-components\:\[\&_a\:hover\]\:underline a:hover,.layer-components\:\[\&_a\]\:underline a{text-decoration-line:underline;}.layer-components\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5;}.layer-components\:data-\[closed\]\:opacity-0[data-closed],.layer-components\:data-\[ending-style\]\:data-\[side\=bottom\]\:opacity-0[data-side=bottom][data-ending-style],.layer-components\:data-\[ending-style\]\:data-\[side\=left\]\:opacity-0[data-side=left][data-ending-style],.layer-components\:data-\[ending-style\]\:data-\[side\=right\]\:opacity-0[data-side=right][data-ending-style],.layer-components\:data-\[ending-style\]\:data-\[side\=top\]\:opacity-0[data-side=top][data-ending-style],.layer-components\:data-\[starting-style\]\:data-\[side\=bottom\]\:opacity-0[data-side=bottom][data-starting-style],.layer-components\:data-\[starting-style\]\:data-\[side\=left\]\:opacity-0[data-side=left][data-starting-style],.layer-components\:data-\[starting-style\]\:data-\[side\=right\]\:opacity-0[data-side=right][data-starting-style],.layer-components\:data-\[starting-style\]\:data-\[side\=top\]\:opacity-0[data-side=top][data-starting-style],.layer-components\:opacity-0,.layer-components\:start-end\:opacity-0[data-starting-style], .layer-components\:start-end\:opacity-0[data-ending-style]{opacity:0;}.layer-components\:data-\[hovering\]\:opacity-100[data-hovering],.layer-components\:data-\[open\]\:opacity-100[data-open]{opacity:1;}.layer-components\:opacity-80{opacity:0.8;}.layer-components\:hover\:opacity-100:hover{opacity:1;}.layer-components\:focus\:opacity-100:focus{opacity:1;}.layer-components\:disabled\:opacity-50:disabled{opacity:0.5;}.layer-components\:\[\&_\.ProseMirror\:focus\]\:shadow-focus .ProseMirror:focus,.layer-components\:\[\&_a\:focus\]\:shadow-focus a:focus{--un-shadow-color:var(--u-focus-color) /* var(--u-focus-color) */;}.layer-components\:data-\[pressed\]\:shadow-sm[data-pressed],.layer-components\:shadow-sm{--un-shadow:var(--un-shadow-inset) 0 calc(0px * var(--t-shadow-y-mult,1)) calc(1px * var(--u-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5) * 2)),
+			var(--un-shadow-inset) 0 calc(1px * var(--t-shadow-y-mult,1)) calc(2px * var(--u-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5) * 2));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.shadow-op-0{--un-shadow-opacity:0;}.shadow-op-10{--un-shadow-opacity:0.1;}.shadow-op-100{--un-shadow-opacity:1;}.shadow-op-20{--un-shadow-opacity:0.2;}.shadow-op-30{--un-shadow-opacity:0.3;}.shadow-op-40{--un-shadow-opacity:0.4;}.shadow-op-50{--un-shadow-opacity:0.5;}.shadow-op-60{--un-shadow-opacity:0.6;}.shadow-op-70{--un-shadow-opacity:0.7;}.shadow-op-80{--un-shadow-opacity:0.8;}.shadow-op-90{--un-shadow-opacity:0.9;}.outline{outline-style:solid;}.\[\&_\.ProseMirror\:focus\]\:outline-none .ProseMirror:focus,.\[\&\[data-highlighted\]\]\:outline-none[data-highlighted]{outline:2px solid transparent;outline-offset:2px;}.ring{--un-ring-width:3px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.ring-inset{--un-ring-inset:inset;}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-color{transition-property:color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-height{transition-property:height;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.transition-width{transition-property:width;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}.ease{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}.will-change-transform{will-change:transform;}.after\:\[\&\[data-state\=open\]\]\:content-\[\"-_tap_to_collapse_-\"\][data-state=open]::after{content:"- tap to collapse -";}.after\:content-\[\"-_tap_to_expand_-\"\]::after{content:"- tap to expand -";}.after\:content-empty::after{content:"";}.placeholder-\$colors::placeholder{color:var(--colors) /* var(--colors) */;}.\[\&\[data-highlighted\]\]\:color-black[data-highlighted],.color-black{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-ink);--v-c-op:100%;}.color-\$colors{color:var(--v-c,var(--v-c-i));--v-c-i:var(--colors);--v-c-op:100%;}.color-bg{color:var(--v-c,var(--v-c-i));--v-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-c-op:100%;}.color-contrast{color:var(--v-c,var(--v-c-i));--v-c-i:color(from var(--v-bg-contrast,var(--v-bg,var(--v-bg-l,var(--m-white)))) xyz-d65 clamp(0, (0.36 / y - 1) * infinity, 1) clamp(0, (0.36 / y - 1) * infinity, 1) clamp(0, (0.36 / y - 1) * infinity, 1));--v-c-op:100%;}.color-gray-dark{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-dark);--v-c-op:100%;}.color-gray-ink{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-ink);--v-c-op:100%;}.color-inherit{color:var(--v-c,var(--v-c-i));--v-c-i:unset;}.color-primary-dark{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-primary-shade-dark);--v-c-op:100%;}.color-primary-dark\/10{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:10%;}.color-primary-dark\/100{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:100%;}.color-primary-dark\/20{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:20%;}.color-primary-dark\/30{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:30%;}.color-primary-dark\/40{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:40%;}.color-primary-dark\/50{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:50%;}.color-primary-dark\/60{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:60%;}.color-primary-dark\/70{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:70%;}.color-primary-dark\/80{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:80%;}.color-primary-dark\/90{color:rgb(from var(--v-c,var(--v-c-i)) r g b / var(--v-c-op,100%));--v-c-i:var(--p-primary-shade-dark);--v-c-op:90%;}.color-white{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-high-contrast-shade-wash);--v-c-op:100%;}.after\:color-gray-dark::after{color:var(--v-c,var(--v-c-i));--v-c-i:var(--p-gray-shade-dark);--v-c-op:100%;}.color-darken-5{--v-c:oklch(from var(--v-c-i,currentColor) calc(l * (1 + 5 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.\[\&_\.ProseMirror\:focus\]\:bg-transparent .ProseMirror:focus,.\[\&_\.ProseMirror\]\:bg-transparent .ProseMirror,.bg-transparent{background-color:transparent;--v-bg-l:unset;}.\[\&\[data-highlighted\]\]\:bg-gray-light[data-highlighted],.bg-gray-light{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-light);--v-bg-op:100%;}.bg-\$colors{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--colors);--v-bg-op:100%;}.bg-attention{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-attention-shade-mid);--v-bg-op:100%;}.bg-attention-light{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-attention-shade-light);--v-bg-op:100%;}.bg-black{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:100%;}.bg-black\/50{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-high-contrast-shade-ink);--v-bg-op:50%;}.bg-gray{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-mid);--v-bg-op:100%;}.bg-gray-dark{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-dark);--v-bg-op:100%;}.bg-gray-ink{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-ink);--v-bg-op:100%;}.bg-gray-wash,.bg-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-gray-shade-wash);--v-bg-op:100%;}.bg-main{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-mid);--v-bg-op:100%;}.bg-main-dark{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-dark);--v-bg-op:100%;}.bg-main-ink{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-ink);--v-bg-op:100%;}.bg-main-light{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-light);--v-bg-op:100%;}.bg-main-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-shade-wash);--v-bg-op:100%;}.bg-primary-wash{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-primary-shade-wash);--v-bg-op:100%;}.bg-primary\/10{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:10%;}.bg-primary\/100{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:100%;}.bg-primary\/20{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:20%;}.bg-primary\/30{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:30%;}.bg-primary\/40{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:40%;}.bg-primary\/50{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:50%;}.bg-primary\/60{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:60%;}.bg-primary\/70{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:70%;}.bg-primary\/80{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:80%;}.bg-primary\/90{background-color:rgb(from var(--v-bg,var(--v-bg-l)) r g b / var(--v-bg-op,100%));--v-bg-l:var(--p-primary-shade-mid);--v-bg-op:90%;}.bg-success{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-success-shade-mid);--v-bg-op:100%;}.bg-success-light{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-success-shade-light);--v-bg-op:100%;}.bg-white{background-color:var(--v-bg,var(--v-bg-l));--v-bg-l:var(--p-high-contrast-shade-wash);--v-bg-op:100%;}.bg-lighten-1{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 1 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.bg-lighten-2{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 2 / 30 * 1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * 1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.bg-darken-1{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 1 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (1 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.bg-darken-2,[data-behind]:not([data-expanded]) .\[\[data-behind\]\:not\(\[data-expanded\]\)_\&\]\:bg-darken-2{--v-bg:oklch(from var(--v-bg-l,var(--m-white)) calc(l * (1 + 2 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (2 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}:where(.border-bg),:where(.border-black),:where(.border-color),:where(.border-gray-light),:where(.border-gray),:where(.border-main),:where(.border-white){--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,var(--v-bd-c,var(--v-bd-c-i))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,var(--v-bd-c,var(--v-bd-c-i))));}:where(.border-black\/10),:where(.border-black\/100),:where(.border-black\/20),:where(.border-black\/30),:where(.border-black\/40),:where(.border-black\/50),:where(.border-black\/60),:where(.border-black\/70),:where(.border-black\/80),:where(.border-black\/90){--v-bd-r-c-i:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-right-color:var(--v-bd-r-c,var(--v-bd-r-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-l-c-i:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-left-color:var(--v-bd-l-c,var(--v-bd-l-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-t-c-i:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));--v-bd-b-c-i:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));border-bottom-color:var(--v-bd-b-c,var(--v-bd-b-c-i,rgb(from var(--v-bd-c,var(--v-bd-c-i)) r g b / var(--v-bd-c-op,100%))));}.border-bg{--v-bd-c-i:var(--v-bg, var(--v-bg-l, transparent));--v-bd-c-op:100%;}.border-black,.border-black\/100{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:100%;}.border-black\/10{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:10%;}.border-black\/20{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:20%;}.border-black\/30{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:30%;}.border-black\/40{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:40%;}.border-black\/50{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:50%;}.border-black\/60{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:60%;}.border-black\/70{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:70%;}.border-black\/80{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:80%;}.border-black\/90{--v-bd-c-i:var(--p-high-contrast-shade-ink);--v-bd-c-op:90%;}.border-color{--v-bd-c-i:var(--v-c, var(--v-c-i, var(--m-black)));--v-bd-c-op:100%;}.border-gray{--v-bd-c-i:var(--p-gray-shade-mid);--v-bd-c-op:100%;}.border-gray-light{--v-bd-c-i:var(--p-gray-shade-light);--v-bd-c-op:100%;}.border-main{--v-bd-c-i:var(--p-shade-mid);--v-bd-c-op:100%;}.border-white{--v-bd-c-i:var(--p-high-contrast-shade-wash);--v-bd-c-op:100%;}.border-darken-3{--v-bd-c:oklch(from var(--v-bd-c-i,currentColor) calc(l * (1 + 3 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (3 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.border-darken-5{--v-bd-c:oklch(from var(--v-bd-c-i,currentColor) calc(l * (1 + 5 / 30 * -1 * var(--m-mult, 1))) calc(c * (1 - (5 * 0.1 * -1 * (1 + (1 - var(--u-saturation, 0)))))) h);}.border-t-black{border-top-color:var(--v-bd-t-c,var(--v-bd-t-c-i));--v-bd-t-c-i:var(--p-high-contrast-shade-ink);--v-bd-t-c-op:100%;}.ring-\$colors{--un-ring-color:var(--v-ring-c,var(--v-ring-c-i));--v-ring-c-i:var(--colors);--v-ring-c-op:100%;}.ring-primary-light\/10{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:10%;}.ring-primary-light\/100{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:100%;}.ring-primary-light\/20{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:20%;}.ring-primary-light\/30{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:30%;}.ring-primary-light\/40{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:40%;}.ring-primary-light\/50{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:50%;}.ring-primary-light\/60{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:60%;}.ring-primary-light\/70{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:70%;}.ring-primary-light\/80{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:80%;}.ring-primary-light\/90{--un-ring-color:rgb(from var(--v-ring-c,var(--v-ring-c-i)) r g b / var(--v-ring-c-op,100%));--v-ring-c-i:var(--p-primary-shade-light);--v-ring-c-op:90%;}.accent-\$colors{accent-color:var(--v-accent-c,var(--v-accent-c-i));--v-accent-c-i:var(--colors);--v-accent-c-op:100%;}.accent-color{accent-color:var(--v-accent-c,var(--v-accent-c-i));--v-accent-c-i:var(--v-c, var(--v-c-i, var(--m-black)));--v-accent-c-op:100%;}.anchor-container{anchor-name:--container;}.anchor-demo{anchor-name:--demo;}.anchor-name{anchor-name:--name;}.anchor-to-container{position-anchor:--container;}.anchor-to-demo{position-anchor:--demo;}.overflow-stable{scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-auto{overflow:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-y-auto{overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-x-auto{overflow-x:auto;scrollbar-gutter:stable;scrollbar-color:hsl(from var(--v-c,var(--v-c-i,var(--m-black))) h calc(s * 0.2) calc(l * 4)) transparent;}.overflow-unstable{scrollbar-gutter:auto;}.\[\&_\.ProseMirror\:focus\]\:shadow-none .ProseMirror:focus,.\[\&_\.ProseMirror\]\:shadow-none .ProseMirror{--un-shadow:0 0 rgb(0 0 0 / 0);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.arrow{fill:var(--v-bg,var(--v-bg-l,var(--m-white)));stroke:var(--v-bd-c,var(--v-bd-c-i,var(--m-black)));width:var(--t-arrow-size);height:calc(var(--t-arrow-size) * 0.5);position:relative;z-index:0;}.arrow[data-side="bottom"]{transform:rotate(180deg);top:calc(-1 * var(--t-arrow-size) / 2);}.arrow[data-side="left"]{transform:rotate(-90deg);right:calc(-1 * var(--t-arrow-size) * 0.75);}.arrow[data-side="right"]{transform:rotate(90deg);left:calc(-1 * var(--t-arrow-size) * 0.75);}.arrow[data-side="top"]{transform:rotate(0deg);bottom:calc(-1 * var(--t-arrow-size) / 2 + 1px);}.clip-path{clip-path:url(#path);}.start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[0\]-\[0\]-\[calc\(100\%_-_var\(--trigger-width\)\)\]-\[round\]-\[200px\][data-starting-style], .start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[0\]-\[0\]-\[calc\(100\%_-_var\(--trigger-width\)\)\]-\[round\]-\[200px\][data-ending-style]{clip-path:inset(calc(100% - var(--trigger-height)) 0 0 calc(100% - var(--trigger-width)) round 200px);}.start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[calc\(\(100\%_-_var\(--trigger-width\)\)\/2\)\]-\[0\]-\[calc\(\(100\%_-_var\(--trigger-width\)\)\/2\)\]-\[round\]-\[200px\][data-starting-style], .start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[calc\(\(100\%_-_var\(--trigger-width\)\)\/2\)\]-\[0\]-\[calc\(\(100\%_-_var\(--trigger-width\)\)\/2\)\]-\[round\]-\[200px\][data-ending-style]{clip-path:inset(calc(100% - var(--trigger-height)) calc((100% - var(--trigger-width))/2) 0 calc((100% - var(--trigger-width))/2) round 200px);}.start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[calc\(100\%_-_var\(--trigger-width\)\)\]-\[0\]-\[0\]-\[round\]-\[200px\][data-starting-style], .start-end\:clip-inset-\[calc\(100\%_-_var\(--trigger-height\)\)\]-\[calc\(100\%_-_var\(--trigger-width\)\)\]-\[0\]-\[0\]-\[round\]-\[200px\][data-ending-style]{clip-path:inset(calc(100% - var(--trigger-height)) calc(100% - var(--trigger-width)) 0 0 round 200px);}.foc-effect:focus-visible:not([data-focus-clicked]), .foc-effect[data-focus-visible],.foc:focus-visible:not([data-focus-clicked]), .foc[data-focus-visible]{--un-ring-color:var(--u-focus-color);--un-ring-width:2px;--un-ring-style:solid;--un-ring-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-width) var(--un-ring-color);outline:none;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.foc-lg:focus-visible:not([data-focus-clicked]), .foc-lg[data-focus-visible]{--un-ring-color:var(--u-focus-color);--un-ring-width:4px;--un-ring-style:solid;--un-ring-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-width) var(--un-ring-color);outline:none;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.foc-contained:has(:focus-visible:not([data-focus-clicked])), .foc-contained:has([data-focus-visible]){--un-ring-color:var(--u-focus-color);--un-ring-width:2px;--un-ring-style:solid;--un-ring-shadow:0 0 0 var(--un-ring-width) var(--un-ring-color);outline:none;box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow);}@layer components{.layer-components\:\[--global-shadow-spread\:1\]{--global-shadow-spread:1;}.layer-components\:\[--scroll-area-overflow-x-end\:inherit\]{--scroll-area-overflow-x-end:inherit;}.layer-components\:\[--scroll-area-overflow-x-start\:inherit\]{--scroll-area-overflow-x-start:inherit;}.layer-components\:\[--scroll-area-overflow-y-end\:inherit\]{--scroll-area-overflow-y-end:inherit;}.layer-components\:\[--scroll-area-overflow-y-start\:inherit\]{--scroll-area-overflow-y-start:inherit;}.layer-components\:\[\&\[data-different-month\]\]\:\[visibility\:hidden\][data-different-month]{visibility:hidden;}.layer-components\:\[all\:unset\]{all:unset;}.layer-components\:\[font-family\:inherit\],.layer-components\:font-inherit{font-family:inherit;}.layer-components\:\[grid-area\:nav\]{grid-area:nav;}.layer-components\:\[grid-auto-columns\:1fr\]{grid-auto-columns:1fr;}.layer-components\:\[grid-auto-flow\:column\]{grid-auto-flow:column;}.layer-components\:\[grid-auto-rows\:var\(--day-size\,32px\)\]{grid-auto-rows:var(--day-size,32px);}.layer-components\:\[justify-content\:safe_center\]{justify-content:safe center;}.layer-components\:\[transition-property\:transform\,width\,color\]{transition-property:transform,width,color;}.layer-components\:before\:\[--scroll-area-overflow-x-start\:inherit\]::before{--scroll-area-overflow-x-start:inherit;}.layer-components\:before\:\[--scroll-area-overflow-y-start\:inherit\]::before{--scroll-area-overflow-y-start:inherit;}.layer-components\:after\:\[--scroll-area-overflow-x-end\:inherit\]::after{--scroll-area-overflow-x-end:inherit;}.layer-components\:after\:\[--scroll-area-overflow-y-end\:inherit\]::after{--scroll-area-overflow-y-end:inherit;}.layer-components\:contain-layout{contain:layout;}.layer-components\:\[\&\>\*\]\:pointer-events-auto>*,.layer-components\:data-\[hovering\]\:pointer-events-auto[data-hovering],.layer-components\:pointer-events-auto{pointer-events:auto;}.layer-components\:\[\&\[data-disabled\]\]\:pointer-events-none[data-disabled],.layer-components\:pointer-events-none{pointer-events:none;}.layer-components\:absolute{position:absolute;}.layer-components\:fixed{position:fixed;}.layer-components\:relative{position:relative;}.layer-components\:sticky{position:sticky;}.layer-components\:\[\&\[data-today\]\]\:before\:absolute[data-today]::before{position:absolute;}.layer-components\:before\:absolute::before{position:absolute;}.layer-components\:data-\[checked\]\:before\:absolute[data-checked]::before{position:absolute;}.layer-components\:after\:absolute::after{position:absolute;}.layer-components\:inset-0{inset:0px;}.layer-components\:before\:inset-x-4::before{left:1rem;right:1rem;}.layer-components\:bottom-\[anchor\(bottom\)\]{bottom:anchor(bottom);}.layer-components\:bottom-\[var\(--nav-height\,env\(safe-area-inset-bottom\,0px\)\)\]{bottom:var(--nav-height,env(safe-area-inset-bottom,0px));}.layer-components\:bottom-0,.layer-components\:data-\[direction\=down\]\:bottom-0[data-direction=down]{bottom:0px;}.layer-components\:bottom-2{bottom:0.5rem;}.layer-components\:bottom-3{bottom:0.75rem;}.layer-components\:bottom-md{bottom:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:bottom-sm{bottom:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:left-0{left:0px;}.layer-components\:left-1\/2,.layer-components\:left-50\%{left:50%;}.layer-components\:left-2{left:0.5rem;}.layer-components\:left-9px{left:9px;}.layer-components\:left-sm{left:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:left-xs{left:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:right-0{right:0px;}.layer-components\:right-6px{right:6px;}.layer-components\:right-sm{right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:right-xs{right:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:top--3px{top:-3px;}.layer-components\:top-0{top:0px;}.layer-components\:top-1\/2,.layer-components\:top-50\%{top:50%;}.layer-components\:top-6px{top:6px;}.layer-components\:top-sm{top:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&\[data-today\]\]\:before\:left-\[1px\][data-today]::before{left:1px;}.layer-components\:\[\&\[data-today\]\]\:before\:top-\[1px\][data-today]::before{top:1px;}.layer-components\:before\:left-0::before{left:0px;}.layer-components\:before\:top-0::before{top:0px;}.layer-components\:data-\[checked\]\:before\:left-0[data-checked]::before{left:0px;}.layer-components\:data-\[checked\]\:before\:top-0[data-checked]::before{top:0px;}.layer-components\:data-\[direction\=down\]\:data-\[side\=none\]\:before\:-bottom-full[data-side=none][data-direction=down]::before{bottom:-100%;}.layer-components\:data-\[direction\=up\]\:data-\[side\=none\]\:before\:-top-full[data-side=none][data-direction=up]::before{top:-100%;}.layer-components\:after\:bottom-0::after{bottom:0px;}.layer-components\:after\:left-0::after{left:0px;}.layer-components\:after\:right-0::after{right:0px;}.layer-components\:after\:top-0::after{top:0px;}.layer-components\:isolate{isolation:isolate;}.layer-components\:\[\&\[data-in-range\]\]\:z-1[data-in-range],.layer-components\:\[\&\[data-range-end\]\]\:z-1[data-range-end],.layer-components\:\[\&\[data-range-start\]\]\:z-1[data-range-start],.layer-components\:data-\[highlighted\]\:z-1[data-highlighted],.layer-components\:z-1{z-index:1;}.layer-components\:\[\&\[data-selected\]\]\:z-2[data-selected]{z-index:2;}.layer-components\:z-\[var\(--z-nav\)\],.layer-components\:z-nav{z-index:var(--z-nav);}.layer-components\:z-0{z-index:0;}.layer-components\:z-10{z-index:10;}.layer-components\:z-100{z-index:100;}.layer-components\:z-50{z-index:50;}.layer-components\:z-backdrop{z-index:var(--z-backdrop);}.layer-components\:z-dialog{z-index:var(--z-dialog);}.layer-components\:z-menu{z-index:var(--z-menu);}.layer-components\:z-now-playing{z-index:var(--z-now-playing);}.layer-components\:hover\:z-1:hover{z-index:1;}.layer-components\:grid{display:grid;}.layer-components\:col-start-1{grid-column-start:1;}.layer-components\:col-start-2{grid-column-start:2;}.layer-components\:row-start-1{grid-row-start:1;}.layer-components\:grid-cols-\[1fr\]{grid-template-columns:1fr;}.layer-components\:grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto;}.layer-components\:grid-cols-\[repeat\(7\,var\(--day-size\,32px\)\)\]{grid-template-columns:repeat(7,var(--day-size,32px));}.layer-components\:grid-cols-\[repeat\(auto-fit\,minmax\(300px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}.layer-components\:grid-rows-\[1fr_auto\]{grid-template-rows:1fr auto;}.layer-components\:grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr;}.layer-components\:grid-areas-\[content\]-\[nav\]{grid-template-areas:"content" "nav";}.layer-components\:grid-areas-\[prevMonth_leftMonth_nextMonth\]-\[leftGrid_leftGrid_leftGrid\]{grid-template-areas:"prevMonth leftMonth nextMonth" "leftGrid leftGrid leftGrid";}.layer-components\:m-0{margin:0px;}.layer-components\:m-5px{margin:5px;}.layer-components\:\[\&_hr\]\:my-lg hr{margin-top:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));margin-bottom:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:-m-y-2xs[data-has-icon=true][data-has-label=false]{margin-top:calc(calc(0.125rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1)) * -1);margin-bottom:calc(calc(0.125rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1)) * -1);}.layer-components\:\[\&\>\.icon\]\:mx-sm>.icon{margin-left:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));margin-right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:m-xxs,.layer-components\:mx-xs{margin-left:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));margin-right:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:mx-2{margin-left:0.5rem;margin-right:0.5rem;}.layer-components\:mx-auto{margin-left:auto;margin-right:auto;}.layer-components\:my-0{margin-top:0px;margin-bottom:0px;}.layer-components\:my-0\.5{margin-top:0.125rem;margin-bottom:0.125rem;}.layer-components\:my-auto{margin-top:auto;margin-bottom:auto;}.layer-components\:my-xs{margin-top:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));margin-bottom:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:-ml-md{margin-left:calc(calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1)) * -1);}.layer-components\:\[\&_blockquote\]\:mb-md blockquote,.layer-components\:\[\&_h1\]\:mb-md h1,.layer-components\:\[\&_h2\]\:mb-md h2,.layer-components\:\[\&_ol\]\:mb-md ol,.layer-components\:\[\&_p\]\:mb-md p,.layer-components\:\[\&_ul\]\:mb-md ul{margin-bottom:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:ml-md blockquote{margin-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:mt-md blockquote,.layer-components\:\[\&_h3\]\:\[\&\:not\(\:first-child\)\]\:mt-md:not(:first-child) h3,.layer-components\:\[\&_h4\]\:\[\&\:not\(\:first-child\)\]\:mt-md:not(:first-child) h4,.layer-components\:\[\&_ol\]\:mt-md ol,.layer-components\:\[\&_ul\]\:mt-md ul,.layer-components\:mt-md{margin-top:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_h1\,h2\,h3\,p\]\:mt-0 h1,h2,h3,p,.layer-components\:\[\&_p\]\:mt-0 p,.layer-components\:mt-0{margin-top:0px;}.layer-components\:\[\&_h1\]\:\[\&\:not\(\:first-child\)\]\:mt-xl:not(:first-child) h1{margin-top:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_h2\]\:\[\&\:not\(\:first-child\)\]\:mt-lg:not(:first-child) h2{margin-top:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_h3\]\:mb-sm h3,.layer-components\:\[\&_h4\]\:mb-sm h4,.layer-components\:\[\&_li\]\:mb-sm li,.layer-components\:mb-sm{margin-bottom:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:mb--1px{margin-bottom:-1px;}.layer-components\:mb-4{margin-bottom:1rem;}.layer-components\:mb-6{margin-bottom:1.5rem;}.layer-components\:ml-0{margin-left:0px;}.layer-components\:ml-auto{margin-left:auto;}.layer-components\:mr--1px{margin-right:-1px;}.layer-components\:mr-0{margin-right:0px;}.layer-components\:mr-auto{margin-right:auto;}.layer-components\:mt-3{margin-top:0.75rem;}.layer-components\:box-border{box-sizing:border-box;}.layer-components\:box-content{box-sizing:content-box;}.layer-components\:block{display:block;}.layer-components\:before\:block::before{display:block;}.layer-components\:after\:block::after{display:block;}.layer-components\:inline-block{display:inline-block;}.layer-components\:empty\:hidden:empty{display:none;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\:not\(\[aria-pressed\]\)\]\:aspect-1[data-has-icon=true][data-has-label=false]:not([aria-pressed]),.layer-components\:aspect-1{aspect-ratio:1;}.layer-components\:data-\[orientation\=horizontal\]\:h-0\.25rem[data-orientation=horizontal]{height:0.25rem;}.layer-components\:data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal],.layer-components\:h-full{height:100%;}.layer-components\:data-\[orientation\=vertical\]\:w-0\.25rem[data-orientation=vertical]{width:0.25rem;}.layer-components\:data-\[orientation\=vertical\]\:w-full[data-orientation=vertical],.layer-components\:w-full{width:100%;}.layer-components\:data-\[side\=none\]\:min-w-\[calc\(var\(--anchor-width\)\+2rem\)\][data-side=none]{min-width:calc(var(--anchor-width) + 2rem);}.layer-components\:h-\[20px\]{height:20px;}.layer-components\:h-\[4px\]{height:4px;}.layer-components\:h-\[max-content\],.layer-components\:h-max-content{height:max-content;}.layer-components\:h-0{height:0;}.layer-components\:h-10px{height:10px;}.layer-components\:h-16{height:4rem;}.layer-components\:h-1px{height:1px;}.layer-components\:h-1rem,.layer-components\:h-4{height:1rem;}.layer-components\:h-25px{height:25px;}.layer-components\:h-27px{height:27px;}.layer-components\:h-28px{height:28px;}.layer-components\:h-30px{height:30px;}.layer-components\:h-368px{height:368px;}.layer-components\:h-36px{height:36px;}.layer-components\:h-5{height:1.25rem;}.layer-components\:h-6px{height:6px;}.layer-components\:h-7px{height:7px;}.layer-components\:h-8px{height:8px;}.layer-components\:h-auto{height:auto;}.layer-components\:max-h-\[--available-height\],.layer-components\:max-h-\[var\(--available-height\)\]{max-height:var(--available-height);}.layer-components\:max-h-300px{max-height:300px;}.layer-components\:max-h-80px{max-height:80px;}.layer-components\:max-h-85vh{max-height:85vh;}.layer-components\:max-h-full{max-height:100%;}.layer-components\:max-w-\[--available-width\]{max-width:var(--available-width);}.layer-components\:max-w-450px{max-width:450px;}.layer-components\:max-w-80vw{max-width:80vw;}.layer-components\:max-w-full{max-width:100%;}.layer-components\:min-h-0{min-height:0;}.layer-components\:min-h-100dvh{min-height:100dvh;}.layer-components\:min-h-4{min-height:1rem;}.layer-components\:min-h-40px,.layer-components\:min-h-touch-large{min-height:40px;}.layer-components\:min-h-touch{min-height:30px;}.layer-components\:min-w-\[var\(--anchor-width\)\]{min-width:var(--anchor-width);}.layer-components\:min-w-0{min-width:0;}.layer-components\:min-w-100px{min-width:100px;}.layer-components\:min-w-120px{min-width:120px;}.layer-components\:min-w-12ch{min-width:12ch;}.layer-components\:min-w-220px{min-width:220px;}.layer-components\:min-w-3ch{min-width:3ch;}.layer-components\:min-w-4{min-width:1rem;}.layer-components\:min-w-60px{min-width:60px;}.layer-components\:min-w-80px{min-width:80px;}.layer-components\:w-\[--active-tab-width\]{width:var(--active-tab-width);}.layer-components\:w-\[--anchor-width\]{width:var(--anchor-width);}.layer-components\:w-\[20px\]{width:20px;}.layer-components\:w-\[calc\(var\(--day-size\,32px\)\*7\)\]{width:calc(var(--day-size,32px) * 7);}.layer-components\:w-0{width:0;}.layer-components\:w-0\.5px{width:0.5px;}.layer-components\:w-10px{width:10px;}.layer-components\:w-16{width:4rem;}.layer-components\:w-20\%{width:20%;}.layer-components\:w-24px{width:24px;}.layer-components\:w-25px{width:25px;}.layer-components\:w-28px{width:28px;}.layer-components\:w-4{width:1rem;}.layer-components\:w-42px{width:42px;}.layer-components\:w-5{width:1.25rem;}.layer-components\:w-6px{width:6px;}.layer-components\:w-90vw{width:90vw;}.layer-components\:w-auto{width:auto;}.layer-components\:w-fit{width:fit-content;}.layer-components\:w-max-content{width:max-content;}.layer-components\:w-min-content{width:min-content;}[data-scroll-direction=horizontal]>.layer-components\:\[\[data-scroll-direction\=horizontal\]\>\&\,\[data-scroll-direction\=both\]\>\&\]\:min-w-min-content,[data-scroll-direction=both]>.layer-components\:\[\[data-scroll-direction\=horizontal\]\>\&\,\[data-scroll-direction\=both\]\>\&\]\:min-w-min-content{min-width:min-content;}.layer-components\:data-\[orientation\=horizontal\]\:hover\:h-0\.5rem:hover[data-orientation=horizontal]{height:0.5rem;}.layer-components\:data-\[orientation\=vertical\]\:hover\:w-0\.5rem:hover[data-orientation=vertical]{width:0.5rem;}.layer-components\:\[\&\[data-today\]\]\:before\:h-\[6px\][data-today]::before{height:6px;}.layer-components\:\[\&\[data-today\]\]\:before\:w-\[6px\][data-today]::before{width:6px;}.layer-components\:before\:h-\[min\(40px\,var\(--scroll-area-overflow-y-start\,40px\)\)\]::before{height:min(40px,var(--scroll-area-overflow-y-start,40px));}.layer-components\:before\:h-full::before{height:100%;}.layer-components\:before\:h-px::before{height:1px;}.layer-components\:before\:w-\[min\(40px\,var\(--scroll-area-overflow-x-start\,40px\)\)\]::before{width:min(40px,var(--scroll-area-overflow-x-start,40px));}.layer-components\:before\:w-full::before{width:100%;}.layer-components\:data-\[checked\]\:before\:h-full[data-checked]::before{height:100%;}.layer-components\:data-\[checked\]\:before\:w-full[data-checked]::before{width:100%;}.layer-components\:data-\[orientation\=horizontal\]\:before\:h-1\.25rem[data-orientation=horizontal]::before{height:1.25rem;}.layer-components\:data-\[orientation\=horizontal\]\:before\:w-full[data-orientation=horizontal]::before{width:100%;}.layer-components\:data-\[orientation\=vertical\]\:before\:h-full[data-orientation=vertical]::before{height:100%;}.layer-components\:data-\[orientation\=vertical\]\:before\:w-1\.25rem[data-orientation=vertical]::before{width:1.25rem;}.layer-components\:after\:h-\[min\(40px\,var\(--scroll-area-overflow-y-end\,40px\)\)\]::after{height:min(40px,var(--scroll-area-overflow-y-end,40px));}.layer-components\:after\:h-full::after{height:100%;}.layer-components\:after\:w-\[min\(40px\,var\(--scroll-area-overflow-x-end\,40px\)\)\]::after{width:min(40px,var(--scroll-area-overflow-x-end,40px));}.layer-components\:after\:w-full::after{width:100%;}.layer-components\:flex{display:flex;}.layer-components\:data-\[checked\]\:before\:flex[data-checked]::before{display:flex;}.layer-components\:inline-flex{display:inline-flex;}.layer-components\:flex-\[0_0_20px\]{flex:0 0 20px;}.layer-components\:flex-1{flex:1 1 0%;}.layer-components\:flex-shrink-0,.layer-components\:shrink-0{flex-shrink:0;}.layer-components\:flex-shrink-1{flex-shrink:1;}.layer-components\:flex-grow,.layer-components\:flex-grow-1,.layer-components\:grow{flex-grow:1;}.layer-components\:flex-basis-0{flex-basis:0px;}.layer-components\:flex-basis-auto{flex-basis:auto;}.layer-components\:flex-row{flex-direction:row;}.layer-components\:flex-row-reverse{flex-direction:row-reverse;}.layer-components\:flex-col{flex-direction:column;}.layer-components\:flex-col-reverse{flex-direction:column-reverse;}.layer-components\:flex-wrap{flex-wrap:wrap;}.layer-components\:transform-origin-\[--transform-origin\],.layer-components\:transform-origin-\[var\(--transform-origin\)\]{transform-origin:var(--transform-origin);}.layer-components\:transform-origin-br{transform-origin:bottom right;}.layer-components\:transform-origin-cc{transform-origin:center center;}.layer-components\:transform-origin-center{transform-origin:center;}.layer-components\:translate--7px{--un-translate-x:-7px;--un-translate-y:-7px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-\[-50\%\]{--un-translate-x:-50%;--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:-translate-x-1\/2{--un-translate-x:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:-translate-y-1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[checked\]\:translate-x-1rem[data-checked]{--un-translate-x:1rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[ending-style\]\:data-\[side\=bottom\]\:translate-y-4px[data-side=bottom][data-ending-style],.layer-components\:data-\[starting-style\]\:data-\[side\=bottom\]\:translate-y-4px[data-side=bottom][data-starting-style]{--un-translate-y:4px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[ending-style\]\:data-\[side\=left\]\:translate-x-0[data-side=left][data-ending-style],.layer-components\:data-\[ending-style\]\:data-\[side\=right\]\:translate-x-0[data-side=right][data-ending-style]{--un-translate-x:0px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[ending-style\]\:data-\[side\=top\]\:translate-y-0[data-side=top][data-ending-style]{--un-translate-y:0px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[side\=none\]\:translate-y-0px[data-side=none]{--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[starting-style\]\:data-\[side\=left\]\:translate-x--4px[data-side=left][data-starting-style]{--un-translate-x:-4px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[starting-style\]\:data-\[side\=right\]\:translate-x-4px[data-side=right][data-starting-style]{--un-translate-x:4px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[starting-style\]\:data-\[side\=top\]\:translate-y--4px[data-side=top][data-starting-style]{--un-translate-y:-4px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-x-\[calc\(var\(--active-tab-left\,0px\)\+var\(--scroll-area-overflow-x-start\,0px\)\)\]{--un-translate-x:calc(var(--active-tab-left,0px) + var(--scroll-area-overflow-x-start,0px));transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:translate-z-0{--un-translate-z:0px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:-rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[open\]\:rotate-180[data-open],[data-panel-open] .layer-components\:\[\[data-panel-open\]_\&\]\:rotate-180,[data-popup-open]>.layer-components\:\[\[data-popup-open\]\>\&\]\:rotate-180{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:180deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:rotate--45{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-45deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:rotate-90{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:90deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[closed\]\:scale-0[data-closed]{--un-scale-x:0;--un-scale-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[open\]\:scale-100[data-open]{--un-scale-x:1;--un-scale-y:1;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:start-end\:scale-95[data-starting-style], .layer-components\:start-end\:scale-95[data-ending-style]{--un-scale-x:0.95;--un-scale-y:0.95;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.layer-components\:data-\[checked\]\:animate-checkbox-fade[data-checked]{animation:checkbox-fade 5000ms cubic-bezier(0.64, -0.25, 0.1, 1.4) 1;}.layer-components\:data-\[checked\]\:animate-forwards[data-checked]{animation-fill-mode:forwards;}.layer-components\:\[\&\[data-disabled\=true\]\]\:cursor-default[data-disabled=true],.layer-components\:cursor-default,.layer-components\:data-\[disabled\]\:cursor-default[data-disabled]{cursor:default;}.layer-components\:disabled\:cursor-default:disabled{cursor:default;}.layer-components\:cursor-pointer{cursor:pointer;}.layer-components\:\[\&\[data-disabled\=true\]\]\:cursor-not-allowed[data-disabled=true]{cursor:not-allowed;}.layer-components\:cursor-grab{cursor:grab;}.layer-components\:touch-none{touch-action:none;}.layer-components\:select-auto{-webkit-user-select:auto;user-select:auto;}.layer-components\:select-none{-webkit-user-select:none;user-select:none;}.layer-components\:scroll-my-xs{scroll-margin-top:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));scroll-margin-bottom:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_ol\]\:list-decimal ol{list-style-type:decimal;}.layer-components\:\[\&_ul\]\:list-disc ul{list-style-type:disc;}.layer-components\:appearance-none{-webkit-appearance:none;appearance:none;}.layer-components\:items-start{align-items:flex-start;}.layer-components\:items-end{align-items:flex-end;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\:not\(\[aria-pressed\]\)\]\:items-center[data-has-icon=true][data-has-label=false]:not([aria-pressed]),.layer-components\:data-\[orientation\=horizontal\]\:items-center[data-orientation=horizontal],.layer-components\:items-center{align-items:center;}.layer-components\:data-\[checked\]\:before\:items-center[data-checked]::before{align-items:center;}.layer-components\:items-stretch{align-items:stretch;}.layer-components\:self-start{align-self:flex-start;}.layer-components\:self-end{align-self:flex-end;}.layer-components\:self-center{align-self:center;}.layer-components\:self-stretch{align-self:stretch;}.layer-components\:justify-start{justify-content:flex-start;}.layer-components\:justify-end{justify-content:flex-end;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\:not\(\[aria-pressed\]\)\]\:justify-center[data-has-icon=true][data-has-label=false]:not([aria-pressed]),.layer-components\:data-\[orientation\=vertical\]\:justify-center[data-orientation=vertical],.layer-components\:justify-center{justify-content:center;}.layer-components\:data-\[checked\]\:before\:justify-center[data-checked]::before{justify-content:center;}.layer-components\:justify-between{justify-content:space-between;}.layer-components\:justify-around{justify-content:space-around;}.layer-components\:justify-stretch{justify-content:stretch;}.layer-components\:justify-items-center{justify-items:center;}.layer-components\:justify-self-end{justify-self:end;}.layer-components\:gap-1{gap:0.25rem;}.layer-components\:gap-2{gap:0.5rem;}.layer-components\:gap-3{gap:0.75rem;}.layer-components\:gap-4{gap:1rem;}.layer-components\:gap-6px{gap:6px;}.layer-components\:gap-lg{gap:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-md{gap:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-sm{gap:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-xl{gap:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-xs{gap:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-col-md{column-gap:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:gap-row-xs{row-gap:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:overflow-clip{overflow:clip;}.layer-components\:overflow-hidden{overflow:hidden;}.layer-components\:overflow-visible{overflow:visible;}.layer-components\:overflow-x-hidden{overflow-x:hidden;}.layer-components\:overflow-y-hidden{overflow-y:hidden;}.layer-components\:overscroll-contain{overscroll-behavior:contain;}.layer-components\:overscroll-none{overscroll-behavior:none;}.layer-components\:text-ellipsis{text-overflow:ellipsis;}.layer-components\:whitespace-nowrap{white-space:nowrap;}.layer-components\:\[\&_\.ProseMirror\]\:border-1 .ProseMirror,.layer-components\:b-1,.layer-components\:border-1{border-width:1px;}.layer-components\:border-0{border-width:0px;}.layer-components\:border-13px{border-width:13px;}.layer-components\:border-2{border-width:2px;}.layer-components\:border-thin{border-width:calc(1px * var(--u-border-scale,1));}.layer-components\:\[\&\[data-today\]\]\:before\:border-1[data-today]::before{border-width:1px;}.layer-components\:border-b-1{border-bottom-width:1px;}.layer-components\:\[\&_\.ProseMirror\]\:rounded-\[20px\] .ProseMirror{border-radius:20px;}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:rounded-lg[data-has-icon=true][data-has-label=false],.layer-components\:rounded-lg{border-radius:calc(1.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:\[\&\[data-in-range\]\]\:rounded-none[data-in-range],.layer-components\:rounded-none{border-radius:0;}.layer-components\:\[\&\[data-selected\]\]\:rounded[data-selected],.layer-components\:rounded{border-radius:0.25rem;}.layer-components\:rounded-full{border-radius:calc(99999px * var(--u-corner-scale,1));}.layer-components\:rounded-inherit{border-radius:inherit;}.layer-components\:rounded-md{border-radius:calc(1rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:rounded-sm{border-radius:calc(0.5rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:rounded-xl{border-radius:calc(1.5rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:active\:rounded:active{border-radius:0.25rem;}.layer-components\:\[\&\[data-today\]\]\:before\:rounded-lg[data-today]::before{border-radius:calc(1.25rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:\[\&\[data-range-end\]\]\:rounded-l-none[data-range-end]{border-top-left-radius:0;border-bottom-left-radius:0;}.layer-components\:\[\&\[data-range-end\]\]\:rounded-r[data-range-end]{border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;}.layer-components\:\[\&\[data-range-start\]\]\:rounded-l[data-range-start]{border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;}.layer-components\:\[\&\[data-range-start\]\]\:rounded-r-none[data-range-start]{border-top-right-radius:0;border-bottom-right-radius:0;}.layer-components\:rounded-t-md{border-top-left-radius:calc(1rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));border-top-right-radius:calc(1rem * var(--l-corner-scale,1) * var(--u-corner-scale,1));}.layer-components\:first\:rounded-l-inherit:first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit;}.layer-components\:last\:rounded-r-inherit:last-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit;}.layer-components\:\[\&\[data-day-first\]\]\:rounded-tl[data-day-first],.layer-components\:\[\&\[data-first-column\]\[data-top-edge\]\]\:rounded-tl[data-first-column][data-top-edge]{border-top-left-radius:0.25rem;}.layer-components\:\[\&\[data-day-last\]\]\:rounded-br[data-day-last],.layer-components\:\[\&\[data-last-column\]\[data-bottom-edge\]\]\:rounded-br[data-last-column][data-bottom-edge]{border-bottom-right-radius:0.25rem;}.layer-components\:\[\&\[data-first-column\]\[data-bottom-edge\]\]\:rounded-bl[data-first-column][data-bottom-edge]{border-bottom-left-radius:0.25rem;}.layer-components\:\[\&\[data-last-column\]\[data-top-edge\]\]\:rounded-tr[data-last-column][data-top-edge]{border-top-right-radius:0.25rem;}.layer-components\:\[\&_\.ProseMirror\]\:border-solid .ProseMirror,.layer-components\:b-solid,.layer-components\:border-solid{border-style:solid;}.layer-components\:border-dashed{border-style:dashed;}.layer-components\:border-none{border-style:none;}.layer-components\:\[\&\[data-today\]\]\:before\:border-solid[data-today]::before{border-style:solid;}.layer-components\:\[\&_blockquote\]\:border-l-solid blockquote{border-left-style:solid;}.layer-components\:before\:bg-gradient-from-bg::before{--un-gradient-from-position:0%;--un-gradient-from:var(--v-bg, var(--v-bg-l, transparent)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.layer-components\:after\:bg-gradient-from-bg::after{--un-gradient-from-position:0%;--un-gradient-from:var(--v-bg, var(--v-bg-l, transparent)) var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:rgb(255 255 255 / 0) var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from), var(--un-gradient-to);}.layer-components\:before\:bg-gradient-to-transparent::before{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.layer-components\:after\:bg-gradient-to-transparent::after{--un-gradient-to-position:100%;--un-gradient-to:transparent var(--un-gradient-to-position);}.layer-components\:before\:bg-gradient-to-b::before{--un-gradient-shape:to bottom in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.layer-components\:before\:bg-gradient-to-r::before{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.layer-components\:after\:bg-gradient-to-l::after{--un-gradient-shape:to left in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.layer-components\:after\:bg-gradient-to-t::after{--un-gradient-shape:to top in oklch;--un-gradient:var(--un-gradient-shape), var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient));}.layer-components\:bg-none{background-image:none;}.layer-components\:bg-cover{background-size:cover;}.layer-components\:bg-clip-padding{-webkit-background-clip:padding-box;background-clip:padding-box;}.layer-components\:bg-center{background-position:center;}.layer-components\:fill-none{fill:none;}.layer-components\:object-cover{object-fit:cover;}.layer-components\:object-center{object-position:center;}.layer-components\:\[\&\:not\(\:empty\)\]\:p-sm:not(:empty),.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:p-sm[data-has-icon=true][data-has-label=false],.layer-components\:p-sm{padding:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:p-2\.35[data-has-icon=true][data-has-label=false]{padding:0.5875rem;}.layer-components\:p-0{padding:0px;}.layer-components\:p-1{padding:0.25rem;}.layer-components\:p-2{padding:0.5rem;}.layer-components\:p-3px{padding:3px;}.layer-components\:p-4{padding:1rem;}.layer-components\:p-lg{padding:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:p-md{padding:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:p-xl{padding:calc(3rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:p-xs{padding:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:empty\:p-0:empty{padding:0px;}.layer-components\:\[\&_\.ProseMirror\]\:px-4 .ProseMirror,.layer-components\:px-4{padding-left:1rem;padding-right:1rem;}.layer-components\:\[\&_\.ProseMirror\]\:py-2 .ProseMirror,.layer-components\:py-2{padding-top:0.5rem;padding-bottom:0.5rem;}.layer-components\:px-0{padding-left:0px;padding-right:0px;}.layer-components\:px-2{padding-left:0.5rem;padding-right:0.5rem;}.layer-components\:px-3{padding-left:0.75rem;padding-right:0.75rem;}.layer-components\:px-lg{padding-left:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-right:calc(2rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:px-md{padding-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-right:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:px-sm{padding-left:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:px-xs{padding-left:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-right:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:py-0\.25{padding-top:0.0625rem;padding-bottom:0.0625rem;}.layer-components\:py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}.layer-components\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}.layer-components\:py-1\.25{padding-top:0.3125rem;padding-bottom:0.3125rem;}.layer-components\:py-3{padding-top:0.75rem;padding-bottom:0.75rem;}.layer-components\:py-sm{padding-top:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-bottom:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:py-xs{padding-top:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));padding-bottom:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:\[\&_blockquote\]\:pl-4 blockquote{padding-left:1rem;}.layer-components\:\[\&_ol\]\:pl-6 ol,.layer-components\:\[\&_ul\]\:pl-6 ul{padding-left:1.5rem;}.layer-components\:pb-\[calc\(0\.25rem\+env\(safe-area-inset-bottom\,0px\)\)\]{padding-bottom:calc(0.25rem + env(safe-area-inset-bottom,0px));}.layer-components\:pb-1px{padding-bottom:1px;}.layer-components\:pb-4{padding-bottom:1rem;}.layer-components\:pb-md{padding-bottom:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:pb-xs{padding-bottom:calc(0.25rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:pl-25px{padding-left:25px;}.layer-components\:pl-3{padding-left:0.75rem;}.layer-components\:pl-35px{padding-left:35px;}.layer-components\:pl-md{padding-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:pr-4{padding-right:1rem;}.layer-components\:pr-sm{padding-right:calc(0.5rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:pt-3{padding-top:0.75rem;}.layer-components\:first\:pl-md:first-child{padding-left:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:last\:pr-md:last-child{padding-right:calc(1rem * var(--l-spacing-scale,1) * var(--u-spacing-scale,1));}.layer-components\:text-center{text-align:center;}.layer-components\:text-left{text-align:left;}.layer-components\:text-start{text-align:start;}.layer-components\:text-nowrap{text-wrap:nowrap;}.layer-components\:\[\&_h1\]\:text-2xl h1,.layer-components\:text-2xl{font-size:1.75rem;line-height:2.25rem;}.layer-components\:\[\&_h2\]\:text-lg h2,.layer-components\:text-lg{font-size:1.25rem;line-height:1.75rem;}.layer-components\:\[\&_h3\]\:text-md h3,.layer-components\:text-md{font-size:1.125rem;line-height:1.5rem;}.layer-components\:\[\&_h4\]\:text-xs h4,.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:text-xs[data-has-icon=true][data-has-label=false],.layer-components\:text-xs{font-size:0.75rem;line-height:1rem;}.layer-components\:\[\&\:not\(\:empty\)\]\:text-sm:not(:empty),.layer-components\:\[\&\[data-has-icon\=true\]\[data-has-label\=false\]\]\:text-sm[data-has-icon=true][data-has-label=false],.layer-components\:text-sm,[data-compact] .layer-components\:\[\[data-compact\]_\&\]\:text-sm{font-size:1rem;line-height:1.25rem;}.layer-components\:text-3xl{font-size:2rem;line-height:2.5rem;}.layer-components\:text-xxs{font-size:0.625rem;line-height:0.75rem;}.layer-components\:data-\[checked\]\:before\:text-xs[data-checked]::before{font-size:0.75rem;line-height:1rem;}.layer-components\:font-size-xs{font-size:0.75rem;}.layer-components\:text-gray-dark,.layer-components\:text-gray-dark\/50{color:var(--p-gray-shade-dark) /* var(--p-gray-shade-dark) */;}.layer-components\:data-\[checked\]\:before\:text-main-ink[data-checked]::before{color:var(--p-shade-ink) /* var(--p-shade-ink) */;}.layer-components\:text-inherit{color:inherit;}.layer-components\:\[\&_h1\]\:font-semibold h1,.layer-components\:\[\&_strong\]\:font-semibold strong,.layer-components\:font-semibold{font-weight:600;}.layer-components\:\[\&_h2\]\:font-bold h2,.layer-components\:font-bold{font-weight:700;}.layer-components\:\[\&_h3\]\:font-500 h3,.layer-components\:font-500,.layer-components\:font-medium{font-weight:500;}.layer-components\:font-normal{font-weight:400;}.layer-components\:leading-1{line-height:0.25rem;}.layer-components\:leading-4{line-height:1rem;}.layer-components\:leading-6{line-height:1.5rem;}.layer-components\:leading-none{line-height:1;}.layer-components\:leading-normal{line-height:1.5;}.layer-components\:leading-relaxed{line-height:1.625;}.layer-components\:leading-tight{line-height:1.25;}.layer-components\:font-title{font-family:var(--u-font-title, var(--u-font-default));}.layer-components\:\[\&_h4\]\:uppercase h4,.layer-components\:uppercase{text-transform:uppercase;}.layer-components\:\[\&_em\]\:italic em,.layer-components\:italic{font-style:italic;}.layer-components\:\[\&_a\:hover\]\:underline a:hover,.layer-components\:\[\&_a\]\:underline a{text-decoration-line:underline;}.layer-components\:\[\&\[data-disabled\=true\]\]\:opacity-50[data-disabled=true]{opacity:0.5;}.layer-components\:data-\[closed\]\:opacity-0[data-closed],.layer-components\:data-\[ending-style\]\:data-\[side\=bottom\]\:opacity-0[data-side=bottom][data-ending-style],.layer-components\:data-\[ending-style\]\:data-\[side\=left\]\:opacity-0[data-side=left][data-ending-style],.layer-components\:data-\[ending-style\]\:data-\[side\=right\]\:opacity-0[data-side=right][data-ending-style],.layer-components\:data-\[ending-style\]\:data-\[side\=top\]\:opacity-0[data-side=top][data-ending-style],.layer-components\:data-\[starting-style\]\:data-\[side\=bottom\]\:opacity-0[data-side=bottom][data-starting-style],.layer-components\:data-\[starting-style\]\:data-\[side\=left\]\:opacity-0[data-side=left][data-starting-style],.layer-components\:data-\[starting-style\]\:data-\[side\=right\]\:opacity-0[data-side=right][data-starting-style],.layer-components\:data-\[starting-style\]\:data-\[side\=top\]\:opacity-0[data-side=top][data-starting-style],.layer-components\:opacity-0,.layer-components\:start-end\:opacity-0[data-starting-style], .layer-components\:start-end\:opacity-0[data-ending-style]{opacity:0;}.layer-components\:data-\[hovering\]\:opacity-100[data-hovering],.layer-components\:data-\[open\]\:opacity-100[data-open]{opacity:1;}.layer-components\:opacity-\[calc\(round\(min\(1\,calc\(var\(--scroll-area-overflow-x-end\,0\)\/10px\)\)\)\)\]{opacity:calc(round(min(1,calc(var(--scroll-area-overflow-x-end,0) / 10px))));}.layer-components\:opacity-\[calc\(round\(min\(1\,calc\(var\(--scroll-area-overflow-x-start\,0px\)\/10px\)\)\)\)\]{opacity:calc(round(min(1,calc(var(--scroll-area-overflow-x-start,0px) / 10px))));}.layer-components\:opacity-80{opacity:0.8;}.layer-components\:hover\:opacity-100:hover{opacity:1;}.layer-components\:focus\:opacity-100:focus{opacity:1;}.layer-components\:disabled\:opacity-50:disabled{opacity:0.5;}.layer-components\:\[\&_\.ProseMirror\:focus\]\:shadow-focus .ProseMirror:focus,.layer-components\:\[\&_a\:focus\]\:shadow-focus a:focus{--un-shadow-color:var(--u-focus-color) /* var(--u-focus-color) */;}.layer-components\:data-\[pressed\]\:shadow-sm[data-pressed],.layer-components\:shadow-sm{--un-shadow:var(--un-shadow-inset) 0 calc(0px * var(--t-shadow-y-mult,1)) calc(1px * var(--u-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5) * 2)),
 			var(--un-shadow-inset) 0 calc(1px * var(--t-shadow-y-mult,1)) calc(2px * var(--u-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5) * 2));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-\[0_30px_60px_0px\]{--un-shadow:0 30px 60px 0px var(--un-shadow-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-black\/20{--un-shadow-color:var(--p-high-contrast-shade-ink) /* var(--p-high-contrast-shade-ink) */;}.layer-components\:shadow-lg{--un-shadow:var(--un-shadow-inset) 0 calc(8px * var(--t-shadow-y-mult,1)) calc(16px * var(--u-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5))),
 			var(--un-shadow-inset) 0 calc(5px * var(--t-shadow-y-mult,1)) calc(10px * var(--u-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5)));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-md{--un-shadow:var(--un-shadow-inset) 0 calc(4px * var(--t-shadow-y-mult,1)) calc(8px * var(--u-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5))),
 			var(--un-shadow-inset) 0 calc(2px * var(--t-shadow-y-mult,1)) calc(4px * var(--u-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5) * 2));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}.layer-components\:shadow-white{--un-shadow-color:var(--p-high-contrast-shade-wash) /* var(--p-high-contrast-shade-wash) */;}.layer-components\:shadow-xl{--un-shadow:var(--un-shadow-inset) 0 calc(20px * var(--t-shadow-y-mult,1)) calc(40px * (0.1 + var(--u-shadow-spread,1))) -0px rgb(from var(--un-shadow-color) r g b / calc(var(--un-shadow-opacity,0.1)*(1 + var(--u-shadow-spread,1) * 0.5))),

package/dist/esm/components/scrollArea/ScrollArea.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-import { ScrollAreaContentProps, ScrollAreaRootProps, ScrollAreaScrollbarProps } from '@base-ui/react/scroll-area';
+import { ScrollArea as BaseScrollArea, ScrollAreaContentProps, ScrollAreaRootProps, ScrollAreaScrollbarProps } from '@base-ui/react/scroll-area';
 import { Ref } from 'react';
 export type * from '@base-ui/react/scroll-area';
 export declare const ScrollAreaRoot: import("react").FunctionComponent<ScrollAreaRootProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ScrollAreaViewport: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const StyledScrollAreaViewport: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const ScrollAreaVerticalFades: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const ScrollAreaHorizontalFades: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const ScrollAreaViewportFades: () => import("react/jsx-runtime").JSX.Element;
@@ -12,6 +12,10 @@ export declare const ScrollAreaContent: import("react").FunctionComponent<Scroll
 export declare const ScrollAreaThumb: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const ScrollAreaScrollbar: import("react").FunctionComponent<ScrollAreaScrollbarProps>;
 export declare const ScrollAreaCorner: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaCornerProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface ScrollAreaViewportProps extends BaseScrollArea.Viewport.Props {
+    direction?: 'vertical' | 'horizontal' | 'both';
+    ref?: Ref<HTMLDivElement>;
+}
 export declare const ScrollArea: (({ disableFades, direction, ...props }: ScrollAreaRootProps & {
     disableFades?: boolean;
     direction?: "vertical" | "horizontal" | "both";
@@ -20,7 +24,7 @@ export declare const ScrollArea: (({ disableFades, direction, ...props }: Scroll
     Content: import("react").FunctionComponent<ScrollAreaContentProps & {
         ref?: Ref<HTMLDivElement>;
     }>;
-    Viewport: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaViewportProps & import("react").RefAttributes<HTMLDivElement>>;
+    Viewport: ({ direction, ...props }: ScrollAreaViewportProps) => import("react/jsx-runtime").JSX.Element;
     Scrollbar: import("react").FunctionComponent<ScrollAreaScrollbarProps>;
     Thumb: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaThumbProps & import("react").RefAttributes<HTMLDivElement>>;
     Corner: import("react").FunctionComponent<import("@base-ui/react/scroll-area").ScrollAreaCornerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/esm/components/scrollArea/ScrollArea.js CHANGED Viewed

@@ -14,7 +14,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { ScrollArea as BaseScrollArea, } from '@base-ui/react/scroll-area';
 import { withClassName } from '../../hooks.js';
 export const ScrollAreaRoot = withClassName(BaseScrollArea.Root, 'layer-components:box-border layer-components:min-h-0 layer-components:min-w-0 layer-components:flex layer-components:flex-col');
-export const ScrollAreaViewport = withClassName(BaseScrollArea.Viewport, 'layer-components:h-full layer-components:min-h-0 layer-components:outline-none', 'layer-components:foc');
+export const StyledScrollAreaViewport = withClassName(BaseScrollArea.Viewport, 'layer-components:h-full layer-components:min-h-0 layer-components:outline-none', 'layer-components:foc');
 export const ScrollAreaVerticalFades = withClassName('div', 'layer-components:[--scroll-area-overflow-y-end:inherit] layer-components:[--scroll-area-overflow-y-start:inherit] layer-components:pointer-events-none layer-components:absolute layer-components:inset-0', 'layer-components:before:[--scroll-area-overflow-y-start:inherit] layer-components:before:absolute layer-components:before:left-0 layer-components:before:top-0 layer-components:before:block layer-components:before:h-[min(40px,var(--scroll-area-overflow-y-start,40px))] layer-components:before:w-full layer-components:before:bg-gradient-from-bg layer-components:before:bg-gradient-to-transparent layer-components:before:bg-gradient-to-b layer-components:before:transition-height layer-components:before:content-empty', 'layer-components:after:[--scroll-area-overflow-y-end:inherit] layer-components:after:absolute layer-components:after:bottom-0 layer-components:after:left-0 layer-components:after:block layer-components:after:h-[min(40px,var(--scroll-area-overflow-y-end,40px))] layer-components:after:w-full layer-components:after:bg-gradient-from-bg layer-components:after:bg-gradient-to-transparent layer-components:after:bg-gradient-to-t layer-components:after:transition-height layer-components:after:content-empty');
 export const ScrollAreaHorizontalFades = withClassName('div', 'layer-components:[--scroll-area-overflow-x-end:inherit] layer-components:[--scroll-area-overflow-x-start:inherit] layer-components:pointer-events-none layer-components:absolute layer-components:inset-0', 'layer-components:before:[--scroll-area-overflow-x-start:inherit] layer-components:before:absolute layer-components:before:left-0 layer-components:before:top-0 layer-components:before:block layer-components:before:h-full layer-components:before:w-[min(40px,var(--scroll-area-overflow-x-start,40px))] layer-components:before:bg-gradient-from-bg layer-components:before:bg-gradient-to-transparent layer-components:before:bg-gradient-to-r layer-components:before:transition-width layer-components:before:content-empty', 'layer-components:after:[--scroll-area-overflow-x-end:inherit] layer-components:after:absolute layer-components:after:right-0 layer-components:after:top-0 layer-components:after:block layer-components:after:h-full layer-components:after:w-[min(40px,var(--scroll-area-overflow-x-end,40px))] layer-components:after:bg-gradient-from-bg layer-components:after:bg-gradient-to-transparent layer-components:after:bg-gradient-to-l layer-components:after:transition-width layer-components:after:content-empty');
 export const ScrollAreaViewportFades = () => (_jsxs(_Fragment, { children: [_jsx(ScrollAreaVerticalFades, {}), _jsx(ScrollAreaHorizontalFades, {})] }));
@@ -29,15 +29,19 @@ const ComposedScrollbar = (_a) => {
 ComposedScrollbar.displayName = 'ScrollAreaScrollbar';
 export const ScrollAreaScrollbar = withClassName(ComposedScrollbar, 'layer-components:pointer-events-none layer-components:relative layer-components:m-xxs layer-components:flex layer-components:touch-none layer-components:select-none layer-components:rounded-full layer-components:opacity-0', 'layer-components:transition-[opacity,height,width] layer-components:bg-fg/5', 'layer-components:data-[hovering]:pointer-events-auto layer-components:data-[hovering]:opacity-100', 'layer-components:data-[scrolling]:duration-0', 'layer-components:before:absolute layer-components:before:content-empty', 'layer-components:data-[orientation=vertical]:w-0.25rem layer-components:data-[orientation=vertical]:justify-center layer-components:data-[orientation=vertical]:before:h-full layer-components:data-[orientation=vertical]:before:w-1.25rem layer-components:data-[orientation=vertical]:hover:w-0.5rem', 'layer-components:data-[orientation=horizontal]:h-0.25rem layer-components:data-[orientation=horizontal]:items-center layer-components:data-[orientation=horizontal]:before:h-1.25rem layer-components:data-[orientation=horizontal]:before:w-full layer-components:data-[orientation=horizontal]:hover:h-0.5rem');
 export const ScrollAreaCorner = withClassName(BaseScrollArea.Corner, 'layer-components:bg-transparent');
+const ScrollAreaViewport = (_a) => {
+    var { direction } = _a, props = __rest(_a, ["direction"]);
+    return (_jsx(StyledScrollAreaViewport, Object.assign({}, props, { style: {
+            overflow: direction === 'vertical'
+                ? 'clip scroll'
+                : direction === 'horizontal'
+                    ? 'scroll clip'
+                    : 'scroll scroll',
+        }, "data-scroll-direction": direction })));
+};
 const ScrollAreaDefault = (_a) => {
     var { disableFades, direction } = _a, props = __rest(_a, ["disableFades", "direction"]);
-    return (_jsxs(ScrollAreaRoot, Object.assign({}, props, { children: [_jsxs(ScrollAreaViewport, { style: {
-                    overflow: direction === 'vertical'
-                        ? 'clip scroll'
-                        : direction === 'horizontal'
-                            ? 'scroll clip'
-                            : 'scroll scroll',
-                }, "data-scroll-direction": direction, children: [props.children, !disableFades && _jsx(ScrollAreaViewportFades, {})] }), direction !== 'horizontal' && _jsx(ScrollAreaScrollbar, {}), direction !== 'vertical' && (_jsx(ScrollAreaScrollbar, { orientation: "horizontal" })), _jsx(ScrollAreaCorner, {})] })));
+    return (_jsxs(ScrollAreaRoot, Object.assign({}, props, { children: [_jsxs(ScrollAreaViewport, { direction: direction, children: [props.children, !disableFades && _jsx(ScrollAreaViewportFades, {})] }), direction !== 'horizontal' && _jsx(ScrollAreaScrollbar, {}), direction !== 'vertical' && (_jsx(ScrollAreaScrollbar, { orientation: "horizontal" })), _jsx(ScrollAreaCorner, {})] })));
 };
 export const ScrollArea = Object.assign(ScrollAreaDefault, {
     Root: ScrollAreaRoot,

package/dist/esm/components/scrollArea/ScrollArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,UAAU,IAAI,cAAc,GAI5B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/C,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAC1C,cAAc,CAAC,IAAI,EACnB,6DAA6D,CAC7D,CAAC;AAEF,MAAM,CAAC,MAAM,~~kBAAkB~~,GAAG,aAAa,~~CAC9C~~,cAAc,CAAC,QAAQ,EACvB,gDAAgD,EAChD,sBAAsB,CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CACnD,KAAK,EACL,yIAAyI,EACzI,8PAA8P,EAC9P,4PAA4P,CAC5P,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CACrD,KAAK,EACL,yIAAyI,EACzI,6PAA6P,EAC7P,yPAAyP,CACzP,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CAC5C,8BACC,KAAC,uBAAuB,KAAG,EAC3B,KAAC,yBAAyB,KAAG,IAC3B,CACH,CAAC;AAEF,MAAM,gCAAgC,GAAG,CACxC,KAA6D,EAC5D,EAAE,CAAC,CACJ,KAAC,cAAc,CAAC,OAAO,oBAClB,KAAK,IACT,KAAK,kCAAO,KAAK,CAAC,KAAK,KAAE,QAAQ,EAAE,SAAS,OAC3C,CACF,CAAC;AACF,gCAAgC,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEnE,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAC7C,gCAAgC,EAChC,kCAAkC,EAClC,0GAA0G,CAC1G,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,cAAc,CAAC,KAAK,EACpB,6CAA6C,EAC7C,yDAAyD,EACzD,uDAAuD,CACvD,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAGA,EAAE,EAAE;QAHJ,EAC1B,QAAQ,OAEkB,EADvB,KAAK,cAFkB,YAG1B,CADQ;IACuB,OAAA,CAC/B,KAAC,cAAc,CAAC,SAAS,oBAAK,KAAK,cACjC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAC,eAAe,KAAG,IACN,CAC3B,CAAA;CAAA,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAC/C,iBAAiB,EACjB,0GAA0G,EAC1G,8DAA8D,EAC9D,oEAAoE,EACpE,gDAAgD,EAChD,kDAAkD,EAElD,uHAAuH,EACvH,uHAAuH,CACvH,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAC5C,cAAc,CAAC,MAAM,EACrB,mCAAmC,CACnC,CAAC;~~AAEF~~,MAAM,~~iBAAiB~~,GAAG,CAAC,~~EAO1B~~,EAAE,EAAE;~~QAPsB~~,~~EAC1B~~,~~YAAY,EACZ,~~SAAS,~~OAKT~~,~~EAJG~~,KAAK,~~cAHkB~~,~~6BAI1B~~,CADQ;~~IAIH~~,~~OAAA~~,~~CACL~~,~~MAAC~~,~~cAAc~~,~~oBAAK~~,KAAK,~~eACxB~~,~~MAAC,kBAAkB,IAClB,~~KAAK,EAAE;~~oBACN~~,QAAQ,EACP,SAAS,KAAK,UAAU;~~wBACvB~~,CAAC,CAAC,aAAa;~~wBACf~~,CAAC,CAAC,SAAS,KAAK,YAAY;~~4BAC5B~~,CAAC,CAAC,aAAa;~~4BACf~~,CAAC,CAAC,eAAe;~~iBACnB~~,2BACsB,SAAS,~~aAE~~/B,KAAK,CAAC,QAAQ,EACd,CAAC,YAAY,IAAI,KAAC,uBAAuB,KAAG,IACzB,EACpB,SAAS,KAAK,YAAY,IAAI,KAAC,mBAAmB,KAAG,EACrD,SAAS,KAAK,UAAU,IAAI,CAC5B,KAAC,mBAAmB,IAAC,WAAW,EAAC,YAAY,GAAG,CAChD,EACD,KAAC,gBAAgB,KAAG,KACJ,CACjB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,iBAAiB,EAAE;IAC1D,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,kBAAkB;IAC5B,SAAS,EAAE,mBAAmB;IAC9B,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE,gBAAgB;IACxB,aAAa,EAAE,uBAAuB;IACtC,aAAa,EAAE,uBAAuB;IACtC,eAAe,EAAE,yBAAyB;CAC1C,CAAC,CAAC"}
1	+ {"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../../../src/components/scrollArea/ScrollArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,UAAU,IAAI,cAAc,GAI5B,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAI/C,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAC1C,cAAc,CAAC,IAAI,EACnB,6DAA6D,CAC7D,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,aAAa,CACpD,cAAc,CAAC,QAAQ,EACvB,gDAAgD,EAChD,sBAAsB,CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CACnD,KAAK,EACL,yIAAyI,EACzI,8PAA8P,EAC9P,4PAA4P,CAC5P,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CACrD,KAAK,EACL,yIAAyI,EACzI,6PAA6P,EAC7P,yPAAyP,CACzP,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE,CAAC,CAC5C,8BACC,KAAC,uBAAuB,KAAG,EAC3B,KAAC,yBAAyB,KAAG,IAC3B,CACH,CAAC;AAEF,MAAM,gCAAgC,GAAG,CACxC,KAA6D,EAC5D,EAAE,CAAC,CACJ,KAAC,cAAc,CAAC,OAAO,oBAClB,KAAK,IACT,KAAK,kCAAO,KAAK,CAAC,KAAK,KAAE,QAAQ,EAAE,SAAS,OAC3C,CACF,CAAC;AACF,gCAAgC,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEnE,MAAM,CAAC,MAAM,iBAAiB,GAAG,aAAa,CAC7C,gCAAgC,EAChC,kCAAkC,EAClC,0GAA0G,CAC1G,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,cAAc,CAAC,KAAK,EACpB,6CAA6C,EAC7C,yDAAyD,EACzD,uDAAuD,CACvD,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAGA,EAAE,EAAE;QAHJ,EAC1B,QAAQ,OAEkB,EADvB,KAAK,cAFkB,YAG1B,CADQ;IACuB,OAAA,CAC/B,KAAC,cAAc,CAAC,SAAS,oBAAK,KAAK,cACjC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAC,eAAe,KAAG,IACN,CAC3B,CAAA;CAAA,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAC/C,iBAAiB,EACjB,0GAA0G,EAC1G,8DAA8D,EAC9D,oEAAoE,EACpE,gDAAgD,EAChD,kDAAkD,EAElD,uHAAuH,EACvH,uHAAuH,CACvH,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAC5C,cAAc,CAAC,MAAM,EACrB,mCAAmC,CACnC,CAAC;AAMF,MAAM,kBAAkB,GAAG,CAAC,EAGF,EAAE,EAAE;QAHF,EAC3B,SAAS,OAEgB,EADtB,KAAK,cAFmB,aAG3B,CADQ;IAER,OAAO,CACN,KAAC,wBAAwB,oBACpB,KAAK,IACT,KAAK,EAAE;YACN,QAAQ,EACP,SAAS,KAAK,UAAU;gBACvB,CAAC,CAAC,aAAa;gBACf,CAAC,CAAC,SAAS,KAAK,YAAY;oBAC5B,CAAC,CAAC,aAAa;oBACf,CAAC,CAAC,eAAe;SACnB,2BACsB,SAAS,IAC/B,CACF,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAO1B,EAAE,EAAE;QAPsB,EAC1B,YAAY,EACZ,SAAS,OAKT,EAJG,KAAK,cAHkB,6BAI1B,CADQ;IAIH,OAAA,CACL,MAAC,cAAc,oBAAK,KAAK,eACxB,MAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,aACtC,KAAK,CAAC,QAAQ,EACd,CAAC,YAAY,IAAI,KAAC,uBAAuB,KAAG,IACzB,EACpB,SAAS,KAAK,YAAY,IAAI,KAAC,mBAAmB,KAAG,EACrD,SAAS,KAAK,UAAU,IAAI,CAC5B,KAAC,mBAAmB,IAAC,WAAW,EAAC,YAAY,GAAG,CAChD,EACD,KAAC,gBAAgB,KAAG,KACJ,CACjB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,iBAAiB,EAAE;IAC1D,IAAI,EAAE,cAAc;IACpB,OAAO,EAAE,iBAAiB;IAC1B,QAAQ,EAAE,kBAAkB;IAC5B,SAAS,EAAE,mBAAmB;IAC9B,KAAK,EAAE,eAAe;IACtB,MAAM,EAAE,gBAAgB;IACxB,aAAa,EAAE,uBAAuB;IACtC,aAAa,EAAE,uBAAuB;IACtC,eAAe,EAAE,yBAAyB;CAC1C,CAAC,CAAC"}

package/dist/esm/components/tabs/tabs.js CHANGED Viewed

@@ -14,14 +14,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Tabs as TabsPrimitive, } from '@base-ui/react/tabs';
 import clsx from 'clsx';
 import { withClassName } from '../../hooks/withClassName.js';
+import { Icon } from '../icon/Icon.js';
+import { ScrollArea } from '../scrollArea/ScrollArea.js';
 export const TabsRoot = withClassName(TabsPrimitive.Root, '');
-const StyledTabsList = withClassName(TabsPrimitive.List, 'layer-components:relative layer-components:flex layer-components:flex-row layer-components:items-start layer-components:gap-2', 'layer-components:border-thin layer-components:rounded-xl layer-components:border-solid layer-components:border-fg', 'layer-components:shadow-sm layer-components:bg-white', 'layer-components:max-w-full layer-components:w-max-content layer-components:overflow-y-clip layer-components:overflow-x-auto layer-components:overflow-unstable');
+const StyledTabsList = withClassName(TabsPrimitive.List, 'layer-components:relative layer-components:flex layer-components:flex-row layer-components:items-start layer-components:gap-2');
 export const TabsTrigger = withClassName(TabsPrimitive.Tab, 'layer-components:relative layer-components:z-1 layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-center layer-components:gap-2 layer-components:px-lg layer-components:py-xs', 'layer-components:cursor-pointer layer-components:select-none layer-components:transition-all', 'layer-components:text-center layer-components:text-nowrap layer-components:text-md layer-components:font-semibold layer-components:font-inherit layer-components:color-gray-ink', 'layer-components:min-h-touch layer-components:min-w-100px layer-components:flex-shrink-0', 'layer-components:border layer-components:rounded-lg layer-components:bg-transparent layer-components:border-transparent', 'layer-components:hover:[&[data-state=inactive]]:ring-4 layer-components:hover:[&[data-state=inactive]]:bg-gray-light layer-components:hover:[&[data-state=inactive]]:bg-darken-1 layer-components:hover:[&[data-state=inactive]]:ring-bg', 'layer-components:focus-visible:border layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:border-black', 'foc', 'data-[active]:cursor-default');
-export const TabsIndicator = withClassName(TabsPrimitive.Indicator, 'layer-components:[transition-property:transform,width,color] layer-components:absolute layer-components:block layer-components:rounded-lg layer-components:duration-300 layer-components:ease-out layer-components:bg-main-light layer-components:b-gray-dark', 'layer-components:left-0 layer-components:top-1/2 layer-components:z-0 layer-components:h-full layer-components:w-[--active-tab-width] layer-components:translate-x-[--active-tab-left] layer-components:-translate-y-1/2', 'layer-components:b-1 layer-components:b-gray-dark');
+export const TabsIndicator = withClassName(TabsPrimitive.Indicator, 'layer-components:[transition-property:transform,width,color] layer-components:absolute layer-components:block layer-components:rounded-lg layer-components:duration-300 layer-components:ease-out layer-components:bg-main-light layer-components:b-gray-dark', 'layer-components:left-0 layer-components:top-1/2 layer-components:z-0 layer-components:h-full layer-components:w-[--active-tab-width] layer-components:translate-x-[calc(var(--active-tab-left,0px)+var(--scroll-area-overflow-x-start,0px))] layer-components:-translate-y-1/2', 'layer-components:b-1 layer-components:b-gray-dark');
 export const TabsContent = withClassName(TabsPrimitive.Panel, 'layer-components:focus-visible:outline-none layer-components:focus:outline-none layer-components:focus-visible:ring-2 layer-components:focus-visible:ring-inset layer-components:focus-visible:ring-gray');
+const MoreLeftIndicator = () => (_jsx(Icon, { name: "chevron", className: clsx('layer-components:pointer-events-none layer-components:absolute layer-components:left-xs layer-components:top-1/2 layer-components:z-10 layer-components:h-4 layer-components:w-4 layer-components:rotate-90 layer-components:text-gray-dark/50 layer-components:-translate-y-1/2', 'layer-components:[--scroll-area-overflow-x-start:inherit] layer-components:opacity-[calc(round(min(1,calc(var(--scroll-area-overflow-x-start,0px)/10px))))]') }));
+const MoreRightIndicator = () => (_jsx(Icon, { name: "chevron", className: clsx('layer-components:pointer-events-none layer-components:absolute layer-components:right-xs layer-components:top-1/2 layer-components:z-10 layer-components:h-4 layer-components:w-4 layer-components:text-gray-dark/50 layer-components:-translate-y-1/2 layer-components:-rotate-90', 'layer-components:[--scroll-area-overflow-x-end:inherit] layer-components:opacity-[calc(round(min(1,calc(var(--scroll-area-overflow-x-end,0)/10px))))]') }));
 export const TabsList = (_a) => {
     var { children, className, color = 'primary' } = _a, props = __rest(_a, ["children", "className", "color"]);
-    return (_jsxs(StyledTabsList, Object.assign({}, props, { className: clsx(`palette-${color}`, className), children: [children, _jsx(TabsIndicator, {})] })));
+    return (_jsx(ScrollArea.Root, { className: clsx(`palette-${color}`, 'layer-components:border-thin layer-components:rounded-xl layer-components:border-solid layer-components:border-fg', 'layer-components:shadow-sm layer-components:bg-white', 'layer-components:max-w-full layer-components:w-max-content layer-components:overflow-clip', className), children: _jsxs(ScrollArea.Viewport, { direction: "horizontal", children: [_jsxs(StyledTabsList, Object.assign({}, props, { children: [children, _jsx(TabsIndicator, {})] })), _jsx(ScrollArea.ViewportFades, {}), _jsx(MoreLeftIndicator, {}), _jsx(MoreRightIndicator, {}), _jsx(ScrollArea.Scrollbar, { orientation: "horizontal" })] }) }));
 };
 export const Tabs = Object.assign(TabsRoot, {
     List: TabsList,

package/dist/esm/components/tabs/tabs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAEN,IAAI,IAAI,aAAa,GAErB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;~~AAE7D~~,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,aAAa,CACnC,aAAa,CAAC,IAAI,EAClB,6DAA6D,~~EAC7D~~,~~kEAAkE,EAClE,uCAAuC,EACvC,+FAA+F,CAC/F,~~CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,GAAG,EACjB,6FAA6F,EAC7F,8DAA8D,EAC9D,8FAA8F,EAC9F,0DAA0D,EAC1D,wEAAwE,EACxE,4FAA4F,EAC5F,kEAAkE,EAClE,KAAK,EACL,gCAAgC,CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,aAAa,CAAC,SAAS,EACvB,0IAA0I,EAC1I,~~sHAAsH~~,~~EACtH~~,oCAAoC,CACpC,CAAC;AAIF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,KAAK,EACnB,wIAAwI,CACxI,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAOxB,EAAE,EAAE;QAPoB,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,SAAS,OAIjB,EAHG,KAAK,cAJgB,kCAKxB,CADQ;IAGH,OAAA,CACL,~~MAAC~~,~~cAAc~~,~~oBAAK~~,~~KAAK~~,~~IAAE~~,SAAS,EAAE,IAAI,~~CAAC~~,WAAW,KAAK,EAAE,~~EAAE~~,SAAS,CAAC,~~aACvE~~,QAAQ,EACT,KAAC,aAAa,KAAG,KACD,~~CACjB~~,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC3C,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE,aAAa;CACxB,CAAC,CAAC"}
1	+ {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAEN,IAAI,IAAI,aAAa,GAErB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,aAAa,CACnC,aAAa,CAAC,IAAI,EAClB,6DAA6D,CAC7D,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,GAAG,EACjB,6FAA6F,EAC7F,8DAA8D,EAC9D,8FAA8F,EAC9F,0DAA0D,EAC1D,wEAAwE,EACxE,4FAA4F,EAC5F,kEAAkE,EAClE,KAAK,EACL,gCAAgC,CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,aAAa,CAAC,SAAS,EACvB,0IAA0I,EAC1I,6KAA6K,EAC7K,oCAAoC,CACpC,CAAC;AAIF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,KAAK,EACnB,wIAAwI,CACxI,CAAC;AAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CAC/B,KAAC,IAAI,IACJ,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,IAAI,CACd,2HAA2H,EAC3H,8IAA8I,CAC9I,GACA,CACF,CAAC;AACF,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CAChC,KAAC,IAAI,IACJ,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,IAAI,CACd,6HAA6H,EAC7H,wIAAwI,CACxI,GACA,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAOxB,EAAE,EAAE;QAPoB,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,SAAS,OAIjB,EAHG,KAAK,cAJgB,kCAKxB,CADQ;IAGH,OAAA,CACL,KAAC,UAAU,CAAC,IAAI,IACf,SAAS,EAAE,IAAI,CACd,WAAW,KAAK,EAAE,EAClB,kEAAkE,EAClE,uCAAuC,EACvC,2DAA2D,EAE3D,SAAS,CACT,YAED,MAAC,UAAU,CAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,aAC1C,MAAC,cAAc,oBAAK,KAAK,eACvB,QAAQ,EACT,KAAC,aAAa,KAAG,KACD,EACjB,KAAC,UAAU,CAAC,aAAa,KAAG,EAC5B,KAAC,iBAAiB,KAAG,EACrB,KAAC,kBAAkB,KAAG,EACtB,KAAC,UAAU,CAAC,SAAS,IAAC,WAAW,EAAC,YAAY,GAAG,IAC5B,GACL,CAClB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC3C,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE,aAAa;CACxB,CAAC,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@a-type/ui",
-  "version": "5.0.12",
+  "version": "5.0.13",
   "type": "module",
   "repository": {
     "url": "https://github.com/a-type/ui"

package/src/components/scrollArea/ScrollArea.tsx CHANGED Viewed

@@ -14,7 +14,7 @@ export const ScrollAreaRoot = withClassName(
 	'layer-components:(box-border min-h-0 min-w-0 flex flex-col)',
 );
-export const ScrollAreaViewport = withClassName(
+export const StyledScrollAreaViewport = withClassName(
 	BaseScrollArea.Viewport,
 	'layer-components:(h-full min-h-0 outline-none)',
 	'layer-components:foc',
@@ -91,16 +91,17 @@ export const ScrollAreaCorner = withClassName(
 	'layer-components:(bg-transparent)',
 );
-const ScrollAreaDefault = ({
-	disableFades,
+export interface ScrollAreaViewportProps extends BaseScrollArea.Viewport.Props {
+	direction?: 'vertical' | 'horizontal' | 'both';
+	ref?: Ref<HTMLDivElement>;
+}
+const ScrollAreaViewport = ({
 	direction,
 	...props
-}: ScrollAreaRootProps & {
-	disableFades?: boolean;
-	direction?: 'vertical' | 'horizontal' | 'both';
-}) => (
-	<ScrollAreaRoot {...props}>
-		<ScrollAreaViewport
+}: ScrollAreaViewportProps) => {
+	return (
+		<StyledScrollAreaViewport
+			{...props}
 			style={{
 				overflow:
 					direction === 'vertical'
@@ -110,7 +111,20 @@ const ScrollAreaDefault = ({
 						: 'scroll scroll',
 			}}
 			data-scroll-direction={direction}
-		>
+		/>
+	);
+};
+const ScrollAreaDefault = ({
+	disableFades,
+	direction,
+	...props
+}: ScrollAreaRootProps & {
+	disableFades?: boolean;
+	direction?: 'vertical' | 'horizontal' | 'both';
+}) => (
+	<ScrollAreaRoot {...props}>
+		<ScrollAreaViewport direction={direction}>
 			{props.children}
 			{!disableFades && <ScrollAreaViewportFades />}
 		</ScrollAreaViewport>

package/src/components/tabs/tabs.tsx CHANGED Viewed

@@ -5,15 +5,14 @@ import {
 } from '@base-ui/react/tabs';
 import clsx from 'clsx';
 import { withClassName } from '../../hooks/withClassName.js';
+import { Icon } from '../icon/Icon.js';
+import { ScrollArea } from '../scrollArea/ScrollArea.js';
 export const TabsRoot = withClassName(TabsPrimitive.Root, '');
 const StyledTabsList = withClassName(
 	TabsPrimitive.List,
 	'layer-components:(relative flex flex-row items-start gap-2)',
-	'layer-components:(border-thin rounded-xl border-solid border-fg)',
-	'layer-components:(shadow-sm bg-white)',
-	'layer-components:(max-w-full w-max-content overflow-y-clip overflow-x-auto overflow-unstable)',
 );
 export const TabsTrigger = withClassName(
@@ -32,7 +31,7 @@ export const TabsTrigger = withClassName(
 export const TabsIndicator = withClassName(
 	TabsPrimitive.Indicator,
 	'layer-components:([transition-property:transform,width,color] absolute block rounded-lg duration-300 ease-out bg-main-light b-gray-dark)',
-	'layer-components:(left-0 top-1/2 z-0 h-full w-[--active-tab-width] translate-x-[--active-tab-left] -translate-y-1/2)',
+	'layer-components:(left-0 top-1/2 z-0 h-full w-[--active-tab-width] translate-x-[calc(var(--active-tab-left,0px)+var(--scroll-area-overflow-x-start,0px))] -translate-y-1/2)',
 	'layer-components:(b-1 b-gray-dark)',
 );
@@ -43,6 +42,25 @@ export const TabsContent = withClassName(
 	'layer-components:(focus-visible:outline-none focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-gray)',
 );
+const MoreLeftIndicator = () => (
+	<Icon
+		name="chevron"
+		className={clsx(
+			'layer-components:(pointer-events-none absolute left-xs top-1/2 z-10 h-4 w-4 rotate-90 text-gray-dark/50 -translate-y-1/2)',
+			'layer-components:([--scroll-area-overflow-x-start:inherit] opacity-[calc(round(min(1,calc(var(--scroll-area-overflow-x-start,0px)/10px))))])',
+		)}
+	/>
+);
+const MoreRightIndicator = () => (
+	<Icon
+		name="chevron"
+		className={clsx(
+			'layer-components:(pointer-events-none absolute right-xs top-1/2 z-10 h-4 w-4 text-gray-dark/50 -translate-y-1/2 -rotate-90)',
+			'layer-components:([--scroll-area-overflow-x-end:inherit] opacity-[calc(round(min(1,calc(var(--scroll-area-overflow-x-end,0)/10px))))])',
+		)}
+	/>
+);
 export const TabsList = ({
 	children,
 	className,
@@ -51,10 +69,27 @@ export const TabsList = ({
 }: TabsListProps & {
 	color?: 'gray' | 'primary';
 }) => (
-	<StyledTabsList {...props} className={clsx(`palette-${color}`, className)}>
-		{children}
-		<TabsIndicator />
-	</StyledTabsList>
+	<ScrollArea.Root
+		className={clsx(
+			`palette-${color}`,
+			'layer-components:(border-thin rounded-xl border-solid border-fg)',
+			'layer-components:(shadow-sm bg-white)',
+			'layer-components:(max-w-full w-max-content overflow-clip)',
+			className,
+		)}
+	>
+		<ScrollArea.Viewport direction="horizontal">
+			<StyledTabsList {...props}>
+				{children}
+				<TabsIndicator />
+			</StyledTabsList>
+			<ScrollArea.ViewportFades />
+			<MoreLeftIndicator />
+			<MoreRightIndicator />
+			<ScrollArea.Scrollbar orientation="horizontal" />
+		</ScrollArea.Viewport>
+	</ScrollArea.Root>
 );
 export const Tabs = Object.assign(TabsRoot, {