@wix/patterns 1.494.0 → 1.496.0

package/src/state/CollectionPage/MobilePrimaryActionBar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MobilePrimaryActionBar2307826966";
+var _namespace_ = "MobilePrimaryActionBar921216690";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MobilePrimaryActionBar2307826966__root"};
+export var classes = {"root":"MobilePrimaryActionBar921216690__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/CollectionPage/TitleBadges.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TitleBadges4226250695";
+var _namespace_ = "TitleBadges1040141928";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"TitleBadges4226250695__root","tooltip":"TitleBadges4226250695__tooltip","tooltipTrigger":"TitleBadges4226250695__tooltipTrigger"};
+export var classes = {"root":"TitleBadges1040141928__root","tooltip":"TitleBadges1040141928__tooltip","tooltipTrigger":"TitleBadges1040141928__tooltipTrigger"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/EditableTable/CellValueState.ts

@@ -6,7 +6,8 @@ import {
   builtInCellTypes,
   textCellType,
 } from '../../components/EditableTable/cellTypes';
-import { runCellValidation, validResult } from './utils';
+import { parseCellKey } from './utils';
+import { validateFieldValue, validResult } from '../../utils/fieldValidation';
 
 const builtInCellTypeMap = new Map<string, CellType>(
   builtInCellTypes.map((ct) => [ct.type, ct]),
@@ -14,7 +15,10 @@ const builtInCellTypeMap = new Map<string, CellType>(
 
 export class CellValueState<T, F extends FiltersMap> {
   /** Pending invalid cell values, keyed by `${itemId}:${colId}`. */
-  readonly _pendingCells = new Map<string, { value: any; errors: string[] }>();
+  readonly _pendingCells = new Map<
+    string,
+    { value: any; errors: string[]; isDeserializationError?: boolean }
+  >();
 
   /** Valid committed values not yet saved, keyed by `${itemId}:${colId}`.
    *  Each row's drafts are flushed as one update when focus leaves the row. */
@@ -42,6 +46,7 @@ export class CellValueState<T, F extends FiltersMap> {
       commitHandler: action,
       applyBulkRawValues: action,
       applyBulkValues: action,
+      revalidatePendingCells: action,
       flushDrafts: action,
       flushRow: action,
       dropRowCellState: action,
@@ -106,7 +111,7 @@ export class CellValueState<T, F extends FiltersMap> {
     const normalized = resolved.normalizeOnCommit
       ? resolved.normalizeOnCommit(value)
       : value;
-    return runCellValidation(
+    return validateFieldValue(
       normalized,
       column.validation,
       resolved.validate,
@@ -363,7 +368,11 @@ export class CellValueState<T, F extends FiltersMap> {
       if (error) {
         const pendingKey = this._pendingCellKey(rowKey, columnId);
         if (pendingKey) {
-          this._pendingCells.set(pendingKey, { value, errors: [error] });
+          this._pendingCells.set(pendingKey, {
+            value,
+            errors: [error],
+            isDeserializationError: true,
+          });
         }
       } else {
         changes.push({ rowKey, columnId, value });
@@ -397,7 +406,7 @@ export class CellValueState<T, F extends FiltersMap> {
       }
 
       const resolved = this.resolveCellTypeByColumnId(column.id);
-      const result = runCellValidation(
+      const result = validateFieldValue(
         value,
         column.validation,
         resolved.validate,
@@ -456,7 +465,7 @@ export class CellValueState<T, F extends FiltersMap> {
     }
 
     const resolved = this.resolveCellTypeByColumnId(column.id);
-    const result = runCellValidation(
+    const result = validateFieldValue(
       value,
       column.validation,
       resolved.validate,
@@ -479,6 +488,25 @@ export class CellValueState<T, F extends FiltersMap> {
     }
   }
 
+  revalidatePendingCells() {
+    const rowsToSave = new Set<string>();
+    for (const [key, pending] of this._pendingCells) {
+      const cell = parseCellKey(key);
+      if (!cell || pending.isDeserializationError) {
+        continue;
+      }
+      this._applyValue(cell.rowKey, cell.columnId, pending.value);
+      if (!this._pendingCells.has(key)) {
+        rowsToSave.add(cell.rowKey);
+      }
+    }
+    for (const rowKey of rowsToSave) {
+      if (!this._parent.cellInteraction.isRowActive(rowKey)) {
+        this.flushRow(rowKey);
+      }
+    }
+  }
+
   flushDrafts(exceptRowKey?: string) {
     this._flushRows((rowKey) => rowKey !== exceptRowKey);
   }

package/src/state/EditableTable/EditableTableState.ts

@@ -1,4 +1,4 @@
-import { action, computed, makeObservable, observable } from 'mobx';
+import { action, computed, makeObservable, observable, reaction } from 'mobx';
 import {
   CollectionOptimisticActions,
   CollectionState,
@@ -336,6 +336,10 @@ export class EditableTableState<T, F extends FiltersMap>
   init(columns: EditableColumn<T>[]) {
     this._providedColumns = columns;
     const disposeMutation = this.mutation.init();
+    const disposeValidation = reaction(
+      () => this.allColumns,
+      () => this.cellValue.revalidatePendingCells(),
+    );
 
     const { onBeforeUnload } = this.toolbar.container;
     const onBeforeUnloadSubscription = onBeforeUnload?.((event) => {
@@ -346,6 +350,7 @@ export class EditableTableState<T, F extends FiltersMap>
     });
 
     return () => {
+      disposeValidation();
       this.cellValue.flushDrafts();
       disposeMutation();
       onBeforeUnloadSubscription?.remove();

package/src/state/EditableTable/types.ts

@@ -33,10 +33,7 @@ export interface CellBorder {
 
 export type { ValidationRule } from '@wix/bex-core';
 
-export interface ValidationResult {
-  valid: boolean;
-  errors?: string[];
-}
+export type { ValidationResult } from '../../utils/fieldValidation';
 
 export interface CellType {
   type: keyof CellTypeConfigMap;
@@ -95,7 +92,7 @@ export interface CellType {
    *  wraps chips into multiple rows). The framework releases the bottom anchor
    *  and lays an opaque base under the selection tint so the overflow doesn't
    *  bleed adjacent rows through.
-   *  Only applies to showEditWhenFocused cells — others release the bottom
+   *  Also applies to read-only views. Other editors release the bottom
    *  anchor via :editing already. */
   growable?: boolean;
 

package/src/state/EditableTable/utils.ts

@@ -1,10 +1,4 @@
-import type { Translate } from '@wix/bex-core';
-import type {
-  Cell,
-  CellBorder,
-  ValidationResult,
-  ValidationRule,
-} from './types';
+import type { Cell, CellBorder } from './types';
 
 export function cellKey(rowKey: string, columnId: string): string {
   return `${rowKey}:${columnId}`;
@@ -24,71 +18,3 @@ export const noBorder: CellBorder = {
   left: false,
   right: false,
 };
-
-export const validResult: ValidationResult = { valid: true };
-
-function checkValidationRule(rule: ValidationRule, value: any): boolean {
-  if (value == null && rule.type !== 'required' && rule.type !== 'custom') {
-    return true;
-  }
-
-  switch (rule.type) {
-    case 'required':
-      return value != null && value !== '';
-    case 'min':
-      return typeof value === 'number' && value >= rule.value;
-    case 'max':
-      return typeof value === 'number' && value <= rule.value;
-    case 'minLength':
-      return typeof value === 'string' && value.length >= rule.value;
-    case 'maxLength':
-      return typeof value === 'string' && value.length <= rule.value;
-    case 'pattern':
-      // An empty value is `required`'s business, not the pattern's — otherwise
-      // clearing an optional cell reports a format error and refuses to save.
-      return (
-        typeof value === 'string' && (value === '' || rule.value.test(value))
-      );
-    case 'custom':
-      return rule.validate(value);
-    case 'specificValues':
-      return (
-        value == null ||
-        value === '' ||
-        (typeof value === 'string' &&
-          rule.values.some((option) => option.id === value))
-      );
-    default:
-      return true;
-  }
-}
-
-export function runCellValidation(
-  value: any,
-  rules?: ValidationRule[],
-  typeValidate?: (
-    value: any,
-    rules?: ValidationRule[],
-    translate?: Translate,
-  ) => string | null,
-  translate?: Translate,
-): ValidationResult {
-  const errors: string[] = [];
-
-  if (rules) {
-    for (const rule of rules) {
-      if (!checkValidationRule(rule, value)) {
-        errors.push(rule.message);
-      }
-    }
-  }
-
-  if (typeValidate) {
-    const typeError = typeValidate(value, rules, translate);
-    if (typeError) {
-      errors.push(typeError);
-    }
-  }
-
-  return errors.length === 0 ? validResult : { valid: false, errors };
-}

package/src/state/FormPage/FormPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "FormPageHeader288307697";
+var _namespace_ = "FormPageHeader1861452675";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"FormPageHeader288307697__root"};
+export var classes = {"root":"FormPageHeader1861452675__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/ToolbarCollectionState.ts

@@ -276,6 +276,7 @@ export class ToolbarCollectionState<T, F extends FiltersMap = FiltersMap> {
     });
 
     makeObservable(this, {
+      collectionFieldsSource: observable.ref,
       forceRenderIndexes: observable.ref,
       _userColumns: observable.ref,
       _extendedColumns: observable.ref,

package/src/state/buildEditableFieldColumns.ts

@@ -7,7 +7,7 @@ import type {
   ValidationRule,
 } from '@wix/bex-core';
 import { resolveFieldTypeDefinition } from '@wix/bex-core';
-import { compilePattern } from '@wix/patterns-fields';
+import { buildFieldValidationRules } from '../utils/fieldValidation';
 import { resolveFieldPresentation } from '../utils/resolveFieldPresentation';
 import type { CellType, EditableColumn } from './EditableTable/types';
 import { FIELD_TYPE_TO_CELL_TYPE } from './EditableTable/fieldTypeToCellType';
@@ -39,84 +39,6 @@ function hasEditor(field: Field, customCell?: Omit<CellType, 'type'>): boolean {
   );
 }
 
-export function toValidationRules(
-  field: Field,
-  translate: Translate,
-): ValidationRule[] {
-  const v = field.validation;
-  if (!v) {
-    return [];
-  }
-  const rules: ValidationRule[] = [];
-  if (v.required) {
-    rules.push({
-      type: 'required',
-      message: translate('cairo.editableTable.field.validation.required', {
-        fieldName: field.displayName,
-      }),
-    });
-  }
-  if (v.numberRange?.min != null) {
-    const min = v.numberRange.min;
-    rules.push({
-      type: 'min',
-      value: min,
-      message: translate('cairo.editableTable.field.validation.min', { min }),
-    });
-  }
-  if (v.numberRange?.max != null) {
-    const max = v.numberRange.max;
-    rules.push({
-      type: 'max',
-      value: max,
-      message: translate('cairo.editableTable.field.validation.max', { max }),
-    });
-  }
-  if (v.stringLengthRange?.minLength != null) {
-    const minLength = v.stringLengthRange.minLength;
-    rules.push({
-      type: 'minLength',
-      value: minLength,
-      message: translate('cairo.editableTable.field.validation.minLength', {
-        minLength,
-      }),
-    });
-  }
-  if (v.stringLengthRange?.maxLength != null) {
-    const maxLength = v.stringLengthRange.maxLength;
-    rules.push({
-      type: 'maxLength',
-      value: maxLength,
-      message: translate('cairo.editableTable.field.validation.maxLength', {
-        maxLength,
-      }),
-    });
-  }
-  // A pattern the platform refuses to run (uncompilable, over-long, or able to
-  // backtrack catastrophically) yields no rule, matching what the form inputs do.
-  const patternRegex = compilePattern(v.pattern);
-  if (patternRegex) {
-    rules.push({
-      type: 'pattern',
-      value: patternRegex,
-      message: translate('cairo.editableTable.field.validation.pattern', {
-        fieldName: field.displayName,
-      }),
-    });
-  }
-  if (v.specificValues?.length) {
-    rules.push({
-      type: 'specificValues',
-      values: v.specificValues,
-      message: translate(
-        'cairo.editableTable.field.validation.specificValues',
-        { fieldName: field.displayName },
-      ),
-    });
-  }
-  return rules;
-}
-
 // The inline-custom cell config for a resolved definition: its editableTable
 // slot, with the definition's value-level validation layered in when the slot
 // doesn't validate itself.
@@ -164,7 +86,7 @@ export function buildEditableFieldColumns(
         (NEEDS_TYPE_CONFIG.has(field.type)
           ? 'object'
           : FIELD_TYPE_TO_CELL_TYPE[field.type] ?? 'object');
-    const validation = toValidationRules(field, translate);
+    const validation = buildFieldValidationRules(field, translate);
     const editable =
       canWrite &&
       !field.isSystem &&

package/src/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer1327558068__root.CardContainer1327558068--mobile{border-radius:0}.CmsFieldForm726988788__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal3564030490__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2152051447__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse252484027__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse252484027__exit{height:0}.CollectionPage16506850__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage16506850__root.CollectionPage16506850--mobile{--wds-page-header-padding-horizontal:0px;--wds-page-header-padding-horizontal-small:0px;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage16506850__root.CollectionPage16506850--mobile :has(>[data-hook=collection-page-mobile-primary-action]){padding-bottom:0}.CollectionPage16506850__root.CollectionPage16506850--panel{overflow:hidden;position:relative}.CollectionSectionHeader3532397176__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2545300557__root td{vertical-align:middle}.CollectionTable2545300557__root.CollectionTable2545300557--mobile td:first-child{padding-left:18px}.CollectionTable2545300557__root.CollectionTable2545300557--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3593490978__root.CollectionTableWSRTable3593490978--resizable table{min-width:100%}.CollectionTableWSRTable3593490978__root.CollectionTableWSRTable3593490978--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionTableWSRTable3593490978__root.CollectionTableWSRTable3593490978--draggable tr:hover>td.wds-data-table__cell--sticky-action-cell{background-color:var(--wds-table-list-item-fill-hover-draggable, #e7f0ff)!important}.CollectionToolbar1588114061__root.CollectionToolbar1588114061--harmony .CollectionToolbar1588114061__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1588114061__left{min-width:0}.CollectionToolbar1588114061__left.CollectionToolbar1588114061--expandable{flex:auto}.CollectionToolbar1588114061__left.CollectionToolbar1588114061--title>*{width:100%}.CollectionToolbar1588114061__root.CollectionToolbar1588114061---responsiveMode-5-title .CollectionToolbar1588114061__left{flex:1 100;min-width:50px}.CollectionToolbar1588114061__root.CollectionToolbar1588114061---responsiveMode-4-tabs .CollectionToolbar1588114061__left,.CollectionToolbar1588114061__root.CollectionToolbar1588114061---responsiveMode-4-tabs .CollectionToolbar1588114061__left.CollectionToolbar1588114061--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1588114061__root.CollectionToolbar1588114061---responsiveMode-4-tabs .CollectionToolbar1588114061__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1588114061__root .CollectionToolbar1588114061__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1588114061__root.CollectionToolbar1588114061--views .CollectionToolbar1588114061__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1588114061__root.CollectionToolbar1588114061---responsiveMode-4-tabs .CollectionToolbar1588114061__right,.CollectionToolbar1588114061__root.CollectionToolbar1588114061---responsiveMode-5-title .CollectionToolbar1588114061__right{flex:0 1 auto;min-width:0}.CollectionToolbar1588114061__root .CollectionToolbar1588114061__right.CollectionToolbar1588114061__fullWidth{margin-inline-start:0!important}.CollectionToolbar1588114061__root.CollectionToolbar1588114061--mobile:not(.CollectionToolbar1588114061--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter2418752071__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2418752071__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2418752071__searchMobile:not(.SearchOrCustomFilter2418752071--expandable){left:18px}.SearchOrCustomFilter2418752071__searchMobile.SearchOrCustomFilter2418752071--expandable.SearchOrCustomFilter2418752071--expanded{left:18px}.AutoCompleteReadonly2763731381__root.AutoCompleteReadonly2763731381--disableEditing{cursor:pointer}.AutoCompleteReadonly2763731381__root.AutoCompleteReadonly2763731381--disableEditing input{cursor:pointer}.ViewsDropdown3782819683__root{width:200px}.CustomFieldFormPiiFields3055796595__tooltipText{--wds-font-line-height-body-tiny:var(--wds-tooltip-label-font-line-height-medium, var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px)))}.DragHandle1141429880__root{display:flex;align-items:center}.DragHandle1141429880__root:not(.DragHandle1141429880--disabled){cursor:grab;color:#a8caff}.DragHandle1141429880__root.DragHandle1141429880--disabled{color:#acafc4}.DragHandle1141429880__root:focus-visible:not(.DragHandle1141429880--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1141429880__root.DragHandle1141429880--disabled{pointer-events:none}.DragHandle1141429880__root.DragHandle1141429880--dragging:not(.DragHandle1141429880--disabled){cursor:grabbing}.HeaderActionsPopover2203177148__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover2203177148__root,.HeaderActionsPopover2203177148__root[data-menu-open=true],.HeaderActionsPopover2203177148__root:focus-within{opacity:1}.CellViewLayout3052213942__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3052213942__root>*{flex:1;min-width:0}.JsonInputEdit3904331697__jsonInput{width:100%;height:100%;--wds-input-area-padding-left-small:8px;--wds-input-area-padding-right-small:8px;--wds-input-area-border-radius-default-medium:var(--wds-border-radius-0, 0px);--wds-input-border-color:transparent;--wds-input-background-fill-default:transparent;--wds-input-background-fill-hover:transparent;--wds-shadow-fill-input:transparent;--wds-color-border-standard-secondary-active:transparent}.Edit4010411396__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;min-width:0;overflow:hidden}.Edit4010411396__addressInput>div,.Edit4010411396__addressInput>div>div,.Edit4010411396__addressInput>div>div>div{width:100%;min-width:0}.Edit3166583434__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1657982704__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit3427717467__root{width:100%;height:100%;display:flex;align-items:center}.Edit514332001__dateInput{margin-left:-1px}.Edit770565810__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit770565810__dateHalf{flex:60 1 0}.Edit770565810__timeHalf{flex:40 1 0}.Edit770565810__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit770565810__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit770565810__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View2164594497__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View2164594497__datePart{flex:60 1 0}.View2164594497__timePart{flex:40 1 0}.View2164594497__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View2164594497__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2379122669__emailInput{width:100%;margin-left:-1px}.Edit3007089961__numberInput{width:100%;margin-right:2px}.Edit3007089961__numberInput input{text-align:right;direction:ltr}.View1871936684__textView{width:100%;text-align:right}.Edit1135665701__selectInput{width:100%}.Edit19302658__editWrapper{width:100%}.Edit19302658__inputArea{background-color:transparent;width:100%}.Edit19302658__inputArea input,.Edit19302658__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit19302658__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit19302658__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit19302658__inputArea>div::after{box-shadow:none!important}.Edit19302658__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit19302658__inputArea:not(.Edit19302658--isFocused) textarea{resize:none;overflow:hidden}.Edit19302658__inputArea:not(.Edit19302658--isFocused) textarea::-webkit-scrollbar{display:none}.Edit288431653__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
+.CardContainer901805979__root.CardContainer901805979--mobile{border-radius:0}.CmsFieldForm684677622__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal4189001001__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection1200031786__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse856034035__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse856034035__exit{height:0}.CollectionPage2737019290__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2737019290__root.CollectionPage2737019290--mobile{--wds-page-header-padding-horizontal:0px;--wds-page-header-padding-horizontal-small:0px;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2737019290__root.CollectionPage2737019290--mobile :has(>[data-hook=collection-page-mobile-primary-action]){padding-bottom:0}.CollectionPage2737019290__root.CollectionPage2737019290--panel{overflow:hidden;position:relative}.CollectionSectionHeader3445502593__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1440557074__root td{vertical-align:middle}.CollectionTable1440557074__root.CollectionTable1440557074--mobile td:first-child{padding-left:18px}.CollectionTable1440557074__root.CollectionTable1440557074--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3169571863__root.CollectionTableWSRTable3169571863--resizable table{min-width:100%}.CollectionTableWSRTable3169571863__root.CollectionTableWSRTable3169571863--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionTableWSRTable3169571863__root.CollectionTableWSRTable3169571863--draggable tr:hover>td.wds-data-table__cell--sticky-action-cell{background-color:var(--wds-table-list-item-fill-hover-draggable, #e7f0ff)!important}.CollectionToolbar1049043030__root.CollectionToolbar1049043030--harmony .CollectionToolbar1049043030__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1049043030__left{min-width:0}.CollectionToolbar1049043030__left.CollectionToolbar1049043030--expandable{flex:auto}.CollectionToolbar1049043030__left.CollectionToolbar1049043030--title>*{width:100%}.CollectionToolbar1049043030__root.CollectionToolbar1049043030---responsiveMode-5-title .CollectionToolbar1049043030__left{flex:1 100;min-width:50px}.CollectionToolbar1049043030__root.CollectionToolbar1049043030---responsiveMode-4-tabs .CollectionToolbar1049043030__left,.CollectionToolbar1049043030__root.CollectionToolbar1049043030---responsiveMode-4-tabs .CollectionToolbar1049043030__left.CollectionToolbar1049043030--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1049043030__root.CollectionToolbar1049043030---responsiveMode-4-tabs .CollectionToolbar1049043030__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1049043030__root .CollectionToolbar1049043030__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1049043030__root.CollectionToolbar1049043030--views .CollectionToolbar1049043030__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1049043030__root.CollectionToolbar1049043030---responsiveMode-4-tabs .CollectionToolbar1049043030__right,.CollectionToolbar1049043030__root.CollectionToolbar1049043030---responsiveMode-5-title .CollectionToolbar1049043030__right{flex:0 1 auto;min-width:0}.CollectionToolbar1049043030__root .CollectionToolbar1049043030__right.CollectionToolbar1049043030__fullWidth{margin-inline-start:0!important}.CollectionToolbar1049043030__root.CollectionToolbar1049043030--mobile:not(.CollectionToolbar1049043030--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter3369147491__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3369147491__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3369147491__searchMobile:not(.SearchOrCustomFilter3369147491--expandable){left:18px}.SearchOrCustomFilter3369147491__searchMobile.SearchOrCustomFilter3369147491--expandable.SearchOrCustomFilter3369147491--expanded{left:18px}.AutoCompleteReadonly4072199148__root.AutoCompleteReadonly4072199148--disableEditing{cursor:pointer}.AutoCompleteReadonly4072199148__root.AutoCompleteReadonly4072199148--disableEditing input{cursor:pointer}.ViewsDropdown495413070__root{width:200px}.CustomFieldFormPiiFields417630693__tooltipText{--wds-font-line-height-body-tiny:var(--wds-tooltip-label-font-line-height-medium, var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px)))}.DragHandle2716116085__root{display:flex;align-items:center}.DragHandle2716116085__root:not(.DragHandle2716116085--disabled){cursor:grab;color:#a8caff}.DragHandle2716116085__root.DragHandle2716116085--disabled{color:#acafc4}.DragHandle2716116085__root:focus-visible:not(.DragHandle2716116085--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2716116085__root.DragHandle2716116085--disabled{pointer-events:none}.DragHandle2716116085__root.DragHandle2716116085--dragging:not(.DragHandle2716116085--disabled){cursor:grabbing}.HeaderActionsPopover96769383__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover96769383__root,.HeaderActionsPopover96769383__root[data-menu-open=true],.HeaderActionsPopover96769383__root:focus-within{opacity:1}.CellViewLayout2614759840__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2614759840__root>*{flex:1;min-width:0}.JsonInputEdit1717190880__jsonInput{width:100%;height:100%;--wds-input-area-padding-left-small:8px;--wds-input-area-padding-right-small:8px;--wds-input-area-border-radius-default-medium:var(--wds-border-radius-0, 0px);--wds-input-border-color:transparent;--wds-input-background-fill-default:transparent;--wds-input-background-fill-hover:transparent;--wds-shadow-fill-input:transparent;--wds-color-border-standard-secondary-active:transparent}.Edit82479914__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;min-width:0;overflow:hidden}.Edit82479914__addressInput>div,.Edit82479914__addressInput>div>div,.Edit82479914__addressInput>div>div>div{width:100%;min-width:0}.Edit832820748__booleanEdit{display:flex;align-items:center;margin-left:8px}.View329175887__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit1493720931__root{width:100%;height:100%;display:flex;align-items:center}.Edit1691346528__dateInput{margin-left:-1px}.Edit593812387__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit593812387__dateHalf{flex:60 1 0}.Edit593812387__timeHalf{flex:40 1 0}.Edit593812387__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit593812387__passiveText{padding:6px 8px;font-size:14px;line-height:18px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;width:100%}.Edit593812387__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3414503761__leaf{min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:18px;font-family:inherit;box-sizing:border-box}.View3414503761__datePart{flex:60 1 0}.View3414503761__timePart{flex:40 1 0}.View3414503761__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3414503761__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1380986158__emailInput{width:100%;margin-left:-1px}.Edit4137898944__numberInput{width:100%;margin-right:2px}.Edit4137898944__numberInput input{text-align:right;direction:ltr}.View1050885943__textView{width:100%;text-align:right}.Edit3100283366__selectInput{width:100%}.Edit2648970855__editWrapper{width:100%}.Edit2648970855__inputArea{background-color:transparent;width:100%}.Edit2648970855__inputArea input,.Edit2648970855__inputArea textarea{font-size:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px))!important;line-height:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px))!important}.Edit2648970855__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2648970855__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2648970855__inputArea>div::after{box-shadow:none!important}.Edit2648970855__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2648970855__inputArea:not(.Edit2648970855--isFocused) textarea{resize:none;overflow:hidden}.Edit2648970855__inputArea:not(.Edit2648970855--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2431693639__wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;--wds-input-value-font-size-small:var(--wds-font-size-body-small);--wds-input-value-font-line-height-small:var(
     --wds-font-line-height-body-small
-  )}.Edit288431653__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit3350619743__urlInput{width:100%;margin-left:-1px}.View583628029__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View583628029__urlText{flex:1;min-width:0}.View583628029__suffix{flex-shrink:0;margin-left:10px}.View583628029__textView.View583628029--suffixOnHover:not(:hover) .View583628029__suffix{display:none}.EmptyStateBase3215187829__root{min-height:230px;align-items:center}.EntityPagePlain4002700384__root.EntityPagePlain4002700384--mobile{--wds-page-header-padding-horizontal:0}.EntityPageField3028477652__row{width:100%;max-width:100%}.EntityPageField3028477652__row.EntityPageField3028477652--fitContent{width:min-content;min-width:min(300px,100%)}.Fade3067912005__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3067912005__root.Fade3067912005--exit{opacity:0}.Heading1852531165__root{visibility:visible}.Heading1852531165__root.Heading1852531165--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3301226243__fileUpload{width:100%}.InputOverflow3066287078__root.InputOverflow3066287078--selected:not(.InputOverflow3066287078--focused) input::placeholder{color:#000624}@keyframes LoadingRow2699509791__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow2699509791__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow2699509791__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText207215574__root{opacity:1}.MaxHeightText207215574__root.MaxHeightText207215574--height24{line-height:24px}.MaxLines1710741739__root{overflow:hidden}.MaxLines1710741739__root.MaxLines1710741739--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2752066931__root.MultiBulkActionToolbar2752066931__root.MultiBulkActionToolbar2752066931__root{flex-shrink:1;min-width:0}.MultiBulkActionToolbar2752066931__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2752066931__root .MultiBulkActionToolbar2752066931__leftGroupWrapper .MultiBulkActionToolbar2752066931__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2752066931__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2112835615__root td{padding:0!important;width:100%}.NestedTableRow876112627__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow876112627__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow876112627__root.NestedTableRow876112627--expandable{cursor:pointer}.NestedTableRow876112627__placeholder td{padding:0!important;width:100%}.NestedTableRow876112627__root:hover td:first-of-type::before,.NestedTableRow876112627__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect2795974299__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow2247427962__root.NestedTableDragAndDropRow2247427962--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent3558192044__root{display:flex}.PickerContentAdditionalStep2308500653__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2308500653__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4043198262__root{box-sizing:border-box}.ScrollableContent2046306564__root.ScrollableContent2046306564--overflowY{overflow-y:auto}.ScrollableContent2046306564__root.ScrollableContent2046306564--overflowX{overflow-x:auto}.ScrollableContent2046306564__root.ScrollableContent2046306564--smooth{scroll-behavior:smooth}.SetupWidget1799065169__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget1799065169__row.SetupWidget1799065169--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget1799065169__row.SetupWidget1799065169--focused.SetupWidget1799065169--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget1799065169__completedCta,.SetupWidget1799065169__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget1799065169__row:hover .SetupWidget1799065169__completedCta,.SetupWidget1799065169__row:hover .SetupWidget1799065169__secondaryCta{opacity:1}}.SetupWidget1799065169__row:focus-within .SetupWidget1799065169__completedCta,.SetupWidget1799065169__row:focus-within .SetupWidget1799065169__secondaryCta,.SetupWidget1799065169__secondaryCta:focus-within{opacity:1}.SetupWidget1799065169__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget1799065169__card.SetupWidget1799065169--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget1799065169__card.SetupWidget1799065169--clickable{cursor:pointer}.SetupWidget1799065169__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget1799065169__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget1799065169__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget1799065169__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard118188005__headerLoading{display:block!important}.SlidingModal3449581154__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3449581154__root.SlidingModal3449581154--overlay{transition:transform 0s ease 0s}.SlidingModal3449581154__root.SlidingModal3449581154---appendTo-6-parent{position:absolute}.SlidingModal3449581154__root.SlidingModal3449581154--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal3449581154__root:not(.SlidingModal3449581154--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}th:not([data-sticky=true]):has(.AddFieldColumnHeader1121021053__anchorLayer){position:relative}.AddFieldColumnHeader1121021053__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader1121021053__anchorLayer>.AddFieldColumnHeader1121021053__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader1121021053__popover{--wds-popover-fill:transparent;--wds-popover-border-width:0;--wds-popover-border-radius:0;--wds-shadow-surface-overlay:none;--wds-background-blur-surface-overlay:0px}.AddFieldColumnHeader1121021053__title{display:flex;align-items:center;box-sizing:content-box;width:100%;min-width:0;min-height:24px;margin-block:calc(-1*var(--wds-space-150, 9px));padding-block:var(--wds-space-150, 9px)}.AddFieldColumnHeader1121021053__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader1121021053__hoverBridge.AddFieldColumnHeader1121021053---side-4-left{transform:translate(-50%,-50%)}.NumberCell748939733__root{flex:1 1 auto;min-width:0;text-align:end}.TabsFilter734832378__root .TabsFilter734832378__titleBox *{color:inherit!important}.ManageTagsModal3568114130__root{display:flex}.ManageTagsModal3568114130__root.ManageTagsModal3568114130--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal3568114130__root.ManageTagsModal3568114130--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem497625553__root{min-width:0}.ToolbarItemBox129482920__root{min-width:0}.ToolbarItemBox129482920__root.ToolbarItemBox129482920--removeStartPadding{margin-left:-24px}.ToolbarItemBox129482920__root.ToolbarItemBox129482920--expandable{flex:1 0}.common4053375054__column{display:flex;flex-direction:column}.common4053375054__fullHeight{height:100%;min-height:0}.CollectionPageHeader170929993__root:not(.CollectionPageHeader170929993--mobile){gap:12px}.CollectionPageHeader170929993__root.CollectionPageHeader170929993--mobile{--wds-page-header-title-actions-gap:8px;padding-right:18px;padding-left:18px}.CollectionPageHeader170929993__root.CollectionPageHeader170929993--mobile [data-hook=page-header-actionbar]{display:contents}.CollectionPageHeader170929993__mobileMoreActions{align-self:flex-start;margin-top:6px}.MobilePrimaryActionBar2307826966__root{padding:var(--wds-space-300, 18px) var(--wds-space-400, 24px)}.TitleBadges4226250695__tooltip.TitleBadges4226250695__tooltip,.TitleBadges4226250695__tooltipTrigger{display:flex}.FormPageHeader288307697__root.FormPageHeader288307697--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader288307697__root.FormPageHeader288307697--mobile>*{margin-left:0;margin-top:6px!important;height:auto}td:has(>.EditableCell222919926__root){position:relative;overflow:visible}td:has(>.EditableCell222919926__root.EditableCell222919926--harmony){overflow:hidden;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}td:has(>.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--rangeSelected),td:has(>.EditableCell222919926__root.EditableCell222919926--harmony:hover),td:has(>.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--invalid),td:has(>.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--focused),td:has(>.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--editing),td:has(>.EditableCell222919926__root.EditableCell222919926--harmony [data-inner-focused]){overflow:visible}td:not([data-sticky=true]):has(>.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--focused),td:not([data-sticky=true]):has(>.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--editing),td:not([data-sticky=true]):has(>.EditableCell222919926__root.EditableCell222919926--harmony [data-inner-focused]){z-index:4}tr:has(.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--focused),tr:has(.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--editing),tr:has(.EditableCell222919926__root.EditableCell222919926--harmony [data-inner-focused]){position:relative;z-index:4}tr:has(>td>.EditableCell222919926__root)>td[data-sticky=true]{z-index:5}td[data-sticky=true]:has(>.EditableCell222919926__root.EditableCell222919926--focused){z-index:6}tr:has(.EditableCell222919926__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}tr[data-index]:has(.EditableCell222919926__root){--wds-table-action-cell-backdrop-opacity:0}tr[data-index]:has(.EditableCell222919926__root.EditableCell222919926--rowActive){background:var(--wds-color-black-750, #f6f7f9)}tr[data-index]:has(.EditableCell222919926__root):hover>td:has(>[data-hook=collection-action-cell]){background:0 0}.EditableCell222919926__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}.EditableCell222919926__root.EditableCell222919926--harmony{left:0;--wds-input-value-font-size-small:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px));--wds-input-value-font-line-height-small:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px));--wds-input-padding-horizontal-small:8px}.EditableCell222919926__root.EditableCell222919926--harmony .Edit19302658__inputArea{--wds-outline-focus-outer:none;--wds-outline-focus-inner:none}td:has(>.EditableCell222919926__root.EditableCell222919926--harmony)~td:has(>.EditableCell222919926__root.EditableCell222919926--harmony)>.EditableCell222919926__root.EditableCell222919926--harmony{left:-1px}tr.EditableCell222919926__selectorRow>td.wds-data-table__selector-cell{z-index:4}tr.EditableCell222919926__selectorRow>td.wds-data-table__selector-cell::before{content:"";position:absolute;inset:-1px 0 0;width:auto;background:0 0;pointer-events:none;border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb));border-right:0}.EditableCell222919926__selectorRow>td.wds-data-table__selector-cell+td>.EditableCell222919926__root{left:0}.EditableCell222919926__selectorRow.EditableCell222919926--first>td>.EditableCell222919926__root,.EditableCell222919926__selectorRow.EditableCell222919926--first>td.wds-data-table__selector-cell::before{top:0}.EditableCell222919926__selectorRow.EditableCell222919926--first:has(.EditableCell222919926__root.EditableCell222919926--harmony)>td.wds-data-table__selector-cell::before{border-top-color:transparent}tr[data-index=index-0]>td>.EditableCell222919926__root.EditableCell222919926--harmony{top:0}tr:first-child>td>.EditableCell222919926__root.EditableCell222919926--harmony:not(.EditableCell222919926--focused):not(.EditableCell222919926--editing):not(.EditableCell222919926--invalid):not(.EditableCell222919926--rowActive):not(.EditableCell222919926--rangeSelected):not(.EditableCell222919926--selectionTop):not(.EditableCell222919926--copiedTop):not(:has([data-inner-focused])),tr[data-index=index-0]>td>.EditableCell222919926__root.EditableCell222919926--harmony:not(.EditableCell222919926--focused):not(.EditableCell222919926--editing):not(.EditableCell222919926--invalid):not(.EditableCell222919926--rowActive):not(.EditableCell222919926--rangeSelected):not(.EditableCell222919926--selectionTop):not(.EditableCell222919926--copiedTop):not(:has([data-inner-focused])){border-top-color:transparent}.EditableCell222919926__selectorRow:hover>td.wds-data-table__selector-cell,.EditableCell222919926__root:hover:not(.EditableCell222919926--rowActive):not(.EditableCell222919926--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell222919926__selectorRow.EditableCell222919926--active>td.wds-data-table__selector-cell,.EditableCell222919926__root.EditableCell222919926--rowActive:not(.EditableCell222919926--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell222919926__root.EditableCell222919926--rowActive:hover:not(.EditableCell222919926--focused):not(.EditableCell222919926--rangeSelected):not(.EditableCell222919926--readOnly){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--rowActive:hover:not(.EditableCell222919926--focused):not(.EditableCell222919926--rangeSelected):not(.EditableCell222919926--readOnly){z-index:2}.EditableCell222919926__root.EditableCell222919926--readOnly{--wds-color-text-standard-primary:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));--wds-color-text-placeholder:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));color:var(--wds-color-text-standard-primary)}.EditableCell222919926__root.EditableCell222919926--readOnly:hover:not(.EditableCell222919926--rowActive):not(.EditableCell222919926--rangeSelected),.EditableCell222919926__root.EditableCell222919926--readOnly.EditableCell222919926--rowActive:not(.EditableCell222919926--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell222919926__root.EditableCell222919926--readOnly.EditableCell222919926--rowActive:hover:not(.EditableCell222919926--focused):not(.EditableCell222919926--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell222919926__root.EditableCell222919926--focused:not(.EditableCell222919926--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--focused:not(.EditableCell222919926--rangeSelected){z-index:4}.EditableCell222919926__root.EditableCell222919926--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--editing{z-index:4}.EditableCell222919926__root.EditableCell222919926--editing:not(.EditableCell222919926--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell222919926__root.EditableCell222919926--focused.EditableCell222919926--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--focused.EditableCell222919926--growable{z-index:4}.EditableCell222919926__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell222919926__root.EditableCell222919926--harmony:has([data-inner-focused]){z-index:4}.EditableCell222919926__root.EditableCell222919926--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell222919926__root.EditableCell222919926--selectionTop:not(.EditableCell222919926--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell222919926__root.EditableCell222919926--selectionBottom:not(.EditableCell222919926--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell222919926__root.EditableCell222919926--selectionLeft:not(.EditableCell222919926--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell222919926__root.EditableCell222919926--selectionRight:not(.EditableCell222919926--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell222919926__root.EditableCell222919926--invalid,.EditableCell222919926__root.EditableCell222919926--invalid.EditableCell222919926--rowActive:hover:not(.EditableCell222919926--focused):not(.EditableCell222919926--rangeSelected),.EditableCell222919926__root.EditableCell222919926--invalid.EditableCell222919926--focused:not(.EditableCell222919926--rangeSelected),.EditableCell222919926__root.EditableCell222919926--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell222919926__root.EditableCell222919926--copiedTop:not(.EditableCell222919926--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell222919926__root.EditableCell222919926--copiedBottom:not(.EditableCell222919926--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell222919926__root.EditableCell222919926--copiedLeft:not(.EditableCell222919926--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell222919926__root.EditableCell222919926--copiedRight:not(.EditableCell222919926--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell222919926__root.EditableCell222919926--invalid:not(.EditableCell222919926--focused):not(.EditableCell222919926--editing){z-index:1}.EditableCell222919926__root.EditableCell222919926--harmony.EditableCell222919926--invalid:not(.EditableCell222919926--focused):not(.EditableCell222919926--editing){z-index:3}.EditableCell222919926__errorMessage{position:absolute;top:calc(100% + 4px);left:-1px;z-index:4;box-sizing:border-box;width:max-content;max-width:240px;padding:6px 8px;pointer-events:none;border-radius:var(--wds-popover-border-radius, var(--wds-border-radius-400, 8px));background:var(--wds-popover-fill, var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff)));box-shadow:var(--wds-shadow-surface-overlay, 0 0 18px rgba(0, 6, 36, 0.1), 0 6px 6px rgba(0, 6, 36, 0.05))}tr:last-child .EditableCell222919926__errorMessage{top:auto;bottom:calc(100% + 4px)}.EmptyReferenceView3244837461__placeholder{flex:1 1 0;min-width:0;display:none;align-items:center;gap:4px;margin-inline-end:8px;font-size:14px;line-height:18px;color:var(--wds-color-text-placeholder, var(--wsr-color-D40, #868aa5))}.EmptyReferenceView3244837461__placeholderIcon{display:flex;flex:none}.EmptyReferenceView3244837461__placeholderText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.EditableCell222919926__root.EditableCell222919926--focused .EmptyReferenceView3244837461__placeholder{display:flex}.EmptyReferenceView3244837461__arrow{flex:0 0 auto;margin-inline-start:auto;display:flex;align-items:center;color:var(--wds-dropdown-icon-fill, var(--wsr-color-B10, #116dff))}
+  )}.Edit2431693639__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit2091273722__urlInput{width:100%;margin-left:-1px}.View799396297__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View799396297__urlText{flex:1;min-width:0}.View799396297__suffix{flex-shrink:0;margin-left:10px}.View799396297__textView.View799396297--suffixOnHover:not(:hover) .View799396297__suffix{display:none}.EmptyStateBase1882287640__root{min-height:230px;align-items:center}.EntityPagePlain3871088042__root.EntityPagePlain3871088042--mobile{--wds-page-header-padding-horizontal:0}.EntityPageField2403163101__row{width:100%;max-width:100%}.EntityPageField2403163101__row.EntityPageField2403163101--fitContent{width:min-content;min-width:min(300px,100%)}.Fade1228129809__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1228129809__root.Fade1228129809--exit{opacity:0}.Heading3344847339__root{visibility:visible}.Heading3344847339__root.Heading3344847339--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3203797294__fileUpload{width:100%}.InputOverflow58387247__root.InputOverflow58387247--selected:not(.InputOverflow58387247--focused) input::placeholder{color:#000624}@keyframes LoadingRow1478888175__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1478888175__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1478888175__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText919211054__root{opacity:1}.MaxHeightText919211054__root.MaxHeightText919211054--height24{line-height:24px}.MaxLines1912520055__root{overflow:hidden}.MaxLines1912520055__root.MaxLines1912520055--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2917075844__root.MultiBulkActionToolbar2917075844__root.MultiBulkActionToolbar2917075844__root{flex-shrink:1;min-width:0}.MultiBulkActionToolbar2917075844__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2917075844__root .MultiBulkActionToolbar2917075844__leftGroupWrapper .MultiBulkActionToolbar2917075844__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2917075844__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3602099314__root td{padding:0!important;width:100%}.NestedTableRow3992930584__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow3992930584__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow3992930584__root.NestedTableRow3992930584--expandable{cursor:pointer}.NestedTableRow3992930584__placeholder td{padding:0!important;width:100%}.NestedTableRow3992930584__root:hover td:first-of-type::before,.NestedTableRow3992930584__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.MultipleDragOverlayEffect3065559938__root{position:absolute;transform:translate(6px,6px);background-color:var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #ffffff));box-shadow:var(--wds-shadow-surface-overlay, var(--wsr-shadow20, 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12)))}.NestedTableDragAndDropRow3277640739__root.NestedTableDragAndDropRow3277640739--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent1046466529__root{display:flex}.PickerContentAdditionalStep1198997690__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1198997690__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2666300085__root{box-sizing:border-box}.ScrollableContent968422134__root.ScrollableContent968422134--overflowY{overflow-y:auto}.ScrollableContent968422134__root.ScrollableContent968422134--overflowX{overflow-x:auto}.ScrollableContent968422134__root.ScrollableContent968422134--smooth{scroll-behavior:smooth}.SetupWidget3823691260__row{display:flex;flex-direction:column;overflow:clip;--wds-clickable-card-outline-border-color:var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))}.SetupWidget3823691260__row.SetupWidget3823691260--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget3823691260__row.SetupWidget3823691260--focused.SetupWidget3823691260--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3823691260__completedCta,.SetupWidget3823691260__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget3823691260__row:hover .SetupWidget3823691260__completedCta,.SetupWidget3823691260__row:hover .SetupWidget3823691260__secondaryCta{opacity:1}}.SetupWidget3823691260__row:focus-within .SetupWidget3823691260__completedCta,.SetupWidget3823691260__row:focus-within .SetupWidget3823691260__secondaryCta,.SetupWidget3823691260__secondaryCta:focus-within{opacity:1}.SetupWidget3823691260__card{display:block;width:100%;border:0;border-radius:var(--wds-border-radius-400, 8px);background-color:var(--wds-color-fill-standard-tertiary, var(--wsr-color-D80, #FFFFFF));box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);overflow:clip;box-sizing:border-box;text-align:start;font:inherit;color:inherit;padding:0;margin:0}.SetupWidget3823691260__card.SetupWidget3823691260--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget3823691260__card.SetupWidget3823691260--clickable{cursor:pointer}.SetupWidget3823691260__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget3823691260__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget3823691260__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget3823691260__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard1495382215__headerLoading{display:block!important}.SlidingModal605283471__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal605283471__root.SlidingModal605283471--overlay{transition:transform 0s ease 0s}.SlidingModal605283471__root.SlidingModal605283471---appendTo-6-parent{position:absolute}.SlidingModal605283471__root.SlidingModal605283471--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal605283471__root:not(.SlidingModal605283471--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}th:not([data-sticky=true]):has(.AddFieldColumnHeader284683266__anchorLayer){position:relative}.AddFieldColumnHeader284683266__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader284683266__anchorLayer>.AddFieldColumnHeader284683266__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader284683266__popover{--wds-popover-fill:transparent;--wds-popover-border-width:0;--wds-popover-border-radius:0;--wds-shadow-surface-overlay:none;--wds-background-blur-surface-overlay:0px}.AddFieldColumnHeader284683266__title{display:flex;align-items:center;box-sizing:content-box;width:100%;min-width:0;min-height:24px;margin-block:calc(-1*var(--wds-space-150, 9px));padding-block:var(--wds-space-150, 9px)}.AddFieldColumnHeader284683266__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader284683266__hoverBridge.AddFieldColumnHeader284683266---side-4-left{transform:translate(-50%,-50%)}.NumberCell1670673624__root{flex:1 1 auto;min-width:0;text-align:end}.TabsFilter1692014240__root .TabsFilter1692014240__titleBox *{color:inherit!important}.ManageTagsModal1828960394__root{display:flex}.ManageTagsModal1828960394__root.ManageTagsModal1828960394--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1828960394__root.ManageTagsModal1828960394--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem746094005__root{min-width:0}.ToolbarItemBox2484931942__root{min-width:0}.ToolbarItemBox2484931942__root.ToolbarItemBox2484931942--removeStartPadding{margin-left:-24px}.ToolbarItemBox2484931942__root.ToolbarItemBox2484931942--expandable{flex:1 0}.common463512055__column{display:flex;flex-direction:column}.common463512055__fullHeight{height:100%;min-height:0}.CollectionPageHeader1806512227__root:not(.CollectionPageHeader1806512227--mobile){gap:12px}.CollectionPageHeader1806512227__root.CollectionPageHeader1806512227--mobile{--wds-page-header-title-actions-gap:8px;padding-right:18px;padding-left:18px}.CollectionPageHeader1806512227__root.CollectionPageHeader1806512227--mobile [data-hook=page-header-actionbar]{display:contents}.CollectionPageHeader1806512227__mobileMoreActions{align-self:flex-start;margin-top:6px}.MobilePrimaryActionBar921216690__root{padding:var(--wds-space-300, 18px) var(--wds-space-400, 24px)}.TitleBadges1040141928__tooltip.TitleBadges1040141928__tooltip,.TitleBadges1040141928__tooltipTrigger{display:flex}.FormPageHeader1861452675__root.FormPageHeader1861452675--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1861452675__root.FormPageHeader1861452675--mobile>*{margin-left:0;margin-top:6px!important;height:auto}td:has(>.EditableCell3613531573__root){position:relative;overflow:visible}td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony){overflow:hidden;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--rangeSelected),td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony:hover),td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--invalid),td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--focused),td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--editing),td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony [data-inner-focused]){overflow:visible}td:not([data-sticky=true]):has(>.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--focused),td:not([data-sticky=true]):has(>.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--editing),td:not([data-sticky=true]):has(>.EditableCell3613531573__root.EditableCell3613531573--harmony [data-inner-focused]){z-index:4}tr:has(.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--focused),tr:has(.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--editing),tr:has(.EditableCell3613531573__root.EditableCell3613531573--harmony [data-inner-focused]){position:relative;z-index:4}tr:has(>td[data-sticky=true]>.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--focused){z-index:6}tr:has(>td>.EditableCell3613531573__root)>td[data-sticky=true]{z-index:5}td[data-sticky=true]:has(>.EditableCell3613531573__root.EditableCell3613531573--focused){z-index:6}tr:has(.EditableCell3613531573__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}tr[data-index]:has(.EditableCell3613531573__root){--wds-table-action-cell-backdrop-opacity:0}tr[data-index]:has(.EditableCell3613531573__root.EditableCell3613531573--rowActive){background:var(--wds-color-black-750, #f6f7f9)}tr[data-index]:has(.EditableCell3613531573__root):hover>td:has(>[data-hook=collection-action-cell]){background:0 0}.EditableCell3613531573__root{display:flex;align-items:center;padding:0;position:absolute;top:-1px;left:-1px;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff));border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb))}.EditableCell3613531573__root.EditableCell3613531573--harmony{left:0;--wds-input-value-font-size-small:var(--wds-font-size-body-small, var(--wsr-text-font-size-small, 14px));--wds-input-value-font-line-height-small:var(--wds-font-line-height-body-small, var(--wsr-text-line-height-small, 18px));--wds-input-padding-horizontal-small:8px}.EditableCell3613531573__root.EditableCell3613531573--harmony .Edit2648970855__inputArea{--wds-outline-focus-outer:none;--wds-outline-focus-inner:none}td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony)~td:has(>.EditableCell3613531573__root.EditableCell3613531573--harmony)>.EditableCell3613531573__root.EditableCell3613531573--harmony{left:-1px}tr.EditableCell3613531573__selectorRow>td.wds-data-table__selector-cell{z-index:4}tr.EditableCell3613531573__selectorRow>td.wds-data-table__selector-cell::before{content:"";position:absolute;inset:-1px 0 0;width:auto;background:0 0;pointer-events:none;border:var(--wds-border-width-default, 1px) solid var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb));border-right:0}.EditableCell3613531573__selectorRow>td.wds-data-table__selector-cell+td>.EditableCell3613531573__root{left:0}.EditableCell3613531573__selectorRow.EditableCell3613531573--first>td>.EditableCell3613531573__root,.EditableCell3613531573__selectorRow.EditableCell3613531573--first>td.wds-data-table__selector-cell::before{top:0}.EditableCell3613531573__selectorRow.EditableCell3613531573--first:has(.EditableCell3613531573__root.EditableCell3613531573--harmony)>td.wds-data-table__selector-cell::before{border-top-color:transparent}tr[data-index=index-0]>td>.EditableCell3613531573__root.EditableCell3613531573--harmony{top:0}tr:first-child>td>.EditableCell3613531573__root.EditableCell3613531573--harmony:not(.EditableCell3613531573--focused):not(.EditableCell3613531573--editing):not(.EditableCell3613531573--invalid):not(.EditableCell3613531573--rowActive):not(.EditableCell3613531573--rangeSelected):not(.EditableCell3613531573--selectionTop):not(.EditableCell3613531573--copiedTop):not(:has([data-inner-focused])),tr[data-index=index-0]>td>.EditableCell3613531573__root.EditableCell3613531573--harmony:not(.EditableCell3613531573--focused):not(.EditableCell3613531573--editing):not(.EditableCell3613531573--invalid):not(.EditableCell3613531573--rowActive):not(.EditableCell3613531573--rangeSelected):not(.EditableCell3613531573--selectionTop):not(.EditableCell3613531573--copiedTop):not(:has([data-inner-focused])){border-top-color:transparent}.EditableCell3613531573__selectorRow:hover>td.wds-data-table__selector-cell,.EditableCell3613531573__root:hover:not(.EditableCell3613531573--rowActive):not(.EditableCell3613531573--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell3613531573__selectorRow.EditableCell3613531573--active>td.wds-data-table__selector-cell,.EditableCell3613531573__root.EditableCell3613531573--rowActive:not(.EditableCell3613531573--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell3613531573__root.EditableCell3613531573--rowActive:hover:not(.EditableCell3613531573--focused):not(.EditableCell3613531573--rangeSelected):not(.EditableCell3613531573--readOnly){border-color:var(--wds-input-border-color-hover, var(--wsr-color-B40, #d6e6fe));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--rowActive:hover:not(.EditableCell3613531573--focused):not(.EditableCell3613531573--rangeSelected):not(.EditableCell3613531573--readOnly){z-index:2}.EditableCell3613531573__root.EditableCell3613531573--readOnly{--wds-color-text-standard-primary:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));--wds-color-text-placeholder:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));color:var(--wds-color-text-standard-primary)}.EditableCell3613531573__root.EditableCell3613531573--readOnly:hover:not(.EditableCell3613531573--rowActive):not(.EditableCell3613531573--rangeSelected),.EditableCell3613531573__root.EditableCell3613531573--readOnly.EditableCell3613531573--rowActive:not(.EditableCell3613531573--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell3613531573__root.EditableCell3613531573--readOnly.EditableCell3613531573--rowActive:hover:not(.EditableCell3613531573--focused):not(.EditableCell3613531573--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell3613531573__root.EditableCell3613531573--focused:not(.EditableCell3613531573--rangeSelected),.EditableCell3613531573__root:has([data-inner-focused]),.EditableCell3613531573__root.EditableCell3613531573--invalid:not(.EditableCell3613531573--rangeSelected):not(.EditableCell3613531573--copiedTop):not(.EditableCell3613531573--copiedBottom):not(.EditableCell3613531573--copiedLeft):not(.EditableCell3613531573--copiedRight){border-color:transparent;outline:var(--wds-border-width-default, 1px) solid var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));outline-offset:calc(-2*var(--wds-border-width-default, 1px))}.EditableCell3613531573__root.EditableCell3613531573--focused:not(.EditableCell3613531573--rangeSelected){box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--focused:not(.EditableCell3613531573--rangeSelected){z-index:4}.EditableCell3613531573__root.EditableCell3613531573--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--editing{z-index:4}.EditableCell3613531573__root.EditableCell3613531573--editing:not(.EditableCell3613531573--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell3613531573__root.EditableCell3613531573--focused.EditableCell3613531573--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--focused.EditableCell3613531573--growable{z-index:4}.EditableCell3613531573__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell3613531573__root.EditableCell3613531573--harmony:has([data-inner-focused]){z-index:4}.EditableCell3613531573__root.EditableCell3613531573--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell3613531573__root.EditableCell3613531573--selectionTop:not(.EditableCell3613531573--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell3613531573__root.EditableCell3613531573--selectionBottom:not(.EditableCell3613531573--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3613531573__root.EditableCell3613531573--selectionLeft:not(.EditableCell3613531573--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell3613531573__root.EditableCell3613531573--selectionRight:not(.EditableCell3613531573--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell3613531573__root.EditableCell3613531573--invalid,.EditableCell3613531573__root.EditableCell3613531573--invalid.EditableCell3613531573--rowActive:hover:not(.EditableCell3613531573--focused):not(.EditableCell3613531573--rangeSelected),.EditableCell3613531573__root.EditableCell3613531573--invalid.EditableCell3613531573--focused:not(.EditableCell3613531573--rangeSelected),.EditableCell3613531573__root.EditableCell3613531573--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214));outline-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell3613531573__root.EditableCell3613531573--invalid:not(.EditableCell3613531573--rangeSelected):not(.EditableCell3613531573--copiedTop):not(.EditableCell3613531573--copiedBottom):not(.EditableCell3613531573--copiedLeft):not(.EditableCell3613531573--copiedRight){border-color:transparent;outline-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell3613531573__root.EditableCell3613531573--copiedTop:not(.EditableCell3613531573--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3613531573__root.EditableCell3613531573--copiedBottom:not(.EditableCell3613531573--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3613531573__root.EditableCell3613531573--copiedLeft:not(.EditableCell3613531573--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3613531573__root.EditableCell3613531573--copiedRight:not(.EditableCell3613531573--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3613531573__root.EditableCell3613531573--invalid:not(.EditableCell3613531573--focused):not(.EditableCell3613531573--editing){z-index:1}.EditableCell3613531573__root.EditableCell3613531573--harmony.EditableCell3613531573--invalid:not(.EditableCell3613531573--focused):not(.EditableCell3613531573--editing){z-index:3}.EditableCell3613531573__errorPopover{position:absolute;inset:0;display:flex;pointer-events:none}.EditableCell3613531573__errorMessage{max-width:240px;padding:6px 8px}.EmptyReferenceView1590175613__placeholder{flex:1 1 0;min-width:0;display:none;align-items:center;gap:4px;margin-inline-end:8px;font-size:14px;line-height:18px;color:var(--wds-color-text-placeholder, var(--wsr-color-D40, #868aa5))}.EmptyReferenceView1590175613__placeholderIcon{display:flex;flex:none}.EmptyReferenceView1590175613__placeholderText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.EditableCell3613531573__root.EditableCell3613531573--focused .EmptyReferenceView1590175613__placeholder{display:flex}.EmptyReferenceView1590175613__arrow{flex:0 0 auto;margin-inline-start:auto;display:flex;align-items:center;color:var(--wds-dropdown-icon-fill, var(--wsr-color-B10, #116dff))}

package/src/{components/CollectionTable → utils}/buildMobileColumns.tsx

@@ -1,18 +1,43 @@
 import React from 'react';
+import type { CSSProperties } from 'react';
 import { Box } from '@wix/design-system';
 import { KeyedItem } from '@wix/bex-core';
-import { TableColumn } from '../../model';
-import {
-  IMAGE_COLUMN_GAP,
-  getMobileImageSize,
-  isFirstColumnMobileConfig,
-  isImageColumnMobileConfig,
-} from './mobileColumnsUtils';
+import { MobileImageSize, TableColumn } from '../model';
+
+const IMAGE_COLUMN_SIZES: Record<MobileImageSize, number> = {
+  small: 24,
+  medium: 36,
+  large: 48,
+};
+
+const IMAGE_COLUMN_GAP = 8;
+
+interface BuildMobileColumnsOptions {
+  firstColumnStyle?: CSSProperties;
+  imageColumnStyle?: CSSProperties;
+}
+
+function isFirstColumnMobileConfig<T>(
+  column: TableColumn<KeyedItem<T>>,
+): column is TableColumn<KeyedItem<T>> & {
+  mobile: { column: 'first'; order?: number };
+} {
+  return column.mobile?.column === 'first';
+}
+
+function isImageColumnMobileConfig<T>(
+  column: TableColumn<KeyedItem<T>>,
+): column is TableColumn<KeyedItem<T>> & {
+  mobile: { column: 'image'; size?: MobileImageSize };
+} {
+  return column.mobile?.column === 'image';
+}
 
 export function buildMobileColumns<T>(
   columns: TableColumn<KeyedItem<T>>[],
+  { firstColumnStyle, imageColumnStyle }: BuildMobileColumnsOptions = {},
 ): TableColumn<KeyedItem<T>>[] {
-  const hasMobileConfig = columns.some((col) => col.mobile?.column);
+  const hasMobileConfig = columns.some((column) => column.mobile?.column);
 
   if (!hasMobileConfig) {
     return [
@@ -37,10 +62,10 @@ export function buildMobileColumns<T>(
       return orderA - orderB;
     });
 
-  const secondColumn = columns.find((col) => col.mobile?.column === 'second');
-
+  const secondColumn = columns.find(
+    (column) => column.mobile?.column === 'second',
+  );
   const imageColumn = columns.find(isImageColumnMobileConfig);
-
   const result: TableColumn<KeyedItem<T>>[] = [];
 
   if (firstColumns.length > 0) {
@@ -48,11 +73,12 @@ export function buildMobileColumns<T>(
       id: 'mobile-first-column',
       dataHook: 'mobile-first-column',
       title: '',
+      style: firstColumnStyle,
       render: (params: KeyedItem<T>, index: number) => (
         <Box direction="vertical" gap="SP1">
-          {firstColumns.map((col, colIndex) => (
-            <div key={`first-col-${colIndex}`}>
-              {col.render?.(params, index)}
+          {firstColumns.map((column, columnIndex) => (
+            <div key={`first-col-${columnIndex}`}>
+              {column.render?.(params, index)}
             </div>
           ))}
         </Box>
@@ -71,10 +97,10 @@ export function buildMobileColumns<T>(
   }
 
   if (imageColumn) {
-    const size = getMobileImageSize(imageColumn.mobile.size);
+    const size = IMAGE_COLUMN_SIZES[imageColumn.mobile.size ?? 'medium'];
 
     if (result[0]) {
-      result[0].style = { paddingInlineStart: 0 };
+      result[0].style = { ...result[0].style, paddingInlineStart: 0 };
     }
 
     result.unshift({
@@ -82,7 +108,10 @@ export function buildMobileColumns<T>(
       dataHook: 'mobile-image-column',
       title: '',
       width: `${size}px`,
-      style: { paddingInlineEnd: `${IMAGE_COLUMN_GAP}px` },
+      style: {
+        ...imageColumnStyle,
+        paddingInlineEnd: `${IMAGE_COLUMN_GAP}px`,
+      },
       render: (params: KeyedItem<T>, index: number) => (
         <Box
           dataHook="mobile-image-slot"