@wix/patterns-fields 1.33.0 → 1.36.0

package/src/components/time-input/cell-time-input.tsx

@@ -0,0 +1,104 @@
+import React, {
+  forwardRef,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+} from 'react';
+import {
+  TimeInput as WSRTimeInput,
+  CloseButton,
+  type TimeInputImperativeActions,
+  type TimeInputProps as WSRTimeInputProps,
+} from '@wix/design-system';
+import { useTranslations } from '../../hooks/use-translations';
+import { dateToTime, timeToDate, type Time } from './hooks';
+
+export interface CellTimeInputProps {
+  value?: Time | null;
+  onChange?: (value: Time | null) => void;
+  onCommit?: () => void;
+  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;
+  dataHook?: string;
+  placeholder?: string;
+  step?: WSRTimeInputProps['step'];
+}
+
+/**
+ * Cell-layer Time input. Wraps WDS `<TimeInput>` with cell-edit semantics:
+ * - `value`/`onChange` use the `Time` string format (`hh:mm:ss.SSS`);
+ *   conversion to/from `Date` for the WDS boundary happens via
+ *   `timeToDate`/`dateToTime`.
+ * - WDS `onChange` (fires on option click and on blur with a parsed custom
+ *   value) forwards a `Time` string to `onChange`, then schedules `onCommit`
+ *   on a microtask so WDS's two-phase change (synchronous blur + async
+ *   selection callback) collapses into a single commit.
+ * - Clear button (X) suffix clears the value and commits.
+ * - Locale is sourced from i18n so the dropdown's 12/24h cycle matches the
+ *   format rendered by `<TimeView>` in view mode.
+ */
+export const CellTimeInput = forwardRef<
+  TimeInputImperativeActions,
+  CellTimeInputProps
+>(({ value, onChange, onCommit, dataHook, placeholder, step = 15 }) => {
+  const { i18n } = useTranslations();
+
+  const dateValue = useMemo(
+    () => (value ? timeToDate(value) : undefined),
+    [value],
+  );
+
+  const wsrRef = useRef<TimeInputImperativeActions | null>(null);
+
+  useEffect(() => {
+    wsrRef.current?.focus();
+  }, []);
+
+  const handleChange = useCallback(
+    ({ date }: { date: Date | null }) => {
+      const newTime = date ? dateToTime(date) : null;
+      if (newTime === value) {
+        return;
+      }
+      onChange?.(newTime);
+      onCommit?.();
+    },
+    [onChange, onCommit, value],
+  );
+
+  const handleClear = useCallback(() => {
+    onChange?.(null);
+    onCommit?.();
+  }, [onChange, onCommit]);
+
+  return (
+    <WSRTimeInput
+      dataHook={dataHook}
+      ref={wsrRef}
+      size="small"
+      border="none"
+      step={step}
+      timeStyle="short"
+      width="100%"
+      locale={i18n.language as WSRTimeInputProps['locale']}
+      placeholder={placeholder ?? 'hh:mm'}
+      autoSelect={false}
+      value={dateValue ?? null}
+      onChange={handleChange}
+      popoverProps={{ appendTo: 'window', moveBy: { y: 4 } }}
+      suffix={
+        value ? (
+          <CloseButton
+            as="button"
+            size="small"
+            skin="standardFilled"
+            onClick={handleClear}
+            dataHook="cell-time-input-clear"
+          />
+        ) : undefined
+      }
+    />
+  );
+});
+
+CellTimeInput.displayName = 'CellTimeInput';

package/src/components/time-input/index.ts

@@ -1,3 +1,4 @@
 export * from './time-input';
+export * from './cell-time-input';
 export * from './form-time-input';
 export * from './hooks';

package/src/components/time-view/hooks.ts

@@ -1,13 +1,14 @@
+import { useTranslations } from '../../hooks/use-translations';
 import { timeToDate, type Time } from '../time-input/hooks';
 
