@wix/patterns 1.495.0 → 1.497.0

package/src/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer3599328487__root.CardContainer3599328487--mobile{border-radius:0}.CmsFieldForm1767670188__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal1469172217__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection486696235__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse1929797603__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1929797603__exit{height:0}.CollectionPage2773365080__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2773365080__root.CollectionPage2773365080--mobile{--wds-page-header-padding-horizontal:0px;--wds-page-header-padding-horizontal-small:0px;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2773365080__root.CollectionPage2773365080--mobile :has(>[data-hook=collection-page-mobile-primary-action]){padding-bottom:0}.CollectionPage2773365080__root.CollectionPage2773365080--panel{overflow:hidden;position:relative}.CollectionSectionHeader1405968881__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable1021270005__root td{vertical-align:middle}.CollectionTable1021270005__root.CollectionTable1021270005--mobile td:first-child{padding-left:18px}.CollectionTable1021270005__root.CollectionTable1021270005--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3017741263__root.CollectionTableWSRTable3017741263--resizable table{min-width:100%}.CollectionTableWSRTable3017741263__root.CollectionTableWSRTable3017741263--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionTableWSRTable3017741263__root.CollectionTableWSRTable3017741263--draggable tr:hover>td.wds-data-table__cell--sticky-action-cell{background-color:var(--wds-table-list-item-fill-hover-draggable, #e7f0ff)!important}.CollectionToolbar933920343__root.CollectionToolbar933920343--harmony .CollectionToolbar933920343__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar933920343__left{min-width:0}.CollectionToolbar933920343__left.CollectionToolbar933920343--expandable{flex:auto}.CollectionToolbar933920343__left.CollectionToolbar933920343--title>*{width:100%}.CollectionToolbar933920343__root.CollectionToolbar933920343---responsiveMode-5-title .CollectionToolbar933920343__left{flex:1 100;min-width:50px}.CollectionToolbar933920343__root.CollectionToolbar933920343---responsiveMode-4-tabs .CollectionToolbar933920343__left,.CollectionToolbar933920343__root.CollectionToolbar933920343---responsiveMode-4-tabs .CollectionToolbar933920343__left.CollectionToolbar933920343--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar933920343__root.CollectionToolbar933920343---responsiveMode-4-tabs .CollectionToolbar933920343__left>*{flex-shrink:1;min-width:0}.CollectionToolbar933920343__root .CollectionToolbar933920343__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar933920343__root.CollectionToolbar933920343--views .CollectionToolbar933920343__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar933920343__root.CollectionToolbar933920343---responsiveMode-4-tabs .CollectionToolbar933920343__right,.CollectionToolbar933920343__root.CollectionToolbar933920343---responsiveMode-5-title .CollectionToolbar933920343__right{flex:0 1 auto;min-width:0}.CollectionToolbar933920343__root .CollectionToolbar933920343__right.CollectionToolbar933920343__fullWidth{margin-inline-start:0!important}.CollectionToolbar933920343__root.CollectionToolbar933920343--mobile:not(.CollectionToolbar933920343--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter1953357450__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1953357450__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1953357450__searchMobile:not(.SearchOrCustomFilter1953357450--expandable){left:18px}.SearchOrCustomFilter1953357450__searchMobile.SearchOrCustomFilter1953357450--expandable.SearchOrCustomFilter1953357450--expanded{left:18px}.AutoCompleteReadonly1613072070__root.AutoCompleteReadonly1613072070--disableEditing{cursor:pointer}.AutoCompleteReadonly1613072070__root.AutoCompleteReadonly1613072070--disableEditing input{cursor:pointer}.ViewsDropdown3390087915__root{width:200px}.CustomFieldFormPiiFields2219357126__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)))}.DragHandle1997568337__root{display:flex;align-items:center}.DragHandle1997568337__root:not(.DragHandle1997568337--disabled){cursor:grab;color:#a8caff}.DragHandle1997568337__root.DragHandle1997568337--disabled{color:#acafc4}.DragHandle1997568337__root:focus-visible:not(.DragHandle1997568337--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1997568337__root.DragHandle1997568337--disabled{pointer-events:none}.DragHandle1997568337__root.DragHandle1997568337--dragging:not(.DragHandle1997568337--disabled){cursor:grabbing}.HeaderActionsPopover3751305489__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3751305489__root,.HeaderActionsPopover3751305489__root[data-menu-open=true],.HeaderActionsPopover3751305489__root:focus-within{opacity:1}.CellViewLayout632762218__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout632762218__root>*{flex:1;min-width:0}.JsonInputEdit2653879049__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}.Edit3944608007__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;min-width:0;overflow:hidden}.Edit3944608007__addressInput>div,.Edit3944608007__addressInput>div>div,.Edit3944608007__addressInput>div>div>div{width:100%;min-width:0}.Edit1825892734__booleanEdit{display:flex;align-items:center;margin-left:8px}.View3170603540__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit1089980805__root{width:100%;height:100%;display:flex;align-items:center}.Edit673023204__dateInput{margin-left:-1px}.Edit1898372478__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit1898372478__dateHalf{flex:60 1 0}.Edit1898372478__timeHalf{flex:40 1 0}.Edit1898372478__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1898372478__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%}.Edit1898372478__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View1761170044__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}.View1761170044__datePart{flex:60 1 0}.View1761170044__timePart{flex:40 1 0}.View1761170044__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View1761170044__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3070213297__emailInput{width:100%;margin-left:-1px}.Edit280315305__numberInput{width:100%;margin-right:2px}.Edit280315305__numberInput input{text-align:right;direction:ltr}.View2781506596__textView{width:100%;text-align:right}.Edit2414094201__selectInput{width:100%}.Edit2395190668__editWrapper{width:100%}.Edit2395190668__inputArea{background-color:transparent;width:100%}.Edit2395190668__inputArea input,.Edit2395190668__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}.Edit2395190668__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2395190668__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2395190668__inputArea>div::after{box-shadow:none!important}.Edit2395190668__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2395190668__inputArea:not(.Edit2395190668--isFocused) textarea{resize:none;overflow:hidden}.Edit2395190668__inputArea:not(.Edit2395190668--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3719156168__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(
+.CardContainer3591451168__root.CardContainer3591451168--mobile{border-radius:0}.CmsFieldForm2939255577__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal405531635__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection2603495915__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse1856939489__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1856939489__exit{height:0}.CollectionPage954296046__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage954296046__root.CollectionPage954296046--mobile{--wds-page-header-padding-horizontal:0px;--wds-page-header-padding-horizontal-small:0px;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage954296046__root.CollectionPage954296046--mobile :has(>[data-hook=collection-page-mobile-primary-action]){padding-bottom:0}.CollectionPage954296046__root.CollectionPage954296046--panel{overflow:hidden;position:relative}.CollectionSectionHeader259709835__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3363808206__root td{vertical-align:middle}.CollectionTable3363808206__root.CollectionTable3363808206--mobile td:first-child{padding-left:18px}.CollectionTable3363808206__root.CollectionTable3363808206--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable2281106699__root.CollectionTableWSRTable2281106699--resizable table{min-width:100%}.CollectionTableWSRTable2281106699__root.CollectionTableWSRTable2281106699--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionTableWSRTable2281106699__root.CollectionTableWSRTable2281106699--draggable tr:hover>td.wds-data-table__cell--sticky-action-cell{background-color:var(--wds-table-list-item-fill-hover-draggable, #e7f0ff)!important}.CollectionToolbar1271229738__root.CollectionToolbar1271229738--harmony .CollectionToolbar1271229738__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar1271229738__left{min-width:0}.CollectionToolbar1271229738__left.CollectionToolbar1271229738--expandable{flex:auto}.CollectionToolbar1271229738__left.CollectionToolbar1271229738--title>*{width:100%}.CollectionToolbar1271229738__root.CollectionToolbar1271229738---responsiveMode-5-title .CollectionToolbar1271229738__left{flex:1 100;min-width:50px}.CollectionToolbar1271229738__root.CollectionToolbar1271229738---responsiveMode-4-tabs .CollectionToolbar1271229738__left,.CollectionToolbar1271229738__root.CollectionToolbar1271229738---responsiveMode-4-tabs .CollectionToolbar1271229738__left.CollectionToolbar1271229738--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1271229738__root.CollectionToolbar1271229738---responsiveMode-4-tabs .CollectionToolbar1271229738__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1271229738__root .CollectionToolbar1271229738__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1271229738__root.CollectionToolbar1271229738--views .CollectionToolbar1271229738__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1271229738__root.CollectionToolbar1271229738---responsiveMode-4-tabs .CollectionToolbar1271229738__right,.CollectionToolbar1271229738__root.CollectionToolbar1271229738---responsiveMode-5-title .CollectionToolbar1271229738__right{flex:0 1 auto;min-width:0}.CollectionToolbar1271229738__root .CollectionToolbar1271229738__right.CollectionToolbar1271229738__fullWidth{margin-inline-start:0!important}.CollectionToolbar1271229738__root.CollectionToolbar1271229738--mobile:not(.CollectionToolbar1271229738--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter2315808301__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2315808301__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter2315808301__searchMobile:not(.SearchOrCustomFilter2315808301--expandable){left:18px}.SearchOrCustomFilter2315808301__searchMobile.SearchOrCustomFilter2315808301--expandable.SearchOrCustomFilter2315808301--expanded{left:18px}.AutoCompleteReadonly3230807394__root.AutoCompleteReadonly3230807394--disableEditing{cursor:pointer}.AutoCompleteReadonly3230807394__root.AutoCompleteReadonly3230807394--disableEditing input{cursor:pointer}.ViewsDropdown1597555999__root{width:200px}.CustomFieldFormPiiFields2772733922__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)))}.DragHandle2951769385__root{display:flex;align-items:center}.DragHandle2951769385__root:not(.DragHandle2951769385--disabled){cursor:grab;color:#a8caff}.DragHandle2951769385__root.DragHandle2951769385--disabled{color:#acafc4}.DragHandle2951769385__root:focus-visible:not(.DragHandle2951769385--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2951769385__root.DragHandle2951769385--disabled{pointer-events:none}.DragHandle2951769385__root.DragHandle2951769385--dragging:not(.DragHandle2951769385--disabled){cursor:grabbing}.HeaderActionsPopover3679129423__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3679129423__root,.HeaderActionsPopover3679129423__root[data-menu-open=true],.HeaderActionsPopover3679129423__root:focus-within{opacity:1}.CellViewLayout3378529073__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3378529073__root>*{flex:1;min-width:0}.JsonInputEdit4108484162__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}.Edit957664990__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;min-width:0;overflow:hidden}.Edit957664990__addressInput>div,.Edit957664990__addressInput>div>div,.Edit957664990__addressInput>div>div>div{width:100%;min-width:0}.Edit2466767475__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1398519288__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit1807971342__root{width:100%;height:100%;display:flex;align-items:center}.Edit3521736375__dateInput{margin-left:-1px}.Edit1196179256__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit1196179256__dateHalf{flex:60 1 0}.Edit1196179256__timeHalf{flex:40 1 0}.Edit1196179256__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1196179256__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%}.Edit1196179256__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View2775197170__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}.View2775197170__datePart{flex:60 1 0}.View2775197170__timePart{flex:40 1 0}.View2775197170__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View2775197170__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit1495993665__emailInput{width:100%;margin-left:-1px}.Edit511428885__root{align-self:stretch;width:100%}.Edit13716502__editor{width:100%;min-width:0;max-height:min(360px,50vh);overflow-y:auto}.Edit3443589027__numberInput{width:100%;margin-right:2px}.Edit3443589027__numberInput input{text-align:right;direction:ltr}.View2579481934__textView{width:100%;text-align:right}.Edit3401964765__selectInput{width:100%}.Edit3952514835__editWrapper{width:100%}.Edit3952514835__inputArea{background-color:transparent;width:100%}.Edit3952514835__inputArea input,.Edit3952514835__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}.Edit3952514835__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3952514835__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3952514835__inputArea>div::after{box-shadow:none!important}.Edit3952514835__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3952514835__inputArea:not(.Edit3952514835--isFocused) textarea{resize:none;overflow:hidden}.Edit3952514835__inputArea:not(.Edit3952514835--isFocused) textarea::-webkit-scrollbar{display:none}.Edit1366250558__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
-  )}.Edit3719156168__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit3586755469__urlInput{width:100%;margin-left:-1px}.View4049590600__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View4049590600__urlText{flex:1;min-width:0}.View4049590600__suffix{flex-shrink:0;margin-left:10px}.View4049590600__textView.View4049590600--suffixOnHover:not(:hover) .View4049590600__suffix{display:none}.EmptyStateBase4117235004__root{min-height:230px;align-items:center}.EntityPagePlain2875429091__root.EntityPagePlain2875429091--mobile{--wds-page-header-padding-horizontal:0}.EntityPageField2583760001__row{width:100%;max-width:100%}.EntityPageField2583760001__row.EntityPageField2583760001--fitContent{width:min-content;min-width:min(300px,100%)}.Fade2813439303__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2813439303__root.Fade2813439303--exit{opacity:0}.Heading3761637075__root{visibility:visible}.Heading3761637075__root.Heading3761637075--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2770342220__fileUpload{width:100%}.InputOverflow2435192461__root.InputOverflow2435192461--selected:not(.InputOverflow2435192461--focused) input::placeholder{color:#000624}@keyframes LoadingRow545130978__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%}}.LoadingRow545130978__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:LoadingRow545130978__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText790531276__root{opacity:1}.MaxHeightText790531276__root.MaxHeightText790531276--height24{line-height:24px}.MaxLines2304982459__root{overflow:hidden}.MaxLines2304982459__root.MaxLines2304982459--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1820361712__root.MultiBulkActionToolbar1820361712__root.MultiBulkActionToolbar1820361712__root{flex-shrink:1;min-width:0}.MultiBulkActionToolbar1820361712__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1820361712__root .MultiBulkActionToolbar1820361712__leftGroupWrapper .MultiBulkActionToolbar1820361712__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1820361712__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3883910038__root td{padding:0!important;width:100%}.NestedTableRow3670036296__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow3670036296__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow3670036296__root.NestedTableRow3670036296--expandable{cursor:pointer}.NestedTableRow3670036296__placeholder td{padding:0!important;width:100%}.NestedTableRow3670036296__root:hover td:first-of-type::before,.NestedTableRow3670036296__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))}.MultipleDragOverlayEffect348513564__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)))}.NestedTableDragAndDropRow4090382608__root.NestedTableDragAndDropRow4090382608--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent1391911279__root{display:flex}.PickerContentAdditionalStep2748344170__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2748344170__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2099110564__root{box-sizing:border-box}.ScrollableContent2674810946__root.ScrollableContent2674810946--overflowY{overflow-y:auto}.ScrollableContent2674810946__root.ScrollableContent2674810946--overflowX{overflow-x:auto}.ScrollableContent2674810946__root.ScrollableContent2674810946--smooth{scroll-behavior:smooth}.SetupWidget1049875717__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))}.SetupWidget1049875717__row.SetupWidget1049875717--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget1049875717__row.SetupWidget1049875717--focused.SetupWidget1049875717--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget1049875717__completedCta,.SetupWidget1049875717__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget1049875717__row:hover .SetupWidget1049875717__completedCta,.SetupWidget1049875717__row:hover .SetupWidget1049875717__secondaryCta{opacity:1}}.SetupWidget1049875717__row:focus-within .SetupWidget1049875717__completedCta,.SetupWidget1049875717__row:focus-within .SetupWidget1049875717__secondaryCta,.SetupWidget1049875717__secondaryCta:focus-within{opacity:1}.SetupWidget1049875717__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}.SetupWidget1049875717__card.SetupWidget1049875717--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget1049875717__card.SetupWidget1049875717--clickable{cursor:pointer}.SetupWidget1049875717__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget1049875717__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget1049875717__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget1049875717__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard3476574360__headerLoading{display:block!important}.SlidingModal1138162268__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1138162268__root.SlidingModal1138162268--overlay{transition:transform 0s ease 0s}.SlidingModal1138162268__root.SlidingModal1138162268---appendTo-6-parent{position:absolute}.SlidingModal1138162268__root.SlidingModal1138162268--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1138162268__root:not(.SlidingModal1138162268--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(.AddFieldColumnHeader2165490183__anchorLayer){position:relative}.AddFieldColumnHeader2165490183__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader2165490183__anchorLayer>.AddFieldColumnHeader2165490183__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader2165490183__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}.AddFieldColumnHeader2165490183__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)}.AddFieldColumnHeader2165490183__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader2165490183__hoverBridge.AddFieldColumnHeader2165490183---side-4-left{transform:translate(-50%,-50%)}.NumberCell4142295463__root{flex:1 1 auto;min-width:0;text-align:end}.TabsFilter2750685995__root .TabsFilter2750685995__titleBox *{color:inherit!important}.ManageTagsModal2806058920__root{display:flex}.ManageTagsModal2806058920__root.ManageTagsModal2806058920--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal2806058920__root.ManageTagsModal2806058920--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem1801862605__root{min-width:0}.ToolbarItemBox1663907210__root{min-width:0}.ToolbarItemBox1663907210__root.ToolbarItemBox1663907210--removeStartPadding{margin-left:-24px}.ToolbarItemBox1663907210__root.ToolbarItemBox1663907210--expandable{flex:1 0}.common2788775158__column{display:flex;flex-direction:column}.common2788775158__fullHeight{height:100%;min-height:0}.CollectionPageHeader1790822900__root:not(.CollectionPageHeader1790822900--mobile){gap:12px}.CollectionPageHeader1790822900__root.CollectionPageHeader1790822900--mobile{--wds-page-header-title-actions-gap:8px;padding-right:18px;padding-left:18px}.CollectionPageHeader1790822900__root.CollectionPageHeader1790822900--mobile [data-hook=page-header-actionbar]{display:contents}.CollectionPageHeader1790822900__mobileMoreActions{align-self:flex-start;margin-top:6px}.MobilePrimaryActionBar3753253024__root{padding:var(--wds-space-300, 18px) var(--wds-space-400, 24px)}.TitleBadges176837811__tooltip.TitleBadges176837811__tooltip,.TitleBadges176837811__tooltipTrigger{display:flex}.FormPageHeader3732796717__root.FormPageHeader3732796717--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3732796717__root.FormPageHeader3732796717--mobile>*{margin-left:0;margin-top:6px!important;height:auto}td:has(>.EditableCell485900542__root){position:relative;overflow:visible}td:has(>.EditableCell485900542__root.EditableCell485900542--harmony){overflow:hidden;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}td:has(>.EditableCell485900542__root.EditableCell485900542--harmony.EditableCell485900542--rangeSelected),td:has(>.EditableCell485900542__root.EditableCell485900542--harmony:hover),td:has(>.EditableCell485900542__root.EditableCell485900542--harmony.EditableCell485900542--invalid),td:has(>.EditableCell485900542__root.EditableCell485900542--harmony.EditableCell485900542--focused),td:has(>.EditableCell485900542__root.EditableCell485900542--harmony.EditableCell485900542--editing),td:has(>.EditableCell485900542__root.EditableCell485900542--harmony [data-inner-focused]){overflow:visible}td:not([data-sticky=true]):has(>.EditableCell485900542__root.EditableCell485900542--harmony.EditableCell485900542--focused),td:not([data-sticky=true]):has(>.EditableCell485900542__root.EditableCell485900542--harmony.EditableCell485900542--editing),td:not([data-sticky=true]):has(>.EditableCell485900542__root.EditableCell485900542--harmony [data-inner-focused]){z-index:4}tr:has(.EditableCell485900542__root.EditableCell485900542--harmony.EditableCell485900542--focused),tr:has(.EditableCell485900542__root.EditableCell485900542--harmony.EditableCell485900542--editing),tr:has(.EditableCell485900542__root.EditableCell485900542--harmony [data-inner-focused]){position:relative;z-index:4}tr:has(>td[data-sticky=true]>.EditableCell485900542__root.EditableCell485900542--harmony.EditableCell485900542--focused){z-index:6}tr:has(>td>.EditableCell485900542__root)>td[data-sticky=true]{z-index:5}td[data-sticky=true]:has(>.EditableCell485900542__root.EditableCell485900542--focused){z-index:6}tr:has(.EditableCell485900542__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}tr[data-index]:has(.EditableCell485900542__root){--wds-table-action-cell-backdrop-opacity:0}tr[data-index]:has(.EditableCell485900542__root.EditableCell485900542--rowActive){background:var(--wds-color-black-750, #f6f7f9)}tr[data-index]:has(.EditableCell485900542__root):hover>td:has(>[data-hook=collection-action-cell]){background:0 0}.EditableCell485900542__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))}.EditableCell485900542__root.EditableCell485900542--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}.EditableCell485900542__root.EditableCell485900542--harmony .Edit2395190668__inputArea{--wds-outline-focus-outer:none;--wds-outline-focus-inner:none}td:has(>.EditableCell485900542__root.EditableCell485900542--harmony)~td:has(>.EditableCell485900542__root.EditableCell485900542--harmony)>.EditableCell485900542__root.EditableCell485900542--harmony{left:-1px}tr.EditableCell485900542__selectorRow>td.wds-data-table__selector-cell{z-index:4}tr.EditableCell485900542__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}.EditableCell485900542__selectorRow>td.wds-data-table__selector-cell+td>.EditableCell485900542__root{left:0}.EditableCell485900542__selectorRow.EditableCell485900542--first>td>.EditableCell485900542__root,.EditableCell485900542__selectorRow.EditableCell485900542--first>td.wds-data-table__selector-cell::before{top:0}.EditableCell485900542__selectorRow.EditableCell485900542--first:has(.EditableCell485900542__root.EditableCell485900542--harmony)>td.wds-data-table__selector-cell::before{border-top-color:transparent}tr[data-index=index-0]>td>.EditableCell485900542__root.EditableCell485900542--harmony{top:0}tr:first-child>td>.EditableCell485900542__root.EditableCell485900542--harmony:not(.EditableCell485900542--focused):not(.EditableCell485900542--editing):not(.EditableCell485900542--invalid):not(.EditableCell485900542--rowActive):not(.EditableCell485900542--rangeSelected):not(.EditableCell485900542--selectionTop):not(.EditableCell485900542--copiedTop):not(:has([data-inner-focused])),tr[data-index=index-0]>td>.EditableCell485900542__root.EditableCell485900542--harmony:not(.EditableCell485900542--focused):not(.EditableCell485900542--editing):not(.EditableCell485900542--invalid):not(.EditableCell485900542--rowActive):not(.EditableCell485900542--rangeSelected):not(.EditableCell485900542--selectionTop):not(.EditableCell485900542--copiedTop):not(:has([data-inner-focused])){border-top-color:transparent}.EditableCell485900542__selectorRow:hover>td.wds-data-table__selector-cell,.EditableCell485900542__root:hover:not(.EditableCell485900542--rowActive):not(.EditableCell485900542--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell485900542__selectorRow.EditableCell485900542--active>td.wds-data-table__selector-cell,.EditableCell485900542__root.EditableCell485900542--rowActive:not(.EditableCell485900542--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell485900542__root.EditableCell485900542--rowActive:hover:not(.EditableCell485900542--focused):not(.EditableCell485900542--rangeSelected):not(.EditableCell485900542--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)}.EditableCell485900542__root.EditableCell485900542--harmony.EditableCell485900542--rowActive:hover:not(.EditableCell485900542--focused):not(.EditableCell485900542--rangeSelected):not(.EditableCell485900542--readOnly){z-index:2}.EditableCell485900542__root.EditableCell485900542--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)}.EditableCell485900542__root.EditableCell485900542--readOnly:hover:not(.EditableCell485900542--rowActive):not(.EditableCell485900542--rangeSelected),.EditableCell485900542__root.EditableCell485900542--readOnly.EditableCell485900542--rowActive:not(.EditableCell485900542--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell485900542__root.EditableCell485900542--readOnly.EditableCell485900542--rowActive:hover:not(.EditableCell485900542--focused):not(.EditableCell485900542--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell485900542__root.EditableCell485900542--focused:not(.EditableCell485900542--rangeSelected),.EditableCell485900542__root:has([data-inner-focused]),.EditableCell485900542__root.EditableCell485900542--invalid:not(.EditableCell485900542--rangeSelected):not(.EditableCell485900542--copiedTop):not(.EditableCell485900542--copiedBottom):not(.EditableCell485900542--copiedLeft):not(.EditableCell485900542--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))}.EditableCell485900542__root.EditableCell485900542--focused:not(.EditableCell485900542--rangeSelected){box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell485900542__root.EditableCell485900542--harmony.EditableCell485900542--focused:not(.EditableCell485900542--rangeSelected){z-index:4}.EditableCell485900542__root.EditableCell485900542--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell485900542__root.EditableCell485900542--harmony.EditableCell485900542--editing{z-index:4}.EditableCell485900542__root.EditableCell485900542--editing:not(.EditableCell485900542--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell485900542__root.EditableCell485900542--focused.EditableCell485900542--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell485900542__root.EditableCell485900542--harmony.EditableCell485900542--focused.EditableCell485900542--growable{z-index:4}.EditableCell485900542__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell485900542__root.EditableCell485900542--harmony:has([data-inner-focused]){z-index:4}.EditableCell485900542__root.EditableCell485900542--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell485900542__root.EditableCell485900542--selectionTop:not(.EditableCell485900542--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell485900542__root.EditableCell485900542--selectionBottom:not(.EditableCell485900542--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell485900542__root.EditableCell485900542--selectionLeft:not(.EditableCell485900542--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell485900542__root.EditableCell485900542--selectionRight:not(.EditableCell485900542--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell485900542__root.EditableCell485900542--invalid,.EditableCell485900542__root.EditableCell485900542--invalid.EditableCell485900542--rowActive:hover:not(.EditableCell485900542--focused):not(.EditableCell485900542--rangeSelected),.EditableCell485900542__root.EditableCell485900542--invalid.EditableCell485900542--focused:not(.EditableCell485900542--rangeSelected),.EditableCell485900542__root.EditableCell485900542--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))}.EditableCell485900542__root.EditableCell485900542--invalid:not(.EditableCell485900542--rangeSelected):not(.EditableCell485900542--copiedTop):not(.EditableCell485900542--copiedBottom):not(.EditableCell485900542--copiedLeft):not(.EditableCell485900542--copiedRight){border-color:transparent;outline-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell485900542__root.EditableCell485900542--copiedTop:not(.EditableCell485900542--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell485900542__root.EditableCell485900542--copiedBottom:not(.EditableCell485900542--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell485900542__root.EditableCell485900542--copiedLeft:not(.EditableCell485900542--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell485900542__root.EditableCell485900542--copiedRight:not(.EditableCell485900542--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell485900542__root.EditableCell485900542--invalid:not(.EditableCell485900542--focused):not(.EditableCell485900542--editing){z-index:1}.EditableCell485900542__root.EditableCell485900542--harmony.EditableCell485900542--invalid:not(.EditableCell485900542--focused):not(.EditableCell485900542--editing){z-index:3}.EditableCell485900542__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 .EditableCell485900542__errorMessage{top:auto;bottom:calc(100% + 4px)}.EmptyReferenceView1182212601__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))}.EmptyReferenceView1182212601__placeholderIcon{display:flex;flex:none}.EmptyReferenceView1182212601__placeholderText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.EditableCell485900542__root.EditableCell485900542--focused .EmptyReferenceView1182212601__placeholder{display:flex}.EmptyReferenceView1182212601__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))}
+  )}.Edit1366250558__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit819347916__urlInput{width:100%;margin-left:-1px}.View3101918258__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3101918258__urlText{flex:1;min-width:0}.View3101918258__suffix{flex-shrink:0;margin-left:10px}.View3101918258__textView.View3101918258--suffixOnHover:not(:hover) .View3101918258__suffix{display:none}.EmptyStateBase1065544878__root{min-height:230px;align-items:center}.EntityPagePlain1688814580__root.EntityPagePlain1688814580--mobile{--wds-page-header-padding-horizontal:0}.EntityPageField3423784249__row{width:100%;max-width:100%}.EntityPageField3423784249__row.EntityPageField3423784249--fitContent{width:min-content;min-width:min(300px,100%)}.Fade3162504937__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3162504937__root.Fade3162504937--exit{opacity:0}.Heading2680099506__root{visibility:visible}.Heading2680099506__root.Heading2680099506--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2138524897__fileUpload{width:100%}.InputOverflow3563109951__root.InputOverflow3563109951--selected:not(.InputOverflow3563109951--focused) input::placeholder{color:#000624}@keyframes LoadingRow1083835067__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%}}.LoadingRow1083835067__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:LoadingRow1083835067__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3978950453__root{opacity:1}.MaxHeightText3978950453__root.MaxHeightText3978950453--height24{line-height:24px}.MaxLines3661635466__root{overflow:hidden}.MaxLines3661635466__root.MaxLines3661635466--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3457488794__root.MultiBulkActionToolbar3457488794__root.MultiBulkActionToolbar3457488794__root{flex-shrink:1;min-width:0}.MultiBulkActionToolbar3457488794__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3457488794__root .MultiBulkActionToolbar3457488794__leftGroupWrapper .MultiBulkActionToolbar3457488794__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3457488794__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1202286515__root td{padding:0!important;width:100%}.NestedTableRow1879468051__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow1879468051__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow1879468051__root.NestedTableRow1879468051--expandable{cursor:pointer}.NestedTableRow1879468051__placeholder td{padding:0!important;width:100%}.NestedTableRow1879468051__root:hover td:first-of-type::before,.NestedTableRow1879468051__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))}.MultipleDragOverlayEffect3646481543__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)))}.NestedTableDragAndDropRow114705686__root.NestedTableDragAndDropRow114705686--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent50865064__root{display:flex}.PickerContentAdditionalStep1390594085__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1390594085__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2742061961__root{box-sizing:border-box}.ScrollableContent4009927508__root.ScrollableContent4009927508--overflowY{overflow-y:auto}.ScrollableContent4009927508__root.ScrollableContent4009927508--overflowX{overflow-x:auto}.ScrollableContent4009927508__root.ScrollableContent4009927508--smooth{scroll-behavior:smooth}.SetupWidget652943968__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))}.SetupWidget652943968__row.SetupWidget652943968--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget652943968__row.SetupWidget652943968--focused.SetupWidget652943968--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget652943968__completedCta,.SetupWidget652943968__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget652943968__row:hover .SetupWidget652943968__completedCta,.SetupWidget652943968__row:hover .SetupWidget652943968__secondaryCta{opacity:1}}.SetupWidget652943968__row:focus-within .SetupWidget652943968__completedCta,.SetupWidget652943968__row:focus-within .SetupWidget652943968__secondaryCta,.SetupWidget652943968__secondaryCta:focus-within{opacity:1}.SetupWidget652943968__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}.SetupWidget652943968__card.SetupWidget652943968--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget652943968__card.SetupWidget652943968--clickable{cursor:pointer}.SetupWidget652943968__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget652943968__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget652943968__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget652943968__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard3097408332__headerLoading{display:block!important}.SlidingModal1016288070__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1016288070__root.SlidingModal1016288070--overlay{transition:transform 0s ease 0s}.SlidingModal1016288070__root.SlidingModal1016288070---appendTo-6-parent{position:absolute}.SlidingModal1016288070__root.SlidingModal1016288070--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1016288070__root:not(.SlidingModal1016288070--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(.AddFieldColumnHeader2726776838__anchorLayer){position:relative}.AddFieldColumnHeader2726776838__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader2726776838__anchorLayer>.AddFieldColumnHeader2726776838__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader2726776838__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}.AddFieldColumnHeader2726776838__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)}.AddFieldColumnHeader2726776838__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader2726776838__hoverBridge.AddFieldColumnHeader2726776838---side-4-left{transform:translate(-50%,-50%)}.NumberCell218915555__root{flex:1 1 auto;min-width:0;text-align:end}.TabsFilter2577241363__root .TabsFilter2577241363__titleBox *{color:inherit!important}.ManageTagsModal1016869396__root{display:flex}.ManageTagsModal1016869396__root.ManageTagsModal1016869396--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1016869396__root.ManageTagsModal1016869396--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem341992879__root{min-width:0}.ToolbarItemBox3308969475__root{min-width:0}.ToolbarItemBox3308969475__root.ToolbarItemBox3308969475--removeStartPadding{margin-left:-24px}.ToolbarItemBox3308969475__root.ToolbarItemBox3308969475--expandable{flex:1 0}.common3814229212__column{display:flex;flex-direction:column}.common3814229212__fullHeight{height:100%;min-height:0}.CollectionPageHeader3311006848__root:not(.CollectionPageHeader3311006848--mobile){gap:12px}.CollectionPageHeader3311006848__root.CollectionPageHeader3311006848--mobile{--wds-page-header-title-actions-gap:8px;padding-right:18px;padding-left:18px}.CollectionPageHeader3311006848__root.CollectionPageHeader3311006848--mobile [data-hook=page-header-actionbar]{display:contents}.CollectionPageHeader3311006848__mobileMoreActions{align-self:flex-start;margin-top:6px}.MobilePrimaryActionBar4227138949__root{padding:var(--wds-space-300, 18px) var(--wds-space-400, 24px)}.TitleBadges3914608263__tooltip.TitleBadges3914608263__tooltip,.TitleBadges3914608263__tooltipTrigger{display:flex}.FormPageHeader2994546911__root.FormPageHeader2994546911--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2994546911__root.FormPageHeader2994546911--mobile>*{margin-left:0;margin-top:6px!important;height:auto}td:has(>.EditableCell2712054398__root){position:relative;overflow:visible}td:has(>.EditableCell2712054398__root.EditableCell2712054398--harmony){overflow:hidden;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}td:has(>.EditableCell2712054398__root.EditableCell2712054398--harmony.EditableCell2712054398--rangeSelected),td:has(>.EditableCell2712054398__root.EditableCell2712054398--harmony:hover),td:has(>.EditableCell2712054398__root.EditableCell2712054398--harmony.EditableCell2712054398--invalid),td:has(>.EditableCell2712054398__root.EditableCell2712054398--harmony.EditableCell2712054398--focused),td:has(>.EditableCell2712054398__root.EditableCell2712054398--harmony.EditableCell2712054398--editing),td:has(>.EditableCell2712054398__root.EditableCell2712054398--harmony [data-inner-focused]){overflow:visible}td:not([data-sticky=true]):has(>.EditableCell2712054398__root.EditableCell2712054398--harmony.EditableCell2712054398--focused),td:not([data-sticky=true]):has(>.EditableCell2712054398__root.EditableCell2712054398--harmony.EditableCell2712054398--editing),td:not([data-sticky=true]):has(>.EditableCell2712054398__root.EditableCell2712054398--harmony [data-inner-focused]){z-index:4}tr:has(.EditableCell2712054398__root.EditableCell2712054398--harmony.EditableCell2712054398--focused),tr:has(.EditableCell2712054398__root.EditableCell2712054398--harmony.EditableCell2712054398--editing),tr:has(.EditableCell2712054398__root.EditableCell2712054398--harmony [data-inner-focused]){position:relative;z-index:4}tr:has(>td[data-sticky=true]>.EditableCell2712054398__root.EditableCell2712054398--harmony.EditableCell2712054398--focused){z-index:6}tr:has(>td>.EditableCell2712054398__root)>td[data-sticky=true]{z-index:5}td[data-sticky=true]:has(>.EditableCell2712054398__root.EditableCell2712054398--focused){z-index:6}tr:has(.EditableCell2712054398__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}tr[data-index]:has(.EditableCell2712054398__root){--wds-table-action-cell-backdrop-opacity:0}tr[data-index]:has(.EditableCell2712054398__root.EditableCell2712054398--rowActive){background:var(--wds-color-black-750, #f6f7f9)}tr[data-index]:has(.EditableCell2712054398__root):hover>td:has(>[data-hook=collection-action-cell]){background:0 0}.EditableCell2712054398__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))}.EditableCell2712054398__root.EditableCell2712054398--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}.EditableCell2712054398__root.EditableCell2712054398--harmony .Edit3952514835__inputArea{--wds-outline-focus-outer:none;--wds-outline-focus-inner:none}td:has(>.EditableCell2712054398__root.EditableCell2712054398--harmony)~td:has(>.EditableCell2712054398__root.EditableCell2712054398--harmony)>.EditableCell2712054398__root.EditableCell2712054398--harmony{left:-1px}tr.EditableCell2712054398__selectorRow>td.wds-data-table__selector-cell{z-index:4}tr.EditableCell2712054398__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}.EditableCell2712054398__selectorRow>td.wds-data-table__selector-cell+td>.EditableCell2712054398__root{left:0}.EditableCell2712054398__selectorRow.EditableCell2712054398--first>td>.EditableCell2712054398__root,.EditableCell2712054398__selectorRow.EditableCell2712054398--first>td.wds-data-table__selector-cell::before{top:0}.EditableCell2712054398__selectorRow.EditableCell2712054398--first:has(.EditableCell2712054398__root.EditableCell2712054398--harmony)>td.wds-data-table__selector-cell::before{border-top-color:transparent}tr[data-index=index-0]>td>.EditableCell2712054398__root.EditableCell2712054398--harmony{top:0}tr:first-child>td>.EditableCell2712054398__root.EditableCell2712054398--harmony:not(.EditableCell2712054398--focused):not(.EditableCell2712054398--editing):not(.EditableCell2712054398--invalid):not(.EditableCell2712054398--rowActive):not(.EditableCell2712054398--rangeSelected):not(.EditableCell2712054398--selectionTop):not(.EditableCell2712054398--copiedTop):not(:has([data-inner-focused])),tr[data-index=index-0]>td>.EditableCell2712054398__root.EditableCell2712054398--harmony:not(.EditableCell2712054398--focused):not(.EditableCell2712054398--editing):not(.EditableCell2712054398--invalid):not(.EditableCell2712054398--rowActive):not(.EditableCell2712054398--rangeSelected):not(.EditableCell2712054398--selectionTop):not(.EditableCell2712054398--copiedTop):not(:has([data-inner-focused])){border-top-color:transparent}.EditableCell2712054398__selectorRow:hover>td.wds-data-table__selector-cell,.EditableCell2712054398__root:hover:not(.EditableCell2712054398--rowActive):not(.EditableCell2712054398--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell2712054398__selectorRow.EditableCell2712054398--active>td.wds-data-table__selector-cell,.EditableCell2712054398__root.EditableCell2712054398--rowActive:not(.EditableCell2712054398--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell2712054398__root.EditableCell2712054398--rowActive:hover:not(.EditableCell2712054398--focused):not(.EditableCell2712054398--rangeSelected):not(.EditableCell2712054398--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)}.EditableCell2712054398__root.EditableCell2712054398--harmony.EditableCell2712054398--rowActive:hover:not(.EditableCell2712054398--focused):not(.EditableCell2712054398--rangeSelected):not(.EditableCell2712054398--readOnly){z-index:2}.EditableCell2712054398__root.EditableCell2712054398--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)}.EditableCell2712054398__root.EditableCell2712054398--readOnly:hover:not(.EditableCell2712054398--rowActive):not(.EditableCell2712054398--rangeSelected),.EditableCell2712054398__root.EditableCell2712054398--readOnly.EditableCell2712054398--rowActive:not(.EditableCell2712054398--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell2712054398__root.EditableCell2712054398--readOnly.EditableCell2712054398--rowActive:hover:not(.EditableCell2712054398--focused):not(.EditableCell2712054398--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell2712054398__root.EditableCell2712054398--focused:not(.EditableCell2712054398--rangeSelected),.EditableCell2712054398__root:has([data-inner-focused]),.EditableCell2712054398__root.EditableCell2712054398--invalid:not(.EditableCell2712054398--rangeSelected):not(.EditableCell2712054398--copiedTop):not(.EditableCell2712054398--copiedBottom):not(.EditableCell2712054398--copiedLeft):not(.EditableCell2712054398--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))}.EditableCell2712054398__root.EditableCell2712054398--focused:not(.EditableCell2712054398--rangeSelected){box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell2712054398__root.EditableCell2712054398--harmony.EditableCell2712054398--focused:not(.EditableCell2712054398--rangeSelected){z-index:4}.EditableCell2712054398__root.EditableCell2712054398--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell2712054398__root.EditableCell2712054398--harmony.EditableCell2712054398--editing{z-index:4}.EditableCell2712054398__root.EditableCell2712054398--editing:not(.EditableCell2712054398--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell2712054398__root.EditableCell2712054398--focused.EditableCell2712054398--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell2712054398__root.EditableCell2712054398--harmony.EditableCell2712054398--focused.EditableCell2712054398--growable{z-index:4}.EditableCell2712054398__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell2712054398__root.EditableCell2712054398--harmony:has([data-inner-focused]){z-index:4}.EditableCell2712054398__root.EditableCell2712054398--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell2712054398__root.EditableCell2712054398--selectionTop:not(.EditableCell2712054398--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell2712054398__root.EditableCell2712054398--selectionBottom:not(.EditableCell2712054398--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2712054398__root.EditableCell2712054398--selectionLeft:not(.EditableCell2712054398--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell2712054398__root.EditableCell2712054398--selectionRight:not(.EditableCell2712054398--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell2712054398__root.EditableCell2712054398--invalid,.EditableCell2712054398__root.EditableCell2712054398--invalid.EditableCell2712054398--rowActive:hover:not(.EditableCell2712054398--focused):not(.EditableCell2712054398--rangeSelected),.EditableCell2712054398__root.EditableCell2712054398--invalid.EditableCell2712054398--focused:not(.EditableCell2712054398--rangeSelected),.EditableCell2712054398__root.EditableCell2712054398--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))}.EditableCell2712054398__root.EditableCell2712054398--invalid:not(.EditableCell2712054398--rangeSelected):not(.EditableCell2712054398--copiedTop):not(.EditableCell2712054398--copiedBottom):not(.EditableCell2712054398--copiedLeft):not(.EditableCell2712054398--copiedRight){border-color:transparent;outline-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell2712054398__root.EditableCell2712054398--copiedTop:not(.EditableCell2712054398--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2712054398__root.EditableCell2712054398--copiedBottom:not(.EditableCell2712054398--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2712054398__root.EditableCell2712054398--copiedLeft:not(.EditableCell2712054398--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2712054398__root.EditableCell2712054398--copiedRight:not(.EditableCell2712054398--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2712054398__root.EditableCell2712054398--invalid:not(.EditableCell2712054398--focused):not(.EditableCell2712054398--editing){z-index:1}.EditableCell2712054398__root.EditableCell2712054398--harmony.EditableCell2712054398--invalid:not(.EditableCell2712054398--focused):not(.EditableCell2712054398--editing){z-index:3}.EditableCell2712054398__errorPopover{position:absolute;inset:0;display:flex;pointer-events:none}.EditableCell2712054398__errorMessage{max-width:240px;padding:6px 8px}.EmptyReferenceView681707725__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))}.EmptyReferenceView681707725__placeholderIcon{display:flex;flex:none}.EmptyReferenceView681707725__placeholderText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.EditableCell2712054398__root.EditableCell2712054398--focused .EmptyReferenceView681707725__placeholder{display:flex}.EmptyReferenceView681707725__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"

package/src/utils/fieldValidation.ts

@@ -0,0 +1,153 @@
+import type { Field, Translate, ValidationRule } from '@wix/bex-core';
+import { compilePattern } from '@wix/patterns-fields';
+
+export interface ValidationResult {
+  valid: boolean;
+  errors?: string[];
+}
+
+export function buildFieldValidationRules(
+  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;
+}
+
+export const validResult: ValidationResult = { valid: true };
+
+function checkValidationRule(rule: ValidationRule, value: unknown): 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 validateFieldValue(
+  value: unknown,
+  rules?: ValidationRule[],
+  typeValidate?: (
+    value: unknown,
+    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/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.495.0';
+export const version = 'patterns@1.497.0';

package/dist/cjs/components/CollectionTable/buildMobileColumns.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobileColumnsUtils","_jsxFileName","buildMobileColumns","columns","hasMobileConfig","some","col","_col$mobile","mobile","column","id","title","render","params","index","_columns$0$render","_columns$","_columns$1$render","_columns$2","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","call","firstColumns","filter","isFirstColumnMobileConfig","sort","a","b","_a$mobile","_b$mobile","orderA","order","Infinity","orderB","secondColumn","find","_col$mobile2","imageColumn","isImageColumnMobileConfig","result","length","push","dataHook","map","colIndex","key","size","getMobileImageSize","style","paddingInlineStart","unshift","width","paddingInlineEnd","IMAGE_COLUMN_GAP","height","flexShrink","align","verticalAlign"],"sources":["../../../../src/components/CollectionTable/buildMobileColumns.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { KeyedItem } from '@wix/bex-core';\nimport { TableColumn } from '../../model';\nimport {\n  IMAGE_COLUMN_GAP,\n  getMobileImageSize,\n  isFirstColumnMobileConfig,\n  isImageColumnMobileConfig,\n} from './mobileColumnsUtils';\n\nexport function buildMobileColumns<T>(\n  columns: TableColumn<KeyedItem<T>>[],\n): TableColumn<KeyedItem<T>>[] {\n  const hasMobileConfig = columns.some((col) => col.mobile?.column);\n\n  if (!hasMobileConfig) {\n    return [\n      {\n        id: 'tableColumn',\n        title: '',\n        render: (params: KeyedItem<T>, index: number) => (\n          <Box direction=\"vertical\" gap=\"SP1\">\n            {columns[0] && <div>{columns[0].render?.(params, index)}</div>}\n            {columns[1] && <div>{columns[1].render?.(params, index)}</div>}\n          </Box>\n        ),\n      },\n    ];\n  }\n\n  const firstColumns = columns\n    .filter(isFirstColumnMobileConfig)\n    .sort((a, b) => {\n      const orderA = a.mobile?.order ?? Infinity;\n      const orderB = b.mobile?.order ?? Infinity;\n      return orderA - orderB;\n    });\n\n  const secondColumn = columns.find((col) => col.mobile?.column === 'second');\n\n  const imageColumn = columns.find(isImageColumnMobileConfig);\n\n  const result: TableColumn<KeyedItem<T>>[] = [];\n\n  if (firstColumns.length > 0) {\n    result.push({\n      id: 'mobile-first-column',\n      dataHook: 'mobile-first-column',\n      title: '',\n      render: (params: KeyedItem<T>, index: number) => (\n        <Box direction=\"vertical\" gap=\"SP1\">\n          {firstColumns.map((col, colIndex) => (\n            <div key={`first-col-${colIndex}`}>\n              {col.render?.(params, index)}\n            </div>\n          ))}\n        </Box>\n      ),\n    });\n  }\n\n  if (secondColumn) {\n    result.push({\n      id: 'mobile-second-column',\n      dataHook: 'mobile-second-column',\n      title: '',\n      render: (params: KeyedItem<T>, index: number) =>\n        secondColumn.render?.(params, index),\n    });\n  }\n\n  if (imageColumn) {\n    const size = getMobileImageSize(imageColumn.mobile.size);\n\n    if (result[0]) {\n      result[0].style = { paddingInlineStart: 0 };\n    }\n\n    result.unshift({\n      id: 'mobile-image-column',\n      dataHook: 'mobile-image-column',\n      title: '',\n      width: `${size}px`,\n      style: { paddingInlineEnd: `${IMAGE_COLUMN_GAP}px` },\n      render: (params: KeyedItem<T>, index: number) => (\n        <Box\n          dataHook=\"mobile-image-slot\"\n          width={`${size}px`}\n          height={`${size}px`}\n          flexShrink={0}\n          align=\"center\"\n          verticalAlign=\"middle\"\n        >\n          {imageColumn.render?.(params, index)}\n        </Box>\n      ),\n    });\n  }\n\n  return result;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionTable/mobileColumnsUtils.js

@@ -1,24 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.getMobileImageSize = exports.IMAGE_COLUMN_GAP = void 0;
-exports.isFirstColumnMobileConfig = isFirstColumnMobileConfig;
-exports.isImageColumnMobileConfig = isImageColumnMobileConfig;
-const IMAGE_COLUMN_SIZES = {
-  small: 24,
-  medium: 36,
-  large: 48
-};
-const DEFAULT_IMAGE_SIZE = 'medium';
-const IMAGE_COLUMN_GAP = exports.IMAGE_COLUMN_GAP = 8;
-const getMobileImageSize = size => IMAGE_COLUMN_SIZES[size ?? DEFAULT_IMAGE_SIZE];
-exports.getMobileImageSize = getMobileImageSize;
-function isFirstColumnMobileConfig(col) {
-  var _col$mobile;
-  return ((_col$mobile = col.mobile) == null ? void 0 : _col$mobile.column) === 'first';
-}
-function isImageColumnMobileConfig(col) {
-  var _col$mobile2;
-  return ((_col$mobile2 = col.mobile) == null ? void 0 : _col$mobile2.column) === 'image';
-}
-//# sourceMappingURL=mobileColumnsUtils.js.map

package/dist/cjs/components/CollectionTable/mobileColumnsUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["IMAGE_COLUMN_SIZES","small","medium","large","DEFAULT_IMAGE_SIZE","IMAGE_COLUMN_GAP","exports","getMobileImageSize","size","isFirstColumnMobileConfig","col","_col$mobile","mobile","column","isImageColumnMobileConfig","_col$mobile2"],"sources":["../../../../src/components/CollectionTable/mobileColumnsUtils.ts"],"sourcesContent":["import { KeyedItem } from '@wix/bex-core';\nimport { MobileImageSize, TableColumn } from '../../model';\n\nconst IMAGE_COLUMN_SIZES: Record<MobileImageSize, number> = {\n  small: 24,\n  medium: 36,\n  large: 48,\n};\n\nconst DEFAULT_IMAGE_SIZE: MobileImageSize = 'medium';\n\nexport const IMAGE_COLUMN_GAP = 8;\n\nexport const getMobileImageSize = (size?: MobileImageSize) =>\n  IMAGE_COLUMN_SIZES[size ?? DEFAULT_IMAGE_SIZE];\n\nexport function isFirstColumnMobileConfig<T>(\n  col: TableColumn<KeyedItem<T>>,\n): col is TableColumn<KeyedItem<T>> & {\n  mobile: { column: 'first'; order?: number };\n} {\n  return col.mobile?.column === 'first';\n}\n\nexport function isImageColumnMobileConfig<T>(\n  col: TableColumn<KeyedItem<T>>,\n): col is TableColumn<KeyedItem<T>> & {\n  mobile: { column: 'image'; size?: MobileImageSize };\n} {\n  return col.mobile?.column === 'image';\n}\n"],"mappings":";;;;;;AAGA,MAAMA,kBAAmD,GAAG;EAC1DC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE;AACT,CAAC;AAED,MAAMC,kBAAmC,GAAG,QAAQ;AAE7C,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,CAAC;AAE1B,MAAME,kBAAkB,GAAIC,IAAsB,IACvDR,kBAAkB,CAACQ,IAAI,IAAIJ,kBAAkB,CAAC;AAACE,OAAA,CAAAC,kBAAA,GAAAA,kBAAA;AAE1C,SAASE,yBAAyBA,CACvCC,GAA8B,EAG9B;EAAA,IAAAC,WAAA;EACA,OAAO,EAAAA,WAAA,GAAAD,GAAG,CAACE,MAAM,qBAAVD,WAAA,CAAYE,MAAM,MAAK,OAAO;AACvC;AAEO,SAASC,yBAAyBA,CACvCJ,GAA8B,EAG9B;EAAA,IAAAK,YAAA;EACA,OAAO,EAAAA,YAAA,GAAAL,GAAG,CAACE,MAAM,qBAAVG,YAAA,CAAYF,MAAM,MAAK,OAAO;AACvC","ignoreList":[]}

package/dist/esm/components/CollectionTable/buildMobileColumns.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buildMobileColumns.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/buildMobileColumns.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/CollectionTable/mobileColumnsUtils.js

@@ -1,15 +0,0 @@
-const IMAGE_COLUMN_SIZES = {
-    small: 24,
-    medium: 36,
-    large: 48,
-};
-const DEFAULT_IMAGE_SIZE = 'medium';
-export const IMAGE_COLUMN_GAP = 8;
-export const getMobileImageSize = (size) => IMAGE_COLUMN_SIZES[size ?? DEFAULT_IMAGE_SIZE];
-export function isFirstColumnMobileConfig(col) {
-    return col.mobile?.column === 'first';
-}
-export function isImageColumnMobileConfig(col) {
-    return col.mobile?.column === 'image';
-}
-//# sourceMappingURL=mobileColumnsUtils.js.map

package/dist/esm/components/CollectionTable/mobileColumnsUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mobileColumnsUtils.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/mobileColumnsUtils.ts"],"names":[],"mappings":"AAGA,MAAM,kBAAkB,GAAoC;IAC1D,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;CACV,CAAC;AAEF,MAAM,kBAAkB,GAAoB,QAAQ,CAAC;AAErD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAElC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAsB,EAAE,EAAE,CAC3D,kBAAkB,CAAC,IAAI,IAAI,kBAAkB,CAAC,CAAC;AAEjD,MAAM,UAAU,yBAAyB,CACvC,GAA8B;IAI9B,OAAO,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,yBAAyB,CACvC,GAA8B;IAI9B,OAAO,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;AACxC,CAAC"}

package/dist/types/components/CollectionTable/buildMobileColumns.d.ts

@@ -1,4 +0,0 @@
-import { KeyedItem } from '@wix/bex-core';
-import { TableColumn } from '../../model';
-export declare function buildMobileColumns<T>(columns: TableColumn<KeyedItem<T>>[]): TableColumn<KeyedItem<T>>[];
-//# sourceMappingURL=buildMobileColumns.d.ts.map

package/dist/types/components/CollectionTable/buildMobileColumns.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"buildMobileColumns.d.ts","sourceRoot":"","sources":["../../../../src/components/CollectionTable/buildMobileColumns.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ1C,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,GACnC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAwF7B"}

package/dist/types/components/CollectionTable/mobileColumnsUtils.d.ts

@@ -1,17 +0,0 @@
-import { KeyedItem } from '@wix/bex-core';
-import { MobileImageSize, TableColumn } from '../../model';
-export declare const IMAGE_COLUMN_GAP = 8;
-export declare const getMobileImageSize: (size?: MobileImageSize) => number;
-export declare function isFirstColumnMobileConfig<T>(col: TableColumn<KeyedItem<T>>): col is TableColumn<KeyedItem<T>> & {
-    mobile: {
-        column: 'first';
-        order?: number;
-    };
-};
-export declare function isImageColumnMobileConfig<T>(col: TableColumn<KeyedItem<T>>): col is TableColumn<KeyedItem<T>> & {
-    mobile: {
-        column: 'image';
-        size?: MobileImageSize;
-    };
-};
-//# sourceMappingURL=mobileColumnsUtils.d.ts.map

package/dist/types/components/CollectionTable/mobileColumnsUtils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mobileColumnsUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/CollectionTable/mobileColumnsUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAU3D,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,eAAO,MAAM,kBAAkB,GAAI,OAAO,eAAe,WACT,CAAC;AAEjD,wBAAgB,yBAAyB,CAAC,CAAC,EACzC,GAAG,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAC7B,GAAG,IAAI,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG;IACpC,MAAM,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7C,CAEA;AAED,wBAAgB,yBAAyB,CAAC,CAAC,EACzC,GAAG,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAC7B,GAAG,IAAI,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG;IACpC,MAAM,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,CAAC,EAAE,eAAe,CAAA;KAAE,CAAC;CACrD,CAEA"}

package/src/components/CollectionTable/mobileColumnsUtils.ts

@@ -1,31 +0,0 @@
-import { KeyedItem } from '@wix/bex-core';
-import { MobileImageSize, TableColumn } from '../../model';
-
-const IMAGE_COLUMN_SIZES: Record<MobileImageSize, number> = {
-  small: 24,
-  medium: 36,
-  large: 48,
-};
-
-const DEFAULT_IMAGE_SIZE: MobileImageSize = 'medium';
-
-export const IMAGE_COLUMN_GAP = 8;
-
-export const getMobileImageSize = (size?: MobileImageSize) =>
-  IMAGE_COLUMN_SIZES[size ?? DEFAULT_IMAGE_SIZE];
-
-export function isFirstColumnMobileConfig<T>(
-  col: TableColumn<KeyedItem<T>>,
-): col is TableColumn<KeyedItem<T>> & {
-  mobile: { column: 'first'; order?: number };
-} {
-  return col.mobile?.column === 'first';
-}
-
-export function isImageColumnMobileConfig<T>(
-  col: TableColumn<KeyedItem<T>>,
-): col is TableColumn<KeyedItem<T>> & {
-  mobile: { column: 'image'; size?: MobileImageSize };
-} {
-  return col.mobile?.column === 'image';
-}