@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.
Files changed (195) hide show
  1. package/dist/cjs/assets/locale/messages_en.json +4 -1
  2. package/dist/cjs/components/address/input/address-input.st.css.js +3 -3
  3. package/dist/cjs/components/address/input/address-input.st.css.js.map +1 -1
  4. package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js +3 -3
  5. package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js.map +1 -1
  6. package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js +4 -4
  7. package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js.map +1 -1
  8. package/dist/cjs/components/audio/audio-player/audio-player.st.css.js +2 -2
  9. package/dist/cjs/components/audio/audio-player/audio-player.st.css.js.map +1 -1
  10. package/dist/cjs/components/color-view/color-view.st.css.js +4 -4
  11. package/dist/cjs/components/color-view/color-view.st.css.js.map +1 -1
  12. package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js +3 -3
  13. package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js.map +1 -1
  14. package/dist/cjs/components/document/form-document-field.st.css.js +7 -7
  15. package/dist/cjs/components/document/form-document-field.st.css.js.map +1 -1
  16. package/dist/cjs/components/exclamation/exclamation.st.css.js +5 -5
  17. package/dist/cjs/components/exclamation/exclamation.st.css.js.map +1 -1
  18. package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js +5 -5
  19. package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js.map +1 -1
  20. package/dist/cjs/components/index.js +6 -0
  21. package/dist/cjs/components/index.js.map +1 -1
  22. package/dist/cjs/components/media-control/paste-url-button.st.css.js +4 -4
  23. package/dist/cjs/components/media-control/paste-url-button.st.css.js.map +1 -1
  24. package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js +10 -10
  25. package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js.map +1 -1
  26. package/dist/cjs/components/media-image/media-image.st.css.js +4 -4
  27. package/dist/cjs/components/media-image/media-image.st.css.js.map +1 -1
  28. package/dist/cjs/components/media-image/overlays/overlay.st.css.js +4 -4
  29. package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map +1 -1
  30. package/dist/cjs/components/media-loader/media-loader.st.css.js +3 -3
  31. package/dist/cjs/components/media-loader/media-loader.st.css.js.map +1 -1
  32. package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
  33. package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js.map +1 -1
  34. package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js +5 -5
  35. package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
  36. package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +6 -6
  37. package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
  38. package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +5 -5
  39. package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
  40. package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
  41. 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
  42. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +3 -3
  43. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map +1 -1
  44. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +3 -3
  45. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
  46. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
  47. package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map +1 -1
  48. package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +9 -9
  49. package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map +1 -1
  50. package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +4 -4
  51. package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map +1 -1
  52. package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +4 -4
  53. package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
  54. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +18 -18
  55. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
  56. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +4 -4
  57. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map +1 -1
  58. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +18 -18
  59. package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
  60. package/dist/cjs/components/text/cell-autocomplete-input.js +160 -0
  61. package/dist/cjs/components/text/cell-autocomplete-input.js.map +1 -0
  62. package/dist/cjs/components/text/cell-text-input.js +136 -0
  63. package/dist/cjs/components/text/cell-text-input.js.map +1 -0
  64. package/dist/cjs/components/text/index.js +12 -0
  65. package/dist/cjs/components/text/index.js.map +1 -1
  66. package/dist/cjs/components/text/text-view.st.css.js +3 -3
  67. package/dist/cjs/components/text/text-view.st.css.js.map +1 -1
  68. package/dist/cjs/components/url/cell-url-input.js +38 -0
  69. package/dist/cjs/components/url/cell-url-input.js.map +1 -0
  70. package/dist/cjs/components/url/index.js +16 -0
  71. package/dist/cjs/components/url/index.js.map +1 -0
  72. package/dist/cjs/components/url/url-view.js +108 -0
  73. package/dist/cjs/components/url/url-view.js.map +1 -0
  74. package/dist/cjs/exports/testkit.js +7 -0
  75. package/dist/cjs/exports/testkit.js.map +1 -0
  76. package/dist/cjs/services/translations.js.map +1 -1
  77. package/dist/cjs/styles.global.css +1 -1
  78. package/dist/esm/assets/locale/messages_en.json +4 -1
  79. package/dist/esm/components/address/input/address-input.st.css.js +2 -2
  80. package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js +2 -2
  81. package/dist/esm/components/audio/audio-field/form-audio-field.st.css.js +2 -2
  82. package/dist/esm/components/audio/audio-player/audio-player.st.css.js +2 -2
  83. package/dist/esm/components/color-view/color-view.st.css.js +2 -2
  84. package/dist/esm/components/delete-dialog/delete-dialog.st.css.js +2 -2
  85. package/dist/esm/components/document/form-document-field.st.css.js +2 -2
  86. package/dist/esm/components/document/form-document-field.st.css.js.map +1 -1
  87. package/dist/esm/components/exclamation/exclamation.st.css.js +2 -2
  88. package/dist/esm/components/highlighted-text/highlighted-text.st.css.js +3 -3
  89. package/dist/esm/components/index.js +1 -0
  90. package/dist/esm/components/index.js.map +1 -1
  91. package/dist/esm/components/media-control/paste-url-button.st.css.js +2 -2
  92. package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js +2 -2
  93. package/dist/esm/components/media-image/media-image.st.css.js +3 -3
  94. package/dist/esm/components/media-image/overlays/overlay.st.css.js +3 -3
  95. package/dist/esm/components/media-image/overlays/overlay.st.css.js.map +1 -1
  96. package/dist/esm/components/media-loader/media-loader.st.css.js +2 -2
  97. package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
  98. package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js +2 -2
  99. package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +3 -3
  100. package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +3 -3
  101. package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
  102. 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
  103. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +2 -2
  104. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +2 -2
  105. package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
  106. package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +3 -3
  107. package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +2 -2
  108. package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +2 -2
  109. package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
  110. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +2 -2
  111. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +2 -2
  112. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map +1 -1
  113. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +2 -2
  114. package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
  115. package/dist/esm/components/text/cell-autocomplete-input.js +85 -0
  116. package/dist/esm/components/text/cell-autocomplete-input.js.map +1 -0
  117. package/dist/esm/components/text/cell-text-input.js +61 -0
  118. package/dist/esm/components/text/cell-text-input.js.map +1 -0
  119. package/dist/esm/components/text/index.js +2 -0
  120. package/dist/esm/components/text/index.js.map +1 -1
  121. package/dist/esm/components/text/text-view.st.css.js +2 -2
  122. package/dist/esm/components/url/cell-url-input.js +12 -0
  123. package/dist/esm/components/url/cell-url-input.js.map +1 -0
  124. package/dist/esm/components/url/index.js +3 -0
  125. package/dist/esm/components/url/index.js.map +1 -0
  126. package/dist/esm/components/url/url-view.js +25 -0
  127. package/dist/esm/components/url/url-view.js.map +1 -0
  128. package/dist/esm/exports/testkit.js +2 -0
  129. package/dist/esm/exports/testkit.js.map +1 -0
  130. package/dist/esm/styles.global.css +1 -1
  131. package/dist/types/components/document/form-document-field.st.css.d.ts.map +1 -1
  132. package/dist/types/components/index.d.ts +1 -0
  133. package/dist/types/components/index.d.ts.map +1 -1
  134. package/dist/types/components/media-image/overlays/overlay.st.css.d.ts.map +1 -1
  135. 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
  136. package/dist/types/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.d.ts.map +1 -1
  137. package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.d.ts.map +1 -1
  138. package/dist/types/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.d.ts.map +1 -1
  139. package/dist/types/components/text/cell-autocomplete-input.d.ts +56 -0
  140. package/dist/types/components/text/cell-autocomplete-input.d.ts.map +1 -0
  141. package/dist/types/components/text/cell-text-input.d.ts +19 -0
  142. package/dist/types/components/text/cell-text-input.d.ts.map +1 -0
  143. package/dist/types/components/text/index.d.ts +2 -0
  144. package/dist/types/components/text/index.d.ts.map +1 -1
  145. package/dist/types/components/url/cell-url-input.d.ts +14 -0
  146. package/dist/types/components/url/cell-url-input.d.ts.map +1 -0
  147. package/dist/types/components/url/index.d.ts +3 -0
  148. package/dist/types/components/url/index.d.ts.map +1 -0
  149. package/dist/types/components/url/url-view.d.ts +6 -0
  150. package/dist/types/components/url/url-view.d.ts.map +1 -0
  151. package/dist/types/exports/testkit.d.ts +2 -0
  152. package/dist/types/exports/testkit.d.ts.map +1 -0
  153. package/dist/types/services/translations.d.ts +4 -1
  154. package/dist/types/services/translations.d.ts.map +1 -1
  155. package/package.json +10 -5
  156. package/src/assets/locale/messages_en.json +4 -1
  157. package/src/components/address/input/address-input.st.css.ts +2 -2
  158. package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts +2 -2
  159. package/src/components/audio/audio-field/form-audio-field.st.css.ts +2 -2
  160. package/src/components/audio/audio-player/audio-player.st.css.ts +2 -2
  161. package/src/components/color-view/color-view.st.css.ts +2 -2
  162. package/src/components/delete-dialog/delete-dialog.st.css.ts +2 -2
  163. package/src/components/document/form-document-field.st.css.ts +2 -2
  164. package/src/components/exclamation/exclamation.st.css.ts +2 -2
  165. package/src/components/highlighted-text/highlighted-text.st.css.ts +3 -3
  166. package/src/components/index.ts +1 -0
  167. package/src/components/media-control/paste-url-button.st.css.ts +2 -2
  168. package/src/components/media-gallery/form-media-gallery-field.st.css.ts +2 -2
  169. package/src/components/media-image/media-image.st.css.ts +3 -3
  170. package/src/components/media-image/overlays/overlay.st.css.ts +3 -3
  171. package/src/components/media-loader/media-loader.st.css.ts +2 -2
  172. package/src/components/media-tag/web-media-tag/media-tag.st.css.ts +2 -2
  173. package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts +2 -2
  174. package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts +3 -3
  175. package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts +3 -3
  176. package/src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts +2 -2
  177. package/src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts +2 -2
  178. package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts +2 -2
  179. package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts +2 -2
  180. package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts +3 -3
  181. package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts +2 -2
  182. package/src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts +2 -2
  183. package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts +2 -2
  184. package/src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts +2 -2
  185. package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts +2 -2
  186. package/src/components/text/cell-autocomplete-input.tsx +206 -0
  187. package/src/components/text/cell-text-input.tsx +136 -0
  188. package/src/components/text/index.ts +2 -0
  189. package/src/components/text/text-view.st.css.ts +2 -2
  190. package/src/components/url/cell-url-input.tsx +36 -0
  191. package/src/components/url/index.ts +2 -0
  192. package/src/components/url/url-view.tsx +63 -0
  193. package/src/exports/testkit.ts +1 -0
  194. package/src/services/translations.ts +8 -1
  195. 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';
@@ -1 +1,3 @@
1
1
  export * from './text-view';
2
+ export * from './cell-text-input';
3
+ export * from './cell-autocomplete-input';
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
5
5
 
6
6
 
7
7
 
8
- var _namespace_ = "textview4060489688";
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":"textview4060489688__root","textView":"textview4060489688__textView"};
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,2 @@
1
+ export * from './url-view';
2
+ export * from './cell-url-input';
@@ -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
  };
@@ -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%}