@wix/patterns 1.478.0 → 1.480.0

package/dist/esm/styles.global.css

@@ -1,3 +1,3 @@
-.CardContainer1421580394__root.CardContainer1421580394--mobile{border-radius:0}.CmsFieldForm1717452422__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal402786758__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection436691404__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse2472116571__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2472116571__exit{height:0}.CollectionPage2431242528__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2431242528__root.CollectionPage2431242528--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2431242528__root.CollectionPage2431242528--panel{overflow:hidden;position:relative}.CollectionSectionHeader1506670591__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3207596603__root td{vertical-align:middle}.CollectionTable3207596603__root.CollectionTable3207596603--mobile td:first-child{padding-left:18px}.CollectionTable3207596603__root.CollectionTable3207596603--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable4219007909__root.CollectionTableWSRTable4219007909--resizable table{min-width:100%}.CollectionTableWSRTable4219007909__root.CollectionTableWSRTable4219007909--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3488789661__root.CollectionToolbar3488789661--harmony .CollectionToolbar3488789661__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar3488789661__left{min-width:0}.CollectionToolbar3488789661__left.CollectionToolbar3488789661--expandable{flex:auto}.CollectionToolbar3488789661__left.CollectionToolbar3488789661--title>*{width:100%}.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-5-title .CollectionToolbar3488789661__left{flex:1 100;min-width:50px}.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-4-tabs .CollectionToolbar3488789661__left,.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-4-tabs .CollectionToolbar3488789661__left.CollectionToolbar3488789661--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-4-tabs .CollectionToolbar3488789661__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3488789661__root .CollectionToolbar3488789661__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3488789661__root.CollectionToolbar3488789661--views .CollectionToolbar3488789661__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-4-tabs .CollectionToolbar3488789661__right,.CollectionToolbar3488789661__root.CollectionToolbar3488789661---responsiveMode-5-title .CollectionToolbar3488789661__right{flex:0 1 auto;min-width:0}.CollectionToolbar3488789661__root .CollectionToolbar3488789661__right.CollectionToolbar3488789661__fullWidth{margin-inline-start:0!important}.CollectionToolbar3488789661__root.CollectionToolbar3488789661--mobile:not(.CollectionToolbar3488789661--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter1596131213__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1596131213__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1596131213__searchMobile:not(.SearchOrCustomFilter1596131213--expandable){left:18px}.SearchOrCustomFilter1596131213__searchMobile.SearchOrCustomFilter1596131213--expandable.SearchOrCustomFilter1596131213--expanded{left:18px}.AutoCompleteReadonly2505609745__root.AutoCompleteReadonly2505609745--disableEditing{cursor:pointer}.AutoCompleteReadonly2505609745__root.AutoCompleteReadonly2505609745--disableEditing input{cursor:pointer}.ViewsDropdown3166874312__root{width:200px}.CustomFieldFormPiiFields507618773__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)))}.DragHandle1515686070__root{display:flex;align-items:center}.DragHandle1515686070__root:not(.DragHandle1515686070--disabled){cursor:grab;color:#a8caff}.DragHandle1515686070__root.DragHandle1515686070--disabled{color:#acafc4}.DragHandle1515686070__root:focus-visible:not(.DragHandle1515686070--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1515686070__root.DragHandle1515686070--disabled{pointer-events:none}.DragHandle1515686070__root.DragHandle1515686070--dragging:not(.DragHandle1515686070--disabled){cursor:grabbing}td:has(>.EditableCell418220247__root){position:relative;overflow:visible}tr:has(.EditableCell418220247__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell418220247__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))}tr:first-child>td>.EditableCell418220247__root{top:0}.EditableCell418220247__root:hover:not(.EditableCell418220247--rowActive):not(.EditableCell418220247--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell418220247__root.EditableCell418220247--rowActive:not(.EditableCell418220247--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell418220247__root.EditableCell418220247--rowActive:hover:not(.EditableCell418220247--focused):not(.EditableCell418220247--rangeSelected):not(.EditableCell418220247--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)}.EditableCell418220247__root.EditableCell418220247--readOnly{--wds-color-text-standard-primary:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));color:var(--wds-color-text-standard-primary)}.EditableCell418220247__root.EditableCell418220247--readOnly:hover:not(.EditableCell418220247--rowActive):not(.EditableCell418220247--rangeSelected),.EditableCell418220247__root.EditableCell418220247--readOnly.EditableCell418220247--rowActive:not(.EditableCell418220247--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell418220247__root.EditableCell418220247--readOnly.EditableCell418220247--rowActive:hover:not(.EditableCell418220247--focused):not(.EditableCell418220247--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell418220247__root.EditableCell418220247--focused:not(.EditableCell418220247--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell418220247__root.EditableCell418220247--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell418220247__root.EditableCell418220247--editing:not(.EditableCell418220247--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell418220247__root.EditableCell418220247--focused.EditableCell418220247--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell418220247__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell418220247__root.EditableCell418220247--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell418220247__root.EditableCell418220247--selectionTop:not(.EditableCell418220247--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--selectionBottom:not(.EditableCell418220247--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--selectionLeft:not(.EditableCell418220247--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--selectionRight:not(.EditableCell418220247--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--invalid,.EditableCell418220247__root.EditableCell418220247--invalid.EditableCell418220247--rowActive:hover:not(.EditableCell418220247--focused):not(.EditableCell418220247--rangeSelected),.EditableCell418220247__root.EditableCell418220247--invalid.EditableCell418220247--focused:not(.EditableCell418220247--rangeSelected),.EditableCell418220247__root.EditableCell418220247--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell418220247__root.EditableCell418220247--copiedTop:not(.EditableCell418220247--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--copiedBottom:not(.EditableCell418220247--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--copiedLeft:not(.EditableCell418220247--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--copiedRight:not(.EditableCell418220247--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell418220247__root.EditableCell418220247--invalid:not(.EditableCell418220247--focused):not(.EditableCell418220247--editing){z-index:1}.EditableCell418220247__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 .EditableCell418220247__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover1373088574__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1373088574__root,.HeaderActionsPopover1373088574__root[data-menu-open=true],.HeaderActionsPopover1373088574__root:focus-within{opacity:1}.CellViewLayout990787454__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout990787454__root>*{flex:1;min-width:0}.Edit2722305770__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:8px;padding-right:8px;min-width:0;overflow:hidden}.Edit2722305770__addressInput>div,.Edit2722305770__addressInput>div>div,.Edit2722305770__addressInput>div>div>div{width:100%;min-width:0}.Edit357726622__jsonInput{width:100%;margin-left:-1px}.Edit2609320197__booleanEdit{display:flex;align-items:center;margin-left:8px}.View722233277__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit3886572474__root{width:100%;height:100%;display:flex;align-items:center}.Edit3624563720__dateInput{width:100%;margin-left:-1px}.Edit2438624960__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit2438624960__dateHalf{flex:60 1 0}.Edit2438624960__timeHalf{flex:40 1 0}.Edit2438624960__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2438624960__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%}.Edit2438624960__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View3661061794__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}.View3661061794__datePart{flex:60 1 0}.View3661061794__timePart{flex:40 1 0}.View3661061794__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View3661061794__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit724469922__emailInput{width:100%;margin-left:-1px}.Edit7950938__numberInput{width:100%;margin-right:2px}.Edit7950938__numberInput input{text-align:right;direction:ltr}.View3961498259__textView{width:100%;text-align:right}.Edit58382595__jsonInput{width:100%;margin-left:-1px}.Edit3543350856__selectInput{width:100%}.Edit4280840684__editWrapper{width:100%}.Edit4280840684__inputArea{background-color:transparent;width:100%}.Edit4280840684__inputArea input,.Edit4280840684__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}.Edit4280840684__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4280840684__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit4280840684__inputArea>div::after{box-shadow:none!important}.Edit4280840684__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit4280840684__inputArea:not(.Edit4280840684--isFocused) textarea{resize:none;overflow:hidden}.Edit4280840684__inputArea:not(.Edit4280840684--isFocused) textarea::-webkit-scrollbar{display:none}.Edit3797187847__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(
+.CardContainer2793841912__root.CardContainer2793841912--mobile{border-radius:0}.CmsFieldForm3497504880__fullBleedDivider{margin-top:var(--wds-space-300, 18px);margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.CmsFieldModal2025714149__modal{--wds-custom-modal-content-padding-vertical:0}.ValidationAndDefaultsSection217451980__accordionWrapper{margin-inline:calc(-1*var(--wds-custom-modal-content-padding-horizontal, 24px))}.Collapse3394637096__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3394637096__exit{height:0}.CollectionPage2268116131__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2268116131__root.CollectionPage2268116131--mobile{--wds-page-header-padding-horizontal:0px;--wds-page-header-padding-horizontal-small:0px;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2268116131__root.CollectionPage2268116131--mobile :has(>[data-hook=collection-page-mobile-primary-action]){padding-bottom:0}.CollectionPage2268116131__root.CollectionPage2268116131--panel{overflow:hidden;position:relative}.CollectionSectionHeader2061756173__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2233426279__root td{vertical-align:middle}.CollectionTable2233426279__root.CollectionTable2233426279--mobile td:first-child{padding-left:18px}.CollectionTable2233426279__root.CollectionTable2233426279--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3806895191__root.CollectionTableWSRTable3806895191--resizable table{min-width:100%}.CollectionTableWSRTable3806895191__root.CollectionTableWSRTable3806895191--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar706146862__root.CollectionToolbar706146862--harmony .CollectionToolbar706146862__right [data-hook=horizontal-overflow-box]>*{margin-inline-start:0}.CollectionToolbar706146862__left{min-width:0}.CollectionToolbar706146862__left.CollectionToolbar706146862--expandable{flex:auto}.CollectionToolbar706146862__left.CollectionToolbar706146862--title>*{width:100%}.CollectionToolbar706146862__root.CollectionToolbar706146862---responsiveMode-5-title .CollectionToolbar706146862__left{flex:1 100;min-width:50px}.CollectionToolbar706146862__root.CollectionToolbar706146862---responsiveMode-4-tabs .CollectionToolbar706146862__left,.CollectionToolbar706146862__root.CollectionToolbar706146862---responsiveMode-4-tabs .CollectionToolbar706146862__left.CollectionToolbar706146862--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar706146862__root.CollectionToolbar706146862---responsiveMode-4-tabs .CollectionToolbar706146862__left>*{flex-shrink:1;min-width:0}.CollectionToolbar706146862__root .CollectionToolbar706146862__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar706146862__root.CollectionToolbar706146862--views .CollectionToolbar706146862__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar706146862__root.CollectionToolbar706146862---responsiveMode-4-tabs .CollectionToolbar706146862__right,.CollectionToolbar706146862__root.CollectionToolbar706146862---responsiveMode-5-title .CollectionToolbar706146862__right{flex:0 1 auto;min-width:0}.CollectionToolbar706146862__root .CollectionToolbar706146862__right.CollectionToolbar706146862__fullWidth{margin-inline-start:0!important}.CollectionToolbar706146862__root.CollectionToolbar706146862--mobile:not(.CollectionToolbar706146862--harmony){padding-right:18px;padding-left:18px}.SearchOrCustomFilter1402730312__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1402730312__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1402730312__searchMobile:not(.SearchOrCustomFilter1402730312--expandable){left:18px}.SearchOrCustomFilter1402730312__searchMobile.SearchOrCustomFilter1402730312--expandable.SearchOrCustomFilter1402730312--expanded{left:18px}.AutoCompleteReadonly2901247477__root.AutoCompleteReadonly2901247477--disableEditing{cursor:pointer}.AutoCompleteReadonly2901247477__root.AutoCompleteReadonly2901247477--disableEditing input{cursor:pointer}.ViewsDropdown3583333627__root{width:200px}.CustomFieldFormPiiFields3391945470__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)))}.DragHandle206787588__root{display:flex;align-items:center}.DragHandle206787588__root:not(.DragHandle206787588--disabled){cursor:grab;color:#a8caff}.DragHandle206787588__root.DragHandle206787588--disabled{color:#acafc4}.DragHandle206787588__root:focus-visible:not(.DragHandle206787588--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle206787588__root.DragHandle206787588--disabled{pointer-events:none}.DragHandle206787588__root.DragHandle206787588--dragging:not(.DragHandle206787588--disabled){cursor:grabbing}td:has(>.EditableCell3567460448__root){position:relative;overflow:visible}tr:has(.EditableCell3567460448__root)>td{padding-top:0!important;padding-bottom:0!important;height:36px}.EditableCell3567460448__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))}tr:first-child>td>.EditableCell3567460448__root{top:0}.EditableCell3567460448__root:hover:not(.EditableCell3567460448--rowActive):not(.EditableCell3567460448--rangeSelected){background:var(--wds-color-black-750, #f6f7f9)}.EditableCell3567460448__root.EditableCell3567460448--rowActive:not(.EditableCell3567460448--rangeSelected){background:var(--wds-color-black-750, #f6f7f9);box-shadow:inset 0 22px 18px -18px rgba(0,6,36,.1)}.EditableCell3567460448__root.EditableCell3567460448--rowActive:hover:not(.EditableCell3567460448--focused):not(.EditableCell3567460448--rangeSelected):not(.EditableCell3567460448--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)}.EditableCell3567460448__root.EditableCell3567460448--readOnly{--wds-color-text-standard-primary:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)));color:var(--wds-color-text-standard-primary)}.EditableCell3567460448__root.EditableCell3567460448--readOnly:hover:not(.EditableCell3567460448--rowActive):not(.EditableCell3567460448--rangeSelected),.EditableCell3567460448__root.EditableCell3567460448--readOnly.EditableCell3567460448--rowActive:not(.EditableCell3567460448--rangeSelected){background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell3567460448__root.EditableCell3567460448--readOnly.EditableCell3567460448--rowActive:hover:not(.EditableCell3567460448--focused):not(.EditableCell3567460448--rangeSelected){border-color:var(--wds-color-black-700, var(--wsr-color-D70, #eceff3))}.EditableCell3567460448__root.EditableCell3567460448--focused:not(.EditableCell3567460448--rangeSelected){border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05);z-index:2}.EditableCell3567460448__root.EditableCell3567460448--editing{z-index:3;user-select:auto;overflow:visible;background:var(--wds-color-fill-surface-raised, var(--wsr-color-D80, #ffffff))}.EditableCell3567460448__root.EditableCell3567460448--editing:not(.EditableCell3567460448--showEditWhenFocused){bottom:auto;min-height:calc(100% + 1px)}.EditableCell3567460448__root.EditableCell3567460448--focused.EditableCell3567460448--growable{bottom:auto;min-height:calc(100% + 1px);z-index:3}.EditableCell3567460448__root:has([data-inner-focused]){overflow:visible;z-index:3;border-color:var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));box-shadow:inset 0 8px 6px -6px rgba(0,6,36,.05)}.EditableCell3567460448__root.EditableCell3567460448--rangeSelected{background:rgba(56,153,236,.08)}.EditableCell3567460448__root.EditableCell3567460448--selectionTop:not(.EditableCell3567460448--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell3567460448__root.EditableCell3567460448--selectionBottom:not(.EditableCell3567460448--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3567460448__root.EditableCell3567460448--selectionLeft:not(.EditableCell3567460448--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell3567460448__root.EditableCell3567460448--selectionRight:not(.EditableCell3567460448--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell3567460448__root.EditableCell3567460448--invalid,.EditableCell3567460448__root.EditableCell3567460448--invalid.EditableCell3567460448--rowActive:hover:not(.EditableCell3567460448--focused):not(.EditableCell3567460448--rangeSelected),.EditableCell3567460448__root.EditableCell3567460448--invalid.EditableCell3567460448--focused:not(.EditableCell3567460448--rangeSelected),.EditableCell3567460448__root.EditableCell3567460448--invalid:has([data-inner-focused]){border-color:var(--wds-color-red-100, var(--wsr-color-R10, #e62214))}.EditableCell3567460448__root.EditableCell3567460448--copiedTop:not(.EditableCell3567460448--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3567460448__root.EditableCell3567460448--copiedBottom:not(.EditableCell3567460448--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3567460448__root.EditableCell3567460448--copiedLeft:not(.EditableCell3567460448--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3567460448__root.EditableCell3567460448--copiedRight:not(.EditableCell3567460448--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3567460448__root.EditableCell3567460448--invalid:not(.EditableCell3567460448--focused):not(.EditableCell3567460448--editing){z-index:1}.EditableCell3567460448__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 .EditableCell3567460448__errorMessage{top:auto;bottom:calc(100% + 4px)}.HeaderActionsPopover1006609834__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1006609834__root,.HeaderActionsPopover1006609834__root[data-menu-open=true],.HeaderActionsPopover1006609834__root:focus-within{opacity:1}.CellViewLayout2017356721__root{width:100%;height:100%;padding:6px 8px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout2017356721__root>*{flex:1;min-width:0}.Edit1962257121__addressInput{width:100%;height:100%;display:flex;align-items:center;box-sizing:border-box;padding-left:8px;padding-right:8px;min-width:0;overflow:hidden}.Edit1962257121__addressInput>div,.Edit1962257121__addressInput>div>div,.Edit1962257121__addressInput>div>div>div{width:100%;min-width:0}.Edit4264936297__jsonInput{width:100%;margin-left:-1px}.Edit2305842550__booleanEdit{display:flex;align-items:center;margin-left:8px}.View1575924361__booleanView{display:flex;align-items:center;margin-left:8px;pointer-events:none}.Edit2265207584__root{width:100%;height:100%;display:flex;align-items:center}.Edit680134571__dateInput{width:100%;margin-left:-1px}.Edit3062184052__half{min-width:0;position:relative;display:flex;align-items:center;box-sizing:border-box}.Edit3062184052__dateHalf{flex:60 1 0}.Edit3062184052__timeHalf{flex:40 1 0}.Edit3062184052__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit3062184052__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%}.Edit3062184052__placeholderText{color:var(--wds-color-text-placeholder, #868aa5)}.View612183954__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}.View612183954__datePart{flex:60 1 0}.View612183954__timePart{flex:40 1 0}.View612183954__placeholder{color:var(--wds-color-text-placeholder, #868aa5)}.View612183954__divider{width:1px;height:16px;background:var(--wds-color-border-standard, #dfe5eb);flex-shrink:0}.Edit2311684223__emailInput{width:100%;margin-left:-1px}.Edit3329408817__numberInput{width:100%;margin-right:2px}.Edit3329408817__numberInput input{text-align:right;direction:ltr}.View1911097068__textView{width:100%;text-align:right}.Edit3863363173__jsonInput{width:100%;margin-left:-1px}.Edit1285713997__selectInput{width:100%}.Edit2829224628__editWrapper{width:100%}.Edit2829224628__inputArea{background-color:transparent;width:100%}.Edit2829224628__inputArea input,.Edit2829224628__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}.Edit2829224628__inputArea input{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2829224628__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2829224628__inputArea>div::after{box-shadow:none!important}.Edit2829224628__inputArea textarea{padding:6px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2829224628__inputArea:not(.Edit2829224628--isFocused) textarea{resize:none;overflow:hidden}.Edit2829224628__inputArea:not(.Edit2829224628--isFocused) textarea::-webkit-scrollbar{display:none}.Edit101690587__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
-  )}.Edit3797187847__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit378691195__urlInput{width:100%;margin-left:-1px}.View2801638895__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View2801638895__urlText{flex:1;min-width:0}.View2801638895__suffix{flex-shrink:0;margin-left:10px}.View2801638895__textView.View2801638895--suffixOnHover:not(:hover) .View2801638895__suffix{display:none}.EmptyStateBase887233244__root{min-height:230px;align-items:center}.EntityPagePlain2068132960__root.EntityPagePlain2068132960--mobile{--wds-page-header-padding-horizontal:0}.Fade606946213__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade606946213__root.Fade606946213--exit{opacity:0}.Heading1247508333__root{visibility:visible}.Heading1247508333__root.Heading1247508333--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3017035245__fileUpload{width:100%}.InputOverflow569595353__root.InputOverflow569595353--selected:not(.InputOverflow569595353--focused) input::placeholder{color:#000624}@keyframes LoadingRow4090891165__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%}}.LoadingRow4090891165__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:LoadingRow4090891165__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText879506298__root{opacity:1}.MaxHeightText879506298__root.MaxHeightText879506298--height24{line-height:24px}.MaxLines1771161255__root{overflow:hidden}.MaxLines1771161255__root.MaxLines1771161255--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar4024882803__root{min-width:0}.MultiBulkActionToolbar4024882803__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar4024882803__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar4024882803__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2386184459__root td{padding:0!important;width:100%}.NestedTableRow3747661608__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow3747661608__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow3747661608__root.NestedTableRow3747661608--expandable{cursor:pointer}.NestedTableRow3747661608__placeholder td{padding:0!important;width:100%}.NestedTableRow3747661608__root:hover td:first-of-type::before,.NestedTableRow3747661608__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))}.MultipleDragOverlayEffect3362159254__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)))}.NestedTableDragAndDropRow1383889673__root.NestedTableDragAndDropRow1383889673--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent3516515489__root{display:flex}.PickerContentAdditionalStep154265560__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep154265560__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1307611848__root{box-sizing:border-box}.ScrollableContent3942402169__root.ScrollableContent3942402169--overflowY{overflow-y:auto}.ScrollableContent3942402169__root.ScrollableContent3942402169--overflowX{overflow-x:auto}.ScrollableContent3942402169__root.ScrollableContent3942402169--smooth{scroll-behavior:smooth}.SetupWidget2418838366__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))}.SetupWidget2418838366__row.SetupWidget2418838366--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget2418838366__row.SetupWidget2418838366--focused.SetupWidget2418838366--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2418838366__completedCta,.SetupWidget2418838366__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget2418838366__row:hover .SetupWidget2418838366__completedCta,.SetupWidget2418838366__row:hover .SetupWidget2418838366__secondaryCta{opacity:1}}.SetupWidget2418838366__row:focus-within .SetupWidget2418838366__completedCta,.SetupWidget2418838366__row:focus-within .SetupWidget2418838366__secondaryCta,.SetupWidget2418838366__secondaryCta:focus-within{opacity:1}.SetupWidget2418838366__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}.SetupWidget2418838366__card.SetupWidget2418838366--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2418838366__card.SetupWidget2418838366--clickable{cursor:pointer}.SetupWidget2418838366__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget2418838366__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget2418838366__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget2418838366__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard2955302995__headerLoading{display:block!important}.SlidingModal1730162231__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1730162231__root.SlidingModal1730162231--overlay{transition:transform 0s ease 0s}.SlidingModal1730162231__root.SlidingModal1730162231---appendTo-6-parent{position:absolute}.SlidingModal1730162231__root.SlidingModal1730162231--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal1730162231__root:not(.SlidingModal1730162231--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(.AddFieldColumnHeader3509584085__anchorLayer){position:relative}.AddFieldColumnHeader3509584085__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader3509584085__anchorLayer>.AddFieldColumnHeader3509584085__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader3509584085__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}.AddFieldColumnHeader3509584085__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)}.AddFieldColumnHeader3509584085__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader3509584085__hoverBridge.AddFieldColumnHeader3509584085---side-4-left{transform:translate(-50%,-50%)}.TabsFilter1936161386__root .TabsFilter1936161386__titleBox *{color:inherit!important}.ManageTagsModal1039381983__root{display:flex}.ManageTagsModal1039381983__root.ManageTagsModal1039381983--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal1039381983__root.ManageTagsModal1039381983--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem2278610119__root{min-width:0}.ToolbarItemBox4122681719__root{min-width:0}.ToolbarItemBox4122681719__root.ToolbarItemBox4122681719--removeStartPadding{margin-left:-24px}.ToolbarItemBox4122681719__root.ToolbarItemBox4122681719--expandable{flex:1 0}.common3747721368__column{display:flex;flex-direction:column}.common3747721368__fullHeight{height:100%;min-height:0}.CollectionPageHeader2327761266__root:not(.CollectionPageHeader2327761266--mobile){gap:12px}.CollectionPageHeader2327761266__root.CollectionPageHeader2327761266--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2327761266__root.CollectionPageHeader2327761266--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.TitleBadges2624840756__tooltip.TitleBadges2624840756__tooltip,.TitleBadges2624840756__tooltipTrigger{display:flex}.FormPageHeader3734466296__root.FormPageHeader3734466296--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3734466296__root.FormPageHeader3734466296--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+  )}.Edit101690587__overlay{position:absolute;inset:2px;pointer-events:none;background:var(--wds-color-background-elevation-base, #fff)}.Edit1496408529__urlInput{width:100%;margin-left:-1px}.View102358572__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View102358572__urlText{flex:1;min-width:0}.View102358572__suffix{flex-shrink:0;margin-left:10px}.View102358572__textView.View102358572--suffixOnHover:not(:hover) .View102358572__suffix{display:none}.EmptyStateBase1448918574__root{min-height:230px;align-items:center}.EntityPagePlain3293418886__root.EntityPagePlain3293418886--mobile{--wds-page-header-padding-horizontal:0}.Fade1288758040__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1288758040__root.Fade1288758040--exit{opacity:0}.Heading3752481639__root{visibility:visible}.Heading3752481639__root.Heading3752481639--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1828701032__fileUpload{width:100%}.InputOverflow3895210399__root.InputOverflow3895210399--selected:not(.InputOverflow3895210399--focused) input::placeholder{color:#000624}@keyframes LoadingRow3071512975__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%}}.LoadingRow3071512975__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:LoadingRow3071512975__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3153275981__root{opacity:1}.MaxHeightText3153275981__root.MaxHeightText3153275981--height24{line-height:24px}.MaxLines1956434518__root{overflow:hidden}.MaxLines1956434518__root.MaxLines1956434518--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar721027204__root{min-width:0}.MultiBulkActionToolbar721027204__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar721027204__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar721027204__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2413296369__root td{padding:0!important;width:100%}.NestedTableRow1562035783__firstLevel td{padding-top:var(--wds-space-300, 18px)!important;padding-bottom:var(--wds-space-300, 18px)!important}.NestedTableRow1562035783__root:hover{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #e7f0ff))!important}.NestedTableRow1562035783__root.NestedTableRow1562035783--expandable{cursor:pointer}.NestedTableRow1562035783__placeholder td{padding:0!important;width:100%}.NestedTableRow1562035783__root:hover td:first-of-type::before,.NestedTableRow1562035783__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))}.MultipleDragOverlayEffect2388374358__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)))}.NestedTableDragAndDropRow840932573__root.NestedTableDragAndDropRow840932573--draggingInto td{background-color:var(--wds-table-list-item-fill-hover, var(--wsr-color-B50, #E7F0FF))!important}.PickerContent322007735__root{display:flex}.PickerContentAdditionalStep4139521200__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep4139521200__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem573958891__root{box-sizing:border-box}.ScrollableContent1801826396__root.ScrollableContent1801826396--overflowY{overflow-y:auto}.ScrollableContent1801826396__root.ScrollableContent1801826396--overflowX{overflow-x:auto}.ScrollableContent1801826396__root.ScrollableContent1801826396--smooth{scroll-behavior:smooth}.SetupWidget2732674619__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))}.SetupWidget2732674619__row.SetupWidget2732674619--focused{--wds-clickable-card-outline-border-color:var(--wds-color-border-standard-primary-active, var(--wsr-color-B10, #116DFF))}.SetupWidget2732674619__row.SetupWidget2732674619--focused.SetupWidget2732674619--withBackground{--wds-color-fill-surface-default:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2732674619__completedCta,.SetupWidget2732674619__secondaryCta{opacity:0;transition:opacity .25s ease-in-out}@media (hover:hover){.SetupWidget2732674619__row:hover .SetupWidget2732674619__completedCta,.SetupWidget2732674619__row:hover .SetupWidget2732674619__secondaryCta{opacity:1}}.SetupWidget2732674619__row:focus-within .SetupWidget2732674619__completedCta,.SetupWidget2732674619__row:focus-within .SetupWidget2732674619__secondaryCta,.SetupWidget2732674619__secondaryCta:focus-within{opacity:1}.SetupWidget2732674619__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}.SetupWidget2732674619__card.SetupWidget2732674619--primary{background-color:var(--wds-color-fill-standard-tertiary-hover, var(--wsr-color-B60, #F4F7FF))}.SetupWidget2732674619__card.SetupWidget2732674619--clickable{cursor:pointer}.SetupWidget2732674619__stepIcon{display:flex;align-items:center;flex-shrink:0;height:24px}.SetupWidget2732674619__chevron{display:flex;flex-shrink:0;color:var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624))}.SetupWidget2732674619__chevronDisabled{display:flex;flex-shrink:0;color:var(--wds-color-text-disabled, var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30)))}.SetupWidget2732674619__inProgressLabel{--wds-color-text-standard-primary:var(--wds-color-text-urgent, var(--wsr-color-O10, #FE620F));text-transform:uppercase}.SkeletonCard1596130277__headerLoading{display:block!important}.SlidingModal2106370411__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2106370411__root.SlidingModal2106370411--overlay{transition:transform 0s ease 0s}.SlidingModal2106370411__root.SlidingModal2106370411---appendTo-6-parent{position:absolute}.SlidingModal2106370411__root.SlidingModal2106370411--inset{border-radius:var(--wds-side-panel-standard-corner-radius, 0);will-change:transform}.SlidingModal2106370411__root:not(.SlidingModal2106370411--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(.AddFieldColumnHeader3336770253__anchorLayer){position:relative}.AddFieldColumnHeader3336770253__anchorLayer{position:absolute;inset:0;pointer-events:none}.AddFieldColumnHeader3336770253__anchorLayer>.AddFieldColumnHeader3336770253__popover{display:grid;width:100%;height:100%}.AddFieldColumnHeader3336770253__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}.AddFieldColumnHeader3336770253__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)}.AddFieldColumnHeader3336770253__hoverBridge{display:inline-block;padding:4px;background:0 0;transform:translate(50%,-50%)}.AddFieldColumnHeader3336770253__hoverBridge.AddFieldColumnHeader3336770253---side-4-left{transform:translate(-50%,-50%)}.TabsFilter797547015__root .TabsFilter797547015__titleBox *{color:inherit!important}.ManageTagsModal393458239__root{display:flex}.ManageTagsModal393458239__root.ManageTagsModal393458239--harmony .wds_1_301_0_TableListItem__root{padding-inline-end:16px}.ManageTagsModal393458239__root.ManageTagsModal393458239--harmony .wds_1_301_0_TableListItem__optionsContainer{align-items:start}.ToolbarItem18100771__root{min-width:0}.ToolbarItemBox3338974518__root{min-width:0}.ToolbarItemBox3338974518__root.ToolbarItemBox3338974518--removeStartPadding{margin-left:-24px}.ToolbarItemBox3338974518__root.ToolbarItemBox3338974518--expandable{flex:1 0}.common3005467811__column{display:flex;flex-direction:column}.common3005467811__fullHeight{height:100%;min-height:0}.CollectionPageHeader48469155__root:not(.CollectionPageHeader48469155--mobile){gap:12px}.CollectionPageHeader48469155__root.CollectionPageHeader48469155--mobile{--wds-page-header-title-actions-gap:8px;padding-right:18px;padding-left:18px}.CollectionPageHeader48469155__root.CollectionPageHeader48469155--mobile [data-hook=page-header-actionbar]{display:contents}.CollectionPageHeader48469155__mobileMoreActions{align-self:flex-start;margin-top:6px}.MobilePrimaryActionBar232054497__root{padding:var(--wds-space-300, 18px) var(--wds-space-400, 24px)}.TitleBadges827468852__tooltip.TitleBadges827468852__tooltip,.TitleBadges827468852__tooltipTrigger{display:flex}.FormPageHeader3720122230__root.FormPageHeader3720122230--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3720122230__root.FormPageHeader3720122230--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/esm/version.js

@@ -1,2 +1,2 @@
-export const version = 'patterns@1.478.0';
+export const version = 'patterns@1.480.0';
 //# sourceMappingURL=version.js.map

package/dist/templates/cms-collection-entity/ItemEntityPage.tsx

@@ -0,0 +1,47 @@
+import React from 'react';
+import { useParams } from 'react-router-dom';
+import { useEntity } from '@wix/patterns';
+import { useForm } from '@wix/patterns/form';
+import {
+  EntityPage,
+  EntityPageFieldsCard,
+  useEntityPage,
+} from '@wix/patterns/schema';
+import { useCmsSchemaSource } from '@wix/patterns-cms';
+import { COLLECTION_ID, type CmsItem } from './collection';
+
+// One component serves both /new and /:id: no entity id is the create page.
+export const ItemEntityPage = () => {
+  const { id } = useParams<{ id?: string }>();
+  const source = useCmsSchemaSource<CmsItem>({ collectionId: COLLECTION_ID });
+  const form = useForm<Record<string, unknown>>();
+
+  // Source first, options second. Reads and saves go through the source, so
+  // there is no fetch or onSave to write.
+  const state = useEntityPage(source, {
+    entityId: id,
+    form,
+    parentPath: '/',
+    saveSuccessToast: 'Item saved',
+    saveErrorToast: () => 'Failed to save the item',
+  });
+
+  // The schema names the field that titles a record.
+  const entity = useEntity(state);
+  const displayField = state.schema?.displayField;
+  const title =
+    (displayField && (entity?.[displayField] as string | undefined)) ||
+    'New item';
+
+  return (
+    <EntityPage state={state}>
+      <EntityPage.Header title={{ text: title }} />
+      <EntityPage.Content>
+        <EntityPage.MainContent>
+          {/* Every schema field, with its own control and validation. */}
+          <EntityPageFieldsCard title="Details" />
+        </EntityPage.MainContent>
+      </EntityPage.Content>
+    </EntityPage>
+  );
+};

package/dist/templates/cms-collection-entity/ItemsApp.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { withDashboard } from '@wix/patterns';
+import { WixPatternsProvider } from '@wix/patterns/provider';
+import { PatternsReactRoute, PatternsReactRouter } from '@wix/patterns/router';
+import { ItemsCollectionPage } from './ItemsCollectionPage';
+import { ItemEntityPage } from './ItemEntityPage';
+
+export const ItemsApp = withDashboard(() => (
+  <WixPatternsProvider>
+    <PatternsReactRouter>
+      <PatternsReactRoute
+        type="collection"
+        path="/"
+        element={<ItemsCollectionPage />}
+      />
+      <PatternsReactRoute
+        type="editEntity"
+        path="/:id"
+        element={<ItemEntityPage />}
+      />
+      <PatternsReactRoute
+        type="createEntity"
+        path="/new"
+        element={<ItemEntityPage />}
+      />
+    </PatternsReactRouter>
+  </WixPatternsProvider>
+));

package/dist/templates/cms-collection-entity/ItemsCollectionPage.tsx

@@ -0,0 +1,56 @@
+import React from 'react';
+import {
+  CollectionEmptyState,
+  CollectionErrorState,
+  CollectionNoResultsState,
+  PrimaryActions,
+} from '@wix/patterns';
+import { CollectionPage } from '@wix/patterns/page';
+import { usePatternsNavigate } from '@wix/patterns/router';
+// The schema entry's Table and hook, not the root ones: these take the source first.
+import { Table, useTableCollection } from '@wix/patterns/schema';
+import { useCmsSchemaSource } from '@wix/patterns-cms';
+import { COLLECTION_ID, type CmsItem } from './collection';
+
+export const ItemsCollectionPage = () => {
+  const { navigateToEntityPage } = usePatternsNavigate<CmsItem>();
+  const openNew = () => navigateToEntityPage({ path: '/new' });
+
+  // Each page builds its own source from the same collection id.
+  const source = useCmsSchemaSource<CmsItem>({ collectionId: COLLECTION_ID });
+
+  // The source supplies the fetch, the search, the item key and name, and one
+  // column per schema field.
+  const state = useTableCollection(source, { persistQueryToUrl: true });
+
+  return (
+    <CollectionPage>
+      <CollectionPage.Header
+        title={{ text: 'Items' }}
+        primaryAction={<PrimaryActions label="Add item" onClick={openNew} />}
+      />
+      <CollectionPage.Content>
+        <Table
+          state={state}
+          emptyState={
+            <CollectionEmptyState
+              title="No items yet"
+              addNewCta={{ text: 'Add item', onClick: openNew }}
+            />
+          }
+          noResultsState={<CollectionNoResultsState title="No items match" />}
+          errorState={(err, { retry }) => (
+            <CollectionErrorState
+              title="Couldn't load items"
+              subtitle={String(err)}
+              action={{ text: 'Retry', onClick: retry }}
+            />
+          )}
+          onRowClick={(item: CmsItem) =>
+            navigateToEntityPage({ path: `/${item._id}`, entity: item })
+          }
+        />
+      </CollectionPage.Content>
+    </CollectionPage>
+  );
+};

package/dist/templates/cms-collection-entity/collection.ts

@@ -0,0 +1,9 @@
+// The CMS collection both pages read. For a collection your app ships, this is
+// the full scoped id: your app namespace, a slash, and the collection's id suffix.
+export const COLLECTION_ID = 'your-app-namespace/items';
+
+// A CMS row always has an _id. Every other field comes from the schema, so none
+// is declared here.
+export interface CmsItem extends Record<string, unknown> {
+  _id: string;
+}

package/dist/templates/cms-collection-entity/page.tsx

@@ -0,0 +1,32 @@
+// The dashboard page's entry file. A Wix CLI app has to hand the page location
+// to the router itself: PatternsReactRouter reads it from the location prop of
+// withDashboard (in ItemsApp), and nothing else supplies it. Leaving it out
+// passes tsc and the build, and fails only when the page is opened.
+import React, { useEffect, useState } from 'react';
+import { dashboard } from '@wix/dashboard';
+import { WixDesignSystemProvider } from '@wix/design-system';
+import '@wix/design-system/styles.global.css';
+import { ItemsApp } from './ItemsApp';
+
+type PageLocation = Parameters<
+  Parameters<typeof dashboard.observeState>[0]
+>[1]['pageLocation'];
+
+const Page = () => {
+  const [location, setLocation] = useState<PageLocation | undefined>();
+
+  useEffect(() => {
+    const subscription = dashboard.observeState((_pageParams, environment) => {
+      setLocation(environment.pageLocation);
+    });
+    return () => subscription.disconnect();
+  }, []);
+
+  return (
+    <WixDesignSystemProvider>
+      {location ? <ItemsApp location={location} /> : null}
+    </WixDesignSystemProvider>
+  );
+};
+
+export default Page;

package/dist/templates/collection-detail/ItemDetailPage.tsx

@@ -0,0 +1,44 @@
+import React, { useEffect, useState } from 'react';
+import { useParams } from 'react-router-dom';
+import { Card, Loader, Page, Text } from '@wix/design-system';
+import { usePatternsNavigate } from '@wix/patterns/router';
+import { fetchItem, type Item } from './items-api';
+
+// An EntityPage has no read-only mode: fetch and onSave are required, and its
+// actions bar keeps a Save button. A display-only record opens a design-system
+// Page instead.
+export const ItemDetailPage = () => {
+  const { id } = useParams<{ id: string }>();
+  const { navigateToCollectionPage } = usePatternsNavigate();
+  const [item, setItem] = useState<Item | undefined>();
+
+  useEffect(() => {
+    if (id) {
+      fetchItem(id).then(setItem);
+    }
+  }, [id]);
+
+  return (
+    <Page>
+      {/* The way back is the header's back button: there is no Cancel. */}
+      <Page.Header
+        title={item?.name ?? 'Item'}
+        showBackButton
+        onBackClicked={() => navigateToCollectionPage({ path: '/' })}
+      />
+      <Page.Content>
+        {item ? (
+          <Card>
+            <Card.Header title="Details" />
+            <Card.Divider />
+            <Card.Content>
+              <Text>{item.name}</Text>
+            </Card.Content>
+          </Card>
+        ) : (
+          <Loader />
+        )}
+      </Page.Content>
+    </Page>
+  );
+};

package/dist/templates/collection-detail/ItemsApp.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { withDashboard } from '@wix/patterns';
+import { WixPatternsProvider } from '@wix/patterns/provider';
+import { PatternsReactRoute, PatternsReactRouter } from '@wix/patterns/router';
+import { ItemsCollectionPage } from './ItemsCollectionPage';
+import { ItemDetailPage } from './ItemDetailPage';
+
+// The detail route is an editEntity route even though nothing is edited: that
+// type wires the way back to the collection, and it stays the same if the page
+// later grows an edit form.
+export const ItemsApp = withDashboard(() => (
+  <WixPatternsProvider>
+    <PatternsReactRouter>
+      <PatternsReactRoute
+        type="collection"
+        path="/"
+        element={<ItemsCollectionPage />}
+      />
+      <PatternsReactRoute
+        type="editEntity"
+        path="/:id"
+        element={<ItemDetailPage />}
+      />
+    </PatternsReactRouter>
+  </WixPatternsProvider>
+));

package/dist/templates/collection-detail/ItemsCollectionPage.tsx

@@ -0,0 +1,111 @@
+import React from 'react';
+import {
+  CollectionEmptyState,
+  CollectionErrorState,
+  CollectionNoResultsState,
+  CollectionSearch,
+  CollectionToolbarFilters,
+  MultiSelectCheckboxFilter,
+  Table,
+  stringsArrayFilter,
+  useStaticListFilterCollection,
+  useTableCollection,
+} from '@wix/patterns';
+import { CollectionPage } from '@wix/patterns/page';
+import { usePatternsNavigate } from '@wix/patterns/router';
+import { fetchItemsPage, type Item, type ItemStatus } from './items-api';
+
+const STATUS_LABELS: Record<ItemStatus, string> = {
+  ACTIVE: 'Active',
+  ARCHIVED: 'Archived',
+};
+
+// Module level: one filter per page, not one per render. Its name is not the
+// visible title (that comes from the label props below); it feeds
+// accessibility legends, BI and data hooks.
+const statusFilter = stringsArrayFilter<ItemStatus>({
+  name: 'Status',
+  itemKey: (status) => status,
+  itemName: (status) => STATUS_LABELS[status] ?? status,
+});
+
+export const ItemsCollectionPage = () => {
+  const { navigateToEntityPage } = usePatternsNavigate<Item>();
+
+  const state = useTableCollection<Item, { status: typeof statusFilter }>({
+    queryName: 'items',
+    paginationMode: 'cursor',
+    itemKey: (item) => item.id,
+    itemName: (item) => item.name,
+    filters: { status: statusFilter },
+    // Every declared filter and the search term are read here. One that never
+    // reaches the query still renders, and narrows nothing.
+    fetchData: (query) =>
+      fetchItemsPage({
+        limit: query.limit,
+        cursor: query.cursor ?? undefined,
+        search: query.search,
+        filters: { status: query.filters.status },
+      }),
+    fetchErrorMessage: ({ err }) =>
+      err instanceof Error ? err.message : 'Failed to load items',
+  });
+
+  const statusOptions = useStaticListFilterCollection(statusFilter, [
+    'ACTIVE',
+    'ARCHIVED',
+  ]);
+
+  return (
+    <CollectionPage>
+      {/* Read-only: nothing to create, so no primary action. */}
+      <CollectionPage.Header title={{ text: 'Items' }} />
+      <CollectionPage.Content>
+        <Table
+          state={state}
+          // Search is on by default, so a table without this prop ships a box
+          // that reaches no query.
+          search={<CollectionSearch placeholder="Search items" />}
+          filters={
+            <CollectionToolbarFilters>
+              <MultiSelectCheckboxFilter
+                filter={statusFilter}
+                collection={statusOptions}
+                toolbarItemProps={{ label: 'Status' }}
+                accordionItemProps={{ label: 'Status' }}
+              />
+            </CollectionToolbarFilters>
+          }
+          emptyState={<CollectionEmptyState title="No items yet" />}
+          noResultsState={
+            <CollectionNoResultsState
+              title="No items match"
+              subtitle="Try another search or clear the filters."
+            />
+          }
+          // Without it a failed query looks like a slow one: skeletons, forever.
+          errorState={(err, { retry }) => (
+            <CollectionErrorState
+              title="Couldn't load items"
+              subtitle={String(err)}
+              action={{ text: 'Retry', onClick: retry }}
+            />
+          )}
+          // Rows open the read-only detail route. Passing the row lets it title
+          // itself before its fetch.
+          onRowClick={(item) =>
+            navigateToEntityPage({ path: `/${item.id}`, entity: item })
+          }
+          columns={[
+            { id: 'name', title: 'Name', render: (item) => item.name },
+            {
+              id: 'status',
+              title: 'Status',
+              render: (item) => STATUS_LABELS[item.status],
+            },
+          ]}
+        />
+      </CollectionPage.Content>
+    </CollectionPage>
+  );
+};

package/dist/templates/collection-detail/items-api.ts

@@ -0,0 +1,66 @@
+// Where the page's data comes from. Replace each function body with your own
+// calls (an SDK, a REST endpoint) and keep the signatures: the pages call only
+// these, so nothing else changes when the data source does.
+//
+// The in-memory list below exists only so the template runs as-is.
+
+export type ItemStatus = 'ACTIVE' | 'ARCHIVED';
+
+export interface Item {
+  id: string;
+  name: string;
+  status: ItemStatus;
+}
+
+export interface ItemsPageQuery {
+  limit: number;
+  cursor?: string;
+  search?: string;
+  filters: { status?: ItemStatus[] | null };
+}
+
+export interface ItemsPage {
+  items: Item[];
+  // Always present, and undefined on the last page: an empty string reads as
+  // "there is another page" and the table keeps asking for it.
+  cursor: string | undefined;
+}
+
+let items: Item[] = [
+  { id: '1', name: 'First item', status: 'ACTIVE' },
+  { id: '2', name: 'Second item', status: 'ARCHIVED' },
+];
+
+export async function fetchItemsPage(
+  query: ItemsPageQuery,
+): Promise<ItemsPage> {
+  const term = query.search?.trim().toLowerCase();
+  const statuses = query.filters.status;
+  const matching = items.filter(
+    (item) =>
+      (!term || item.name.toLowerCase().includes(term)) &&
+      (!statuses?.length || statuses.includes(item.status)),
+  );
+  const start = query.cursor ? Number(query.cursor) : 0;
+  const end = start + query.limit;
+  return {
+    items: matching.slice(start, end),
+    cursor: end < matching.length ? String(end) : undefined,
+  };
+}
+
+export async function fetchItem(id: string): Promise<Item | undefined> {
+  return items.find((item) => item.id === id);
+}
+
+export async function saveItem(
+  item: Partial<Item> & { name: string },
+): Promise<Item> {
+  const saved: Item = {
+    id: item.id ?? String(Date.now()),
+    status: item.status ?? 'ACTIVE',
+    name: item.name,
+  };
+  items = [...items.filter((existing) => existing.id !== saved.id), saved];
+  return saved;
+}

package/dist/templates/collection-detail/page.tsx

@@ -0,0 +1,32 @@
+// The dashboard page's entry file. A Wix CLI app has to hand the page location
+// to the router itself: PatternsReactRouter reads it from the location prop of
+// withDashboard (in ItemsApp), and nothing else supplies it. Leaving it out
+// passes tsc and the build, and fails only when the page is opened.
+import React, { useEffect, useState } from 'react';
+import { dashboard } from '@wix/dashboard';
+import { WixDesignSystemProvider } from '@wix/design-system';
+import '@wix/design-system/styles.global.css';
+import { ItemsApp } from './ItemsApp';
+
+type PageLocation = Parameters<
+  Parameters<typeof dashboard.observeState>[0]
+>[1]['pageLocation'];
+
+const Page = () => {
+  const [location, setLocation] = useState<PageLocation | undefined>();
+
+  useEffect(() => {
+    const subscription = dashboard.observeState((_pageParams, environment) => {
+      setLocation(environment.pageLocation);
+    });
+    return () => subscription.disconnect();
+  }, []);
+
+  return (
+    <WixDesignSystemProvider>
+      {location ? <ItemsApp location={location} /> : null}
+    </WixDesignSystemProvider>
+  );
+};
+
+export default Page;

package/dist/templates/collection-entity/ItemEntityPage.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+import { useParams } from 'react-router-dom';
+import { Card, FormField, Input } from '@wix/design-system';
+import { EntityPage, useEntityPage, useEntityPageContext } from '@wix/patterns';
+import { useController, useForm } from '@wix/patterns/form';
+import { fetchItem, saveItem, type Item } from './items-api';
+
+// The form's shape is yours, and need not match the saved type.
+type ItemFormFields = { name: string };
+
+// One component serves both /new and /:id.
+export const ItemEntityPage = () => {
+  const { id } = useParams<{ id?: string }>();
+  const form = useForm<ItemFormFields>();
+
+  const state = useEntityPage<Item, ItemFormFields>({
+    // The collection route, for the router's back navigation.
+    parentPath: '/',
+    // A getter: a successful create moves /new to /:id while the page stays mounted.
+    isNewEntity: () => !id,
+    form,
+    fetch: async () => ({ entity: id ? await fetchItem(id) : undefined }),
+    onSave: async () => ({
+      updatedEntity: await saveItem({ id, ...form.getValues() }),
+    }),
+    saveSuccessToast: 'Item saved',
+    saveErrorToast: () => 'Failed to save the item',
+  });
+
+  return (
+    <EntityPage state={state}>
+      <EntityPage.Header title={{ text: id ? 'Edit item' : 'New item' }} />
+      <EntityPage.Content>
+        <EntityPage.MainContent>
+          <Card>
+            <Card.Header title="Details" />
+            <Card.Divider />
+            <Card.Content>
+              <NameField />
+            </Card.Content>
+          </Card>
+        </EntityPage.MainContent>
+      </EntityPage.Content>
+    </EntityPage>
+  );
+};
+
+// One controller per field. It reads the page's form, and it renders inside
+// Card.Content, where the entity has loaded, so its default value is the saved one.
+const NameField = () => {
+  const page = useEntityPageContext<Item, ItemFormFields>();
+  const { field, fieldState } = useController({
+    name: 'name',
+    control: page.form.control,
+    defaultValue: page.entity?.name ?? '',
+    rules: { required: { value: true, message: 'A name is required' } },
+  });
+  return (
+    <FormField
+      label="Name"
+      required
+      status={fieldState.error ? 'error' : undefined}
+      statusMessage={fieldState.error?.message}
+    >
+      <Input
+        inputRef={field.ref}
+        value={field.value}
+        onChange={field.onChange}
+        onBlur={field.onBlur}
+      />
+    </FormField>
+  );
+};