@juwel-development/design-system 4.1.0 → 4.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/design-system.js +723 -547
  2. package/dist/styles.css +1 -1
  3. package/dist/styles.dark.css +1 -1
  4. package/dist/styles.light.css +1 -1
  5. package/dist/types/Arrangement/ColumnLayout/ColumnLayout.d.ts +59 -0
  6. package/dist/types/Display/Table/Table.d.ts +4 -0
  7. package/dist/types/Interaction/Choices/Choices.d.ts +20 -8
  8. package/dist/types/Layout/Dialog/Dialog.d.ts +11 -4
  9. package/dist/types/Layout/Dialog/useDialogAllocation.d.ts +2 -0
  10. package/dist/types/Layout/Dialog/useModalScrollLock.d.ts +2 -0
  11. package/dist/types/Layout/Pane/Pane.d.ts +5 -2
  12. package/dist/types/Layout/Screen/Screen.d.ts +2 -2
  13. package/dist/types/Layout/Sidebar/Sidebar.d.ts +9 -6
  14. package/package.json +1 -1
  15. package/src/Arrangement/ColumnLayout/ColumnLayout.tsx +312 -0
  16. package/src/Display/Table/Table.tsx +32 -8
  17. package/src/Interaction/Choices/Choices.tsx +37 -19
  18. package/src/Layout/Dialog/Dialog.tsx +28 -7
  19. package/src/Layout/Dialog/useDialogAllocation.ts +131 -0
  20. package/src/Layout/Dialog/useModalScrollLock.ts +59 -0
  21. package/src/Layout/Pane/Pane.tsx +14 -4
  22. package/src/Layout/Screen/Screen.tsx +2 -2
  23. package/src/Layout/Sidebar/Sidebar.tsx +10 -7
