@dfosco/storyboard 0.9.4 → 0.9.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/storyboard-ui.css +1 -1
- package/dist/storyboard-ui.js.map +1 -1
- package/dist/tailwind.css +1 -1
- package/package.json +1 -1
- package/scaffold/AGENTS.md +0 -79
- package/scaffold/src/_prototype.jsx +9 -1
- package/src/core/cli/workleaf.js +3 -3
- package/src/core/mountStoryboardCore.js +1 -0
- package/src/core/stores/canvasInteractionStore.js +29 -9
- package/src/core/stores/canvasInteractionStore.test.js +37 -11
- package/src/core/stores/configSchema.js +1 -0
- package/src/core/stores/configSchema.test.js +1 -0
- package/src/core/styles/tailwind.css +2 -0
- package/src/core/workleaf/create.js +62 -12
- package/src/core/workleaf/nameGenerator.js +133 -0
- package/src/core/workleaf/nameGenerator.test.js +99 -0
- package/src/internals/BaseUiForm/BaseUiForm.module.css +2 -2
- package/src/internals/canvas/CanvasPage.bridge.test.jsx +1 -0
- package/src/internals/canvas/CanvasPage.dragdrop.test.jsx +1 -0
- package/src/internals/canvas/CanvasPage.jsx +54 -12
- package/src/internals/canvas/CanvasPage.multiselect.test.jsx +1 -0
- package/src/internals/canvas/widgets/StorySetWidget.jsx +8 -3
- package/src/internals/canvas/widgets/expandUtils.js +6 -3
- package/src/internals/canvas/widgets/widgetConfig.js +33 -1
- package/src/internals/canvas/widgets/widgetConfig.merged.test.js +27 -0
- package/src/internals/story/ComponentSetPage.jsx +21 -9
package/dist/tailwind.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-duration:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Hubot Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--color-amber-100:oklch(96.2% .059 95.617);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-700:oklch(55.5% .163 48.998);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-neutral-900:oklch(20.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-4xl:2rem;--animate-spin:spin 1s linear infinite;--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);--radius:.5rem;--color-background:#fff;--color-background-muted:#f6f8fa;--color-background-inset:#f6f8fa;--color-background-emphasis:#25292e;--color-background-inverse:#25292e;--color-background-neutral-muted:#818b981f;--color-background-neutral-emphasis:#59636e;--color-background-accent-muted:#ddf4ff;--color-background-accent-emphasis:#0969da;--color-background-accent-emphasis-hover:#0860c7;--color-background-danger-muted:#ffebe9;--color-background-danger-emphasis:#cf222e;--color-background-success-muted:#dafbe1;--color-background-success-emphasis:#1f883d;--color-background-success-hover:#1a7f37;--color-background-attention-muted:#fff8c5;--color-background-done-muted:#fbefff;--color-background-done-emphasis:#8250df;--color-background-open-emphasis:#1f883d;--color-background-closed-emphasis:#cf222e;--color-foreground:#1f2328;--color-foreground-muted:#59636e;--color-foreground-accent:#0969da;--color-foreground-danger:#d1242f;--color-foreground-success:#1a7f37;--color-foreground-attention:#9a6700;--color-foreground-on-emphasis:#fff;--color-foreground-on-inverse:#fff;--color-border:#d1d9e0;--color-border-muted:#d1d9e0b3;--color-border-emphasis:#818b98;--color-border-accent-emphasis:#0969da;--color-border-accent-muted:#54aeff66;--color-border-danger-emphasis:#cf222e;--color-border-danger-muted:#ff818266;--color-border-success-muted:#4ac26b66;--color-border-attention-muted:#d4a72c66;--color-overlay-backdrop:#c8d1da66;--shadow-resting:0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;--shadow-floating:0px 0px 0px 1px #d1d9e080, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;--color-card:var(--color-background);--color-card-foreground:var(--color-foreground);--color-popover:var(--color-background);--color-popover-foreground:var(--color-foreground);--color-primary:#1f2328;--color-primary-foreground:#fff;--color-secondary:var(--color-background-muted);--color-secondary-foreground:var(--color-foreground);--color-muted:var(--color-background-muted);--color-muted-foreground:var(--color-foreground-muted);--color-accent:var(--color-background-accent-muted);--color-accent-foreground:var(--color-foreground-accent);--color-destructive:var(--color-background-danger-emphasis);--color-input:var(--color-border);--color-ring:var(--color-background-accent-emphasis);--color-success:var(--color-background-success-emphasis)}}@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,ui-sans-serif, system-ui, 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{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}[data-sb-theme^=dark],[data-sb-canvas-theme^=dark],[data-sb-prototype-theme^=dark],[data-sb-toolbar-theme^=dark],[data-sb-codeboxes-theme^=dark],[data-sb-code-theme^=dark]{--color-background:#0d1117;--color-background-muted:#151b23;--color-background-inset:#010409;--color-background-emphasis:#3d444d;--color-background-inverse:#fff;--color-background-neutral-muted:#656c7633;--color-background-neutral-emphasis:#656c76;--color-background-accent-muted:#388bfd1a;--color-background-accent-emphasis:#1f6feb;--color-background-accent-emphasis-hover:#388bfd;--color-background-danger-muted:#f851491a;--color-background-danger-emphasis:#da3633;--color-background-success-muted:#2ea04326;--color-background-success-emphasis:#238636;--color-background-success-hover:#2ea043;--color-background-attention-muted:#bb800926;--color-background-done-muted:#ab7df81a;--color-background-done-emphasis:#8957e5;--color-background-open-emphasis:#238636;--color-background-closed-emphasis:#da3633;--color-foreground:#f0f6fc;--color-foreground-muted:#9198a1;--color-foreground-accent:#4493f8;--color-foreground-danger:#f85149;--color-foreground-success:#3fb950;--color-foreground-attention:#d29922;--color-foreground-on-emphasis:#fff;--color-foreground-on-inverse:#010409;--color-border:#3d444d;--color-border-muted:#3d444db3;--color-border-emphasis:#656c76;--color-border-accent-emphasis:#1f6feb;--color-border-accent-muted:#388bfd66;--color-border-danger-emphasis:#da3633;--color-border-danger-muted:#f8514966;--color-border-success-muted:#2ea04366;--color-border-attention-muted:#bb800966;--color-overlay-backdrop:#21283066;--shadow-resting:0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;--shadow-floating:0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;--color-primary:#f0f6fc;--color-primary-foreground:#0d1117;--color-ring:var(--color-background-accent-emphasis)}:root{--sb--smooth-corners:4;--sb--radius-md:var(--radius-md)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-2{top:calc(var(--spacing) * 2)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-6{right:calc(var(--spacing) * 6)}.right-\[76px\]{right:76px}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-14{bottom:calc(var(--spacing) * 14)}.bottom-28{bottom:calc(var(--spacing) * 28)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.left-6{left:calc(var(--spacing) * 6)}.isolate{isolation:isolate}.z-10{z-index:10}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.z-\[10001\]{z-index:10001}.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:calc(var(--spacing) * 0)}.-mx-1\.5{margin-inline:calc(var(--spacing) * -1.5)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.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)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.\!hidden{display:none!important}.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}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.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-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-full{width:100%;height:100%}.h-2{height:calc(var(--spacing) * 2)}.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-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-\[calc\(100\%-37px\)\]{height:calc(100% - 37px)}.h-full{height:100%}.h-px{height:1px}.max-h-\[90vh\]{max-height:90vh}.max-h-\[100px\]{max-height:100px}.max-h-\[160px\]{max-height:160px}.max-h-\[260px\]{max-height:260px}.max-h-\[300px\]{max-height:300px}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-\[40px\]{min-height:40px}.min-h-\[60px\]{min-height:60px}.min-h-\[120px\]{min-height:120px}.w-2{width:calc(var(--spacing) * 2)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-10{width:calc(var(--spacing) * 10)}.w-\[400px\]{width:400px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[480px\]{max-width:480px}.max-w-\[600px\]{max-width:600px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[96px\]{min-width:96px}.min-w-\[100px\]{min-width:100px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[260px\]{min-width:260px}.min-w-\[280px\]{min-width:280px}.min-w-\[320px\]{min-width:320px}.flex-1{flex:1}.flex-auto{flex:auto}.flex-shrink-0,.shrink-0{flex-shrink:0}.rotate-2{rotate:2deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.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)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.smooth-corners{border-radius:var(--sb--smooth-corners-fallback,.75rem)}@supports ((-webkit-mask-image:paint(smooth-corners)) or (mask-image:paint(smooth-corners))){.smooth-corners{-webkit-mask-image:paint(smooth-corners);-webkit-mask-image:paint(smooth-corners);mask-image:paint(smooth-corners);-webkit-mask-image:paint(smooth-corners);border-radius:0}}.rounded{border-radius:var(--radius)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[4px\]{border-radius:4px}.rounded-\[min\(var\(--sb--radius-md\)\,10px\)\]{border-radius:min(var(--sb--radius-md), 10px)}.rounded-\[min\(var\(--sb--radius-md\)\,12px\)\]{border-radius:min(var(--sb--radius-md), 12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-amber-300{border-color:var(--color-amber-300)}.border-border{border-color:var(--color-border)}.border-border-muted{border-color:var(--color-border-muted)}.border-input{border-color:var(--color-input)}.border-muted{border-color:var(--color-muted)}.border-primary{border-color:var(--color-primary)}.border-slate-400{border-color:var(--color-slate-400)}.border-transparent{border-color:#0000}.border-t-foreground-accent{border-top-color:var(--color-foreground-accent)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-background{background-color:var(--color-background)}.bg-background-inset{background-color:var(--color-background-inset)}.bg-background-muted{background-color:var(--color-background-muted)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-border{background-color:var(--color-border)}.bg-card{background-color:var(--color-card)}.bg-destructive\/10{background-color:#cf222e1a}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab, var(--color-destructive) 10%, transparent)}}.bg-muted{background-color:var(--color-muted)}.bg-muted\/50{background-color:#f6f8fa80}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--color-muted) 50%, transparent)}}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-popover{background-color:var(--color-popover)}.bg-primary{background-color:var(--color-primary)}.bg-primary\/10{background-color:#1f23281a}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-transparent{background-color:#0000}.fill-popover-foreground{fill:var(--color-popover-foreground)}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:calc(var(--spacing) * 1)}.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-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.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-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.font-\[system-ui\,-apple-system\,sans-serif\]{font-family:system-ui,-apple-system,sans-serif}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.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)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.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-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-700{color:var(--color-amber-700)}.text-card-foreground{color:var(--color-card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--color-destructive)}.text-foreground{color:var(--color-foreground)}.text-foreground-accent{color:var(--color-foreground-accent)}.text-foreground-danger{color:var(--color-foreground-danger)}.text-foreground-muted{color:var(--color-foreground-muted)}.text-input{color:var(--color-input)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-success{color:var(--color-success)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-primary{accent-color:var(--color-primary)}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.bg-blend-color{background-blend-mode:color}.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_4px_16px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#00000014);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-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\/border{--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{--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-background{--tw-ring-color:var(--color-background)}.ring-foreground\/10{--tw-ring-color:#1f23281a}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--color-foreground) 10%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.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,)}.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,)}.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-all{transition-property:all;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-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))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--sb--smooth-corners\:4\]{--sb--smooth-corners:4}.\[check\:imports\]{check:imports}.fade-out{--tw-exit-opacity:0}.paused{animation-play-state:paused}.running{animation-play-state:running}.zoom-in{--tw-enter-scale:0}.zoom-out{--tw-exit-scale:0}.group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *){color:var(--color-accent-foreground)}.group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *){opacity:.5}.group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *){width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-has-\[\>svg\]\/alert\:col-start-2:is(:where(.group\/alert):has(>svg) *){grid-column-start:2}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *){width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *){width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--color-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.after\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * -3)}.after\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -2)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:border-border:after{content:var(--tw-content);border-color:var(--color-border)}.after\:mix-blend-darken:after{content:var(--tw-content);mix-blend-mode:darken}@media (hover:hover){.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\:rotate-2:hover{rotate:2deg}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-accent\/50:hover{background-color:#ddf4ff80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent\/50:hover{background-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}}.hover\:bg-destructive\/20:hover{background-color:#cf222e33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.hover\:bg-muted:hover{background-color:var(--color-muted)}.hover\:bg-secondary\/80:hover{background-color:#f6f8facc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--color-accent-foreground)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:text-muted-foreground:hover{color:var(--color-muted-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}}.focus\:bg-accent:focus{background-color:var(--color-accent)}.focus\:text-accent-foreground:focus,:is(.focus\:\*\*\:text-accent-foreground:focus *),:is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant=destructive]):focus *){color:var(--color-accent-foreground)}.focus-visible\:rotate-2:focus-visible{rotate:2deg}.focus-visible\:border-ring:focus-visible{border-color:var(--color-ring)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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-visible\:ring-1:focus-visible{--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-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:#cf222e33}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:#0969da80}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ring) 50%, transparent)}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-input\/50:disabled{background-color:#d1d9e080}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab, var(--color-input) 50%, transparent)}}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius-lg)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-end\]\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.has-data-\[icon\=inline-end\]\:pr-4:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 4)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.has-data-\[icon\=inline-start\]\:pl-4:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 4)}.has-data-\[slot\=alert-action\]\:relative:has([data-slot=alert-action]){position:relative}.has-data-\[slot\=alert-action\]\:pr-18:has([data-slot=alert-action]){padding-right:calc(var(--spacing) * 18)}.has-\[\>svg\]\:grid-cols-\[auto_1fr\]:has(>svg){grid-template-columns:auto 1fr}.has-\[\>svg\]\:gap-x-2:has(>svg){column-gap:calc(var(--spacing) * 2)}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--color-muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--color-secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--color-foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--color-secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--color-destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:#cf222e33}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.aria-invalid\:aria-checked\:border-primary[aria-invalid=true][aria-checked=true]{border-color:var(--color-primary)}.data-inset\:pl-7[data-inset]{padding-left:calc(var(--spacing) * 7)}.data-\[checked\]\:border-primary[data-checked]{border-color:var(--color-primary)}.data-\[checked\]\:bg-primary[data-checked]{background-color:var(--color-primary)}.data-\[checked\]\:text-primary-foreground[data-checked]{color:var(--color-primary-foreground)}.data-\[closed\]\:animate-out[data-closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[closed\]\:fade-out-0[data-closed]{--tw-exit-opacity:0}.data-\[closed\]\:zoom-out-95[data-closed]{--tw-exit-scale:.95}.data-\[closed\]\:slide-out-to-bottom-4[data-closed]{--tw-exit-translate-y:calc(4*var(--spacing))}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[highlighted\]\:bg-accent[data-highlighted]{background-color:var(--color-accent)}.data-\[highlighted\]\:text-accent-foreground[data-highlighted]{color:var(--color-accent-foreground)}.data-\[inset\]\:ps-8[data-inset]{padding-inline-start:calc(var(--spacing) * 8)}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing) * 8)}.data-\[open\]\:animate-in[data-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[open\]\:fade-in-0[data-open]{--tw-enter-opacity:0}.data-\[open\]\:zoom-in-95[data-open]{--tw-enter-scale:.95}.data-\[open\]\:slide-in-from-bottom-4[data-open]{--tw-enter-translate-y:calc(4*var(--spacing))}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[popup-open\]\:bg-accent[data-popup-open]{background-color:var(--color-accent)}.data-\[popup-open\]\:text-accent-foreground[data-popup-open]{color:var(--color-accent-foreground)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=lg\]\:size-10[data-size=lg]{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.data-\[size\=sm\]\:size-6[data-size=sm]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:#cf222ee6}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab, var(--color-destructive) 90%, transparent)}}:is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{--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)}:is(.\*\:data-\[slot\=avatar\]\:ring-background>*)[data-slot=avatar]{--tw-ring-color:var(--color-background)}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--color-destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:#cf222e1a}@supports (color:color-mix(in lab, red, red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--color-destructive) 10%, transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--color-destructive)}.data-\[variant\=destructive\]\:data-\[highlighted\]\:bg-destructive\/10[data-variant=destructive][data-highlighted]{background-color:#cf222e1a}@supports (color:color-mix(in lab, red, red)){.data-\[variant\=destructive\]\:data-\[highlighted\]\:bg-destructive\/10[data-variant=destructive][data-highlighted]{background-color:color-mix(in oklab, var(--color-destructive) 10%, transparent)}}@media (min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-pretty{text-wrap:pretty}}.dark\:bg-destructive\/20:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *){background-color:#cf222e33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/20:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *){background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.dark\:bg-input\/30:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *){background-color:#d1d9e04d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *){background-color:color-mix(in oklab, var(--color-input) 30%, transparent)}}.dark\:after\:mix-blend-lighten:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):after{content:var(--tw-content);mix-blend-mode:lighten}@media (hover:hover){.dark\:hover\:bg-destructive\/30:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):hover{background-color:#cf222e4d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/30:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):hover{background-color:color-mix(in oklab, var(--color-destructive) 30%, transparent)}}.dark\:hover\:bg-input\/50:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):hover{background-color:#d1d9e080}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):hover{background-color:color-mix(in oklab, var(--color-input) 50%, transparent)}}.dark\:hover\:bg-muted\/50:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):hover{background-color:#f6f8fa80}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):hover{background-color:color-mix(in oklab, var(--color-muted) 50%, transparent)}}}.dark\:focus-visible\:ring-destructive\/40:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):focus-visible{--tw-ring-color:#cf222e66}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}.dark\:disabled\:bg-input\/80:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):disabled{background-color:#d1d9e0cc}@supports (color:color-mix(in lab, red, red)){.dark\:disabled\:bg-input\/80:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):disabled{background-color:color-mix(in oklab, var(--color-input) 80%, transparent)}}.dark\:aria-invalid\:border-destructive\/50:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *)[aria-invalid=true]{border-color:#cf222e80}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--color-destructive) 50%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *)[aria-invalid=true]{--tw-ring-color:#cf222e66}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}.dark\:data-\[checked\]\:bg-primary:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *)[data-checked]{background-color:var(--color-primary)}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *)[data-variant=destructive]:focus{background-color:#cf222e33}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *)[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:underline-offset-3 a{text-underline-offset:3px}@media (hover:hover){.\[\&_a\]\:hover\:text-foreground a:hover{color:var(--color-foreground)}}.\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child){margin-bottom:calc(var(--spacing) * 4)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 svg:not([class*=size-]){width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}@media (hover:hover){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:#cf222e33}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--color-muted)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:#1f2328cc}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:#f6f8facc}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--color-muted-foreground)}}:is(.\*\:\[svg\]\:row-span-2>*):is(svg){grid-row:span 2/span 2}:is(.\*\:\[svg\]\:translate-y-0\.5>*):is(svg){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}:is(.\*\:\[svg\]\:text-current>*):is(svg){color:currentColor}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant=destructive]>*):is(svg){color:var(--color-destructive)}:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.\[\&\>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)}.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg,.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg{display:none}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Hubot Sans;src:url(../../../../assets/fonts/HubotSans/Hubot-Sans.woff2)format("woff2 supports variations"),url(../../../../assets/fonts/HubotSans/Hubot-Sans.woff2)format("woff2-variations");font-weight:200 900;font-stretch:75% 125%;font-display:swap}@font-face{font-family:Mona Sans;src:url(../../../../assets/fonts/MonaSans/MonaSans.woff2)format("woff2 supports variations"),url(../../../../assets/fonts/MonaSans/MonaSans.woff2)format("woff2-variations");font-weight:200 900;font-stretch:75% 125%;font-display:swap}[data-slot=button]{border-radius:revert-layer;font-weight:revert-layer}[data-slot=panel-content] select,[data-slot=panel-content] input{border-radius:revert-layer}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-duration{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}@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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
|
|
2
|
+
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-duration:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Hubot Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--color-amber-100:oklch(96.2% .059 95.617);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-700:oklch(55.5% .163 48.998);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-neutral-900:oklch(20.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-4xl:2rem;--animate-spin:spin 1s linear infinite;--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);--radius:.5rem;--color-background:#fff;--color-background-muted:#f6f8fa;--color-background-inset:#f6f8fa;--color-background-emphasis:#25292e;--color-background-inverse:#25292e;--color-background-neutral-muted:#818b981f;--color-background-neutral-emphasis:#59636e;--color-background-accent-muted:#ddf4ff;--color-background-accent-emphasis:#0969da;--color-background-accent-emphasis-hover:#0860c7;--color-background-danger-muted:#ffebe9;--color-background-danger-emphasis:#cf222e;--color-background-success-muted:#dafbe1;--color-background-success-emphasis:#1f883d;--color-background-success-hover:#1a7f37;--color-background-attention-muted:#fff8c5;--color-background-done-muted:#fbefff;--color-background-done-emphasis:#8250df;--color-background-open-emphasis:#1f883d;--color-background-closed-emphasis:#cf222e;--color-foreground:#1f2328;--color-foreground-muted:#59636e;--color-foreground-hover:#000;--color-foreground-accent:#0969da;--color-foreground-danger:#d1242f;--color-foreground-success:#1a7f37;--color-foreground-attention:#9a6700;--color-foreground-on-emphasis:#fff;--color-foreground-on-inverse:#fff;--color-border:#d1d9e0;--color-border-muted:#d1d9e0b3;--color-border-emphasis:#818b98;--color-border-accent-emphasis:#0969da;--color-border-accent-muted:#54aeff66;--color-border-danger-emphasis:#cf222e;--color-border-danger-muted:#ff818266;--color-border-success-muted:#4ac26b66;--color-border-attention-muted:#d4a72c66;--color-overlay-backdrop:#c8d1da66;--shadow-resting:0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;--shadow-floating:0px 0px 0px 1px #d1d9e080, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;--color-card:var(--color-background);--color-card-foreground:var(--color-foreground);--color-popover:var(--color-background);--color-popover-foreground:var(--color-foreground);--color-primary:#1f2328;--color-primary-foreground:#fff;--color-secondary:var(--color-background-muted);--color-secondary-foreground:var(--color-foreground);--color-muted:var(--color-background-muted);--color-muted-foreground:var(--color-foreground-muted);--color-accent:var(--color-background-accent-muted);--color-accent-foreground:var(--color-foreground-accent);--color-destructive:var(--color-background-danger-emphasis);--color-input:var(--color-border);--color-ring:var(--color-background-accent-emphasis);--color-success:var(--color-background-success-emphasis)}}@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,ui-sans-serif, system-ui, 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{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}[data-sb-theme^=dark],[data-sb-canvas-theme^=dark],[data-sb-prototype-theme^=dark],[data-sb-toolbar-theme^=dark],[data-sb-codeboxes-theme^=dark],[data-sb-code-theme^=dark]{--color-background:#0d1117;--color-background-muted:#151b23;--color-background-inset:#010409;--color-background-emphasis:#3d444d;--color-background-inverse:#fff;--color-background-neutral-muted:#656c7633;--color-background-neutral-emphasis:#656c76;--color-background-accent-muted:#388bfd1a;--color-background-accent-emphasis:#1f6feb;--color-background-accent-emphasis-hover:#388bfd;--color-background-danger-muted:#f851491a;--color-background-danger-emphasis:#da3633;--color-background-success-muted:#2ea04326;--color-background-success-emphasis:#238636;--color-background-success-hover:#2ea043;--color-background-attention-muted:#bb800926;--color-background-done-muted:#ab7df81a;--color-background-done-emphasis:#8957e5;--color-background-open-emphasis:#238636;--color-background-closed-emphasis:#da3633;--color-foreground:#f0f6fc;--color-foreground-muted:#9198a1;--color-foreground-hover:#fff;--color-foreground-accent:#4493f8;--color-foreground-danger:#f85149;--color-foreground-success:#3fb950;--color-foreground-attention:#d29922;--color-foreground-on-emphasis:#fff;--color-foreground-on-inverse:#010409;--color-border:#3d444d;--color-border-muted:#3d444db3;--color-border-emphasis:#656c76;--color-border-accent-emphasis:#1f6feb;--color-border-accent-muted:#388bfd66;--color-border-danger-emphasis:#da3633;--color-border-danger-muted:#f8514966;--color-border-success-muted:#2ea04366;--color-border-attention-muted:#bb800966;--color-overlay-backdrop:#21283066;--shadow-resting:0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;--shadow-floating:0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;--color-primary:#f0f6fc;--color-primary-foreground:#0d1117;--color-ring:var(--color-background-accent-emphasis)}:root{--sb--smooth-corners:4;--sb--radius-md:var(--radius-md)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-2{top:calc(var(--spacing) * 2)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-6{right:calc(var(--spacing) * 6)}.right-\[76px\]{right:76px}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-6{bottom:calc(var(--spacing) * 6)}.bottom-14{bottom:calc(var(--spacing) * 14)}.bottom-28{bottom:calc(var(--spacing) * 28)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.left-6{left:calc(var(--spacing) * 6)}.isolate{isolation:isolate}.z-10{z-index:10}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.z-\[10001\]{z-index:10001}.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:calc(var(--spacing) * 0)}.-mx-1\.5{margin-inline:calc(var(--spacing) * -1.5)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.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)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.\!hidden{display:none!important}.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}.field-sizing-content{field-sizing:content}.aspect-square{aspect-ratio:1}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.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-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-full{width:100%;height:100%}.h-2{height:calc(var(--spacing) * 2)}.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-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-\[calc\(100\%-37px\)\]{height:calc(100% - 37px)}.h-full{height:100%}.h-px{height:1px}.max-h-\[90vh\]{max-height:90vh}.max-h-\[100px\]{max-height:100px}.max-h-\[160px\]{max-height:160px}.max-h-\[260px\]{max-height:260px}.max-h-\[300px\]{max-height:300px}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-\[40px\]{min-height:40px}.min-h-\[60px\]{min-height:60px}.min-h-\[120px\]{min-height:120px}.w-2{width:calc(var(--spacing) * 2)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-10{width:calc(var(--spacing) * 10)}.w-\[400px\]{width:400px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[480px\]{max-width:480px}.max-w-\[600px\]{max-width:600px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-\[96px\]{min-width:96px}.min-w-\[100px\]{min-width:100px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[260px\]{min-width:260px}.min-w-\[280px\]{min-width:280px}.min-w-\[320px\]{min-width:320px}.flex-1{flex:1}.flex-auto{flex:auto}.flex-shrink-0,.shrink-0{flex-shrink:0}.rotate-2{rotate:2deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.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)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.smooth-corners{border-radius:var(--sb--smooth-corners-fallback,.75rem)}@supports ((-webkit-mask-image:paint(smooth-corners)) or (mask-image:paint(smooth-corners))){.smooth-corners{-webkit-mask-image:paint(smooth-corners);-webkit-mask-image:paint(smooth-corners);mask-image:paint(smooth-corners);-webkit-mask-image:paint(smooth-corners);border-radius:0}}.rounded{border-radius:var(--radius)}.rounded-4xl{border-radius:var(--radius-4xl)}.rounded-\[4px\]{border-radius:4px}.rounded-\[min\(var\(--sb--radius-md\)\,10px\)\]{border-radius:min(var(--sb--radius-md), 10px)}.rounded-\[min\(var\(--sb--radius-md\)\,12px\)\]{border-radius:min(var(--sb--radius-md), 12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-amber-300{border-color:var(--color-amber-300)}.border-border{border-color:var(--color-border)}.border-border-muted{border-color:var(--color-border-muted)}.border-input{border-color:var(--color-input)}.border-muted{border-color:var(--color-muted)}.border-primary{border-color:var(--color-primary)}.border-slate-400{border-color:var(--color-slate-400)}.border-transparent{border-color:#0000}.border-t-foreground-accent{border-top-color:var(--color-foreground-accent)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-background{background-color:var(--color-background)}.bg-background-inset{background-color:var(--color-background-inset)}.bg-background-muted{background-color:var(--color-background-muted)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-border{background-color:var(--color-border)}.bg-card{background-color:var(--color-card)}.bg-destructive\/10{background-color:#cf222e1a}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab, var(--color-destructive) 10%, transparent)}}.bg-muted{background-color:var(--color-muted)}.bg-muted\/50{background-color:#f6f8fa80}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--color-muted) 50%, transparent)}}.bg-neutral-900{background-color:var(--color-neutral-900)}.bg-popover{background-color:var(--color-popover)}.bg-primary{background-color:var(--color-primary)}.bg-primary\/10{background-color:#1f23281a}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-transparent{background-color:#0000}.fill-popover-foreground{fill:var(--color-popover-foreground)}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-1{padding-inline:calc(var(--spacing) * 1)}.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-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.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-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-1\.5{padding-bottom:calc(var(--spacing) * 1.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.font-\[system-ui\,-apple-system\,sans-serif\]{font-family:system-ui,-apple-system,sans-serif}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.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)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.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-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-words{overflow-wrap:break-word}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-700{color:var(--color-amber-700)}.text-card-foreground{color:var(--color-card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--color-destructive)}.text-foreground{color:var(--color-foreground)}.text-foreground-accent{color:var(--color-foreground-accent)}.text-foreground-danger{color:var(--color-foreground-danger)}.text-foreground-muted{color:var(--color-foreground-muted)}.text-input{color:var(--color-input)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-success{color:var(--color-success)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.accent-primary{accent-color:var(--color-primary)}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.bg-blend-color{background-blend-mode:color}.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_4px_16px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow:0 4px 16px var(--tw-shadow-color,#00000014);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-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px 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-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\/border{--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{--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-background{--tw-ring-color:var(--color-background)}.ring-foreground\/10{--tw-ring-color:#1f23281a}@supports (color:color-mix(in lab, red, red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--color-foreground) 10%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.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,)}.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,)}.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-all{transition-property:all;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-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))}.transition-none{transition-property:none}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.\[--sb--smooth-corners\:4\]{--sb--smooth-corners:4}.\[check\:imports\]{check:imports}.fade-out{--tw-exit-opacity:0}.paused{animation-play-state:paused}.running{animation-play-state:running}.zoom-in{--tw-enter-scale:0}.zoom-out{--tw-exit-scale:0}.group-focus\/dropdown-menu-item\:text-accent-foreground:is(:where(.group\/dropdown-menu-item):focus *){color:var(--color-accent-foreground)}.group-has-disabled\/field\:opacity-50:is(:where(.group\/field):has(:disabled) *){opacity:.5}.group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *){width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.group-has-\[\>svg\]\/alert\:col-start-2:is(:where(.group\/alert):has(>svg) *){grid-column-start:2}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *){width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *){width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *){font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--color-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:calc(var(--spacing) * 0)}.after\:-inset-x-3:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * -3)}.after\:-inset-y-2:after{content:var(--tw-content);inset-block:calc(var(--spacing) * -2)}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:border:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:border-border:after{content:var(--tw-content);border-color:var(--color-border)}.after\:mix-blend-darken:after{content:var(--tw-content);mix-blend-mode:darken}@media (hover:hover){.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\:rotate-2:hover{rotate:2deg}.hover\:border-primary:hover{border-color:var(--color-primary)}.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-accent\/50:hover{background-color:#ddf4ff80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-accent\/50:hover{background-color:color-mix(in oklab, var(--color-accent) 50%, transparent)}}.hover\:bg-destructive\/20:hover{background-color:#cf222e33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.hover\:bg-muted:hover{background-color:var(--color-muted)}.hover\:bg-secondary\/80:hover{background-color:#f6f8facc}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--color-accent-foreground)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:text-muted-foreground:hover{color:var(--color-muted-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}}.focus\:bg-accent:focus{background-color:var(--color-accent)}.focus\:text-accent-foreground:focus,:is(.focus\:\*\*\:text-accent-foreground:focus *),:is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant=destructive]):focus *){color:var(--color-accent-foreground)}.focus-visible\:rotate-2:focus-visible{rotate:2deg}.focus-visible\:border-ring:focus-visible{border-color:var(--color-ring)}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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-visible\:ring-1:focus-visible{--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-visible\:ring-3:focus-visible,.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:#cf222e33}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:#0969da80}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-ring) 50%, transparent)}}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-input\/50:disabled{background-color:#d1d9e080}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab, var(--color-input) 50%, transparent)}}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius-lg)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-end\]\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.has-data-\[icon\=inline-end\]\:pr-4:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 4)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.has-data-\[icon\=inline-start\]\:pl-4:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 4)}.has-data-\[slot\=alert-action\]\:relative:has([data-slot=alert-action]){position:relative}.has-data-\[slot\=alert-action\]\:pr-18:has([data-slot=alert-action]){padding-right:calc(var(--spacing) * 18)}.has-\[\>svg\]\:grid-cols-\[auto_1fr\]:has(>svg){grid-template-columns:auto 1fr}.has-\[\>svg\]\:gap-x-2:has(>svg){column-gap:calc(var(--spacing) * 2)}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--color-muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--color-secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--color-foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--color-secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--color-destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:#cf222e33}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.aria-invalid\:aria-checked\:border-primary[aria-invalid=true][aria-checked=true]{border-color:var(--color-primary)}.data-inset\:pl-7[data-inset]{padding-left:calc(var(--spacing) * 7)}.data-\[checked\]\:border-primary[data-checked]{border-color:var(--color-primary)}.data-\[checked\]\:bg-primary[data-checked]{background-color:var(--color-primary)}.data-\[checked\]\:text-primary-foreground[data-checked]{color:var(--color-primary-foreground)}.data-\[closed\]\:animate-out[data-closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[closed\]\:fade-out-0[data-closed]{--tw-exit-opacity:0}.data-\[closed\]\:zoom-out-95[data-closed]{--tw-exit-scale:.95}.data-\[closed\]\:slide-out-to-bottom-4[data-closed]{--tw-exit-translate-y:calc(4*var(--spacing))}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[highlighted\]\:bg-accent[data-highlighted]{background-color:var(--color-accent)}.data-\[highlighted\]\:text-accent-foreground[data-highlighted]{color:var(--color-accent-foreground)}.data-\[inset\]\:ps-8[data-inset]{padding-inline-start:calc(var(--spacing) * 8)}.data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--spacing) * 8)}.data-\[open\]\:animate-in[data-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[open\]\:fade-in-0[data-open]{--tw-enter-opacity:0}.data-\[open\]\:zoom-in-95[data-open]{--tw-enter-scale:.95}.data-\[open\]\:slide-in-from-bottom-4[data-open]{--tw-enter-translate-y:calc(4*var(--spacing))}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[popup-open\]\:bg-accent[data-popup-open]{background-color:var(--color-accent)}.data-\[popup-open\]\:text-accent-foreground[data-popup-open]{color:var(--color-accent-foreground)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=lg\]\:size-10[data-size=lg]{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.data-\[size\=sm\]\:size-6[data-size=sm]{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:#cf222ee6}@supports (color:color-mix(in lab, red, red)){:is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90>*)[data-slot=alert-description]{color:color-mix(in oklab, var(--color-destructive) 90%, transparent)}}:is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{--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)}:is(.\*\:data-\[slot\=avatar\]\:ring-background>*)[data-slot=avatar]{--tw-ring-color:var(--color-background)}.data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--color-destructive)}.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:#cf222e1a}@supports (color:color-mix(in lab, red, red)){.data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--color-destructive) 10%, transparent)}}.data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--color-destructive)}.data-\[variant\=destructive\]\:data-\[highlighted\]\:bg-destructive\/10[data-variant=destructive][data-highlighted]{background-color:#cf222e1a}@supports (color:color-mix(in lab, red, red)){.data-\[variant\=destructive\]\:data-\[highlighted\]\:bg-destructive\/10[data-variant=destructive][data-highlighted]{background-color:color-mix(in oklab, var(--color-destructive) 10%, transparent)}}@media (min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-pretty{text-wrap:pretty}}.dark\:bg-destructive\/20:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *){background-color:#cf222e33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/20:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *){background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.dark\:bg-input\/30:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *){background-color:#d1d9e04d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *){background-color:color-mix(in oklab, var(--color-input) 30%, transparent)}}.dark\:after\:mix-blend-lighten:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):after{content:var(--tw-content);mix-blend-mode:lighten}@media (hover:hover){.dark\:hover\:bg-destructive\/30:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):hover{background-color:#cf222e4d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/30:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):hover{background-color:color-mix(in oklab, var(--color-destructive) 30%, transparent)}}.dark\:hover\:bg-input\/50:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):hover{background-color:#d1d9e080}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):hover{background-color:color-mix(in oklab, var(--color-input) 50%, transparent)}}.dark\:hover\:bg-muted\/50:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):hover{background-color:#f6f8fa80}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):hover{background-color:color-mix(in oklab, var(--color-muted) 50%, transparent)}}}.dark\:focus-visible\:ring-destructive\/40:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):focus-visible{--tw-ring-color:#cf222e66}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}.dark\:disabled\:bg-input\/80:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):disabled{background-color:#d1d9e0cc}@supports (color:color-mix(in lab, red, red)){.dark\:disabled\:bg-input\/80:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *):disabled{background-color:color-mix(in oklab, var(--color-input) 80%, transparent)}}.dark\:aria-invalid\:border-destructive\/50:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *)[aria-invalid=true]{border-color:#cf222e80}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--color-destructive) 50%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *)[aria-invalid=true]{--tw-ring-color:#cf222e66}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--color-destructive) 40%, transparent)}}.dark\:data-\[checked\]\:bg-primary:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *)[data-checked]{background-color:var(--color-primary)}.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *)[data-variant=destructive]:focus{background-color:#cf222e33}@supports (color:color-mix(in lab, red, red)){.dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:where([data-sb-theme^=dark],[data-sb-theme^=dark] *,[data-sb-prototype-theme^=dark],[data-sb-prototype-theme^=dark] *,[data-sb-canvas-theme^=dark],[data-sb-canvas-theme^=dark] *,[data-sb-toolbar-theme^=dark],[data-sb-toolbar-theme^=dark] *,[data-sb-codeboxes-theme^=dark],[data-sb-codeboxes-theme^=dark] *,[data-sb-code-theme^=dark],[data-sb-code-theme^=dark] *)[data-variant=destructive]:focus{background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.\[\&_a\]\:underline a{text-decoration-line:underline}.\[\&_a\]\:underline-offset-3 a{text-underline-offset:3px}@media (hover:hover){.\[\&_a\]\:hover\:text-foreground a:hover{color:var(--color-foreground)}}.\[\&_p\:not\(\:last-child\)\]\:mb-4 p:not(:last-child){margin-bottom:calc(var(--spacing) * 4)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 svg:not([class*=size-]){width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]){width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}@media (hover:hover){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:#cf222e33}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-destructive\/20:is(a):hover{background-color:color-mix(in oklab, var(--color-destructive) 20%, transparent)}}.\[a\]\:hover\:bg-muted:is(a):hover{background-color:var(--color-muted)}.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:#1f2328cc}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab, var(--color-primary) 80%, transparent)}}.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:#f6f8facc}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-secondary\/80:is(a):hover{background-color:color-mix(in oklab, var(--color-secondary) 80%, transparent)}}.\[a\]\:hover\:text-muted-foreground:is(a):hover{color:var(--color-muted-foreground)}}:is(.\*\:\[svg\]\:row-span-2>*):is(svg){grid-row:span 2/span 2}:is(.\*\:\[svg\]\:translate-y-0\.5>*):is(svg){--tw-translate-y:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}:is(.\*\:\[svg\]\:text-current>*):is(svg){color:currentColor}:is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive[data-variant=destructive]>*):is(svg){color:var(--color-destructive)}:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>*):is(svg:not([class*=size-])){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3\!>svg{width:calc(var(--spacing) * 3)!important;height:calc(var(--spacing) * 3)!important}.\[\&\>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)}.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg,.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg{display:none}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@font-face{font-family:Hubot Sans;src:url(../../../../assets/fonts/HubotSans/Hubot-Sans.woff2)format("woff2 supports variations"),url(../../../../assets/fonts/HubotSans/Hubot-Sans.woff2)format("woff2-variations");font-weight:200 900;font-stretch:75% 125%;font-display:swap}@font-face{font-family:Mona Sans;src:url(../../../../assets/fonts/MonaSans/MonaSans.woff2)format("woff2 supports variations"),url(../../../../assets/fonts/MonaSans/MonaSans.woff2)format("woff2-variations");font-weight:200 900;font-stretch:75% 125%;font-display:swap}[data-slot=button]{border-radius:revert-layer;font-weight:revert-layer}[data-slot=panel-content] select,[data-slot=panel-content] input{border-radius:revert-layer}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-duration{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}@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}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
|
package/package.json
CHANGED
package/scaffold/AGENTS.md
CHANGED
|
@@ -161,40 +161,6 @@ The `storyboard` CLI (`sb` alias) wraps dev tooling. The standard `npm run dev`
|
|
|
161
161
|
|
|
162
162
|
For the full canvas CLI reference (positioning, batch ops, collision detection), invoke the **canvas** skill.
|
|
163
163
|
|
|
164
|
-
### Dev URLs
|
|
165
|
-
|
|
166
|
-
With Caddy proxy running (set up via `npm run setup`):
|
|
167
|
-
- Main: `http://storyboard.localhost/storyboard/`
|
|
168
|
-
- Worktree `fix-bug`: `http://storyboard.localhost/fix-bug/storyboard/`
|
|
169
|
-
|
|
170
|
-
Without proxy (fallback with port numbers):
|
|
171
|
-
- Main: `http://localhost:1234/storyboard/`
|
|
172
|
-
- Worktree: `http://localhost:<port>/storyboard/`
|
|
173
|
-
|
|
174
|
-
### Dev URL session state
|
|
175
|
-
|
|
176
|
-
Whenever Copilot starts a dev server (e.g. `npm run dev`), save the URL as `devURL` in the SQL session database. Read the proxy URL from the dev server's startup output (`[storyboard] proxy URL: <url>`):
|
|
177
|
-
|
|
178
|
-
```sql
|
|
179
|
-
INSERT OR REPLACE INTO session_state (key, value) VALUES ('devURL', 'http://storyboard.localhost/storyboard/');
|
|
180
|
-
```
|
|
181
|
-
|
|
182
|
-
If the proxy is not running, fall back to the direct URL from the output (`[storyboard] direct URL: <url>`).
|
|
183
|
-
|
|
184
|
-
This `devURL` is used as the default target by the **agent-browser** skill when the user says "inspect the browser", "check the page", etc. — no URL argument needed.
|
|
185
|
-
|
|
186
|
-
**How `devURL` gets set:**
|
|
187
|
-
- **Automatically** — when Copilot runs `npm run dev` (or directly `storyboard dev`), persist the proxy URL (or direct URL if no proxy) to `devURL`.
|
|
188
|
-
- **From user input** — if the user says "the dev server is at http://localhost:3000", save that as `devURL`.
|
|
189
|
-
- **Implicitly from inspection** — if no `devURL` is set and the user says "inspect http://storyboard.localhost/storyboard/", that URL becomes the `devURL` for the rest of the session.
|
|
190
|
-
|
|
191
|
-
**How `devURL` gets read:**
|
|
192
|
-
- Before opening a browser with `agent-browser`, always check for a saved `devURL`:
|
|
193
|
-
```sql
|
|
194
|
-
SELECT value FROM session_state WHERE key = 'devURL';
|
|
195
|
-
```
|
|
196
|
-
- If set, use it as the default URL. If not set, ask the user or fall back to `http://storyboard.localhost/storyboard/`.
|
|
197
|
-
|
|
198
164
|
---
|
|
199
165
|
|
|
200
166
|
## Architecture
|
|
@@ -232,14 +198,9 @@ The fix was a one-line compaction (4MB → 9KB). Everything the user reported
|
|
|
232
198
|
|
|
233
199
|
## Key Conventions to follow at all times
|
|
234
200
|
|
|
235
|
-
- Use **Primer React** components from `@primer/react` for all UI elements
|
|
236
201
|
- Use **semantic HTML tags** whenever they are appropriate in between Primer React components
|
|
237
|
-
- Use **Primer Octicons** from `@primer/octicons-react` for icons
|
|
238
|
-
- **Before importing any icon, verify it exists in `.agents/data/primer-octicons.json`** (the authoritative export list, generated from the installed package). Agents frequently invent icon names like `ScissorsIcon` that do not exist and break the page at runtime. If the icon you want is not in that list, pick the closest available name from the list — never guess.
|
|
239
|
-
- Regenerate the list after bumping `@primer/octicons-react`: `node scripts/gen-octicons-list.mjs`
|
|
240
202
|
- Use the **canvas widget type registry** at `.agents/data/widget-types.json` as the authoritative list of valid canvas widget `type` strings, their props, default sizes, and when-to-use guidance. Never invent widget types. In particular: when showing multiple variants of a single story file, use ONE `component-set` widget — not N `story` widgets. Regenerate after changing the widget registry: `node scripts/gen-widget-types.mjs`.
|
|
241
203
|
- Use **CSS Modules** (`*.module.css`) for component-specific styles
|
|
242
|
-
- If you find any `sx` styled-components styling, migrate them to CSS Modules
|
|
243
204
|
- **Components must live in their own directory:** `src/components/Name/Name.jsx`, `Name.module.css`, `name.story.jsx`. Never place component files flat in `src/components/`.
|
|
244
205
|
- **Always use the `create` skill** when creating new components or stories — don't manually create files.
|
|
245
206
|
- **Every piece of data consumed in a page must gracefully handle `null` or `undefined` without crashing.** Since flow data, records, and overrides can all be partial, incomplete, or missing, components must never assume a field exists. Use optional chaining, fallback values, or conditional rendering for every data access.
|
|
@@ -252,14 +213,6 @@ The fix was a one-line compaction (4MB → 9KB). Everything the user reported
|
|
|
252
213
|
|
|
253
214
|
---
|
|
254
215
|
|
|
255
|
-
## Key anti-patterns to avoid
|
|
256
|
-
|
|
257
|
-
- **DO NOT EVER USE** `<Box>` components
|
|
258
|
-
- **DO NOT EVER USE** `sx` styled-components
|
|
259
|
-
- **DO NOT USE `useState` in pages or components.** All state management must happen through storyboard hooks (`useFlowData`, `useOverride`, `useObject`, `useRecord`, etc.). Storyboard state lives in the URL hash — not in React component state.
|
|
260
|
-
|
|
261
|
-
---
|
|
262
|
-
|
|
263
216
|
## Storyboard Data System
|
|
264
217
|
|
|
265
218
|
The storyboard data system separates UI prototype data from components using JSON files discovered by a Vite plugin at dev/build time.
|
|
@@ -347,38 +300,6 @@ Access with `useRecord('posts')` in a `pages/posts/[id].jsx` dynamic route page.
|
|
|
347
300
|
|
|
348
301
|
---
|
|
349
302
|
|
|
350
|
-
### External Prototypes
|
|
351
|
-
|
|
352
|
-
An **external prototype** links to a prototype hosted at an external URL. It appears in the viewfinder alongside regular prototypes but opens in a new tab instead of navigating within the app.
|
|
353
|
-
|
|
354
|
-
To create one, add a folder inside `src/prototypes/` with only a `.prototype.json` file containing a `url` field:
|
|
355
|
-
|
|
356
|
-
```json
|
|
357
|
-
// my-external-app.prototype.json
|
|
358
|
-
{
|
|
359
|
-
"meta": {
|
|
360
|
-
"title": "External App",
|
|
361
|
-
"description": "Hosted on another domain",
|
|
362
|
-
"author": ["dfosco"]
|
|
363
|
-
},
|
|
364
|
-
"url": "https://example.com/prototype"
|
|
365
|
-
}
|
|
366
|
-
```
|
|
367
|
-
|
|
368
|
-
No `index.jsx` or flow files are needed — the folder only contains the `.prototype.json`.
|
|
369
|
-
|
|
370
|
-
**Behavior:**
|
|
371
|
-
- Shows up in the viewfinder with an "external" badge
|
|
372
|
-
- Clicking opens the URL in a new tab (`target="_blank"`)
|
|
373
|
-
- Can live inside `.folder/` directories for grouping
|
|
374
|
-
- Supports all standard metadata (`title`, `description`, `author`, `icon`, `tags`, `team`)
|
|
375
|
-
|
|
376
|
-
**Creating via Workshop UI:** Use the "New prototype" workshop action and check the "External prototype" checkbox, then provide the URL.
|
|
377
|
-
|
|
378
|
-
**Creating via Agent:** Create the folder and `.prototype.json` file directly — no special commands needed.
|
|
379
|
-
|
|
380
|
-
---
|
|
381
|
-
|
|
382
303
|
### Template Variables
|
|
383
304
|
|
|
384
305
|
Data files support **build-time template variables** using `${variableName}` syntax within JSON string values. Variables are resolved by the Vite data plugin based on the file's location — no runtime overhead.
|
|
@@ -3,12 +3,20 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Storyboard resolves this file via `import.meta.glob('/src/_prototype.{jsx,tsx}')`
|
|
5
5
|
* and wraps every prototype route's render with the default export — both in
|
|
6
|
-
* the workspace SPA and in the isolated
|
|
6
|
+
* the workspace SPA (src/library/mount.jsx) and in the isolated
|
|
7
|
+
* `prototypes.html` iframe (src/library/prototypes-entry.jsx) used by
|
|
8
|
+
* canvas PrototypeEmbed widgets.
|
|
7
9
|
*
|
|
8
10
|
* By default, this is a pass-through (no providers, no CSS). Customize freely:
|
|
9
11
|
* - Add an `import './_prototype.css'` and import your design tokens / Tailwind / fonts
|
|
10
12
|
* - Wrap in your design system's ThemeProvider (Primer, Reshaped, Chakra, etc.)
|
|
11
13
|
*
|
|
14
|
+
* IMPORTANT: import design-system CSS HERE rather than only in mount.jsx.
|
|
15
|
+
* mount.jsx is the SPA entry — anything imported there is missing from the
|
|
16
|
+
* isolated prototypes.html bundle, so the same prototype renders correctly
|
|
17
|
+
* via direct load but appears broken when embedded in a canvas. Importing
|
|
18
|
+
* from this wrapper guarantees both entries pick it up.
|
|
19
|
+
*
|
|
12
20
|
* Delete this file entirely if you want prototypes to render with absolutely
|
|
13
21
|
* nothing inherited from storyboard.
|
|
14
22
|
*/
|
package/src/core/cli/workleaf.js
CHANGED
|
@@ -37,9 +37,9 @@ function helpScreen() {
|
|
|
37
37
|
` ${bold(magenta('storyboard workleaf'))} ${dim('ephemeral sub-worktrees with their own dev server')}`,
|
|
38
38
|
'',
|
|
39
39
|
` ${bold(cyan('Commands'))}`,
|
|
40
|
-
cmd('workleaf create
|
|
41
|
-
cmd('workleaf create
|
|
42
|
-
cmd('workleaf create
|
|
40
|
+
cmd('workleaf create [name]', 'Create + start dev server (auto-name if omitted)'),
|
|
41
|
+
cmd('workleaf create [name] --no-dev', 'Create without starting dev'),
|
|
42
|
+
cmd('workleaf create [name] --no-install', 'Skip npm install'),
|
|
43
43
|
cmd('workleaf merge [name]', 'Squash-merge into parent, then delete'),
|
|
44
44
|
cmd('workleaf merge [name] --no-commit', 'Stage the squash but do not commit'),
|
|
45
45
|
cmd('workleaf delete [name]', 'Abandon without merging (interactive)'),
|
|
@@ -491,6 +491,7 @@ export async function mountStoryboardCore(config = {}, options = {}) {
|
|
|
491
491
|
initCanvasInteraction({
|
|
492
492
|
scrollAxis: canvasCfg.scroll?.axis,
|
|
493
493
|
zoomGestures: canvasCfg.zoom?.gestures,
|
|
494
|
+
zoomOrigin: canvasCfg.zoom?.origin,
|
|
494
495
|
})
|
|
495
496
|
|
|
496
497
|
// Load and merge command palette config.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Canvas Interaction Store — runtime gates for canvas scroll + zoom behavior.
|
|
3
3
|
*
|
|
4
|
-
*
|
|
4
|
+
* Three knobs that go *beyond* presentation (which is purely visual):
|
|
5
5
|
*
|
|
6
6
|
* - `scrollAxis` — restricts the native scroll axes of the canvas
|
|
7
7
|
* scroll container. Useful when a canvas is rendered as a "webpage"
|
|
@@ -15,9 +15,19 @@
|
|
|
15
15
|
* you want users to scroll the canvas like a normal webpage instead
|
|
16
16
|
* of accidentally zooming it.
|
|
17
17
|
*
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
*
|
|
18
|
+
* - `zoomOrigin` — anchor point used by toolbar / keyboard zoom (and
|
|
19
|
+
* any other zoom invocation that doesn't pass an explicit cursor
|
|
20
|
+
* position). `"center"` (default) keeps the viewport-center point
|
|
21
|
+
* pinned, matching native canvas tools. `"top-left"` keeps the
|
|
22
|
+
* canvas's (0, 0) pinned to the viewport's top-left — useful for
|
|
23
|
+
* landing canvases where content is anchored to the top-left and
|
|
24
|
+
* center-anchored zoom would slide it off-screen.
|
|
25
|
+
* Pointer-driven zoom (wheel/pinch) is unaffected — it always
|
|
26
|
+
* anchors on the cursor.
|
|
27
|
+
*
|
|
28
|
+
* Defaults are seeded from `canvas.scroll.axis`, `canvas.zoom.gestures`,
|
|
29
|
+
* and `canvas.zoom.origin` in `storyboard.config.json`. Runtime overrides
|
|
30
|
+
* can be applied at any time via `setCanvasInteraction(partial)`.
|
|
21
31
|
*
|
|
22
32
|
* This is an **advanced, undocumented** extension surface — see
|
|
23
33
|
* `core/stores/presentationStore.js` for the sibling system.
|
|
@@ -26,10 +36,12 @@
|
|
|
26
36
|
*/
|
|
27
37
|
|
|
28
38
|
const VALID_AXES = new Set(['both', 'vertical', 'horizontal', 'none'])
|
|
39
|
+
const VALID_ZOOM_ORIGINS = new Set(['center', 'top-left'])
|
|
29
40
|
|
|
30
41
|
const _defaults = {
|
|
31
42
|
scrollAxis: 'both',
|
|
32
43
|
zoomGestures: true,
|
|
44
|
+
zoomOrigin: 'center',
|
|
33
45
|
}
|
|
34
46
|
|
|
35
47
|
let _state = { ..._defaults }
|
|
@@ -41,10 +53,11 @@ let _snapshotVersion = 0
|
|
|
41
53
|
|
|
42
54
|
/**
|
|
43
55
|
* Seed the store from a partial config (typically from
|
|
44
|
-
* `storyboard.config.json` → `canvas.scroll.axis
|
|
45
|
-
* Replaces any previous overrides. Called once
|
|
56
|
+
* `storyboard.config.json` → `canvas.scroll.axis`, `canvas.zoom.gestures`,
|
|
57
|
+
* and `canvas.zoom.origin`). Replaces any previous overrides. Called once
|
|
58
|
+
* at app startup.
|
|
46
59
|
*
|
|
47
|
-
* @param {{ scrollAxis?: string, zoomGestures?: boolean }} [config]
|
|
60
|
+
* @param {{ scrollAxis?: string, zoomGestures?: boolean, zoomOrigin?: string }} [config]
|
|
48
61
|
*/
|
|
49
62
|
export function initCanvasInteraction(config) {
|
|
50
63
|
_state = { ..._defaults }
|
|
@@ -55,13 +68,16 @@ export function initCanvasInteraction(config) {
|
|
|
55
68
|
if (typeof config.zoomGestures === 'boolean') {
|
|
56
69
|
_state.zoomGestures = config.zoomGestures
|
|
57
70
|
}
|
|
71
|
+
if (typeof config.zoomOrigin === 'string' && VALID_ZOOM_ORIGINS.has(config.zoomOrigin)) {
|
|
72
|
+
_state.zoomOrigin = config.zoomOrigin
|
|
73
|
+
}
|
|
58
74
|
}
|
|
59
75
|
_notify()
|
|
60
76
|
}
|
|
61
77
|
|
|
62
78
|
/**
|
|
63
79
|
* Apply a partial runtime override. Unspecified keys keep their current value.
|
|
64
|
-
* @param {{ scrollAxis?: string, zoomGestures?: boolean }} partial
|
|
80
|
+
* @param {{ scrollAxis?: string, zoomGestures?: boolean, zoomOrigin?: string }} partial
|
|
65
81
|
*/
|
|
66
82
|
export function setCanvasInteraction(partial) {
|
|
67
83
|
if (!partial || typeof partial !== 'object') return
|
|
@@ -74,11 +90,15 @@ export function setCanvasInteraction(partial) {
|
|
|
74
90
|
_state.zoomGestures = partial.zoomGestures
|
|
75
91
|
changed = true
|
|
76
92
|
}
|
|
93
|
+
if (typeof partial.zoomOrigin === 'string' && VALID_ZOOM_ORIGINS.has(partial.zoomOrigin) && partial.zoomOrigin !== _state.zoomOrigin) {
|
|
94
|
+
_state.zoomOrigin = partial.zoomOrigin
|
|
95
|
+
changed = true
|
|
96
|
+
}
|
|
77
97
|
if (changed) _notify()
|
|
78
98
|
}
|
|
79
99
|
|
|
80
100
|
/**
|
|
81
|
-
* @returns {{ scrollAxis: 'both'|'vertical'|'horizontal'|'none', zoomGestures: boolean }}
|
|
101
|
+
* @returns {{ scrollAxis: 'both'|'vertical'|'horizontal'|'none', zoomGestures: boolean, zoomOrigin: 'center'|'top-left' }}
|
|
82
102
|
*/
|
|
83
103
|
export function getCanvasInteraction() {
|
|
84
104
|
return _state
|