-const formatLocalTime = (date: Date): string => {
-  return date.toLocaleTimeString([], {
-    hour: '2-digit',
-    minute: '2-digit',
-  });
+const formatLocalTime = (date: Date, locale: string): string => {
+  // `timeStyle: 'short'` matches WDS TimeInput's own format: numeric hour in
+  // 12h locales ("9:45 AM") and zero-padded hour in 24h locales ("09:45"),
+  // so View and Edit render the same string.
+  return date.toLocaleTimeString(locale, { timeStyle: 'short' });
 };
 
 export const useFormattedTime = (time?: Time) => {
-  return time ? formatLocalTime(timeToDate(time)) : undefined;
+  const { i18n } = useTranslations();
+  return time ? formatLocalTime(timeToDate(time), i18n.language) : undefined;
 };
-

package/src/components/time-view/index.ts

@@ -1,3 +1,2 @@
 export * from './time-view';
 export * from './hooks';
-

package/src/components/url/form-url.driver.ts

@@ -0,0 +1,27 @@
+import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';
+import {
+  FormFieldUniDriver,
+  InputUniDriver,
+} from '@wix/design-system/dist/testkit/unidriver';
+
+import { baseUniDriverFactory } from '../../testkit/base-driver';
+
+export function FormUrlDriver(base: UniDriver, body: UniDriver) {
+  const formField = FormFieldUniDriver(base, body);
+  const inputBase = base.$(`[data-hook^="url-"]`);
+  const input = InputUniDriver(inputBase, body);
+
+  return {
+    ...baseUniDriverFactory(base),
+    getLabel: async () => {
+      const labelEl = await formField.getLabel();
+      return labelEl?.textContent ?? '';
+    },
+    getValue: () => input.getValue(),
+    enterText: (value: string) => input.enterText(value),
+    blur: () => input.blur(),
+    hasError: () => formField.hasStatus('error'),
+    getErrorMessage: () => formField.getStatusMessage(),
+    isRequired: () => formField.isRequired(),
+  };
+}

package/src/components/url/form-url.tsx

@@ -0,0 +1,59 @@
+import React from 'react';
+import { FormField, Input } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { Link } from '@wix/wix-ui-icons-common';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { useController } from '@wix/bex-core/form';
+
+import { BaseInputProps } from '../../types/base-input';
+import { isEmpty } from '../../validations/string';
+import { isValidUri } from '../../validations/url';
+
+export interface FormUrlProps extends BaseInputProps<string> {}
+
+const _FormUrl = (props: FormUrlProps) => {
+  const { field, dataHook, formControl, data } = props;
+  const { translate: t } = useWixPatternsContainer();
+
+  const controller = useController({
+    name: field.id,
+    control: formControl,
+    defaultValue: data?.[field.id],
+    rules: {
+      validate: (value: string | null | undefined) => {
+        if (field.validation?.required && isEmpty(value)) {
+          return t('cairo.fieldValidation.requiredField');
+        } else if (value) {
+          return isValidUri(value) || t('cairo.customFields.url-input.error');
+        }
+        return true;
+      },
+    },
+  });
+
+  return (
+    <FormField
+      label={field.displayName}
+      required={field.validation?.required}
+      dataHook={dataHook}
+      status={controller.fieldState.error ? 'error' : undefined}
+      statusMessage={controller.fieldState.error?.message}
+    >
+      <Input
+        prefix={
+          <Input.IconAffix>
+            <Link />
+          </Input.IconAffix>
+        }
+        placeholder={t('cairo.customFields.url-input.placeholder')}
+        dataHook={`url-${field.id}`}
+        value={controller.field.value}
+        onChange={(e) => controller.field.onChange?.(e.target.value)}
+        onBlur={controller.field.onBlur}
+        ref={controller.field.ref}
+      />
+    </FormField>
+  );
+};
+
+export const FormUrl = observer(_FormUrl);

package/src/components/url/index.ts

@@ -1,2 +1,3 @@
 export * from './url-view';
 export * from './cell-url-input';
+export * from './form-url';

package/src/styles.global.css

@@ -1 +1 @@
-.addressinput729874005__tableAddressInput{height:36px!important;margin-left:-1px;display:flex!important;align-items:center;width:100%}.addressinput729874005__tableAddressInput>div{padding:0!important;width:100%}.addressinput729874005__tableAddressInput:focus-within{margin-left:2px}.actionsmenu2444683558__action{margin-left:calc(var(--wds-space-100, 6px)*-1)}.formaudiofield1088573464__addItem{height:120px!important;box-sizing:border-box}.formaudiofield1088573464__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)}.formaudiofield1088573464__addItem.formaudiofield1088573464--disabled{pointer-events:auto!important}.formaudiofield1088573464__addItem.formaudiofield1088573464--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formaudiofield1088573464__mediaTitle{line-height:18px!important}.audioplayer1564949382__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}.colorview2222739831__view{width:100%}.colorview2222739831__fillPreview{flex-shrink:0}.colorview2222739831__view .colorview2222739831__fillPreview{width:18px;height:18px;min-width:18px!important;min-height:18px!important}.deletedialog1823883360__layout{max-width:510px!important}.formdocumentfield2675233247__viewWrapper{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formdocumentfield2675233247__viewWrapper:hover{background:var(--wds-color-blue-500, var(--wsr-color-B50));cursor:pointer}.formdocumentfield2675233247__textWidth{max-width:calc(100% - 196px)}.formdocumentfield2675233247__documentLoader{padding-top:21px;padding-bottom:21px}.formdocumentfield2675233247__addDocument{padding-top:17px!important;padding-bottom:17px!important}.formdocumentfield2675233247__addDocument.formdocumentfield2675233247--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formdocumentfield2675233247__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))}.exclamation3841682411__exclamation{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:3px;cursor:pointer}.exclamation3841682411__exclamation.exclamation3841682411---type-7-warning:not(.exclamation3841682411--customSize),.exclamation3841682411__exclamation.exclamation3841682411---type-5-error:not(.exclamation3841682411--customSize){width:24px;height:24px}.exclamation3841682411__exclamation.exclamation3841682411---type-7-warning{color:var(--wds-color-fill-warning-primary)}.exclamation3841682411__exclamation.exclamation3841682411---type-5-error{color:var(--wds-color-fill-destructive-primary)}.exclamation3841682411__actions{display:flex;flex-direction:column}.exclamation3841682411__action{white-space:normal!important;height:auto!important;text-align:left;gap:6px}.exclamation3841682411__action+.exclamation3841682411__action{margin-top:6px}.exclamation3841682411__action.exclamation3841682411--accented{color:var(--wds-color-blue-100)}.exclamation3841682411__action.exclamation3841682411--accented:hover{color:var(--wds-color-blue-200)}.highlightedtext1497165029__root.highlightedtext1497165029--highlightedBackground{animation:highlightedtext1497165029__highlighted 150ms ease-out 1 forwards}.highlightedtext1497165029__substring.highlightedtext1497165029--isHighlighted{animation:highlightedtext1497165029__highlighted-match 150ms ease-out 50ms 1 forwards}@keyframes highlightedtext1497165029__highlighted{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-400, var(--wsr-color-Y40))}}@keyframes highlightedtext1497165029__highlighted-match{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-200, var(--wsr-color-Y20))}}.thumbnailreplaceoverlay4228634431__root{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);border-radius:3px}.thumbnailreplaceoverlay4228634431__icon{color:#fff;width:18px;height:18px}.cellmediaeditshell2491537557__root{width:100%;height:100%}.pasteurlbutton3895047373__root{margin-top:6px}.pasteurlbutton3895047373__iconButtonTooltip{height:max-content}.pasteurlbutton3895047373__iconButton{width:24px;height:24px}.formmediagalleryfield522227644__container{display:flex;min-height:128px;max-height:259px}.formmediagalleryfield522227644__viewBox{display:flex;height:100%;width:100%;flex-wrap:wrap}.formmediagalleryfield522227644__addItemWrapper{height:128px;width:100%;box-sizing:border-box}.formmediagalleryfield522227644__addItem{box-sizing:border-box}.formmediagalleryfield522227644__overlay{width:initial!important;min-width:382px!important}.formmediagalleryfield522227644__image.formmediagalleryfield522227644--withMarginRight{margin-right:3px}.formmediagalleryfield522227644__image.formmediagalleryfield522227644--withMarginTop{margin-top:3px}.formmediagalleryfield522227644__previewImage{max-height:calc(100% - 12px)!important}.formmediagalleryfield522227644__previewVideo{border-radius:8px;max-width:100%;max-height:calc(100% - 12px)!important}.mediaimage1121376779__root{display:flex;align-items:center;flex-shrink:0;position:relative;box-sizing:border-box}.mediaimage1121376779__root.mediaimage1121376779--error{--mediaimage1121376779-from:calc(50% - 0.5px);--mediaimage1121376779-to:calc(50% + 0.5px);background-image:linear-gradient(to bottom right,transparent var(--mediaimage1121376779-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage1121376779-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage1121376779-to),transparent var(--mediaimage1121376779-to))}.mediaimage1121376779__root.mediaimage1121376779--error>*{opacity:0}.overlay4219437867__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))}.overlay4219437867__iconOverlay.overlay4219437867---size-5-small{width:20px;height:20px}.overlay4219437867__iconOverlay.overlay4219437867---size-6-medium{width:24px;height:24px}.overlay4219437867__iconOverlay.overlay4219437867---size-5-large{width:28px;height:28px}.overlay4219437867__iconOverlay.overlay4219437867---placement-7-topLeft{top:2px;left:2px}.overlay4219437867__iconOverlay.overlay4219437867---placement-10-bottomLeft{bottom:2px;left:2px}.medialoader1547496445__loader{border-radius:6px}.medialoader1547496445__loader.medialoader1547496445--isDashed{border:dashed 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.medialoader1547496445__loader.medialoader1547496445--isSolid{border:solid 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.mediatag3157960080__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))}.formmultidocument1870890700__viewRoot{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formmultidocument1870890700__singleViewWrapper{border-radius:0;border-bottom:1px solid var(--wds-color-neutral-600, var(--wsr-color-D60));background-color:transparent!important}.formmultidocument1870890700__viewRoot>div:first-child .formmultidocument1870890700__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))}.formmultidocument1870890700__singleViewWrapper:hover{background-color:var(--wds-color-blue-500, var(--wsr-color-B50))!important}.formmultidocument1870890700__singleViewWrapper:focus-visible{border-bottom:1px solid transparent;position:relative;z-index:1}.formmultidocument1870890700__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))}.formmultidocument1870890700__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))}.cellreferenceinput2828272189__root{width:100%;height:100%;display:flex;align-items:center}.cellreferenceinput2828272189__autocomplete{width:100%}.richcontentdefaultvalueinput3397011445__richContentEditorContainer .richcontentdefaultvalueinput3397011445__editor{max-height:calc(40vh - var(--topToolbarHeight) - var(--bottomToolbarHeight))}.richcontentforminput3261936449__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-blue-300);border-radius:var(--wds-border-radius-300)}.richcontentforminput3261936449__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.richcontentforminput3261936449__root .richcontentforminput3261936449__editor{overflow-y:auto;max-height:calc(80vh - var(--topToolbarHeight) - var(--bottomToolbarHeight))}.richcontentformreadonlyinput4192965545__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-black-600);border-radius:var(--wds-border-radius-300)}.richcontentformreadonlyinput4192965545__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.fullscreenmodal2136777804__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}.publishloader4122031313__publishLoader{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--wds-color-white);z-index:5000;border-radius:inherit}.togglefullscreenbutton118374390__root{z-index:5;box-sizing:border-box;position:absolute;right:0;top:calc(50% - 16px)!important;padding-right:3px}.togglefullscreenbutton118374390__root button{border-radius:6px!important}.richcontenteditor1736622042__root{position:relative;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)}.richcontenteditor1736622042__root,.richcontenteditor1736622042__toolbarContainer,.richcontenteditor1736622042__footerToolbarContainer{width:100%;box-sizing:border-box}.richcontenteditor1736622042__toolbarContainer div{box-sizing:border-box}.richcontenteditor1736622042__toolbarAndFullScreenButtonWrapper{display:flex;position:relative}.richcontenteditor1736622042__editor{box-sizing:border-box;padding:36px 24px 36px 55px}.richcontenteditor1736622042__modalEditor{display:flex;flex-direction:column;flex:1;height:100%}.richcontenteditor1736622042__modalEditor .richcontenteditor1736622042__editor{overflow-y:auto;flex:1;min-width:592px;box-sizing:border-box}.richcontenteditor1736622042__modalEditor .richcontenteditor1736622042__footerToolbarContainer{margin-top:9px}.richcontenteditor1736622042__toolbarContainer button[data-hook~=text-button-headings]>span{display:inline-flex;padding-inline-end:3px!important}.richcontenteditor1736622042__toolbarContainer button[data-hook~=text-button-ai]>span{padding-inline-end:9px!important}.richcontenttoolbar2377248550__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}.richcontenttoolbar2377248550__toolbarButton{line-height:40px;background:0 0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 5px 0 0}.richcontenttoolbar2377248550__toolbarButton:disabled{color:graytext}.richcontenttoolbar2377248550__toolbar label{padding:0 8px}.richcontentviewer3514534486__root{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:36px}.richcontentviewer3514534486__root.richcontentviewer3514534486--isFullScreen{padding:12px 24px}.richcontentviewer3514534486__root:not(.richcontentviewer3514534486--isFullScreen){padding:6px 24px 6px 12px}.richcontentviewer3514534486__root ToggleButton{margin:0;padding:0;border:0;position:absolute;top:2px!important;right:2px;width:30px;height:30px}.richcontentviewer3514534486__viewer{height:calc(100% - 36px);width:100%}.richcontentviewer3514534486__modalViewer{min-width:592px;overflow:auto}.richtexteditor3533418776__root{width:100%;box-sizing:border-box;outline:0;overflow:hidden;border-radius:var(--wds-border-radius-300)}.richtexteditor3533418776__root.richtexteditor3533418776---border-4-none{border:0}.richtexteditor3533418776__root.richtexteditor3533418776---border-8-standard{border:1px solid var(--wds-color-blue-300)}.richtexteditor3533418776__root.richtexteditor3533418776---border-8-standard:focus,.richtexteditor3533418776__root.richtexteditor3533418776---border-8-standard:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.richtexteditor3533418776__root.richtexteditor3533418776---border-8-standard.richtexteditor3533418776---status-5-error{border:1px solid var(--wds-color-red-100)}.richtexteditor3533418776__root.richtexteditor3533418776---border-8-standard.richtexteditor3533418776---status-5-error:focus,.richtexteditor3533418776__root.richtexteditor3533418776---border-8-standard.richtexteditor3533418776---status-5-error:focus-within{border:1px solid var(--wds-color-red-100);box-shadow:0 0 0 3px var(--wds-color-red-300)}.richtexteditor3533418776__root.richtexteditor3533418776---border-8-standard.richtexteditor3533418776---status-7-warning{border:1px solid var(--wds-color-yellow-100)}.richtexteditor3533418776__root.richtexteditor3533418776---border-8-standard.richtexteditor3533418776---status-7-warning:focus,.richtexteditor3533418776__root.richtexteditor3533418776---border-8-standard.richtexteditor3533418776---status-7-warning:focus-within{border:1px solid var(--wds-color-yellow-100);box-shadow:0 0 0 3px var(--wds-color-yellow-300)}.richtexteditor3533418776__nativeInput{position:absolute;opacity:0;padding:0;margin:0;border:0;width:0;height:0}.richtexteditor3533418776__editor{height:auto;line-height:auto;display:flex;width:100%;height:100%;min-height:234px;overflow:hidden;box-sizing:border-box;flex-direction:row;border-radius:var(--wds-border-radius-300)}.richtexteditor3533418776__editor.richtexteditor3533418776--isFullScreen{max-width:782px;min-width:582px;background:var(--wds-color-black-700)}.richtexteditor3533418776__editor:not(.richtexteditor3533418776--isFullScreen){max-height:80vh}.richtexteditor3533418776__editor>div{flex:1;max-width:100%}.toolbar1298222680__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}.toolbar1298222680__item{display:flex;margin-right:12px}.toolbar1298222680__item svg,.toolbar1298222680__item svg path,.toolbar1298222680__item svg text{color:inherit;fill:currentColor}.toolbar1298222680__separator{display:inline-flex;margin-right:12px;border-left:1px solid #ddd;align-self:stretch}.toolbar1298222680__clearFormatting{margin-left:auto}.toolbar1298222680__fullScreen{margin-right:0}.toolbar1298222680__dropdownItemContent{height:36px;width:100%;display:flex;gap:12px;justify-content:space-between;align-items:center}.toolbar1298222680__dropdownItemContent.toolbar1298222680--selected .toolbar1298222680__dropdownItemTitle,.toolbar1298222680__dropdownItemContent.toolbar1298222680--selected .toolbar1298222680__dropdownItemSubtitle{color:var(--wds-color-white)!important}.toolbar1298222680__dropdownItemSubtitle{color:var(--wds-color-black-400)!important;padding-right:12px;flex-shrink:0}.toolbar1298222680__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}.toolbar1298222680__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}.toolbar1298222680__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}.toolbar1298222680__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}.toolbar1298222680__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}.toolbar1298222680__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}.toolbar1298222680__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}.toolbar1298222680__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}.toolbar1298222680__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}.textview846688269__textView::after{content:"";display:block}.richeditor60697488__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))}.richeditor60697488__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))}.richeditor60697488__editor .DraftEditor-root{width:100%;height:100%}.richeditor60697488__editor .DraftEditor-root [data-contents]{overflow:auto}.richeditor60697488__editor .DraftEditor-editorContainer{display:flex;min-height:100%;background:#fff}.richeditor60697488__editor .public-DraftEditor-content{padding:12px 24px 24px;min-height:100%;width:100%;box-sizing:border-box}.richeditor60697488__editor .public-DraftEditor-content ol,.richeditor60697488__editor .public-DraftEditor-content ul{display:flex;flex-direction:column;padding:0}.richeditor60697488__editor .public-DraftEditor-content a,.richeditor60697488__editor .public-DraftEditor-content a:visited{color:inherit;text-decoration:none}.richeditor60697488__header-one:not(li),.richeditor60697488__header-two:not(li),.richeditor60697488__header-three:not(li),.richeditor60697488__header-four:not(li),.richeditor60697488__header-five:not(li),.richeditor60697488__header-six:not(li){margin-block:0;margin:0}.richeditor60697488__header-one,.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__header-two,.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__header-three,.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__header-four,.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__header-five,.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__header-six,.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__paragraph-one,.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__unstyled,.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__paragraph-three,.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__editor li.richeditor60697488__header-one:first-child~li::marker{line-height:var(--rt-h1-fontSize, 72px)}.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__editor li.richeditor60697488__header-two:first-child~li::marker{line-height:var(--rt-h2-fontSize, 42px)}.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__editor li.richeditor60697488__header-three:first-child~li::marker{line-height:var(--rt-h3-fontSize, 38px)}.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__editor li.richeditor60697488__header-four:first-child~li::marker{line-height:var(--rt-h4-fontSize, 34px)}.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__editor li.richeditor60697488__header-five:first-child~li::marker{line-height:var(--rt-h5-fontSize, 28px)}.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__editor li.richeditor60697488__header-six:first-child~li::marker{line-height:var(--rt-h6-fontSize, 22px)}.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__editor li.richeditor60697488__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)))}.richeditor60697488__editor li.richeditor60697488__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}.richeditor60697488__align-left{text-align:left;align-self:flex-start}.richeditor60697488__align-right{text-align:right;align-self:flex-end}.richeditor60697488__align-center{text-align:center;align-self:center}.richeditor60697488__align-justify{text-align:justify;align-self:stretch}.richeditor60697488__withMargin{display:inline-block}.richeditor60697488__dir-rtl,.richeditor60697488__editor .public-DraftStyleDefault-rtl{direction:rtl}.richeditor60697488__editor .public-DraftStyleDefault-listRTL{direction:rtl;text-align:right;max-width:100%}
+.addressinput4174358991__tableAddressInput{height:36px!important;margin-left:-1px;display:flex!important;align-items:center;width:100%}.addressinput4174358991__tableAddressInput>div{padding:0!important;width:100%}.addressinput4174358991__tableAddressInput:focus-within{margin-left:2px}.actionsmenu404510853__action{margin-left:calc(var(--wds-space-100, 6px)*-1)}.formaudiofield3136717165__addItem{height:120px!important;box-sizing:border-box}.formaudiofield3136717165__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)}.formaudiofield3136717165__addItem.formaudiofield3136717165--disabled{pointer-events:auto!important}.formaudiofield3136717165__addItem.formaudiofield3136717165--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formaudiofield3136717165__mediaTitle{line-height:18px!important}.audioplayer222144949__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}.colorview366587587__view{width:100%}.colorview366587587__fillPreview{flex-shrink:0}.colorview366587587__view .colorview366587587__fillPreview{width:18px;height:18px;min-width:18px!important;min-height:18px!important}.deletedialog703678680__layout{max-width:510px!important}.formdocumentfield1781643917__viewWrapper{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formdocumentfield1781643917__viewWrapper:hover{background:var(--wds-color-blue-500, var(--wsr-color-B50));cursor:pointer}.formdocumentfield1781643917__textWidth{max-width:calc(100% - 196px)}.formdocumentfield1781643917__documentLoader{padding-top:21px;padding-bottom:21px}.formdocumentfield1781643917__addDocument{padding-top:17px!important;padding-bottom:17px!important}.formdocumentfield1781643917__addDocument.formdocumentfield1781643917--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formdocumentfield1781643917__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))}.exclamation2557246513__exclamation{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:3px;cursor:pointer}.exclamation2557246513__exclamation.exclamation2557246513---type-7-warning:not(.exclamation2557246513--customSize),.exclamation2557246513__exclamation.exclamation2557246513---type-5-error:not(.exclamation2557246513--customSize){width:24px;height:24px}.exclamation2557246513__exclamation.exclamation2557246513---type-7-warning{color:var(--wds-color-fill-warning-primary)}.exclamation2557246513__exclamation.exclamation2557246513---type-5-error{color:var(--wds-color-fill-destructive-primary)}.exclamation2557246513__actions{display:flex;flex-direction:column}.exclamation2557246513__action{white-space:normal!important;height:auto!important;text-align:left;gap:6px}.exclamation2557246513__action+.exclamation2557246513__action{margin-top:6px}.exclamation2557246513__action.exclamation2557246513--accented{color:var(--wds-color-blue-100)}.exclamation2557246513__action.exclamation2557246513--accented:hover{color:var(--wds-color-blue-200)}.highlightedtext4048086956__root.highlightedtext4048086956--highlightedBackground{animation:highlightedtext4048086956__highlighted 150ms ease-out 1 forwards}.highlightedtext4048086956__substring.highlightedtext4048086956--isHighlighted{animation:highlightedtext4048086956__highlighted-match 150ms ease-out 50ms 1 forwards}@keyframes highlightedtext4048086956__highlighted{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-400, var(--wsr-color-Y40))}}@keyframes highlightedtext4048086956__highlighted-match{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-200, var(--wsr-color-Y20))}}.thumbnailreplaceoverlay3859327744__root{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);border-radius:3px}.thumbnailreplaceoverlay3859327744__icon{color:#fff;width:18px;height:18px}.cellmediaeditshell2103765304__root{width:100%;height:100%}.pasteurlbutton323743403__root{margin-top:6px}.pasteurlbutton323743403__iconButtonTooltip{height:max-content}.pasteurlbutton323743403__iconButton{width:24px;height:24px}.formmediagalleryfield3333265392__container{display:flex;min-height:128px;max-height:259px}.formmediagalleryfield3333265392__viewBox{display:flex;height:100%;width:100%;flex-wrap:wrap}.formmediagalleryfield3333265392__addItemWrapper{height:128px;width:100%;box-sizing:border-box}.formmediagalleryfield3333265392__addItem{box-sizing:border-box}.formmediagalleryfield3333265392__overlay{width:initial!important;min-width:382px!important}.formmediagalleryfield3333265392__image.formmediagalleryfield3333265392--withMarginRight{margin-right:3px}.formmediagalleryfield3333265392__image.formmediagalleryfield3333265392--withMarginTop{margin-top:3px}.formmediagalleryfield3333265392__previewImage{max-height:calc(100% - 12px)!important}.formmediagalleryfield3333265392__previewVideo{border-radius:8px;max-width:100%;max-height:calc(100% - 12px)!important}.mediaimage83983951__root{display:flex;align-items:center;flex-shrink:0;position:relative;box-sizing:border-box}.mediaimage83983951__root.mediaimage83983951--error{--mediaimage83983951-from:calc(50% - 0.5px);--mediaimage83983951-to:calc(50% + 0.5px);background-image:linear-gradient(to bottom right,transparent var(--mediaimage83983951-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage83983951-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage83983951-to),transparent var(--mediaimage83983951-to))}.mediaimage83983951__root.mediaimage83983951--error>*{opacity:0}.overlay448562002__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))}.overlay448562002__iconOverlay.overlay448562002---size-5-small{width:20px;height:20px}.overlay448562002__iconOverlay.overlay448562002---size-6-medium{width:24px;height:24px}.overlay448562002__iconOverlay.overlay448562002---size-5-large{width:28px;height:28px}.overlay448562002__iconOverlay.overlay448562002---placement-7-topLeft{top:2px;left:2px}.overlay448562002__iconOverlay.overlay448562002---placement-10-bottomLeft{bottom:2px;left:2px}.medialoader732921463__loader{border-radius:6px}.medialoader732921463__loader.medialoader732921463--isDashed{border:dashed 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.medialoader732921463__loader.medialoader732921463--isSolid{border:solid 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.mediatag803492834__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))}.formmultidocument441385592__viewRoot{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formmultidocument441385592__singleViewWrapper{border-radius:0;border-bottom:1px solid var(--wds-color-neutral-600, var(--wsr-color-D60));background-color:transparent!important}.formmultidocument441385592__viewRoot>div:first-child .formmultidocument441385592__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))}.formmultidocument441385592__singleViewWrapper:hover{background-color:var(--wds-color-blue-500, var(--wsr-color-B50))!important}.formmultidocument441385592__singleViewWrapper:focus-visible{border-bottom:1px solid transparent;position:relative;z-index:1}.formmultidocument441385592__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))}.formmultidocument441385592__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))}.cellreferenceinput2634747470__root{width:100%;height:100%;display:flex;align-items:center}.cellreferenceinput2634747470__autocomplete{width:100%}.richcontentdefaultvalueinput2663839494__richContentEditorContainer .richcontentdefaultvalueinput2663839494__editor{max-height:calc(40vh - var(--topToolbarHeight) - var(--bottomToolbarHeight))}.richcontentforminput2084404769__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-blue-300);border-radius:var(--wds-border-radius-300)}.richcontentforminput2084404769__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.richcontentforminput2084404769__root .richcontentforminput2084404769__editor{overflow-y:auto;max-height:calc(80vh - var(--topToolbarHeight) - var(--bottomToolbarHeight))}.richcontentformreadonlyinput2046372641__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-black-600);border-radius:var(--wds-border-radius-300)}.richcontentformreadonlyinput2046372641__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.fullscreenmodal494200678__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}.publishloader3698165698__publishLoader{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--wds-color-white);z-index:5000;border-radius:inherit}.togglefullscreenbutton240346221__root{z-index:5;box-sizing:border-box;position:absolute;right:0;top:calc(50% - 16px)!important;padding-right:3px}.togglefullscreenbutton240346221__root button{border-radius:6px!important}.richcontenteditor1214222774__root{position:relative;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)}.richcontenteditor1214222774__root,.richcontenteditor1214222774__toolbarContainer,.richcontenteditor1214222774__footerToolbarContainer{width:100%;box-sizing:border-box}.richcontenteditor1214222774__toolbarContainer div{box-sizing:border-box}.richcontenteditor1214222774__toolbarAndFullScreenButtonWrapper{display:flex;position:relative}.richcontenteditor1214222774__editor{box-sizing:border-box;padding:36px 24px 36px 55px}.richcontenteditor1214222774__modalEditor{display:flex;flex-direction:column;flex:1;height:100%}.richcontenteditor1214222774__modalEditor .richcontenteditor1214222774__editor{overflow-y:auto;flex:1;min-width:592px;box-sizing:border-box}.richcontenteditor1214222774__modalEditor .richcontenteditor1214222774__footerToolbarContainer{margin-top:9px}.richcontenteditor1214222774__toolbarContainer button[data-hook~=text-button-headings]>span{display:inline-flex;padding-inline-end:3px!important}.richcontenteditor1214222774__toolbarContainer button[data-hook~=text-button-ai]>span{padding-inline-end:9px!important}.richcontenttoolbar647559125__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}.richcontenttoolbar647559125__toolbarButton{line-height:40px;background:0 0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 5px 0 0}.richcontenttoolbar647559125__toolbarButton:disabled{color:graytext}.richcontenttoolbar647559125__toolbar label{padding:0 8px}.richcontentviewer4124111482__root{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:36px}.richcontentviewer4124111482__root.richcontentviewer4124111482--isFullScreen{padding:12px 24px}.richcontentviewer4124111482__root:not(.richcontentviewer4124111482--isFullScreen){padding:6px 24px 6px 12px}.richcontentviewer4124111482__root ToggleButton{margin:0;padding:0;border:0;position:absolute;top:2px!important;right:2px;width:30px;height:30px}.richcontentviewer4124111482__viewer{height:calc(100% - 36px);width:100%}.richcontentviewer4124111482__modalViewer{min-width:592px;overflow:auto}.richtexteditor861894303__root{width:100%;box-sizing:border-box;outline:0;overflow:hidden;border-radius:var(--wds-border-radius-300)}.richtexteditor861894303__root.richtexteditor861894303---border-4-none{border:0}.richtexteditor861894303__root.richtexteditor861894303---border-8-standard{border:1px solid var(--wds-color-blue-300)}.richtexteditor861894303__root.richtexteditor861894303---border-8-standard:focus,.richtexteditor861894303__root.richtexteditor861894303---border-8-standard:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.richtexteditor861894303__root.richtexteditor861894303---border-8-standard.richtexteditor861894303---status-5-error{border:1px solid var(--wds-color-red-100)}.richtexteditor861894303__root.richtexteditor861894303---border-8-standard.richtexteditor861894303---status-5-error:focus,.richtexteditor861894303__root.richtexteditor861894303---border-8-standard.richtexteditor861894303---status-5-error:focus-within{border:1px solid var(--wds-color-red-100);box-shadow:0 0 0 3px var(--wds-color-red-300)}.richtexteditor861894303__root.richtexteditor861894303---border-8-standard.richtexteditor861894303---status-7-warning{border:1px solid var(--wds-color-yellow-100)}.richtexteditor861894303__root.richtexteditor861894303---border-8-standard.richtexteditor861894303---status-7-warning:focus,.richtexteditor861894303__root.richtexteditor861894303---border-8-standard.richtexteditor861894303---status-7-warning:focus-within{border:1px solid var(--wds-color-yellow-100);box-shadow:0 0 0 3px var(--wds-color-yellow-300)}.richtexteditor861894303__nativeInput{position:absolute;opacity:0;padding:0;margin:0;border:0;width:0;height:0}.richtexteditor861894303__editor{height:auto;line-height:auto;display:flex;width:100%;height:100%;min-height:234px;overflow:hidden;box-sizing:border-box;flex-direction:row;border-radius:var(--wds-border-radius-300)}.richtexteditor861894303__editor.richtexteditor861894303--isFullScreen{max-width:782px;min-width:582px;background:var(--wds-color-black-700)}.richtexteditor861894303__editor:not(.richtexteditor861894303--isFullScreen){max-height:80vh}.richtexteditor861894303__editor>div{flex:1;max-width:100%}.toolbar3272803868__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}.toolbar3272803868__item{display:flex;margin-right:12px}.toolbar3272803868__item svg,.toolbar3272803868__item svg path,.toolbar3272803868__item svg text{color:inherit;fill:currentColor}.toolbar3272803868__separator{display:inline-flex;margin-right:12px;border-left:1px solid #ddd;align-self:stretch}.toolbar3272803868__clearFormatting{margin-left:auto}.toolbar3272803868__fullScreen{margin-right:0}.toolbar3272803868__dropdownItemContent{height:36px;width:100%;display:flex;gap:12px;justify-content:space-between;align-items:center}.toolbar3272803868__dropdownItemContent.toolbar3272803868--selected .toolbar3272803868__dropdownItemTitle,.toolbar3272803868__dropdownItemContent.toolbar3272803868--selected .toolbar3272803868__dropdownItemSubtitle{color:var(--wds-color-white)!important}.toolbar3272803868__dropdownItemSubtitle{color:var(--wds-color-black-400)!important;padding-right:12px;flex-shrink:0}.toolbar3272803868__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}.toolbar3272803868__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}.toolbar3272803868__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}.toolbar3272803868__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}.toolbar3272803868__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}.toolbar3272803868__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}.toolbar3272803868__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}.toolbar3272803868__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}.toolbar3272803868__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}.textview2761560688__textView::after{content:"";display:block}.richeditor3766248638__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))}.richeditor3766248638__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))}.richeditor3766248638__editor .DraftEditor-root{width:100%;height:100%}.richeditor3766248638__editor .DraftEditor-root [data-contents]{overflow:auto}.richeditor3766248638__editor .DraftEditor-editorContainer{display:flex;min-height:100%;background:#fff}.richeditor3766248638__editor .public-DraftEditor-content{padding:12px 24px 24px;min-height:100%;width:100%;box-sizing:border-box}.richeditor3766248638__editor .public-DraftEditor-content ol,.richeditor3766248638__editor .public-DraftEditor-content ul{display:flex;flex-direction:column;padding:0}.richeditor3766248638__editor .public-DraftEditor-content a,.richeditor3766248638__editor .public-DraftEditor-content a:visited{color:inherit;text-decoration:none}.richeditor3766248638__header-one:not(li),.richeditor3766248638__header-two:not(li),.richeditor3766248638__header-three:not(li),.richeditor3766248638__header-four:not(li),.richeditor3766248638__header-five:not(li),.richeditor3766248638__header-six:not(li){margin-block:0;margin:0}.richeditor3766248638__header-one,.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__header-two,.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__header-three,.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__header-four,.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__header-five,.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__header-six,.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__paragraph-one,.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__unstyled,.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__paragraph-three,.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__editor li.richeditor3766248638__header-one:first-child~li::marker{line-height:var(--rt-h1-fontSize, 72px)}.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__editor li.richeditor3766248638__header-two:first-child~li::marker{line-height:var(--rt-h2-fontSize, 42px)}.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__editor li.richeditor3766248638__header-three:first-child~li::marker{line-height:var(--rt-h3-fontSize, 38px)}.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__editor li.richeditor3766248638__header-four:first-child~li::marker{line-height:var(--rt-h4-fontSize, 34px)}.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__editor li.richeditor3766248638__header-five:first-child~li::marker{line-height:var(--rt-h5-fontSize, 28px)}.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__editor li.richeditor3766248638__header-six:first-child~li::marker{line-height:var(--rt-h6-fontSize, 22px)}.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__editor li.richeditor3766248638__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)))}.richeditor3766248638__editor li.richeditor3766248638__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}.richeditor3766248638__align-left{text-align:left;align-self:flex-start}.richeditor3766248638__align-right{text-align:right;align-self:flex-end}.richeditor3766248638__align-center{text-align:center;align-self:center}.richeditor3766248638__align-justify{text-align:justify;align-self:stretch}.richeditor3766248638__withMargin{display:inline-block}.richeditor3766248638__dir-rtl,.richeditor3766248638__editor .public-DraftStyleDefault-rtl{direction:rtl}.richeditor3766248638__editor .public-DraftStyleDefault-listRTL{direction:rtl;text-align:right;max-width:100%}

package/src/testkit/patterns-fields-test-provider.tsx

@@ -4,14 +4,24 @@ import type { WixPatternsContainer } from '@wix/bex-core';
 import { PatternsFieldsContainerProvider } from '../providers/PatternsFieldsContainerProvider';
 import type { PatternsFieldsAppContainer } from '../providers/PatternsFieldsAppContainer';
 
-const passthrough = (key: string) => key;
+const passthrough = (key: string, params?: Record<string, unknown>) => {
+  if (!params) {
+    return key;
+  }
+  const suffix = Object.entries(params)
+    .map(([k, v]) => `${k}=${String(v)}`)
+    .join(',');
+  return `${key}{${suffix}}`;
+};
 
 const mockContainer = {
   translate: passthrough,
   i18n: { t: passthrough, init: () => Promise.resolve() },
 } as unknown as PatternsFieldsAppContainer;
 
-const mockWixPatternsContainer = {} as unknown as WixPatternsContainer;
+const mockWixPatternsContainer = {
+  translate: passthrough,
+} as unknown as WixPatternsContainer;
 
 export const PatternsFieldsTestProvider: React.FC = ({ children }) => (
   <WixPatternsContainerProvider value={mockWixPatternsContainer}>

package/src/types/base-input.ts

@@ -0,0 +1,36 @@
+import { Control } from '@wix/bex-core/form';
+import { Field } from '@wix/bex-core';
+
+/**
+ * Ref handle exposed by schema-driven renderers so a parent dispatcher can
+ * focus the input or read its validity.
+ *
+ * See [[BaseInputProps]] for the matching prop contract.
+ */
+export interface BaseInputRef {
+  focus?: () => void;
+  invalid?: boolean;
+}
+
+/**
+ * Contract for schema-driven field renderers dispatched from a form's
+ * `<FormField>` based on the field's type.
+ *
+ * Renderers conforming to this contract receive the resolved `Field` schema
+ * plus the parent `formControl`, and they own their own validation wiring
+ * (via React Hook Form's `useController`).
+ *
+ * Distinct from `FormInputProps`, which is the contract for standalone
+ * controlled inputs that are composed directly by the consumer (no schema,
+ * no `Field`, no form control passed in). Both contracts coexist on
+ * purpose — they describe different abstraction layers.
+ */
+export interface BaseInputProps<T> {
+  field: Field;
+  value: T;
+  onChange: (newValue: T) => void;
+  dataHook?: string;
+  inputRef?: (ref: BaseInputRef) => void;
+  formControl: Control<any>;
+  data: Record<string, any>;
+}

package/src/types/index.ts

@@ -1,4 +1,5 @@
 export * from './address';
+export * from './base-input';
 export * from './form-input';
 export * from './validation';
 export type { Translate } from '../services/translations';

package/src/validations/number.ts

@@ -0,0 +1,4 @@
+export const isLessThan = (value: number, min: number): boolean => value < min;
+
+export const isGreaterThan = (value: number, max: number): boolean =>
+  value > max;

package/src/validations/string.ts

@@ -0,0 +1,8 @@
+export const isEmpty = (value: string | null | undefined): boolean =>
+  value === null || value === undefined || value === '';
+
+export const isShorterThan = (value: string, min: number): boolean =>
+  value.length < min;
+
+export const isLongerThan = (value: string, max: number): boolean =>
+  value.length > max;

package/src/validations/url.ts

@@ -0,0 +1,6 @@
+// Same regex as data-extensions https://github.com/wix-private/server-infra/blob/a6c3009d39bbb0312c929f68ee81c559e1eb5b4e/iptf/dataextensions/src/main/scala/com/wixpress/infra/dataextensions/runtime/validator/Formats.scala#L31
+const uriPattern =
+  // eslint-disable-next-line no-useless-escape
+  /^[A-Za-z][A-Za-z0-9+.-]*:(\/\/([A-Za-z0-9._~\-%!$&'()*+,;=:]*@)?[A-Za-z0-9._~\-!$&'()*+,;=%:\[\]]*(:[0-9]*)?)?[A-Za-z0-9._~\-%!$&'()*+,;=:@\/]*([?][A-Za-z0-9._~\-%!$&'()*+,;=:@\/?]*)?([#][A-Za-z0-9._~\-%!$&'()*+,;=:@\/?]*)?$/;
+
+export const isValidUri = (value: string): boolean => uriPattern.test(value);