npm - @ryuzaki13/react-foundation-ui - Versions diffs - 1.5.4 → 1.5.5 - Mend

@ryuzaki13/react-foundation-ui 1.5.4 → 1.5.5

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 (209) hide show

package/dist/chunks/picker-TYLwgl1c.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"picker-TYLwgl1c.js","names":[],"sources":["../../src/picker/PickerField.tsx","../../src/picker/Picker.module.scss","../../src/picker/PickerPopup.tsx","../../src/picker/PickerSelectionToolbar.tsx","../../src/picker/PickerStatus.tsx","../../src/picker/PickerTriggerActions.tsx","../../src/picker/PickerTriggerInput.tsx","../../src/picker/model/createPickerTriggerPolicy.ts","../../src/picker/model/extractPickerTextContent.ts","../../src/picker/model/usePickerDefaultFilter.ts","../../src/picker/model/usePickerFloatingListbox.ts","../../src/picker/model/usePickerQuery.ts","../../src/picker/model/usePickerSelectionLifecycle.ts","../../src/picker/model/usePickerTriggerController.ts"],"sourcesContent":["import { InputType } from \"@ryuzaki13/react-foundation-lib/types\";\n\nimport { InputUI } from \"../input\";\nimport { useInputFieldIds } from \"../input/lib/useInputFieldIds\";\n\nimport { PickerFieldProps } from \"./types\";\n\nexport function PickerField<TValue extends InputType>({\n\tid,\n\tlabel,\n\tdescription,\n\tdisabled,\n\tsize,\n\tclassName,\n\terror,\n\tchildren\n}: PickerFieldProps<TValue>) {\n\tconst { controlId, labelId, descriptionId, errorId, describedBy } = useInputFieldIds({\n\t\tid,\n\t\thasLabel: label !== undefined && label !== null,\n\t\thasDescription: !!description,\n\t\thasError: !!error\n\t});\n\n\treturn (\n\t\t<InputUI\n\t\t\tlabel={label}\n\t\t\tdescription={description}\n\t\t\tdisabled={disabled}\n\t\t\tsize={size}\n\t\t\tclassName={className}\n\t\t\terror={error}\n\t\t\tcontrolId={controlId}\n\t\t\tlabelId={labelId}\n\t\t\tdescriptionId={descriptionId}\n\t\t\terrorId={errorId}>\n\t\t\t{children({ controlId, labelId, descriptionId, errorId, describedBy })}\n\t\t</InputUI>\n\t);\n}\n",".popupLayout {\n\tdisplay: grid;\n\tgrid-template-rows: auto 1fr;\n\tmin-height: 0;\n\tmax-height: 75vh;\n\toverflow: hidden;\n\n\tflex: 1 1 auto;\n}\n\n.popupBody {\n\tmin-height: 0;\n}\n\n.status {\n\tpadding: var(--space-xs) var(--space-sm);\n\tcolor: var(--content-2);\n}\n\n.statusError {\n\tcolor: var(--status-error-text);\n}\n\n.triggerContainer {\n\tposition: relative;\n}\n\n.selectionActionButton {\n\tfont-size: var(--font-size-sm);\n\tpadding-block: var(--space-xs);\n\tborder-radius: var(--radius-sm);\n\n\t&:hover {\n\t\tbackground-color: var(--surface-2);\n\t}\n}\n","import { type CSSProperties, type KeyboardEvent, type MouseEvent, type ReactNode } from \"react\";\n\nimport { FloatingContext, FloatingFocusManager, FloatingPortal } from \"@floating-ui/react\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { AnimatePresence, motion } from \"motion/react\";\n\nimport { Separator } from \"../separator\";\n\nimport styles from \"./Picker.module.scss\";\n\ninterface PickerPopupProps {\n\topen: boolean;\n\tcontext: FloatingContext;\n\tfloatingStyles: CSSProperties;\n\tlistId: string;\n\tlabelId?: string;\n\tpopupAriaLabel?: string;\n\tdescriptionId?: string;\n\tactiveOptionId?: string;\n\tariaMultiselectable?: boolean;\n\tpopupRole?: \"listbox\" \| \"dialog\";\n\tsetFloating: (node: HTMLElement \| null) => void;\n\tgetFloatingProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;\n\tonKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n\tinitialFocus?: number;\n\treturnFocus?: boolean;\n\ttabIndex?: number;\n\tclassName?: string;\n\tmaxWidth?: CSSProperties[\"maxWidth\"];\n\tlayoutClassName?: string;\n\theaderClassName?: string;\n\tbodyClassName?: string;\n\theader?: ReactNode;\n\tchildren: ReactNode;\n}\n\nfunction stopNestedFloatingMouseDown(event: MouseEvent<HTMLElement>): void {\n\tevent.stopPropagation();\n}\n\nexport function PickerPopup({\n\topen,\n\tcontext,\n\tfloatingStyles,\n\tlistId,\n\tlabelId,\n\tpopupAriaLabel,\n\tdescriptionId,\n\tactiveOptionId,\n\tariaMultiselectable,\n\tpopupRole = \"listbox\",\n\tsetFloating,\n\tgetFloatingProps,\n\tonKeyDown,\n\tinitialFocus = -1,\n\treturnFocus = false,\n\ttabIndex = 0,\n\tclassName,\n\tmaxWidth,\n\tlayoutClassName,\n\theaderClassName,\n\tbodyClassName,\n\theader,\n\tchildren\n}: PickerPopupProps) {\n\treturn (\n\t\t<AnimatePresence>\n\t\t\t{open && (\n\t\t\t\t<FloatingPortal>\n\t\t\t\t\t<FloatingFocusManager context={context} modal={false} initialFocus={initialFocus} returnFocus={returnFocus}>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tref={setFloating}\n\t\t\t\t\t\t\tstyle={{ ...floatingStyles, maxWidth }}\n\t\t\t\t\t\t\tinitial={{ opacity: 0, scale: 0.95 }}\n\t\t\t\t\t\t\tanimate={{ opacity: 1, scale: 1 }}\n\t\t\t\t\t\t\texit={{ opacity: 0, scale: 0.95 }}\n\t\t\t\t\t\t\t{...getFloatingProps({\n\t\t\t\t\t\t\t\tid: listId,\n\t\t\t\t\t\t\t\trole: popupRole,\n\t\t\t\t\t\t\t\ttabIndex,\n\t\t\t\t\t\t\t\t\"aria-labelledby\": labelId,\n\t\t\t\t\t\t\t\t\"aria-label\": labelId ? undefined : popupAriaLabel,\n\t\t\t\t\t\t\t\t\"aria-describedby\": descriptionId,\n\t\t\t\t\t\t\t\t\"aria-activedescendant\": activeOptionId,\n\t\t\t\t\t\t\t\t\"aria-multiselectable\": ariaMultiselectable \|\| undefined,\n\t\t\t\t\t\t\t\tonMouseDown: stopNestedFloatingMouseDown,\n\t\t\t\t\t\t\t\tonKeyDown,\n\t\t\t\t\t\t\t\tclassName\n\t\t\t\t\t\t\t})}>\n\t\t\t\t\t\t\t<div className={cn(styles.popupLayout, layoutClassName)}>\n\t\t\t\t\t\t\t\t{header ? (\n\t\t\t\t\t\t\t\t\t<div className={headerClassName}>\n\t\t\t\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t\t\t\t\t<Separator className=\"marginBlockSm\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<div />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<div className={cn(styles.popupBody, bodyClassName)}>{children}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</FloatingFocusManager>\n\t\t\t\t</FloatingPortal>\n\t\t\t)}\n\t\t</AnimatePresence>\n\t);\n}\n","import { type Ref } from \"react\";\n\nimport { Grid } from \"../grid\";\n\nimport styles from \"./Picker.module.scss\";\n\ntype PickerSelectionToolbarProps = {\n\tonSelectAll: () => void;\n\tonDeselectAll: () => void;\n\tselectAllButtonRef?: Ref<HTMLButtonElement>;\n};\n\n/*\n Общая панель массовых действий для picker-компонентов с множественным выбором.\n * Компонент не знает формат значения и делегирует изменение владельцу selection-модели.\n /\nexport function PickerSelectionToolbar({ onSelectAll, onDeselectAll, selectAllButtonRef }: PickerSelectionToolbarProps) {\n\treturn (\n\t\t<Grid.Container gap=\"xs\" templateColumns=\"1fr 1fr\">\n\t\t\t<button\n\t\t\t\tref={selectAllButtonRef}\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName={styles.selectionActionButton}\n\t\t\t\tonClick={onSelectAll}\n\t\t\t\tdata-ui=\"picker-select-all\"\n\t\t\t\tdata-action=\"select-all\">\n\t\t\t\tВыбрать все\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName={styles.selectionActionButton}\n\t\t\t\tonClick={onDeselectAll}\n\t\t\t\tdata-ui=\"picker-deselect-all\"\n\t\t\t\tdata-action=\"deselect-all\">\n\t\t\t\tСнять выбор\n\t\t\t</button>\n\t\t</Grid.Container>\n\t);\n}\n","import { ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nimport styles from \"./Picker.module.scss\";\n\ninterface PickerStatusProps {\n\temptyState?: ReactNode;\n\tloadingState?: ReactNode;\n\terrorState?: ReactNode;\n}\n\nexport function PickerStatus({ emptyState, loadingState, errorState }: PickerStatusProps) {\n\tconst content = errorState ?? loadingState ?? emptyState;\n\n\tif (content === undefined \|\| content === null) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className={cn(uiStyles.uiPopupOption, styles.status, errorState !== undefined && styles.statusError)} aria-disabled={true}>\n\t\t\t{content}\n\t\t</div>\n\t);\n}\n","import { MouseEvent, ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport uiStyles from \"../ui.module.scss\";\n\ninterface PickerTriggerActionsProps {\n\topen: boolean;\n\tdisabled?: boolean;\n\tchildren?: ReactNode;\n\tonToggleMouseDown?: (event: MouseEvent<HTMLButtonElement>) => void;\n\tonToggleClick: () => void;\n\topenAriaLabel?: string;\n\tcloseAriaLabel?: string;\n}\n\nexport function PickerTriggerActions({\n\topen,\n\tdisabled,\n\tchildren,\n\tonToggleMouseDown,\n\tonToggleClick,\n\topenAriaLabel = \"Открыть список\",\n\tcloseAriaLabel = \"Закрыть список\"\n}: PickerTriggerActionsProps) {\n\treturn (\n\t\t<div className={uiStyles.uiToggleButtonContainer} data-disabled={disabled \|\| undefined}>\n\t\t\t{children}\n\n\t\t\t<div className={uiStyles.uiButtonSeparator} />\n\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label={open ? closeAriaLabel : openAriaLabel}\n\t\t\t\tclassName={uiStyles.uiToggleButton}\n\t\t\t\tonMouseDown={onToggleMouseDown}\n\t\t\t\tonClick={onToggleClick}>\n\t\t\t\t<ChevronDownIcon className={cn(uiStyles.uiToggleIcon, open && uiStyles.uiToggleIconOpen)} />\n\t\t\t</button>\n\t\t</div>\n\t);\n}\n","import { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { InputControl } from \"../input\";\nimport uiStyles from \"../ui.module.scss\";\n\nimport styles from \"./Picker.module.scss\";\n\ninterface PickerTriggerInputProps extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\"> {\n\trootRef?: (node: HTMLDivElement \| null) => void;\n\tendAdornment?: ReactNode;\n\toverlay?: ReactNode;\n\trootClassName?: string;\n\tinputClassName?: string;\n}\n\nexport const PickerTriggerInput = forwardRef<HTMLInputElement, PickerTriggerInputProps>(\n\t({ rootRef, endAdornment, overlay, rootClassName, inputClassName, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={rootRef} className={cn(uiStyles.uiInputContainer, styles.triggerContainer, rootClassName)}>\n\t\t\t\t<InputControl endAdornment={endAdornment}>\n\t\t\t\t\t{({ controlClassName }) => (\n\t\t\t\t\t\t<input {...props} ref={ref} className={cn(uiStyles.uiInputWithToggle, controlClassName, inputClassName)} />\n\t\t\t\t\t)}\n\t\t\t\t</InputControl>\n\t\t\t\t{overlay}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nPickerTriggerInput.displayName = \"PickerTriggerInput\";\n","export type PickerTriggerMode = \"display\" \| \"search-single\" \| \"search-multi\";\n\ninterface PickerTriggerTextFocusParams {\n\topen: boolean;\n\tcurrentQuery: string;\n\thasDisplayValue: boolean;\n}\n\nexport interface PickerTriggerPolicy {\n\tfocusFloatingOnOpen: boolean;\n\trestoreFocusOnClose: boolean;\n\tresetQueryOnClose: boolean;\n\tshouldOpenOnTriggerClick: (open: boolean) => boolean;\n\tshouldOpenOnInputChange: (open: boolean) => boolean;\n\tshouldFocusReferenceOnToggle: (open: boolean) => boolean;\n\tshouldSelectTriggerTextOnFocus: (params: PickerTriggerTextFocusParams) => boolean;\n}\n\n/\n Единая политика поведения trigger-input для picker-компонентов.\n * Нормализует различия между display-режимом, single-search и multi-search.\n /\nexport function createPickerTriggerPolicy(mode: PickerTriggerMode): PickerTriggerPolicy {\n\tswitch (mode) {\n\t\tcase \"search-single\":\n\t\t\treturn {\n\t\t\t\tfocusFloatingOnOpen: false,\n\t\t\t\trestoreFocusOnClose: false,\n\t\t\t\tresetQueryOnClose: true,\n\t\t\t\tshouldOpenOnTriggerClick: () => false,\n\t\t\t\tshouldOpenOnInputChange: (open) => !open,\n\t\t\t\tshouldFocusReferenceOnToggle: (open) => !open,\n\t\t\t\tshouldSelectTriggerTextOnFocus: ({ open, currentQuery, hasDisplayValue }) =>\n\t\t\t\t\t!open && currentQuery.length === 0 && hasDisplayValue\n\t\t\t};\n\t\tcase \"search-multi\":\n\t\t\treturn {\n\t\t\t\tfocusFloatingOnOpen: false,\n\t\t\t\trestoreFocusOnClose: false,\n\t\t\t\tresetQueryOnClose: true,\n\t\t\t\tshouldOpenOnTriggerClick: () => false,\n\t\t\t\tshouldOpenOnInputChange: (open) => !open,\n\t\t\t\tshouldFocusReferenceOnToggle: (open) => !open,\n\t\t\t\tshouldSelectTriggerTextOnFocus: () => false\n\t\t\t};\n\t\tcase \"display\":\n\t\tdefault:\n\t\t\treturn {\n\t\t\t\tfocusFloatingOnOpen: true,\n\t\t\t\trestoreFocusOnClose: true,\n\t\t\t\tresetQueryOnClose: false,\n\t\t\t\tshouldOpenOnTriggerClick: (open) => !open,\n\t\t\t\tshouldOpenOnInputChange: () => false,\n\t\t\t\tshouldFocusReferenceOnToggle: () => false,\n\t\t\t\tshouldSelectTriggerTextOnFocus: () => false\n\t\t\t};\n\t}\n}\n","import { ReactNode } from \"react\";\n\nexport function extractPickerTextContent(node: ReactNode): string \| undefined {\n\tif (typeof node === \"string\" \|\| typeof node === \"number\") {\n\t\treturn String(node);\n\t}\n\n\tif (Array.isArray(node)) {\n\t\tconst values = node.map(extractPickerTextContent).filter((value): value is string => Boolean(value));\n\t\treturn values.length ? values.join(\" \") : undefined;\n\t}\n\n\treturn undefined;\n}\n","import { useMemo } from \"react\";\n\nimport { normalizeTextToLower } from \"@ryuzaki13/react-foundation-lib/formatters\";\n\ninterface UsePickerDefaultFilterOptions<T> {\n\toptions: readonly T[];\n\tquery: string;\n\tenabled?: boolean;\n\tgetSearchText: (option: T) => unknown;\n}\n\nfunction normalizeSearchText(value: unknown) {\n\tconst parts = Array.isArray(value) ? value : [value];\n\n\treturn normalizeTextToLower(parts.filter(Boolean).join(\" \"));\n}\n\nexport function usePickerDefaultFilter<T>({ options, query, enabled = true, getSearchText }: UsePickerDefaultFilterOptions<T>) {\n\tconst normalizedQuery = normalizeTextToLower(query);\n\n\treturn useMemo(() => {\n\t\tif (!enabled \|\| !normalizedQuery) {\n\t\t\treturn [...options];\n\t\t}\n\n\t\treturn options.filter((option) => normalizeSearchText(getSearchText(option)).includes(normalizedQuery));\n\t}, [enabled, getSearchText, normalizedQuery, options]);\n}\n","import { Placement } from \"@floating-ui/react\";\nimport {\n\ttype FloatingListboxPlacementStrategy,\n\ttype FloatingListboxSizeResolver,\n\tuseFloatingListbox\n} from \"@ryuzaki13/react-foundation-lib/hooks\";\n\nimport { PickerTriggerMode, createPickerTriggerPolicy } from \"./createPickerTriggerPolicy\";\n\ninterface UsePickerFloatingListboxParams<T> {\n\toptions: readonly T[];\n\tselectedIndex: number;\n\topen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n\tgetOptionDisabled?: (option: T) => boolean;\n\tonSelect?: (option: T) => void;\n\tdisabled?: boolean;\n\tplacement?: Placement;\n\tplacementStrategy?: FloatingListboxPlacementStrategy;\n\tcloseOnSelect?: boolean;\n\tfocusFloatingOnOpen?: boolean;\n\tallowOpenWithoutOptions?: boolean;\n\trestoreFocusOnClose?: boolean;\n\ttriggerMode?: PickerTriggerMode;\n\tresolveFloatingSize?: FloatingListboxSizeResolver;\n}\n\n/\n Единая точка входа для popup/listbox поведения во всех picker-компонентах.\n /\nexport function usePickerFloatingListbox<T>(params: UsePickerFloatingListboxParams<T>) {\n\tconst triggerPolicy = params.triggerMode ? createPickerTriggerPolicy(params.triggerMode) : undefined;\n\n\treturn useFloatingListbox({\n\t\t...params,\n\t\tfocusFloatingOnOpen: params.focusFloatingOnOpen ?? triggerPolicy?.focusFloatingOnOpen,\n\t\trestoreFocusOnClose: params.restoreFocusOnClose ?? triggerPolicy?.restoreFocusOnClose\n\t});\n}\n","import { useState } from \"react\";\n\nimport { PickerTriggerMode, createPickerTriggerPolicy } from \"./createPickerTriggerPolicy\";\n\ninterface UsePickerQueryOptions {\n\tquery?: string;\n\tdefaultQuery?: string;\n\tonQuery?: (value: string) => void;\n\tresetOnClose?: boolean;\n\ttriggerMode?: PickerTriggerMode;\n}\n\n/\n Управляет controlled/uncontrolled query и возвращает policy закрытия владельцу open-state.\n * Сброс выполняется самим владельцем в событии close, поэтому hook не зеркалит lifecycle через effect.\n /\nexport function usePickerQuery({ query, defaultQuery, onQuery, resetOnClose, triggerMode }: UsePickerQueryOptions) {\n\tconst isControlled = query !== undefined;\n\tconst [internalQuery, setInternalQuery] = useState(defaultQuery ?? \"\");\n\tconst currentQuery = isControlled ? (query ?? \"\") : internalQuery;\n\tconst resolvedResetOnClose = resetOnClose ?? (triggerMode ? createPickerTriggerPolicy(triggerMode).resetQueryOnClose : true);\n\n\tconst setQuery = (nextValue: string) => {\n\t\tif (!isControlled) {\n\t\t\tsetInternalQuery(nextValue);\n\t\t}\n\n\t\tonQuery?.(nextValue);\n\t};\n\n\treturn {\n\t\tquery: currentQuery,\n\t\tsetQuery,\n\t\tclearQuery: () => setQuery(\"\"),\n\t\tresetQueryOnClose: resolvedResetOnClose\n\t};\n}\n","import { useEffect, useRef, useState } from \"react\";\n\ninterface UsePickerSelectionLifecycleOptions<TValue> {\n\tvalue: TValue;\n\topen: boolean;\n\tonCommit: (value: TValue) => void;\n\tonOpen?: () => void;\n\tonClose?: (value: TValue) => void;\n\tisEqual: (left: TValue, right: TValue) => boolean;\n}\n\n/\n Общий жизненный цикл чернового выбора для picker-компонентов,\n * где изменения подтверждаются при закрытии popup.\n /\nexport function usePickerSelectionLifecycle<TValue>({\n\tvalue,\n\topen,\n\tonCommit,\n\tonOpen,\n\tonClose,\n\tisEqual\n}: UsePickerSelectionLifecycleOptions<TValue>) {\n\tconst previousOpenRef = useRef(false);\n\tconst [draftValue, setDraftValue] = useState(value);\n\n\tuseEffect(() => {\n\t\tif (previousOpenRef.current && !open) {\n\t\t\tif (!isEqual(draftValue, value)) {\n\t\t\t\tonCommit(draftValue);\n\t\t\t}\n\n\t\t\tonClose?.(draftValue);\n\t\t}\n\n\t\tpreviousOpenRef.current = open;\n\t}, [draftValue, isEqual, onClose, onCommit, open, value]);\n\n\tconst prepareOpen = () => {\n\t\tsetDraftValue(value);\n\t\tonOpen?.();\n\t};\n\n\treturn {\n\t\tdraftValue,\n\t\tsetDraftValue,\n\t\tprepareOpen\n\t};\n}\n","import { MouseEvent, RefObject } from \"react\";\n\nimport { PickerTriggerMode, createPickerTriggerPolicy } from \"./createPickerTriggerPolicy\";\n\ninterface UsePickerTriggerControllerOptions {\n\tmode: PickerTriggerMode;\n\topen: boolean;\n\tcurrentQuery: string;\n\thasDisplayValue: boolean;\n\tinputRef: RefObject<HTMLInputElement \| null>;\n\tsetQuery?: (value: string) => void;\n\topenList?: () => void;\n\tclose?: () => void;\n\ttoggleOpen?: () => void;\n\tonBeforeOpen?: () => void;\n}\n\ninterface HandleTriggerKeyDownOptions {\n\tevent: React.KeyboardEvent<HTMLElement>;\n\tonActivateWhenOpen?: () => void;\n\tenableSpaceActivation?: boolean;\n\tenableClosedArrowDownOpen?: boolean;\n\tsuppressClosedArrowUp?: boolean;\n}\n\nfunction focusInput(inputRef: RefObject<HTMLInputElement \| null>) {\n\trequestAnimationFrame(() => {\n\t\tinputRef.current?.focus();\n\t});\n}\n\n/\n Единый контроллер пользовательских действий на trigger-input.\n * Держит поведение display/search-single/search-multi в одном месте.\n */\nexport function usePickerTriggerController({\n\tmode,\n\topen,\n\tcurrentQuery,\n\thasDisplayValue,\n\tinputRef,\n\tsetQuery,\n\topenList,\n\tclose,\n\ttoggleOpen,\n\tonBeforeOpen\n}: UsePickerTriggerControllerOptions) {\n\tconst policy = createPickerTriggerPolicy(mode);\n\n\tconst openTrigger = () => {\n\t\tonBeforeOpen?.();\n\n\t\tif (openList) {\n\t\t\topenList();\n\t\t\treturn;\n\t\t}\n\n\t\ttoggleOpen?.();\n\t};\n\n\tconst closeTrigger = () => {\n\t\tif (close) {\n\t\t\tclose();\n\t\t\treturn;\n\t\t}\n\n\t\ttoggleOpen?.();\n\t};\n\n\tconst toggleTrigger = () => {\n\t\tif (open) {\n\t\t\tcloseTrigger();\n\t\t} else {\n\t\t\topenTrigger();\n\t\t}\n\n\t\tif (policy.shouldFocusReferenceOnToggle(open)) {\n\t\t\tfocusInput(inputRef);\n\t\t}\n\t};\n\n\treturn {\n\t\tpolicy,\n\t\thandleTriggerInputChange: (nextValue: string) => {\n\t\t\tsetQuery?.(nextValue);\n\n\t\t\tif (policy.shouldOpenOnInputChange(open)) {\n\t\t\t\topenTrigger();\n\t\t\t}\n\t\t},\n\t\thandleTriggerClick: () => {\n\t\t\tif (policy.shouldOpenOnTriggerClick(open)) {\n\t\t\t\topenTrigger();\n\t\t\t}\n\t\t},\n\t\thandleTriggerFocus: (input: HTMLInputElement) => {\n\t\t\tif (\n\t\t\t\tpolicy.shouldSelectTriggerTextOnFocus({\n\t\t\t\t\topen,\n\t\t\t\t\tcurrentQuery,\n\t\t\t\t\thasDisplayValue\n\t\t\t\t})\n\t\t\t) {\n\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\tinput.select();\n\t\t\t\t});\n\t\t\t}\n\t\t},\n\t\thandleToggleMouseDown: (event: MouseEvent<HTMLButtonElement>) => {\n\t\t\tevent.preventDefault();\n\t\t},\n\t\thandleToggleClick: () => {\n\t\t\ttoggleTrigger();\n\t\t},\n\t\thandleTriggerKeyDown: ({\n\t\t\tevent,\n\t\t\tonActivateWhenOpen,\n\t\t\tenableSpaceActivation = false,\n\t\t\tenableClosedArrowDownOpen = false,\n\t\t\tsuppressClosedArrowUp = false\n\t\t}: HandleTriggerKeyDownOptions) => {\n\t\t\tif (!open && suppressClosedArrowUp && event.key === \"ArrowUp\") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (!open && enableClosedArrowDownOpen && event.key === \"ArrowDown\") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttoggleTrigger();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (event.key === \"Enter\") {\n\t\t\t\tevent.preventDefault();\n\n\t\t\t\tif (open) {\n\t\t\t\t\tonActivateWhenOpen?.();\n\t\t\t\t} else {\n\t\t\t\t\ttoggleTrigger();\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (enableSpaceActivation && event.key === \" \") {\n\t\t\t\tevent.preventDefault();\n\n\t\t\t\tif (open) {\n\t\t\t\t\tonActivateWhenOpen?.();\n\t\t\t\t} else {\n\t\t\t\t\ttoggleTrigger();\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\ttoggleTrigger\n\t};\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"picker-TYLwgl1c.js","names":[],"sources":["../../src/picker/PickerField.tsx","../../src/picker/Picker.module.scss","../../src/picker/PickerPopup.tsx","../../src/picker/PickerSelectionToolbar.tsx","../../src/picker/PickerStatus.tsx","../../src/picker/PickerTriggerActions.tsx","../../src/picker/PickerTriggerInput.tsx","../../src/picker/model/createPickerTriggerPolicy.ts","../../src/picker/model/extractPickerTextContent.ts","../../src/picker/model/usePickerDefaultFilter.ts","../../src/picker/model/usePickerFloatingListbox.ts","../../src/picker/model/usePickerQuery.ts","../../src/picker/model/usePickerSelectionLifecycle.ts","../../src/picker/model/usePickerTriggerController.ts"],"sourcesContent":["import { InputType } from \"@ryuzaki13/react-foundation-lib/types\";\n\nimport { InputUI } from \"../input\";\nimport { useInputFieldIds } from \"../input/lib/useInputFieldIds\";\n\nimport { PickerFieldProps } from \"./types\";\n\nexport function PickerField<TValue extends InputType>({\n\tid,\n\tlabel,\n\tdescription,\n\tdisabled,\n\tsize,\n\tclassName,\n\terror,\n\tchildren\n}: PickerFieldProps<TValue>) {\n\tconst { controlId, labelId, descriptionId, errorId, describedBy } = useInputFieldIds({\n\t\tid,\n\t\thasLabel: label !== undefined && label !== null,\n\t\thasDescription: !!description,\n\t\thasError: !!error\n\t});\n\n\treturn (\n\t\t<InputUI\n\t\t\tlabel={label}\n\t\t\tdescription={description}\n\t\t\tdisabled={disabled}\n\t\t\tsize={size}\n\t\t\tclassName={className}\n\t\t\terror={error}\n\t\t\tcontrolId={controlId}\n\t\t\tlabelId={labelId}\n\t\t\tdescriptionId={descriptionId}\n\t\t\terrorId={errorId}>\n\t\t\t{children({ controlId, labelId, descriptionId, errorId, describedBy })}\n\t\t</InputUI>\n\t);\n}\n",".popupLayout {\n\tdisplay: grid;\n\tgrid-template-rows: auto 1fr;\n\tmin-height: 0;\n\tmax-height: 75vh;\n\toverflow: hidden;\n\n\tflex: 1 1 auto;\n}\n\n.popupBody {\n\tmin-height: 0;\n}\n\n.status {\n\tpadding: var(--space-xs) var(--space-sm);\n\tcolor: var(--content-2);\n}\n\n.statusError {\n\tcolor: var(--status-error-text);\n}\n\n.triggerContainer {\n\tposition: relative;\n}\n\n.selectionActionButton {\n\tpadding-block: var(--space-xs);\n\tborder-radius: var(--radius-sm);\n\n\t&:hover {\n\t\tbackground-color: var(--surface-2);\n\t}\n}\n","import { type CSSProperties, type KeyboardEvent, type MouseEvent, type ReactNode } from \"react\";\n\nimport { FloatingContext, FloatingFocusManager, FloatingPortal } from \"@floating-ui/react\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { AnimatePresence, motion } from \"motion/react\";\n\nimport { Separator } from \"../separator\";\n\nimport styles from \"./Picker.module.scss\";\n\ninterface PickerPopupProps {\n\topen: boolean;\n\tcontext: FloatingContext;\n\tfloatingStyles: CSSProperties;\n\tlistId: string;\n\tlabelId?: string;\n\tpopupAriaLabel?: string;\n\tdescriptionId?: string;\n\tactiveOptionId?: string;\n\tariaMultiselectable?: boolean;\n\tpopupRole?: \"listbox\" \| \"dialog\";\n\tsetFloating: (node: HTMLElement \| null) => void;\n\tgetFloatingProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;\n\tonKeyDown: (event: KeyboardEvent<HTMLElement>) => void;\n\tinitialFocus?: number;\n\treturnFocus?: boolean;\n\ttabIndex?: number;\n\tclassName?: string;\n\tmaxWidth?: CSSProperties[\"maxWidth\"];\n\tlayoutClassName?: string;\n\theaderClassName?: string;\n\tbodyClassName?: string;\n\theader?: ReactNode;\n\tchildren: ReactNode;\n}\n\nfunction stopNestedFloatingMouseDown(event: MouseEvent<HTMLElement>): void {\n\tevent.stopPropagation();\n}\n\nexport function PickerPopup({\n\topen,\n\tcontext,\n\tfloatingStyles,\n\tlistId,\n\tlabelId,\n\tpopupAriaLabel,\n\tdescriptionId,\n\tactiveOptionId,\n\tariaMultiselectable,\n\tpopupRole = \"listbox\",\n\tsetFloating,\n\tgetFloatingProps,\n\tonKeyDown,\n\tinitialFocus = -1,\n\treturnFocus = false,\n\ttabIndex = 0,\n\tclassName,\n\tmaxWidth,\n\tlayoutClassName,\n\theaderClassName,\n\tbodyClassName,\n\theader,\n\tchildren\n}: PickerPopupProps) {\n\treturn (\n\t\t<AnimatePresence>\n\t\t\t{open && (\n\t\t\t\t<FloatingPortal>\n\t\t\t\t\t<FloatingFocusManager context={context} modal={false} initialFocus={initialFocus} returnFocus={returnFocus}>\n\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\tref={setFloating}\n\t\t\t\t\t\t\tstyle={{ ...floatingStyles, maxWidth }}\n\t\t\t\t\t\t\tinitial={{ opacity: 0, scale: 0.95 }}\n\t\t\t\t\t\t\tanimate={{ opacity: 1, scale: 1 }}\n\t\t\t\t\t\t\texit={{ opacity: 0, scale: 0.95 }}\n\t\t\t\t\t\t\t{...getFloatingProps({\n\t\t\t\t\t\t\t\tid: listId,\n\t\t\t\t\t\t\t\trole: popupRole,\n\t\t\t\t\t\t\t\ttabIndex,\n\t\t\t\t\t\t\t\t\"aria-labelledby\": labelId,\n\t\t\t\t\t\t\t\t\"aria-label\": labelId ? undefined : popupAriaLabel,\n\t\t\t\t\t\t\t\t\"aria-describedby\": descriptionId,\n\t\t\t\t\t\t\t\t\"aria-activedescendant\": activeOptionId,\n\t\t\t\t\t\t\t\t\"aria-multiselectable\": ariaMultiselectable \|\| undefined,\n\t\t\t\t\t\t\t\tonMouseDown: stopNestedFloatingMouseDown,\n\t\t\t\t\t\t\t\tonKeyDown,\n\t\t\t\t\t\t\t\tclassName\n\t\t\t\t\t\t\t})}>\n\t\t\t\t\t\t\t<div className={cn(styles.popupLayout, layoutClassName)}>\n\t\t\t\t\t\t\t\t{header ? (\n\t\t\t\t\t\t\t\t\t<div className={headerClassName}>\n\t\t\t\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t\t\t\t\t<Separator className=\"marginBlockSm\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<div />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<div className={cn(styles.popupBody, bodyClassName)}>{children}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t</FloatingFocusManager>\n\t\t\t\t</FloatingPortal>\n\t\t\t)}\n\t\t</AnimatePresence>\n\t);\n}\n","import { type Ref } from \"react\";\n\nimport { Grid } from \"../grid\";\n\nimport styles from \"./Picker.module.scss\";\n\ntype PickerSelectionToolbarProps = {\n\tonSelectAll: () => void;\n\tonDeselectAll: () => void;\n\tselectAllButtonRef?: Ref<HTMLButtonElement>;\n};\n\n/*\n Общая панель массовых действий для picker-компонентов с множественным выбором.\n * Компонент не знает формат значения и делегирует изменение владельцу selection-модели.\n /\nexport function PickerSelectionToolbar({ onSelectAll, onDeselectAll, selectAllButtonRef }: PickerSelectionToolbarProps) {\n\treturn (\n\t\t<Grid.Container gap=\"xs\" templateColumns=\"1fr 1fr\">\n\t\t\t<button\n\t\t\t\tref={selectAllButtonRef}\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName={styles.selectionActionButton}\n\t\t\t\tonClick={onSelectAll}\n\t\t\t\tdata-ui=\"picker-select-all\"\n\t\t\t\tdata-action=\"select-all\">\n\t\t\t\tВыбрать все\n\t\t\t</button>\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclassName={styles.selectionActionButton}\n\t\t\t\tonClick={onDeselectAll}\n\t\t\t\tdata-ui=\"picker-deselect-all\"\n\t\t\t\tdata-action=\"deselect-all\">\n\t\t\t\tСнять выбор\n\t\t\t</button>\n\t\t</Grid.Container>\n\t);\n}\n","import { ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport uiStyles from \"../ui.module.scss\";\n\nimport styles from \"./Picker.module.scss\";\n\ninterface PickerStatusProps {\n\temptyState?: ReactNode;\n\tloadingState?: ReactNode;\n\terrorState?: ReactNode;\n}\n\nexport function PickerStatus({ emptyState, loadingState, errorState }: PickerStatusProps) {\n\tconst content = errorState ?? loadingState ?? emptyState;\n\n\tif (content === undefined \|\| content === null) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className={cn(uiStyles.uiPopupOption, styles.status, errorState !== undefined && styles.statusError)} aria-disabled={true}>\n\t\t\t{content}\n\t\t</div>\n\t);\n}\n","import { MouseEvent, ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport uiStyles from \"../ui.module.scss\";\n\ninterface PickerTriggerActionsProps {\n\topen: boolean;\n\tdisabled?: boolean;\n\tchildren?: ReactNode;\n\tonToggleMouseDown?: (event: MouseEvent<HTMLButtonElement>) => void;\n\tonToggleClick: () => void;\n\topenAriaLabel?: string;\n\tcloseAriaLabel?: string;\n}\n\nexport function PickerTriggerActions({\n\topen,\n\tdisabled,\n\tchildren,\n\tonToggleMouseDown,\n\tonToggleClick,\n\topenAriaLabel = \"Открыть список\",\n\tcloseAriaLabel = \"Закрыть список\"\n}: PickerTriggerActionsProps) {\n\treturn (\n\t\t<div className={uiStyles.uiToggleButtonContainer} data-disabled={disabled \|\| undefined}>\n\t\t\t{children}\n\n\t\t\t<div className={uiStyles.uiButtonSeparator} />\n\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\taria-label={open ? closeAriaLabel : openAriaLabel}\n\t\t\t\tclassName={uiStyles.uiToggleButton}\n\t\t\t\tonMouseDown={onToggleMouseDown}\n\t\t\t\tonClick={onToggleClick}>\n\t\t\t\t<ChevronDownIcon className={cn(uiStyles.uiToggleIcon, open && uiStyles.uiToggleIconOpen)} />\n\t\t\t</button>\n\t\t</div>\n\t);\n}\n","import { ComponentPropsWithoutRef, forwardRef, ReactNode } from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { InputControl } from \"../input\";\nimport uiStyles from \"../ui.module.scss\";\n\nimport styles from \"./Picker.module.scss\";\n\ninterface PickerTriggerInputProps extends Omit<ComponentPropsWithoutRef<\"input\">, \"size\"> {\n\trootRef?: (node: HTMLDivElement \| null) => void;\n\tendAdornment?: ReactNode;\n\toverlay?: ReactNode;\n\trootClassName?: string;\n\tinputClassName?: string;\n}\n\nexport const PickerTriggerInput = forwardRef<HTMLInputElement, PickerTriggerInputProps>(\n\t({ rootRef, endAdornment, overlay, rootClassName, inputClassName, ...props }, ref) => {\n\t\treturn (\n\t\t\t<div ref={rootRef} className={cn(uiStyles.uiInputContainer, styles.triggerContainer, rootClassName)}>\n\t\t\t\t<InputControl endAdornment={endAdornment}>\n\t\t\t\t\t{({ controlClassName }) => (\n\t\t\t\t\t\t<input {...props} ref={ref} className={cn(uiStyles.uiInputWithToggle, controlClassName, inputClassName)} />\n\t\t\t\t\t)}\n\t\t\t\t</InputControl>\n\t\t\t\t{overlay}\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nPickerTriggerInput.displayName = \"PickerTriggerInput\";\n","export type PickerTriggerMode = \"display\" \| \"search-single\" \| \"search-multi\";\n\ninterface PickerTriggerTextFocusParams {\n\topen: boolean;\n\tcurrentQuery: string;\n\thasDisplayValue: boolean;\n}\n\nexport interface PickerTriggerPolicy {\n\tfocusFloatingOnOpen: boolean;\n\trestoreFocusOnClose: boolean;\n\tresetQueryOnClose: boolean;\n\tshouldOpenOnTriggerClick: (open: boolean) => boolean;\n\tshouldOpenOnInputChange: (open: boolean) => boolean;\n\tshouldFocusReferenceOnToggle: (open: boolean) => boolean;\n\tshouldSelectTriggerTextOnFocus: (params: PickerTriggerTextFocusParams) => boolean;\n}\n\n/\n Единая политика поведения trigger-input для picker-компонентов.\n * Нормализует различия между display-режимом, single-search и multi-search.\n /\nexport function createPickerTriggerPolicy(mode: PickerTriggerMode): PickerTriggerPolicy {\n\tswitch (mode) {\n\t\tcase \"search-single\":\n\t\t\treturn {\n\t\t\t\tfocusFloatingOnOpen: false,\n\t\t\t\trestoreFocusOnClose: false,\n\t\t\t\tresetQueryOnClose: true,\n\t\t\t\tshouldOpenOnTriggerClick: () => false,\n\t\t\t\tshouldOpenOnInputChange: (open) => !open,\n\t\t\t\tshouldFocusReferenceOnToggle: (open) => !open,\n\t\t\t\tshouldSelectTriggerTextOnFocus: ({ open, currentQuery, hasDisplayValue }) =>\n\t\t\t\t\t!open && currentQuery.length === 0 && hasDisplayValue\n\t\t\t};\n\t\tcase \"search-multi\":\n\t\t\treturn {\n\t\t\t\tfocusFloatingOnOpen: false,\n\t\t\t\trestoreFocusOnClose: false,\n\t\t\t\tresetQueryOnClose: true,\n\t\t\t\tshouldOpenOnTriggerClick: () => false,\n\t\t\t\tshouldOpenOnInputChange: (open) => !open,\n\t\t\t\tshouldFocusReferenceOnToggle: (open) => !open,\n\t\t\t\tshouldSelectTriggerTextOnFocus: () => false\n\t\t\t};\n\t\tcase \"display\":\n\t\tdefault:\n\t\t\treturn {\n\t\t\t\tfocusFloatingOnOpen: true,\n\t\t\t\trestoreFocusOnClose: true,\n\t\t\t\tresetQueryOnClose: false,\n\t\t\t\tshouldOpenOnTriggerClick: (open) => !open,\n\t\t\t\tshouldOpenOnInputChange: () => false,\n\t\t\t\tshouldFocusReferenceOnToggle: () => false,\n\t\t\t\tshouldSelectTriggerTextOnFocus: () => false\n\t\t\t};\n\t}\n}\n","import { ReactNode } from \"react\";\n\nexport function extractPickerTextContent(node: ReactNode): string \| undefined {\n\tif (typeof node === \"string\" \|\| typeof node === \"number\") {\n\t\treturn String(node);\n\t}\n\n\tif (Array.isArray(node)) {\n\t\tconst values = node.map(extractPickerTextContent).filter((value): value is string => Boolean(value));\n\t\treturn values.length ? values.join(\" \") : undefined;\n\t}\n\n\treturn undefined;\n}\n","import { useMemo } from \"react\";\n\nimport { normalizeTextToLower } from \"@ryuzaki13/react-foundation-lib/formatters\";\n\ninterface UsePickerDefaultFilterOptions<T> {\n\toptions: readonly T[];\n\tquery: string;\n\tenabled?: boolean;\n\tgetSearchText: (option: T) => unknown;\n}\n\nfunction normalizeSearchText(value: unknown) {\n\tconst parts = Array.isArray(value) ? value : [value];\n\n\treturn normalizeTextToLower(parts.filter(Boolean).join(\" \"));\n}\n\nexport function usePickerDefaultFilter<T>({ options, query, enabled = true, getSearchText }: UsePickerDefaultFilterOptions<T>) {\n\tconst normalizedQuery = normalizeTextToLower(query);\n\n\treturn useMemo(() => {\n\t\tif (!enabled \|\| !normalizedQuery) {\n\t\t\treturn [...options];\n\t\t}\n\n\t\treturn options.filter((option) => normalizeSearchText(getSearchText(option)).includes(normalizedQuery));\n\t}, [enabled, getSearchText, normalizedQuery, options]);\n}\n","import { Placement } from \"@floating-ui/react\";\nimport {\n\ttype FloatingListboxPlacementStrategy,\n\ttype FloatingListboxSizeResolver,\n\tuseFloatingListbox\n} from \"@ryuzaki13/react-foundation-lib/hooks\";\n\nimport { PickerTriggerMode, createPickerTriggerPolicy } from \"./createPickerTriggerPolicy\";\n\ninterface UsePickerFloatingListboxParams<T> {\n\toptions: readonly T[];\n\tselectedIndex: number;\n\topen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n\tgetOptionDisabled?: (option: T) => boolean;\n\tonSelect?: (option: T) => void;\n\tdisabled?: boolean;\n\tplacement?: Placement;\n\tplacementStrategy?: FloatingListboxPlacementStrategy;\n\tcloseOnSelect?: boolean;\n\tfocusFloatingOnOpen?: boolean;\n\tallowOpenWithoutOptions?: boolean;\n\trestoreFocusOnClose?: boolean;\n\ttriggerMode?: PickerTriggerMode;\n\tresolveFloatingSize?: FloatingListboxSizeResolver;\n}\n\n/\n Единая точка входа для popup/listbox поведения во всех picker-компонентах.\n /\nexport function usePickerFloatingListbox<T>(params: UsePickerFloatingListboxParams<T>) {\n\tconst triggerPolicy = params.triggerMode ? createPickerTriggerPolicy(params.triggerMode) : undefined;\n\n\treturn useFloatingListbox({\n\t\t...params,\n\t\tfocusFloatingOnOpen: params.focusFloatingOnOpen ?? triggerPolicy?.focusFloatingOnOpen,\n\t\trestoreFocusOnClose: params.restoreFocusOnClose ?? triggerPolicy?.restoreFocusOnClose\n\t});\n}\n","import { useState } from \"react\";\n\nimport { PickerTriggerMode, createPickerTriggerPolicy } from \"./createPickerTriggerPolicy\";\n\ninterface UsePickerQueryOptions {\n\tquery?: string;\n\tdefaultQuery?: string;\n\tonQuery?: (value: string) => void;\n\tresetOnClose?: boolean;\n\ttriggerMode?: PickerTriggerMode;\n}\n\n/\n Управляет controlled/uncontrolled query и возвращает policy закрытия владельцу open-state.\n * Сброс выполняется самим владельцем в событии close, поэтому hook не зеркалит lifecycle через effect.\n /\nexport function usePickerQuery({ query, defaultQuery, onQuery, resetOnClose, triggerMode }: UsePickerQueryOptions) {\n\tconst isControlled = query !== undefined;\n\tconst [internalQuery, setInternalQuery] = useState(defaultQuery ?? \"\");\n\tconst currentQuery = isControlled ? (query ?? \"\") : internalQuery;\n\tconst resolvedResetOnClose = resetOnClose ?? (triggerMode ? createPickerTriggerPolicy(triggerMode).resetQueryOnClose : true);\n\n\tconst setQuery = (nextValue: string) => {\n\t\tif (!isControlled) {\n\t\t\tsetInternalQuery(nextValue);\n\t\t}\n\n\t\tonQuery?.(nextValue);\n\t};\n\n\treturn {\n\t\tquery: currentQuery,\n\t\tsetQuery,\n\t\tclearQuery: () => setQuery(\"\"),\n\t\tresetQueryOnClose: resolvedResetOnClose\n\t};\n}\n","import { useEffect, useRef, useState } from \"react\";\n\ninterface UsePickerSelectionLifecycleOptions<TValue> {\n\tvalue: TValue;\n\topen: boolean;\n\tonCommit: (value: TValue) => void;\n\tonOpen?: () => void;\n\tonClose?: (value: TValue) => void;\n\tisEqual: (left: TValue, right: TValue) => boolean;\n}\n\n/\n Общий жизненный цикл чернового выбора для picker-компонентов,\n * где изменения подтверждаются при закрытии popup.\n /\nexport function usePickerSelectionLifecycle<TValue>({\n\tvalue,\n\topen,\n\tonCommit,\n\tonOpen,\n\tonClose,\n\tisEqual\n}: UsePickerSelectionLifecycleOptions<TValue>) {\n\tconst previousOpenRef = useRef(false);\n\tconst [draftValue, setDraftValue] = useState(value);\n\n\tuseEffect(() => {\n\t\tif (previousOpenRef.current && !open) {\n\t\t\tif (!isEqual(draftValue, value)) {\n\t\t\t\tonCommit(draftValue);\n\t\t\t}\n\n\t\t\tonClose?.(draftValue);\n\t\t}\n\n\t\tpreviousOpenRef.current = open;\n\t}, [draftValue, isEqual, onClose, onCommit, open, value]);\n\n\tconst prepareOpen = () => {\n\t\tsetDraftValue(value);\n\t\tonOpen?.();\n\t};\n\n\treturn {\n\t\tdraftValue,\n\t\tsetDraftValue,\n\t\tprepareOpen\n\t};\n}\n","import { MouseEvent, RefObject } from \"react\";\n\nimport { PickerTriggerMode, createPickerTriggerPolicy } from \"./createPickerTriggerPolicy\";\n\ninterface UsePickerTriggerControllerOptions {\n\tmode: PickerTriggerMode;\n\topen: boolean;\n\tcurrentQuery: string;\n\thasDisplayValue: boolean;\n\tinputRef: RefObject<HTMLInputElement \| null>;\n\tsetQuery?: (value: string) => void;\n\topenList?: () => void;\n\tclose?: () => void;\n\ttoggleOpen?: () => void;\n\tonBeforeOpen?: () => void;\n}\n\ninterface HandleTriggerKeyDownOptions {\n\tevent: React.KeyboardEvent<HTMLElement>;\n\tonActivateWhenOpen?: () => void;\n\tenableSpaceActivation?: boolean;\n\tenableClosedArrowDownOpen?: boolean;\n\tsuppressClosedArrowUp?: boolean;\n}\n\nfunction focusInput(inputRef: RefObject<HTMLInputElement \| null>) {\n\trequestAnimationFrame(() => {\n\t\tinputRef.current?.focus();\n\t});\n}\n\n/\n Единый контроллер пользовательских действий на trigger-input.\n * Держит поведение display/search-single/search-multi в одном месте.\n */\nexport function usePickerTriggerController({\n\tmode,\n\topen,\n\tcurrentQuery,\n\thasDisplayValue,\n\tinputRef,\n\tsetQuery,\n\topenList,\n\tclose,\n\ttoggleOpen,\n\tonBeforeOpen\n}: UsePickerTriggerControllerOptions) {\n\tconst policy = createPickerTriggerPolicy(mode);\n\n\tconst openTrigger = () => {\n\t\tonBeforeOpen?.();\n\n\t\tif (openList) {\n\t\t\topenList();\n\t\t\treturn;\n\t\t}\n\n\t\ttoggleOpen?.();\n\t};\n\n\tconst closeTrigger = () => {\n\t\tif (close) {\n\t\t\tclose();\n\t\t\treturn;\n\t\t}\n\n\t\ttoggleOpen?.();\n\t};\n\n\tconst toggleTrigger = () => {\n\t\tif (open) {\n\t\t\tcloseTrigger();\n\t\t} else {\n\t\t\topenTrigger();\n\t\t}\n\n\t\tif (policy.shouldFocusReferenceOnToggle(open)) {\n\t\t\tfocusInput(inputRef);\n\t\t}\n\t};\n\n\treturn {\n\t\tpolicy,\n\t\thandleTriggerInputChange: (nextValue: string) => {\n\t\t\tsetQuery?.(nextValue);\n\n\t\t\tif (policy.shouldOpenOnInputChange(open)) {\n\t\t\t\topenTrigger();\n\t\t\t}\n\t\t},\n\t\thandleTriggerClick: () => {\n\t\t\tif (policy.shouldOpenOnTriggerClick(open)) {\n\t\t\t\topenTrigger();\n\t\t\t}\n\t\t},\n\t\thandleTriggerFocus: (input: HTMLInputElement) => {\n\t\t\tif (\n\t\t\t\tpolicy.shouldSelectTriggerTextOnFocus({\n\t\t\t\t\topen,\n\t\t\t\t\tcurrentQuery,\n\t\t\t\t\thasDisplayValue\n\t\t\t\t})\n\t\t\t) {\n\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\tinput.select();\n\t\t\t\t});\n\t\t\t}\n\t\t},\n\t\thandleToggleMouseDown: (event: MouseEvent<HTMLButtonElement>) => {\n\t\t\tevent.preventDefault();\n\t\t},\n\t\thandleToggleClick: () => {\n\t\t\ttoggleTrigger();\n\t\t},\n\t\thandleTriggerKeyDown: ({\n\t\t\tevent,\n\t\t\tonActivateWhenOpen,\n\t\t\tenableSpaceActivation = false,\n\t\t\tenableClosedArrowDownOpen = false,\n\t\t\tsuppressClosedArrowUp = false\n\t\t}: HandleTriggerKeyDownOptions) => {\n\t\t\tif (!open && suppressClosedArrowUp && event.key === \"ArrowUp\") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (!open && enableClosedArrowDownOpen && event.key === \"ArrowDown\") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttoggleTrigger();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (event.key === \"Enter\") {\n\t\t\t\tevent.preventDefault();\n\n\t\t\t\tif (open) {\n\t\t\t\t\tonActivateWhenOpen?.();\n\t\t\t\t} else {\n\t\t\t\t\ttoggleTrigger();\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (enableSpaceActivation && event.key === \" \") {\n\t\t\t\tevent.preventDefault();\n\n\t\t\t\tif (open) {\n\t\t\t\t\tonActivateWhenOpen?.();\n\t\t\t\t} else {\n\t\t\t\t\ttoggleTrigger();\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\ttoggleTrigger\n\t};\n}\n"],"mappings":"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"}

