@festo-ui/react 4.0.3-pre-20221124.8 → 5.0.0-dev.46

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 (228) hide show
  1. package/index.css +3 -3202
  2. package/index.d.ts +50 -48
  3. package/index.js +50 -4797
  4. package/lib/components/accordion/Accordion.d.ts +9 -9
  5. package/lib/components/accordion/Accordion.js +38 -0
  6. package/lib/components/accordion/AccordionContext.d.ts +11 -11
  7. package/lib/components/accordion/AccordionContext.js +3 -0
  8. package/lib/components/accordion/accordion-header/AccordionHeader.d.ts +4 -4
  9. package/lib/components/accordion/accordion-header/AccordionHeader.js +17 -0
  10. package/lib/components/accordion/accordion-item/AccordionItem.d.ts +9 -9
  11. package/lib/components/accordion/accordion-item/AccordionItem.js +64 -0
  12. package/lib/components/accordion/accordion-item/AccordionItemContext.d.ts +8 -8
  13. package/lib/components/accordion/accordion-item/AccordionItemContext.js +3 -0
  14. package/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.d.ts +4 -4
  15. package/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js +71 -0
  16. package/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.d.ts +4 -4
  17. package/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js +41 -0
  18. package/lib/components/breadcrumb/Breadcrumb.d.ts +14 -14
  19. package/lib/components/breadcrumb/Breadcrumb.js +45 -0
  20. package/lib/components/buttons/button/Button.d.ts +12 -12
  21. package/lib/components/buttons/button/Button.js +37 -0
  22. package/lib/components/card/Card.d.ts +4 -4
  23. package/lib/components/card/Card.js +13 -0
  24. package/lib/components/card/CardBody.d.ts +7 -7
  25. package/lib/components/card/CardBody.js +18 -0
  26. package/lib/components/card/CardHeader.d.ts +9 -9
  27. package/lib/components/card/CardHeader.js +23 -0
  28. package/lib/components/card/CardNotification.d.ts +9 -9
  29. package/lib/components/card/CardNotification.js +26 -0
  30. package/lib/components/chips/chip/Chip.d.ts +19 -19
  31. package/lib/components/chips/chip/Chip.js +46 -0
  32. package/lib/components/chips/chip/DeleteIcon.d.ts +2 -0
  33. package/lib/components/chips/chip/DeleteIcon.js +7 -0
  34. package/lib/components/chips/chip-container/ChipContainer.d.ts +8 -8
  35. package/lib/components/chips/chip-container/ChipContainer.js +17 -0
  36. package/lib/components/link-button/LinkButton.d.ts +10 -10
  37. package/lib/components/link-button/LinkButton.js +26 -0
  38. package/lib/components/loading-indicator/LoadingIndicator.d.ts +7 -7
  39. package/lib/components/loading-indicator/LoadingIndicator.js +40 -0
  40. package/lib/components/modals/AlertModal.d.ts +14 -14
  41. package/lib/components/modals/AlertModal.js +76 -0
  42. package/lib/components/modals/ConfirmModal.d.ts +13 -13
  43. package/lib/components/modals/ConfirmModal.js +56 -0
  44. package/lib/components/modals/Modal.d.ts +11 -11
  45. package/lib/components/modals/Modal.js +76 -0
  46. package/lib/components/modals/ModalFooter.d.ts +4 -4
  47. package/lib/components/modals/ModalFooter.js +18 -0
  48. package/lib/components/modals/Prompt.d.ts +16 -16
  49. package/lib/components/modals/Prompt.js +65 -0
  50. package/lib/components/pagination/Pagination.d.ts +17 -17
  51. package/lib/components/pagination/Pagination.js +107 -0
  52. package/lib/components/popovers/legend/Legend.d.ts +12 -12
  53. package/lib/components/popovers/legend/Legend.js +25 -0
  54. package/lib/components/popovers/popover/Popover.d.ts +18 -18
  55. package/lib/components/popovers/popover/Popover.js +109 -0
  56. package/lib/components/popovers/popover-menu/PopoverMenu.d.ts +15 -15
  57. package/lib/components/popovers/popover-menu/PopoverMenu.js +54 -0
  58. package/lib/components/popovers/tooltip/Tooltip.d.ts +10 -10
  59. package/lib/components/popovers/tooltip/Tooltip.js +64 -0
  60. package/lib/components/progress/Progress.d.ts +9 -9
  61. package/lib/components/progress/Progress.js +32 -0
  62. package/lib/components/search-input/ClearButton.d.ts +2 -0
  63. package/lib/components/search-input/ClearButton.js +10 -0
  64. package/lib/components/search-input/SearchInput.d.ts +15 -0
  65. package/lib/components/search-input/SearchInput.js +75 -0
  66. package/lib/components/search-input/SearchSuggestion.d.ts +17 -0
  67. package/lib/components/search-input/SearchSuggestion.js +32 -0
  68. package/lib/components/search-input/useSearchInput.d.ts +13 -0
  69. package/lib/components/search-input/useSearchInput.js +94 -0
  70. package/lib/components/snackbar/Snackbar.d.ts +23 -23
  71. package/lib/components/snackbar/Snackbar.js +87 -0
  72. package/lib/components/snackbar/SnackbarContext.d.ts +8 -8
  73. package/lib/components/snackbar/SnackbarContext.js +2 -0
  74. package/lib/components/snackbar/SnackbarProvider.d.ts +8 -8
  75. package/lib/components/snackbar/SnackbarProvider.js +58 -0
  76. package/lib/components/snackbar/useSnackbar.d.ts +3 -3
  77. package/lib/components/snackbar/useSnackbar.js +3 -0
  78. package/lib/components/stepper-horizontal/StepperHorizontal.d.ts +7 -7
  79. package/lib/components/stepper-horizontal/StepperHorizontal.js +62 -0
  80. package/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.d.ts +7 -7
  81. package/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.js +23 -0
  82. package/lib/components/stepper-vertical/StepperVertical.d.ts +7 -7
  83. package/lib/components/stepper-vertical/StepperVertical.js +37 -0
  84. package/lib/components/stepper-vertical/step-vertical/StepVertical.d.ts +12 -12
  85. package/lib/components/stepper-vertical/step-vertical/StepVertical.js +77 -0
  86. package/lib/components/tab/Tabs.d.ts +23 -23
  87. package/lib/components/tab/Tabs.js +229 -0
  88. package/lib/components/tab/interfaces.d.ts +5 -0
  89. package/lib/components/tab/interfaces.js +1 -0
  90. package/lib/components/tab/tab-pane/TabPane.d.ts +11 -13
  91. package/lib/components/tab/tab-pane/TabPane.js +23 -0
  92. package/lib/components/tab/useTabScroll.d.ts +24 -24
  93. package/lib/components/tab/useTabScroll.js +233 -0
  94. package/lib/components/table-header-cell/TableHeaderCell.d.ts +7 -7
  95. package/lib/components/table-header-cell/TableHeaderCell.js +21 -0
  96. package/lib/forms/checkbox/Checkbox.d.ts +16 -16
  97. package/lib/forms/checkbox/Checkbox.js +88 -0
  98. package/lib/forms/color-indicator/ColorIndicator.d.ts +12 -12
  99. package/lib/forms/color-indicator/ColorIndicator.js +122 -0
  100. package/lib/forms/color-picker/ColorHelper.d.ts +9 -9
  101. package/lib/forms/color-picker/ColorHelper.js +142 -0
  102. package/lib/forms/color-picker/ColorPicker.d.ts +15 -15
  103. package/lib/forms/color-picker/ColorPicker.js +539 -0
  104. package/lib/forms/date-picker/DatePicker.d.ts +22 -21
  105. package/lib/forms/date-picker/DatePicker.js +124 -0
  106. package/lib/forms/date-range-picker/DateRangePicker.d.ts +20 -20
  107. package/lib/forms/date-range-picker/DateRangePicker.js +135 -0
  108. package/lib/forms/radio/RadioButton.d.ts +15 -15
  109. package/lib/forms/radio/RadioButton.js +56 -0
  110. package/lib/forms/radio/RadioGroup.d.ts +13 -13
  111. package/lib/forms/radio/RadioGroup.js +35 -0
  112. package/lib/forms/radio/RadioGroupContext.d.ts +12 -12
  113. package/lib/forms/radio/RadioGroupContext.js +3 -0
  114. package/lib/forms/segment/Segment.d.ts +14 -14
  115. package/lib/forms/segment/Segment.js +77 -0
  116. package/lib/forms/segment/segment-control/SegmentControl.d.ts +15 -15
  117. package/lib/forms/segment/segment-control/SegmentControl.js +64 -0
  118. package/lib/forms/select/Select.d.ts +26 -26
  119. package/lib/forms/select/Select.js +281 -0
  120. package/lib/forms/select/select-option/SelectOption.d.ts +10 -10
  121. package/lib/forms/select/select-option/SelectOption.js +16 -0
  122. package/lib/forms/slider/Slider.d.ts +18 -17
  123. package/lib/forms/slider/Slider.js +92 -0
  124. package/lib/forms/switch/Switch.d.ts +13 -12
  125. package/lib/forms/switch/Switch.js +51 -0
  126. package/lib/forms/text-area/TextArea.d.ts +22 -21
  127. package/lib/forms/text-area/TextArea.js +108 -0
  128. package/lib/forms/text-editor/TextEditor.d.ts +29 -29
  129. package/lib/forms/text-editor/TextEditor.js +255 -0
  130. package/lib/forms/text-editor/TextEditorButton.d.ts +14 -14
  131. package/lib/forms/text-editor/TextEditorButton.js +82 -0
  132. package/lib/forms/text-input/TextInput.d.ts +21 -21
  133. package/lib/forms/text-input/TextInput.js +75 -0
  134. package/lib/forms/time-picker/TimePicker.d.ts +18 -18
  135. package/lib/forms/time-picker/TimePicker.js +161 -0
  136. package/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.d.ts +12 -12
  137. package/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js +213 -0
  138. package/lib/helper/index.d.ts +2 -2
  139. package/lib/helper/index.js +7 -0
  140. package/lib/helper/setRef.d.ts +2 -2
  141. package/lib/helper/setRef.js +7 -0
  142. package/lib/helper/types.d.ts +7 -7
  143. package/lib/helper/types.js +1 -0
  144. package/lib/helper/useControlled.d.ts +6 -6
  145. package/lib/helper/useControlled.js +18 -0
  146. package/lib/helper/useForkRef.d.ts +2 -2
  147. package/lib/helper/useForkRef.js +20 -0
  148. package/lib/helper/useId.d.ts +1 -0
  149. package/lib/helper/useId.js +21 -0
  150. package/lib/helper/useOnClickOutside.d.ts +2 -2
  151. package/lib/helper/useOnClickOutside.js +18 -0
  152. package/node/index.js +370 -0
  153. package/node/lib/components/accordion/Accordion.js +46 -0
  154. package/node/lib/components/accordion/AccordionContext.js +10 -0
  155. package/node/lib/components/accordion/accordion-header/AccordionHeader.js +25 -0
  156. package/node/lib/components/accordion/accordion-item/AccordionItem.js +71 -0
  157. package/node/lib/components/accordion/accordion-item/AccordionItemContext.js +10 -0
  158. package/node/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js +78 -0
  159. package/node/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js +49 -0
  160. package/node/lib/components/breadcrumb/Breadcrumb.js +52 -0
  161. package/node/lib/components/buttons/button/Button.js +44 -0
  162. package/node/lib/components/card/Card.js +21 -0
  163. package/node/lib/components/card/CardBody.js +25 -0
  164. package/node/lib/components/card/CardHeader.js +30 -0
  165. package/node/lib/components/card/CardNotification.js +33 -0
  166. package/node/lib/components/chips/chip/Chip.js +54 -0
  167. package/node/lib/components/chips/chip/DeleteIcon.js +13 -0
  168. package/node/lib/components/chips/chip-container/ChipContainer.js +25 -0
  169. package/node/lib/components/link-button/LinkButton.js +33 -0
  170. package/node/lib/components/loading-indicator/LoadingIndicator.js +48 -0
  171. package/node/lib/components/modals/AlertModal.js +82 -0
  172. package/node/lib/components/modals/ConfirmModal.js +62 -0
  173. package/node/lib/components/modals/Modal.js +84 -0
  174. package/node/lib/components/modals/ModalFooter.js +26 -0
  175. package/node/lib/components/modals/Prompt.js +72 -0
  176. package/node/lib/components/pagination/Pagination.js +116 -0
  177. package/node/lib/components/popovers/legend/Legend.js +32 -0
  178. package/node/lib/components/popovers/popover/Popover.js +117 -0
  179. package/node/lib/components/popovers/popover-menu/PopoverMenu.js +61 -0
  180. package/node/lib/components/popovers/tooltip/Tooltip.js +70 -0
  181. package/node/lib/components/progress/Progress.js +40 -0
  182. package/node/lib/components/search-input/ClearButton.js +16 -0
  183. package/node/lib/components/search-input/SearchInput.js +82 -0
  184. package/node/lib/components/search-input/SearchSuggestion.js +39 -0
  185. package/node/lib/components/search-input/useSearchInput.js +101 -0
  186. package/node/lib/components/snackbar/Snackbar.js +94 -0
  187. package/node/lib/components/snackbar/SnackbarContext.js +10 -0
  188. package/node/lib/components/snackbar/SnackbarProvider.js +65 -0
  189. package/node/lib/components/snackbar/useSnackbar.js +11 -0
  190. package/node/lib/components/stepper-horizontal/StepperHorizontal.js +70 -0
  191. package/node/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.js +31 -0
  192. package/node/lib/components/stepper-vertical/StepperVertical.js +47 -0
  193. package/node/lib/components/stepper-vertical/step-vertical/StepVertical.js +84 -0
  194. package/node/lib/components/tab/Tabs.js +237 -0
  195. package/node/lib/components/tab/interfaces.js +5 -0
  196. package/node/lib/components/tab/tab-pane/TabPane.js +31 -0
  197. package/node/lib/components/tab/useTabScroll.js +236 -0
  198. package/node/lib/components/table-header-cell/TableHeaderCell.js +29 -0
  199. package/node/lib/forms/checkbox/Checkbox.js +97 -0
  200. package/node/lib/forms/color-indicator/ColorIndicator.js +130 -0
  201. package/node/lib/forms/color-picker/ColorHelper.js +149 -0
  202. package/node/lib/forms/color-picker/ColorPicker.js +549 -0
  203. package/node/lib/forms/date-picker/DatePicker.js +131 -0
  204. package/node/lib/forms/date-range-picker/DateRangePicker.js +142 -0
  205. package/node/lib/forms/radio/RadioButton.js +63 -0
  206. package/node/lib/forms/radio/RadioGroup.js +43 -0
  207. package/node/lib/forms/radio/RadioGroupContext.js +10 -0
  208. package/node/lib/forms/segment/Segment.js +84 -0
  209. package/node/lib/forms/segment/segment-control/SegmentControl.js +72 -0
  210. package/node/lib/forms/select/Select.js +289 -0
  211. package/node/lib/forms/select/select-option/SelectOption.js +26 -0
  212. package/node/lib/forms/slider/Slider.js +101 -0
  213. package/node/lib/forms/switch/Switch.js +58 -0
  214. package/node/lib/forms/text-area/TextArea.js +117 -0
  215. package/node/lib/forms/text-editor/TextEditor.js +261 -0
  216. package/node/lib/forms/text-editor/TextEditorButton.js +88 -0
  217. package/node/lib/forms/text-input/TextInput.js +84 -0
  218. package/node/lib/forms/time-picker/TimePicker.js +169 -0
  219. package/node/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js +222 -0
  220. package/node/lib/helper/index.js +15 -0
  221. package/node/lib/helper/setRef.js +13 -0
  222. package/node/lib/helper/types.js +5 -0
  223. package/node/lib/helper/useControlled.js +24 -0
  224. package/node/lib/helper/useForkRef.js +26 -0
  225. package/node/lib/helper/useId.js +27 -0
  226. package/node/lib/helper/useOnClickOutside.js +24 -0
  227. package/package.json +20 -10
  228. package/README.md +0 -17
