@wix/patterns-fields 1.10.0 → 1.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/assets/locale/messages_en.json +4 -1
- package/dist/cjs/components/address/input/address-input.st.css.js +3 -3
- package/dist/cjs/components/address/input/address-input.st.css.js.map +1 -1
- package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js +3 -3
- package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js.map +1 -1
- package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js +4 -4
- package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js.map +1 -1
- package/dist/cjs/components/audio/audio-player/audio-player.st.css.js +2 -2
- package/dist/cjs/components/audio/audio-player/audio-player.st.css.js.map +1 -1
- package/dist/cjs/components/color-view/color-view.st.css.js +4 -4
- package/dist/cjs/components/color-view/color-view.st.css.js.map +1 -1
- package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js +3 -3
- package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js.map +1 -1
- package/dist/cjs/components/document/form-document-field.st.css.js +7 -7
- package/dist/cjs/components/document/form-document-field.st.css.js.map +1 -1
- package/dist/cjs/components/exclamation/exclamation.st.css.js +5 -5
- package/dist/cjs/components/exclamation/exclamation.st.css.js.map +1 -1
- package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js +5 -5
- package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js.map +1 -1
- package/dist/cjs/components/index.js +6 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/media-control/paste-url-button.st.css.js +4 -4
- package/dist/cjs/components/media-control/paste-url-button.st.css.js.map +1 -1
- package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js +10 -10
- package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js.map +1 -1
- package/dist/cjs/components/media-image/media-image.st.css.js +4 -4
- package/dist/cjs/components/media-image/media-image.st.css.js.map +1 -1
- package/dist/cjs/components/media-image/overlays/overlay.st.css.js +4 -4
- package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map +1 -1
- package/dist/cjs/components/media-loader/media-loader.st.css.js +3 -3
- package/dist/cjs/components/media-loader/media-loader.st.css.js.map +1 -1
- package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
- package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js.map +1 -1
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js +5 -5
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +6 -6
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +5 -5
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +9 -9
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +18 -18
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +4 -4
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +18 -18
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/text/cell-autocomplete-input.js +160 -0
- package/dist/cjs/components/text/cell-autocomplete-input.js.map +1 -0
- package/dist/cjs/components/text/cell-text-input.js +136 -0
- package/dist/cjs/components/text/cell-text-input.js.map +1 -0
- package/dist/cjs/components/text/index.js +12 -0
- package/dist/cjs/components/text/index.js.map +1 -1
- package/dist/cjs/components/text/text-view.st.css.js +3 -3
- package/dist/cjs/components/text/text-view.st.css.js.map +1 -1
- package/dist/cjs/components/url/cell-url-input.js +38 -0
- package/dist/cjs/components/url/cell-url-input.js.map +1 -0
- package/dist/cjs/components/url/index.js +16 -0
- package/dist/cjs/components/url/index.js.map +1 -0
- package/dist/cjs/components/url/url-view.js +108 -0
- package/dist/cjs/components/url/url-view.js.map +1 -0
- package/dist/cjs/exports/testkit.js +7 -0
- package/dist/cjs/exports/testkit.js.map +1 -0
- package/dist/cjs/services/translations.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/esm/assets/locale/messages_en.json +4 -1
- package/dist/esm/components/address/input/address-input.st.css.js +2 -2
- package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js +2 -2
- package/dist/esm/components/audio/audio-field/form-audio-field.st.css.js +2 -2
- package/dist/esm/components/audio/audio-player/audio-player.st.css.js +2 -2
- package/dist/esm/components/color-view/color-view.st.css.js +2 -2
- package/dist/esm/components/delete-dialog/delete-dialog.st.css.js +2 -2
- package/dist/esm/components/document/form-document-field.st.css.js +2 -2
- package/dist/esm/components/document/form-document-field.st.css.js.map +1 -1
- package/dist/esm/components/exclamation/exclamation.st.css.js +2 -2
- package/dist/esm/components/highlighted-text/highlighted-text.st.css.js +3 -3
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/media-control/paste-url-button.st.css.js +2 -2
- package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js +2 -2
- package/dist/esm/components/media-image/media-image.st.css.js +3 -3
- package/dist/esm/components/media-image/overlays/overlay.st.css.js +3 -3
- package/dist/esm/components/media-image/overlays/overlay.st.css.js.map +1 -1
- package/dist/esm/components/media-loader/media-loader.st.css.js +2 -2
- package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +3 -3
- package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +3 -3
- package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +3 -3
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
- package/dist/esm/components/text/cell-autocomplete-input.js +85 -0
- package/dist/esm/components/text/cell-autocomplete-input.js.map +1 -0
- package/dist/esm/components/text/cell-text-input.js +61 -0
- package/dist/esm/components/text/cell-text-input.js.map +1 -0
- package/dist/esm/components/text/index.js +2 -0
- package/dist/esm/components/text/index.js.map +1 -1
- package/dist/esm/components/text/text-view.st.css.js +2 -2
- package/dist/esm/components/url/cell-url-input.js +12 -0
- package/dist/esm/components/url/cell-url-input.js.map +1 -0
- package/dist/esm/components/url/index.js +3 -0
- package/dist/esm/components/url/index.js.map +1 -0
- package/dist/esm/components/url/url-view.js +25 -0
- package/dist/esm/components/url/url-view.js.map +1 -0
- package/dist/esm/exports/testkit.js +2 -0
- package/dist/esm/exports/testkit.js.map +1 -0
- package/dist/esm/styles.global.css +1 -1
- package/dist/types/components/document/form-document-field.st.css.d.ts.map +1 -1
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/components/index.d.ts.map +1 -1
- package/dist/types/components/media-image/overlays/overlay.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/text/cell-autocomplete-input.d.ts +56 -0
- package/dist/types/components/text/cell-autocomplete-input.d.ts.map +1 -0
- package/dist/types/components/text/cell-text-input.d.ts +19 -0
- package/dist/types/components/text/cell-text-input.d.ts.map +1 -0
- package/dist/types/components/text/index.d.ts +2 -0
- package/dist/types/components/text/index.d.ts.map +1 -1
- package/dist/types/components/url/cell-url-input.d.ts +14 -0
- package/dist/types/components/url/cell-url-input.d.ts.map +1 -0
- package/dist/types/components/url/index.d.ts +3 -0
- package/dist/types/components/url/index.d.ts.map +1 -0
- package/dist/types/components/url/url-view.d.ts +6 -0
- package/dist/types/components/url/url-view.d.ts.map +1 -0
- package/dist/types/exports/testkit.d.ts +2 -0
- package/dist/types/exports/testkit.d.ts.map +1 -0
- package/dist/types/services/translations.d.ts +4 -1
- package/dist/types/services/translations.d.ts.map +1 -1
- package/package.json +10 -5
- package/src/assets/locale/messages_en.json +4 -1
- package/src/components/address/input/address-input.st.css.ts +2 -2
- package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts +2 -2
- package/src/components/audio/audio-field/form-audio-field.st.css.ts +2 -2
- package/src/components/audio/audio-player/audio-player.st.css.ts +2 -2
- package/src/components/color-view/color-view.st.css.ts +2 -2
- package/src/components/delete-dialog/delete-dialog.st.css.ts +2 -2
- package/src/components/document/form-document-field.st.css.ts +2 -2
- package/src/components/exclamation/exclamation.st.css.ts +2 -2
- package/src/components/highlighted-text/highlighted-text.st.css.ts +3 -3
- package/src/components/index.ts +1 -0
- package/src/components/media-control/paste-url-button.st.css.ts +2 -2
- package/src/components/media-gallery/form-media-gallery-field.st.css.ts +2 -2
- package/src/components/media-image/media-image.st.css.ts +3 -3
- package/src/components/media-image/overlays/overlay.st.css.ts +3 -3
- package/src/components/media-loader/media-loader.st.css.ts +2 -2
- package/src/components/media-tag/web-media-tag/media-tag.st.css.ts +2 -2
- package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts +3 -3
- package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts +3 -3
- package/src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts +3 -3
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts +2 -2
- package/src/components/text/cell-autocomplete-input.tsx +206 -0
- package/src/components/text/cell-text-input.tsx +136 -0
- package/src/components/text/index.ts +2 -0
- package/src/components/text/text-view.st.css.ts +2 -2
- package/src/components/url/cell-url-input.tsx +36 -0
- package/src/components/url/index.ts +2 -0
- package/src/components/url/url-view.tsx +63 -0
- package/src/exports/testkit.ts +1 -0
- package/src/services/translations.ts +8 -1
- package/src/styles.global.css +1 -1
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
2
|
+
import { AutoComplete } from '@wix/design-system';
|
|
3
|
+
import { useTranslations } from '../../hooks/use-translations';
|
|
4
|
+
|
|
5
|
+
export interface CellAutoCompleteOption {
|
|
6
|
+
id: string;
|
|
7
|
+
value: string;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
/** Imperative handle exposed via ref — allows the cell layer to close the dropdown on scroll. */
|
|
11
|
+
export interface CellAutoCompleteHandle {
|
|
12
|
+
hideOptions(): void;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export interface CellAutoCompleteInputProps {
|
|
16
|
+
/** Currently selected option id. */
|
|
17
|
+
value?: string;
|
|
18
|
+
/** Available options. */
|
|
19
|
+
options: CellAutoCompleteOption[];
|
|
20
|
+
/**
|
|
21
|
+
* Initial text to pre-fill in the search input.
|
|
22
|
+
* Pass the typed character for type-to-edit so the list filters immediately.
|
|
23
|
+
* Omit to show the matching option's display label (normal double-click edit).
|
|
24
|
+
*/
|
|
25
|
+
initialSearchText?: string;
|
|
26
|
+
/** Open the dropdown immediately on mount. */
|
|
27
|
+
autoOpen?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Fires when the user clicks an option.
|
|
30
|
+
* The caller (cairo cell type) should call onChange(id) + onCommit().
|
|
31
|
+
*/
|
|
32
|
+
onSelect?(id: string): void;
|
|
33
|
+
/**
|
|
34
|
+
* Fires when the value is cleared — via the X button or by backspacing to empty.
|
|
35
|
+
* The caller should call onChange('').
|
|
36
|
+
*/
|
|
37
|
+
onClear?(): void;
|
|
38
|
+
/**
|
|
39
|
+
* Fires when an option becomes highlighted during arrow navigation.
|
|
40
|
+
* The caller should gate on isArrowNavRef so that auto-highlight on dropdown
|
|
41
|
+
* open does not overwrite editingValue before the user presses Enter.
|
|
42
|
+
*/
|
|
43
|
+
onOptionMarked?(id: string | null): void;
|
|
44
|
+
onFocus?(): void;
|
|
45
|
+
onBlur?(): void;
|
|
46
|
+
inputRef?: React.MutableRefObject<any>;
|
|
47
|
+
className?: string;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
/**
|
|
51
|
+
* Cell-layer AutoComplete — manages search text and selected-id state,
|
|
52
|
+
* provides a case-insensitive predicate, and shows i18n placeholder/empty-state.
|
|
53
|
+
*
|
|
54
|
+
* Architecture notes:
|
|
55
|
+
* - All WDS AutoComplete usage lives here (not in the cairo cell type).
|
|
56
|
+
* - The cairo SelectEdit only handles cell-framework integration:
|
|
57
|
+
* isArrowNavRef gating, Enter-capture, Escape cancel, scroll-close.
|
|
58
|
+
* - `onSelect` and `onClear` are coarse-grained callbacks — they do NOT fire
|
|
59
|
+
* on every keystroke, keeping editingValue in sync only on meaningful actions.
|
|
60
|
+
*/
|
|
61
|
+
export const CellAutoCompleteInput = React.forwardRef<
|
|
62
|
+
CellAutoCompleteHandle,
|
|
63
|
+
CellAutoCompleteInputProps
|
|
64
|
+
>(
|
|
65
|
+
(
|
|
66
|
+
{
|
|
67
|
+
value,
|
|
68
|
+
options,
|
|
69
|
+
initialSearchText,
|
|
70
|
+
autoOpen,
|
|
71
|
+
onSelect,
|
|
72
|
+
onClear,
|
|
73
|
+
onOptionMarked,
|
|
74
|
+
onFocus,
|
|
75
|
+
onBlur,
|
|
76
|
+
inputRef,
|
|
77
|
+
className,
|
|
78
|
+
},
|
|
79
|
+
ref,
|
|
80
|
+
) => {
|
|
81
|
+
const { t } = useTranslations();
|
|
82
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
83
|
+
const acRef = useRef<any>(null);
|
|
84
|
+
|
|
85
|
+
React.useImperativeHandle(ref, () => ({
|
|
86
|
+
hideOptions: () => acRef.current?.hideOptions?.(),
|
|
87
|
+
}));
|
|
88
|
+
|
|
89
|
+
const resolveLabel = useCallback(
|
|
90
|
+
(id?: string) => options.find((o) => o.id === id)?.value ?? '',
|
|
91
|
+
[options],
|
|
92
|
+
);
|
|
93
|
+
|
|
94
|
+
// searchValue: the text shown in the AutoComplete input.
|
|
95
|
+
// - type-to-edit: starts as the typed character (initialSearchText)
|
|
96
|
+
// - normal edit: starts as the current option's display label
|
|
97
|
+
const [searchValue, setSearchValue] = useState(
|
|
98
|
+
initialSearchText !== undefined ? initialSearchText : resolveLabel(value),
|
|
99
|
+
);
|
|
100
|
+
|
|
101
|
+
// selectedId: which option has the checkmark in the dropdown.
|
|
102
|
+
const [selectedId, setSelectedId] = useState<string | number | undefined>(
|
|
103
|
+
value || undefined,
|
|
104
|
+
);
|
|
105
|
+
|
|
106
|
+
// Open the dropdown on mount (for all edit-trigger types).
|
|
107
|
+
useEffect(() => {
|
|
108
|
+
if (autoOpen) {
|
|
109
|
+
requestAnimationFrame(() => acRef.current?.showOptions?.());
|
|
110
|
+
}
|
|
111
|
+
// intentionally run only on mount
|
|
112
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
113
|
+
}, []);
|
|
114
|
+
|
|
115
|
+
const acOptions = useMemo(
|
|
116
|
+
() => options.map((o) => ({ id: o.id, value: o.value, label: o.value })),
|
|
117
|
+
[options],
|
|
118
|
+
);
|
|
119
|
+
|
|
120
|
+
// Track whether the user has actually typed (vs. the initial searchValue which
|
|
121
|
+
// reflects the committed option label). For type-to-edit the initial text IS
|
|
122
|
+
// user input, so we treat it as already-typed.
|
|
123
|
+
const hasUserTyped = useRef(initialSearchText !== undefined);
|
|
124
|
+
|
|
125
|
+
// Pre-filter options based on searchValue — but only after the user has typed.
|
|
126
|
+
// On normal (double-click) entry the searchValue starts as the current label;
|
|
127
|
+
// we must show all options until the user actively edits the input.
|
|
128
|
+
const filteredOptions = useMemo(() => {
|
|
129
|
+
if (!searchValue || !hasUserTyped.current) {
|
|
130
|
+
return acOptions;
|
|
131
|
+
}
|
|
132
|
+
const lower = searchValue.trim().toLowerCase();
|
|
133
|
+
return acOptions.filter((o) => (o.label ?? '').toLowerCase().includes(lower));
|
|
134
|
+
}, [acOptions, searchValue]);
|
|
135
|
+
|
|
136
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
137
|
+
const handleSelect = useCallback(
|
|
138
|
+
(option: any) => {
|
|
139
|
+
const label: string = option.label ?? option.value ?? String(option.id);
|
|
140
|
+
setSelectedId(option.id);
|
|
141
|
+
setSearchValue(label);
|
|
142
|
+
onSelect?.(String(option.id));
|
|
143
|
+
},
|
|
144
|
+
[onSelect],
|
|
145
|
+
);
|
|
146
|
+
|
|
147
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
148
|
+
const handleOptionMarked = useCallback(
|
|
149
|
+
(option: any) => {
|
|
150
|
+
onOptionMarked?.(option ? String(option.id) : null);
|
|
151
|
+
},
|
|
152
|
+
[onOptionMarked],
|
|
153
|
+
);
|
|
154
|
+
|
|
155
|
+
// Fires on every keystroke. Only syncs editingValue when input becomes empty
|
|
156
|
+
// (via backspace) — full clear. Typing to filter does not change editingValue.
|
|
157
|
+
const handleChange = useCallback(
|
|
158
|
+
(e: React.ChangeEvent<HTMLInputElement>) => {
|
|
159
|
+
hasUserTyped.current = true;
|
|
160
|
+
setSearchValue(e.target.value);
|
|
161
|
+
if (!e.target.value) {
|
|
162
|
+
setSelectedId(undefined);
|
|
163
|
+
onClear?.();
|
|
164
|
+
}
|
|
165
|
+
},
|
|
166
|
+
[onClear],
|
|
167
|
+
);
|
|
168
|
+
|
|
169
|
+
const handleClear = useCallback(() => {
|
|
170
|
+
setSearchValue('');
|
|
171
|
+
setSelectedId(undefined);
|
|
172
|
+
onClear?.();
|
|
173
|
+
}, [onClear]);
|
|
174
|
+
|
|
175
|
+
return (
|
|
176
|
+
<AutoComplete
|
|
177
|
+
ref={acRef}
|
|
178
|
+
size="small"
|
|
179
|
+
border="none"
|
|
180
|
+
value={searchValue}
|
|
181
|
+
selectedId={selectedId}
|
|
182
|
+
options={filteredOptions}
|
|
183
|
+
onSelect={handleSelect}
|
|
184
|
+
onOptionMarked={handleOptionMarked}
|
|
185
|
+
onChange={handleChange}
|
|
186
|
+
onClear={handleClear}
|
|
187
|
+
onFocus={onFocus}
|
|
188
|
+
onBlur={onBlur}
|
|
189
|
+
clearButton={!!searchValue || !!selectedId}
|
|
190
|
+
placeholder={t('patterns-fields.select.search_placeholder')}
|
|
191
|
+
emptyStateMessage={t('auto-patterns.fields.no_results_found')}
|
|
192
|
+
popoverProps={{ appendTo: 'window', moveBy: { y: 4 } }}
|
|
193
|
+
autoSelect={false}
|
|
194
|
+
textOverflow="ellipsis"
|
|
195
|
+
inputRef={(el: HTMLInputElement) => {
|
|
196
|
+
if (inputRef) {
|
|
197
|
+
inputRef.current = el;
|
|
198
|
+
}
|
|
199
|
+
}}
|
|
200
|
+
className={className}
|
|
201
|
+
/>
|
|
202
|
+
);
|
|
203
|
+
},
|
|
204
|
+
);
|
|
205
|
+
|
|
206
|
+
CellAutoCompleteInput.displayName = 'CellAutoCompleteInput';
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
2
|
+
import { InputArea, Tooltip } from '@wix/design-system';
|
|
3
|
+
import type { InputAreaProps } from '@wix/design-system';
|
|
4
|
+
import { useTranslations } from '../../hooks/use-translations';
|
|
5
|
+
|
|
6
|
+
const toSingleLine = (value?: string) => (value ? value.replace(/\n+/g, ' ') : '');
|
|
7
|
+
|
|
8
|
+
export interface CellTextInputProps
|
|
9
|
+
extends Omit<
|
|
10
|
+
InputAreaProps,
|
|
11
|
+
'value' | 'onChange' | 'autoGrow' | 'minRowsAutoGrow' | 'autoSelect' | 'onFocus' | 'onBlur'
|
|
12
|
+
> {
|
|
13
|
+
value?: string;
|
|
14
|
+
onChange?(value: string): void;
|
|
15
|
+
/** Called when the textarea gains focus */
|
|
16
|
+
onFocus?(): void;
|
|
17
|
+
/** Called when the textarea loses focus */
|
|
18
|
+
onBlur?(): void;
|
|
19
|
+
maxLength?: number;
|
|
20
|
+
inputRef?: React.MutableRefObject<any>;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
interface CharLimitTooltipProps {
|
|
24
|
+
children: React.ReactElement;
|
|
25
|
+
atLimit: boolean;
|
|
26
|
+
maxLength: number;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Renders a Tooltip that appears when the character limit is reached.
|
|
31
|
+
* Extracted into its own component so that useTranslations is only called
|
|
32
|
+
* when maxLength is configured — tests without a provider are not affected.
|
|
33
|
+
*
|
|
34
|
+
* The `<span style={{ display: 'contents' }}>` wrapper is intentional:
|
|
35
|
+
* WDS Tooltip uses React.cloneElement on its direct child to inject onFocus/onBlur
|
|
36
|
+
* handlers for accessibility. Without the wrapper, those injected handlers would
|
|
37
|
+
* override the InputArea's own onFocus/onBlur, breaking the blur → onCommit flow.
|
|
38
|
+
* The span intercepts the cloneElement while remaining invisible in layout.
|
|
39
|
+
*/
|
|
40
|
+
const CharLimitTooltip: React.FC<CharLimitTooltipProps> = ({
|
|
41
|
+
children,
|
|
42
|
+
atLimit,
|
|
43
|
+
maxLength,
|
|
44
|
+
}) => {
|
|
45
|
+
const { t } = useTranslations();
|
|
46
|
+
// `shown` is a valid Tooltip runtime prop not yet reflected in the TS types
|
|
47
|
+
const shownProp = { shown: atLimit } as {};
|
|
48
|
+
|
|
49
|
+
return (
|
|
50
|
+
<Tooltip
|
|
51
|
+
{...shownProp}
|
|
52
|
+
content={t('patterns-fields.text.char_limit_tooltip', { maxLength })}
|
|
53
|
+
placement="top"
|
|
54
|
+
size="small"
|
|
55
|
+
>
|
|
56
|
+
<span style={{ display: 'contents' }}>{children}</span>
|
|
57
|
+
</Tooltip>
|
|
58
|
+
);
|
|
59
|
+
};
|
|
60
|
+
|
|
61
|
+
/**
|
|
62
|
+
* Cell-layer InputArea — fires onChange on every keystroke (required by
|
|
63
|
+
* EditableTable's Tab-commit flow), collapses newlines to spaces while
|
|
64
|
+
* unfocused, and shows a Tooltip when the character limit is reached.
|
|
65
|
+
*/
|
|
66
|
+
export const CellTextInput: React.FC<CellTextInputProps> = ({
|
|
67
|
+
value,
|
|
68
|
+
onChange,
|
|
69
|
+
onFocus,
|
|
70
|
+
onBlur,
|
|
71
|
+
maxLength,
|
|
72
|
+
inputRef,
|
|
73
|
+
...props
|
|
74
|
+
}) => {
|
|
75
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
76
|
+
const inputAreaRef = useRef<InputArea | null>(null);
|
|
77
|
+
|
|
78
|
+
useEffect(() => {
|
|
79
|
+
if (isFocused) {
|
|
80
|
+
inputAreaRef.current?.calculateComputedRows();
|
|
81
|
+
}
|
|
82
|
+
}, [isFocused]);
|
|
83
|
+
|
|
84
|
+
const handleFocus = useCallback(() => {
|
|
85
|
+
setIsFocused(true);
|
|
86
|
+
onFocus?.();
|
|
87
|
+
}, [onFocus]);
|
|
88
|
+
|
|
89
|
+
const handleBlur = useCallback(() => {
|
|
90
|
+
setIsFocused(false);
|
|
91
|
+
onBlur?.();
|
|
92
|
+
}, [onBlur]);
|
|
93
|
+
|
|
94
|
+
const handleChange = useCallback(
|
|
95
|
+
(e: React.ChangeEvent<HTMLTextAreaElement>) => {
|
|
96
|
+
onChange?.(e.target.value);
|
|
97
|
+
},
|
|
98
|
+
[onChange],
|
|
99
|
+
);
|
|
100
|
+
|
|
101
|
+
const displayValue = isFocused ? (value ?? '') : toSingleLine(value);
|
|
102
|
+
const atLimit = maxLength !== undefined && (value ?? '').length >= maxLength;
|
|
103
|
+
|
|
104
|
+
const inputArea = (
|
|
105
|
+
<InputArea
|
|
106
|
+
ref={(instance) => {
|
|
107
|
+
inputAreaRef.current = instance;
|
|
108
|
+
if (inputRef) {
|
|
109
|
+
inputRef.current = instance;
|
|
110
|
+
}
|
|
111
|
+
}}
|
|
112
|
+
size="small"
|
|
113
|
+
value={displayValue}
|
|
114
|
+
onChange={handleChange}
|
|
115
|
+
onFocus={handleFocus}
|
|
116
|
+
onBlur={handleBlur}
|
|
117
|
+
maxLength={maxLength}
|
|
118
|
+
autoGrow
|
|
119
|
+
minRowsAutoGrow={1}
|
|
120
|
+
autoSelect={false}
|
|
121
|
+
{...props}
|
|
122
|
+
/>
|
|
123
|
+
);
|
|
124
|
+
|
|
125
|
+
if (maxLength !== undefined) {
|
|
126
|
+
return (
|
|
127
|
+
<CharLimitTooltip atLimit={atLimit} maxLength={maxLength}>
|
|
128
|
+
{inputArea}
|
|
129
|
+
</CharLimitTooltip>
|
|
130
|
+
);
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
return inputArea;
|
|
134
|
+
};
|
|
135
|
+
|
|
136
|
+
CellTextInput.displayName = 'CellTextInput';
|
|
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "textview2864771689";
|
|
9
9
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
10
10
|
|
|
11
11
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
|
|
|
13
13
|
export var st: import("@stylable/runtime").STFunction = _style_;
|
|
14
14
|
|
|
15
15
|
export var namespace = _namespace_;
|
|
16
|
-
export var classes = {"root":"
|
|
16
|
+
export var classes = {"root":"textview2864771689__root","textView":"textview2864771689__textView"};
|
|
17
17
|
export var keyframes = {};
|
|
18
18
|
export var layers = {};
|
|
19
19
|
export var containers = {};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Input } from '@wix/design-system';
|
|
3
|
+
import type { InputProps, InputImperativeActions } from '@wix/design-system';
|
|
4
|
+
|
|
5
|
+
export interface CellUrlInputProps
|
|
6
|
+
extends Omit<InputProps, 'value' | 'onChange' | 'type' | 'inputRef'> {
|
|
7
|
+
value?: string;
|
|
8
|
+
onChange?(value: string): void;
|
|
9
|
+
/** Ref to the underlying WDS Input imperative handle (used for type-to-edit focusing). */
|
|
10
|
+
inputRef?: React.MutableRefObject<InputImperativeActions | null | undefined>;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Cell-layer URL input — fires onChange on every keystroke (required by
|
|
15
|
+
* EditableTable's Tab-commit flow, which reads editingValue synchronously before blur).
|
|
16
|
+
*/
|
|
17
|
+
export const CellUrlInput: React.FC<CellUrlInputProps> = ({
|
|
18
|
+
value,
|
|
19
|
+
onChange,
|
|
20
|
+
inputRef,
|
|
21
|
+
...props
|
|
22
|
+
}) => (
|
|
23
|
+
<Input
|
|
24
|
+
ref={(instance) => {
|
|
25
|
+
if (inputRef) inputRef.current = instance;
|
|
26
|
+
}}
|
|
27
|
+
type="url"
|
|
28
|
+
size="small"
|
|
29
|
+
border="none"
|
|
30
|
+
value={value ?? ''}
|
|
31
|
+
onChange={(e) => onChange?.(e.target.value)}
|
|
32
|
+
{...props}
|
|
33
|
+
/>
|
|
34
|
+
);
|
|
35
|
+
|
|
36
|
+
CellUrlInput.displayName = 'CellUrlInput';
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Text, Tooltip, IconButton } from '@wix/design-system';
|
|
3
|
+
import { ExternalLinkSmall } from '@wix/wix-ui-icons-common';
|
|
4
|
+
import { useTranslations } from '../../hooks/use-translations';
|
|
5
|
+
|
|
6
|
+
export interface UrlViewProps {
|
|
7
|
+
value?: string | null;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export const UrlView: React.FC<UrlViewProps> = ({ value }) => {
|
|
11
|
+
const { t } = useTranslations();
|
|
12
|
+
const openLinkLabel = t('auto-patterns.url_view.open_in_new_tab');
|
|
13
|
+
const safeHref = value && /^https?:\/\//i.test(value) ? value : undefined;
|
|
14
|
+
|
|
15
|
+
return (
|
|
16
|
+
<div
|
|
17
|
+
style={{
|
|
18
|
+
width: '100%',
|
|
19
|
+
padding: '9px 6px 9px 12px',
|
|
20
|
+
display: 'flex',
|
|
21
|
+
alignItems: 'center',
|
|
22
|
+
boxSizing: 'border-box',
|
|
23
|
+
height: '100%',
|
|
24
|
+
}}
|
|
25
|
+
>
|
|
26
|
+
<div style={{ flex: 1, minWidth: 0, overflow: 'hidden' }}>
|
|
27
|
+
<Text size="small" ellipsis>
|
|
28
|
+
{value ?? ''}
|
|
29
|
+
</Text>
|
|
30
|
+
</div>
|
|
31
|
+
{safeHref && (
|
|
32
|
+
<Tooltip
|
|
33
|
+
content={openLinkLabel}
|
|
34
|
+
appendTo="window"
|
|
35
|
+
size="small"
|
|
36
|
+
>
|
|
37
|
+
{/* span with display:contents prevents WDS Tooltip's cloneElement from
|
|
38
|
+
injecting onFocus/onBlur directly onto the IconButton anchor element */}
|
|
39
|
+
<span style={{ display: 'contents' }}>
|
|
40
|
+
<IconButton
|
|
41
|
+
dataHook="open-link-button"
|
|
42
|
+
as="a"
|
|
43
|
+
href={safeHref}
|
|
44
|
+
target="_blank"
|
|
45
|
+
rel="noopener noreferrer"
|
|
46
|
+
size="tiny"
|
|
47
|
+
skin="dark"
|
|
48
|
+
priority="tertiary"
|
|
49
|
+
ariaLabel={openLinkLabel}
|
|
50
|
+
onClick={(e: React.MouseEvent) => e.stopPropagation()}
|
|
51
|
+
onMouseDown={(e: React.MouseEvent) => e.preventDefault()}
|
|
52
|
+
style={{ flexShrink: 0, marginLeft: 6 }}
|
|
53
|
+
>
|
|
54
|
+
<ExternalLinkSmall />
|
|
55
|
+
</IconButton>
|
|
56
|
+
</span>
|
|
57
|
+
</Tooltip>
|
|
58
|
+
)}
|
|
59
|
+
</div>
|
|
60
|
+
);
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
UrlView.displayName = 'UrlView';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { PatternsFieldsTestProvider } from '../testkit/patterns-fields-test-provider';
|
|
@@ -28,6 +28,7 @@ export type TranslationsKeys =
|
|
|
28
28
|
| 'auto-patterns.fields.field_type_time_title'
|
|
29
29
|
| 'auto-patterns.time_input.placeholder'
|
|
30
30
|
| 'auto-patterns.time_input.invalid_message'
|
|
31
|
+
| 'auto-patterns.url_view.open_in_new_tab'
|
|
31
32
|
| 'auto-patterns.email_input.placeholder'
|
|
32
33
|
| 'auto-patterns.email_input.invalid_message'
|
|
33
34
|
| 'auto-patterns.fields.no_results_found'
|
|
@@ -150,11 +151,13 @@ export type TranslationsKeys =
|
|
|
150
151
|
| 'CMS.mediaGallery.dialog.externalLinkButtonEdit'
|
|
151
152
|
| 'CMS.mediaGallery.dialog.externalLinkButtonAdd'
|
|
152
153
|
| 'CMS.mediaGallery.dialog.externalLinkTextPlaceholder'
|
|
154
|
+
| 'patterns-fields.select.search_placeholder'
|
|
153
155
|
| 'CMS.document.delete.title'
|
|
154
156
|
| 'CMS.document.delete.message'
|
|
155
157
|
| 'auto-patterns.fields.type_mismatch_convert'
|
|
156
158
|
| 'auto-patterns.fields.type_mismatch_tip'
|
|
157
|
-
| 'CMS.mediaGallery.dialog.selectionSelected'
|
|
159
|
+
| 'CMS.mediaGallery.dialog.selectionSelected'
|
|
160
|
+
| 'patterns-fields.text.char_limit_tooltip';
|
|
158
161
|
|
|
159
162
|
export type Translate = {
|
|
160
163
|
(key: TranslationsKeys, params?: Record<string, string | number>): string;
|
|
@@ -172,4 +175,8 @@ export type Translate = {
|
|
|
172
175
|
key: 'CMS.mediaGallery.dialog.selectionSelected',
|
|
173
176
|
params: { items: string },
|
|
174
177
|
): string;
|
|
178
|
+
(
|
|
179
|
+
key: 'patterns-fields.text.char_limit_tooltip',
|
|
180
|
+
params: { maxLength: number },
|
|
181
|
+
): string;
|
|
175
182
|
};
|
package/src/styles.global.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.addressinput110868145__tableAddressInput{height:36px!important;margin-left:-1px;display:flex!important;align-items:center;width:100%}.addressinput110868145__tableAddressInput>div{padding:0!important;width:100%}.addressinput110868145__tableAddressInput:focus-within{margin-left:2px}.actionsmenu3162043118__action{margin-left:calc(var(--wds-space-100, 6px)*-1)}.formaudiofield3733728038__addItem{height:120px!important;box-sizing:border-box}.formaudiofield3733728038__addItem:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, 8px)}.formaudiofield3733728038__addItem.formaudiofield3733728038--disabled{pointer-events:auto!important}.formaudiofield3733728038__addItem.formaudiofield3733728038--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formaudiofield3733728038__mediaTitle{line-height:18px!important}.audioplayer3011912576__root{width:fit-content;z-index:1000;position:fixed!important;bottom:42px;right:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.colorview2349640615__view{width:100%}.colorview2349640615__fillPreview{flex-shrink:0}.colorview2349640615__view .colorview2349640615__fillPreview{width:18px;height:18px;min-width:18px!important;min-height:18px!important}.deletedialog1645431626__layout{max-width:510px!important}.formdocumentfield253209864__viewWrapper{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formdocumentfield253209864__viewWrapper:hover{background:var(--wds-color-blue-500, var(--wsr-color-B50));cursor:pointer}.formdocumentfield253209864__textWidth{max-width:calc(100% - 196px)}.formdocumentfield253209864__documentLoader{padding-top:21px;padding-bottom:21px}.formdocumentfield253209864__addDocument{padding-top:17px!important;padding-bottom:17px!important}.formdocumentfield253209864__addDocument.formdocumentfield253209864--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formdocumentfield253209864__addItemWrapper:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, calc(2px * 4))}.exclamation3493103037__exclamation{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:3px;cursor:pointer}.exclamation3493103037__exclamation.exclamation3493103037---type-7-warning:not(.exclamation3493103037--customSize),.exclamation3493103037__exclamation.exclamation3493103037---type-5-error:not(.exclamation3493103037--customSize){width:24px;height:24px}.exclamation3493103037__exclamation.exclamation3493103037---type-7-warning{color:var(--wds-color-fill-warning-primary)}.exclamation3493103037__exclamation.exclamation3493103037---type-5-error{color:var(--wds-color-fill-destructive-primary)}.exclamation3493103037__actions{display:flex;flex-direction:column}.exclamation3493103037__action{white-space:normal!important;height:auto!important;text-align:left;gap:6px}.exclamation3493103037__action+.exclamation3493103037__action{margin-top:6px}.exclamation3493103037__action.exclamation3493103037--accented{color:var(--wds-color-blue-100)}.exclamation3493103037__action.exclamation3493103037--accented:hover{color:var(--wds-color-blue-200)}.highlightedtext1569349622__root.highlightedtext1569349622--highlightedBackground{animation:highlightedtext1569349622__highlighted 150ms ease-out 1 forwards}.highlightedtext1569349622__substring.highlightedtext1569349622--isHighlighted{animation:highlightedtext1569349622__highlighted-match 150ms ease-out 50ms 1 forwards}@keyframes highlightedtext1569349622__highlighted{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-400, var(--wsr-color-Y40))}}@keyframes highlightedtext1569349622__highlighted-match{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-200, var(--wsr-color-Y20))}}.pasteurlbutton2213109010__root{margin-top:6px}.pasteurlbutton2213109010__iconButtonTooltip{height:max-content}.pasteurlbutton2213109010__iconButton{width:24px;height:24px}.formmediagalleryfield3265416446__container{display:flex;min-height:128px;max-height:259px}.formmediagalleryfield3265416446__viewBox{display:flex;height:100%;width:100%;flex-wrap:wrap}.formmediagalleryfield3265416446__addItemWrapper{height:128px;width:100%;box-sizing:border-box}.formmediagalleryfield3265416446__addItem{box-sizing:border-box}.formmediagalleryfield3265416446__overlay{width:initial!important;min-width:382px!important}.formmediagalleryfield3265416446__image.formmediagalleryfield3265416446--withMarginRight{margin-right:3px}.formmediagalleryfield3265416446__image.formmediagalleryfield3265416446--withMarginTop{margin-top:3px}.formmediagalleryfield3265416446__previewImage{max-height:calc(100% - 12px)!important}.formmediagalleryfield3265416446__previewVideo{border-radius:8px;max-width:100%;max-height:calc(100% - 12px)!important}.mediaimage2570457917__root{display:flex;align-items:center;flex-shrink:0;position:relative;box-sizing:border-box}.mediaimage2570457917__root.mediaimage2570457917--error{--mediaimage2570457917-from:calc(50% - 0.5px);--mediaimage2570457917-to:calc(50% + 0.5px);background-image:linear-gradient(to bottom right,transparent var(--mediaimage2570457917-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage2570457917-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage2570457917-to),transparent var(--mediaimage2570457917-to))}.mediaimage2570457917__root.mediaimage2570457917--error>*{opacity:0}.overlay3259524011__iconOverlay{position:absolute;color:var(--wds-color-white, var(--overlay3259524011-wsr-color-D80, #FFFFFF));background-color:transparent;filter:drop-shadow(0 1px 1px rgba(22,45,61,.6));-webkit-filter:drop-shadow(0 1px 1px rgba(22,45,61,.6))}.overlay3259524011__iconOverlay.overlay3259524011---size-5-small{width:20px;height:20px}.overlay3259524011__iconOverlay.overlay3259524011---size-6-medium{width:24px;height:24px}.overlay3259524011__iconOverlay.overlay3259524011---size-5-large{width:28px;height:28px}.overlay3259524011__iconOverlay.overlay3259524011---placement-7-topLeft{top:2px;left:2px}.overlay3259524011__iconOverlay.overlay3259524011---placement-10-bottomLeft{bottom:2px;left:2px}.medialoader2923900111__loader{border-radius:6px}.medialoader2923900111__loader.medialoader2923900111--isDashed{border:dashed 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.medialoader2923900111__loader.medialoader2923900111--isSolid{border:solid 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.mediatag1871578086__root{box-sizing:border-box;padding:3px 6px 3px 3px;border-radius:3px;max-height:24px;min-width:54px;max-width:100%;background-color:var(--wds-color-blue-400, var(--wsr-color-B40))}.formmultidocument4175359357__viewRoot{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formmultidocument4175359357__singleViewWrapper{border-radius:0;border-bottom:1px solid var(--wds-color-neutral-600, var(--wsr-color-D60));background-color:transparent!important}.formmultidocument4175359357__viewRoot>div:first-child .formmultidocument4175359357__singleViewWrapper{border-top-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-top-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument4175359357__singleViewWrapper:hover{background-color:var(--wds-color-blue-500, var(--wsr-color-B50))!important}.formmultidocument4175359357__singleViewWrapper:focus-visible{border-bottom:1px solid transparent;position:relative;z-index:1}.formmultidocument4175359357__addDocumentButton{border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument4175359357__addDocumentButton:focus-within{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.richcontentdefaultvalueinput1930335161__richContentEditorContainer .richcontentdefaultvalueinput1930335161__editor{max-height:calc(40vh - var(--richcontentdefaultvalueinput1930335161-topToolbarHeight) - var(--richcontentdefaultvalueinput1930335161-bottomToolbarHeight))}.richcontentforminput4140853991__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-blue-300);border-radius:var(--wds-border-radius-300)}.richcontentforminput4140853991__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.richcontentforminput4140853991__root .richcontentforminput4140853991__editor{overflow-y:auto;max-height:calc(80vh - var(--richcontentforminput4140853991-topToolbarHeight) - var(--richcontentforminput4140853991-bottomToolbarHeight))}.richcontentformreadonlyinput3980006994__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-black-600);border-radius:var(--wds-border-radius-300)}.richcontentformreadonlyinput3980006994__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.fullscreenmodal3448709618__modalContent{display:flex;position:relative;height:100%;width:782px;background-color:var(--wds-color-white);border-radius:var(--wds-border-radius-300);margin-top:24px}.publishloader1637216661__publishLoader{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--wds-color-white);z-index:5000;border-radius:inherit}.togglefullscreenbutton4174310271__root{z-index:5;box-sizing:border-box;position:absolute;right:0;top:calc(50% - 16px)!important;padding-right:3px}.togglefullscreenbutton4174310271__root button{border-radius:6px!important}.richcontenteditor1267714001__root{position:relative}.richcontenteditor1267714001__root,.richcontenteditor1267714001__toolbarContainer,.richcontenteditor1267714001__footerToolbarContainer{width:100%;box-sizing:border-box}.richcontenteditor1267714001__toolbarContainer div{box-sizing:border-box}.richcontenteditor1267714001__toolbarAndFullScreenButtonWrapper{display:flex;position:relative}.richcontenteditor1267714001__editor{box-sizing:border-box;padding:36px 24px 36px 55px}.richcontenteditor1267714001__modalEditor .richcontenteditor1267714001__editor{overflow-y:auto;min-height:calc(100% - var(--richcontenteditor1267714001-topToolbarHeight) - var(--richcontenteditor1267714001-bottomToolbarHeight));max-height:calc(100% - var(--richcontenteditor1267714001-topToolbarHeight) - var(--richcontenteditor1267714001-bottomToolbarHeight));min-width:592px;box-sizing:border-box}.richcontenteditor1267714001__modalEditor .richcontenteditor1267714001__footerToolbarContainer{margin-top:9px}.richcontenteditor1267714001__toolbarContainer button[data-hook~=text-button-headings]>span{display:inline-flex;padding-inline-end:3px!important}.richcontenteditor1267714001__toolbarContainer button[data-hook~=text-button-ai]>span{padding-inline-end:9px!important}.richcontenttoolbar1235382637__toolbar{border-top:1px solid rgba(51,51,51,.1);z-index:2;margin-right:auto;padding-left:6px;margin-left:auto;position:relative;height:40px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box}.richcontenttoolbar1235382637__toolbarButton{line-height:40px;background:0 0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 5px 0 0}.richcontenttoolbar1235382637__toolbarButton:disabled{color:graytext}.richcontenttoolbar1235382637__toolbar label{padding:0 8px}.richcontentviewer3839678805__root{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:36px}.richcontentviewer3839678805__root.richcontentviewer3839678805--isFullScreen{padding:12px 24px}.richcontentviewer3839678805__root:not(.richcontentviewer3839678805--isFullScreen){padding:6px 24px 6px 12px}.richcontentviewer3839678805__root ToggleButton{margin:0;padding:0;border:0;position:absolute;top:2px!important;right:2px;width:30px;height:30px}.richcontentviewer3839678805__viewer{height:calc(100% - 36px);width:100%}.richcontentviewer3839678805__modalViewer{min-width:592px;overflow:auto}.richtexteditor2923741127__root{width:100%;box-sizing:border-box;outline:0;overflow:hidden;border-radius:var(--wds-border-radius-300)}.richtexteditor2923741127__root.richtexteditor2923741127---border-4-none{border:0}.richtexteditor2923741127__root.richtexteditor2923741127---border-8-standard{border:1px solid var(--wds-color-blue-300)}.richtexteditor2923741127__root.richtexteditor2923741127---border-8-standard:focus,.richtexteditor2923741127__root.richtexteditor2923741127---border-8-standard:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.richtexteditor2923741127__root.richtexteditor2923741127---border-8-standard.richtexteditor2923741127---status-5-error{border:1px solid var(--wds-color-red-100)}.richtexteditor2923741127__root.richtexteditor2923741127---border-8-standard.richtexteditor2923741127---status-5-error:focus,.richtexteditor2923741127__root.richtexteditor2923741127---border-8-standard.richtexteditor2923741127---status-5-error:focus-within{border:1px solid var(--wds-color-red-100);box-shadow:0 0 0 3px var(--wds-color-red-300)}.richtexteditor2923741127__root.richtexteditor2923741127---border-8-standard.richtexteditor2923741127---status-7-warning{border:1px solid var(--wds-color-yellow-100)}.richtexteditor2923741127__root.richtexteditor2923741127---border-8-standard.richtexteditor2923741127---status-7-warning:focus,.richtexteditor2923741127__root.richtexteditor2923741127---border-8-standard.richtexteditor2923741127---status-7-warning:focus-within{border:1px solid var(--wds-color-yellow-100);box-shadow:0 0 0 3px var(--wds-color-yellow-300)}.richtexteditor2923741127__nativeInput{position:absolute;opacity:0;padding:0;margin:0;border:0;width:0;height:0}.richtexteditor2923741127__editor{height:auto;line-height:auto;display:flex;width:100%;height:100%;min-height:234px;overflow:hidden;box-sizing:border-box;flex-direction:row;border-radius:var(--wds-border-radius-300)}.richtexteditor2923741127__editor.richtexteditor2923741127--isFullScreen{max-width:782px;min-width:582px;background:var(--wds-color-black-700)}.richtexteditor2923741127__editor:not(.richtexteditor2923741127--isFullScreen){max-height:80vh}.richtexteditor2923741127__editor>div{flex:1;max-width:100%}.toolbar155195946__root{padding:12px 18px;display:flex;border-bottom:1px solid var(--wds-color-blue-400);background:var(--wds-color-white);align-items:center}.toolbar155195946__item{display:flex;margin-right:12px}.toolbar155195946__item svg,.toolbar155195946__item svg path,.toolbar155195946__item svg text{color:inherit;fill:currentColor}.toolbar155195946__separator{display:inline-flex;margin-right:12px;border-left:1px solid #ddd;height:100%}.toolbar155195946__clearFormatting{margin-left:auto}.toolbar155195946__fullScreen{margin-right:0}.toolbar155195946__dropdownItemContent{height:36px;width:100%;display:flex;gap:12px;justify-content:space-between;align-items:center}.toolbar155195946__dropdownItemContent.toolbar155195946--selected .toolbar155195946__dropdownItemTitle,.toolbar155195946__dropdownItemContent.toolbar155195946--selected .toolbar155195946__dropdownItemSubtitle{color:var(--wds-color-white)!important}.toolbar155195946__dropdownItemSubtitle{color:var(--wds-color-black-400)!important;padding-right:12px;flex-shrink:0}.toolbar155195946__dropdownHeaderOne{font-weight:var(--wds-font-weight-bold)!important;font-size:36px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar155195946__dropdownHeaderTwo{font-weight:var(--wds-font-weight-bold)!important;font-size:32px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar155195946__dropdownHeaderThree{font-weight:var(--wds-font-weight-medium)!important;font-size:28px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar155195946__dropdownHeaderFour{font-weight:var(--wds-font-weight-bold)!important;font-size:24px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar155195946__dropdownHeaderFive{font-weight:var(--wds-font-weight-bold)!important;font-size:22px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar155195946__dropdownHeaderSix{font-weight:var(--wds-font-weight-medium)!important;font-size:20px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar155195946__dropdownParagraphOne{font-weight:var(--wds-font-weight-medium)!important;font-size:18px!important;line-height:1.33!important;font-family:var(--wds-font-family-default)!important}.toolbar155195946__dropdownNormalText{font-weight:var(--wds-font-weight-medium)!important;font-size:var(--wds-font-size-500)!important;line-height:var(--wds-font-line-height-300)!important;font-family:var(--wds-font-family-default)!important}.toolbar155195946__dropdownParagraphThree{font-weight:var(--wds-font-weight-medium)!important;font-size:14px!important;line-height:1.29!important;font-family:var(--wds-font-family-default)!important}.textview4060489688__textView::after{content:"";display:block}.richeditor3500313643__root{display:flex;flex-direction:column;font-weight:var(--wds-font-weight-medium);font-size:var(--wds-font-size-500);line-height:var(--wds-font-line-height-300);font-family:var(--wds-font-family-default)}.richeditor3500313643__editor{box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;flex:1;cursor:text;color:var(--wds-color-black-100);background:var(--wds-color-black-700)}.richeditor3500313643__editor .DraftEditor-root{width:100%;height:100%}.richeditor3500313643__editor .DraftEditor-root [data-contents]{overflow:auto}.richeditor3500313643__editor .DraftEditor-editorContainer{display:flex;min-height:100%;background:#fff}.richeditor3500313643__editor .public-DraftEditor-content{padding:12px 24px 24px;min-height:100%;width:100%;box-sizing:border-box}.richeditor3500313643__editor .public-DraftEditor-content ol,.richeditor3500313643__editor .public-DraftEditor-content ul{display:flex;flex-direction:column;padding:0}.richeditor3500313643__editor .public-DraftEditor-content a,.richeditor3500313643__editor .public-DraftEditor-content a:visited{color:inherit;text-decoration:none}.richeditor3500313643__header-one:not(li),.richeditor3500313643__header-two:not(li),.richeditor3500313643__header-three:not(li),.richeditor3500313643__header-four:not(li),.richeditor3500313643__header-five:not(li),.richeditor3500313643__header-six:not(li){margin-block:0;margin:0}.richeditor3500313643__header-one,.richeditor3500313643__editor li.richeditor3500313643__header-one .public-DraftStyleDefault-block{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__header-two,.richeditor3500313643__editor li.richeditor3500313643__header-two .public-DraftStyleDefault-block{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__header-three,.richeditor3500313643__editor li.richeditor3500313643__header-three .public-DraftStyleDefault-block{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__header-four,.richeditor3500313643__editor li.richeditor3500313643__header-four .public-DraftStyleDefault-block{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__header-five,.richeditor3500313643__editor li.richeditor3500313643__header-five .public-DraftStyleDefault-block{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__header-six,.richeditor3500313643__editor li.richeditor3500313643__header-six .public-DraftStyleDefault-block{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__paragraph-one,.richeditor3500313643__editor li.richeditor3500313643__paragraph-one .public-DraftStyleDefault-block{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__unstyled,.richeditor3500313643__editor li.richeditor3500313643__unstyled .public-DraftStyleDefault-block{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__paragraph-three,.richeditor3500313643__editor li.richeditor3500313643__paragraph-three .public-DraftStyleDefault-block{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__editor li.richeditor3500313643__header-one:first-child~li{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__editor li.richeditor3500313643__header-one:first-child~li::marker{line-height:var(--rt-h1-fontSize, 72px)}.richeditor3500313643__editor li.richeditor3500313643__header-two:first-child~li{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__editor li.richeditor3500313643__header-two:first-child~li::marker{line-height:var(--rt-h2-fontSize, 42px)}.richeditor3500313643__editor li.richeditor3500313643__header-three:first-child~li{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__editor li.richeditor3500313643__header-three:first-child~li::marker{line-height:var(--rt-h3-fontSize, 38px)}.richeditor3500313643__editor li.richeditor3500313643__header-four:first-child~li{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__editor li.richeditor3500313643__header-four:first-child~li::marker{line-height:var(--rt-h4-fontSize, 34px)}.richeditor3500313643__editor li.richeditor3500313643__header-five:first-child~li{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__editor li.richeditor3500313643__header-five:first-child~li::marker{line-height:var(--rt-h5-fontSize, 28px)}.richeditor3500313643__editor li.richeditor3500313643__header-six:first-child~li{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__editor li.richeditor3500313643__header-six:first-child~li::marker{line-height:var(--rt-h6-fontSize, 22px)}.richeditor3500313643__editor li.richeditor3500313643__paragraph-one:first-child~li{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__editor li.richeditor3500313643__unstyled:first-child~li{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default))}.richeditor3500313643__editor li.richeditor3500313643__paragraph-three:first-child~li{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default))}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth0:first-child{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+10){margin-inline-start:3ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+100){margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+1000){margin-inline-start:5ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth1:first-child{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+10){margin-inline-start:5ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+100){margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+1000){margin-inline-start:7ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth2:first-child{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+10){margin-inline-start:7ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+100){margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+1000){margin-inline-start:9ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth3:first-child{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+10){margin-inline-start:9ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+100){margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+1000){margin-inline-start:11ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth4:first-child{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+10){margin-inline-start:11ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+100){margin-inline-start:12ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+1000){margin-inline-start:13ch}.richeditor3500313643__align-left{text-align:left;align-self:flex-start}.richeditor3500313643__align-right{text-align:right;align-self:flex-end}.richeditor3500313643__align-center{text-align:center;align-self:center}.richeditor3500313643__align-justify{text-align:justify;align-self:stretch}.richeditor3500313643__withMargin{display:inline-block}.richeditor3500313643__dir-rtl,.richeditor3500313643__editor .public-DraftStyleDefault-rtl{direction:rtl}.richeditor3500313643__editor .public-DraftStyleDefault-listRTL{direction:rtl;text-align:right;max-width:100%}
|
|
1
|
+
.addressinput671483813__tableAddressInput{height:36px!important;margin-left:-1px;display:flex!important;align-items:center;width:100%}.addressinput671483813__tableAddressInput>div{padding:0!important;width:100%}.addressinput671483813__tableAddressInput:focus-within{margin-left:2px}.actionsmenu4003680148__action{margin-left:calc(var(--wds-space-100, 6px)*-1)}.formaudiofield3533689323__addItem{height:120px!important;box-sizing:border-box}.formaudiofield3533689323__addItem:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, 8px)}.formaudiofield3533689323__addItem.formaudiofield3533689323--disabled{pointer-events:auto!important}.formaudiofield3533689323__addItem.formaudiofield3533689323--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formaudiofield3533689323__mediaTitle{line-height:18px!important}.audioplayer1298603367__root{width:fit-content;z-index:1000;position:fixed!important;bottom:42px;right:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.colorview1654892187__view{width:100%}.colorview1654892187__fillPreview{flex-shrink:0}.colorview1654892187__view .colorview1654892187__fillPreview{width:18px;height:18px;min-width:18px!important;min-height:18px!important}.deletedialog1532333861__layout{max-width:510px!important}.formdocumentfield2518103997__viewWrapper{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formdocumentfield2518103997__viewWrapper:hover{background:var(--wds-color-blue-500, var(--wsr-color-B50));cursor:pointer}.formdocumentfield2518103997__textWidth{max-width:calc(100% - 196px)}.formdocumentfield2518103997__documentLoader{padding-top:21px;padding-bottom:21px}.formdocumentfield2518103997__addDocument{padding-top:17px!important;padding-bottom:17px!important}.formdocumentfield2518103997__addDocument.formdocumentfield2518103997--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formdocumentfield2518103997__addItemWrapper:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, calc(2px * 4))}.exclamation4180709703__exclamation{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:3px;cursor:pointer}.exclamation4180709703__exclamation.exclamation4180709703---type-7-warning:not(.exclamation4180709703--customSize),.exclamation4180709703__exclamation.exclamation4180709703---type-5-error:not(.exclamation4180709703--customSize){width:24px;height:24px}.exclamation4180709703__exclamation.exclamation4180709703---type-7-warning{color:var(--wds-color-fill-warning-primary)}.exclamation4180709703__exclamation.exclamation4180709703---type-5-error{color:var(--wds-color-fill-destructive-primary)}.exclamation4180709703__actions{display:flex;flex-direction:column}.exclamation4180709703__action{white-space:normal!important;height:auto!important;text-align:left;gap:6px}.exclamation4180709703__action+.exclamation4180709703__action{margin-top:6px}.exclamation4180709703__action.exclamation4180709703--accented{color:var(--wds-color-blue-100)}.exclamation4180709703__action.exclamation4180709703--accented:hover{color:var(--wds-color-blue-200)}.highlightedtext2416887803__root.highlightedtext2416887803--highlightedBackground{animation:highlightedtext2416887803__highlighted 150ms ease-out 1 forwards}.highlightedtext2416887803__substring.highlightedtext2416887803--isHighlighted{animation:highlightedtext2416887803__highlighted-match 150ms ease-out 50ms 1 forwards}@keyframes highlightedtext2416887803__highlighted{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-400, var(--wsr-color-Y40))}}@keyframes highlightedtext2416887803__highlighted-match{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-200, var(--wsr-color-Y20))}}.pasteurlbutton1574574579__root{margin-top:6px}.pasteurlbutton1574574579__iconButtonTooltip{height:max-content}.pasteurlbutton1574574579__iconButton{width:24px;height:24px}.formmediagalleryfield1790709836__container{display:flex;min-height:128px;max-height:259px}.formmediagalleryfield1790709836__viewBox{display:flex;height:100%;width:100%;flex-wrap:wrap}.formmediagalleryfield1790709836__addItemWrapper{height:128px;width:100%;box-sizing:border-box}.formmediagalleryfield1790709836__addItem{box-sizing:border-box}.formmediagalleryfield1790709836__overlay{width:initial!important;min-width:382px!important}.formmediagalleryfield1790709836__image.formmediagalleryfield1790709836--withMarginRight{margin-right:3px}.formmediagalleryfield1790709836__image.formmediagalleryfield1790709836--withMarginTop{margin-top:3px}.formmediagalleryfield1790709836__previewImage{max-height:calc(100% - 12px)!important}.formmediagalleryfield1790709836__previewVideo{border-radius:8px;max-width:100%;max-height:calc(100% - 12px)!important}.mediaimage2732782903__root{display:flex;align-items:center;flex-shrink:0;position:relative;box-sizing:border-box}.mediaimage2732782903__root.mediaimage2732782903--error{--mediaimage2732782903-from:calc(50% - 0.5px);--mediaimage2732782903-to:calc(50% + 0.5px);background-image:linear-gradient(to bottom right,transparent var(--mediaimage2732782903-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage2732782903-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage2732782903-to),transparent var(--mediaimage2732782903-to))}.mediaimage2732782903__root.mediaimage2732782903--error>*{opacity:0}.overlay920781950__iconOverlay{position:absolute;color:var(--wds-color-white, var(--overlay920781950-wsr-color-D80, #FFFFFF));background-color:transparent;filter:drop-shadow(0 1px 1px rgba(22,45,61,.6));-webkit-filter:drop-shadow(0 1px 1px rgba(22,45,61,.6))}.overlay920781950__iconOverlay.overlay920781950---size-5-small{width:20px;height:20px}.overlay920781950__iconOverlay.overlay920781950---size-6-medium{width:24px;height:24px}.overlay920781950__iconOverlay.overlay920781950---size-5-large{width:28px;height:28px}.overlay920781950__iconOverlay.overlay920781950---placement-7-topLeft{top:2px;left:2px}.overlay920781950__iconOverlay.overlay920781950---placement-10-bottomLeft{bottom:2px;left:2px}.medialoader3037739348__loader{border-radius:6px}.medialoader3037739348__loader.medialoader3037739348--isDashed{border:dashed 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.medialoader3037739348__loader.medialoader3037739348--isSolid{border:solid 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.mediatag2823993195__root{box-sizing:border-box;padding:3px 6px 3px 3px;border-radius:3px;max-height:24px;min-width:54px;max-width:100%;background-color:var(--wds-color-blue-400, var(--wsr-color-B40))}.formmultidocument3727616614__viewRoot{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formmultidocument3727616614__singleViewWrapper{border-radius:0;border-bottom:1px solid var(--wds-color-neutral-600, var(--wsr-color-D60));background-color:transparent!important}.formmultidocument3727616614__viewRoot>div:first-child .formmultidocument3727616614__singleViewWrapper{border-top-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-top-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument3727616614__singleViewWrapper:hover{background-color:var(--wds-color-blue-500, var(--wsr-color-B50))!important}.formmultidocument3727616614__singleViewWrapper:focus-visible{border-bottom:1px solid transparent;position:relative;z-index:1}.formmultidocument3727616614__addDocumentButton{border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument3727616614__addDocumentButton:focus-within{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.richcontentdefaultvalueinput2965974305__richContentEditorContainer .richcontentdefaultvalueinput2965974305__editor{max-height:calc(40vh - var(--richcontentdefaultvalueinput2965974305-topToolbarHeight) - var(--richcontentdefaultvalueinput2965974305-bottomToolbarHeight))}.richcontentforminput1445456063__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-blue-300);border-radius:var(--wds-border-radius-300)}.richcontentforminput1445456063__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.richcontentforminput1445456063__root .richcontentforminput1445456063__editor{overflow-y:auto;max-height:calc(80vh - var(--richcontentforminput1445456063-topToolbarHeight) - var(--richcontentforminput1445456063-bottomToolbarHeight))}.richcontentformreadonlyinput132497444__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-black-600);border-radius:var(--wds-border-radius-300)}.richcontentformreadonlyinput132497444__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.fullscreenmodal3040734414__modalContent{display:flex;position:relative;height:100%;width:782px;background-color:var(--wds-color-white);border-radius:var(--wds-border-radius-300);margin-top:24px}.publishloader1079818121__publishLoader{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--wds-color-white);z-index:5000;border-radius:inherit}.togglefullscreenbutton3661534936__root{z-index:5;box-sizing:border-box;position:absolute;right:0;top:calc(50% - 16px)!important;padding-right:3px}.togglefullscreenbutton3661534936__root button{border-radius:6px!important}.richcontenteditor3306814545__root{position:relative}.richcontenteditor3306814545__root,.richcontenteditor3306814545__toolbarContainer,.richcontenteditor3306814545__footerToolbarContainer{width:100%;box-sizing:border-box}.richcontenteditor3306814545__toolbarContainer div{box-sizing:border-box}.richcontenteditor3306814545__toolbarAndFullScreenButtonWrapper{display:flex;position:relative}.richcontenteditor3306814545__editor{box-sizing:border-box;padding:36px 24px 36px 55px}.richcontenteditor3306814545__modalEditor .richcontenteditor3306814545__editor{overflow-y:auto;min-height:calc(100% - var(--richcontenteditor3306814545-topToolbarHeight) - var(--richcontenteditor3306814545-bottomToolbarHeight));max-height:calc(100% - var(--richcontenteditor3306814545-topToolbarHeight) - var(--richcontenteditor3306814545-bottomToolbarHeight));min-width:592px;box-sizing:border-box}.richcontenteditor3306814545__modalEditor .richcontenteditor3306814545__footerToolbarContainer{margin-top:9px}.richcontenteditor3306814545__toolbarContainer button[data-hook~=text-button-headings]>span{display:inline-flex;padding-inline-end:3px!important}.richcontenteditor3306814545__toolbarContainer button[data-hook~=text-button-ai]>span{padding-inline-end:9px!important}.richcontenttoolbar2995643097__toolbar{border-top:1px solid rgba(51,51,51,.1);z-index:2;margin-right:auto;padding-left:6px;margin-left:auto;position:relative;height:40px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box}.richcontenttoolbar2995643097__toolbarButton{line-height:40px;background:0 0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 5px 0 0}.richcontenttoolbar2995643097__toolbarButton:disabled{color:graytext}.richcontenttoolbar2995643097__toolbar label{padding:0 8px}.richcontentviewer712520556__root{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:36px}.richcontentviewer712520556__root.richcontentviewer712520556--isFullScreen{padding:12px 24px}.richcontentviewer712520556__root:not(.richcontentviewer712520556--isFullScreen){padding:6px 24px 6px 12px}.richcontentviewer712520556__root ToggleButton{margin:0;padding:0;border:0;position:absolute;top:2px!important;right:2px;width:30px;height:30px}.richcontentviewer712520556__viewer{height:calc(100% - 36px);width:100%}.richcontentviewer712520556__modalViewer{min-width:592px;overflow:auto}.richtexteditor401858677__root{width:100%;box-sizing:border-box;outline:0;overflow:hidden;border-radius:var(--wds-border-radius-300)}.richtexteditor401858677__root.richtexteditor401858677---border-4-none{border:0}.richtexteditor401858677__root.richtexteditor401858677---border-8-standard{border:1px solid var(--wds-color-blue-300)}.richtexteditor401858677__root.richtexteditor401858677---border-8-standard:focus,.richtexteditor401858677__root.richtexteditor401858677---border-8-standard:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.richtexteditor401858677__root.richtexteditor401858677---border-8-standard.richtexteditor401858677---status-5-error{border:1px solid var(--wds-color-red-100)}.richtexteditor401858677__root.richtexteditor401858677---border-8-standard.richtexteditor401858677---status-5-error:focus,.richtexteditor401858677__root.richtexteditor401858677---border-8-standard.richtexteditor401858677---status-5-error:focus-within{border:1px solid var(--wds-color-red-100);box-shadow:0 0 0 3px var(--wds-color-red-300)}.richtexteditor401858677__root.richtexteditor401858677---border-8-standard.richtexteditor401858677---status-7-warning{border:1px solid var(--wds-color-yellow-100)}.richtexteditor401858677__root.richtexteditor401858677---border-8-standard.richtexteditor401858677---status-7-warning:focus,.richtexteditor401858677__root.richtexteditor401858677---border-8-standard.richtexteditor401858677---status-7-warning:focus-within{border:1px solid var(--wds-color-yellow-100);box-shadow:0 0 0 3px var(--wds-color-yellow-300)}.richtexteditor401858677__nativeInput{position:absolute;opacity:0;padding:0;margin:0;border:0;width:0;height:0}.richtexteditor401858677__editor{height:auto;line-height:auto;display:flex;width:100%;height:100%;min-height:234px;overflow:hidden;box-sizing:border-box;flex-direction:row;border-radius:var(--wds-border-radius-300)}.richtexteditor401858677__editor.richtexteditor401858677--isFullScreen{max-width:782px;min-width:582px;background:var(--wds-color-black-700)}.richtexteditor401858677__editor:not(.richtexteditor401858677--isFullScreen){max-height:80vh}.richtexteditor401858677__editor>div{flex:1;max-width:100%}.toolbar3593883827__root{padding:12px 18px;display:flex;border-bottom:1px solid var(--wds-color-blue-400);background:var(--wds-color-white);align-items:center}.toolbar3593883827__item{display:flex;margin-right:12px}.toolbar3593883827__item svg,.toolbar3593883827__item svg path,.toolbar3593883827__item svg text{color:inherit;fill:currentColor}.toolbar3593883827__separator{display:inline-flex;margin-right:12px;border-left:1px solid #ddd;height:100%}.toolbar3593883827__clearFormatting{margin-left:auto}.toolbar3593883827__fullScreen{margin-right:0}.toolbar3593883827__dropdownItemContent{height:36px;width:100%;display:flex;gap:12px;justify-content:space-between;align-items:center}.toolbar3593883827__dropdownItemContent.toolbar3593883827--selected .toolbar3593883827__dropdownItemTitle,.toolbar3593883827__dropdownItemContent.toolbar3593883827--selected .toolbar3593883827__dropdownItemSubtitle{color:var(--wds-color-white)!important}.toolbar3593883827__dropdownItemSubtitle{color:var(--wds-color-black-400)!important;padding-right:12px;flex-shrink:0}.toolbar3593883827__dropdownHeaderOne{font-weight:var(--wds-font-weight-bold)!important;font-size:36px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar3593883827__dropdownHeaderTwo{font-weight:var(--wds-font-weight-bold)!important;font-size:32px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar3593883827__dropdownHeaderThree{font-weight:var(--wds-font-weight-medium)!important;font-size:28px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar3593883827__dropdownHeaderFour{font-weight:var(--wds-font-weight-bold)!important;font-size:24px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar3593883827__dropdownHeaderFive{font-weight:var(--wds-font-weight-bold)!important;font-size:22px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar3593883827__dropdownHeaderSix{font-weight:var(--wds-font-weight-medium)!important;font-size:20px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar3593883827__dropdownParagraphOne{font-weight:var(--wds-font-weight-medium)!important;font-size:18px!important;line-height:1.33!important;font-family:var(--wds-font-family-default)!important}.toolbar3593883827__dropdownNormalText{font-weight:var(--wds-font-weight-medium)!important;font-size:var(--wds-font-size-500)!important;line-height:var(--wds-font-line-height-300)!important;font-family:var(--wds-font-family-default)!important}.toolbar3593883827__dropdownParagraphThree{font-weight:var(--wds-font-weight-medium)!important;font-size:14px!important;line-height:1.29!important;font-family:var(--wds-font-family-default)!important}.textview2864771689__textView::after{content:"";display:block}.richeditor3859452411__root{display:flex;flex-direction:column;font-weight:var(--wds-font-weight-medium);font-size:var(--wds-font-size-500);line-height:var(--wds-font-line-height-300);font-family:var(--wds-font-family-default)}.richeditor3859452411__editor{box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;flex:1;cursor:text;color:var(--wds-color-black-100);background:var(--wds-color-black-700)}.richeditor3859452411__editor .DraftEditor-root{width:100%;height:100%}.richeditor3859452411__editor .DraftEditor-root [data-contents]{overflow:auto}.richeditor3859452411__editor .DraftEditor-editorContainer{display:flex;min-height:100%;background:#fff}.richeditor3859452411__editor .public-DraftEditor-content{padding:12px 24px 24px;min-height:100%;width:100%;box-sizing:border-box}.richeditor3859452411__editor .public-DraftEditor-content ol,.richeditor3859452411__editor .public-DraftEditor-content ul{display:flex;flex-direction:column;padding:0}.richeditor3859452411__editor .public-DraftEditor-content a,.richeditor3859452411__editor .public-DraftEditor-content a:visited{color:inherit;text-decoration:none}.richeditor3859452411__header-one:not(li),.richeditor3859452411__header-two:not(li),.richeditor3859452411__header-three:not(li),.richeditor3859452411__header-four:not(li),.richeditor3859452411__header-five:not(li),.richeditor3859452411__header-six:not(li){margin-block:0;margin:0}.richeditor3859452411__header-one,.richeditor3859452411__editor li.richeditor3859452411__header-one .public-DraftStyleDefault-block{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__header-two,.richeditor3859452411__editor li.richeditor3859452411__header-two .public-DraftStyleDefault-block{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__header-three,.richeditor3859452411__editor li.richeditor3859452411__header-three .public-DraftStyleDefault-block{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__header-four,.richeditor3859452411__editor li.richeditor3859452411__header-four .public-DraftStyleDefault-block{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__header-five,.richeditor3859452411__editor li.richeditor3859452411__header-five .public-DraftStyleDefault-block{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__header-six,.richeditor3859452411__editor li.richeditor3859452411__header-six .public-DraftStyleDefault-block{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__paragraph-one,.richeditor3859452411__editor li.richeditor3859452411__paragraph-one .public-DraftStyleDefault-block{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__unstyled,.richeditor3859452411__editor li.richeditor3859452411__unstyled .public-DraftStyleDefault-block{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__paragraph-three,.richeditor3859452411__editor li.richeditor3859452411__paragraph-three .public-DraftStyleDefault-block{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__editor li.richeditor3859452411__header-one:first-child~li{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__editor li.richeditor3859452411__header-one:first-child~li::marker{line-height:var(--rt-h1-fontSize, 72px)}.richeditor3859452411__editor li.richeditor3859452411__header-two:first-child~li{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__editor li.richeditor3859452411__header-two:first-child~li::marker{line-height:var(--rt-h2-fontSize, 42px)}.richeditor3859452411__editor li.richeditor3859452411__header-three:first-child~li{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__editor li.richeditor3859452411__header-three:first-child~li::marker{line-height:var(--rt-h3-fontSize, 38px)}.richeditor3859452411__editor li.richeditor3859452411__header-four:first-child~li{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__editor li.richeditor3859452411__header-four:first-child~li::marker{line-height:var(--rt-h4-fontSize, 34px)}.richeditor3859452411__editor li.richeditor3859452411__header-five:first-child~li{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__editor li.richeditor3859452411__header-five:first-child~li::marker{line-height:var(--rt-h5-fontSize, 28px)}.richeditor3859452411__editor li.richeditor3859452411__header-six:first-child~li{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__editor li.richeditor3859452411__header-six:first-child~li::marker{line-height:var(--rt-h6-fontSize, 22px)}.richeditor3859452411__editor li.richeditor3859452411__paragraph-one:first-child~li{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__editor li.richeditor3859452411__unstyled:first-child~li{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default))}.richeditor3859452411__editor li.richeditor3859452411__paragraph-three:first-child~li{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default))}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth0:first-child{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+10){margin-inline-start:3ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+100){margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+1000){margin-inline-start:5ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth1:first-child{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+10){margin-inline-start:5ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+100){margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+1000){margin-inline-start:7ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth2:first-child{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+10){margin-inline-start:7ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+100){margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+1000){margin-inline-start:9ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth3:first-child{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+10){margin-inline-start:9ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+100){margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+1000){margin-inline-start:11ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth4:first-child{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+10){margin-inline-start:11ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+100){margin-inline-start:12ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+1000){margin-inline-start:13ch}.richeditor3859452411__align-left{text-align:left;align-self:flex-start}.richeditor3859452411__align-right{text-align:right;align-self:flex-end}.richeditor3859452411__align-center{text-align:center;align-self:center}.richeditor3859452411__align-justify{text-align:justify;align-self:stretch}.richeditor3859452411__withMargin{display:inline-block}.richeditor3859452411__dir-rtl,.richeditor3859452411__editor .public-DraftStyleDefault-rtl{direction:rtl}.richeditor3859452411__editor .public-DraftStyleDefault-listRTL{direction:rtl;text-align:right;max-width:100%}
|