@bettercms-ai/kit 0.1.1 → 2.0.0

package/dist/styles.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-neutral-900:oklch(20.5% 0 none);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-xl:36rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--leading-snug:1.375;--leading-relaxed:1.625;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:is(main,h1,h2,h3,[tabindex="-1"]){scroll-margin-top:5rem}[data-kit-scope]{font-family:var(--kit-font-sans);font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:14px;line-height:20px}[data-kit-scope],[data-kit-scope] *{border-color:var(--kit-line);scrollbar-width:thin;scrollbar-color:var(--kit-scrollbar) transparent}[data-kit-scope] :is(h1,h2,h3,h4,h5,h6){--tw-leading:initial;--tw-tracking:initial;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}[data-kit-scope] label{cursor:default}[data-kit-scope] :is(code,kbd,samp,pre){font-family:var(--kit-font-mono)}[data-kit-scope] .sr-only{top:auto;left:auto}}@layer components;@layer utilities{.\@container\/date{container:date/inline-size}.\@container\/tray{container:tray/inline-size}.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.hit-area{position:relative}.hit-area:before{content:"";inset:min(0px, calc((var(--hit-size,24px) - 40px) / 2));position:absolute}@media (pointer:coarse){.hit-area:before{inset:min(0px, calc((var(--hit-size,24px) - 44px) / 2))}}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\!sticky{position:sticky!important}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-4{inset:calc(var(--spacing) * 4)}.inset-x-0{inset-inline:0}.inset-x-3{inset-inline:calc(var(--spacing) * 3)}.inset-y-0{inset-block:0}.inset-y-1\.5{inset-block:calc(var(--spacing) * 1.5)}.inset-y-3{inset-block:calc(var(--spacing) * 3)}.inset-y-auto{inset-block:auto}.-top-0\.5{top:calc(var(--spacing) * -.5)}.-top-1{top:calc(var(--spacing) * -1)}.-top-3\.5{top:calc(var(--spacing) * -3.5)}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1{top:var(--spacing)}.top-1\.5{top:calc(var(--spacing) * 1.5)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-2\.5{top:calc(var(--spacing) * 2.5)}.top-3{top:calc(var(--spacing) * 3)}.top-3\.5{top:calc(var(--spacing) * 3.5)}.top-\[var\(--kit-sticky-top\,0px\)\]{top:var(--kit-sticky-top,0px)}.-right-1{right:calc(var(--spacing) * -1)}.right-0{right:0}.right-0\.5{right:calc(var(--spacing) * .5)}.right-1{right:var(--spacing)}.right-2{right:calc(var(--spacing) * 2)}.right-2\.5{right:calc(var(--spacing) * 2.5)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.-bottom-px{bottom:-1px}.bottom-0{bottom:0}.bottom-0\.5{bottom:calc(var(--spacing) * .5)}.bottom-1{bottom:var(--spacing)}.bottom-2{bottom:calc(var(--spacing) * 2)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-\[var\(--toast-offset-bottom\,16px\)\]{bottom:var(--toast-offset-bottom,16px)}.-left-12{left:calc(var(--spacing) * -12)}.left-0{left:0}.left-1{left:var(--spacing)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-2\.5{left:calc(var(--spacing) * 2.5)}.left-3{left:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-8{left:calc(var(--spacing) * 8)}.isolate{isolation:isolate}.z-3{z-index:3}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[4\]{z-index:4}.z-\[5\]{z-index:5}.z-\[6\]{z-index:6}.z-\[20\]{z-index:20}.z-\[90\]{z-index:90}.z-\[calc\(1000-var\(--toast-index\)\)\]{z-index:calc(1000 - var(--toast-index))}.z-\[calc\(var\(--kit-z-expanded\,70\)_\+_1\)\]{z-index:calc(var(--kit-z-expanded,70) + 1)}.z-\[calc\(var\(--kit-z-menu\,80\)_\+_1\)\]{z-index:calc(var(--kit-z-menu,80) + 1)}.z-\[calc\(var\(--kit-z-modal\,60\)_\+_1\)\]{z-index:calc(var(--kit-z-modal,60) + 1)}.z-\[calc\(var\(--kit-z-popover\,84\)_\+_1\)\]{z-index:calc(var(--kit-z-popover,84) + 1)}.z-\[calc\(var\(--kit-z-sheet\,55\)_\+_1\)\]{z-index:calc(var(--kit-z-sheet,55) + 1)}.z-\[var\(--kit-z-expanded\,70\)\]{z-index:var(--kit-z-expanded,70)}.z-\[var\(--kit-z-float\,52\)\]{z-index:var(--kit-z-float,52)}.z-\[var\(--kit-z-menu\,80\)\]{z-index:var(--kit-z-menu,80)}.z-\[var\(--kit-z-modal\,60\)\]{z-index:var(--kit-z-modal,60)}.z-\[var\(--kit-z-popover\,84\)\]{z-index:var(--kit-z-popover,84)}.z-\[var\(--kit-z-sheet\,55\)\]{z-index:var(--kit-z-sheet,55)}.z-\[var\(--kit-z-tooltip\,90\)\]{z-index:var(--kit-z-tooltip,90)}.z-\[var\(--z-dropdown\)\]{z-index:var(--z-dropdown)}.z-\[var\(--z-toast\,500\)\]{z-index:var(--z-toast,500)}.order-first{order:-9999}.order-last{order:9999}.col-span-2{grid-column:span 2/span 2}.row-span-2{grid-row:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.m-auto{margin:auto}.-mx-0\.5{margin-inline:calc(var(--spacing) * -.5)}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-1{margin-inline:var(--spacing)}.mx-\[calc\(var\(--kit-gutter\,0\.5rem\)\*-1\)\]{margin-inline:calc(var(--kit-gutter,.5rem) * -1)}.mx-auto{margin-inline:auto}.-my-0\.5{margin-block:calc(var(--spacing) * -.5)}.-my-1{margin-block:calc(var(--spacing) * -1)}.my-1{margin-block:var(--spacing)}.-mt-0\.5{margin-top:calc(var(--spacing) * -.5)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.mt-0{margin-top:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-\[0\.55em\]{margin-top:.55em}.mt-px{margin-top:1px}.-mr-1{margin-right:calc(var(--spacing) * -1)}.mr-0\.5{margin-right:calc(var(--spacing) * .5)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-2\.5{margin-left:calc(var(--spacing) * 2.5)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-auto{margin-left:auto}.kit-ink-pill{border-radius:var(--kit-radius-md);font-size:var(--kit-text-xs);line-height:var(--kit-text-xs--line-height);white-space:nowrap;background-color:var(--ink-bg);color:var(--ink-fg);box-shadow:var(--shadow-ink);align-items:center;gap:.5rem;padding:.25rem .625rem;font-weight:500;display:inline-flex}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-\[8\]{-webkit-line-clamp:8;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.\!size-3{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.size-0{width:0;height:0}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-\[7px\]{width:7px;height:7px}.size-\[15px\]{width:15px;height:15px}.size-\[18px\]{width:18px;height:18px}.size-\[22px\]{width:22px;height:22px}.size-full{width:100%;height:100%}.size-px{width:1px;height:1px}.h-0{height:0}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-28{height:calc(var(--spacing) * 28)}.h-\[1\.5px\]{height:1.5px}.h-\[1em\]{height:1em}.h-\[2px\]{height:2px}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[52\%\]{height:52%}.h-\[min\(860px\,calc\(100vh-48px\)\)\]{height:min(860px,100vh - 48px)}.h-\[var\(--height\)\]{height:var(--height)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-24{max-height:calc(var(--spacing) * 24)}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-72{max-height:calc(var(--spacing) * 72)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[22rem\]{max-height:22rem}.max-h-\[60vh\]{max-height:60vh}.max-h-\[240px\]{max-height:240px}.max-h-\[300px\]{max-height:300px}.max-h-\[320px\]{max-height:320px}.max-h-\[420px\]{max-height:420px}.max-h-\[calc\(100vh-32px\)\]{max-height:calc(100vh - 32px)}.max-h-\[min\(360px\,var\(--available-height\)\)\]{max-height:min(360px, var(--available-height))}.max-h-\[min\(400px\,var\(--available-height\)\)\]{max-height:min(400px, var(--available-height))}.max-h-\[min\(480px\,70vh\)\]{max-height:min(480px,70vh)}.max-h-\[var\(--available-height\)\]{max-height:var(--available-height)}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-\[45px\]{min-height:45px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[120px\]{min-height:120px}.min-h-\[190px\]{min-height:190px}.min-h-\[320px\]{min-height:320px}.w-0{width:0}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-28{width:calc(var(--spacing) * 28)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-\[2px\]{width:2px}.w-\[3px\]{width:3px}.w-\[168px\]{width:168px}.w-\[180px\]{width:180px}.w-\[248px\]{width:248px}.w-\[300px\]{width:300px}.w-\[320px\]{width:320px}.w-\[340px\]{width:340px}.w-\[356px\]{width:356px}.w-\[360px\]{width:360px}.w-\[clamp\(280px\,var\(--anchor-width\)\,420px\)\]{width:clamp(280px, var(--anchor-width), 420px)}.w-\[clamp\(300px\,var\(--anchor-width\)\,440px\)\]{width:clamp(300px, var(--anchor-width), 440px)}.w-\[max\(var\(--anchor-width\)\,240px\)\]{width:max(var(--anchor-width), 240px)}.w-\[max\(var\(--anchor-width\)\,280px\)\]{width:max(var(--anchor-width), 280px)}.w-auto{width:auto}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-40{max-width:calc(var(--spacing) * 40)}.max-w-52{max-width:calc(var(--spacing) * 52)}.max-w-56{max-width:calc(var(--spacing) * 56)}.max-w-\[80\%\]{max-width:80%}.max-w-\[220px\]{max-width:220px}.max-w-\[260px\]{max-width:260px}.max-w-\[400px\]{max-width:400px}.max-w-\[480px\]{max-width:480px}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-\[800px\]{max-width:800px}.max-w-\[1100px\]{max-width:1100px}.max-w-\[calc\(100vw-24px\)\]{max-width:calc(100vw - 24px)}.max-w-\[min\(280px\,calc\(100vw-16px\)\)\]{max-width:min(280px,100vw - 16px)}.max-w-\[min\(400px\,calc\(100vw-24px\)\)\]{max-width:min(400px,100vw - 24px)}.max-w-\[min\(420px\,calc\(100vw-24px\)\)\]{max-width:min(420px,100vw - 24px)}.max-w-\[min\(1280px\,calc\(100vw-48px\)\)\]{max-width:min(1280px,100vw - 48px)}.max-w-full{max-width:100%}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-1{min-width:var(--spacing)}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-7{min-width:calc(var(--spacing) * 7)}.min-w-20{min-width:calc(var(--spacing) * 20)}.min-w-28{min-width:calc(var(--spacing) * 28)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-48{min-width:calc(var(--spacing) * 48)}.min-w-52{min-width:calc(var(--spacing) * 52)}.min-w-\[var\(--anchor-width\)\]{min-width:var(--anchor-width)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.origin-bottom{transform-origin:bottom}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-0\.5{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[2px\]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(calc\(var\(--toast-swipe-movement-y\)-var\(--toast-index\)\*var\(--gap\)\)\)_scale\(var\(--scale\)\)\]{transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - var(--toast-index) * var(--gap))) scale(var(--scale))}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.skeleton{background:linear-gradient(90deg, var(--kit-skeleton) 0, var(--kit-skeleton-shine) 40%, var(--kit-skeleton) 80%);background-size:800px 100%;animation:1.6s linear infinite kit-shimmer}.\[animation\:kit-shimmer-text_1\.6s_linear_infinite\]{animation:1.6s linear infinite kit-shimmer-text}.animate-kit-fade-in{animation:kit-fade-in .16s var(--kit-ease-out-soft)}.animate-kit-pulse-dot{animation:1.8s ease-in-out infinite kit-pulse-dot}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-\[inherit\]{cursor:inherit}.cursor-crosshair{cursor:crosshair}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.scrollbar-none{scrollbar-width:none}.list-none{list-style-type:none}.columns-2{columns:2}.columns-3{columns:3}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-\[2px\]{gap:2px}.gap-\[5px\]{gap:5px}.gap-px{gap:1px}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-1{row-gap:var(--spacing)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-5{row-gap:calc(var(--spacing) * 5)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-kit-line>:not(:last-child)){border-color:var(--kit-line)}:where(.divide-kit-line-subtle>:not(:last-child)){border-color:var(--kit-line-subtle)}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-\[1px\]{border-radius:1px}.rounded-\[2px\]{border-radius:2px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:3.40282e38px}.rounded-kit-lg{border-radius:var(--kit-radius-lg)}.rounded-kit-md{border-radius:var(--kit-radius-md)}.rounded-kit-sm{border-radius:var(--kit-radius-sm)}.rounded-kit-xl{border-radius:var(--kit-radius-xl)}.rounded-kit-xs{border-radius:var(--kit-radius-xs)}.rounded-none{border-radius:0}.rounded-t-kit-2xl{border-top-left-radius:var(--kit-radius-2xl);border-top-right-radius:var(--kit-radius-2xl)}.rounded-t-kit-lg{border-top-left-radius:var(--kit-radius-lg);border-top-right-radius:var(--kit-radius-lg)}.rounded-t-kit-xl{border-top-left-radius:var(--kit-radius-xl);border-top-right-radius:var(--kit-radius-xl)}.rounded-l-kit-md{border-top-left-radius:var(--kit-radius-md);border-bottom-left-radius:var(--kit-radius-md)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-b-kit-lg{border-bottom-right-radius:var(--kit-radius-lg);border-bottom-left-radius:var(--kit-radius-lg)}.rounded-bl-\[3px\]{border-bottom-left-radius:3px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0}.border-dashed{--tw-border-style:dashed;border-style:dashed}.glass{background-color:var(--kit-surface);border-color:var(--kit-line);box-shadow:0 1px 2px #1010100a,0 8px 24px -6px #1010101f}.glass:is(.dark *){background-color:var(--kit-surface-raised);border-color:var(--kit-line-strong);box-shadow:inset 0 1px oklch(100% 0 0/.04),0 12px 32px -8px oklch(12% .01 286/.5)}.glass-strong{background-color:var(--kit-surface);border-color:var(--kit-line);box-shadow:0 1px 2px #1010100d,0 16px 40px -8px #1010102e}.glass-strong:is(.dark *){background-color:var(--kit-surface-raised);border-color:var(--kit-line-strong);box-shadow:inset 0 1px oklch(100% 0 0/.05),0 16px 40px -8px oklch(12% .01 286/.58)}.border-\[\#ededed\]{border-color:#ededed}.border-\[var\(--kit-emphasis-line\)\]{border-color:var(--kit-emphasis-line)}.border-\[var\(--kit-field-invalid\)\]{border-color:var(--kit-field-invalid)}.border-\[var\(--kit-kbd-line\)\]{border-color:var(--kit-kbd-line)}.border-kit-accent{border-color:var(--kit-accent)}.border-kit-control-checked{border-color:var(--kit-control-checked)}.border-kit-danger-line{border-color:var(--kit-danger-line)}.border-kit-editor-tray-line{border-color:var(--editor-tray-line)}.border-kit-fg-2{border-color:var(--kit-fg-2)}.border-kit-fg-4{border-color:var(--kit-fg-4)}.border-kit-field-border{border-color:var(--kit-field-border)}.border-kit-field-border-hover{border-color:var(--kit-field-border-hover)}.border-kit-floating-line{border-color:var(--kit-floating-line)}.border-kit-info-line{border-color:var(--kit-info-line)}.border-kit-inverse{border-color:var(--kit-inverse)}.border-kit-line{border-color:var(--kit-line)}.border-kit-line-strong{border-color:var(--kit-line-strong)}.border-kit-line-subtle{border-color:var(--kit-line-subtle)}.border-kit-media-handle{border-color:var(--kit-media-handle)}.border-kit-preview-ink\/25{border-color:var(--kit-preview-ink)}@supports (color:color-mix(in lab, red, red)){.border-kit-preview-ink\/25{border-color:color-mix(in oklab, var(--kit-preview-ink) 25%, transparent)}}.border-kit-preview-outline{border-color:var(--kit-preview-outline)}.border-kit-success-line{border-color:var(--kit-success-line)}.border-kit-surface{border-color:var(--kit-surface)}.border-kit-swatch-ring{border-color:var(--kit-swatch-ring)}.border-kit-tray-line{border-color:var(--kit-tray-line)}.border-kit-warning-line{border-color:var(--kit-warning-line)}.border-transparent{border-color:#0000}.border-t-kit-fg-2{border-top-color:var(--kit-fg-2)}.bg-tray{background-color:var(--kit-surface);background-image:var(--kit-tray-gradient)}.btn-solid:is(.dark *):disabled{background-color:var(--kit-disabled-bg);color:var(--kit-disabled-fg);opacity:1;box-shadow:none}.glass-ink{background-color:var(--ink-bg);color:var(--ink-fg);box-shadow:var(--shadow-ink)}.\!bg-kit-surface{background-color:var(--kit-surface)!important}.bg-\[\#1c1c1e\]{background-color:#1c1c1e}.bg-\[color-mix\(in_oklab\,var\(--kit-fg\)_9\%\,transparent\)\]{background-color:var(--kit-fg)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklab\,var\(--kit-fg\)_9\%\,transparent\)\]{background-color:color-mix(in oklab,var(--kit-fg) 9%,transparent)}}.bg-\[rgb\(255_255_255\/0\.15\)\]{background-color:#ffffff26}.bg-\[var\(--kit-bar-fill\)\]{background-color:var(--kit-bar-fill)}.bg-\[var\(--kit-brand\)\]{background-color:var(--kit-brand)}.bg-\[var\(--kit-chip-ink-bg\)\]{background-color:var(--kit-chip-ink-bg)}.bg-\[var\(--kit-kbd\)\]{background-color:var(--kit-kbd)}.bg-\[var\(--kit-subtle-2\)\]{background-color:var(--kit-subtle-2)}.bg-\[var\(--kit-surface\)\]{background-color:var(--kit-surface)}.bg-\[var\(--kit-surface-raised\)\]{background-color:var(--kit-surface-raised)}.bg-\[var\(--kit-track\)\]{background-color:var(--kit-track)}.bg-\[var\(--kit-track-line\)\]{background-color:var(--kit-track-line)}.bg-current{background-color:currentColor}.bg-kit-accent{background-color:var(--kit-accent)}.bg-kit-accent-soft{background-color:var(--kit-accent-soft)}.bg-kit-accent-softer{background-color:var(--kit-accent-softer)}.bg-kit-canvas-select-soft{background-color:var(--kit-canvas-select-soft)}.bg-kit-checker-a{background-color:var(--kit-checker-a)}.bg-kit-constraint-bg{background-color:var(--kit-constraint-bg)}.bg-kit-control-bg{background-color:var(--kit-control-bg)}.bg-kit-control-checked{background-color:var(--kit-control-checked)}.bg-kit-control-thumb{background-color:var(--kit-control-thumb)}.bg-kit-danger{background-color:var(--kit-danger)}.bg-kit-danger-fg{background-color:var(--kit-danger-fg)}.bg-kit-danger-soft{background-color:var(--kit-danger-soft)}.bg-kit-fg{background-color:var(--kit-fg)}.bg-kit-fg-2{background-color:var(--kit-fg-2)}.bg-kit-fg-3{background-color:var(--kit-fg-3)}.bg-kit-fg-4{background-color:var(--kit-fg-4)}.bg-kit-field-bg{background-color:var(--kit-field-bg)}.bg-kit-hover{background-color:var(--kit-hover)}.bg-kit-info{background-color:var(--kit-info)}.bg-kit-info-soft{background-color:var(--kit-info-soft)}.bg-kit-ink-active{background-color:var(--kit-ink-active)}.bg-kit-inverse,.bg-kit-inverse\/80{background-color:var(--kit-inverse)}@supports (color:color-mix(in lab, red, red)){.bg-kit-inverse\/80{background-color:color-mix(in oklab, var(--kit-inverse) 80%, transparent)}}.bg-kit-line{background-color:var(--kit-line)}.bg-kit-line-strong{background-color:var(--kit-line-strong)}.bg-kit-line-subtle{background-color:var(--kit-line-subtle)}.bg-kit-media-backdrop{background-color:var(--kit-media-backdrop)}.bg-kit-media-control{background-color:var(--kit-media-control)}.bg-kit-media-handle-ring{background-color:var(--kit-media-handle-ring)}.bg-kit-muted{background-color:var(--kit-muted)}.bg-kit-overlay{background-color:var(--kit-overlay)}.bg-kit-preview-contrast{background-color:var(--kit-preview-contrast)}.bg-kit-preview-ink{background-color:var(--kit-preview-ink)}.bg-kit-preview-paper{background-color:var(--kit-preview-paper)}.bg-kit-preview-primary{background-color:var(--kit-preview-primary)}.bg-kit-scrim{background-color:var(--kit-scrim)}.bg-kit-selected{background-color:var(--kit-selected)}.bg-kit-site-paper{background-color:var(--kit-site-paper)}.bg-kit-subtle{background-color:var(--kit-subtle)}.bg-kit-success{background-color:var(--kit-success)}.bg-kit-success-soft{background-color:var(--kit-success-soft)}.bg-kit-surface{background-color:var(--kit-surface)}.bg-kit-surface-raised{background-color:var(--kit-surface-raised)}.bg-kit-surface\/90{background-color:var(--kit-surface)}@supports (color:color-mix(in lab, red, red)){.bg-kit-surface\/90{background-color:color-mix(in oklab, var(--kit-surface) 90%, transparent)}}.bg-kit-switch-off{background-color:var(--kit-switch-off)}.bg-kit-warning{background-color:var(--kit-warning)}.bg-kit-warning-soft{background-color:var(--kit-warning-soft)}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.\!bg-none{background-image:none!important}.\[background-image\:conic-gradient\(var\(--kit-checker-b\)_25\%\,var\(--kit-checker-a\)_0_50\%\,var\(--kit-checker-b\)_0_75\%\,var\(--kit-checker-a\)_0\)\]{background-image:conic-gradient(var(--kit-checker-b) 25%,var(--kit-checker-a) 0 50%,var(--kit-checker-b) 0 75%,var(--kit-checker-a) 0)}.bg-\[linear-gradient\(90deg\,var\(--kit-fg-3\)_0\%\,var\(--kit-fg\)_45\%\,var\(--kit-fg-3\)_90\%\)\]{background-image:linear-gradient(90deg,var(--kit-fg-3) 0%,var(--kit-fg) 45%,var(--kit-fg-3) 90%)}.bg-\[linear-gradient\(180deg\,rgb\(216_216_216\/0\)_16\.105\%\,rgb\(216_216_216\/0\.6\)_123\.57\%\)\]{background-image:linear-gradient(#d8d8d800 16.105%,#d8d8d899 123.57%)}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-kit-site-paper{--tw-gradient-to:var(--kit-site-paper);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-kit-subtle{--tw-gradient-to:var(--kit-subtle);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.\[background-size\:12px_12px\]{background-size:12px 12px}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.bg-clip-padding{background-clip:padding-box}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-\[2px\]{padding:2px}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[5px\]{padding-inline:5px}.px-\[var\(--kit-gutter\,0\.5rem\)\]{padding-inline:var(--kit-gutter,.5rem)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-0{padding-top:0}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-0\.5{padding-right:calc(var(--spacing) * .5)}.pr-1{padding-right:var(--spacing)}.pr-1\.5{padding-right:calc(var(--spacing) * 1.5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-2\.5{padding-bottom:calc(var(--spacing) * 2.5)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pb-\[max\(12px\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(12px, env(safe-area-inset-bottom))}.pl-0\.5{padding-left:calc(var(--spacing) * .5)}.pl-1{padding-left:var(--spacing)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-\[3px\]{padding-left:3px}.pl-\[5px\]{padding-left:5px}.pl-\[40px\]{padding-left:40px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-kit-mono{font-family:var(--kit-font-mono)}.font-kit-sans{font-family:var(--kit-font-sans)}.font-sans{font-family:var(--font-sans)}.text-kit-2xs{font-size:var(--kit-text-2xs);line-height:var(--tw-leading,var(--kit-text-2xs--line-height))}.text-kit-base{font-size:var(--kit-text-base);line-height:var(--tw-leading,var(--kit-text-base--line-height))}.text-kit-md{font-size:var(--kit-text-md);line-height:var(--tw-leading,var(--kit-text-md--line-height))}.text-kit-sm{font-size:var(--kit-text-sm);line-height:var(--tw-leading,var(--kit-text-sm--line-height))}.text-kit-xl{font-size:var(--kit-text-xl);line-height:var(--tw-leading,var(--kit-text-xl--line-height))}.text-kit-xs{font-size:var(--kit-text-xs);line-height:var(--tw-leading,var(--kit-text-xs--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[9px\]{font-size:9px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.leading-3{--tw-leading:calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 3)}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.5\]{--tw-leading:1.5;line-height:1.5}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-\[18px\]{--tw-leading:18px;line-height:18px}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.015em\]{--tw-tracking:-.015em;letter-spacing:-.015em}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.\[overflow-wrap\:normal\]{overflow-wrap:normal}.break-words{overflow-wrap:break-word}.\[word-break\:normal\]{word-break:normal}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-inherit{color:inherit!important}.\!text-kit-fg{color:var(--kit-fg)!important}.text-\[\#f5f5f5\]{color:#f5f5f5}.text-\[var\(--kit-chip-ink-fg\)\]{color:var(--kit-chip-ink-fg)}.text-\[var\(--kit-wordmark\,\#291018\)\]{color:var(--kit-wordmark,#291018)}.text-kit-accent{color:var(--kit-accent)}.text-kit-accent-fg{color:var(--kit-accent-fg)}.text-kit-accent-on{color:var(--kit-accent-on)}.text-kit-avatar-on{color:var(--kit-avatar-on)}.text-kit-constraint-fg{color:var(--kit-constraint-fg)}.text-kit-danger-fg{color:var(--kit-danger-fg)}.text-kit-danger-on{color:var(--kit-danger-on)}.text-kit-fg{color:var(--kit-fg)}.text-kit-fg-2{color:var(--kit-fg-2)}.text-kit-fg-3{color:var(--kit-fg-3)}.text-kit-fg-4{color:var(--kit-fg-4)}.text-kit-fg-inverse{color:var(--kit-fg-inverse)}.text-kit-info{color:var(--kit-info)}.text-kit-info-fg{color:var(--kit-info-fg)}.text-kit-line-strong{color:var(--kit-line-strong)}.text-kit-media-control-fg{color:var(--kit-media-control-fg)}.text-kit-on-scrim{color:var(--kit-on-scrim)}.text-kit-preview-contrast-on{color:var(--kit-preview-contrast-on)}.text-kit-preview-ink{color:var(--kit-preview-ink)}.text-kit-preview-paper{color:var(--kit-preview-paper)}.text-kit-preview-primary{color:var(--kit-preview-primary)}.text-kit-preview-primary-on{color:var(--kit-preview-primary-on)}.text-kit-success-fg{color:var(--kit-success-fg)}.text-kit-warning{color:var(--kit-warning)}.text-kit-warning-fg{color:var(--kit-warning-fg)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.decoration-kit-fg-3{-webkit-text-decoration-color:var(--kit-fg-3);-webkit-text-decoration-color:var(--kit-fg-3);text-decoration-color:var(--kit-fg-3)}.decoration-kit-fg-4{-webkit-text-decoration-color:var(--kit-fg-4);-webkit-text-decoration-color:var(--kit-fg-4);text-decoration-color:var(--kit-fg-4)}.decoration-kit-line-strong{-webkit-text-decoration-color:var(--kit-line-strong);-webkit-text-decoration-color:var(--kit-line-strong);text-decoration-color:var(--kit-line-strong)}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.\!opacity-0{opacity:0!important}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_2px_var\(--kit-accent\)\]{--tw-shadow:0 0 0 2px var(--tw-shadow-color,var(--kit-accent));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_0_2px_var\(--kit-surface\)\,0_0_0_4px_var\(--kit-focus-ring\)\]{--tw-shadow:0 0 0 2px var(--tw-shadow-color,var(--kit-surface)), 0 0 0 4px var(--tw-shadow-color,var(--kit-focus-ring));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_2px_rgb\(16_16_16\/0\.04\)\,0_8px_24px_-6px_rgb\(16_16_16\/0\.12\)\]{--tw-shadow:0 1px 2px var(--tw-shadow-color,#1010100a), 0 8px 24px -6px var(--tw-shadow-color,#1010101f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow:0 4px 12px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_28px_-8px_rgb\(0_0_0\/0\.35\)\]{--tw-shadow:0 10px 28px -8px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_-1px_0_var\(--kit-kbd-line\)\]{--tw-shadow:inset 0 -1px 0 var(--tw-shadow-color,var(--kit-kbd-line));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_var\(--kit-danger\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--kit-danger));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_var\(--kit-line-strong\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--kit-line-strong));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0_2px_0_var\(--kit-fg-2\)\]{--tw-shadow:inset 0 2px 0 var(--tw-shadow-color,var(--kit-fg-2));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_2px_0_0_var\(--kit-fg-2\)\]{--tw-shadow:inset 2px 0 0 var(--tw-shadow-color,var(--kit-fg-2));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[var\(--kit-ring-focus\,0_0_0_2px_var\(--kit-surface\)\,0_0_0_4px_var\(--kit-focus-ring\)\)\]{--tw-shadow:var(--kit-ring-focus,0 0 0 2px var(--kit-surface),0 0 0 4px var(--kit-focus-ring));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-kit-button-primary{--tw-shadow:var(--kit-shadow-button-primary);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-kit-field{--tw-shadow:var(--kit-shadow-field);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-kit-lg{--tw-shadow:var(--kit-shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-kit-md{--tw-shadow:var(--kit-shadow-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-kit-ring-field{--tw-shadow:var(--kit-ring-field);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-kit-sheet-b{--tw-shadow:var(--kit-shadow-sheet-b);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-kit-sheet-r{--tw-shadow:var(--kit-shadow-sheet-r);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-kit-sm{--tw-shadow:var(--kit-shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-kit-xl{--tw-shadow:var(--kit-shadow-xl);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-kit-xs{--tw-shadow:var(--kit-shadow-xs);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-kit-canvas-accent-soft{--tw-ring-color:var(--kit-canvas-accent-soft)}.ring-kit-fg{--tw-ring-color:var(--kit-fg)}.ring-kit-line-strong{--tw-ring-color:var(--kit-line-strong)}.ring-kit-surface{--tw-ring-color:var(--kit-surface)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-kit-surface{--tw-ring-offset-color:var(--kit-surface)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.\!filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.\[filter\:var\(--kit-paper-filter\)\]{filter:var(--kit-paper-filter)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,color\,box-shadow\,opacity\]{transition-property:background-color,border-color,color,box-shadow,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,box-shadow\]{transition-property:background-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\,background-color\]{transition-property:border-color,box-shadow,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\,transform\]{transition-property:border-color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,box-shadow\]{transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,background-color\,padding\]{transition-property:color,background-color,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,top\]{transition-property:left,top;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,transform\]{transition-property:margin,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[object-position\]{transition-property:object-position;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-\[120ms\]{--tw-duration:.12s;transition-duration:.12s}.duration-\[400ms\]{--tw-duration:.4s;transition-duration:.4s}.ease-\[var\(--kit-ease-out-soft\)\]{--tw-ease:var(--kit-ease-out-soft);transition-timing-function:var(--kit-ease-out-soft)}.ease-\[var\(--kit-ease-spring\)\]{--tw-ease:var(--kit-ease-spring);transition-timing-function:var(--kit-ease-spring)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.\!\[-webkit-text-fill-color\:currentColor\]{-webkit-text-fill-color:currentColor!important}.\[--gap\:8px\]{--gap:8px}.\[--height\:var\(--toast-frontmost-height\,var\(--toast-height\)\)\]{--height:var(--toast-frontmost-height,var(--toast-height))}.\[--hit-size\:16px\]{--hit-size:16px}.\[--hit-size\:24px\]{--hit-size:24px}.\[--offset-y\:calc\(var\(--toast-offset-y\)\*-1\+var\(--toast-index\)\*var\(--gap\)\*-1\+var\(--toast-swipe-movement-y\)\)\]{--offset-y:calc(var(--toast-offset-y) * -1 + var(--toast-index) * var(--gap) * -1 + var(--toast-swipe-movement-y))}.\[--rt-toolbar-h\:2rem\]{--rt-toolbar-h:2rem}.\[--scale\:calc\(1-var\(--toast-index\)\*0\.05\)\]{--scale:calc(1 - var(--toast-index) * .05)}.\[transition\:opacity_400ms\,box-shadow_200ms\,background-color_150ms\]{transition:opacity .4s,box-shadow .2s,background-color .15s}.\[transition\:transform_400ms_ease\,opacity_400ms\,height_400ms\,box-shadow_200ms\]{transition:transform .4s,opacity .4s,height .4s,box-shadow .2s}.ring-inset{--tw-ring-inset:inset}.group-focus-within\/art\:opacity-100:is(:where(.group\/art):focus-within *),.group-focus-within\/blk\:opacity-100:is(:where(.group\/blk):focus-within *){opacity:1}.group-focus-within\/cell\:text-kit-fg:is(:where(.group\/cell):focus-within *){color:var(--kit-fg)}.group-focus-within\/cell\:opacity-100:is(:where(.group\/cell):focus-within *),.group-focus-within\/col\:opacity-100:is(:where(.group\/col):focus-within *){opacity:1}.group-focus-within\/field\:\!hidden:is(:where(.group\/field):focus-within *){display:none!important}.group-focus-within\/field\:inline:is(:where(.group\/field):focus-within *){display:inline}.group-focus-within\/field\:inline-flex:is(:where(.group\/field):focus-within *){display:inline-flex}.group-focus-within\/field\:text-kit-fg:is(:where(.group\/field):focus-within *){color:var(--kit-fg)}.group-focus-within\/gh\:opacity-100:is(:where(.group\/gh):focus-within *){opacity:1}.group-focus-within\/il\:text-kit-fg-3:is(:where(.group\/il):focus-within *){color:var(--kit-fg-3)}.group-focus-within\/inst\:opacity-100:is(:where(.group\/inst):focus-within *){opacity:1}.group-focus-within\/link\:inline-flex:is(:where(.group\/link):focus-within *){display:inline-flex}.group-focus-within\/part\:text-kit-fg:is(:where(.group\/part):focus-within *){color:var(--kit-fg)}.group-focus-within\/row\:flex:is(:where(.group\/row):focus-within *){display:flex}.group-focus-within\/row\:hidden:is(:where(.group\/row):focus-within *){display:none}@media (hover:hover){.group-hover\/art\:opacity-100:is(:where(.group\/art):hover *){opacity:1}.group-hover\/bhead\:translate-x-0\.5:is(:where(.group\/bhead):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\/blk\:opacity-100:is(:where(.group\/blk):hover *),.group-hover\/cap\:opacity-100:is(:where(.group\/cap):hover *),.group-hover\/cell\:opacity-100:is(:where(.group\/cell):hover *){opacity:1}.group-hover\/chk\:border-\[var\(--kit-emphasis-line\)\]:is(:where(.group\/chk):hover *){border-color:var(--kit-emphasis-line)}.group-hover\/code\:text-kit-fg:is(:where(.group\/code):hover *){color:var(--kit-fg)}.group-hover\/col\:block:is(:where(.group\/col):hover *){display:block}.group-hover\/col\:opacity-100:is(:where(.group\/col):hover *){opacity:1}.group-hover\/field\:inline-flex:is(:where(.group\/field):hover *){display:inline-flex}.group-hover\/field\:opacity-100:is(:where(.group\/field):hover *),.group-hover\/gh\:opacity-100:is(:where(.group\/gh):hover *){opacity:1}.group-hover\/il\:text-kit-fg-3:is(:where(.group\/il):hover *){color:var(--kit-fg-3)}.group-hover\/il\:opacity-100:is(:where(.group\/il):hover *),.group-hover\/img\:opacity-100:is(:where(.group\/img):hover *),.group-hover\/inst\:opacity-100:is(:where(.group\/inst):hover *){opacity:1}.group-hover\/link\:inline-flex:is(:where(.group\/link):hover *){display:inline-flex}.group-hover\/nav\:translate-x-0\.5:is(:where(.group\/nav):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\/row\:flex:is(:where(.group\/row):hover *){display:flex}.group-hover\/row\:hidden:is(:where(.group\/row):hover *){display:none}.group-hover\/row\:translate-x-0\.5:is(:where(.group\/row):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\/row\:opacity-100:is(:where(.group\/row):hover *){opacity:1}.group-hover\/sh\:text-kit-fg-2:is(:where(.group\/sh):hover *){color:var(--kit-fg-2)}.group-hover\/thumb\:opacity-100:is(:where(.group\/thumb):hover *),.group-hover\/ver\:opacity-100:is(:where(.group\/ver):hover *){opacity:1}}.group-focus-visible\/kgrip\:opacity-100:is(:where(.group\/kgrip):focus-visible *){opacity:1}.group-data-\[active\]\:text-kit-fg-2:is(:where(.group)[data-active] *){color:var(--kit-fg-2)}.group-data-\[popup-open\]\:rotate-180:is(:where(.group)[data-popup-open] *){rotate:180deg}.peer-focus\:hidden:is(:where(.peer):focus~*){display:none}.selection\:bg-kit-selected ::selection{background-color:var(--kit-selected)}.selection\:bg-kit-selected::selection{background-color:var(--kit-selected)}.placeholder\:font-normal::placeholder{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.placeholder\:text-kit-fg-3::placeholder{color:var(--kit-fg-3)}.placeholder\:text-kit-fg-4::placeholder{color:var(--kit-fg-4)}.before\:pointer-events-none:before{content:var(--tw-content);pointer-events:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-inset-1\.5:before{content:var(--tw-content);inset:calc(var(--spacing) * -1.5)}.before\:-inset-2:before{content:var(--tw-content);inset:calc(var(--spacing) * -2)}.before\:inset-y-1\.5:before{content:var(--tw-content);inset-block:calc(var(--spacing) * 1.5)}.before\:top-11:before{content:var(--tw-content);top:calc(var(--spacing) * 11)}.before\:bottom-2:before{content:var(--tw-content);bottom:calc(var(--spacing) * 2)}.before\:-left-2\.5:before{content:var(--tw-content);left:calc(var(--spacing) * -2.5)}.before\:left-0:before{content:var(--tw-content);left:0}.before\:hidden:before{content:var(--tw-content);display:none}.before\:w-px:before{content:var(--tw-content);width:1px}.before\:bg-kit-fg-inverse\/25:before{content:var(--tw-content);background-color:var(--kit-fg-inverse)}@supports (color:color-mix(in lab, red, red)){.before\:bg-kit-fg-inverse\/25:before{background-color:color-mix(in oklab, var(--kit-fg-inverse) 25%, transparent)}}.before\:bg-kit-line-strong:before{content:var(--tw-content);background-color:var(--kit-line-strong)}.before\:bg-transparent:before{content:var(--tw-content);background-color:#0000}.before\:transition-colors:before{content:var(--tw-content);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:duration-200:before{content:var(--tw-content);--tw-duration:.2s;transition-duration:.2s}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:top-full:after{content:var(--tw-content);top:100%}.after\:left-0:after{content:var(--tw-content);left:0}.after\:h-\[calc\(var\(--gap\)\+1px\)\]:after{content:var(--tw-content);height:calc(var(--gap) + 1px)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:rounded-kit-lg:after{content:var(--tw-content);border-radius:var(--kit-radius-lg)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:pt-1:first-child{padding-top:var(--spacing)}.first\:pl-4:first-child{padding-left:calc(var(--spacing) * 4)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pr-4:last-child{padding-right:calc(var(--spacing) * 4)}.empty\:hidden:empty{display:none}.empty\:before\:pointer-events-none:empty:before{content:var(--tw-content);pointer-events:none}.empty\:before\:text-kit-fg-4:empty:before{content:var(--tw-content);color:var(--kit-fg-4)}.empty\:before\:content-\[attr\(data-placeholder\)\]:empty:before{--tw-content:attr(data-placeholder);content:var(--tw-content)}.focus-within\:border-kit-field-border-focus:focus-within{border-color:var(--kit-field-border-focus)}.focus-within\:border-kit-line-strong:focus-within{border-color:var(--kit-line-strong)}.focus-within\:bg-kit-field-bg:focus-within{background-color:var(--kit-field-bg)}.focus-within\:opacity-100:focus-within{opacity:1}.focus-within\:shadow-kit-ring-field:focus-within{--tw-shadow:var(--kit-ring-field);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-1:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-within\:ring-kit-line-strong:focus-within{--tw-ring-color:var(--kit-line-strong)}@media (hover:hover){.hover\:\!z-30:hover{z-index:30!important}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-\[var\(--kit-emphasis-line\)\]:hover{border-color:var(--kit-emphasis-line)}.hover\:border-\[var\(--kit-field-invalid\)\]:hover{border-color:var(--kit-field-invalid)}.hover\:border-kit-accent-line:hover{border-color:var(--kit-accent-line)}.hover\:border-kit-field-border:hover{border-color:var(--kit-field-border)}.hover\:border-kit-field-border-hover:hover{border-color:var(--kit-field-border-hover)}.hover\:border-kit-line-strong:hover{border-color:var(--kit-line-strong)}.hover\:border-kit-warning-line:hover{border-color:var(--kit-warning-line)}.hover\:bg-kit-accent-hover:hover{background-color:var(--kit-accent-hover)}.hover\:bg-kit-accent-softer:hover{background-color:var(--kit-accent-softer)}.hover\:bg-kit-danger-soft:hover{background-color:var(--kit-danger-soft)}.hover\:bg-kit-hover:hover{background-color:var(--kit-hover)}.hover\:bg-kit-inverse-hover:hover{background-color:var(--kit-inverse-hover)}.hover\:bg-kit-selected:hover{background-color:var(--kit-selected)}.hover\:bg-kit-subtle:hover{background-color:var(--kit-subtle)}.hover\:bg-kit-subtle-2:hover{background-color:var(--kit-subtle-2)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-kit-danger-fg:hover{color:var(--kit-danger-fg)}.hover\:text-kit-fg:hover{color:var(--kit-fg)}.hover\:text-kit-fg-2:hover{color:var(--kit-fg-2)}.hover\:text-kit-fg-4:hover{color:var(--kit-fg-4)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-kit-fg:hover{-webkit-text-decoration-color:var(--kit-fg);-webkit-text-decoration-color:var(--kit-fg);text-decoration-color:var(--kit-fg)}.hover\:shadow-\[0_0_0_1px_var\(--kit-line\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--kit-line));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-kit-md:hover{--tw-shadow:var(--kit-shadow-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-kit-sm:hover{--tw-shadow:var(--kit-shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.not-data-\[active\]\:hover\:text-kit-fg-2:not([data-active]):hover{color:var(--kit-fg-2)}}.focus\:border-kit-field-border-focus:focus{border-color:var(--kit-field-border-focus)}.focus\:border-kit-line-strong:focus{border-color:var(--kit-line-strong)}.focus\:bg-kit-field-bg:focus{background-color:var(--kit-field-bg)}.focus\:bg-kit-surface:focus{background-color:var(--kit-surface)}.focus\:px-2:focus{padding-inline:calc(var(--spacing) * 2)}.focus\:text-kit-fg:focus{color:var(--kit-fg)}.focus\:shadow-\[inset_0_0_0_1px_var\(--kit-line-strong\)\]:focus{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--kit-line-strong));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:shadow-\[inset_0_0_0_2px_var\(--kit-fg-3\)\]:focus{--tw-shadow:inset 0 0 0 2px var(--tw-shadow-color,var(--kit-fg-3));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:shadow-kit-ring-field:focus{--tw-shadow:var(--kit-ring-field);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:shadow-none:focus{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-kit-line-strong:focus{--tw-ring-color:var(--kit-line-strong)}.focus-visible\:bg-kit-hover:focus-visible{background-color:var(--kit-hover)}.focus-visible\:text-kit-fg:focus-visible{color:var(--kit-fg)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:\!shadow-none:focus-visible{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)!important}.focus-visible\:shadow-\[0_0_0_1px_var\(--kit-line-strong\)\]:focus-visible{--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--kit-line-strong));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:shadow-\[0_0_0_2px_var\(--kit-accent\)\]:focus-visible{--tw-shadow:0 0 0 2px var(--tw-shadow-color,var(--kit-accent));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:shadow-\[inset_0_0_0_2px_var\(--kit-fg-3\)\]:focus-visible{--tw-shadow:inset 0 0 0 2px var(--tw-shadow-color,var(--kit-fg-3));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:shadow-none:focus-visible{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.focus-visible\:outline-offset-1:focus-visible{outline-offset:1px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-kit-focus-ring:focus-visible{outline-color:var(--kit-focus-ring)}.focus-visible\:\!outline-none:focus-visible{--tw-outline-style:none!important;outline-style:none!important}.focus-visible\:\[outline-style\:solid\]:focus-visible{outline-style:solid}.focus-visible\:after\:outline-2:focus-visible:after{content:var(--tw-content);outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:after\:outline-offset-2:focus-visible:after{content:var(--tw-content);outline-offset:2px}.focus-visible\:after\:outline-kit-focus-ring:focus-visible:after{content:var(--tw-content);outline-color:var(--kit-focus-ring)}.focus-visible\:after\:\[outline-style\:solid\]:focus-visible:after{content:var(--tw-content);outline-style:solid}.active\:scale-100:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:scale-\[0\.96\]:active{scale:.96}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-kit-hover:active{background-color:var(--kit-hover)}.active\:bg-kit-inverse:active{background-color:var(--kit-inverse)}.active\:bg-kit-selected:active{background-color:var(--kit-selected)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-default:disabled{cursor:default}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-kit-subtle:disabled{background-color:var(--kit-subtle)}.disabled\:text-kit-fg-4:disabled{color:var(--kit-fg-4)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-60:disabled{opacity:.6}@media (hover:hover){.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}}.has-\[\:focus-visible\]\:scale-110:has(:focus-visible){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.has-\[\:focus-visible\]\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[\:focus-visible\]\:outline-offset-2:has(:focus-visible){outline-offset:2px}.has-\[\:focus-visible\]\:outline-kit-focus-ring:has(:focus-visible){outline-color:var(--kit-focus-ring)}.has-\[\:focus-visible\]\:\[outline-style\:solid\]:has(:focus-visible){outline-style:solid}.aria-expanded\:bg-kit-selected[aria-expanded=true]{background-color:var(--kit-selected)}.aria-expanded\:text-kit-fg[aria-expanded=true]{color:var(--kit-fg)}.aria-\[invalid\=true\]\:border-\[var\(--kit-field-invalid\)\][aria-invalid=true]{border-color:var(--kit-field-invalid)}.data-\[active\]\:text-kit-fg[data-active]{color:var(--kit-fg)}.data-\[active\=true\]\:bg-kit-selected[data-active=true]{background-color:var(--kit-selected)}.data-\[active\=true\]\:text-kit-fg[data-active=true]{color:var(--kit-fg)}.data-\[behind\]\:opacity-0[data-behind]{opacity:0}.data-\[checked\]\:translate-x-\[14px\][data-checked]{--tw-translate-x:14px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[checked\]\:translate-x-\[18px\][data-checked]{--tw-translate-x:18px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[checked\]\:border-kit-accent[data-checked]{border-color:var(--kit-accent)}.data-\[checked\]\:border-kit-inverse[data-checked]{border-color:var(--kit-inverse)}.data-\[checked\]\:bg-kit-inverse[data-checked]{background-color:var(--kit-inverse)}.data-\[checked\]\:bg-kit-success[data-checked]{background-color:var(--kit-success)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.data-\[disabled\]\:opacity-40[data-disabled]{opacity:.4}.data-\[disabled\]\:opacity-60[data-disabled]{opacity:.6}.data-\[ending-style\]\:opacity-0[data-ending-style]{opacity:0}.data-\[expanded\]\:h-\[var\(--toast-height\)\][data-expanded]{height:var(--toast-height)}.data-\[expanded\]\:\[transform\:translateX\(var\(--toast-swipe-movement-x\)\)_translateY\(var\(--offset-y\)\)\][data-expanded]{transform:translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y))}.data-\[expanded\]\:opacity-100[data-expanded]{opacity:1}.data-\[highlighted\]\:bg-kit-danger-soft[data-highlighted]{background-color:var(--kit-danger-soft)}.data-\[highlighted\]\:bg-kit-hover[data-highlighted]{background-color:var(--kit-hover)}.data-\[highlighted\]\:text-kit-fg[data-highlighted]{color:var(--kit-fg)}.data-\[indeterminate\]\:border-kit-inverse[data-indeterminate]{border-color:var(--kit-inverse)}.data-\[indeterminate\]\:bg-kit-inverse[data-indeterminate]{background-color:var(--kit-inverse)}.data-\[limited\]\:opacity-0[data-limited]{opacity:0}.data-\[open\]\:animate-\[kit-sheet-in-b_300ms_cubic-bezier\(0\.32\,0\.72\,0\,1\)\][data-open]{animation:.3s cubic-bezier(.32,.72,0,1) kit-sheet-in-b}.data-\[open\]\:animate-\[kit-sheet-in-l_260ms_var\(--kit-ease-out-soft\)\][data-open]{animation:kit-sheet-in-l .26s var(--kit-ease-out-soft)}.data-\[open\]\:animate-\[kit-sheet-in-r_260ms_var\(--kit-ease-out-soft\)\][data-open]{animation:kit-sheet-in-r .26s var(--kit-ease-out-soft)}.data-\[open\]\:animate-kit-fade-in[data-open]{animation:kit-fade-in .16s var(--kit-ease-out-soft)}.data-\[open\]\:animate-kit-pop-in[data-open]{animation:kit-pop-in .18s var(--kit-ease-out-soft)}.data-\[open\]\:not-data-\[instant\]\:animate-kit-fade-in[data-open]:not([data-instant]){animation:kit-fade-in .16s var(--kit-ease-out-soft)}.data-\[placeholder\]\:text-kit-fg-3[data-placeholder]{color:var(--kit-fg-3)}.data-\[popup-open\]\:inline-flex[data-popup-open]{display:inline-flex}.data-\[popup-open\]\:border-kit-field-border-focus[data-popup-open]{border-color:var(--kit-field-border-focus)}.data-\[popup-open\]\:border-kit-line-strong[data-popup-open]{border-color:var(--kit-line-strong)}.data-\[popup-open\]\:border-kit-warning-line[data-popup-open]{border-color:var(--kit-warning-line)}.data-\[popup-open\]\:bg-kit-field-bg[data-popup-open]{background-color:var(--kit-field-bg)}.data-\[popup-open\]\:bg-kit-hover[data-popup-open]{background-color:var(--kit-hover)}.data-\[popup-open\]\:text-kit-fg[data-popup-open]{color:var(--kit-fg)}.data-\[popup-open\]\:opacity-100[data-popup-open]{opacity:1}.data-\[pressed\]\:bg-kit-selected[data-pressed]{background-color:var(--kit-selected)}.data-\[pressed\]\:text-kit-fg[data-pressed]{color:var(--kit-fg)}.data-\[selected\=true\]\:bg-kit-accent-softer[data-selected=true]{background-color:var(--kit-accent-softer)}.data-\[starting-style\]\:\[transform\:translateY\(100\%\)\][data-starting-style]{transform:translateY(100%)}.data-\[starting-style\]\:opacity-0[data-starting-style]{opacity:0}.data-\[state\=open\]\:inline-flex[data-state=open]{display:inline-flex}.data-\[state\=open\]\:bg-kit-hover[data-state=open]{background-color:var(--kit-hover)}.data-\[state\=open\]\:text-kit-fg[data-state=open]{color:var(--kit-fg)}.data-\[state\=open\]\:focus-within\:before\:bg-kit-line[data-state=open]:focus-within:before{content:var(--tw-content);background-color:var(--kit-line)}.data-\[ending-style\]\:data-\[swipe-direction\=down\]\:\[transform\:translateY\(calc\(var\(--toast-swipe-movement-y\)\+100\%\)\)\][data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 100%))}.data-\[ending-style\]\:data-\[swipe-direction\=right\]\:\[transform\:translateX\(calc\(var\(--toast-swipe-movement-x\)\+100\%\)\)_translateY\(var\(--offset-y\)\)\][data-ending-style][data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 100%)) translateY(var(--offset-y))}@media (prefers-reduced-motion:no-preference){.motion-safe\:animate-pulse{animation:var(--animate-pulse)}.motion-safe\:transition-\[left\,opacity\]{transition-property:left,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.motion-safe\:duration-75{--tw-duration:75ms;transition-duration:75ms}}@media (prefers-reduced-motion:reduce){.motion-reduce\:\[animation\:none\],.motion-reduce\:animate-none{animation:none}.motion-reduce\:transition-none{transition-property:none}}@media not all and (min-width:600px){.max-\[600px\]\:left-4{left:calc(var(--spacing) * 4)}.max-\[600px\]\:w-auto{width:auto}}@media not all and (min-width:40rem){.max-sm\:w-full{width:100%}.max-sm\:basis-full{flex-basis:100%}.max-sm\:data-\[open\]\:animate-kit-slide-up[data-open]{animation:kit-slide-up .22s var(--kit-ease-out-soft)}}@media (min-width:40rem){.sm\:inset-8{inset:calc(var(--spacing) * 8)}.sm\:order-none{order:0}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:h-auto{height:auto}.sm\:max-h-\[calc\(100dvh-48px\)\]{max-height:calc(100dvh - 48px)}.sm\:max-h-\[min\(640px\,calc\(100dvh-48px\)\)\]{max-height:min(640px,100dvh - 48px)}.sm\:max-h-\[min\(760px\,calc\(100dvh-48px\)\)\]{max-height:min(760px,100dvh - 48px)}.sm\:max-w-\[480px\]{max-width:480px}.sm\:max-w-\[640px\]{max-width:640px}.sm\:max-w-\[800px\]{max-width:800px}.sm\:max-w-\[960px\]{max-width:960px}.sm\:items-center{align-items:center}.sm\:rounded-kit-xl{border-radius:var(--kit-radius-xl)}.sm\:border{border-style:var(--tw-border-style);border-width:1px}.sm\:border-kit-line{border-color:var(--kit-line)}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}.sm\:data-\[open\]\:animate-kit-pop-in[data-open]{animation:kit-pop-in .18s var(--kit-ease-out-soft)}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.lg\:inset-x-12{inset-inline:calc(var(--spacing) * 12)}.lg\:inset-y-10{inset-block:calc(var(--spacing) * 10)}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:flex-row-reverse{flex-direction:row-reverse}}@container not (min-width:360px){.\@max-\[360px\]\:gap-3{gap:calc(var(--spacing) * 3)}.\@max-\[360px\]\:gap-y-3{row-gap:calc(var(--spacing) * 3)}.\@max-\[360px\]\:pt-3{padding-top:calc(var(--spacing) * 3)}.\@max-\[360px\]\:pt-5{padding-top:calc(var(--spacing) * 5)}.\@max-\[360px\]\:pb-3{padding-bottom:calc(var(--spacing) * 3)}}@container date (min-width:200px){.\@\[200px\]\/date\:inline{display:inline}}@container date (min-width:260px){.\@\[260px\]\/date\:inline{display:inline}}@container (min-width:420px){.\@\[420px\]\:col-span-2{grid-column:span 2/span 2}.\@\[420px\]\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:520px){.\@\[520px\]\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\@\[520px\]\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@container tray (min-width:34rem){.\@\[34rem\]\/tray\:hidden{display:none}.\@\[34rem\]\/tray\:inline{display:inline}}@media (pointer:coarse){.pointer-coarse\:size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.pointer-coarse\:h-11{height:calc(var(--spacing) * 11)}.pointer-coarse\:min-h-11{min-height:calc(var(--spacing) * 11)}.pointer-coarse\:opacity-100{opacity:1}.pointer-coarse\:\[--rt-toolbar-h\:2\.75rem\]{--rt-toolbar-h:2.75rem}}.\[\&_\*\:not\(\[data-rt-isolate\]_\*\)\]\:outline-none :not([data-rt-isolate] *){--tw-outline-style:none;outline-style:none}.\[\&_\.border-kit-field-border\]\:border-\[var\(--peer\)\] .border-kit-field-border{border-color:var(--peer)}.\[\&_\[data-crumb-icon\]\]\:text-kit-fg-2 [data-crumb-icon]{color:var(--kit-fg-2)}.\[\&_\[role\=listbox\]\]\:max-h-56 [role=listbox]{max-height:calc(var(--spacing) * 56)}.\[\&_a\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-accent-fg a:not([data-rt-isolate] *){color:var(--kit-accent-fg)}.\[\&_a\:not\(\[data-rt-isolate\]_\*\)\]\:underline a:not([data-rt-isolate] *){text-decoration-line:underline}.\[\&_a\:not\(\[data-rt-isolate\]_\*\)\]\:decoration-kit-accent-line a:not([data-rt-isolate] *){-webkit-text-decoration-color:var(--kit-accent-line);-webkit-text-decoration-color:var(--kit-accent-line);text-decoration-color:var(--kit-accent-line)}.\[\&_a\:not\(\[data-rt-isolate\]_\*\)\]\:underline-offset-2 a:not([data-rt-isolate] *){text-underline-offset:2px}.\[\&_a\[data-button\]\:not\(\[data-rt-isolate\]_\*\)\]\:inline-flex a[data-button]:not([data-rt-isolate] *){display:inline-flex}.\[\&_a\[data-button\]\:not\(\[data-rt-isolate\]_\*\)\]\:h-9 a[data-button]:not([data-rt-isolate] *){height:calc(var(--spacing) * 9)}.\[\&_a\[data-button\]\:not\(\[data-rt-isolate\]_\*\)\]\:cursor-pointer a[data-button]:not([data-rt-isolate] *){cursor:pointer}.\[\&_a\[data-button\]\:not\(\[data-rt-isolate\]_\*\)\]\:items-center a[data-button]:not([data-rt-isolate] *){align-items:center}.\[\&_a\[data-button\]\:not\(\[data-rt-isolate\]_\*\)\]\:rounded-kit-md a[data-button]:not([data-rt-isolate] *){border-radius:var(--kit-radius-md)}.\[\&_a\[data-button\]\:not\(\[data-rt-isolate\]_\*\)\]\:bg-kit-inverse a[data-button]:not([data-rt-isolate] *){background-color:var(--kit-inverse)}.\[\&_a\[data-button\]\:not\(\[data-rt-isolate\]_\*\)\]\:px-3\.5 a[data-button]:not([data-rt-isolate] *){padding-inline:calc(var(--spacing) * 3.5)}.\[\&_a\[data-button\]\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-sm a[data-button]:not([data-rt-isolate] *){font-size:var(--kit-text-sm);line-height:var(--tw-leading,var(--kit-text-sm--line-height))}.\[\&_a\[data-button\]\:not\(\[data-rt-isolate\]_\*\)\]\:font-medium a[data-button]:not([data-rt-isolate] *){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_a\[data-button\]\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-fg-inverse a[data-button]:not([data-rt-isolate] *){color:var(--kit-fg-inverse)}.\[\&_a\[data-button\]\:not\(\[data-rt-isolate\]_\*\)\]\:no-underline a[data-button]:not([data-rt-isolate] *){text-decoration-line:none}.\[\&_abbr\:not\(\[data-rt-isolate\]_\*\)\]\:cursor-help abbr:not([data-rt-isolate] *){cursor:help}.\[\&_abbr\:not\(\[data-rt-isolate\]_\*\)\]\:underline abbr:not([data-rt-isolate] *){text-decoration-line:underline}.\[\&_abbr\:not\(\[data-rt-isolate\]_\*\)\]\:decoration-dotted abbr:not([data-rt-isolate] *){text-decoration-style:dotted}.\[\&_abbr\:not\(\[data-rt-isolate\]_\*\)\]\:underline-offset-2 abbr:not([data-rt-isolate] *){text-underline-offset:2px}.\[\&_blockquote\:not\(\[data-rt-isolate\]_\*\)\]\:border-l-2 blockquote:not([data-rt-isolate] *){border-left-style:var(--tw-border-style);border-left-width:2px}.\[\&_blockquote\:not\(\[data-rt-isolate\]_\*\)\]\:border-kit-line-strong blockquote:not([data-rt-isolate] *){border-color:var(--kit-line-strong)}.\[\&_blockquote\:not\(\[data-rt-isolate\]_\*\)\]\:pl-4 blockquote:not([data-rt-isolate] *){padding-left:calc(var(--spacing) * 4)}.\[\&_blockquote\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-fg-2 blockquote:not([data-rt-isolate] *){color:var(--kit-fg-2)}.\[\&_blockquote\:not\(\[data-rt-isolate\]_\*\)\]\:italic blockquote:not([data-rt-isolate] *){font-style:italic}.\[\&_code\:not\(\[data-rt-isolate\]_\*\)\]\:rounded-kit-md code:not([data-rt-isolate] *){border-radius:var(--kit-radius-md)}.\[\&_code\:not\(\[data-rt-isolate\]_\*\)\]\:bg-kit-muted code:not([data-rt-isolate] *){background-color:var(--kit-muted)}.\[\&_code\:not\(\[data-rt-isolate\]_\*\)\]\:px-1 code:not([data-rt-isolate] *){padding-inline:var(--spacing)}.\[\&_code\:not\(\[data-rt-isolate\]_\*\)\]\:py-px code:not([data-rt-isolate] *){padding-block:1px}.\[\&_code\:not\(\[data-rt-isolate\]_\*\)\]\:font-kit-mono code:not([data-rt-isolate] *){font-family:var(--kit-font-mono)}.\[\&_code\:not\(\[data-rt-isolate\]_\*\)\]\:text-\[0\.9em\] code:not([data-rt-isolate] *){font-size:.9em}.\[\&_details\:not\(\[data-rt-isolate\]_\*\)\]\:rounded-kit-md details:not([data-rt-isolate] *){border-radius:var(--kit-radius-md)}.\[\&_details\>div\:not\(\[data-rt-isolate\]_\*\)\]\:mt-1 details>div:not([data-rt-isolate] *){margin-top:var(--spacing)}.\[\&_details\>div\:not\(\[data-rt-isolate\]_\*\)\]\:ml-1 details>div:not([data-rt-isolate] *){margin-left:var(--spacing)}.\[\&_details\>div\:not\(\[data-rt-isolate\]_\*\)\]\:border-l details>div:not([data-rt-isolate] *){border-left-style:var(--tw-border-style);border-left-width:1px}.\[\&_details\>div\:not\(\[data-rt-isolate\]_\*\)\]\:border-kit-line details>div:not([data-rt-isolate] *){border-color:var(--kit-line)}.\[\&_details\>div\:not\(\[data-rt-isolate\]_\*\)\]\:pl-4 details>div:not([data-rt-isolate] *){padding-left:calc(var(--spacing) * 4)}.\[\&_div\[data-block\]\:not\(\[data-rt-isolate\]_\*\)\]\:flex div[data-block]:not([data-rt-isolate] *){display:flex}.\[\&_div\[data-block\]\:not\(\[data-rt-isolate\]_\*\)\]\:items-center div[data-block]:not([data-rt-isolate] *){align-items:center}.\[\&_div\[data-block\]\:not\(\[data-rt-isolate\]_\*\)\]\:gap-2 div[data-block]:not([data-rt-isolate] *){gap:calc(var(--spacing) * 2)}.\[\&_div\[data-block\]\:not\(\[data-rt-isolate\]_\*\)\]\:rounded-kit-lg div[data-block]:not([data-rt-isolate] *){border-radius:var(--kit-radius-lg)}.\[\&_div\[data-block\]\:not\(\[data-rt-isolate\]_\*\)\]\:border div[data-block]:not([data-rt-isolate] *){border-style:var(--tw-border-style);border-width:1px}.\[\&_div\[data-block\]\:not\(\[data-rt-isolate\]_\*\)\]\:border-dashed div[data-block]:not([data-rt-isolate] *){--tw-border-style:dashed;border-style:dashed}.\[\&_div\[data-block\]\:not\(\[data-rt-isolate\]_\*\)\]\:border-kit-accent-line div[data-block]:not([data-rt-isolate] *){border-color:var(--kit-accent-line)}.\[\&_div\[data-block\]\:not\(\[data-rt-isolate\]_\*\)\]\:bg-kit-accent-softer div[data-block]:not([data-rt-isolate] *){background-color:var(--kit-accent-softer)}.\[\&_div\[data-block\]\:not\(\[data-rt-isolate\]_\*\)\]\:px-3 div[data-block]:not([data-rt-isolate] *){padding-inline:calc(var(--spacing) * 3)}.\[\&_div\[data-block\]\:not\(\[data-rt-isolate\]_\*\)\]\:py-3 div[data-block]:not([data-rt-isolate] *){padding-block:calc(var(--spacing) * 3)}.\[\&_div\[data-block\]\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-sm div[data-block]:not([data-rt-isolate] *){font-size:var(--kit-text-sm);line-height:var(--tw-leading,var(--kit-text-sm--line-height))}.\[\&_div\[data-block\]\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-accent-fg div[data-block]:not([data-rt-isolate] *){color:var(--kit-accent-fg)}.\[\&_div\[data-callout\=tip\]\:not\(\[data-rt-isolate\]_\*\)\]\:border-kit-success-line div[data-callout=tip]:not([data-rt-isolate] *){border-color:var(--kit-success-line)}.\[\&_div\[data-callout\=tip\]\:not\(\[data-rt-isolate\]_\*\)\]\:bg-kit-success-soft div[data-callout=tip]:not([data-rt-isolate] *){background-color:var(--kit-success-soft)}.\[\&_div\[data-callout\=warning\]\:not\(\[data-rt-isolate\]_\*\)\]\:border-kit-warning-line div[data-callout=warning]:not([data-rt-isolate] *){border-color:var(--kit-warning-line)}.\[\&_div\[data-callout\=warning\]\:not\(\[data-rt-isolate\]_\*\)\]\:bg-kit-warning-soft div[data-callout=warning]:not([data-rt-isolate] *){background-color:var(--kit-warning-soft)}.\[\&_div\[data-callout\]\:not\(\[data-rt-isolate\]_\*\)\]\:rounded-kit-lg div[data-callout]:not([data-rt-isolate] *){border-radius:var(--kit-radius-lg)}.\[\&_div\[data-callout\]\:not\(\[data-rt-isolate\]_\*\)\]\:border div[data-callout]:not([data-rt-isolate] *){border-style:var(--tw-border-style);border-width:1px}.\[\&_div\[data-callout\]\:not\(\[data-rt-isolate\]_\*\)\]\:border-kit-info-line div[data-callout]:not([data-rt-isolate] *){border-color:var(--kit-info-line)}.\[\&_div\[data-callout\]\:not\(\[data-rt-isolate\]_\*\)\]\:bg-kit-info-soft div[data-callout]:not([data-rt-isolate] *){background-color:var(--kit-info-soft)}.\[\&_div\[data-callout\]\:not\(\[data-rt-isolate\]_\*\)\]\:px-4 div[data-callout]:not([data-rt-isolate] *){padding-inline:calc(var(--spacing) * 4)}.\[\&_div\[data-callout\]\:not\(\[data-rt-isolate\]_\*\)\]\:py-3 div[data-callout]:not([data-rt-isolate] *){padding-block:calc(var(--spacing) * 3)}.\[\&_div\[data-callout\]\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-fg div[data-callout]:not([data-rt-isolate] *){color:var(--kit-fg)}.\[\&_div\[data-callout\]\>p\[data-title\]\:not\(\[data-rt-isolate\]_\*\)\]\:font-medium div[data-callout]>p[data-title]:not([data-rt-isolate] *){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_div\[data-cols\=\'2\'\]\:not\(\[data-rt-isolate\]_\*\)\]\:grid-cols-2 div[data-cols="2"]:not([data-rt-isolate] *){grid-template-columns:repeat(2,minmax(0,1fr))}.\[\&_div\[data-cols\=\'3\'\]\:not\(\[data-rt-isolate\]_\*\)\]\:grid-cols-3 div[data-cols="3"]:not([data-rt-isolate] *){grid-template-columns:repeat(3,minmax(0,1fr))}.\[\&_div\[data-cols\=\'4\'\]\:not\(\[data-rt-isolate\]_\*\)\]\:grid-cols-4 div[data-cols="4"]:not([data-rt-isolate] *){grid-template-columns:repeat(4,minmax(0,1fr))}.\[\&_div\[data-embed\]\:not\(\[data-rt-isolate\]_\*\)\]\:flex div[data-embed]:not([data-rt-isolate] *){display:flex}.\[\&_div\[data-embed\]\:not\(\[data-rt-isolate\]_\*\)\]\:aspect-video div[data-embed]:not([data-rt-isolate] *){aspect-ratio:var(--aspect-video)}.\[\&_div\[data-embed\]\:not\(\[data-rt-isolate\]_\*\)\]\:items-center div[data-embed]:not([data-rt-isolate] *){align-items:center}.\[\&_div\[data-embed\]\:not\(\[data-rt-isolate\]_\*\)\]\:justify-center div[data-embed]:not([data-rt-isolate] *){justify-content:center}.\[\&_div\[data-embed\]\:not\(\[data-rt-isolate\]_\*\)\]\:rounded-kit-lg div[data-embed]:not([data-rt-isolate] *){border-radius:var(--kit-radius-lg)}.\[\&_div\[data-embed\]\:not\(\[data-rt-isolate\]_\*\)\]\:border div[data-embed]:not([data-rt-isolate] *){border-style:var(--tw-border-style);border-width:1px}.\[\&_div\[data-embed\]\:not\(\[data-rt-isolate\]_\*\)\]\:border-kit-line div[data-embed]:not([data-rt-isolate] *){border-color:var(--kit-line)}.\[\&_div\[data-embed\]\:not\(\[data-rt-isolate\]_\*\)\]\:bg-kit-subtle div[data-embed]:not([data-rt-isolate] *){background-color:var(--kit-subtle)}.\[\&_div\[data-embed\]\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-sm div[data-embed]:not([data-rt-isolate] *){font-size:var(--kit-text-sm);line-height:var(--tw-leading,var(--kit-text-sm--line-height))}.\[\&_div\[data-embed\]\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-fg-3 div[data-embed]:not([data-rt-isolate] *){color:var(--kit-fg-3)}.\[\&_div\[data-gap\=l\]\:not\(\[data-rt-isolate\]_\*\)\]\:gap-7 div[data-gap=l]:not([data-rt-isolate] *){gap:calc(var(--spacing) * 7)}.\[\&_div\[data-gap\=s\]\:not\(\[data-rt-isolate\]_\*\)\]\:gap-2 div[data-gap=s]:not([data-rt-isolate] *){gap:calc(var(--spacing) * 2)}.\[\&_div\[data-rt\=columns\]\:not\(\[data-rt-isolate\]_\*\)\]\:grid div[data-rt=columns]:not([data-rt-isolate] *){display:grid}.\[\&_div\[data-rt\=columns\]\:not\(\[data-rt-isolate\]_\*\)\]\:gap-4 div[data-rt=columns]:not([data-rt-isolate] *){gap:calc(var(--spacing) * 4)}.\[\&_div\[data-rt\=file\]\:not\(\[data-rt-isolate\]_\*\)\]\:rounded-kit-lg div[data-rt=file]:not([data-rt-isolate] *){border-radius:var(--kit-radius-lg)}.\[\&_div\[data-rt\=file\]\:not\(\[data-rt-isolate\]_\*\)\]\:border div[data-rt=file]:not([data-rt-isolate] *){border-style:var(--tw-border-style);border-width:1px}.\[\&_div\[data-rt\=file\]\:not\(\[data-rt-isolate\]_\*\)\]\:border-kit-line div[data-rt=file]:not([data-rt-isolate] *){border-color:var(--kit-line)}.\[\&_div\[data-rt\=file\]\:not\(\[data-rt-isolate\]_\*\)\]\:px-3 div[data-rt=file]:not([data-rt-isolate] *){padding-inline:calc(var(--spacing) * 3)}.\[\&_div\[data-rt\=file\]\:not\(\[data-rt-isolate\]_\*\)\]\:py-2\.5 div[data-rt=file]:not([data-rt-isolate] *){padding-block:calc(var(--spacing) * 2.5)}.\[\&_div\[data-rt\=file\]\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-sm div[data-rt=file]:not([data-rt-isolate] *){font-size:var(--kit-text-sm);line-height:var(--tw-leading,var(--kit-text-sm--line-height))}.\[\&_figcaption\:not\(\[data-rt-isolate\]_\*\)\]\:mt-1\.5 figcaption:not([data-rt-isolate] *){margin-top:calc(var(--spacing) * 1.5)}.\[\&_figcaption\:not\(\[data-rt-isolate\]_\*\)\]\:text-center figcaption:not([data-rt-isolate] *){text-align:center}.\[\&_figcaption\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-sm figcaption:not([data-rt-isolate] *){font-size:var(--kit-text-sm);line-height:var(--tw-leading,var(--kit-text-sm--line-height))}.\[\&_figcaption\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-fg-3 figcaption:not([data-rt-isolate] *){color:var(--kit-fg-3)}.\[\&_figure_img\:not\(\[data-rt-isolate\]_\*\)\]\:block figure img:not([data-rt-isolate] *){display:block}.\[\&_figure\:not\(\[data-rt-isolate\]_\*\)\]\:my-4 figure:not([data-rt-isolate] *){margin-block:calc(var(--spacing) * 4)}.\[\&_figure\[data-align\=center\]_img\:not\(\[data-rt-isolate\]_\*\)\]\:mx-auto figure[data-align=center] img:not([data-rt-isolate] *){margin-inline:auto}.\[\&_figure\[data-align\=full\]_img\:not\(\[data-rt-isolate\]_\*\)\]\:w-full figure[data-align=full] img:not([data-rt-isolate] *){width:100%}.\[\&_figure\[data-align\=right\]_img\:not\(\[data-rt-isolate\]_\*\)\]\:ml-auto figure[data-align=right] img:not([data-rt-isolate] *){margin-left:auto}.\[\&_figure\[data-size\=l\]_img\:not\(\[data-rt-isolate\]_\*\)\]\:w-3\/4 figure[data-size=l] img:not([data-rt-isolate] *){width:75%}.\[\&_figure\[data-size\=m\]_img\:not\(\[data-rt-isolate\]_\*\)\]\:w-1\/2 figure[data-size=m] img:not([data-rt-isolate] *){width:50%}.\[\&_figure\[data-size\=s\]_img\:not\(\[data-rt-isolate\]_\*\)\]\:w-1\/3 figure[data-size=s] img:not([data-rt-isolate] *){width:33.3333%}.\[\&_h1\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-xl h1:not([data-rt-isolate] *){font-size:var(--kit-text-xl);line-height:var(--tw-leading,var(--kit-text-xl--line-height))}.\[\&_h1\:not\(\[data-rt-isolate\]_\*\)\]\:text-\[28px\] h1:not([data-rt-isolate] *){font-size:28px}.\[\&_h1\:not\(\[data-rt-isolate\]_\*\)\]\:leading-7 h1:not([data-rt-isolate] *){--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.\[\&_h1\:not\(\[data-rt-isolate\]_\*\)\]\:leading-9 h1:not([data-rt-isolate] *){--tw-leading:calc(var(--spacing) * 9);line-height:calc(var(--spacing) * 9)}.\[\&_h1\:not\(\[data-rt-isolate\]_\*\)\]\:font-semibold h1:not([data-rt-isolate] *){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_h1\:not\(\[data-rt-isolate\]_\*\)\]\:tracking-\[-0\.01em\] h1:not([data-rt-isolate] *){--tw-tracking:-.01em;letter-spacing:-.01em}.\[\&_h2\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-lg h2:not([data-rt-isolate] *){font-size:var(--kit-text-lg);line-height:var(--tw-leading,var(--kit-text-lg--line-height))}.\[\&_h2\:not\(\[data-rt-isolate\]_\*\)\]\:text-\[22px\] h2:not([data-rt-isolate] *){font-size:22px}.\[\&_h2\:not\(\[data-rt-isolate\]_\*\)\]\:leading-7 h2:not([data-rt-isolate] *){--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.\[\&_h2\:not\(\[data-rt-isolate\]_\*\)\]\:leading-8 h2:not([data-rt-isolate] *){--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.\[\&_h2\:not\(\[data-rt-isolate\]_\*\)\]\:font-semibold h2:not([data-rt-isolate] *){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_h2\:not\(\[data-rt-isolate\]_\*\)\]\:tracking-\[-0\.01em\] h2:not([data-rt-isolate] *){--tw-tracking:-.01em;letter-spacing:-.01em}.\[\&_h3\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-lg h3:not([data-rt-isolate] *){font-size:var(--kit-text-lg);line-height:var(--tw-leading,var(--kit-text-lg--line-height))}.\[\&_h3\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-md h3:not([data-rt-isolate] *){font-size:var(--kit-text-md);line-height:var(--tw-leading,var(--kit-text-md--line-height))}.\[\&_h3\:not\(\[data-rt-isolate\]_\*\)\]\:font-semibold h3:not([data-rt-isolate] *){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_h4\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-base h4:not([data-rt-isolate] *){font-size:var(--kit-text-base);line-height:var(--tw-leading,var(--kit-text-base--line-height))}.\[\&_h4\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-md h4:not([data-rt-isolate] *){font-size:var(--kit-text-md);line-height:var(--tw-leading,var(--kit-text-md--line-height))}.\[\&_h4\:not\(\[data-rt-isolate\]_\*\)\]\:font-semibold h4:not([data-rt-isolate] *){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_h5\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-base h5:not([data-rt-isolate] *){font-size:var(--kit-text-base);line-height:var(--tw-leading,var(--kit-text-base--line-height))}.\[\&_h5\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-sm h5:not([data-rt-isolate] *){font-size:var(--kit-text-sm);line-height:var(--tw-leading,var(--kit-text-sm--line-height))}.\[\&_h5\:not\(\[data-rt-isolate\]_\*\)\]\:font-semibold h5:not([data-rt-isolate] *){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_h6\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-sm h6:not([data-rt-isolate] *){font-size:var(--kit-text-sm);line-height:var(--tw-leading,var(--kit-text-sm--line-height))}.\[\&_h6\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-xs h6:not([data-rt-isolate] *){font-size:var(--kit-text-xs);line-height:var(--tw-leading,var(--kit-text-xs--line-height))}.\[\&_h6\:not\(\[data-rt-isolate\]_\*\)\]\:font-semibold h6:not([data-rt-isolate] *){--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_h6\:not\(\[data-rt-isolate\]_\*\)\]\:tracking-wide h6:not([data-rt-isolate] *){--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.\[\&_h6\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-fg-2 h6:not([data-rt-isolate] *){color:var(--kit-fg-2)}.\[\&_h6\:not\(\[data-rt-isolate\]_\*\)\]\:uppercase h6:not([data-rt-isolate] *){text-transform:uppercase}.\[\&_hr\:not\(\[data-rt-isolate\]_\*\)\]\:my-6 hr:not([data-rt-isolate] *){margin-block:calc(var(--spacing) * 6)}.\[\&_hr\:not\(\[data-rt-isolate\]_\*\)\]\:border-kit-line hr:not([data-rt-isolate] *){border-color:var(--kit-line)}.\[\&_img\:not\(\[data-rt-isolate\]_\*\)\]\:rounded-kit-lg img:not([data-rt-isolate] *){border-radius:var(--kit-radius-lg)}.\[\&_img\:not\(\[data-rt-isolate\]_\*\)\]\:border img:not([data-rt-isolate] *){border-style:var(--tw-border-style);border-width:1px}.\[\&_img\:not\(\[data-rt-isolate\]_\*\)\]\:border-kit-line img:not([data-rt-isolate] *){border-color:var(--kit-line)}.\[\&_input\]\:pr-28 input{padding-right:calc(var(--spacing) * 28)}.\[\&_input\]\:font-kit-mono input{font-family:var(--kit-font-mono)}.\[\&_input\]\:text-kit-accent-fg input{color:var(--kit-accent-fg)}.\[\&_li\+li\:not\(\[data-rt-isolate\]_\*\)\]\:mt-1 li+li:not([data-rt-isolate] *){margin-top:var(--spacing)}.\[\&_li\:not\(\[data-rt-isolate\]_\*\)\]\:pl-1 li:not([data-rt-isolate] *){padding-left:var(--spacing)}.\[\&_li\:not\(\[data-rt-isolate\]_\*\)\]\:marker\:text-kit-fg-3 li:not([data-rt-isolate] *) ::marker{color:var(--kit-fg-3)}.\[\&_li\:not\(\[data-rt-isolate\]_\*\)\]\:marker\:text-kit-fg-3 li:not([data-rt-isolate] *)::marker{color:var(--kit-fg-3)}.\[\&_li\:not\(\[data-rt-isolate\]_\*\)\]\:marker\:text-kit-fg-3 li:not([data-rt-isolate] *) ::-webkit-details-marker{color:var(--kit-fg-3)}.\[\&_li\:not\(\[data-rt-isolate\]_\*\)\]\:marker\:text-kit-fg-3 li:not([data-rt-isolate] *)::-webkit-details-marker{color:var(--kit-fg-3)}.\[\&_ol\:not\(\[data-rt-isolate\]_\*\)\]\:list-decimal ol:not([data-rt-isolate] *){list-style-type:decimal}.\[\&_ol\:not\(\[data-rt-isolate\]_\*\)\]\:pl-5 ol:not([data-rt-isolate] *){padding-left:calc(var(--spacing) * 5)}.\[\&_p\+p\]\:mt-2 p+p{margin-top:calc(var(--spacing) * 2)}.\[\&_pre_code\:not\(\[data-rt-isolate\]_\*\)\]\:rounded-none pre code:not([data-rt-isolate] *){border-radius:0}.\[\&_pre_code\:not\(\[data-rt-isolate\]_\*\)\]\:bg-transparent pre code:not([data-rt-isolate] *){background-color:#0000}.\[\&_pre_code\:not\(\[data-rt-isolate\]_\*\)\]\:p-0 pre code:not([data-rt-isolate] *){padding:0}.\[\&_pre_code\:not\(\[data-rt-isolate\]_\*\)\]\:text-\[1em\] pre code:not([data-rt-isolate] *){font-size:1em}.\[\&_pre\:not\(\[data-rt-isolate\]_\*\)\]\:overflow-x-auto pre:not([data-rt-isolate] *){overflow-x:auto}.\[\&_pre\:not\(\[data-rt-isolate\]_\*\)\]\:rounded-kit-lg pre:not([data-rt-isolate] *){border-radius:var(--kit-radius-lg)}.\[\&_pre\:not\(\[data-rt-isolate\]_\*\)\]\:border pre:not([data-rt-isolate] *){border-style:var(--tw-border-style);border-width:1px}.\[\&_pre\:not\(\[data-rt-isolate\]_\*\)\]\:border-kit-line pre:not([data-rt-isolate] *){border-color:var(--kit-line)}.\[\&_pre\:not\(\[data-rt-isolate\]_\*\)\]\:bg-kit-code pre:not([data-rt-isolate] *){background-color:var(--kit-code)}.\[\&_pre\:not\(\[data-rt-isolate\]_\*\)\]\:p-3 pre:not([data-rt-isolate] *){padding:calc(var(--spacing) * 3)}.\[\&_pre\:not\(\[data-rt-isolate\]_\*\)\]\:font-kit-mono pre:not([data-rt-isolate] *){font-family:var(--kit-font-mono)}.\[\&_pre\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-sm pre:not([data-rt-isolate] *){font-size:var(--kit-text-sm);line-height:var(--tw-leading,var(--kit-text-sm--line-height))}.\[\&_pre\:not\(\[data-rt-isolate\]_\*\)\]\:whitespace-pre-wrap pre:not([data-rt-isolate] *){white-space:pre-wrap}.\[\&_pre\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-code-fg pre:not([data-rt-isolate] *){color:var(--kit-code-fg)}.\[\&_span\[class\]\:not\(\[data-rt-isolate\]_\*\)\]\:\!visible span[class]:not([data-rt-isolate] *){visibility:visible!important}.\[\&_span\[class\]\:not\(\[data-rt-isolate\]_\*\)\]\:\!bg-none span[class]:not([data-rt-isolate] *){background-image:none!important}.\[\&_span\[class\]\:not\(\[data-rt-isolate\]_\*\)\]\:\!text-inherit span[class]:not([data-rt-isolate] *){color:inherit!important}.\[\&_span\[class\]\:not\(\[data-rt-isolate\]_\*\)\]\:\!opacity-100 span[class]:not([data-rt-isolate] *){opacity:1!important}.\[\&_span\[class\]\:not\(\[data-rt-isolate\]_\*\)\]\:\!\[-webkit-text-fill-color\:currentColor\] span[class]:not([data-rt-isolate] *){-webkit-text-fill-color:currentColor!important}.\[\&_summary\:not\(\[data-rt-isolate\]_\*\)\]\:cursor-pointer summary:not([data-rt-isolate] *){cursor:pointer}.\[\&_summary\:not\(\[data-rt-isolate\]_\*\)\]\:font-medium summary:not([data-rt-isolate] *){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_sup\:not\(\[data-rt-isolate\]_\*\)\]\:text-\[0\.7em\] sup:not([data-rt-isolate] *){font-size:.7em}.\[\&_sup\:not\(\[data-rt-isolate\]_\*\)\]\:leading-none sup:not([data-rt-isolate] *){--tw-leading:1;line-height:1}.\[\&_sup\[data-rt\=fn\]\]\:mx-px sup[data-rt=fn]{margin-inline:1px}.\[\&_sup\[data-rt\=fn\]\]\:cursor-pointer sup[data-rt=fn]{cursor:pointer}.\[\&_sup\[data-rt\=fn\]\]\:rounded-kit-sm sup[data-rt=fn]{border-radius:var(--kit-radius-sm)}.\[\&_sup\[data-rt\=fn\]\]\:px-0\.5 sup[data-rt=fn]{padding-inline:calc(var(--spacing) * .5)}.\[\&_sup\[data-rt\=fn\]\]\:text-\[0\.72em\] sup[data-rt=fn]{font-size:.72em}.\[\&_sup\[data-rt\=fn\]\]\:font-semibold sup[data-rt=fn]{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_sup\[data-rt\=fn\]\]\:text-kit-accent-fg sup[data-rt=fn]{color:var(--kit-accent-fg)}.\[\&_sup\[data-rt\=fn\]\:hover\]\:bg-kit-accent-soft sup[data-rt=fn]:hover{background-color:var(--kit-accent-soft)}.\[\&_svg\]\:size-3 svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\]\:size-3\.5 svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:size-5 svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&_svg\]\:size-\[18px\] svg{width:18px;height:18px}.\[\&_svg\]\:size-full svg{width:100%;height:100%}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:text-kit-fg-2 svg{color:var(--kit-fg-2)}.\[\&_svg\]\:text-kit-fg-3 svg{color:var(--kit-fg-3)}.\[\&_svg\]\:opacity-90 svg{opacity:.9}.\[\&_svg\:not\(\[data-rt-isolate\]_\*\)\]\:size-3\.5 svg:not([data-rt-isolate] *){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_table\:not\(\[data-rt-isolate\]_\*\)\]\:w-full table:not([data-rt-isolate] *){width:100%}.\[\&_table\:not\(\[data-rt-isolate\]_\*\)\]\:border-collapse table:not([data-rt-isolate] *){border-collapse:collapse}.\[\&_table\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-sm table:not([data-rt-isolate] *){font-size:var(--kit-text-sm);line-height:var(--tw-leading,var(--kit-text-sm--line-height))}.\[\&_td\:not\(\[data-rt-isolate\]_\*\)\]\:border td:not([data-rt-isolate] *){border-style:var(--tw-border-style);border-width:1px}.\[\&_td\:not\(\[data-rt-isolate\]_\*\)\]\:border-kit-line td:not([data-rt-isolate] *){border-color:var(--kit-line)}.\[\&_td\:not\(\[data-rt-isolate\]_\*\)\]\:px-2\.5 td:not([data-rt-isolate] *){padding-inline:calc(var(--spacing) * 2.5)}.\[\&_td\:not\(\[data-rt-isolate\]_\*\)\]\:py-1\.5 td:not([data-rt-isolate] *){padding-block:calc(var(--spacing) * 1.5)}.\[\&_td\:not\(\[data-rt-isolate\]_\*\)\]\:align-top td:not([data-rt-isolate] *){vertical-align:top}.\[\&_th\:not\(\[data-rt-isolate\]_\*\)\]\:border th:not([data-rt-isolate] *){border-style:var(--tw-border-style);border-width:1px}.\[\&_th\:not\(\[data-rt-isolate\]_\*\)\]\:border-kit-line th:not([data-rt-isolate] *){border-color:var(--kit-line)}.\[\&_th\:not\(\[data-rt-isolate\]_\*\)\]\:bg-kit-subtle th:not([data-rt-isolate] *){background-color:var(--kit-subtle)}.\[\&_th\:not\(\[data-rt-isolate\]_\*\)\]\:px-2\.5 th:not([data-rt-isolate] *){padding-inline:calc(var(--spacing) * 2.5)}.\[\&_th\:not\(\[data-rt-isolate\]_\*\)\]\:py-1\.5 th:not([data-rt-isolate] *){padding-block:calc(var(--spacing) * 1.5)}.\[\&_th\:not\(\[data-rt-isolate\]_\*\)\]\:text-left th:not([data-rt-isolate] *){text-align:left}.\[\&_th\:not\(\[data-rt-isolate\]_\*\)\]\:align-top th:not([data-rt-isolate] *){vertical-align:top}.\[\&_th\:not\(\[data-rt-isolate\]_\*\)\]\:font-medium th:not([data-rt-isolate] *){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_ul\:not\(\[data-rt-isolate\]_\*\)\]\:list-disc ul:not([data-rt-isolate] *){list-style-type:disc}.\[\&_ul\:not\(\[data-rt-isolate\]_\*\)\]\:pl-5 ul:not([data-rt-isolate] *){padding-left:calc(var(--spacing) * 5)}.\[\&_ul\[data-task\]\:not\(\[data-rt-isolate\]_\*\)\]\:list-none ul[data-task]:not([data-rt-isolate] *){list-style-type:none}.\[\&_ul\[data-task\]\:not\(\[data-rt-isolate\]_\*\)\]\:pl-0 ul[data-task]:not([data-rt-isolate] *){padding-left:0}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:relative ul[data-task]>li:not([data-rt-isolate] *){position:relative}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:pl-7 ul[data-task]>li:not([data-rt-isolate] *){padding-left:calc(var(--spacing) * 7)}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:before\:absolute ul[data-task]>li:not([data-rt-isolate] *):before{content:var(--tw-content);position:absolute}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:before\:top-\[0\.2em\] ul[data-task]>li:not([data-rt-isolate] *):before{content:var(--tw-content);top:.2em}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:before\:left-0 ul[data-task]>li:not([data-rt-isolate] *):before{content:var(--tw-content);left:0}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:before\:flex ul[data-task]>li:not([data-rt-isolate] *):before{content:var(--tw-content);display:flex}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:before\:size-4 ul[data-task]>li:not([data-rt-isolate] *):before{content:var(--tw-content);width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:before\:cursor-pointer ul[data-task]>li:not([data-rt-isolate] *):before{content:var(--tw-content);cursor:pointer}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:before\:items-center ul[data-task]>li:not([data-rt-isolate] *):before{content:var(--tw-content);align-items:center}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:before\:justify-center ul[data-task]>li:not([data-rt-isolate] *):before{content:var(--tw-content);justify-content:center}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:before\:rounded-kit-md ul[data-task]>li:not([data-rt-isolate] *):before{content:var(--tw-content);border-radius:var(--kit-radius-md)}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:before\:border ul[data-task]>li:not([data-rt-isolate] *):before{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:before\:border-kit-line-strong ul[data-task]>li:not([data-rt-isolate] *):before{content:var(--tw-content);border-color:var(--kit-line-strong)}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:before\:bg-kit-surface ul[data-task]>li:not([data-rt-isolate] *):before{content:var(--tw-content);background-color:var(--kit-surface)}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:before\:text-\[11px\] ul[data-task]>li:not([data-rt-isolate] *):before{content:var(--tw-content);font-size:11px}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:before\:leading-none ul[data-task]>li:not([data-rt-isolate] *):before{content:var(--tw-content);--tw-leading:1;line-height:1}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:before\:font-semibold ul[data-task]>li:not([data-rt-isolate] *):before{content:var(--tw-content);--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\[\&_ul\[data-task\]\>li\:not\(\[data-rt-isolate\]_\*\)\]\:before\:content-\[\'\'\] ul[data-task]>li:not([data-rt-isolate] *):before{--tw-content:"";content:var(--tw-content)}.\[\&_ul\[data-task\]\>li\[data-checked\=true\]\:not\(\[data-rt-isolate\]_\*\)\]\:text-kit-fg-3 ul[data-task]>li[data-checked=true]:not([data-rt-isolate] *){color:var(--kit-fg-3)}.\[\&_ul\[data-task\]\>li\[data-checked\=true\]\:not\(\[data-rt-isolate\]_\*\)\]\:line-through ul[data-task]>li[data-checked=true]:not([data-rt-isolate] *){text-decoration-line:line-through}.\[\&_ul\[data-task\]\>li\[data-checked\=true\]\:not\(\[data-rt-isolate\]_\*\)\]\:before\:border-kit-inverse ul[data-task]>li[data-checked=true]:not([data-rt-isolate] *):before{content:var(--tw-content);border-color:var(--kit-inverse)}.\[\&_ul\[data-task\]\>li\[data-checked\=true\]\:not\(\[data-rt-isolate\]_\*\)\]\:before\:bg-kit-inverse ul[data-task]>li[data-checked=true]:not([data-rt-isolate] *):before{content:var(--tw-content);background-color:var(--kit-inverse)}.\[\&_ul\[data-task\]\>li\[data-checked\=true\]\:not\(\[data-rt-isolate\]_\*\)\]\:before\:text-kit-fg-inverse ul[data-task]>li[data-checked=true]:not([data-rt-isolate] *):before{content:var(--tw-content);color:var(--kit-fg-inverse)}.\[\&_ul\[data-task\]\>li\[data-checked\=true\]\:not\(\[data-rt-isolate\]_\*\)\]\:before\:content-\[\'✓\'\] ul[data-task]>li[data-checked=true]:not([data-rt-isolate] *):before{--tw-content:"✓";content:var(--tw-content)}.\[\&\:has\(\[data-group\=inset\]\:focus-within\)\]\:before\:\!bg-transparent:has([data-group=inset]:focus-within):before{content:var(--tw-content);background-color:#0000!important}.\[\&\:not\(\:first-child\)\]\:ml-\[var\(--stack-ov\)\]:not(:first-child){margin-left:var(--stack-ov)}@media (hover:hover){.group-hover\/stack\:\[\&\:not\(\:first-child\)\]\:ml-\[var\(--stack-ov-open\)\]:is(:where(.group\/stack):hover *):not(:first-child){margin-left:var(--stack-ov-open)}}.\[\&\>\*\]\:rounded-none>*{border-radius:0}.\[\&\>\*\]\:border-0>*{border-style:var(--tw-border-style);border-width:0}.\[\&\>\*\]\:shadow-none>*{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){.\[\&\>\*\]\:hover\:bg-kit-hover>:hover{background-color:var(--kit-hover)}.\[\&\>\*\]\:hover\:shadow-none>:hover{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.\[\&\>\*\+\*\]\:mt-3>*+*{margin-top:calc(var(--spacing) * 3)}.\[\&\>\*\:first-child\]\:mt-0>:first-child{margin-top:0}.\[\&\>\*\:first-child\]\:rounded-t-\[5px\]>:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.\[\&\>\*\:last-child\]\:rounded-b-\[5px\]>:last-child{border-bottom-right-radius:5px;border-bottom-left-radius:5px}.\[\&\>\[aria-pressed\=true\]\]\:bg-kit-selected>[aria-pressed=true]{background-color:var(--kit-selected)}.\[\&\>\[aria-pressed\=true\]\]\:shadow-none>[aria-pressed=true]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[floating-dock\=right\]\:\[\&\>\[data-expanded-body\]\]\:pr-\[340px\][data-floating-dock=right]>[data-expanded-body]{padding-right:340px}.\[\&\>button\]\:\!inline-flex>button{display:inline-flex!important}.\[\&\>button\]\:min-w-0>button{min-width:0}.\[\&\>button\]\:flex-1>button{flex:1}.\[\&\>h1\]\:mt-6>h1,.\[\&\>h2\]\:mt-6>h2{margin-top:calc(var(--spacing) * 6)}.\[\&\>h3\]\:mt-5>h3{margin-top:calc(var(--spacing) * 5)}.\[\&\>p\[data-hint\]\]\:before\:pointer-events-none>p[data-hint]:before{content:var(--tw-content);pointer-events:none}.\[\&\>p\[data-hint\]\]\:before\:float-left>p[data-hint]:before{content:var(--tw-content);float:left}.\[\&\>p\[data-hint\]\]\:before\:h-0>p[data-hint]:before{content:var(--tw-content);height:0}.\[\&\>p\[data-hint\]\]\:before\:text-kit-fg-4>p[data-hint]:before{content:var(--tw-content);color:var(--kit-fg-4)}.\[\&\>p\[data-hint\]\]\:before\:content-\[attr\(data-hint\)\]>p[data-hint]:before{--tw-content:attr(data-hint);content:var(--tw-content)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-kit-danger-fg>svg{color:var(--kit-danger-fg)}.\[\&\>svg\]\:text-kit-fg-2>svg{color:var(--kit-fg-2)}.\[\&\[data-ending-style\]\:not\(\[data-limited\]\)\:not\(\[data-swipe-direction\]\)\]\:\[transform\:translateY\(100\%\)\][data-ending-style]:not([data-limited]):not([data-swipe-direction]){transform:translateY(100%)}.dark .\[\.dark_\&\]\:border-\[\#3a3a3d\]{border-color:#3a3a3d}.dark .\[\.dark_\&\]\:border-kit-line-strong{border-color:var(--kit-line-strong)}.dark .\[\.dark_\&\]\:bg-\[\#3d3d40\]{background-color:#3d3d40}.dark .\[\.dark_\&\]\:bg-\[\#252528\]{background-color:#252528}.dark .\[\.dark_\&\]\:bg-\[rgb\(255_255_255\/0\.13\)\]{background-color:#ffffff21}.dark .\[\.dark_\&\]\:bg-\[linear-gradient\(180deg\,oklch\(0\.32_0\.005_286\/0\)_16\.105\%\,oklch\(0\.32_0\.005_286\/0\.6\)_123\.57\%\)\]{background-image:linear-gradient(oklch(32% .005 286/0) 16.105%,oklch(32% .005 286/.6) 123.57%)}.dark .\[\.dark_\&\]\:text-\[\#ececef\]{color:#ececef}.dark .\[\.dark_\&\]\:text-\[var\(--kit-fg\,\#e1e1e4\)\]{color:var(--kit-fg,#e1e1e4)}.dark .\[\.dark_\&\]\:shadow-\[inset_0_1px_0_oklch\(1_0_0\/0\.04\)\,0_12px_32px_-8px_oklch\(0\.12_0\.01_286\/0\.5\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,oklch(100% 0 0/.04)), 0 12px 32px -8px var(--tw-shadow-color,oklch(12% .01 286/.5));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark .\[\.dark_\&\]\:shadow-\[inset_0_1px_0_oklch\(1_0_0\/0\.06\)\,0_0_0_1px_rgb\(255_255_255\/0\.12\)\,0_14px_36px_-8px_oklch\(0\.12_0\.01_286\/0\.55\)\]{--tw-shadow:inset 0 1px 0 var(--tw-shadow-color,oklch(100% 0 0/.06)), 0 0 0 1px var(--tw-shadow-color,#ffffff1f), 0 14px 36px -8px var(--tw-shadow-color,oklch(12% .01 286/.55));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}@media (hover:hover){@media (hover:hover){.\[\@media\(hover\:hover\)\]\:hover\:bg-kit-hover:hover{background-color:var(--kit-hover)}}}@media (pointer:coarse){.\[\@media\(pointer\:coarse\)\]\:inline-flex{display:inline-flex}.\[\@media\(pointer\:coarse\)\]\:opacity-100{opacity:1}}html[data-input-modality=pointer] .\[html\[data-input-modality\=pointer\]_\&\]\:focus-visible\:outline-0:focus-visible{outline-style:var(--tw-outline-style);outline-width:0}html[data-input-modality=pointer] .\[html\[data-input-modality\=pointer\]_\&\]\:focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}html[data-input-modality=pointer] .\[html\[data-input-modality\=pointer\]_\&\]\:focus-visible\:after\:outline-none:focus-visible:after{content:var(--tw-content);--tw-outline-style:none;outline-style:none}}:root{--motion-duration-fast:.14s;--editor-tray-line:#ededed;--ink-bg:#1c1c1e;--ink-fg:#f5f5f5;--ink-hover:#ffffff1a;--ink-active:#ffffff26;--ink-line:#ffffff29;--ink-danger-fg:#ff8a8a;--ink-danger-fg-hover:#ffa3a3;--ink-button:#fff;--ink-button-fg:#141414;--ink-button-kbd:#1414141a;--shadow-ink:0 10px 28px -8px #00000059;--kit-tray-line:#ededed;--kit-ink-bg:#1c1c1e;--kit-ink-fg:#f5f5f5;--kit-ink-fg-2:#fffc;--kit-ink-fg-3:#ffffff9e;--kit-ink-hover:#ffffff1a;--kit-ink-active:#ffffff26;--kit-ink-line:#ffffff29;--kit-ink-button:#fff;--kit-ink-button-fg:#141414;--kit-ink-danger-fg:#ff8a8a;--kit-ink-danger-fg-hover:#ffa3a3;--kit-app:#fafafa;--kit-surface:#fff;--kit-surface-raised:#fff;--kit-subtle:#f7f7f7;--kit-site-paper:#fff;--kit-well:#f7f7f7;--kit-muted:#f1f1f2;--kit-hover:#f0f0f0;--kit-selected:#ebebeb;--kit-selected-hover:#e2e2e2;--kit-inverse:#1c1c1c;--kit-inverse-hover:#000;--kit-overlay:#0a0a0a52;--kit-media-handle:#fff;--kit-media-handle-ring:#00000059;--kit-media-scrim:#0000008c;--kit-checker-a:#fff;--kit-checker-b:#f0f0f1;--kit-rail:#fafafa;--kit-control-checked:#171717;--kit-on-scrim:#fff;--kit-on-scrim-2:#ffffffb3;--kit-on-scrim-hover:#ffffff1a;--kit-on-scrim-active:#fff3;--kit-scrim-strong:#000c;--kit-scrim:#0000008c;--kit-z-float:52;--kit-z-sheet:var(--z-drawer);--kit-z-modal:var(--z-modal);--kit-z-expanded:calc(var(--z-modal) + 10);--kit-z-menu:var(--z-dropdown);--kit-z-popover:calc(var(--z-dropdown) + 5);--kit-z-tooltip:var(--z-tooltip);--kit-floating-line:#e5e5e5;--kit-code-fg:#171717;--kit-shadow-sheet-b:0 -16px 40px -12px #0003;--kit-ring-focus:0 0 0 2px var(--kit-surface), 0 0 0 4px var(--kit-focus-ring);--kit-tray-gradient:linear-gradient(180deg, #d8d8d800 16.105%, #d8d8d899 123.57%);--kit-preview-paper:#f6f1ea;--kit-preview-ink:#1e1b18;--kit-preview-primary:#e0663b;--kit-preview-primary-on:#1e1b18;--kit-preview-contrast:#1e1b18;--kit-preview-contrast-on:#f6f1ea;--kit-preview-outline:#1e1b1840;--kit-segment-thumb:#fff;--kit-progress-fill:#171717;--kit-paper:#fff;--kit-paper-ink:#1d1a17;--kit-paper-filter:none;--kit-site-paper-line:transparent;--kit-media-well:#111;--kit-media-backdrop:#000c;--kit-media-control:#ffffffe6;--kit-media-control-fg:#000;--kit-disabled-bg:#f1f1f2;--kit-disabled-fg:#85858b;--kit-constraint-bg:var(--kit-muted);--kit-constraint-fg:var(--kit-fg-2);--kit-shadow-sheet-r:-12px 0 32px -16px #0000002e;--kit-fg:#171717;--kit-fg-2:#525252;--kit-fg-3:#606065;--kit-fg-4:#707074;--kit-fg-inverse:#fff;--kit-line:#e5e5e5;--kit-line-strong:#dcdcdf;--kit-line-subtle:#f0f0f1;--kit-field-border:#cfcfd4;--kit-focus-ring:#838383;--kit-accent:#a354e9;--kit-accent-hover:#9140dc;--kit-accent-soft:#f5eefe;--kit-accent-soft-2:#ead9fc;--kit-accent-softer:#faf7ff;--kit-accent-line:#e3ccf8;--kit-accent-fg:#6c3b97;--kit-accent-on:#fff;--kit-success:#3cba71;--kit-success-soft:#dcfce7;--kit-success-softer:#eefef3;--kit-success-line:#c5ead4;--kit-success-fg:#166534;--kit-success-on:#0f1f14;--kit-warning:#f59e0b;--kit-warning-soft:#fdf2dc;--kit-warning-softer:#fef9ee;--kit-warning-line:#fce2b6;--kit-warning-fg:#9a5b06;--kit-warning-on:#171717;--kit-danger:#c7353e;--kit-danger-soft:#fde8e8;--kit-danger-softer:#fef4f4;--kit-danger-line:#eec2c5;--kit-danger-fg:#b42c35;--kit-danger-on:#fff;--kit-info:#3b82f6;--kit-info-soft:#e6effd;--kit-info-softer:#f3f7fe;--kit-info-line:#c4dafc;--kit-info-fg:#1f5fc9;--kit-info-on:#111b28;--kit-canvas:#f7f7f7;--kit-scrollbar:#dcdcdf;--kit-code:#f7f7f7;--kit-control-bg:#fff;--kit-field-bg:#fff;--kit-field-border-hover:#85858b;--kit-field-border-focus:#6a6a6f;--kit-switch-off:#dcdcdf;--kit-control-thumb:#fff;--kit-swatch-ring:#0000001a;--kit-on-inverse-2:#ffffffb3;--kit-selection:#ead9fc;--kit-canvas-select:#9746db;--kit-canvas-select-on:#fff;--kit-canvas-select-soft:#9746db1a;--kit-canvas-frame-ring:#0000000d;--kit-syntax-keyword:#7945ab;--kit-syntax-string:#1a763f;--kit-syntax-number:#a35303;--kit-syntax-property:#2266a4;--kit-syntax-comment:#6a6a6f;--kit-syntax-punct:#525252;--kit-tag-sky-bg:#eaf4fd;--kit-tag-sky-hover:#dcecfb;--kit-tag-sky-fg:#1b5a88;--kit-tag-sky-line:#cfe3f5;--kit-tag-lavender-bg:#f0eefc;--kit-tag-lavender-hover:#e5e1fa;--kit-tag-lavender-fg:#4c429c;--kit-tag-lavender-line:#dcd7f5;--kit-tag-mint-bg:#e7f6ee;--kit-tag-mint-hover:#d8f0e3;--kit-tag-mint-fg:#1b6644;--kit-tag-mint-line:#cbebd9;--kit-tag-sand-bg:#f7f0e6;--kit-tag-sand-hover:#f0e5d4;--kit-tag-sand-fg:#74501c;--kit-tag-sand-line:#eadcc5;--kit-tag-butter-bg:#fbf6dc;--kit-tag-butter-hover:#f6eec4;--kit-tag-butter-fg:#69560c;--kit-tag-butter-line:#efe4ad;--kit-tag-coral-bg:#fdeeee;--kit-tag-coral-hover:#fbe2e2;--kit-tag-coral-fg:#9a3434;--kit-tag-coral-line:#f6d2d2;--kit-tag-slate-bg:#eef0f3;--kit-tag-slate-hover:#e3e6eb;--kit-tag-slate-fg:#3f4856;--kit-tag-slate-line:#d9dde3;--kit-tag-teal-bg:#e3f7f6;--kit-tag-teal-hover:#cff0f0;--kit-tag-teal-fg:#006767;--kit-tag-teal-line:#bfe9e9;--kit-tag-rose-bg:#feedf4;--kit-tag-rose-hover:#fce0ec;--kit-tag-rose-fg:#7e3c5e;--kit-tag-rose-line:#f8d4e4;--kit-type-text-bg:var(--kit-tag-slate-bg);--kit-type-text-fg:var(--kit-tag-slate-fg);--kit-type-text-line:var(--kit-tag-slate-line);--kit-type-number-bg:var(--kit-tag-teal-bg);--kit-type-number-fg:var(--kit-tag-teal-fg);--kit-type-number-line:var(--kit-tag-teal-line);--kit-type-choice-bg:var(--kit-tag-lavender-bg);--kit-type-choice-fg:var(--kit-tag-lavender-fg);--kit-type-choice-line:var(--kit-tag-lavender-line);--kit-type-date-bg:var(--kit-tag-butter-bg);--kit-type-date-fg:var(--kit-tag-butter-fg);--kit-type-date-line:var(--kit-tag-butter-line);--kit-type-media-bg:var(--kit-tag-mint-bg);--kit-type-media-fg:var(--kit-tag-mint-fg);--kit-type-media-line:var(--kit-tag-mint-line);--kit-type-reference-bg:var(--kit-tag-sky-bg);--kit-type-reference-fg:var(--kit-tag-sky-fg);--kit-type-reference-line:var(--kit-tag-sky-line);--kit-type-structure-bg:var(--kit-tag-sand-bg);--kit-type-structure-fg:var(--kit-tag-sand-fg);--kit-type-structure-line:var(--kit-tag-sand-line);--kit-type-advanced-bg:var(--kit-tag-rose-bg);--kit-type-advanced-fg:var(--kit-tag-rose-fg);--kit-type-advanced-line:var(--kit-tag-rose-line);--kit-type-off-bg:var(--kit-muted);--kit-type-off-fg:var(--kit-fg-4);--kit-type-off-line:var(--kit-line);--kit-desk:#f4f4f5;--kit-desk-card:var(--kit-surface);--kit-row-selected-ring:var(--kit-accent-line);--kit-row-selected-edge:var(--kit-accent);--kit-row-selected-hover:var(--kit-accent-softer);--kit-drop-zone-line:var(--kit-line-strong);--kit-drop-target-line:var(--kit-accent-line);--kit-health-good:var(--kit-success);--kit-health-tidy:var(--kit-warning);--kit-health-bad:var(--kit-danger);--kit-review-safe-bg:var(--kit-success-soft);--kit-review-safe-fg:var(--kit-success-fg);--kit-review-check-bg:var(--kit-warning-soft);--kit-review-check-fg:var(--kit-warning-fg);--kit-review-breaking-bg:var(--kit-danger-soft);--kit-review-breaking-fg:var(--kit-danger-fg);--kit-chip-ink-bg:#1c1c1c;--kit-chip-ink-fg:#fff;--kit-avatar-1:#c2410c;--kit-avatar-2:#be185d;--kit-avatar-3:#7e22ce;--kit-avatar-4:#4338ca;--kit-avatar-5:#1d4ed8;--kit-avatar-6:#047857;--kit-avatar-7:#b45309;--kit-avatar-8:#0369a1;--kit-avatar-9:#a21caf;--kit-avatar-10:#6d28d9;--kit-avatar-on:#fff;--kit-kbd:#f7f7f7;--kit-kbd-line:#e5e5e5;--kit-field-invalid:#dd868b;--kit-emphasis-line:#6a6a6f;--kit-track:#ededed;--kit-track-line:#e2e2e2;--kit-bar-fill:#1c1c1c;--kit-subtle-2:#fbfbfb;--kit-shimmer-highlight:#fff6;--kit-skeleton:#f1f1f2;--kit-skeleton-shine:#f0f0f0;--kit-brand:#a878d2;--kit-presence-1:#ce3f69;--kit-presence-2:#00863d;--kit-presence-3:#0073db;--kit-presence-4:#765ee8;--kit-presence-5:#bb5900;--kit-presence-6:#0079bd;--kit-presence-7:#c53b9c;--kit-presence-8:#5867e7;--kit-presence-on:#fff;--kit-shadow-button-primary:inset 0 1px 0 #ffffff1f, 0 1px 2px #0000001f;--kit-shadow-xs:0 1px 2px #1010100d;--kit-shadow-sm:0 1px 2px #1010100f, 0 1px 3px #1010100d;--kit-shadow-md:0 4px 12px -2px #10101014, 0 2px 4px -2px #1010100d;--kit-shadow-lg:0 12px 32px -8px #10101029, 0 4px 8px -4px #1010100f;--kit-shadow-xl:0 24px 64px -16px #1010103d, 0 8px 16px -8px #10101014;--kit-shadow-canvas-frame:0 1px 2px #0000000f, 0 12px 40px -12px #0000002e;--kit-shadow-device:0 24px 60px -20px #00000059;--kit-shadow-field:inset 0 1px 1px #0000000a;--kit-ring-field:0 0 0 3px #0000000b;--kit-text-2xs:11px;--kit-text-2xs--line-height:14px;--kit-text-xs:12px;--kit-text-xs--line-height:16px;--kit-text-sm:13px;--kit-text-sm--line-height:18px;--kit-text-base:14px;--kit-text-base--line-height:20px;--kit-text-md:16px;--kit-text-md--line-height:24px;--kit-text-lg:18px;--kit-text-lg--line-height:26px;--kit-text-xl:20px;--kit-text-xl--line-height:28px;--kit-text-2xl:24px;--kit-text-2xl--line-height:32px;--kit-text-3xl:32px;--kit-text-3xl--line-height:40px;--kit-font-sans:"Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--kit-font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--kit-radius-xs:3px;--kit-radius-sm:4px;--kit-radius-md:6px;--kit-radius-lg:8px;--kit-radius-xl:12px;--kit-radius-2xl:16px;--kit-ease-out-soft:cubic-bezier(.22, 1, .36, 1);--kit-ease-spring:cubic-bezier(.34, 1.56, .64, 1);--kit-presence-agent:#6b6585;--kit-wordmark:#291018;--kit-rating:#d29a1c;--kit-avatar-ring:#fff;--kit-canvas-dot:#dcdcdf;--kit-canvas-accent-fg:#7a2fc7;--kit-canvas-accent-soft:#f5eefe;--kit-brand-violet:#a878d2;--kit-brand-coral:#ed6262;--kit-brand-rose:#d13a3a;--kit-brand-coral-bright:#f24259;--kit-brand-coral-light:#ff6767;--kit-brand-on:#1f1627;--kit-brand-soft:#eee4f6;--kit-brand-wash:#fdf4ee;--kit-brand-gradient:linear-gradient(90deg, #a878d2 0%, #ed6262 48%, #d13a3a 100%);--kit-ai-gradient:linear-gradient(135deg, #a878d2 8%, #ed6262 48%, #d13a3a 100%);--z-floating-launcher:25;--z-sticky:100;--z-drawer:300;--z-modal:400;--z-dropdown:450;--z-tooltip:460;--z-toast:500}.dark{--editor-tray-line:#3a3a3d;--ink-bg:#3d3d40;--ink-fg:#ececef;--ink-hover:#ffffff14;--ink-active:#ffffff21;--ink-line:#ffffff1f;--ink-danger-fg:#ff8a8a;--ink-danger-fg-hover:#ffa3a3;--ink-button:#e7e7ea;--ink-button-fg:#1b1b1e;--ink-button-kbd:#1b1b1e1a;--shadow-ink:inset 0 1px 0 #ffffff0f, 0 0 0 1px #ffffff1f, 0 14px 36px -8px #0505098c;--kit-tray-line:#3a3a3d;--kit-ink-bg:#3d3d40;--kit-ink-fg:#ececef;--kit-ink-fg-2:#fffc;--kit-ink-fg-3:#ffffff9e;--kit-ink-hover:#ffffff14;--kit-ink-active:#ffffff21;--kit-ink-line:#ffffff1f;--kit-ink-button:#e7e7ea;--kit-ink-button-fg:#1b1b1e;--kit-ink-danger-fg:#ff8a8a;--kit-ink-danger-fg-hover:#ffa3a3;--kit-app:#1b1b1e;--kit-surface:#202023;--kit-surface-raised:#252528;--kit-subtle:#252528;--kit-site-paper:#fff;--kit-well:#18181a;--kit-muted:#ffffff0b;--kit-hover:#2f2f31;--kit-selected:#343437;--kit-selected-hover:#39393c;--kit-inverse:#e1e1e4;--kit-inverse-hover:#f1f1f5;--kit-overlay:#09090b8f;--kit-fg:#e1e1e4;--kit-fg-2:#c4c4c7;--kit-fg-3:#b1b1b4;--kit-fg-4:#9e9ea1;--kit-fg-inverse:#1b1b1e;--kit-line:#3a3a3d;--kit-line-strong:#454548;--kit-line-subtle:#353538;--kit-field-border:#747477;--kit-focus-ring:#929295;--kit-accent:#b88fe6;--kit-accent-hover:#c4a2ed;--kit-accent-soft:#b666ff1a;--kit-accent-soft-2:#423254;--kit-accent-softer:#27232d;--kit-accent-line:#5d4676;--kit-accent-fg:#d1b6f3;--kit-accent-on:#1e1628;--kit-success:#58b575;--kit-success-soft:#0cc0231a;--kit-success-softer:#1e2820;--kit-success-line:#2c5f3c;--kit-success-fg:#8cd19e;--kit-warning:#e8aa4e;--kit-warning-soft:#f298191a;--kit-warning-softer:#2b241b;--kit-warning-line:#594329;--kit-warning-fg:#f5c076;--kit-warning-on:#23190a;--kit-danger:#c74a49;--kit-danger-soft:#f03f2321;--kit-danger-softer:#2e2121;--kit-danger-line:#793f3e;--kit-danger-fg:#f8a4a1;--kit-info:#64a1ee;--kit-info-soft:#1884fc1f;--kit-info-softer:#1f262f;--kit-info-line:#33547e;--kit-info-fg:#92c1fd;--kit-canvas:#1b1b1e;--kit-scrollbar:#47474a;--kit-code:#252528;--kit-control-bg:#ffffff0f;--kit-field-bg:#ffffff06;--kit-field-border-hover:#8c8c8f;--kit-field-border-focus:#aaaaae;--kit-switch-off:#747477;--kit-control-thumb:#f1f1f4;--kit-swatch-ring:#fff6;--kit-on-inverse-2:#1b1b1eb3;--kit-selection:#503d66;--kit-canvas-frame-ring:#ffffff1a;--kit-syntax-keyword:#cdaef2;--kit-syntax-string:#8cd19e;--kit-syntax-number:#f4b581;--kit-syntax-property:#87c6f2;--kit-syntax-comment:#9e9ea1;--kit-syntax-punct:#b1b1b4;--kit-tag-sky-bg:#1b2b36;--kit-tag-sky-hover:#1f3340;--kit-tag-sky-fg:#8dccf9;--kit-tag-sky-line:#264052;--kit-tag-lavender-bg:#272737;--kit-tag-lavender-hover:#2e2e42;--kit-tag-lavender-fg:#bdbcfd;--kit-tag-lavender-line:#3a3a54;--kit-tag-mint-bg:#1b2e24;--kit-tag-mint-hover:#20362a;--kit-tag-mint-fg:#8fd7b0;--kit-tag-mint-line:#274435;--kit-tag-sand-bg:#322618;--kit-tag-sand-hover:#3c2d1c;--kit-tag-sand-fg:#eaba83;--kit-tag-sand-line:#4c3922;--kit-tag-butter-bg:#2d2917;--kit-tag-butter-hover:#36301b;--kit-tag-butter-fg:#d6c480;--kit-tag-butter-line:#443d21;--kit-tag-coral-bg:#362322;--kit-tag-coral-hover:#402928;--kit-tag-coral-fg:#f9adaa;--kit-tag-coral-line:#523432;--kit-tag-slate-bg:#242930;--kit-tag-slate-hover:#2b3138;--kit-tag-slate-fg:#b3c6df;--kit-tag-slate-line:#363e48;--kit-tag-teal-bg:#162e2d;--kit-tag-teal-hover:#193636;--kit-tag-teal-fg:#78d7d6;--kit-tag-teal-line:#1c4544;--kit-tag-rose-bg:#34232b;--kit-tag-rose-hover:#3e2933;--kit-tag-rose-fg:#f1accc;--kit-tag-rose-line:#4f3340;--kit-desk:var(--kit-app);--kit-desk-card:var(--kit-surface-raised);--kit-chip-ink-bg:#343437;--kit-chip-ink-fg:#e1e1e4;--kit-avatar-1:#e2957c;--kit-avatar-2:#e090a3;--kit-avatar-3:#b69ce0;--kit-avatar-4:#9ba5ea;--kit-avatar-5:#8baaeb;--kit-avatar-6:#68bf9c;--kit-avatar-7:#de9872;--kit-avatar-8:#70b2e5;--kit-avatar-9:#ca95cf;--kit-avatar-10:#ac9fe5;--kit-avatar-on:#1b1b1e;--kit-kbd:#2a2a2c;--kit-kbd-line:#454548;--kit-field-invalid:#d46565;--kit-emphasis-line:#929295;--kit-track:#2f2f31;--kit-track-line:#454548;--kit-bar-fill:#b1b1b4;--kit-subtle-2:#222225;--kit-shimmer-highlight:oklch(100% 0 0/.08);--kit-skeleton:#2a2a2c;--kit-skeleton-shine:#343437;--kit-brand:#b792db;--kit-presence-1:#f290a3;--kit-presence-2:#6dc88f;--kit-presence-3:#7ab5fc;--kit-presence-4:#aba5fa;--kit-presence-5:#e79f5c;--kit-presence-6:#60bbf4;--kit-presence-7:#e592c6;--kit-presence-8:#99abfd;--kit-presence-on:#1b1b1e;--kit-shadow-button-primary:none;--kit-shadow-canvas-frame:0 1px 2px oklch(12% .01 286/.4), 0 12px 40px -12px oklch(12% .01 286/.55);--kit-shadow-device:0 24px 60px -20px oklch(12% .01 286/.6), 0 0 0 1px oklch(100% 0 0/.08);--kit-shadow-field:none;--kit-ring-field:0 0 0 3px oklch(100% 0 0/.06);--kit-shadow-xs:0 1px 2px oklch(12% .01 286/.3);--kit-shadow-sm:0 1px 2px oklch(12% .01 286/.32), 0 1px 3px oklch(12% .01 286/.2);--kit-shadow-md:0 4px 12px -2px oklch(12% .01 286/.38), 0 2px 4px -2px oklch(12% .01 286/.24);--kit-shadow-lg:0 12px 32px -8px oklch(12% .01 286/.48), 0 4px 8px -4px oklch(12% .01 286/.28), 0 0 0 1px oklch(100% 0 0/.04);--kit-shadow-xl:0 24px 64px -16px oklch(12% .01 286/.58), 0 8px 16px -8px oklch(12% .01 286/.32), 0 0 0 1px oklch(100% 0 0/.05);--kit-checker-a:#d7d7d9;--kit-checker-b:#cacacc;--kit-rail:#202023;--kit-control-checked:#e1e1e4;--kit-segment-thumb:#3b3b3e;--kit-progress-fill:#b1b1b4;--kit-paper:#e3e1de;--kit-paper-ink:#1d1a17;--kit-paper-filter:brightness(.9);--kit-site-paper-line:oklch(100% 0 0/.12);--kit-media-well:#18181a;--kit-disabled-bg:#2a2a2d;--kit-disabled-fg:#9e9ea1;--kit-shadow-sheet-r:-12px 0 32px -16px oklch(12% .01 286/.5);--kit-floating-line:#454548;--kit-code-fg:#e1e1e4;--kit-shadow-sheet-b:0 -16px 40px -12px oklch(12% .01 286/.5);--kit-ring-focus:0 0 0 2px var(--kit-surface), 0 0 0 4px var(--kit-focus-ring);--kit-tray-gradient:linear-gradient(180deg, oklch(32% .005 286/0) 16.105%, oklch(32% .005 286/.6) 123.57%);--kit-preview-contrast:#f6f1ea;--kit-preview-contrast-on:#1e1b18;--kit-preview-outline:#929295;--kit-presence-agent:#b2adc6;--kit-wordmark:#e1e1e4;--kit-avatar-ring:#202023;--kit-canvas-dot:#454548;--kit-brand-soft:#362a42;--kit-brand-wash:#2f231e;--kit-brand-gradient:linear-gradient(90deg, #b792db 0%, #f47a77 48%, #e45d58 100%);--kit-ai-gradient:linear-gradient(135deg, #b792db 8%, #f47a77 48%, #e45d58 100%)}@keyframes kit-fade-in{0%{opacity:0}to{opacity:1}}@keyframes kit-pop-in{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:none}}@keyframes kit-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes kit-rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes kit-sheet-in-r{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes kit-sheet-out-r{0%{opacity:1;transform:none}to{opacity:0;transform:translate(16px)}}@keyframes kit-sheet-in-l{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes kit-sheet-in-b{0%{transform:translateY(100%)}to{transform:none}}@keyframes kit-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes kit-shimmer-text{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes kit-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}

package/dist/table/table-view.d.ts

@@ -0,0 +1,14 @@
+import { type RefResolver, type TableValue } from "../schema/table";
+export interface TableViewProps {
+    value: TableValue | null | undefined;
+    resolveRef?: RefResolver;
+    /** Visitor tools (sort, filter). Off in thumbnails and editors. Default true. */
+    interactive?: boolean;
+    /** Write the table's JSON-LD (opt-in on the table). Default true. */
+    jsonLd?: boolean;
+    url?: string;
+    className?: string;
+    /** Makes element ids unique when the same table renders twice on one page (block id). Default: a React id. */
+    idScope?: string;
+}
+export declare function TableView({ value, resolveRef, interactive, jsonLd, url, className, idScope }: TableViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/table/table-view.js

@@ -0,0 +1,140 @@
+import { cellText, normalizeTable, renderTableHtml, tableJsonLd } from "../schema/table.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "./table.css";
+//#region src/table/table-view.tsx
+/**
+* <TableView> — the live-page face of the ONE table renderer (CPO D42). It renders `renderTableHtml()` (the same
+* semantic HTML stored in rich text and written to published pages) and adds the visitor tools a static page can't:
+* sort buttons in sortable headers (aria-sort) and a filter box (live row count for screen readers). JSON-LD, when the
+* editor opted in, is written next to the table.
+*/
+function TableView({ value, resolveRef, interactive = true, jsonLd = true, url, className, idScope }) {
+	const uid = React.useId().replace(/[^\w-]/g, "");
+	const scope = (idScope ?? uid).replace(/[^\w-]/g, "");
+	const t = React.useMemo(() => {
+		const n = normalizeTable(value);
+		return {
+			...n,
+			id: `${n.id}-${scope}`
+		};
+	}, [value, scope]);
+	const [sort, setSort] = React.useState(null);
+	const [query, setQuery] = React.useState("");
+	const filterId = React.useId();
+	const visible = React.useMemo(() => {
+		const q = query.trim().toLowerCase();
+		if (!q) return void 0;
+		return new Set(t.rows.filter((r) => t.columns.some((c) => cellText(c, r, r.cells[c._key], resolveRef).toLowerCase().includes(q))).map((r) => r._key));
+	}, [
+		query,
+		t,
+		resolveRef
+	]);
+	const html = React.useMemo(() => renderTableHtml(t, {
+		resolveRef,
+		interactive,
+		sort: interactive ? sort : null,
+		visibleRows: visible,
+		marks: false
+	}), [
+		t,
+		resolveRef,
+		interactive,
+		sort,
+		visible
+	]);
+	const ld = React.useMemo(() => jsonLd ? tableJsonLd(t, {
+		url,
+		resolveRef
+	}) : null, [
+		jsonLd,
+		t,
+		url,
+		resolveRef
+	]);
+	const onClick = (e) => {
+		const b = e.target.closest("button.bt-sort");
+		if (!b) return;
+		const key = b.dataset.sortKey;
+		e.stopPropagation();
+		setSort((s) => s?.key !== key ? {
+			key,
+			dir: 1
+		} : s.dir === 1 ? {
+			key,
+			dir: -1
+		} : null);
+		refocus.current = key;
+	};
+	const refocus = React.useRef(null);
+	const host = React.useRef(null);
+	React.useLayoutEffect(() => {
+		const key = refocus.current;
+		if (!key) return;
+		refocus.current = null;
+		host.current?.querySelector(`button.bt-sort[data-sort-key="${CSS.escape(key)}"]`)?.focus({ preventScroll: true });
+	});
+	const shown = visible ? visible.size : t.rows.length;
+	return /* @__PURE__ */ jsxs("div", {
+		ref: host,
+		className,
+		onClick: interactive ? onClick : void 0,
+		children: [
+			interactive && t.filterable ? /* @__PURE__ */ jsxs("div", {
+				className: "bt-filter",
+				children: [
+					/* @__PURE__ */ jsxs("label", {
+						htmlFor: filterId,
+						className: "bt-sr",
+						style: {
+							position: "absolute",
+							width: 1,
+							height: 1,
+							overflow: "hidden",
+							clip: "rect(0 0 0 0)"
+						},
+						children: ["Filter ", t.caption || "table"]
+					}),
+					/* @__PURE__ */ jsx("input", {
+						id: filterId,
+						type: "search",
+						placeholder: "Filter rows…",
+						value: query,
+						onChange: (e) => setQuery(e.target.value),
+						"aria-controls": `${t.id}-caption`
+					}),
+					/* @__PURE__ */ jsx("span", {
+						role: "status",
+						"aria-live": "polite",
+						style: {
+							position: "absolute",
+							width: 1,
+							height: 1,
+							overflow: "hidden",
+							clip: "rect(0 0 0 0)"
+						},
+						children: query ? `${shown} of ${t.rows.length} rows` : ""
+					})
+				]
+			}) : null,
+			/* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: html } }),
+			interactive && visible && !visible.size ? /* @__PURE__ */ jsxs("p", {
+				className: "bt-empty-filter",
+				children: [
+					"No rows match “",
+					query,
+					"”."
+				]
+			}) : null,
+			ld ? /* @__PURE__ */ jsx("script", {
+				type: "application/ld+json",
+				dangerouslySetInnerHTML: { __html: JSON.stringify(ld).replace(/</g, "\\u003c") }
+			}) : null
+		]
+	});
+}
+//#endregion
+export { TableView };
+
+//# sourceMappingURL=table-view.js.map

package/dist/table/table-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-view.js","names":[],"sources":["../../src/table/table-view.tsx"],"sourcesContent":["/**\n * <TableView> — the live-page face of the ONE table renderer (CPO D42). It renders `renderTableHtml()` (the same\n * semantic HTML stored in rich text and written to published pages) and adds the visitor tools a static page can't:\n * sort buttons in sortable headers (aria-sort) and a filter box (live row count for screen readers). JSON-LD, when the\n * editor opted in, is written next to the table.\n */\nimport * as React from \"react\";\nimport { cellText, normalizeTable, renderTableHtml, tableJsonLd, type RefResolver, type TableValue } from \"../schema/table\";\nimport \"./table.css\";\n\nexport interface TableViewProps {\n  value: TableValue | null | undefined;\n  resolveRef?: RefResolver;\n  /** Visitor tools (sort, filter). Off in thumbnails and editors. Default true. */\n  interactive?: boolean;\n  /** Write the table's JSON-LD (opt-in on the table). Default true. */\n  jsonLd?: boolean;\n  url?: string;\n  className?: string;\n  /** Makes element ids unique when the same table renders twice on one page (block id). Default: a React id. */\n  idScope?: string;\n}\n\nexport function TableView({ value, resolveRef, interactive = true, jsonLd = true, url, className, idScope }: TableViewProps) {\n  const uid = React.useId().replace(/[^\\w-]/g, \"\");\n  const scope = (idScope ?? uid).replace(/[^\\w-]/g, \"\");\n  const t = React.useMemo(() => {\n    const n = normalizeTable(value);\n    return { ...n, id: `${n.id}-${scope}` };\n  }, [value, scope]);\n  const [sort, setSort] = React.useState<{ key: string; dir: 1 | -1 } | null>(null);\n  const [query, setQuery] = React.useState(\"\");\n  const filterId = React.useId();\n  const visible = React.useMemo(() => {\n    const q = query.trim().toLowerCase();\n    if (!q) return undefined;\n    return new Set(t.rows.filter((r) => t.columns.some((c) => cellText(c, r, r.cells[c._key], resolveRef).toLowerCase().includes(q))).map((r) => r._key));\n  }, [query, t, resolveRef]);\n  const html = React.useMemo(\n    () => renderTableHtml(t, { resolveRef, interactive, sort: interactive ? sort : null, visibleRows: visible, marks: false }),\n    [t, resolveRef, interactive, sort, visible],\n  );\n  const ld = React.useMemo(() => (jsonLd ? tableJsonLd(t, { url, resolveRef }) : null), [jsonLd, t, url, resolveRef]);\n  const onClick = (e: React.MouseEvent) => {\n    const b = (e.target as HTMLElement).closest<HTMLButtonElement>(\"button.bt-sort\");\n    if (!b) return;\n    const key = b.dataset.sortKey!;\n    e.stopPropagation();\n    setSort((s) => (s?.key !== key ? { key, dir: 1 } : s.dir === 1 ? { key, dir: -1 } : null));\n    refocus.current = key; // the header HTML is rewritten; keep focus on the same sort button\n  };\n  const refocus = React.useRef<string | null>(null);\n  const host = React.useRef<HTMLDivElement>(null);\n  React.useLayoutEffect(() => {\n    const key = refocus.current;\n    if (!key) return;\n    refocus.current = null;\n    host.current?.querySelector<HTMLButtonElement>(`button.bt-sort[data-sort-key=\"${CSS.escape(key)}\"]`)?.focus({ preventScroll: true });\n  });\n  const shown = visible ? visible.size : t.rows.length;\n  return (\n    <div ref={host} className={className} onClick={interactive ? onClick : undefined}>\n      {interactive && t.filterable ? (\n        <div className=\"bt-filter\">\n          <label htmlFor={filterId} className=\"bt-sr\" style={{ position: \"absolute\", width: 1, height: 1, overflow: \"hidden\", clip: \"rect(0 0 0 0)\" }}>\n            Filter {t.caption || \"table\"}\n          </label>\n          <input id={filterId} type=\"search\" placeholder=\"Filter rows…\" value={query} onChange={(e) => setQuery(e.target.value)} aria-controls={`${t.id}-caption`} />\n          <span role=\"status\" aria-live=\"polite\" style={{ position: \"absolute\", width: 1, height: 1, overflow: \"hidden\", clip: \"rect(0 0 0 0)\" }}>\n            {query ? `${shown} of ${t.rows.length} rows` : \"\"}\n          </span>\n        </div>\n      ) : null}\n      <div dangerouslySetInnerHTML={{ __html: html }} />\n      {interactive && visible && !visible.size ? <p className=\"bt-empty-filter\">No rows match “{query}”.</p> : null}\n      {ld ? <script type=\"application/ld+json\" dangerouslySetInnerHTML={{ __html: JSON.stringify(ld).replace(/</g, \"\\\\u003c\") }} /> : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAuBA,SAAgB,UAAU,EAAE,OAAO,YAAY,cAAc,MAAM,SAAS,MAAM,KAAK,WAAW,WAA2B;CAC3H,MAAM,MAAM,MAAM,MAAM,CAAC,CAAC,QAAQ,WAAW,EAAE;CAC/C,MAAM,SAAS,WAAW,IAAA,CAAK,QAAQ,WAAW,EAAE;CACpD,MAAM,IAAI,MAAM,cAAc;EAC5B,MAAM,IAAI,eAAe,KAAK;EAC9B,OAAO;GAAE,GAAG;GAAG,IAAI,GAAG,EAAE,GAAG,GAAG;EAAQ;CACxC,GAAG,CAAC,OAAO,KAAK,CAAC;CACjB,MAAM,CAAC,MAAM,WAAW,MAAM,SAA8C,IAAI;CAChF,MAAM,CAAC,OAAO,YAAY,MAAM,SAAS,EAAE;CAC3C,MAAM,WAAW,MAAM,MAAM;CAC7B,MAAM,UAAU,MAAM,cAAc;EAClC,MAAM,IAAI,MAAM,KAAK,CAAC,CAAC,YAAY;EACnC,IAAI,CAAC,GAAG,OAAO,KAAA;EACf,OAAO,IAAI,IAAI,EAAE,KAAK,QAAQ,MAAM,EAAE,QAAQ,MAAM,MAAM,SAAS,GAAG,GAAG,EAAE,MAAM,EAAE,OAAO,UAAU,CAAC,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE,IAAI,CAAC;CACtJ,GAAG;EAAC;EAAO;EAAG;CAAU,CAAC;CACzB,MAAM,OAAO,MAAM,cACX,gBAAgB,GAAG;EAAE;EAAY;EAAa,MAAM,cAAc,OAAO;EAAM,aAAa;EAAS,OAAO;CAAM,CAAC,GACzH;EAAC;EAAG;EAAY;EAAa;EAAM;CAAO,CAC5C;CACA,MAAM,KAAK,MAAM,cAAe,SAAS,YAAY,GAAG;EAAE;EAAK;CAAW,CAAC,IAAI,MAAO;EAAC;EAAQ;EAAG;EAAK;CAAU,CAAC;CAClH,MAAM,WAAW,MAAwB;EACvC,MAAM,IAAK,EAAE,OAAuB,QAA2B,gBAAgB;EAC/E,IAAI,CAAC,GAAG;EACR,MAAM,MAAM,EAAE,QAAQ;EACtB,EAAE,gBAAgB;EAClB,SAAS,MAAO,GAAG,QAAQ,MAAM;GAAE;GAAK,KAAK;EAAE,IAAI,EAAE,QAAQ,IAAI;GAAE;GAAK,KAAK;EAAG,IAAI,IAAK;EACzF,QAAQ,UAAU;CACpB;CACA,MAAM,UAAU,MAAM,OAAsB,IAAI;CAChD,MAAM,OAAO,MAAM,OAAuB,IAAI;CAC9C,MAAM,sBAAsB;EAC1B,MAAM,MAAM,QAAQ;EACpB,IAAI,CAAC,KAAK;EACV,QAAQ,UAAU;EAClB,KAAK,SAAS,cAAiC,iCAAiC,IAAI,OAAO,GAAG,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,eAAe,KAAK,CAAC;CACrI,CAAC;CACD,MAAM,QAAQ,UAAU,QAAQ,OAAO,EAAE,KAAK;CAC9C,OACE,qBAAC,OAAD;EAAK,KAAK;EAAiB;EAAW,SAAS,cAAc,UAAU,KAAA;EAAvE,UAAA;GACG,eAAe,EAAE,aAChB,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,qBAAC,SAAD;MAAO,SAAS;MAAU,WAAU;MAAQ,OAAO;OAAE,UAAU;OAAY,OAAO;OAAG,QAAQ;OAAG,UAAU;OAAU,MAAM;MAAgB;MAA1I,UAAA,CAA6I,WACnI,EAAE,WAAW,OAChB;;KACP,oBAAC,SAAD;MAAO,IAAI;MAAU,MAAK;MAAS,aAAY;MAAe,OAAO;MAAO,WAAW,MAAM,SAAS,EAAE,OAAO,KAAK;MAAG,iBAAe,GAAG,EAAE,GAAG;KAAY,CAAA;KAC1J,oBAAC,QAAD;MAAM,MAAK;MAAS,aAAU;MAAS,OAAO;OAAE,UAAU;OAAY,OAAO;OAAG,QAAQ;OAAG,UAAU;OAAU,MAAM;MAAgB;MAClI,UAAA,QAAQ,GAAG,MAAM,MAAM,EAAE,KAAK,OAAO,SAAS;KAC3C,CAAA;IACH;GACH,CAAA,IAAA;GACJ,oBAAC,OAAD,EAAK,yBAAyB,EAAE,QAAQ,KAAK,EAAI,CAAA;GAChD,eAAe,WAAW,CAAC,QAAQ,OAAO,qBAAC,KAAD;IAAG,WAAU;IAAb,UAAA;KAA+B;KAAgB;KAAM;IAAK;GAAI,CAAA,IAAA;GACxG,KAAK,oBAAC,UAAD;IAAQ,MAAK;IAAsB,yBAAyB,EAAE,QAAQ,KAAK,UAAU,EAAE,CAAC,CAAC,QAAQ,MAAM,SAAS,EAAE;GAAI,CAAA,IAAI;EAC7H;;AAET"}

package/dist/table/table.css

@@ -0,0 +1,73 @@
+/*
+ * TABLE (CPO D42) — styles for the one semantic table renderer (src/schema/table.ts → renderTableHtml).
+ * Works on the Caldera site (--s* tokens), the Kit Library preview (--ks-*) and in the app: inside a kit scope
+ * (--kit-fg, --kit-line…), else the dashboard roles (--foreground, --border, --card). V2 path: src/kit/schema/table.ts.
+ * Responsive modes never change the DOM: Scroll (default) scrolls sideways with the row headers pinned; Stack and
+ * Cards re-lay the same rows below 560px of container width. Display changes can drop table semantics in some
+ * engines, so the renderer adds the equivalent ARIA roles only in those two modes (see docs/TABLES.md).
+ */
+.bt-table {
+  --bt-fg: var(--sfg, var(--ks-fg, var(--kit-fg)));
+  --bt-fg2: var(--sfg2, var(--ks-fg2, var(--kit-fg-2)));
+  --bt-line: var(--sline, var(--ks-line, var(--kit-line)));
+  --bt-bg: var(--sbg, var(--ks-card, var(--kit-surface)));
+  --bt-head: color-mix(in oklab, var(--bt-fg) 4%, var(--bt-bg));
+  --bt-accent: var(--sbtn, var(--ks-accent, var(--kit-fg)));
+  --bt-pad-y: 11px;
+  --bt-pad-x: 16px;
+  margin: 0;
+  container-type: inline-size;
+  color: var(--bt-fg);
+  font-variant-numeric: tabular-nums;
+}
+.bt-table[data-density="compact"] { --bt-pad-y: 7px; --bt-pad-x: 12px; }
+.bt-table .bt-scroll { overflow-x: auto; border-radius: var(--cs-r, 10px); box-shadow: inset 0 0 0 1px var(--bt-line); background: var(--bt-bg); }
+.bt-table .bt-scroll:focus-visible { outline: 2px solid var(--bt-fg2); outline-offset: 2px; }
+.bt-table[data-sticky="true"] .bt-scroll { max-height: min(70vh, 640px); overflow: auto; }
+.bt-table table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 15px; line-height: 1.45; }
+.bt-table caption { caption-side: top; text-align: left; padding: 14px var(--bt-pad-x) 10px; font-weight: 600; font-size: 14px; color: var(--bt-fg); }
+.bt-table th, .bt-table td { padding: var(--bt-pad-y) var(--bt-pad-x); text-align: left; vertical-align: top; border-top: 1px solid var(--bt-line); }
+.bt-table [data-align="end"] { text-align: right; }
+.bt-table [data-align="center"] { text-align: center; }
+.bt-table thead th, .bt-table thead td { font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 600; color: var(--bt-fg2); background: var(--bt-head); vertical-align: bottom; }
+.bt-table thead th[scope="colgroup"] { text-align: center; border-bottom: 1px solid var(--bt-line); letter-spacing: 0.04em; }
+.bt-table[data-sticky="true"] thead th, .bt-table[data-sticky="true"] thead td { position: sticky; top: 0; z-index: 2; }
+.bt-table tbody th[scope="row"], .bt-table tfoot th[scope="row"] { font-weight: 600; color: var(--bt-fg); }
+.bt-table[data-header-col="true"] th[scope="row"], .bt-table[data-header-col="true"] thead tr:last-child > :first-child { position: sticky; left: 0; z-index: 1; background: var(--bt-bg); box-shadow: inset -1px 0 0 var(--bt-line); }
+.bt-table[data-header-col="true"] thead tr:last-child > :first-child { background: var(--bt-head); z-index: 3; }
+.bt-table tr.bt-group th { font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; font-weight: 600; color: var(--bt-fg); padding-top: calc(var(--bt-pad-y) + 8px); background: var(--bt-bg); }
+.bt-table[data-striped="true"] tbody tr:not(.bt-group):nth-child(even) > * { background: color-mix(in oklab, var(--bt-fg) 2.5%, var(--bt-bg)); }
+.bt-table tr[data-highlight="true"] > *, .bt-table [data-highlight="true"]:is(td, th) { background: color-mix(in oklab, var(--bt-accent) 7%, var(--bt-bg)); }
+.bt-table tfoot th, .bt-table tfoot td { font-weight: 600; border-top: 2px solid var(--bt-line); }
+.bt-table td a, .bt-table th a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
+.bt-table sup { font-size: 0.7em; margin-left: 1px; }
+.bt-table sup a { text-decoration: none; color: var(--bt-fg2); }
+.bt-table .bt-bool[data-bool="true"] { color: var(--bt-accent); font-weight: 700; }
+.bt-table .bt-bool[data-bool="false"], .bt-table .bt-dash, .bt-table .bt-dim { color: var(--bt-fg2); opacity: 0.7; }
+.bt-table .bt-star { color: var(--kit-rating, #d29a1c); }
+.bt-table .bt-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
+.bt-table .bt-sort { all: unset; cursor: pointer; display: inline-flex; gap: 4px; align-items: center; border-radius: 4px; }
+.bt-table .bt-sort:focus-visible { outline: 2px solid var(--bt-fg2); outline-offset: 2px; }
+.bt-table .bt-sort-icon { opacity: 0.55; font-size: 11px; }
+.bt-table .bt-notes { margin-top: 10px; font-size: 13px; line-height: 1.5; color: var(--bt-fg2); }
+.bt-table .bt-notes p { margin: 0; }
+.bt-table .bt-notes ol { margin: 6px 0 0; padding-left: 1.4em; list-style: decimal; }
+.bt-table .bt-notes li + li { margin-top: 2px; }
+.bt-filter { display: flex; margin-bottom: 10px; }
+.bt-filter input { width: min(280px, 100%); height: 34px; padding: 0 12px; border-radius: 8px; border: 1px solid var(--sline, var(--kit-line)); background: var(--sbg, var(--kit-surface)); color: inherit; font: inherit; font-size: 14px; }
+.bt-empty-filter { padding: 16px; font-size: 14px; color: var(--sfg2, var(--kit-fg-2)); }
+
+/* Stack + Cards: same DOM, rows become blocks under 560px; each cell shows its column label (data-label). */
+@container (max-width: 560px) {
+  .bt-table[data-responsive="stack"] thead, .bt-table[data-responsive="cards"] thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
+  .bt-table[data-responsive="stack"] table, .bt-table[data-responsive="stack"] tbody, .bt-table[data-responsive="stack"] tfoot, .bt-table[data-responsive="stack"] tr,
+  .bt-table[data-responsive="cards"] table, .bt-table[data-responsive="cards"] tbody, .bt-table[data-responsive="cards"] tfoot, .bt-table[data-responsive="cards"] tr { display: block; }
+  .bt-table[data-responsive="stack"] th, .bt-table[data-responsive="stack"] td, .bt-table[data-responsive="cards"] th, .bt-table[data-responsive="cards"] td { display: block; border-top: 0; padding-top: 6px; padding-bottom: 6px; text-align: left; position: static; box-shadow: none; }
+  /* the label is an inline-block beside the value, so a cell's parts (icon + words, ★ + number) stay one line */
+  .bt-table[data-responsive="stack"] td::before, .bt-table[data-responsive="cards"] td::before { content: attr(data-label); display: inline-block; width: 40%; min-width: 96px; padding-right: 12px; vertical-align: top; font-size: 12px; font-weight: 600; color: var(--bt-fg2); }
+  .bt-table[data-responsive="stack"] th[scope="row"], .bt-table[data-responsive="cards"] th[scope="row"], .bt-table tr.bt-group th { display: block; font-size: 15px; padding-top: 12px; }
+  .bt-table[data-responsive="stack"] tr { border-top: 1px solid var(--bt-line); padding: 6px 0; }
+  .bt-table[data-responsive="cards"] .bt-scroll { box-shadow: none; background: transparent; overflow: visible; }
+  .bt-table[data-responsive="cards"] tbody tr:not(.bt-group), .bt-table[data-responsive="cards"] tfoot tr { margin: 10px 0; border-radius: var(--cs-r, 10px); box-shadow: inset 0 0 0 1px var(--bt-line); background: var(--bt-bg); padding: 6px 0; }
+  .bt-table[data-responsive="cards"] caption { display: block; padding-left: 0; }
+}