package/index.css CHANGED
@@ -1,3211 +1,12 @@
1
- .fr-accordion {
2
- background-color: var(--fwe-white);
3
- border-bottom: 1px solid var(--fwe-gray-100);
4
- }
5
- .fr-accordion-header {
6
- display: flex;
7
- align-items: center;
8
- height: 48px;
9
- padding: 0 16px 0 24px;
10
- font-size: var(--fwe-font-size-md);
11
- font-weight: var(--fwe-font-weight-bold);
12
- color: var(--fwe-text);
13
- border-bottom: 1px solid var(--fwe-gray-100);
14
- }
15
- @charset "UTF-8";
16
- .fr-accordion-item-body {
17
- overflow: hidden;
18
- transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
19
- height: 0px;
20
- }
21
- .fr-accordion-item-body > :first-child:not(.fr-accordion-item-body-spacer-bottom):not(.fr-accordion) {
22
- margin-top: 0 !important;
23
- padding-top: 0 !important;
24
- }
25
- .fr-accordion-item-body > :not(.fr-accordion) {
26
- margin-right: 0px;
27
- }
28
- .fr-accordion-item-body-content {
29
- margin-right: 64px;
30
- }
31
- .fr-accordion-item-body-spacer-bottom {
32
- margin-top: 24px;
33
- height: 0;
34
- width: 0;
35
- }
36
-
37
- .fr-accordion-item-body .fr-accordion {
38
- margin-top: 64px;
39
- margin-bottom: 24px;
40
- }
41
- .fr-accordion-item-body .fr-accordion-item-link {
42
- display: block;
43
- top: 8px;
44
- }
45
- .fr-accordion-item-body .fr-accordion-item-header {
46
- padding-top: 32px;
47
- padding-right: 32px;
48
- }
49
- .fr-accordion-item-body .fr-accordion-item::after {
50
- top: 12px;
51
- right: 4px;
52
- color: var(--fwe-caerul);
53
- font-family: var(--fwe-font-family-icons-16);
54
- font-size: var(--fwe-font-size-base);
55
- content: "";
56
- height: 16px;
57
- line-height: 16px;
58
- }
59
- .fr-accordion-item-body .fr-accordion-item--expanded::before {
60
- background-color: transparent;
61
- }
62
-
63
- @media (min-width: 600px) {
64
- .fr-accordion-item-body > :not(.fng-accordion) {
65
- margin-right: 64px;
66
- }
67
-
68
- .fr-accordion-item-body .fr-accordion-item-header {
69
- padding-top: 24px;
70
- padding-right: 168px;
71
- }
72
- .fr-accordion-item-body .fr-accordion-item-link {
73
- font-size: var(--fwe-font-size-base);
74
- top: 24px;
75
- max-width: 128px;
76
- white-space: nowrap;
77
- overflow: hidden;
78
- text-overflow: ellipsis;
79
- }
80
- .fr-accordion-item-body .fr-accordion-item::after {
81
- top: 30px;
82
- }
83
- }
84
- .fr-accordion-item-header {
85
- display: flex;
86
- align-items: center;
87
- padding: 24px 64px 24px 0;
88
- min-height: 48px;
89
- cursor: pointer;
90
- }
91
- @charset "UTF-8";
92
- .fr-accordion-item {
93
- position: relative;
94
- padding: 0 16px 0 24px;
95
- border-top: 1px solid var(--fwe-gray-100);
96
- border-bottom: 1px solid var(--fwe-gray-100);
97
- }
98
- .fr-accordion-item-link {
99
- position: absolute;
100
- top: 24px;
101
- right: 24px;
102
- color: var(--fwe-caerul);
103
- font-size: var(--fwe-font-size-md);
104
- pointer-events: none;
105
- display: none;
106
- }
107
- .fr-accordion-item::before {
108
- position: absolute;
109
- top: 0;
110
- left: 0;
111
- display: block;
112
- content: "";
113
- width: 4px;
114
- height: 0px;
115
- background-color: var(--fwe-caerul);
116
- }
117
- .fr-accordion-item::after {
118
- position: absolute;
119
- top: 21px;
120
- right: 16px;
121
- display: block;
122
- font-family: var(--fwe-font-family-icons-32);
123
- font-size: var(--fwe-font-size-xxl);
124
- content: "";
125
- height: 32px;
126
- line-height: 32px;
127
- transition: transform 0.2s ease;
128
- pointer-events: none;
129
- }
130
- .fr-accordion-item--expanded .fr-accordion-item-header {
131
- font-weight: var(--fwe-font-weight-bold);
132
- }
133
- .fr-accordion-item--expanded .fr-accordion-item-body {
134
- height: auto;
135
- }
136
- .fr-accordion-item--expanded::after {
137
- transform: rotate(-180deg);
138
- }
139
- .fr-accordion-item--expanded::before {
140
- height: 100%;
141
- }
142
- .fr-accordion-item--collapsed .fr-accordion-item-body {
143
- height: 0px;
144
- }
145
- .fr-accordion-item--collapsed .fr-accordion-item-header {
146
- font-weight: var(--fwe-font-weight-normal);
147
- }
148
- .fwe-chip-container .fr-chip .fwe-icon-menu-close {
149
- position: absolute;
150
- right: 5px;
151
- top: 3px;
152
- color: #333;
153
- font-size: var(--fwe-font-size-base);
154
- line-height: var(--fwe-font-size-base);
155
- -webkit-font-smoothing: antialiased;
156
- -moz-osx-font-smoothing: grayscale;
157
- margin-left: 0;
158
- padding-right: 0;
159
- }
160
- .fwe-chip-container .fr-chip .fwe-icon-menu-close::before {
161
- font-family: var(--fwe-font-family-icons-32);
162
- }
163
- .fwe-chip-container .fr-chip.fwe-chip.fwe-selected.fwe-category::after {
164
- content: none;
165
- }
166
-
167
- .fr-modal {
168
- opacity: 0;
169
- }
170
-
171
- .fr-modal-enter-done {
172
- transition: opacity 100ms ease-out 300ms;
173
- opacity: 1;
174
- }
175
-
176
- .fr-modal-backdrop {
177
- opacity: 0;
178
- }
179
-
180
- .fr-modal-backdrop-enter-done {
181
- opacity: 1;
182
- transition: opacity 300ms ease-out;
183
- }
184
-
185
- .fr-modal-exit,
186
- .fr-modal-backdrop-exit {
187
- opacity: 1;
188
- }
189
-
190
- .fr-modal-backdrop-exit-active,
191
- .fr-modal-exit-active {
192
- transition: opacity 600ms;
193
- opacity: 0;
194
- }
195
- .fwe-page-dot:focus {
196
- background: var(--fwe-control-border-dark);
197
- outline: 0;
198
- }
199
- #arrow,
200
- #arrow::after {
201
- position: absolute;
202
- width: 12px;
203
- height: 12px;
204
- transform: rotate(45deg);
205
- }
206
-
207
- #arrow {
208
- width: 17px;
209
- height: 17px;
210
- overflow: hidden;
211
- }
212
-
213
- #arrow::after {
214
- content: "";
215
- background: #fff;
216
- box-shadow: 0px 1px 4px #33333333;
217
- z-index: -1;
218
- }
219
-
220
- .fwe-popover-container[data-popper-placement^=top] > #arrow {
221
- top: 100%;
222
- }
223
- .fwe-popover-container[data-popper-placement^=top] > #arrow::after {
224
- top: -6px;
225
- left: 3px;
226
- }
227
-
228
- .fwe-popover-container[data-popper-placement^=bottom] > #arrow {
229
- top: -17px;
230
- }
231
- .fwe-popover-container[data-popper-placement^=bottom] > #arrow::after {
232
- top: 11px;
233
- left: 3px;
234
- }
235
-
236
- .fwe-popover-container[data-popper-placement^=left] > #arrow {
237
- left: 100%;
238
- }
239
- .fwe-popover-container[data-popper-placement^=left] > #arrow::after {
240
- top: 2px;
241
- left: -6px;
242
- }
243
-
244
- .fwe-popover-container[data-popper-placement^=right] > #arrow {
245
- left: -17px;
246
- }
247
- .fwe-popover-container[data-popper-placement^=right] > #arrow::after {
248
- top: 2px;
249
- left: 11px;
250
- }
251
- .fwe-popover-menu #tooltip {
252
- background: #fff;
253
- line-height: 1.5rem;
254
- padding: 16px;
255
- font-size: var(--fwe-font-size-base);
256
- box-shadow: 0px 1px 4px #33333333;
257
- }
258
- .fwe-popover-menu .fwe-popover {
259
- font-size: var(--fwe-font-size-base);
260
- line-height: 1.5rem;
261
- padding: 16px;
262
- }
263
- .fwe-popover-menu .fwe-list-group .fwe-list-group-item {
264
- border-bottom: none;
265
- min-height: 36px;
266
- padding: 0;
267
- }
268
- .fwe-popover-menu .fwe-list-group .fwe-list-group-item button {
269
- width: 100%;
270
- margin-left: inherit;
271
- padding: 0 8px 0 0;
272
- text-align: left;
273
- height: 32px;
274
- max-height: 32px;
275
- display: inline-flex;
276
- }
277
- .fwe-popover-menu .fwe-list-group .fwe-list-group-item button:hover {
278
- color: var(--fwe-black);
279
- }
280
- .fwe-popover-menu .fwe-list-group .fwe-list-group-item button i {
281
- display: inline-flex;
282
- align-items: center;
283
- justify-content: center;
284
- flex-wrap: nowrap;
285
- height: 24px;
286
- width: 32px;
287
- }
288
- .fwe-popover-menu .fwe-list-group .fwe-list-group-item button i::before {
289
- display: inline-flex;
290
- }
291
- .fwe-popover-menu .fwe-list-group .fwe-list-group-item button span {
292
- display: inline-flex;
293
- height: 24px;
294
- }
295
- .fwe-popover-menu .fwe-list-group .fwe-list-group-item button [class*=" fwe-icon-"] {
296
- margin-left: inherit;
297
- }
298
- .fwe-popover-menu .fwe-list-group .fwe-list-group-item:hover {
299
- color: var(--fwe-black);
300
- background-color: #3333331a;
301
- }
302
- .fwe-popover-menu .fwe-list-group .fwe-list-group-item:active {
303
- background-color: #33333333;
304
- }
305
- .fr-tooltip-container {
306
- width: -webkit-fit-content;
307
- width: -moz-fit-content;
308
- width: fit-content;
309
- }
310
- .fr-snackbar-wrapper {
311
- margin-bottom: 24px;
312
- height: 48px;
313
- opacity: 1;
314
- opacity: 0;
315
- }
316
- .fr-snackbar-wrapper-enter-done {
317
- transition: opacity 600ms ease-out;
318
- opacity: 1;
319
- }
320
- .fr-snackbar-wrapper-exit {
321
- opacity: 1;
322
- }
323
- .fr-snackbar-wrapper-exit-active {
324
- transition: height 300ms ease-out 300ms, opacity 300ms ease-out, margin-bottom 300ms ease-out 300ms;
325
- height: 0;
326
- margin-bottom: 0;
327
- opacity: 0;
328
- }
329
-
330
- .fr-snackbar-wrapper--first {
331
- transform: translateY(100px);
332
- margin-bottom: 24px;
333
- height: 48px;
334
- opacity: 1;
335
- }
336
- .fr-snackbar-wrapper--first-enter-done {
337
- transition: opacity 600ms ease-out;
338
- opacity: 1;
339
- }
340
- .fr-snackbar-wrapper--first-exit {
341
- opacity: 1;
342
- }
343
- .fr-snackbar-wrapper--first-exit-active {
344
- transition: height 300ms ease-out 300ms, opacity 300ms ease-out, margin-bottom 300ms ease-out 300ms;
345
- height: 0;
346
- margin-bottom: 0;
347
- opacity: 0;
348
- }
349
- .fr-snackbar-wrapper--first-enter-done {
350
- transition: transform 600ms ease-out;
351
- transform: translateY(0px);
352
- }
353
- .fr-snackbar-wrapper--first-exit-active {
354
- transform: translateY(0px);
355
- }
356
- .overflow-hidden {
357
- overflow: hidden;
358
- }
359
-
360
- @-webkit-keyframes stepperAnimation {
361
- from {
362
- transform: translateX(100%);
363
- }
364
- to {
365
- transform: translateX(0%);
366
- }
367
- }
368
-
369
- @keyframes stepperAnimation {
370
- from {
371
- transform: translateX(100%);
372
- }
373
- to {
374
- transform: translateX(0%);
375
- }
376
- }
377
- .fr-moving-container {
378
- -webkit-animation-name: stepperAnimation;
379
- animation-name: stepperAnimation;
380
- -webkit-animation-duration: 0.3s;
381
- animation-duration: 0.3s;
382
- -webkit-animation-timing-function: ease;
383
- animation-timing-function: ease;
384
- }
385
-
386
- .hidden {
387
- display: none;
388
- }
389
- .fwe-stepper-vertical .fwe-step-container.fwe-step-active .fwe-step-content-container {
390
- height: 20px;
391
- }
392
- .fr-show {
393
- display: block;
394
- }
395
-
396
- .fr-hide {
397
- display: none;
398
- }
399
- /* legacy tab styles */
400
- .fwe-legacy-tabs {
401
- margin: 48px 0;
402
- width: 100%;
403
- height: 100%;
404
- }
405
-
406
- .fwe-legacy-tab-bar {
407
- display: flex;
408
- flex-wrap: nowrap;
409
- width: 75%;
410
- padding-left: 0;
411
- margin-bottom: 0;
412
- margin-top: 0;
413
- list-style: none;
414
- font-size: var(--fwe-font-size-base);
415
- }
416
- .fwe-legacy-tab-bar.fwe-legacy-tab-bar-full-width {
417
- width: 100%;
418
- }
419
- .fwe-legacy-tab-bar.fwe-legacy-tab-items-fill .fwe-legacy-tab-item {
420
- flex: 1 1 auto;
421
- }
422
- .fwe-legacy-tab-bar.fwe-legacy-tab-items-equal-width .fwe-legacy-tab-item {
423
- flex: 1 1 0;
424
- }
425
-
426
- .fwe-legacy-tab-item {
427
- height: 48px;
428
- max-height: 48px;
429
- background-color: var(--fwe-gray-300);
430
- border-right: 2px solid var(--fwe-gray-100);
431
- text-align: center;
432
- }
433
- .fwe-legacy-tab-item:last-child {
434
- border-right: none;
435
- }
436
- .fwe-legacy-tab-item.fwe-active {
437
- background-color: var(--fwe-white);
438
- }
439
- .fwe-legacy-tab-item.fwe-active .fwe-legacy-tab-link {
440
- color: var(--fwe-caerul);
441
- }
442
- .fwe-legacy-tab-item:not(.fwe-active) {
443
- border-bottom: 2px solid var(--fwe-gray-100);
444
- }
445
- .fwe-legacy-tab-item:not(.fwe-active) .fwe-legacy-tab-link {
446
- padding: 11px 16px;
447
- }
448
-
449
- .fwe-legacy-tab-link {
450
- display: inline-block;
451
- width: 100%;
452
- height: 48px;
453
- padding: 11px 16px 13px 16px;
454
- line-height: 24px;
455
- cursor: pointer;
456
- color: var(--fwe-black);
457
- white-space: nowrap;
458
- }
459
- .fwe-legacy-tab-link i.fwe-icon {
460
- padding-right: 8px;
461
- vertical-align: initial;
462
- }
463
- .fwe-legacy-tab-link i.fwe-icon.fwe-icon-lg {
464
- position: relative;
465
- top: 3px;
466
- }
467
- .fwe-legacy-tab-link:hover {
468
- color: var(--fwe-caerul);
469
- }
470
- .fwe-legacy-tab-link:active {
471
- background-color: var(--fwe-white);
472
- color: var(--fwe-caerul);
473
- }
474
-
475
- .fwe-legacy-tab-panel-content {
476
- padding: 48px 24px;
477
- background-color: var(--fwe-white);
478
- height: 100%;
479
- overflow: auto;
480
- }
481
-
482
- @media (max-width: 375px) {
483
- .fwe-legacy-tab-bar {
484
- justify-content: space-between;
485
- background-color: var(--fwe-white);
486
- width: 100%;
487
- }
488
-
489
- .fwe-legacy-tab-item {
490
- background-color: var(--fwe-white);
491
- border-right: 2px solid var(--fwe-white);
492
- }
493
- .fwe-legacy-tab-item:not(.fwe-active) {
494
- border-bottom: 2px solid var(--fwe-white);
495
- }
496
- .fwe-legacy-tab-item:not(.fwe-active) .fwe-legacy-tab-link {
497
- color: var(--fwe-icon-gray);
498
- }
499
- .fwe-legacy-tab-item:not(.fwe-active) .fwe-legacy-tab-link i.fwe-icon {
500
- color: var(--fwe-icon-gray);
501
- }
502
-
503
- .fwe-legacy-tab-link.fwe-can-swap-icon {
504
- direction: rtl;
505
- }
506
- .fwe-legacy-tab-link.fwe-can-swap-icon i.fwe-icon {
507
- padding-left: 8px;
508
- padding-right: 0;
509
- }
510
- }
511
- /* responsive tab styles */
512
- .fr-tab-panel-content {
513
- padding: 48px 24px;
514
- background-color: var(--fwe-white);
515
- height: 100%;
516
- overflow: auto;
517
- }
518
-
519
- .fr-tab-bar {
520
- width: 100%;
521
- }
522
-
523
- .fr-tab-scroller {
524
- overflow-y: hidden;
525
- }
526
- .fr-tab-scroller-scroll-area {
527
- position: relative;
528
- display: flex;
529
- overflow-x: hidden;
530
- }
531
- .fr-tab-scroller-scroll-area::-webkit-scrollbar {
532
- display: none;
533
- }
534
- .fr-tab-scroller-scroll-area--scroll {
535
- overflow-x: scroll;
536
- }
537
- .fr-tab-scroller-scroll-content {
538
- position: relative;
539
- display: flex;
540
- flex: 1 0 auto;
541
- transform: none;
542
- will-change: transform;
543
- padding: 0 17px 0 16px;
544
- }
545
- .fr-tab-scroller-scroll-content--with-divider .fr-tab-scroller-divider-line {
546
- display: block;
547
- }
548
- .fr-tab-scroller--animating .fr-tab-scroller-scroll-content {
549
- transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
550
- }
551
- .fr-tab-scroller-divider-line {
552
- display: none;
553
- position: absolute;
554
- top: 0;
555
- left: 0;
556
- right: 0;
557
- bottom: 0;
558
- border-bottom: 1px solid var(--fwe-control);
559
- }
560
-
561
- .fr-tab-indicator {
562
- display: flex;
563
- position: absolute;
564
- top: 0;
565
- left: 0;
566
- justify-content: center;
567
- width: 100%;
568
- height: 100%;
569
- pointer-events: none;
570
- z-index: 1;
571
- }
572
- .fr-tab-indicator-content {
573
- transform-origin: left;
574
- opacity: 0;
575
- }
576
- .fr-tab-indicator-content--underline {
577
- align-self: flex-end;
578
- box-sizing: border-box;
579
- width: 100%;
580
- border-top-style: solid;
581
- }
582
- .fr-tab-indicator .fr-tab-indicator-content {
583
- transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
584
- }
585
- .fr-tab-indicator .fr-tab-indicator-content--underline {
586
- border-top: 4px solid var(--fwe-caerul);
587
- }
588
- .fr-tab-indicator--active .fr-tab-indicator-content {
589
- opacity: 1;
590
- }
591
-
592
- .fr-tab {
593
- position: relative;
594
- display: flex;
595
- flex: 1 0 auto;
596
- justify-content: center;
597
- padding: 0;
598
- margin: 0;
599
- border: none;
600
- outline: none;
601
- background: none;
602
- text-align: center;
603
- white-space: nowrap;
604
- cursor: pointer;
605
- -webkit-appearance: none;
606
- z-index: 1;
607
- height: 36px;
608
- }
609
- .fr-tab:not(:last-child) {
610
- margin-right: 32px;
611
- }
612
- .fr-tab::-moz-focus-inner {
613
- padding: 0;
614
- border: 0;
615
- }
616
- .fr-tab .fr-tab-text-label {
617
- color: var(--fwe-text);
618
- }
619
- .fr-tab--active .fr-tab-text-label {
620
- color: var(--fwe-caerul);
621
- }
622
- .fr-tab-content {
623
- position: relative;
624
- display: flex;
625
- align-items: flex-start;
626
- justify-content: center;
627
- height: inherit;
628
- pointer-events: none;
629
- }
630
- .fr-tab-text-label {
631
- display: inline-block;
632
- z-index: 2;
633
- }
634
-
635
- .fr-tab-scroller-scroll-area:not(.fr-tab-scroller-scroll-area--compact) .fr-tab {
636
- flex: none;
637
- }
638
- .fr-tab-scroller-scroll-area:not(.fr-tab-scroller-scroll-area--compact) .fr-tab:not(:last-child) {
639
- margin-right: 64px;
640
- }
641
- .fr-tab-scroller-scroll-area:not(.fr-tab-scroller-scroll-area--compact) .fr-tab-scroller-scroll-content {
642
- padding: 0 32px;
643
- }
644
- .fr-tab-scroller-scroll-area:not(.fr-tab-scroller-scroll-area--compact) .fr-tab-scroller-divider-line {
645
- padding-right: 64px;
646
- }
647
- .fwe-checkbox-container {
648
- font-family: var(--fwe-font-family-sans-serif);
649
- -webkit-user-select: none;
650
- -moz-user-select: none;
651
- user-select: none;
652
- cursor: pointer;
653
- display: flex;
654
- flex-direction: row;
655
- align-items: center;
656
- }
657
- .fwe-checkbox-container.fwe-label-below {
658
- flex-direction: column;
659
- }
660
- .fwe-checkbox-container.fwe-label-below .fwe-checkbox-title {
661
- margin: 8px 0px 0px 0px;
662
- }
663
- .fwe-checkbox-container.fwe-label-before {
664
- flex-direction: row-reverse;
665
- justify-content: flex-end;
666
- }
667
- .fwe-checkbox-container.fwe-label-before .fwe-checkbox-title {
668
- margin: 0px 8px 0px 0px;
669
- }
670
- .fwe-checkbox-container .fwe-checkbox-indicator-container {
671
- position: relative;
672
- }
673
- .fwe-checkbox-container input {
674
- opacity: 0;
675
- cursor: pointer;
676
- height: 0;
677
- width: 0;
678
- }
679
- .fwe-checkbox-container .fwe-checkbox-title {
680
- margin-left: 8px;
681
- line-height: 24px;
682
- color: var(--fwe-text);
683
- -webkit-user-select: none;
684
- -moz-user-select: none;
685
- user-select: none;
686
- }
687
- .fwe-checkbox-container .fwe-checkbox-indicator-background {
688
- box-sizing: border-box;
689
- background: var(--fwe-white);
690
- border: 1px solid var(--fwe-text-light);
691
- border-radius: 2px;
692
- height: 16px;
693
- width: 16px;
694
- transition: border-width 0.2s ease-out;
695
- }
696
- .fwe-checkbox-container .fwe-indeterminate-indicator {
697
- position: absolute;
698
- height: 2px;
699
- width: 10px;
700
- top: 7px;
701
- left: 3px;
702
- background: white;
703
- }
704
- .fwe-checkbox-container svg {
705
- display: block;
706
- position: absolute;
707
- top: 0px;
708
- left: 0px;
709
- }
710
- .fwe-checkbox-container.fr-checkbox-large .fwe-checkbox-indicator-background {
711
- height: 24px;
712
- width: 24px;
713
- border-radius: 4px;
714
- }
715
- .fwe-checkbox-container.fr-checkbox-large .fwe-indeterminate-indicator {
716
- top: 11px;
717
- width: 14px;
718
- left: 5px;
719
- }
720
- .fwe-checkbox-container.fr-checkbox-large.fwe-checked .fwe-checkbox-indicator-background, .fwe-checkbox-container.fr-checkbox-large.fr-checkbox-indeterminate .fwe-checkbox-indicator-background {
721
- border: 12px solid var(--fwe-hero);
722
- }
723
- .fwe-checkbox-container:hover .fwe-checkbox-indicator-background {
724
- background-color: var(--fwe-control);
725
- }
726
- .fwe-checkbox-container:active .fwe-checkbox-indicator-background {
727
- background-color: var(--fwe-control-dark);
728
- }
729
- .fwe-checkbox-container.fwe-checked .fwe-checkbox-indicator-background, .fwe-checkbox-container.fr-checkbox-indeterminate .fwe-checkbox-indicator-background {
730
- border: 8px solid var(--fwe-hero);
731
- }
732
- .fwe-checkbox-container.fwe-checked:hover .fwe-checkbox-indicator-background, .fwe-checkbox-container.fr-checkbox-indeterminate:hover .fwe-checkbox-indicator-background {
733
- border-color: var(--fwe-hero-dark);
734
- }
735
- .fwe-checkbox-container.fwe-checked:active .fwe-checkbox-indicator-background, .fwe-checkbox-container.fr-checkbox-indeterminate:active .fwe-checkbox-indicator-background {
736
- border-color: var(--fwe-hero-darker);
737
- }
738
- .fwe-checkbox-container.fr-checkbox-invalid .fwe-checkbox-indicator-background {
739
- border: 1px solid var(--fwe-red);
740
- background: var(--fwe-white);
741
- }
742
- .fwe-checkbox-container.fwe-disabled {
743
- cursor: default;
744
- }
745
- .fwe-checkbox-container.fwe-disabled .fwe-checkbox-indicator-background {
746
- background-color: var(--fwe-white);
747
- border: 1px solid var(--fwe-control);
748
- }
749
- .fwe-checkbox-container.fwe-disabled.fwe-checked .fwe-checkbox-indicator-background {
750
- background-color: var(--fwe-control);
751
- border: 1px solid var(--fwe-control);
752
- }
753
- .fwe-checkbox-container.fwe-disabled.fr-checkbox-indeterminate .fwe-checkbox-indicator-background {
754
- background-color: var(--fwe-control);
755
- border: 1px solid var(--fwe-control);
756
- }
757
- .fwe-checkbox-container.fwe-disabled.fr-checkbox-invalid .fwe-checkbox-indicator-background {
758
- background-color: var(--fwe-white);
759
- border: 1px solid var(--fwe-control);
760
- }
761
- .fwe-checkbox-container.fwe-disabled .fwe-checkbox-title {
762
- color: var(--fwe-text-disabled);
763
- }
764
- .fwe-color-indicator .fwe-popover-container {
765
- position: relative;
766
- }
767
- .fwe-color-indicator .fwe-popover-container .fwe-popover {
768
- background-color: var(--fwe-white);
769
- padding: 8px 16px 16px 16px;
770
- font-size: var(--fwe-font-size-md);
771
- line-height: 1rem;
772
- box-shadow: 0px 1px 4px #33333333;
773
- border-radius: 4px;
774
- }
775
- .fwe-color-indicator .fwe-backdrop {
776
- background: transparent;
777
- }
778
- .fwe-color-indicator .fwe-color-label {
779
- height: 18px;
780
- font-size: var(--fwe-font-size-small);
781
- font-weight: var(--fwe-font-weight-bold);
782
- margin-bottom: 4px;
783
- }
784
- .fwe-color-indicator .fwe-color-container {
785
- display: flex;
786
- }
787
- .fwe-color-indicator .fwe-color-container .fwe-color-box {
788
- height: 24px;
789
- width: 24px;
790
- border-radius: 4px;
791
- border: 1px solid var(--fwe-control-border);
792
- background: var(--fwe-white);
793
- }
794
- .fwe-color-indicator .fwe-color-container .fwe-color-box .fwe-no-color-pattern {
795
- margin: 2px;
796
- }
797
- .fwe-color-indicator .fwe-color-container .fwe-color-indicator-text {
798
- margin-left: 8px;
799
- }
800
- .fwe-color-indicator.disabled {
801
- pointer-events: none;
802
- }
803
- .fwe-color-indicator.disabled .fwe-color-label {
804
- color: var(--fwe-text-disabled);
805
- }
806
- .fwe-color-indicator.disabled .fwe-color-container .fwe-color-box {
807
- opacity: 0.5;
808
- }
809
- .fwe-color-indicator.disabled .fwe-color-container .fwe-color-indicator-text {
810
- color: var(--fwe-text-disabled);
811
- }
812
- .fwe-triangle.fwe-triangle-right, .fwe-triangle.fwe-triangle-left, .fwe-triangle.fwe-triangle-bottom, .fwe-triangle.fwe-triangle-top {
813
- width: 17px;
814
- height: 17px;
815
- position: absolute;
816
- overflow: hidden;
817
- }
818
- .fwe-triangle.fwe-triangle-right::after, .fwe-triangle.fwe-triangle-left::after, .fwe-triangle.fwe-triangle-bottom::after, .fwe-triangle.fwe-triangle-top::after {
819
- content: "";
820
- position: absolute;
821
- width: 12px;
822
- height: 12px;
823
- background: var(--fwe-white);
824
- transform: rotate(45deg);
825
- box-shadow: 0px 1px 4px #33333333;
826
- }
827
-
828
- .fwe-popover.fwe-popover-menu, .fwe-popover {
829
- background-color: var(--fwe-white);
830
- box-shadow: 0px 1px 4px #33333333;
831
- border-radius: 4px;
832
- }
833
-
834
- .fwe-popover {
835
- padding: 8px;
836
- font-size: var(--fwe-font-size-md);
837
- line-height: 1rem;
838
- }
839
-
840
- .fwe-popover-container {
841
- position: relative;
842
- display: inline-block;
843
- }
844
-
845
- .fwe-triangle.fwe-triangle-top {
846
- left: 50%;
847
- top: -17px;
848
- transform: translateX(-8px);
849
- }
850
- .fwe-triangle.fwe-triangle-top::after {
851
- top: 11px;
852
- left: 3px;
853
- }
854
- .fwe-triangle.fwe-triangle-bottom {
855
- left: 50%;
856
- top: 100%;
857
- transform: translateX(-8px);
858
- }
859
- .fwe-triangle.fwe-triangle-bottom::after {
860
- top: -6px;
861
- left: 3px;
862
- }
863
- .fwe-triangle.fwe-triangle-left {
864
- left: -17px;
865
- top: 50%;
866
- transform: translateY(-8px);
867
- }
868
- .fwe-triangle.fwe-triangle-left::after {
869
- top: 2px;
870
- left: 11px;
871
- }
872
- .fwe-triangle.fwe-triangle-right {
873
- left: 100%;
874
- top: 50%;
875
- transform: translateY(-8px);
876
- }
877
- .fwe-triangle.fwe-triangle-right::after {
878
- top: 2px;
879
- left: -6px;
880
- }
881
-
882
- .fwe-popover.fwe-popover-menu {
883
- font-size: var(--fwe-font-size-base);
884
- line-height: 1.5rem;
885
- padding: 16px;
886
- }
887
- .fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item {
888
- border-bottom: none;
889
- min-height: 36px;
890
- padding: 0;
891
- }
892
- .fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button {
893
- width: 100%;
894
- margin-left: inherit;
895
- padding: 0 8px 0 0;
896
- text-align: left;
897
- height: 32px;
898
- max-height: 32px;
899
- display: inline-flex;
900
- justify-content: unset;
901
- }
902
- .fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button:hover {
903
- color: var(--fwe-black);
904
- }
905
- .fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i {
906
- display: inline-flex;
907
- align-items: center;
908
- justify-content: center;
909
- flex-wrap: nowrap;
910
- height: 24px;
911
- width: 32px;
912
- }
913
- .fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i::before {
914
- display: inline-flex;
915
- }
916
- .fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button span {
917
- display: inline-flex;
918
- height: 24px;
919
- }
920
- .fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button [class*=" fwe-icon-"] {
921
- margin-left: inherit;
922
- }
923
- .fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item:hover {
924
- color: var(--fwe-black);
925
- background-color: #3333331a;
926
- }
927
- .fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item:active {
928
- background-color: #33333333;
929
- }
930
- .fwe-popover .fwe-popover-legend {
931
- display: table;
932
- margin: 16px;
933
- line-height: 24px;
934
- }
935
- .fwe-popover .fwe-popover-legend .fwe-popover-legend-content {
936
- display: table-row;
937
- }
938
- .fwe-popover .fwe-popover-legend .fwe-popover-legend-content dt {
939
- display: table-cell;
940
- margin: 0;
941
- padding-right: 8px;
942
- }
943
- .fwe-popover .fwe-popover-legend .fwe-popover-legend-content dd {
944
- display: table-cell;
945
- margin: 0;
946
- }
947
-
948
- .fwe-color-picker {
949
- width: 216px;
950
- /* remove spinner buttons from input */
951
- }
952
- .fwe-color-picker.fwe-alpha-active {
953
- width: 245px;
954
- }
955
- .fwe-color-picker .fwe-gradient-picker {
956
- position: relative;
957
- width: 198px;
958
- height: 198px;
959
- margin: -7px;
960
- }
961
- .fwe-color-picker .fwe-gradient-picker .fwe-brightness-gradient {
962
- position: absolute;
963
- top: 7px;
964
- bottom: 7px;
965
- right: 7px;
966
- left: 7px;
967
- background-image: linear-gradient(transparent, black);
968
- }
969
- .fwe-color-picker .fwe-gradient-picker .fwe-saturation-gradient {
970
- position: absolute;
971
- top: 7px;
972
- bottom: 7px;
973
- right: 7px;
974
- left: 7px;
975
- }
976
- .fwe-color-picker .fwe-vertical-picker, .fwe-color-picker .fwe-alpha-picker, .fwe-color-picker .fwe-hue-picker {
977
- position: relative;
978
- height: 198px;
979
- width: 14px;
980
- margin: -7px -3px;
981
- margin-left: 18px;
982
- }
983
- .fwe-color-picker .fwe-vertical-picker .fwe-picker-background, .fwe-color-picker .fwe-alpha-picker .fwe-picker-background, .fwe-color-picker .fwe-hue-picker .fwe-picker-background {
984
- margin: 7px 3px;
985
- height: 184px;
986
- width: 8px;
987
- border-radius: 4px;
988
- }
989
- .fwe-color-picker .fwe-vertical-picker .fwe-knob, .fwe-color-picker .fwe-alpha-picker .fwe-knob, .fwe-color-picker .fwe-hue-picker .fwe-knob {
990
- left: -3px;
991
- }
992
- .fwe-color-picker .fwe-hue-picker .fwe-picker-background {
993
- background-image: linear-gradient(#ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);
994
- }
995
- .fwe-color-picker .fwe-alpha-picker .fwe-no-color-pattern {
996
- margin: 7px 3px;
997
- position: absolute;
998
- }
999
- .fwe-color-picker .fwe-alpha-picker .fwe-picker-background {
1000
- position: absolute;
1001
- }
1002
- .fwe-color-picker .fwe-type-select {
1003
- position: relative;
1004
- display: flex;
1005
- }
1006
- .fwe-color-picker .fwe-type-select .fwe-type-indicator {
1007
- flex-shrink: 1;
1008
- cursor: pointer;
1009
- display: flex;
1010
- }
1011
- .fwe-color-picker .fwe-type-select .fwe-type-indicator .fwe-input-type {
1012
- font-size: var(--fwe-font-size-small);
1013
- line-height: calc(var(--fwe-font-size-small) + 5px);
1014
- font-weight: var(--fwe-font-weight-bold);
1015
- }
1016
- .fwe-color-picker .fwe-type-select .fwe-type-indicator:hover {
1017
- color: var(--fwe-hero);
1018
- }
1019
- .fwe-color-picker .fwe-type-select .fwe-icon-arrows-collapse {
1020
- margin-left: 16px;
1021
- line-height: 16px;
1022
- }
1023
- .fwe-color-picker .fwe-type-select .fwe-popover {
1024
- position: absolute;
1025
- z-index: 1;
1026
- top: 24px;
1027
- left: 0px;
1028
- }
1029
- .fwe-color-picker .fwe-type-select .fwe-popover .fwe-type-item {
1030
- cursor: pointer;
1031
- display: flex;
1032
- padding: 8px;
1033
- }
1034
- .fwe-color-picker .fwe-type-select .fwe-popover .fwe-type-item:hover {
1035
- color: var(--fwe-hero);
1036
- }
1037
- .fwe-color-picker .fwe-type-select .fwe-popover .fwe-type-item .fwe-icon-menu-check {
1038
- opacity: 0;
1039
- margin-right: 8px;
1040
- }
1041
- .fwe-color-picker .fwe-type-select .fwe-popover .fwe-type-item.fwe-selected {
1042
- cursor: default;
1043
- }
1044
- .fwe-color-picker .fwe-type-select .fwe-popover .fwe-type-item.fwe-selected .fwe-icon-menu-check {
1045
- opacity: 1;
1046
- }
1047
- .fwe-color-picker input::-webkit-outer-spin-button,
1048
- .fwe-color-picker input::-webkit-inner-spin-button {
1049
- -webkit-appearance: none;
1050
- margin: 0;
1051
- }
1052
- .fwe-color-picker input[type=number] {
1053
- -moz-appearance: textfield;
1054
- }
1055
- .fwe-color-picker input {
1056
- padding-right: 0px !important;
1057
- text-align: center;
1058
- }
1059
- .fwe-color-picker .fwe-hex-input {
1060
- width: 75px;
1061
- margin-right: 16px;
1062
- }
1063
- .fwe-color-picker .fwe-red-input {
1064
- width: 32px;
1065
- margin-right: 8px;
1066
- }
1067
- .fwe-color-picker .fwe-green-input {
1068
- width: 32px;
1069
- margin-right: 8px;
1070
- }
1071
- .fwe-color-picker .fwe-blue-input {
1072
- width: 32px;
1073
- }
1074
- .fwe-color-picker .fwe-alpha-input span input {
1075
- width: 48px;
1076
- padding-right: 16px !important;
1077
- }
1078
- .fwe-color-picker .fwe-alpha-input .fwe-percent-char {
1079
- margin-left: -16px;
1080
- }
1081
- .fwe-color-picker .fwe-color-grid {
1082
- display: flex;
1083
- flex-wrap: wrap;
1084
- margin-right: -8px;
1085
- margin-bottom: -8px;
1086
- }
1087
- .fwe-color-picker .fwe-color-grid .fwe-color-item {
1088
- align-items: center;
1089
- display: flex;
1090
- justify-content: center;
1091
- color: white;
1092
- height: 24px;
1093
- width: 24px;
1094
- border-radius: 4px;
1095
- margin-right: 8px;
1096
- margin-bottom: 8px;
1097
- }
1098
- .fwe-color-picker .fwe-color-grid .fwe-color-item.fwe-white-item {
1099
- border: 1px solid var(--fwe-control-border);
1100
- color: black;
1101
- }
1102
- .fwe-color-picker .fwe-color-grid .fwe-remove-color-button {
1103
- align-items: center;
1104
- display: flex;
1105
- justify-content: center;
1106
- height: 24px;
1107
- width: 24px;
1108
- border-radius: 4px;
1109
- border: 1px solid var(--fwe-control-border);
1110
- color: var(--fwe-control);
1111
- margin-right: 8px;
1112
- margin-bottom: 8px;
1113
- }
1114
- .fwe-color-picker .fwe-color-grid .fwe-remove-color-button .fwe-no-color-pattern {
1115
- margin: 2px;
1116
- }
1117
- .fwe-color-picker .fwe-color-grid .fwe-remove-color-button i {
1118
- color: transparent;
1119
- position: absolute;
1120
- }
1121
- .fwe-color-picker .fwe-knob {
1122
- position: absolute;
1123
- z-index: 1;
1124
- height: 14px;
1125
- width: 14px;
1126
- border-radius: 50%;
1127
- border: 2px solid white;
1128
- box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
1129
- }
1130
- .fwe-border-hero {
1131
- border-color: var(--fwe-hero) !important;
1132
- }
1133
-
1134
- .flatpickr-calendar {
1135
- margin-top: 6px;
1136
- }
1137
- .flatpickr-calendar:not(.open) {
1138
- display: none;
1139
- }
1140
- .fwe-border-hero {
1141
- border-color: var(--fwe-hero) !important;
1142
- }
1143
-
1144
- .fr-date-range-picker:hover input {
1145
- color: var(--fwe-hero);
1146
- }
1147
- .fr-date-range-picker-inputs {
1148
- display: flex;
1149
- order: 2;
1150
- }
1151
- .fwe-select-wrapper {
1152
- min-width: 48px;
1153
- width: 100%;
1154
- }
1155
- .fwe-select-wrapper select {
1156
- display: none;
1157
- }
1158
- .fwe-select-wrapper.fwe-disabled::before {
1159
- color: var(--fwe-text-disabled);
1160
- }
1161
- .fwe-select-wrapper .fwe-select {
1162
- cursor: pointer;
1163
- }
1164
- .fwe-select-wrapper .fwe-select .fwe-select-content {
1165
- padding-right: 24px;
1166
- white-space: nowrap;
1167
- overflow: hidden;
1168
- text-overflow: ellipsis;
1169
- line-height: 1.5rem;
1170
- }
1171
- .fwe-select-wrapper .fwe-select.fwe-required:not(.fwe-disabled) ~ .fwe-select-label::after {
1172
- position: relative;
1173
- left: 3px;
1174
- display: inline-block;
1175
- content: "*";
1176
- }
1177
- .fwe-select-wrapper .fwe-select.fwe-required:not(.fwe-disabled):not(.fwe-invalid) ~ .fwe-select-valid {
1178
- display: block;
1179
- }
1180
- .fwe-select-wrapper .fwe-select:focus:not(:disabled) {
1181
- color: var(--fwe-hero);
1182
- border-color: var(--fwe-hero);
1183
- }
1184
- .fwe-select-wrapper .fwe-select:focus:not(:disabled) option {
1185
- color: var(--fwe-text);
1186
- }
1187
- .fwe-select-wrapper .fwe-select:focus:invalid {
1188
- border-color: var(--fwe-red);
1189
- }
1190
- .fwe-select-wrapper .fwe-select.fwe-disabled {
1191
- cursor: default;
1192
- border-color: var(--fwe-control-disabled) !important;
1193
- }
1194
- .fwe-select-wrapper .fwe-select.fwe-disabled ~ .fwe-select-label {
1195
- color: var(--fwe-text-disabled);
1196
- }
1197
- .fwe-select-wrapper .fwe-select.fwe-disabled .fwe-select-content {
1198
- color: var(--fwe-text-disabled);
1199
- }
1200
- .fwe-select-wrapper .fwe-select-options-container {
1201
- font-size: var(--fwe-font-size-base);
1202
- position: absolute;
1203
- top: 56px;
1204
- left: 0px;
1205
- z-index: 500;
1206
- background-color: var(--fwe-white);
1207
- border-radius: 4px;
1208
- width: 100%;
1209
- padding: 8px 8px;
1210
- margin: 0;
1211
- border: 1px solid var(--fwe-gray-200);
1212
- box-shadow: 0px 1px 4px #00000029;
1213
- list-style: none;
1214
- }
1215
- .fwe-select-wrapper .fwe-select-options-container .fwe-select-option {
1216
- position: relative;
1217
- line-height: 24px;
1218
- padding: 12px 8px;
1219
- min-height: 24px;
1220
- cursor: pointer;
1221
- }
1222
- .fwe-select-wrapper .fwe-select-options-container .fwe-select-option:hover, .fwe-select-wrapper .fwe-select-options-container .fwe-select-option:focus {
1223
- background-color: var(--fwe-gray-100);
1224
- outline: none;
1225
- }
1226
- .fwe-select-wrapper .fwe-select-options-container .fwe-select-option:last-child {
1227
- border-bottom: none;
1228
- }
1229
- .fwe-select-wrapper .fwe-select-options-container .fwe-select-option .fwe-select-option-content {
1230
- display: block;
1231
- white-space: nowrap;
1232
- overflow: hidden;
1233
- text-overflow: ellipsis;
1234
- width: 95%;
1235
- line-height: 24px;
1236
- min-height: 24px;
1237
- }
1238
- .fwe-select-wrapper .fwe-select-label:empty ~ .fwe-select-options-container {
1239
- top: 40px;
1240
- }
1241
- .fwe-select-wrapper .fwe-select.fwe-invalid.fwe-select:hover, .fwe-select-wrapper .fwe-select.fwe-invalid.fwe-select:focus {
1242
- border-color: var(--fwe-red);
1243
- }
1244
- .fwe-select-wrapper .fwe-select.fwe-invalid ~ .fwe-select-invalid {
1245
- display: block;
1246
- }
1247
- .fwe-select-wrapper .fwe-select.fwe-invalid ~ .fwe-select-description {
1248
- display: none;
1249
- }
1250
- .fwe-select-wrapper .fr-select-scroll {
1251
- overflow-y: scroll;
1252
- }
1253
- label.fwe-slider {
1254
- display: block;
1255
- height: 56px;
1256
- position: relative;
1257
- }
1258
- label.fwe-slider.fr-slider-label {
1259
- height: 83px;
1260
- }
1261
- label.fwe-slider .fr-slider-value {
1262
- color: var(--fwe-text);
1263
- font-size: var(--fwe-font-size-base);
1264
- margin-bottom: 0px;
1265
- position: absolute;
1266
- bottom: 0px;
1267
- -webkit-user-select: none;
1268
- -moz-user-select: none;
1269
- user-select: none;
1270
- }
1271
- label.fwe-input-text .fwe-input-text-count {
1272
- display: block;
1273
- line-height: var(--fwe-line-height-base);
1274
- position: absolute;
1275
- right: 0px;
1276
- bottom: 0px;
1277
- color: var(--fwe-text-disabled);
1278
- font-size: var(--fwe-font-size-small);
1279
- }
1280
- label.fwe-input-text .fr-textarea {
1281
- overflow: visible;
1282
- }
1283
- @charset "UTF-8";
1
+ .fr-accordion{background-color:var(--fwe-white)}.fr-accordion,.fr-accordion-header{border-bottom:1px solid var(--fwe-gray-100)}.fr-accordion-header{align-items:center;color:var(--fwe-text);display:flex;font-size:var(--fwe-font-size-md);font-weight:var(--fwe-font-weight-bold);height:48px;padding:0 16px 0 24px}.fr-accordion-item-body{height:0;overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1)}.fr-accordion-item-body>:first-child:not(.fr-accordion-item-body-spacer-bottom):not(.fr-accordion){margin-top:0!important;padding-top:0!important}.fr-accordion-item-body>:not(.fr-accordion){margin-right:0}.fr-accordion-item-body-content{margin-right:64px}.fr-accordion-item-body-spacer-bottom{height:0;margin-top:24px;width:0}.fr-accordion-item-body .fr-accordion{margin-bottom:24px;margin-top:64px}.fr-accordion-item-body .fr-accordion-item-link{display:block;top:8px}.fr-accordion-item-body .fr-accordion-item-header{padding-right:32px;padding-top:32px}.fr-accordion-item-body .fr-accordion-item:after{color:var(--fwe-caerul);content:"";font-family:var(--fwe-font-family-icons-16);font-size:var(--fwe-font-size-base);height:16px;line-height:16px;right:4px;top:12px}.fr-accordion-item-body .fr-accordion-item--expanded:before{background-color:transparent}@media(min-width:600px){.fr-accordion-item-body>:not(.fng-accordion){margin-right:64px}.fr-accordion-item-body .fr-accordion-item-header{padding-right:168px;padding-top:24px}.fr-accordion-item-body .fr-accordion-item-link{font-size:var(--fwe-font-size-base);max-width:128px;overflow:hidden;text-overflow:ellipsis;top:24px;white-space:nowrap}.fr-accordion-item-body .fr-accordion-item:after{top:30px}}.fr-accordion-item-header{align-items:center;cursor:pointer;display:flex;min-height:48px;padding:24px 64px 24px 0}.fr-accordion-item{border-bottom:1px solid var(--fwe-gray-100);border-top:1px solid var(--fwe-gray-100);padding:0 16px 0 24px;position:relative}.fr-accordion-item-link{color:var(--fwe-caerul);display:none;font-size:var(--fwe-font-size-md);pointer-events:none;position:absolute;right:24px;top:24px}.fr-accordion-item:before{background-color:var(--fwe-caerul);content:"";display:block;height:0;left:0;position:absolute;top:0;width:4px}.fr-accordion-item:after{content:"";display:block;font-family:var(--fwe-font-family-icons-32);font-size:var(--fwe-font-size-xxl);height:32px;line-height:32px;pointer-events:none;position:absolute;right:16px;top:21px;transition:transform .2s ease}.fr-accordion-item--expanded .fr-accordion-item-header{font-weight:var(--fwe-font-weight-bold)}.fr-accordion-item--expanded .fr-accordion-item-body{height:auto}.fr-accordion-item--expanded:after{transform:rotate(-180deg)}.fr-accordion-item--expanded:before{height:100%}.fr-accordion-item--collapsed .fr-accordion-item-body{height:0}.fr-accordion-item--collapsed .fr-accordion-item-header{font-weight:var(--fwe-font-weight-normal)}.fwe-chip-container .fr-chip .fwe-icon-menu-close{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-size:var(--fwe-font-size-base);line-height:var(--fwe-font-size-base);margin-left:0;padding-right:0;position:absolute;right:5px;top:3px}.fwe-chip-container .fr-chip .fwe-icon-menu-close:before{font-family:var(--fwe-font-family-icons-32)}.fwe-chip-container .fr-chip.fwe-chip.fwe-selected.fwe-category:after{content:none}.fr-modal{opacity:0}.fr-modal-enter-done{opacity:1;transition:opacity .1s ease-out .3s}.fr-modal-backdrop{opacity:0}.fr-modal-backdrop-enter-done{opacity:1;transition:opacity .3s ease-out}.fr-modal-backdrop-exit,.fr-modal-exit{opacity:1}.fr-modal-backdrop-exit-active,.fr-modal-exit-active{opacity:0;transition:opacity .6s}.fwe-page-dot:focus{background:var(--fwe-control-border-dark);outline:0}.fwe-popover-menu #tooltip{background:#fff;box-shadow:0 1px 4px rgba(51,51,51,.2)}.fwe-popover-menu #tooltip,.fwe-popover-menu .fwe-popover{font-size:var(--fwe-font-size-base);line-height:1.5rem;padding:16px}.fwe-popover-menu .fwe-list-group .fwe-list-group-item{border-bottom:none;min-height:36px;padding:0}.fwe-popover-menu .fwe-list-group .fwe-list-group-item button{display:inline-flex;height:32px;margin-left:inherit;max-height:32px;padding:0 8px 0 0;text-align:left;width:100%}.fwe-popover-menu .fwe-list-group .fwe-list-group-item button:hover{color:var(--fwe-black)}.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i{align-items:center;display:inline-flex;flex-wrap:nowrap;height:24px;justify-content:center;width:32px}.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i:before{display:inline-flex}.fwe-popover-menu .fwe-list-group .fwe-list-group-item button span{display:inline-flex;height:24px}.fwe-popover-menu .fwe-list-group .fwe-list-group-item button [class*=" fwe-icon-"]{margin-left:inherit}.fwe-popover-menu .fwe-list-group .fwe-list-group-item:hover{background-color:rgba(51,51,51,.102);color:var(--fwe-black)}.fwe-popover-menu .fwe-list-group .fwe-list-group-item:active{background-color:rgba(51,51,51,.2)}#arrow,#arrow:after{height:12px;position:absolute;transform:rotate(45deg);width:12px}#arrow{height:17px;overflow:hidden;width:17px}#arrow:after{background:#fff;box-shadow:0 1px 4px rgba(51,51,51,.2);content:"";z-index:-1}.fwe-popover-container[data-popper-placement^=top]>#arrow{top:100%}.fwe-popover-container[data-popper-placement^=top]>#arrow:after{left:3px;top:-6px}.fwe-popover-container[data-popper-placement^=bottom]>#arrow{top:-17px}.fwe-popover-container[data-popper-placement^=bottom]>#arrow:after{left:3px;top:11px}.fwe-popover-container[data-popper-placement^=left]>#arrow{left:100%}.fwe-popover-container[data-popper-placement^=left]>#arrow:after{left:-6px;top:2px}.fwe-popover-container[data-popper-placement^=right]>#arrow{left:-17px}.fwe-popover-container[data-popper-placement^=right]>#arrow:after{left:11px;top:2px}.fr-tooltip-container{width:-moz-fit-content;width:fit-content}.fwe-w-100{width:100%}.fwe-search-suggestion{height:40px}.fr-snackbar-wrapper{height:48px;margin-bottom:24px;opacity:1;opacity:0}.fr-snackbar-wrapper-enter-done{opacity:1;transition:opacity .6s ease-out}.fr-snackbar-wrapper-exit{opacity:1}.fr-snackbar-wrapper-exit-active{height:0;margin-bottom:0;opacity:0;transition:height .3s ease-out .3s,opacity .3s ease-out,margin-bottom .3s ease-out .3s}.fr-snackbar-wrapper--first{height:48px;margin-bottom:24px;opacity:1;transform:translateY(100px)}.fr-snackbar-wrapper--first-enter-done{opacity:1;transition:opacity .6s ease-out}.fr-snackbar-wrapper--first-exit{opacity:1}.fr-snackbar-wrapper--first-exit-active{height:0;margin-bottom:0;opacity:0;transition:height .3s ease-out .3s,opacity .3s ease-out,margin-bottom .3s ease-out .3s}.fr-snackbar-wrapper--first-enter-done{transform:translateY(0);transition:transform .6s ease-out}.fr-snackbar-wrapper--first-exit-active{transform:translateY(0)}.overflow-hidden{overflow:hidden}@keyframes stepperAnimation{0%{transform:translateX(100%)}to{transform:translateX(0)}}.fr-moving-container{animation-duration:.3s;animation-name:stepperAnimation;animation-timing-function:ease}.hidden{display:none}.fwe-stepper-vertical .fwe-step-container.fwe-step-active .fwe-step-content-container{height:20px}.fr-show{display:block}.fr-hide{display:none}.fwe-legacy-tabs{height:100%;margin:48px 0;width:100%}.fwe-legacy-tab-bar{display:flex;flex-wrap:nowrap;font-size:var(--fwe-font-size-base);list-style:none;margin-bottom:0;margin-top:0;padding-left:0;width:75%}.fwe-legacy-tab-bar.fwe-legacy-tab-bar-full-width{width:100%}.fwe-legacy-tab-bar.fwe-legacy-tab-items-fill .fwe-legacy-tab-item{flex:1 1 auto}.fwe-legacy-tab-bar.fwe-legacy-tab-items-equal-width .fwe-legacy-tab-item{flex:1 1 0}.fwe-legacy-tab-item{background-color:var(--fwe-gray-300);border-right:2px solid var(--fwe-gray-100);height:48px;max-height:48px;text-align:center}.fwe-legacy-tab-item:last-child{border-right:none}.fwe-legacy-tab-item.fwe-active{background-color:var(--fwe-white)}.fwe-legacy-tab-item.fwe-active .fwe-legacy-tab-link{color:var(--fwe-caerul)}.fwe-legacy-tab-item:not(.fwe-active){border-bottom:2px solid var(--fwe-gray-100)}.fwe-legacy-tab-item:not(.fwe-active) .fwe-legacy-tab-link{padding:11px 16px}.fwe-legacy-tab-link{color:var(--fwe-black);cursor:pointer;display:inline-block;height:48px;line-height:24px;padding:11px 16px 13px;white-space:nowrap;width:100%}.fwe-legacy-tab-link i.fwe-icon{padding-right:8px;vertical-align:initial}.fwe-legacy-tab-link i.fwe-icon.fwe-icon-lg{position:relative;top:3px}.fwe-legacy-tab-link:hover{color:var(--fwe-caerul)}.fwe-legacy-tab-link:active{background-color:var(--fwe-white);color:var(--fwe-caerul)}.fwe-legacy-tab-panel-content{background-color:var(--fwe-white);height:100%;overflow:auto;padding:48px 24px}@media(max-width:375px){.fwe-legacy-tab-bar{background-color:var(--fwe-white);justify-content:space-between;width:100%}.fwe-legacy-tab-item{background-color:var(--fwe-white);border-right:2px solid var(--fwe-white)}.fwe-legacy-tab-item:not(.fwe-active){border-bottom:2px solid var(--fwe-white)}.fwe-legacy-tab-item:not(.fwe-active) .fwe-legacy-tab-link,.fwe-legacy-tab-item:not(.fwe-active) .fwe-legacy-tab-link i.fwe-icon{color:var(--fwe-icon-gray)}.fwe-legacy-tab-link.fwe-can-swap-icon{direction:rtl}.fwe-legacy-tab-link.fwe-can-swap-icon i.fwe-icon{padding-left:8px;padding-right:0}}.fr-tab-panel-content{background-color:var(--fwe-white);height:100%;overflow:auto;padding:48px 24px}.fr-tab-bar{width:100%}.fr-tab-scroller{overflow-y:hidden}.fr-tab-scroller-scroll-area{display:flex;overflow-x:hidden;position:relative}.fr-tab-scroller-scroll-area::-webkit-scrollbar{display:none}.fr-tab-scroller-scroll-area--scroll{overflow-x:scroll}.fr-tab-scroller-scroll-content{display:flex;flex:1 0 auto;padding:0 17px 0 16px;position:relative;transform:none;will-change:transform}.fr-tab-scroller-scroll-content--with-divider .fr-tab-scroller-divider-line{display:block}.fr-tab-scroller--animating .fr-tab-scroller-scroll-content{transition:transform .25s cubic-bezier(.4,0,.2,1)}.fr-tab-scroller-divider-line{border-bottom:1px solid var(--fwe-control);bottom:0;display:none;left:0;position:absolute;right:0;top:0}.fr-tab-indicator{display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.fr-tab-indicator-content{opacity:0;transform-origin:left}.fr-tab-indicator-content--underline{align-self:flex-end;border-top-style:solid;box-sizing:border-box;width:100%}.fr-tab-indicator .fr-tab-indicator-content{transition:transform .25s cubic-bezier(.4,0,.2,1)}.fr-tab-indicator .fr-tab-indicator-content--underline{border-top:4px solid var(--fwe-caerul)}.fr-tab-indicator--active .fr-tab-indicator-content{opacity:1}.fr-tab{-webkit-appearance:none;background:none;border:none;cursor:pointer;display:flex;flex:1 0 auto;height:36px;justify-content:center;margin:0;outline:none;padding:0;position:relative;text-align:center;white-space:nowrap;z-index:1}.fr-tab:not(:last-child){margin-right:32px}.fr-tab::-moz-focus-inner{border:0;padding:0}.fr-tab .fr-tab-text-label{color:var(--fwe-text)}.fr-tab--active .fr-tab-text-label{color:var(--fwe-caerul)}.fr-tab-content{align-items:flex-start;display:flex;height:inherit;justify-content:center;pointer-events:none;position:relative}.fr-tab-text-label{display:inline-block;z-index:2}.fr-tab-scroller-scroll-area:not(.fr-tab-scroller-scroll-area--compact) .fr-tab{flex:none}.fr-tab-scroller-scroll-area:not(.fr-tab-scroller-scroll-area--compact) .fr-tab:not(:last-child){margin-right:64px}.fr-tab-scroller-scroll-area:not(.fr-tab-scroller-scroll-area--compact) .fr-tab-scroller-scroll-content{padding:0 32px}.fr-tab-scroller-scroll-area:not(.fr-tab-scroller-scroll-area--compact) .fr-tab-scroller-divider-line{padding-right:64px}.fwe-checkbox-container{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-family:var(--fwe-font-family-sans-serif);-webkit-user-select:none;-moz-user-select:none;user-select:none}.fwe-checkbox-container.fwe-label-below{flex-direction:column}.fwe-checkbox-container.fwe-label-below .fwe-checkbox-title{margin:8px 0 0}.fwe-checkbox-container.fwe-label-before{flex-direction:row-reverse;justify-content:flex-end}.fwe-checkbox-container.fwe-label-before .fwe-checkbox-title{margin:0 8px 0 0}.fwe-checkbox-container .fwe-checkbox-indicator-container{position:relative}.fwe-checkbox-container input{cursor:pointer;height:0;opacity:0;width:0}.fwe-checkbox-container .fwe-checkbox-title{color:var(--fwe-text);line-height:24px;margin-left:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fwe-checkbox-container .fwe-checkbox-indicator-background{background:var(--fwe-white);border:1px solid var(--fwe-text-light);border-radius:2px;box-sizing:border-box;height:16px;transition:border-width .2s ease-out;width:16px}.fwe-checkbox-container .fwe-indeterminate-indicator{background:#fff;height:2px;left:3px;position:absolute;top:7px;width:10px}.fwe-checkbox-container svg{display:block;left:0;position:absolute;top:0}.fwe-checkbox-container.fr-checkbox-large .fwe-checkbox-indicator-background{border-radius:4px;height:24px;width:24px}.fwe-checkbox-container.fr-checkbox-large .fwe-indeterminate-indicator{left:5px;top:11px;width:14px}.fwe-checkbox-container.fr-checkbox-large.fr-checkbox-indeterminate .fwe-checkbox-indicator-background,.fwe-checkbox-container.fr-checkbox-large.fwe-checked .fwe-checkbox-indicator-background{border:12px solid var(--fwe-hero)}.fwe-checkbox-container:hover .fwe-checkbox-indicator-background{background-color:var(--fwe-control)}.fwe-checkbox-container:active .fwe-checkbox-indicator-background{background-color:var(--fwe-control-dark)}.fwe-checkbox-container.fr-checkbox-indeterminate .fwe-checkbox-indicator-background,.fwe-checkbox-container.fwe-checked .fwe-checkbox-indicator-background{border:8px solid var(--fwe-hero)}.fwe-checkbox-container.fr-checkbox-indeterminate:hover .fwe-checkbox-indicator-background,.fwe-checkbox-container.fwe-checked:hover .fwe-checkbox-indicator-background{border-color:var(--fwe-hero-dark)}.fwe-checkbox-container.fr-checkbox-indeterminate:active .fwe-checkbox-indicator-background,.fwe-checkbox-container.fwe-checked:active .fwe-checkbox-indicator-background{border-color:var(--fwe-hero-darker)}.fwe-checkbox-container.fr-checkbox-invalid .fwe-checkbox-indicator-background{background:var(--fwe-white);border:1px solid var(--fwe-red)}.fwe-checkbox-container.fwe-disabled{cursor:default}.fwe-checkbox-container.fwe-disabled .fwe-checkbox-indicator-background{background-color:var(--fwe-white);border:1px solid var(--fwe-control)}.fwe-checkbox-container.fwe-disabled.fr-checkbox-indeterminate .fwe-checkbox-indicator-background,.fwe-checkbox-container.fwe-disabled.fwe-checked .fwe-checkbox-indicator-background{background-color:var(--fwe-control);border:1px solid var(--fwe-control)}.fwe-checkbox-container.fwe-disabled.fr-checkbox-invalid .fwe-checkbox-indicator-background{background-color:var(--fwe-white);border:1px solid var(--fwe-control)}.fwe-checkbox-container.fwe-disabled .fwe-checkbox-title{color:var(--fwe-text-disabled)}.fwe-color-indicator .fwe-popover-container{position:relative}.fwe-color-indicator .fwe-popover-container .fwe-popover{background-color:var(--fwe-white);border-radius:4px;box-shadow:0 1px 4px rgba(51,51,51,.2);font-size:var(--fwe-font-size-md);line-height:1rem;padding:8px 16px 16px}.fwe-color-indicator .fwe-backdrop{background:transparent}.fwe-color-indicator .fwe-color-label{font-size:var(--fwe-font-size-small);font-weight:var(--fwe-font-weight-bold);height:18px;margin-bottom:4px}.fwe-color-indicator .fwe-color-container{display:flex}.fwe-color-indicator .fwe-color-container .fwe-color-box{background:var(--fwe-white);border:1px solid var(--fwe-control-border);border-radius:4px;height:24px;width:24px}.fwe-color-indicator .fwe-color-container .fwe-color-box .fwe-no-color-pattern{margin:2px}.fwe-color-indicator .fwe-color-container .fwe-color-indicator-text{margin-left:8px}.fwe-color-indicator.disabled{pointer-events:none}.fwe-color-indicator.disabled .fwe-color-label{color:var(--fwe-text-disabled)}.fwe-color-indicator.disabled .fwe-color-container .fwe-color-box{opacity:.5}.fwe-color-indicator.disabled .fwe-color-container .fwe-color-indicator-text{color:var(--fwe-text-disabled)}.fwe-triangle.fwe-triangle-bottom,.fwe-triangle.fwe-triangle-left,.fwe-triangle.fwe-triangle-right,.fwe-triangle.fwe-triangle-top{height:17px;overflow:hidden;position:absolute;width:17px}.fwe-triangle.fwe-triangle-bottom:after,.fwe-triangle.fwe-triangle-left:after,.fwe-triangle.fwe-triangle-right:after,.fwe-triangle.fwe-triangle-top:after{background:var(--fwe-white);box-shadow:0 1px 4px rgba(51,51,51,.2);content:"";height:12px;position:absolute;transform:rotate(45deg);width:12px}.fwe-popover,.fwe-popover.fwe-popover-menu{background-color:var(--fwe-white);border-radius:4px;box-shadow:0 1px 4px rgba(51,51,51,.2)}.fwe-popover{font-size:var(--fwe-font-size-md);line-height:1rem;padding:8px}.fwe-popover-container{display:inline-block;position:relative}.fwe-triangle.fwe-triangle-top{left:50%;top:-17px;transform:translateX(-8px)}.fwe-triangle.fwe-triangle-top:after{left:3px;top:11px}.fwe-triangle.fwe-triangle-bottom{left:50%;top:100%;transform:translateX(-8px)}.fwe-triangle.fwe-triangle-bottom:after{left:3px;top:-6px}.fwe-triangle.fwe-triangle-left{left:-17px;top:50%;transform:translateY(-8px)}.fwe-triangle.fwe-triangle-left:after{left:11px;top:2px}.fwe-triangle.fwe-triangle-right{left:100%;top:50%;transform:translateY(-8px)}.fwe-triangle.fwe-triangle-right:after{left:-6px;top:2px}.fwe-popover.fwe-popover-menu{font-size:var(--fwe-font-size-base);line-height:1.5rem;padding:16px}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item{border-bottom:none;min-height:36px;padding:0}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button{display:inline-flex;height:32px;justify-content:unset;margin-left:inherit;max-height:32px;padding:0 8px 0 0;text-align:left;width:100%}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button:hover{color:var(--fwe-black)}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i{align-items:center;display:inline-flex;flex-wrap:nowrap;height:24px;justify-content:center;width:32px}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i:before{display:inline-flex}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button span{display:inline-flex;height:24px}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button [class*=" fwe-icon-"]{margin-left:inherit}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item:hover{background-color:rgba(51,51,51,.102);color:var(--fwe-black)}.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item:active{background-color:rgba(51,51,51,.2)}.fwe-popover .fwe-popover-legend{display:table;line-height:24px;margin:16px}.fwe-popover .fwe-popover-legend .fwe-popover-legend-content{display:table-row}.fwe-popover .fwe-popover-legend .fwe-popover-legend-content dt{display:table-cell;margin:0;padding-right:8px}.fwe-popover .fwe-popover-legend .fwe-popover-legend-content dd{display:table-cell;margin:0}.fwe-color-picker{width:216px}.fwe-color-picker.fwe-alpha-active{width:245px}.fwe-color-picker .fwe-gradient-picker{height:198px;margin:-7px;position:relative;width:198px}.fwe-color-picker .fwe-gradient-picker .fwe-brightness-gradient{background-image:linear-gradient(transparent,#000);bottom:7px;left:7px;position:absolute;right:7px;top:7px}.fwe-color-picker .fwe-gradient-picker .fwe-saturation-gradient{bottom:7px;left:7px;position:absolute;right:7px;top:7px}.fwe-color-picker .fwe-alpha-picker,.fwe-color-picker .fwe-hue-picker,.fwe-color-picker .fwe-vertical-picker{height:198px;margin:-7px -3px -7px 18px;position:relative;width:14px}.fwe-color-picker .fwe-alpha-picker .fwe-picker-background,.fwe-color-picker .fwe-hue-picker .fwe-picker-background,.fwe-color-picker .fwe-vertical-picker .fwe-picker-background{border-radius:4px;height:184px;margin:7px 3px;width:8px}.fwe-color-picker .fwe-alpha-picker .fwe-knob,.fwe-color-picker .fwe-hue-picker .fwe-knob,.fwe-color-picker .fwe-vertical-picker .fwe-knob{left:-3px}.fwe-color-picker .fwe-hue-picker .fwe-picker-background{background-image:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.fwe-color-picker .fwe-alpha-picker .fwe-no-color-pattern{margin:7px 3px;position:absolute}.fwe-color-picker .fwe-alpha-picker .fwe-picker-background{position:absolute}.fwe-color-picker .fwe-type-select{display:flex;position:relative}.fwe-color-picker .fwe-type-select .fwe-type-indicator{cursor:pointer;display:flex;flex-shrink:1}.fwe-color-picker .fwe-type-select .fwe-type-indicator .fwe-input-type{font-size:var(--fwe-font-size-small);font-weight:var(--fwe-font-weight-bold);line-height:calc(var(--fwe-font-size-small) + 5px)}.fwe-color-picker .fwe-type-select .fwe-type-indicator:hover{color:var(--fwe-hero)}.fwe-color-picker .fwe-type-select .fwe-icon-arrows-collapse{line-height:16px;margin-left:16px}.fwe-color-picker .fwe-type-select .fwe-popover{left:0;position:absolute;top:24px;z-index:1}.fwe-color-picker .fwe-type-select .fwe-popover .fwe-type-item{cursor:pointer;display:flex;padding:8px}.fwe-color-picker .fwe-type-select .fwe-popover .fwe-type-item:hover{color:var(--fwe-hero)}.fwe-color-picker .fwe-type-select .fwe-popover .fwe-type-item .fwe-icon-menu-check{margin-right:8px;opacity:0}.fwe-color-picker .fwe-type-select .fwe-popover .fwe-type-item.fwe-selected{cursor:default}.fwe-color-picker .fwe-type-select .fwe-popover .fwe-type-item.fwe-selected .fwe-icon-menu-check{opacity:1}.fwe-color-picker input::-webkit-inner-spin-button,.fwe-color-picker input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fwe-color-picker input[type=number]{-moz-appearance:textfield}.fwe-color-picker input{padding-right:0!important;text-align:center}.fwe-color-picker .fwe-hex-input{margin-right:16px;width:75px}.fwe-color-picker .fwe-green-input,.fwe-color-picker .fwe-red-input{margin-right:8px;width:32px}.fwe-color-picker .fwe-blue-input{width:32px}.fwe-color-picker .fwe-alpha-input span input{padding-right:16px!important;width:48px}.fwe-color-picker .fwe-alpha-input .fwe-percent-char{margin-left:-16px}.fwe-color-picker .fwe-color-grid{display:flex;flex-wrap:wrap;margin-bottom:-8px;margin-right:-8px}.fwe-color-picker .fwe-color-grid .fwe-color-item{align-items:center;border-radius:4px;color:#fff;display:flex;height:24px;justify-content:center;margin-bottom:8px;margin-right:8px;width:24px}.fwe-color-picker .fwe-color-grid .fwe-color-item.fwe-white-item{border:1px solid var(--fwe-control-border);color:#000}.fwe-color-picker .fwe-color-grid .fwe-remove-color-button{align-items:center;border:1px solid var(--fwe-control-border);border-radius:4px;color:var(--fwe-control);display:flex;height:24px;justify-content:center;margin-bottom:8px;margin-right:8px;width:24px}.fwe-color-picker .fwe-color-grid .fwe-remove-color-button .fwe-no-color-pattern{margin:2px}.fwe-color-picker .fwe-color-grid .fwe-remove-color-button i{color:transparent;position:absolute}.fwe-color-picker .fwe-knob{border:2px solid #fff;border-radius:50%;box-shadow:0 0 4px 0 rgba(0,0,0,.15);height:14px;position:absolute;width:14px;z-index:1}.flatpickr-calendar{margin-top:6px}.flatpickr-calendar:not(.open){display:none}.fwe-border-hero{border-color:var(--fwe-hero)!important}.fr-date-range-picker:hover input{color:var(--fwe-hero)}.fr-date-range-picker-inputs{display:flex;order:2}.fwe-select-wrapper{min-width:48px;width:100%}.fwe-select-wrapper select{display:none}.fwe-select-wrapper.fwe-disabled:before{color:var(--fwe-text-disabled)}.fwe-select-wrapper .fwe-select{cursor:pointer}.fwe-select-wrapper .fwe-select .fwe-select-content{line-height:1.5rem;overflow:hidden;padding-right:24px;text-overflow:ellipsis;white-space:nowrap}.fwe-select-wrapper .fwe-select.fwe-required:not(.fwe-disabled)~.fwe-select-label:after{content:"*";display:inline-block;left:3px;position:relative}.fwe-select-wrapper .fwe-select.fwe-required:not(.fwe-disabled):not(.fwe-invalid)~.fwe-select-valid{display:block}.fwe-select-wrapper .fwe-select:focus:not(:disabled){border-color:var(--fwe-hero);color:var(--fwe-hero)}.fwe-select-wrapper .fwe-select:focus:not(:disabled) option{color:var(--fwe-text)}.fwe-select-wrapper .fwe-select:focus:invalid{border-color:var(--fwe-red)}.fwe-select-wrapper .fwe-select.fwe-disabled{border-color:var(--fwe-control-disabled)!important;cursor:default}.fwe-select-wrapper .fwe-select.fwe-disabled .fwe-select-content,.fwe-select-wrapper .fwe-select.fwe-disabled~.fwe-select-label{color:var(--fwe-text-disabled)}.fwe-select-wrapper .fwe-select-options-container{background-color:var(--fwe-white);border:1px solid var(--fwe-gray-200);border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.161);font-size:var(--fwe-font-size-base);left:0;list-style:none;margin:0;padding:8px;position:absolute;top:56px;width:100%;z-index:500}.fwe-select-wrapper .fwe-select-options-container .fwe-select-option{cursor:pointer;line-height:24px;min-height:24px;padding:12px 8px;position:relative}.fwe-select-wrapper .fwe-select-options-container .fwe-select-option:focus,.fwe-select-wrapper .fwe-select-options-container .fwe-select-option:hover{background-color:var(--fwe-gray-100);outline:none}.fwe-select-wrapper .fwe-select-options-container .fwe-select-option:last-child{border-bottom:none}.fwe-select-wrapper .fwe-select-options-container .fwe-select-option .fwe-select-option-content{display:block;line-height:24px;min-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:95%}.fwe-select-wrapper .fwe-select-label:empty~.fwe-select-options-container{top:40px}.fwe-select-wrapper .fwe-select.fwe-invalid.fwe-select:focus,.fwe-select-wrapper .fwe-select.fwe-invalid.fwe-select:hover{border-color:var(--fwe-red)}.fwe-select-wrapper .fwe-select.fwe-invalid~.fwe-select-invalid{display:block}.fwe-select-wrapper .fwe-select.fwe-invalid~.fwe-select-description{display:none}.fwe-select-wrapper .fr-select-scroll{overflow-y:scroll}label.fwe-slider{display:block;height:56px;position:relative}label.fwe-slider.fr-slider-label{height:83px}label.fwe-slider .fr-slider-value{bottom:0;color:var(--fwe-text);font-size:var(--fwe-font-size-base);margin-bottom:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}label.fwe-input-text .fr-textarea{overflow:visible}
1284
2
  /*!
1285
3
  * Quill Editor v1.3.7
1286
4
  * https://quilljs.com/
1287
5
  * Copyright (c) 2014, Jason Chen
1288
6
  * Copyright (c) 2013, salesforce.com
1289
- */
1290
- .ql-container {
1291
- box-sizing: border-box;
1292
- font-family: Helvetica, Arial, sans-serif;
1293
- font-size: 13px;
1294
- height: 100%;
1295
- margin: 0px;
1296
- position: relative;
1297
- }
1298
-
1299
- .ql-container.ql-disabled .ql-tooltip {
1300
- visibility: hidden;
1301
- }
1302
-
1303
- .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
1304
- pointer-events: none;
1305
- }
1306
-
1307
- .ql-clipboard {
1308
- left: -100000px;
1309
- height: 1px;
1310
- overflow-y: hidden;
1311
- position: absolute;
1312
- top: 50%;
1313
- }
1314
-
1315
- .ql-clipboard p {
1316
- margin: 0;
1317
- padding: 0;
1318
- }
1319
-
1320
- .ql-editor {
1321
- box-sizing: border-box;
1322
- line-height: 1.42;
1323
- height: 100%;
1324
- outline: none;
1325
- overflow-y: auto;
1326
- padding: 12px 15px;
1327
- -o-tab-size: 4;
1328
- tab-size: 4;
1329
- -moz-tab-size: 4;
1330
- text-align: left;
1331
- white-space: pre-wrap;
1332
- word-wrap: break-word;
1333
- }
1334
-
1335
- .ql-editor > * {
1336
- cursor: text;
1337
- }
1338
-
1339
- .ql-editor p,
1340
- .ql-editor ol,
1341
- .ql-editor ul,
1342
- .ql-editor pre,
1343
- .ql-editor blockquote,
1344
- .ql-editor h1,
1345
- .ql-editor h2,
1346
- .ql-editor h3,
1347
- .ql-editor h4,
1348
- .ql-editor h5,
1349
- .ql-editor h6 {
1350
- margin: 0;
1351
- padding: 0;
1352
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1353
- }
1354
-
1355
- .ql-editor ol,
1356
- .ql-editor ul {
1357
- padding-left: 1.5em;
1358
- }
1359
-
1360
- .ql-editor ol > li,
1361
- .ql-editor ul > li {
1362
- list-style-type: none;
1363
- }
1364
-
1365
- .ql-editor ul > li::before {
1366
- content: "•";
1367
- }
1368
-
1369
- .ql-editor ul[data-checked=true],
1370
- .ql-editor ul[data-checked=false] {
1371
- pointer-events: none;
1372
- }
1373
-
1374
- .ql-editor ul[data-checked=true] > li *,
1375
- .ql-editor ul[data-checked=false] > li * {
1376
- pointer-events: all;
1377
- }
1378
-
1379
- .ql-editor ul[data-checked=true] > li::before,
1380
- .ql-editor ul[data-checked=false] > li::before {
1381
- color: #777;
1382
- cursor: pointer;
1383
- pointer-events: all;
1384
- }
1385
-
1386
- .ql-editor ul[data-checked=true] > li::before {
1387
- content: "☑";
1388
- }
1389
-
1390
- .ql-editor ul[data-checked=false] > li::before {
1391
- content: "☐";
1392
- }
1393
-
1394
- .ql-editor li::before {
1395
- display: inline-block;
1396
- white-space: nowrap;
1397
- width: 1.2em;
1398
- }
1399
-
1400
- .ql-editor li:not(.ql-direction-rtl)::before {
1401
- margin-left: -1.5em;
1402
- margin-right: 0.3em;
1403
- text-align: right;
1404
- }
1405
-
1406
- .ql-editor li.ql-direction-rtl::before {
1407
- margin-left: 0.3em;
1408
- margin-right: -1.5em;
1409
- }
1410
-
1411
- .ql-editor ol li:not(.ql-direction-rtl),
1412
- .ql-editor ul li:not(.ql-direction-rtl) {
1413
- padding-left: 1.5em;
1414
- }
1415
-
1416
- .ql-editor ol li.ql-direction-rtl,
1417
- .ql-editor ul li.ql-direction-rtl {
1418
- padding-right: 1.5em;
1419
- }
1420
-
1421
- .ql-editor ol li {
1422
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1423
- counter-increment: list-0;
1424
- }
1425
-
1426
- .ql-editor ol li:before {
1427
- content: counter(list-0, decimal) ". ";
1428
- }
1429
-
1430
- .ql-editor ol li.ql-indent-1 {
1431
- counter-increment: list-1;
1432
- }
1433
-
1434
- .ql-editor ol li.ql-indent-1:before {
1435
- content: counter(list-1, lower-alpha) ". ";
1436
- }
1437
-
1438
- .ql-editor ol li.ql-indent-1 {
1439
- counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1440
- }
1441
-
1442
- .ql-editor ol li.ql-indent-2 {
1443
- counter-increment: list-2;
1444
- }
1445
-
1446
- .ql-editor ol li.ql-indent-2:before {
1447
- content: counter(list-2, lower-roman) ". ";
1448
- }
1449
-
1450
- .ql-editor ol li.ql-indent-2 {
1451
- counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1452
- }
1453
-
1454
- .ql-editor ol li.ql-indent-3 {
1455
- counter-increment: list-3;
1456
- }
1457
-
1458
- .ql-editor ol li.ql-indent-3:before {
1459
- content: counter(list-3, decimal) ". ";
1460
- }
1461
-
1462
- .ql-editor ol li.ql-indent-3 {
1463
- counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
1464
- }
1465
-
1466
- .ql-editor ol li.ql-indent-4 {
1467
- counter-increment: list-4;
1468
- }
1469
-
1470
- .ql-editor ol li.ql-indent-4:before {
1471
- content: counter(list-4, lower-alpha) ". ";
1472
- }
1473
-
1474
- .ql-editor ol li.ql-indent-4 {
1475
- counter-reset: list-5 list-6 list-7 list-8 list-9;
1476
- }
1477
-
1478
- .ql-editor ol li.ql-indent-5 {
1479
- counter-increment: list-5;
1480
- }
1481
-
1482
- .ql-editor ol li.ql-indent-5:before {
1483
- content: counter(list-5, lower-roman) ". ";
1484
- }
1485
-
1486
- .ql-editor ol li.ql-indent-5 {
1487
- counter-reset: list-6 list-7 list-8 list-9;
1488
- }
1489
-
1490
- .ql-editor ol li.ql-indent-6 {
1491
- counter-increment: list-6;
1492
- }
1493
-
1494
- .ql-editor ol li.ql-indent-6:before {
1495
- content: counter(list-6, decimal) ". ";
1496
- }
1497
-
1498
- .ql-editor ol li.ql-indent-6 {
1499
- counter-reset: list-7 list-8 list-9;
1500
- }
1501
-
1502
- .ql-editor ol li.ql-indent-7 {
1503
- counter-increment: list-7;
1504
- }
1505
-
1506
- .ql-editor ol li.ql-indent-7:before {
1507
- content: counter(list-7, lower-alpha) ". ";
1508
- }
1509
-
1510
- .ql-editor ol li.ql-indent-7 {
1511
- counter-reset: list-8 list-9;
1512
- }
1513
-
1514
- .ql-editor ol li.ql-indent-8 {
1515
- counter-increment: list-8;
1516
- }
1517
-
1518
- .ql-editor ol li.ql-indent-8:before {
1519
- content: counter(list-8, lower-roman) ". ";
1520
- }
1521
-
1522
- .ql-editor ol li.ql-indent-8 {
1523
- counter-reset: list-9;
1524
- }
1525
-
1526
- .ql-editor ol li.ql-indent-9 {
1527
- counter-increment: list-9;
1528
- }
1529
-
1530
- .ql-editor ol li.ql-indent-9:before {
1531
- content: counter(list-9, decimal) ". ";
1532
- }
1533
-
1534
- .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
1535
- padding-left: 3em;
1536
- }
1537
-
1538
- .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
1539
- padding-left: 4.5em;
1540
- }
1541
-
1542
- .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
1543
- padding-right: 3em;
1544
- }
1545
-
1546
- .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
1547
- padding-right: 4.5em;
1548
- }
1549
-
1550
- .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
1551
- padding-left: 6em;
1552
- }
1553
-
1554
- .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
1555
- padding-left: 7.5em;
1556
- }
1557
-
1558
- .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
1559
- padding-right: 6em;
1560
- }
1561
-
1562
- .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
1563
- padding-right: 7.5em;
1564
- }
1565
-
1566
- .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
1567
- padding-left: 9em;
1568
- }
1569
-
1570
- .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
1571
- padding-left: 10.5em;
1572
- }
1573
-
1574
- .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
1575
- padding-right: 9em;
1576
- }
1577
-
1578
- .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
1579
- padding-right: 10.5em;
1580
- }
1581
-
1582
- .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
1583
- padding-left: 12em;
1584
- }
1585
-
1586
- .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
1587
- padding-left: 13.5em;
1588
- }
1589
-
1590
- .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
1591
- padding-right: 12em;
1592
- }
1593
-
1594
- .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
1595
- padding-right: 13.5em;
1596
- }
1597
-
1598
- .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
1599
- padding-left: 15em;
1600
- }
1601
-
1602
- .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
1603
- padding-left: 16.5em;
1604
- }
1605
-
1606
- .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
1607
- padding-right: 15em;
1608
- }
1609
-
1610
- .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
1611
- padding-right: 16.5em;
1612
- }
1613
-
1614
- .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
1615
- padding-left: 18em;
1616
- }
1617
-
1618
- .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
1619
- padding-left: 19.5em;
1620
- }
1621
-
1622
- .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
1623
- padding-right: 18em;
1624
- }
1625
-
1626
- .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
1627
- padding-right: 19.5em;
1628
- }
1629
-
1630
- .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
1631
- padding-left: 21em;
1632
- }
1633
-
1634
- .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
1635
- padding-left: 22.5em;
1636
- }
1637
-
1638
- .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
1639
- padding-right: 21em;
1640
- }
1641
-
1642
- .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
1643
- padding-right: 22.5em;
1644
- }
1645
-
1646
- .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
1647
- padding-left: 24em;
1648
- }
1649
-
1650
- .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
1651
- padding-left: 25.5em;
1652
- }
1653
-
1654
- .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
1655
- padding-right: 24em;
1656
- }
1657
-
1658
- .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
1659
- padding-right: 25.5em;
1660
- }
1661
-
1662
- .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
1663
- padding-left: 27em;
1664
- }
1665
-
1666
- .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
1667
- padding-left: 28.5em;
1668
- }
1669
-
1670
- .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
1671
- padding-right: 27em;
1672
- }
1673
-
1674
- .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
1675
- padding-right: 28.5em;
1676
- }
1677
-
1678
- .ql-editor .ql-video {
1679
- display: block;
1680
- max-width: 100%;
1681
- }
1682
-
1683
- .ql-editor .ql-video.ql-align-center {
1684
- margin: 0 auto;
1685
- }
1686
-
1687
- .ql-editor .ql-video.ql-align-right {
1688
- margin: 0 0 0 auto;
1689
- }
1690
-
1691
- .ql-editor .ql-bg-black {
1692
- background-color: #000;
1693
- }
1694
-
1695
- .ql-editor .ql-bg-red {
1696
- background-color: #e60000;
1697
- }
1698
-
1699
- .ql-editor .ql-bg-orange {
1700
- background-color: #f90;
1701
- }
1702
-
1703
- .ql-editor .ql-bg-yellow {
1704
- background-color: #ff0;
1705
- }
1706
-
1707
- .ql-editor .ql-bg-green {
1708
- background-color: #008a00;
1709
- }
1710
-
1711
- .ql-editor .ql-bg-blue {
1712
- background-color: #06c;
1713
- }
1714
-
1715
- .ql-editor .ql-bg-purple {
1716
- background-color: #93f;
1717
- }
1718
-
1719
- .ql-editor .ql-color-white {
1720
- color: #fff;
1721
- }
1722
-
1723
- .ql-editor .ql-color-red {
1724
- color: #e60000;
1725
- }
1726
-
1727
- .ql-editor .ql-color-orange {
1728
- color: #f90;
1729
- }
1730
-
1731
- .ql-editor .ql-color-yellow {
1732
- color: #ff0;
1733
- }
1734
-
1735
- .ql-editor .ql-color-green {
1736
- color: #008a00;
1737
- }
1738
-
1739
- .ql-editor .ql-color-blue {
1740
- color: #06c;
1741
- }
1742
-
1743
- .ql-editor .ql-color-purple {
1744
- color: #93f;
1745
- }
1746
-
1747
- .ql-editor .ql-font-serif {
1748
- font-family: Georgia, Times New Roman, serif;
1749
- }
1750
-
1751
- .ql-editor .ql-font-monospace {
1752
- font-family: Monaco, Courier New, monospace;
1753
- }
1754
-
1755
- .ql-editor .ql-size-small {
1756
- font-size: 0.75em;
1757
- }
1758
-
1759
- .ql-editor .ql-size-large {
1760
- font-size: 1.5em;
1761
- }
1762
-
1763
- .ql-editor .ql-size-huge {
1764
- font-size: 2.5em;
1765
- }
1766
-
1767
- .ql-editor .ql-direction-rtl {
1768
- direction: rtl;
1769
- text-align: inherit;
1770
- }
1771
-
1772
- .ql-editor .ql-align-center {
1773
- text-align: center;
1774
- }
1775
-
1776
- .ql-editor .ql-align-justify {
1777
- text-align: justify;
1778
- }
1779
-
1780
- .ql-editor .ql-align-right {
1781
- text-align: right;
1782
- }
1783
-
1784
- .ql-editor.ql-blank::before {
1785
- color: rgba(0, 0, 0, 0.6);
1786
- content: attr(data-placeholder);
1787
- font-style: italic;
1788
- left: 15px;
1789
- pointer-events: none;
1790
- position: absolute;
1791
- right: 15px;
1792
- }
1793
-
1794
- /*!
7
+ *//*!
1795
8
  * Quill Editor v1.3.7
1796
9
  * https://quilljs.com/
1797
10
  * Copyright (c) 2014, Jason Chen
1798
11
  * Copyright (c) 2013, salesforce.com
1799
- */
1800
- .ql-container {
1801
- box-sizing: border-box;
1802
- font-family: Helvetica, Arial, sans-serif;
1803
- font-size: 13px;
1804
- height: 100%;
1805
- margin: 0px;
1806
- position: relative;
1807
- }
1808
-
1809
- .ql-container.ql-disabled .ql-tooltip {
1810
- visibility: hidden;
1811
- }
1812
-
1813
- .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
1814
- pointer-events: none;
1815
- }
1816
-
1817
- .ql-clipboard {
1818
- left: -100000px;
1819
- height: 1px;
1820
- overflow-y: hidden;
1821
- position: absolute;
1822
- top: 50%;
1823
- }
1824
-
1825
- .ql-clipboard p {
1826
- margin: 0;
1827
- padding: 0;
1828
- }
1829
-
1830
- .ql-editor {
1831
- box-sizing: border-box;
1832
- line-height: 1.42;
1833
- height: 100%;
1834
- outline: none;
1835
- overflow-y: auto;
1836
- padding: 12px 15px;
1837
- -o-tab-size: 4;
1838
- tab-size: 4;
1839
- -moz-tab-size: 4;
1840
- text-align: left;
1841
- white-space: pre-wrap;
1842
- word-wrap: break-word;
1843
- }
1844
-
1845
- .ql-editor > * {
1846
- cursor: text;
1847
- }
1848
-
1849
- .ql-editor p,
1850
- .ql-editor ol,
1851
- .ql-editor ul,
1852
- .ql-editor pre,
1853
- .ql-editor blockquote,
1854
- .ql-editor h1,
1855
- .ql-editor h2,
1856
- .ql-editor h3,
1857
- .ql-editor h4,
1858
- .ql-editor h5,
1859
- .ql-editor h6 {
1860
- margin: 0;
1861
- padding: 0;
1862
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1863
- }
1864
-
1865
- .ql-editor ol,
1866
- .ql-editor ul {
1867
- padding-left: 1.5em;
1868
- }
1869
-
1870
- .ql-editor ol > li,
1871
- .ql-editor ul > li {
1872
- list-style-type: none;
1873
- }
1874
-
1875
- .ql-editor ul > li::before {
1876
- content: "•";
1877
- }
1878
-
1879
- .ql-editor ul[data-checked=true],
1880
- .ql-editor ul[data-checked=false] {
1881
- pointer-events: none;
1882
- }
1883
-
1884
- .ql-editor ul[data-checked=true] > li *,
1885
- .ql-editor ul[data-checked=false] > li * {
1886
- pointer-events: all;
1887
- }
1888
-
1889
- .ql-editor ul[data-checked=true] > li::before,
1890
- .ql-editor ul[data-checked=false] > li::before {
1891
- color: #777;
1892
- cursor: pointer;
1893
- pointer-events: all;
1894
- }
1895
-
1896
- .ql-editor ul[data-checked=true] > li::before {
1897
- content: "☑";
1898
- }
1899
-
1900
- .ql-editor ul[data-checked=false] > li::before {
1901
- content: "☐";
1902
- }
1903
-
1904
- .ql-editor li::before {
1905
- display: inline-block;
1906
- white-space: nowrap;
1907
- width: 1.2em;
1908
- }
1909
-
1910
- .ql-editor li:not(.ql-direction-rtl)::before {
1911
- margin-left: -1.5em;
1912
- margin-right: 0.3em;
1913
- text-align: right;
1914
- }
1915
-
1916
- .ql-editor li.ql-direction-rtl::before {
1917
- margin-left: 0.3em;
1918
- margin-right: -1.5em;
1919
- }
1920
-
1921
- .ql-editor ol li:not(.ql-direction-rtl),
1922
- .ql-editor ul li:not(.ql-direction-rtl) {
1923
- padding-left: 1.5em;
1924
- }
1925
-
1926
- .ql-editor ol li.ql-direction-rtl,
1927
- .ql-editor ul li.ql-direction-rtl {
1928
- padding-right: 1.5em;
1929
- }
1930
-
1931
- .ql-editor ol li {
1932
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1933
- counter-increment: list-0;
1934
- }
1935
-
1936
- .ql-editor ol li:before {
1937
- content: counter(list-0, decimal) ". ";
1938
- }
1939
-
1940
- .ql-editor ol li.ql-indent-1 {
1941
- counter-increment: list-1;
1942
- }
1943
-
1944
- .ql-editor ol li.ql-indent-1:before {
1945
- content: counter(list-1, lower-alpha) ". ";
1946
- }
1947
-
1948
- .ql-editor ol li.ql-indent-1 {
1949
- counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1950
- }
1951
-
1952
- .ql-editor ol li.ql-indent-2 {
1953
- counter-increment: list-2;
1954
- }
1955
-
1956
- .ql-editor ol li.ql-indent-2:before {
1957
- content: counter(list-2, lower-roman) ". ";
1958
- }
1959
-
1960
- .ql-editor ol li.ql-indent-2 {
1961
- counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1962
- }
1963
-
1964
- .ql-editor ol li.ql-indent-3 {
1965
- counter-increment: list-3;
1966
- }
1967
-
1968
- .ql-editor ol li.ql-indent-3:before {
1969
- content: counter(list-3, decimal) ". ";
1970
- }
1971
-
1972
- .ql-editor ol li.ql-indent-3 {
1973
- counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
1974
- }
1975
-
1976
- .ql-editor ol li.ql-indent-4 {
1977
- counter-increment: list-4;
1978
- }
1979
-
1980
- .ql-editor ol li.ql-indent-4:before {
1981
- content: counter(list-4, lower-alpha) ". ";
1982
- }
1983
-
1984
- .ql-editor ol li.ql-indent-4 {
1985
- counter-reset: list-5 list-6 list-7 list-8 list-9;
1986
- }
1987
-
1988
- .ql-editor ol li.ql-indent-5 {
1989
- counter-increment: list-5;
1990
- }
1991
-
1992
- .ql-editor ol li.ql-indent-5:before {
1993
- content: counter(list-5, lower-roman) ". ";
1994
- }
1995
-
1996
- .ql-editor ol li.ql-indent-5 {
1997
- counter-reset: list-6 list-7 list-8 list-9;
1998
- }
1999
-
2000
- .ql-editor ol li.ql-indent-6 {
2001
- counter-increment: list-6;
2002
- }
2003
-
2004
- .ql-editor ol li.ql-indent-6:before {
2005
- content: counter(list-6, decimal) ". ";
2006
- }
2007
-
2008
- .ql-editor ol li.ql-indent-6 {
2009
- counter-reset: list-7 list-8 list-9;
2010
- }
2011
-
2012
- .ql-editor ol li.ql-indent-7 {
2013
- counter-increment: list-7;
2014
- }
2015
-
2016
- .ql-editor ol li.ql-indent-7:before {
2017
- content: counter(list-7, lower-alpha) ". ";
2018
- }
2019
-
2020
- .ql-editor ol li.ql-indent-7 {
2021
- counter-reset: list-8 list-9;
2022
- }
2023
-
2024
- .ql-editor ol li.ql-indent-8 {
2025
- counter-increment: list-8;
2026
- }
2027
-
2028
- .ql-editor ol li.ql-indent-8:before {
2029
- content: counter(list-8, lower-roman) ". ";
2030
- }
2031
-
2032
- .ql-editor ol li.ql-indent-8 {
2033
- counter-reset: list-9;
2034
- }
2035
-
2036
- .ql-editor ol li.ql-indent-9 {
2037
- counter-increment: list-9;
2038
- }
2039
-
2040
- .ql-editor ol li.ql-indent-9:before {
2041
- content: counter(list-9, decimal) ". ";
2042
- }
2043
-
2044
- .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
2045
- padding-left: 3em;
2046
- }
2047
-
2048
- .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
2049
- padding-left: 4.5em;
2050
- }
2051
-
2052
- .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
2053
- padding-right: 3em;
2054
- }
2055
-
2056
- .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
2057
- padding-right: 4.5em;
2058
- }
2059
-
2060
- .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
2061
- padding-left: 6em;
2062
- }
2063
-
2064
- .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
2065
- padding-left: 7.5em;
2066
- }
2067
-
2068
- .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
2069
- padding-right: 6em;
2070
- }
2071
-
2072
- .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
2073
- padding-right: 7.5em;
2074
- }
2075
-
2076
- .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
2077
- padding-left: 9em;
2078
- }
2079
-
2080
- .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
2081
- padding-left: 10.5em;
2082
- }
2083
-
2084
- .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
2085
- padding-right: 9em;
2086
- }
2087
-
2088
- .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
2089
- padding-right: 10.5em;
2090
- }
2091
-
2092
- .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
2093
- padding-left: 12em;
2094
- }
2095
-
2096
- .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
2097
- padding-left: 13.5em;
2098
- }
2099
-
2100
- .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
2101
- padding-right: 12em;
2102
- }
2103
-
2104
- .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
2105
- padding-right: 13.5em;
2106
- }
2107
-
2108
- .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
2109
- padding-left: 15em;
2110
- }
2111
-
2112
- .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
2113
- padding-left: 16.5em;
2114
- }
2115
-
2116
- .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
2117
- padding-right: 15em;
2118
- }
2119
-
2120
- .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
2121
- padding-right: 16.5em;
2122
- }
2123
-
2124
- .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
2125
- padding-left: 18em;
2126
- }
2127
-
2128
- .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
2129
- padding-left: 19.5em;
2130
- }
2131
-
2132
- .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
2133
- padding-right: 18em;
2134
- }
2135
-
2136
- .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
2137
- padding-right: 19.5em;
2138
- }
2139
-
2140
- .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
2141
- padding-left: 21em;
2142
- }
2143
-
2144
- .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
2145
- padding-left: 22.5em;
2146
- }
2147
-
2148
- .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
2149
- padding-right: 21em;
2150
- }
2151
-
2152
- .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
2153
- padding-right: 22.5em;
2154
- }
2155
-
2156
- .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
2157
- padding-left: 24em;
2158
- }
2159
-
2160
- .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
2161
- padding-left: 25.5em;
2162
- }
2163
-
2164
- .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
2165
- padding-right: 24em;
2166
- }
2167
-
2168
- .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
2169
- padding-right: 25.5em;
2170
- }
2171
-
2172
- .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
2173
- padding-left: 27em;
2174
- }
2175
-
2176
- .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
2177
- padding-left: 28.5em;
2178
- }
2179
-
2180
- .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
2181
- padding-right: 27em;
2182
- }
2183
-
2184
- .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
2185
- padding-right: 28.5em;
2186
- }
2187
-
2188
- .ql-editor .ql-video {
2189
- display: block;
2190
- max-width: 100%;
2191
- }
2192
-
2193
- .ql-editor .ql-video.ql-align-center {
2194
- margin: 0 auto;
2195
- }
2196
-
2197
- .ql-editor .ql-video.ql-align-right {
2198
- margin: 0 0 0 auto;
2199
- }
2200
-
2201
- .ql-editor .ql-bg-black {
2202
- background-color: #000;
2203
- }
2204
-
2205
- .ql-editor .ql-bg-red {
2206
- background-color: #e60000;
2207
- }
2208
-
2209
- .ql-editor .ql-bg-orange {
2210
- background-color: #f90;
2211
- }
2212
-
2213
- .ql-editor .ql-bg-yellow {
2214
- background-color: #ff0;
2215
- }
2216
-
2217
- .ql-editor .ql-bg-green {
2218
- background-color: #008a00;
2219
- }
2220
-
2221
- .ql-editor .ql-bg-blue {
2222
- background-color: #06c;
2223
- }
2224
-
2225
- .ql-editor .ql-bg-purple {
2226
- background-color: #93f;
2227
- }
2228
-
2229
- .ql-editor .ql-color-white {
2230
- color: #fff;
2231
- }
2232
-
2233
- .ql-editor .ql-color-red {
2234
- color: #e60000;
2235
- }
2236
-
2237
- .ql-editor .ql-color-orange {
2238
- color: #f90;
2239
- }
2240
-
2241
- .ql-editor .ql-color-yellow {
2242
- color: #ff0;
2243
- }
2244
-
2245
- .ql-editor .ql-color-green {
2246
- color: #008a00;
2247
- }
2248
-
2249
- .ql-editor .ql-color-blue {
2250
- color: #06c;
2251
- }
2252
-
2253
- .ql-editor .ql-color-purple {
2254
- color: #93f;
2255
- }
2256
-
2257
- .ql-editor .ql-font-serif {
2258
- font-family: Georgia, Times New Roman, serif;
2259
- }
2260
-
2261
- .ql-editor .ql-font-monospace {
2262
- font-family: Monaco, Courier New, monospace;
2263
- }
2264
-
2265
- .ql-editor .ql-size-small {
2266
- font-size: 0.75em;
2267
- }
2268
-
2269
- .ql-editor .ql-size-large {
2270
- font-size: 1.5em;
2271
- }
2272
-
2273
- .ql-editor .ql-size-huge {
2274
- font-size: 2.5em;
2275
- }
2276
-
2277
- .ql-editor .ql-direction-rtl {
2278
- direction: rtl;
2279
- text-align: inherit;
2280
- }
2281
-
2282
- .ql-editor .ql-align-center {
2283
- text-align: center;
2284
- }
2285
-
2286
- .ql-editor .ql-align-justify {
2287
- text-align: justify;
2288
- }
2289
-
2290
- .ql-editor .ql-align-right {
2291
- text-align: right;
2292
- }
2293
-
2294
- .ql-editor.ql-blank::before {
2295
- color: rgba(0, 0, 0, 0.6);
2296
- content: attr(data-placeholder);
2297
- font-style: italic;
2298
- left: 15px;
2299
- pointer-events: none;
2300
- position: absolute;
2301
- right: 15px;
2302
- }
2303
-
2304
- .ql-snow.ql-toolbar:after,
2305
- .ql-snow .ql-toolbar:after {
2306
- clear: both;
2307
- content: "";
2308
- display: table;
2309
- }
2310
-
2311
- .ql-snow.ql-toolbar button,
2312
- .ql-snow .ql-toolbar button {
2313
- background: none;
2314
- border: none;
2315
- cursor: pointer;
2316
- display: inline-block;
2317
- float: left;
2318
- height: 24px;
2319
- padding: 3px 5px;
2320
- width: 28px;
2321
- }
2322
-
2323
- .ql-snow.ql-toolbar button svg,
2324
- .ql-snow .ql-toolbar button svg {
2325
- float: left;
2326
- height: 100%;
2327
- }
2328
-
2329
- .ql-snow.ql-toolbar button:active:hover,
2330
- .ql-snow .ql-toolbar button:active:hover {
2331
- outline: none;
2332
- }
2333
-
2334
- .ql-snow.ql-toolbar input.ql-image[type=file],
2335
- .ql-snow .ql-toolbar input.ql-image[type=file] {
2336
- display: none;
2337
- }
2338
-
2339
- .ql-snow.ql-toolbar button:hover,
2340
- .ql-snow .ql-toolbar button:hover,
2341
- .ql-snow.ql-toolbar button:focus,
2342
- .ql-snow .ql-toolbar button:focus,
2343
- .ql-snow.ql-toolbar button.ql-active,
2344
- .ql-snow .ql-toolbar button.ql-active,
2345
- .ql-snow.ql-toolbar .ql-picker-label:hover,
2346
- .ql-snow .ql-toolbar .ql-picker-label:hover,
2347
- .ql-snow.ql-toolbar .ql-picker-label.ql-active,
2348
- .ql-snow .ql-toolbar .ql-picker-label.ql-active,
2349
- .ql-snow.ql-toolbar .ql-picker-item:hover,
2350
- .ql-snow .ql-toolbar .ql-picker-item:hover,
2351
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
2352
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected {
2353
- color: #06c;
2354
- }
2355
-
2356
- .ql-snow.ql-toolbar button:hover .ql-fill,
2357
- .ql-snow .ql-toolbar button:hover .ql-fill,
2358
- .ql-snow.ql-toolbar button:focus .ql-fill,
2359
- .ql-snow .ql-toolbar button:focus .ql-fill,
2360
- .ql-snow.ql-toolbar button.ql-active .ql-fill,
2361
- .ql-snow .ql-toolbar button.ql-active .ql-fill,
2362
- .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
2363
- .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
2364
- .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
2365
- .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
2366
- .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
2367
- .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
2368
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
2369
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
2370
- .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
2371
- .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
2372
- .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
2373
- .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
2374
- .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
2375
- .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
2376
- .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
2377
- .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
2378
- .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
2379
- .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
2380
- .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
2381
- .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
2382
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
2383
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
2384
- fill: #06c;
2385
- }
2386
-
2387
- .ql-snow.ql-toolbar button:hover .ql-stroke,
2388
- .ql-snow .ql-toolbar button:hover .ql-stroke,
2389
- .ql-snow.ql-toolbar button:focus .ql-stroke,
2390
- .ql-snow .ql-toolbar button:focus .ql-stroke,
2391
- .ql-snow.ql-toolbar button.ql-active .ql-stroke,
2392
- .ql-snow .ql-toolbar button.ql-active .ql-stroke,
2393
- .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
2394
- .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
2395
- .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
2396
- .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
2397
- .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
2398
- .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
2399
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
2400
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
2401
- .ql-snow.ql-toolbar button:hover .ql-stroke-miter,
2402
- .ql-snow .ql-toolbar button:hover .ql-stroke-miter,
2403
- .ql-snow.ql-toolbar button:focus .ql-stroke-miter,
2404
- .ql-snow .ql-toolbar button:focus .ql-stroke-miter,
2405
- .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
2406
- .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
2407
- .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
2408
- .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
2409
- .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
2410
- .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
2411
- .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
2412
- .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
2413
- .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
2414
- .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
2415
- stroke: #06c;
2416
- }
2417
-
2418
- @media (pointer: coarse) {
2419
- .ql-snow.ql-toolbar button:hover:not(.ql-active),
2420
- .ql-snow .ql-toolbar button:hover:not(.ql-active) {
2421
- color: #444;
2422
- }
2423
-
2424
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
2425
- .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
2426
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
2427
- .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
2428
- fill: #444;
2429
- }
2430
-
2431
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
2432
- .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
2433
- .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
2434
- .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
2435
- stroke: #444;
2436
- }
2437
- }
2438
- .ql-snow {
2439
- box-sizing: border-box;
2440
- }
2441
-
2442
- .ql-snow * {
2443
- box-sizing: border-box;
2444
- }
2445
-
2446
- .ql-snow .ql-hidden {
2447
- display: none;
2448
- }
2449
-
2450
- .ql-snow .ql-out-bottom,
2451
- .ql-snow .ql-out-top {
2452
- visibility: hidden;
2453
- }
2454
-
2455
- .ql-snow .ql-tooltip {
2456
- position: absolute;
2457
- transform: translateY(10px);
2458
- }
2459
-
2460
- .ql-snow .ql-tooltip a {
2461
- cursor: pointer;
2462
- text-decoration: none;
2463
- }
2464
-
2465
- .ql-snow .ql-tooltip.ql-flip {
2466
- transform: translateY(-10px);
2467
- }
2468
-
2469
- .ql-snow .ql-formats {
2470
- display: inline-block;
2471
- vertical-align: middle;
2472
- }
2473
-
2474
- .ql-snow .ql-formats:after {
2475
- clear: both;
2476
- content: "";
2477
- display: table;
2478
- }
2479
-
2480
- .ql-snow .ql-stroke {
2481
- fill: none;
2482
- stroke: #444;
2483
- stroke-linecap: round;
2484
- stroke-linejoin: round;
2485
- stroke-width: 2;
2486
- }
2487
-
2488
- .ql-snow .ql-stroke-miter {
2489
- fill: none;
2490
- stroke: #444;
2491
- stroke-miterlimit: 10;
2492
- stroke-width: 2;
2493
- }
2494
-
2495
- .ql-snow .ql-fill,
2496
- .ql-snow .ql-stroke.ql-fill {
2497
- fill: #444;
2498
- }
2499
-
2500
- .ql-snow .ql-empty {
2501
- fill: none;
2502
- }
2503
-
2504
- .ql-snow .ql-even {
2505
- fill-rule: evenodd;
2506
- }
2507
-
2508
- .ql-snow .ql-thin,
2509
- .ql-snow .ql-stroke.ql-thin {
2510
- stroke-width: 1;
2511
- }
2512
-
2513
- .ql-snow .ql-transparent {
2514
- opacity: 0.4;
2515
- }
2516
-
2517
- .ql-snow .ql-direction svg:last-child {
2518
- display: none;
2519
- }
2520
-
2521
- .ql-snow .ql-direction.ql-active svg:last-child {
2522
- display: inline;
2523
- }
2524
-
2525
- .ql-snow .ql-direction.ql-active svg:first-child {
2526
- display: none;
2527
- }
2528
-
2529
- .ql-snow .ql-editor h1 {
2530
- font-size: 2em;
2531
- }
2532
-
2533
- .ql-snow .ql-editor h2 {
2534
- font-size: 1.5em;
2535
- }
2536
-
2537
- .ql-snow .ql-editor h3 {
2538
- font-size: 1.17em;
2539
- }
2540
-
2541
- .ql-snow .ql-editor h4 {
2542
- font-size: 1em;
2543
- }
2544
-
2545
- .ql-snow .ql-editor h5 {
2546
- font-size: 0.83em;
2547
- }
2548
-
2549
- .ql-snow .ql-editor h6 {
2550
- font-size: 0.67em;
2551
- }
2552
-
2553
- .ql-snow .ql-editor a {
2554
- text-decoration: underline;
2555
- }
2556
-
2557
- .ql-snow .ql-editor blockquote {
2558
- border-left: 4px solid #ccc;
2559
- margin-bottom: 5px;
2560
- margin-top: 5px;
2561
- padding-left: 16px;
2562
- }
2563
-
2564
- .ql-snow .ql-editor code,
2565
- .ql-snow .ql-editor pre {
2566
- background-color: #f0f0f0;
2567
- border-radius: 3px;
2568
- }
2569
-
2570
- .ql-snow .ql-editor pre {
2571
- white-space: pre-wrap;
2572
- margin-bottom: 5px;
2573
- margin-top: 5px;
2574
- padding: 5px 10px;
2575
- }
2576
-
2577
- .ql-snow .ql-editor code {
2578
- font-size: 85%;
2579
- padding: 2px 4px;
2580
- }
2581
-
2582
- .ql-snow .ql-editor pre.ql-syntax {
2583
- background-color: #23241f;
2584
- color: #f8f8f2;
2585
- overflow: visible;
2586
- }
2587
-
2588
- .ql-snow .ql-editor img {
2589
- max-width: 100%;
2590
- }
2591
-
2592
- .ql-snow .ql-picker {
2593
- color: #444;
2594
- display: inline-block;
2595
- float: left;
2596
- font-size: 14px;
2597
- font-weight: 500;
2598
- height: 24px;
2599
- position: relative;
2600
- vertical-align: middle;
2601
- }
2602
-
2603
- .ql-snow .ql-picker-label {
2604
- cursor: pointer;
2605
- display: inline-block;
2606
- height: 100%;
2607
- padding-left: 8px;
2608
- padding-right: 2px;
2609
- position: relative;
2610
- width: 100%;
2611
- }
2612
-
2613
- .ql-snow .ql-picker-label::before {
2614
- display: inline-block;
2615
- line-height: 22px;
2616
- }
2617
-
2618
- .ql-snow .ql-picker-options {
2619
- background-color: #fff;
2620
- display: none;
2621
- min-width: 100%;
2622
- padding: 4px 8px;
2623
- position: absolute;
2624
- white-space: nowrap;
2625
- }
2626
-
2627
- .ql-snow .ql-picker-options .ql-picker-item {
2628
- cursor: pointer;
2629
- display: block;
2630
- padding-bottom: 5px;
2631
- padding-top: 5px;
2632
- }
2633
-
2634
- .ql-snow .ql-picker.ql-expanded .ql-picker-label {
2635
- color: #ccc;
2636
- z-index: 2;
2637
- }
2638
-
2639
- .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
2640
- fill: #ccc;
2641
- }
2642
-
2643
- .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
2644
- stroke: #ccc;
2645
- }
2646
-
2647
- .ql-snow .ql-picker.ql-expanded .ql-picker-options {
2648
- display: block;
2649
- margin-top: -1px;
2650
- top: 100%;
2651
- z-index: 1;
2652
- }
2653
-
2654
- .ql-snow .ql-color-picker,
2655
- .ql-snow .ql-icon-picker {
2656
- width: 28px;
2657
- }
2658
-
2659
- .ql-snow .ql-color-picker .ql-picker-label,
2660
- .ql-snow .ql-icon-picker .ql-picker-label {
2661
- padding: 2px 4px;
2662
- }
2663
-
2664
- .ql-snow .ql-color-picker .ql-picker-label svg,
2665
- .ql-snow .ql-icon-picker .ql-picker-label svg {
2666
- right: 4px;
2667
- }
2668
-
2669
- .ql-snow .ql-icon-picker .ql-picker-options {
2670
- padding: 4px 0px;
2671
- }
2672
-
2673
- .ql-snow .ql-icon-picker .ql-picker-item {
2674
- height: 24px;
2675
- width: 24px;
2676
- padding: 2px 4px;
2677
- }
2678
-
2679
- .ql-snow .ql-color-picker .ql-picker-options {
2680
- padding: 3px 5px;
2681
- width: 152px;
2682
- }
2683
-
2684
- .ql-snow .ql-color-picker .ql-picker-item {
2685
- border: 1px solid transparent;
2686
- float: left;
2687
- height: 16px;
2688
- margin: 2px;
2689
- padding: 0px;
2690
- width: 16px;
2691
- }
2692
-
2693
- .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
2694
- position: absolute;
2695
- margin-top: -9px;
2696
- right: 0;
2697
- top: 50%;
2698
- width: 18px;
2699
- }
2700
-
2701
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
2702
- .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
2703
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
2704
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
2705
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
2706
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
2707
- content: attr(data-label);
2708
- }
2709
-
2710
- .ql-snow .ql-picker.ql-header {
2711
- width: 98px;
2712
- }
2713
-
2714
- .ql-snow .ql-picker.ql-header .ql-picker-label::before,
2715
- .ql-snow .ql-picker.ql-header .ql-picker-item::before {
2716
- content: "Normal";
2717
- }
2718
-
2719
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
2720
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
2721
- content: "Heading 1";
2722
- }
2723
-
2724
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
2725
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
2726
- content: "Heading 2";
2727
- }
2728
-
2729
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
2730
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
2731
- content: "Heading 3";
2732
- }
2733
-
2734
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
2735
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
2736
- content: "Heading 4";
2737
- }
2738
-
2739
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
2740
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
2741
- content: "Heading 5";
2742
- }
2743
-
2744
- .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
2745
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
2746
- content: "Heading 6";
2747
- }
2748
-
2749
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
2750
- font-size: 2em;
2751
- }
2752
-
2753
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
2754
- font-size: 1.5em;
2755
- }
2756
-
2757
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
2758
- font-size: 1.17em;
2759
- }
2760
-
2761
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
2762
- font-size: 1em;
2763
- }
2764
-
2765
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
2766
- font-size: 0.83em;
2767
- }
2768
-
2769
- .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
2770
- font-size: 0.67em;
2771
- }
2772
-
2773
- .ql-snow .ql-picker.ql-font {
2774
- width: 108px;
2775
- }
2776
-
2777
- .ql-snow .ql-picker.ql-font .ql-picker-label::before,
2778
- .ql-snow .ql-picker.ql-font .ql-picker-item::before {
2779
- content: "Sans Serif";
2780
- }
2781
-
2782
- .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
2783
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
2784
- content: "Serif";
2785
- }
2786
-
2787
- .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
2788
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
2789
- content: "Monospace";
2790
- }
2791
-
2792
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
2793
- font-family: Georgia, Times New Roman, serif;
2794
- }
2795
-
2796
- .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
2797
- font-family: Monaco, Courier New, monospace;
2798
- }
2799
-
2800
- .ql-snow .ql-picker.ql-size {
2801
- width: 98px;
2802
- }
2803
-
2804
- .ql-snow .ql-picker.ql-size .ql-picker-label::before,
2805
- .ql-snow .ql-picker.ql-size .ql-picker-item::before {
2806
- content: "Normal";
2807
- }
2808
-
2809
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
2810
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
2811
- content: "Small";
2812
- }
2813
-
2814
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
2815
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
2816
- content: "Large";
2817
- }
2818
-
2819
- .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
2820
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
2821
- content: "Huge";
2822
- }
2823
-
2824
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
2825
- font-size: 10px;
2826
- }
2827
-
2828
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
2829
- font-size: 18px;
2830
- }
2831
-
2832
- .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
2833
- font-size: 32px;
2834
- }
2835
-
2836
- .ql-snow .ql-color-picker.ql-background .ql-picker-item {
2837
- background-color: #fff;
2838
- }
2839
-
2840
- .ql-snow .ql-color-picker.ql-color .ql-picker-item {
2841
- background-color: #000;
2842
- }
2843
-
2844
- .ql-toolbar.ql-snow {
2845
- border: 1px solid #ccc;
2846
- box-sizing: border-box;
2847
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
2848
- padding: 8px;
2849
- }
2850
-
2851
- .ql-toolbar.ql-snow .ql-formats {
2852
- margin-right: 15px;
2853
- }
2854
-
2855
- .ql-toolbar.ql-snow .ql-picker-label {
2856
- border: 1px solid transparent;
2857
- }
2858
-
2859
- .ql-toolbar.ql-snow .ql-picker-options {
2860
- border: 1px solid transparent;
2861
- box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
2862
- }
2863
-
2864
- .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
2865
- border-color: #ccc;
2866
- }
2867
-
2868
- .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
2869
- border-color: #ccc;
2870
- }
2871
-
2872
- .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
2873
- .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
2874
- border-color: #000;
2875
- }
2876
-
2877
- .ql-toolbar.ql-snow + .ql-container.ql-snow {
2878
- border-top: 0px;
2879
- }
2880
-
2881
- .ql-snow .ql-tooltip {
2882
- background-color: #fff;
2883
- border: 1px solid #ccc;
2884
- box-shadow: 0px 0px 5px #ddd;
2885
- color: #444;
2886
- padding: 5px 12px;
2887
- white-space: nowrap;
2888
- }
2889
-
2890
- .ql-snow .ql-tooltip::before {
2891
- content: "Visit URL:";
2892
- line-height: 26px;
2893
- margin-right: 8px;
2894
- }
2895
-
2896
- .ql-snow .ql-tooltip input[type=text] {
2897
- display: none;
2898
- border: 1px solid #ccc;
2899
- font-size: 13px;
2900
- height: 26px;
2901
- margin: 0px;
2902
- padding: 3px 5px;
2903
- width: 170px;
2904
- }
2905
-
2906
- .ql-snow .ql-tooltip a.ql-preview {
2907
- display: inline-block;
2908
- max-width: 200px;
2909
- overflow-x: hidden;
2910
- text-overflow: ellipsis;
2911
- vertical-align: top;
2912
- }
2913
-
2914
- .ql-snow .ql-tooltip a.ql-action::after {
2915
- border-right: 1px solid #ccc;
2916
- content: "Edit";
2917
- margin-left: 16px;
2918
- padding-right: 8px;
2919
- }
2920
-
2921
- .ql-snow .ql-tooltip a.ql-remove::before {
2922
- content: "Remove";
2923
- margin-left: 8px;
2924
- }
2925
-
2926
- .ql-snow .ql-tooltip a {
2927
- line-height: 26px;
2928
- }
2929
-
2930
- .ql-snow .ql-tooltip.ql-editing a.ql-preview,
2931
- .ql-snow .ql-tooltip.ql-editing a.ql-remove {
2932
- display: none;
2933
- }
2934
-
2935
- .ql-snow .ql-tooltip.ql-editing input[type=text] {
2936
- display: inline-block;
2937
- }
2938
-
2939
- .ql-snow .ql-tooltip.ql-editing a.ql-action::after {
2940
- border-right: 0px;
2941
- content: "Save";
2942
- padding-right: 0px;
2943
- }
2944
-
2945
- .ql-snow .ql-tooltip[data-mode=link]::before {
2946
- content: "Enter link:";
2947
- }
2948
-
2949
- .ql-snow .ql-tooltip[data-mode=formula]::before {
2950
- content: "Enter formula:";
2951
- }
2952
-
2953
- .ql-snow .ql-tooltip[data-mode=video]::before {
2954
- content: "Enter video:";
2955
- }
2956
-
2957
- .ql-snow a {
2958
- color: #06c;
2959
- }
2960
-
2961
- .ql-container.ql-snow {
2962
- border: 1px solid #ccc;
2963
- }
2964
-
2965
- /* a screen reader friendly approach */
2966
- .fwe-divider-y {
2967
- position: relative;
2968
- top: 6px;
2969
- height: 24px;
2970
- width: 1px;
2971
- background-color: var(--fwe-gray-400);
2972
- }
2973
-
2974
- .fwe-editor {
2975
- min-height: 100%;
2976
- }
2977
- .fwe-editor-container {
2978
- order: 2;
2979
- height: 160px;
2980
- min-height: 100%;
2981
- overflow-y: auto;
2982
- scrollbar-width: thin;
2983
- scrollbar-color: var(--fwe-control-scrollbar) var(--fwe-gray-100);
2984
- padding-top: 4px;
2985
- padding-bottom: 4px;
2986
- padding-left: 8px;
2987
- border: var(--fwe-control-border) solid 1px;
2988
- }
2989
- .fwe-editor-container::-webkit-scrollbar {
2990
- width: 12px;
2991
- }
2992
- .fwe-editor-container::-webkit-scrollbar-track {
2993
- background: transparent;
2994
- }
2995
- .fwe-editor-container::-webkit-scrollbar-thumb {
2996
- overflow: visible;
2997
- background-color: var(--fwe-control-scrollbar);
2998
- border: 3px solid rgba(242, 243, 245, 0);
2999
- -webkit-background-clip: padding-box;
3000
- background-clip: padding-box;
3001
- border-radius: 6px;
3002
- }
3003
- .fwe-editor-container:hover {
3004
- border-color: var(--fwe-hero);
3005
- }
3006
- .fwe-editor-container--error, .fwe-editor-container--error:hover {
3007
- border-color: var(--fwe-red);
3008
- }
3009
- .fwe-editor-container[contenteditable=true] {
3010
- outline: none;
3011
- }
3012
- .fwe-editor-container[contenteditable=true]:focus {
3013
- border-color: var(--fwe-hero);
3014
- }
3015
-
3016
- label.fwe-input-text {
3017
- line-height: 24px;
3018
- }
3019
- label.fwe-input-text .fwe-input-text-count {
3020
- display: block;
3021
- line-height: var(--fwe-line-height-base);
3022
- position: absolute;
3023
- right: 0;
3024
- bottom: 0;
3025
- z-index: 1;
3026
- color: var(--fwe-text-disabled);
3027
- font-size: var(--fwe-font-size-small);
3028
- }
3029
- label.fwe-input-text .fwe-input-text-label {
3030
- order: -1;
3031
- }
3032
- label.fwe-input-text .fwe-text-editor-info {
3033
- white-space: nowrap;
3034
- overflow: hidden;
3035
- text-overflow: ellipsis;
3036
- display: inline-block;
3037
- line-height: var(--fwe-line-height-base);
3038
- position: absolute;
3039
- left: 0;
3040
- top: unset;
3041
- bottom: 0;
3042
- z-index: 2;
3043
- color: var(--fwe-text-disabled);
3044
- font-size: var(--fwe-font-size-small);
3045
- }
3046
- label.fwe-input-text .fwe-text-editor-invalid {
3047
- line-height: 1.5;
3048
- position: absolute;
3049
- left: 0;
3050
- bottom: 0;
3051
- z-index: 2;
3052
- color: var(--fwe-red);
3053
- font-size: var(--fwe-font-size-small);
3054
- }
3055
- label.fwe-input-text .fwe-text-editor-invalid ~ .fwe-text-editor-info {
3056
- display: none;
3057
- }
3058
- label.fwe-input-text.fwe-disabled {
3059
- color: var(--fwe-text-disabled);
3060
- }
3061
- label.fwe-input-text.fwe-disabled .fwe-input-text-label {
3062
- color: var(--fwe-text-disabled);
3063
- }
3064
- label.fwe-input-text.fwe-disabled .fwe-editor-container {
3065
- border-color: var(--fwe-control-disabled) !important;
3066
- }
3067
- label.fwe-input-text.fwe-disabled .fwe-editor-container:hover {
3068
- border-color: var(--fwe-control-disabled) !important;
3069
- }
3070
- label.fwe-input-text.fwe-disabled .fwe-divider-y {
3071
- background-color: var(--fwe-text-disabled);
3072
- }
3073
-
3074
- .fwe-text-bold {
3075
- font-weight: var(--fwe-font-weight-bold);
3076
- }
3077
-
3078
- .fwe-text-italic {
3079
- font-style: italic;
3080
- }
3081
-
3082
- .fwe-text-underline {
3083
- text-decoration: underline;
3084
- }
3085
-
3086
- .ql-tooltip {
3087
- z-index: var(--fwe-z-index-tooltip);
3088
- }
3089
-
3090
- .ql-editor {
3091
- font-family: var(--fwe-font-family-sans-serif);
3092
- font-size: var(--fwe-font-size-base);
3093
- padding: 0;
3094
- min-height: 72px;
3095
- overflow-x: hidden;
3096
- }
3097
- .ql-editor p::-moz-selection, .ql-editor strong::-moz-selection, .ql-editor em::-moz-selection, .ql-editor u::-moz-selection, .ql-editor ul::-moz-selection, .ql-editor ol::-moz-selection, .ql-editor li::-moz-selection, .ql-editor a::-moz-selection {
3098
- background: var(--fwe-icon-hero-light);
3099
- }
3100
- .ql-editor p::selection,
3101
- .ql-editor strong::selection,
3102
- .ql-editor em::selection,
3103
- .ql-editor u::selection,
3104
- .ql-editor ul::selection,
3105
- .ql-editor ol::selection,
3106
- .ql-editor li::selection,
3107
- .ql-editor a::selection {
3108
- background: var(--fwe-icon-hero-light);
3109
- }
3110
-
3111
- .ql-container.ql-snow {
3112
- border: 0;
3113
- background-color: var(--fwe-white);
3114
- }
3115
- .ql-container.ql-snow .ql-tooltip {
3116
- transform: translate(160px, 12px);
3117
- color: var(--fwe-black);
3118
- box-shadow: -1px 1px 4px -1px #33333333;
3119
- border: 1px solid var(--fwe-gray-200);
3120
- }
3121
- .ql-container.ql-snow .ql-tooltip input {
3122
- border: 1px solid var(--fwe-gray-200);
3123
- }
3124
- .ql-container.ql-snow .ql-tooltip input::-moz-selection {
3125
- background: var(--fwe-icon-hero-light);
3126
- }
3127
- .ql-container.ql-snow .ql-tooltip input::selection {
3128
- background: var(--fwe-icon-hero-light);
3129
- }
3130
- .ql-container.ql-snow a {
3131
- color: var(--fwe-caerul);
3132
- }
3133
-
3134
- .ql-toolbar.ql-snow {
3135
- border: 0;
3136
- padding: 4px 0 8px 0;
3137
- }
3138
- .ql-toolbar.ql-snow button {
3139
- line-height: normal;
3140
- box-sizing: border-box;
3141
- display: inline-flex;
3142
- align-items: center;
3143
- text-align: center;
3144
- padding: 0 8px;
3145
- min-height: unset;
3146
- color: var(--fwe-black);
3147
- background: none;
3148
- border-radius: 4px;
3149
- cursor: pointer;
3150
- border: none;
3151
- width: unset;
3152
- max-width: 24px;
3153
- justify-content: center;
3154
- align-items: center;
3155
- float: unset;
3156
- }
3157
- .ql-toolbar.ql-snow button:hover {
3158
- background-color: var(--fwe-control-dark);
3159
- color: var(--fwe-black);
3160
- }
3161
- .ql-toolbar.ql-snow button:active {
3162
- background-color: var(--fwe-control-darker);
3163
- }
3164
- .ql-toolbar.ql-snow button.fwe-active {
3165
- background-color: var(--fwe-control);
3166
- }
3167
- .ql-toolbar.ql-snow button.fwe-btn-toolbar-list {
3168
- padding: 0 6px;
3169
- }
3170
- .ql-toolbar.ql-snow button.fwe-btn-toolbar-list-alignments {
3171
- position: relative;
3172
- top: -2px;
3173
- }
3174
- .ql-toolbar.ql-snow button.fr-button i {
3175
- pointer-events: none;
3176
- }
3177
- .ql-toolbar.ql-snow button.fr-button div {
3178
- pointer-events: none;
3179
- }
3180
- .ql-toolbar .fr-button-text {
3181
- min-width: 12px;
3182
- line-height: 16px;
3183
- }
3184
-
3185
- label.fwe-input-text.fwe-disabled .ql-toolbar {
3186
- pointer-events: none;
3187
- }
3188
- label.fwe-input-text.fwe-disabled .ql-toolbar button {
3189
- color: var(--fwe-text-disabled);
3190
- }
3191
-
3192
- .fwe-icon-text-align-center {
3193
- width: 12px;
3194
- height: 10px;
3195
- background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10"><path d="M2,3H14V5H2Z" transform="translate(-2 -3)"/><path d="M5,7h6V9H5Z" transform="translate(-2 -3)"/><path d="M2,11H14v2H2Z" transform="translate(-2 -3)"/></svg>');
3196
- }
3197
- .fwe-icon-text-align-center.fwe-gray {
3198
- background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" fill="rgb(185, 186, 187)" viewBox="0 0 12 10"><path d="M2,3H14V5H2Z" transform="translate(-2 -3)"/><path d="M5,7h6V9H5Z" transform="translate(-2 -3)"/><path d="M2,11H14v2H2Z" transform="translate(-2 -3)"/></svg>');
3199
- }
3200
-
3201
- .fwe-icon-text-align-right {
3202
- width: 12px;
3203
- height: 10px;
3204
- background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10"><path d="M2,3H14V5H2Z" transform="translate(-2 -3)"/><path d="M8,7h6V9H8Z" transform="translate(-2 -3)"/><path d="M2,11H14v2H2Z" transform="translate(-2 -3)"/></svg>');
3205
- }
3206
- .fwe-icon-text-align-right.fwe-gray {
3207
- background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" fill="rgb(185, 186, 187)" viewBox="0 0 12 10"><path d="M2,3H14V5H2Z" transform="translate(-2 -3)"/><path d="M8,7h6V9H8Z" transform="translate(-2 -3)"/><path d="M2,11H14v2H2Z" transform="translate(-2 -3)"/></svg>');
3208
- }
3209
- .fr-timepicker {
3210
- z-index: var(--fwe-z-index-modal);
3211
- }
12
+ */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;margin:0;padding:0}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li:before,.ql-editor ul[data-checked=true]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-increment:list-0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:rgba(0,0,0,.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:"";display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:none}.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{margin-bottom:5px;margin-top:5px;padding:5px 10px;white-space:pre-wrap}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:0 2px 8px rgba(0,0,0,.2)}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{border:1px solid #ccc;display:none;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.fwe-divider-y{background-color:var(--fwe-gray-400);height:24px;position:relative;top:6px;width:1px}.fwe-editor{min-height:100%}.fwe-editor-container{border:1px solid var(--fwe-control-border);height:160px;min-height:100%;order:2;overflow-y:auto;padding-bottom:4px;padding-left:8px;padding-top:4px;scrollbar-color:var(--fwe-control-scrollbar) var(--fwe-gray-100);scrollbar-width:thin}.fwe-editor-container::-webkit-scrollbar{width:12px}.fwe-editor-container::-webkit-scrollbar-track{background:transparent}.fwe-editor-container::-webkit-scrollbar-thumb{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:var(--fwe-control-scrollbar);border:3px solid rgba(242,243,245,0);border-radius:6px;overflow:visible}.fwe-editor-container:hover{border-color:var(--fwe-hero)}.fwe-editor-container--error,.fwe-editor-container--error:hover{border-color:var(--fwe-red)}.fwe-editor-container[contenteditable=true]{outline:none}.fwe-editor-container[contenteditable=true]:focus{border-color:var(--fwe-hero)}label.fwe-input-text{line-height:24px}label.fwe-input-text .fwe-input-text-count{bottom:0;color:var(--fwe-text-disabled);display:block;font-size:var(--fwe-font-size-small);line-height:var(--fwe-line-height-base);position:absolute;right:0;z-index:1}label.fwe-input-text .fwe-input-text-label{order:-1}label.fwe-input-text .fwe-text-editor-info{bottom:0;color:var(--fwe-text-disabled);display:inline-block;font-size:var(--fwe-font-size-small);left:0;line-height:var(--fwe-line-height-base);overflow:hidden;position:absolute;text-overflow:ellipsis;top:unset;white-space:nowrap;z-index:2}label.fwe-input-text .fwe-text-editor-invalid{bottom:0;color:var(--fwe-red);font-size:var(--fwe-font-size-small);left:0;line-height:1.5;position:absolute;z-index:2}label.fwe-input-text .fwe-text-editor-invalid~.fwe-text-editor-info{display:none}label.fwe-input-text.fwe-disabled,label.fwe-input-text.fwe-disabled .fwe-input-text-label{color:var(--fwe-text-disabled)}label.fwe-input-text.fwe-disabled .fwe-editor-container,label.fwe-input-text.fwe-disabled .fwe-editor-container:hover{border-color:var(--fwe-control-disabled)!important}label.fwe-input-text.fwe-disabled .fwe-divider-y{background-color:var(--fwe-text-disabled)}.fwe-text-bold{font-weight:var(--fwe-font-weight-bold)}.fwe-text-italic{font-style:italic}.fwe-text-underline{text-decoration:underline}.ql-tooltip{z-index:var(--fwe-z-index-tooltip)}.ql-editor{font-family:var(--fwe-font-family-sans-serif);font-size:var(--fwe-font-size-base);min-height:72px;overflow-x:hidden;padding:0}.ql-editor a::-moz-selection,.ql-editor em::-moz-selection,.ql-editor li::-moz-selection,.ql-editor ol::-moz-selection,.ql-editor p::-moz-selection,.ql-editor strong::-moz-selection,.ql-editor u::-moz-selection,.ql-editor ul::-moz-selection{background:var(--fwe-icon-hero-light)}.ql-editor a::selection,.ql-editor em::selection,.ql-editor li::selection,.ql-editor ol::selection,.ql-editor p::selection,.ql-editor strong::selection,.ql-editor u::selection,.ql-editor ul::selection{background:var(--fwe-icon-hero-light)}.ql-container.ql-snow{background-color:var(--fwe-white);border:0}.ql-container.ql-snow .ql-tooltip{box-shadow:-1px 1px 4px -1px rgba(51,51,51,.2);color:var(--fwe-black);transform:translate(160px,12px)}.ql-container.ql-snow .ql-tooltip,.ql-container.ql-snow .ql-tooltip input{border:1px solid var(--fwe-gray-200)}.ql-container.ql-snow .ql-tooltip input::-moz-selection{background:var(--fwe-icon-hero-light)}.ql-container.ql-snow .ql-tooltip input::selection{background:var(--fwe-icon-hero-light)}.ql-container.ql-snow a{color:var(--fwe-caerul)}.ql-toolbar.ql-snow{border:0;padding:4px 0 8px}.ql-toolbar.ql-snow button{align-items:center;background:none;border:none;border-radius:4px;box-sizing:border-box;color:var(--fwe-black);cursor:pointer;display:inline-flex;float:unset;justify-content:center;line-height:normal;max-width:24px;min-height:unset;padding:0 8px;text-align:center;width:unset}.ql-toolbar.ql-snow button:hover{background-color:var(--fwe-control-dark);color:var(--fwe-black)}.ql-toolbar.ql-snow button:active{background-color:var(--fwe-control-darker)}.ql-toolbar.ql-snow button.fwe-active{background-color:var(--fwe-control)}.ql-toolbar.ql-snow button.fwe-btn-toolbar-list{padding:0 6px}.ql-toolbar.ql-snow button.fwe-btn-toolbar-list-alignments{position:relative;top:-2px}.ql-toolbar.ql-snow button.fr-button div,.ql-toolbar.ql-snow button.fr-button i{pointer-events:none}.ql-toolbar .fr-button-text{line-height:16px;min-width:12px}label.fwe-input-text.fwe-disabled .ql-toolbar{pointer-events:none}label.fwe-input-text.fwe-disabled .ql-toolbar button{color:var(--fwe-text-disabled)}.fwe-icon-text-align-center{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10"><path d="M2,3H14V5H2Z" transform="translate(-2 -3)"/><path d="M5,7h6V9H5Z" transform="translate(-2 -3)"/><path d="M2,11H14v2H2Z" transform="translate(-2 -3)"/></svg>');height:10px;width:12px}.fwe-icon-text-align-center.fwe-gray{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" fill="rgb(185, 186, 187)" viewBox="0 0 12 10"><path d="M2,3H14V5H2Z" transform="translate(-2 -3)"/><path d="M5,7h6V9H5Z" transform="translate(-2 -3)"/><path d="M2,11H14v2H2Z" transform="translate(-2 -3)"/></svg>')}.fwe-icon-text-align-right{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10"><path d="M2,3H14V5H2Z" transform="translate(-2 -3)"/><path d="M8,7h6V9H8Z" transform="translate(-2 -3)"/><path d="M2,11H14v2H2Z" transform="translate(-2 -3)"/></svg>');height:10px;width:12px}.fwe-icon-text-align-right.fwe-gray{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" fill="rgb(185, 186, 187)" viewBox="0 0 12 10"><path d="M2,3H14V5H2Z" transform="translate(-2 -3)"/><path d="M8,7h6V9H8Z" transform="translate(-2 -3)"/><path d="M2,11H14v2H2Z" transform="translate(-2 -3)"/></svg>')}.fr-timepicker{z-index:var(--fwe-z-index-modal)}