package/dist/chunks/ui.module-BfaIVBba.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ui.module-BfaIVBba.js","names":[],"sources":["../../src/ui.module.scss"],"sourcesContent":["@use \"@/styles/mixins\" as ;\n\n.uiSizable {\n\t--base-width: 100%;\n\n\twidth: var(--base-width);\n\n\t&.xs {\n\t\t--base-width: calc(var(--drp-ui-width-xs, var(--ui-width-xs)) - var(--width-add));\n\t}\n\n\t&.sm {\n\t\t--base-width: calc(var(--drp-ui-width-sm, var(--ui-width-sm)) - var(--width-add));\n\t}\n\n\t&.md {\n\t\t--base-width: calc(var(--drp-ui-width-md, var(--ui-width-md)) - var(--width-add));\n\t}\n\n\t&.lg {\n\t\t--base-width: calc(var(--drp-ui-width-lg, var(--ui-width-lg)) - var(--width-add));\n\t}\n\n\t&.xl {\n\t\t--base-width: calc(var(--drp-ui-width-xl, var(--ui-width-xl)) - var(--width-add));\n\t}\n}\n\n// TODO: Тестовый класс\n.uiErrorElement {\n\t--grid-size: var(--space-sm);\n\t--grid-line-size: var(--border-width);\n\t--grid-line-color: var(--status-error-soft);\n\n\theight: var(--control-height);\n\twidth: 100%; // calc(10em - var(--width-add));\n\tflex-shrink: 0;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\tborder: var(--focus-width) solid var(--status-error-border);\n\tborder-radius: var(--radius-sm);\n\toutline: none;\n\n\tfont-weight: 700;\n\tfont-variation-settings: \"wght\" 700;\n\n\tcolor: var(--status-error-text);\n\tbackground-color: var(--surface-0);\n\tbackground-image:\n\t\trepeating-linear-gradient(\n\t\t\t45deg,\n\t\t\tvar(--grid-line-color) 0 var(--grid-line-size),\n\t\t\ttransparent var(--grid-line-size) var(--grid-size)\n\t\t),\n\t\trepeating-linear-gradient(\n\t\t\t-45deg,\n\t\t\tvar(--grid-line-color) 0 var(--grid-line-size),\n\t\t\ttransparent var(--grid-line-size) var(--grid-size)\n\t\t);\n}\n\n.uiContainer {\n\tposition: relative;\n\twidth: 100%;\n}\n\n.uiInputContainer {\n\t@extend .uiContainer;\n\n\t--padding-right: var(--control-height);\n}\n\n.uiLabelBase {\n\tdisplay: inline-block;\n\tfont-weight: 400;\n\tfont-variation-settings: \"wght\" 400;\n}\n\n.uiLabel {\n\t@extend .uiLabelBase;\n\n\tmargin-block: var(--space-xs);\n}\n\n.uiDescription {\n\t--paragraph-margin: 0;\n\n\tpadding-bottom: var(--space-xs);\n\tcolor: var(--content-1);\n\tfont-weight: 300;\n\tfont-variation-settings: \"wght\" 300;\n}\n\n.uiLabel,\n.uiDescription {\n\tmargin-inline: var(--space-xs);\n}\n\n.uiPlaceholder {\n\tcolor: var(--content-2);\n\tfont-weight: 100;\n\tfont-variation-settings: \"wght\" 100;\n\tfont-size: var(--font-size-sm);\n\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n\n.required {\n\t.uiLabelBase::after {\n\t\tcontent: \" \";\n\t\tcolor: var(--status-error-text);\n\t}\n}\n\n.uiControl {\n\t@include ui-tone(\"neutral\");\n\t@include ui-appearance-outline;\n\t@include ui-control-base;\n\n\t--ui-radius: var(--radius-sm);\n\n\t&.invalid,\n\t&:invalid {\n\t\t@include ui-tone(\"error\");\n\t\t@include ui-appearance-outline;\n\t}\n\n\t&::placeholder {\n\t\t@extend .uiPlaceholder;\n\t}\n}\n\n.uiToneNeutral {\n\t@include ui-tone(\"neutral\");\n}\n\n.uiToneError {\n\t@include ui-tone(\"error\");\n}\n\n.uiToneWarning {\n\t@include ui-tone(\"warning\");\n}\n\n.uiToneSuccess {\n\t@include ui-tone(\"success\");\n}\n\n.uiToneInfo {\n\t@include ui-tone(\"info\");\n}\n\n.uiAppearanceSolid {\n\t@include ui-appearance-solid;\n}\n\n.uiAppearanceOutline {\n\t@include ui-appearance-outline;\n}\n\n.uiAppearanceGhost {\n\t@include ui-appearance-ghost;\n}\n\n.uiAppearanceTransparent {\n\t@include ui-appearance-transparent;\n}\n\n.uiInputControl {\n\t@extend .uiControl;\n\n\theight: var(--control-height);\n}\n\n.uiInputWithToggle {\n\t@extend .uiInputControl;\n\n\tcolor: var(--content-0);\n\n\tpadding: 0 var(--padding-right) 0 var(--space-sm);\n\twidth: 100%;\n\ttext-align: left;\n\n\t// &[type=\"button\"] {\n\t// \twhite-space: nowrap;\n\t// }\n}\n\n.uiSelectionControl {\n\t@include ui-control-base;\n\n\t--ui-color: var(--content-0);\n\t--ui-color-hover: var(--content-0);\n\t--ui-color-active: var(--content-0);\n\t--ui-background: var(--surface-0);\n\t--ui-background-hover: var(--ui-tone-soft);\n\t--ui-background-active: var(--ui-tone-soft);\n\t--ui-border-color: var(--ui-tone-border);\n\t--ui-border-hover: var(--ui-tone-border-hover);\n\t--ui-border-active: var(--ui-tone-border-active);\n\t--ui-border-focus: var(--ui-tone-border-focus);\n\n\tappearance: none;\n\tmargin: 0;\n\tcursor: pointer;\n\n\t&:checked {\n\t\t& + .uiSelectionIcon {\n\t\t\tcolor: var(--ui-tone-fill);\n\t\t}\n\t}\n\n\t&:disabled {\n\t\tcursor: default;\n\n\t\t--ui-border-color: var(--border-0);\n\n\t\t&:checked {\n\t\t\t& + .uiSelectionIcon {\n\t\t\t\tcolor: var(--border-0);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.uiSelectionIcon {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\tpointer-events: none;\n\tcolor: transparent;\n\ttransition:\n\t\tcolor var(--transition-fast) ease,\n\t\topacity var(--transition-fast) ease;\n}\n\n.uiElement,\n.uiSelectOption,\n.uiPopupOption {\n\t&.disabled,\n\t&:disabled {\n\t\tcursor: default;\n\t\tpointer-events: none;\n\t\tuser-select: none;\n\n\t\t.uiLabel,\n\t\t.uiDescription {\n\t\t\tcolor: var(--content-2);\n\t\t}\n\n\t\t.uiPlaceholder,\n\t\t.uiOptionText,\n\t\t.uiOptionCode {\n\t\t\topacity: 0.25;\n\t\t}\n\t}\n}\n\n.uiFramedPanel {\n\tborder: var(--border);\n\tborder-radius: var(--radius-sm);\n\tpadding: var(--space-sm);\n}\n\n.uiPanel {\n\t@extend .uiFramedPanel;\n\n\tbackground-color: var(--ui-panel-background, var(--surface-0));\n\tcolor: var(--content-0);\n}\n\n.uiPopupOptions {\n\t@extend .uiPanel;\n\n\tbackground-color: var(--surface-0);\n\n\t--anchor-gap: var(--space-xs);\n\t--anchor-padding: var(--space-xs);\n\t--anchor-offset: 0;\n\t--input-width: min(100vw, var(--base-width, 15em));\n\n\tdisplay: flex;\n\tflex-direction: column;\n\n\tmin-width: var(--input-width);\n\ttransform-origin: top;\n\tbox-shadow: var(--shadow-md);\n\tz-index: var(--z-dropdown);\n\n\t&:empty {\n\t\tvisibility: hidden;\n\t}\n}\n\n.uiStateFocus {\n\t@include focusVisible;\n\n\tbackground-color: var(--surface-1);\n\tborder-color: var(--border-1);\n\tcursor: pointer;\n}\n\n.uiOptionBase {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tgap: var(--space-sm);\n\theight: 100%;\n\twidth: 100%;\n\ttext-align: left;\n}\n\n.uiPopupOption {\n\t@extend .uiOptionBase;\n\n\theight: auto;\n\tpadding: var(--space-xs) var(--space-sm);\n}\n\n.uiSelectOption,\n.uiPopupOption {\n\tborder-radius: var(--radius-sm);\n\tborder: none;\n\tbackground-color: transparent;\n\tcolor: var(--content-0);\n\n\ttransition:\n\t\tbackground-color var(--transition-fast) ease,\n\t\tcolor var(--transition-fast) ease;\n\n\t.uiMenuOptionIcon,\n\t.uiPopupOptionIcon {\n\t\tflex-shrink: 0;\n\t\twidth: var(--space-md);\n\t\theight: var(--space-md);\n\t}\n\n\t.uiMenuOptionIcon,\n\t.keyboard {\n\t\tcolor: var(--content-2);\n\t}\n\n\t&.selected {\n\t\tcolor: var(--content-accent);\n\t\tcursor: default;\n\t}\n\n\t&.uiPopupOptionActive {\n\t\tbackground-color: var(--surface-1);\n\t}\n\n\t&.disabled {\n\t\tbackground-color: transparent;\n\t\tcolor: var(--content-2);\n\t}\n\n\t&:focus {\n\t\t@extend .uiStateFocus;\n\t}\n\n\t@include hover(true) {\n\t\tbackground-color: var(--surface-accent);\n\t\tcursor: pointer;\n\t}\n}\n\n.uiPopupOptionSeparator {\n\tborder-top: var(--border);\n\tmargin-block: var(--space-xs);\n}\n\n.uiPopupGroupLabel {\n\tpadding: var(--space-xs) var(--space-sm);\n\tcolor: var(--content-2);\n\tfont-weight: 300;\n\ttext-transform: uppercase;\n\tfont-size: var(--font-size-sm);\n}\n\n.uiMenuOptionIcon {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.uiSelectOption {\n\tdisplay: grid;\n\tgrid-template-columns: auto 1fr;\n\tgap: var(--space-xs);\n\n\tpadding-right: var(--space-xs);\n}\n\n.uiOptionText {\n\~~tfont~~-size: var(--font-size-sm);\n\tflex: 1;\n}\n\n.uiOptionCode {\n\tfont-family: var(--font-family-mono);\n\~~tfont~~-size: var(--font-size-sm);\n\tcolor: var(--content-1);\n\tfont-weight: 300;\n\tfont-variation-settings: \"wght\" 300;\n}\n\n.uiToggleButtonContainer {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\theight: 100%;\n\twidth: 100%;\n\n\ttransition-property: width;\n\ttransition-duration: var(--transition-fast);\n\ttransition-timing-function: cubic-bezier(1, 0, 0.5, 0.5);\n\n\t> button {\n\t\tbackground: transparent;\n\t\tborder: none;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\theight: var(--control-height);\n\t\twidth: var(--control-height);\n\t\tborder-radius: var(--radius-sm);\n\t\tflex: 0 0 var(--control-height);\n\t}\n\n\t// &[data-disabled] {\n\t// \tcursor: default;\n\t// \tpointer-events: none;\n\t// \topacity: var(--disabled-opacity);\n\t// }\n}\n\n.uiToggleButton {\n\tcolor: var(--content-0);\n\n\t&:hover {\n\t\tcolor: var(--content-accent);\n\t}\n}\n\n.uiToggleIcon {\n\ttransition: transform var(--transition-fast) ease-in-out;\n\n\t&.uiToggleIconOpen {\n\t\ttransform: rotate(180deg);\n\t}\n}\n\n@include mobile {\n\t.uiPopupOptions {\n\t\t--input-width: calc(100dvw - var(--space-xl));\n\t}\n}\n\n// TODO: пока в свалку стили для дата-подобных компонентов\n\n// Для компонентов, который не являются input, но выставляют себя за него\n.uiInputControlFake {\n\t@extend .uiInputControl;\n\n\twidth: 100%;\n\tpadding: 0 var(--space-sm);\n\tfont-size: var(--font-size-md);\n\n\tdisplay: flex;\n\talign-items: center;\n\n\tcursor: text;\n}\n\n.uiClearButton {\n\tcolor: var(--status-error-text);\n\n\t&:disabled {\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t\twidth: 0;\n\t\theight: 0;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\toverflow: hidden;\n\t}\n}\n\n.uiButtonSeparator {\n\tborder-left: var(--border);\n\theight: calc(100% - var(--space-sm));\n}\n"],"mappings":""}
1	+ {"version":3,"file":"ui.module-BfaIVBba.js","names":[],"sources":["../../src/ui.module.scss"],"sourcesContent":["@use \"@/styles/mixins\" as ;\n\n.uiSizable {\n\t--base-width: 100%;\n\n\twidth: var(--base-width);\n\n\t&.xs {\n\t\t--base-width: calc(var(--drp-ui-width-xs, var(--ui-width-xs)) - var(--width-add));\n\t}\n\n\t&.sm {\n\t\t--base-width: calc(var(--drp-ui-width-sm, var(--ui-width-sm)) - var(--width-add));\n\t}\n\n\t&.md {\n\t\t--base-width: calc(var(--drp-ui-width-md, var(--ui-width-md)) - var(--width-add));\n\t}\n\n\t&.lg {\n\t\t--base-width: calc(var(--drp-ui-width-lg, var(--ui-width-lg)) - var(--width-add));\n\t}\n\n\t&.xl {\n\t\t--base-width: calc(var(--drp-ui-width-xl, var(--ui-width-xl)) - var(--width-add));\n\t}\n}\n\n// TODO: Тестовый класс\n.uiErrorElement {\n\t--grid-size: var(--space-sm);\n\t--grid-line-size: var(--border-width);\n\t--grid-line-color: var(--status-error-soft);\n\n\theight: var(--control-height);\n\twidth: 100%; // calc(10em - var(--width-add));\n\tflex-shrink: 0;\n\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\tborder: var(--focus-width) solid var(--status-error-border);\n\tborder-radius: var(--radius-sm);\n\toutline: none;\n\n\tfont-weight: 700;\n\tfont-variation-settings: \"wght\" 700;\n\n\tcolor: var(--status-error-text);\n\tbackground-color: var(--surface-0);\n\tbackground-image:\n\t\trepeating-linear-gradient(\n\t\t\t45deg,\n\t\t\tvar(--grid-line-color) 0 var(--grid-line-size),\n\t\t\ttransparent var(--grid-line-size) var(--grid-size)\n\t\t),\n\t\trepeating-linear-gradient(\n\t\t\t-45deg,\n\t\t\tvar(--grid-line-color) 0 var(--grid-line-size),\n\t\t\ttransparent var(--grid-line-size) var(--grid-size)\n\t\t);\n}\n\n.uiContainer {\n\tposition: relative;\n\twidth: 100%;\n}\n\n.uiInputContainer {\n\t@extend .uiContainer;\n\n\t--padding-right: var(--control-height);\n}\n\n.uiLabelBase {\n\tdisplay: inline-block;\n\tfont-weight: 400;\n\tfont-variation-settings: \"wght\" 400;\n}\n\n.uiLabel {\n\t@extend .uiLabelBase;\n\n\tmargin-block: var(--space-xs);\n}\n\n.uiDescription {\n\t--paragraph-margin: 0;\n\n\tpadding-bottom: var(--space-xs);\n\tcolor: var(--content-1);\n\tfont-weight: 300;\n\tfont-variation-settings: \"wght\" 300;\n}\n\n.uiLabel,\n.uiDescription {\n\tmargin-inline: var(--space-xs);\n}\n\n.uiPlaceholder {\n\tcolor: var(--content-2);\n\tfont-weight: 100;\n\tfont-variation-settings: \"wght\" 100;\n\tfont-size: var(--font-size-sm);\n\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n\n.required {\n\t.uiLabelBase::after {\n\t\tcontent: \" \";\n\t\tcolor: var(--status-error-text);\n\t}\n}\n\n.uiControl {\n\t@include ui-tone(\"neutral\");\n\t@include ui-appearance-outline;\n\t@include ui-control-base;\n\n\t--ui-radius: var(--radius-sm);\n\n\t&.invalid,\n\t&:invalid {\n\t\t@include ui-tone(\"error\");\n\t\t@include ui-appearance-outline;\n\t}\n\n\t&::placeholder {\n\t\t@extend .uiPlaceholder;\n\t}\n}\n\n.uiToneNeutral {\n\t@include ui-tone(\"neutral\");\n}\n\n.uiToneError {\n\t@include ui-tone(\"error\");\n}\n\n.uiToneWarning {\n\t@include ui-tone(\"warning\");\n}\n\n.uiToneSuccess {\n\t@include ui-tone(\"success\");\n}\n\n.uiToneInfo {\n\t@include ui-tone(\"info\");\n}\n\n.uiAppearanceSolid {\n\t@include ui-appearance-solid;\n}\n\n.uiAppearanceOutline {\n\t@include ui-appearance-outline;\n}\n\n.uiAppearanceGhost {\n\t@include ui-appearance-ghost;\n}\n\n.uiAppearanceTransparent {\n\t@include ui-appearance-transparent;\n}\n\n.uiInputControl {\n\t@extend .uiControl;\n\n\theight: var(--control-height);\n}\n\n.uiInputWithToggle {\n\t@extend .uiInputControl;\n\n\tcolor: var(--content-0);\n\n\tpadding: 0 var(--padding-right) 0 var(--space-sm);\n\twidth: 100%;\n\ttext-align: left;\n\n\t// &[type=\"button\"] {\n\t// \twhite-space: nowrap;\n\t// }\n}\n\n.uiSelectionControl {\n\t@include ui-control-base;\n\n\t--ui-color: var(--content-0);\n\t--ui-color-hover: var(--content-0);\n\t--ui-color-active: var(--content-0);\n\t--ui-background: var(--surface-0);\n\t--ui-background-hover: var(--ui-tone-soft);\n\t--ui-background-active: var(--ui-tone-soft);\n\t--ui-border-color: var(--ui-tone-border);\n\t--ui-border-hover: var(--ui-tone-border-hover);\n\t--ui-border-active: var(--ui-tone-border-active);\n\t--ui-border-focus: var(--ui-tone-border-focus);\n\n\tappearance: none;\n\tmargin: 0;\n\tcursor: pointer;\n\n\t&:checked {\n\t\t& + .uiSelectionIcon {\n\t\t\tcolor: var(--ui-tone-fill);\n\t\t}\n\t}\n\n\t&:disabled {\n\t\tcursor: default;\n\n\t\t--ui-border-color: var(--border-0);\n\n\t\t&:checked {\n\t\t\t& + .uiSelectionIcon {\n\t\t\t\tcolor: var(--border-0);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.uiSelectionIcon {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\tpointer-events: none;\n\tcolor: transparent;\n\ttransition:\n\t\tcolor var(--transition-fast) ease,\n\t\topacity var(--transition-fast) ease;\n}\n\n.uiElement,\n.uiSelectOption,\n.uiPopupOption {\n\t&.disabled,\n\t&:disabled {\n\t\tcursor: default;\n\t\tpointer-events: none;\n\t\tuser-select: none;\n\n\t\t.uiLabel,\n\t\t.uiDescription {\n\t\t\tcolor: var(--content-2);\n\t\t}\n\n\t\t.uiPlaceholder,\n\t\t.uiOptionText,\n\t\t.uiOptionCode {\n\t\t\topacity: 0.25;\n\t\t}\n\t}\n}\n\n.uiFramedPanel {\n\tborder: var(--border);\n\tborder-radius: var(--radius-sm);\n\tpadding: var(--space-sm);\n}\n\n.uiPanel {\n\t@extend .uiFramedPanel;\n\n\tbackground-color: var(--ui-panel-background, var(--surface-0));\n\tcolor: var(--content-0);\n}\n\n.uiPopupOptions {\n\t@extend .uiPanel;\n\n\tbackground-color: var(--surface-0);\n\n\t--anchor-gap: var(--space-xs);\n\t--anchor-padding: var(--space-xs);\n\t--anchor-offset: 0;\n\t--input-width: min(100vw, var(--base-width, 15em));\n\n\tdisplay: flex;\n\tflex-direction: column;\n\n\tmin-width: var(--input-width);\n\ttransform-origin: top;\n\tbox-shadow: var(--shadow-md);\n\tz-index: var(--z-dropdown);\n\n\t&:empty {\n\t\tvisibility: hidden;\n\t}\n}\n\n.uiStateFocus {\n\t@include focusVisible;\n\n\tbackground-color: var(--surface-1);\n\tborder-color: var(--border-1);\n\tcursor: pointer;\n}\n\n.uiOptionBase {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-start;\n\tgap: var(--space-sm);\n\theight: 100%;\n\twidth: 100%;\n\ttext-align: left;\n}\n\n.uiPopupOption {\n\t@extend .uiOptionBase;\n\n\theight: auto;\n\tpadding: var(--space-xs) var(--space-sm);\n}\n\n.uiSelectOption,\n.uiPopupOption {\n\tborder-radius: var(--radius-sm);\n\tborder: none;\n\tbackground-color: transparent;\n\tcolor: var(--content-0);\n\n\ttransition:\n\t\tbackground-color var(--transition-fast) ease,\n\t\tcolor var(--transition-fast) ease;\n\n\t.uiMenuOptionIcon,\n\t.uiPopupOptionIcon {\n\t\tflex-shrink: 0;\n\t\twidth: var(--space-md);\n\t\theight: var(--space-md);\n\t}\n\n\t.uiMenuOptionIcon,\n\t.keyboard {\n\t\tcolor: var(--content-2);\n\t}\n\n\t&.selected {\n\t\tcolor: var(--content-accent);\n\t\tcursor: default;\n\t}\n\n\t&.uiPopupOptionActive {\n\t\tbackground-color: var(--surface-1);\n\t}\n\n\t&.disabled {\n\t\tbackground-color: transparent;\n\t\tcolor: var(--content-2);\n\t}\n\n\t&:focus {\n\t\t@extend .uiStateFocus;\n\t}\n\n\t@include hover(true) {\n\t\tbackground-color: var(--surface-accent);\n\t\tcursor: pointer;\n\t}\n}\n\n.uiPopupOptionSeparator {\n\tborder-top: var(--border);\n\tmargin-block: var(--space-xs);\n}\n\n.uiPopupGroupLabel {\n\tpadding: var(--space-xs) var(--space-sm);\n\tcolor: var(--content-2);\n\tfont-weight: 300;\n\ttext-transform: uppercase;\n\tfont-size: var(--font-size-sm);\n}\n\n.uiMenuOptionIcon {\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.uiSelectOption {\n\tdisplay: grid;\n\tgrid-template-columns: auto 1fr;\n\tgap: var(--space-xs);\n\n\tpadding-right: var(--space-xs);\n}\n\n.uiOptionText {\n\t// font-size: var(--font-size-sm);\n\tflex: 1;\n}\n\n.uiOptionCode {\n\tfont-family: var(--font-family-mono);\n\t// font-size: var(--font-size-sm);\n\tcolor: var(--content-1);\n\tfont-weight: 300;\n\tfont-variation-settings: \"wght\" 300;\n}\n\n.uiToggleButtonContainer {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\theight: 100%;\n\twidth: 100%;\n\n\ttransition-property: width;\n\ttransition-duration: var(--transition-fast);\n\ttransition-timing-function: cubic-bezier(1, 0, 0.5, 0.5);\n\n\t> button {\n\t\tbackground: transparent;\n\t\tborder: none;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\theight: var(--control-height);\n\t\twidth: var(--control-height);\n\t\tborder-radius: var(--radius-sm);\n\t\tflex: 0 0 var(--control-height);\n\t}\n\n\t// &[data-disabled] {\n\t// \tcursor: default;\n\t// \tpointer-events: none;\n\t// \topacity: var(--disabled-opacity);\n\t// }\n}\n\n.uiToggleButton {\n\tcolor: var(--content-0);\n\n\t&:hover {\n\t\tcolor: var(--content-accent);\n\t}\n}\n\n.uiToggleIcon {\n\ttransition: transform var(--transition-fast) ease-in-out;\n\n\t&.uiToggleIconOpen {\n\t\ttransform: rotate(180deg);\n\t}\n}\n\n@include mobile {\n\t.uiPopupOptions {\n\t\t--input-width: calc(100dvw - var(--space-xl));\n\t}\n}\n\n// TODO: пока в свалку стили для дата-подобных компонентов\n\n// Для компонентов, который не являются input, но выставляют себя за него\n.uiInputControlFake {\n\t@extend .uiInputControl;\n\n\twidth: 100%;\n\tpadding: 0 var(--space-sm);\n\tfont-size: var(--font-size-md);\n\n\tdisplay: flex;\n\talign-items: center;\n\n\tcursor: text;\n}\n\n.uiClearButton {\n\tcolor: var(--status-error-text);\n\n\t&:disabled {\n\t\topacity: 0;\n\t\tpointer-events: none;\n\t\twidth: 0;\n\t\theight: 0;\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\toverflow: hidden;\n\t}\n}\n\n.uiButtonSeparator {\n\tborder-left: var(--border);\n\theight: calc(100% - var(--space-sm));\n}\n"],"mappings":""}

