@ufoui/core 0.0.5 → 0.0.40

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 (80) hide show
  1. package/assets/icons.d.ts +8 -2
  2. package/components/accordion/accordion.d.ts +31 -3
  3. package/components/accordion/accordionItem.d.ts +31 -3
  4. package/components/badge/badge.d.ts +2 -2
  5. package/components/base/boxBase.d.ts +14 -36
  6. package/components/base/buttonBase.d.ts +4 -4
  7. package/components/base/checkboxBase.d.ts +2 -2
  8. package/components/base/dialogBase.d.ts +111 -13
  9. package/components/base/fieldBase.d.ts +1 -2
  10. package/components/base/textBase.d.ts +1 -2
  11. package/components/breadcrumbs/breadcrumbs.d.ts +48 -0
  12. package/components/calendar/calendar.d.ts +23 -0
  13. package/components/calendar/calendarUtils.d.ts +18 -0
  14. package/components/card/card.d.ts +2 -2
  15. package/components/collapse/collapse.d.ts +15 -20
  16. package/components/dialogs/dialog.d.ts +1 -1
  17. package/components/dialogs/dialogActions.d.ts +19 -7
  18. package/components/dialogs/dialogActions.guards.d.ts +15 -0
  19. package/components/dialogs/dialogContent.d.ts +7 -1
  20. package/components/dialogs/dialogHeader.d.ts +60 -0
  21. package/components/dialogs/dialogTitle.d.ts +9 -5
  22. package/components/dialogs/drawer.d.ts +1 -1
  23. package/components/dialogs/index.d.ts +1 -0
  24. package/components/fieldset/fieldset.d.ts +1 -1
  25. package/components/link/link.d.ts +58 -0
  26. package/components/list/list.d.ts +1 -1
  27. package/components/menu/menu.d.ts +2 -2
  28. package/components/rating/rating.d.ts +68 -0
  29. package/components/slider/slider.d.ts +11 -0
  30. package/components/switch/switch.d.ts +2 -10
  31. package/components/themeProvider/themeProvider.d.ts +10 -15
  32. package/components/toast/toast.d.ts +18 -4
  33. package/components/toast/toastViewport.d.ts +4 -3
  34. package/components/tooltip/tooltip.d.ts +2 -2
  35. package/context/selectionContext.d.ts +18 -17
  36. package/hooks/index.d.ts +3 -1
  37. package/hooks/useAnimate.d.ts +36 -16
  38. package/hooks/useFocusTrap.d.ts +32 -0
  39. package/hooks/useFocusVisible.d.ts +16 -14
  40. package/hooks/useResizeObserver.d.ts +7 -3
  41. package/hooks/useRovingFocus.d.ts +30 -0
  42. package/hooks/useSelection.d.ts +10 -7
  43. package/hooks/useSelectionState.d.ts +29 -0
  44. package/hooks/useSliderKeys.d.ts +41 -0
  45. package/index.css +1 -1
  46. package/index.d.ts +4 -8
  47. package/index.js +4782 -0
  48. package/internal/controlGrid/controlGrid.d.ts +32 -0
  49. package/internal/controlLabel/controlLabel.d.ts +31 -0
  50. package/internal/description/description.d.ts +18 -0
  51. package/internal/icon/icon.d.ts +28 -0
  52. package/internal/index.d.ts +7 -0
  53. package/internal/inlineTooltip/index.d.ts +1 -0
  54. package/internal/inlineTooltip/inlineTooltipManager.d.ts +3 -3
  55. package/internal/slots/slot.d.ts +44 -0
  56. package/internal/stateLayer/stateLayer.d.ts +33 -0
  57. package/package.json +12 -3
  58. package/types/dialog.d.ts +37 -0
  59. package/types/index.d.ts +1 -0
  60. package/types/motion.d.ts +2 -2
  61. package/types/theme.d.ts +0 -30
  62. package/utils/applyThemeTokens.d.ts +10 -0
  63. package/utils/calculateFloatingPosition.d.ts +3 -3
  64. package/utils/color.d.ts +61 -216
  65. package/utils/colorRegistry.d.ts +44 -0
  66. package/utils/controlStyle.d.ts +8 -8
  67. package/utils/flatChildren.d.ts +17 -0
  68. package/utils/generateMaterialColors.d.ts +7 -7
  69. package/utils/getWrapperStyle.d.ts +53 -0
  70. package/utils/index.d.ts +5 -1
  71. package/utils/renderPortal.d.ts +30 -0
  72. package/utils/toasts/ensureViewport.d.ts +6 -1
  73. package/utils/toasts/toast.d.ts +66 -10
  74. package/utils/toasts/toastStore.d.ts +55 -1
  75. package/utils/utils.d.ts +67 -55
  76. package/hooks/useFocusState.d.ts +0 -16
  77. package/index.mjs +0 -4649
  78. package/internal/inlineTooltip/inlineTooltip.d.ts +0 -11
  79. package/internal/inlineTooltip/inlineTooltip2.d.ts +0 -10
  80. package/utils/generateSchemes.d.ts +0 -32
@@ -0,0 +1,32 @@
1
+ import { RefObject } from 'react';
2
+ /**
3
+ * Options for the useFocusTrap hook.
4
+ *
5
+ * @category Hooks
6
+ */
7
+ export interface UseFocusTrapOptions {
8
+ /** Root element used as focus boundary. */
9
+ ref: RefObject<HTMLElement | null>;
10
+ /** Enables or disables the focus trap. */
11
+ enabled?: boolean;
12
+ /** Moves focus inside on mount when not already inside. */
13
+ autoFocus?: boolean;
14
+ }
15
+ /**
16
+ * Focus trap for modal containers.
17
+ *
18
+ * Keeps keyboard focus inside the given element.
19
+ * Handles Tab loop and restores focus on unmount.
20
+ * Also redirects focus back when returning from outside the document.
21
+ *
22
+ * Behavior:
23
+ * - traps Tab navigation within the root element
24
+ * - moves focus to element with data-autofocus or first focusable on mount
25
+ * - restores previous focus on cleanup
26
+ *
27
+ * @function
28
+ * @param options
29
+ *
30
+ * @category Hooks
31
+ */
32
+ export declare const useFocusTrap: ({ ref, enabled, autoFocus }: UseFocusTrapOptions) => void;
@@ -1,20 +1,22 @@
1
+ import { FocusEventHandler } from 'react';
1
2
  /**
2
- * Determines whether focus indicators (focus rings) should be visible.
3
+ * Tracks focus state and determines whether focus indicators
4
+ * should be visibly rendered.
3
5
  *
4
- * Returns `true` when the user is navigating with the keyboard and `false`
5
- * for pointer-based interactions (mouse, touch, pen).
6
+ * Automatically merges external focus handlers.
6
7
  *
7
- * Internally tracks global interaction modality and mirrors the behavior
8
- * of the `:focus-visible` specification.
9
- *
10
- * @returns `true` if focus should be visibly rendered
11
- *
12
- * @example
13
- * const focusVisible = useFocusVisible();
14
- *
15
- * @example
16
- * <button className={focusVisible ? 'uui-focus-visible' : undefined} />
8
+ * @function useFocusVisible
9
+ * @param onFocus External onFocus handler
10
+ * @param onBlur External onBlur handler
11
+ * @returns Object containing focus flags and merged handlers
17
12
  *
18
13
  * @category Hooks
19
14
  */
20
- export declare function useFocusVisible(): boolean;
15
+ export declare function useFocusVisible(onFocus?: FocusEventHandler<HTMLElement>, onBlur?: FocusEventHandler<HTMLElement>): {
16
+ focusVisible: boolean;
17
+ isFocused: boolean;
18
+ focusHandlers: {
19
+ onFocus: FocusEventHandler<HTMLElement>;
20
+ onBlur: FocusEventHandler<HTMLElement>;
21
+ };
22
+ };
@@ -1,6 +1,6 @@
1
1
  import { RefObject } from 'react';
2
2
  /**
3
- * Size information reported by ResizeObserver.
3
+ * Size information reported by ResizeObserver (CSS pixels).
4
4
  *
5
5
  * @category Hooks
6
6
  */
@@ -12,7 +12,10 @@ export interface ObservedElementSize {
12
12
  }
13
13
  /**
14
14
  * Observes a single DOM element using ResizeObserver
15
- * and invokes a callback when its content box size changes.
15
+ * and invokes a callback when its size changes.
16
+ *
17
+ * Uses the content box by default, or the border box when `borderBox` is true
18
+ * (includes padding and border; excludes margin).
16
19
  *
17
20
  * Does not trigger component re-render.
18
21
  *
@@ -20,7 +23,8 @@ export interface ObservedElementSize {
20
23
  * @param ref Reference to the observed HTMLElement.
21
24
  * @param onResize Called when size changes.
22
25
  * @param enabled Enables or disables observation. Default: true.
26
+ * @param borderBox When true, report border box size; when false, content box. Default: false.
23
27
  *
24
28
  * @category Hooks
25
29
  */
26
- export declare function useResizeObserver<T extends HTMLElement>(ref: RefObject<T>, onResize: (size: ObservedElementSize) => void, enabled?: boolean): void;
30
+ export declare function useResizeObserver<T extends HTMLElement>(ref: RefObject<T>, onResize: (size: ObservedElementSize) => void, enabled?: boolean, borderBox?: boolean): void;
@@ -0,0 +1,30 @@
1
+ import { default as React } from 'react';
2
+ /**
3
+ * Defines the directional axis used for roving focus navigation.
4
+ *
5
+ * @category Hooks
6
+ */
7
+ export type RovingOrientation = 'vertical' | 'horizontal';
8
+ /**
9
+ * Provides roving focus keyboard navigation for a group of elements.
10
+ *
11
+ * Enables Arrow, Home, and End key navigation across registered items
12
+ * using vertical or horizontal orientation.
13
+ *
14
+ * @param orientation Navigation direction. Default: 'vertical'.
15
+ * @param loop Whether focus should wrap around. Default: true.
16
+ *
17
+ * @returns Object containing register, unregister, and onKeyDown handlers.
18
+ *
19
+ * @example
20
+ * const roving = useRovingFocus('vertical');
21
+ *
22
+ * <button ref={roving.register} onKeyDown={roving.onKeyDown} />
23
+ *
24
+ * @category Hooks
25
+ */
26
+ export declare function useRovingFocus(orientation?: RovingOrientation, loop?: boolean): {
27
+ register: (el: HTMLElement | null) => void;
28
+ unregister: (el: HTMLElement | null) => void;
29
+ onKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
30
+ };
@@ -1,13 +1,16 @@
1
- import { SelectionContextValue } from '../context/selectionContext';
1
+ import { SelectionContextValue } from '../context';
2
2
  /**
3
- * Hook to access the current selection context.
3
+ * Provides typed access to SelectionContext including selection state,
4
+ * optional configuration, and roving focus controller.
4
5
  *
5
- * Must be used within a component that provides SelectionContext.
6
- * If used outside, it will throw an error.
6
+ * @typeParam T Optional configuration object type provided by the parent.
7
7
  *
8
- * @throws Error if the context is unavailable.
9
- * @returns The current SelectionContextValue.
8
+ * @returns The current selection context value.
9
+ *
10
+ * @example
11
+ * const { values, toggle, config, roving } =
12
+ * useSelection<MyConfig>();
10
13
  *
11
14
  * @category Hooks
12
15
  */
