@wix/patterns-fields 1.86.0 → 1.88.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/address/input/address-input.st.css.js +3 -3
- package/dist/cjs/components/address/input/address-input.st.css.js.map +1 -1
- package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js +3 -3
- package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js.map +1 -1
- package/dist/cjs/components/audio/audio-field/controlled-audio.uni.driver.js +29 -0
- package/dist/cjs/components/audio/audio-field/controlled-audio.uni.driver.js.map +1 -0
- package/dist/cjs/components/audio/audio-field/form-audio-field.js +42 -12
- package/dist/cjs/components/audio/audio-field/form-audio-field.js.map +1 -1
- package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js +4 -4
- package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js.map +1 -1
- package/dist/cjs/components/audio/audio-player/audio-player.st.css.js +2 -2
- package/dist/cjs/components/audio/audio-player/audio-player.st.css.js.map +1 -1
- package/dist/cjs/components/color-view/cell-color-view.st.css.js +3 -3
- package/dist/cjs/components/color-view/cell-color-view.st.css.js.map +1 -1
- package/dist/cjs/components/color-view/color-view.st.css.js +4 -4
- package/dist/cjs/components/color-view/color-view.st.css.js.map +1 -1
- package/dist/cjs/components/controlled-input.uni.driver.js +7 -1
- package/dist/cjs/components/controlled-input.uni.driver.js.map +1 -1
- package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js +3 -3
- package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js.map +1 -1
- package/dist/cjs/components/document/form-document-field.st.css.js +7 -7
- package/dist/cjs/components/document/form-document-field.st.css.js.map +1 -1
- package/dist/cjs/components/exclamation/exclamation.st.css.js +5 -5
- package/dist/cjs/components/exclamation/exclamation.st.css.js.map +1 -1
- package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js +5 -5
- package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js.map +1 -1
- package/dist/cjs/components/image/controlled-image.uni.driver.js +23 -0
- package/dist/cjs/components/image/controlled-image.uni.driver.js.map +1 -0
- package/dist/cjs/components/image/form-image-field.js +124 -0
- package/dist/cjs/components/image/form-image-field.js.map +1 -0
- package/dist/cjs/components/image/form-image-input.js +13 -50
- package/dist/cjs/components/image/form-image-input.js.map +1 -1
- package/dist/cjs/components/image/index.js +6 -0
- package/dist/cjs/components/image/index.js.map +1 -1
- package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js +3 -3
- package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js.map +1 -1
- package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js +2 -2
- package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js.map +1 -1
- package/dist/cjs/components/media-control/paste-url-button.st.css.js +4 -4
- package/dist/cjs/components/media-control/paste-url-button.st.css.js.map +1 -1
- package/dist/cjs/components/media-control/use-media-control.js +4 -1
- package/dist/cjs/components/media-control/use-media-control.js.map +1 -1
- package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js +10 -10
- package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js.map +1 -1
- package/dist/cjs/components/media-image/media-image.st.css.js +4 -4
- package/dist/cjs/components/media-image/media-image.st.css.js.map +1 -1
- package/dist/cjs/components/media-image/overlays/overlay.st.css.js +3 -3
- package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map +1 -1
- package/dist/cjs/components/media-loader/media-loader.st.css.js +3 -3
- package/dist/cjs/components/media-loader/media-loader.st.css.js.map +1 -1
- package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
- package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js.map +1 -1
- package/dist/cjs/components/multi-document/cell-multi-document-edit.st.css.js +3 -3
- package/dist/cjs/components/multi-document/cell-multi-document-edit.st.css.js.map +1 -1
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js +5 -5
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
- package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js +2 -2
- package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js.map +1 -1
- package/dist/cjs/components/reference/cell-reference-input.st.css.js +3 -3
- package/dist/cjs/components/reference/cell-reference-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +7 -7
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +5 -5
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +18 -18
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +4 -4
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +18 -18
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/text/text-view.st.css.js +3 -3
- package/dist/cjs/components/text/text-view.st.css.js.map +1 -1
- package/dist/cjs/components/video/controlled-video.uni.driver.js +40 -0
- package/dist/cjs/components/video/controlled-video.uni.driver.js.map +1 -0
- package/dist/cjs/components/video/form-video-field.js +358 -0
- package/dist/cjs/components/video/form-video-field.js.map +1 -0
- package/dist/cjs/components/video/form-video.js +22 -284
- package/dist/cjs/components/video/form-video.js.map +1 -1
- package/dist/cjs/components/video/index.js +4 -1
- package/dist/cjs/components/video/index.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/esm/components/address/input/address-input.st.css.js +2 -2
- package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js +2 -2
- package/dist/esm/components/audio/audio-field/controlled-audio.uni.driver.js +26 -0
- package/dist/esm/components/audio/audio-field/controlled-audio.uni.driver.js.map +1 -0
- package/dist/esm/components/audio/audio-field/form-audio-field.js +6 -1
- package/dist/esm/components/audio/audio-field/form-audio-field.js.map +1 -1
- package/dist/esm/components/audio/audio-field/form-audio-field.st.css.js +2 -2
- package/dist/esm/components/audio/audio-player/audio-player.st.css.js +2 -2
- package/dist/esm/components/color-view/cell-color-view.st.css.js +2 -2
- package/dist/esm/components/color-view/color-view.st.css.js +2 -2
- package/dist/esm/components/color-view/color-view.st.css.js.map +1 -1
- package/dist/esm/components/controlled-input.uni.driver.js +6 -0
- package/dist/esm/components/controlled-input.uni.driver.js.map +1 -1
- package/dist/esm/components/delete-dialog/delete-dialog.st.css.js +2 -2
- package/dist/esm/components/delete-dialog/delete-dialog.st.css.js.map +1 -1
- package/dist/esm/components/document/form-document-field.st.css.js +2 -2
- package/dist/esm/components/exclamation/exclamation.st.css.js +2 -2
- package/dist/esm/components/highlighted-text/highlighted-text.st.css.js +3 -3
- package/dist/esm/components/highlighted-text/highlighted-text.st.css.js.map +1 -1
- package/dist/esm/components/image/controlled-image.uni.driver.js +19 -0
- package/dist/esm/components/image/controlled-image.uni.driver.js.map +1 -0
- package/dist/esm/components/image/form-image-field.js +48 -0
- package/dist/esm/components/image/form-image-field.js.map +1 -0
- package/dist/esm/components/image/form-image-input.js +11 -33
- package/dist/esm/components/image/form-image-input.js.map +1 -1
- package/dist/esm/components/image/index.js +1 -0
- package/dist/esm/components/image/index.js.map +1 -1
- package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js +2 -2
- package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js.map +1 -1
- package/dist/esm/components/media-control/cell-media-edit-shell.st.css.js +2 -2
- package/dist/esm/components/media-control/paste-url-button.st.css.js +2 -2
- package/dist/esm/components/media-control/use-media-control.js +4 -3
- package/dist/esm/components/media-control/use-media-control.js.map +1 -1
- package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js +2 -2
- package/dist/esm/components/media-image/media-image.st.css.js +3 -3
- package/dist/esm/components/media-image/media-image.st.css.js.map +1 -1
- package/dist/esm/components/media-image/overlays/overlay.st.css.js +2 -2
- package/dist/esm/components/media-image/overlays/overlay.st.css.js.map +1 -1
- package/dist/esm/components/media-loader/media-loader.st.css.js +2 -2
- package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
- package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js.map +1 -1
- package/dist/esm/components/multi-document/cell-multi-document-edit.st.css.js +2 -2
- package/dist/esm/components/multi-document/cell-multi-document-edit.st.css.js.map +1 -1
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js +2 -2
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
- package/dist/esm/components/reference/cell-multi-reference-input.st.css.js +2 -2
- package/dist/esm/components/reference/cell-reference-input.st.css.js +2 -2
- package/dist/esm/components/reference/cell-reference-input.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
- package/dist/esm/components/text/text-view.st.css.js +2 -2
- package/dist/esm/components/video/controlled-video.uni.driver.js +37 -0
- package/dist/esm/components/video/controlled-video.uni.driver.js.map +1 -0
- package/dist/esm/components/video/form-video-field.js +71 -0
- package/dist/esm/components/video/form-video-field.js.map +1 -0
- package/dist/esm/components/video/form-video.js +17 -56
- package/dist/esm/components/video/form-video.js.map +1 -1
- package/dist/esm/components/video/index.js +1 -0
- package/dist/esm/components/video/index.js.map +1 -1
- package/dist/esm/styles.global.css +1 -1
- package/dist/types/components/audio/audio-field/controlled-audio.uni.driver.d.ts +18 -0
- package/dist/types/components/audio/audio-field/controlled-audio.uni.driver.d.ts.map +1 -0
- package/dist/types/components/audio/audio-field/form-audio-field.d.ts +12 -1
- package/dist/types/components/audio/audio-field/form-audio-field.d.ts.map +1 -1
- package/dist/types/components/color-view/color-view.st.css.d.ts.map +1 -1
- package/dist/types/components/controlled-input.uni.driver.d.ts +74 -0
- package/dist/types/components/controlled-input.uni.driver.d.ts.map +1 -1
- package/dist/types/components/delete-dialog/delete-dialog.st.css.d.ts.map +1 -1
- package/dist/types/components/highlighted-text/highlighted-text.st.css.d.ts.map +1 -1
- package/dist/types/components/image/controlled-image.uni.driver.d.ts +40 -0
- package/dist/types/components/image/controlled-image.uni.driver.d.ts.map +1 -0
- package/dist/types/components/image/form-image-field.d.ts +15 -0
- package/dist/types/components/image/form-image-field.d.ts.map +1 -0
- package/dist/types/components/image/form-image-input.d.ts.map +1 -1
- package/dist/types/components/image/index.d.ts +1 -0
- package/dist/types/components/image/index.d.ts.map +1 -1
- package/dist/types/components/image/thumbnail-replace-overlay.st.css.d.ts.map +1 -1
- package/dist/types/components/media-control/use-media-control.d.ts.map +1 -1
- package/dist/types/components/media-image/media-image.st.css.d.ts.map +1 -1
- package/dist/types/components/media-image/overlays/overlay.st.css.d.ts.map +1 -1
- package/dist/types/components/media-tag/web-media-tag/media-tag.st.css.d.ts.map +1 -1
- package/dist/types/components/multi-document/cell-multi-document-edit.st.css.d.ts.map +1 -1
- package/dist/types/components/multi-document/multi-document-input/form-multi-document.st.css.d.ts.map +1 -1
- package/dist/types/components/reference/cell-reference-input.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/video/controlled-video.uni.driver.d.ts +22 -0
- package/dist/types/components/video/controlled-video.uni.driver.d.ts.map +1 -0
- package/dist/types/components/video/form-video-field.d.ts +29 -0
- package/dist/types/components/video/form-video-field.d.ts.map +1 -0
- package/dist/types/components/video/form-video.d.ts.map +1 -1
- package/dist/types/components/video/index.d.ts +2 -0
- package/dist/types/components/video/index.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/__tests__/exports/controlled-inputs.spec.tsx +677 -1
- package/src/components/address/input/address-input.st.css.ts +2 -2
- package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts +2 -2
- package/src/components/audio/audio-field/controlled-audio.uni.driver.ts +35 -0
- package/src/components/audio/audio-field/form-audio-field.st.css.ts +2 -2
- package/src/components/audio/audio-field/form-audio-field.tsx +41 -1
- package/src/components/audio/audio-player/audio-player.st.css.ts +2 -2
- package/src/components/color-view/cell-color-view.st.css.ts +2 -2
- package/src/components/color-view/color-view.st.css.ts +2 -2
- package/src/components/controlled-input.uni.driver.ts +6 -0
- package/src/components/delete-dialog/delete-dialog.st.css.ts +2 -2
- package/src/components/document/form-document-field.st.css.ts +2 -2
- package/src/components/exclamation/exclamation.st.css.ts +2 -2
- package/src/components/highlighted-text/highlighted-text.st.css.ts +3 -3
- package/src/components/image/controlled-image.uni.driver.ts +30 -0
- package/src/components/image/form-image-field.tsx +124 -0
- package/src/components/image/form-image-input.tsx +13 -46
- package/src/components/image/index.ts +1 -0
- package/src/components/image/thumbnail-replace-overlay.st.css.ts +2 -2
- package/src/components/media-control/cell-media-edit-shell.st.css.ts +2 -2
- package/src/components/media-control/paste-url-button.st.css.ts +2 -2
- package/src/components/media-control/use-media-control.ts +4 -3
- package/src/components/media-gallery/form-media-gallery-field.st.css.ts +2 -2
- package/src/components/media-image/media-image.st.css.ts +3 -3
- package/src/components/media-image/overlays/overlay.st.css.ts +2 -2
- package/src/components/media-loader/media-loader.st.css.ts +2 -2
- package/src/components/media-tag/web-media-tag/media-tag.st.css.ts +2 -2
- package/src/components/multi-document/cell-multi-document-edit.st.css.ts +2 -2
- package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts +2 -2
- package/src/components/reference/cell-multi-reference-input.st.css.ts +2 -2
- package/src/components/reference/cell-reference-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts +2 -2
- package/src/components/text/text-view.st.css.ts +2 -2
- package/src/components/video/controlled-video.uni.driver.ts +48 -0
- package/src/components/video/form-video-field.tsx +268 -0
- package/src/components/video/form-video.tsx +21 -179
- package/src/components/video/index.ts +6 -0
- package/src/styles.global.css +1 -1
|
@@ -0,0 +1,268 @@
|
|
|
1
|
+
import type { FC } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import {
|
|
4
|
+
Box,
|
|
5
|
+
CustomModalLayout,
|
|
6
|
+
IconButton,
|
|
7
|
+
Image,
|
|
8
|
+
ImageViewer,
|
|
9
|
+
MediaOverlay,
|
|
10
|
+
Modal,
|
|
11
|
+
PopoverMenu,
|
|
12
|
+
Tooltip,
|
|
13
|
+
} from '@wix/design-system';
|
|
14
|
+
import {
|
|
15
|
+
Delete,
|
|
16
|
+
Download,
|
|
17
|
+
Maximize,
|
|
18
|
+
More,
|
|
19
|
+
Replace,
|
|
20
|
+
} from '@wix/wix-ui-icons-common/lazy';
|
|
21
|
+
import { useIsMobile } from '@wix/bex-core/react';
|
|
22
|
+
|
|
23
|
+
import type { ControlledInputProps } from '../../types/controlled-input';
|
|
24
|
+
import { useMergedRef, useTranslations, useWithCallback } from '../../hooks';
|
|
25
|
+
import { MEDIA_HEIGHT, MEDIA_MAX_WIDTH } from '../../utils/media-constants';
|
|
26
|
+
import { MEDIA_TYPES } from '../../utils';
|
|
27
|
+
import type { FormMediaControlProps } from '../media-control';
|
|
28
|
+
import { useMediaControl } from '../media-control';
|
|
29
|
+
|
|
30
|
+
import { useVideoPreview } from './use-video-preview';
|
|
31
|
+
|
|
32
|
+
interface ImageViewerActions {
|
|
33
|
+
focus: () => void;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
export interface VideoFieldDataHooks {
|
|
37
|
+
replace: string;
|
|
38
|
+
more: string;
|
|
39
|
+
preview: string;
|
|
40
|
+
download: string;
|
|
41
|
+
delete: string;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
// `invalid` is not part of this contract. The empty state's ImageViewer has no
|
|
45
|
+
// error prop; it takes its error styling from the enclosing WDS FormField's
|
|
46
|
+
// status context. To show an error, render the field inside a FormField with
|
|
47
|
+
// status="error".
|
|
48
|
+
export interface FormVideoFieldProps
|
|
49
|
+
extends Omit<FormMediaControlProps, 'invalid'> {
|
|
50
|
+
/** Overrides for the action-button hooks, which otherwise derive from `dataHook`. */
|
|
51
|
+
dataHooks?: Partial<VideoFieldDataHooks>;
|
|
52
|
+
/** Title of the preview modal. Defaults to the translated "Preview". */
|
|
53
|
+
previewTitle?: string;
|
|
54
|
+
/**
|
|
55
|
+
* Fires when the media manager closes, whether or not a file was picked.
|
|
56
|
+
* A media field has no text control to blur, so the picker closing is its
|
|
57
|
+
* blur signal.
|
|
58
|
+
*/
|
|
59
|
+
onBlur?: () => void;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
export const FormVideoField: FC<FormVideoFieldProps> = ({
|
|
63
|
+
data,
|
|
64
|
+
onChange: onChangeVideo,
|
|
65
|
+
onClear: onClearVideo,
|
|
66
|
+
onInput,
|
|
67
|
+
onBlur,
|
|
68
|
+
readOnly,
|
|
69
|
+
autoFocus,
|
|
70
|
+
dataHook,
|
|
71
|
+
dataHooks,
|
|
72
|
+
previewTitle,
|
|
73
|
+
inputRef: forwardedRef,
|
|
74
|
+
}) => {
|
|
75
|
+
const { t } = useTranslations();
|
|
76
|
+
const isMobile = useIsMobile();
|
|
77
|
+
|
|
78
|
+
const onChange = useWithCallback(onChangeVideo, onInput);
|
|
79
|
+
const onClear = useWithCallback(onClearVideo, onInput);
|
|
80
|
+
|
|
81
|
+
const [inputRef, setInputRef] =
|
|
82
|
+
useMergedRef<ImageViewerActions>(forwardedRef);
|
|
83
|
+
|
|
84
|
+
const hooks: VideoFieldDataHooks = {
|
|
85
|
+
replace: dataHooks?.replace ?? `${dataHook}-replace`,
|
|
86
|
+
more: dataHooks?.more ?? `${dataHook}-more`,
|
|
87
|
+
preview: dataHooks?.preview ?? `${dataHook}-preview`,
|
|
88
|
+
download: dataHooks?.download ?? `${dataHook}-download`,
|
|
89
|
+
delete: dataHooks?.delete ?? `${dataHook}-delete`,
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
const { callMedia } = useMediaControl({
|
|
93
|
+
mediaType: MEDIA_TYPES.VIDEO,
|
|
94
|
+
value: data,
|
|
95
|
+
onChange,
|
|
96
|
+
autoFocus,
|
|
97
|
+
readOnly,
|
|
98
|
+
onBlur,
|
|
99
|
+
inputRef,
|
|
100
|
+
});
|
|
101
|
+
|
|
102
|
+
const {
|
|
103
|
+
videoUrl,
|
|
104
|
+
posterUrl: imageUrl,
|
|
105
|
+
isPreviewOpen,
|
|
106
|
+
openPreview: handlePreview,
|
|
107
|
+
closePreview: handleClosePreview,
|
|
108
|
+
handleDownload,
|
|
109
|
+
} = useVideoPreview({ videoUri: data });
|
|
110
|
+
|
|
111
|
+
const canEdit = !isMobile && !readOnly;
|
|
112
|
+
|
|
113
|
+
return (
|
|
114
|
+
<>
|
|
115
|
+
{data ? (
|
|
116
|
+
<Box width="100%" maxWidth={MEDIA_MAX_WIDTH} height={MEDIA_HEIGHT}>
|
|
117
|
+
<MediaOverlay
|
|
118
|
+
dataHook={dataHook}
|
|
119
|
+
hoverSkin="dark"
|
|
120
|
+
media={
|
|
121
|
+
<Image
|
|
122
|
+
src={imageUrl}
|
|
123
|
+
width="100%"
|
|
124
|
+
height={MEDIA_HEIGHT}
|
|
125
|
+
fit="cover"
|
|
126
|
+
/>
|
|
127
|
+
}
|
|
128
|
+
>
|
|
129
|
+
<MediaOverlay.Content placement="middle" visible="hover">
|
|
130
|
+
<Box gap="SP2">
|
|
131
|
+
<Tooltip
|
|
132
|
+
content={t('auto-patterns.fields.replace_video_tooltip')}
|
|
133
|
+
>
|
|
134
|
+
<IconButton
|
|
135
|
+
onClick={callMedia}
|
|
136
|
+
skin="light"
|
|
137
|
+
priority="secondary"
|
|
138
|
+
disabled={!canEdit}
|
|
139
|
+
ariaLabel={t('auto-patterns.fields.replace_video_tooltip')}
|
|
140
|
+
dataHook={hooks.replace}
|
|
141
|
+
>
|
|
142
|
+
<Replace />
|
|
143
|
+
</IconButton>
|
|
144
|
+
</Tooltip>
|
|
145
|
+
<PopoverMenu
|
|
146
|
+
triggerElement={({ toggle }) => (
|
|
147
|
+
<Tooltip
|
|
148
|
+
content={t('auto-patterns.fields.more_actions_tooltip')}
|
|
149
|
+
>
|
|
150
|
+
<IconButton
|
|
151
|
+
priority="secondary"
|
|
152
|
+
onClick={toggle}
|
|
153
|
+
skin="light"
|
|
154
|
+
ariaLabel={t(
|
|
155
|
+
'auto-patterns.fields.more_actions_tooltip',
|
|
156
|
+
)}
|
|
157
|
+
dataHook={hooks.more}
|
|
158
|
+
>
|
|
159
|
+
<More />
|
|
160
|
+
</IconButton>
|
|
161
|
+
</Tooltip>
|
|
162
|
+
)}
|
|
163
|
+
>
|
|
164
|
+
<PopoverMenu.MenuItem
|
|
165
|
+
prefixIcon={<Maximize />}
|
|
166
|
+
text={t('auto-patterns.fields.preview_video')}
|
|
167
|
+
onClick={handlePreview}
|
|
168
|
+
disabled={!videoUrl}
|
|
169
|
+
dataHook={hooks.preview}
|
|
170
|
+
/>
|
|
171
|
+
<PopoverMenu.MenuItem
|
|
172
|
+
prefixIcon={<Download />}
|
|
173
|
+
text={t('auto-patterns.fields.download_video')}
|
|
174
|
+
onClick={handleDownload}
|
|
175
|
+
dataHook={hooks.download}
|
|
176
|
+
/>
|
|
177
|
+
<PopoverMenu.Divider />
|
|
178
|
+
<PopoverMenu.MenuItem
|
|
179
|
+
prefixIcon={<Delete />}
|
|
180
|
+
text={t('auto-patterns.fields.remove_video')}
|
|
181
|
+
onClick={onClear}
|
|
182
|
+
disabled={readOnly || !onClearVideo}
|
|
183
|
+
dataHook={hooks.delete}
|
|
184
|
+
/>
|
|
185
|
+
</PopoverMenu>
|
|
186
|
+
</Box>
|
|
187
|
+
</MediaOverlay.Content>
|
|
188
|
+
</MediaOverlay>
|
|
189
|
+
</Box>
|
|
190
|
+
) : (
|
|
191
|
+
<Box width="100%" maxWidth={MEDIA_MAX_WIDTH}>
|
|
192
|
+
<ImageViewer
|
|
193
|
+
// Only the empty state has a focusable control, so this is the
|
|
194
|
+
// only place inputRef can land.
|
|
195
|
+
ref={setInputRef}
|
|
196
|
+
dataHook={dataHook}
|
|
197
|
+
onAddImage={canEdit ? callMedia : undefined}
|
|
198
|
+
disabled={!canEdit}
|
|
199
|
+
addImageInfo={t('auto-patterns.fields.add_video_tooltip')}
|
|
200
|
+
height={MEDIA_HEIGHT}
|
|
201
|
+
width="100%"
|
|
202
|
+
/>
|
|
203
|
+
</Box>
|
|
204
|
+
)}
|
|
205
|
+
{isPreviewOpen && (
|
|
206
|
+
<Modal isOpen={isPreviewOpen} onRequestClose={handleClosePreview}>
|
|
207
|
+
<CustomModalLayout
|
|
208
|
+
title={previewTitle ?? t('auto-patterns.fields.preview_video')}
|
|
209
|
+
onCloseButtonClick={handleClosePreview}
|
|
210
|
+
content={
|
|
211
|
+
<div
|
|
212
|
+
style={{
|
|
213
|
+
display: 'flex',
|
|
214
|
+
justifyContent: 'center',
|
|
215
|
+
padding: '24px',
|
|
216
|
+
}}
|
|
217
|
+
>
|
|
218
|
+
<video
|
|
219
|
+
controls
|
|
220
|
+
autoPlay
|
|
221
|
+
style={{ maxWidth: '100%', maxHeight: '70vh' }}
|
|
222
|
+
poster={imageUrl}
|
|
223
|
+
>
|
|
224
|
+
{videoUrl && <source src={videoUrl} type="video/mp4" />}
|
|
225
|
+
Your browser does not support the video tag.
|
|
226
|
+
</video>
|
|
227
|
+
</div>
|
|
228
|
+
}
|
|
229
|
+
/>
|
|
230
|
+
</Modal>
|
|
231
|
+
)}
|
|
232
|
+
</>
|
|
233
|
+
);
|
|
234
|
+
};
|
|
235
|
+
|
|
236
|
+
FormVideoField.displayName = 'FormVideoField';
|
|
237
|
+
|
|
238
|
+
export type ControlledVideoInputProps = Omit<
|
|
239
|
+
ControlledInputProps<string | undefined>,
|
|
240
|
+
'invalid'
|
|
241
|
+
> & {
|
|
242
|
+
/** Title of the preview modal. Defaults to the translated "Preview". */
|
|
243
|
+
previewTitle?: string;
|
|
244
|
+
};
|
|
245
|
+
|
|
246
|
+
export const ControlledVideoInput: FC<ControlledVideoInputProps> = ({
|
|
247
|
+
data,
|
|
248
|
+
onChange,
|
|
249
|
+
onBlur,
|
|
250
|
+
readOnly,
|
|
251
|
+
autoFocus,
|
|
252
|
+
dataHook,
|
|
253
|
+
previewTitle,
|
|
254
|
+
}) => (
|
|
255
|
+
<FormVideoField
|
|
256
|
+
data={data}
|
|
257
|
+
onChange={onChange}
|
|
258
|
+
// FormVideoField reports deletion through onClear, not onChange.
|
|
259
|
+
onClear={() => onChange(undefined)}
|
|
260
|
+
onBlur={onBlur}
|
|
261
|
+
readOnly={readOnly}
|
|
262
|
+
autoFocus={autoFocus}
|
|
263
|
+
dataHook={dataHook}
|
|
264
|
+
previewTitle={previewTitle}
|
|
265
|
+
/>
|
|
266
|
+
);
|
|
267
|
+
|
|
268
|
+
ControlledVideoInput.displayName = 'ControlledVideoInput';
|
|
@@ -1,25 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
FormField,
|
|
4
|
-
ImageViewer,
|
|
5
|
-
Modal,
|
|
6
|
-
CustomModalLayout,
|
|
7
|
-
MediaOverlay,
|
|
8
|
-
Box,
|
|
9
|
-
Tooltip,
|
|
10
|
-
IconButton,
|
|
11
|
-
PopoverMenu,
|
|
12
|
-
Image,
|
|
13
|
-
} from '@wix/design-system';
|
|
14
|
-
import {
|
|
15
|
-
Replace,
|
|
16
|
-
More,
|
|
17
|
-
Download,
|
|
18
|
-
Delete,
|
|
19
|
-
Maximize,
|
|
20
|
-
} from '@wix/wix-ui-icons-common/lazy';
|
|
2
|
+
import { FormField } from '@wix/design-system';
|
|
21
3
|
import { observer } from 'mobx-react-lite';
|
|
22
|
-
import {
|
|
4
|
+
import { useWixPatternsContainer } from '@wix/bex-core/react';
|
|
23
5
|
import { useController } from '@wix/bex-core/form';
|
|
24
6
|
import { BaseInputProps } from '../../types/base-input';
|
|
25
7
|
import { useFieldRef, useTranslations } from '../../hooks';
|
|
@@ -27,28 +9,15 @@ import { isEmpty } from '../../validations/string';
|
|
|
27
9
|
import { isDataValidOrNotSet } from '../../validations/validations';
|
|
28
10
|
import * as videoValidation from '../../validations/video';
|
|
29
11
|
import { TypeMismatchExclamation } from '../exclamation/type-mismatch-exclamation';
|
|
30
|
-
import {
|
|
31
|
-
import { useVideoPreview } from './use-video-preview';
|
|
32
|
-
|
|
33
|
-
interface VideoMediaDescriptor {
|
|
34
|
-
video?: string;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
interface MediaManagerVideoItem {
|
|
38
|
-
_id?: string;
|
|
39
|
-
displayName?: string;
|
|
40
|
-
mediaType?: string;
|
|
41
|
-
media?: VideoMediaDescriptor;
|
|
42
|
-
}
|
|
12
|
+
import { FormVideoField } from './form-video-field';
|
|
43
13
|
|
|
44
14
|
export interface FormVideoProps extends BaseInputProps<string> {}
|
|
45
15
|
|
|
46
16
|
const _FormVideo = (props: FormVideoProps) => {
|
|
47
17
|
const { field, dataHook, formControl, data } = props;
|
|
48
18
|
|
|
49
|
-
const { translate: pt
|
|
19
|
+
const { translate: pt } = useWixPatternsContainer();
|
|
50
20
|
const { t } = useTranslations();
|
|
51
|
-
const isMobile = useIsMobile();
|
|
52
21
|
|
|
53
22
|
const controller = useController({
|
|
54
23
|
name: field?.id ?? '',
|
|
@@ -66,35 +35,6 @@ const _FormVideo = (props: FormVideoProps) => {
|
|
|
66
35
|
|
|
67
36
|
const setFieldRef = useFieldRef(controller.field.ref);
|
|
68
37
|
|
|
69
|
-
async function openMedia() {
|
|
70
|
-
if (!openMediaManager) return;
|
|
71
|
-
try {
|
|
72
|
-
const chosenMediaItems = await openMediaManager({
|
|
73
|
-
multiSelect: false,
|
|
74
|
-
category: 'VIDEO',
|
|
75
|
-
});
|
|
76
|
-
|
|
77
|
-
const mediaItem = chosenMediaItems?.items?.[0] as
|
|
78
|
-
| MediaManagerVideoItem
|
|
79
|
-
| undefined;
|
|
80
|
-
const newVideo = mediaItem?.media?.video;
|
|
81
|
-
if (newVideo) {
|
|
82
|
-
controller.field.onChange(newVideo);
|
|
83
|
-
}
|
|
84
|
-
} catch (error) {
|
|
85
|
-
console.error('Error opening Media Manager or no files selected:', error);
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
const {
|
|
90
|
-
videoUrl,
|
|
91
|
-
posterUrl: imageUrl,
|
|
92
|
-
isPreviewOpen,
|
|
93
|
-
openPreview: handlePreview,
|
|
94
|
-
closePreview: handleClosePreview,
|
|
95
|
-
handleDownload,
|
|
96
|
-
} = useVideoPreview({ videoUri: controller.field.value });
|
|
97
|
-
|
|
98
38
|
return (
|
|
99
39
|
<FormField
|
|
100
40
|
label={field.displayName}
|
|
@@ -127,121 +67,23 @@ const _FormVideo = (props: FormVideoProps) => {
|
|
|
127
67
|
)
|
|
128
68
|
}
|
|
129
69
|
>
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
content={t('auto-patterns.fields.replace_video_tooltip')}
|
|
148
|
-
>
|
|
149
|
-
<IconButton
|
|
150
|
-
onClick={() => openMedia()}
|
|
151
|
-
skin="light"
|
|
152
|
-
priority="secondary"
|
|
153
|
-
disabled={isMobile}
|
|
154
|
-
ariaLabel={t('auto-patterns.fields.replace_video_tooltip')}
|
|
155
|
-
dataHook={`video-replace-${field.id}`}
|
|
156
|
-
>
|
|
157
|
-
<Replace />
|
|
158
|
-
</IconButton>
|
|
159
|
-
</Tooltip>
|
|
160
|
-
<PopoverMenu
|
|
161
|
-
triggerElement={({ toggle }) => (
|
|
162
|
-
<Tooltip
|
|
163
|
-
content={t('auto-patterns.fields.more_actions_tooltip')}
|
|
164
|
-
>
|
|
165
|
-
<IconButton
|
|
166
|
-
priority="secondary"
|
|
167
|
-
onClick={toggle}
|
|
168
|
-
skin="light"
|
|
169
|
-
ariaLabel={t(
|
|
170
|
-
'auto-patterns.fields.more_actions_tooltip',
|
|
171
|
-
)}
|
|
172
|
-
dataHook={`video-more-${field.id}`}
|
|
173
|
-
>
|
|
174
|
-
<More />
|
|
175
|
-
</IconButton>
|
|
176
|
-
</Tooltip>
|
|
177
|
-
)}
|
|
178
|
-
>
|
|
179
|
-
<PopoverMenu.MenuItem
|
|
180
|
-
prefixIcon={<Maximize />}
|
|
181
|
-
text={t('auto-patterns.fields.preview_video')}
|
|
182
|
-
onClick={handlePreview}
|
|
183
|
-
disabled={!videoUrl}
|
|
184
|
-
dataHook={`video-preview-${field.id}`}
|
|
185
|
-
/>
|
|
186
|
-
<PopoverMenu.MenuItem
|
|
187
|
-
prefixIcon={<Download />}
|
|
188
|
-
text={t('auto-patterns.fields.download_video')}
|
|
189
|
-
onClick={handleDownload}
|
|
190
|
-
dataHook={`video-download-${field.id}`}
|
|
191
|
-
/>
|
|
192
|
-
<PopoverMenu.Divider />
|
|
193
|
-
<PopoverMenu.MenuItem
|
|
194
|
-
prefixIcon={<Delete />}
|
|
195
|
-
text={t('auto-patterns.fields.remove_video')}
|
|
196
|
-
onClick={() => controller.field.onChange(null)}
|
|
197
|
-
dataHook={`video-delete-${field.id}`}
|
|
198
|
-
/>
|
|
199
|
-
</PopoverMenu>
|
|
200
|
-
</Box>
|
|
201
|
-
</MediaOverlay.Content>
|
|
202
|
-
</MediaOverlay>
|
|
203
|
-
</Box>
|
|
204
|
-
) : (
|
|
205
|
-
<Box width="100%" maxWidth={MEDIA_MAX_WIDTH}>
|
|
206
|
-
<ImageViewer
|
|
207
|
-
// Only the empty state can fail `required`, so the add button is
|
|
208
|
-
// always the right target for react-hook-form's shouldFocusError.
|
|
209
|
-
ref={setFieldRef}
|
|
210
|
-
dataHook={`video-${field.id}`}
|
|
211
|
-
onAddImage={isMobile ? undefined : () => openMedia()}
|
|
212
|
-
addImageInfo={t('auto-patterns.fields.add_video_tooltip')}
|
|
213
|
-
height={MEDIA_HEIGHT}
|
|
214
|
-
width="100%"
|
|
215
|
-
/>
|
|
216
|
-
</Box>
|
|
217
|
-
)}
|
|
218
|
-
{isPreviewOpen && (
|
|
219
|
-
<Modal isOpen={isPreviewOpen} onRequestClose={handleClosePreview}>
|
|
220
|
-
<CustomModalLayout
|
|
221
|
-
title={field.displayName}
|
|
222
|
-
onCloseButtonClick={handleClosePreview}
|
|
223
|
-
content={
|
|
224
|
-
<div
|
|
225
|
-
style={{
|
|
226
|
-
display: 'flex',
|
|
227
|
-
justifyContent: 'center',
|
|
228
|
-
padding: '24px',
|
|
229
|
-
}}
|
|
230
|
-
>
|
|
231
|
-
<video
|
|
232
|
-
controls
|
|
233
|
-
autoPlay
|
|
234
|
-
style={{ maxWidth: '100%', maxHeight: '70vh' }}
|
|
235
|
-
poster={imageUrl}
|
|
236
|
-
>
|
|
237
|
-
{videoUrl && <source src={videoUrl} type="video/mp4" />}
|
|
238
|
-
Your browser does not support the video tag.
|
|
239
|
-
</video>
|
|
240
|
-
</div>
|
|
241
|
-
}
|
|
242
|
-
/>
|
|
243
|
-
</Modal>
|
|
244
|
-
)}
|
|
70
|
+
<FormVideoField
|
|
71
|
+
// Hands the add button to react-hook-form so shouldFocusError can
|
|
72
|
+
// reach this field when a required value blocks save.
|
|
73
|
+
inputRef={setFieldRef}
|
|
74
|
+
data={controller.field.value}
|
|
75
|
+
onChange={(value) => controller.field.onChange(value)}
|
|
76
|
+
onClear={() => controller.field.onChange(null)}
|
|
77
|
+
previewTitle={field.displayName}
|
|
78
|
+
dataHook={`video-${field.id}`}
|
|
79
|
+
dataHooks={{
|
|
80
|
+
replace: `video-replace-${field.id}`,
|
|
81
|
+
more: `video-more-${field.id}`,
|
|
82
|
+
preview: `video-preview-${field.id}`,
|
|
83
|
+
download: `video-download-${field.id}`,
|
|
84
|
+
delete: `video-delete-${field.id}`,
|
|
85
|
+
}}
|
|
86
|
+
/>
|
|
245
87
|
</FormField>
|
|
246
88
|
);
|
|
247
89
|
};
|
|
@@ -4,6 +4,12 @@ export { VideoViewField } from './video-view-field';
|
|
|
4
4
|
export type { VideoViewFieldProps } from './video-view-field';
|
|
5
5
|
export { CellVideoEdit } from './cell-video-edit';
|
|
6
6
|
export type { CellVideoEditProps } from './cell-video-edit';
|
|
7
|
+
export { FormVideoField, ControlledVideoInput } from './form-video-field';
|
|
8
|
+
export type {
|
|
9
|
+
FormVideoFieldProps,
|
|
10
|
+
ControlledVideoInputProps,
|
|
11
|
+
VideoFieldDataHooks,
|
|
12
|
+
} from './form-video-field';
|
|
7
13
|
export { FormVideo } from './form-video';
|
|
8
14
|
export type { FormVideoProps } from './form-video';
|
|
9
15
|
export { useVideoPreview } from './use-video-preview';
|
package/src/styles.global.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.addressinput2232918931__tableAddressInput{height:36px!important;margin-left:-1px;display:flex!important;align-items:center;width:100%}.addressinput2232918931__tableAddressInput>div{padding:0!important;width:100%}.addressinput2232918931__tableAddressInput:focus-within{margin-left:2px}.actionsmenu1227857281__action{margin-left:calc(var(--wds-space-100, 6px)*-1)}.formaudiofield2786863586__addItem{height:120px!important;box-sizing:border-box}.formaudiofield2786863586__addItem:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, 8px)}.formaudiofield2786863586__addItem.formaudiofield2786863586--disabled{pointer-events:auto!important}.formaudiofield2786863586__addItem.formaudiofield2786863586--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formaudiofield2786863586__mediaTitle{line-height:18px!important}.audioplayer4097600191__root{width:fit-content;z-index:1000;position:fixed!important;bottom:42px;right:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.cellcolorview3962806897__hashPrefix{color:var(--wsr-color-D40, #868aa5);font-size:14px;font-weight:300;line-height:1}.colorview576033387__view{width:100%}.colorview576033387__fillPreview{flex-shrink:0}.colorview576033387__view .colorview576033387__fillPreview{width:18px;height:18px;min-width:18px!important;min-height:18px!important}.deletedialog1755698330__layout{max-width:510px!important}.formdocumentfield3098458741__viewWrapper{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formdocumentfield3098458741__viewWrapper:hover{background:var(--wds-color-blue-500, var(--wsr-color-B50));cursor:pointer}.formdocumentfield3098458741__textWidth{max-width:calc(100% - 196px)}.formdocumentfield3098458741__documentLoader{padding-top:21px;padding-bottom:21px}.formdocumentfield3098458741__addDocument{padding-top:17px!important;padding-bottom:17px!important}.formdocumentfield3098458741__addDocument.formdocumentfield3098458741--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formdocumentfield3098458741__addItemWrapper:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, calc(2px * 4))}.exclamation1838620114__exclamation{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:3px;cursor:pointer}.exclamation1838620114__exclamation.exclamation1838620114---type-7-warning:not(.exclamation1838620114--customSize),.exclamation1838620114__exclamation.exclamation1838620114---type-5-error:not(.exclamation1838620114--customSize){width:24px;height:24px}.exclamation1838620114__exclamation.exclamation1838620114---type-7-warning{color:var(--wds-color-fill-warning-primary)}.exclamation1838620114__exclamation.exclamation1838620114---type-5-error{color:var(--wds-color-fill-destructive-primary)}.exclamation1838620114__actions{display:flex;flex-direction:column}.exclamation1838620114__action{white-space:normal!important;height:auto!important;text-align:left;gap:6px}.exclamation1838620114__action+.exclamation1838620114__action{margin-top:6px}.exclamation1838620114__action.exclamation1838620114--accented{color:var(--wds-color-blue-100)}.exclamation1838620114__action.exclamation1838620114--accented:hover{color:var(--wds-color-blue-200)}.highlightedtext3755398177__root.highlightedtext3755398177--highlightedBackground{animation:highlightedtext3755398177__highlighted 150ms ease-out 1 forwards}.highlightedtext3755398177__substring.highlightedtext3755398177--isHighlighted{animation:highlightedtext3755398177__highlighted-match 150ms ease-out 50ms 1 forwards}@keyframes highlightedtext3755398177__highlighted{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-400, var(--wsr-color-Y40))}}@keyframes highlightedtext3755398177__highlighted-match{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-200, var(--wsr-color-Y20))}}.thumbnailreplaceoverlay75913383__root{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);border-radius:3px}.thumbnailreplaceoverlay75913383__icon{color:#fff;width:18px;height:18px}.cellmediaeditshell2618943078__root{width:100%;height:100%}.pasteurlbutton3914974378__root{margin-top:6px}.pasteurlbutton3914974378__iconButtonTooltip{height:max-content}.pasteurlbutton3914974378__iconButton{width:24px;height:24px}.formmediagalleryfield3859413134__container{display:flex;min-height:128px;max-height:259px}.formmediagalleryfield3859413134__viewBox{display:flex;height:100%;width:100%;flex-wrap:wrap}.formmediagalleryfield3859413134__addItemWrapper{height:128px;width:100%;box-sizing:border-box}.formmediagalleryfield3859413134__addItem{box-sizing:border-box}.formmediagalleryfield3859413134__overlay{width:initial!important;min-width:382px!important}.formmediagalleryfield3859413134__image.formmediagalleryfield3859413134--withMarginRight{margin-right:3px}.formmediagalleryfield3859413134__image.formmediagalleryfield3859413134--withMarginTop{margin-top:3px}.formmediagalleryfield3859413134__previewImage{max-height:calc(100% - 12px)!important}.formmediagalleryfield3859413134__previewVideo{border-radius:8px;max-width:100%;max-height:calc(100% - 12px)!important}.mediaimage4201391830__root{display:flex;align-items:center;flex-shrink:0;position:relative;box-sizing:border-box}.mediaimage4201391830__root.mediaimage4201391830--error{--mediaimage4201391830-from:calc(50% - 0.5px);--mediaimage4201391830-to:calc(50% + 0.5px);background-image:linear-gradient(to bottom right,transparent var(--mediaimage4201391830-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage4201391830-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage4201391830-to),transparent var(--mediaimage4201391830-to))}.mediaimage4201391830__root.mediaimage4201391830--error>*{opacity:0}.overlay3939830874__iconOverlay{position:absolute;color:var(--wds-color-white, var(--wsr-color-D80, #FFFFFF));background-color:transparent;filter:drop-shadow(0 1px 1px rgba(22,45,61,.6));-webkit-filter:drop-shadow(0 1px 1px rgba(22,45,61,.6))}.overlay3939830874__iconOverlay.overlay3939830874---size-5-small{width:20px;height:20px}.overlay3939830874__iconOverlay.overlay3939830874---size-6-medium{width:24px;height:24px}.overlay3939830874__iconOverlay.overlay3939830874---size-5-large{width:28px;height:28px}.overlay3939830874__iconOverlay.overlay3939830874---placement-7-topLeft{top:2px;left:2px}.overlay3939830874__iconOverlay.overlay3939830874---placement-10-bottomLeft{bottom:2px;left:2px}.medialoader2741353834__loader{border-radius:6px}.medialoader2741353834__loader.medialoader2741353834--isDashed{border:dashed 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.medialoader2741353834__loader.medialoader2741353834--isSolid{border:solid 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.mediatag847953913__root{box-sizing:border-box;padding:3px 6px 3px 3px;border-radius:3px;max-height:24px;min-width:54px;max-width:100%;background-color:var(--wds-color-blue-400, var(--wsr-color-B40))}.cellmultidocumentedit227360323__chipTrigger{display:flex;align-items:center;min-width:0;max-width:100%;margin:0;padding:0;border:0;background:0 0;font:inherit;color:inherit;text-align:inherit;cursor:pointer}.formmultidocument1036934034__viewRoot{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formmultidocument1036934034__singleViewWrapper{border-radius:0;border-bottom:1px solid var(--wds-color-neutral-600, var(--wsr-color-D60));background-color:transparent!important}.formmultidocument1036934034__viewRoot>div:first-child .formmultidocument1036934034__singleViewWrapper{border-top-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-top-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument1036934034__singleViewWrapper:hover{background-color:var(--wds-color-blue-500, var(--wsr-color-B50))!important}.formmultidocument1036934034__singleViewWrapper:focus-visible{border-bottom:1px solid transparent;position:relative;z-index:1}.formmultidocument1036934034__addDocumentButton{border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument1036934034__addDocumentButton:focus-within{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.cellmultireferenceinput118440759__root{width:100%;box-sizing:border-box;--wds-input-border-color:transparent;--wds-input-border-color-hover:transparent;--wds-input-border-color-focus:transparent;--wds-input-background-fill-default:transparent;--wds-input-background-fill-hover:transparent;--wds-input-shadow-focus-standard:0 0 0 0 transparent}.cellreferenceinput805690878__root{width:100%;height:100%;display:flex;align-items:center}.cellreferenceinput805690878__autocomplete{width:100%}.richcontentdefaultvalueinput1809828926__richContentEditorContainer .richcontentdefaultvalueinput1809828926__editor{max-height:calc(40vh - var(--topToolbarHeight) - var(--bottomToolbarHeight))}.richcontentforminput3123335629__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-input-border-color, var(--wsr-color-B40, #D6E6FE));border-radius:var(--wds-input-border-radius-default-medium, var(--wsr-border-radius-06, 6px))}.richcontentforminput3123335629__root:focus-within{border:1px solid var(--wds-input-border-color-focus, var(--wsr-color-B10, #116DFF));box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wsr-color-F00, #A6D0FF))}.richcontentforminput3123335629__root .richcontentforminput3123335629__editor{overflow-y:auto;max-height:calc(80vh - var(--topToolbarHeight) - var(--bottomToolbarHeight))}.richcontentformreadonlyinput487054806__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-black-600);border-radius:var(--wds-border-radius-300)}.richcontentformreadonlyinput487054806__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.fullscreenmodal1863616343__modalContent{display:flex;flex-direction:column;position:relative;height:100%;width:782px;background-color:var(--wds-color-white, var(--wsr-color-D80, #ffffff));border-radius:var(--wds-border-radius-300, var(--wsr-border-radius-06, 6px));margin-top:24px}.publishloader2258361233__publishLoader{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--wds-color-white);z-index:5000;border-radius:inherit}.togglefullscreenbutton130427311__root{z-index:5;box-sizing:border-box;position:absolute;right:0;top:calc(50% - 16px)!important;padding-right:3px}.togglefullscreenbutton130427311__root button{border-radius:6px!important}.richcontenteditor1263031639__root{position:relative;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)}.richcontenteditor1263031639__root,.richcontenteditor1263031639__toolbarContainer,.richcontenteditor1263031639__footerToolbarContainer{width:100%;box-sizing:border-box}.richcontenteditor1263031639__toolbarContainer div{box-sizing:border-box}.richcontenteditor1263031639__toolbarAndFullScreenButtonWrapper{display:flex;position:relative}.richcontenteditor1263031639__editor{box-sizing:border-box;padding:36px 24px 36px 55px}.richcontenteditor1263031639__modalEditor{display:flex;flex-direction:column;flex:1;height:100%}.richcontenteditor1263031639__modalEditor .richcontenteditor1263031639__editor{overflow-y:auto;flex:1;min-width:592px;box-sizing:border-box}.richcontenteditor1263031639__modalEditor .richcontenteditor1263031639__footerToolbarContainer{margin-top:9px}.richcontenteditor1263031639__toolbarContainer button[data-hook~=text-button-headings]>span{display:inline-flex;padding-inline-end:3px!important}.richcontenteditor1263031639__toolbarContainer button[data-hook~=text-button-ai]>span{padding-inline-end:9px!important}.richcontenttoolbar301499419__toolbar{border-top:1px solid rgba(51,51,51,.1);z-index:2;margin-right:auto;padding-left:6px;margin-left:auto;position:relative;height:40px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box}.richcontenttoolbar301499419__toolbarButton{line-height:40px;background:0 0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 5px 0 0}.richcontenttoolbar301499419__toolbarButton:disabled{color:graytext}.richcontenttoolbar301499419__separator{width:1px;height:20px;margin:0 8px 0 3px;background:rgba(51,51,51,.1)}.richcontenttoolbar301499419__toolbar label{padding:0 8px}.richcontentviewer3908545378__root{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:36px}.richcontentviewer3908545378__root.richcontentviewer3908545378--isFullScreen{padding:12px 24px}.richcontentviewer3908545378__root:not(.richcontentviewer3908545378--isFullScreen){padding:6px 24px 6px 12px}.richcontentviewer3908545378__root ToggleButton{margin:0;padding:0;border:0;position:absolute;top:2px!important;right:2px;width:30px;height:30px}.richcontentviewer3908545378__viewer{height:calc(100% - 36px);width:100%}.richcontentviewer3908545378__modalViewer{min-width:592px;overflow:auto}.richtexteditor3656630748__root{width:100%;box-sizing:border-box;outline:0;overflow:hidden;border-radius:var(--wds-input-border-radius-default-medium, var(--wsr-border-radius-06, 6px))}.richtexteditor3656630748__root.richtexteditor3656630748---border-4-none{border:0}.richtexteditor3656630748__root.richtexteditor3656630748---border-8-standard{border:1px solid var(--wds-input-border-color, var(--wsr-color-B40, #D6E6FE))}.richtexteditor3656630748__root.richtexteditor3656630748---border-8-standard:focus,.richtexteditor3656630748__root.richtexteditor3656630748---border-8-standard:focus-within{border:1px solid var(--wds-input-border-color-focus, var(--wsr-color-B10, #116DFF));box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wsr-color-F00, #A6D0FF))}.richtexteditor3656630748__root.richtexteditor3656630748---border-8-standard.richtexteditor3656630748---status-5-error{border:1px solid var(--wds-color-border-destructive-secondary-active, var(--wsr-color-R10, #E62214))}.richtexteditor3656630748__root.richtexteditor3656630748---border-8-standard.richtexteditor3656630748---status-5-error:focus,.richtexteditor3656630748__root.richtexteditor3656630748---border-8-standard.richtexteditor3656630748---status-5-error:focus-within{border:1px solid var(--wds-color-border-destructive-secondary-active, var(--wsr-color-R10, #E62214));box-shadow:var(--wds-input-shadow-focus-destructive, 0 0 0 3px var(--wsr-color-R40, #FBD0CD))}.richtexteditor3656630748__root.richtexteditor3656630748---border-8-standard.richtexteditor3656630748---status-7-warning{border:1px solid var(--wds-color-border-warning-secondary-active, var(--wsr-color-Y10, #FFB700))}.richtexteditor3656630748__root.richtexteditor3656630748---border-8-standard.richtexteditor3656630748---status-7-warning:focus,.richtexteditor3656630748__root.richtexteditor3656630748---border-8-standard.richtexteditor3656630748---status-7-warning:focus-within{border:1px solid var(--wds-color-border-warning-secondary-active, var(--wsr-color-Y10, #FFB700));box-shadow:var(--wds-input-shadow-focus-warning, 0 0 0 3px var(--wsr-color-Y40, #FFE2A5))}.richtexteditor3656630748__nativeInput{position:absolute;opacity:0;padding:0;margin:0;border:0;width:0;height:0}.richtexteditor3656630748__editor{height:auto;line-height:auto;display:flex;width:100%;height:100%;min-height:234px;overflow:hidden;box-sizing:border-box;flex-direction:row;border-radius:var(--wds-input-border-radius-default-medium, var(--wsr-border-radius-06, 6px))}.richtexteditor3656630748__editor.richtexteditor3656630748--isFullScreen{max-width:782px;min-width:582px;background:var(--wds-color-black-700)}.richtexteditor3656630748__editor:not(.richtexteditor3656630748--isFullScreen){max-height:80vh}.richtexteditor3656630748__editor>div{flex:1;max-width:100%}.toolbar197029663__root{padding:12px 18px;display:flex;border-bottom:1px solid var(--wds-color-blue-400, var(--wsr-color-B40, #d6dcff));background:var(--wds-color-white, var(--wsr-color-D80, #ffffff));align-items:center}.toolbar197029663__item{display:flex;margin-right:12px}.toolbar197029663__item svg,.toolbar197029663__item svg path,.toolbar197029663__item svg text{color:inherit;fill:currentColor}.toolbar197029663__separator{display:inline-flex;margin-right:12px;border-left:1px solid #ddd;align-self:stretch}.toolbar197029663__clearFormatting{margin-left:auto}.toolbar197029663__fullScreen{margin-right:0}.toolbar197029663__dropdownItemContent{height:36px;width:100%;display:flex;gap:12px;justify-content:space-between;align-items:center}.toolbar197029663__dropdownItemContent.toolbar197029663--selected .toolbar197029663__dropdownItemTitle,.toolbar197029663__dropdownItemContent.toolbar197029663--selected .toolbar197029663__dropdownItemSubtitle{color:var(--wds-color-white)!important}.toolbar197029663__dropdownItemSubtitle{color:var(--wds-color-black-400)!important;padding-right:12px;flex-shrink:0}.toolbar197029663__dropdownHeaderOne{font-weight:var(--wds-font-weight-bold)!important;font-size:36px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, var(--wsr-font-family, Madefor))!important}.toolbar197029663__dropdownHeaderTwo{font-weight:var(--wds-font-weight-bold)!important;font-size:32px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar197029663__dropdownHeaderThree{font-weight:var(--wds-font-weight-medium)!important;font-size:28px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar197029663__dropdownHeaderFour{font-weight:var(--wds-font-weight-bold)!important;font-size:24px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar197029663__dropdownHeaderFive{font-weight:var(--wds-font-weight-bold)!important;font-size:22px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar197029663__dropdownHeaderSix{font-weight:var(--wds-font-weight-medium)!important;font-size:20px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar197029663__dropdownParagraphOne{font-weight:var(--wds-font-weight-medium)!important;font-size:18px!important;line-height:1.33!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar197029663__dropdownNormalText{font-weight:var(--wds-font-weight-medium)!important;font-size:var(--wds-font-size-500)!important;line-height:var(--wds-font-line-height-300)!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar197029663__dropdownParagraphThree{font-weight:var(--wds-font-weight-medium)!important;font-size:14px!important;line-height:1.29!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.textview1020835347__textView::after{content:"";display:block}.richeditor3378146960__root{display:flex;flex-direction:column;font-weight:var(--wds-font-weight-medium, 500);font-size:var(--wds-font-size-500);line-height:var(--wds-font-line-height-300);font-family:var(--wds-font-family-default, var(--wsr-font-family, Madefor))}.richeditor3378146960__editor{box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;flex:1;cursor:text;color:var(--wds-color-black-100, var(--wsr-color-D10, #131720));background:var(--wds-color-black-700, var(--wsr-color-D70, #edeef2))}.richeditor3378146960__editor .DraftEditor-root{width:100%;height:100%}.richeditor3378146960__editor .DraftEditor-root [data-contents]{overflow:auto}.richeditor3378146960__editor .DraftEditor-editorContainer{display:flex;min-height:100%;background:#fff}.richeditor3378146960__editor .public-DraftEditor-content{padding:12px 24px 24px;min-height:100%;width:100%;box-sizing:border-box}.richeditor3378146960__editor .public-DraftEditor-content ol,.richeditor3378146960__editor .public-DraftEditor-content ul{display:flex;flex-direction:column;padding:0}.richeditor3378146960__editor .public-DraftEditor-content a,.richeditor3378146960__editor .public-DraftEditor-content a:visited{color:inherit;text-decoration:none}.richeditor3378146960__header-one:not(li),.richeditor3378146960__header-two:not(li),.richeditor3378146960__header-three:not(li),.richeditor3378146960__header-four:not(li),.richeditor3378146960__header-five:not(li),.richeditor3378146960__header-six:not(li){margin-block:0;margin:0}.richeditor3378146960__header-one,.richeditor3378146960__editor li.richeditor3378146960__header-one .public-DraftStyleDefault-block{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__header-two,.richeditor3378146960__editor li.richeditor3378146960__header-two .public-DraftStyleDefault-block{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__header-three,.richeditor3378146960__editor li.richeditor3378146960__header-three .public-DraftStyleDefault-block{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__header-four,.richeditor3378146960__editor li.richeditor3378146960__header-four .public-DraftStyleDefault-block{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__header-five,.richeditor3378146960__editor li.richeditor3378146960__header-five .public-DraftStyleDefault-block{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__header-six,.richeditor3378146960__editor li.richeditor3378146960__header-six .public-DraftStyleDefault-block{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__paragraph-one,.richeditor3378146960__editor li.richeditor3378146960__paragraph-one .public-DraftStyleDefault-block{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__unstyled,.richeditor3378146960__editor li.richeditor3378146960__unstyled .public-DraftStyleDefault-block{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__paragraph-three,.richeditor3378146960__editor li.richeditor3378146960__paragraph-three .public-DraftStyleDefault-block{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__editor li.richeditor3378146960__header-one:first-child~li{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__editor li.richeditor3378146960__header-one:first-child~li::marker{line-height:var(--rt-h1-fontSize, 72px)}.richeditor3378146960__editor li.richeditor3378146960__header-two:first-child~li{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__editor li.richeditor3378146960__header-two:first-child~li::marker{line-height:var(--rt-h2-fontSize, 42px)}.richeditor3378146960__editor li.richeditor3378146960__header-three:first-child~li{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__editor li.richeditor3378146960__header-three:first-child~li::marker{line-height:var(--rt-h3-fontSize, 38px)}.richeditor3378146960__editor li.richeditor3378146960__header-four:first-child~li{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__editor li.richeditor3378146960__header-four:first-child~li::marker{line-height:var(--rt-h4-fontSize, 34px)}.richeditor3378146960__editor li.richeditor3378146960__header-five:first-child~li{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__editor li.richeditor3378146960__header-five:first-child~li::marker{line-height:var(--rt-h5-fontSize, 28px)}.richeditor3378146960__editor li.richeditor3378146960__header-six:first-child~li{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__editor li.richeditor3378146960__header-six:first-child~li::marker{line-height:var(--rt-h6-fontSize, 22px)}.richeditor3378146960__editor li.richeditor3378146960__paragraph-one:first-child~li{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__editor li.richeditor3378146960__unstyled:first-child~li{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3378146960__editor li.richeditor3378146960__paragraph-three:first-child~li{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth0:first-child{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+10){margin-inline-start:3ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+100){margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+1000){margin-inline-start:5ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth1:first-child{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+10){margin-inline-start:5ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+100){margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+1000){margin-inline-start:7ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth2:first-child{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+10){margin-inline-start:7ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+100){margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+1000){margin-inline-start:9ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth3:first-child{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+10){margin-inline-start:9ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+100){margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+1000){margin-inline-start:11ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth4:first-child{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+10){margin-inline-start:11ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+100){margin-inline-start:12ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+1000){margin-inline-start:13ch}.richeditor3378146960__align-left{text-align:left;align-self:flex-start}.richeditor3378146960__align-right{text-align:right;align-self:flex-end}.richeditor3378146960__align-center{text-align:center;align-self:center}.richeditor3378146960__align-justify{text-align:justify;align-self:stretch}.richeditor3378146960__withMargin{display:inline-block}.richeditor3378146960__dir-rtl,.richeditor3378146960__editor .public-DraftStyleDefault-rtl{direction:rtl}.richeditor3378146960__editor .public-DraftStyleDefault-listRTL{direction:rtl;text-align:right;max-width:100%}
|
|
1
|
+
.addressinput2914469914__tableAddressInput{height:36px!important;margin-left:-1px;display:flex!important;align-items:center;width:100%}.addressinput2914469914__tableAddressInput>div{padding:0!important;width:100%}.addressinput2914469914__tableAddressInput:focus-within{margin-left:2px}.actionsmenu3671995341__action{margin-left:calc(var(--wds-space-100, 6px)*-1)}.formaudiofield1943540213__addItem{height:120px!important;box-sizing:border-box}.formaudiofield1943540213__addItem:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, 8px)}.formaudiofield1943540213__addItem.formaudiofield1943540213--disabled{pointer-events:auto!important}.formaudiofield1943540213__addItem.formaudiofield1943540213--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formaudiofield1943540213__mediaTitle{line-height:18px!important}.audioplayer2417328348__root{width:fit-content;z-index:1000;position:fixed!important;bottom:42px;right:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.cellcolorview3557913876__hashPrefix{color:var(--wsr-color-D40, #868aa5);font-size:14px;font-weight:300;line-height:1}.colorview3341471977__view{width:100%}.colorview3341471977__fillPreview{flex-shrink:0}.colorview3341471977__view .colorview3341471977__fillPreview{width:18px;height:18px;min-width:18px!important;min-height:18px!important}.deletedialog516047347__layout{max-width:510px!important}.formdocumentfield1759869050__viewWrapper{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formdocumentfield1759869050__viewWrapper:hover{background:var(--wds-color-blue-500, var(--wsr-color-B50));cursor:pointer}.formdocumentfield1759869050__textWidth{max-width:calc(100% - 196px)}.formdocumentfield1759869050__documentLoader{padding-top:21px;padding-bottom:21px}.formdocumentfield1759869050__addDocument{padding-top:17px!important;padding-bottom:17px!important}.formdocumentfield1759869050__addDocument.formdocumentfield1759869050--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formdocumentfield1759869050__addItemWrapper:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, calc(2px * 4))}.exclamation2405445415__exclamation{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:3px;cursor:pointer}.exclamation2405445415__exclamation.exclamation2405445415---type-7-warning:not(.exclamation2405445415--customSize),.exclamation2405445415__exclamation.exclamation2405445415---type-5-error:not(.exclamation2405445415--customSize){width:24px;height:24px}.exclamation2405445415__exclamation.exclamation2405445415---type-7-warning{color:var(--wds-color-fill-warning-primary)}.exclamation2405445415__exclamation.exclamation2405445415---type-5-error{color:var(--wds-color-fill-destructive-primary)}.exclamation2405445415__actions{display:flex;flex-direction:column}.exclamation2405445415__action{white-space:normal!important;height:auto!important;text-align:left;gap:6px}.exclamation2405445415__action+.exclamation2405445415__action{margin-top:6px}.exclamation2405445415__action.exclamation2405445415--accented{color:var(--wds-color-blue-100)}.exclamation2405445415__action.exclamation2405445415--accented:hover{color:var(--wds-color-blue-200)}.highlightedtext106472051__root.highlightedtext106472051--highlightedBackground{animation:highlightedtext106472051__highlighted 150ms ease-out 1 forwards}.highlightedtext106472051__substring.highlightedtext106472051--isHighlighted{animation:highlightedtext106472051__highlighted-match 150ms ease-out 50ms 1 forwards}@keyframes highlightedtext106472051__highlighted{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-400, var(--wsr-color-Y40))}}@keyframes highlightedtext106472051__highlighted-match{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-200, var(--wsr-color-Y20))}}.thumbnailreplaceoverlay1401102869__root{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);border-radius:3px}.thumbnailreplaceoverlay1401102869__icon{color:#fff;width:18px;height:18px}.cellmediaeditshell2282788607__root{width:100%;height:100%}.pasteurlbutton2169628829__root{margin-top:6px}.pasteurlbutton2169628829__iconButtonTooltip{height:max-content}.pasteurlbutton2169628829__iconButton{width:24px;height:24px}.formmediagalleryfield1285781073__container{display:flex;min-height:128px;max-height:259px}.formmediagalleryfield1285781073__viewBox{display:flex;height:100%;width:100%;flex-wrap:wrap}.formmediagalleryfield1285781073__addItemWrapper{height:128px;width:100%;box-sizing:border-box}.formmediagalleryfield1285781073__addItem{box-sizing:border-box}.formmediagalleryfield1285781073__overlay{width:initial!important;min-width:382px!important}.formmediagalleryfield1285781073__image.formmediagalleryfield1285781073--withMarginRight{margin-right:3px}.formmediagalleryfield1285781073__image.formmediagalleryfield1285781073--withMarginTop{margin-top:3px}.formmediagalleryfield1285781073__previewImage{max-height:calc(100% - 12px)!important}.formmediagalleryfield1285781073__previewVideo{border-radius:8px;max-width:100%;max-height:calc(100% - 12px)!important}.mediaimage369066312__root{display:flex;align-items:center;flex-shrink:0;position:relative;box-sizing:border-box}.mediaimage369066312__root.mediaimage369066312--error{--mediaimage369066312-from:calc(50% - 0.5px);--mediaimage369066312-to:calc(50% + 0.5px);background-image:linear-gradient(to bottom right,transparent var(--mediaimage369066312-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage369066312-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage369066312-to),transparent var(--mediaimage369066312-to))}.mediaimage369066312__root.mediaimage369066312--error>*{opacity:0}.overlay652708390__iconOverlay{position:absolute;color:var(--wds-color-white, var(--wsr-color-D80, #FFFFFF));background-color:transparent;filter:drop-shadow(0 1px 1px rgba(22,45,61,.6));-webkit-filter:drop-shadow(0 1px 1px rgba(22,45,61,.6))}.overlay652708390__iconOverlay.overlay652708390---size-5-small{width:20px;height:20px}.overlay652708390__iconOverlay.overlay652708390---size-6-medium{width:24px;height:24px}.overlay652708390__iconOverlay.overlay652708390---size-5-large{width:28px;height:28px}.overlay652708390__iconOverlay.overlay652708390---placement-7-topLeft{top:2px;left:2px}.overlay652708390__iconOverlay.overlay652708390---placement-10-bottomLeft{bottom:2px;left:2px}.medialoader2912078919__loader{border-radius:6px}.medialoader2912078919__loader.medialoader2912078919--isDashed{border:dashed 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.medialoader2912078919__loader.medialoader2912078919--isSolid{border:solid 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.mediatag4045658866__root{box-sizing:border-box;padding:3px 6px 3px 3px;border-radius:3px;max-height:24px;min-width:54px;max-width:100%;background-color:var(--wds-color-blue-400, var(--wsr-color-B40))}.cellmultidocumentedit1848840766__chipTrigger{display:flex;align-items:center;min-width:0;max-width:100%;margin:0;padding:0;border:0;background:0 0;font:inherit;color:inherit;text-align:inherit;cursor:pointer}.formmultidocument951527975__viewRoot{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formmultidocument951527975__singleViewWrapper{border-radius:0;border-bottom:1px solid var(--wds-color-neutral-600, var(--wsr-color-D60));background-color:transparent!important}.formmultidocument951527975__viewRoot>div:first-child .formmultidocument951527975__singleViewWrapper{border-top-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-top-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument951527975__singleViewWrapper:hover{background-color:var(--wds-color-blue-500, var(--wsr-color-B50))!important}.formmultidocument951527975__singleViewWrapper:focus-visible{border-bottom:1px solid transparent;position:relative;z-index:1}.formmultidocument951527975__addDocumentButton{border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument951527975__addDocumentButton:focus-within{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.cellmultireferenceinput588089634__root{width:100%;box-sizing:border-box;--wds-input-border-color:transparent;--wds-input-border-color-hover:transparent;--wds-input-border-color-focus:transparent;--wds-input-background-fill-default:transparent;--wds-input-background-fill-hover:transparent;--wds-input-shadow-focus-standard:0 0 0 0 transparent}.cellreferenceinput2046600745__root{width:100%;height:100%;display:flex;align-items:center}.cellreferenceinput2046600745__autocomplete{width:100%}.richcontentdefaultvalueinput2000961037__richContentEditorContainer .richcontentdefaultvalueinput2000961037__editor{max-height:calc(40vh - var(--topToolbarHeight) - var(--bottomToolbarHeight))}.richcontentforminput2414334911__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-input-border-color, var(--wsr-color-B40, #D6E6FE));border-radius:var(--wds-input-border-radius-default-medium, var(--wsr-border-radius-06, 6px))}.richcontentforminput2414334911__root:focus-within{border:1px solid var(--wds-input-border-color-focus, var(--wsr-color-B10, #116DFF));box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wsr-color-F00, #A6D0FF))}.richcontentforminput2414334911__root .richcontentforminput2414334911__editor{overflow-y:auto;max-height:calc(80vh - var(--topToolbarHeight) - var(--bottomToolbarHeight))}.richcontentformreadonlyinput1059752176__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-black-600);border-radius:var(--wds-border-radius-300)}.richcontentformreadonlyinput1059752176__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.fullscreenmodal1677754412__modalContent{display:flex;flex-direction:column;position:relative;height:100%;width:782px;background-color:var(--wds-color-white, var(--wsr-color-D80, #ffffff));border-radius:var(--wds-border-radius-300, var(--wsr-border-radius-06, 6px));margin-top:24px}.publishloader1089769209__publishLoader{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--wds-color-white);z-index:5000;border-radius:inherit}.togglefullscreenbutton555712175__root{z-index:5;box-sizing:border-box;position:absolute;right:0;top:calc(50% - 16px)!important;padding-right:3px}.togglefullscreenbutton555712175__root button{border-radius:6px!important}.richcontenteditor924293297__root{position:relative;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)}.richcontenteditor924293297__root,.richcontenteditor924293297__toolbarContainer,.richcontenteditor924293297__footerToolbarContainer{width:100%;box-sizing:border-box}.richcontenteditor924293297__toolbarContainer div{box-sizing:border-box}.richcontenteditor924293297__toolbarAndFullScreenButtonWrapper{display:flex;position:relative}.richcontenteditor924293297__editor{box-sizing:border-box;padding:36px 24px 36px 55px}.richcontenteditor924293297__modalEditor{display:flex;flex-direction:column;flex:1;height:100%}.richcontenteditor924293297__modalEditor .richcontenteditor924293297__editor{overflow-y:auto;flex:1;min-width:592px;box-sizing:border-box}.richcontenteditor924293297__modalEditor .richcontenteditor924293297__footerToolbarContainer{margin-top:9px}.richcontenteditor924293297__toolbarContainer button[data-hook~=text-button-headings]>span{display:inline-flex;padding-inline-end:3px!important}.richcontenteditor924293297__toolbarContainer button[data-hook~=text-button-ai]>span{padding-inline-end:9px!important}.richcontenttoolbar3921762791__toolbar{border-top:1px solid rgba(51,51,51,.1);z-index:2;margin-right:auto;padding-left:6px;margin-left:auto;position:relative;height:40px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box}.richcontenttoolbar3921762791__toolbarButton{line-height:40px;background:0 0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 5px 0 0}.richcontenttoolbar3921762791__toolbarButton:disabled{color:graytext}.richcontenttoolbar3921762791__separator{width:1px;height:20px;margin:0 8px 0 3px;background:rgba(51,51,51,.1)}.richcontenttoolbar3921762791__toolbar label{padding:0 8px}.richcontentviewer2558347904__root{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:36px}.richcontentviewer2558347904__root.richcontentviewer2558347904--isFullScreen{padding:12px 24px}.richcontentviewer2558347904__root:not(.richcontentviewer2558347904--isFullScreen){padding:6px 24px 6px 12px}.richcontentviewer2558347904__root ToggleButton{margin:0;padding:0;border:0;position:absolute;top:2px!important;right:2px;width:30px;height:30px}.richcontentviewer2558347904__viewer{height:calc(100% - 36px);width:100%}.richcontentviewer2558347904__modalViewer{min-width:592px;overflow:auto}.richtexteditor3921045520__root{width:100%;box-sizing:border-box;outline:0;overflow:hidden;border-radius:var(--wds-input-border-radius-default-medium, var(--wsr-border-radius-06, 6px))}.richtexteditor3921045520__root.richtexteditor3921045520---border-4-none{border:0}.richtexteditor3921045520__root.richtexteditor3921045520---border-8-standard{border:1px solid var(--wds-input-border-color, var(--wsr-color-B40, #D6E6FE))}.richtexteditor3921045520__root.richtexteditor3921045520---border-8-standard:focus,.richtexteditor3921045520__root.richtexteditor3921045520---border-8-standard:focus-within{border:1px solid var(--wds-input-border-color-focus, var(--wsr-color-B10, #116DFF));box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wsr-color-F00, #A6D0FF))}.richtexteditor3921045520__root.richtexteditor3921045520---border-8-standard.richtexteditor3921045520---status-5-error{border:1px solid var(--wds-color-border-destructive-secondary-active, var(--wsr-color-R10, #E62214))}.richtexteditor3921045520__root.richtexteditor3921045520---border-8-standard.richtexteditor3921045520---status-5-error:focus,.richtexteditor3921045520__root.richtexteditor3921045520---border-8-standard.richtexteditor3921045520---status-5-error:focus-within{border:1px solid var(--wds-color-border-destructive-secondary-active, var(--wsr-color-R10, #E62214));box-shadow:var(--wds-input-shadow-focus-destructive, 0 0 0 3px var(--wsr-color-R40, #FBD0CD))}.richtexteditor3921045520__root.richtexteditor3921045520---border-8-standard.richtexteditor3921045520---status-7-warning{border:1px solid var(--wds-color-border-warning-secondary-active, var(--wsr-color-Y10, #FFB700))}.richtexteditor3921045520__root.richtexteditor3921045520---border-8-standard.richtexteditor3921045520---status-7-warning:focus,.richtexteditor3921045520__root.richtexteditor3921045520---border-8-standard.richtexteditor3921045520---status-7-warning:focus-within{border:1px solid var(--wds-color-border-warning-secondary-active, var(--wsr-color-Y10, #FFB700));box-shadow:var(--wds-input-shadow-focus-warning, 0 0 0 3px var(--wsr-color-Y40, #FFE2A5))}.richtexteditor3921045520__nativeInput{position:absolute;opacity:0;padding:0;margin:0;border:0;width:0;height:0}.richtexteditor3921045520__editor{height:auto;line-height:auto;display:flex;width:100%;height:100%;min-height:234px;overflow:hidden;box-sizing:border-box;flex-direction:row;border-radius:var(--wds-input-border-radius-default-medium, var(--wsr-border-radius-06, 6px))}.richtexteditor3921045520__editor.richtexteditor3921045520--isFullScreen{max-width:782px;min-width:582px;background:var(--wds-color-black-700)}.richtexteditor3921045520__editor:not(.richtexteditor3921045520--isFullScreen){max-height:80vh}.richtexteditor3921045520__editor>div{flex:1;max-width:100%}.toolbar1814136159__root{padding:12px 18px;display:flex;border-bottom:1px solid var(--wds-color-blue-400, var(--wsr-color-B40, #d6dcff));background:var(--wds-color-white, var(--wsr-color-D80, #ffffff));align-items:center}.toolbar1814136159__item{display:flex;margin-right:12px}.toolbar1814136159__item svg,.toolbar1814136159__item svg path,.toolbar1814136159__item svg text{color:inherit;fill:currentColor}.toolbar1814136159__separator{display:inline-flex;margin-right:12px;border-left:1px solid #ddd;align-self:stretch}.toolbar1814136159__clearFormatting{margin-left:auto}.toolbar1814136159__fullScreen{margin-right:0}.toolbar1814136159__dropdownItemContent{height:36px;width:100%;display:flex;gap:12px;justify-content:space-between;align-items:center}.toolbar1814136159__dropdownItemContent.toolbar1814136159--selected .toolbar1814136159__dropdownItemTitle,.toolbar1814136159__dropdownItemContent.toolbar1814136159--selected .toolbar1814136159__dropdownItemSubtitle{color:var(--wds-color-white)!important}.toolbar1814136159__dropdownItemSubtitle{color:var(--wds-color-black-400)!important;padding-right:12px;flex-shrink:0}.toolbar1814136159__dropdownHeaderOne{font-weight:var(--wds-font-weight-bold)!important;font-size:36px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, var(--wsr-font-family, Madefor))!important}.toolbar1814136159__dropdownHeaderTwo{font-weight:var(--wds-font-weight-bold)!important;font-size:32px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar1814136159__dropdownHeaderThree{font-weight:var(--wds-font-weight-medium)!important;font-size:28px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar1814136159__dropdownHeaderFour{font-weight:var(--wds-font-weight-bold)!important;font-size:24px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar1814136159__dropdownHeaderFive{font-weight:var(--wds-font-weight-bold)!important;font-size:22px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar1814136159__dropdownHeaderSix{font-weight:var(--wds-font-weight-medium)!important;font-size:20px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar1814136159__dropdownParagraphOne{font-weight:var(--wds-font-weight-medium)!important;font-size:18px!important;line-height:1.33!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar1814136159__dropdownNormalText{font-weight:var(--wds-font-weight-medium)!important;font-size:var(--wds-font-size-500)!important;line-height:var(--wds-font-line-height-300)!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar1814136159__dropdownParagraphThree{font-weight:var(--wds-font-weight-medium)!important;font-size:14px!important;line-height:1.29!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.textview4046581162__textView::after{content:"";display:block}.richeditor4018868919__root{display:flex;flex-direction:column;font-weight:var(--wds-font-weight-medium, 500);font-size:var(--wds-font-size-500);line-height:var(--wds-font-line-height-300);font-family:var(--wds-font-family-default, var(--wsr-font-family, Madefor))}.richeditor4018868919__editor{box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;flex:1;cursor:text;color:var(--wds-color-black-100, var(--wsr-color-D10, #131720));background:var(--wds-color-black-700, var(--wsr-color-D70, #edeef2))}.richeditor4018868919__editor .DraftEditor-root{width:100%;height:100%}.richeditor4018868919__editor .DraftEditor-root [data-contents]{overflow:auto}.richeditor4018868919__editor .DraftEditor-editorContainer{display:flex;min-height:100%;background:#fff}.richeditor4018868919__editor .public-DraftEditor-content{padding:12px 24px 24px;min-height:100%;width:100%;box-sizing:border-box}.richeditor4018868919__editor .public-DraftEditor-content ol,.richeditor4018868919__editor .public-DraftEditor-content ul{display:flex;flex-direction:column;padding:0}.richeditor4018868919__editor .public-DraftEditor-content a,.richeditor4018868919__editor .public-DraftEditor-content a:visited{color:inherit;text-decoration:none}.richeditor4018868919__header-one:not(li),.richeditor4018868919__header-two:not(li),.richeditor4018868919__header-three:not(li),.richeditor4018868919__header-four:not(li),.richeditor4018868919__header-five:not(li),.richeditor4018868919__header-six:not(li){margin-block:0;margin:0}.richeditor4018868919__header-one,.richeditor4018868919__editor li.richeditor4018868919__header-one .public-DraftStyleDefault-block{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__header-two,.richeditor4018868919__editor li.richeditor4018868919__header-two .public-DraftStyleDefault-block{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__header-three,.richeditor4018868919__editor li.richeditor4018868919__header-three .public-DraftStyleDefault-block{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__header-four,.richeditor4018868919__editor li.richeditor4018868919__header-four .public-DraftStyleDefault-block{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__header-five,.richeditor4018868919__editor li.richeditor4018868919__header-five .public-DraftStyleDefault-block{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__header-six,.richeditor4018868919__editor li.richeditor4018868919__header-six .public-DraftStyleDefault-block{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__paragraph-one,.richeditor4018868919__editor li.richeditor4018868919__paragraph-one .public-DraftStyleDefault-block{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__unstyled,.richeditor4018868919__editor li.richeditor4018868919__unstyled .public-DraftStyleDefault-block{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__paragraph-three,.richeditor4018868919__editor li.richeditor4018868919__paragraph-three .public-DraftStyleDefault-block{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__editor li.richeditor4018868919__header-one:first-child~li{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__editor li.richeditor4018868919__header-one:first-child~li::marker{line-height:var(--rt-h1-fontSize, 72px)}.richeditor4018868919__editor li.richeditor4018868919__header-two:first-child~li{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__editor li.richeditor4018868919__header-two:first-child~li::marker{line-height:var(--rt-h2-fontSize, 42px)}.richeditor4018868919__editor li.richeditor4018868919__header-three:first-child~li{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__editor li.richeditor4018868919__header-three:first-child~li::marker{line-height:var(--rt-h3-fontSize, 38px)}.richeditor4018868919__editor li.richeditor4018868919__header-four:first-child~li{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__editor li.richeditor4018868919__header-four:first-child~li::marker{line-height:var(--rt-h4-fontSize, 34px)}.richeditor4018868919__editor li.richeditor4018868919__header-five:first-child~li{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__editor li.richeditor4018868919__header-five:first-child~li::marker{line-height:var(--rt-h5-fontSize, 28px)}.richeditor4018868919__editor li.richeditor4018868919__header-six:first-child~li{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__editor li.richeditor4018868919__header-six:first-child~li::marker{line-height:var(--rt-h6-fontSize, 22px)}.richeditor4018868919__editor li.richeditor4018868919__paragraph-one:first-child~li{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__editor li.richeditor4018868919__unstyled:first-child~li{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor4018868919__editor li.richeditor4018868919__paragraph-three:first-child~li{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth0:first-child{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+10){margin-inline-start:3ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+100){margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+1000){margin-inline-start:5ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth1:first-child{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+10){margin-inline-start:5ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+100){margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+1000){margin-inline-start:7ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth2:first-child{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+10){margin-inline-start:7ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+100){margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+1000){margin-inline-start:9ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth3:first-child{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+10){margin-inline-start:9ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+100){margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+1000){margin-inline-start:11ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth4:first-child{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+10){margin-inline-start:11ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+100){margin-inline-start:12ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+1000){margin-inline-start:13ch}.richeditor4018868919__align-left{text-align:left;align-self:flex-start}.richeditor4018868919__align-right{text-align:right;align-self:flex-end}.richeditor4018868919__align-center{text-align:center;align-self:center}.richeditor4018868919__align-justify{text-align:justify;align-self:stretch}.richeditor4018868919__withMargin{display:inline-block}.richeditor4018868919__dir-rtl,.richeditor4018868919__editor .public-DraftStyleDefault-rtl{direction:rtl}.richeditor4018868919__editor .public-DraftStyleDefault-listRTL{direction:rtl;text-align:right;max-width:100%}
|