package/dist/styles.css CHANGED Viewed

@@ -1,2 +1,2 @@
-.IyEhJp{--base-width:100%;width:var(--base-width)}.IyEhJp.f7M9vJ{--base-width:calc(var(--drp-ui-width-xs,var(--ui-width-xs)) - var(--width-add))}.IyEhJp.HwXbxj{--base-width:calc(var(--drp-ui-width-sm,var(--ui-width-sm)) - var(--width-add))}.IyEhJp.Mym7DA{--base-width:calc(var(--drp-ui-width-md,var(--ui-width-md)) - var(--width-add))}.IyEhJp.w5cM9q{--base-width:calc(var(--drp-ui-width-lg,var(--ui-width-lg)) - var(--width-add))}.IyEhJp.f2EBJz{--base-width:calc(var(--drp-ui-width-xl,var(--ui-width-xl)) - var(--width-add))}._3GzdMJ{--grid-size:var(--space-sm);--grid-line-size:var(--border-width);--grid-line-color:var(--status-error-soft);height:var(--control-height);border:var(--focus-width) solid var(--status-error-border);border-radius:var(--radius-sm);font-variation-settings:"wght" 700;width:100%;color:var(--status-error-text);background-color:var(--surface-0);background-image:repeating-linear-gradient(45deg, var(--grid-line-color) 0 var(--grid-line-size), transparent var(--grid-line-size) var(--grid-size)), repeating-linear-gradient(-45deg, var(--grid-line-color) 0 var(--grid-line-size), transparent var(--grid-line-size) var(--grid-size));outline:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.mCyi7T,._0uiTC1{width:100%;position:relative}._0uiTC1{--padding-right:var(--control-height)}.y9nuVw,.-lXPkQ{font-variation-settings:"wght" 400;font-weight:400;display:inline-block}.-lXPkQ{margin-block:var(--space-xs)}.kaqcwk{--paragraph-margin:0;padding-bottom:var(--space-xs);color:var(--content-1);font-variation-settings:"wght" 300;font-weight:300}.-lXPkQ,.kaqcwk{margin-inline:var(--space-xs)}.ADooeh,.UQPwkb::placeholder,.x427rk::placeholder,._4GTgCO::placeholder,.CGeRS1::placeholder{color:var(--content-2);font-variation-settings:"wght" 100;font-weight:100;font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._7GxEke .y9nuVw:after,._7GxEke .-lXPkQ:after{content:" *";color:var(--status-error-text)}.UQPwkb,.x427rk,._4GTgCO,.CGeRS1{--ui-tone-text:var(--status-neutral-text);--ui-tone-text-hover:var(--status-neutral-text-hover);--ui-tone-text-active:var(--status-neutral-text-active);--ui-tone-fill:var(--status-neutral-fill);--ui-tone-fill-hover:var(--status-neutral-fill-hover);--ui-tone-fill-active:var(--status-neutral-fill-active);--ui-tone-on-fill:var(--status-neutral-on-fill);--ui-tone-soft:var(--status-neutral-soft);--ui-tone-border:var(--status-neutral-border);--ui-tone-border-hover:var(--status-neutral-border-hover);--ui-tone-border-active:var(--status-neutral-border-active);--ui-tone-border-focus:var(--status-neutral-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-neutral-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-neutral-fill-active) 20%, var(--surface-0));--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:var(--surface-0);--ui-background-hover:var(--surface-0);--ui-background-active:var(--surface-0);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus);color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,box-shadow,padding,opacity,transform;transition-duration:var(--transition-fast);outline:none;transition-timing-function:ease}.UQPwkb:hover,.x427rk:hover,._4GTgCO:hover,.CGeRS1:hover{color:var(--ui-color-hover);background-color:var(--ui-background-hover);border-color:var(--ui-border-hover)}.UQPwkb:active,.x427rk:active,._4GTgCO:active,.CGeRS1:active{color:var(--ui-color-active);border-color:var(--ui-border-active);background-color:var(--ui-background-active)}.UQPwkb:focus,.x427rk:focus,._4GTgCO:focus,.CGeRS1:focus,.UQPwkb:focus-within,.x427rk:focus-within,._4GTgCO:focus-within,.CGeRS1:focus-within{background-color:var(--ui-background-active);border-color:var(--ui-border-focus)}.UQPwkb:focus-visible,.x427rk:focus-visible,._4GTgCO:focus-visible,.CGeRS1:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.UQPwkb:disabled,.x427rk:disabled,._4GTgCO:disabled,.CGeRS1:disabled,.UQPwkb[data-disabled],[data-disabled].x427rk,[data-disabled]._4GTgCO,[data-disabled].CGeRS1{cursor:default;pointer-events:none;color:var(--content-2);background-color:var(--surface-2);border-color:var(--overlay-backdrop)}.UQPwkb,.x427rk,._4GTgCO,.CGeRS1{--ui-radius:var(--radius-sm)}.UQPwkb.kkpwQI,.kkpwQI.x427rk,.kkpwQI._4GTgCO,.kkpwQI.CGeRS1,.UQPwkb:invalid,.x427rk:invalid,._4GTgCO:invalid,.CGeRS1:invalid{--ui-tone-text:var(--status-error-text);--ui-tone-text-hover:var(--status-error-text-hover);--ui-tone-text-active:var(--status-error-text-active);--ui-tone-fill:var(--status-error-fill);--ui-tone-fill-hover:var(--status-error-fill-hover);--ui-tone-fill-active:var(--status-error-fill-active);--ui-tone-on-fill:var(--status-error-on-fill);--ui-tone-soft:var(--status-error-soft);--ui-tone-border:var(--status-error-border);--ui-tone-border-hover:var(--status-error-border-hover);--ui-tone-border-active:var(--status-error-border-active);--ui-tone-border-focus:var(--status-error-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-error-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-error-fill-active) 20%, var(--surface-0));--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:var(--surface-0);--ui-background-hover:var(--surface-0);--ui-background-active:var(--surface-0);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus)}.DPvwku{--ui-tone-text:var(--status-neutral-text);--ui-tone-text-hover:var(--status-neutral-text-hover);--ui-tone-text-active:var(--status-neutral-text-active);--ui-tone-fill:var(--status-neutral-fill);--ui-tone-fill-hover:var(--status-neutral-fill-hover);--ui-tone-fill-active:var(--status-neutral-fill-active);--ui-tone-on-fill:var(--status-neutral-on-fill);--ui-tone-soft:var(--status-neutral-soft);--ui-tone-border:var(--status-neutral-border);--ui-tone-border-hover:var(--status-neutral-border-hover);--ui-tone-border-active:var(--status-neutral-border-active);--ui-tone-border-focus:var(--status-neutral-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-neutral-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-neutral-fill-active) 20%, var(--surface-0))}.SRqz74{--ui-tone-text:var(--status-error-text);--ui-tone-text-hover:var(--status-error-text-hover);--ui-tone-text-active:var(--status-error-text-active);--ui-tone-fill:var(--status-error-fill);--ui-tone-fill-hover:var(--status-error-fill-hover);--ui-tone-fill-active:var(--status-error-fill-active);--ui-tone-on-fill:var(--status-error-on-fill);--ui-tone-soft:var(--status-error-soft);--ui-tone-border:var(--status-error-border);--ui-tone-border-hover:var(--status-error-border-hover);--ui-tone-border-active:var(--status-error-border-active);--ui-tone-border-focus:var(--status-error-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-error-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-error-fill-active) 20%, var(--surface-0))}.e-6pS0{--ui-tone-text:var(--status-warning-text);--ui-tone-text-hover:var(--status-warning-text-hover);--ui-tone-text-active:var(--status-warning-text-active);--ui-tone-fill:var(--status-warning-fill);--ui-tone-fill-hover:var(--status-warning-fill-hover);--ui-tone-fill-active:var(--status-warning-fill-active);--ui-tone-on-fill:var(--status-warning-on-fill);--ui-tone-soft:var(--status-warning-soft);--ui-tone-border:var(--status-warning-border);--ui-tone-border-hover:var(--status-warning-border-hover);--ui-tone-border-active:var(--status-warning-border-active);--ui-tone-border-focus:var(--status-warning-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-warning-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-warning-fill-active) 20%, var(--surface-0))}.tUxwSm{--ui-tone-text:var(--status-success-text);--ui-tone-text-hover:var(--status-success-text-hover);--ui-tone-text-active:var(--status-success-text-active);--ui-tone-fill:var(--status-success-fill);--ui-tone-fill-hover:var(--status-success-fill-hover);--ui-tone-fill-active:var(--status-success-fill-active);--ui-tone-on-fill:var(--status-success-on-fill);--ui-tone-soft:var(--status-success-soft);--ui-tone-border:var(--status-success-border);--ui-tone-border-hover:var(--status-success-border-hover);--ui-tone-border-active:var(--status-success-border-active);--ui-tone-border-focus:var(--status-success-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-success-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-success-fill-active) 20%, var(--surface-0))}.bbef8l{--ui-tone-text:var(--status-info-text);--ui-tone-text-hover:var(--status-info-text-hover);--ui-tone-text-active:var(--status-info-text-active);--ui-tone-fill:var(--status-info-fill);--ui-tone-fill-hover:var(--status-info-fill-hover);--ui-tone-fill-active:var(--status-info-fill-active);--ui-tone-on-fill:var(--status-info-on-fill);--ui-tone-soft:var(--status-info-soft);--ui-tone-border:var(--status-info-border);--ui-tone-border-hover:var(--status-info-border-hover);--ui-tone-border-active:var(--status-info-border-active);--ui-tone-border-focus:var(--status-info-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-info-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-info-fill-active) 20%, var(--surface-0))}.Ktkgp1{--ui-color:var(--ui-tone-on-fill);--ui-color-hover:var(--ui-tone-on-fill);--ui-color-active:var(--ui-tone-on-fill);--ui-background:var(--ui-tone-fill);--ui-background-hover:var(--ui-tone-fill-hover);--ui-background-active:var(--ui-tone-fill-active);--ui-border-color:transparent;--ui-border-hover:transparent;--ui-border-active:transparent;--ui-border-focus:transparent}.bwQ2eF{--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:var(--surface-0);--ui-background-hover:var(--surface-0);--ui-background-active:var(--surface-0);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus)}._26y4wg{--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:transparent;--ui-background-hover:var(--ui-tone-ghost-hover);--ui-background-active:var(--ui-tone-ghost-active);--ui-border-color:transparent;--ui-border-hover:transparent;--ui-border-active:transparent;--ui-border-focus:transparent}.xiEckw{--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:transparent;--ui-background-hover:transparent;--ui-background-active:transparent;--ui-border-color:transparent;--ui-border-hover:transparent;--ui-border-active:transparent;--ui-border-focus:transparent}.x427rk,._4GTgCO,.CGeRS1{height:var(--control-height)}.CGeRS1{color:var(--content-0);padding:0 var(--padding-right) 0 var(--space-sm);text-align:left;width:100%}.ARjNgd{color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,box-shadow,padding,opacity,transform;transition-duration:var(--transition-fast);outline:none;transition-timing-function:ease}.ARjNgd:hover{color:var(--ui-color-hover);background-color:var(--ui-background-hover);border-color:var(--ui-border-hover)}.ARjNgd:active{color:var(--ui-color-active);border-color:var(--ui-border-active);background-color:var(--ui-background-active)}.ARjNgd:focus,.ARjNgd:focus-within{background-color:var(--ui-background-active);border-color:var(--ui-border-focus)}.ARjNgd:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.ARjNgd:disabled,.ARjNgd[data-disabled]{cursor:default;pointer-events:none;color:var(--content-2);background-color:var(--surface-2);border-color:var(--overlay-backdrop)}.ARjNgd{--ui-color:var(--content-0);--ui-color-hover:var(--content-0);--ui-color-active:var(--content-0);--ui-background:var(--surface-0);--ui-background-hover:var(--ui-tone-soft);--ui-background-active:var(--ui-tone-soft);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus);appearance:none;cursor:pointer;margin:0}.ARjNgd:checked+.hwzILy{color:var(--ui-tone-fill)}.ARjNgd:disabled{cursor:default;--ui-border-color:var(--border-0)}.ARjNgd:disabled:checked+.hwzILy{color:var(--border-0)}.hwzILy{pointer-events:none;color:#0000;transition:color var(--transition-fast) ease, opacity var(--transition-fast) ease;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.PXh4Kd.t4Na-6,.PXh4Kd:disabled,.NvTcfr.t4Na-6,.NvTcfr:disabled,.Vq8q-K.t4Na-6,.Vq8q-K:disabled{cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}.PXh4Kd.t4Na-6 .-lXPkQ,.PXh4Kd.t4Na-6 .kaqcwk,.PXh4Kd:disabled .-lXPkQ,.PXh4Kd:disabled .kaqcwk,.NvTcfr.t4Na-6 .-lXPkQ,.NvTcfr.t4Na-6 .kaqcwk,.NvTcfr:disabled .-lXPkQ,.NvTcfr:disabled .kaqcwk,.Vq8q-K.t4Na-6 .-lXPkQ,.Vq8q-K.t4Na-6 .kaqcwk,.Vq8q-K:disabled .-lXPkQ,.Vq8q-K:disabled .kaqcwk{color:var(--content-2)}.PXh4Kd.t4Na-6 .ADooeh,.PXh4Kd.t4Na-6 .UQPwkb::placeholder,.PXh4Kd.t4Na-6 .x427rk::placeholder,.PXh4Kd.t4Na-6 ._4GTgCO::placeholder,.PXh4Kd.t4Na-6 .CGeRS1::placeholder,.PXh4Kd.t4Na-6 .GPetum,.PXh4Kd.t4Na-6 .d-9srB,.PXh4Kd:disabled .ADooeh,.PXh4Kd:disabled .UQPwkb::placeholder,.PXh4Kd:disabled .x427rk::placeholder,.PXh4Kd:disabled ._4GTgCO::placeholder,.PXh4Kd:disabled .CGeRS1::placeholder,.PXh4Kd:disabled .GPetum,.PXh4Kd:disabled .d-9srB,.NvTcfr.t4Na-6 .ADooeh,.NvTcfr.t4Na-6 .UQPwkb::placeholder,.NvTcfr.t4Na-6 .x427rk::placeholder,.NvTcfr.t4Na-6 ._4GTgCO::placeholder,.NvTcfr.t4Na-6 .CGeRS1::placeholder,.NvTcfr.t4Na-6 .GPetum,.NvTcfr.t4Na-6 .d-9srB,.NvTcfr:disabled .ADooeh,.NvTcfr:disabled .UQPwkb::placeholder,.NvTcfr:disabled .x427rk::placeholder,.NvTcfr:disabled ._4GTgCO::placeholder,.NvTcfr:disabled .CGeRS1::placeholder,.NvTcfr:disabled .GPetum,.NvTcfr:disabled .d-9srB,.Vq8q-K.t4Na-6 .ADooeh,.Vq8q-K.t4Na-6 .UQPwkb::placeholder,.Vq8q-K.t4Na-6 .x427rk::placeholder,.Vq8q-K.t4Na-6 ._4GTgCO::placeholder,.Vq8q-K.t4Na-6 .CGeRS1::placeholder,.Vq8q-K.t4Na-6 .GPetum,.Vq8q-K.t4Na-6 .d-9srB,.Vq8q-K:disabled .ADooeh,.Vq8q-K:disabled .UQPwkb::placeholder,.Vq8q-K:disabled .x427rk::placeholder,.Vq8q-K:disabled ._4GTgCO::placeholder,.Vq8q-K:disabled .CGeRS1::placeholder,.Vq8q-K:disabled .GPetum,.Vq8q-K:disabled .d-9srB{opacity:.25}.snye2X,.GAMoiV,.NUTH28{border:var(--border);border-radius:var(--radius-sm);padding:var(--space-sm)}.GAMoiV,.NUTH28{background-color:var(--ui-panel-background,var(--surface-0));color:var(--content-0)}.NUTH28{background-color:var(--surface-0);--anchor-gap:var(--space-xs);--anchor-padding:var(--space-xs);--anchor-offset:0;--input-width:min(100vw, var(--base-width,15em));min-width:var(--input-width);transform-origin:top;box-shadow:var(--shadow-md);z-index:var(--z-dropdown);flex-direction:column;display:flex}.NUTH28:empty{visibility:hidden}._6GrpYn,.NvTcfr:focus,.Vq8q-K:focus{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);background-color:var(--surface-1);border-color:var(--border-1);cursor:pointer}.xS7JcQ,.Vq8q-K{justify-content:flex-start;align-items:center;gap:var(--space-sm);text-align:left;width:100%;height:100%;display:flex}.Vq8q-K{height:auto;padding:var(--space-xs) var(--space-sm)}.NvTcfr,.Vq8q-K{border-radius:var(--radius-sm);color:var(--content-0);transition:background-color var(--transition-fast) ease, color var(--transition-fast) ease;background-color:#0000;border:none}.NvTcfr ._9ExUHY,.NvTcfr .pO4Y0g,.Vq8q-K ._9ExUHY,.Vq8q-K .pO4Y0g{width:var(--space-md);height:var(--space-md);flex-shrink:0}.NvTcfr ._9ExUHY,.NvTcfr .gbYdNR,.Vq8q-K ._9ExUHY,.Vq8q-K .gbYdNR{color:var(--content-2)}.NvTcfr.wEotEO,.Vq8q-K.wEotEO{color:var(--content-accent);cursor:default}.NvTcfr.zb4xdz,.Vq8q-K.zb4xdz{background-color:var(--surface-1)}.NvTcfr.t4Na-6,.Vq8q-K.t4Na-6{color:var(--content-2);background-color:#0000}.NvTcfr:focus-visible,.Vq8q-K:focus-visible{background-color:var(--surface-accent);cursor:pointer}@media (any-hover:hover){.NvTcfr:hover,.Vq8q-K:hover{background-color:var(--surface-accent);cursor:pointer}}@media (any-hover:none){.NvTcfr:active,.Vq8q-K:active{background-color:var(--surface-accent);cursor:pointer}}.-vLdWn{border-top:var(--border);margin-block:var(--space-xs)}.Z3WweK{padding:var(--space-xs) var(--space-sm);color:var(--content-2);text-transform:uppercase;font-weight:300;font-size:var(--font-size-sm)}._9ExUHY{align-items:center;display:flex}.NvTcfr{gap:var(--space-xs);padding-right:var(--space-xs);grid-template-columns:auto 1fr;display:grid}.GPetum{font-size:var(--font-size-sm);flex:1}.d-9srB{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--content-1);font-variation-settings:"wght" 300;font-weight:300}.bx4Ra6{width:100%;height:100%;transition-property:width;transition-duration:var(--transition-fast);justify-content:flex-end;align-items:center;transition-timing-function:cubic-bezier(1,0,.5,.5);display:flex}.bx4Ra6>button{cursor:pointer;height:var(--control-height);width:var(--control-height);border-radius:var(--radius-sm);flex:0 0 var(--control-height);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.MDZNQY{color:var(--content-0)}.MDZNQY:hover{color:var(--content-accent)}.MVOYew{transition:transform var(--transition-fast) ease-in-out}.MVOYew._5r-eob{transform:rotate(180deg)}@media (max-width:47.9988em){.NUTH28{--input-width:calc(100dvw - var(--space-xl))}}._4GTgCO{width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:text;align-items:center;display:flex}._6evDak{color:var(--status-error-text)}._6evDak:disabled{opacity:0;pointer-events:none;width:0;height:0;margin:0;padding:0;overflow:hidden}.rwtbSX{border-left:var(--border);height:calc(100% - var(--space-sm))}.JK2Y7t{padding:var(--space-sm);border:var(--border-width) solid var(--border-1);border-radius:var(--radius-sm);color:var(--content-0);filter:drop-shadow(var(--shadow-md));z-index:var(--z-popover)}.JK2Y7t._5QtpCJ{background-color:var(--surface-0)}.JK2Y7t.hZuysP{background-color:var(--surface-1)}.sZ0x6w,._538Ejd{padding:var(--space-sm);background-color:var(--surface-1);border:var(--border-width) solid var(--border-2);border-radius:var(--radius-sm);color:var(--content-0);filter:drop-shadow(var(--shadow-sm))}.sZ0x6w.fqciCO,.fqciCO._538Ejd{--border-1:var(--content-0);background-color:var(--content-0);border-color:var(--border-1);color:var(--surface-1)}.sZ0x6w.sHkUiQ,.sHkUiQ._538Ejd{--border-1:var(--status-info-text);background-color:var(--status-info-text);border-color:var(--status-info-text);color:var(--status-info-on-fill)}.sZ0x6w.bpGNoX,.bpGNoX._538Ejd{--border-1:var(--status-error-text);background-color:var(--status-error-text);border-color:var(--status-error-text);color:var(--status-error-on-fill)}.sZ0x6w.tYnRg-,.tYnRg-._538Ejd{--border-1:var(--status-warning-text);background-color:var(--status-warning-text);border-color:var(--status-warning-text);color:var(--status-warning-on-fill)}.sZ0x6w._8lflEh,._8lflEh._538Ejd{--border-1:var(--status-success-text);background-color:var(--status-success-text);border-color:var(--status-success-text);color:var(--status-success-on-fill)}._538Ejd{z-index:var(--z-tooltip);pointer-events:none;text-align:initial;font-size:var(--font-size-sm);font-variation-settings:"wght" 500;font-style:normal;font-weight:500;line-height:var(--line-height)}.ZNPIAt{display:flex}.ZNPIAt.FOfB6f{vertical-align:middle;display:inline-flex}.ZNPIAt.S3zmDT{flex-direction:row}.ZNPIAt.ZFdq8E{flex-direction:column}.ZNPIAt.VAzJwr{flex-direction:row-reverse}.ZNPIAt.-U1mun{flex-direction:column-reverse}.ZNPIAt._4ZMtr-{flex-wrap:wrap}.ZNPIAt.SKOoTV{flex-wrap:nowrap}.ZNPIAt.sSe6vs{flex-wrap:wrap-reverse}.ZNPIAt._3K-dKm{align-items:start}.ZNPIAt.-Pfy-z{align-items:center}.ZNPIAt.beSYgR{align-items:end}.ZNPIAt.Ewhv1G{align-items:stretch}.ZNPIAt.JXvBB6{align-items:baseline}.ZNPIAt.hN3T0k{justify-content:start}.ZNPIAt.KKCJ5o{justify-content:center}.ZNPIAt.MnX1Le{justify-content:end}.ZNPIAt.Hom9eH{justify-content:stretch}.ZNPIAt.Oujm4J{justify-content:space-between}.ZNPIAt._2ttx6l{justify-content:space-around}.ZNPIAt.QEwI8b{justify-content:space-evenly}.ZNPIAt._7GQOS7{align-content:start}.ZNPIAt._2IOpAA{align-content:center}.ZNPIAt.fZOYKH{align-content:end}.ZNPIAt._01H9Wl{align-content:stretch}.ZNPIAt.GiMq3P{align-content:space-between}.ZNPIAt.tfwckC{align-content:space-around}.ZNPIAt._9tNYb7{align-content:space-evenly}.ZNPIAt.PoehYn{gap:unset}.ZNPIAt.D9yh46{row-gap:var(--space-xs)}.ZNPIAt.B5WUhS{row-gap:var(--space-sm)}.ZNPIAt.KfUmo4{row-gap:var(--space-md)}.ZNPIAt.m-8JGj{row-gap:var(--space-lg)}.ZNPIAt.zFcs1z{row-gap:var(--space-xl)}.ZNPIAt._0wKkFA{column-gap:var(--space-xs)}.ZNPIAt.VQY6wh{column-gap:var(--space-sm)}.ZNPIAt.csJmh7{column-gap:var(--space-md)}.ZNPIAt._-8r3Oj{column-gap:var(--space-lg)}.ZNPIAt.sCELJe{column-gap:var(--space-xl)}.ZNPIAt.NrH1WE{row-gap:var(--space-xs);column-gap:var(--space-xs)}.ZNPIAt.IIgbrj{row-gap:var(--space-sm);column-gap:var(--space-sm)}.ZNPIAt.alT7CJ{row-gap:var(--space-md);column-gap:var(--space-md)}.ZNPIAt.TBFK23{row-gap:var(--space-lg);column-gap:var(--space-lg)}.ZNPIAt.JR1URZ{row-gap:var(--space-xl);column-gap:var(--space-xl)}.i1imd3.IVZ-ii{flex-grow:1}.i1imd3.zhghPS{flex-grow:0}.i1imd3.-A4gJM{flex-shrink:1}.i1imd3._3Q-lT-{flex-shrink:0}.i1imd3.YSg8P9{flex-basis:0}.i1imd3.RMXnTk{flex-basis:auto}.i1imd3.YyYE7z{flex:none}.i1imd3.LD3bM5{flex:auto}.i1imd3.HpcoTp{align-self:start}.i1imd3.E7ItD3{align-self:center}.i1imd3.v0JFEC{align-self:end}.i1imd3.pmMEmH{align-self:stretch}.i1imd3.qevFHG{align-self:baseline}.i1imd3.OTPY33{justify-self:center}.i1imd3.AjRxTP{justify-self:end}.i1imd3._1YaZWf{justify-self:stretch}.H-DHBq,.JzIGGJ{justify-content:center;align-items:center;display:flex}.aqYTBq{justify-content:space-between;align-items:center;display:flex}.JzIGGJ{flex-direction:column;height:100%}.qBtmnH{color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,opacity;transition-duration:var(--transition-fast);align-items:center;gap:var(--space-xs);max-width:100%;padding:0 var(--space-xs);font-variation-settings:"wght" 500;vertical-align:middle;font-weight:500;transition-timing-function:ease;display:inline-flex}.p-HsHY{pointer-events:none;-webkit-user-select:none;user-select:none}.u9tQAE{font-size:var(--font-size-xs)}.FRScRz{font-size:var(--font-size-sm)}.W13uQO{font-size:var(--font-size-md)}._3IRcM9{font-size:var(--font-size-lg)}.R3ybI7{font-size:var(--font-size-xl)}.DdWAaC{min-width:0}._5cXBQF{border-radius:var(--radius-xs);width:1.25em;height:1.25em;color:inherit;transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease, scale var(--transition-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}._5cXBQF:hover{background-color:var(--status-error-soft);color:var(--status-error-text);scale:1.1}._5cXBQF:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}._5cXBQF svg{display:block}.wLOHwj{isolation:isolate;padding:0 var(--space-md);-webkit-user-select:none;user-select:none;position:relative}.wLOHwj.lFsM-Y{aspect-ratio:1;padding:0}.wLOHwj:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--transition-fast) ease;background-color:currentColor;position:absolute;inset:0}.wLOHwj:not(:disabled):active:after{opacity:.12;transition-duration:70ms;transition-timing-function:ease-out}@media (prefers-reduced-motion:reduce){.wLOHwj:after{transition-duration:.01ms}}.LPob63{z-index:1;justify-content:center;align-items:center;gap:var(--space-sm);width:100%;height:100%;display:flex;position:relative}.tsaGtv{width:1.25em;height:1.25em}.tsaGtv svg{width:100%;height:100%}._5Z2YQF{display:grid}._5Z2YQF.gAEXju{vertical-align:middle;display:inline-grid}._5Z2YQF.KdmGbk{grid-auto-flow:row}._5Z2YQF.uOpH1m{grid-auto-flow:column}._5Z2YQF.EOUgpE{grid-auto-flow:dense}._5Z2YQF.PoMD0P{gap:unset}._5Z2YQF.FBebhA{row-gap:var(--space-xs)}._5Z2YQF.rwvhfS{row-gap:var(--space-sm)}._5Z2YQF.ZIsGgj{row-gap:var(--space-md)}._5Z2YQF.lbAie9{row-gap:var(--space-lg)}._5Z2YQF.ylmmN3{row-gap:var(--space-xl)}._5Z2YQF.Fg86QU{column-gap:var(--space-xs)}._5Z2YQF._3qWtbZ{column-gap:var(--space-sm)}._5Z2YQF.gIXZ8P{column-gap:var(--space-md)}._5Z2YQF.xXxHZM{column-gap:var(--space-lg)}._5Z2YQF.zRgpft{column-gap:var(--space-xl)}._5Z2YQF.Fb1W2U{row-gap:var(--space-xs);column-gap:var(--space-xs)}._5Z2YQF._2EojT9{row-gap:var(--space-sm);column-gap:var(--space-sm)}._5Z2YQF.gYCGa5{row-gap:var(--space-md);column-gap:var(--space-md)}._5Z2YQF.JN0CZr{row-gap:var(--space-lg);column-gap:var(--space-lg)}._5Z2YQF._2QvtUb{row-gap:var(--space-xl);column-gap:var(--space-xl)}._5Z2YQF._1kRriS{align-items:start}._5Z2YQF.ocLWZU{align-items:center}._5Z2YQF.TS1qri{align-items:end}._5Z2YQF.FXfvI7{align-items:stretch}._5Z2YQF.biKmzi{align-items:baseline}._5Z2YQF._4-sIS7{justify-items:start}._5Z2YQF.lbdoyi{justify-items:center}._5Z2YQF.WvAC9I{justify-items:end}._5Z2YQF.LN4Ak-{justify-items:stretch}._5Z2YQF.XC0FuJ{align-content:start}._5Z2YQF._6b9wZI{align-content:center}._5Z2YQF.KevE4M{align-content:end}._5Z2YQF.Sn-je4{align-content:stretch}._5Z2YQF.Wnx9iF{align-content:space-between}._5Z2YQF.RAoqm2{align-content:space-around}._5Z2YQF.nUjbmv{align-content:space-evenly}._5Z2YQF.TjTsA7{justify-content:start}._5Z2YQF.VdpzYk{justify-content:center}._5Z2YQF.peszxb{justify-content:end}._5Z2YQF.E98bqx{justify-content:stretch}._5Z2YQF.CdaBbu{justify-content:space-between}._5Z2YQF.leVL0N{justify-content:space-around}._5Z2YQF._6mOZVj{justify-content:space-evenly}.XHgjM3.wtrn5A{grid-area:auto}.XHgjM3.LkIh-N{align-self:start}.XHgjM3.Vhdvpo{align-self:center}.XHgjM3.cyg2du{align-self:end}.XHgjM3.Ptd1ad{align-self:stretch}.XHgjM3.Z22Yty{align-self:baseline}.XHgjM3.gycEgN{justify-self:start}.XHgjM3.s69iy2{justify-self:center}.XHgjM3.pKEJ9k{justify-self:end}.XHgjM3.qWkZVw{justify-self:stretch}.gUbUDY{grid-auto-rows:1fr}.S0HulN{grid-template-columns:auto 1fr;grid-auto-rows:auto}.K2fFKT{grid-template-columns:100%;grid-auto-rows:auto 1fr}.lRn5ye{width:100%;position:relative}.ce5HAY{height:var(--control-height);width:100%;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-md);--ui-color:var(--content-0);--ui-color-hover:var(--content-0);--ui-color-active:var(--content-0);--button-size:cacl(var(--control-height) - var(--border-width) * 2)}._8TObqB{appearance:textfield}._8TObqB::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._8TObqB::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.Gx3Wbd{padding-right:calc(var(--input-end-adornment-width,var(--control-height)) + var(--space-sm))}.cpwaYo{height:100%;top:0;right:calc(var(--border-width) * 2);max-width:calc(100% - var(--space-md));justify-content:flex-end;align-items:center;display:flex;position:absolute}.itlmix{align-items:center;gap:var(--space-xs);display:flex}.aITEGl{width:var(--button-size);height:var(--button-size);border-radius:var(--radius-sm);color:var(--content-2);transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.aITEGl:hover{color:var(--content-accent)}.aITEGl:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.aITEGl:disabled{pointer-events:none;opacity:var(--disabled-opacity)}.ekyJIt{z-index:11;bottom:calc(var(--space-xs) * -1);color:var(--status-error-on-fill);background:var(--status-error-fill);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);box-shadow:var(--shadow-sm);opacity:.9;position:absolute;left:0;right:0;transform:translateY(100%)}.l9LG-r svg{width:100%;height:auto;display:block}.u4bkNy{opacity:.2;animation:2s ease-in-out infinite S-r8hY}@keyframes S-r8hY{0%{opacity:.2}35%,55%{opacity:1}to{opacity:.2}}@media (prefers-reduced-motion:reduce){.u4bkNy{opacity:1;animation:none}}._0wk7Sq{width:var(--control-height);height:var(--control-height);justify-content:center;align-items:center;margin:auto;display:flex}.qgIKVo{min-height:10em}._7xUQBN{align-items:center;gap:var(--space-xs);min-width:0;display:flex;overflow:hidden}.AonLqg{outline:none;flex:auto;min-width:0;overflow:hidden}.j-5yFn{gap:var(--space-sm);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;align-items:end;display:flex;overflow:auto hidden}.j-5yFn ::-webkit-scrollbar{height:0}.pOIq63{z-index:10;width:var(--control-height);flex:0 0 var(--control-height);border-radius:var(--radius-sm);height:100%;color:var(--content-2);transition-property:opacity,color;transition-duration:var(--transition-fast);justify-content:center;align-items:center;display:flex;top:0}.pOIq63:hover{opacity:1;color:var(--content-0)}.pOIq63:disabled{opacity:.5;pointer-events:none}.UMTbLD{color:inherit;border-left-style:solid;border-left-color:var(--state-border-color,transparent);border-left-width:.0625em;padding-left:.25em;text-decoration:none;display:block}.UMTbLD.cz57Fx{border-left-width:.3125em;padding-left:0}.UMTbLD.cz57Fx.oPzAxu{border-left-color:var(--status-info-fill)}.UMTbLD.cz57Fx.MBu26r{border-left-color:var(--status-success-fill)}.UMTbLD.cz57Fx._03z-1l{border-left-color:var(--status-warning-fill)}.UMTbLD.cz57Fx._0RqsqJ{border-left-color:var(--status-error-fill)}.mXkUoM.oPzAxu{color:var(--status-info-text);fill:var(--status-info-fill);stroke:var(--status-info-on-fill)}.mXkUoM.MBu26r{color:var(--status-success-text);fill:var(--status-success-fill);stroke:var(--status-success-on-fill)}.mXkUoM._03z-1l{color:var(--status-warning-text);fill:var(--status-warning-fill);stroke:var(--status-warning-on-fill);stroke-width:2px}.mXkUoM._0RqsqJ{color:var(--status-error-text);fill:var(--status-error-fill);stroke:var(--status-error-on-fill)}.vGPUKV{z-index:var(--z-modal);width:90%;height:-moz-fit-content;height:fit-content;max-height:calc(100dvh - var(--space-lg));border:var(--border);border-radius:var(--radius-md);background-color:var(--surface-0);box-shadow:var(--shadow-lg);grid-auto-rows:auto 1fr;margin:auto;display:grid;position:fixed;inset:0}.vGPUKV:not(:last-child){pointer-events:none;filter:grayscale(.5)opacity(.75)}.vGPUKV.O7gb7P{max-width:min(30em,93dvw)}.vGPUKV.RVq8v3{max-width:min(50em,93dvw)}.vGPUKV.PCSUAL{max-width:min(70em,93dvw)}.vGPUKV.XDCHzq{max-width:min(80em,93dvw)}.vGPUKV.t1kl8L{width:93dvw;max-width:none;height:90dvh;max-height:none}.vGPUKV.o3PEEB{width:100%;max-width:none;height:100%;max-height:none}.vGPUKV.o3PEEB .WhUkxm,.vGPUKV.o3PEEB .NDgdMi{border-radius:0}.WhUkxm{background-color:var(--surface-2);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.JDlse5{padding-inline:var(--space-md);font-size:var(--font-size-md);font-variation-settings:"wght" 600;margin:0}.FaDKSt{margin-block:var(--space-xs);margin-inline:var(--space-sm);flex:0}.NDgdMi{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);overflow:hidden}.cgozWT{align-items:center;gap:var(--space-xs);display:flex}._1evcXl{--check-box-size:calc(var(--text-height) + var(--space-xs));--check-icon-size:calc(var(--text-height) - var(--space-xs));width:var(--control-height);height:var(--control-height);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.lU3P-V{width:var(--check-box-size);height:var(--check-box-size);border-radius:var(--radius-xs)}.uVSbSw+.PhkI5X{color:var(--ui-tone-fill)}.PhkI5X{width:var(--check-box-size);height:var(--check-box-size)}.PhkI5X svg{width:var(--check-icon-size);height:var(--check-icon-size);stroke:currentColor;display:block}.DRJ4hy{flex:auto;grid-template-rows:auto 1fr;min-height:0;max-height:75vh;display:grid;overflow:hidden}.U4CULi{min-height:0}.bupTWA{padding:var(--space-xs) var(--space-sm);color:var(--content-2)}.GkeyGF{color:var(--status-error-text)}._8F667e{position:relative}.OGMk6I{font-size:var(--font-size-sm);padding-block:var(--space-xs);border-radius:var(--radius-sm)}.OGMk6I:hover{background-color:var(--surface-2)}._9oSdQi{padding:0}.iobHig{inset:0 calc(var(--control-height) * 2) 0 var(--space-md);pointer-events:none;justify-content:flex-end;align-items:center;display:flex;position:absolute;overflow:hidden}.iobHig:empty{display:none}.yatXso{font-size:var(--font-size-sm);font-variation-settings:"wght" 300;white-space:nowrap;word-break:normal;text-overflow:ellipsis;pointer-events:none;max-width:100%;font-weight:300;overflow:hidden}.YJUVjb{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1;width:6px;height:100%;position:absolute;top:0;right:0}.YJUVjb:hover,.YJUVjb:focus-visible{background:var(--focus-ring)}.YJUVjb:focus-visible{outline:var(--focus);outline-offset:calc(var(--focus-offset) * -1)}.nPfxbm{--menu-max-height:min(22em, calc(100dvh - var(--space-xl)));--menu-min-width:13em;--menu-max-width:min(22em, calc(100dvw - var(--space-xl)));min-width:var(--menu-min-width);max-width:var(--menu-max-width);padding:var(--space-xs);background-color:var(--surface-0);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);outline:none}.T8GF31{max-height:var(--menu-max-height);overflow:auto}.XM9raj{gap:var(--space-sm)}.JY0XKk{justify-content:center;align-items:center;display:inline-flex}.Jj7pGe{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.o7v3XA{font-size:var(--font-size-sm)}.f9wo9l{width:var(--radial-panel-size);height:var(--radial-panel-size);z-index:var(--z-context-menu,var(--z-dropdown));pointer-events:none;outline:none;position:fixed}._9IPwGF{inset:calc(var(--radial-item-size) / 2);border:var(--border);background:radial-gradient(circle, color-mix(in srgb, var(--surface-0) 96%, transparent) 0 36%, transparent 37%), color-mix(in srgb, var(--surface-0) 88%, transparent);box-shadow:var(--shadow-md);pointer-events:none;border-radius:50%;position:absolute}.CAmmlz{width:calc(var(--radial-item-size) * .72);height:calc(var(--radial-item-size) * .72);padding:var(--space-xs);border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);pointer-events:auto;transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease, transform var(--transition-fast) ease;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.CAmmlz:focus{background-color:var(--surface-1);border-color:var(--border-1)}.CAmmlz:focus-visible{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}@media (any-hover:hover){.CAmmlz:hover{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}}@media (any-hover:none){.CAmmlz:active{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}}._5KEBWR{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-size-sm);line-height:1.1;overflow:hidden}.L28onY{pointer-events:none;position:absolute;inset:0}.Pg-1Y3{width:var(--radial-item-size);height:var(--radial-item-size);transform:rotate(var(--radial-item-angle)) translate(var(--radial-radius)) rotate(calc(var(--radial-item-angle) * -1)) translate(-50%, -50%);pointer-events:none;position:absolute;top:50%;left:50%}.ObIrS2{width:100%;height:100%;padding:var(--space-xs);border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);pointer-events:auto;transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease, transform var(--transition-fast) ease;border-radius:50%;grid-template-rows:1fr auto;place-items:center;gap:.15rem;display:grid}.ObIrS2:focus{background-color:var(--surface-1);border-color:var(--border-1)}.ObIrS2:disabled,.ObIrS2[aria-disabled=true]{cursor:default;color:var(--content-2);opacity:.52;pointer-events:none}.ObIrS2:focus-visible{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:scale(1.06)}@media (any-hover:hover){.ObIrS2:hover{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:scale(1.06)}}@media (any-hover:none){.ObIrS2:active{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:scale(1.06)}}._0jf5vt{min-width:var(--space-md);min-height:var(--space-md);justify-content:center;align-items:center;display:inline-flex}._0jf5vt>svg{width:var(--space-md);height:var(--space-md)}.zKwsQF{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-size-sm);overflow:hidden}._7rGb26{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-sm);color:inherit;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}._7rGb26:focus-visible{outline:var(--focus);outline-offset:var(--focus-offset)}._7rGb26:active,._7rGb26[data-sortable-handle-dragging=true]{cursor:grabbing}._7rGb26[data-sortable-handle-disabled=true]{cursor:default;opacity:.25}._7rGb26 svg{width:1.25em;height:1.25em;display:block}._0rNBMr,.gp-7Db{min-width:0}.Ck-sXP{border-collapse:separate;border-spacing:0;table-layout:fixed;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;width:100%}.-F3gli{z-index:10}.buIdkU{box-shadow:inset var(--focus-offset) 0 0 var(--border-0)}._2VJbvj{background-color:var(--surface-0)}.AD8NkG{padding:var(--space-sm) var(--space-md);background-color:var(--surface-2);border-bottom:var(--border);color:var(--content-0);vertical-align:middle;position:relative}.qqixKn{min-width:0}.dVDRNv{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.dVDRNv:active{cursor:grabbing}.klOoMz{opacity:.75}.CpjV-N{z-index:12;position:sticky}._7D8xa9{transition:background-color var(--transition-fast) ease}._3j87pS{cursor:pointer}._3j87pS:hover .uwojkJ,._3j87pS:focus-visible .uwojkJ,.lLsmW6 .uwojkJ{background-color:var(--surface-1)}.uwojkJ{padding:var(--space-sm) var(--space-md);background-color:var(--surface-0);border-bottom:var(--border);vertical-align:middle}.xKvBFg{z-index:2;position:sticky}.QIS3xA{border-bottom-color:#0000}.a580w0{padding:var(--space-md);background-color:var(--surface-0)}.UOhaMF .a580w0{border-bottom:0}.DtKAgs{pointer-events:none;z-index:40;position:absolute;inset:0}.jPPyP7,.Oa7e5P,.KhQtgF{width:100%;min-width:0}.Oa7e5P,.KhQtgF{align-items:center;display:flex}.KhQtgF{gap:var(--space-xs)}.hKghZt{box-shadow:inset .1875rem 0 0 var(--content-accent)}.QsLRvS{height:1px}.Dshr-j{padding:0}.esetVt{text-align:center;margin-bottom:var(--space-sm);color:var(--content-1);grid-template-columns:repeat(7,1fr);display:grid}.i-LJYe{font-size:var(--font-size-xs)}.XZsnCH{gap:var(--border-width);display:grid}._2KDjTS{gap:var(--border-width);grid-template-columns:repeat(7,1fr);display:grid}.o-freG{--range-radius:calc(var(--control-height) / 2);height:var(--control-height);cursor:pointer;border-radius:var(--radius-xs);background-color:var(--surface-1)}.o-freG:hover:not(.GcV08-){background-color:var(--surface-accent)}.o-freG.UCrE-I{color:var(--content-2);background-color:#0000}.o-freG.L2V3uq:hover:not(.GcV08-):not(.Te9oCq):not(.cUF2pQ){background-color:var(--surface-1)}.o-freG.L2V3uq.UCrE-I:hover:not(.GcV08-):not(.Te9oCq):not(.cUF2pQ){background-color:#0000}.o-freG.Te9oCq,.o-freG.d1L5uw{background-color:var(--surface-accent);color:var(--content-0)}.o-freG.cUF2pQ,.o-freG.LU0M9Y,.o-freG.MR3y5p{background-color:var(--surface-accent);color:var(--content-accent);font-variation-settings:"wght" 600;font-weight:600}.o-freG.VDqDpm:not(.cUF2pQ):not(.d1L5uw):not(.LU0M9Y):not(.MR3y5p){color:var(--status-error-fill)}.o-freG.GcV08-{color:var(--content-2);cursor:not-allowed}.o-freG.GcV08-:hover{background:0 0}.o-freG.CLR-7m{border:var(--border);color:var(--status-info-text);border-color:var(--status-info-text)}.p5pRGW{padding:0}.pUHpxD{gap:var(--border-width);grid-template-columns:repeat(3,1fr);align-content:center;display:grid}.lwWv-z{height:var(--control-height);cursor:pointer;border-radius:var(--radius-xs);text-transform:capitalize;background-color:var(--surface-1)}.lwWv-z:hover:not(._8gn-3z){background-color:var(--surface-accent)}.lwWv-z.b57d-c{background-color:var(--surface-accent);color:var(--content-0)}.lwWv-z.nGc5FO,.lwWv-z.JLqjri,.lwWv-z.UQMYwg{background-color:var(--surface-accent);color:var(--content-accent);font-variation-settings:"wght" 600;font-weight:600}.lwWv-z._8gn-3z{color:var(--content-2);cursor:not-allowed}.lwWv-z._8gn-3z:hover{background:0 0}.E35KE6{width:calc(18em + var(--width-add))}.L14Qef{padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;gap:var(--space-sm);border-bottom:var(--border);display:flex}._--xW7O{padding:0}.-N-5Jk{gap:var(--border-width);grid-template-columns:repeat(3,1fr);display:grid}.hhY92S{height:var(--control-height);cursor:pointer;border-radius:var(--radius-xs);background-color:var(--surface-1)}.hhY92S:hover:not(.IhX7jj){background-color:var(--surface-accent)}.hhY92S.NWNpWj{background-color:var(--surface-accent);color:var(--content-0)}.hhY92S.d1SfcV,.hhY92S.Gkui4r,.hhY92S._0dVZLW{background-color:var(--surface-accent);color:var(--content-accent);font-variation-settings:"wght" 600;font-weight:600}.hhY92S.IhX7jj{color:var(--content-2);cursor:not-allowed}.hhY92S.IhX7jj:hover{background:0 0}.nINbA6{flex-wrap:wrap;align-content:flex-start;height:auto;display:flex}.nINbA6.GL-UWx{flex-wrap:nowrap}.nINbA6._6PeF-i{flex-direction:row}.nINbA6._5wP4aR{flex-direction:column;align-content:stretch}.S3MnZI{align-content:center;gap:var(--space-sm);color:var(--content-2);border-radius:var(--radius-xs);padding:0 var(--space-md);margin:var(--border-width);min-height:calc(var(--control-height) - var(--border-width) * 4);cursor:pointer;flex:1 0 0;display:grid}.S3MnZI:hover{color:var(--content-accent)}.S3MnZI.KHJ0ja{color:var(--status-info-on-fill);background-color:var(--status-info-fill)}.S3MnZI:disabled{opacity:var(--disabled-opacity)}.-tM-kj{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:var(--border)}.aEEqH1{color:#0000;caret-color:#0000}._4HQKa7{inset:0 calc(var(--control-height) + var(--space-xs)) 0 var(--space-md);pointer-events:none;align-items:center;display:flex;position:absolute;overflow:hidden}.GLhdJ6{--wheel-picker-min-height:10em;--wheel-picker-viewport-height:var(--wheel-picker-min-height);--wheel-picker-item-height:calc(var(--wheel-picker-viewport-height) / 7);--wheel-picker-edge-padding:calc((var(--wheel-picker-viewport-height) / 2) - (var(--wheel-picker-item-height) / 2));min-height:var(--wheel-picker-min-height);border:var(--border);border-radius:var(--radius-sm);background:linear-gradient(to bottom, var(--surface-0), transparent 18%, transparent 82%, var(--surface-0)), var(--surface-1);height:100%;position:relative;overflow:hidden}._2xLNL2{height:var(--wheel-picker-viewport-height);position:relative}.dgX32S{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;padding-block:var(--wheel-picker-edge-padding);outline:none;overflow-y:auto}.dgX32S::-webkit-scrollbar{display:none}.dgX32S:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.WfOtQ9{display:grid}.XIdSMi{height:var(--wheel-picker-item-height);padding:0 var(--space-sm);scroll-snap-align:center;color:var(--content-2);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease, font-variation-settings var(--transition-fast) ease;background:0 0;justify-content:center;align-items:center;display:flex}.XIdSMi[data-selected]{color:var(--content-0);font-variation-settings:"wght" 600;font-weight:600}.XIdSMi:hover:not(:disabled){background:color-mix(in srgb, var(--surface-accent) 40%, transparent)}.XIdSMi:disabled{cursor:default}._--Hsbk{height:var(--wheel-picker-item-height);border-top:var(--border);border-bottom:var(--border);background:color-mix(in srgb, var(--surface-accent) 28%, transparent);pointer-events:none;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.AvG-mf{border-radius:var(--radius-xs);font-family:var(--font-family-mono);color:inherit;text-align:center;caret-color:var(--content-0);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;margin:0;padding:0}.AvG-mf::placeholder{color:var(--content-2)}.AvG-mf::selection{background-color:var(--focus-ring);color:var(--surface-0)}.AvG-mf:disabled{opacity:.25}.ig7KtT{-webkit-user-select:none;user-select:none;color:var(--content-1);flex-shrink:0}.ig7KtT[data-disabled]{opacity:.25}.YQHPZa{gap:var(--space-md);display:grid}.-RZe-i{grid-template-columns:minmax(0,1fr)}.Ox0SRE{grid-template-columns:auto calc(9em + var(--width-add));align-items:stretch}.gfaRup,._59kEea{min-width:0}.Jjdu1Q{min-width:calc(9em + var(--width-add))}.Q8Y2xS{padding-top:var(--space-md);border-top:var(--border)}.XxZYTW{padding-left:var(--space-md);border-left:var(--border)}._5-SSnO{height:100%}.s1NHua{font-size:var(--font-size-xs);color:var(--content-1)}.KQC9-8{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));height:100%;min-height:10em;display:grid}.WDu02W{gap:var(--space-xs);grid-template-rows:auto 1fr;min-height:0;display:grid}._9mEhfD{color:var(--content-1)}.N-Fzjk{min-height:10em}.DyKaN-{column-gap:var(--space-sm)}.DyKaN-._2Cf0DN{--row-gap:0}.DyKaN-.igyZiV{--row-gap:var(--space-xs)}.DyKaN-.lFsl-5{--row-gap:var(--space-sm)}.DyKaN-.zQlD1x{--row-gap:var(--space-md)}.a6oRih .MYdzIV{font-variation-settings:"wght" 700;font-weight:700}.a6oRih .Pxw-eb{font-variation-settings:"wght" 500;font-weight:500}.a6oRih.Kz2K6S{text-align:center}.a6oRih.Kz2K6S .MYdzIV,.a6oRih.Kz2K6S .Pxw-eb{flex:1}.a6oRih.Pbwja7{display:flex}.a6oRih.Pbwja7 .MYdzIV{text-align:right;padding-right:var(--space-sm)}.a6oRih.Pbwja7 .Pxw-eb{text-align:left}.a6oRih.Pbwja7._1DseTb{align-items:flex-start}.a6oRih.Pbwja7.h3oORx{align-items:center}.a6oRih.Pbwja7.gB9Kr4{align-items:flex-end}.a6oRih.V-PlLc .MYdzIV,.a6oRih.V-PlLc .Pxw-eb{white-space:nowrap;word-break:normal}.a6oRih.V-PlLc .Pxw-eb{text-overflow:ellipsis;overflow:hidden}.a6oRih:not(:last-child){margin-bottom:var(--row-gap)}.O-da-N{background-color:var(--surface-0);border:var(--border);border-radius:var(--radius-sm);overflow:hidden}.P-rCx1{padding:var(--space-sm);background-color:var(--surface-1);align-items:center;display:flex}.P-rCx1.C4DHXn{background-color:var(--surface-0)}._9yjaDf{justify-content:flex-start;align-items:center;min-width:0;display:flex}._9yjaDf:hover{color:var(--content-accent)}.izVkky{align-items:center;padding-inline-end:var(--space-sm);display:flex}.KAIPfW>.O-da-N{border-radius:0}.KAIPfW>.O-da-N:not(:first-child){border-top:none}.KAIPfW>.O-da-N:first-child{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.KAIPfW>.O-da-N:last-child{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.h9SMea{height:var(--control-height);width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:pointer;align-items:center;display:flex}.rUyh0y{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.Q0CY1r{gap:var(--space-xs);margin-top:var(--space-xs);flex-direction:column;display:flex}.AJuYXd{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background-color:var(--surface-2);border-radius:var(--radius-sm);display:flex}.CKKkOD{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.UgxhS1{width:1.25em;height:1.25em;color:var(--content-2);flex-shrink:0}.UgxhS1:hover{color:var(--content-accent)}.q2D6Pw{justify-content:center;align-items:center;gap:var(--space-sm);min-height:8em;padding:var(--space-lg);border:var(--border-width) dashed var(--border-0);border-radius:var(--radius-sm);background-color:var(--surface-0);color:var(--content-2);cursor:pointer;transition-property:border-color,background-color;transition-duration:var(--transition-fast);flex-direction:column;display:flex}.q2D6Pw.QVgB0d{border-color:var(--content-accent);background-color:var(--surface-1)}.q2D6Pw.-nyQKp{cursor:default;pointer-events:none;background-color:var(--surface-2);border-color:var(--overlay-backdrop)}.q2D6Pw.-nyQKp .kY0O9g,.q2D6Pw.-nyQKp .F5K1bE{opacity:.25}.kY0O9g{width:2em;height:2em;color:var(--content-2)}.F5K1bE{text-align:center}.sj-rIq{justify-content:flex-end;align-items:center;gap:var(--space-sm);min-width:var(--control-height);max-width:100%;display:flex;overflow:hidden}._3anR7j{flex:auto;min-width:0;max-width:100%;overflow:hidden}.gMRIsT{width:100%;min-width:0}.f5Pv1e{align-items:center;gap:var(--space-sm);width:100%;min-width:0;display:flex}.q7eZzv{color:var(--content-0)}.maUL24{flex:0 auto}.fY8BBX{z-index:var(--z-fullscreen-portal);background:var(--overlay-glass);position:fixed;inset:0}.M9Yms2{inset:var(--space-lg);min-width:0;min-height:0;padding:var(--space-md);border:var(--border);border-radius:var(--radius-md);background:var(--surface-1);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;overflow:hidden}.M9Yms2:focus-visible{outline:var(--focus);outline-offset:var(--focus-offset)}.yarl__slide_captions_container{left:var(--yarl__slide_captions_container_left,0);right:var(--yarl__slide_captions_container_right,0);padding:var(--yarl__slide_captions_container_padding,16px);background:var(--yarl__slide_captions_container_background,#00000080);position:absolute;-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width,0px));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);text-align:var(--yarl__slide_description_text_align,start);color:var(--yarl__slide_description_color,#fff);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.yarl__counter{position:var(--yarl__counter_position,absolute);top:var(--yarl__counter_top,0);left:var(--yarl__counter_left,0);bottom:var(--yarl__counter_bottom,unset);right:var(--yarl__counter_right,unset);color:var(--yarl__counter_color,var(--yarl__color_button,#fffc));filter:var(--yarl__counter_filter,drop-shadow(2px 2px 2px #000c));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));-webkit-user-select:var(--yarl__counter_user_select,none);-moz-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}[dir=rtl] .yarl__counter{left:var(--yarl__counter_rtl_left,unset);right:var(--yarl__counter_rtl_right,0)}.yarl__thumbnails{height:100%;display:flex}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1;position:relative}.yarl__thumbnails_container{background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));padding:var(--yarl__thumbnails_container_padding,16px);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;position:relative;overflow:hidden}.yarl__thumbnails_vignette{pointer-events:none;--yarl__thumbnails_vignette_size:12%;position:absolute}@media (min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media (min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size,12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size,12%)),var(--yarl__color_backdrop,#000) 100%);width:100%;top:0;bottom:0}.yarl__thumbnails_track{gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{cursor:pointer;appearance:none;background:var(--yarl__thumbnails_thumbnail_background,#000);border-width:var(--yarl__thumbnails_thumbnail_border,1px);border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,#fffc));border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);-webkit-tap-highlight-color:transparent;padding:var(--yarl__thumbnails_thumbnail_padding,4px);width:var(--yarl__thumbnails_thumbnail_width,120px);height:var(--yarl__thumbnails_thumbnail_height,80px);box-sizing:content-box;outline:none;flex:none;position:relative;overflow:hidden}.yarl__thumbnails_thumbnail_active{border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{opacity:0;animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:unset}.yarl__thumbnails_thumbnail_placeholder{visibility:hidden;cursor:unset}.yarl__thumbnails_thumbnail:focus{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:unset}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,#fffc));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px #000c));width:var(--yarl__thumbnails_thumbnail_icon_size,32px);height:var(--yarl__thumbnails_thumbnail_icon_size,32px);position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{opacity:0;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);pointer-events:auto;position:fixed;inset:0;overflow:hidden}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));-webkit-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);outline:none;position:absolute;inset:0;overflow:hidden}.yarl__carousel{height:100%;width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px,0)*1px + var(--yarl__carousel_spacing_percent,0)*1%));transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));opacity:var(--yarl__pull_opacity,1);flex:none;place-content:center;align-items:stretch;display:flex}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%)}.yarl__flex_center{place-content:center;align-items:center;display:flex}.yarl__slide{padding:calc(var(--yarl__carousel_padding_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_padding_percent,0)*1%);flex:1;position:relative;overflow:hidden}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%}.yarl__slide_image_cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0)}}.yarl__slide_placeholder{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc));animation:1s linear yarl__delayed_fadein}.yarl__slide_loading line{animation:1s linear infinite yarl__stroke_opacity}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{padding:var(--yarl__toolbar_padding,8px);justify-content:flex-end;display:flex;position:absolute;inset:0 0 auto auto}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,#fffc);filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px #000c));-webkit-tap-highlight-color:transparent;outline:none;line-height:0}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%)rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%)rotate(180deg)}.yarl__no_scroll{overscroll-behavior:none;height:100%;overflow:hidden}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.t1iysX{font-family:var(--font-family-mono);color:inherit;text-align:center;caret-color:var(--content-0);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;margin:0;padding:0}.t1iysX::placeholder{color:var(--content-2)}.t1iysX::selection{background-color:var(--focus-ring);color:var(--surface-0)}.t1iysX::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.t1iysX::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.t1iysX:disabled{opacity:.25}._-4oX-p{-webkit-user-select:none;user-select:none;color:var(--content-2);flex-shrink:0}._-4oX-p[data-disabled]{opacity:.25}.Ggxyuj{height:var(--control-height);width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:pointer;align-items:center;display:flex}.fthcmO{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wyY60X{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.EV-Vji{height:var(--control-height);width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:pointer;align-items:center;display:flex}.A5-T93{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.V1Rhiv{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}._959ulH{inset:0 calc(var(--control-height) + var(--space-xs)) 0 var(--space-sm);align-items:center;gap:var(--space-sm);pointer-events:none;min-width:0;display:flex;position:absolute;overflow:hidden}.Ch-SZL{--ui-color:transparent;--ui-color-hover:transparent;--ui-color-active:transparent;color:#0000;caret-color:#0000}.SmdPit{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.giOtGs{width:min(100vw - var(--space-lg) * 2, 44em);max-height:min(75vh,34em)}._57Tr0T{max-height:inherit}.Tkhulr{padding:var(--space-xs);overflow:auto}.VQlniu{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,5em),1fr));display:grid}.wb39Kf{padding:var(--space-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease;position:relative}.wb39Kf:focus-visible{background-color:var(--surface-2);border-color:var(--border-2)}@media (any-hover:hover){.wb39Kf:hover{background-color:var(--surface-2);border-color:var(--border-2)}}@media (any-hover:none){.wb39Kf:active{background-color:var(--surface-2);border-color:var(--border-2)}}.wb39Kf:disabled{cursor:default;opacity:var(--disabled-opacity)}.HGvQdT{background-color:var(--surface-2);border-color:var(--border-2)}.rZuYyb{border-color:var(--border-1);background-color:var(--surface-1)}.rZuYyb .VrHnjN{background-color:var(--surface-accent);border:var(--border-width) solid var(--border-accent)}.vNV6Q2{justify-content:center;align-items:center;display:flex}.koxYU-,.k8xLa2{--layout-picker-preview-size:3.5em;width:var(--layout-picker-preview-size);height:calc(var(--layout-picker-preview-size) * .72);flex:none}.koxYU-{gap:calc(var(--border-width) * 2);display:grid}._5pd3Bb,.k8xLa2{--layout-picker-preview-size:1.75rem}.VrHnjN{border-radius:var(--radius-xs);background-color:var(--surface-1);border:var(--border-width) solid var(--border-1);min-width:0;min-height:0}._5pd3Bb .VrHnjN{background-color:var(--content-1);border:none}.STGQ3g{z-index:var(--z-notify);gap:var(--space-sm);padding:var(--space-lg);width:min(28em, 100dvw - var(--space-lg) * 2);pointer-events:none;display:grid;position:fixed;bottom:0;left:0}.RaiISE{--notify-accent:var(--border-1);--notify-accent-surface:var(--surface-1);--notify-accent-text:var(--content-accent);pointer-events:auto;width:100%;padding:var(--space-md);border-left:.3125em solid var(--notify-accent);border-radius:var(--radius-md);background:linear-gradient(37deg, var(--notify-accent-surface), var(--surface-0));color:var(--content-0);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.cM81wO{--notify-accent:var(--status-info-border);--notify-accent-surface:var(--status-info-soft);--notify-accent-text:var(--status-info-text)}.nH2cuZ{--notify-accent:var(--status-success-border);--notify-accent-surface:var(--status-success-soft);--notify-accent-text:var(--status-success-text)}.A2glD7{--notify-accent:var(--status-warning-border);--notify-accent-surface:var(--status-warning-soft);--notify-accent-text:var(--status-warning-text)}.yWjijS{--notify-accent:var(--status-error-border);--notify-accent-surface:var(--status-error-soft);--notify-accent-text:var(--status-error-text)}._1HO2ne,.OyRJpj,.vrCrow{min-width:0}.OyRJpj{flex:1;min-width:0}.A0X-ma{width:var(--control-height);height:var(--control-height);background-color:var(--notify-accent-surface);color:var(--notify-accent-text);border:var(--border-width) solid color-mix(in srgb, var(--notify-accent) 22%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.A0X-ma svg{width:1.125em;height:1.125em}.AkHvPV{margin-bottom:var(--space-xs);color:var(--notify-accent-text);font-size:var(--font-size-xs);font-variation-settings:"wght" 600;letter-spacing:.04em;text-transform:uppercase;font-weight:600}._4YDLB5{color:var(--notify-accent-text);font-variation-settings:"wght" 600;font-weight:600}.CK3Bqv{margin-top:var(--space-xs);color:var(--content-0);white-space:pre-wrap;word-break:break-word}.nLmQut{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}@media (max-width:47.9988em){.STGQ3g{padding:var(--space-md);width:min(100dvw, 100dvw - var(--space-md) * 2)}}.gu8UMB{border-radius:50%}.fA7zne{gap:var(--space-sm);flex-direction:column;display:flex}.TMbaqW{gap:0}._77qn1L{padding-inline:calc((var(--control-height) - var(--space-xs)) / 2);position:relative}.cxJQqh{height:var(--control-height);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.-X13t0{top:calc(50% - (var(--control-height) - var(--space-xs)) / 2);width:0;height:0;position:absolute;left:0}.gg-atO,.bTLJZl{height:var(--space-sm);border-radius:999px;position:absolute;top:50%;transform:translateY(-50%)}.gg-atO{background-color:var(--surface-2);border:var(--border);left:0;right:0}.bTLJZl{background-color:var(--status-info-fill)}.vDAmRy{top:calc((var(--control-height) - var(--space-xs)) / 2);width:calc(var(--control-height) - var(--space-xs));height:calc(var(--control-height) - var(--space-xs));border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);cursor:grab;z-index:2;transition:transform var(--transition-fast) ease, border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease, background-color var(--transition-fast) ease;border-radius:50%;position:absolute;left:0;transform:translate(-50%,-50%)}.vDAmRy:active,.vDAmRy:hover{border-color:var(--border-1)}.vDAmRy:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.vDAmRy[data-dragging]{cursor:grabbing;box-shadow:var(--shadow-md);transform:translate(-50%,-50%)scale(1.04)}.iNrV0y{min-height:calc(var(--font-size-sm) + var(--space-md));margin-inline:calc((var(--control-height) - var(--space-xs)) / 2);position:relative}.PpaxP2{align-items:center;gap:var(--space-xs);color:var(--content-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-direction:column;padding:0;display:inline-flex;position:absolute;top:0;transform:translate(-50%)}.PpaxP2:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.PpaxP2[data-active]{color:var(--content-0)}._9K78Fi{top:calc((var(--control-height) - var(--space-xs)) / 2);width:var(--control-height);height:var(--control-height);color:var(--content-2);cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;left:0;transform:translate(-50%,-50%)}._9K78Fi:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}._9K78Fi[data-active]{color:var(--content-0)}._9K78Fi:disabled{cursor:default}.vzEDBe{width:var(--space-sm);height:var(--space-sm);background-color:currentColor;border-radius:50%}._0OWJh0{font-size:var(--font-size-sm)}.Mk4xi2{min-width:min(24em, 100vw - var(--space-xl))}.SL0IDQ{gap:var(--space-xs);cursor:text}.mdezg5{width:7ch;min-width:0;font-family:var(--font-family-mono);color:inherit;text-align:center;caret-color:var(--content-0);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;margin:0;padding:0}.mdezg5::selection{background-color:var(--focus-ring);color:var(--surface-0)}.mdezg5:disabled{opacity:.25}.a4R18g{-webkit-user-select:none;user-select:none;color:var(--content-2);flex-shrink:0}.a4R18g[data-disabled]{opacity:.25}.wAovST{width:100%;height:100%;display:flex;overflow:hidden}.wAovST.QVVMwe{flex-direction:row}.wAovST.QVVMwe .H43AJ8{cursor:col-resize;border-left:var(--border);border-right:var(--border);margin-inline:var(--space-md)}.wAovST.pgo8sW{flex-direction:column}.wAovST.pgo8sW .H43AJ8{cursor:row-resize;margin-block:var(--space-md)}._8fCvqA{flex-grow:0;flex-shrink:0}.t6RFcI{flex-grow:1}._8fCvqA,.t6RFcI{min-width:0;min-height:0;overflow:auto}.H43AJ8{flex-basis:var(--space-sm);border-radius:var(--radius-sm);border:var(--border);background-color:var(--border-0);-webkit-user-select:none;user-select:none;touch-action:none;flex-grow:0;flex-shrink:0;position:relative}.H43AJ8:hover{border-color:var(--border-1);background-color:var(--border-1)}.H43AJ8:active{border-color:var(--border-2);background-color:var(--border-2)}.p4nQdZ{padding-left:var(--space-sm)}._94tg5v{align-items:center;gap:var(--space-sm);width:100%;min-width:0;min-height:1.5em;display:flex}.HyK7Zs{--state-color:transparent;border-radius:var(--radius-xs);border:var(--border-width) solid var(--border-0);background-color:var(--state-color);flex-shrink:0;width:1.25em;height:1.25em;display:inline-block}.HyK7Zs[data-empty]{background-color:var(--surface-0);background-image:repeating-linear-gradient(135deg, var(--border-0), var(--border-0) .25em, transparent .25em, transparent .5em)}.Mm4hrB{--input-width:auto;gap:var(--space-xs);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.clxxBQ{--input-width:16em}._5pJ7o-{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;outline:none}.VV6hKN{padding:var(--space-sm);justify-content:center;align-items:center;min-width:2.25em;display:flex}.cuQNP0{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);display:flex}.w7nIOT{align-items:center;gap:var(--space-xs);min-width:0;display:inline-flex}.ed-Afj{align-items:center;display:inline-flex}.Lbxloe{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.Or5LYA{--size:calc(var(--control-height) - calc(var(--border-width) * 4));padding:0 var(--border-width);display:block}.qge3io{width:calc(var(--control-height) * 2);justify-content:space-between;display:flex}.qge3io[data-disabled] svg{color:var(--content-2)}.w0AMfA{border-radius:var(--radius-xs);width:var(--size);height:var(--size);opacity:.25;justify-content:center;align-items:center;display:flex}.w0AMfA svg{color:var(--content-0);display:block}.w0AMfA.P1x4lq{flex:100%;width:100%}.w0AMfA.-ZVOZo{background-color:var(--surface-2);opacity:1}.pcMjuj{--tabs-border:none;--tabs-panel-border:none;--tabs-panel-padding:var(--space-md);--tabs-panel-bg:var(--surface-0);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.ITP5v-{--tabs-border:var(--border);--tabs-panel-border:var(--border)}.kzs94N{--tabs-panel-padding:0;--tabs-panel-bg:none;--tabs-panel-border:none}.ZSAoAa{gap:var(--space-xs);border:var(--tabs-border);min-width:0;padding:var(--space-sm);display:flex}.psYhsZ{border:var(--tabs-panel-border);background-color:var(--tabs-panel-bg);min-width:0;min-height:0}.mNDq9-{grid-template-rows:auto minmax(0,1fr)}.mNDq9- .ZSAoAa{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.mNDq9- .psYhsZ{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-top:none}.mNDq9- ._28F3fs{border-bottom:var(--focus-width) solid transparent}.g156KO{grid-template-columns:10em minmax(0,1fr);min-height:0}.g156KO .ZSAoAa{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);flex-direction:column}.g156KO .psYhsZ{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-left:none}.g156KO ._28F3fs{border-left:var(--focus-width) solid transparent}.C2mO1e{overflow:auto}._28F3fs{text-align:left;min-height:var(--control-height);padding:var(--space-xs) var(--space-md);color:var(--content-2);font-variation-settings:"wght" 700;flex-shrink:0;font-weight:700;position:relative}._28F3fs:hover{cursor:pointer;color:var(--content-1);border-color:var(--border-2)}._28F3fs.UKZXTZ{color:var(--content-accent);border-color:var(--border-accent)}._28F3fs:disabled{cursor:not-allowed;color:var(--content-2);background-color:var(--surface-2)}.jiTafe{min-width:0;height:100%;min-height:0;padding:0}.nhD0k7{min-width:0;height:100%;min-height:0;padding:var(--tabs-panel-padding)}.G8FICe{overflow:hidden}.W50XHh{gap:var(--space-md);min-width:0;height:100%;min-height:0;padding:var(--tabs-panel-padding);display:grid}.vnjXkU{min-width:0}.Nzvfhw{min-height:0}.AoFB3K{min-height:var(--control-height);align-items:center;gap:var(--space-xs);padding:calc(var(--space-xs) / 2) var(--space-sm);cursor:text;--ui-color:var(--content-0);--ui-color-hover:var(--content-0);--ui-color-active:var(--content-0);flex-wrap:wrap;display:flex}.AoFB3K[data-readonly]{cursor:default;background-color:var(--surface-1)}.PvaUEA{align-items:center;gap:var(--space-xs);flex-wrap:wrap;flex:0 auto;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.FZ-xEM{color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,opacity;transition-duration:var(--transition-fast);--ui-color:var(--content-0);--ui-background:var(--surface-2);--ui-border-color:var(--border-0);align-items:center;gap:var(--space-xs);min-width:0;max-width:100%;padding:calc(var(--space-xs) / 2) var(--space-xs);font-size:var(--font-size-sm);transition-timing-function:ease;display:inline-flex}.-RCqfG{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ggY643{border-radius:var(--radius-xs);width:1.25em;height:1.25em;color:inherit;transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ggY643:hover{background-color:var(--status-error-soft);color:var(--status-error-text)}.ggY643:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.ggY643 svg{display:block}.hiZq-y{min-width:8ch;min-height:calc(var(--control-height) - var(--space-xs) - var(--border-width) * 2);color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:8rem;padding:0}.hiZq-y::placeholder{color:var(--content-2)}.hiZq-y:read-only{cursor:default}.TjY2iu{resize:vertical;width:100%;min-height:6em;padding:var(--space-sm);display:block}.FFyoOs{align-items:center;gap:var(--space-sm);display:flex}.zPYy7T{min-width:calc(var(--drp-ui-width-xs,var(--ui-width-xs)) - var(--width-add));flex:1 0 auto;display:flex;position:relative}.j6ek6R{appearance:none;cursor:pointer;width:100%;margin:0;padding:0}.j6ek6R:checked+.HFTPXI ._0RK4xF{transform:translate(100%)}.j6ek6R:checked+.HFTPXI .kDPnKt{color:var(--content-2)}.j6ek6R:checked+.HFTPXI .DQHqws{color:var(--status-info-on-fill)}.j6ek6R:focus-visible+.HFTPXI{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.HFTPXI .kDPnKt{color:var(--status-info-on-fill)}.HFTPXI .DQHqws{color:var(--content-2)}.HFTPXI{inset:calc(var(--border-width) * 2);pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;min-width:6.5em;padding:0;display:grid;position:absolute;overflow:hidden}.HFTPXI[data-disabled] ._0RK4xF{opacity:var(--disabled-opacity)}.nCQ9v4{padding:0 var(--space-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;transition:color var(--transition-fast) linear;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}._0RK4xF{border-radius:var(--radius-xs);background-color:var(--status-info-fill);width:50%;height:100%;transition:transform var(--transition-fast) ease-in-out, opacity var(--transition-fast) ease-in-out;position:absolute;top:0;left:0}.eMqOwq{border-radius:var(--radius-sm);cursor:pointer;align-items:stretch;display:flex}.eMqOwq:focus{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);background-color:var(--surface-accent);border-color:var(--border-1);cursor:pointer}.eMqOwq:hover{background-color:var(--surface-accent);cursor:pointer}.JKstO-{background-color:var(--surface-2);color:var(--content-accent);cursor:default}.hKgr8e{background-color:var(--surface-1)}.KjPZjd{cursor:not-allowed;opacity:var(--disabled-opacity)}.KjPZjd:hover{cursor:not-allowed;background-color:#0000}._6EH37F{align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-xs) var(--space-xs) var(--space-xs) 0;text-align:left;border-radius:var(--radius-sm);background:0 0;display:flex}.UBll8Q{gap:var(--space-sm);display:grid}.-y3RZP{grid-template-columns:repeat(var(--tree-column-count,1), minmax(0, 1fr));grid-template-rows:repeat(var(--tree-row-count,1), minmax(var(--control-height), auto));column-gap:var(--space-sm);align-content:start;width:100%;min-width:0;display:grid}.ayLJ50{grid-column-start:var(--tree-option-column);grid-row-start:var(--tree-option-row);min-width:0}._430vL2{max-height:none}.FkzTJI,.e8fE4t{font-variation-settings:"wght" 600;font-weight:600}._2MFkGF{flex-shrink:0;display:inline-flex}.SWQUvb{flex:1 1 0;min-width:0;height:100%}.o5NWnX{width:calc(var(--tree-level) * 1em);flex-shrink:0}.ibSd-S,.lXezvv{flex-shrink:0;justify-content:center;align-items:center;width:1.5em;height:1.5em;display:inline-flex}.ibSd-S{border-radius:var(--radius-sm);color:var(--content-2);background:0 0;border:none}.ibSd-S:hover{color:var(--content-accent)}.FMlLGX{transition:transform var(--transition-fast) ease}.d2Zt7U{transform:rotate(90deg)}._8PN4hs{border:var(--border);border-radius:var(--radius-xs);background-color:var(--surface-0);color:#0000;flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}._4JEoen{background-color:var(--status-info-text);border-color:var(--status-info-text);color:var(--white)}.GS8eEC{background-color:var(--surface-1);border-color:var(--status-info-text);color:var(--status-info-text)}.T8gVno{width:.75rem;height:.75rem}.o6stdX{padding-right:calc(var(--control-height) * 2)}.I5zvhe{color:#0000;caret-color:#0000}.KQ0PBI{inset:0 calc(var(--control-height) * 2) 0 var(--space-md);pointer-events:none;align-items:center;display:flex;position:absolute;overflow:hidden}._7hAQQA{align-items:center;height:100%;display:flex;position:absolute;top:0;right:0}.XeUHNc{color:var(--status-error-text)}.jOS9rT{padding-inline-start:var(--space-sm)}.zHOAf7{box-shadow:inset .1875rem 0 0 var(--content-accent)}.j48cXg{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.mf4-Kr{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.p8pb0F{border-radius:var(--radius-xs);width:1.5rem;height:1.5rem;color:var(--content-0);cursor:pointer;background:0 0;border:0;flex:0 0 1.5rem;justify-content:center;align-items:center;padding:0;display:inline-flex}.p8pb0F:hover,.p8pb0F:focus-visible{background-color:var(--surface-2)}.KIudLf{flex:0 0 1.5rem;width:1.5rem;height:1.5rem}.bJsPGU{height:1px}.yJlLGL{flex-direction:column;display:flex}.lWEMr2{padding:var(--space-md)}.WfVcwm{padding-left:var(--space-md)}._27DQ-H{counter-reset:item;padding-left:var(--space-md);list-style-type:none}._27DQ-H .WfVcwm{margin-left:var(--space-md)}._27DQ-H ol{counter-reset:item}._27DQ-H li{counter-increment:item;position:relative}._27DQ-H li:before{content:counters(item, ".") ". ";position:absolute;left:0;transform:translate(calc(-100% - .25em))}.acj1dM{--_image-viewer-top-row-height:calc(var(--image-viewer-icon-size,1.75rem) + var(--image-viewer-toolbar-padding,var(--space-md,.625rem)) + var(--image-viewer-toolbar-padding,var(--space-md,.625rem)) + 1rem);--yarl__portal_zindex:var(--image-viewer-z-index,var(--z-image-viewer,300));--yarl__color_backdrop:var(--image-viewer-backdrop,#000000eb);--yarl__container_background_color:var(--image-viewer-backdrop,#000000eb);--yarl__color_button:var(--image-viewer-control-color,#ffffffd1);--yarl__color_button_active:var(--image-viewer-control-active-color,var(--white,#fff));--yarl__color_button_disabled:var(--image-viewer-control-disabled-color,#ffffff61);--yarl__button_background_color:var(--image-viewer-control-background,transparent);--yarl__button_border:var(--image-viewer-control-border,0);--yarl__button_filter:var(--image-viewer-control-filter,drop-shadow(0 .125rem .25rem #000000b3));--yarl__icon_size:var(--image-viewer-icon-size,1.75rem);--yarl__toolbar_padding:var(--image-viewer-toolbar-padding,var(--space-md,.625rem));--yarl__slide_icon_loading_color:var(--image-viewer-loading-color,var(--image-viewer-control-color,#ffffffd1));--yarl__slide_icon_error_color:var(--image-viewer-error-color,var(--status-error-fill,#d32f2f));--yarl__slide_captions_container_background:var(--image-viewer-caption-background,#0000009e);--yarl__slide_title_color:var(--image-viewer-caption-color,var(--white,#fff));--yarl__slide_description_color:var(--image-viewer-caption-color,var(--white,#fff));--yarl__counter_color:var(--image-viewer-counter-color,var(--image-viewer-control-color,#ffffffd1));--yarl__thumbnails_container_background_color:var(--image-viewer-backdrop,#000000eb);--yarl__thumbnails_thumbnail_background:var(--image-viewer-thumbnail-background,#ffffff14);--yarl__thumbnails_thumbnail_border_color:var(--image-viewer-thumbnail-border-color,var(--image-viewer-control-color,#ffffffd1));--yarl__thumbnails_thumbnail_active_border_color:var(--image-viewer-thumbnail-active-border-color,var(--image-viewer-control-active-color,var(--white,#fff)));font-family:var(--font-family-base,sans-serif)}.acj1dM .yarl__button{border-radius:var(--image-viewer-control-radius,var(--radius-sm,.3125rem));transition:color var(--transition-fast,.2s) ease, background-color var(--transition-fast,.2s) ease}.acj1dM .yarl__button:focus-visible,.acj1dM .yarl__thumbnails_thumbnail:focus-visible{outline:var(--image-viewer-focus,var(--focus,.125rem solid currentColor));outline-offset:var(--image-viewer-focus-offset,var(--focus-offset,.125rem))}.acj1dM .yarl__thumbnails_thumbnail:focus-visible{box-shadow:none}.acj1dM .yarl__slide_image{border-radius:var(--image-viewer-image-radius,var(--radius-sm,.3125rem))}.acj1dM .yarl__slide_title_container{box-sizing:border-box;height:var(--_image-viewer-top-row-height);overflow:hidden}.jt3y3m{width:var(--image-viewer-icon-size,1.75rem);height:var(--image-viewer-icon-size,1.75rem);stroke-width:var(--image-viewer-icon-stroke-width,2)}._2SAWIU{animation:1s linear infinite _1GqI3h}@keyframes _1GqI3h{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){._2SAWIU{animation:none}}.shIOqq{justify-content:start;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.shIOqq hr{margin:.5rem 0}.YM-4Dq{gap:var(--space-sm);display:flex}._75LW3N{font-size:inherit}.PLiHsN{padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--surface-secondary);border:var(--border);position:relative}.PLiHsN.m-jmCu{border-color:var(--brand-primary)}._4NWAs0{font-size:inherit}.text-align-left .public-DraftStyleDefault-ltr{text-align:left}.text-align-center .public-DraftStyleDefault-ltr{text-align:center}.text-align-right .public-DraftStyleDefault-ltr{text-align:right}.text-align-justify .public-DraftStyleDefault-ltr{text-align:justify}.DraftEditor-editorContainer{padding:var(--space-md);border:var(--border);border-radius:var(--radius-sm);background-color:var(--surface-primary)}.lexicalEditorContentEditable{padding:var(--space-md);border:var(--border);border-radius:var(--radius-sm);background-color:var(--surface-primary);min-height:6rem}.lexicalEditorContentEditable:focus{outline:none}.lexicalEditorPlaceholder{padding:var(--space-md);color:var(--text-secondary);pointer-events:none}.lexicalTextCode{color:#085972;border-radius:var(--radius-md);background-color:#28444d0d;padding:.15em .4em;font-family:monospace;font-size:85%;line-height:1}.lexicalTextHighlight{border-radius:var(--radius-md);background-color:#eaff8e;padding-inline:.15em}.lexicalTextUnderline{text-decoration:underline}.lexicalTextStrikethrough{text-decoration:line-through}.custom-tag-highlight{outline:var(--border-width) dashed var(--text-accent);border-radius:var(--radius-xs);padding:0 .125em}
+.IyEhJp{--base-width:100%;width:var(--base-width)}.IyEhJp.f7M9vJ{--base-width:calc(var(--drp-ui-width-xs,var(--ui-width-xs)) - var(--width-add))}.IyEhJp.HwXbxj{--base-width:calc(var(--drp-ui-width-sm,var(--ui-width-sm)) - var(--width-add))}.IyEhJp.Mym7DA{--base-width:calc(var(--drp-ui-width-md,var(--ui-width-md)) - var(--width-add))}.IyEhJp.w5cM9q{--base-width:calc(var(--drp-ui-width-lg,var(--ui-width-lg)) - var(--width-add))}.IyEhJp.f2EBJz{--base-width:calc(var(--drp-ui-width-xl,var(--ui-width-xl)) - var(--width-add))}._3GzdMJ{--grid-size:var(--space-sm);--grid-line-size:var(--border-width);--grid-line-color:var(--status-error-soft);height:var(--control-height);border:var(--focus-width) solid var(--status-error-border);border-radius:var(--radius-sm);font-variation-settings:"wght" 700;width:100%;color:var(--status-error-text);background-color:var(--surface-0);background-image:repeating-linear-gradient(45deg, var(--grid-line-color) 0 var(--grid-line-size), transparent var(--grid-line-size) var(--grid-size)), repeating-linear-gradient(-45deg, var(--grid-line-color) 0 var(--grid-line-size), transparent var(--grid-line-size) var(--grid-size));outline:none;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.mCyi7T,._0uiTC1{width:100%;position:relative}._0uiTC1{--padding-right:var(--control-height)}.y9nuVw,.-lXPkQ{font-variation-settings:"wght" 400;font-weight:400;display:inline-block}.-lXPkQ{margin-block:var(--space-xs)}.kaqcwk{--paragraph-margin:0;padding-bottom:var(--space-xs);color:var(--content-1);font-variation-settings:"wght" 300;font-weight:300}.-lXPkQ,.kaqcwk{margin-inline:var(--space-xs)}.ADooeh,.UQPwkb::placeholder,.x427rk::placeholder,._4GTgCO::placeholder,.CGeRS1::placeholder{color:var(--content-2);font-variation-settings:"wght" 100;font-weight:100;font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._7GxEke .y9nuVw:after,._7GxEke .-lXPkQ:after{content:" *";color:var(--status-error-text)}.UQPwkb,.x427rk,._4GTgCO,.CGeRS1{--ui-tone-text:var(--status-neutral-text);--ui-tone-text-hover:var(--status-neutral-text-hover);--ui-tone-text-active:var(--status-neutral-text-active);--ui-tone-fill:var(--status-neutral-fill);--ui-tone-fill-hover:var(--status-neutral-fill-hover);--ui-tone-fill-active:var(--status-neutral-fill-active);--ui-tone-on-fill:var(--status-neutral-on-fill);--ui-tone-soft:var(--status-neutral-soft);--ui-tone-border:var(--status-neutral-border);--ui-tone-border-hover:var(--status-neutral-border-hover);--ui-tone-border-active:var(--status-neutral-border-active);--ui-tone-border-focus:var(--status-neutral-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-neutral-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-neutral-fill-active) 20%, var(--surface-0));--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:var(--surface-0);--ui-background-hover:var(--surface-0);--ui-background-active:var(--surface-0);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus);color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,box-shadow,padding,opacity,transform;transition-duration:var(--transition-fast);outline:none;transition-timing-function:ease}.UQPwkb:hover,.x427rk:hover,._4GTgCO:hover,.CGeRS1:hover{color:var(--ui-color-hover);background-color:var(--ui-background-hover);border-color:var(--ui-border-hover)}.UQPwkb:active,.x427rk:active,._4GTgCO:active,.CGeRS1:active{color:var(--ui-color-active);border-color:var(--ui-border-active);background-color:var(--ui-background-active)}.UQPwkb:focus,.x427rk:focus,._4GTgCO:focus,.CGeRS1:focus,.UQPwkb:focus-within,.x427rk:focus-within,._4GTgCO:focus-within,.CGeRS1:focus-within{background-color:var(--ui-background-active);border-color:var(--ui-border-focus)}.UQPwkb:focus-visible,.x427rk:focus-visible,._4GTgCO:focus-visible,.CGeRS1:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.UQPwkb:disabled,.x427rk:disabled,._4GTgCO:disabled,.CGeRS1:disabled,.UQPwkb[data-disabled],[data-disabled].x427rk,[data-disabled]._4GTgCO,[data-disabled].CGeRS1{cursor:default;pointer-events:none;color:var(--content-2);background-color:var(--surface-2);border-color:var(--overlay-backdrop)}.UQPwkb,.x427rk,._4GTgCO,.CGeRS1{--ui-radius:var(--radius-sm)}.UQPwkb.kkpwQI,.kkpwQI.x427rk,.kkpwQI._4GTgCO,.kkpwQI.CGeRS1,.UQPwkb:invalid,.x427rk:invalid,._4GTgCO:invalid,.CGeRS1:invalid{--ui-tone-text:var(--status-error-text);--ui-tone-text-hover:var(--status-error-text-hover);--ui-tone-text-active:var(--status-error-text-active);--ui-tone-fill:var(--status-error-fill);--ui-tone-fill-hover:var(--status-error-fill-hover);--ui-tone-fill-active:var(--status-error-fill-active);--ui-tone-on-fill:var(--status-error-on-fill);--ui-tone-soft:var(--status-error-soft);--ui-tone-border:var(--status-error-border);--ui-tone-border-hover:var(--status-error-border-hover);--ui-tone-border-active:var(--status-error-border-active);--ui-tone-border-focus:var(--status-error-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-error-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-error-fill-active) 20%, var(--surface-0));--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:var(--surface-0);--ui-background-hover:var(--surface-0);--ui-background-active:var(--surface-0);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus)}.DPvwku{--ui-tone-text:var(--status-neutral-text);--ui-tone-text-hover:var(--status-neutral-text-hover);--ui-tone-text-active:var(--status-neutral-text-active);--ui-tone-fill:var(--status-neutral-fill);--ui-tone-fill-hover:var(--status-neutral-fill-hover);--ui-tone-fill-active:var(--status-neutral-fill-active);--ui-tone-on-fill:var(--status-neutral-on-fill);--ui-tone-soft:var(--status-neutral-soft);--ui-tone-border:var(--status-neutral-border);--ui-tone-border-hover:var(--status-neutral-border-hover);--ui-tone-border-active:var(--status-neutral-border-active);--ui-tone-border-focus:var(--status-neutral-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-neutral-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-neutral-fill-active) 20%, var(--surface-0))}.SRqz74{--ui-tone-text:var(--status-error-text);--ui-tone-text-hover:var(--status-error-text-hover);--ui-tone-text-active:var(--status-error-text-active);--ui-tone-fill:var(--status-error-fill);--ui-tone-fill-hover:var(--status-error-fill-hover);--ui-tone-fill-active:var(--status-error-fill-active);--ui-tone-on-fill:var(--status-error-on-fill);--ui-tone-soft:var(--status-error-soft);--ui-tone-border:var(--status-error-border);--ui-tone-border-hover:var(--status-error-border-hover);--ui-tone-border-active:var(--status-error-border-active);--ui-tone-border-focus:var(--status-error-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-error-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-error-fill-active) 20%, var(--surface-0))}.e-6pS0{--ui-tone-text:var(--status-warning-text);--ui-tone-text-hover:var(--status-warning-text-hover);--ui-tone-text-active:var(--status-warning-text-active);--ui-tone-fill:var(--status-warning-fill);--ui-tone-fill-hover:var(--status-warning-fill-hover);--ui-tone-fill-active:var(--status-warning-fill-active);--ui-tone-on-fill:var(--status-warning-on-fill);--ui-tone-soft:var(--status-warning-soft);--ui-tone-border:var(--status-warning-border);--ui-tone-border-hover:var(--status-warning-border-hover);--ui-tone-border-active:var(--status-warning-border-active);--ui-tone-border-focus:var(--status-warning-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-warning-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-warning-fill-active) 20%, var(--surface-0))}.tUxwSm{--ui-tone-text:var(--status-success-text);--ui-tone-text-hover:var(--status-success-text-hover);--ui-tone-text-active:var(--status-success-text-active);--ui-tone-fill:var(--status-success-fill);--ui-tone-fill-hover:var(--status-success-fill-hover);--ui-tone-fill-active:var(--status-success-fill-active);--ui-tone-on-fill:var(--status-success-on-fill);--ui-tone-soft:var(--status-success-soft);--ui-tone-border:var(--status-success-border);--ui-tone-border-hover:var(--status-success-border-hover);--ui-tone-border-active:var(--status-success-border-active);--ui-tone-border-focus:var(--status-success-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-success-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-success-fill-active) 20%, var(--surface-0))}.bbef8l{--ui-tone-text:var(--status-info-text);--ui-tone-text-hover:var(--status-info-text-hover);--ui-tone-text-active:var(--status-info-text-active);--ui-tone-fill:var(--status-info-fill);--ui-tone-fill-hover:var(--status-info-fill-hover);--ui-tone-fill-active:var(--status-info-fill-active);--ui-tone-on-fill:var(--status-info-on-fill);--ui-tone-soft:var(--status-info-soft);--ui-tone-border:var(--status-info-border);--ui-tone-border-hover:var(--status-info-border-hover);--ui-tone-border-active:var(--status-info-border-active);--ui-tone-border-focus:var(--status-info-border-focus);--ui-tone-ghost-hover:color-mix(in srgb, var(--status-info-fill-hover) 10%, var(--surface-0));--ui-tone-ghost-active:color-mix(in srgb, var(--status-info-fill-active) 20%, var(--surface-0))}.Ktkgp1{--ui-color:var(--ui-tone-on-fill);--ui-color-hover:var(--ui-tone-on-fill);--ui-color-active:var(--ui-tone-on-fill);--ui-background:var(--ui-tone-fill);--ui-background-hover:var(--ui-tone-fill-hover);--ui-background-active:var(--ui-tone-fill-active);--ui-border-color:transparent;--ui-border-hover:transparent;--ui-border-active:transparent;--ui-border-focus:transparent}.bwQ2eF{--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:var(--surface-0);--ui-background-hover:var(--surface-0);--ui-background-active:var(--surface-0);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus)}._26y4wg{--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:transparent;--ui-background-hover:var(--ui-tone-ghost-hover);--ui-background-active:var(--ui-tone-ghost-active);--ui-border-color:transparent;--ui-border-hover:transparent;--ui-border-active:transparent;--ui-border-focus:transparent}.xiEckw{--ui-color:var(--ui-tone-text);--ui-color-hover:var(--ui-tone-text-hover);--ui-color-active:var(--ui-tone-text-active);--ui-background:transparent;--ui-background-hover:transparent;--ui-background-active:transparent;--ui-border-color:transparent;--ui-border-hover:transparent;--ui-border-active:transparent;--ui-border-focus:transparent}.x427rk,._4GTgCO,.CGeRS1{height:var(--control-height)}.CGeRS1{color:var(--content-0);padding:0 var(--padding-right) 0 var(--space-sm);text-align:left;width:100%}.ARjNgd{color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,box-shadow,padding,opacity,transform;transition-duration:var(--transition-fast);outline:none;transition-timing-function:ease}.ARjNgd:hover{color:var(--ui-color-hover);background-color:var(--ui-background-hover);border-color:var(--ui-border-hover)}.ARjNgd:active{color:var(--ui-color-active);border-color:var(--ui-border-active);background-color:var(--ui-background-active)}.ARjNgd:focus,.ARjNgd:focus-within{background-color:var(--ui-background-active);border-color:var(--ui-border-focus)}.ARjNgd:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.ARjNgd:disabled,.ARjNgd[data-disabled]{cursor:default;pointer-events:none;color:var(--content-2);background-color:var(--surface-2);border-color:var(--overlay-backdrop)}.ARjNgd{--ui-color:var(--content-0);--ui-color-hover:var(--content-0);--ui-color-active:var(--content-0);--ui-background:var(--surface-0);--ui-background-hover:var(--ui-tone-soft);--ui-background-active:var(--ui-tone-soft);--ui-border-color:var(--ui-tone-border);--ui-border-hover:var(--ui-tone-border-hover);--ui-border-active:var(--ui-tone-border-active);--ui-border-focus:var(--ui-tone-border-focus);appearance:none;cursor:pointer;margin:0}.ARjNgd:checked+.hwzILy{color:var(--ui-tone-fill)}.ARjNgd:disabled{cursor:default;--ui-border-color:var(--border-0)}.ARjNgd:disabled:checked+.hwzILy{color:var(--border-0)}.hwzILy{pointer-events:none;color:#0000;transition:color var(--transition-fast) ease, opacity var(--transition-fast) ease;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.PXh4Kd.t4Na-6,.PXh4Kd:disabled,.NvTcfr.t4Na-6,.NvTcfr:disabled,.Vq8q-K.t4Na-6,.Vq8q-K:disabled{cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none}.PXh4Kd.t4Na-6 .-lXPkQ,.PXh4Kd.t4Na-6 .kaqcwk,.PXh4Kd:disabled .-lXPkQ,.PXh4Kd:disabled .kaqcwk,.NvTcfr.t4Na-6 .-lXPkQ,.NvTcfr.t4Na-6 .kaqcwk,.NvTcfr:disabled .-lXPkQ,.NvTcfr:disabled .kaqcwk,.Vq8q-K.t4Na-6 .-lXPkQ,.Vq8q-K.t4Na-6 .kaqcwk,.Vq8q-K:disabled .-lXPkQ,.Vq8q-K:disabled .kaqcwk{color:var(--content-2)}.PXh4Kd.t4Na-6 .ADooeh,.PXh4Kd.t4Na-6 .UQPwkb::placeholder,.PXh4Kd.t4Na-6 .x427rk::placeholder,.PXh4Kd.t4Na-6 ._4GTgCO::placeholder,.PXh4Kd.t4Na-6 .CGeRS1::placeholder,.PXh4Kd.t4Na-6 .GPetum,.PXh4Kd.t4Na-6 .d-9srB,.PXh4Kd:disabled .ADooeh,.PXh4Kd:disabled .UQPwkb::placeholder,.PXh4Kd:disabled .x427rk::placeholder,.PXh4Kd:disabled ._4GTgCO::placeholder,.PXh4Kd:disabled .CGeRS1::placeholder,.PXh4Kd:disabled .GPetum,.PXh4Kd:disabled .d-9srB,.NvTcfr.t4Na-6 .ADooeh,.NvTcfr.t4Na-6 .UQPwkb::placeholder,.NvTcfr.t4Na-6 .x427rk::placeholder,.NvTcfr.t4Na-6 ._4GTgCO::placeholder,.NvTcfr.t4Na-6 .CGeRS1::placeholder,.NvTcfr.t4Na-6 .GPetum,.NvTcfr.t4Na-6 .d-9srB,.NvTcfr:disabled .ADooeh,.NvTcfr:disabled .UQPwkb::placeholder,.NvTcfr:disabled .x427rk::placeholder,.NvTcfr:disabled ._4GTgCO::placeholder,.NvTcfr:disabled .CGeRS1::placeholder,.NvTcfr:disabled .GPetum,.NvTcfr:disabled .d-9srB,.Vq8q-K.t4Na-6 .ADooeh,.Vq8q-K.t4Na-6 .UQPwkb::placeholder,.Vq8q-K.t4Na-6 .x427rk::placeholder,.Vq8q-K.t4Na-6 ._4GTgCO::placeholder,.Vq8q-K.t4Na-6 .CGeRS1::placeholder,.Vq8q-K.t4Na-6 .GPetum,.Vq8q-K.t4Na-6 .d-9srB,.Vq8q-K:disabled .ADooeh,.Vq8q-K:disabled .UQPwkb::placeholder,.Vq8q-K:disabled .x427rk::placeholder,.Vq8q-K:disabled ._4GTgCO::placeholder,.Vq8q-K:disabled .CGeRS1::placeholder,.Vq8q-K:disabled .GPetum,.Vq8q-K:disabled .d-9srB{opacity:.25}.snye2X,.GAMoiV,.NUTH28{border:var(--border);border-radius:var(--radius-sm);padding:var(--space-sm)}.GAMoiV,.NUTH28{background-color:var(--ui-panel-background,var(--surface-0));color:var(--content-0)}.NUTH28{background-color:var(--surface-0);--anchor-gap:var(--space-xs);--anchor-padding:var(--space-xs);--anchor-offset:0;--input-width:min(100vw, var(--base-width,15em));min-width:var(--input-width);transform-origin:top;box-shadow:var(--shadow-md);z-index:var(--z-dropdown);flex-direction:column;display:flex}.NUTH28:empty{visibility:hidden}._6GrpYn,.NvTcfr:focus,.Vq8q-K:focus{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);background-color:var(--surface-1);border-color:var(--border-1);cursor:pointer}.xS7JcQ,.Vq8q-K{justify-content:flex-start;align-items:center;gap:var(--space-sm);text-align:left;width:100%;height:100%;display:flex}.Vq8q-K{height:auto;padding:var(--space-xs) var(--space-sm)}.NvTcfr,.Vq8q-K{border-radius:var(--radius-sm);color:var(--content-0);transition:background-color var(--transition-fast) ease, color var(--transition-fast) ease;background-color:#0000;border:none}.NvTcfr ._9ExUHY,.NvTcfr .pO4Y0g,.Vq8q-K ._9ExUHY,.Vq8q-K .pO4Y0g{width:var(--space-md);height:var(--space-md);flex-shrink:0}.NvTcfr ._9ExUHY,.NvTcfr .gbYdNR,.Vq8q-K ._9ExUHY,.Vq8q-K .gbYdNR{color:var(--content-2)}.NvTcfr.wEotEO,.Vq8q-K.wEotEO{color:var(--content-accent);cursor:default}.NvTcfr.zb4xdz,.Vq8q-K.zb4xdz{background-color:var(--surface-1)}.NvTcfr.t4Na-6,.Vq8q-K.t4Na-6{color:var(--content-2);background-color:#0000}.NvTcfr:focus-visible,.Vq8q-K:focus-visible{background-color:var(--surface-accent);cursor:pointer}@media (any-hover:hover){.NvTcfr:hover,.Vq8q-K:hover{background-color:var(--surface-accent);cursor:pointer}}@media (any-hover:none){.NvTcfr:active,.Vq8q-K:active{background-color:var(--surface-accent);cursor:pointer}}.-vLdWn{border-top:var(--border);margin-block:var(--space-xs)}.Z3WweK{padding:var(--space-xs) var(--space-sm);color:var(--content-2);text-transform:uppercase;font-weight:300;font-size:var(--font-size-sm)}._9ExUHY{align-items:center;display:flex}.NvTcfr{gap:var(--space-xs);padding-right:var(--space-xs);grid-template-columns:auto 1fr;display:grid}.GPetum{flex:1}.d-9srB{font-family:var(--font-family-mono);color:var(--content-1);font-variation-settings:"wght" 300;font-weight:300}.bx4Ra6{width:100%;height:100%;transition-property:width;transition-duration:var(--transition-fast);justify-content:flex-end;align-items:center;transition-timing-function:cubic-bezier(1,0,.5,.5);display:flex}.bx4Ra6>button{cursor:pointer;height:var(--control-height);width:var(--control-height);border-radius:var(--radius-sm);flex:0 0 var(--control-height);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.MDZNQY{color:var(--content-0)}.MDZNQY:hover{color:var(--content-accent)}.MVOYew{transition:transform var(--transition-fast) ease-in-out}.MVOYew._5r-eob{transform:rotate(180deg)}@media (max-width:47.9988em){.NUTH28{--input-width:calc(100dvw - var(--space-xl))}}._4GTgCO{width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:text;align-items:center;display:flex}._6evDak{color:var(--status-error-text)}._6evDak:disabled{opacity:0;pointer-events:none;width:0;height:0;margin:0;padding:0;overflow:hidden}.rwtbSX{border-left:var(--border);height:calc(100% - var(--space-sm))}.JK2Y7t{padding:var(--space-sm);border:var(--border-width) solid var(--border-1);border-radius:var(--radius-sm);color:var(--content-0);filter:drop-shadow(var(--shadow-md));z-index:var(--z-popover)}.JK2Y7t._5QtpCJ{background-color:var(--surface-0)}.JK2Y7t.hZuysP{background-color:var(--surface-1)}.sZ0x6w,._538Ejd{padding:var(--space-sm);background-color:var(--surface-1);border:var(--border-width) solid var(--border-2);border-radius:var(--radius-sm);color:var(--content-0);filter:drop-shadow(var(--shadow-sm))}.sZ0x6w.fqciCO,.fqciCO._538Ejd{--border-1:var(--content-0);background-color:var(--content-0);border-color:var(--border-1);color:var(--surface-1)}.sZ0x6w.sHkUiQ,.sHkUiQ._538Ejd{--border-1:var(--status-info-text);background-color:var(--status-info-text);border-color:var(--status-info-text);color:var(--status-info-on-fill)}.sZ0x6w.bpGNoX,.bpGNoX._538Ejd{--border-1:var(--status-error-text);background-color:var(--status-error-text);border-color:var(--status-error-text);color:var(--status-error-on-fill)}.sZ0x6w.tYnRg-,.tYnRg-._538Ejd{--border-1:var(--status-warning-text);background-color:var(--status-warning-text);border-color:var(--status-warning-text);color:var(--status-warning-on-fill)}.sZ0x6w._8lflEh,._8lflEh._538Ejd{--border-1:var(--status-success-text);background-color:var(--status-success-text);border-color:var(--status-success-text);color:var(--status-success-on-fill)}._538Ejd{z-index:var(--z-tooltip);pointer-events:none;text-align:initial;font-size:var(--font-size-sm);font-variation-settings:"wght" 500;font-style:normal;font-weight:500;line-height:var(--line-height)}.ZNPIAt{display:flex}.ZNPIAt.FOfB6f{vertical-align:middle;display:inline-flex}.ZNPIAt.S3zmDT{flex-direction:row}.ZNPIAt.ZFdq8E{flex-direction:column}.ZNPIAt.VAzJwr{flex-direction:row-reverse}.ZNPIAt.-U1mun{flex-direction:column-reverse}.ZNPIAt._4ZMtr-{flex-wrap:wrap}.ZNPIAt.SKOoTV{flex-wrap:nowrap}.ZNPIAt.sSe6vs{flex-wrap:wrap-reverse}.ZNPIAt._3K-dKm{align-items:start}.ZNPIAt.-Pfy-z{align-items:center}.ZNPIAt.beSYgR{align-items:end}.ZNPIAt.Ewhv1G{align-items:stretch}.ZNPIAt.JXvBB6{align-items:baseline}.ZNPIAt.hN3T0k{justify-content:start}.ZNPIAt.KKCJ5o{justify-content:center}.ZNPIAt.MnX1Le{justify-content:end}.ZNPIAt.Hom9eH{justify-content:stretch}.ZNPIAt.Oujm4J{justify-content:space-between}.ZNPIAt._2ttx6l{justify-content:space-around}.ZNPIAt.QEwI8b{justify-content:space-evenly}.ZNPIAt._7GQOS7{align-content:start}.ZNPIAt._2IOpAA{align-content:center}.ZNPIAt.fZOYKH{align-content:end}.ZNPIAt._01H9Wl{align-content:stretch}.ZNPIAt.GiMq3P{align-content:space-between}.ZNPIAt.tfwckC{align-content:space-around}.ZNPIAt._9tNYb7{align-content:space-evenly}.ZNPIAt.PoehYn{gap:unset}.ZNPIAt.D9yh46{row-gap:var(--space-xs)}.ZNPIAt.B5WUhS{row-gap:var(--space-sm)}.ZNPIAt.KfUmo4{row-gap:var(--space-md)}.ZNPIAt.m-8JGj{row-gap:var(--space-lg)}.ZNPIAt.zFcs1z{row-gap:var(--space-xl)}.ZNPIAt._0wKkFA{column-gap:var(--space-xs)}.ZNPIAt.VQY6wh{column-gap:var(--space-sm)}.ZNPIAt.csJmh7{column-gap:var(--space-md)}.ZNPIAt._-8r3Oj{column-gap:var(--space-lg)}.ZNPIAt.sCELJe{column-gap:var(--space-xl)}.ZNPIAt.NrH1WE{row-gap:var(--space-xs);column-gap:var(--space-xs)}.ZNPIAt.IIgbrj{row-gap:var(--space-sm);column-gap:var(--space-sm)}.ZNPIAt.alT7CJ{row-gap:var(--space-md);column-gap:var(--space-md)}.ZNPIAt.TBFK23{row-gap:var(--space-lg);column-gap:var(--space-lg)}.ZNPIAt.JR1URZ{row-gap:var(--space-xl);column-gap:var(--space-xl)}.i1imd3.IVZ-ii{flex-grow:1}.i1imd3.zhghPS{flex-grow:0}.i1imd3.-A4gJM{flex-shrink:1}.i1imd3._3Q-lT-{flex-shrink:0}.i1imd3.YSg8P9{flex-basis:0}.i1imd3.RMXnTk{flex-basis:auto}.i1imd3.YyYE7z{flex:none}.i1imd3.LD3bM5{flex:auto}.i1imd3.HpcoTp{align-self:start}.i1imd3.E7ItD3{align-self:center}.i1imd3.v0JFEC{align-self:end}.i1imd3.pmMEmH{align-self:stretch}.i1imd3.qevFHG{align-self:baseline}.i1imd3.OTPY33{justify-self:center}.i1imd3.AjRxTP{justify-self:end}.i1imd3._1YaZWf{justify-self:stretch}.H-DHBq,.JzIGGJ{justify-content:center;align-items:center;display:flex}.aqYTBq{justify-content:space-between;align-items:center;display:flex}.JzIGGJ{flex-direction:column;height:100%}.qBtmnH{color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,opacity;transition-duration:var(--transition-fast);align-items:center;gap:var(--space-xs);max-width:100%;padding:0 var(--space-xs);font-variation-settings:"wght" 500;vertical-align:middle;font-weight:500;transition-timing-function:ease;display:inline-flex}.p-HsHY{pointer-events:none;-webkit-user-select:none;user-select:none}.u9tQAE{font-size:var(--font-size-xs)}.FRScRz{font-size:var(--font-size-sm)}.W13uQO{font-size:var(--font-size-md)}._3IRcM9{font-size:var(--font-size-lg)}.R3ybI7{font-size:var(--font-size-xl)}.DdWAaC{min-width:0}._5cXBQF{border-radius:var(--radius-xs);width:1.25em;height:1.25em;color:inherit;transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease, scale var(--transition-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}._5cXBQF:hover{background-color:var(--status-error-soft);color:var(--status-error-text);scale:1.1}._5cXBQF:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}._5cXBQF svg{display:block}.wLOHwj{isolation:isolate;padding:0 var(--space-md);-webkit-user-select:none;user-select:none;position:relative}.wLOHwj.lFsM-Y{aspect-ratio:1;padding:0}.wLOHwj:after{content:"";z-index:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity var(--transition-fast) ease;background-color:currentColor;position:absolute;inset:0}.wLOHwj:not(:disabled):active:after{opacity:.12;transition-duration:70ms;transition-timing-function:ease-out}@media (prefers-reduced-motion:reduce){.wLOHwj:after{transition-duration:.01ms}}.LPob63{z-index:1;justify-content:center;align-items:center;gap:var(--space-sm);width:100%;height:100%;display:flex;position:relative}.tsaGtv{width:1.25em;height:1.25em}.tsaGtv svg{width:100%;height:100%}._5Z2YQF{display:grid}._5Z2YQF.gAEXju{vertical-align:middle;display:inline-grid}._5Z2YQF.KdmGbk{grid-auto-flow:row}._5Z2YQF.uOpH1m{grid-auto-flow:column}._5Z2YQF.EOUgpE{grid-auto-flow:dense}._5Z2YQF.PoMD0P{gap:unset}._5Z2YQF.FBebhA{row-gap:var(--space-xs)}._5Z2YQF.rwvhfS{row-gap:var(--space-sm)}._5Z2YQF.ZIsGgj{row-gap:var(--space-md)}._5Z2YQF.lbAie9{row-gap:var(--space-lg)}._5Z2YQF.ylmmN3{row-gap:var(--space-xl)}._5Z2YQF.Fg86QU{column-gap:var(--space-xs)}._5Z2YQF._3qWtbZ{column-gap:var(--space-sm)}._5Z2YQF.gIXZ8P{column-gap:var(--space-md)}._5Z2YQF.xXxHZM{column-gap:var(--space-lg)}._5Z2YQF.zRgpft{column-gap:var(--space-xl)}._5Z2YQF.Fb1W2U{row-gap:var(--space-xs);column-gap:var(--space-xs)}._5Z2YQF._2EojT9{row-gap:var(--space-sm);column-gap:var(--space-sm)}._5Z2YQF.gYCGa5{row-gap:var(--space-md);column-gap:var(--space-md)}._5Z2YQF.JN0CZr{row-gap:var(--space-lg);column-gap:var(--space-lg)}._5Z2YQF._2QvtUb{row-gap:var(--space-xl);column-gap:var(--space-xl)}._5Z2YQF._1kRriS{align-items:start}._5Z2YQF.ocLWZU{align-items:center}._5Z2YQF.TS1qri{align-items:end}._5Z2YQF.FXfvI7{align-items:stretch}._5Z2YQF.biKmzi{align-items:baseline}._5Z2YQF._4-sIS7{justify-items:start}._5Z2YQF.lbdoyi{justify-items:center}._5Z2YQF.WvAC9I{justify-items:end}._5Z2YQF.LN4Ak-{justify-items:stretch}._5Z2YQF.XC0FuJ{align-content:start}._5Z2YQF._6b9wZI{align-content:center}._5Z2YQF.KevE4M{align-content:end}._5Z2YQF.Sn-je4{align-content:stretch}._5Z2YQF.Wnx9iF{align-content:space-between}._5Z2YQF.RAoqm2{align-content:space-around}._5Z2YQF.nUjbmv{align-content:space-evenly}._5Z2YQF.TjTsA7{justify-content:start}._5Z2YQF.VdpzYk{justify-content:center}._5Z2YQF.peszxb{justify-content:end}._5Z2YQF.E98bqx{justify-content:stretch}._5Z2YQF.CdaBbu{justify-content:space-between}._5Z2YQF.leVL0N{justify-content:space-around}._5Z2YQF._6mOZVj{justify-content:space-evenly}.XHgjM3.wtrn5A{grid-area:auto}.XHgjM3.LkIh-N{align-self:start}.XHgjM3.Vhdvpo{align-self:center}.XHgjM3.cyg2du{align-self:end}.XHgjM3.Ptd1ad{align-self:stretch}.XHgjM3.Z22Yty{align-self:baseline}.XHgjM3.gycEgN{justify-self:start}.XHgjM3.s69iy2{justify-self:center}.XHgjM3.pKEJ9k{justify-self:end}.XHgjM3.qWkZVw{justify-self:stretch}.gUbUDY{grid-auto-rows:1fr}.S0HulN{grid-template-columns:auto 1fr;grid-auto-rows:auto}.K2fFKT{grid-template-columns:100%;grid-auto-rows:auto 1fr}.lRn5ye{width:100%;position:relative}.ce5HAY{height:var(--control-height);width:100%;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-md);--ui-color:var(--content-0);--ui-color-hover:var(--content-0);--ui-color-active:var(--content-0);--button-size:cacl(var(--control-height) - var(--border-width) * 2)}._8TObqB{appearance:textfield}._8TObqB::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._8TObqB::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.Gx3Wbd{padding-right:calc(var(--input-end-adornment-width,var(--control-height)) + var(--space-sm))}.cpwaYo{height:100%;top:0;right:calc(var(--border-width) * 2);max-width:calc(100% - var(--space-md));justify-content:flex-end;align-items:center;display:flex;position:absolute}.itlmix{align-items:center;gap:var(--space-xs);display:flex}.aITEGl{width:var(--button-size);height:var(--button-size);border-radius:var(--radius-sm);color:var(--content-2);transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.aITEGl:hover{color:var(--content-accent)}.aITEGl:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.aITEGl:disabled{pointer-events:none;opacity:var(--disabled-opacity)}.ekyJIt{z-index:11;bottom:calc(var(--space-xs) * -1);color:var(--status-error-on-fill);background:var(--status-error-fill);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);box-shadow:var(--shadow-sm);opacity:.9;position:absolute;left:0;right:0;transform:translateY(100%)}.l9LG-r svg{width:100%;height:auto;display:block}.u4bkNy{opacity:.2;animation:2s ease-in-out infinite S-r8hY}@keyframes S-r8hY{0%{opacity:.2}35%,55%{opacity:1}to{opacity:.2}}@media (prefers-reduced-motion:reduce){.u4bkNy{opacity:1;animation:none}}._0wk7Sq{width:var(--control-height);height:var(--control-height);justify-content:center;align-items:center;margin:auto;display:flex}.qgIKVo{min-height:10em}._7xUQBN{align-items:center;gap:var(--space-xs);min-width:0;display:flex;overflow:hidden}.AonLqg{outline:none;flex:auto;min-width:0;overflow:hidden}.j-5yFn{gap:var(--space-sm);scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;align-items:end;display:flex;overflow:auto hidden}.j-5yFn ::-webkit-scrollbar{height:0}.pOIq63{z-index:10;width:var(--control-height);flex:0 0 var(--control-height);border-radius:var(--radius-sm);height:100%;color:var(--content-2);transition-property:opacity,color;transition-duration:var(--transition-fast);justify-content:center;align-items:center;display:flex;top:0}.pOIq63:hover{opacity:1;color:var(--content-0)}.pOIq63:disabled{opacity:.5;pointer-events:none}.UMTbLD{color:inherit;border-left-style:solid;border-left-color:var(--state-border-color,transparent);border-left-width:.0625em;padding-left:.25em;text-decoration:none;display:block}.UMTbLD.cz57Fx{border-left-width:.3125em;padding-left:0}.UMTbLD.cz57Fx.oPzAxu{border-left-color:var(--status-info-fill)}.UMTbLD.cz57Fx.MBu26r{border-left-color:var(--status-success-fill)}.UMTbLD.cz57Fx._03z-1l{border-left-color:var(--status-warning-fill)}.UMTbLD.cz57Fx._0RqsqJ{border-left-color:var(--status-error-fill)}.mXkUoM.oPzAxu{color:var(--status-info-text);fill:var(--status-info-fill);stroke:var(--status-info-on-fill)}.mXkUoM.MBu26r{color:var(--status-success-text);fill:var(--status-success-fill);stroke:var(--status-success-on-fill)}.mXkUoM._03z-1l{color:var(--status-warning-text);fill:var(--status-warning-fill);stroke:var(--status-warning-on-fill);stroke-width:2px}.mXkUoM._0RqsqJ{color:var(--status-error-text);fill:var(--status-error-fill);stroke:var(--status-error-on-fill)}.vGPUKV{z-index:var(--z-modal);width:90%;height:-moz-fit-content;height:fit-content;max-height:calc(100dvh - var(--space-lg));border:var(--border);border-radius:var(--radius-md);background-color:var(--surface-0);box-shadow:var(--shadow-lg);grid-auto-rows:auto 1fr;margin:auto;display:grid;position:fixed;inset:0}.vGPUKV:not(:last-child){pointer-events:none;filter:grayscale(.5)opacity(.75)}.vGPUKV.O7gb7P{max-width:min(30em,93dvw)}.vGPUKV.RVq8v3{max-width:min(50em,93dvw)}.vGPUKV.PCSUAL{max-width:min(70em,93dvw)}.vGPUKV.XDCHzq{max-width:min(80em,93dvw)}.vGPUKV.t1kl8L{width:93dvw;max-width:none;height:90dvh;max-height:none}.vGPUKV.o3PEEB{width:100%;max-width:none;height:100%;max-height:none}.vGPUKV.o3PEEB .WhUkxm,.vGPUKV.o3PEEB .NDgdMi{border-radius:0}.WhUkxm{background-color:var(--surface-2);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.JDlse5{padding-inline:var(--space-md);font-size:var(--font-size-md);font-variation-settings:"wght" 600;margin:0}.FaDKSt{margin-block:var(--space-xs);margin-inline:var(--space-sm);flex:0}.NDgdMi{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);overflow:hidden}.cgozWT{align-items:center;gap:var(--space-xs);display:flex}._1evcXl{--check-box-size:calc(var(--text-height) + var(--space-xs));--check-icon-size:calc(var(--text-height) - var(--space-xs));width:var(--control-height);height:var(--control-height);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.lU3P-V{width:var(--check-box-size);height:var(--check-box-size);border-radius:var(--radius-xs)}.uVSbSw+.PhkI5X{color:var(--ui-tone-fill)}.PhkI5X{width:var(--check-box-size);height:var(--check-box-size)}.PhkI5X svg{width:var(--check-icon-size);height:var(--check-icon-size);stroke:currentColor;display:block}.DRJ4hy{flex:auto;grid-template-rows:auto 1fr;min-height:0;max-height:75vh;display:grid;overflow:hidden}.U4CULi{min-height:0}.bupTWA{padding:var(--space-xs) var(--space-sm);color:var(--content-2)}.GkeyGF{color:var(--status-error-text)}._8F667e{position:relative}.OGMk6I{padding-block:var(--space-xs);border-radius:var(--radius-sm)}.OGMk6I:hover{background-color:var(--surface-2)}._9oSdQi{padding:0}.iobHig{inset:0 calc(var(--control-height) * 2) 0 var(--space-md);pointer-events:none;justify-content:flex-end;align-items:center;display:flex;position:absolute;overflow:hidden}.iobHig:empty{display:none}.yatXso{font-size:var(--font-size-sm);font-variation-settings:"wght" 300;white-space:nowrap;word-break:normal;text-overflow:ellipsis;pointer-events:none;max-width:100%;font-weight:300;overflow:hidden}.YJUVjb{cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;z-index:1;width:6px;height:100%;position:absolute;top:0;right:0}.YJUVjb:hover,.YJUVjb:focus-visible{background:var(--focus-ring)}.YJUVjb:focus-visible{outline:var(--focus);outline-offset:calc(var(--focus-offset) * -1)}.nPfxbm{--menu-max-height:min(22em, calc(100dvh - var(--space-xl)));--menu-min-width:13em;--menu-max-width:min(22em, calc(100dvw - var(--space-xl)));min-width:var(--menu-min-width);max-width:var(--menu-max-width);padding:var(--space-xs);background-color:var(--surface-0);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);outline:none}.T8GF31{max-height:var(--menu-max-height);overflow:auto}.XM9raj{gap:var(--space-sm)}.JY0XKk{justify-content:center;align-items:center;display:inline-flex}.Jj7pGe{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.o7v3XA{font-size:var(--font-size-sm)}.f9wo9l{width:var(--radial-panel-size);height:var(--radial-panel-size);z-index:var(--z-context-menu,var(--z-dropdown));pointer-events:none;outline:none;position:fixed}._9IPwGF{inset:calc(var(--radial-item-size) / 2);border:var(--border);background:radial-gradient(circle, color-mix(in srgb, var(--surface-0) 96%, transparent) 0 36%, transparent 37%), color-mix(in srgb, var(--surface-0) 88%, transparent);box-shadow:var(--shadow-md);pointer-events:none;border-radius:50%;position:absolute}.CAmmlz{width:calc(var(--radial-item-size) * .72);height:calc(var(--radial-item-size) * .72);padding:var(--space-xs);border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);pointer-events:auto;transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease, transform var(--transition-fast) ease;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.CAmmlz:focus{background-color:var(--surface-1);border-color:var(--border-1)}.CAmmlz:focus-visible{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}@media (any-hover:hover){.CAmmlz:hover{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}}@media (any-hover:none){.CAmmlz:active{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:translate(-50%,-50%)scale(1.06)}}._5KEBWR{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-size-sm);line-height:1.1;overflow:hidden}.L28onY{pointer-events:none;position:absolute;inset:0}.Pg-1Y3{width:var(--radial-item-size);height:var(--radial-item-size);transform:rotate(var(--radial-item-angle)) translate(var(--radial-radius)) rotate(calc(var(--radial-item-angle) * -1)) translate(-50%, -50%);pointer-events:none;position:absolute;top:50%;left:50%}.ObIrS2{width:100%;height:100%;padding:var(--space-xs);border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);pointer-events:auto;transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease, transform var(--transition-fast) ease;border-radius:50%;grid-template-rows:1fr auto;place-items:center;gap:.15rem;display:grid}.ObIrS2:focus{background-color:var(--surface-1);border-color:var(--border-1)}.ObIrS2:disabled,.ObIrS2[aria-disabled=true]{cursor:default;color:var(--content-2);opacity:.52;pointer-events:none}.ObIrS2:focus-visible{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:scale(1.06)}@media (any-hover:hover){.ObIrS2:hover{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:scale(1.06)}}@media (any-hover:none){.ObIrS2:active{background-color:var(--surface-accent);color:var(--content-accent);cursor:pointer;transform:scale(1.06)}}._0jf5vt{min-width:var(--space-md);min-height:var(--space-md);justify-content:center;align-items:center;display:inline-flex}._0jf5vt>svg{width:var(--space-md);height:var(--space-md)}.zKwsQF{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:var(--font-size-sm);overflow:hidden}._7rGb26{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-sm);color:inherit;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}._7rGb26:focus-visible{outline:var(--focus);outline-offset:var(--focus-offset)}._7rGb26:active,._7rGb26[data-sortable-handle-dragging=true]{cursor:grabbing}._7rGb26[data-sortable-handle-disabled=true]{cursor:default;opacity:.25}._7rGb26 svg{width:1.25em;height:1.25em;display:block}._0rNBMr,.gp-7Db{min-width:0}.Ck-sXP{border-collapse:separate;border-spacing:0;table-layout:fixed;font-variant-numeric:tabular-nums;-webkit-hyphens:auto;hyphens:auto;width:100%}.-F3gli{z-index:10}.buIdkU{box-shadow:inset var(--focus-offset) 0 0 var(--border-0)}._2VJbvj{background-color:var(--surface-0)}.AD8NkG{padding:var(--space-sm) var(--space-md);background-color:var(--surface-2);border-bottom:var(--border);color:var(--content-0);vertical-align:middle;position:relative}.qqixKn{min-width:0}.dVDRNv{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.dVDRNv:active{cursor:grabbing}.klOoMz{opacity:.75}.CpjV-N{z-index:12;position:sticky}._7D8xa9{transition:background-color var(--transition-fast) ease}._3j87pS{cursor:pointer}._3j87pS:hover .uwojkJ,._3j87pS:focus-visible .uwojkJ,.lLsmW6 .uwojkJ{background-color:var(--surface-1)}.uwojkJ{padding:var(--space-sm) var(--space-md);background-color:var(--surface-0);border-bottom:var(--border);vertical-align:middle}.xKvBFg{z-index:2;position:sticky}.QIS3xA{border-bottom-color:#0000}.a580w0{padding:var(--space-md);background-color:var(--surface-0)}.UOhaMF .a580w0{border-bottom:0}.DtKAgs{pointer-events:none;z-index:40;position:absolute;inset:0}.jPPyP7,.Oa7e5P,.KhQtgF{width:100%;min-width:0}.Oa7e5P,.KhQtgF{align-items:center;display:flex}.KhQtgF{gap:var(--space-xs)}.hKghZt{box-shadow:inset .1875rem 0 0 var(--content-accent)}.QsLRvS{height:1px}.Dshr-j{padding:0}.esetVt{text-align:center;margin-bottom:var(--space-sm);color:var(--content-1);grid-template-columns:repeat(7,1fr);display:grid}.i-LJYe{font-size:var(--font-size-xs)}.XZsnCH{gap:var(--border-width);display:grid}._2KDjTS{gap:var(--border-width);grid-template-columns:repeat(7,1fr);display:grid}.o-freG{--range-radius:calc(var(--control-height) / 2);height:var(--control-height);cursor:pointer;border-radius:var(--radius-xs);background-color:var(--surface-1)}.o-freG:hover:not(.GcV08-){background-color:var(--surface-accent)}.o-freG.UCrE-I{color:var(--content-2);background-color:#0000}.o-freG.L2V3uq:hover:not(.GcV08-):not(.Te9oCq):not(.cUF2pQ){background-color:var(--surface-1)}.o-freG.L2V3uq.UCrE-I:hover:not(.GcV08-):not(.Te9oCq):not(.cUF2pQ){background-color:#0000}.o-freG.Te9oCq,.o-freG.d1L5uw{background-color:var(--surface-accent);color:var(--content-0)}.o-freG.cUF2pQ,.o-freG.LU0M9Y,.o-freG.MR3y5p{background-color:var(--surface-accent);color:var(--content-accent);font-variation-settings:"wght" 600;font-weight:600}.o-freG.VDqDpm:not(.cUF2pQ):not(.d1L5uw):not(.LU0M9Y):not(.MR3y5p){color:var(--status-error-fill)}.o-freG.GcV08-{color:var(--content-2);cursor:not-allowed}.o-freG.GcV08-:hover{background:0 0}.o-freG.CLR-7m{border:var(--border);color:var(--status-info-text);border-color:var(--status-info-text)}.p5pRGW{padding:0}.pUHpxD{gap:var(--border-width);grid-template-columns:repeat(3,1fr);align-content:center;display:grid}.lwWv-z{height:var(--control-height);cursor:pointer;border-radius:var(--radius-xs);text-transform:capitalize;background-color:var(--surface-1)}.lwWv-z:hover:not(._8gn-3z){background-color:var(--surface-accent)}.lwWv-z.b57d-c{background-color:var(--surface-accent);color:var(--content-0)}.lwWv-z.nGc5FO,.lwWv-z.JLqjri,.lwWv-z.UQMYwg{background-color:var(--surface-accent);color:var(--content-accent);font-variation-settings:"wght" 600;font-weight:600}.lwWv-z._8gn-3z{color:var(--content-2);cursor:not-allowed}.lwWv-z._8gn-3z:hover{background:0 0}.E35KE6{width:calc(18em + var(--width-add))}.L14Qef{padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;gap:var(--space-sm);border-bottom:var(--border);display:flex}._--xW7O{padding:0}.-N-5Jk{gap:var(--border-width);grid-template-columns:repeat(3,1fr);display:grid}.hhY92S{height:var(--control-height);cursor:pointer;border-radius:var(--radius-xs);background-color:var(--surface-1)}.hhY92S:hover:not(.IhX7jj){background-color:var(--surface-accent)}.hhY92S.NWNpWj{background-color:var(--surface-accent);color:var(--content-0)}.hhY92S.d1SfcV,.hhY92S.Gkui4r,.hhY92S._0dVZLW{background-color:var(--surface-accent);color:var(--content-accent);font-variation-settings:"wght" 600;font-weight:600}.hhY92S.IhX7jj{color:var(--content-2);cursor:not-allowed}.hhY92S.IhX7jj:hover{background:0 0}.nINbA6{flex-wrap:wrap;align-content:flex-start;height:auto;display:flex}.nINbA6.GL-UWx{flex-wrap:nowrap}.nINbA6._6PeF-i{flex-direction:row}.nINbA6._5wP4aR{flex-direction:column;align-content:stretch}.S3MnZI{align-content:center;gap:var(--space-sm);color:var(--content-2);border-radius:var(--radius-xs);padding:0 var(--space-md);margin:var(--border-width);min-height:calc(var(--control-height) - var(--border-width) * 4);cursor:pointer;flex:1 0 0;display:grid}.S3MnZI:hover{color:var(--content-accent)}.S3MnZI.KHJ0ja{color:var(--status-info-on-fill);background-color:var(--status-info-fill)}.S3MnZI:disabled{opacity:var(--disabled-opacity)}.-tM-kj{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:var(--border)}.aEEqH1{color:#0000;caret-color:#0000}._4HQKa7{inset:0 calc(var(--control-height) + var(--space-xs)) 0 var(--space-md);pointer-events:none;align-items:center;display:flex;position:absolute;overflow:hidden}.GLhdJ6{--wheel-picker-min-height:10em;--wheel-picker-viewport-height:var(--wheel-picker-min-height);--wheel-picker-item-height:calc(var(--wheel-picker-viewport-height) / 7);--wheel-picker-edge-padding:calc((var(--wheel-picker-viewport-height) / 2) - (var(--wheel-picker-item-height) / 2));min-height:var(--wheel-picker-min-height);border:var(--border);border-radius:var(--radius-sm);background:linear-gradient(to bottom, var(--surface-0), transparent 18%, transparent 82%, var(--surface-0)), var(--surface-1);height:100%;position:relative;overflow:hidden}._2xLNL2{height:var(--wheel-picker-viewport-height);position:relative}.dgX32S{overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;height:100%;padding-block:var(--wheel-picker-edge-padding);outline:none;overflow-y:auto}.dgX32S::-webkit-scrollbar{display:none}.dgX32S:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.WfOtQ9{display:grid}.XIdSMi{height:var(--wheel-picker-item-height);padding:0 var(--space-sm);scroll-snap-align:center;color:var(--content-2);font-family:var(--font-family-mono);font-variant-numeric:tabular-nums;transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease, font-variation-settings var(--transition-fast) ease;background:0 0;justify-content:center;align-items:center;display:flex}.XIdSMi[data-selected]{color:var(--content-0);font-variation-settings:"wght" 600;font-weight:600}.XIdSMi:hover:not(:disabled){background:color-mix(in srgb, var(--surface-accent) 40%, transparent)}.XIdSMi:disabled{cursor:default}._--Hsbk{height:var(--wheel-picker-item-height);border-top:var(--border);border-bottom:var(--border);background:color-mix(in srgb, var(--surface-accent) 28%, transparent);pointer-events:none;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.AvG-mf{border-radius:var(--radius-xs);font-family:var(--font-family-mono);color:inherit;text-align:center;caret-color:var(--content-0);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;margin:0;padding:0}.AvG-mf::placeholder{color:var(--content-2)}.AvG-mf::selection{background-color:var(--focus-ring);color:var(--surface-0)}.AvG-mf:disabled{opacity:.25}.ig7KtT{-webkit-user-select:none;user-select:none;color:var(--content-1);flex-shrink:0}.ig7KtT[data-disabled]{opacity:.25}.YQHPZa{gap:var(--space-md);display:grid}.-RZe-i{grid-template-columns:minmax(0,1fr)}.Ox0SRE{grid-template-columns:auto calc(9em + var(--width-add));align-items:stretch}.gfaRup,._59kEea{min-width:0}.Jjdu1Q{min-width:calc(9em + var(--width-add))}.Q8Y2xS{padding-top:var(--space-md);border-top:var(--border)}.XxZYTW{padding-left:var(--space-md);border-left:var(--border)}._5-SSnO{height:100%}.s1NHua{font-size:var(--font-size-xs);color:var(--content-1)}.KQC9-8{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));height:100%;min-height:10em;display:grid}.WDu02W{gap:var(--space-xs);grid-template-rows:auto 1fr;min-height:0;display:grid}._9mEhfD{color:var(--content-1)}.N-Fzjk{min-height:10em}.DyKaN-{column-gap:var(--space-sm)}.DyKaN-._2Cf0DN{--row-gap:0}.DyKaN-.igyZiV{--row-gap:var(--space-xs)}.DyKaN-.lFsl-5{--row-gap:var(--space-sm)}.DyKaN-.zQlD1x{--row-gap:var(--space-md)}.a6oRih .MYdzIV{font-variation-settings:"wght" 700;font-weight:700}.a6oRih .Pxw-eb{font-variation-settings:"wght" 500;font-weight:500}.a6oRih.Kz2K6S{text-align:center}.a6oRih.Kz2K6S .MYdzIV,.a6oRih.Kz2K6S .Pxw-eb{flex:1}.a6oRih.Pbwja7{display:flex}.a6oRih.Pbwja7 .MYdzIV{text-align:right;padding-right:var(--space-sm)}.a6oRih.Pbwja7 .Pxw-eb{text-align:left}.a6oRih.Pbwja7._1DseTb{align-items:flex-start}.a6oRih.Pbwja7.h3oORx{align-items:center}.a6oRih.Pbwja7.gB9Kr4{align-items:flex-end}.a6oRih.V-PlLc .MYdzIV,.a6oRih.V-PlLc .Pxw-eb{white-space:nowrap;word-break:normal}.a6oRih.V-PlLc .Pxw-eb{text-overflow:ellipsis;overflow:hidden}.a6oRih:not(:last-child){margin-bottom:var(--row-gap)}.O-da-N{background-color:var(--surface-0);border:var(--border);border-radius:var(--radius-sm);overflow:hidden}.P-rCx1{padding:var(--space-sm);background-color:var(--surface-1);align-items:center;display:flex}.P-rCx1.C4DHXn{background-color:var(--surface-0)}._9yjaDf{justify-content:flex-start;align-items:center;min-width:0;display:flex}._9yjaDf:hover{color:var(--content-accent)}.izVkky{align-items:center;padding-inline-end:var(--space-sm);display:flex}.KAIPfW>.O-da-N{border-radius:0}.KAIPfW>.O-da-N:not(:first-child){border-top:none}.KAIPfW>.O-da-N:first-child{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.KAIPfW>.O-da-N:last-child{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.h9SMea{height:var(--control-height);width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:pointer;align-items:center;display:flex}.rUyh0y{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.Q0CY1r{gap:var(--space-xs);margin-top:var(--space-xs);flex-direction:column;display:flex}.AJuYXd{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background-color:var(--surface-2);border-radius:var(--radius-sm);display:flex}.CKKkOD{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.UgxhS1{width:1.25em;height:1.25em;color:var(--content-2);flex-shrink:0}.UgxhS1:hover{color:var(--content-accent)}.q2D6Pw{justify-content:center;align-items:center;gap:var(--space-sm);min-height:8em;padding:var(--space-lg);border:var(--border-width) dashed var(--border-0);border-radius:var(--radius-sm);background-color:var(--surface-0);color:var(--content-2);cursor:pointer;transition-property:border-color,background-color;transition-duration:var(--transition-fast);flex-direction:column;display:flex}.q2D6Pw.QVgB0d{border-color:var(--content-accent);background-color:var(--surface-1)}.q2D6Pw.-nyQKp{cursor:default;pointer-events:none;background-color:var(--surface-2);border-color:var(--overlay-backdrop)}.q2D6Pw.-nyQKp .kY0O9g,.q2D6Pw.-nyQKp .F5K1bE{opacity:.25}.kY0O9g{width:2em;height:2em;color:var(--content-2)}.F5K1bE{text-align:center}.sj-rIq{justify-content:flex-end;align-items:center;gap:var(--space-sm);min-width:var(--control-height);max-width:100%;display:flex;overflow:hidden}._3anR7j{flex:auto;min-width:0;max-width:100%;overflow:hidden}.gMRIsT{width:100%;min-width:0}.f5Pv1e{align-items:center;gap:var(--space-sm);width:100%;min-width:0;display:flex}.q7eZzv{color:var(--content-0)}.maUL24{flex:0 auto}.fY8BBX{z-index:var(--z-fullscreen-portal);background:var(--overlay-glass);position:fixed;inset:0}.M9Yms2{inset:var(--space-lg);min-width:0;min-height:0;padding:var(--space-md);border:var(--border);border-radius:var(--radius-md);background:var(--surface-1);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:fixed;overflow:hidden}.M9Yms2:focus-visible{outline:var(--focus);outline-offset:var(--focus-offset)}.yarl__slide_captions_container{left:var(--yarl__slide_captions_container_left,0);right:var(--yarl__slide_captions_container_right,0);padding:var(--yarl__slide_captions_container_padding,16px);background:var(--yarl__slide_captions_container_background,#00000080);position:absolute;-webkit-transform:translateZ(0)}.yarl__slide_title{color:var(--yarl__slide_title_color,#fff);font-size:var(--yarl__slide_title_font_size,125%);font-weight:var(--yarl__slide_title_font_weight,bolder);max-width:calc(100% - var(--yarl__toolbar_width,0px));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.yarl__slide_title_container{top:var(--yarl__slide_title_container_top,0)}.yarl__slide_description{-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:var(--yarl__slide_description_max_lines,3);text-align:var(--yarl__slide_description_text_align,start);color:var(--yarl__slide_description_color,#fff);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.yarl__slide_description_container{bottom:var(--yarl__slide_description_container_bottom,0)}.yarl__counter{position:var(--yarl__counter_position,absolute);top:var(--yarl__counter_top,0);left:var(--yarl__counter_left,0);bottom:var(--yarl__counter_bottom,unset);right:var(--yarl__counter_right,unset);color:var(--yarl__counter_color,var(--yarl__color_button,#fffc));filter:var(--yarl__counter_filter,drop-shadow(2px 2px 2px #000c));margin:var(--yarl__counter_margin,var(--yarl__toolbar_padding,8px));padding:var(--yarl__counter_padding,var(--yarl__button_padding,8px));line-height:var(--yarl__counter_line_height,var(--yarl__icon_size,32px));-webkit-user-select:var(--yarl__counter_user_select,none);-moz-user-select:var(--yarl__counter_user_select,none);user-select:var(--yarl__counter_user_select,none)}[dir=rtl] .yarl__counter{left:var(--yarl__counter_rtl_left,unset);right:var(--yarl__counter_rtl_right,0)}.yarl__thumbnails{height:100%;display:flex}.yarl__thumbnails_bottom,.yarl__thumbnails_end .yarl__thumbnails_track,.yarl__thumbnails_start .yarl__thumbnails_track,.yarl__thumbnails_top{flex-direction:column}.yarl__thumbnails_wrapper{flex:1;position:relative}.yarl__thumbnails_container{background-color:var(--yarl__thumbnails_container_background_color,var(--yarl__color_backdrop,#000));padding:var(--yarl__thumbnails_container_padding,16px);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:none;position:relative;overflow:hidden}.yarl__thumbnails_vignette{pointer-events:none;--yarl__thumbnails_vignette_size:12%;position:absolute}@media (min-width:1200px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:8%}}@media (min-width:2000px){.yarl__thumbnails_vignette{--yarl__thumbnails_vignette_size:5%}}.yarl__thumbnails_bottom .yarl__thumbnails_vignette,.yarl__thumbnails_top .yarl__thumbnails_vignette{background:linear-gradient(to right,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size,12%)),var(--yarl__color_backdrop,#000) 100%);height:100%;left:0;right:0}.yarl__thumbnails_end .yarl__thumbnails_vignette,.yarl__thumbnails_start .yarl__thumbnails_vignette{background:linear-gradient(to bottom,var(--yarl__color_backdrop,#000) 0,transparent var(--yarl__thumbnails_vignette_size,12%) calc(100% - var(--yarl__thumbnails_vignette_size,12%)),var(--yarl__color_backdrop,#000) 100%);width:100%;top:0;bottom:0}.yarl__thumbnails_track{gap:var(--yarl__thumbnails_thumbnail_gap,16px);outline:none}.yarl__thumbnails_thumbnail{cursor:pointer;appearance:none;background:var(--yarl__thumbnails_thumbnail_background,#000);border-width:var(--yarl__thumbnails_thumbnail_border,1px);border-style:var(--yarl__thumbnails_thumbnail_border_style,solid);border-color:var(--yarl__thumbnails_thumbnail_border_color,var(--yarl__color_button,#fffc));border-radius:var(--yarl__thumbnails_thumbnail_border_radius,4px);-webkit-tap-highlight-color:transparent;padding:var(--yarl__thumbnails_thumbnail_padding,4px);width:var(--yarl__thumbnails_thumbnail_width,120px);height:var(--yarl__thumbnails_thumbnail_height,80px);box-sizing:content-box;outline:none;flex:none;position:relative;overflow:hidden}.yarl__thumbnails_thumbnail_active{border-color:var(--yarl__thumbnails_thumbnail_active_border_color,var(--yarl__color_button_active,#fff))}.yarl__thumbnails_thumbnail_fadein{opacity:0;animation:yarl__thumbnails_thumbnail_fadein var(--yarl__thumbnails_thumbnail_fadein_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadein_delay,0s) forwards}.yarl__thumbnails_thumbnail_fadeout{animation:yarl__thumbnails_thumbnail_fadeout var(--yarl__thumbnails_thumbnail_fadeout_duration,.5s) ease-in-out var(--yarl__thumbnails_thumbnail_fadeout_delay,0s) forwards;cursor:unset}.yarl__thumbnails_thumbnail_placeholder{visibility:hidden;cursor:unset}.yarl__thumbnails_thumbnail:focus{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail:focus:not(:focus-visible){box-shadow:unset}.yarl__thumbnails_thumbnail:focus-visible{box-shadow:var(--yarl__thumbnails_thumbnail_focus_box_shadow,#000 0 0 0 2px,var(--yarl__color_button,#fffc) 0 0 0 4px)}.yarl__thumbnails_thumbnail_icon{color:var(--yarl__thumbnails_thumbnail_icon_color,var(--yarl__color_button,#fffc));filter:var(--yarl__thumbnails_thumbnail_icon_filter,drop-shadow(2px 2px 2px #000c));width:var(--yarl__thumbnails_thumbnail_icon_size,32px);height:var(--yarl__thumbnails_thumbnail_icon_size,32px);position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}@keyframes yarl__thumbnails_thumbnail_fadein{0%{opacity:0}to{opacity:1}}@keyframes yarl__thumbnails_thumbnail_fadeout{0%{opacity:1}to{opacity:0}}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{opacity:0;z-index:var(--yarl__portal_zindex,9999);transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);pointer-events:auto;position:fixed;inset:0;overflow:hidden}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));-webkit-user-select:none;user-select:none;touch-action:var(--yarl__controller_touch_action,none);overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);outline:none;position:absolute;inset:0;overflow:hidden}.yarl__carousel{height:100%;width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px,0)*1px + var(--yarl__carousel_spacing_percent,0)*1%));transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));opacity:var(--yarl__pull_opacity,1);flex:none;place-content:center;align-items:stretch;display:flex}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%)}.yarl__flex_center{place-content:center;align-items:center;display:flex}.yarl__slide{padding:calc(var(--yarl__carousel_padding_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_padding_percent,0)*1%);flex:1;position:relative;overflow:hidden}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%}.yarl__slide_image_cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0)}}.yarl__slide_placeholder{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc));animation:1s linear yarl__delayed_fadein}.yarl__slide_loading line{animation:1s linear infinite yarl__stroke_opacity}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{width:var(--yarl__slide_icon_error_size,48px);height:var(--yarl__slide_icon_error_size,48px);color:var(--yarl__slide_icon_error_color,red)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{padding:var(--yarl__toolbar_padding,8px);justify-content:flex-end;display:flex;position:absolute;inset:0 0 auto auto}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{width:var(--yarl__icon_size,32px);height:var(--yarl__icon_size,32px)}.yarl__button{cursor:pointer;appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);margin:var(--yarl__button_margin,0);padding:var(--yarl__button_padding,8px);color:var(--yarl__color_button,#fffc);filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px #000c));-webkit-tap-highlight-color:transparent;outline:none;line-height:0}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%)rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%)rotate(180deg)}.yarl__no_scroll{overscroll-behavior:none;height:100%;overflow:hidden}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.t1iysX{font-family:var(--font-family-mono);color:inherit;text-align:center;caret-color:var(--content-0);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;margin:0;padding:0}.t1iysX::placeholder{color:var(--content-2)}.t1iysX::selection{background-color:var(--focus-ring);color:var(--surface-0)}.t1iysX::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.t1iysX::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.t1iysX:disabled{opacity:.25}._-4oX-p{-webkit-user-select:none;user-select:none;color:var(--content-2);flex-shrink:0}._-4oX-p[data-disabled]{opacity:.25}.Ggxyuj{height:var(--control-height);width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:pointer;align-items:center;display:flex}.fthcmO{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wyY60X{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.EV-Vji{height:var(--control-height);width:100%;padding:0 var(--space-sm);font-size:var(--font-size-md);cursor:pointer;align-items:center;display:flex}.A5-T93{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.V1Rhiv{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}._959ulH{inset:0 calc(var(--control-height) + var(--space-xs)) 0 var(--space-sm);align-items:center;gap:var(--space-sm);pointer-events:none;min-width:0;display:flex;position:absolute;overflow:hidden}.Ch-SZL{--ui-color:transparent;--ui-color-hover:transparent;--ui-color-active:transparent;color:#0000;caret-color:#0000}.SmdPit{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.giOtGs{width:min(100vw - var(--space-lg) * 2, 44em);max-height:min(75vh,34em)}._57Tr0T{max-height:inherit}.Tkhulr{padding:var(--space-xs);overflow:auto}.VQlniu{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(min(100%,5em),1fr));display:grid}.wb39Kf{padding:var(--space-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast) ease, border-color var(--transition-fast) ease, color var(--transition-fast) ease;position:relative}.wb39Kf:focus-visible{background-color:var(--surface-2);border-color:var(--border-2)}@media (any-hover:hover){.wb39Kf:hover{background-color:var(--surface-2);border-color:var(--border-2)}}@media (any-hover:none){.wb39Kf:active{background-color:var(--surface-2);border-color:var(--border-2)}}.wb39Kf:disabled{cursor:default;opacity:var(--disabled-opacity)}.HGvQdT{background-color:var(--surface-2);border-color:var(--border-2)}.rZuYyb{border-color:var(--border-1);background-color:var(--surface-1)}.rZuYyb .VrHnjN{background-color:var(--surface-accent);border:var(--border-width) solid var(--border-accent)}.vNV6Q2{justify-content:center;align-items:center;display:flex}.koxYU-,.k8xLa2{--layout-picker-preview-size:3.5em;width:var(--layout-picker-preview-size);height:calc(var(--layout-picker-preview-size) * .72);flex:none}.koxYU-{gap:calc(var(--border-width) * 2);display:grid}._5pd3Bb,.k8xLa2{--layout-picker-preview-size:1.75rem}.VrHnjN{border-radius:var(--radius-xs);background-color:var(--surface-1);border:var(--border-width) solid var(--border-1);min-width:0;min-height:0}._5pd3Bb .VrHnjN{background-color:var(--content-1);border:none}.STGQ3g{z-index:var(--z-notify);gap:var(--space-sm);padding:var(--space-lg);width:min(28em, 100dvw - var(--space-lg) * 2);pointer-events:none;display:grid;position:fixed;bottom:0;left:0}.RaiISE{--notify-accent:var(--border-1);--notify-accent-surface:var(--surface-1);--notify-accent-text:var(--content-accent);pointer-events:auto;width:100%;padding:var(--space-md);border-left:.3125em solid var(--notify-accent);border-radius:var(--radius-md);background:linear-gradient(37deg, var(--notify-accent-surface), var(--surface-0));color:var(--content-0);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.cM81wO{--notify-accent:var(--status-info-border);--notify-accent-surface:var(--status-info-soft);--notify-accent-text:var(--status-info-text)}.nH2cuZ{--notify-accent:var(--status-success-border);--notify-accent-surface:var(--status-success-soft);--notify-accent-text:var(--status-success-text)}.A2glD7{--notify-accent:var(--status-warning-border);--notify-accent-surface:var(--status-warning-soft);--notify-accent-text:var(--status-warning-text)}.yWjijS{--notify-accent:var(--status-error-border);--notify-accent-surface:var(--status-error-soft);--notify-accent-text:var(--status-error-text)}._1HO2ne,.OyRJpj,.vrCrow{min-width:0}.OyRJpj{flex:1;min-width:0}.A0X-ma{width:var(--control-height);height:var(--control-height);background-color:var(--notify-accent-surface);color:var(--notify-accent-text);border:var(--border-width) solid color-mix(in srgb, var(--notify-accent) 22%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.A0X-ma svg{width:1.125em;height:1.125em}.AkHvPV{margin-bottom:var(--space-xs);color:var(--notify-accent-text);font-size:var(--font-size-xs);font-variation-settings:"wght" 600;letter-spacing:.04em;text-transform:uppercase;font-weight:600}._4YDLB5{color:var(--notify-accent-text);font-variation-settings:"wght" 600;font-weight:600}.CK3Bqv{margin-top:var(--space-xs);color:var(--content-0);white-space:pre-wrap;word-break:break-word}.nLmQut{gap:var(--space-xs);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}@media (max-width:47.9988em){.STGQ3g{padding:var(--space-md);width:min(100dvw, 100dvw - var(--space-md) * 2)}}.gu8UMB{border-radius:50%}.fA7zne{gap:var(--space-sm);flex-direction:column;display:flex}.TMbaqW{gap:0}._77qn1L{padding-inline:calc((var(--control-height) - var(--space-xs)) / 2);position:relative}.cxJQqh{height:var(--control-height);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.-X13t0{top:calc(50% - (var(--control-height) - var(--space-xs)) / 2);width:0;height:0;position:absolute;left:0}.gg-atO,.bTLJZl{height:var(--space-sm);border-radius:999px;position:absolute;top:50%;transform:translateY(-50%)}.gg-atO{background-color:var(--surface-2);border:var(--border);left:0;right:0}.bTLJZl{background-color:var(--status-info-fill)}.vDAmRy{top:calc((var(--control-height) - var(--space-xs)) / 2);width:calc(var(--control-height) - var(--space-xs));height:calc(var(--control-height) - var(--space-xs));border:var(--border);background-color:var(--surface-0);color:var(--content-0);box-shadow:var(--shadow-sm);cursor:grab;z-index:2;transition:transform var(--transition-fast) ease, border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease, background-color var(--transition-fast) ease;border-radius:50%;position:absolute;left:0;transform:translate(-50%,-50%)}.vDAmRy:active,.vDAmRy:hover{border-color:var(--border-1)}.vDAmRy:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.vDAmRy[data-dragging]{cursor:grabbing;box-shadow:var(--shadow-md);transform:translate(-50%,-50%)scale(1.04)}.iNrV0y{min-height:calc(var(--font-size-sm) + var(--space-md));margin-inline:calc((var(--control-height) - var(--space-xs)) / 2);position:relative}.PpaxP2{align-items:center;gap:var(--space-xs);color:var(--content-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-direction:column;padding:0;display:inline-flex;position:absolute;top:0;transform:translate(-50%)}.PpaxP2:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}.PpaxP2[data-active]{color:var(--content-0)}._9K78Fi{top:calc((var(--control-height) - var(--space-xs)) / 2);width:var(--control-height);height:var(--control-height);color:var(--content-2);cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;left:0;transform:translate(-50%,-50%)}._9K78Fi:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}._9K78Fi[data-active]{color:var(--content-0)}._9K78Fi:disabled{cursor:default}.vzEDBe{width:var(--space-sm);height:var(--space-sm);background-color:currentColor;border-radius:50%}._0OWJh0{font-size:var(--font-size-sm)}.Mk4xi2{min-width:min(24em, 100vw - var(--space-xl))}.SL0IDQ{gap:var(--space-xs);cursor:text}.mdezg5{width:7ch;min-width:0;font-family:var(--font-family-mono);color:inherit;text-align:center;caret-color:var(--content-0);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;margin:0;padding:0}.mdezg5::selection{background-color:var(--focus-ring);color:var(--surface-0)}.mdezg5:disabled{opacity:.25}.a4R18g{-webkit-user-select:none;user-select:none;color:var(--content-2);flex-shrink:0}.a4R18g[data-disabled]{opacity:.25}.wAovST{width:100%;height:100%;display:flex;overflow:hidden}.wAovST.QVVMwe{flex-direction:row}.wAovST.QVVMwe .H43AJ8{cursor:col-resize;border-left:var(--border);border-right:var(--border);margin-inline:var(--space-md)}.wAovST.pgo8sW{flex-direction:column}.wAovST.pgo8sW .H43AJ8{cursor:row-resize;margin-block:var(--space-md)}._8fCvqA{flex-grow:0;flex-shrink:0}.t6RFcI{flex-grow:1}._8fCvqA,.t6RFcI{min-width:0;min-height:0;overflow:auto}.H43AJ8{flex-basis:var(--space-sm);border-radius:var(--radius-sm);border:var(--border);background-color:var(--border-0);-webkit-user-select:none;user-select:none;touch-action:none;flex-grow:0;flex-shrink:0;position:relative}.H43AJ8:hover{border-color:var(--border-1);background-color:var(--border-1)}.H43AJ8:active{border-color:var(--border-2);background-color:var(--border-2)}.p4nQdZ{padding-left:var(--space-sm)}._94tg5v{align-items:center;gap:var(--space-sm);width:100%;min-width:0;min-height:1.5em;display:flex}.HyK7Zs{--state-color:transparent;border-radius:var(--radius-xs);border:var(--border-width) solid var(--border-0);background-color:var(--state-color);flex-shrink:0;width:1.25em;height:1.25em;display:inline-block}.HyK7Zs[data-empty]{background-color:var(--surface-0);background-image:repeating-linear-gradient(135deg, var(--border-0), var(--border-0) .25em, transparent .25em, transparent .5em)}.Mm4hrB{--input-width:auto;gap:var(--space-xs);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.clxxBQ{--input-width:16em}._5pJ7o-{border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;outline:none}.VV6hKN{padding:var(--space-sm);justify-content:center;align-items:center;min-width:2.25em;display:flex}.cuQNP0{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);display:flex}.w7nIOT{align-items:center;gap:var(--space-xs);min-width:0;display:inline-flex}.ed-Afj{align-items:center;display:inline-flex}.Lbxloe{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.Or5LYA{--size:calc(var(--control-height) - calc(var(--border-width) * 4));padding:0 var(--border-width);display:block}.qge3io{width:calc(var(--control-height) * 2);justify-content:space-between;display:flex}.qge3io[data-disabled] svg{color:var(--content-2)}.w0AMfA{border-radius:var(--radius-xs);width:var(--size);height:var(--size);opacity:.25;justify-content:center;align-items:center;display:flex}.w0AMfA svg{color:var(--content-0);display:block}.w0AMfA.P1x4lq{flex:100%;width:100%}.w0AMfA.-ZVOZo{background-color:var(--surface-2);opacity:1}.pcMjuj{--tabs-border:none;--tabs-panel-border:none;--tabs-panel-padding:var(--space-md);--tabs-panel-bg:var(--surface-0);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.ITP5v-{--tabs-border:var(--border);--tabs-panel-border:var(--border)}.kzs94N{--tabs-panel-padding:0;--tabs-panel-bg:none;--tabs-panel-border:none}.ZSAoAa{gap:var(--space-xs);border:var(--tabs-border);min-width:0;padding:var(--space-sm);display:flex}.psYhsZ{border:var(--tabs-panel-border);background-color:var(--tabs-panel-bg);min-width:0;min-height:0}.mNDq9-{grid-template-rows:auto minmax(0,1fr)}.mNDq9- .ZSAoAa{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.mNDq9- .psYhsZ{border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-top:none}.mNDq9- ._28F3fs{border-bottom:var(--focus-width) solid transparent}.g156KO{grid-template-columns:10em minmax(0,1fr);min-height:0}.g156KO .ZSAoAa{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);flex-direction:column}.g156KO .psYhsZ{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);border-left:none}.g156KO ._28F3fs{border-left:var(--focus-width) solid transparent}.C2mO1e{overflow:auto}._28F3fs{text-align:left;min-height:var(--control-height);padding:var(--space-xs) var(--space-md);color:var(--content-2);font-variation-settings:"wght" 700;flex-shrink:0;font-weight:700;position:relative}._28F3fs:hover{cursor:pointer;color:var(--content-1);border-color:var(--border-2)}._28F3fs.UKZXTZ{color:var(--content-accent);border-color:var(--border-accent)}._28F3fs:disabled{cursor:not-allowed;color:var(--content-2);background-color:var(--surface-2)}.jiTafe{min-width:0;height:100%;min-height:0;padding:0}.nhD0k7{min-width:0;height:100%;min-height:0;padding:var(--tabs-panel-padding)}.G8FICe{overflow:hidden}.W50XHh{gap:var(--space-md);min-width:0;height:100%;min-height:0;padding:var(--tabs-panel-padding);display:grid}.vnjXkU{min-width:0}.Nzvfhw{min-height:0}.AoFB3K{min-height:var(--control-height);align-items:center;gap:var(--space-xs);padding:calc(var(--space-xs) / 2) var(--space-sm);cursor:text;--ui-color:var(--content-0);--ui-color-hover:var(--content-0);--ui-color-active:var(--content-0);flex-wrap:wrap;display:flex}.AoFB3K[data-readonly]{cursor:default;background-color:var(--surface-1)}.PvaUEA{align-items:center;gap:var(--space-xs);flex-wrap:wrap;flex:0 auto;min-width:0;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.FZ-xEM{color:var(--ui-color);background-color:var(--ui-background);border:var(--border-width) solid var(--ui-border-color);border-radius:var(--ui-radius,var(--radius-sm));transition-property:border-color,color,background-color,opacity;transition-duration:var(--transition-fast);--ui-color:var(--content-0);--ui-background:var(--surface-2);--ui-border-color:var(--border-0);align-items:center;gap:var(--space-xs);min-width:0;max-width:100%;padding:calc(var(--space-xs) / 2) var(--space-xs);font-size:var(--font-size-sm);transition-timing-function:ease;display:inline-flex}.-RCqfG{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ggY643{border-radius:var(--radius-xs);width:1.25em;height:1.25em;color:inherit;transition:color var(--transition-fast) ease, background-color var(--transition-fast) ease;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ggY643:hover{background-color:var(--status-error-soft);color:var(--status-error-text)}.ggY643:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.ggY643 svg{display:block}.hiZq-y{min-width:8ch;min-height:calc(var(--control-height) - var(--space-xs) - var(--border-width) * 2);color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:8rem;padding:0}.hiZq-y::placeholder{color:var(--content-2)}.hiZq-y:read-only{cursor:default}.TjY2iu{resize:vertical;width:100%;min-height:6em;padding:var(--space-sm);display:block}.FFyoOs{align-items:center;gap:var(--space-sm);display:flex}.zPYy7T{min-width:calc(var(--drp-ui-width-xs,var(--ui-width-xs)) - var(--width-add));flex:1 0 auto;display:flex;position:relative}.j6ek6R{appearance:none;cursor:pointer;width:100%;margin:0;padding:0}.j6ek6R:checked+.HFTPXI ._0RK4xF{transform:translate(100%)}.j6ek6R:checked+.HFTPXI .kDPnKt{color:var(--content-2)}.j6ek6R:checked+.HFTPXI .DQHqws{color:var(--status-info-on-fill)}.j6ek6R:focus-visible+.HFTPXI{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.HFTPXI .kDPnKt{color:var(--status-info-on-fill)}.HFTPXI .DQHqws{color:var(--content-2)}.HFTPXI{inset:calc(var(--border-width) * 2);pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;min-width:6.5em;padding:0;display:grid;position:absolute;overflow:hidden}.HFTPXI[data-disabled] ._0RK4xF{opacity:var(--disabled-opacity)}.nCQ9v4{padding:0 var(--space-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1;transition:color var(--transition-fast) linear;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}._0RK4xF{border-radius:var(--radius-xs);background-color:var(--status-info-fill);width:50%;height:100%;transition:transform var(--transition-fast) ease-in-out, opacity var(--transition-fast) ease-in-out;position:absolute;top:0;left:0}.eMqOwq{border-radius:var(--radius-sm);cursor:pointer;align-items:stretch;display:flex}.eMqOwq:focus{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset);background-color:var(--surface-accent);border-color:var(--border-1);cursor:pointer}.eMqOwq:hover{background-color:var(--surface-accent);cursor:pointer}.JKstO-{background-color:var(--surface-2);color:var(--content-accent);cursor:default}.hKgr8e{background-color:var(--surface-1)}.KjPZjd{cursor:not-allowed;opacity:var(--disabled-opacity)}.KjPZjd:hover{cursor:not-allowed;background-color:#0000}._6EH37F{align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-xs) var(--space-xs) var(--space-xs) 0;text-align:left;border-radius:var(--radius-sm);background:0 0;display:flex}.UBll8Q{gap:var(--space-sm);display:grid}.-y3RZP{grid-template-columns:repeat(var(--tree-column-count,1), minmax(0, 1fr));grid-template-rows:repeat(var(--tree-row-count,1), minmax(var(--control-height), auto));column-gap:var(--space-sm);align-content:start;width:100%;min-width:0;display:grid}.ayLJ50{grid-column-start:var(--tree-option-column);grid-row-start:var(--tree-option-row);min-width:0}._430vL2{max-height:none}.FkzTJI,.e8fE4t{font-variation-settings:"wght" 600;font-weight:600}._2MFkGF{flex-shrink:0;display:inline-flex}.SWQUvb{flex:1 1 0;min-width:0;height:100%}.o5NWnX{width:calc(var(--tree-level) * 1em);flex-shrink:0}.ibSd-S,.lXezvv{flex-shrink:0;justify-content:center;align-items:center;width:1.5em;height:1.5em;display:inline-flex}.ibSd-S{border-radius:var(--radius-sm);color:var(--content-2);background:0 0;border:none}.ibSd-S:hover{color:var(--content-accent)}.FMlLGX{transition:transform var(--transition-fast) ease}.d2Zt7U{transform:rotate(90deg)}._8PN4hs{border:var(--border);border-radius:var(--radius-xs);background-color:var(--surface-0);color:#0000;flex-shrink:0;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}._4JEoen{background-color:var(--status-info-text);border-color:var(--status-info-text);color:var(--white)}.GS8eEC{background-color:var(--surface-1);border-color:var(--status-info-text);color:var(--status-info-text)}.T8gVno{width:.75rem;height:.75rem}.o6stdX{padding-right:calc(var(--control-height) * 2)}.I5zvhe{color:#0000;caret-color:#0000}.KQ0PBI{inset:0 calc(var(--control-height) * 2) 0 var(--space-md);pointer-events:none;align-items:center;display:flex;position:absolute;overflow:hidden}._7hAQQA{align-items:center;height:100%;display:flex;position:absolute;top:0;right:0}.XeUHNc{color:var(--status-error-text)}.jOS9rT{padding-inline-start:var(--space-sm)}.zHOAf7{box-shadow:inset .1875rem 0 0 var(--content-accent)}.j48cXg{align-items:center;gap:var(--space-xs);min-width:0;display:flex}.mf4-Kr{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.p8pb0F{border-radius:var(--radius-xs);width:1.5rem;height:1.5rem;color:var(--content-0);cursor:pointer;background:0 0;border:0;flex:0 0 1.5rem;justify-content:center;align-items:center;padding:0;display:inline-flex}.p8pb0F:hover,.p8pb0F:focus-visible{background-color:var(--surface-2)}.KIudLf{flex:0 0 1.5rem;width:1.5rem;height:1.5rem}.bJsPGU{height:1px}.yJlLGL{flex-direction:column;display:flex}.lWEMr2{padding:var(--space-md)}.WfVcwm{padding-left:var(--space-md)}._27DQ-H{counter-reset:item;padding-left:var(--space-md);list-style-type:none}._27DQ-H .WfVcwm{margin-left:var(--space-md)}._27DQ-H ol{counter-reset:item}._27DQ-H li{counter-increment:item;position:relative}._27DQ-H li:before{content:counters(item, ".") ". ";position:absolute;left:0;transform:translate(calc(-100% - .25em))}.acj1dM{--_image-viewer-top-row-height:calc(var(--image-viewer-icon-size,1.75rem) + var(--image-viewer-toolbar-padding,var(--space-md,.625rem)) + var(--image-viewer-toolbar-padding,var(--space-md,.625rem)) + 1rem);--yarl__portal_zindex:var(--image-viewer-z-index,var(--z-image-viewer,300));--yarl__color_backdrop:var(--image-viewer-backdrop,#000000eb);--yarl__container_background_color:var(--image-viewer-backdrop,#000000eb);--yarl__color_button:var(--image-viewer-control-color,#ffffffd1);--yarl__color_button_active:var(--image-viewer-control-active-color,var(--white,#fff));--yarl__color_button_disabled:var(--image-viewer-control-disabled-color,#ffffff61);--yarl__button_background_color:var(--image-viewer-control-background,transparent);--yarl__button_border:var(--image-viewer-control-border,0);--yarl__button_filter:var(--image-viewer-control-filter,drop-shadow(0 .125rem .25rem #000000b3));--yarl__icon_size:var(--image-viewer-icon-size,1.75rem);--yarl__toolbar_padding:var(--image-viewer-toolbar-padding,var(--space-md,.625rem));--yarl__slide_icon_loading_color:var(--image-viewer-loading-color,var(--image-viewer-control-color,#ffffffd1));--yarl__slide_icon_error_color:var(--image-viewer-error-color,var(--status-error-fill,#d32f2f));--yarl__slide_captions_container_background:var(--image-viewer-caption-background,#0000009e);--yarl__slide_title_color:var(--image-viewer-caption-color,var(--white,#fff));--yarl__slide_description_color:var(--image-viewer-caption-color,var(--white,#fff));--yarl__counter_color:var(--image-viewer-counter-color,var(--image-viewer-control-color,#ffffffd1));--yarl__thumbnails_container_background_color:var(--image-viewer-backdrop,#000000eb);--yarl__thumbnails_thumbnail_background:var(--image-viewer-thumbnail-background,#ffffff14);--yarl__thumbnails_thumbnail_border_color:var(--image-viewer-thumbnail-border-color,var(--image-viewer-control-color,#ffffffd1));--yarl__thumbnails_thumbnail_active_border_color:var(--image-viewer-thumbnail-active-border-color,var(--image-viewer-control-active-color,var(--white,#fff)));font-family:var(--font-family-base,sans-serif)}.acj1dM .yarl__button{border-radius:var(--image-viewer-control-radius,var(--radius-sm,.3125rem));transition:color var(--transition-fast,.2s) ease, background-color var(--transition-fast,.2s) ease}.acj1dM .yarl__button:focus-visible,.acj1dM .yarl__thumbnails_thumbnail:focus-visible{outline:var(--image-viewer-focus,var(--focus,.125rem solid currentColor));outline-offset:var(--image-viewer-focus-offset,var(--focus-offset,.125rem))}.acj1dM .yarl__thumbnails_thumbnail:focus-visible{box-shadow:none}.acj1dM .yarl__slide_image{border-radius:var(--image-viewer-image-radius,var(--radius-sm,.3125rem))}.acj1dM .yarl__slide_title_container{box-sizing:border-box;height:var(--_image-viewer-top-row-height);overflow:hidden}.jt3y3m{width:var(--image-viewer-icon-size,1.75rem);height:var(--image-viewer-icon-size,1.75rem);stroke-width:var(--image-viewer-icon-stroke-width,2)}._2SAWIU{animation:1s linear infinite _1GqI3h}@keyframes _1GqI3h{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){._2SAWIU{animation:none}}.shIOqq{justify-content:start;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.shIOqq hr{margin:.5rem 0}.YM-4Dq{gap:var(--space-sm);display:flex}._75LW3N{font-size:inherit}.PLiHsN{padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--surface-secondary);border:var(--border);position:relative}.PLiHsN.m-jmCu{border-color:var(--brand-primary)}._4NWAs0{font-size:inherit}.text-align-left .public-DraftStyleDefault-ltr{text-align:left}.text-align-center .public-DraftStyleDefault-ltr{text-align:center}.text-align-right .public-DraftStyleDefault-ltr{text-align:right}.text-align-justify .public-DraftStyleDefault-ltr{text-align:justify}.DraftEditor-editorContainer{padding:var(--space-md);border:var(--border);border-radius:var(--radius-sm);background-color:var(--surface-primary)}.lexicalEditorContentEditable{padding:var(--space-md);border:var(--border);border-radius:var(--radius-sm);background-color:var(--surface-primary);min-height:6rem}.lexicalEditorContentEditable:focus{outline:none}.lexicalEditorPlaceholder{padding:var(--space-md);color:var(--text-secondary);pointer-events:none}.lexicalTextCode{color:#085972;border-radius:var(--radius-md);background-color:#28444d0d;padding:.15em .4em;font-family:monospace;font-size:85%;line-height:1}.lexicalTextHighlight{border-radius:var(--radius-md);background-color:#eaff8e;padding-inline:.15em}.lexicalTextUnderline{text-decoration:underline}.lexicalTextStrikethrough{text-decoration:line-through}.custom-tag-highlight{outline:var(--border-width) dashed var(--text-accent);border-radius:var(--radius-xs);padding:0 .125em}
 /*$vite$:1*/