@wix/patterns 1.329.0 → 1.331.0

package/src/components/Heading/Heading.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading3337307390";
+var _namespace_ = "Heading3294944041";
 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":"Heading3337307390__root"};
+export var classes = {"root":"Heading3294944041__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/InputOverflow/InputOverflow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow4127112670";
+var _namespace_ = "InputOverflow1289398229";
 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":"InputOverflow4127112670__root"};
+export var classes = {"root":"InputOverflow1289398229__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/LoadingRow/LoadingRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow1739001386";
+var _namespace_ = "LoadingRow3516738585";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow1739001386__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1739001386__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3516738585__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3516738585__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

package/src/components/MaxHeightText/MaxHeightText.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxHeightText2024168608";
+var _namespace_ = "MaxHeightText3217552230";
 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":"MaxHeightText2024168608__root"};
+export var classes = {"root":"MaxHeightText3217552230__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MaxLines/MaxLines.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines2800819026";
+var _namespace_ = "MaxLines1450598850";
 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":"MaxLines2800819026__root"};
+export var classes = {"root":"MaxLines1450598850__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar48768722";
+var _namespace_ = "MultiBulkActionToolbar3827809647";
 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":"MultiBulkActionToolbar48768722__root","leftGroupWrapper":"MultiBulkActionToolbar48768722__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar48768722__selectedCountItem","selectedCountText":"MultiBulkActionToolbar48768722__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3827809647__root","leftGroupWrapper":"MultiBulkActionToolbar3827809647__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3827809647__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3827809647__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow3328962544";
+var _namespace_ = "NestedTablePlaceholderStatesRow3366154610";
 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":"NestedTablePlaceholderStatesRow3328962544__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3366154610__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow2694518573";
+var _namespace_ = "NestedTableRow2392165746";
 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":"NestedTableRow2694518573__root","firstLevel":"NestedTableRow2694518573__firstLevel","placeholder":"NestedTableRow2694518573__placeholder","parentHovered":"NestedTableRow2694518573__parentHovered"};
+export var classes = {"root":"NestedTableRow2392165746__root","firstLevel":"NestedTableRow2392165746__firstLevel","placeholder":"NestedTableRow2392165746__placeholder","parentHovered":"NestedTableRow2392165746__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect2319447330";
+var _namespace_ = "MultipleDragOverlayEffect3846689240";
 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":"MultipleDragOverlayEffect2319447330__root"};
+export var classes = {"root":"MultipleDragOverlayEffect3846689240__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow3129978286";
+var _namespace_ = "NestedTableDragAndDropRow1252405115";
 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":"NestedTableDragAndDropRow3129978286__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1252405115__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent44958208";
+var _namespace_ = "PickerContent471041620";
 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":"PickerContent44958208__root"};
+export var classes = {"root":"PickerContent471041620__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep4157645089";
+var _namespace_ = "PickerContentAdditionalStep551212376";
 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":"PickerContentAdditionalStep4157645089__root","titles":"PickerContentAdditionalStep4157645089__titles","suffix":"PickerContentAdditionalStep4157645089__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep551212376__root","titles":"PickerContentAdditionalStep551212376__titles","suffix":"PickerContentAdditionalStep551212376__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerTableListItem/PickerTableListItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem233480783";
+var _namespace_ = "PickerTableListItem3915532904";
 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":"PickerTableListItem233480783__root"};
+export var classes = {"root":"PickerTableListItem3915532904__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ScrollableContent/ScrollableContent.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent330524011";
+var _namespace_ = "ScrollableContent37166254";
 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":"ScrollableContent330524011__root"};
+export var classes = {"root":"ScrollableContent37166254__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SkeletonCard/SkeletonCard.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard1548329600";
+var _namespace_ = "SkeletonCard3572056859";
 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":"SkeletonCard1548329600__root","headerLoading":"SkeletonCard1548329600__headerLoading"};
+export var classes = {"root":"SkeletonCard3572056859__root","headerLoading":"SkeletonCard3572056859__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SlidingModal/SlidingModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SlidingModal438098495";
+var _namespace_ = "SlidingModal3830459246";
 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":"SlidingModal438098495__root"};
+export var classes = {"root":"SlidingModal3830459246__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Suggestions/MarketingCard.tsx

@@ -155,15 +155,15 @@ const MarketingCardInternal = forwardRef<
 
 /**
  * Creates a render function for marketing cards.
- * @param translateOffer - Optional function to transform offer data into MarketingCardSchema.
+ * @param transformOffer - Optional function to transform offer data into MarketingCardSchema.
  *                         If not provided, uses offer.asset.creative directly.
  * @returns A render function compatible with Suggestions.renderCard prop.
  */
 export const renderMarketingCard =
-  (translateOffer?: (offer: Offer) => MarketingCardSchema | null) =>
+  (transformOffer?: (offer: Offer) => MarketingCardSchema | null) =>
   (props: SuggestionsCardProps): React.ReactElement | null => {
-    const schema = translateOffer
-      ? translateOffer(props.offer)
+    const schema = transformOffer
+      ? transformOffer(props.offer)
       : (props.offer?.asset?.creative as MarketingCardSchema | null);
 
     const requiredFieldsExist =

package/src/components/Suggestions/Suggestions.tsx

@@ -56,7 +56,7 @@ const SuggestionsContainer: React.FC<SuggestionsContainerProps> = ({
         <Box
           direction="horizontal"
           gap="SP4"
-          dataHook={`${dataHook}-container-${dataState}`}
+          dataHook={`suggestions-container-${dataState}`}
         >
           {children}
         </Box>
@@ -67,7 +67,7 @@ const SuggestionsContainer: React.FC<SuggestionsContainerProps> = ({
   return (
     <div data-hook={dataHook}>
       <CarouselWIP
-        dataHook={`${dataHook}-carousel-${dataState}`}
+        dataHook={`suggestions-carousel-${dataState}`}
         {...defaultCarouselProps}
         {...carouselProps}
       >

package/src/components/Suggestions/Suggestions.uni.driver.ts

@@ -60,7 +60,7 @@ export const SuggestionsUniDriver = (base: UniDriver, body: UniDriver) => {
       const containerExists = await containerIdle.exists();
       return !carouselExists && !containerExists;
     },
-    getCardsCounts: async () => {
+    getCardsCount: async () => {
       const carouselChildren = await getCarouselChildren();
       if (carouselChildren) {
         return carouselChildren.length;

package/src/components/Suggestions/types.ts

@@ -26,21 +26,42 @@ export interface SuggestionsCardProps extends BaseCardComponentProps {
  * Props for the Suggestions component
  */
 export interface SuggestionsProps {
-  /** The placement ID to fetch offers for */
+  /**
+   * The placement ID to fetch offers for.
+   * @external
+   */
   placementId: string;
-  /** Props to pass to the carousel component */
+  /**
+   * Props to pass to the carousel component.
+   * @external
+   */
   carouselProps?: CarouselWIPProps;
   /**
-   * Render function for each offer card.
-   * The returned element must be a forwardRef component.
+   * Render function for each offer card. Return `null` to filter out a card.
+   * @external
+   */
+  renderCard: (props: SuggestionsCardProps) => React.ReactNode | null;
+  /**
+   * Skeleton component to render when loading.
+   * @external
    */
-  renderCard: (props: SuggestionsCardProps) => React.ReactElement | null;
-  /** Skeleton component to render when loading */
   CardSkeleton?: React.ComponentType<BaseCardComponentProps>;
-  /** Number of skeletons to render when loading */
+  /**
+   * Number of skeletons to render when loading.
+   * @default 4
+   * @external
+   */
   skeletonsNumber?: number;
-  /** Data hook to use for the suggestions component */
+  /**
+   * Data hook for testing.
+   * @default 'suggestions'
+   * @external
+   */
   dataHook?: string;
-  /** Maximum number of items to display inline (Box layout). Above this, Carousel is used. */
+  /**
+   * Maximum number of items to display inline (Box layout). Above this, Carousel is used.
+   * @default 2
+   * @external
+   */
   maxInlineItems?: number;
 }

package/src/components/TabsFilter/TabsFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter235882061";
+var _namespace_ = "TabsFilter161614526";
 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":"TabsFilter235882061__root","title":"TabsFilter235882061__title"};
+export var classes = {"root":"TabsFilter161614526__root","title":"TabsFilter161614526__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal2281366326";
+var _namespace_ = "ManageTagsModal3683190222";
 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":"ManageTagsModal2281366326__root"};
+export var classes = {"root":"ManageTagsModal3683190222__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarItem/ToolbarItem.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem3633085105";
+var _namespace_ = "ToolbarItem4165645154";
 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":"ToolbarItem3633085105__root"};
+export var classes = {"root":"ToolbarItem4165645154__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItemBox282024159";
+var _namespace_ = "ToolbarItemBox1469898042";
 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":"ToolbarItemBox282024159__root"};
+export var classes = {"root":"ToolbarItemBox1469898042__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/common.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common223165716";
+var _namespace_ = "common2280014228";
 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":"common223165716__root","column":"common223165716__column","fullHeight":"common223165716__fullHeight"};
+export var classes = {"root":"common2280014228__root","column":"common2280014228__column","fullHeight":"common2280014228__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader1357397506";
+var _namespace_ = "CollectionPageHeader335128254";
 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":"CollectionPageHeader1357397506__root"};
+export var classes = {"root":"CollectionPageHeader335128254__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "FormPageHeader1017885857";
+var _namespace_ = "FormPageHeader2351676937";
 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":"FormPageHeader1017885857__root"};
+export var classes = {"root":"FormPageHeader2351676937__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer1228067693__root.CardContainer1228067693--mobile{border-radius:0}.Collapse3255682418__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3255682418__exit{height:0}.CollectionPage22346227__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage22346227__root.CollectionPage22346227--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage22346227__root.CollectionPage22346227--panel{overflow:hidden;position:relative}.CollectionTable1055258076__root td{vertical-align:middle}.CollectionTable1055258076__root.CollectionTable1055258076--mobile td:first-child{padding-left:18px}.CollectionTable1055258076__root.CollectionTable1055258076--mobile td:last-child{padding-right:18px}.CollectionToolbar2151319017__left{min-width:0}.CollectionToolbar2151319017__root.CollectionToolbar2151319017--views .CollectionToolbar2151319017__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2151319017__left.CollectionToolbar2151319017--expandable{flex:auto}.CollectionToolbar2151319017__root .CollectionToolbar2151319017__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2151319017__root.CollectionToolbar2151319017--views .CollectionToolbar2151319017__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2151319017__root .CollectionToolbar2151319017__right.CollectionToolbar2151319017__fullWidth{margin-inline-start:0!important}.CollectionToolbar2151319017__root.CollectionToolbar2151319017--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter240439536__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter240439536__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter240439536__searchMobile:not(.SearchOrCustomFilter240439536--expandable){left:18px}.SearchOrCustomFilter240439536__searchMobile.SearchOrCustomFilter240439536--expandable.SearchOrCustomFilter240439536--expanded{left:18px}.AutoCompleteReadonly1406237311__root.AutoCompleteReadonly1406237311--disableEditing{cursor:pointer}.AutoCompleteReadonly1406237311__root.AutoCompleteReadonly1406237311--disableEditing input{cursor:pointer}.ViewsDropdown725039834__root{width:200px}.DragHandle2825044367__root{display:flex;align-items:center}.DragHandle2825044367__root:not(.DragHandle2825044367--disabled){cursor:grab;color:#a8caff}.DragHandle2825044367__root.DragHandle2825044367--disabled{color:#acafc4}.DragHandle2825044367__root:focus-visible:not(.DragHandle2825044367--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2825044367__root.DragHandle2825044367--disabled{pointer-events:none}.DragHandle2825044367__root.DragHandle2825044367--dragging:not(.DragHandle2825044367--disabled){cursor:grabbing}.EntityPagePlain2572484501__root.EntityPagePlain2572484501--mobile{--wds-page-header-padding-horizontal:0}.Fade738718178__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade738718178__root.Fade738718178--exit{opacity:0}.Heading3337307390__root{visibility:visible}.Heading3337307390__root.Heading3337307390--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow4127112670__root.InputOverflow4127112670--selected:not(.InputOverflow4127112670--focused) input::placeholder{color:#000624}@keyframes LoadingRow1739001386__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%}}.LoadingRow1739001386__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:LoadingRow1739001386__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2024168608__root{opacity:1}.MaxHeightText2024168608__root.MaxHeightText2024168608--height24{line-height:24px}.MaxLines2800819026__root{overflow:hidden}.MaxLines2800819026__root.MaxLines2800819026--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar48768722__root{min-width:0}.MultiBulkActionToolbar48768722__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar48768722__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar48768722__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3328962544__root td{padding:0!important;width:100%}.NestedTableRow2694518573__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2694518573__root:hover{background-color:#e7f0ff!important}.NestedTableRow2694518573__root.NestedTableRow2694518573--expandable{cursor:pointer}.NestedTableRow2694518573__placeholder td{padding:0!important;width:100%}.NestedTableRow2694518573__root:hover td:first-of-type::before,.NestedTableRow2694518573__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2319447330__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow3129978286__root.NestedTableDragAndDropRow3129978286--draggingInto td{background-color:#e7f0ff!important}.PickerContent44958208__root{display:flex}.PickerContentAdditionalStep4157645089__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep4157645089__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem233480783__root{box-sizing:border-box}.ScrollableContent330524011__root.ScrollableContent330524011--overflowY{overflow-y:auto}.ScrollableContent330524011__root.ScrollableContent330524011--overflowX{overflow-x:auto}.ScrollableContent330524011__root.ScrollableContent330524011--smooth{scroll-behavior:smooth}.SkeletonCard1548329600__headerLoading{display:block!important}.SlidingModal438098495__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal438098495__root.SlidingModal438098495--overlay{transition:transform 0s ease 0s}.SlidingModal438098495__root.SlidingModal438098495---appendTo-6-parent{position:absolute}.SlidingModal438098495__root:not(.SlidingModal438098495--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter235882061__root .TabsFilter235882061__title{color:inherit!important}.ManageTagsModal2281366326__root{display:flex}.ToolbarItem3633085105__root{min-width:0}.ToolbarItemBox282024159__root{min-width:0}.ToolbarItemBox282024159__root.ToolbarItemBox282024159--removeStartPadding{margin-left:-24px}.ToolbarItemBox282024159__root.ToolbarItemBox282024159--expandable{flex:1 0}.common223165716__column{display:flex;flex-direction:column}.common223165716__fullHeight{height:100%;min-height:0}.CollectionPageHeader1357397506__root.CollectionPageHeader1357397506--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1357397506__root.CollectionPageHeader1357397506--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1017885857__root.FormPageHeader1017885857--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1017885857__root.FormPageHeader1017885857--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer620928357__root.CardContainer620928357--mobile{border-radius:0}.Collapse3833380525__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3833380525__exit{height:0}.CollectionPage364034629__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage364034629__root.CollectionPage364034629--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage364034629__root.CollectionPage364034629--panel{overflow:hidden;position:relative}.CollectionTable940291242__root td{vertical-align:middle}.CollectionTable940291242__root.CollectionTable940291242--mobile td:first-child{padding-left:18px}.CollectionTable940291242__root.CollectionTable940291242--mobile td:last-child{padding-right:18px}.CollectionToolbar4068704859__left{min-width:0}.CollectionToolbar4068704859__root.CollectionToolbar4068704859--views .CollectionToolbar4068704859__left{flex-shrink:1;flex-grow:0}.CollectionToolbar4068704859__left.CollectionToolbar4068704859--expandable{flex:auto}.CollectionToolbar4068704859__root .CollectionToolbar4068704859__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar4068704859__root.CollectionToolbar4068704859--views .CollectionToolbar4068704859__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar4068704859__root .CollectionToolbar4068704859__right.CollectionToolbar4068704859__fullWidth{margin-inline-start:0!important}.CollectionToolbar4068704859__root.CollectionToolbar4068704859--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1903816131__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1903816131__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1903816131__searchMobile:not(.SearchOrCustomFilter1903816131--expandable){left:18px}.SearchOrCustomFilter1903816131__searchMobile.SearchOrCustomFilter1903816131--expandable.SearchOrCustomFilter1903816131--expanded{left:18px}.AutoCompleteReadonly806355121__root.AutoCompleteReadonly806355121--disableEditing{cursor:pointer}.AutoCompleteReadonly806355121__root.AutoCompleteReadonly806355121--disableEditing input{cursor:pointer}.ViewsDropdown1463602141__root{width:200px}.DragHandle379285059__root{display:flex;align-items:center}.DragHandle379285059__root:not(.DragHandle379285059--disabled){cursor:grab;color:#a8caff}.DragHandle379285059__root.DragHandle379285059--disabled{color:#acafc4}.DragHandle379285059__root:focus-visible:not(.DragHandle379285059--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle379285059__root.DragHandle379285059--disabled{pointer-events:none}.DragHandle379285059__root.DragHandle379285059--dragging:not(.DragHandle379285059--disabled){cursor:grabbing}.EntityPagePlain1248324565__root.EntityPagePlain1248324565--mobile{--wds-page-header-padding-horizontal:0}.Fade309331560__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade309331560__root.Fade309331560--exit{opacity:0}.Heading3294944041__root{visibility:visible}.Heading3294944041__root.Heading3294944041--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1289398229__root.InputOverflow1289398229--selected:not(.InputOverflow1289398229--focused) input::placeholder{color:#000624}@keyframes LoadingRow3516738585__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%}}.LoadingRow3516738585__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:LoadingRow3516738585__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3217552230__root{opacity:1}.MaxHeightText3217552230__root.MaxHeightText3217552230--height24{line-height:24px}.MaxLines1450598850__root{overflow:hidden}.MaxLines1450598850__root.MaxLines1450598850--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3827809647__root{min-width:0}.MultiBulkActionToolbar3827809647__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3827809647__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3827809647__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3366154610__root td{padding:0!important;width:100%}.NestedTableRow2392165746__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2392165746__root:hover{background-color:#e7f0ff!important}.NestedTableRow2392165746__root.NestedTableRow2392165746--expandable{cursor:pointer}.NestedTableRow2392165746__placeholder td{padding:0!important;width:100%}.NestedTableRow2392165746__root:hover td:first-of-type::before,.NestedTableRow2392165746__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3846689240__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow1252405115__root.NestedTableDragAndDropRow1252405115--draggingInto td{background-color:#e7f0ff!important}.PickerContent471041620__root{display:flex}.PickerContentAdditionalStep551212376__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep551212376__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3915532904__root{box-sizing:border-box}.ScrollableContent37166254__root.ScrollableContent37166254--overflowY{overflow-y:auto}.ScrollableContent37166254__root.ScrollableContent37166254--overflowX{overflow-x:auto}.ScrollableContent37166254__root.ScrollableContent37166254--smooth{scroll-behavior:smooth}.SkeletonCard3572056859__headerLoading{display:block!important}.SlidingModal3830459246__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3830459246__root.SlidingModal3830459246--overlay{transition:transform 0s ease 0s}.SlidingModal3830459246__root.SlidingModal3830459246---appendTo-6-parent{position:absolute}.SlidingModal3830459246__root:not(.SlidingModal3830459246--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter161614526__root .TabsFilter161614526__title{color:inherit!important}.ManageTagsModal3683190222__root{display:flex}.ToolbarItem4165645154__root{min-width:0}.ToolbarItemBox1469898042__root{min-width:0}.ToolbarItemBox1469898042__root.ToolbarItemBox1469898042--removeStartPadding{margin-left:-24px}.ToolbarItemBox1469898042__root.ToolbarItemBox1469898042--expandable{flex:1 0}.common2280014228__column{display:flex;flex-direction:column}.common2280014228__fullHeight{height:100%;min-height:0}.CollectionPageHeader335128254__root.CollectionPageHeader335128254--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader335128254__root.CollectionPageHeader335128254--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2351676937__root.FormPageHeader2351676937--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2351676937__root.FormPageHeader2351676937--mobile>*{margin-left:0;margin-top:6px!important;height:auto}