package/dist/styles.light.css CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! tailwindcss v4.3.3 | 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)))){:root,:host{--definition-shortfall:1px}*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-content:"";--column-layout-shortfall:1px}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--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);--color-surface:var(--color-surface);--color-selected-surface:var(--color-selected-surface);--color-selected-error:var(--color-selected-error);--color-foreground:var(--color-foreground);--color-muted:var(--color-muted);--color-border:var(--color-border);--color-control-border:var(--color-control-border);--color-rule:var(--color-rule);--color-backing:var(--color-backing);--color-scrim:var(--color-scrim);--color-meter-fill:var(--color-meter-fill);--color-meter-track:var(--color-meter-track);--color-primary:var(--color-primary);--color-primary-hover:var(--color-primary-hover);--color-primary-foreground:var(--color-primary-foreground);--color-secondary:var(--color-secondary);--color-secondary-hover:var(--color-secondary-hover);--color-secondary-foreground:var(--color-secondary-foreground);--color-disabled:var(--color-disabled);--color-disabled-hover:var(--color-disabled-hover);--color-focus-ring:var(--color-focus-ring);--color-link:var(--color-link);--color-success:var(--color-success);--color-warning:var(--color-warning);--color-error:var(--color-error);--color-error-hover:var(--color-error-hover);--color-error-foreground:var(--color-error-foreground);--color-info:var(--color-info);--font-primary:inherit;--font-secondary:inherit;--font-weight-strong:700;--text-display:clamp(3rem, 3rem + 3.125vw, 6rem);--leading-display:1.05;--text-title:clamp(2.25rem, 2.25rem + 2.25vw, 4.25rem);--leading-title:1.1;--text-subtitle:clamp(1.5rem, 1.5rem + 1vw, 2.25rem);--leading-subtitle:1.2;--text-lede:1.25rem;--leading-lede:1.4;--text-letter:1.25rem;--leading-letter:1.8;--text-body:1.0625rem;--leading-body:1.6;--text-small:.9375rem;--text-label:.8125rem;--leading-label:1.5;--text-dialog-title:clamp(1.5rem, 1.5rem + 1vw, 2.25rem);--leading-dialog-title:1.2;--tracking-label:.14em;--tracking-optical:-.02em;--aspect-portrait:4 / 5;--aspect-square:1 / 1;--aspect-landscape:3 / 2;--aspect-wide:16 / 9}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container,.\[container-type\:inline-size\]{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.right-0{right:0}.left-0{left:0}.isolate{isolation:isolate}.z-10{z-index:10}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-m-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\]{margin:calc(calc(var(--focus-ring-width) + var(--focus-ring-offset)) * -1)}.m-0{margin:0}.m-\[calc\(-1\*\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\)\]{margin:calc(-1 * (var(--focus-ring-width) + var(--focus-ring-offset)))}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.ms-auto{margin-inline-start:auto}.mt-\[0\.3rem\]{margin-top:.3rem}.box-border{box-sizing:border-box}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-landscape{aspect-ratio:var(--aspect-landscape)}.aspect-portrait{aspect-ratio:var(--aspect-portrait)}.aspect-square{aspect-ratio:var(--aspect-square)}.aspect-wide{aspect-ratio:var(--aspect-wide)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.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-\[var\(--choice-marker-dot-size\)\]{width:var(--choice-marker-dot-size);height:var(--choice-marker-dot-size)}.size-\[var\(--choice-marker-size\)\]{width:var(--choice-marker-size);height:var(--choice-marker-size)}.h-\[calc\(100dvh-2\*var\(--space-region\)\)\]{height:calc(100dvh - 2 * var(--space-region))}.h-\[var\(--meter-track-thickness\)\]{height:var(--meter-track-thickness)}.h-\[var\(--slider-thumb-size\)\]{height:var(--slider-thumb-size)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-\[calc\(100dvh-2\*var\(--space-region\)\)\]{max-height:calc(100dvh - 2 * var(--space-region))}.max-h-\[var\(--multiselect-surface-max-height\,50vh\)\]{max-height:var(--multiselect-surface-max-height,50vh)}.max-h-full{max-height:100%}.max-h-none{max-height:none}.min-h-0{min-height:0}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-\[calc\(var\(--text-body\)\*var\(--leading-body\)\)\]{min-height:calc(var(--text-body) * var(--leading-body))}.min-h-\[calc\(var\(--text-label\)\*var\(--leading-label\)\)\]{min-height:calc(var(--text-label) * var(--leading-label))}.min-h-\[var\(--cover-height\)\]{min-height:var(--cover-height)}.min-h-\[var\(--fold-height\)\]{min-height:var(--fold-height)}.min-h-full{min-height:100%}.w-\[32rem\]{width:32rem}.w-\[calc\(100vw-2\*var\(--gutter\)\)\]{width:calc(100vw - 2 * var(--gutter))}.w-\[calc\(var\(--meter-level\)\*100\%\)\]{width:calc(var(--meter-level) * 100%)}.w-\[var\(--measure-action\)\]{width:var(--measure-action)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[12rem\]{max-width:12rem}.max-w-\[calc\(100vw-2\*var\(--gutter\)\)\]{max-width:calc(100vw - 2 * var(--gutter))}.max-w-\[min\(100\%\,var\(--measure-letter\)\)\]{max-width:min(100%, var(--measure-letter))}.max-w-\[var\(--column-layout-maximum\)\]{max-width:var(--column-layout-maximum)}.max-w-\[var\(--measure\)\]{max-width:var(--measure)}.max-w-\[var\(--measure-display\)\]{max-width:var(--measure-display)}.max-w-\[var\(--measure-wide\)\]{max-width:var(--measure-wide)}.max-w-full{max-width:100%}.max-w-none{max-width:none}.min-w-0{min-width:0}.min-w-\[min\(var\(--control-min-width\)\,100\%\)\]{min-width:min(var(--control-min-width), 100%)}.min-w-\[var\(--standing-min-width\)\]{min-width:var(--standing-min-width)}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-\[0_1_auto\]{flex:0 auto}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-\[calc\(var\(--column-layout-weight\)\/var\(--column-layout-growth-unit\)\)\]{flex-grow:calc(var(--column-layout-weight) / var(--column-layout-growth-unit))}.basis-0{flex-basis:0}.basis-\[clamp\(0px\,\(var\(--column-layout-threshold\)-100\%\)\*1000000\,100\%\)\]{flex-basis:clamp(0px, (var(--column-layout-threshold) - 100%) * 1000000, 100%)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\]{scroll-padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-flow-row-dense{grid-auto-flow:dense}.grid-cols-\[max\(calc\(\(100\%-var\(--space-definition-column\)\)\*var\(--definition-term-share\)\)\,var\(--definition-stack\)\)_minmax\(0\,1fr\)\]{grid-template-columns:max(calc((100% - var(--space-definition-column)) * var(--definition-term-share)), var(--definition-stack)) minmax(0,1fr)}.grid-rows-\[auto_minmax\(0\,1fr\)\]{grid-template-rows:auto minmax(0,1fr)}.grid-rows-\[minmax\(0\,1fr\)\]{grid-template-rows:minmax(0,1fr)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.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}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-\[var\(--space-region\)\]{gap:var(--space-region)}.gap-\[var\(--space-stack\)\]{gap:var(--space-stack)}.gap-x-\[max\(0px\,var\(--space-definition-column\)-var\(--definition-stack\)\)\]{column-gap:max(0px, var(--space-definition-column) - var(--definition-stack))}.gap-x-\[var\(--space-region\)\]{column-gap:var(--space-region)}.gap-x-\[var\(--space-stack\)\]{column-gap:var(--space-stack)}.gap-y-\[var\(--space-stack\)\]{row-gap:var(--space-stack)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.rounded-\[var\(--radius-control\)\]{border-radius:var(--radius-control)}.rounded-\[var\(--radius-dialog\)\]{border-radius:var(--radius-dialog)}.border{border-style:var(--tw-border-style);border-width:1px}.border-s-\[length\:var\(--callout-mark-width\)\]{border-inline-start-style:var(--tw-border-style);border-inline-start-width:var(--callout-mark-width)}.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-b-\[length\:var\(--step-selection-thickness\)\]{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--step-selection-thickness)}.border-b-\[length\:var\(--tab-marker-thickness\)\]{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--tab-marker-thickness)}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-border{border-color:var(--color-border)}.border-control-border{border-color:var(--color-control-border)}.border-error{border-color:var(--color-error)}.border-info{border-color:var(--color-info)}.border-rule{border-color:var(--color-rule)}.border-secondary{border-color:var(--color-secondary)}.border-success{border-color:var(--color-success)}.border-transparent{border-color:#0000}.border-warning{border-color:var(--color-warning)}.bg-\[color-mix\(in_oklab\,var\(--color-meter-fill\)_calc\(var\(--meter-level\)\*100\%\)\,var\(--color-error\)\)\]{background-color:var(--color-meter-fill)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklab\,var\(--color-meter-fill\)_calc\(var\(--meter-level\)\*100\%\)\,var\(--color-error\)\)\]{background-color:color-mix(in oklab,var(--color-meter-fill) calc(var(--meter-level) * 100%),var(--color-error))}}.bg-backing{background-color:var(--color-backing)}.bg-error{background-color:var(--color-error)}.bg-foreground{background-color:var(--color-foreground)}.bg-meter-fill{background-color:var(--color-meter-fill)}.bg-meter-track{background-color:var(--color-meter-track)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.object-cover{object-fit:cover}.object-bottom{object-position:bottom}.object-center{object-position:center}.object-left{object-position:left}.object-right{object-position:right}.object-top{object-position:top}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\]{padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.p-\[var\(--space-box-inset\)\]{padding:var(--space-box-inset)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-\[calc\(1rem_-_1px\)\]{padding-inline:calc(1rem - 1px)}.px-\[var\(--gutter\)\]{padding-inline:var(--gutter)}.px-\[var\(--space-region\)\]{padding-inline:var(--space-region)}.px-\[var\(--step-inset-inline\)\]{padding-inline:var(--step-inset-inline)}.px-\[var\(--tab-inset-inline\)\]{padding-inline:var(--tab-inset-inline)}.px-\[var\(--table-cell-padding-inline\)\]{padding-inline:var(--table-cell-padding-inline)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-\[calc\(0\.5rem_-_1px\)\]{padding-block:calc(.5rem - 1px)}.py-\[var\(--space-band\)\]{padding-block:var(--space-band)}.py-\[var\(--space-collection-item\)\]{padding-block:var(--space-collection-item)}.py-\[var\(--space-region\)\]{padding-block:var(--space-region)}.py-\[var\(--step-inset-block\)\]{padding-block:var(--step-inset-block)}.py-\[var\(--tab-inset-block\)\]{padding-block:var(--tab-inset-block)}.py-\[var\(--table-cell-padding-block\)\]{padding-block:var(--table-cell-padding-block)}.ps-\[var\(--space-callout-inset\)\]{padding-inline-start:var(--space-callout-inset)}.pt-1{padding-top:var(--spacing)}.pt-\[var\(--space-region\)\]{padding-top:var(--space-region)}.pr-0\.5{padding-right:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-\[var\(--space-region\)\]{padding-bottom:var(--space-region)}.pl-2{padding-left:calc(var(--spacing) * 2)}.\[text-align\:inherit\]{text-align:inherit}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-\[-0\.125em\]{vertical-align:-.125em}.font-body{font-family:var(--font-body,var(--font-primary))}.font-control{font-family:var(--font-control,var(--font-primary))}.font-heading{font-family:var(--font-heading,var(--font-primary))}.font-letter{font-family:var(--font-letter,var(--font-primary))}.font-secondary{font-family:var(--font-secondary)}.text-body{font-size:var(--text-body)}.text-dialog-title{font-size:var(--text-dialog-title)}.text-display{font-size:var(--text-display)}.text-label{font-size:var(--text-label)}.text-lede{font-size:var(--text-lede)}.text-letter{font-size:var(--text-letter)}.text-small{font-size:var(--text-small)}.text-subtitle{font-size:var(--text-subtitle)}.text-title{font-size:var(--text-title)}.leading-body{--tw-leading:var(--leading-body);line-height:var(--leading-body)}.leading-dialog-title{--tw-leading:var(--leading-dialog-title);line-height:var(--leading-dialog-title)}.leading-display{--tw-leading:var(--leading-display);line-height:var(--leading-display)}.leading-label{--tw-leading:var(--leading-label);line-height:var(--leading-label)}.leading-lede{--tw-leading:var(--leading-lede);line-height:var(--leading-lede)}.leading-letter{--tw-leading:var(--leading-letter);line-height:var(--leading-letter)}.leading-subtitle{--tw-leading:var(--leading-subtitle);line-height:var(--leading-subtitle)}.leading-title{--tw-leading:var(--leading-title);line-height:var(--leading-title)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-strong{--tw-font-weight:var(--font-weight-strong);font-weight:var(--font-weight-strong)}.tracking-label{--tw-tracking:var(--tracking-label);letter-spacing:var(--tracking-label)}.tracking-optical{--tw-tracking:var(--tracking-optical);letter-spacing:var(--tracking-optical)}.\[letter-spacing\:inherit\]{letter-spacing:inherit}.text-balance{text-wrap:balance}.\[overflow-wrap\:anywhere\],.wrap-anywhere{overflow-wrap:anywhere}.wrap-break-word{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.\[color\:inherit\]{color:inherit}.text-error{color:var(--color-error)}.text-error-foreground{color:var(--color-error-foreground)}.text-foreground{color:var(--color-foreground)}.text-info{color:var(--color-info)}.text-inherit{color:inherit}.text-link{color:var(--color-link)}.text-muted{color:var(--color-muted)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-secondary{color:var(--color-secondary)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-\[length\:var\(--underline-thickness\)\]{text-decoration-thickness:var(--underline-thickness)}.underline-offset-\[var\(--underline-offset\)\]{text-underline-offset:var(--underline-offset)}.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-\[var\(--elevation-floating\)\]{--tw-shadow:var(--elevation-floating);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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-offset-\[var\(--focus-ring-offset\)\]{outline-offset:var(--focus-ring-offset)}.outline-focus-ring{outline-color:var(--color-focus-ring)}.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,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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-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))}.duration-\[var\(--motion-duration-color\)\]{--tw-duration:var(--motion-duration-color);transition-duration:var(--motion-duration-color)}.\[contain\:inline-size\]{contain:inline-size}.forced-color-adjust-auto{forced-color-adjust:auto}.select-none{-webkit-user-select:none;user-select:none}.\[--column-layout-gap\:var\(--space-region\)\]{--column-layout-gap:var(--space-region)}.\[--column-layout-gap\:var\(--space-stack\)\]{--column-layout-gap:var(--space-stack)}.\[--column-layout-shortfall\:clamp\(0px\,\(var\(--column-layout-threshold\)-100cqi\)\*1000000\,1px\)\]{--column-layout-shortfall:clamp(0px, (var(--column-layout-threshold) - 100cqi) * 1000000, 1px)}.\[--definition-shortfall\:clamp\(0px\,\(var\(--definition-threshold\)-100cqi\)\*1000000\,1px\)\]{--definition-shortfall:clamp(0px, (var(--definition-threshold) - 100cqi) * 1000000, 1px)}.\[--definition-stack\:clamp\(0px\,\(var\(--definition-threshold\)-100\%\)\*1000000\,100\%\)\]{--definition-stack:clamp(0px, (var(--definition-threshold) - 100%) * 1000000, 100%)}.\[--table-cell-padding-block\:var\(--table-cell-inset-block\)\]{--table-cell-padding-block:var(--table-cell-inset-block)}.\[--table-cell-padding-block\:var\(--table-cell-inset-block-compact\)\]{--table-cell-padding-block:var(--table-cell-inset-block-compact)}.\[--table-cell-padding-inline\:var\(--table-cell-inset-inline\)\]{--table-cell-padding-inline:var(--table-cell-inset-inline)}.\[--table-cell-padding-inline\:var\(--table-cell-inset-inline-compact\)\]{--table-cell-padding-inline:var(--table-cell-inset-inline-compact)}.\[font\:inherit\]{font:inherit}.group-disabled\/choice\:text-muted:is(:where(.group\/choice):disabled *){color:var(--color-muted)}.group-aria-checked\/option\:border-foreground:is(:where(.group\/option)[aria-checked=true] *){border-color:var(--color-foreground)}.group-data-\[disabled\]\/field\:text-muted:is(:where(.group\/field)[data-disabled] *){color:var(--color-muted)}.backdrop\:bg-scrim::backdrop{background-color:var(--color-scrim)}.backdrop\:\[backdrop-filter\:blur\(var\(--scrim-blur\)\)\]::backdrop{-webkit-backdrop-filter:blur(var(--scrim-blur));backdrop-filter:blur(var(--scrim-blur))}.before\:mt-\[0\.35em\]:before{content:var(--tw-content);margin-top:.35em}.before\:size-\[calc\(var\(--tick-length\)\*0\.7\)\]:before{content:var(--tw-content);width:calc(var(--tick-length) * .7);height:calc(var(--tick-length) * .7)}.before\:shrink-0:before{content:var(--tw-content);flex-shrink:0}.before\:rotate-45:before{content:var(--tw-content);rotate:45deg}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.before\:\[border-right\:var\(--tick-thickness\)_solid_var\(--color-rule\)\]:before{content:var(--tw-content);border-right:var(--tick-thickness) solid var(--color-rule)}.before\:\[border-top\:var\(--tick-thickness\)_solid_var\(--color-rule\)\]:before{content:var(--tw-content);border-top:var(--tick-thickness) solid var(--color-rule)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-1\/2:after{content:var(--tw-content);inset-inline-start:50%}.after\:top-\[calc\(var\(--step-inset-block\)\+var\(--step-marker-size\)\/2\)\]:after{content:var(--tw-content);top:calc(var(--step-inset-block) + var(--step-marker-size) / 2)}.after\:-z-10:after{content:var(--tw-content);z-index:calc(10 * -1)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:border-t-\[length\:var\(--step-connector-thickness\)\]:after{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:var(--step-connector-thickness)}.after\:border-border:after{content:var(--tw-content);border-color:var(--color-border)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:border-t:first-child{border-top-style:var(--tw-border-style);border-top-width:1px}.first\:pl-0:first-child{padding-left:0}.last\:pr-0:last-child{padding-right:0}.last\:after\:hidden:last-child:after{content:var(--tw-content);display:none}.open\:flex:is([open],:popover-open,:open){display:flex}.open\:flex-col:is([open],:popover-open,:open){flex-direction:column}@media (hover:hover){.hover\:bg-backing:hover{background-color:var(--color-backing)}.hover\:bg-error-hover:hover{background-color:var(--color-error-hover)}.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:bg-secondary-hover:hover{background-color:var(--color-secondary-hover)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-\[length\:var\(--underline-thickness\)\]:hover{text-decoration-thickness:var(--underline-thickness)}.hover\:decoration-\[length\:var\(--underline-thickness-hover\)\]:hover{text-decoration-thickness:var(--underline-thickness-hover)}.hover\:underline-offset-\[var\(--underline-offset\)\]:hover{text-underline-offset:var(--underline-offset)}}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-\[length\:var\(--focus-ring-width\)\]:focus-visible{outline-style:var(--tw-outline-style);outline-width:var(--focus-ring-width)}.focus-visible\:outline-offset-\[calc\(-1\*var\(--focus-ring-width\)\)\]:focus-visible{outline-offset:calc(-1 * var(--focus-ring-width))}@media (hover:hover){.enabled\:hover\:decoration-\[length\:var\(--underline-thickness-hover\)\]:enabled:hover{text-decoration-thickness:var(--underline-thickness-hover)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-disabled:disabled{border-color:var(--color-disabled)}.disabled\:bg-disabled:disabled{background-color:var(--color-disabled)}.disabled\:text-disabled:disabled{color:var(--color-disabled)}.disabled\:text-muted:disabled{color:var(--color-muted)}@media (hover:hover){.disabled\:hover\:bg-disabled-hover:disabled:hover{background-color:var(--color-disabled-hover)}.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-muted:disabled:hover{color:var(--color-muted)}}.aria-checked\:border-foreground[aria-checked=true],.aria-selected\:border-foreground[aria-selected=true]{border-color:var(--color-foreground)}.aria-selected\:text-foreground[aria-selected=true]{color:var(--color-foreground)}.aria-\[invalid\=true\]\:border-error[aria-invalid=true]{border-color:var(--color-error)}.data-\[disabled\]\:border-disabled[data-disabled]{border-color:var(--color-disabled)}.data-\[disabled\]\:text-muted[data-disabled]{color:var(--color-muted)}.data-\[overflow\]\:invisible[data-overflow]{visibility:hidden}.data-\[overflow\]\:absolute[data-overflow]{position:absolute}.data-\[placement\=above\]\:bottom-full[data-placement=above]{bottom:100%}.data-\[placement\=above\]\:mb-1[data-placement=above]{margin-bottom:var(--spacing)}.data-\[placement\=below\]\:top-full[data-placement=below]{top:100%}.data-\[placement\=below\]\:mt-1[data-placement=below]{margin-top:var(--spacing)}@media (width>=40rem){.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-\[calc\(1\.5rem_-_1px\)\]{padding-inline:calc(1.5rem - 1px)}}@media (width>=64rem){.lg\:sticky{position:sticky}.lg\:top-6{top:calc(var(--spacing) * 6)}.lg\:h-full{height:100%}.lg\:min-h-0{min-height:0}.lg\:grid-cols-\[10rem_minmax\(0\,1fr\)\]{grid-template-columns:10rem minmax(0,1fr)}.lg\:grid-cols-\[12rem_minmax\(0\,1fr\)\]{grid-template-columns:12rem minmax(0,1fr)}.lg\:grid-rows-\[minmax\(0\,1fr\)\]{grid-template-rows:minmax(0,1fr)}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:gap-x-12{column-gap:calc(var(--spacing) * 12)}}@media (forced-colors:active){.forced-colors\:border{border-style:var(--tw-border-style);border-width:1px}.forced-colors\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.forced-colors\:border-\[CanvasText\]{border-color:canvastext}.forced-colors\:border-s-\[CanvasText\]{border-inline-start-color:canvastext}.forced-colors\:after\:border-\[CanvasText\]:after{content:var(--tw-content);border-color:canvastext}.forced-colors\:disabled\:text-\[GrayText\]:disabled{color:graytext}.forced-colors\:aria-selected\:border-b-\[length\:var\(--step-selection-thickness\)\][aria-selected=true]{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--step-selection-thickness)}.forced-colors\:aria-selected\:border-\[Highlight\][aria-selected=true]{border-color:highlight}}.\[\&_\[aria-current\=page\]\]\:text-foreground [aria-current=page]{color:var(--color-foreground)}.\[\&_caption\]\:text-left caption{text-align:left}.\[\&_caption\]\:font-secondary caption{font-family:var(--font-secondary)}.\[\&_caption\]\:text-label caption{font-size:var(--text-label)}.\[\&_caption\]\:tracking-label caption{--tw-tracking:var(--tracking-label);letter-spacing:var(--tracking-label)}.\[\&_caption\]\:text-muted caption{color:var(--color-muted)}.\[\&\+li\]\:border-t+li{border-top-style:var(--tw-border-style);border-top-width:1px}.\[\&\+li\]\:border-solid+li{--tw-border-style:solid;border-style:solid}.\[\&\+li\]\:border-border+li{border-color:var(--color-border)}.\[\&\:\:-moz-range-thumb\]\:size-\[var\(--slider-thumb-size\)\]::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size)}.\[\&\:\:-moz-range-thumb\]\:rounded-\[var\(--radius-control\)\]::-moz-range-thumb{border-radius:var(--radius-control)}.\[\&\:\:-moz-range-thumb\]\:border-none::-moz-range-thumb{--tw-border-style:none;border-style:none}.\[\&\:\:-moz-range-thumb\]\:bg-foreground::-moz-range-thumb{background-color:var(--color-foreground)}.\[\&\:\:-moz-range-track\]\:h-\[var\(--slider-track-thickness\)\]::-moz-range-track{height:var(--slider-track-thickness)}.\[\&\:\:-moz-range-track\]\:rounded-\[var\(--radius-control\)\]::-moz-range-track{border-radius:var(--radius-control)}.\[\&\:\:-moz-range-track\]\:bg-control-border::-moz-range-track{background-color:var(--color-control-border)}.\[\&\:\:-webkit-slider-runnable-track\]\:h-\[var\(--slider-track-thickness\)\]::-webkit-slider-runnable-track{height:var(--slider-track-thickness)}.\[\&\:\:-webkit-slider-runnable-track\]\:rounded-\[var\(--radius-control\)\]::-webkit-slider-runnable-track{border-radius:var(--radius-control)}.\[\&\:\:-webkit-slider-runnable-track\]\:bg-control-border::-webkit-slider-runnable-track{background-color:var(--color-control-border)}.\[\&\:\:-webkit-slider-thumb\]\:mt-\[calc\(\(var\(--slider-track-thickness\)-var\(--slider-thumb-size\)\)\/2\)\]::-webkit-slider-thumb{margin-top:calc((var(--slider-track-thickness) - var(--slider-thumb-size)) / 2)}.\[\&\:\:-webkit-slider-thumb\]\:size-\[var\(--slider-thumb-size\)\]::-webkit-slider-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size)}.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:rounded-\[var\(--radius-control\)\]::-webkit-slider-thumb{border-radius:var(--radius-control)}.\[\&\:\:-webkit-slider-thumb\]\:bg-foreground::-webkit-slider-thumb{background-color:var(--color-foreground)}.\[\&\:disabled\:\:-moz-range-thumb\]\:bg-disabled:disabled::-moz-range-thumb{background-color:var(--color-disabled)}.\[\&\:disabled\:\:-moz-range-track\]\:bg-disabled:disabled::-moz-range-track{background-color:var(--color-disabled)}.\[\&\:disabled\:\:-webkit-slider-runnable-track\]\:bg-disabled:disabled::-webkit-slider-runnable-track{background-color:var(--color-disabled)}.\[\&\:disabled\:\:-webkit-slider-thumb\]\:bg-disabled:disabled::-webkit-slider-thumb{background-color:var(--color-disabled)}.\[\&\:has\(\+\[data-dialog-member\=description\]\)\]\:pb-0:has(+[data-dialog-member=description]){padding-bottom:0}.\[\&\:has\(\>header\)\]\:grid-rows-\[auto_minmax\(0\,1fr\)\]:has(>header){grid-template-rows:auto minmax(0,1fr)}.\[\&\:has\(\>header\)\]\:gap-\[var\(--space-region\)\]:has(>header){gap:var(--space-region)}.\[\&\:has\(\[aria-selected\]\)_tr\>\*\:first-child\]\:pl-\[var\(--table-cell-padding-inline\)\]:has([aria-selected]) tr>:first-child{padding-left:var(--table-cell-padding-inline)}.\[\&\:has\(\[data-screen-unusable\]\)\>div\]\:h-auto:has([data-screen-unusable])>div{height:auto}.\[\&\:has\(tr\[tabindex\]\)\]\:scroll-p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\]:has(tr[tabindex]){scroll-padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.\[\&\:has\(tr\[tabindex\]\)\]\:p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\]:has(tr[tabindex]){padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.\[\&\:not\(\:first-child\)\]\:mt-\[var\(--space-stack\)\]:not(:first-child){margin-top:var(--space-stack)}.\[\&\:not\(\:first-child\)\]\:border-t:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:1px}.\[\&\:not\(\:first-child\)\]\:border-solid:not(:first-child){--tw-border-style:solid;border-style:solid}.\[\&\:not\(\:first-child\)\]\:border-border:not(:first-child){border-color:var(--color-border)}.\[\&\:not\(\:first-child\)\]\:pt-\[var\(--space-stack\)\]:not(:first-child){padding-top:var(--space-stack)}.\[\&\:not\(\[data-bounded\]\)\:has\(tr\[tabindex\]\)\]\:m-\[calc\(-1\*\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\)\]:not([data-bounded]):has(tr[tabindex]){margin:calc(-1 * (var(--focus-ring-width) + var(--focus-ring-offset)))}.\[\&\:user-invalid\]\:border-error:user-invalid{border-color:var(--color-error)}.\[\&\>\[data-label\]\]\:min-w-0>[data-label]{min-width:0}.\[\&\>\[data-label\]\]\:wrap-anywhere>[data-label]{overflow-wrap:anywhere}.\[\&\>\[data-marker\]\]\:flex>[data-marker]{display:flex}.\[\&\>\[data-marker\]\]\:size-\[var\(--step-marker-size\)\]>[data-marker]{width:var(--step-marker-size);height:var(--step-marker-size)}.\[\&\>\[data-marker\]\]\:shrink-0>[data-marker]{flex-shrink:0}.\[\&\>\[data-marker\]\]\:items-center>[data-marker]{align-items:center}.\[\&\>\[data-marker\]\]\:justify-center>[data-marker]{justify-content:center}.\[\&\>\[data-marker\]\]\:rounded-\[var\(--radius-control\)\]>[data-marker]{border-radius:var(--radius-control)}.\[\&\>\[data-marker\]\]\:border>[data-marker]{border-style:var(--tw-border-style);border-width:1px}.\[\&\>\[data-marker\]\]\:border-foreground>[data-marker]{border-color:var(--color-foreground)}.\[\&\>\[data-marker\]\]\:bg-surface>[data-marker]{background-color:var(--color-surface)}@media (forced-colors:active){.forced-colors\:\[\&\>\[data-marker\]\]\:border-\[CanvasText\]>[data-marker]{border-color:canvastext}.forced-colors\:\[\&\>\[data-marker\]\]\:bg-\[Canvas\]>[data-marker]{background-color:canvas}.forced-colors\:\[\&\>\[data-marker\]\]\:text-\[CanvasText\]>[data-marker]{color:canvastext}}.\[\&\>\[data-status-content\]\]\:text-small>[data-status-content]{font-size:var(--text-small)}.\[\&\>\[data-track\]\]\:box-content>[data-track]{box-sizing:content-box}.\[\&\>\[data-track\]\]\:inline-flex>[data-track]{display:inline-flex}.\[\&\>\[data-track\]\]\:w-\[calc\(2\*var\(--switch-thumb-size\)\)\]>[data-track]{width:calc(2 * var(--switch-thumb-size))}.\[\&\>\[data-track\]\]\:shrink-0>[data-track]{flex-shrink:0}.\[\&\>\[data-track\]\]\:rounded-\[var\(--radius-control\)\]>[data-track]{border-radius:var(--radius-control)}.\[\&\>\[data-track\]\]\:border>[data-track]{border-style:var(--tw-border-style);border-width:1px}.\[\&\>\[data-track\]\]\:border-solid>[data-track]{--tw-border-style:solid;border-style:solid}.\[\&\>\[data-track\]\]\:border-control-border>[data-track]{border-color:var(--color-control-border)}.\[\&\>\[data-track\]\]\:bg-surface>[data-track]{background-color:var(--color-surface)}.\[\&\>\[data-track\]\]\:p-\[var\(--switch-track-inset\)\]>[data-track]{padding:var(--switch-track-inset)}.disabled\:\[\&\>\[data-track\]\]\:border-disabled:disabled>[data-track]{border-color:var(--color-disabled)}.aria-checked\:\[\&\>\[data-track\]\]\:justify-end[aria-checked=true]>[data-track]{justify-content:flex-end}@media (forced-colors:active){.forced-colors\:\[\&\>\[data-track\]\]\:border-\[ButtonText\]>[data-track]{border-color:buttontext}.forced-colors\:\[\&\>\[data-track\]\]\:bg-\[Canvas\]>[data-track]{background-color:canvas}.forced-colors\:\[\&\>\[data-track\]\]\:\[forced-color-adjust\:none\]>[data-track]{forced-color-adjust:none}.forced-colors\:disabled\:\[\&\>\[data-track\]\]\:border-\[GrayText\]:disabled>[data-track]{border-color:graytext}}.\[\&\>\[data-track\]\:\:before\]\:block>[data-track]:before{display:block}.\[\&\>\[data-track\]\:\:before\]\:size-\[var\(--switch-thumb-size\)\]>[data-track]:before{width:var(--switch-thumb-size);height:var(--switch-thumb-size)}.\[\&\>\[data-track\]\:\:before\]\:rounded-\[var\(--radius-control\)\]>[data-track]:before{border-radius:var(--radius-control)}.\[\&\>\[data-track\]\:\:before\]\:bg-foreground>[data-track]:before{background-color:var(--color-foreground)}.\[\&\>\[data-track\]\:\:before\]\:content-\[\'\'\]>[data-track]:before{--tw-content:"";content:var(--tw-content)}.disabled\:\[\&\>\[data-track\]\:\:before\]\:bg-disabled:disabled>[data-track]:before{background-color:var(--color-disabled)}@media (forced-colors:active){.forced-colors\:\[\&\>\[data-track\]\:\:before\]\:bg-\[ButtonText\]>[data-track]:before{background-color:buttontext}.forced-colors\:disabled\:\[\&\>\[data-track\]\:\:before\]\:bg-\[GrayText\]:disabled>[data-track]:before{background-color:graytext}}.\[\&\>\[data-value-text\]\]\:text-small>[data-value-text]{font-size:var(--text-small)}.\[\&\>dd\]\:col-span-full>dd{grid-column:1/-1}.\[\&\>dd\]\:col-start-\[calc\(2-tan\(atan2\(var\(--definition-shortfall\)\,1px\)\)\)\]>dd{grid-column-start:calc(2 - tan(atan2(var(--definition-shortfall), 1px)))}.\[\&\>dd\]\:self-baseline>dd{align-self:baseline}.\[\&\>div\]\:flow-root>div{display:flow-root}.\[\&\>div\]\:h-full>div{height:100%}.\[\&\>div\]\:min-h-full>div{min-height:100%}.\[\&\>div\]\:w-fit>div{width:fit-content}.\[\&\>div\]\:min-w-full>div{min-width:100%}.\[\&\>div\]\:p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\]>div{padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.\[\&\>div\]\:py-\[var\(--space-definition-item\)\]>div{padding-block:var(--space-definition-item)}.\[\&\>div\]\:py-\[var\(--space-definition-item-compact\)\]>div{padding-block:var(--space-definition-item-compact)}@media (width>=64rem){.lg\:\[\&\>div\]\:h-full>div{height:100%}.lg\:\[\&\>div\]\:min-h-0>div{min-height:0}}.\[\&\>div\:first-child\]\:border-b>div:first-child{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&\>div\:first-child\]\:border-solid>div:first-child{--tw-border-style:solid;border-style:solid}.\[\&\>div\:first-child\]\:border-border>div:first-child{border-color:var(--color-border)}.\[\&\>div\:first-child\]\:pb-\[var\(--space-stack\)\]>div:first-child{padding-bottom:var(--space-stack)}@media (width>=64rem){.lg\:\[\&\>div\:first-child\]\:border-r>div:first-child{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:\[\&\>div\:first-child\]\:border-b-0>div:first-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:\[\&\>div\:first-child\]\:pr-\[var\(--space-stack\)\]>div:first-child{padding-right:var(--space-stack)}.lg\:\[\&\>div\:first-child\]\:pb-0>div:first-child{padding-bottom:0}}.\[\&\>div\:first-child\>nav\]\:p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\]>div:first-child>nav{padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}@media (width>=64rem){.lg\:\[\&\>div\:first-child\>nav\]\:sticky>div:first-child>nav{position:sticky}.lg\:\[\&\>div\:first-child\>nav\]\:top-0>div:first-child>nav{top:0}.lg\:\[\&\>div\:first-child\>nav\]\:max-h-\[min\(100dvh\,var\(--sidebar-scrollport-height\,100dvh\)\)\]>div:first-child>nav{max-height:min(100dvh, var(--sidebar-scrollport-height,100dvh))}.lg\:\[\&\>div\:first-child\>nav\]\:max-h-full>div:first-child>nav{max-height:100%}.lg\:\[\&\>div\:first-child\>nav\]\:scroll-p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\]>div:first-child>nav{scroll-padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.lg\:\[\&\>div\:first-child\>nav\]\:overflow-y-auto>div:first-child>nav{overflow-y:auto}}.\[\&\>div\:first-child\>nav\>ul\]\:flex>div:first-child>nav>ul{display:flex}.\[\&\>div\:first-child\>nav\>ul\]\:flex-col>div:first-child>nav>ul{flex-direction:column}.\[\&\>div\:first-child\>nav\>ul\]\:gap-\[var\(--space-stack\)\]>div:first-child>nav>ul{gap:var(--space-stack)}.\[\&\>dt\]\:col-start-1>dt{grid-column-start:1}.\[\&\>dt\]\:self-baseline>dt{align-self:baseline}.\[\&\>label\]\:font-secondary>label{font-family:var(--font-secondary)}.\[\&\>label\]\:text-body>label{font-size:var(--text-body)}.\[\&\>label\]\:font-medium>label{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&\>label\]\:text-foreground>label{color:var(--color-foreground)}.\[\&\>p\]\:font-secondary>p{font-family:var(--font-secondary)}.\[\&\>p\]\:text-small>p{font-size:var(--text-small)}.\[\&\>p\]\:text-muted>p{color:var(--color-muted)}.\[\&\>p\[data-error\]\]\:text-error>p[data-error]{color:var(--color-error)}.\[\&\>select\]\:block>select{display:block}.\[\&\>select\]\:w-full>select{width:100%}.\[\&\>select\]\:rounded-\[var\(--radius-control\)\]>select{border-radius:var(--radius-control)}.\[\&\>select\]\:border>select{border-style:var(--tw-border-style);border-width:1px}.\[\&\>select\]\:border-solid>select{--tw-border-style:solid;border-style:solid}.\[\&\>select\]\:border-control-border>select{border-color:var(--color-control-border)}.\[\&\>select\]\:bg-transparent>select{background-color:#0000}.\[\&\>select\]\:px-3>select{padding-inline:calc(var(--spacing) * 3)}.\[\&\>select\]\:py-2>select{padding-block:calc(var(--spacing) * 2)}.\[\&\>select\]\:font-control>select{font-family:var(--font-control,var(--font-primary))}.\[\&\>select\]\:text-body>select{font-size:var(--text-body)}.\[\&\>select\]\:text-foreground>select{color:var(--color-foreground)}.\[\&\>select\]\:outline-offset-\[var\(--focus-ring-offset\)\]>select{outline-offset:var(--focus-ring-offset)}.\[\&\>select\]\:outline-focus-ring>select{outline-color:var(--color-focus-ring)}.\[\&\>select\]\:transition-colors>select{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))}.\[\&\>select\]\:duration-\[var\(--motion-duration-color\)\]>select{--tw-duration:var(--motion-duration-color);transition-duration:var(--motion-duration-color)}.\[\&\>select\]\:focus-visible\:outline>select:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.\[\&\>select\]\:focus-visible\:outline-\[length\:var\(--focus-ring-width\)\]>select:focus-visible{outline-style:var(--tw-outline-style);outline-width:var(--focus-ring-width)}.\[\&\>select\]\:disabled\:cursor-not-allowed>select:disabled{cursor:not-allowed}.\[\&\>select\]\:disabled\:border-disabled>select:disabled{border-color:var(--color-disabled)}.\[\&\>select\]\:disabled\:text-muted>select:disabled{color:var(--color-muted)}.\[\&\>select\]\:aria-\[invalid\=true\]\:border-error>select[aria-invalid=true]{border-color:var(--color-error)}.\[\&\>select\:user-invalid\]\:border-error>select:user-invalid{border-color:var(--color-error)}.\[\&\>span\]\:font-secondary>span{font-family:var(--font-secondary)}.\[\&\>span\]\:text-small>span{font-size:var(--text-small)}.\[\&\>span\]\:text-muted>span{color:var(--color-muted)}.\[\&\>table\]\:w-full>table{width:100%}.\[\&\>table\]\:border-collapse>table{border-collapse:collapse}.\[\&\>table\]\:text-left>table{text-align:left}.\[\&\>table\>\*\:nth-child\(2\)\>tr\:first-child\]\:border-rule>table>:nth-child(2)>tr:first-child{border-color:var(--color-rule)}.\[\&\>table\>\*\>tr\[aria-selected\=true\]\]\:bg-selected-surface>table>*>tr[aria-selected=true]{background-color:var(--color-selected-surface)}.\[\&\>table\>\*\>tr\[aria-selected\=true\]\]\:\[--color-error\:var\(--color-selected-error\)\]>table>*>tr[aria-selected=true]{--color-error:var(--color-selected-error)}.\[\&\>table\>caption\]\:sr-only>table>caption{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\[\&\>table\>caption\]\:pb-3>table>caption{padding-bottom:calc(var(--spacing) * 3)}.\[\&\>table\>thead\]\:sticky>table>thead{position:sticky}.\[\&\>table\>thead\]\:top-0>table>thead{top:0}.\[\&\>table\>thead\]\:z-10>table>thead{z-index:10}.\[\&\>table\>thead\]\:bg-surface>table>thead,.\[\&\>table\>thead\>tr\>\*\]\:bg-surface>table>thead>tr>*{background-color:var(--color-surface)}.\[\&\[aria-selected\=true\]\>\*\:first-child\]\:relative[aria-selected=true]>:first-child{position:relative}.\[\&\[aria-selected\=true\]\>\*\:first-child\]\:before\:absolute[aria-selected=true]>:first-child:before{content:var(--tw-content);position:absolute}.\[\&\[aria-selected\=true\]\>\*\:first-child\]\:before\:inset-y-0[aria-selected=true]>:first-child:before{content:var(--tw-content);inset-block:0}.\[\&\[aria-selected\=true\]\>\*\:first-child\]\:before\:left-0[aria-selected=true]>:first-child:before{content:var(--tw-content);left:0}.\[\&\[aria-selected\=true\]\>\*\:first-child\]\:before\:border-l-\[length\:var\(--table-selection-marker-thickness\)\][aria-selected=true]>:first-child:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:var(--table-selection-marker-thickness)}.\[\&\[aria-selected\=true\]\>\*\:first-child\]\:before\:border-solid[aria-selected=true]>:first-child:before{content:var(--tw-content);--tw-border-style:solid;border-style:solid}.\[\&\[aria-selected\=true\]\>\*\:first-child\]\:before\:border-foreground[aria-selected=true]>:first-child:before{content:var(--tw-content);border-color:var(--color-foreground)}.\[\&\[data-columns\]\>table\]\:grid[data-columns]>table{display:grid}.\[\&\[data-columns\]\>table\]\:grid-cols-\[var\(--table-columns\)\][data-columns]>table{grid-template-columns:var(--table-columns)}.\[\&\[data-columns\]\>table\>\*\:not\(caption\)\]\:col-span-full[data-columns]>table>:not(caption){grid-column:1/-1}.\[\&\[data-columns\]\>table\>\*\:not\(caption\)\]\:grid[data-columns]>table>:not(caption){display:grid}.\[\&\[data-columns\]\>table\>\*\:not\(caption\)\]\:grid-cols-subgrid[data-columns]>table>:not(caption){grid-template-columns:subgrid}.\[\&\[data-columns\]\>table\>\*\>tr\]\:col-span-full[data-columns]>table>*>tr{grid-column:1/-1}.\[\&\[data-columns\]\>table\>\*\>tr\]\:grid[data-columns]>table>*>tr{display:grid}.\[\&\[data-columns\]\>table\>\*\>tr\]\:grid-cols-subgrid[data-columns]>table>*>tr{grid-template-columns:subgrid}.\[\&\[data-columns\]\>table\>\*\>tr\>td\]\:wrap-anywhere[data-columns]>table>*>tr>td,.\[\&\[data-columns\]\>table\>\*\>tr\>th\]\:wrap-anywhere[data-columns]>table>*>tr>th{overflow-wrap:anywhere}.\[\&\[data-columns\]\>table\>caption\]\:col-span-full[data-columns]>table>caption{grid-column:1/-1}.\[\&\[data-icon-actions\]\]\:m-\[calc\(-1\*\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\)\][data-icon-actions]{margin:calc(-1 * (var(--focus-ring-width) + var(--focus-ring-offset)))}.\[\&\[data-icon-actions\]\]\:scroll-p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\][data-icon-actions]{scroll-padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.\[\&\[data-icon-actions\]\]\:p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\][data-icon-actions]{padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.\[\&\[data-icon-actions\]\>table\>\*\>tr\>\*\:first-child\]\:pl-\[max\(var\(--table-cell-padding-inline\)\,calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\)\][data-icon-actions]>table>*>tr>:first-child{padding-left:max(var(--table-cell-padding-inline), calc(var(--focus-ring-width) + var(--focus-ring-offset)))}.\[\&\[data-icon-actions\]\>table\>\*\>tr\>\*\:last-child\]\:pr-\[max\(var\(--table-cell-padding-inline\)\,calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\)\][data-icon-actions]>table>*>tr>:last-child{padding-right:max(var(--table-cell-padding-inline), calc(var(--focus-ring-width) + var(--focus-ring-offset)))}@media not all and (width>=48rem){.\[\&\[data-notes\=content\]\:not\(\[data-columns\]\)\:not\(\[data-bounded\]\)_tbody\]\:max-md\:block[data-notes=content]:not([data-columns]):not([data-bounded]) tbody,.\[\&\[data-notes\=content\]\:not\(\[data-columns\]\)\:not\(\[data-bounded\]\)_td\]\:max-md\:block[data-notes=content]:not([data-columns]):not([data-bounded]) td,.\[\&\[data-notes\=content\]\:not\(\[data-columns\]\)\:not\(\[data-bounded\]\)_tfoot\]\:max-md\:block[data-notes=content]:not([data-columns]):not([data-bounded]) tfoot,.\[\&\[data-notes\=content\]\:not\(\[data-columns\]\)\:not\(\[data-bounded\]\)_th\]\:max-md\:block[data-notes=content]:not([data-columns]):not([data-bounded]) th,.\[\&\[data-notes\=content\]\:not\(\[data-columns\]\)\:not\(\[data-bounded\]\)_thead\]\:max-md\:block[data-notes=content]:not([data-columns]):not([data-bounded]) thead,.\[\&\[data-notes\=content\]\:not\(\[data-columns\]\)\:not\(\[data-bounded\]\)_tr\]\:max-md\:block[data-notes=content]:not([data-columns]):not([data-bounded]) tr,.\[\&\[data-notes\=content\]\:not\(\[data-columns\]\)\:not\(\[data-bounded\]\)\>table\]\:max-md\:block[data-notes=content]:not([data-columns]):not([data-bounded])>table{display:block}.\[\&\[data-notes\=supplementary\]\:not\(\[data-columns\]\)\:not\(\[data-bounded\]\)_\[data-variant\=note\]\]\:max-md\:hidden[data-notes=supplementary]:not([data-columns]):not([data-bounded]) [data-variant=note]{display:none}}@container style(--column-layout-shortfall:0px){.\[\&\>div\]\:\[\@container_style\(--column-layout-shortfall\:0px\)\]\:h-full>div{height:100%}.\[\&\>div\]\:\[\@container_style\(--column-layout-shortfall\:0px\)\]\:min-h-0>div{min-height:0}}[data-dialog-member=content]+.\[\[data-dialog-member\=content\]\+\&\]\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}[data-dialog-member=content]+.\[\[data-dialog-member\=content\]\+\&\]\:border-border{border-color:var(--color-border)}[data-dialog-member=title]+.\[\[data-dialog-member\=title\]\+\&\]\:mt-\[var\(--space-stack\)\]{margin-top:var(--space-stack)}[data-dialog-member=title]+.\[\[data-dialog-member\=title\]\+\&\]\:pt-0{padding-top:0}[data-section]+.\[\[data-section\]\+\&\]\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}[data-section]+.\[\[data-section\]\+\&\]\:border-solid{--tw-border-style:solid;border-style:solid}[data-section]+.\[\[data-section\]\+\&\]\:border-rule{border-color:var(--color-rule)}}:root{--color-surface:#fff;--color-selected-surface:#f8fafc;--color-selected-error:#cd2d7d;--color-foreground:#0f172a;--color-muted:#64748b;--color-border:#e2e8f0;--color-control-border:#64748b;--color-rule:#808fa3;--color-backing:#f1f5f9;--color-scrim:#0f172a80;--color-meter-fill:#0f172a;--color-meter-track:#e2e8f0;--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-primary-foreground:#f8fafc;--color-secondary:#0369a1;--color-secondary-hover:#075985;--color-secondary-foreground:#f8fafc;--color-disabled:#94a3b8;--color-disabled-hover:#64748b;--color-focus-ring:#475569;--color-link:#2563eb;--color-success:#047857;--color-warning:#b45309;--color-error:#d63384;--color-error-hover:#be185d;--color-error-foreground:#fff;--color-info:#0e7490;--motion-duration-color:.15s}@media (prefers-reduced-motion:reduce){:root{--motion-duration-color:0s}}:root{--focus-ring-width:3px;--focus-ring-offset:2px;--radius-control:.5rem;--radius-dialog:.375rem;--control-min-width:10.5rem;--standing-min-width:7.5rem;--underline-offset:.18em;--underline-thickness:1px;--underline-thickness-hover:2px;--measure:66ch;--measure-letter:60ch;--measure-display:36ch;--measure-wide:72ch;--measure-action:20rem;--table-column-name:12rem;--table-column-fact:9rem;--table-column-figure:8rem;--table-column-action:12.5rem;--space-stack:.5em;--space-region:1.5em;--space-band:4em;--space-collection-item:1em;--space-definition-item:1.5rem;--space-definition-item-compact:.5rem;--space-definition-column:3rem;--definition-term-min-width:9rem;--definition-description-min-width:10rem}@property --definition-shortfall{syntax:"<length>";inherits:true;initial-value:1px}@property --column-layout-shortfall{syntax:"<length>";inherits:false;initial-value:1px}:root{--space-box-inset:1em;--callout-mark-width:.25rem;--space-callout-inset:1em;--table-cell-inset-inline:1rem;--table-cell-inset-block:.5rem;--table-cell-inset-inline-compact:.5rem;--table-cell-inset-block-compact:.25rem;--gutter:clamp(1.5rem, 5vw, 4rem);--fold-height:min(70vh, 40rem);--cover-height:100svh;--tick-length:.9rem;--tick-thickness:1px;--tab-marker-thickness:2px;--table-selection-marker-thickness:2px;--tab-inset-inline:1em;--tab-inset-block:.5em;--step-marker-size:2em;--step-inset-inline:1em;--step-inset-block:.5em;--step-connector-thickness:1px;--step-selection-thickness:2px;--slider-track-thickness:.25rem;--slider-thumb-size:1.5rem;--choice-marker-size:1.125rem;--choice-marker-dot-size:.5rem;--switch-thumb-size:1rem;--switch-track-inset:.125rem;--meter-track-thickness:.5rem;--scrim-blur:0;--elevation-floating:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
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)))){:root,:host{--definition-shortfall:1px}*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-content:"";--column-layout-shortfall:1px}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--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);--color-surface:var(--color-surface);--color-selected-surface:var(--color-selected-surface);--color-selected-error:var(--color-selected-error);--color-foreground:var(--color-foreground);--color-muted:var(--color-muted);--color-border:var(--color-border);--color-control-border:var(--color-control-border);--color-rule:var(--color-rule);--color-backing:var(--color-backing);--color-scrim:var(--color-scrim);--color-meter-fill:var(--color-meter-fill);--color-meter-track:var(--color-meter-track);--color-primary:var(--color-primary);--color-primary-hover:var(--color-primary-hover);--color-primary-foreground:var(--color-primary-foreground);--color-secondary:var(--color-secondary);--color-secondary-hover:var(--color-secondary-hover);--color-secondary-foreground:var(--color-secondary-foreground);--color-disabled:var(--color-disabled);--color-disabled-hover:var(--color-disabled-hover);--color-focus-ring:var(--color-focus-ring);--color-link:var(--color-link);--color-success:var(--color-success);--color-warning:var(--color-warning);--color-error:var(--color-error);--color-error-hover:var(--color-error-hover);--color-error-foreground:var(--color-error-foreground);--color-info:var(--color-info);--font-primary:inherit;--font-secondary:inherit;--font-weight-strong:700;--text-display:clamp(3rem, 3rem + 3.125vw, 6rem);--leading-display:1.05;--text-title:clamp(2.25rem, 2.25rem + 2.25vw, 4.25rem);--leading-title:1.1;--text-subtitle:clamp(1.5rem, 1.5rem + 1vw, 2.25rem);--leading-subtitle:1.2;--text-lede:1.25rem;--leading-lede:1.4;--text-letter:1.25rem;--leading-letter:1.8;--text-body:1.0625rem;--leading-body:1.6;--text-small:.9375rem;--text-label:.8125rem;--leading-label:1.5;--text-dialog-title:clamp(1.5rem, 1.5rem + 1vw, 2.25rem);--leading-dialog-title:1.2;--tracking-label:.14em;--tracking-optical:-.02em;--aspect-portrait:4 / 5;--aspect-square:1 / 1;--aspect-landscape:3 / 2;--aspect-wide:16 / 9}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container,.\[container-type\:inline-size\]{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-0{top:0}.right-0{right:0}.left-0{left:0}.isolate{isolation:isolate}.z-10{z-index:10}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-m-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\]{margin:calc(calc(var(--focus-ring-width) + var(--focus-ring-offset)) * -1)}.m-0{margin:0}.m-\[calc\(-1\*\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\)\]{margin:calc(-1 * (var(--focus-ring-width) + var(--focus-ring-offset)))}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.my-auto{margin-block:auto}.ms-auto{margin-inline-start:auto}.mt-\[0\.3rem\]{margin-top:.3rem}.box-border{box-sizing:border-box}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-landscape{aspect-ratio:var(--aspect-landscape)}.aspect-portrait{aspect-ratio:var(--aspect-portrait)}.aspect-square{aspect-ratio:var(--aspect-square)}.aspect-wide{aspect-ratio:var(--aspect-wide)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.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-\[var\(--choice-marker-dot-size\)\]{width:var(--choice-marker-dot-size);height:var(--choice-marker-dot-size)}.size-\[var\(--choice-marker-size\)\]{width:var(--choice-marker-size);height:var(--choice-marker-size)}.h-0{height:0}.h-\[calc\(100dvh-2\*var\(--space-region\)\)\]{height:calc(100dvh - 2 * var(--space-region))}.h-\[var\(--meter-track-thickness\)\]{height:var(--meter-track-thickness)}.h-\[var\(--slider-thumb-size\)\]{height:var(--slider-thumb-size)}.h-dvh{height:100dvh}.h-full{height:100%}.max-h-\[calc\(100dvh-2\*var\(--space-region\)\)\]{max-height:calc(100dvh - 2 * var(--space-region))}.max-h-\[var\(--multiselect-surface-max-height\,50vh\)\]{max-height:var(--multiselect-surface-max-height,50vh)}.max-h-full{max-height:100%}.max-h-none{max-height:none}.min-h-0{min-height:0}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-\[calc\(var\(--text-body\)\*var\(--leading-body\)\)\]{min-height:calc(var(--text-body) * var(--leading-body))}.min-h-\[calc\(var\(--text-label\)\*var\(--leading-label\)\)\]{min-height:calc(var(--text-label) * var(--leading-label))}.min-h-\[var\(--cover-height\)\]{min-height:var(--cover-height)}.min-h-\[var\(--fold-height\)\]{min-height:var(--fold-height)}.min-h-full{min-height:100%}.w-\[32rem\]{width:32rem}.w-\[calc\(100vw-2\*var\(--gutter\)\)\]{width:calc(100vw - 2 * var(--gutter))}.w-\[calc\(var\(--meter-level\)\*100\%\)\]{width:calc(var(--meter-level) * 100%)}.w-\[clamp\(0px\,\(var\(--column-layout-threshold\)-100\%\+var\(--column-layout-reserve\)\)\*1000000\,1px\)\]{width:clamp(0px, (var(--column-layout-threshold) - 100% + var(--column-layout-reserve)) * 1000000, 1px)}.w-\[var\(--measure-action\)\]{width:var(--measure-action)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[12rem\]{max-width:12rem}.max-w-\[calc\(100vw-2\*var\(--gutter\)\)\]{max-width:calc(100vw - 2 * var(--gutter))}.max-w-\[min\(100\%\,var\(--measure-letter\)\)\]{max-width:min(100%, var(--measure-letter))}.max-w-\[var\(--column-layout-maximum\)\]{max-width:var(--column-layout-maximum)}.max-w-\[var\(--measure\)\]{max-width:var(--measure)}.max-w-\[var\(--measure-display\)\]{max-width:var(--measure-display)}.max-w-\[var\(--measure-wide\)\]{max-width:var(--measure-wide)}.max-w-full{max-width:100%}.max-w-none{max-width:none}.min-w-0{min-width:0}.min-w-\[min\(var\(--control-min-width\)\,100\%\)\]{min-width:min(var(--control-min-width), 100%)}.min-w-\[var\(--standing-min-width\)\]{min-width:var(--standing-min-width)}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-\[0_1_auto\]{flex:0 auto}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-\[calc\(var\(--column-layout-weight\)\/var\(--column-layout-growth-unit\)\)\]{flex-grow:calc(var(--column-layout-weight) / var(--column-layout-growth-unit))}.basis-0{flex-basis:0}.basis-\[clamp\(0px\,\(var\(--column-layout-threshold\)-100\%\)\*1000000\,100\%\)\]{flex-basis:clamp(0px, (var(--column-layout-threshold) - 100%) * 1000000, 100%)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\]{scroll-padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.list-none{list-style-type:none}.appearance-none{appearance:none}.grid-flow-row-dense{grid-auto-flow:dense}.grid-cols-\[max\(calc\(\(100\%-var\(--space-definition-column\)\)\*var\(--definition-term-share\)\)\,var\(--definition-stack\)\)_minmax\(0\,1fr\)\]{grid-template-columns:max(calc((100% - var(--space-definition-column)) * var(--definition-term-share)), var(--definition-stack)) minmax(0,1fr)}.grid-rows-\[auto_minmax\(0\,1fr\)\]{grid-template-rows:auto minmax(0,1fr)}.grid-rows-\[minmax\(0\,1fr\)\]{grid-template-rows:minmax(0,1fr)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.content-start{align-content:flex-start}.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}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-\[var\(--space-region\)\]{gap:var(--space-region)}.gap-\[var\(--space-stack\)\]{gap:var(--space-stack)}.gap-x-\[max\(0px\,var\(--space-definition-column\)-var\(--definition-stack\)\)\]{column-gap:max(0px, var(--space-definition-column) - var(--definition-stack))}.gap-x-\[var\(--space-region\)\]{column-gap:var(--space-region)}.gap-x-\[var\(--space-stack\)\]{column-gap:var(--space-stack)}.gap-y-\[var\(--space-stack\)\]{row-gap:var(--space-stack)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-clip{overflow:clip}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.rounded-\[var\(--radius-control\)\]{border-radius:var(--radius-control)}.rounded-\[var\(--radius-dialog\)\]{border-radius:var(--radius-dialog)}.border{border-style:var(--tw-border-style);border-width:1px}.border-s-\[length\:var\(--callout-mark-width\)\]{border-inline-start-style:var(--tw-border-style);border-inline-start-width:var(--callout-mark-width)}.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-b-\[length\:var\(--step-selection-thickness\)\]{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--step-selection-thickness)}.border-b-\[length\:var\(--tab-marker-thickness\)\]{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--tab-marker-thickness)}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-border{border-color:var(--color-border)}.border-control-border{border-color:var(--color-control-border)}.border-error{border-color:var(--color-error)}.border-info{border-color:var(--color-info)}.border-rule{border-color:var(--color-rule)}.border-secondary{border-color:var(--color-secondary)}.border-success{border-color:var(--color-success)}.border-transparent{border-color:#0000}.border-warning{border-color:var(--color-warning)}.bg-\[color-mix\(in_oklab\,var\(--color-meter-fill\)_calc\(var\(--meter-level\)\*100\%\)\,var\(--color-error\)\)\]{background-color:var(--color-meter-fill)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_oklab\,var\(--color-meter-fill\)_calc\(var\(--meter-level\)\*100\%\)\,var\(--color-error\)\)\]{background-color:color-mix(in oklab,var(--color-meter-fill) calc(var(--meter-level) * 100%),var(--color-error))}}.bg-backing{background-color:var(--color-backing)}.bg-error{background-color:var(--color-error)}.bg-foreground{background-color:var(--color-foreground)}.bg-meter-fill{background-color:var(--color-meter-fill)}.bg-meter-track{background-color:var(--color-meter-track)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.object-cover{object-fit:cover}.object-bottom{object-position:bottom}.object-center{object-position:center}.object-left{object-position:left}.object-right{object-position:right}.object-top{object-position:top}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\]{padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.p-\[var\(--space-box-inset\)\]{padding:var(--space-box-inset)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-\[calc\(1rem_-_1px\)\]{padding-inline:calc(1rem - 1px)}.px-\[var\(--gutter\)\]{padding-inline:var(--gutter)}.px-\[var\(--space-region\)\]{padding-inline:var(--space-region)}.px-\[var\(--step-inset-inline\)\]{padding-inline:var(--step-inset-inline)}.px-\[var\(--tab-inset-inline\)\]{padding-inline:var(--tab-inset-inline)}.px-\[var\(--table-cell-padding-inline\)\]{padding-inline:var(--table-cell-padding-inline)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-\[calc\(0\.5rem_-_1px\)\]{padding-block:calc(.5rem - 1px)}.py-\[var\(--space-band\)\]{padding-block:var(--space-band)}.py-\[var\(--space-collection-item\)\]{padding-block:var(--space-collection-item)}.py-\[var\(--space-region\)\]{padding-block:var(--space-region)}.py-\[var\(--step-inset-block\)\]{padding-block:var(--step-inset-block)}.py-\[var\(--tab-inset-block\)\]{padding-block:var(--tab-inset-block)}.py-\[var\(--table-cell-padding-block\)\]{padding-block:var(--table-cell-padding-block)}.ps-\[var\(--space-callout-inset\)\]{padding-inline-start:var(--space-callout-inset)}.pt-1{padding-top:var(--spacing)}.pt-\[var\(--space-region\)\]{padding-top:var(--space-region)}.pr-0\.5{padding-right:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-\[var\(--space-region\)\]{padding-bottom:var(--space-region)}.pl-2{padding-left:calc(var(--spacing) * 2)}.\[text-align\:inherit\]{text-align:inherit}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-\[-0\.125em\]{vertical-align:-.125em}.font-body{font-family:var(--font-body,var(--font-primary))}.font-control{font-family:var(--font-control,var(--font-primary))}.font-heading{font-family:var(--font-heading,var(--font-primary))}.font-letter{font-family:var(--font-letter,var(--font-primary))}.font-secondary{font-family:var(--font-secondary)}.text-body{font-size:var(--text-body)}.text-dialog-title{font-size:var(--text-dialog-title)}.text-display{font-size:var(--text-display)}.text-label{font-size:var(--text-label)}.text-lede{font-size:var(--text-lede)}.text-letter{font-size:var(--text-letter)}.text-small{font-size:var(--text-small)}.text-subtitle{font-size:var(--text-subtitle)}.text-title{font-size:var(--text-title)}.leading-body{--tw-leading:var(--leading-body);line-height:var(--leading-body)}.leading-dialog-title{--tw-leading:var(--leading-dialog-title);line-height:var(--leading-dialog-title)}.leading-display{--tw-leading:var(--leading-display);line-height:var(--leading-display)}.leading-label{--tw-leading:var(--leading-label);line-height:var(--leading-label)}.leading-lede{--tw-leading:var(--leading-lede);line-height:var(--leading-lede)}.leading-letter{--tw-leading:var(--leading-letter);line-height:var(--leading-letter)}.leading-subtitle{--tw-leading:var(--leading-subtitle);line-height:var(--leading-subtitle)}.leading-title{--tw-leading:var(--leading-title);line-height:var(--leading-title)}.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-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-strong{--tw-font-weight:var(--font-weight-strong);font-weight:var(--font-weight-strong)}.tracking-label{--tw-tracking:var(--tracking-label);letter-spacing:var(--tracking-label)}.tracking-optical{--tw-tracking:var(--tracking-optical);letter-spacing:var(--tracking-optical)}.\[letter-spacing\:inherit\]{letter-spacing:inherit}.text-balance{text-wrap:balance}.\[overflow-wrap\:anywhere\],.wrap-anywhere{overflow-wrap:anywhere}.wrap-break-word{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.\[color\:inherit\]{color:inherit}.text-error{color:var(--color-error)}.text-error-foreground{color:var(--color-error-foreground)}.text-foreground{color:var(--color-foreground)}.text-info{color:var(--color-info)}.text-inherit{color:inherit}.text-link{color:var(--color-link)}.text-muted{color:var(--color-muted)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-secondary{color:var(--color-secondary)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-\[length\:var\(--underline-thickness\)\]{text-decoration-thickness:var(--underline-thickness)}.underline-offset-\[var\(--underline-offset\)\]{text-underline-offset:var(--underline-offset)}.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-\[var\(--elevation-floating\)\]{--tw-shadow:var(--elevation-floating);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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-offset-\[var\(--focus-ring-offset\)\]{outline-offset:var(--focus-ring-offset)}.outline-focus-ring{outline-color:var(--color-focus-ring)}.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,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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-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))}.duration-\[var\(--motion-duration-color\)\]{--tw-duration:var(--motion-duration-color);transition-duration:var(--motion-duration-color)}.\[contain\:inline-size\]{contain:inline-size}.forced-color-adjust-auto{forced-color-adjust:auto}.select-none{-webkit-user-select:none;user-select:none}.\[--column-layout-gap\:var\(--space-region\)\]{--column-layout-gap:var(--space-region)}.\[--column-layout-gap\:var\(--space-stack\)\]{--column-layout-gap:var(--space-stack)}.\[--column-layout-shortfall\:clamp\(0px\,\(var\(--column-layout-threshold\)-100cqi\)\*1000000\,1px\)\]{--column-layout-shortfall:clamp(0px, (var(--column-layout-threshold) - 100cqi) * 1000000, 1px)}.\[--definition-shortfall\:clamp\(0px\,\(var\(--definition-threshold\)-100cqi\)\*1000000\,1px\)\]{--definition-shortfall:clamp(0px, (var(--definition-threshold) - 100cqi) * 1000000, 1px)}.\[--definition-stack\:clamp\(0px\,\(var\(--definition-threshold\)-100\%\)\*1000000\,100\%\)\]{--definition-stack:clamp(0px, (var(--definition-threshold) - 100%) * 1000000, 100%)}.\[--table-cell-padding-block\:var\(--table-cell-inset-block\)\]{--table-cell-padding-block:var(--table-cell-inset-block)}.\[--table-cell-padding-block\:var\(--table-cell-inset-block-compact\)\]{--table-cell-padding-block:var(--table-cell-inset-block-compact)}.\[--table-cell-padding-inline\:var\(--table-cell-inset-inline\)\]{--table-cell-padding-inline:var(--table-cell-inset-inline)}.\[--table-cell-padding-inline\:var\(--table-cell-inset-inline-compact\)\]{--table-cell-padding-inline:var(--table-cell-inset-inline-compact)}.\[font\:inherit\]{font:inherit}.group-disabled\/choice\:text-muted:is(:where(.group\/choice):disabled *){color:var(--color-muted)}.group-aria-checked\/option\:border-foreground:is(:where(.group\/option)[aria-checked=true] *){border-color:var(--color-foreground)}.group-data-\[disabled\]\/field\:text-muted:is(:where(.group\/field)[data-disabled] *){color:var(--color-muted)}.backdrop\:bg-scrim::backdrop{background-color:var(--color-scrim)}.backdrop\:\[backdrop-filter\:blur\(var\(--scrim-blur\)\)\]::backdrop{-webkit-backdrop-filter:blur(var(--scrim-blur));backdrop-filter:blur(var(--scrim-blur))}.before\:mt-\[0\.35em\]:before{content:var(--tw-content);margin-top:.35em}.before\:size-\[calc\(var\(--tick-length\)\*0\.7\)\]:before{content:var(--tw-content);width:calc(var(--tick-length) * .7);height:calc(var(--tick-length) * .7)}.before\:shrink-0:before{content:var(--tw-content);flex-shrink:0}.before\:rotate-45:before{content:var(--tw-content);rotate:45deg}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.before\:\[border-right\:var\(--tick-thickness\)_solid_var\(--color-rule\)\]:before{content:var(--tw-content);border-right:var(--tick-thickness) solid var(--color-rule)}.before\:\[border-top\:var\(--tick-thickness\)_solid_var\(--color-rule\)\]:before{content:var(--tw-content);border-top:var(--tick-thickness) solid var(--color-rule)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-1\/2:after{content:var(--tw-content);inset-inline-start:50%}.after\:top-\[calc\(var\(--step-inset-block\)\+var\(--step-marker-size\)\/2\)\]:after{content:var(--tw-content);top:calc(var(--step-inset-block) + var(--step-marker-size) / 2)}.after\:-z-10:after{content:var(--tw-content);z-index:calc(10 * -1)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:border-t-\[length\:var\(--step-connector-thickness\)\]:after{content:var(--tw-content);border-top-style:var(--tw-border-style);border-top-width:var(--step-connector-thickness)}.after\:border-border:after{content:var(--tw-content);border-color:var(--color-border)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:border-t:first-child{border-top-style:var(--tw-border-style);border-top-width:1px}.first\:pl-0:first-child{padding-left:0}.last\:pr-0:last-child{padding-right:0}.last\:after\:hidden:last-child:after{content:var(--tw-content);display:none}.open\:flex:is([open],:popover-open,:open){display:flex}.open\:flex-col:is([open],:popover-open,:open){flex-direction:column}@media (hover:hover){.hover\:bg-backing:hover{background-color:var(--color-backing)}.hover\:bg-error-hover:hover{background-color:var(--color-error-hover)}.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:bg-secondary-hover:hover{background-color:var(--color-secondary-hover)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-\[length\:var\(--underline-thickness\)\]:hover{text-decoration-thickness:var(--underline-thickness)}.hover\:decoration-\[length\:var\(--underline-thickness-hover\)\]:hover{text-decoration-thickness:var(--underline-thickness-hover)}.hover\:underline-offset-\[var\(--underline-offset\)\]:hover{text-underline-offset:var(--underline-offset)}}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-\[length\:var\(--focus-ring-width\)\]:focus-visible{outline-style:var(--tw-outline-style);outline-width:var(--focus-ring-width)}.focus-visible\:outline-offset-\[calc\(-1\*var\(--focus-ring-width\)\)\]:focus-visible{outline-offset:calc(-1 * var(--focus-ring-width))}@media (hover:hover){.enabled\:hover\:decoration-\[length\:var\(--underline-thickness-hover\)\]:enabled:hover{text-decoration-thickness:var(--underline-thickness-hover)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:border-disabled:disabled{border-color:var(--color-disabled)}.disabled\:bg-disabled:disabled{background-color:var(--color-disabled)}.disabled\:text-disabled:disabled{color:var(--color-disabled)}.disabled\:text-muted:disabled{color:var(--color-muted)}@media (hover:hover){.disabled\:hover\:bg-disabled-hover:disabled:hover{background-color:var(--color-disabled-hover)}.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-muted:disabled:hover{color:var(--color-muted)}}.aria-checked\:border-foreground[aria-checked=true],.aria-selected\:border-foreground[aria-selected=true]{border-color:var(--color-foreground)}.aria-selected\:text-foreground[aria-selected=true]{color:var(--color-foreground)}.aria-\[invalid\=true\]\:border-error[aria-invalid=true]{border-color:var(--color-error)}.data-\[disabled\]\:border-disabled[data-disabled]{border-color:var(--color-disabled)}.data-\[disabled\]\:text-muted[data-disabled]{color:var(--color-muted)}.data-\[overflow\]\:invisible[data-overflow]{visibility:hidden}.data-\[overflow\]\:absolute[data-overflow]{position:absolute}.data-\[placement\=above\]\:bottom-full[data-placement=above]{bottom:100%}.data-\[placement\=above\]\:mb-1[data-placement=above]{margin-bottom:var(--spacing)}.data-\[placement\=below\]\:top-full[data-placement=below]{top:100%}.data-\[placement\=below\]\:mt-1[data-placement=below]{margin-top:var(--spacing)}@media (width>=40rem){.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-\[calc\(1\.5rem_-_1px\)\]{padding-inline:calc(1.5rem - 1px)}}@media (width>=64rem){.lg\:sticky{position:sticky}.lg\:top-6{top:calc(var(--spacing) * 6)}.lg\:h-full{height:100%}.lg\:min-h-0{min-height:0}.lg\:grid-cols-\[10rem_minmax\(0\,1fr\)\]{grid-template-columns:10rem minmax(0,1fr)}.lg\:grid-cols-\[12rem_minmax\(0\,1fr\)\]{grid-template-columns:12rem minmax(0,1fr)}.lg\:grid-rows-\[minmax\(0\,1fr\)\]{grid-template-rows:minmax(0,1fr)}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:gap-x-12{column-gap:calc(var(--spacing) * 12)}}@media (forced-colors:active){.forced-colors\:border{border-style:var(--tw-border-style);border-width:1px}.forced-colors\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.forced-colors\:border-\[CanvasText\]{border-color:canvastext}.forced-colors\:border-s-\[CanvasText\]{border-inline-start-color:canvastext}.forced-colors\:after\:border-\[CanvasText\]:after{content:var(--tw-content);border-color:canvastext}.forced-colors\:disabled\:text-\[GrayText\]:disabled{color:graytext}.forced-colors\:aria-selected\:border-b-\[length\:var\(--step-selection-thickness\)\][aria-selected=true]{border-bottom-style:var(--tw-border-style);border-bottom-width:var(--step-selection-thickness)}.forced-colors\:aria-selected\:border-\[Highlight\][aria-selected=true]{border-color:highlight}}.\[\&_\[aria-current\=page\]\]\:text-foreground [aria-current=page]{color:var(--color-foreground)}.\[\&_caption\]\:text-left caption{text-align:left}.\[\&_caption\]\:font-secondary caption{font-family:var(--font-secondary)}.\[\&_caption\]\:text-label caption{font-size:var(--text-label)}.\[\&_caption\]\:tracking-label caption{--tw-tracking:var(--tracking-label);letter-spacing:var(--tracking-label)}.\[\&_caption\]\:text-muted caption{color:var(--color-muted)}.\[\&\+li\]\:border-t+li{border-top-style:var(--tw-border-style);border-top-width:1px}.\[\&\+li\]\:border-solid+li{--tw-border-style:solid;border-style:solid}.\[\&\+li\]\:border-border+li{border-color:var(--color-border)}.\[\&\:\:-moz-range-thumb\]\:size-\[var\(--slider-thumb-size\)\]::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size)}.\[\&\:\:-moz-range-thumb\]\:rounded-\[var\(--radius-control\)\]::-moz-range-thumb{border-radius:var(--radius-control)}.\[\&\:\:-moz-range-thumb\]\:border-none::-moz-range-thumb{--tw-border-style:none;border-style:none}.\[\&\:\:-moz-range-thumb\]\:bg-foreground::-moz-range-thumb{background-color:var(--color-foreground)}.\[\&\:\:-moz-range-track\]\:h-\[var\(--slider-track-thickness\)\]::-moz-range-track{height:var(--slider-track-thickness)}.\[\&\:\:-moz-range-track\]\:rounded-\[var\(--radius-control\)\]::-moz-range-track{border-radius:var(--radius-control)}.\[\&\:\:-moz-range-track\]\:bg-control-border::-moz-range-track{background-color:var(--color-control-border)}.\[\&\:\:-webkit-slider-runnable-track\]\:h-\[var\(--slider-track-thickness\)\]::-webkit-slider-runnable-track{height:var(--slider-track-thickness)}.\[\&\:\:-webkit-slider-runnable-track\]\:rounded-\[var\(--radius-control\)\]::-webkit-slider-runnable-track{border-radius:var(--radius-control)}.\[\&\:\:-webkit-slider-runnable-track\]\:bg-control-border::-webkit-slider-runnable-track{background-color:var(--color-control-border)}.\[\&\:\:-webkit-slider-thumb\]\:mt-\[calc\(\(var\(--slider-track-thickness\)-var\(--slider-thumb-size\)\)\/2\)\]::-webkit-slider-thumb{margin-top:calc((var(--slider-track-thickness) - var(--slider-thumb-size)) / 2)}.\[\&\:\:-webkit-slider-thumb\]\:size-\[var\(--slider-thumb-size\)\]::-webkit-slider-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size)}.\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb{appearance:none}.\[\&\:\:-webkit-slider-thumb\]\:rounded-\[var\(--radius-control\)\]::-webkit-slider-thumb{border-radius:var(--radius-control)}.\[\&\:\:-webkit-slider-thumb\]\:bg-foreground::-webkit-slider-thumb{background-color:var(--color-foreground)}.\[\&\:disabled\:\:-moz-range-thumb\]\:bg-disabled:disabled::-moz-range-thumb{background-color:var(--color-disabled)}.\[\&\:disabled\:\:-moz-range-track\]\:bg-disabled:disabled::-moz-range-track{background-color:var(--color-disabled)}.\[\&\:disabled\:\:-webkit-slider-runnable-track\]\:bg-disabled:disabled::-webkit-slider-runnable-track{background-color:var(--color-disabled)}.\[\&\:disabled\:\:-webkit-slider-thumb\]\:bg-disabled:disabled::-webkit-slider-thumb{background-color:var(--color-disabled)}.\[\&\:has\(\+\[data-dialog-member\=description\]\)\]\:pb-0:has(+[data-dialog-member=description]){padding-bottom:0}.\[\&\:has\(\>header\)\]\:grid-rows-\[auto_minmax\(0\,1fr\)\]:has(>header){grid-template-rows:auto minmax(0,1fr)}.\[\&\:has\(\>header\)\]\:gap-\[var\(--space-region\)\]:has(>header){gap:var(--space-region)}.\[\&\:has\(\[aria-selected\]\)_tr\>\*\:first-child\]\:pl-\[var\(--table-cell-padding-inline\)\]:has([aria-selected]) tr>:first-child{padding-left:var(--table-cell-padding-inline)}.\[\&\:has\(\[data-screen-unusable\]\)\>div\]\:h-auto:has([data-screen-unusable])>div{height:auto}.\[\&\:has\(tr\[tabindex\]\)\]\:scroll-p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\]:has(tr[tabindex]){scroll-padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.\[\&\:has\(tr\[tabindex\]\)\]\:p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\]:has(tr[tabindex]){padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.\[\&\:not\(\:first-child\)\]\:mt-\[var\(--space-stack\)\]:not(:first-child){margin-top:var(--space-stack)}.\[\&\:not\(\:first-child\)\]\:border-t:not(:first-child){border-top-style:var(--tw-border-style);border-top-width:1px}.\[\&\:not\(\:first-child\)\]\:border-solid:not(:first-child){--tw-border-style:solid;border-style:solid}.\[\&\:not\(\:first-child\)\]\:border-border:not(:first-child){border-color:var(--color-border)}.\[\&\:not\(\:first-child\)\]\:pt-\[var\(--space-stack\)\]:not(:first-child){padding-top:var(--space-stack)}.\[\&\:not\(\[data-bounded\]\)\:has\(tr\[tabindex\]\)\]\:m-\[calc\(-1\*\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\)\]:not([data-bounded]):has(tr[tabindex]){margin:calc(-1 * (var(--focus-ring-width) + var(--focus-ring-offset)))}.\[\&\:user-invalid\]\:border-error:user-invalid{border-color:var(--color-error)}.\[\&\>\[data-label\]\]\:min-w-0>[data-label]{min-width:0}.\[\&\>\[data-label\]\]\:wrap-anywhere>[data-label]{overflow-wrap:anywhere}.\[\&\>\[data-marker\]\]\:flex>[data-marker]{display:flex}.\[\&\>\[data-marker\]\]\:size-\[var\(--step-marker-size\)\]>[data-marker]{width:var(--step-marker-size);height:var(--step-marker-size)}.\[\&\>\[data-marker\]\]\:shrink-0>[data-marker]{flex-shrink:0}.\[\&\>\[data-marker\]\]\:items-center>[data-marker]{align-items:center}.\[\&\>\[data-marker\]\]\:justify-center>[data-marker]{justify-content:center}.\[\&\>\[data-marker\]\]\:rounded-\[var\(--radius-control\)\]>[data-marker]{border-radius:var(--radius-control)}.\[\&\>\[data-marker\]\]\:border>[data-marker]{border-style:var(--tw-border-style);border-width:1px}.\[\&\>\[data-marker\]\]\:border-foreground>[data-marker]{border-color:var(--color-foreground)}.\[\&\>\[data-marker\]\]\:bg-surface>[data-marker]{background-color:var(--color-surface)}@media (forced-colors:active){.forced-colors\:\[\&\>\[data-marker\]\]\:border-\[CanvasText\]>[data-marker]{border-color:canvastext}.forced-colors\:\[\&\>\[data-marker\]\]\:bg-\[Canvas\]>[data-marker]{background-color:canvas}.forced-colors\:\[\&\>\[data-marker\]\]\:text-\[CanvasText\]>[data-marker]{color:canvastext}}.\[\&\>\[data-status-content\]\]\:text-small>[data-status-content]{font-size:var(--text-small)}.\[\&\>\[data-track\]\]\:box-content>[data-track]{box-sizing:content-box}.\[\&\>\[data-track\]\]\:inline-flex>[data-track]{display:inline-flex}.\[\&\>\[data-track\]\]\:w-\[calc\(2\*var\(--switch-thumb-size\)\)\]>[data-track]{width:calc(2 * var(--switch-thumb-size))}.\[\&\>\[data-track\]\]\:shrink-0>[data-track]{flex-shrink:0}.\[\&\>\[data-track\]\]\:rounded-\[var\(--radius-control\)\]>[data-track]{border-radius:var(--radius-control)}.\[\&\>\[data-track\]\]\:border>[data-track]{border-style:var(--tw-border-style);border-width:1px}.\[\&\>\[data-track\]\]\:border-solid>[data-track]{--tw-border-style:solid;border-style:solid}.\[\&\>\[data-track\]\]\:border-control-border>[data-track]{border-color:var(--color-control-border)}.\[\&\>\[data-track\]\]\:bg-surface>[data-track]{background-color:var(--color-surface)}.\[\&\>\[data-track\]\]\:p-\[var\(--switch-track-inset\)\]>[data-track]{padding:var(--switch-track-inset)}.disabled\:\[\&\>\[data-track\]\]\:border-disabled:disabled>[data-track]{border-color:var(--color-disabled)}.aria-checked\:\[\&\>\[data-track\]\]\:justify-end[aria-checked=true]>[data-track]{justify-content:flex-end}@media (forced-colors:active){.forced-colors\:\[\&\>\[data-track\]\]\:border-\[ButtonText\]>[data-track]{border-color:buttontext}.forced-colors\:\[\&\>\[data-track\]\]\:bg-\[Canvas\]>[data-track]{background-color:canvas}.forced-colors\:\[\&\>\[data-track\]\]\:\[forced-color-adjust\:none\]>[data-track]{forced-color-adjust:none}.forced-colors\:disabled\:\[\&\>\[data-track\]\]\:border-\[GrayText\]:disabled>[data-track]{border-color:graytext}}.\[\&\>\[data-track\]\:\:before\]\:block>[data-track]:before{display:block}.\[\&\>\[data-track\]\:\:before\]\:size-\[var\(--switch-thumb-size\)\]>[data-track]:before{width:var(--switch-thumb-size);height:var(--switch-thumb-size)}.\[\&\>\[data-track\]\:\:before\]\:rounded-\[var\(--radius-control\)\]>[data-track]:before{border-radius:var(--radius-control)}.\[\&\>\[data-track\]\:\:before\]\:bg-foreground>[data-track]:before{background-color:var(--color-foreground)}.\[\&\>\[data-track\]\:\:before\]\:content-\[\'\'\]>[data-track]:before{--tw-content:"";content:var(--tw-content)}.disabled\:\[\&\>\[data-track\]\:\:before\]\:bg-disabled:disabled>[data-track]:before{background-color:var(--color-disabled)}@media (forced-colors:active){.forced-colors\:\[\&\>\[data-track\]\:\:before\]\:bg-\[ButtonText\]>[data-track]:before{background-color:buttontext}.forced-colors\:disabled\:\[\&\>\[data-track\]\:\:before\]\:bg-\[GrayText\]:disabled>[data-track]:before{background-color:graytext}}.\[\&\>\[data-value-text\]\]\:text-small>[data-value-text]{font-size:var(--text-small)}.\[\&\>\[role\=radio\]\]\:w-full>[role=radio]{width:100%}.\[\&\>dd\]\:col-span-full>dd{grid-column:1/-1}.\[\&\>dd\]\:col-start-\[calc\(2-tan\(atan2\(var\(--definition-shortfall\)\,1px\)\)\)\]>dd{grid-column-start:calc(2 - tan(atan2(var(--definition-shortfall), 1px)))}.\[\&\>dd\]\:self-baseline>dd{align-self:baseline}.\[\&\>div\]\:flow-root>div{display:flow-root}.\[\&\>div\]\:h-full>div{height:100%}.\[\&\>div\]\:min-h-full>div{min-height:100%}.\[\&\>div\]\:w-fit>div{width:fit-content}.\[\&\>div\]\:min-w-full>div{min-width:100%}.\[\&\>div\]\:p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\]>div{padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.\[\&\>div\]\:py-\[var\(--space-definition-item\)\]>div{padding-block:var(--space-definition-item)}.\[\&\>div\]\:py-\[var\(--space-definition-item-compact\)\]>div{padding-block:var(--space-definition-item-compact)}@media (width>=64rem){.lg\:\[\&\>div\]\:h-full>div{height:100%}.lg\:\[\&\>div\]\:min-h-0>div{min-height:0}}.\[\&\>div\:first-child\]\:border-b>div:first-child{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&\>div\:first-child\]\:border-solid>div:first-child{--tw-border-style:solid;border-style:solid}.\[\&\>div\:first-child\]\:border-border>div:first-child{border-color:var(--color-border)}.\[\&\>div\:first-child\]\:pb-\[var\(--space-stack\)\]>div:first-child{padding-bottom:var(--space-stack)}@media (width>=64rem){.lg\:\[\&\>div\:first-child\]\:border-r>div:first-child{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:\[\&\>div\:first-child\]\:border-b-0>div:first-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.lg\:\[\&\>div\:first-child\]\:pr-\[var\(--space-stack\)\]>div:first-child{padding-right:var(--space-stack)}.lg\:\[\&\>div\:first-child\]\:pb-0>div:first-child{padding-bottom:0}}.\[\&\>div\:first-child\>nav\]\:p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\]>div:first-child>nav{padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}@media (width>=64rem){.lg\:\[\&\>div\:first-child\>nav\]\:sticky>div:first-child>nav{position:sticky}.lg\:\[\&\>div\:first-child\>nav\]\:top-0>div:first-child>nav{top:0}.lg\:\[\&\>div\:first-child\>nav\]\:max-h-\[min\(100dvh\,var\(--sidebar-scrollport-height\,100dvh\)\)\]>div:first-child>nav{max-height:min(100dvh, var(--sidebar-scrollport-height,100dvh))}.lg\:\[\&\>div\:first-child\>nav\]\:max-h-full>div:first-child>nav{max-height:100%}.lg\:\[\&\>div\:first-child\>nav\]\:scroll-p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\]>div:first-child>nav{scroll-padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.lg\:\[\&\>div\:first-child\>nav\]\:overflow-y-auto>div:first-child>nav{overflow-y:auto}}.\[\&\>div\:first-child\>nav\>ul\]\:flex>div:first-child>nav>ul{display:flex}.\[\&\>div\:first-child\>nav\>ul\]\:flex-col>div:first-child>nav>ul{flex-direction:column}.\[\&\>div\:first-child\>nav\>ul\]\:gap-\[var\(--space-stack\)\]>div:first-child>nav>ul{gap:var(--space-stack)}.\[\&\>dt\]\:col-start-1>dt{grid-column-start:1}.\[\&\>dt\]\:self-baseline>dt{align-self:baseline}.\[\&\>label\]\:font-secondary>label{font-family:var(--font-secondary)}.\[\&\>label\]\:text-body>label{font-size:var(--text-body)}.\[\&\>label\]\:font-medium>label{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&\>label\]\:text-foreground>label{color:var(--color-foreground)}.\[\&\>p\]\:font-secondary>p{font-family:var(--font-secondary)}.\[\&\>p\]\:text-small>p{font-size:var(--text-small)}.\[\&\>p\]\:text-muted>p{color:var(--color-muted)}.\[\&\>p\[data-error\]\]\:text-error>p[data-error]{color:var(--color-error)}.\[\&\>select\]\:block>select{display:block}.\[\&\>select\]\:w-full>select{width:100%}.\[\&\>select\]\:rounded-\[var\(--radius-control\)\]>select{border-radius:var(--radius-control)}.\[\&\>select\]\:border>select{border-style:var(--tw-border-style);border-width:1px}.\[\&\>select\]\:border-solid>select{--tw-border-style:solid;border-style:solid}.\[\&\>select\]\:border-control-border>select{border-color:var(--color-control-border)}.\[\&\>select\]\:bg-transparent>select{background-color:#0000}.\[\&\>select\]\:px-3>select{padding-inline:calc(var(--spacing) * 3)}.\[\&\>select\]\:py-2>select{padding-block:calc(var(--spacing) * 2)}.\[\&\>select\]\:font-control>select{font-family:var(--font-control,var(--font-primary))}.\[\&\>select\]\:text-body>select{font-size:var(--text-body)}.\[\&\>select\]\:text-foreground>select{color:var(--color-foreground)}.\[\&\>select\]\:outline-offset-\[var\(--focus-ring-offset\)\]>select{outline-offset:var(--focus-ring-offset)}.\[\&\>select\]\:outline-focus-ring>select{outline-color:var(--color-focus-ring)}.\[\&\>select\]\:transition-colors>select{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))}.\[\&\>select\]\:duration-\[var\(--motion-duration-color\)\]>select{--tw-duration:var(--motion-duration-color);transition-duration:var(--motion-duration-color)}.\[\&\>select\]\:focus-visible\:outline>select:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.\[\&\>select\]\:focus-visible\:outline-\[length\:var\(--focus-ring-width\)\]>select:focus-visible{outline-style:var(--tw-outline-style);outline-width:var(--focus-ring-width)}.\[\&\>select\]\:disabled\:cursor-not-allowed>select:disabled{cursor:not-allowed}.\[\&\>select\]\:disabled\:border-disabled>select:disabled{border-color:var(--color-disabled)}.\[\&\>select\]\:disabled\:text-muted>select:disabled{color:var(--color-muted)}.\[\&\>select\]\:aria-\[invalid\=true\]\:border-error>select[aria-invalid=true]{border-color:var(--color-error)}.\[\&\>select\:user-invalid\]\:border-error>select:user-invalid{border-color:var(--color-error)}.\[\&\>span\]\:font-secondary>span{font-family:var(--font-secondary)}.\[\&\>span\]\:text-small>span{font-size:var(--text-small)}.\[\&\>span\]\:text-muted>span{color:var(--color-muted)}.\[\&\>table\]\:w-full>table{width:100%}.\[\&\>table\]\:border-collapse>table{border-collapse:collapse}.\[\&\>table\]\:text-left>table{text-align:left}.\[\&\>table\>\*\:nth-child\(2\)\>tr\:first-child\]\:border-rule>table>:nth-child(2)>tr:first-child{border-color:var(--color-rule)}.\[\&\>table\>\*\>tr\[aria-selected\=true\]\]\:bg-selected-surface>table>*>tr[aria-selected=true]{background-color:var(--color-selected-surface)}.\[\&\>table\>\*\>tr\[aria-selected\=true\]\]\:\[--color-error\:var\(--color-selected-error\)\]>table>*>tr[aria-selected=true]{--color-error:var(--color-selected-error)}.\[\&\>table\>caption\]\:sr-only>table>caption{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\[\&\>table\>caption\]\:pb-3>table>caption{padding-bottom:calc(var(--spacing) * 3)}.\[\&\>table\>thead\]\:sticky>table>thead{position:sticky}.\[\&\>table\>thead\]\:top-0>table>thead{top:0}.\[\&\>table\>thead\]\:z-10>table>thead{z-index:10}.\[\&\>table\>thead\]\:bg-surface>table>thead,.\[\&\>table\>thead\>tr\>\*\]\:bg-surface>table>thead>tr>*{background-color:var(--color-surface)}.\[\&\[aria-selected\=true\]\>\*\:first-child\]\:relative[aria-selected=true]>:first-child{position:relative}.\[\&\[aria-selected\=true\]\>\*\:first-child\]\:before\:absolute[aria-selected=true]>:first-child:before{content:var(--tw-content);position:absolute}.\[\&\[aria-selected\=true\]\>\*\:first-child\]\:before\:inset-y-0[aria-selected=true]>:first-child:before{content:var(--tw-content);inset-block:0}.\[\&\[aria-selected\=true\]\>\*\:first-child\]\:before\:left-0[aria-selected=true]>:first-child:before{content:var(--tw-content);left:0}.\[\&\[aria-selected\=true\]\>\*\:first-child\]\:before\:border-l-\[length\:var\(--table-selection-marker-thickness\)\][aria-selected=true]>:first-child:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:var(--table-selection-marker-thickness)}.\[\&\[aria-selected\=true\]\>\*\:first-child\]\:before\:border-solid[aria-selected=true]>:first-child:before{content:var(--tw-content);--tw-border-style:solid;border-style:solid}.\[\&\[aria-selected\=true\]\>\*\:first-child\]\:before\:border-foreground[aria-selected=true]>:first-child:before{content:var(--tw-content);border-color:var(--color-foreground)}.\[\&\[data-columns\]\>table\]\:grid[data-columns]>table{display:grid}.\[\&\[data-columns\]\>table\]\:grid-cols-\[var\(--table-columns\)\][data-columns]>table{grid-template-columns:var(--table-columns)}.\[\&\[data-columns\]\>table\>\*\:not\(caption\)\]\:col-span-full[data-columns]>table>:not(caption){grid-column:1/-1}.\[\&\[data-columns\]\>table\>\*\:not\(caption\)\]\:grid[data-columns]>table>:not(caption){display:grid}.\[\&\[data-columns\]\>table\>\*\:not\(caption\)\]\:grid-cols-subgrid[data-columns]>table>:not(caption){grid-template-columns:subgrid}.\[\&\[data-columns\]\>table\>\*\>tr\]\:col-span-full[data-columns]>table>*>tr{grid-column:1/-1}.\[\&\[data-columns\]\>table\>\*\>tr\]\:grid[data-columns]>table>*>tr{display:grid}.\[\&\[data-columns\]\>table\>\*\>tr\]\:grid-cols-subgrid[data-columns]>table>*>tr{grid-template-columns:subgrid}.\[\&\[data-columns\]\>table\>\*\>tr\>td\]\:wrap-anywhere[data-columns]>table>*>tr>td,.\[\&\[data-columns\]\>table\>\*\>tr\>th\]\:wrap-anywhere[data-columns]>table>*>tr>th{overflow-wrap:anywhere}.\[\&\[data-columns\]\>table\>caption\]\:col-span-full[data-columns]>table>caption{grid-column:1/-1}.\[\&\[data-dialog-unusable\]\]\:scroll-p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\][data-dialog-unusable]{scroll-padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.\[\&\[data-dialog-unusable\]\]\:overflow-auto[data-dialog-unusable]{overflow:auto}.\[\&\[data-dialog-unusable\]\]\:\[--_scroll-released\:1\][data-dialog-unusable]{--_scroll-released:1}.\[\&\[data-dialog-unusable\]_div\:has\(\>table\)\]\:max-h-none[data-dialog-unusable] div:has(>table){max-height:none}.\[\&\[data-dialog-unusable\]_div\:has\(\>table\)\]\:overflow-visible[data-dialog-unusable] div:has(>table){overflow:visible}.\[\&\[data-dialog-unusable\]_thead\]\:static[data-dialog-unusable] thead{position:static}.\[\&\[data-dialog-unusable\]\>\*\]\:shrink-0[data-dialog-unusable]>*{flex-shrink:0}.\[\&\[data-dialog-unusable\]\>\[data-dialog-member\=content\]\]\:flex-none[data-dialog-unusable]>[data-dialog-member=content]{flex:none}.\[\&\[data-dialog-unusable\]\>\[data-dialog-member\=content\]\]\:overflow-visible[data-dialog-unusable]>[data-dialog-member=content]{overflow:visible}.\[\&\[data-dialog-unusable\]\>\[data-dialog-member\=content\]\>\*\]\:h-auto[data-dialog-unusable]>[data-dialog-member=content]>*{height:auto}.\[\&\[data-icon-actions\]\]\:m-\[calc\(-1\*\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\)\][data-icon-actions]{margin:calc(-1 * (var(--focus-ring-width) + var(--focus-ring-offset)))}.\[\&\[data-icon-actions\]\]\:scroll-p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\][data-icon-actions]{scroll-padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.\[\&\[data-icon-actions\]\]\:p-\[calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\][data-icon-actions]{padding:calc(var(--focus-ring-width) + var(--focus-ring-offset))}.\[\&\[data-icon-actions\]\>table\>\*\>tr\>\*\:first-child\]\:pl-\[max\(var\(--table-cell-padding-inline\)\,calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\)\][data-icon-actions]>table>*>tr>:first-child{padding-left:max(var(--table-cell-padding-inline), calc(var(--focus-ring-width) + var(--focus-ring-offset)))}.\[\&\[data-icon-actions\]\>table\>\*\>tr\>\*\:last-child\]\:pr-\[max\(var\(--table-cell-padding-inline\)\,calc\(var\(--focus-ring-width\)\+var\(--focus-ring-offset\)\)\)\][data-icon-actions]>table>*>tr>:last-child{padding-right:max(var(--table-cell-padding-inline), calc(var(--focus-ring-width) + var(--focus-ring-offset)))}@media not all and (width>=48rem){.\[\&\[data-notes\=content\]\:not\(\[data-columns\]\)\:not\(\[data-bounded\]\)_tbody\]\:max-md\:block[data-notes=content]:not([data-columns]):not([data-bounded]) tbody,.\[\&\[data-notes\=content\]\:not\(\[data-columns\]\)\:not\(\[data-bounded\]\)_td\]\:max-md\:block[data-notes=content]:not([data-columns]):not([data-bounded]) td,.\[\&\[data-notes\=content\]\:not\(\[data-columns\]\)\:not\(\[data-bounded\]\)_tfoot\]\:max-md\:block[data-notes=content]:not([data-columns]):not([data-bounded]) tfoot,.\[\&\[data-notes\=content\]\:not\(\[data-columns\]\)\:not\(\[data-bounded\]\)_th\]\:max-md\:block[data-notes=content]:not([data-columns]):not([data-bounded]) th,.\[\&\[data-notes\=content\]\:not\(\[data-columns\]\)\:not\(\[data-bounded\]\)_thead\]\:max-md\:block[data-notes=content]:not([data-columns]):not([data-bounded]) thead,.\[\&\[data-notes\=content\]\:not\(\[data-columns\]\)\:not\(\[data-bounded\]\)_tr\]\:max-md\:block[data-notes=content]:not([data-columns]):not([data-bounded]) tr,.\[\&\[data-notes\=content\]\:not\(\[data-columns\]\)\:not\(\[data-bounded\]\)\>table\]\:max-md\:block[data-notes=content]:not([data-columns]):not([data-bounded])>table{display:block}.\[\&\[data-notes\=supplementary\]\:not\(\[data-columns\]\)\:not\(\[data-bounded\]\)_\[data-variant\=note\]\]\:max-md\:hidden[data-notes=supplementary]:not([data-columns]):not([data-bounded]) [data-variant=note]{display:none}}@container style(--column-layout-shortfall:0px){.\[\&\>div\]\:\[\@container_style\(--column-layout-shortfall\:0px\)\]\:h-full>div{height:100%}.\[\&\>div\]\:\[\@container_style\(--column-layout-shortfall\:0px\)\]\:min-h-0>div{min-height:0}}[data-dialog-member=content]+.\[\[data-dialog-member\=content\]\+\&\]\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}[data-dialog-member=content]+.\[\[data-dialog-member\=content\]\+\&\]\:border-border{border-color:var(--color-border)}[data-dialog-member=title]+.\[\[data-dialog-member\=title\]\+\&\]\:mt-\[var\(--space-stack\)\]{margin-top:var(--space-stack)}[data-dialog-member=title]+.\[\[data-dialog-member\=title\]\+\&\]\:pt-0{padding-top:0}[data-section]+.\[\[data-section\]\+\&\]\:border-t{border-top-style:var(--tw-border-style);border-top-width:1px}[data-section]+.\[\[data-section\]\+\&\]\:border-solid{--tw-border-style:solid;border-style:solid}[data-section]+.\[\[data-section\]\+\&\]\:border-rule{border-color:var(--color-rule)}}:root{--color-surface:#fff;--color-selected-surface:#f8fafc;--color-selected-error:#cd2d7d;--color-foreground:#0f172a;--color-muted:#64748b;--color-border:#e2e8f0;--color-control-border:#64748b;--color-rule:#808fa3;--color-backing:#f1f5f9;--color-scrim:#0f172a80;--color-meter-fill:#0f172a;--color-meter-track:#e2e8f0;--color-primary:#7c3aed;--color-primary-hover:#6d28d9;--color-primary-foreground:#f8fafc;--color-secondary:#0369a1;--color-secondary-hover:#075985;--color-secondary-foreground:#f8fafc;--color-disabled:#94a3b8;--color-disabled-hover:#64748b;--color-focus-ring:#475569;--color-link:#2563eb;--color-success:#047857;--color-warning:#b45309;--color-error:#d63384;--color-error-hover:#be185d;--color-error-foreground:#fff;--color-info:#0e7490;--motion-duration-color:.15s}@media (prefers-reduced-motion:reduce){:root{--motion-duration-color:0s}}:root{--focus-ring-width:3px;--focus-ring-offset:2px;--radius-control:.5rem;--radius-dialog:.375rem;--control-min-width:10.5rem;--standing-min-width:7.5rem;--underline-offset:.18em;--underline-thickness:1px;--underline-thickness-hover:2px;--measure:66ch;--measure-letter:60ch;--measure-display:36ch;--measure-wide:72ch;--measure-action:20rem;--table-column-name:12rem;--table-column-fact:9rem;--table-column-figure:8rem;--table-column-action:12.5rem;--space-stack:.5em;--space-region:1.5em;--space-band:4em;--space-collection-item:1em;--space-definition-item:1.5rem;--space-definition-item-compact:.5rem;--space-definition-column:3rem;--definition-term-min-width:9rem;--definition-description-min-width:10rem}@property --definition-shortfall{syntax:"<length>";inherits:true;initial-value:1px}@property --column-layout-shortfall{syntax:"<length>";inherits:false;initial-value:1px}:root{--space-box-inset:1em;--callout-mark-width:.25rem;--space-callout-inset:1em;--table-cell-inset-inline:1rem;--table-cell-inset-block:.5rem;--table-cell-inset-inline-compact:.5rem;--table-cell-inset-block-compact:.25rem;--gutter:clamp(1.5rem, 5vw, 4rem);--fold-height:min(70vh, 40rem);--cover-height:100svh;--tick-length:.9rem;--tick-thickness:1px;--tab-marker-thickness:2px;--table-selection-marker-thickness:2px;--tab-inset-inline:1em;--tab-inset-block:.5em;--step-marker-size:2em;--step-inset-inline:1em;--step-inset-block:.5em;--step-connector-thickness:1px;--step-selection-thickness:2px;--slider-track-thickness:.25rem;--slider-thumb-size:1.5rem;--choice-marker-size:1.125rem;--choice-marker-dot-size:.5rem;--switch-thumb-size:1rem;--switch-track-inset:.125rem;--meter-track-thickness:.5rem;--scrim-blur:0;--elevation-floating:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
package/dist/types/Arrangement/ColumnLayout/ColumnLayout.d.ts CHANGED
@@ -4,6 +4,9 @@ declare const columnLayout: (props?: ({
4
4
  fill?: boolean | null | undefined;
5
5
  gap?: "stack" | "region" | null | undefined;
6
6
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
+ declare const columnLayoutAlternatives: (props?: ({
8
+ fill?: boolean | null | undefined;
9
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
10
  /** The name of a CSS custom property, as written in a stylesheet: `--main-column-min-width`. */
8
11
  type WidthToken = `--${string}`;
9
12
  export interface IColumnLayoutRootProps extends VariantProps<typeof columnLayout> {
@@ -31,6 +34,19 @@ export interface IColumnLayoutColumnProps {
31
34
  children?: ReactNode;
32
35
  testId?: string;
33
36
  }
37
+ export interface IColumnLayoutAlternativesProps extends VariantProps<typeof columnLayoutAlternatives> {
38
+ /** Accept the parent's allocated height and pass it to the mounted arrangement or fallback,
39
+ * which must accept it in turn (`ColumnLayout.Root fill`, `Tabs.Root fill`). */
40
+ fill?: VariantProps<typeof columnLayoutAlternatives>['fill'];
41
+ /** Mounted when none of the alternatives fits. Omitted, `undefined`, `null` or `false`, the
42
+ * last declared arrangement stays mounted instead, under its own stacking contract. */
43
+ fallback?: ReactNode;
44
+ /** The alternative arrangements in order of preference, as `ColumnLayout.Root` elements with
45
+ * at least one column each: direct children, or arrays and fragments of them. A conditional
46
+ * that renders nothing declares nothing. */
47
+ children?: ReactNode;
48
+ testId?: string;
49
+ }
34
50
  /**
35
51
  * An arrangement of weighted columns that becomes one column when the space it is given cannot
36
52
  * satisfy every column's minimum at the requested proportions. It owns the arrangement and nothing
@@ -79,6 +95,38 @@ export interface IColumnLayoutColumnProps {
79
95
  * `Root` - loose, nested in another column, or reached through a wrapping component - throws
80
96
  * {@link ColumnLayoutCompositionError}. Both are programmer errors, raised loud and early.
81
97
  *
98
+ * @Guarantees — `Alternatives`, the consumer's choice between arrangements
99
+ * - Its children are `Root`s in the consumer's order of preference. It mounts the first whose
100
+ * row would hold at its own width - the same threshold, tokens and gap that Root switches at,
101
+ * compared by the browser, with equality fitting - also when later ones fit too. Nothing is
102
+ * ranked, inferred or keyed to the viewport; two instances on a page select independently.
103
+ * - When none fits it mounts `fallback` if one was supplied, and otherwise keeps the last
104
+ * declared Root, which stacks under its own contract. Selection never floors a width, so it
105
+ * causes no horizontal overflow. With nothing declared it mounts the fallback, or nothing.
106
+ * - Selection follows the holder's width and every token the thresholds read - a re-pointed
107
+ * minimum, a space role, a font-relative unit - without a resize, and is committed before the
108
+ * next paint. Until the first measurement (a server render, the first client render) no
109
+ * arrangement is mounted. Without layout, as in jsdom, every declaration measures as fitting.
110
+ * - Only the selected arrangement is mounted: no second copy of an area, an id or a control, and
111
+ * nothing kept hidden. A change that leaves the selection alone touches no content. When the
112
+ * declarations themselves change, what is mounted stays until the new ones are measured, in
113
+ * the same update: nothing they do not select is mounted in between.
114
+ * - A holder that loses width to what is mounted in it - a scroll body whose scrollbar shows for
115
+ * one arrangement only - settles. Once the same two selections have alternated at the same two
116
+ * widths twice, no more than three frames apart, the later declaration stays and the width lost
117
+ * is held back from every declaration preferred to the mounted one until the declarations
118
+ * change: an earlier one returns once it fits with that much to spare. Otherwise nothing is
119
+ * held back, and a width that merely drops and returns is followed exactly.
120
+ * - On a selection change a column declared in both arrangements under the same React `key`
121
+ * (unkeyed: the same position) with the same element types inside stays mounted, with its
122
+ * state and focus. Everything else unmounts; content that returns mounts fresh, and no focus,
123
+ * text selection, scroll position or local state is cached or restored for it.
124
+ * - It adds no role, name, tab stop, spacing, scrolling or selection request of its own. With
125
+ * `fill` it passes its parent's allocated height to what it mounts.
126
+ * - A child that is not a `Root` - text, another element, a component wrapping a Root - or a
127
+ * Root without columns throws {@link ColumnLayoutConfigurationError}. Every declaration is
128
+ * validated, whether or not it is the one mounted.
129
+ *
82
130
  * @CallerMustEnsure — the component cannot see these and does not check them
83
131
  * - Every `minWidth` and supplied `maxWidth` token is declared, on the Root or an ancestor of it,
84
132
  * as a valid nonnegative CSS length: `24rem`, `20em`, `40ch`, `320px`. A `rem` resolves against
@@ -97,6 +145,13 @@ export interface IColumnLayoutColumnProps {
97
145
  * - `Root`'s children are `Column`s. Anything else placed beside them is rendered as given but is
98
146
  * not a column: it takes no weight, counts for no gap or threshold, and sits in the row as
99
147
  * content of its own width, which breaks the proportions. Content belongs inside a `Column`.
148
+ * - For `Alternatives`: state that must survive a removal - a draft, the active tab - is kept
149
+ * by the application and supplied to the fresh mount; Tabs inside an arrangement receive a
150
+ * valid `active` whenever they mount. An area that should stay mounted carries the same `key`
151
+ * in each arrangement. With `fill`, the Roots and the fallback accept the height themselves.
152
+ * A holder whose width answers to the mounted arrangement more than three frames after the
153
+ * mount, or differently each time, is outside the contract: that dependency is not recognised
154
+ * and can alternate.
100
155
  *
101
156
  * @UXGuidelines
102
157
  * - A minimum is the width below which the column's content stops being readable or operable -
@@ -104,9 +159,13 @@ export interface IColumnLayoutColumnProps {
104
159
  * lines - not the width the designer would like. The stack is the readable fallback.
105
160
  * - Weights are structural relationships: `2` and `1` say the table is the subject and the summary
106
161
  * its support. A ratio chosen to hit a pixel width is a measurement, and the theme owns those.
162
+ * - Alternatives are for one screen arranged differently, not for different screens: declare the
163
+ * same areas in the same reading order and let the narrower arrangement group some of them,
164
+ * in `Tabs` for instance. Which areas exist and how they group is the application's decision.
107
165
  */
108
166
  export declare const ColumnLayout: {
109
167
  readonly Root: FunctionComponent<IColumnLayoutRootProps>;
110
168
  readonly Column: FunctionComponent<IColumnLayoutColumnProps>;
169
+ readonly Alternatives: FunctionComponent<IColumnLayoutAlternativesProps>;
111
170
  };
112
171
  export {};
package/dist/types/Display/Table/Table.d.ts CHANGED
@@ -157,6 +157,10 @@ export interface ITableHeaderCellProps extends VariantProps<typeof tableHeaderCe
157
157
  * table holding an interactive row makes ring room around itself, so a focused row's ring is never
158
158
  * clipped by the scroll region. A table with neither keeps its static geometry exactly.
159
159
  *
160
+ * - In Dialog's insufficient-height fallback the enclosing Dialog releases this wrapper's
161
+ * bound and pinned header. It contributes no independent scroll region or scroll tab stop;
162
+ * content and focus stay mounted while sufficient space restores bounded scrolling.
163
+ *
160
164
  * @CallerMustEnsure — the component cannot see these and does not check them
161
165
  * - For bounded mode supply finite usable parent height, with room for the header and readable rows.
162
166
  * Compose directly inside `Pane.Body scrollOwner="child"` or `Dialog.Content scrollOwner="child"`:
package/dist/types/Interaction/Choices/Choices.d.ts CHANGED
@@ -1,6 +1,13 @@
1
+ import { type VariantProps } from 'class-variance-authority';
1
2
  import { type FunctionComponent, type ReactNode } from 'react';
2
3
  import type { Subject } from 'rxjs';
3
- export interface IChoicesRootProps {
4
+ declare const choicesGroup: (props?: ({
5
+ arrangement?: "vertical" | "wrapping" | null | undefined;
6
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
+ export interface IChoicesRootProps extends VariantProps<typeof choicesGroup> {
8
+ /** Full-width vertical rows by default; wrapping uses content-sized choices that flow onto
9
+ * further lines. Both arrangements keep declared-order keyboard movement. */
10
+ arrangement?: VariantProps<typeof choicesGroup>['arrangement'];
4
11
  /** The key of the selected choice. Must name a declared choice; the consumer owns it. */
5
12
  selected: string;
6
13
  /** Emits a choice's key when an available non-selected row is activated by pointer or arrow
@@ -8,7 +15,7 @@ export interface IChoicesRootProps {
8
15
  onSelect$: Subject<string>;
9
16
  /** The radio group's accessible name. */
10
17
  label: string;
11
- /** Present with its retained selection and every description visible, but unavailable:
18
+ /** Present with its retained selection and every supplied description visible, but unavailable:
12
19
  * semantically disabled, skipped by Tab, and deaf to pointer and keyboard input. */
13
20
  inert?: boolean;
14
21
  children: ReactNode;
@@ -20,12 +27,12 @@ export interface IChoicesChoiceProps {
20
27
  value: string;
21
28
  /** The visible name. Text only - no icons, no per-row markup. */
22
29
  children: string;
23
- /** The visible description under the name, exposed as the row's accessible description. */
24
- description: string;
30
+ /** Optional visible text under the name, exposed as the choice's accessible description. */
31
+ description?: string;
25
32
  testId?: string;
26
33
  }
27
34
  /**
28
- * A single selection from a small set of described options: vertically arranged choice rows,
35
+ * A single selection from a small set of named options with optional descriptions: choice rows,
29
36
  * exactly one selected, following the WAI-ARIA radio-group pattern. Controlled - the consumer owns
30
37
  * the selected key and every word; Choices owns the rows, the marker and the highlight. Composed
31
38
  * from two members: `Root` carries the contract, `Choice` one row.
@@ -33,7 +40,8 @@ export interface IChoicesChoiceProps {
33
40
  * @Guarantees — enforced on every render
34
41
  * - Renders `role="radiogroup"` named by `label`, with each row a `role="radio"` button carrying
35
42
  * `aria-checked`, its visible name as accessible name and its description as accessible
36
- * description; ids are minted per row, so two groups on a page cannot collide.
43
+ * description when supplied; omitted or empty descriptions render no content or association.
44
+ * Ids are minted per row, so two groups on a page cannot collide.
37
45
  * - Selection is the value of `selected`, nothing else: activating an available non-selected row
38
46
  * emits its key on `onSelect$`; the selected row, an unanswered request and every render emit
39
47
  * nothing, and no fallback selection is invented - ever.
@@ -45,7 +53,10 @@ export interface IChoicesChoiceProps {
45
53
  * - An inert group keeps the selected marker, highlight and every name and description visible,
46
54
  * mutes only the names' ink, exposes `aria-disabled` on the group with every row disabled, adds
47
55
  * no Tab stop, and emits nothing for any pointer or keyboard input.
48
- * - Names and descriptions wrap at narrow widths; a row never widens its group.
56
+ * - `arrangement="vertical"` (the default) gives every choice the group's width. `wrapping`
57
+ * sizes choices to content without sharing surplus width and flows whole choices onto further
58
+ * lines. Names, unbroken words and supplied descriptions wrap within the available group width.
59
+ * - Arrow order is declared order even across visual line breaks, never spatial row navigation.
49
60
  *
50
61
  * @CallerMustEnsure — the component cannot see these and does not check them
51
62
  * - Choice rows are direct children of `Root` (arrays and fragments are supported), each `value`
@@ -56,7 +67,7 @@ export interface IChoicesChoiceProps {
56
67
  * a consumer that ignores a request has decided the selection stays.
57
68
  *
58
69
  * @UXGuidelines
59
- * - Names are short nouns for options and descriptions one or two sentences under them; the
70
+ * - Names are short nouns for options and optional descriptions one or two sentences under them; the
60
71
  * consuming app words and translates both - the library ships no text of its own.
61
72
  * - This is not a form field: no `<label>` pairing, no validation, no submission. Wire `onSelect$`
62
73
  * to whatever owns the selected key and pass that key back in.
@@ -67,3 +78,4 @@ export declare const Choices: {
67
78
  readonly Root: FunctionComponent<IChoicesRootProps>;
68
79
  readonly Choice: FunctionComponent<IChoicesChoiceProps>;
69
80
  };
81
+ export {};
package/dist/types/Layout/Dialog/Dialog.d.ts CHANGED
@@ -70,9 +70,14 @@ export interface IDialogActionsProps {
70
70
  * - `extent="screen"` (the default) fills the viewport minus the `--gutter` inline and
71
71
  * `--space-region` block insets, header and Actions fixed, only `Content` scrolling.
72
72
  * `extent="content"` holds a fixed 32rem capped to the viewport with content-driven height;
73
- * Default `Content` scrolls as the fallback when its content exceeds available space.
73
+ * Default `Content` owns overflow while a usable viewport fits.
74
74
  * - `Content scrollOwner="child"` passes available height to one bounded child without scrolling.
75
- * A bounded Table then owns both axes and pins its header; title, description and actions stay fixed.
75
+ * A bounded Table, directly or through Pane's child-owned Body, owns both axes and pins its header;
76
+ * title, description, Pane.Foot summary and actions stay fixed while they and a complete row fit.
77
+ * - When fixed regions plus a complete row/control or text line and focus room cannot fit, the
78
+ * whole task scrolls in Dialog. Content and Table contribute no separate scroll region and the
79
+ * Table header is released. Bounds restore on resize or content changes without remounting.
80
+ * The background document is locked while presented; its prior overflow is restored on close.
76
81
  * - Regions take `--space-region` padding with `--space-stack` between Title and Description and
77
82
  * between Actions controls; hairlines separate header from `Content` and `Content` from
78
83
  * `Actions` only where both neighbours exist. The surface reads `--radius-dialog`,
@@ -81,8 +86,10 @@ export interface IDialogActionsProps {
81
86
  *
82
87
  * @CallerMustEnsure — the component cannot see these and does not check them
83
88
  * - In child-scroll mode provide one child that accepts the height allocation and owns overflow.
84
- * Intermediate wrappers must preserve that allocation. Fixed regions must fit the viewport and
85
- * leave usable room for the child; a Table needs room for its header and readable rows.
89
+ * Intermediate consumer wrappers must preserve that allocation. Pane.Root with child-owned
90
+ * Pane.Body and a fixed Pane.Foot is supported. The fallback measures the composed table and
91
+ * surrounding fixed content at their current width; arbitrary height-consuming wrappers need
92
+ * their own allocation contract.
86
93
  * - Direct children in the order `Title`, `Description`, `Content`, `Actions`, at most one of
87
94
  * each; `Actions` is present and holds at least one explicit dismissal control, wired to the
88
95
  * same dismissal and visibility transitions. Cancel-before-Confirm order puts initial focus on
package/dist/types/Layout/Dialog/useDialogAllocation.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { type RefObject } from 'react';
2
+ export declare const useDialogAllocation: (root: RefObject<HTMLDialogElement | undefined>) => boolean;
package/dist/types/Layout/Dialog/useModalScrollLock.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { type RefObject } from 'react';
2
+ export declare const useModalScrollLock: (root: RefObject<HTMLDialogElement | undefined>) => void;
package/dist/types/Layout/Pane/Pane.d.ts CHANGED
@@ -33,7 +33,8 @@ export interface IPaneBodyProps extends VariantProps<typeof paneBody> {
33
33
  * overflowing, retained while focused. It reserves the shared focus ring's room and leaves
34
34
  * native focus reveal, scrolling and child keyboard interactions intact.
35
35
  * - Body scrollOwner="child" passes its allocated height directly to its child, without an
36
- * inner wrapper, overflow, group or keyboard stop. The child owns scroll semantics and naming.
36
+ * inner wrapper, overflow, group or keyboard stop. Its flex allocation permits a bounded Table
37
+ * to shrink even in a content-height Dialog. The child owns scroll semantics and naming.
37
38
  * Use this for a bounded Table: its wrapper must own both axes so its header stays in view.
38
39
  *
39
40
  * @CallerMustEnsure
@@ -44,7 +45,9 @@ export interface IPaneBodyProps extends VariantProps<typeof paneBody> {
44
45
  * - In child mode supply one child that accepts its parent's allocated height and handles its
45
46
  * own overflow and focus ring. Intermediate wrappers must preserve that allocation.
46
47
  * - Inside Screen, fixed regions and the usable body minimum participate in whole-content
47
- * fallback and restoration. Outside Screen the parent remains responsible for that policy.
48
+ * fallback and restoration, measured against what Screen's remainder leaves below anything
49
+ * above the pane - a filling Tabs row. Dialog owns the corresponding whole-task fallback for
50
+ * a Pane with child-owned Body and bounded Table. Other parents own their fallback policy.
48
51
  * - Filled ColumnLayout columns and active Stepper panels can pass the bound to Root. Keep
49
52
  * those holders and Pane directly composed so no intermediate wrapper loses the allocation.
50
53
  */
package/dist/types/Layout/Screen/Screen.d.ts CHANGED
@@ -23,8 +23,8 @@ export interface IScreenProps {
23
23
  * - Use Shell's console body, optionally Sidebar.Root fill / Sidebar.Content, to allocate height
24
24
  * and own fallback scrolling. Every intermediate wrapper must pass that allocation through.
25
25
  * - Compose filling ColumnLayout with direct Pane children; retain Pane's Head/Body/Foot order.
26
- * Body can delegate to one bounded Table. Additional height-consuming wrappers need their own
27
- * allocation contract and are not measured as panel fixed regions by Screen.
26
+ * Body can delegate to one bounded Table. A filling Tabs row above a Pane counts against that
27
+ * Pane's room; other height-consuming wrappers need their own allocation contract.
28
28
  * - Keep the Shell bar short enough to leave a usable enclosing scrollport. This is representative
29
29
  * panel fit, not a guarantee that arbitrary content fits any particular viewport.
30
30
  */
package/dist/types/Layout/Sidebar/Sidebar.d.ts CHANGED
@@ -13,8 +13,8 @@ export interface ISidebarRootProps extends VariantProps<typeof sidebarRoot> {
13
13
  active: string;
14
14
  /** The nav landmark's accessible name. */
15
15
  label: string;
16
- /** Emits the selected entry's key when a usable inactive entry is activated. The active and inert
17
- * entries emit nothing, and neither does any render. */
16
+ /** Emits a navigation request once per non-inert entry activation, including the current entry.
17
+ * Rendering, focus and active-key changes emit nothing. The caller owns the Subject's lifetime. */
18
18
  onSelect$: Subject<string>;
19
19
  /** Direct `Sidebar.Item` children in display order, then one `Sidebar.Content`. */
20
20
  children?: ReactNode;
@@ -37,16 +37,17 @@ export interface ISidebarContentProps {
37
37
  /**
38
38
  * The standing application navigation beside the active section's content: a `nav` landmark named by
39
39
  * `label`, listing text entries as plain buttons, and a `Content` track for the section the
40
- * application shows. Selection is a request - activating a usable inactive entry emits its key through
41
- * `onSelect$` - and the application answers by rerendering with a new `active`. Composed from `Root`,
40
+ * application shows. Every non-inert activation requests that section through `onSelect$`, including
41
+ * the current section; the application decides whether to change content or `active`. Composed from `Root`,
42
42
  * `Item` and `Content`; Root assembles its direct Items into the list, in order, and places Content
43
43
  * beside them at 64rem or below them under it.
44
44
  *
45
45
  * @Guarantees — enforced on every render
46
46
  * - For valid caller input, the active entry alone carries `aria-current="true"`. Sidebar owns no
47
47
  * selection, URL, history or fallback: it renders the key it is given; a missing key marks nothing.
48
- * - Activating the active entry or an inert one emits nothing; no render emits anything. Entries are
49
- * non-submitting `type="button"` buttons with native Tab/Enter/Space behaviour - no tabs/menu model.
48
+ * - Each non-inert mouse/Enter/Space activation emits its key exactly once, including the current
49
+ * entry. This supersedes #101's current-entry silence. Inert entries, render, focus and active-key
50
+ * changes emit nothing. Entries are non-submitting native buttons, with no tabs/menu model.
50
51
  * - An inert entry stays visible but muted and disabled, so Tab skips it and activation is inert too.
51
52
  * - A label is rendered in full inside its entry, in either arrangement: a phrase wraps at its spaces
52
53
  * and a word wider than the track breaks within itself. Nothing is truncated, renamed or hidden
@@ -72,6 +73,8 @@ export interface ISidebarContentProps {
72
73
  * and an Item rendered outside a Root has no selection to derive its treatment from.
73
74
  * - Focus after the content changes belongs to the application; Sidebar leaves it on the activated
74
75
  * entry.
76
+ * - Navigation requests carry no routing, history, draft disposal, payment or content state policy.
77
+ * Ordinary content may ignore a current-section request; subordinate content may return through it.
75
78
  *
76
79
  * @UXGuidelines
77
80
  * - Entries are section labels: short, parallel, text-only. A destination that is a URL belongs to
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@juwel-development/design-system",
3
- "version": "4.1.0",
3
+ "version": "4.2.0",
4
4
  "type": "module",
5
5
  "description": "Shared design system: tokens and components.",
6
6
  "license": "MIT",