13
- export declare function useSelection(): SelectionContextValue;
16
+ export declare function useSelection<T = unknown>(): SelectionContextValue<T>;
@@ -0,0 +1,29 @@
1
+ /**
2
+ * Hook that provides shared selection state logic for components
3
+ * such as Accordion, Tabs or List.
4
+ *
5
+ * Manages selected values, exposes selection helpers and optionally
6
+ * enables roving focus for keyboard navigation.
7
+ *
8
+ * @function
9
+ *
10
+ * @param type Selection type controlling whether one or multiple values can be active.
11
+ * @param orientation Orientation used by roving focus navigation.
12
+ *
13
+ * @returns Object containing selection state, helper functions and roving focus controller.
14
+ *
15
+ * @category Hooks
16
+ */
17
+ export declare function useSelectionState(type: 'single' | 'multiple', orientation?: 'vertical' | 'horizontal'): {
18
+ values: string[];
19
+ toggle: (value: string) => void;
20
+ set: (value: string) => void;
21
+ clear: () => void;
22
+ roving: {
23
+ register: (el: HTMLElement | null) => void;
24
+ unregister: (el: HTMLElement | null) => void;
25
+ onKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
26
+ };
27
+ type: "single" | "multiple";
28
+ orientation: "vertical" | "horizontal";
29
+ };
@@ -0,0 +1,41 @@
1
+ import { default as React } from 'react';
2
+ /**
3
+ * Configuration for slider keyboard navigation.
4
+ *
5
+ * @category Hooks
6
+ */
7
+ export interface UseSliderKeysOptions {
8
+ /** Current value. */
9
+ value: number;
10
+ /** Minimum value. */
11
+ min: number;
12
+ /** Maximum value. */
13
+ max: number;
14
+ /** Step applied by arrow keys. */
15
+ step: number;
16
+ /** Disables interaction. */
17
+ disabled?: boolean;
18
+ /** Prevents value changes. */
19
+ readOnly?: boolean;
20
+ /** Called when value changes. */
21
+ onChange: (value: number) => void;
22
+ }
23
+ /**
24
+ * Provides keyboard navigation for slider-like controls.
25
+ *
26
+ * Supports Arrow, Home and End keys to change the value.
27
+ *
28
+ * @param options Slider keyboard configuration.
29
+ *
30
+ * @returns Object containing onKeyDown handler.
31
+ *
32
+ * @example
33
+ * const keys = useSliderKeys({ value, min: 0, max: 5, step: 0.5, onChange });
34
+ *
35
+ * <div role="slider" onKeyDown={keys.onKeyDown} />
36
+ *
37
+ * @category Hooks
38
+ */
39
+ export declare function useSliderKeys({ value, min, max, step, disabled, readOnly, onChange }: UseSliderKeysOptions): {
40
+ onKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
41
+ };
package/index.css CHANGED
@@ -1 +1 @@
1
- *{box-sizing:border-box;margin:0;padding:0}button{all:unset}button,[role=button]{cursor:pointer}.uui-bg-primary{background-color:var(--uui-color-primary)}.uui-text-primary{color:var(--uui-color-primary)}.uui-border-primary{outline-color:var(--uui-color-primary)}.uui-bg-secondary{background-color:var(--uui-color-secondary)}.uui-text-secondary{color:var(--uui-color-secondary)}.uui-border-secondary{outline-color:var(--uui-color-secondary)}.uui-bg-tertiary{background-color:var(--uui-color-tertiary)}.uui-text-tertiary{color:var(--uui-color-tertiary)}.uui-border-tertiary{outline-color:var(--uui-color-tertiary)}.uui-bg-error{background-color:var(--uui-color-error)}.uui-text-error{color:var(--uui-color-error)}.uui-border-error{outline-color:var(--uui-color-error)}.uui-bg-on-primary{background-color:var(--uui-color-on-primary)}.uui-text-on-primary{color:var(--uui-color-on-primary)}.uui-border-on-primary{outline-color:var(--uui-color-on-primary)}.uui-bg-primary-container{background-color:var(--uui-color-primary-container)}.uui-text-primary-container{color:var(--uui-color-primary-container)}.uui-border-primary-container{outline-color:var(--uui-color-primary-container)}.uui-bg-on-primary-container{background-color:var(--uui-color-on-primary-container)}.uui-text-on-primary-container{color:var(--uui-color-on-primary-container)}.uui-border-on-primary-container{outline-color:var(--uui-color-on-primary-container)}.uui-bg-on-secondary{background-color:var(--uui-color-on-secondary)}.uui-text-on-secondary{color:var(--uui-color-on-secondary)}.uui-border-on-secondary{outline-color:var(--uui-color-on-secondary)}.uui-bg-secondary-container{background-color:var(--uui-color-secondary-container)}.uui-text-secondary-container{color:var(--uui-color-secondary-container)}.uui-border-secondary-container{outline-color:var(--uui-color-secondary-container)}.uui-bg-on-secondary-container{background-color:var(--uui-color-on-secondary-container)}.uui-text-on-secondary-container{color:var(--uui-color-on-secondary-container)}.uui-border-on-secondary-container{outline-color:var(--uui-color-on-secondary-container)}.uui-bg-on-tertiary{background-color:var(--uui-color-on-tertiary)}.uui-text-on-tertiary{color:var(--uui-color-on-tertiary)}.uui-border-on-tertiary{outline-color:var(--uui-color-on-tertiary)}.uui-bg-tertiary-container{background-color:var(--uui-color-tertiary-container)}.uui-text-tertiary-container{color:var(--uui-color-tertiary-container)}.uui-border-tertiary-container{outline-color:var(--uui-color-tertiary-container)}.uui-bg-on-tertiary-container{background-color:var(--uui-color-on-tertiary-container)}.uui-text-on-tertiary-container{color:var(--uui-color-on-tertiary-container)}.uui-border-on-tertiary-container{outline-color:var(--uui-color-on-tertiary-container)}.uui-bg-on-error{background-color:var(--uui-color-on-error)}.uui-text-on-error{color:var(--uui-color-on-error)}.uui-border-on-error{outline-color:var(--uui-color-on-error)}.uui-bg-error-container{background-color:var(--uui-color-error-container)}.uui-text-error-container{color:var(--uui-color-error-container)}.uui-border-error-container{outline-color:var(--uui-color-error-container)}.uui-bg-on-error-container{background-color:var(--uui-color-on-error-container)}.uui-text-on-error-container{color:var(--uui-color-on-error-container)}.uui-border-on-error-container{outline-color:var(--uui-color-on-error-container)}.uui-bg-outline{background-color:var(--uui-color-outline)}.uui-text-outline{color:var(--uui-color-outline)}.uui-border-outline{outline-color:var(--uui-color-outline)}.uui-bg-outline-variant{background-color:var(--uui-color-outline-variant)}.uui-text-outline-variant{color:var(--uui-color-outline-variant)}.uui-border-outline-variant{outline-color:var(--uui-color-outline-variant)}.uui-bg-surface{background-color:var(--uui-color-surface)}.uui-text-surface{color:var(--uui-color-surface)}.uui-border-surface{outline-color:var(--uui-color-surface)}.uui-bg-on-surface{background-color:var(--uui-color-on-surface)}.uui-text-on-surface{color:var(--uui-color-on-surface)}.uui-border-on-surface{outline-color:var(--uui-color-on-surface)}.uui-bg-surface-variant{background-color:var(--uui-color-surface-variant)}.uui-text-surface-variant{color:var(--uui-color-surface-variant)}.uui-border-surface-variant{outline-color:var(--uui-color-surface-variant)}.uui-bg-on-surface-variant{background-color:var(--uui-color-on-surface-variant)}.uui-text-on-surface-variant{color:var(--uui-color-on-surface-variant)}.uui-border-on-surface-variant{outline-color:var(--uui-color-on-surface-variant)}.uui-bg-background{background-color:var(--uui-color-background)}.uui-text-background{color:var(--uui-color-background)}.uui-border-background{outline-color:var(--uui-color-background)}.uui-bg-on-background{background-color:var(--uui-color-on-background)}.uui-text-on-background{color:var(--uui-color-on-background)}.uui-border-on-background{outline-color:var(--uui-color-on-background)}.uui-bg-inverse-surface{background-color:var(--uui-color-inverse-surface)}.uui-text-inverse-surface{color:var(--uui-color-inverse-surface)}.uui-border-inverse-surface{outline-color:var(--uui-color-inverse-surface)}.uui-bg-inverse-on-surface{background-color:var(--uui-color-inverse-on-surface)}.uui-text-inverse-on-surface{color:var(--uui-color-inverse-on-surface)}.uui-border-inverse-on-surface{outline-color:var(--uui-color-inverse-on-surface)}.uui-bg-inverse-primary{background-color:var(--uui-color-inverse-primary)}.uui-text-inverse-primary{color:var(--uui-color-inverse-primary)}.uui-border-inverse-primary{outline-color:var(--uui-color-inverse-primary)}.uui-bg-shadow{background-color:var(--uui-color-shadow)}.uui-text-shadow{color:var(--uui-color-shadow)}.uui-border-shadow{outline-color:var(--uui-color-shadow)}.uui-bg-scrim{background-color:var(--uui-color-scrim)}.uui-text-scrim{color:var(--uui-color-scrim)}.uui-border-scrim{outline-color:var(--uui-color-scrim)}.uui-bg-info{background-color:var(--uui-color-info)}.uui-text-info{color:var(--uui-color-info)}.uui-border-info{outline-color:var(--uui-color-info)}.uui-bg-on-info{background-color:var(--uui-color-on-info)}.uui-text-on-info{color:var(--uui-color-on-info)}.uui-border-on-info{outline-color:var(--uui-color-on-info)}.uui-bg-info-container{background-color:var(--uui-color-info-container)}.uui-text-info-container{color:var(--uui-color-info-container)}.uui-border-info-container{outline-color:var(--uui-color-info-container)}.uui-bg-on-info-container{background-color:var(--uui-color-on-info-container)}.uui-text-on-info-container{color:var(--uui-color-on-info-container)}.uui-border-on-info-container{outline-color:var(--uui-color-on-info-container)}.uui-bg-warning{background-color:var(--uui-color-warning)}.uui-text-warning{color:var(--uui-color-warning)}.uui-border-warning{outline-color:var(--uui-color-warning)}.uui-bg-on-warning{background-color:var(--uui-color-on-warning)}.uui-text-on-warning{color:var(--uui-color-on-warning)}.uui-border-on-warning{outline-color:var(--uui-color-on-warning)}.uui-bg-warning-container{background-color:var(--uui-color-warning-container)}.uui-text-warning-container{color:var(--uui-color-warning-container)}.uui-border-warning-container{outline-color:var(--uui-color-warning-container)}.uui-bg-on-warning-container{background-color:var(--uui-color-on-warning-container)}.uui-text-on-warning-container{color:var(--uui-color-on-warning-container)}.uui-border-on-warning-container{outline-color:var(--uui-color-on-warning-container)}.uui-bg-success{background-color:var(--uui-color-success)}.uui-text-success{color:var(--uui-color-success)}.uui-border-success{outline-color:var(--uui-color-success)}.uui-bg-on-success{background-color:var(--uui-color-on-success)}.uui-text-on-success{color:var(--uui-color-on-success)}.uui-border-on-success{outline-color:var(--uui-color-on-success)}.uui-bg-success-container{background-color:var(--uui-color-success-container)}.uui-text-success-container{color:var(--uui-color-success-container)}.uui-border-success-container{outline-color:var(--uui-color-success-container)}.uui-bg-on-success-container{background-color:var(--uui-color-on-success-container)}.uui-text-on-success-container{color:var(--uui-color-on-success-container)}.uui-border-on-success-container{outline-color:var(--uui-color-on-success-container)}.uui-bg-primary-fixed{background-color:var(--uui-color-primary-fixed)}.uui-text-primary-fixed{color:var(--uui-color-primary-fixed)}.uui-border-primary-fixed{outline-color:var(--uui-color-primary-fixed)}.uui-bg-primary-fixed-dim{background-color:var(--uui-color-primary-fixed-dim)}.uui-text-primary-fixed-dim{color:var(--uui-color-primary-fixed-dim)}.uui-border-primary-fixed-dim{outline-color:var(--uui-color-primary-fixed-dim)}.uui-bg-on-primary-fixed{background-color:var(--uui-color-on-primary-fixed)}.uui-text-on-primary-fixed{color:var(--uui-color-on-primary-fixed)}.uui-border-on-primary-fixed{outline-color:var(--uui-color-on-primary-fixed)}.uui-bg-on-primary-fixed-variant{background-color:var(--uui-color-on-primary-fixed-variant)}.uui-text-on-primary-fixed-variant{color:var(--uui-color-on-primary-fixed-variant)}.uui-border-on-primary-fixed-variant{outline-color:var(--uui-color-on-primary-fixed-variant)}.uui-bg-secondary-fixed{background-color:var(--uui-color-secondary-fixed)}.uui-text-secondary-fixed{color:var(--uui-color-secondary-fixed)}.uui-border-secondary-fixed{outline-color:var(--uui-color-secondary-fixed)}.uui-bg-secondary-fixed-dim{background-color:var(--uui-color-secondary-fixed-dim)}.uui-text-secondary-fixed-dim{color:var(--uui-color-secondary-fixed-dim)}.uui-border-secondary-fixed-dim{outline-color:var(--uui-color-secondary-fixed-dim)}.uui-bg-on-secondary-fixed{background-color:var(--uui-color-on-secondary-fixed)}.uui-text-on-secondary-fixed{color:var(--uui-color-on-secondary-fixed)}.uui-border-on-secondary-fixed{outline-color:var(--uui-color-on-secondary-fixed)}.uui-bg-on-secondary-fixed-variant{background-color:var(--uui-color-on-secondary-fixed-variant)}.uui-text-on-secondary-fixed-variant{color:var(--uui-color-on-secondary-fixed-variant)}.uui-border-on-secondary-fixed-variant{outline-color:var(--uui-color-on-secondary-fixed-variant)}.uui-bg-tertiary-fixed{background-color:var(--uui-color-tertiary-fixed)}.uui-text-tertiary-fixed{color:var(--uui-color-tertiary-fixed)}.uui-border-tertiary-fixed{outline-color:var(--uui-color-tertiary-fixed)}.uui-bg-tertiary-fixed-dim{background-color:var(--uui-color-tertiary-fixed-dim)}.uui-text-tertiary-fixed-dim{color:var(--uui-color-tertiary-fixed-dim)}.uui-border-tertiary-fixed-dim{outline-color:var(--uui-color-tertiary-fixed-dim)}.uui-bg-on-tertiary-fixed{background-color:var(--uui-color-on-tertiary-fixed)}.uui-text-on-tertiary-fixed{color:var(--uui-color-on-tertiary-fixed)}.uui-border-on-tertiary-fixed{outline-color:var(--uui-color-on-tertiary-fixed)}.uui-bg-on-tertiary-fixed-variant{background-color:var(--uui-color-on-tertiary-fixed-variant)}.uui-text-on-tertiary-fixed-variant{color:var(--uui-color-on-tertiary-fixed-variant)}.uui-border-on-tertiary-fixed-variant{outline-color:var(--uui-color-on-tertiary-fixed-variant)}.uui-bg-error-fixed{background-color:var(--uui-color-error-fixed)}.uui-text-error-fixed{color:var(--uui-color-error-fixed)}.uui-border-error-fixed{outline-color:var(--uui-color-error-fixed)}.uui-bg-error-fixed-dim{background-color:var(--uui-color-error-fixed-dim)}.uui-text-error-fixed-dim{color:var(--uui-color-error-fixed-dim)}.uui-border-error-fixed-dim{outline-color:var(--uui-color-error-fixed-dim)}.uui-bg-on-error-fixed{background-color:var(--uui-color-on-error-fixed)}.uui-text-on-error-fixed{color:var(--uui-color-on-error-fixed)}.uui-border-on-error-fixed{outline-color:var(--uui-color-on-error-fixed)}.uui-bg-on-error-fixed-variant{background-color:var(--uui-color-on-error-fixed-variant)}.uui-text-on-error-fixed-variant{color:var(--uui-color-on-error-fixed-variant)}.uui-border-on-error-fixed-variant{outline-color:var(--uui-color-on-error-fixed-variant)}.uui-bg-info-fixed{background-color:var(--uui-color-info-fixed)}.uui-text-info-fixed{color:var(--uui-color-info-fixed)}.uui-border-info-fixed{outline-color:var(--uui-color-info-fixed)}.uui-bg-info-fixed-dim{background-color:var(--uui-color-info-fixed-dim)}.uui-text-info-fixed-dim{color:var(--uui-color-info-fixed-dim)}.uui-border-info-fixed-dim{outline-color:var(--uui-color-info-fixed-dim)}.uui-bg-on-info-fixed{background-color:var(--uui-color-on-info-fixed)}.uui-text-on-info-fixed{color:var(--uui-color-on-info-fixed)}.uui-border-on-info-fixed{outline-color:var(--uui-color-on-info-fixed)}.uui-bg-on-info-fixed-variant{background-color:var(--uui-color-on-info-fixed-variant)}.uui-text-on-info-fixed-variant{color:var(--uui-color-on-info-fixed-variant)}.uui-border-on-info-fixed-variant{outline-color:var(--uui-color-on-info-fixed-variant)}.uui-bg-warning-fixed{background-color:var(--uui-color-warning-fixed)}.uui-text-warning-fixed{color:var(--uui-color-warning-fixed)}.uui-border-warning-fixed{outline-color:var(--uui-color-warning-fixed)}.uui-bg-warning-fixed-dim{background-color:var(--uui-color-warning-fixed-dim)}.uui-text-warning-fixed-dim{color:var(--uui-color-warning-fixed-dim)}.uui-border-warning-fixed-dim{outline-color:var(--uui-color-warning-fixed-dim)}.uui-bg-on-warning-fixed{background-color:var(--uui-color-on-warning-fixed)}.uui-text-on-warning-fixed{color:var(--uui-color-on-warning-fixed)}.uui-border-on-warning-fixed{outline-color:var(--uui-color-on-warning-fixed)}.uui-bg-on-warning-fixed-variant{background-color:var(--uui-color-on-warning-fixed-variant)}.uui-text-on-warning-fixed-variant{color:var(--uui-color-on-warning-fixed-variant)}.uui-border-on-warning-fixed-variant{outline-color:var(--uui-color-on-warning-fixed-variant)}.uui-bg-success-fixed{background-color:var(--uui-color-success-fixed)}.uui-text-success-fixed{color:var(--uui-color-success-fixed)}.uui-border-success-fixed{outline-color:var(--uui-color-success-fixed)}.uui-bg-success-fixed-dim{background-color:var(--uui-color-success-fixed-dim)}.uui-text-success-fixed-dim{color:var(--uui-color-success-fixed-dim)}.uui-border-success-fixed-dim{outline-color:var(--uui-color-success-fixed-dim)}.uui-bg-on-success-fixed{background-color:var(--uui-color-on-success-fixed)}.uui-text-on-success-fixed{color:var(--uui-color-on-success-fixed)}.uui-border-on-success-fixed{outline-color:var(--uui-color-on-success-fixed)}.uui-bg-on-success-fixed-variant{background-color:var(--uui-color-on-success-fixed-variant)}.uui-text-on-success-fixed-variant{color:var(--uui-color-on-success-fixed-variant)}.uui-border-on-success-fixed-variant{outline-color:var(--uui-color-on-success-fixed-variant)}.uui-bg-surface-dim{background-color:var(--uui-color-surface-dim)}.uui-text-surface-dim{color:var(--uui-color-surface-dim)}.uui-border-surface-dim{outline-color:var(--uui-color-surface-dim)}.uui-bg-surface-bright{background-color:var(--uui-color-surface-bright)}.uui-text-surface-bright{color:var(--uui-color-surface-bright)}.uui-border-surface-bright{outline-color:var(--uui-color-surface-bright)}.uui-bg-surface-container-lowest{background-color:var(--uui-color-surface-container-lowest)}.uui-text-surface-container-lowest{color:var(--uui-color-surface-container-lowest)}.uui-border-surface-container-lowest{outline-color:var(--uui-color-surface-container-lowest)}.uui-bg-surface-container-low{background-color:var(--uui-color-surface-container-low)}.uui-text-surface-container-low{color:var(--uui-color-surface-container-low)}.uui-border-surface-container-low{outline-color:var(--uui-color-surface-container-low)}.uui-bg-surface-container{background-color:var(--uui-color-surface-container)}.uui-text-surface-container{color:var(--uui-color-surface-container)}.uui-border-surface-container{outline-color:var(--uui-color-surface-container)}.uui-bg-surface-container-high{background-color:var(--uui-color-surface-container-high)}.uui-text-surface-container-high{color:var(--uui-color-surface-container-high)}.uui-border-surface-container-high{outline-color:var(--uui-color-surface-container-high)}.uui-bg-surface-container-highest{background-color:var(--uui-color-surface-container-highest)}.uui-text-surface-container-highest{color:var(--uui-color-surface-container-highest)}.uui-border-surface-container-highest{outline-color:var(--uui-color-surface-container-highest)}.uui-bg-surface-tint{background-color:var(--uui-color-surface-tint)}.uui-text-surface-tint{color:var(--uui-color-surface-tint)}.uui-border-surface-tint{outline-color:var(--uui-color-surface-tint)}.uui-bg-white{background-color:var(--uui-color-white)}.uui-text-white{color:var(--uui-color-white)}.uui-border-white{outline-color:var(--uui-color-white)}.uui-bg-black{background-color:var(--uui-color-black)}.uui-text-black{color:var(--uui-color-black)}.uui-border-black{outline-color:var(--uui-color-black)}.uui-bg-on-white{background-color:var(--uui-color-on-white)}.uui-text-on-white{color:var(--uui-color-on-white)}.uui-border-on-white{outline-color:var(--uui-color-on-white)}.uui-bg-on-black{background-color:var(--uui-color-on-black)}.uui-text-on-black{color:var(--uui-color-on-black)}.uui-border-on-black{outline-color:var(--uui-color-on-black)}:root{--uui-control-color: var(--uui-color-on-surface);--uui-control-bg-color: transparent;--uui-control-border-color: var(--uui-color-outline-variant)}.uui-bg-color{background-color:var(--uui-control-bg-color)}.uui-color{color:var(--uui-control-color)}.uui-border-color{border-color:var(--uui-control-border-color)}.uui-outline-color{outline-color:var(--uui-control-border-color)}.uui-full{width:100%}.uui-grow{flex-grow:1}.uui-overflow-hidden{overflow:hidden}.uui-required{margin-left:.25em}:root{--uui-elevation-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--uui-elevation-2: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);--uui-elevation-3: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);--uui-elevation-4: 0 2px 3px rgba(0, 0, 0, .3), 0 6px 10px 4px rgba(0, 0, 0, .15);--uui-elevation-5: 0 4px 4px rgba(0, 0, 0, .3), 0 8px 12px 6px rgba(0, 0, 0, .15)}.dark{--uui-elevation-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--uui-elevation-2: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);--uui-elevation-3: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);--uui-elevation-4: 0 2px 3px rgba(0, 0, 0, .3), 0 6px 10px 4px rgba(0, 0, 0, .15);--uui-elevation-5: 0 4px 4px rgba(0, 0, 0, .3), 0 8px 12px 6px rgba(0, 0, 0, .15)}[class*=uui-elevation-]{transition:box-shadow .15s cubic-bezier(.2,0,0,1)}.uui-elevation-0{box-shadow:none}.uui-elevation-1{box-shadow:var(--uui-elevation-1)}.uui-elevation-2{box-shadow:var(--uui-elevation-2)}.uui-elevation-3{box-shadow:var(--uui-elevation-3)}.uui-elevation-4{box-shadow:var(--uui-elevation-4)}.uui-elevation-5{box-shadow:var(--uui-elevation-5)}.uui-hover-elevate.uui-elevation-0:hover{box-shadow:var(--uui-elevation-1)}.uui-hover-elevate.uui-elevation-1:hover{box-shadow:var(--uui-elevation-2)}.uui-hover-elevate.uui-elevation-2:hover{box-shadow:var(--uui-elevation-3)}.uui-hover-elevate.uui-elevation-3:hover{box-shadow:var(--uui-elevation-4)}.uui-hover-elevate.uui-elevation-4:hover{box-shadow:var(--uui-elevation-5)}.uui-pressed-elevate.uui-elevation-1:active{box-shadow:none}.uui-pressed-elevate.uui-elevation-2:active{box-shadow:var(--uui-elevation-1)}.uui-pressed-elevate.uui-elevation-3:active{box-shadow:var(--uui-elevation-2)}.uui-pressed-elevate.uui-elevation-4:active{box-shadow:var(--uui-elevation-3)}.uui-pressed-elevate.uui-elevation-5:active{box-shadow:var(--uui-elevation-4)}.uui-hover-elevate.uui-pressed-elevate.uui-elevation-0:hover:active{box-shadow:none}.uui-hover-elevate.uui-pressed-elevate.uui-elevation-1:hover:active{box-shadow:var(--uui-elevation-1)}.uui-hover-elevate.uui-pressed-elevate.uui-elevation-2:hover:active{box-shadow:var(--uui-elevation-2)}.uui-hover-elevate.uui-pressed-elevate.uui-elevation-3:hover:active{box-shadow:var(--uui-elevation-3)}.uui-hover-elevate.uui-pressed-elevate.uui-elevation-4:hover:active{box-shadow:var(--uui-elevation-4)}.uui-hover-elevate.uui-pressed-elevate.uui-elevation-5:hover:active{box-shadow:var(--uui-elevation-5)}.uui-control{position:relative}.uui-input:focus{outline:none}.uui-outline-1{outline-style:solid;outline-width:1.15px;outline-offset:-1.15px}.uui-outline-2{outline-style:solid;outline-width:2px;outline-offset:-2px}.uui-outline-3{outline-style:solid;outline-width:3px;outline-offset:-3px}.uui-outline-4{outline-style:solid;outline-width:4px;outline-offset:-4px}.uui-outline-0{outline:none}.uui-border-0{position:relative}.uui-border-0:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-width:0;border-style:solid;border-radius:inherit;pointer-events:none}.uui-border-1{position:relative}.uui-border-1:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-width:1px;border-style:solid;border-radius:inherit;pointer-events:none;border-color:inherit}.uui-border-2{position:relative}.uui-border-2:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-width:2px;border-style:solid;border-radius:inherit;pointer-events:none;border-color:inherit}.uui-border-3{position:relative}.uui-border-3:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-width:3px;border-style:solid;border-radius:inherit;pointer-events:none;border-color:inherit}.uui-border-4{position:relative}.uui-border-4:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-width:4px;border-style:solid;border-radius:inherit;pointer-events:none;border-color:inherit}.uui-absolute{position:absolute}.uui-relative{position:relative}.uui-fixed{position:fixed}.uui-sticky{position:sticky}.uui-static{position:static}.uui-top-left{justify-content:start;align-items:start}.uui-top-center{justify-content:center;align-items:start}.uui-top-right{justify-content:end;align-items:start}.uui-center-left{justify-content:start;align-items:center}.uui-center{justify-content:center;align-items:center}.uui-center-right{justify-content:end;align-items:center}.uui-bottom-left{justify-content:start;align-items:end}.uui-bottom-center{justify-content:center;align-items:end}.uui-bottom-right{justify-content:end;align-items:end}.uui-px-1{padding-left:.25rem;padding-right:.25rem}.uui-px-2{padding-left:.5rem;padding-right:.5rem}.uui-px-2-5{padding-left:.625rem;padding-right:.625rem}.uui-px-3{padding-left:.75rem;padding-right:.75rem}.uui-px-3-5{padding-left:.875rem;padding-right:.875rem}.uui-px-4{padding-left:1rem;padding-right:1rem}.uui-px-5{padding-left:1.25rem;padding-right:1.25rem}.uui-px-6{padding-left:1.5rem;padding-right:1.5rem}.uui-px-7{padding-left:1.75rem;padding-right:1.75rem}.uui-px-8{padding-left:2rem;padding-right:2rem}.uui-py-1{padding-top:.25rem;padding-bottom:.25rem}.uui-py-2{padding-top:.5rem;padding-bottom:.5rem}.uui-py-2-5{padding-top:.625rem;padding-bottom:.625rem}.uui-py-3{padding-top:.75rem;padding-bottom:.75rem}.uui-py-3-5{padding-top:.875rem;padding-bottom:.875rem}.uui-py-4{padding-top:1rem;padding-bottom:1rem}.uui-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.uui-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.uui-py-7{padding-top:1.75rem;padding-bottom:1.75rem}.uui-py-8{padding-top:2rem;padding-bottom:2rem}.uui-card-wrapper,.uui-flex{display:flex}.uui-flex-inline{display:inline-flex}.uui-flex-row{flex-direction:row}.uui-flex-col{flex-direction:column}.uui-grid{display:grid}.uui-grid-inline{display:inline-grid}.uui-grid-flow-row{grid-auto-flow:row}.uui-grid-flow-col{grid-auto-flow:column}.uui-block{display:block}.uui-block-inline{display:inline-block}.uui-inline{display:inline}.uui-hidden{display:none}:root{--uui-corner-extra-small: 4px;--uui-corner-small: 8px;--uui-corner-medium: 12px;--uui-corner-large: 16px;--uui-corner-extra-large: 28px;--uui-corner-full: 9999px;--uui-corner-none: 0;--uui-corner-smooth: var(--uui-corner-small);--uui-corner-rounded: var(--uui-corner-medium)}.uui-corner-none,.uui-square{border-radius:var(--uui-corner-none)}.uui-corner-extra-small{border-radius:var(--uui-corner-extra-small)}.uui-corner-small{border-radius:var(--uui-corner-small)}.uui-corner-medium{border-radius:var(--uui-corner-medium)}.uui-corner-large{border-radius:var(--uui-corner-large)}.uui-corner-extra-large{border-radius:var(--uui-corner-extra-large)}.uui-corner-full,.uui-round{border-radius:var(--uui-corner-full)}.uui-smooth{border-radius:var(--uui-corner-smooth)}.uui-rounded{border-radius:var(--uui-corner-rounded)}:root{--uui-font-display-large-size: 3.5625rem;--uui-font-display-large-line: 4rem;--uui-font-display-large-weight: 400;--uui-font-display-large-track: -.015625rem;--uui-font-display-medium-size: 2.8125rem;--uui-font-display-medium-line: 3.25rem;--uui-font-display-medium-weight: 400;--uui-font-display-medium-track: 0;--uui-font-display-small-size: 2.25rem;--uui-font-display-small-line: 2.75rem;--uui-font-display-small-weight: 400;--uui-font-display-small-track: 0;--uui-font-headline-large-size: 2rem;--uui-font-headline-large-line: 2.625rem;--uui-font-headline-large-weight: 400;--uui-font-headline-large-track: 0;--uui-font-headline-medium-size: 1.75rem;--uui-font-headline-medium-line: 2.25rem;--uui-font-headline-medium-weight: 400;--uui-font-headline-medium-track: 0;--uui-font-headline-small-size: 1.5rem;--uui-font-headline-small-line: 2rem;--uui-font-headline-small-weight: 400;--uui-font-headline-small-track: 0;--uui-font-title-large-size: 1.375rem;--uui-font-title-large-line: 1.75rem;--uui-font-title-large-weight: 400;--uui-font-title-large-track: 0;--uui-font-title-medium-size: 1rem;--uui-font-title-medium-line: 1.5rem;--uui-font-title-medium-weight: 500;--uui-font-title-medium-track: .0075rem;--uui-font-title-small-size: .875rem;--uui-font-title-small-line: 1.25rem;--uui-font-title-small-weight: 500;--uui-font-title-small-track: .00625rem;--uui-font-label-large-size: .875rem;--uui-font-label-large-line: 1.25rem;--uui-font-label-large-weight: 500;--uui-font-label-large-track: .00625rem;--uui-font-label-medium-size: .75rem;--uui-font-label-medium-line: 1.25rem;--uui-font-label-medium-weight: 500;--uui-font-label-medium-track: .03125rem;--uui-font-label-small-size: .6875rem;--uui-font-label-small-line: 1.25rem;--uui-font-label-small-weight: 500;--uui-font-label-small-track: .03125rem;--uui-font-body-large-size: 1rem;--uui-font-body-large-line: 1.5rem;--uui-font-body-large-weight: 400;--uui-font-body-large-track: .009375rem;--uui-font-body-medium-size: .875rem;--uui-font-body-medium-line: 1.25rem;--uui-font-body-medium-weight: 400;--uui-font-body-medium-track: .015625rem;--uui-font-body-small-size: .75rem;--uui-font-body-small-line: 1rem;--uui-font-body-small-weight: 400;--uui-font-body-small-track: .025rem;--uui-font-caption-size: .75rem;--uui-font-caption-line: 1rem;--uui-font-caption-weight: 400;--uui-font-caption-track: .025rem;--uui-font-overline-size: .625rem;--uui-font-overline-line: 1rem;--uui-font-overline-weight: 400;--uui-font-overline-track: .09375rem}.uui-font-display-large{font-style:normal;font-weight:var(--uui-font-display-large-weight);font-size:var(--uui-font-display-large-size);line-height:var(--uui-font-display-large-line);letter-spacing:var(--uui-font-display-large-track)}.uui-font-display-medium{font-style:normal;font-weight:var(--uui-font-display-medium-weight);font-size:var(--uui-font-display-medium-size);line-height:var(--uui-font-display-medium-line);letter-spacing:var(--uui-font-display-medium-track)}.uui-font-display-small{font-style:normal;font-weight:var(--uui-font-display-small-weight);font-size:var(--uui-font-display-small-size);line-height:var(--uui-font-display-small-line);letter-spacing:var(--uui-font-display-small-track)}.uui-font-headline-large{font-style:normal;font-weight:var(--uui-font-headline-large-weight);font-size:var(--uui-font-headline-large-size);line-height:var(--uui-font-headline-large-line);letter-spacing:var(--uui-font-headline-large-track)}.uui-font-headline-medium{font-style:normal;font-weight:var(--uui-font-headline-medium-weight);font-size:var(--uui-font-headline-medium-size);line-height:var(--uui-font-headline-medium-line);letter-spacing:var(--uui-font-headline-medium-track)}.uui-font-headline-small{font-style:normal;font-weight:var(--uui-font-headline-small-weight);font-size:var(--uui-font-headline-small-size);line-height:var(--uui-font-headline-small-line);letter-spacing:var(--uui-font-headline-small-track)}.uui-font-title-large{font-style:normal;font-weight:var(--uui-font-title-large-weight);font-size:var(--uui-font-title-large-size);line-height:var(--uui-font-title-large-line);letter-spacing:var(--uui-font-title-large-track)}.uui-font-title-medium{font-style:normal;font-weight:var(--uui-font-title-medium-weight);font-size:var(--uui-font-title-medium-size);line-height:var(--uui-font-title-medium-line);letter-spacing:var(--uui-font-title-medium-track)}.uui-font-title-small{font-style:normal;font-weight:var(--uui-font-title-small-weight);font-size:var(--uui-font-title-small-size);line-height:var(--uui-font-title-small-line);letter-spacing:var(--uui-font-title-small-track)}.uui-font-label-large{font-style:normal;font-weight:var(--uui-font-label-large-weight);font-size:var(--uui-font-label-large-size);line-height:var(--uui-font-label-large-line);letter-spacing:var(--uui-font-label-large-track)}.uui-font-label-medium{font-style:normal;font-weight:var(--uui-font-label-medium-weight);font-size:var(--uui-font-label-medium-size);line-height:var(--uui-font-label-medium-line);letter-spacing:var(--uui-font-label-medium-track)}.uui-font-label-small{font-style:normal;font-weight:var(--uui-font-label-small-weight);font-size:var(--uui-font-label-small-size);line-height:var(--uui-font-label-small-line);letter-spacing:var(--uui-font-label-small-track)}.uui-font-body-large{font-style:normal;font-weight:var(--uui-font-body-large-weight);font-size:var(--uui-font-body-large-size);line-height:var(--uui-font-body-large-line);letter-spacing:var(--uui-font-body-large-track)}.uui-font-body-medium{font-style:normal;font-weight:var(--uui-font-body-medium-weight);font-size:var(--uui-font-body-medium-size);line-height:var(--uui-font-body-medium-line);letter-spacing:var(--uui-font-body-medium-track)}.uui-font-body-small{font-style:normal;font-weight:var(--uui-font-body-small-weight);font-size:var(--uui-font-body-small-size);line-height:var(--uui-font-body-small-line);letter-spacing:var(--uui-font-body-small-track)}.uui-font-caption{font-style:normal;font-weight:var(--uui-font-caption-weight);font-size:var(--uui-font-caption-size);line-height:var(--uui-font-caption-line);letter-spacing:var(--uui-font-caption-track)}.uui-font-overline{font-style:normal;font-weight:var(--uui-font-overline-weight);font-size:var(--uui-font-overline-size);line-height:var(--uui-font-overline-line);letter-spacing:var(--uui-font-overline-track);text-transform:uppercase}:root{--uui-icon-size: 1.5rem}.uui-icon{display:flex}.uui-icon svg,.uui-icon img{width:var(--uui-icon-size);height:var(--uui-icon-size)}:root{--uui-hover-opacity: .08;--uui-focus-opacity: .1;--uui-pressed-opacity: .12;--uui-dragged-opacity: .16;--uui-selected-opacity: .24;--uui-disabled-opacity: .38;--uui-subtle-opacity: .3;--uui-medium-opacity: .6;--uui-opacity-transition: opacity .15s cubic-bezier(.2, 0, 0, 1)}.uui-bb.uui-wrapper{max-height:-moz-max-content;max-height:max-content;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}.uui-compact>.uui-bb,.uui-bb.uui-wrapper.uui-compact{min-width:40px;min-height:40px}.uui-dense>.uui-bb,.uui-bb.uui-wrapper.uui-dense{min-width:32px;min-height:32px}.uui-bb .uui-btn-control{position:relative;outline:none;box-sizing:border-box}.uui-btn-content{display:flex;align-items:center;justify-content:center;-moz-column-gap:var(--uui-col-space, 8px);column-gap:var(--uui-col-space, 8px)}.uui-bb .uui-state{pointer-events:none;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;transition:var(--uui-opacity-transition);z-index:1}.uui-btn-control.uui-focus-overlay:focus-visible .uui-state{opacity:var(--uui-focus-opacity)}.uui-btn-control.uui-hover-overlay:hover .uui-state{opacity:var(--uui-hover-opacity)}.uui-btn-control.uui-pressed-overlay:active .uui-state{opacity:var(--uui-pressed-opacity)}.uui-btn-control.uui-selected.uui-selected-overlay .uui-state{opacity:var(--uui-selected-opacity)}.uui-bb .uui-btn-control:disabled{color:var(--uui-color-on-surface)!important;background-color:transparent!important;box-shadow:none!important}.uui-bb .uui-btn-control:disabled .uui-btn-content{opacity:var(--uui-disabled-opacity)}.uui-bb .uui-btn-control:disabled:after{opacity:var(--uui-disabled-opacity);border-color:var(--uui-color-outline-variant)}.uui-bb .uui-btn-control:disabled .uui-state{background-color:var(--uui-color-on-surface)!important;opacity:.1!important}.uui-bb .uui-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.uui-button .uui-extra-large{padding-left:4rem;padding-right:4rem;height:8.5rem;--uui-icon-size: 2.5rem;--uui-col-space: 1rem;--uui-corner-rounded: 28px;--uui-corner-smooth: 16px}.uui-button .uui-large{padding-left:3rem;padding-right:3rem;height:6rem;--uui-icon-size: 2rem;--uui-col-space: .75rem;--uui-corner-rounded: 28px;--uui-corner-smooth: 16px}.uui-button .uui-medium{padding-left:1.5rem;padding-right:1.5rem;height:3.5rem;--uui-icon-size: 1.5rem;--uui-col-space: .5rem;--uui-corner-rounded: 16px;--uui-corner-smooth: 12px}.uui-button .uui-small{padding-left:1rem;padding-right:1rem;height:2.5rem;--uui-icon-size: 1.25rem;--uui-col-space: .5rem;--uui-corner-rounded: 12px;--uui-corner-smooth: 8px}.uui-button .uui-extra-small{padding-left:.75rem;padding-right:.75rem;height:2rem;--uui-icon-size: 1.25rem;--uui-col-space: .5rem;--uui-corner-rounded: 12px;--uui-corner-smooth: 8px}.uui-icon-button .uui-extra-large{height:8.5rem;width:8.5rem;--uui-icon-size: 2.5rem;--uui-corner-rounded: 28px;--uui-corner-smooth: 16px}.uui-icon-button .uui-large{height:6rem;width:6rem;--uui-icon-size: 2rem;--uui-corner-rounded: 28px;--uui-corner-smooth: 16px}.uui-icon-button .uui-medium{height:3.5rem;width:3.5rem;--uui-icon-size: 1.5rem;--uui-corner-rounded: 16px;--uui-corner-smooth: 12px}.uui-icon-button .uui-small{height:2.5rem;width:2.5rem;--uui-icon-size: 1.5rem;--uui-corner-rounded: 12px;--uui-corner-smooth: 8px}.uui-icon-button .uui-extra-small{height:2rem;width:2rem;--uui-icon-size: 1.25rem;--uui-corner-rounded: 12px;--uui-corner-smooth: 8px}.uui-fab .uui-extra-large{height:8.5rem;width:8.5rem;--uui-icon-size: 2.5rem;--uui-col-space: 1rem;--uui-corner-rounded: 28px;--uui-corner-smooth: 16px;--uui-content-padding: 2.5rem}.uui-fab .uui-large{height:6rem;width:6rem;--uui-icon-size: 2.25rem;--uui-col-space: 1rem;--uui-corner-rounded: 28px;--uui-corner-smooth: 16px;--uui-content-padding: 1.75rem}.uui-fab .uui-medium{height:5rem;width:5rem;--uui-icon-size: 1.75rem;--uui-col-space: .75rem;--uui-corner-rounded: 20px;--uui-corner-smooth: 16px;--uui-content-padding: 1.625rem}.uui-fab .uui-small{height:3.5rem;width:3.5rem;--uui-icon-size: 1.5rem;--uui-col-space: .5rem;--uui-corner-rounded: 16px;--uui-corner-smooth: 12px;--uui-content-padding: 1rem}.uui-fab .uui-extra-small{height:2.5rem;width:2.5rem;--uui-icon-size: 1.25rem;--uui-col-space: .5rem;--uui-corner-rounded: 12px;--uui-corner-smooth: 8px;--uui-content-padding: 1rem}.uui-fab.uui-fab-extended button{width:auto;padding-left:var(--uui-content-padding);padding-right:var(--uui-content-padding)}.uui-chip .uui-extra-large{padding-left:3.5rem;padding-right:3.5rem;height:6rem;--uui-icon-size: 2rem;--uui-col-space: .75rem;--uui-corner-rounded: 28px;--uui-corner-smooth: 16px}.uui-chip .uui-large{padding-left:2rem;padding-right:2rem;height:3.5rem;--uui-icon-size: 1.5rem;--uui-col-space: .5rem;--uui-corner-rounded: 16px;--uui-corner-smooth: 12px}.uui-chip .uui-medium{padding-left:1.25rem;padding-right:1.25rem;height:2.5rem;--uui-icon-size: 1.25rem;--uui-col-space: .5rem;--uui-corner-rounded: 12px;--uui-corner-smooth: 8px}.uui-chip .uui-small{padding-left:1rem;padding-right:1rem;height:2rem;--uui-icon-size: 1.25rem;--uui-col-space: .5rem;--uui-corner-rounded: 12px;--uui-corner-smooth: 8px}.uui-chip .uui-extra-small{padding-left:.875rem;padding-right:.875rem;height:1.75rem;--uui-icon-size: 1.25rem;--uui-col-space: .5rem;--uui-corner-rounded: 12px;--uui-corner-smooth: 8px}.uui-badge{width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;position:relative}.uui-badge-slot{--uui-badge-offset: 0;display:flex;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.uui-badge-control{--uui-corner-rounded: 8px;--uui-corner-smooth: 4px;--uui-corner-round: var(--uui-corner-full);display:flex;align-items:center;justify-content:center;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content}.uui-badge-control.uui-extra-small,.uui-badge-control.uui-small{--uui-badge-offset: 10px;width:6px;height:6px}.uui-badge-slot .uui-badge-control{margin:var(--uui-badge-offset)}.uui-badge-control.uui-medium{height:16px;min-width:16px;padding:4px}.uui-badge-control.uui-extra-large,.uui-badge-control.uui-large{--uui-badge-offset: -8px;min-width:24px;height:24px;padding:6px}.uui-cb{--uui-cb-col-gap: 19px;--uui-corner-round: var(--uui-corner-full);--uui-corner-smooth: 2px;--uui-corner-rounded: 4px;--uui-icon-size: 1.5rem;--uui-glyph-size: 18px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;-moz-column-gap:var(--uui-cb-col-gap);column-gap:var(--uui-cb-col-gap);--uui-input-width: 100%}.uui-cb.uui-extra-small{--uui-cb-col-gap: 15px}.uui-cb.uui-small{--uui-cb-col-gap: 18px}.uui-cb.uui-medium{--uui-cb-col-gap: 15px}.uui-cb.uui-large{--uui-cb-col-gap: 17px}.uui-cb-control-wrapper{position:relative;display:grid;place-items:center;min-height:48px}.uui-cb.uui-compact .uui-cb-control-wrapper{min-height:40px}.uui-cb.uui-dense .uui-cb-control-wrapper{min-height:32px}.uui-cb-control{position:relative;display:flex;align-items:center;justify-content:center}.uui-cb-control input.uui-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;height:100%;width:var(--uui-input-width);border-radius:inherit;cursor:pointer}.uui-cb-control .uui-state{opacity:0;transition:var(--uui-opacity-transition);pointer-events:none;position:absolute;height:100%;width:var(--uui-input-width);border-radius:inherit;z-index:1}.uui-cb-control.uui-pressed-overlay:active .uui-state{opacity:var(--uui-pressed-opacity)}.uui-cb-control.uui-hover-overlay:not(:active) input:hover+.uui-state{opacity:var(--uui-hover-opacity)}.uui-cb-control.uui-focus-overlay .uui-state{opacity:var(--uui-focus-opacity)}.uui-cb-control.uui-checked.uui-selected-overlay .uui-state{opacity:var(--uui-selected-opacity)}.uui-cb-glyph{width:var(--uui-glyph-size);height:var(--uui-glyph-size);display:grid;place-items:center;pointer-events:none;overflow:hidden;position:relative}.uui-cb-content{display:flex;align-items:center;justify-content:center;pointer-events:none;-moz-column-gap:var(--uui-col-space, 8px);column-gap:var(--uui-col-space, 8px)}.uui-cb-label{white-space:pre-line;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}fieldset[disabled] .uui-cb,.uui-cb.uui-disabled{pointer-events:none}.uui-disabled .uui-cb-label,.uui-disabled .uui-support-text,fieldset[disabled] .uui-cb-label,fieldset[disabled] .uui-support-text{color:var(--uui-color-on-surface)!important;opacity:var(--uui-disabled-opacity)}.uui-disabled .uui-cb-content,.uui-disabled .uui-cb-glyph,fieldset[disabled] .uui-cb-content,fieldset[disabled] .uui-cb-glyph{border-color:var(--uui-color-on-surface)!important;opacity:var(--uui-disabled-opacity)}.uui-disabled .uui-cb-control.uui-filled.uui-indeterminate .uui-cb-glyph,.uui-disabled .uui-cb-control.uui-filled.uui-checked .uui-cb-glyph,fieldset[disabled] .uui-cb-control.uui-filled.uui-indeterminate .uui-cb-glyph,fieldset[disabled] .uui-cb-control.uui-filled.uui-checked .uui-cb-glyph{background-color:var(--uui-color-on-surface)!important;color:var(--uui-color-surface)!important}.uui-disabled .uui-cb-control.uui-filled .uui-cb-glyph,fieldset[disabled] .uui-cb-control.uui-filled .uui-cb-glyph{color:var(--uui-color-on-surface)!important}.uui-disabled .uui-cb-control.uui-filled.uui-checked .uui-cb-glyph .uui-icon,fieldset[disabled] .uui-cb-control.uui-filled.uui-checked .uui-cb-glyph .uui-icon{color:var(--uui-color-surface)!important}.uui-disabled .uui-cb-control:not(.uui-filled) .uui-cb-glyph .uui-icon,fieldset[disabled] .uui-cb-control:not(.uui-filled) .uui-cb-glyph .uui-icon{color:var(--uui-color-on-surface)!important}.uui-field-wrapper{--uui-field-padding-l: 16px;--uui-field-padding-r: 16px;--uui-field-padding-y: 4px;--uui-slot-size: 48px;display:flex;flex-direction:column}.uui-field-control{--uui-corner-round: var(--uui-corner-full);--uui-corner-smooth: 2px;--uui-corner-rounded: 4px;display:flex;align-items:center;position:relative;padding:var(--uui-field-padding-y) var(--uui-field-padding-r) var(--uui-field-padding-y) var(--uui-field-padding-l);cursor:text}.uui-field-control.uui-has-leading{padding-left:0}.uui-field-control.uui-has-trailing{padding-right:0}.uui-field.uui-filled .uui-field-control{background-color:var(--uui-color-surface-container-highest);border-bottom-left-radius:0;border-bottom-right-radius:0}.uui-field-control .uui-leading,.uui-field-control .uui-trailing{display:inline-flex;align-items:center}.uui-field-control .uui-slot{width:var(--uui-slot-size);height:var(--uui-slot-size);display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px}.uui-field-control .uui-slot svg{width:var(--uui-icon-size);height:var(--uui-icon-size)}.uui-field-input-wrapper{display:flex;flex-direction:column;justify-content:center;position:relative;padding:var(--uui-field-padding-y) 0;min-height:48px;flex:1 1 0}.uui-field-float-label{position:absolute;top:50%;pointer-events:none;transform:translateY(-50%) translate(0);transition:transform .15s cubic-bezier(.2,0,0,1),top .15s cubic-bezier(.2,0,0,1),font-size .15s cubic-bezier(.2,0,0,1);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.uui-filled .uui-fb-label-up .uui-field-float-label{top:var(--uui-field-padding-y);transform:translateY(0)}.uui-outlined .uui-fb-label-up .uui-field-float-label{top:calc(var(--uui-field-padding-y) * -1);transform:translate(var(--uui-label-up-x)) translateY(-50%)}.uui-field-state{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none}.uui-field-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;outline:0;width:100%}.uui-field-input:-webkit-autofill{box-shadow:0 0 0 1000px var(--uui-color-surface) inset!important;-webkit-text-fill-color:var(--uui-color-on-surface)!important}.uui-field .uui-support-text{padding:4px var(--uui-field-padding-l)}.uui-field-fieldset{border:1px solid var(--uui-color-outline);position:absolute;width:100%;bottom:0;left:0;top:0}.uui-field-fieldset>legend{line-height:0;margin-left:10px;opacity:0;max-width:0;padding:0;overflow:hidden}.uui-outlined .uui-fb-label-up .uui-field-fieldset>legend{max-width:100%;padding:0 4px}:root{--uui-switch-aspect: 1.625}.uui-switch{--uui-switch-duration: .2s;--uui-cb-col-gap: 18px;--uui-corner-round: var(--uui-corner-full);--uui-corner-smooth: 4px;--uui-corner-rounded: 8px;--uui-icon-size: 1.5rem;--uui-active-thumb-scale: 1;max-height:-moz-max-content;max-height:max-content;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;-moz-column-gap:var(--uui-cb-col-gap);column-gap:var(--uui-cb-col-gap)}.uui-switch-control{--uui-switch-transition: transform var(--uui-switch-duration) cubic-bezier(.2, 0, .4, 1);--uui-track-size: calc(var(--uui-control-height) * var(--uui-switch-aspect));--uui-thumb-size: calc(var(--uui-control-height) * .75);--uui-track-padding: max( 0px, calc((var(--uui-control-height) - var(--uui-thumb-size)) * .5) );--uui-thumb-x: calc( var(--uui-track-size) - var(--uui-thumb-size) - var(--uui-track-padding) );--uui-glyph-size: calc(var(--uui-control-height) * .5);--uui-state-size: calc(var(--uui-control-height) + 8px);--uui-icon-size: calc(var(--uui-control-height) * .5);--uui-thumb-scale: 1.65;--uui-rounded-thumb: 4px;position:relative;display:block;height:var(--uui-control-height);width:var(--uui-track-size)}.uui-switch-control-wrapper{position:relative;display:grid;place-items:center;min-height:48px}.uui-switch.uui-compact .uui-switch-control-wrapper{min-height:40px}.uui-switch.uui-dense .uui-switch-control-wrapper{min-height:32px}.uui-switch-control.uui-checked,.uui-switch-control.uui-symmetric-thumb{--uui-glyph-size: var(--uui-thumb-size);--uui-thumb-scale: 1.167;--uui-rounded-thumb: 6px}.uui-switch-track{position:absolute;pointer-events:none;top:0;bottom:0;width:100%;margin-top:auto;margin-bottom:auto;height:var(--uui-control-height)}.uui-switch-thumb{--uui-corner-rounded: var(--uui-rounded-thumb);--uui-corner-smooth: 2px;position:absolute;pointer-events:none;width:var(--uui-thumb-size);height:var(--uui-thumb-size);display:grid;place-items:center;transform:translate(var(--uui-track-padding));transition:var(--uui-switch-transition);top:0;bottom:0;margin-top:auto;margin-bottom:auto}.uui-switch-control.uui-checked .uui-switch-thumb{transform:translate(var(--uui-thumb-x))}.uui-switch-glyph{width:var(--uui-glyph-size);height:var(--uui-glyph-size);display:grid;place-items:center;border-radius:inherit;transform:scale(var(--uui-active-thumb-scale));will-change:transform;transition:transform .15s cubic-bezier(.2,0,.4,1)}.uui-switch.uui-extra-small{--uui-control-height: 24px}.uui-switch.uui-small{--uui-control-height: 32px}.uui-switch.uui-medium{--uui-control-height: 40px}.uui-switch.uui-large{--uui-control-height: 48px}.uui-switch.uui-extra-large{--uui-control-height: 64px}.uui-switch-control input.uui-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;height:100%;width:100%;border-radius:inherit;cursor:pointer}.uui-switch-control .uui-state{opacity:0;transition:var(--uui-opacity-transition);pointer-events:none;position:absolute;height:var(--uui-state-size);width:var(--uui-state-size);z-index:1}.uui-switch-control.uui-pressed-overlay:active .uui-state{opacity:var(--uui-pressed-opacity)}.uui-switch-control.uui-hover-overlay:not(:active) input:hover~.uui-switch-thumb .uui-state,.uui-switch-control.uui-hover-overlay:not(:active) input:hover~.uui-switch-content .uui-state{opacity:var(--uui-hover-opacity)}.uui-switch-control.uui-focus-overlay .uui-state{opacity:var(--uui-focus-opacity)}.uui-switch-control.uui-checked.uui-selected-overlay .uui-state{opacity:var(--uui-selected-opacity)}.uui-switch-control.uui-pressed-scale:active{--uui-active-thumb-scale: var(--uui-thumb-scale)}.uui-switch-content{display:flex;align-items:center;justify-content:center;pointer-events:none;-moz-column-gap:var(--uui-col-space, 8px);column-gap:var(--uui-col-space, 8px);--uui-state-size: 100%}.uui-switch-label{white-space:pre-line;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}fieldset[disabled] .uui-switch,.uui-switch.uui-disabled{pointer-events:none}.uui-disabled .uui-switch-label,.uui-disabled .uui-support-text,fieldset[disabled] .uui-switch-label,fieldset[disabled] .uui-support-text{color:var(--uui-color-on-surface)!important;opacity:var(--uui-disabled-opacity)}.uui-switch-control .uui-input:disabled~.uui-switch-track{opacity:.1;background-color:var(--uui-color-surface-variant)!important}.uui-switch-control .uui-input:disabled~.uui-switch-thumb .uui-switch-glyph{background-color:var(--uui-color-on-surface)!important;opacity:var(--uui-disabled-opacity)}.uui-switch-control .uui-input:disabled~.uui-switch-thumb .uui-switch-glyph .uui-icon{color:var(--uui-color-surface-container-highest)!important}.uui-switch-control.uui-checked .uui-input:disabled~.uui-switch-track{opacity:.1;background-color:var(--uui-color-on-surface)!important}.uui-switch-control.uui-checked .uui-input:disabled~.uui-switch-thumb .uui-switch-glyph{background-color:var(--uui-color-surface)!important;opacity:1}.uui-switch-control.uui-checked .uui-input:disabled~.uui-switch-thumb .uui-switch-glyph .uui-icon{color:var(--uui-color-on-surface)!important;opacity:var(--uui-disabled-opacity)}.uui-switch-control .uui-input:disabled~.uui-switch-track,.uui-switch-control .uui-input:disabled~.uui-switch-content{border-color:var(--uui-color-on-surface)!important}.uui-switch-control .uui-input:disabled~.uui-switch-content:after{opacity:var(--uui-disabled-opacity)}.uui-disabled .uui-switch-content,fieldset[disabled] .uui-switch-content{opacity:var(--uui-disabled-opacity)}.uui-radio.uui-extra-small .uui-cb-control{--uui-glyph-size: 18px;--uui-icon-size: 18px;--uui-input-width: 32px;height:32px}.uui-radio.uui-small .uui-cb-control{--uui-glyph-size: 20px;--uui-icon-size: 20px;--uui-input-width: 40px;height:40px}.uui-radio.uui-medium .uui-cb-control{--uui-glyph-size: 24px;--uui-icon-size: 24px;--uui-input-width: 40px;height:40px}.uui-radio.uui-large .uui-cb-control{--uui-glyph-size: 32px;--uui-icon-size: 32px;--uui-input-width: 52px;height:52px}.uui-radio.uui-extra-large .uui-cb-control{--uui-glyph-size: 40px;--uui-icon-size: 40px;--uui-input-width: 64px;height:64px}.uui-checkbox.uui-extra-small .uui-cb-control{--uui-glyph-size: 16px;--uui-icon-size: 16px;--uui-input-width: 32px;height:32px}.uui-checkbox.uui-small .uui-cb-control{--uui-glyph-size: 18px;--uui-icon-size: 18px;--uui-input-width: 40px;height:40px}.uui-checkbox.uui-medium .uui-cb-control{--uui-glyph-size: 24px;--uui-icon-size: 24px;--uui-input-width: 40px;height:40px}.uui-checkbox.uui-large .uui-cb-control{--uui-glyph-size: 32px;--uui-icon-size: 33px;--uui-input-width: 52px;height:52px}.uui-checkbox.uui-extra-large .uui-cb-control{--uui-glyph-size: 40px;--uui-icon-size: 40px;--uui-input-width: 64px;height:64px}:root{--uui-dialog-backdrop-color: var(--uui-color-scrim);--uui-dialog-dock-width: clamp(280px, 30vw, 420px)}.uui-db{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column;--uui-corner-full: 28px;--uui-dialog-max-width: none;--uui-dialog-min-width: none}.uui-db.uui-extra-small{max-width:280px;min-width:280px}.uui-db.uui-small{max-width:560px;min-width:280px}.uui-db.uui-medium,.uui-db.uui-large,.uui-db.uui-extra-large{max-width:420px}.uui-dialog-basic{width:100%;height:100%;margin-left:auto;margin-right:auto;max-height:90vh}.uui-dialog-fullscreen{width:100%;height:100%;margin-left:auto;margin-right:auto;border-radius:0}.uui-dialog-dockBottom{margin-top:auto;width:100%;max-height:85vh}.uui-dialog-dockTop{margin-bottom:auto;width:100%;max-height:85vh}.uui-dialog-dockRight{margin-left:auto;max-height:none;max-width:none;height:100%}.uui-dialog-dockLeft{margin-right:auto;max-width:none;max-height:none;height:100%}.uui-dialog-dockLeft,.uui-dialog-dockRight{width:var(--uui-dialog-dock-width)}.uui-db.uui-dialog-dockLeft{border-top-left-radius:0;border-bottom-left-radius:0}.uui-db.uui-dialog-dockRight{border-top-right-radius:0;border-bottom-right-radius:0}.uui-db.uui-dialog-dockTop{border-top-left-radius:0;border-top-right-radius:0}.uui-db.uui-dialog-dockBottom{border-bottom-left-radius:0;border-bottom-right-radius:0}.uui-db.uui-dialog-dockRight,.uui-db.uui-dialog-dockLeft{--uui-corner-rounded: 16px}.uui-dialog-title{display:flex;align-items:center;gap:var(--uui-col-space, .75rem);padding:var(--uui-dialog-content-padding, 1rem 1.5rem 1.5rem)}.uui-dialog-title .uui-content{flex:1}.uui-dialog-content{display:block;padding:var(--uui-dialog-content-padding, 0 1.5rem 1.5rem);flex:1;overflow-y:auto}.uui-dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:var(--uui-col-space, .75rem);padding:var(--uui-dialog-actions-padding, 1rem 1.5rem)}.uui-dialog-actions-border-top{border-top-style:solid}.uui-dialog-header{padding:var(--uui-dialog-header-padding, 1.25rem 1.5rem)}.uui-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:transparent;transition:background-color var(--uui-duration, .25s) linear;z-index:9999}.uui-dialog-backdrop.uui-open{background-color:var(--uui-dialog-backdrop-color)}.uui-menu,.uui-menu-scroll{width:-moz-max-content;width:max-content;max-width:min(calc(100vw - 24px),280px);min-width:120px;outline:none}.uui-menu{overflow:hidden;position:relative}.uui-menu-modern{--uui-corner-full: 24px;--uui-corner-rounded: 16px;--uui-corner-smooth: 8px}.uui-menu-classic{--uui-corner-full: 16px;--uui-corner-rounded: 8px;--uui-corner-smooth: 4px}.uui-menu.uui-menu-horizontal{max-width:min(calc(100vw - 64px),1024px)}.uui-menu.uui-menu-horizontal .uui-menu-item{max-width:280px;min-width:48px}.uui-menu-scroll{max-height:min(calc(100vh - 64px),520px);overflow-y:auto;overflow-x:hidden;position:relative}.uui-menu-horizontal .uui-menu-scroll{max-width:min(calc(100vw - 24px),1024px);display:flex}.uui-menu-modern .uui-menu-scroll{padding:0 4px;margin:4px 0}.uui-menu-modern.uui-menu-horizontal .uui-menu-scroll{padding:0 2px}.uui-menu-classic .uui-menu-scroll{padding:0;margin:8px 0}.uui-menu-horizontal .uui-menu-scroll{display:flex;max-width:min(calc(100vw - 64px),2048px);overflow-y:hidden;overflow-x:hidden;margin:0}.uui-menu-item{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;outline:none;display:flex;justify-items:center;align-items:center}.uui-menu-item .uui-leading{width:24px;height:24px;min-width:24px;overflow:hidden;display:flex;align-items:center;justify-content:center}.uui-menu-item-modern{--uui-icon-size: 20px;--uui-col-space: 12px;--uui-corner-rounded: 12px;--uui-corner-smooth: 6px;height:48px}.uui-menu-item-classic{--uui-icon-size: 24px;--uui-col-space: 8px;--uui-corner-round: 12px;--uui-corner-rounded: 6px;--uui-corner-smooth: 0px;height:56px}.uui-menu-item-modern.uui-compact{height:44px}.uui-menu-item-modern.uui-dense{height:40px}.uui-menu-item-classic.uui-compact{height:48px}.uui-menu-item-classic.uui-dense{height:40px}.uui-menu-item-content{display:flex;align-items:center;width:100%;-moz-column-gap:var(--uui-col-space);column-gap:var(--uui-col-space);position:relative;padding-inline:12px;cursor:pointer}.uui-menu-item-modern .uui-menu-item-content{height:44px}.uui-menu-item-modern.uui-compact .uui-menu-item-content,.uui-menu-item-modern.uui-dense .uui-menu-item-content,.uui-menu-item-classic .uui-menu-item-content{height:100%}.uui-menu-item-content .uui-menu-item-text{flex:1 1 auto;min-width:0;flex-direction:column;display:flex;justify-content:center}.uui-menu-item-label,.uui-menu-item-description{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uui-menu-item .uui-menu-item-content .uui-state{pointer-events:none;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;transition:opacity .18s cubic-bezier(.2,0,0,1)}.uui-menu-item:hover .uui-menu-item-content .uui-state{opacity:var(--uui-hover-opacity)}.uui-menu-item .uui-menu-item-content.uui-focus-overlay.uui-focus-visible.uui-active .uui-state,.uui-menu-item[aria-expanded=true] .uui-menu-item-content .uui-state{opacity:var(--uui-focus-opacity)}.uui-menu-item.uui-disabled .uui-menu-item-content{opacity:var(--uui-disabled-opacity);background:inherit}.uui-menu-item.uui-disabled{pointer-events:none}.uui-menu-item{touch-action:manipulation}.uui-menu-item-children{overflow:hidden;height:100%;width:100%}.uui-divider{flex-shrink:0}@media(hover:hover)and (pointer:fine){.uui-menu-scroll::-webkit-scrollbar{width:6px}.uui-menu-scroll::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,currentColor 30%,transparent);border-radius:6px}.uui-menu-scroll:hover::-webkit-scrollbar-thumb{background:var(--uui-color-outline)}.uui-menu-scroll::-webkit-scrollbar-track{background:transparent}}.uuu-fieldset{border:0;padding:0;margin:0}.uuu-fieldset .uui-support-text{margin-top:4px}.uui-fieldset:disabled{pointer-events:none}.uui-collapse{--uui-ease: ease-in-out;transition:width var(--uui-duration) var(--uui-ease),height var(--uui-duration) var(--uui-ease);overflow:hidden}.uui-collapse-wrapper{display:flow-root}.uui-toolbar{position:relative;display:flex;align-items:center;min-height:64px;gap:var(--uui-spacing, 4px);padding-inline:16px}.uui-toolbar-docked{width:100%}.uui-toolbar-floating{width:-moz-fit-content;width:fit-content;padding-inline:8px}.uui-toolbar.uui-vertical{padding-inline:0;padding-block:16px;min-width:64px;text-align:center}.uui-toolbar-docked.uui-vertical{width:-moz-min-content;width:min-content}.uui-toolbar-floating.uui-toolbar.uui-vertical{padding-block:8px;min-height:0}.uui-accordion-item{border-radius:var(--uui-corner-rounded);background-color:var(--uui-color-surface-container);overflow:hidden;margin-bottom:.5rem}.uui-accordion-item[data-open=true]{background-color:var(--uui-color-surface-container-high)}.uui-accordion-trigger{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding-inline:1.5rem;font:inherit;text-align:left}.uui-accordion-trigger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--uui-color-on-surface);opacity:0;transition:var(--uui-opacity-transition);pointer-events:none}.uui-accordion-trigger:hover:after{opacity:var(--uui-hover-opacity)}.uui-accordion-trigger:focus-visible:after{opacity:var(--uui-focus-opacity)}.uui-accordion-trigger:active:after{opacity:var(--uui-pressed-opacity)}.uui-accordion-item div[role=region]{padding-inline:1.5rem;padding-top:.5rem;padding-bottom:1rem}.uui-tabs{width:100%}.uui-tabs-list{display:flex;gap:0;border-bottom:1px solid var(--uui-color-outline-variant)}.uui-tabs-trigger{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;padding:12px 16px;min-height:48px;font:inherit;color:var(--uui-color-on-surface-variant);transition:color .16s ease}.uui-tabs-trigger[aria-selected=true]{color:var(--uui-color-primary)}.uui-tabs-trigger[aria-selected=true]:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:var(--uui-color-primary);border-radius:3px 3px 0 0}.uui-tabs-trigger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity .16s ease;pointer-events:none}.uui-tabs-trigger:hover:before{opacity:var(--uui-hover-opacity)}.uui-tabs-trigger:focus-visible:before{opacity:var(--uui-focus-opacity)}.uui-tabs-panels{padding-top:16px}.uui-tabs-panel{outline:none}.uui-progress{position:relative;display:inline-flex}.uui-progress-linear{width:100%}.uui-progress-linear .uui-progress-track{position:relative;width:100%;overflow:hidden;border-radius:inherit;height:var(--uui-progress-thickness, 4px)}.uui-progress-linear .uui-progress-indicator{height:100%;transition:width .2s ease}.uui-progress-linear.uui-progress-indeterminate .uui-progress-indicator{position:absolute;width:40%;animation:uui-progress-linear-indeterminate 1.6s infinite ease-in-out}@keyframes uui-progress-linear-indeterminate{0%{left:-40%}50%{left:100%}to{left:100%}}.uui-progress-circular{align-items:center;justify-content:center}.uui-progress-circular .uui-progress-svg{width:100%;height:100%;transform-origin:center}.uui-progress-circular .uui-progress-track,.uui-progress-circular .uui-progress-indicator{stroke-width:var(--uui-progress-thickness, 4)}.uui-progress-circular .uui-progress-indicator{transition:stroke-dashoffset .2s ease}.uui-progress-circular.uui-progress-indeterminate .uui-progress-svg{animation:uui-progress-circular-rotate 1.8s linear infinite}.uui-progress-circular.uui-progress-indeterminate .uui-progress-indicator{stroke-dasharray:80;stroke-dashoffset:60;animation:uui-progress-circular-dash 1.5s ease-in-out infinite}@keyframes uui-progress-circular-rotate{to{transform:rotate(360deg)}}@keyframes uui-progress-circular-dash{0%{stroke-dashoffset:80}50%{stroke-dashoffset:20}to{stroke-dashoffset:80}}.uui-toast{--uui-toast-color: var(--uui-color-inverse-on-surface);--uui-toast-bg: var(--uui-color-inverse-surface);padding:14px 16px;--uui-corner-smooth: 4px;--uui-corner-rounded: 8px;color:var(--uui-toast-color);background-color:var(--uui-toast-bg);align-items:center;gap:4px}.uui-toast-error{--uui-toast-color: var(--uui-color-on-error-container);--uui-toast-bg: var(--uui-color-error-container)}.uui-toast-warning{--uui-toast-color: var(--uui-color-on-warning-container);--uui-toast-bg: var(--uui-color-warning-container)}.uui-toast-info{--uui-toast-color: var(--uui-color-on-info-container);--uui-toast-bg: var(--uui-color-info-container)}.uui-toast-success{--uui-toast-color: var(--uui-color-on-success-container);--uui-toast-bg: var(--uui-color-success-container)}.uui-avatar{--uui-corner-smooth: 4px;--uui-corner-rounded: 8px;font-size:calc(var(--uui-control-size) * .44);width:var(--uui-control-size);height:var(--uui-control-size);display:grid;place-items:center;overflow:hidden}.uui-avatar.uui-extra-small{--uui-control-size: 24px;--uui-corner-smooth: 2px;--uui-corner-rounded: 4px}.uui-avatar.uui-small{--uui-control-size: 32px}.uui-avatar.uui-medium{--uui-control-size: 40px}.uui-avatar.uui-large{--uui-control-size: 56px}.uui-avatar.uui-extra-large{--uui-control-size: 72px}.uui-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}span.ripple{pointer-events:none;position:absolute;border-radius:50%;transform:scale(.1);animation:ripple .65s cubic-bezier(.2,0,.4,1);will-change:transform,opacity;animation-fill-mode:forwards;background-color:currentColor;opacity:.16}@keyframes ripple{to{transform:scale(2);opacity:0}}.uui-spinner{display:inline-block;width:100%;height:100%;color:currentColor}.uui-spinner-inline{vertical-align:middle}.uui-spinner-circular{animation:uui-rotate 1.6s linear infinite}.uui-spinner-circle{stroke:currentColor;stroke-linecap:round;animation:uui-dash 1.6s ease-in-out infinite}@keyframes uui-rotate{to{transform:rotate(360deg)}}@keyframes uui-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}55%{stroke-dasharray:100,200;stroke-dashoffset:-15px}to{stroke-dasharray:100,200;stroke-dashoffset:-125px}}/*!* ---------------- ring ---------------- *!*/.uui-dots2-spinner circle{transform-box:fill-box;transform-origin:center;opacity:.3;animation:uui-dot2 1.5s infinite ease-in-out}.uui-dots2-spinner circle:nth-child(1){animation-delay:0s}.uui-dots2-spinner circle:nth-child(2){animation-delay:.5s}.uui-dots2-spinner circle:nth-child(3){animation-delay:1s}@keyframes uui-dot2{0%{opacity:.3;transform:scale(1)}15%{opacity:1;transform:scale(1.2)}30%{opacity:.8;transform:scale(1)}to{opacity:.3;transform:scale(1)}}.uui-bars-spinner{width:100%;height:100%}.uui-bars-spinner rect{fill:currentColor;opacity:.1;animation:uui-bars-apple 1s infinite linear}.uui-bars-spinner rect:nth-child(1){animation-delay:0s}.uui-bars-spinner rect:nth-child(2){animation-delay:.125s}.uui-bars-spinner rect:nth-child(3){animation-delay:.25s}.uui-bars-spinner rect:nth-child(4){animation-delay:.375s}.uui-bars-spinner rect:nth-child(5){animation-delay:.5s}.uui-bars-spinner rect:nth-child(6){animation-delay:.625s}.uui-bars-spinner rect:nth-child(7){animation-delay:.75s}.uui-bars-spinner rect:nth-child(8){animation-delay:.875s}@keyframes uui-bars-apple{0%{opacity:1}15%{opacity:.6}25%{opacity:.3}to{opacity:.1}}.uui-orbit-spinner{width:100%;height:100%}.uui-orbit-spinner circle{fill:currentColor;opacity:.15;animation:uui-orbit 1s infinite linear;scale:1}.uui-orbit-spinner circle:nth-child(1){animation-delay:0s}.uui-orbit-spinner circle:nth-child(2){animation-delay:.125s}.uui-orbit-spinner circle:nth-child(3){animation-delay:.25s}.uui-orbit-spinner circle:nth-child(4){animation-delay:.375s}.uui-orbit-spinner circle:nth-child(5){animation-delay:.5s}.uui-orbit-spinner circle:nth-child(6){animation-delay:.625s}.uui-orbit-spinner circle:nth-child(7){animation-delay:.75s}.uui-orbit-spinner circle:nth-child(8){animation-delay:.875s}@keyframes uui-orbit{0%{opacity:1}12%{opacity:.6}30%{opacity:.15}to{opacity:.15}}.uui-ring-spinner{width:100%;height:100%;animation:uui-spin 1s cubic-bezier(.3,0,.5,1) infinite}@keyframes uui-spin{to{transform:rotate(360deg)}}.uui-bars-steps{width:100%;height:100%}.uui-bars-steps rect{fill:currentColor;animation:uui-bars-steps 1.6s cubic-bezier(.4,0,.2,1) infinite}.uui-bars-steps rect:nth-child(1){animation-delay:0s}.uui-bars-steps rect:nth-child(2){animation-delay:.2s}.uui-bars-steps rect:nth-child(3){animation-delay:.4s}@keyframes uui-bars-steps{0%,to{opacity:.1;y:20px;height:8px}30%{y:0px;height:48px;opacity:.6}50%{opacity:1;y:0px;height:48px}}:root{--uui-focus-ring-duration: .15s;--uui-focus-ring-ease: cubic-bezier(.2, 0, 0, 1);--uui-focus-color: var(--uui-color-secondary)}.uui-focus-ring:before{--uui-focus-ring: var(--uui-focus-color);content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;pointer-events:none;z-index:1;opacity:0;box-shadow:0 0 0 2px var(--uui-focus-ring)}.uui-focus-ring:focus-visible:before,.uui-focus-ring.uui-focus-visible:before{animation:focus-ring-appear var(--uui-focus-ring-duration) var(--uui-focus-ring-ease) forwards}@keyframes focus-ring-appear{0%{opacity:.4;box-shadow:0 0 0 2px var(--uui-focus-ring)}60%{opacity:.2;box-shadow:0 0 0 8px var(--uui-focus-ring)}to{opacity:.8;box-shadow:0 0 0 3px var(--uui-focus-ring)}}.uui-focus-ring-in{position:relative;--uui-focus-ring: var(--uui-focus-color)}.uui-focus-ring-in:before{content:"";position:absolute;top:2px;bottom:2px;left:2px;right:2px;border-radius:inherit;pointer-events:none;opacity:0;transform:scale(.95,.75);box-shadow:0 0 0 2px var(--uui-focus-ring)}.uui-focus-ring-in:focus-visible:before,.uui-focus-ring-in.uui-focus-visible:before{animation:uui-focus-ring-inner var(--uui-focus-ring-duration) var(--uui-focus-ring-ease) forwards}@keyframes uui-focus-ring-inner{0%{opacity:.2;transform:scale(1);box-shadow:0 0 0 4px var(--uui-focus-ring)}30%{opacity:.4;transform:scale(.97,.85);box-shadow:0 0 0 8px var(--uui-focus-ring)}to{opacity:.8;transform:scale(1);box-shadow:0 0 0 2px var(--uui-focus-ring)}}:root{--uui-motion-distance: 32px;--uui-motion-scale-start: .94;--uui-motion-scale-overshoot: 1.015;--uui-motion-opacity-start: 0;--uui-motion-blur: 2px;--uui-motion-rotate-start: 8deg;--uui-duration: .3s;--uui-ease: cubic-bezier(.2, 0, 0, 1);--uui-opacity-ease: cubic-bezier(.2, 0, .6, 1);--uui-reverse: normal}.uui-motion-expressive{--uui-motion-distance: 72px;--uui-motion-scale-start: .88;--uui-motion-scale-overshoot: 1.05;--uui-motion-rotate-start: 12deg;--uui-motion-opacity-start: 0;--uui-motion-blur: 6px}.uui-motion-extreme{--uui-motion-distance: 72px;--uui-motion-scale-start: .2;--uui-motion-scale-overshoot: 1.05;--uui-motion-rotate-start: 12deg;--uui-motion-opacity-start: 0;--uui-motion-blur: 6px}.uui-motion-fade{animation:uui-fade var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-fade{0%{opacity:var(--uui-motion-opacity-start)}to{opacity:1}}.uui-motion-fade-blur{animation:uui-fade-blur var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-fade-blur{0%{opacity:var(--uui-motion-opacity-start);filter:blur(var(--uui-motion-blur))}to{opacity:1;filter:blur(0)}}.uui-motion-scale{animation:uui-scale var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-scale{0%{opacity:var(--uui-motion-opacity-start);transform:scale(var(--uui-motion-scale-start))}to{opacity:1;transform:scale(1)}}.uui-motion-scale-blur{animation:uui-scale-blur var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-scale-blur{0%{opacity:var(--uui-motion-opacity-start);transform:scale(var(--uui-motion-scale-start));filter:blur(var(--uui-motion-blur))}to{opacity:1;transform:scale(1);filter:blur(0)}}.uui-motion-slide-up{animation:uui-slide-up var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-slide-up{0%{transform:translateY(var(--uui-motion-distance));opacity:var(--uui-motion-opacity-start)}to{transform:translateY(0);opacity:1}}.uui-motion-slide-down{animation:uui-slide-down var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-slide-down{0%{transform:translateY(calc(-1 * var(--uui-motion-distance)));opacity:var(--uui-motion-opacity-start)}to{transform:translateY(0);opacity:1}}.uui-motion-slide-right{animation:uui-slide-right var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-slide-right{0%{transform:translate(calc(-1 * var(--uui-motion-distance)));opacity:var(--uui-motion-opacity-start)}to{transform:translate(0);opacity:1}}.uui-motion-slide-left{animation:uui-slide-left var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-slide-left{0%{transform:translate(var(--uui-motion-distance));opacity:var(--uui-motion-opacity-start)}to{transform:translate(0);opacity:1}}.uui-motion-slide-up-blur{animation:uui-slide-up-blur var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-slide-up-blur{0%{transform:translateY(var(--uui-motion-distance));opacity:var(--uui-motion-opacity-start);filter:blur(var(--uui-motion-blur))}to{transform:translateY(0);opacity:1;filter:blur(0)}}.uui-motion-slide-down-blur{animation:uui-slide-down-blur var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-slide-down-blur{0%{transform:translateY(calc(-1 * var(--uui-motion-distance)));opacity:var(--uui-motion-opacity-start);filter:blur(var(--uui-motion-blur))}to{transform:translateY(0);opacity:1;filter:blur(0)}}.uui-motion-slide-right-blur{animation:uui-slide-right-blur var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-slide-right-blur{0%{transform:translate(calc(-1 * var(--uui-motion-distance)));opacity:var(--uui-motion-opacity-start);filter:blur(var(--uui-motion-blur))}to{transform:translate(0);opacity:1;filter:blur(0)}}.uui-motion-slide-left-blur{animation:uui-slide-left-blur var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-slide-left-blur{0%{transform:translate(var(--uui-motion-distance));opacity:var(--uui-motion-opacity-start);filter:blur(var(--uui-motion-blur))}to{transform:translate(0);opacity:1;filter:blur(0)}}.uui-motion-rotate{animation:uui-rotate var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-rotate{0%{opacity:var(--uui-motion-opacity-start);transform:rotate(-18deg) scale(var(--uui-motion-scale-start))}to{opacity:1;transform:rotate(0) scale(1)}}.uui-motion-roll-right{animation:uui-roll-right var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-roll-right{0%{transform:translate(calc(-1 * var(--uui-motion-distance))) rotate(calc(-1 * var(--uui-motion-rotate-start)));opacity:var(--uui-motion-opacity-start)}to{transform:translate(0) rotate(0);opacity:1}}.uui-motion-roll-left{animation:uui-roll-left var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-roll-left{0%{transform:translate(var(--uui-motion-distance)) rotate(var(--uui-motion-rotate-start));opacity:var(--uui-motion-opacity-start)}to{transform:translate(0) rotate(0);opacity:1}}.uui-motion-rotate-up-right{animation:uui-rotate-up-right var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-rotate-up-right{0%{transform:translate(var(--uui-motion-distance)) rotate(calc(-1 * var(--uui-motion-rotate-start)));opacity:var(--uui-motion-opacity-start)}to{transform:translate(0) rotate(0);opacity:1}}.uui-motion-rotate-up-left{animation:uui-rotate-up-left var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-rotate-up-left{0%{transform:translate(calc(-1 * var(--uui-motion-distance))) rotate(var(--uui-motion-rotate-start));opacity:var(--uui-motion-opacity-start)}to{transform:translate(0) rotate(0);opacity:1}}.uui-motion-flip-x{animation:uui-flip-x var(--uui-duration) var(--uui-ease) var(--uui-reverse) both;transform-style:preserve-3d}@keyframes uui-flip-x{0%{opacity:var(--uui-motion-opacity-start);transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}.uui-motion-flip-y{animation:uui-flip-y var(--uui-duration) var(--uui-ease) var(--uui-reverse) both;transform-style:preserve-3d}@keyframes uui-flip-y{0%{opacity:var(--uui-motion-opacity-start);transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}.uui-motion-popup{animation:uui-popup var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-popup{0%{opacity:var(--uui-motion-opacity-start);transform:scale(var(--uui-motion-scale-start))}70%{transform:scale(var(--uui-motion-scale-overshoot))}to{opacity:1;transform:scale(1)}}.uui-motion-squish{animation:uui-squish var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-squish{0%{opacity:0;transform:scale(1.2,.8)}to{opacity:1;transform:scale(1)}}.uui-motion-rubber{animation:uui-rubber var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-rubber{0%{opacity:0;transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}to{opacity:1;transform:scale(1)}}.uui-motion-pop-elastic{animation:uui-pop-elastic var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-pop-elastic{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.2)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.uui-motion-jelly{animation:uui-jelly var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-jelly{0%{opacity:0;transform:scale(.8,1.2)}50%{transform:scale(1.15,.85)}to{opacity:1;transform:scale(1)}}.uui-motion-bounce{animation:uui-bounce var(--uui-duration) ease-out var(--uui-reverse) both}@keyframes uui-bounce{0%{opacity:var(--uui-motion-opacity-start);transform:translateY(-25%)}45%{opacity:1;transform:translateY(0)}65%{transform:translateY(-12%)}82%{transform:translateY(0)}92%{transform:translateY(-4%)}to{transform:translateY(0)}}
1
+ *{box-sizing:border-box;margin:0;padding:0}button{all:unset}button,[role=button]{cursor:pointer}.uui-w-full{width:100%}.uui-h-full{height:100%}.uui-grow{flex-grow:1}.uui-overflow-hidden{overflow:hidden}.uui-required{margin-left:.25em}:root{--uui-elevation-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--uui-elevation-2: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);--uui-elevation-3: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);--uui-elevation-4: 0 2px 3px rgba(0, 0, 0, .3), 0 6px 10px 4px rgba(0, 0, 0, .15);--uui-elevation-5: 0 4px 4px rgba(0, 0, 0, .3), 0 8px 12px 6px rgba(0, 0, 0, .15)}.dark{--uui-elevation-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px 1px rgba(0, 0, 0, .15);--uui-elevation-2: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px 2px rgba(0, 0, 0, .15);--uui-elevation-3: 0 1px 3px rgba(0, 0, 0, .3), 0 4px 8px 3px rgba(0, 0, 0, .15);--uui-elevation-4: 0 2px 3px rgba(0, 0, 0, .3), 0 6px 10px 4px rgba(0, 0, 0, .15);--uui-elevation-5: 0 4px 4px rgba(0, 0, 0, .3), 0 8px 12px 6px rgba(0, 0, 0, .15)}[class*=uui-elevation-]{transition:box-shadow .15s cubic-bezier(.2,0,0,1)}.uui-elevation-0{box-shadow:none}.uui-elevation-1{box-shadow:var(--uui-elevation-1)}.uui-elevation-2{box-shadow:var(--uui-elevation-2)}.uui-elevation-3{box-shadow:var(--uui-elevation-3)}.uui-elevation-4{box-shadow:var(--uui-elevation-4)}.uui-elevation-5{box-shadow:var(--uui-elevation-5)}.uui-hover-elevate.uui-elevation-0:hover{box-shadow:var(--uui-elevation-1)}.uui-hover-elevate.uui-elevation-1:hover{box-shadow:var(--uui-elevation-2)}.uui-hover-elevate.uui-elevation-2:hover{box-shadow:var(--uui-elevation-3)}.uui-hover-elevate.uui-elevation-3:hover{box-shadow:var(--uui-elevation-4)}.uui-hover-elevate.uui-elevation-4:hover{box-shadow:var(--uui-elevation-5)}.uui-pressed-elevate.uui-elevation-1:active{box-shadow:none}.uui-pressed-elevate.uui-elevation-2:active{box-shadow:var(--uui-elevation-1)}.uui-pressed-elevate.uui-elevation-3:active{box-shadow:var(--uui-elevation-2)}.uui-pressed-elevate.uui-elevation-4:active{box-shadow:var(--uui-elevation-3)}.uui-pressed-elevate.uui-elevation-5:active{box-shadow:var(--uui-elevation-4)}.uui-hover-elevate.uui-pressed-elevate.uui-elevation-0:hover:active{box-shadow:none}.uui-hover-elevate.uui-pressed-elevate.uui-elevation-1:hover:active{box-shadow:var(--uui-elevation-1)}.uui-hover-elevate.uui-pressed-elevate.uui-elevation-2:hover:active{box-shadow:var(--uui-elevation-2)}.uui-hover-elevate.uui-pressed-elevate.uui-elevation-3:hover:active{box-shadow:var(--uui-elevation-3)}.uui-hover-elevate.uui-pressed-elevate.uui-elevation-4:hover:active{box-shadow:var(--uui-elevation-4)}.uui-hover-elevate.uui-pressed-elevate.uui-elevation-5:hover:active{box-shadow:var(--uui-elevation-5)}.uui-control{position:relative}.uui-input:focus{outline:none}.uui-outline-1{outline-style:solid;outline-width:1.15px;outline-offset:-1.15px}.uui-outline-2{outline-style:solid;outline-width:2px;outline-offset:-2px}.uui-outline-3{outline-style:solid;outline-width:3px;outline-offset:-3px}.uui-outline-4{outline-style:solid;outline-width:4px;outline-offset:-4px}.uui-outline-0{outline:none}.uui-border-0{position:relative}.uui-border-0:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-width:0;border-style:solid;border-radius:inherit;pointer-events:none}.uui-border-1{position:relative}.uui-border-1:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-width:1px;border-style:solid;border-radius:inherit;pointer-events:none;border-color:inherit}.uui-border-2{position:relative}.uui-border-2:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-width:2px;border-style:solid;border-radius:inherit;pointer-events:none;border-color:inherit}.uui-border-3{position:relative}.uui-border-3:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-width:3px;border-style:solid;border-radius:inherit;pointer-events:none;border-color:inherit}.uui-border-4{position:relative}.uui-border-4:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-width:4px;border-style:solid;border-radius:inherit;pointer-events:none;border-color:inherit}.uui-absolute{position:absolute}.uui-relative{position:relative}.uui-fixed{position:fixed}.uui-sticky{position:sticky}.uui-static{position:static}.uui-top-left{justify-content:start;align-items:start}.uui-top-center{justify-content:center;align-items:start}.uui-top-right{justify-content:end;align-items:start}.uui-center-left{justify-content:start;align-items:center}.uui-center{justify-content:center;align-items:center}.uui-center-right{justify-content:end;align-items:center}.uui-bottom-left{justify-content:start;align-items:end}.uui-bottom-center{justify-content:center;align-items:end}.uui-bottom-right{justify-content:end;align-items:end}.uui-px-1{padding-left:.25rem;padding-right:.25rem}.uui-px-2{padding-left:.5rem;padding-right:.5rem}.uui-px-2-5{padding-left:.625rem;padding-right:.625rem}.uui-px-3{padding-left:.75rem;padding-right:.75rem}.uui-px-3-5{padding-left:.875rem;padding-right:.875rem}.uui-px-4{padding-left:1rem;padding-right:1rem}.uui-px-5{padding-left:1.25rem;padding-right:1.25rem}.uui-px-6{padding-left:1.5rem;padding-right:1.5rem}.uui-px-7{padding-left:1.75rem;padding-right:1.75rem}.uui-px-8{padding-left:2rem;padding-right:2rem}.uui-py-1{padding-top:.25rem;padding-bottom:.25rem}.uui-py-2{padding-top:.5rem;padding-bottom:.5rem}.uui-py-2-5{padding-top:.625rem;padding-bottom:.625rem}.uui-py-3{padding-top:.75rem;padding-bottom:.75rem}.uui-py-3-5{padding-top:.875rem;padding-bottom:.875rem}.uui-py-4{padding-top:1rem;padding-bottom:1rem}.uui-py-5{padding-top:1.25rem;padding-bottom:1.25rem}.uui-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.uui-py-7{padding-top:1.75rem;padding-bottom:1.75rem}.uui-py-8{padding-top:2rem;padding-bottom:2rem}.uui-card-wrapper,.uui-flex{display:flex}.uui-flex-inline{display:inline-flex}.uui-flex-row{flex-direction:row}.uui-flex-col{flex-direction:column}.uui-grid{display:grid}.uui-grid-inline{display:inline-grid}.uui-grid-flow-row{grid-auto-flow:row}.uui-grid-flow-col{grid-auto-flow:column}.uui-block{display:block}.uui-block-inline{display:inline-block}.uui-inline{display:inline}.uui-hidden{display:none}:root{--uui-corner-extra-small: 4px;--uui-corner-small: 8px;--uui-corner-medium: 12px;--uui-corner-large: 16px;--uui-corner-extra-large: 28px;--uui-corner-full: 9999px;--uui-corner-none: 0;--uui-corner-smooth: var(--uui-corner-small);--uui-corner-rounded: var(--uui-corner-medium)}.uui-corner-none,.uui-square{--uui-control-shape: var(--uui-corner-none);border-radius:var(--uui-corner-none)}.uui-corner-extra-small{--uui-control-shape: var(--uui-corner-extra-small);border-radius:var(--uui-corner-extra-small)}.uui-corner-small{--uui-control-shape: var(--uui-corner-small);border-radius:var(--uui-corner-small)}.uui-corner-medium{--uui-control-shape: var(--uui-corner-medium);border-radius:var(--uui-corner-medium)}.uui-corner-large{--uui-control-shape: var(--uui-corner-large);border-radius:var(--uui-corner-large)}.uui-corner-extra-large{--uui-control-shape: var(--uui-corner-extra-large);border-radius:var(--uui-corner-extra-large)}.uui-corner-full,.uui-round{--uui-control-shape: var(--uui-corner-full);border-radius:var(--uui-corner-full)}.uui-smooth{--uui-control-shape: var(--uui-corner-smooth);border-radius:var(--uui-corner-smooth)}.uui-rounded{--uui-control-shape: var(--uui-corner-rounded);border-radius:var(--uui-corner-rounded)}:root{--uui-font-display-large-size: 3.5625rem;--uui-font-display-large-line: 4rem;--uui-font-display-large-weight: 400;--uui-font-display-large-track: -.015625rem;--uui-font-display-medium-size: 2.8125rem;--uui-font-display-medium-line: 3.25rem;--uui-font-display-medium-weight: 400;--uui-font-display-medium-track: 0;--uui-font-display-small-size: 2.25rem;--uui-font-display-small-line: 2.75rem;--uui-font-display-small-weight: 400;--uui-font-display-small-track: 0;--uui-font-headline-large-size: 2rem;--uui-font-headline-large-line: 2.625rem;--uui-font-headline-large-weight: 400;--uui-font-headline-large-track: 0;--uui-font-headline-medium-size: 1.75rem;--uui-font-headline-medium-line: 2.25rem;--uui-font-headline-medium-weight: 400;--uui-font-headline-medium-track: 0;--uui-font-headline-small-size: 1.5rem;--uui-font-headline-small-line: 2rem;--uui-font-headline-small-weight: 400;--uui-font-headline-small-track: 0;--uui-font-title-large-size: 1.375rem;--uui-font-title-large-line: 1.75rem;--uui-font-title-large-weight: 400;--uui-font-title-large-track: 0;--uui-font-title-medium-size: 1rem;--uui-font-title-medium-line: 1.5rem;--uui-font-title-medium-weight: 500;--uui-font-title-medium-track: .0075rem;--uui-font-title-small-size: .875rem;--uui-font-title-small-line: 1.25rem;--uui-font-title-small-weight: 500;--uui-font-title-small-track: .00625rem;--uui-font-label-large-size: .875rem;--uui-font-label-large-line: 1.25rem;--uui-font-label-large-weight: 500;--uui-font-label-large-track: .00625rem;--uui-font-label-medium-size: .75rem;--uui-font-label-medium-line: 1.25rem;--uui-font-label-medium-weight: 500;--uui-font-label-medium-track: .03125rem;--uui-font-label-small-size: .6875rem;--uui-font-label-small-line: 1.25rem;--uui-font-label-small-weight: 500;--uui-font-label-small-track: .03125rem;--uui-font-body-large-size: 1rem;--uui-font-body-large-line: 1.5rem;--uui-font-body-large-weight: 400;--uui-font-body-large-track: .009375rem;--uui-font-body-medium-size: .875rem;--uui-font-body-medium-line: 1.25rem;--uui-font-body-medium-weight: 400;--uui-font-body-medium-track: .015625rem;--uui-font-body-small-size: .75rem;--uui-font-body-small-line: 1rem;--uui-font-body-small-weight: 400;--uui-font-body-small-track: .025rem;--uui-font-caption-size: .75rem;--uui-font-caption-line: 1rem;--uui-font-caption-weight: 400;--uui-font-caption-track: .025rem;--uui-font-overline-size: .625rem;--uui-font-overline-line: 1rem;--uui-font-overline-weight: 400;--uui-font-overline-track: .09375rem}.uui-font-display-large{font-style:normal;font-weight:var(--uui-font-display-large-weight);font-size:var(--uui-font-display-large-size);line-height:var(--uui-font-display-large-line);letter-spacing:var(--uui-font-display-large-track)}.uui-font-display-medium{font-style:normal;font-weight:var(--uui-font-display-medium-weight);font-size:var(--uui-font-display-medium-size);line-height:var(--uui-font-display-medium-line);letter-spacing:var(--uui-font-display-medium-track)}.uui-font-display-small{font-style:normal;font-weight:var(--uui-font-display-small-weight);font-size:var(--uui-font-display-small-size);line-height:var(--uui-font-display-small-line);letter-spacing:var(--uui-font-display-small-track)}.uui-font-headline-large{font-style:normal;font-weight:var(--uui-font-headline-large-weight);font-size:var(--uui-font-headline-large-size);line-height:var(--uui-font-headline-large-line);letter-spacing:var(--uui-font-headline-large-track)}.uui-font-headline-medium{font-style:normal;font-weight:var(--uui-font-headline-medium-weight);font-size:var(--uui-font-headline-medium-size);line-height:var(--uui-font-headline-medium-line);letter-spacing:var(--uui-font-headline-medium-track)}.uui-font-headline-small{font-style:normal;font-weight:var(--uui-font-headline-small-weight);font-size:var(--uui-font-headline-small-size);line-height:var(--uui-font-headline-small-line);letter-spacing:var(--uui-font-headline-small-track)}.uui-font-title-large{font-style:normal;font-weight:var(--uui-font-title-large-weight);font-size:var(--uui-font-title-large-size);line-height:var(--uui-font-title-large-line);letter-spacing:var(--uui-font-title-large-track)}.uui-font-title-medium{font-style:normal;font-weight:var(--uui-font-title-medium-weight);font-size:var(--uui-font-title-medium-size);line-height:var(--uui-font-title-medium-line);letter-spacing:var(--uui-font-title-medium-track)}.uui-font-title-small{font-style:normal;font-weight:var(--uui-font-title-small-weight);font-size:var(--uui-font-title-small-size);line-height:var(--uui-font-title-small-line);letter-spacing:var(--uui-font-title-small-track)}.uui-font-label-large{font-style:normal;font-weight:var(--uui-font-label-large-weight);font-size:var(--uui-font-label-large-size);line-height:var(--uui-font-label-large-line);letter-spacing:var(--uui-font-label-large-track)}.uui-font-label-medium{font-style:normal;font-weight:var(--uui-font-label-medium-weight);font-size:var(--uui-font-label-medium-size);line-height:var(--uui-font-label-medium-line);letter-spacing:var(--uui-font-label-medium-track)}.uui-font-label-small{font-style:normal;font-weight:var(--uui-font-label-small-weight);font-size:var(--uui-font-label-small-size);line-height:var(--uui-font-label-small-line);letter-spacing:var(--uui-font-label-small-track)}.uui-font-body-large{font-style:normal;font-weight:var(--uui-font-body-large-weight);font-size:var(--uui-font-body-large-size);line-height:var(--uui-font-body-large-line);letter-spacing:var(--uui-font-body-large-track)}.uui-font-body-medium{font-style:normal;font-weight:var(--uui-font-body-medium-weight);font-size:var(--uui-font-body-medium-size);line-height:var(--uui-font-body-medium-line);letter-spacing:var(--uui-font-body-medium-track)}.uui-font-body-small{font-style:normal;font-weight:var(--uui-font-body-small-weight);font-size:var(--uui-font-body-small-size);line-height:var(--uui-font-body-small-line);letter-spacing:var(--uui-font-body-small-track)}.uui-font-caption{font-style:normal;font-weight:var(--uui-font-caption-weight);font-size:var(--uui-font-caption-size);line-height:var(--uui-font-caption-line);letter-spacing:var(--uui-font-caption-track)}.uui-font-overline{font-style:normal;font-weight:var(--uui-font-overline-weight);font-size:var(--uui-font-overline-size);line-height:var(--uui-font-overline-line);letter-spacing:var(--uui-font-overline-track);text-transform:uppercase}:root{--uui-icon-size: 1.5rem}.uui-icon{display:grid;place-items:center}.uui-icon svg,.uui-icon img{width:var(--uui-icon-size);height:var(--uui-icon-size)}:root{--uui-hover-opacity: .08;--uui-focus-opacity: .1;--uui-pressed-opacity: .12;--uui-text-hover-opacity: .88;--uui-text-focus-opacity: .8;--uui-text-pressed-opacity: .8;--uui-dragged-opacity: .16;--uui-selected-opacity: .24;--uui-disabled-opacity: .38;--uui-subtle-opacity: .3;--uui-medium-opacity: .6;--uui-opacity-transition: opacity .15s cubic-bezier(.2, 0, 0, 1)}.uui-tooltip{pointer-events:none;z-index:1000;position:absolute;color:var(--uui-color-inverse-on-surface);background-color:var(--uui-color-inverse-surface);padding:.25rem .5rem}.uui-bb{max-height:-moz-max-content;max-height:max-content;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;--uui-btn-color: var(--uui-control-color, var(--uui-color-primary))}.uui-compact>.uui-bb,.uui-bb.uui-compact{min-width:40px;min-height:40px}.uui-dense>.uui-bb,.uui-bb.uui-dense{min-width:32px;min-height:32px}.uui-btn-control{position:relative;outline:none;box-sizing:border-box;width:var(--uui-button-width, inherit);height:var(--uui-button-height, inherit);padding-left:var(--uui-button-padding, inherit);padding-right:var(--uui-button-padding, inherit);color:var(--uui-btn-color)}.uui-btn-control.uui-btn-custom{min-width:24px;min-height:24px}.uui-btn-content{display:flex;align-items:center;justify-content:center;-moz-column-gap:var(--uui-col-space, 8px);column-gap:var(--uui-col-space, 8px)}.uui-bb .uui-state{pointer-events:none;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;transition:var(--uui-opacity-transition);z-index:1;background-color:var(--uui-btn-color)}.uui-btn-control.uui-focus-overlay:focus-visible .uui-state{opacity:var(--uui-focus-opacity)}.uui-btn-control.uui-hover-overlay:hover .uui-state{opacity:var(--uui-hover-opacity)}.uui-btn-control.uui-pressed-overlay:active .uui-state{opacity:var(--uui-pressed-opacity)}.uui-btn-control.uui-selected.uui-selected-overlay .uui-state{opacity:var(--uui-selected-opacity)}.uui-bb .uui-btn-control:disabled{color:var(--uui-color-on-surface)!important;background-color:transparent!important;box-shadow:none!important}.uui-bb .uui-btn-control:disabled .uui-btn-content{opacity:var(--uui-disabled-opacity)}.uui-bb .uui-btn-control:disabled:after{opacity:var(--uui-disabled-opacity);border-color:var(--uui-color-outline-variant)}.uui-bb .uui-btn-control:disabled .uui-state{background-color:var(--uui-color-on-surface)!important;opacity:.1!important}.uui-bb .uui-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.uui-bb .uui-icon{display:flex}.uui-button .uui-extra-large{--uui-button-padding: 4rem;--uui-button-height: 8.5rem;--uui-icon-size: 2.5rem;--uui-col-space: 1rem;--uui-corner-rounded: 28px;--uui-corner-smooth: 16px}.uui-button .uui-large{--uui-button-padding: 3rem;--uui-button-height: 6rem;--uui-icon-size: 2rem;--uui-col-space: .75rem;--uui-corner-rounded: 28px;--uui-corner-smooth: 16px}.uui-button .uui-medium{--uui-button-padding: 1.5rem;--uui-button-height: 3.5rem;--uui-icon-size: 1.5rem;--uui-col-space: .5rem;--uui-corner-rounded: 16px;--uui-corner-smooth: 12px}.uui-button .uui-small{--uui-button-padding: 1rem;--uui-button-height: 2.5rem;--uui-icon-size: 1.25rem;--uui-col-space: .5rem;--uui-corner-rounded: 12px;--uui-corner-smooth: 8px}.uui-button .uui-extra-small{--uui-button-padding: .75rem;--uui-button-height: 2rem;--uui-icon-size: 1.25rem;--uui-col-space: .5rem;--uui-corner-rounded: 12px;--uui-corner-smooth: 8px}.uui-icon-button .uui-extra-large{--uui-button-width: 8.5rem;--uui-button-height: 8.5rem;--uui-icon-size: 2.5rem;--uui-corner-rounded: 28px;--uui-corner-smooth: 16px}.uui-icon-button .uui-large{--uui-button-width: 6rem;--uui-button-height: 6rem;--uui-icon-size: 2rem;--uui-corner-rounded: 28px;--uui-corner-smooth: 16px}.uui-icon-button .uui-medium{--uui-button-width: 3.5rem;--uui-button-height: 3.5rem;--uui-icon-size: 1.5rem;--uui-corner-rounded: 16px;--uui-corner-smooth: 12px}.uui-icon-button .uui-small{--uui-button-width: 2.5rem;--uui-button-height: 2.5rem;--uui-icon-size: 1.5rem;--uui-corner-rounded: 12px;--uui-corner-smooth: 8px}.uui-icon-button .uui-extra-small{--uui-button-width: 2rem;--uui-button-height: 2rem;--uui-icon-size: 1.25rem;--uui-corner-rounded: 12px;--uui-corner-smooth: 8px}.uui-fab .uui-extra-large{--uui-button-width: 8.5rem;--uui-button-height: 8.5rem;--uui-icon-size: 2.5rem;--uui-col-space: 1rem;--uui-corner-rounded: 28px;--uui-corner-smooth: 16px;--uui-ext-padding: 2.5rem}.uui-fab .uui-large{--uui-button-width: 6rem;--uui-button-height: 6rem;--uui-icon-size: 2.25rem;--uui-col-space: 1rem;--uui-corner-rounded: 28px;--uui-corner-smooth: 16px;--uui-ext-padding: 1.75rem}.uui-fab .uui-medium{--uui-button-width: 5rem;--uui-button-height: 5rem;--uui-icon-size: 1.75rem;--uui-col-space: .75rem;--uui-corner-rounded: 20px;--uui-corner-smooth: 16px;--uui-ext-padding: 1.625rem}.uui-fab .uui-small{--uui-button-width: 3.5rem;--uui-button-height: 3.5rem;--uui-icon-size: 1.5rem;--uui-col-space: .5rem;--uui-corner-rounded: 16px;--uui-corner-smooth: 12px;--uui-ext-padding: 1rem}.uui-fab .uui-extra-small{--uui-button-width: 2.5rem;--uui-button-height: 2.5rem;--uui-icon-size: 1.25rem;--uui-col-space: .5rem;--uui-corner-rounded: 12px;--uui-corner-smooth: 8px;--uui-ext-padding: 1rem}.uui-fab.uui-fab-extended button{--uui-button-width: auto;--uui-button-padding: var(--uui-ext-padding)}.uui-chip .uui-extra-large{--uui-button-padding: 3.5rem;--uui-button-height: 6rem;--uui-icon-size: 2rem;--uui-col-space: .75rem;--uui-corner-rounded: 28px;--uui-corner-smooth: 16px}.uui-chip .uui-large{--uui-button-padding: 2rem;--uui-button-height: 3.5rem;--uui-icon-size: 1.5rem;--uui-col-space: .5rem;--uui-corner-rounded: 16px;--uui-corner-smooth: 12px}.uui-chip .uui-medium{--uui-button-padding: 1.25rem;--uui-button-height: 2.5rem;--uui-icon-size: 1.25rem;--uui-col-space: .5rem;--uui-corner-rounded: 12px;--uui-corner-smooth: 8px}.uui-chip .uui-small{--uui-button-padding: 1rem;--uui-button-height: 2rem;--uui-icon-size: 1.25rem;--uui-col-space: .5rem;--uui-corner-rounded: 12px;--uui-corner-smooth: 8px}.uui-chip .uui-extra-small{--uui-button-padding: .875rem;--uui-button-height: 1.75rem;--uui-icon-size: 1.25rem;--uui-col-space: .5rem;--uui-corner-rounded: 12px;--uui-corner-smooth: 8px}.uui-badge{width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;position:relative}.uui-badge-slot{--uui-badge-offset: 0;display:flex;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.uui-badge-control{--uui-corner-rounded: 8px;--uui-corner-smooth: 4px;--uui-corner-round: var(--uui-corner-full);display:flex;align-items:center;justify-content:center;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content}.uui-badge-control.uui-extra-small,.uui-badge-control.uui-small{--uui-badge-offset: 10px;width:6px;height:6px}.uui-badge-slot .uui-badge-control{margin:var(--uui-badge-offset)}.uui-badge-control.uui-medium{height:16px;min-width:16px;padding:4px}.uui-badge-control.uui-extra-large,.uui-badge-control.uui-large{--uui-badge-offset: -8px;min-width:24px;height:24px;padding:6px}.uui-cb{--uui-cb-col-gap: 19px;--uui-corner-round: var(--uui-corner-full);--uui-corner-smooth: 2px;--uui-corner-rounded: 4px;--uui-icon-size: 1.5rem;--uui-glyph-size: 18px;--uui-control-grid-gap: 0 0px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;-moz-column-gap:var(--uui-cb-col-gap);column-gap:var(--uui-cb-col-gap);--uui-input-width: 100%}.uui-cb.uui-extra-small{--uui-cb-col-gap: 15px}.uui-cb.uui-small{--uui-cb-col-gap: 18px}.uui-cb.uui-medium{--uui-cb-col-gap: 15px}.uui-cb.uui-large{--uui-cb-col-gap: 17px}.uui-cb-control-wrapper{position:relative;display:grid;place-items:center;min-height:48px}.uui-cb.uui-compact .uui-cb-control-wrapper{min-height:40px}.uui-cb.uui-dense .uui-cb-control-wrapper{min-height:32px}.uui-cb-control{position:relative;display:flex;align-items:center;justify-content:center}.uui-cb-control input.uui-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;height:100%;width:var(--uui-input-width);border-radius:inherit;cursor:pointer}.uui-cb-control .uui-state{opacity:0;transition:var(--uui-opacity-transition);pointer-events:none;position:absolute;height:100%;width:var(--uui-input-width);border-radius:inherit;z-index:1}.uui-cb-control.uui-pressed-overlay:active .uui-state{opacity:var(--uui-pressed-opacity)}.uui-cb-control.uui-hover-overlay:not(:active) input:hover+.uui-state{opacity:var(--uui-hover-opacity)}.uui-cb-control.uui-focus-overlay .uui-state{opacity:var(--uui-focus-opacity)}.uui-cb-control.uui-checked.uui-selected-overlay .uui-state{opacity:var(--uui-selected-opacity)}.uui-cb-glyph{width:var(--uui-glyph-size);height:var(--uui-glyph-size);display:grid;place-items:center;pointer-events:none;overflow:hidden;position:relative}.uui-cb-content{display:flex;align-items:center;justify-content:center;pointer-events:none;-moz-column-gap:var(--uui-col-space, 8px);column-gap:var(--uui-col-space, 8px)}.uui-cb-label{white-space:pre-line;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}fieldset[disabled] .uui-cb,.uui-cb.uui-disabled{pointer-events:none}.uui-disabled .uui-cb-label,.uui-disabled .uui-support-text,fieldset[disabled] .uui-cb-label,fieldset[disabled] .uui-support-text{color:var(--uui-color-on-surface)!important;opacity:var(--uui-disabled-opacity)}.uui-disabled .uui-cb-content,.uui-disabled .uui-cb-glyph,fieldset[disabled] .uui-cb-content,fieldset[disabled] .uui-cb-glyph{border-color:var(--uui-color-on-surface)!important;opacity:var(--uui-disabled-opacity)}.uui-disabled .uui-cb-control.uui-filled.uui-indeterminate .uui-cb-glyph,.uui-disabled .uui-cb-control.uui-filled.uui-checked .uui-cb-glyph,fieldset[disabled] .uui-cb-control.uui-filled.uui-indeterminate .uui-cb-glyph,fieldset[disabled] .uui-cb-control.uui-filled.uui-checked .uui-cb-glyph{background-color:var(--uui-color-on-surface)!important;color:var(--uui-color-surface)!important}.uui-disabled .uui-cb-control.uui-filled .uui-cb-glyph,fieldset[disabled] .uui-cb-control.uui-filled .uui-cb-glyph{color:var(--uui-color-on-surface)!important}.uui-disabled .uui-cb-control.uui-filled.uui-checked .uui-cb-glyph .uui-icon,fieldset[disabled] .uui-cb-control.uui-filled.uui-checked .uui-cb-glyph .uui-icon{color:var(--uui-color-surface)!important}.uui-disabled .uui-cb-control:not(.uui-filled) .uui-cb-glyph .uui-icon,fieldset[disabled] .uui-cb-control:not(.uui-filled) .uui-cb-glyph .uui-icon{color:var(--uui-color-on-surface)!important}.uui-field-wrapper{--uui-field-padding-l: 16px;--uui-field-padding-r: 16px;--uui-field-padding-y: 4px;--uui-slot-size: 48px;--uui-control-color: var(--uui-color-on-surface);display:flex;flex-direction:column}.uui-field-control{--uui-corner-round: var(--uui-corner-full);--uui-corner-smooth: 2px;--uui-corner-rounded: 4px;display:flex;align-items:center;position:relative;padding:var(--uui-field-padding-y) var(--uui-field-padding-r) var(--uui-field-padding-y) var(--uui-field-padding-l);cursor:text}.uui-field-control.uui-has-leading{padding-left:0}.uui-field-control.uui-has-trailing{padding-right:0}.uui-field.uui-filled .uui-field-control{background-color:var(--uui-color-surface-container-highest);border-bottom-left-radius:0;border-bottom-right-radius:0}.uui-field-control .uui-leading,.uui-field-control .uui-trailing{display:inline-flex;align-items:center}.uui-field-control .uui-slot{width:var(--uui-slot-size);height:var(--uui-slot-size);display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px}.uui-field-control .uui-slot svg{width:var(--uui-icon-size);height:var(--uui-icon-size)}.uui-field-input-wrapper{display:flex;flex-direction:column;justify-content:center;position:relative;padding:var(--uui-field-padding-y) 0;min-height:48px;flex:1 1 0}.uui-field-float-label{position:absolute;top:50%;pointer-events:none;transform:translateY(-50%) translate(0);transition:transform .15s cubic-bezier(.2,0,0,1),top .15s cubic-bezier(.2,0,0,1),font-size .15s cubic-bezier(.2,0,0,1);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.uui-filled .uui-fb-label-up .uui-field-float-label{top:var(--uui-field-padding-y);transform:translateY(0)}.uui-outlined .uui-fb-label-up .uui-field-float-label{top:calc(var(--uui-field-padding-y) * -1);transform:translate(var(--uui-label-up-x)) translateY(-50%)}.uui-field-state{position:absolute;top:0;left:0;bottom:0;right:0;pointer-events:none}.uui-field-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;outline:0;width:100%}.uui-field-input:-webkit-autofill{box-shadow:0 0 0 1000px var(--uui-color-surface) inset!important;-webkit-text-fill-color:var(--uui-color-on-surface)!important}.uui-field .uui-support-text{padding:4px var(--uui-field-padding-l)}.uui-field-fieldset{border:1px solid var(--uui-color-outline);position:absolute;width:100%;bottom:0;left:0;top:0}.uui-field-fieldset>legend{line-height:0;margin-left:10px;opacity:0;max-width:0;padding:0;overflow:hidden}.uui-outlined .uui-fb-label-up .uui-field-fieldset>legend{max-width:100%;padding:0 4px}:root{--uui-switch-aspect: 1.625}.uui-switch{--uui-switch-duration: .2s;--uui-cb-col-gap: 18px;--uui-corner-round: var(--uui-corner-full);--uui-corner-smooth: 4px;--uui-corner-rounded: 8px;--uui-icon-size: 1.5rem;--uui-active-thumb-scale: 1;--uui-control-grid-gap: 0 18px;max-height:-moz-max-content;max-height:max-content;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-items:start;-moz-column-gap:var(--uui-cb-col-gap);column-gap:var(--uui-cb-col-gap)}.uui-switch-control{--uui-switch-transition: transform var(--uui-switch-duration) cubic-bezier(.2, 0, .4, 1);--uui-track-size: calc(var(--uui-control-height) * var(--uui-switch-aspect));--uui-thumb-size: calc(var(--uui-control-height) * .75);--uui-track-padding: max( 0px, calc((var(--uui-control-height) - var(--uui-thumb-size)) * .5) );--uui-thumb-x: calc( var(--uui-track-size) - var(--uui-thumb-size) - var(--uui-track-padding) );--uui-glyph-size: calc(var(--uui-control-height) * .5);--uui-state-size: calc(var(--uui-control-height) + 8px);--uui-icon-size: calc(var(--uui-control-height) * .5);--uui-thumb-scale: 1.65;--uui-rounded-thumb: 4px;position:relative;display:block;height:var(--uui-control-height);width:var(--uui-track-size)}.uui-switch-control-wrapper{position:relative;display:grid;place-items:center;min-height:48px}.uui-switch.uui-compact .uui-switch-control-wrapper{min-height:40px}.uui-switch.uui-dense .uui-switch-control-wrapper{min-height:32px}.uui-switch-control.uui-checked,.uui-switch-control.uui-symmetric-thumb{--uui-glyph-size: var(--uui-thumb-size);--uui-thumb-scale: 1.167;--uui-rounded-thumb: 6px}.uui-switch-track{position:absolute;pointer-events:none;top:0;bottom:0;width:100%;margin-top:auto;margin-bottom:auto;height:var(--uui-control-height)}.uui-switch-thumb{--uui-corner-rounded: var(--uui-rounded-thumb);--uui-corner-smooth: 2px;position:absolute;pointer-events:none;width:var(--uui-thumb-size);height:var(--uui-thumb-size);display:grid;place-items:center;transform:translate(var(--uui-track-padding));transition:var(--uui-switch-transition);top:0;bottom:0;margin-top:auto;margin-bottom:auto}.uui-switch-control.uui-checked .uui-switch-thumb{transform:translate(var(--uui-thumb-x))}.uui-switch-glyph{width:var(--uui-glyph-size);height:var(--uui-glyph-size);display:grid;place-items:center;border-radius:inherit;transform:scale(var(--uui-active-thumb-scale));will-change:transform;transition:transform .15s cubic-bezier(.2,0,.4,1)}.uui-switch.uui-extra-small{--uui-control-height: 24px}.uui-switch.uui-small{--uui-control-height: 32px}.uui-switch.uui-medium{--uui-control-height: 40px}.uui-switch.uui-large{--uui-control-height: 48px}.uui-switch.uui-extra-large{--uui-control-height: 64px}.uui-switch-control input.uui-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;height:100%;width:100%;border-radius:inherit;cursor:pointer}.uui-switch-control .uui-state{opacity:0;transition:var(--uui-opacity-transition);pointer-events:none;position:absolute;height:var(--uui-state-size);width:var(--uui-state-size);z-index:1}.uui-switch-control.uui-pressed-overlay:active .uui-state{opacity:var(--uui-pressed-opacity)}.uui-switch-control.uui-hover-overlay:not(:active) input:hover~.uui-switch-thumb .uui-state,.uui-switch-control.uui-hover-overlay:not(:active) input:hover~.uui-switch-content .uui-state{opacity:var(--uui-hover-opacity)}.uui-switch-control.uui-focus-overlay .uui-state{opacity:var(--uui-focus-opacity)}.uui-switch-control.uui-checked.uui-selected-overlay .uui-state{opacity:var(--uui-selected-opacity)}.uui-switch-control.uui-pressed-scale:active{--uui-active-thumb-scale: var(--uui-thumb-scale)}.uui-switch-content{display:flex;align-items:center;justify-content:center;pointer-events:none;-moz-column-gap:var(--uui-col-space, 8px);column-gap:var(--uui-col-space, 8px);--uui-state-size: 100%}fieldset[disabled] .uui-switch,.uui-switch.uui-disabled{pointer-events:none}.uui-switch-control .uui-input:disabled~.uui-switch-track{opacity:.1;background-color:var(--uui-color-surface-variant)!important}.uui-switch-control .uui-input:disabled~.uui-switch-thumb .uui-switch-glyph{background-color:var(--uui-color-on-surface)!important;opacity:var(--uui-disabled-opacity)}.uui-switch-control .uui-input:disabled~.uui-switch-thumb .uui-switch-glyph .uui-icon{color:var(--uui-color-surface-container-highest)!important}.uui-switch-control.uui-checked .uui-input:disabled~.uui-switch-track{opacity:.1;background-color:var(--uui-color-on-surface)!important}.uui-switch-control.uui-checked .uui-input:disabled~.uui-switch-thumb .uui-switch-glyph{background-color:var(--uui-color-surface)!important;opacity:1}.uui-switch-control.uui-checked .uui-input:disabled~.uui-switch-thumb .uui-switch-glyph .uui-icon{color:var(--uui-color-on-surface)!important;opacity:var(--uui-disabled-opacity)}.uui-switch-control .uui-input:disabled~.uui-switch-track,.uui-switch-control .uui-input:disabled~.uui-switch-content{border-color:var(--uui-color-on-surface)!important}.uui-switch-control .uui-input:disabled~.uui-switch-content:after{opacity:var(--uui-disabled-opacity)}.uui-disabled .uui-switch-content,fieldset[disabled] .uui-switch-content{opacity:var(--uui-disabled-opacity)}.uui-radio.uui-extra-small .uui-cb-control{--uui-glyph-size: 18px;--uui-icon-size: 18px;--uui-input-width: 32px;height:32px}.uui-radio.uui-small .uui-cb-control{--uui-glyph-size: 20px;--uui-icon-size: 20px;--uui-input-width: 40px;height:40px}.uui-radio.uui-medium .uui-cb-control{--uui-glyph-size: 24px;--uui-icon-size: 24px;--uui-input-width: 40px;height:40px}.uui-radio.uui-large .uui-cb-control{--uui-glyph-size: 32px;--uui-icon-size: 32px;--uui-input-width: 52px;height:52px}.uui-radio.uui-extra-large .uui-cb-control{--uui-glyph-size: 40px;--uui-icon-size: 40px;--uui-input-width: 64px;height:64px}.uui-checkbox.uui-extra-small .uui-cb-control{--uui-glyph-size: 16px;--uui-icon-size: 16px;--uui-input-width: 32px;height:32px}.uui-checkbox.uui-small .uui-cb-control{--uui-glyph-size: 18px;--uui-icon-size: 18px;--uui-input-width: 40px;height:40px}.uui-checkbox.uui-medium .uui-cb-control{--uui-glyph-size: 24px;--uui-icon-size: 24px;--uui-input-width: 40px;height:40px}.uui-checkbox.uui-large .uui-cb-control{--uui-glyph-size: 32px;--uui-icon-size: 33px;--uui-input-width: 52px;height:52px}.uui-checkbox.uui-extra-large .uui-cb-control{--uui-glyph-size: 40px;--uui-icon-size: 40px;--uui-input-width: 64px;height:64px}:root{--uui-backdrop-color: var(--uui-color-scrim)}.uui-dlg-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999;background-color:#0000;transition:background-color var(--uui-duration, .25s) ease-out;pointer-events:none;--uui-default-shape: var(--uui-corner-full);--uui-corner-full: var(--uui-corner-extra-large);--uui-corner-rounded: var(--uui-corner-large)}.uui-dlg-backdrop.uui-modal.uui-open{background-color:var(--uui-backdrop-color);pointer-events:auto}.uui-dlg-backdrop.uui-anchored{position:absolute;z-index:10}.uui-dlg-backdrop.uui-docked{position:relative;z-index:10}.uui-dlg{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column;--uui-dialog-max-width: none;--uui-dialog-min-width: none;min-width:280px;max-width:min(var(--uui-dialog-max-width),calc(100% - 32px));background-color:var(--uui-color-surface-container-high);border-radius:var(--uui-control-shape, var(--uui-default-shape));pointer-events:auto;transition:border-radius var(--uui-duration, .22s) ease;padding:0}.uui-dlg.uui-fit{width:-moz-max-content;width:max-content}.uui-dlg.uui-extra-small{--uui-dialog-max-width: 320px}.uui-dlg.uui-small{--uui-dialog-max-width: 400px}.uui-dlg.uui-medium{--uui-dialog-max-width: 560px}.uui-dlg.uui-large{--uui-dialog-max-width: 720px}.uui-dlg.uui-extra-large{--uui-dialog-max-width: 960px}.uui-dlg.uui-small.uui-dlg-dock-left,.uui-dlg.uui-small.uui-dlg-dock-right{--uui-dialog-max-width: 360px}.uui-dlg-basic{height:-moz-max-content;height:max-content;margin-left:auto;margin-right:auto;max-height:80vh}.uui-dlg-fullscreen{height:100%;min-width:100%;max-width:100%;margin-left:auto;margin-right:auto;border-radius:0;background-color:var(--uui-color-surface)}.uui-dlg-dock-top,.uui-dlg-dock-bottom{max-width:min(var(--uui-dialog-max-width),100%);max-height:100%}.uui-dlg-dock-left,.uui-dlg-dock-right{height:100%;max-height:100%;max-width:min(var(--uui-dialog-max-width),100%)}.uui-dlg-dock-top.uui-detached{margin-top:16px}.uui-dlg-dock-bottom.uui-detached{margin-bottom:16px}.uui-dlg-dock-left.uui-detached{margin-left:16px}.uui-dlg-dock-right.uui-detached{margin-right:16px}.uui-dlg.uui-w-full.uui-dlg-basic{max-width:calc(100% - 32px);width:100%}.uui-dlg.uui-dlg-dock-top.uui-detached,.uui-dlg.uui-dlg-dock-bottom.uui-detached,.uui-dlg.uui-dlg-dock-left.uui-detached,.uui-dlg.uui-dlg-dock-right.uui-detached{max-height:calc(100% - 32px);max-width:min(var(--uui-dialog-max-width),calc(100vw - 32px))}.uui-dlg.uui-w-full.uui-dlg-dock-left,.uui-dlg.uui-w-full.uui-dlg-dock-right,.uui-dlg.uui-w-full.uui-dlg-dock-top,.uui-dlg.uui-w-full.uui-dlg-dock-bottom{max-width:100%;width:100%}.uui-dlg.uui-w-full.uui-dlg-dock-left.uui-detached,.uui-dlg.uui-w-full.uui-dlg-dock-right.uui-detached,.uui-dlg.uui-w-full.uui-dlg-dock-top.uui-detached,.uui-dlg.uui-w-full.uui-dlg-dock-bottom.uui-detached{max-width:calc(100% - 32px);width:100%}.uui-dlg.uui-h-full.uui-dlg-basic{height:100%;max-height:calc(100% - 32px)}.uui-dlg-dock-bottom{margin-top:auto}.uui-dlg-dock-top{margin-bottom:auto}.uui-dlg.uui-dlg-dock-right,.uui-dlg.uui-dlg-dock-left{--uui-default-shape: var(--uui-corner-rounded)}.uui-dlg.uui-maximized:not(.uui-detached),.uui-dlg.uui-h-full.uui-dlg-dock-top:not(.uui-detached),.uui-dlg.uui-h-full.uui-dlg-dock-bottom:not(.uui-detached),.uui-dlg.uui-w-full.uui-dlg-dock-left:not(.uui-detached),.uui-dlg.uui-w-full.uui-dlg-dock-right:not(.uui-detached){border-radius:0}.uui-dlg.uui-dlg-dock-top:not(.uui-detached){border-top-left-radius:0;border-top-right-radius:0}.uui-dlg.uui-dlg-dock-bottom:not(.uui-detached){border-bottom-left-radius:0;border-bottom-right-radius:0}.uui-dlg.uui-dlg-dock-left:not(.uui-detached){border-top-left-radius:0;border-bottom-left-radius:0}.uui-dlg.uui-dlg-dock-right:not(.uui-detached){border-top-right-radius:0;border-bottom-right-radius:0}.uui-dlg-dock-right{margin-left:auto}.uui-dlg-dock-left{margin-right:auto}.uui-dialog-content{display:flex;-moz-column-gap:24px;column-gap:24px;flex:1;overflow-y:auto;padding:0 24px 24px;order:2}.uui-dlg.uui-flush .uui-dialog-content{padding:0}.uui-dialog-content .uui-content{order:1}.uui-dialog-content .uui-icon-contentLeft,.uui-dialog-content .uui-icon-contentRight{--uui-icon-size: 48px;min-width:48px;justify-content:center;align-items:center}.uui-dialog-content .uui-icon-contentLeft{order:0}.uui-dialog-content .uui-icon-contentRight{order:2;margin-left:auto}.uui-dialog-actions{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;-moz-column-gap:var(--uui-col-space, .75rem);column-gap:var(--uui-col-space, .75rem);padding:0 24px 20px;order:3}.uui-dialog-actions.uui-actions-top{order:0;padding-top:24px}.uui-dialog-actions.uui-actions-subtitle{order:1}.uui-dialog-actions.uui-actions-bottom{order:3}.uui-dialog-actions.uui-actions-inline{order:unset;padding:0}.uui-dialog-actions.uui-actions-start{justify-content:flex-start}.uui-dialog-actions.uui-actions-center{justify-content:center}.uui-dialog-actions.uui-actions-stack{flex-direction:column;align-items:flex-end}.uui-dialog-actions.uui-actions-stack.uui-actions-start{align-items:flex-start}.uui-dialog-actions.uui-actions-stack.uui-actions-center{align-items:center}.uui-dialog-header{--uui-slot-size: 48px;--uui-icon-size: 24px;--uui-control-color: var(--uui-color-on-surface);display:flex;flex-wrap:nowrap;align-items:start;order:1;padding:12px 12px 16px}.uui-dialog-header .uui-trailing{margin-left:auto}.uui-dialog-header .uui-icon-top{width:100%}.uui-dialog-title{display:flex;align-items:center;row-gap:16px;flex-grow:1;padding:12px 0 0}.uui-dialog-title .uui-title{flex-grow:1}.uui-dialog-title.uui-title-top{flex-direction:column}.uui-dialog-title .uui-title.uui-title-center{text-align:center}.uui-dialog-title .uui-title.uui-title-end{text-align:right}.uui-dialog-title .uui-icon{width:var(--uui-slot-size);height:24px}.uui-dialog-header>.uui-dialog-title:first-child{padding-left:12px}.uui-dialog-header>.uui-dialog-title:last-child{padding-right:12px}.uui-dialog-header>.uui-dialog-title:only-child{padding-bottom:16px}.uui-menu,.uui-menu-scroll{width:-moz-max-content;width:max-content;max-width:min(calc(100vw - 24px),280px);min-width:120px;outline:none}.uui-menu{overflow:hidden;position:relative}.uui-menu-modern{--uui-corner-full: 24px;--uui-corner-rounded: 16px;--uui-corner-smooth: 8px}.uui-menu-classic{--uui-corner-full: 16px;--uui-corner-rounded: 8px;--uui-corner-smooth: 4px}.uui-menu.uui-menu-horizontal{max-width:min(calc(100vw - 64px),1024px)}.uui-menu.uui-menu-horizontal .uui-menu-item{max-width:280px;min-width:48px}.uui-menu-scroll{max-height:min(calc(100vh - 64px),520px);overflow-y:auto;overflow-x:hidden;position:relative}.uui-menu-horizontal .uui-menu-scroll{max-width:min(calc(100vw - 24px),1024px);display:flex}.uui-menu-modern .uui-menu-scroll{padding:0 4px;margin:4px 0}.uui-menu-modern.uui-menu-horizontal .uui-menu-scroll{padding:0 2px}.uui-menu-classic .uui-menu-scroll{padding:0;margin:8px 0}.uui-menu-horizontal .uui-menu-scroll{display:flex;max-width:min(calc(100vw - 64px),2048px);overflow-y:hidden;overflow-x:hidden;margin:0}.uui-menu-item{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;outline:none;display:flex;justify-items:center;align-items:center}.uui-menu-item .uui-leading{width:24px;height:24px;min-width:24px;overflow:hidden;display:flex;align-items:center;justify-content:center}.uui-menu-item-modern{--uui-icon-size: 20px;--uui-col-space: 12px;--uui-corner-rounded: 12px;--uui-corner-smooth: 6px;height:48px}.uui-menu-item-classic{--uui-icon-size: 24px;--uui-col-space: 8px;--uui-corner-round: 12px;--uui-corner-rounded: 6px;--uui-corner-smooth: 0px;height:56px}.uui-menu-item-modern.uui-compact{height:44px}.uui-menu-item-modern.uui-dense{height:40px}.uui-menu-item-classic.uui-compact{height:48px}.uui-menu-item-classic.uui-dense{height:40px}.uui-menu-item-content{display:flex;align-items:center;width:100%;-moz-column-gap:var(--uui-col-space);column-gap:var(--uui-col-space);position:relative;padding-inline:12px;cursor:pointer}.uui-menu-item-modern .uui-menu-item-content{height:44px}.uui-menu-item-modern.uui-compact .uui-menu-item-content,.uui-menu-item-modern.uui-dense .uui-menu-item-content,.uui-menu-item-classic .uui-menu-item-content{height:100%}.uui-menu-item-content .uui-menu-item-text{flex:1 1 auto;min-width:0;flex-direction:column;display:flex;justify-content:center}.uui-menu-item-label,.uui-menu-item-description{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uui-menu-item .uui-menu-item-content .uui-state{pointer-events:none;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;transition:opacity .18s cubic-bezier(.2,0,0,1)}.uui-menu-item:hover .uui-menu-item-content .uui-state{opacity:var(--uui-hover-opacity)}.uui-menu-item .uui-menu-item-content.uui-focus-overlay.uui-focus-visible.uui-active .uui-state,.uui-menu-item[aria-expanded=true] .uui-menu-item-content .uui-state{opacity:var(--uui-focus-opacity)}.uui-menu-item.uui-disabled .uui-menu-item-content{opacity:var(--uui-disabled-opacity);background:inherit}.uui-menu-item.uui-disabled{pointer-events:none}.uui-menu-item{touch-action:manipulation}.uui-menu-item-children{overflow:hidden;height:100%;width:100%}.uui-divider{flex-shrink:0}@media(hover:hover)and (pointer:fine){.uui-menu-scroll::-webkit-scrollbar{width:6px}.uui-menu-scroll::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,currentColor 30%,transparent);border-radius:6px}.uui-menu-scroll:hover::-webkit-scrollbar-thumb{background:var(--uui-color-outline)}.uui-menu-scroll::-webkit-scrollbar-track{background:transparent}}.uuu-fieldset{border:0;padding:0;margin:0}.uuu-fieldset .uui-support-text{margin-top:4px}.uui-fieldset:disabled{pointer-events:none}.uui-collapse{--uui-ease: ease-in-out;--uui-corner-full: var(--uui-corner-extra-large);transition:height var(--uui-duration) var(--uui-ease);overflow:hidden}.uui-collapse-wrapper{display:flow-root;border-radius:inherit}.uui-toolbar{position:relative;display:flex;align-items:center;min-height:64px;gap:var(--uui-spacing, 4px);padding-inline:16px}.uui-toolbar-docked{width:100%}.uui-toolbar-floating{width:-moz-fit-content;width:fit-content;padding-inline:8px}.uui-toolbar.uui-vertical{padding-inline:0;padding-block:16px;min-width:64px;text-align:center}.uui-toolbar-docked.uui-vertical{width:-moz-min-content;width:min-content}.uui-toolbar-floating.uui-toolbar.uui-vertical{padding-block:8px;min-height:0}.uui-accordion{display:flex;flex-direction:column;--uui-accordion-gap: 0px;--uui-corner-full: var(--uui-corner-large);--uui-slot-size: 24px;--uui-slot-gap: 4px;--uui-col-gap: 8px;gap:var(--uui-accordion-gap);min-width:200px;align-self:start}.uui-accordion-group{overflow:hidden}.uui-accordion.uui-accordion-pills{--uui-accordion-gap: 8px}.uui-accordion-segmented .uui-accordion-group.uui-open{margin:8px 0}.uui-accordion-segmented .uui-accordion-group.uui-open:first-child{margin-top:0}.uui-accordion-segmented .uui-accordion-group.uui-open:last-child{margin-bottom:0}.uui-accordion-segmented .uui-accordion-group.uui-open:only-child{margin:0}.uui-accordion-item{overflow:hidden;flex-direction:column}.uui-accordion-header{position:relative;display:flex;min-height:48px;padding-inline:12px;-moz-column-gap:var(--uui-col-gap);column-gap:var(--uui-col-gap)}.uui-accordion-divider{border-bottom:1px solid var(--uui-color-outline-variant)}.uui-accordion-item div[role=region]{padding-inline:12px;padding-block:12px}.uui-accordion-item .uui-flush div[role=region]{padding-inline:0;padding-block:0}.uui-compact .uui-accordion-header{min-height:40px}.uui-dense .uui-accordion-header{min-height:32px}.uui-accordion-trigger{--uui-focus-ring-inset: 4px;flex-grow:1;display:flex;width:100%;align-items:center;padding-block:8px;background:transparent;z-index:1}.uui-accordion-trigger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.uui-accordion-header{background-color:var(--uui-color-surface-container)}.uui-accordion-item-text .uui-accordion-header{background-color:transparent}.uui-accordion-item-grouped .uui-accordion-header.uui-divided{border:4px solid var(--uui-color-surface-container)}.uui-accordion-icon{transition:transform var(--uui-duration) var(--uui-ease)}.uui-accordion-item[data-open=true] .uui-accordion-icon{transform:rotate(180deg)}.uui-accordion-trigger .uui-state{position:absolute;opacity:0;transition:var(--uui-opacity-transition);pointer-events:none;top:0;right:0;bottom:0;left:0;z-index:2;background-color:var(--uui-color-on-surface)}.uui-accordion-trigger.uui-focus-overlay:focus-visible .uui-state{opacity:var(--uui-focus-opacity)}.uui-accordion-trigger:hover .uui-state{opacity:var(--uui-hover-opacity)}.uui-accordion-trigger.uui-pressed-overlay:active .uui-state{opacity:var(--uui-pressed-opacity)}.uui-accordion-trigger.uui-selected.uui-selected-overlay .uui-state{opacity:var(--uui-selected-opacity)}.uui-accordion-trigger:disabled{opacity:var(--uui-disabled-opacity)}.uui-tabs{width:100%}.uui-tabs-list{display:flex;gap:0;border-bottom:1px solid var(--uui-color-outline-variant)}.uui-tabs-trigger{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;padding:12px 16px;min-height:48px;font:inherit;color:var(--uui-color-on-surface-variant);transition:color .16s ease}.uui-tabs-trigger[aria-selected=true]{color:var(--uui-color-primary)}.uui-tabs-trigger[aria-selected=true]:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:var(--uui-color-primary);border-radius:3px 3px 0 0}.uui-tabs-trigger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity .16s ease;pointer-events:none}.uui-tabs-trigger:hover:before{opacity:var(--uui-hover-opacity)}.uui-tabs-trigger:focus-visible:before{opacity:var(--uui-focus-opacity)}.uui-tabs-panels{padding-top:16px}.uui-tabs-panel{outline:none}.uui-progress{position:relative;display:inline-flex}.uui-progress-linear{width:100%}.uui-progress-linear .uui-progress-track{position:relative;width:100%;overflow:hidden;border-radius:inherit;height:var(--uui-progress-thickness, 4px)}.uui-progress-linear .uui-progress-indicator{height:100%;transition:width .2s ease}.uui-progress-linear.uui-progress-indeterminate .uui-progress-indicator{position:absolute;width:40%;animation:uui-progress-linear-indeterminate 1.6s infinite ease-in-out}@keyframes uui-progress-linear-indeterminate{0%{left:-40%}50%{left:100%}to{left:100%}}.uui-progress-circular{align-items:center;justify-content:center}.uui-progress-circular .uui-progress-svg{width:100%;height:100%;transform-origin:center}.uui-progress-circular .uui-progress-track,.uui-progress-circular .uui-progress-indicator{stroke-width:var(--uui-progress-thickness, 4)}.uui-progress-circular .uui-progress-indicator{transition:stroke-dashoffset .2s ease}.uui-progress-circular.uui-progress-indeterminate .uui-progress-svg{animation:uui-progress-circular-rotate 1.8s linear infinite}.uui-progress-circular.uui-progress-indeterminate .uui-progress-indicator{stroke-dasharray:80;stroke-dashoffset:60;animation:uui-progress-circular-dash 1.5s ease-in-out infinite}@keyframes uui-progress-circular-rotate{to{transform:rotate(360deg)}}@keyframes uui-progress-circular-dash{0%{stroke-dashoffset:80}50%{stroke-dashoffset:20}to{stroke-dashoffset:80}}.uui-toast-viewport{position:fixed;display:flex;flex-direction:column;z-index:var(--uui-toast-viewport-zindex, 1000);gap:var(--uui-column-gap, 12px);max-height:80vh;max-width:min(568px,calc(100vw - 32px));overflow-y:auto;padding:16px}.uui-toast{--uui-toast-color: var(--uui-color-inverse-on-surface);--uui-toast-bg: var(--uui-color-inverse-surface);--uui-corner-smooth: 4px;--uui-corner-rounded: 8px;color:var(--uui-toast-color);background-color:var(--uui-toast-bg)}.uui-toast .uui-collapse{width:100%}.uui-toast-region{padding:14px 16px;display:flex;align-items:center;-moz-column-gap:16px;column-gap:16px;row-gap:8px;flex-wrap:wrap;width:100%}.uui-toast-text{display:flex;align-items:center;gap:16px;flex-grow:1}.uui-toast-actions{margin-left:auto}.uui-toast-content{display:flex;flex-direction:column;gap:4px}.uui-toast-error{--uui-toast-color: var(--uui-color-on-error-container);--uui-toast-bg: var(--uui-color-error-container)}.uui-toast-warning{--uui-toast-color: var(--uui-color-on-warning-container);--uui-toast-bg: var(--uui-color-warning-container)}.uui-toast-info{--uui-toast-color: var(--uui-color-on-info-container);--uui-toast-bg: var(--uui-color-info-container)}.uui-toast-success{--uui-toast-color: var(--uui-color-on-success-container);--uui-toast-bg: var(--uui-color-success-container)}.uui-avatar{--uui-corner-smooth: 4px;--uui-corner-rounded: 8px;font-size:calc(var(--uui-control-size) * .44);width:var(--uui-control-size);height:var(--uui-control-size);display:grid;place-items:center;overflow:hidden}.uui-avatar.uui-extra-small{--uui-control-size: 24px;--uui-corner-smooth: 2px;--uui-corner-rounded: 4px}.uui-avatar.uui-small{--uui-control-size: 32px}.uui-avatar.uui-medium{--uui-control-size: 40px}.uui-avatar.uui-large{--uui-control-size: 56px}.uui-avatar.uui-extra-large{--uui-control-size: 72px}.uui-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.uui-slot{display:inline-flex;align-items:center;gap:var(--uui-slot-gap, 8px)}.uui-slot>*{height:var(--uui-slot-size);width:var(--uui-slot-size);min-width:var(--uui-slot-size);flex-shrink:0}.uui-rating{--uui-icon-size: 24px;--uui-col-gap: 4px;--uui-control-grid-gap: 0px 8px}.uui-rating-control{position:relative;outline:none;display:flex;align-items:center;-moz-column-gap:var(--uui-col-gap);column-gap:var(--uui-col-gap);min-height:48px;cursor:pointer}.uui-rating.uui-disabled .uui-rating-control,.uui-rating[aria-disabled=true] .uui-rating-control{cursor:default;pointer-events:none}.uui-rating-control.uui-compact{min-height:40px}.uui-rating-control.uui-dense{min-height:32px}.uui-rating.uui-extra-small{--uui-icon-size: 20px}.uui-rating.uui-medium{--uui-icon-size: 32px}.uui-rating.uui-large{--uui-icon-size: 40px}.uui-rating.uui-extra-large{--uui-icon-size: 48px}.uui-rating-icon{position:relative}.uui-rating-empty-icon{color:var(--uui-color-outline-variant);transition:color .08s ease-out}.uui-rating:not(.uui-filled):not(.uui-read-only) .uui-rating-empty-icon:hover{color:var(--uui-color-outline)}.uui-rating-filled-icon{color:var(--uui-color-primary);position:absolute;top:0;left:0;overflow:hidden;pointer-events:none;transition:width .08s ease-out}.uui-rating-control:active .uui-rating-filled-icon{transition:none}fieldset:disabled .uui-rating-icon,.uui-rating.uui-disabled .uui-rating-icon{opacity:var(--uui-disabled-opacity)!important;pointer-events:none}fieldset:disabled .uui-rating-filled-icon,.uui-rating.uui-disabled .uui-rating-filled-icon{color:var(--uui-color-outline)!important}.uui-control-grid{display:grid;align-items:center;gap:var(--uui-control-grid-gap, 4px 8px)}.uui-control-grid-end{grid-template-columns:auto 1fr}.uui-control-grid-start{grid-template-columns:1fr auto}.uui-control-grid-col{grid-template-columns:1fr}.uui-control-grid-end .uui-support-text{grid-column:2}.uui-control-grid.uui-spanned .uui-support-text{grid-column:1 / -1}.uui-description{color:var(--uui-color-on-surface-variant)}.uui-error{color:var(--uui-color-error)}.uui-control-label{color:var(--uui-color-on-surface);cursor:pointer;white-space:pre-line;-webkit-user-select:none;-moz-user-select:none;user-select:none}.uui-error .uui-control-label{color:var(--uui-color-error)}.uui-error.uui-disabled .uui-control-label,.uui-disabled .uui-control-label,fieldset[disabled] .uui-control-label{color:var(--uui-color-on-surface)!important;opacity:var(--uui-disabled-opacity);cursor:default;pointer-events:none}.uui-calendar{width:-moz-max-content;width:max-content}.uui-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.uui-calendar-day{--uui-button-width: 2.5rem;--uui-button-height: 2.5rem;--uui-control-color: var(--uui-color-on-surface) }.uui-calendar-day .uui-btn-control:disabled .uui-state{display:none}.uui-link{--uui-slot-size: 1em;--uui-icon-size: .85em;--uui-focus-ring-inset: -2px;--uui-underline-origin: left;--uui-link-color: var(--uui-control-color, var(--uui-color-primary));display:inline;align-self:flex-start;text-decoration:none;color:var(--uui-link-color);outline:0;position:relative}.uui-link-content{display:inline-flex;align-items:baseline;gap:.25em;position:relative}.uui-link-content .uui-slot{align-self:center}.uui-link-text{position:relative;display:inline-block}.uui-link-text:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;border-radius:2px;opacity:0;transform:scaleX(1);transform-origin:var(--uui-underline-origin);transition:opacity .18s cubic-bezier(.2,0,0,1)}.uui-link-anim-scale .uui-link-text:after{transform:scaleX(0);opacity:1;transition:transform .18s cubic-bezier(.2,0,0,1)}.uui-link-underline-none .uui-link-text:after{display:none}.uui-link-underline-always .uui-link-text:after{transform:scaleX(1);opacity:1}.uui-link-underline-hover:hover .uui-link-text:after{transform:scaleX(1);opacity:1}.uui-link-underline-hover:focus-visible .uui-link-text:after{transform:scaleX(1);opacity:1}.uui-link[aria-disabled=true]{pointer-events:none;opacity:var(--uui-disabled-opacity);color:var(--uui-color-on-surface)!important}span.ripple{pointer-events:none;position:absolute;border-radius:50%;transform:scale(.1);animation:ripple .65s cubic-bezier(.2,0,.4,1);will-change:transform,opacity;animation-fill-mode:forwards;background-color:currentColor;opacity:.16}@keyframes ripple{to{transform:scale(2);opacity:0}}.uui-spinner{display:inline-block;width:100%;height:100%;color:currentColor}.uui-spinner-inline{vertical-align:middle}.uui-spinner-circular{animation:uui-rotate 1.6s linear infinite}.uui-spinner-circle{stroke:currentColor;stroke-linecap:round;animation:uui-dash 1.6s ease-in-out infinite}@keyframes uui-rotate{to{transform:rotate(360deg)}}@keyframes uui-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}55%{stroke-dasharray:100,200;stroke-dashoffset:-15px}to{stroke-dasharray:100,200;stroke-dashoffset:-125px}}/*!* ---------------- ring ---------------- *!*/.uui-dots2-spinner circle{transform-box:fill-box;transform-origin:center;opacity:.3;animation:uui-dot2 1.5s infinite ease-in-out}.uui-dots2-spinner circle:nth-child(1){animation-delay:0s}.uui-dots2-spinner circle:nth-child(2){animation-delay:.5s}.uui-dots2-spinner circle:nth-child(3){animation-delay:1s}@keyframes uui-dot2{0%{opacity:.3;transform:scale(1)}15%{opacity:1;transform:scale(1.2)}30%{opacity:.8;transform:scale(1)}to{opacity:.3;transform:scale(1)}}.uui-bars-spinner{width:100%;height:100%}.uui-bars-spinner rect{fill:currentColor;opacity:.1;animation:uui-bars-apple 1s infinite linear}.uui-bars-spinner rect:nth-child(1){animation-delay:0s}.uui-bars-spinner rect:nth-child(2){animation-delay:.125s}.uui-bars-spinner rect:nth-child(3){animation-delay:.25s}.uui-bars-spinner rect:nth-child(4){animation-delay:.375s}.uui-bars-spinner rect:nth-child(5){animation-delay:.5s}.uui-bars-spinner rect:nth-child(6){animation-delay:.625s}.uui-bars-spinner rect:nth-child(7){animation-delay:.75s}.uui-bars-spinner rect:nth-child(8){animation-delay:.875s}@keyframes uui-bars-apple{0%{opacity:1}15%{opacity:.6}25%{opacity:.3}to{opacity:.1}}.uui-orbit-spinner{width:100%;height:100%}.uui-orbit-spinner circle{fill:currentColor;opacity:.15;animation:uui-orbit 1s infinite linear;scale:1}.uui-orbit-spinner circle:nth-child(1){animation-delay:0s}.uui-orbit-spinner circle:nth-child(2){animation-delay:.125s}.uui-orbit-spinner circle:nth-child(3){animation-delay:.25s}.uui-orbit-spinner circle:nth-child(4){animation-delay:.375s}.uui-orbit-spinner circle:nth-child(5){animation-delay:.5s}.uui-orbit-spinner circle:nth-child(6){animation-delay:.625s}.uui-orbit-spinner circle:nth-child(7){animation-delay:.75s}.uui-orbit-spinner circle:nth-child(8){animation-delay:.875s}@keyframes uui-orbit{0%{opacity:1}12%{opacity:.6}30%{opacity:.15}to{opacity:.15}}.uui-ring-spinner{width:100%;height:100%;animation:uui-spin 1s cubic-bezier(.3,0,.5,1) infinite}@keyframes uui-spin{to{transform:rotate(360deg)}}.uui-bars-steps{width:100%;height:100%}.uui-bars-steps rect{fill:currentColor;animation:uui-bars-steps 1.6s cubic-bezier(.4,0,.2,1) infinite}.uui-bars-steps rect:nth-child(1){animation-delay:0s}.uui-bars-steps rect:nth-child(2){animation-delay:.2s}.uui-bars-steps rect:nth-child(3){animation-delay:.4s}@keyframes uui-bars-steps{0%,to{opacity:.1;y:20px;height:8px}30%{y:0px;height:48px;opacity:.6}50%{opacity:1;y:0px;height:48px}}:root{--uui-focus-ring-duration: .15s;--uui-focus-ring-ease: cubic-bezier(.2, 0, 0, 1);--uui-focus-color: var(--uui-color-secondary)}.uui-focus-ring:before{--uui-focus-ring: var(--uui-focus-color);content:"";position:absolute;inset:var(--uui-focus-ring-inset, -2px);border-radius:inherit;pointer-events:none;z-index:1;opacity:0;box-shadow:0 0 0 2px var(--uui-focus-ring)}.uui-focus-ring:focus-visible:before,.uui-focus-ring.uui-focus-visible:before{animation:focus-ring-appear var(--uui-focus-ring-duration) var(--uui-focus-ring-ease) forwards}@keyframes focus-ring-appear{0%{opacity:.4;box-shadow:0 0 0 2px var(--uui-focus-ring)}60%{opacity:.2;box-shadow:0 0 0 8px var(--uui-focus-ring)}to{opacity:.8;box-shadow:0 0 0 3px var(--uui-focus-ring)}}.uui-focus-ring-in{--uui-focus-ring: var(--uui-focus-color)}.uui-focus-ring-in:before{content:"";position:absolute;top:var(--uui-focus-ring-inset, 2px);bottom:var(--uui-focus-ring-inset, 2px);left:var(--uui-focus-ring-inset, 2px);right:var(--uui-focus-ring-inset, 2px);border-radius:inherit;pointer-events:none;opacity:0;transform:scale(.95,.75);box-shadow:0 0 0 2px var(--uui-focus-ring)}.uui-focus-ring-in:focus-within:before,.uui-focus-ring-in:focus-visible:before,.uui-focus-ring-in.uui-focus-visible:before{animation:uui-focus-ring-inner var(--uui-focus-ring-duration) var(--uui-focus-ring-ease) forwards}@keyframes uui-focus-ring-inner{0%{opacity:.2;transform:scale(1);box-shadow:0 0 0 4px var(--uui-focus-ring)}30%{opacity:.4;transform:scale(.97,.85);box-shadow:0 0 0 8px var(--uui-focus-ring)}to{opacity:.8;transform:scale(1);box-shadow:0 0 0 2px var(--uui-focus-ring)}}:root{--uui-motion-distance: 32px;--uui-motion-scale-start: .94;--uui-motion-scale-overshoot: 1.015;--uui-motion-opacity-start: 0;--uui-motion-blur: 2px;--uui-motion-rotate-start: 8deg;--uui-duration: .3s;--uui-ease: cubic-bezier(.2, 0, 0, 1);--uui-opacity-ease: cubic-bezier(.2, 0, .6, 1);--uui-reverse: normal}.uui-motion-expressive{--uui-motion-distance: 72px;--uui-motion-scale-start: .88;--uui-motion-scale-overshoot: 1.05;--uui-motion-rotate-start: 12deg;--uui-motion-opacity-start: 0;--uui-motion-blur: 6px}.uui-motion-extreme{--uui-motion-distance: 72px;--uui-motion-scale-start: .2;--uui-motion-scale-overshoot: 1.05;--uui-motion-rotate-start: 12deg;--uui-motion-opacity-start: 0;--uui-motion-blur: 6px}.uui-motion-fade{animation:uui-fade var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-fade{0%{opacity:var(--uui-motion-opacity-start)}to{opacity:1}}.uui-motion-fade-blur{animation:uui-fade-blur var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-fade-blur{0%{opacity:var(--uui-motion-opacity-start);filter:blur(var(--uui-motion-blur))}to{opacity:1;filter:blur(0)}}.uui-motion-scale{animation:uui-scale var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-scale{0%{opacity:var(--uui-motion-opacity-start);transform:scale(var(--uui-motion-scale-start))}to{opacity:1;transform:scale(1)}}.uui-motion-scale-blur{animation:uui-scale-blur var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-scale-blur{0%{opacity:var(--uui-motion-opacity-start);transform:scale(var(--uui-motion-scale-start));filter:blur(var(--uui-motion-blur))}to{opacity:1;transform:scale(1);filter:blur(0)}}.uui-motion-slide-up{animation:uui-slide-up var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-slide-up{0%{transform:translateY(var(--uui-motion-distance));opacity:var(--uui-motion-opacity-start)}to{transform:translateY(0);opacity:1}}.uui-motion-slide-down{animation:uui-slide-down var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-slide-down{0%{transform:translateY(calc(-1 * var(--uui-motion-distance)));opacity:var(--uui-motion-opacity-start)}to{transform:translateY(0);opacity:1}}.uui-motion-slide-right{animation:uui-slide-right var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-slide-right{0%{transform:translate(calc(-1 * var(--uui-motion-distance)));opacity:var(--uui-motion-opacity-start)}to{transform:translate(0);opacity:1}}.uui-motion-slide-left{animation:uui-slide-left var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-slide-left{0%{transform:translate(var(--uui-motion-distance));opacity:var(--uui-motion-opacity-start)}to{transform:translate(0);opacity:1}}.uui-motion-slide-up-blur{animation:uui-slide-up-blur var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-slide-up-blur{0%{transform:translateY(var(--uui-motion-distance));opacity:var(--uui-motion-opacity-start);filter:blur(var(--uui-motion-blur))}to{transform:translateY(0);opacity:1;filter:blur(0)}}.uui-motion-slide-down-blur{animation:uui-slide-down-blur var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-slide-down-blur{0%{transform:translateY(calc(-1 * var(--uui-motion-distance)));opacity:var(--uui-motion-opacity-start);filter:blur(var(--uui-motion-blur))}to{transform:translateY(0);opacity:1;filter:blur(0)}}.uui-motion-slide-right-blur{animation:uui-slide-right-blur var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-slide-right-blur{0%{transform:translate(calc(-1 * var(--uui-motion-distance)));opacity:var(--uui-motion-opacity-start);filter:blur(var(--uui-motion-blur))}to{transform:translate(0);opacity:1;filter:blur(0)}}.uui-motion-slide-left-blur{animation:uui-slide-left-blur var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-slide-left-blur{0%{transform:translate(var(--uui-motion-distance));opacity:var(--uui-motion-opacity-start);filter:blur(var(--uui-motion-blur))}to{transform:translate(0);opacity:1;filter:blur(0)}}.uui-motion-rotate{animation:uui-rotate var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-rotate{0%{opacity:var(--uui-motion-opacity-start);transform:rotate(-18deg) scale(var(--uui-motion-scale-start))}to{opacity:1;transform:rotate(0) scale(1)}}.uui-motion-roll-right{animation:uui-roll-right var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-roll-right{0%{transform:translate(calc(-1 * var(--uui-motion-distance))) rotate(calc(-1 * var(--uui-motion-rotate-start)));opacity:var(--uui-motion-opacity-start)}to{transform:translate(0) rotate(0);opacity:1}}.uui-motion-roll-left{animation:uui-roll-left var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-roll-left{0%{transform:translate(var(--uui-motion-distance)) rotate(var(--uui-motion-rotate-start));opacity:var(--uui-motion-opacity-start)}to{transform:translate(0) rotate(0);opacity:1}}.uui-motion-rotate-up-right{animation:uui-rotate-up-right var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-rotate-up-right{0%{transform:translate(var(--uui-motion-distance)) rotate(calc(-1 * var(--uui-motion-rotate-start)));opacity:var(--uui-motion-opacity-start)}to{transform:translate(0) rotate(0);opacity:1}}.uui-motion-rotate-up-left{animation:uui-rotate-up-left var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-rotate-up-left{0%{transform:translate(calc(-1 * var(--uui-motion-distance))) rotate(var(--uui-motion-rotate-start));opacity:var(--uui-motion-opacity-start)}to{transform:translate(0) rotate(0);opacity:1}}.uui-motion-flip-x{animation:uui-flip-x var(--uui-duration) var(--uui-ease) var(--uui-reverse) both;transform-style:preserve-3d}@keyframes uui-flip-x{0%{opacity:var(--uui-motion-opacity-start);transform:rotateX(-90deg)}to{opacity:1;transform:rotateX(0)}}.uui-motion-flip-y{animation:uui-flip-y var(--uui-duration) var(--uui-ease) var(--uui-reverse) both;transform-style:preserve-3d}@keyframes uui-flip-y{0%{opacity:var(--uui-motion-opacity-start);transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}.uui-motion-popup{animation:uui-popup var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-popup{0%{opacity:var(--uui-motion-opacity-start);transform:scale(var(--uui-motion-scale-start))}70%{transform:scale(var(--uui-motion-scale-overshoot))}to{opacity:1;transform:scale(1)}}.uui-motion-squish{animation:uui-squish var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-squish{0%{opacity:0;transform:scale(1.2,.8)}to{opacity:1;transform:scale(1)}}.uui-motion-rubber{animation:uui-rubber var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-rubber{0%{opacity:0;transform:scale(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}to{opacity:1;transform:scale(1)}}.uui-motion-pop-elastic{animation:uui-pop-elastic var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-pop-elastic{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.2)}80%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.uui-motion-jelly{animation:uui-jelly var(--uui-duration) var(--uui-ease) var(--uui-reverse) both}@keyframes uui-jelly{0%{opacity:0;transform:scale(.8,1.2)}50%{transform:scale(1.15,.85)}to{opacity:1;transform:scale(1)}}.uui-motion-bounce{animation:uui-bounce var(--uui-duration) ease-out var(--uui-reverse) both}@keyframes uui-bounce{0%{opacity:var(--uui-motion-opacity-start);transform:translateY(-25%)}45%{opacity:1;transform:translateY(0)}65%{transform:translateY(-12%)}82%{transform:translateY(0)}92%{transform:translateY(-4%)}to{transform:translateY(0)}}.uui-text-trigger.uui-hover-overlay:hover{opacity:var(--uui-text-hover-opacity)}.uui-text-trigger.uui-pressed-overlay:active{opacity:var(--uui-text-pressed-opacity)}.uui-text-trigger.uui-focus-overlay:focus-visible{opacity:var(--uui-text-focus-opacity)}
package/index.d.ts CHANGED
@@ -33,16 +33,12 @@ export * from './components/tabs';
33
33
  export * from './components/toolbar/toolbar';
34
34
  export * from './components/progress/progress';
35
35
  export * from './components/toast';
36
+ export * from './components/calendar/calendar';
36
37
  export * from './components/avatar';
38
+ export * from './components/rating/rating';
39
+ export * from './components/breadcrumbs/breadcrumbs';
40
+ export * from './components/link/link';
37
41
  export * from './utils';
38
42
  export * from './types';
39
43
  export * from './hooks';
40
44
  export * from './context';
41
- export { CheckmarkIcon } from './assets/icons';
42
- export { IndeterminateIcon } from './assets/icons';
43
- export { RadioIcon } from './assets';
44
- export { ArrowRightIcon } from './assets';
45
- export { CheckboxIcon } from './assets';
46
- export { RadioCheckedIcon } from './assets';
47
- export { RadioUncheckedIcon } from './assets';
48
- export { MenuCheckIcon } from './assets';