amis-ui 3.1.1 → 3.3.0

package/lib/themes/antd.css

@@ -1,11 +1,12 @@
 @charset "UTF-8";
 /* 此处放置需要override的变量，因为部分变量已经在variables.scss中定义 */
-:root {
+:root,
+.AMISCSSWrapper {
   --white: var(--colors-neutral-text-11);
   --primary: var(--colors-brand-5);
   --primary-onHover: var(--colors-brand-6);
   --primary-onActive: var(--colors-brand-4);
-  --secondary: var(--colors-neutral-text-4);
+  --secondary: var(--colors-neutral-text-4); /*  secondary 颜色需进一步确认 */
   --secondary-onHover: var(--colors-neutral-text-6);
   --secondary-onActive: var(--colors-neutral-text-4);
   --success: var(--colors-success-5);
@@ -202,6 +203,7 @@
   --ColorPicker-fontSize: var(--Form-input-fontSize);
   --ColorPicker-height: var(--Form-input-height);
   --ColorPicker-lineHeight: var(--Form-input-lineHeight);
+  --ColorPicker-height: var(--sizes-base-16);
   --ColorPicker-onDisabled-bg: var(--colors-neutral-fill-8);
   --ColorPicker-onDisabled-color: var(--text--muted-color);
   --ColorPicker-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
@@ -418,7 +420,7 @@
   --ListControl-item-borderRadius: var(--borders-radius-3);
   --ListControl-item-color: var(--colors-neutral-text-2);
   --ListControl-item-onActive-after-borderColor: var(--colors-neutral-line-11);
-  --ListControl-item-onActive-before-bg: var(--colors-brand-4);
+  --ListControl-item-onActive-before-bg: var(--colors-brand-5);
   --ListControl-item-onActive-bg: var(--colors-neutral-fill-11);
   --ListControl-item-onActive-borderColor: var(--colors-brand-4);
   --ListControl-item-onActive-color: var(--colors-brand-4);
@@ -463,6 +465,10 @@
   --ListMenu-item-bg: var(--colors-neutral-fill-11);
   --ListMenu-item-color: var(--colors-neutral-text-2);
   --ListMenu-item-height: var(--sizes-base-15);
+  --ListMenu-item-mobile-margin: 0.3125rem;
+  --ListMenu-item-mobile-width: 5.625rem;
+  --ListMenu-item-mobile-bg: #f5f5f5;
+  --ListMenu-item-mobile-active-bg: #e7f1ff;
   --Log-bg: #222;
   --Log-padding: var(--gap-sm) 0;
   --Log-line-padding: 0 var(--gap-sm);
@@ -559,6 +565,7 @@
   --PopOverAble-iconColor: inherit;
   --PopOverAble-onHover-iconColor: inherit;
   --PopUp-cancelAction-color: #666;
+  --PopUp-confirmAction-color: var(--primary);
   --Property-title-bg: #f2f2f2;
   --Property-label-bg: #f7f7f7;
   --Portlet-borderColor: var(--borderColor);
@@ -669,15 +676,30 @@
   --ColumnToggler-item-margin: 0.25rem;
   --ColumnToggler-item-dragBar-color: #d8d8d8;
   --InputFormula-header-bgColor: #fafafa;
-  --InputFormula-icon-size: 1.5rem;
+  --InputFormula-icon-size: 1.125rem;
   --InputFormula-icon-color-onActive: var(--colors-brand-5);
   --InputFormula-code-bgColor: var(--colors-neutral-fill-10);
+  --InputFormula-input-schema-height: var(--sizes-base-12);
   --UserSelect--post-bg: var(--colors-brand-6);
   --UserSelect--department-bg: #ffab52;
   --UserSelect--role-bg: #0bc286;
   --UserSelect--border-color: #f7f7f9;
   --UserSelect--content-bg: #f5f7f8;
   --UserSelect--bread-color: #5e626a;
+  --Cascader-border-color: #f7f7f9;
+  --Cascader-border-active-bg-color: #f7f7f9;
+  --Cascader-option-disable-color: #b8babf;
+  --Tag-content-fontSize: var(--fontSizeSm);
+  --Tag-height: 1.5rem;
+  --Tag-borderRadius: 0.125rem;
+  --Tag-fontColor: #151a26;
+  --Tag-default-color: #f2f2f4;
+  --Tag-inactive-color: #b8babf;
+  --Tag-active-color: var(--colors-brand-5);
+  --Tag-processing-color: var(--colors-brand-6);
+  --Tag-success-color: var(--colors-success-5);
+  --Tag-error-color: var(--colors-error-5);
+  --Tag-warning-color: var(--colors-warning-5);
   --Tag-checkable-bgColor: #f2f2f4;
   --Tag-checkable-bgColor-onDisable: #e6e6e8;
   --Tag-checkable-bgColor-onHover: #e6e6e8;
@@ -738,7 +760,8 @@
     --fontSizeBase: var(--fontSizeLg);
   }
 }
-:root {
+:root,
+.AMISCSSWrapper {
   --button-default-default-top-border-color: var(--colors-neutral-line-8);
   --button-default-default-top-border-style: var(--borders-style-2);
   --button-default-default-top-border-width: var(--borders-width-2);
@@ -1895,8 +1918,8 @@
   );
   --inputNumber-enhance-default-paddingTop: var(--sizes-size-3);
   --inputNumber-enhance-default-paddingBottom: var(--sizes-size-3);
-  --inputNumber-enhance-default-paddingLeft: var(--sizes-size-7);
-  --inputNumber-enhance-default-paddingRight: var(--sizes-size-7);
+  --inputNumber-enhance-default-paddingLeft: var(--sizes-size-5);
+  --inputNumber-enhance-default-paddingRight: var(--sizes-size-5);
   --inputNumber-enhance-default-bg-color: var(--colors-neutral-fill-11);
   --inputNumber-enhance-hover-top-border-color: var(--colors-brand-5);
   --inputNumber-enhance-hover-top-border-width: var(--borders-width-2);
@@ -2009,6 +2032,11 @@
   );
   --inputNumber-enhance-leftIcon-default-icon: '<svg viewBox="0 0 12 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="icon icon-minus"><g id="minus" fill="currentColor" fill-rule="nonzero"><polygon id="path-1" points="0 1.6 0 0.4 12 0.4 12 1.6"></polygon></g></svg>';
   --inputNumber-enhance-rightIcon-default-icon: '<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" class="icon  icon-plus"><path d="M6.6 6.6V12H5.4V6.6H0V5.4h5.4V0h1.2v5.4H12v1.2z" fill="currentColor" fill-rule="nonzero"></path></svg>';
+  --inputNumber-enhance-mobile-input-width: 3.5rem;
+  --inputNumber-enhance-mobile-icon-width: 1.75rem;
+  --inputNumber-enhance-mobile-icon-height: 1.75rem;
+  --inputNumber-enhance-mobile-icon-inner-width: 1.6875rem;
+  --inputNumber-enhance-mobile-icon-inner-height: 1.6875rem;
   --Form-input-onHover-borderColor: var(--colors-brand-5);
   --Form-input-onFocused-borderColor: var(--colors-brand-5);
   --checkbox-checkbox-default-height: var(--sizes-size-9);
@@ -2317,7 +2345,7 @@
   --ListControl-item-onActive-color: var(
     --listSelect-base-active-top-border-color
   );
-  --ListControl-item-onActive-before-bg: var(--colors-brand-4);
+  --ListControl-item-onActive-before-bg: var(--colors-brand-5);
   --ListControl-item-color: var(--listSelect-base-default-color);
   --ListControl-item-onDisabled-color: var(--listSelect-base-disabled-color);
   --ListControl-item-paddingX: var(--listSelect-base-default-paddingLeft);
@@ -2351,6 +2379,7 @@
   --link-decoration: var(--link-text-decoration);
   --link-onHover-decoration: var(--link-onClick-text-decoration);
   --Form-item-gap: var(--sizes-base-12);
+  --Form-item-mobile-gap: var(--sizes-base-4);
   --Form-item-color: var(--colors-neutral-text-4);
   --Form-item-fontColor: var(--Form-item-color);
   --Form-item-fontSize: var(--fonts-size-7);
@@ -2394,6 +2423,8 @@
   --InputRange-track-onActive-bg: var(--colors-brand-5);
   --InputRange-handle-height: var(--sizes-size-9);
   --InputRange-handle-width: var(--sizes-size-9);
+  --InputRange-handle-mobile-height: var(--sizes-base-10);
+  --InputRange-handle-mobile-width: var(--sizes-base-10);
   --InputRange-handle-bg: var(--colors-neutral-fill-11);
   --InputRange-handle-top-border-color: var(--colors-brand-5);
   --InputRange-handle-top-border-width: 0.0625rem;
@@ -2410,7 +2441,7 @@
   --InputRange-handle-onFocus-borderRadius: var(
     --InputRange-handle-border-radius
   );
-  --InputRange-padding: 1.25rem;
+  --InputRange-padding: 1rem;
   --InputRange-handle-icon-width: var(--sizes-size-5);
   --InputRange-handle-icon-height: var(--sizes-size-5);
   --InputRange-handle-icon-color: var(--colors-brand-9);
@@ -2448,6 +2479,7 @@
   );
   --InputRange-label-position-bottom: calc(100% + 8px);
   --InputRange-input-width: var(--sizes-base-40);
+  --InputRange-input-mobile-width: var(--sizes-base-20);
   --InputRange-input-marginTop: var(--sizes-size-0);
   --InputRange-input-marginBottom: var(--sizes-size-0);
   --InputRange-input-marginLeft: var(--sizes-size-5);
@@ -3508,6 +3540,7 @@
   --select-tree-hover-bg-color: var(--colors-neutral-fill-10);
   --select-tree-active-bg-color: var(--colors-brand-10);
   --Form-select-bg: var(--select-base-default-bg-color);
+  --Form-select-mobile-icon-check-color: var(--colors-brand-5);
   --Form-select-height: var(--Form-select-outer-top);
   --Form-select-borderColor: var(--select-base-default-top-border-color)
     var(--select-base-default-right-border-color)
@@ -4151,7 +4184,7 @@
   --Toast--danger-bottom-left-border-radius: var(--borders-radius-3);
   --Toast--danger-bgColor: var(--colors-neutral-fill-11);
   --Toast--info-color: var(--colors-neutral-text-2);
-  --Toast--info-fontSize: var(--fonts-size-6);
+  --Toast--info-fontSize: var(--fonts-size-7);
   --Toast--info-fontWeight: var(--fonts-weight-6);
   --Toast--info-top-border-color: var(--colors-neutral-line-11);
   --Toast--info-top-border-width: var(--borders-width-2);
@@ -4608,9 +4641,9 @@
   --Table-color: var(--table-body-color);
   --Table-expandBtn-color: var(--colors-neutral-text-5);
   --Table-fixed-zIndex: 5;
-  --Table-fixedLeft-boxShadow: 0.42rem 0 0.42rem -0.28rem rgba(0, 0, 0, 0.15);
-  --Table-fixedRight-boxShadow: -0.42rem 0 0.42rem -0.28rem rgba(0, 0, 0, 0.15);
-  --Table-fixedTop-boxShadow: var(--shadows-shadow-normal);
+  --Table-fixedLeft-boxShadow: inset 10px 0 8px -8px rgba(5, 5, 5, 0.06);
+  --Table-fixedRight-boxShadow: inset -10px 0 8px -8px rgba(5, 5, 5, 0.06);
+  --Table-fixedTop-boxShadow: inset 0 10px 8px -8px rgba(5, 5, 5, 0.06);
   --Table-fontSize: var(--table-body-fontSize);
   --Table-heading-bg: var(--table-title-bg-color);
   --Table-heading-height: 2.5rem;
@@ -9614,6 +9647,10 @@ button::-moz-focus-inner {
   display: flex;
   flex: 0 0 auto;
 }
+.tox .tox-bottom-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
 .tox .tox-bar {
   display: flex;
   flex: 0 0 auto;
@@ -10736,8 +10773,14 @@ button::-moz-focus-inner {
   align-items: flex-start;
   display: flex;
   flex-direction: column;
+  flex-shrink: 0;
   padding: 16px 16px;
 }
+@media only screen and (min-width: 768px) {
+  .tox .tox-dialog__body-nav {
+    max-width: 11em;
+  }
+}
 @media only screen and (max-width: 767px) {
   body:not(.tox-force-desktop) .tox .tox-dialog__body-nav {
     flex-direction: row;
@@ -10750,11 +10793,12 @@ button::-moz-focus-inner {
   border-bottom: 2px solid transparent;
   color: rgba(34, 47, 62, 0.7);
   display: inline-block;
+  flex-shrink: 0;
   font-size: 14px;
   line-height: 1.3;
   margin-bottom: 8px;
+  max-width: 13em;
   text-decoration: none;
-  white-space: nowrap;
 }
 .tox .tox-dialog__body-nav-item:focus {
   background-color: rgba(0, 108, 231, 0.1);
@@ -10768,7 +10812,7 @@ button::-moz-focus-inner {
   display: flex;
   flex: 1;
   flex-direction: column;
-  max-height: 650px;
+  max-height: min(650px, 100vh - 110px);
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   padding: 16px 16px;
@@ -10804,16 +10848,30 @@ button::-moz-focus-inner {
 .tox .tox-dialog__body-content svg {
   fill: #222f3e;
 }
+.tox .tox-dialog__body-content strong {
+  font-weight: bold;
+}
 .tox .tox-dialog__body-content ul {
-  display: block;
   list-style-type: disc;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dd {
+  padding-inline-start: 2.5rem;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl {
   margin-bottom: 16px;
-  -webkit-margin-end: 0;
-          margin-inline-end: 0;
-  -webkit-margin-start: 0;
-          margin-inline-start: 0;
-  -webkit-padding-start: 2.5rem;
-          padding-inline-start: 2.5rem;
+}
+.tox .tox-dialog__body-content ul,
+.tox .tox-dialog__body-content ol,
+.tox .tox-dialog__body-content dl,
+.tox .tox-dialog__body-content dd,
+.tox .tox-dialog__body-content dt {
+  display: block;
+  margin-inline-end: 0;
+  margin-inline-start: 0;
 }
 .tox .tox-dialog__body-content .tox-form__group h1 {
   color: #222f3e;
@@ -10854,6 +10912,12 @@ button::-moz-focus-inner {
   margin-bottom: 0;
   margin-top: 0;
 }
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
+  text-align: center;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
+  text-align: end;
+}
 .tox .tox-dialog--width-lg {
   height: 650px;
   max-width: 1200px;
@@ -10922,9 +10986,16 @@ button::-moz-focus-inner {
 .tox .tox-dialog__table td:first-child {
   padding-right: 8px;
 }
+.tox .tox-dialog__iframe {
+  min-height: 200px;
+}
 .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
   background: #fff;
 }
+.tox .tox-dialog__iframe.tox-dialog__iframe--bordered {
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+}
 .tox .tox-dialog__popups {
   position: absolute;
   width: 100%;
@@ -11326,6 +11397,7 @@ body.tox-dialog__disable-scroll {
   cursor: not-allowed;
 }
 .tox .tox-textfield:focus,
+.tox .tox-dialog__iframe.tox-dialog__iframe--bordered:focus-within,
 .tox .tox-listboxfield .tox-listbox--select:focus,
 .tox .tox-textarea-wrap:focus-within,
 .tox .tox-textarea:focus,
@@ -11686,10 +11758,8 @@ body.tox-dialog__disable-scroll {
   background-color: #fff;
   grid-column: 2;
   grid-row: 1;
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-  -webkit-padding-start: 4px;
-          padding-inline-start: 4px;
+  padding-inline-end: 8px;
+  padding-inline-start: 4px;
   padding-top: 5px;
 }
 .tox .tox-promotion-link {
@@ -12101,16 +12171,13 @@ body.tox-dialog__disable-scroll {
   width: 14px;
 }
 .tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
-  -webkit-margin-start: 8px;
-          margin-inline-start: 8px;
+  margin-inline-start: 8px;
 }
 .tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
-  -webkit-margin-start: 32px;
-          margin-inline-start: 32px;
+  margin-inline-start: 32px;
 }
 .tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
-  -webkit-margin-start: 32px;
-          margin-inline-start: 32px;
+  margin-inline-start: 32px;
 }
 .tox .tox-source-code {
   overflow: auto;
@@ -12308,6 +12375,9 @@ body.tox-dialog__disable-scroll {
 .tox .tox-tbtn:active svg {
   fill: #222f3e;
 }
+.tox .tox-tbtn--disabled .tox-tbtn--enabled svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
 .tox .tox-tbtn--disabled,
 .tox .tox-tbtn--disabled:hover,
 .tox .tox-tbtn:disabled,
@@ -12341,6 +12411,10 @@ body.tox-dialog__disable-scroll {
   /* stylelint-disable-line no-descending-specificity */
   fill: #222f3e;
 }
+.tox .tox-tbtn--enabled.tox-tbtn--disabled svg,
+.tox .tox-tbtn--enabled:hover.tox-tbtn--disabled svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
 .tox .tox-tbtn:focus:not(.tox-tbtn--disabled) {
   color: #222f3e;
 }
@@ -12408,6 +12482,13 @@ body.tox-dialog__disable-scroll {
   background: #fff;
   color: #222f3e;
 }
+.tox .tox-number-input input:disabled {
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
 .tox .tox-number-input button {
   background: #f7f7f7;
   color: #222f3e;
@@ -12442,6 +12523,16 @@ body.tox-dialog__disable-scroll {
 .tox .tox-number-input button:active svg {
   fill: #222f3e;
 }
+.tox .tox-number-input button:disabled {
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-number-input button:disabled svg {
+  fill: rgba(34, 47, 62, 0.5);
+}
 .tox .tox-number-input button.minus {
   border-radius: 3px 0 0 3px;
 }
@@ -12479,8 +12570,7 @@ body.tox-dialog__disable-scroll {
   background: #f7f7f7;
 }
 .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
-  -webkit-margin-start: 4px;
-          margin-inline-start: 4px;
+  margin-inline-start: 4px;
 }
 .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
   overflow: hidden;
@@ -12488,6 +12578,10 @@ body.tox-dialog__disable-scroll {
   white-space: nowrap;
   width: 7em;
 }
+.tox .tox-tbtn--disabled .tox-tbtn__select-label,
+.tox .tox-tbtn--select:disabled .tox-tbtn__select-label {
+  cursor: not-allowed;
+}
 .tox .tox-split-button {
   border: 0;
   border-radius: 3px;
@@ -12533,6 +12627,10 @@ body.tox-dialog__disable-scroll {
 .tox.tox-platform-touch .tox-split-button__chevron {
   width: 20px;
 }
+.tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-text-color__color,
+.tox .tox-split-button.tox-tbtn--disabled svg #tox-icon-highlight-bg-color__color {
+  opacity: 0.6;
+}
 .tox .tox-toolbar-overlord {
   background-color: #fff;
 }
@@ -12815,9 +12913,6 @@ body.tox-dialog__disable-scroll {
   flex-direction: column;
   /* stylelint-disable no-descending-specificity */
 }
-.tox .tox-tree .tox-tree--directory.tox-tree--directory--expanded > .tox-tree--directory__label .tox-chevron {
-  transform: rotate(90deg);
-}
 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
   font-weight: bold;
 }
@@ -12844,9 +12939,13 @@ body.tox-dialog__disable-scroll {
 }
 .tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
   margin-right: 6px;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--shrinking) .tox-chevron {
   transition: transform 0.5s ease-in-out;
 }
-.tox .tox-tree .tox-tree--directory .tox-tree--directory__label.tox-tree--directory__label--active .tox-chevron {
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--growing) .tox-chevron,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:has(+ .tox-tree--directory__children--open) .tox-chevron {
   transform: rotate(90deg);
 }
 .tox .tox-tree .tox-tree--leaf__label {
@@ -14117,6 +14216,12 @@ body.video-react-full-window .video-react-fullscreen {
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
   border: 1px solid #f9f9f9;
 }
+.rdtPicker.is-mobile-year {
+  width: 11.5rem;
+}
+.rdtPicker.is-mobile-embed {
+  width: 15rem;
+}
 .rdtPickerNotDays {
   width: 192px;
 }
@@ -14717,6 +14822,9 @@ samp {
 .is-keyword {
   color: var(--primary-onActive);
 }
+.visibility-sensor {
+  min-height: 5px;
+}
 html,
 body {
   width: 100%;
@@ -17527,11 +17635,16 @@ input[type=button].antd-Button--block {
   fill: var(--Drawer-close-onHover-color);
 }
 .antd-Drawer-body {
-  padding: var(--drawer-content-paddingTop) var(--drawer-content-paddingRight) var(--drawer-content-paddingBottom) var(--drawer-content-paddingLeft);
+  padding: 0 var(--drawer-content-paddingRight) var(--drawer-content-paddingBottom) var(--drawer-content-paddingLeft);
   flex-basis: 0;
   flex-grow: 1;
   overflow: auto;
 }
+.antd-Drawer-body:before {
+  content: "";
+  display: block;
+  height: var(--drawer-content-paddingTop);
+}
 .antd-Drawer-footer {
   display: flex;
   align-items: flex-end;
@@ -18376,7 +18489,9 @@ input[type=button].antd-Button--block {
   margin-left: var(--gap-sm);
 }
 .antd-PopUp-confirm {
+  color: var(--PopUp-confirmAction-color);
   margin-right: var(--gap-sm);
+  border: none;
 }
 .antd-PopUp-content {
   overflow-y: auto;
@@ -18384,6 +18499,9 @@ input[type=button].antd-Button--block {
   display: flex;
   flex: 1;
 }
+.antd-PopUp-content > div {
+  flex: 1;
+}
 .antd-PopUp > * {
   position: relative;
   z-index: 2;
@@ -18407,7 +18525,8 @@ input[type=button].antd-Button--block {
   margin-top: -0.25rem;
 }
 .antd-PopUp-safearea {
-  height: 1rem;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
 }
 .antd-PickerColumns {
   position: relative;
@@ -18443,10 +18562,10 @@ input[type=button].antd-Button--block {
   background-color: none !important;
 }
 .antd-PickerColumns-confirm {
-  color: var(--PickerColumns-confirmAction-color) !important;
+  color: var(--PickerColumns-confirmAction-color);
 }
 .antd-PickerColumns-cancel {
-  color: var(--PickerColumns-cancelAction-color) !important;
+  color: var(--PickerColumns-cancelAction-color);
 }
 .antd-PickerColumns-title {
   max-width: 50%;
@@ -19149,6 +19268,16 @@ input[type=button].antd-Button--block {
   height: 100%;
   overflow-x: hidden;
 }
+.antd-Tabs-linksContainer-wrapper .antd-Tabs-linksContainer-main .antd-Tabs-links.is-mobile {
+  overflow-x: auto;
+  -ms-overflow-style: none;
+  overflow: -moz-scrollbars-none;
+}
+.antd-Tabs-linksContainer-wrapper .antd-Tabs-linksContainer-main .antd-Tabs-links.is-mobile::-webkit-scrollbar {
+  display: none;
+  width: 0 !important;
+  height: 0 !important;
+}
 .antd-Tabs-linksContainer-wrapper .antd-Tabs-linksContainer-main .antd-Tabs-links .antd-Tabs-links-drag {
   position: absolute;
   height: 100%;
@@ -20089,6 +20218,7 @@ input[type=button].antd-Button--block {
   background-color: var(--Layout-light-backgroundColor);
   font-size: var(--Nav-item-fontSize);
   line-height: var(--Nav-Item-height);
+  min-height: 10px;
 }
 .antd-Nav-horizontal {
   line-height: var(--Nav-Item-height--horizontal);
@@ -20626,9 +20756,6 @@ input[type=button].antd-Button--block {
     box-shadow: none;
     margin: 0 calc(var(--Panel-body-paddingTop) * -1) calc(var(--Panel-marginBottom) / 2);
   }
-  .antd-Panel--form .antd-Panel-body {
-    padding: 0 var(--gap-md) var(--gap-md);
-  }
   .antd-Panel--form > .antd-Panel-heading {
     background: none;
     border: none;
@@ -20827,6 +20954,7 @@ input[type=button].antd-Button--block {
   position: relative;
   display: inline-flex;
   vertical-align: middle;
+  flex-wrap: wrap;
 }
 .antd-ButtonGroup > .antd-Button {
   position: relative;
@@ -20960,15 +21088,16 @@ input[type=button].antd-Button--block {
   margin-left: var(--DropDown-caret-marginLeft);
   display: inline-block;
   vertical-align: top;
-  transition: transform var(--animation-duration) ease;
 }
 .antd-DropDown-caret > svg {
   width: 0.625rem;
   height: 0.625rem;
-  top: 0.125em;
+  top: 0;
+  transform: rotate(90deg);
+  transition: transform var(--animation-duration) ease;
 }
-.antd-DropDown.is-opened .antd-DropDown-caret {
-  transform: rotate(180deg);
+.antd-DropDown.is-opened .antd-DropDown-caret svg {
+  transform: rotate(270deg);
 }
 .antd-DropDown.is-actived .antd-Button {
   color: var(--link-color);
@@ -21022,10 +21151,6 @@ input[type=button].antd-Button--block {
   -webkit-text-decoration: var(--link-decoration);
           text-decoration: var(--link-decoration);
 }
-.antd-DropDown-menuItem:hover, .antd-DropDown-menu > li:hover {
-  background: var(--DropDown-menuItem-onHover-bg);
-  color: var(--DropDown-menuItem-onHover-color);
-}
 .antd-DropDown-menuItem.is-active, .antd-DropDown-menu > li.is-active {
   background: var(--DropDown-menuItem-onHover-bg);
   color: var(--DropDown-menuItem-onActive-color);
@@ -21063,6 +21188,10 @@ input[type=button].antd-Button--block {
 .antd-DropDown-menuItem.antd-DropDown-groupTitle ~ .antd-DropDown-button, .antd-DropDown-menu > li.antd-DropDown-groupTitle ~ .antd-DropDown-button {
   padding-left: var(--gap-lg);
 }
+.antd-DropDown-menuItem:hover, .antd-DropDown-menu:not(.is-mobile) > li:hover {
+  background: var(--DropDown-menuItem-onHover-bg);
+  color: var(--DropDown-menuItem-onHover-color);
+}
 .antd-DropDown-menu > li a {
   color: inherit;
   display: block;
@@ -21180,7 +21309,8 @@ input[type=button].antd-Button--block {
 .antd-CalendarMobile {
   height: 100%;
   width: 100%;
-  overflow: scroll;
+  overflow-y: scroll;
+  overflow-x: hidden;
 }
 .antd-CalendarMobile-pop {
   position: fixed;
@@ -21193,11 +21323,19 @@ input[type=button].antd-Button--block {
   overflow: hidden;
   border-width: 0;
 }
+.antd-CalendarMobile-pop--quarters, .antd-CalendarMobile-pop--months {
+  height: 25rem;
+}
 .antd-CalendarMobile-pop--time {
-  height: -moz-fit-content;
-  height: fit-content;
+  height: 22.5rem;
   max-height: 90vh;
 }
+.antd-CalendarMobile-pop--time .antd-PopUp-content {
+  overflow: hidden;
+}
+.antd-CalendarMobile-pop--years {
+  height: 22.5rem;
+}
 .antd-CalendarMobile-wrap {
   display: flex;
   flex-direction: column;
@@ -21263,6 +21401,7 @@ input[type=button].antd-Button--block {
   overflow-y: scroll;
 }
 .antd-CalendarMobile-body table {
+  padding: 0;
   border-spacing: 0 0.25rem;
 }
 .antd-CalendarMobile-body .rdt .rdtPicker td.rdtActive,
@@ -21289,14 +21428,15 @@ input[type=button].antd-Button--block {
   background: transparent;
 }
 .antd-CalendarMobile-body .calendar-wrap {
-  position: relative;
   width: 3.125rem;
+  position: relative;
   height: 100%;
   text-align: center;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 0.25rem;
+  padding: 0 0.625rem;
 }
 .antd-CalendarMobile-embed .antd-CalendarMobile-body .calendar-wrap {
   width: auto;
@@ -21306,6 +21446,7 @@ input[type=button].antd-Button--block {
   flex-shrink: 0;
 }
 .antd-CalendarMobile-footer .date-range-confirm {
+  width: 100%;
   height: 2.25rem;
   margin: 0.4375rem 0;
   border-radius: var(--borderRadiusMd);
@@ -21313,13 +21454,6 @@ input[type=button].antd-Button--block {
   justify-content: center;
   align-items: center;
 }
-.antd-CalendarMobile-footer .is-disabled {
-  opacity: 0.5;
-  color: var(--Button--primary-color);
-  background: var(--Button--primary-bg);
-  border-color: var(--Button--primary-bg);
-  filter: none;
-}
 .antd-CalendarMobile-footer-toolbar {
   padding: 0 1rem;
 }
@@ -21333,11 +21467,11 @@ input[type=button].antd-Button--block {
   line-height: 3rem;
 }
 .antd-CalendarMobile-footer .antd-DateRangePicker-rangers {
-  position: absolute;
+  padding-left: revert;
   white-space: nowrap;
-}
-.antd-CalendarMobile-footer .antd-DateRangePicker-rangers .antd-DateRangePicker-ranger {
-  margin: 0 1.5625rem;
+  line-height: inherit;
+  display: flex;
+  justify-content: space-between;
 }
 .antd-CalendarMobile-footer .antd-DatePicker-shortcuts {
   width: auto;
@@ -21475,6 +21609,15 @@ input[type=button].antd-Button--block {
   background: var(--Collapse-header-onHover-bg);
   color: var(--collapse-default-header-hover-color);
 }
+.antd-Collapse-header.is-mobile {
+  background: none;
+  border-radius: 0 !important;
+  position: relative;
+  padding-left: 0;
+}
+.antd-Collapse-header.is-mobile:hover {
+  background: none;
+}
 .antd-Collapse .Collapse-arrow {
   content: var(--collapse-icon-icon);
 }
@@ -21548,6 +21691,24 @@ input[type=button].antd-Button--block {
   line-height: var(--collapse-default-content-lineHeight);
   background: var(--collapse-default-bg-color);
 }
+.antd-Collapse.is-mobile {
+  border-top: none;
+  border-left: none;
+  border-right: none;
+}
+.antd-Collapse.is-mobile:last-child {
+  border-bottom: none;
+}
+.antd-Collapse.is-mobile .antd-Collapse-icon-tranform,
+.antd-Collapse.is-mobile .antd-Collapse-arrow-wrap {
+  margin-right: -1.125rem;
+  float: right;
+  margin-top: 0.125rem;
+}
+.antd-Collapse.is-mobile .antd-Collapse-content {
+  padding-left: 0;
+  padding-right: 0;
+}
 .antd-Form .antd-Collapse {
   border: none;
 }
@@ -21582,7 +21743,7 @@ input[type=button].antd-Button--block {
 .antd-CollapseGroup .antd-Collapse:first-child:nth-last-child(1) > .antd-Collapse-header {
   border-radius: 4px;
 }
-.antd-CollapseGroup .antd-Collapse:not(:last-child) {
+.antd-CollapseGroup .antd-Collapse:not(:last-child):not(.is-mobile) {
   border-bottom: none;
 }
 .antd-CollapseGroup.icon-position-right .antd-Collapse-header .antd-Collapse-arrow-wrap {
@@ -21592,6 +21753,9 @@ input[type=button].antd-Button--block {
 .antd-CollapseGroup.icon-position-right .antd-Collapse-header .antd-Collapse-icon-tranform {
   float: right;
 }
+.antd-CollapseGroup.is-mobile.icon-position-right .antd-Collapse-header .antd-Collapse-arrow-wrap {
+  margin-right: -1.125rem;
+}
 .antd-ColorField {
   display: inline-block;
 }
@@ -21608,6 +21772,9 @@ input[type=button].antd-Button--block {
   margin-left: 10px;
   vertical-align: middle;
 }
+.antd-ConditionBuilderControl.is-mobile {
+  overflow-x: auto;
+}
 .antd-CBGroup {
   font-size: var(--fontSizeSm);
   position: relative;
@@ -21766,6 +21933,7 @@ input[type=button].antd-Button--block {
   width: 0.625rem;
   height: 0.625rem;
   top: 0;
+  transform: rotate(90deg);
 }
 .antd-CBGroup-fieldInput.is-active .antd-CBGroup-fieldCaret, .antd-CBGroup-operatorInput.is-active .antd-CBGroup-operatorCaret {
   transform: rotate(180deg);
@@ -21828,7 +21996,7 @@ input[type=button].antd-Button--block {
   padding: 10px;
   margin: -10px 0px;
   background: #fff;
-  z-index: 1;
+  z-index: 2;
 }
 .antd-CBGroupOrItem-body-group > .antd-CBGroupOrItem-dragbar {
   left: -0.3125rem;
@@ -21868,7 +22036,12 @@ input[type=button].antd-Button--block {
 .antd-CBGroupOrItem > .antd-CBGroupOrItem-body > .antd-CBGroupOrItem-body-group > .antd-CBGroupOrItem-dragbar, .antd-CBGroupOrItem > .antd-CBGroupOrItem-body > .antd-CBGroupOrItem-body-item > .antd-CBGroupOrItem-dragbar, .antd-CBGroupOrItem > .antd-CBGroupOrItem-body > .antd-CBGroupOrItem-body-item > .antd-CBDelete {
   opacity: 0;
 }
-.antd-CBGroupOrItem:hover > .antd-CBGroupOrItem-body > .antd-CBGroupOrItem-body-item > .antd-CBGroupOrItem-dragbar, .antd-CBGroupOrItem:hover > .antd-CBGroupOrItem-body > .antd-CBGroupOrItem-body-item > .antd-CBDelete {
+.antd-CBGroupOrItem:is(.is-mobile) > .antd-CBGroupOrItem-body > .antd-CBGroupOrItem-body-group > .antd-CBGroupOrItem-dragbar,
+.antd-CBGroupOrItem:is(.is-mobile) > .antd-CBGroupOrItem-body > .antd-CBGroupOrItem-body-item > .antd-CBGroupOrItem-dragbar,
+.antd-CBGroupOrItem:is(.is-mobile) > .antd-CBGroupOrItem-body > .antd-CBGroupOrItem-body-item > .antd-CBDelete {
+  opacity: 1;
+}
+.antd-CBGroupOrItem:not(.is-mobile):hover > .antd-CBGroupOrItem-body > .antd-CBGroupOrItem-body-item > .antd-CBGroupOrItem-dragbar, .antd-CBGroupOrItem:not(.is-mobile):hover > .antd-CBGroupOrItem-body > .antd-CBGroupOrItem-body-item > .antd-CBDelete {
   opacity: 1;
 }
 .antd-CBGroupOrItem-simple {
@@ -22411,6 +22584,9 @@ input[type=button].antd-Button--block {
   display: inline-flex;
   align-items: center;
 }
+.antd-Crud-toolbar-item.is-mobile {
+  margin-top: 0;
+}
 .antd-Crud-toolbar-item--left:not(:first-child) {
   margin-left: var(--Crud-toolbar-gap);
 }
@@ -22446,139 +22622,8 @@ input[type=button].antd-Button--block {
 .antd-Crud-filter {
   margin-bottom: var(--gap-base);
 }
-@media (min-width: 576px) {
-  .antd-Crud-toolbar {
-    margin-top: calc(var(--Crud-toolbar-gap) * -1);
-    flex-basis: 0;
-    flex-grow: 1;
-  }
-  .antd-Crud-toolbar::before, .antd-Crud-toolbar::after {
-    display: table;
-    content: "";
-  }
-  .antd-Crud-toolbar::after {
-    clear: both;
-  }
-  .antd-Crud-toolbar-item {
-    line-height: var(--Crud-toolbar-lineHeight);
-    height: var(--Crud-toolbar-height);
-    vertical-align: middle;
-  }
-  .antd-Crud-toolbar-item--left:not(:first-child) {
-    margin-left: var(--Crud-toolbar-gap);
-  }
-  .antd-Crud-toolbar-item--right:not(:last-child) {
-    margin-left: var(--Crud-toolbar-gap);
-  }
-  .antd-Crud-toolbar-item--left {
-    float: left;
-  }
-  .antd-Crud-toolbar-item--right {
-    float: right;
-  }
-  .antd-Crud-actions > * + .antd-Button,
-  .antd-Crud-actions > * + .antd-Button--disabled-wrap {
-    margin-left: var(--Crud-toolbar-gap);
-  }
-}
-.antd-Crud2 {
-  position: relative;
-}
-.antd-Crud2-selection, .antd-Crud2-toolbar, .antd-Crud2-body {
-  margin-bottom: var(--gap-base);
-}
-.antd-Crud2-selectionLabel {
-  display: inline-block;
-  vertical-align: top;
-  margin-top: var(--gap-xs);
-}
-.antd-Crud2-value {
-  cursor: pointer;
-  vertical-align: middle;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  line-height: calc(
-      var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
-    );
-  display: inline-block;
-  font-size: var(--Pick-base-value-fontSize);
-  color: var(--Pick-base-value-color);
-  font-weight: var(--Pick-base-value-fontWeight);
-  background: var(--Pick-base-value-bgColor);
-  border-width: var(--Pick-base-value-top-border-width) var(--Pick-base-value-right-border-width) var(--Pick-base-value-bottom-border-width) var(--Pick-base-value-left-border-width);
-  border-style: var(--Pick-base-value-top-border-style) var(--Pick-base-value-right-border-style) var(--Pick-base-value-bottom-border-style) var(--Pick-base-value-left-border-style);
-  border-color: var(--Pick-base-value-top-border-color) var(--Pick-base-value-right-border-color) var(--Pick-base-value-bottom-border-color) var(--Pick-base-value-left-border-color);
-  border-radius: var(--Pick-base-top-left-border-radius) var(--Pick-base-top-right-border-radius) var(--Pick-base-bottom-right-border-radius) var(--Pick-base-bottom-left-border-radius);
-  margin-right: var(--gap-xs);
-  margin-top: var(--gap-xs);
-}
-.antd-Crud2-value:hover {
-  background: var(--Form-selectValue-onHover-bg);
-}
-.antd-Crud2-value.is-disabled {
-  pointer-events: none;
-  opacity: var(--Button-onDisabled-opacity);
-}
-.antd-Crud2-valueIcon {
-  color: var(--Pick-base-value-icon-color);
-  cursor: pointer;
-  border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
-  padding: 1px 5px;
-}
-.antd-Crud2-valueIcon:hover {
-  background: var(--Form-selectValue-onHover-bg);
-}
-.antd-Crud2-valueLabel {
-  padding: 0 var(--gap-xs);
-}
-.antd-Crud2-selectionClear {
-  display: inline-block;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  margin-left: var(--gap-xs);
-  margin-top: var(--gap-xs);
-  vertical-align: middle;
-}
-.antd-Crud2-toolbar-item {
-  margin-top: var(--Crud-toolbar-gap);
-  line-height: var(--Crud-toolbar-lineHeight);
-  height: var(--Crud-toolbar-height);
-  vertical-align: middle;
-  display: inline-flex;
-  align-items: center;
-}
-.antd-Crud2-toolbar-item--left:not(:first-child) {
-  margin-left: var(--Crud-toolbar-gap);
-}
-.antd-Crud2-toolbar-item--right:not(:last-child) {
-  margin-left: var(--Crud-toolbar-gap);
-}
-.antd-Crud2-toolbar-item--left {
-  float: left;
-}
-.antd-Crud2-toolbar-item--right {
-  float: right;
-}
-.antd-Crud2-actions > * + .antd-Button,
-.antd-Crud2-actions > * + .antd-ButtonGroup,
-.antd-Crud2-actions > * + .antd-ButtonToolbar {
-  margin-left: var(--Crud-toolbar-gap);
-}
-.antd-Crud2-statistics {
-  line-height: var(--Crud-toolbar-height);
-  vertical-align: middle;
-}
-.antd-Crud2-pageSwitch .antd-Select {
-  margin-left: var(--Crud-toolbar-gap);
-}
-.antd-Crud2-pager {
-  align-self: flex-start;
-}
-.antd-Crud2-filter {
-  margin-bottom: var(--gap-base);
+.antd-Crud.is-mobile .antd-Crud-toolbar {
+  flex: 1;
 }
 @media (min-width: 576px) {
   .antd-Crud-toolbar {
@@ -22615,78 +22660,167 @@ input[type=button].antd-Button--block {
     margin-left: var(--Crud-toolbar-gap);
   }
 }
-.antd-Table {
+.antd-Crud2 {
   position: relative;
-  border-radius: var(--Table-borderRadius);
-  margin-bottom: var(--gap-md);
 }
-.antd-Form-control > .antd-Table {
-  margin-bottom: var(--gap-sm);
+.antd-Crud2-selection, .antd-Crud2-toolbar, .antd-Crud2-body {
+  margin-bottom: var(--gap-base);
 }
-.antd-Table-fixedLeft, .antd-Table-fixedRight {
-  position: absolute;
-  background: var(--Table-bg);
-  z-index: var(--Table-fixed-zIndex);
-  top: auto;
-  box-shadow: none;
+.antd-Crud2-selectionLabel {
+  display: inline-block;
+  vertical-align: top;
+  margin-top: var(--gap-xs);
 }
-.antd-Table-fixedLeft--autoFillHeight > table thead, .antd-Table-fixedRight--autoFillHeight > table thead {
-  position: sticky;
-  top: 0;
-  z-index: 1;
+.antd-Crud2-value {
+  cursor: pointer;
+  vertical-align: middle;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  line-height: calc(
+      var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
+    );
+  display: inline-block;
+  font-size: var(--Pick-base-value-fontSize);
+  color: var(--Pick-base-value-color);
+  font-weight: var(--Pick-base-value-fontWeight);
+  background: var(--Pick-base-value-bgColor);
+  border-width: var(--Pick-base-value-top-border-width) var(--Pick-base-value-right-border-width) var(--Pick-base-value-bottom-border-width) var(--Pick-base-value-left-border-width);
+  border-style: var(--Pick-base-value-top-border-style) var(--Pick-base-value-right-border-style) var(--Pick-base-value-bottom-border-style) var(--Pick-base-value-left-border-style);
+  border-color: var(--Pick-base-value-top-border-color) var(--Pick-base-value-right-border-color) var(--Pick-base-value-bottom-border-color) var(--Pick-base-value-left-border-color);
+  border-radius: var(--Pick-base-top-left-border-radius) var(--Pick-base-top-right-border-radius) var(--Pick-base-bottom-right-border-radius) var(--Pick-base-bottom-left-border-radius);
+  margin-right: var(--gap-xs);
+  margin-top: var(--gap-xs);
 }
-.antd-Table-fixedLeft {
-  left: 0;
-  top: -999999px;
+.antd-Crud2-value:hover {
+  background: var(--Form-selectValue-onHover-bg);
 }
-.antd-Table-fixedLeft.in {
-  box-shadow: var(--Table-fixedLeft-boxShadow);
-  top: auto;
+.antd-Crud2-value.is-disabled {
+  pointer-events: none;
+  opacity: var(--Button-onDisabled-opacity);
 }
-.antd-Table-fixedLeft > .antd-Table-table > thead > tr > th:last-child,
-.antd-Table-fixedLeft > .antd-Table-table > tbody > tr > td:last-child {
-  padding-right: var(--TableCell-paddingX);
+.antd-Crud2-valueIcon {
+  color: var(--Pick-base-value-icon-color);
+  cursor: pointer;
+  border-right: 0.0625rem solid var(--Form-selectValue-borderColor);
+  padding: 1px 5px;
 }
-.antd-Table-fixedRight {
-  right: 0;
-  top: -999999px;
+.antd-Crud2-valueIcon:hover {
+  background: var(--Form-selectValue-onHover-bg);
 }
-.antd-Table-fixedRight.in {
-  box-shadow: var(--Table-fixedRight-boxShadow);
-  top: auto;
+.antd-Crud2-valueLabel {
+  padding: 0 var(--gap-xs);
+}
+.antd-Crud2-selectionClear {
+  display: inline-block;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  margin-left: var(--gap-xs);
+  margin-top: var(--gap-xs);
+  vertical-align: middle;
 }
-.antd-Table-fixedRight > .antd-Table-table > thead > tr > th:first-child,
-.antd-Table-fixedRight > .antd-Table-table > tbody > tr > td:first-child {
-  padding-left: var(--TableCell-paddingX);
+.antd-Crud2-toolbar-item {
+  margin-top: var(--Crud-toolbar-gap);
+  line-height: var(--Crud-toolbar-lineHeight);
+  height: var(--Crud-toolbar-height);
+  vertical-align: middle;
+  display: inline-flex;
+  align-items: center;
+}
+.antd-Crud2-toolbar-item--left:not(:first-child) {
+  margin-left: var(--Crud-toolbar-gap);
+}
+.antd-Crud2-toolbar-item--right:not(:last-child) {
+  margin-left: var(--Crud-toolbar-gap);
+}
+.antd-Crud2-toolbar-item--left {
+  float: left;
+}
+.antd-Crud2-toolbar-item--right {
+  float: right;
+}
+.antd-Crud2-actions > * + .antd-Button,
+.antd-Crud2-actions > * + .antd-ButtonGroup,
+.antd-Crud2-actions > * + .antd-ButtonToolbar {
+  margin-left: var(--Crud-toolbar-gap);
+}
+.antd-Crud2-statistics {
+  line-height: var(--Crud-toolbar-height);
+  vertical-align: middle;
+}
+.antd-Crud2-pageSwitch .antd-Select {
+  margin-left: var(--Crud-toolbar-gap);
+}
+.antd-Crud2-pager {
+  align-self: flex-start;
+}
+.antd-Crud2-filter {
+  margin-bottom: var(--gap-base);
+}
+@media (min-width: 576px) {
+  .antd-Crud-toolbar {
+    margin-top: calc(var(--Crud-toolbar-gap) * -1);
+    flex-basis: 0;
+    flex-grow: 1;
+  }
+  .antd-Crud-toolbar::before, .antd-Crud-toolbar::after {
+    display: table;
+    content: "";
+  }
+  .antd-Crud-toolbar::after {
+    clear: both;
+  }
+  .antd-Crud-toolbar-item {
+    line-height: var(--Crud-toolbar-lineHeight);
+    height: var(--Crud-toolbar-height);
+    vertical-align: middle;
+  }
+  .antd-Crud-toolbar-item--left:not(:first-child) {
+    margin-left: var(--Crud-toolbar-gap);
+  }
+  .antd-Crud-toolbar-item--right:not(:last-child) {
+    margin-left: var(--Crud-toolbar-gap);
+  }
+  .antd-Crud-toolbar-item--left {
+    float: left;
+  }
+  .antd-Crud-toolbar-item--right {
+    float: right;
+  }
+  .antd-Crud-actions > * + .antd-Button,
+  .antd-Crud-actions > * + .antd-Button--disabled-wrap {
+    margin-left: var(--Crud-toolbar-gap);
+  }
+}
+.antd-Table {
+  position: relative;
+  border-radius: var(--Table-borderRadius);
+  margin-bottom: var(--gap-md);
+}
+.antd-Form-control > .antd-Table {
+  margin-bottom: var(--gap-sm);
 }
 .antd-Table-fixedTop {
-  position: absolute;
+  position: sticky;
   background: var(--Table-bg);
-  z-index: -1;
-  opacity: 0;
+  display: block;
+  opacity: 1;
+  z-index: 1100;
 }
 .antd-Table-fixedTop:after {
   content: "";
   position: absolute;
   width: 100%;
   box-shadow: var(--Table-fixedTop-boxShadow);
-  z-index: 10;
-  height: 1px;
-  margin-top: -3px;
+  z-index: 30;
+  height: 30px;
+  top: 100%;
+  pointer-events: none;
   background-color: transparent;
+  margin-top: -2px;
 }
-.antd-Table-fixedTop.in {
-  position: fixed;
-  opacity: 1;
-  z-index: 900;
-}
-.antd-Table-fixedTop > .antd-Table-fixedLeft,
-.antd-Table-fixedTop > .antd-Table-fixedRight {
-  z-index: 910;
-  background: transparent;
-}
-.antd-Table-fixedTop.is-fakeHide > .antd-Table-fixedLeft,
-.antd-Table-fixedTop.is-fakeHide > .antd-Table-fixedRight,
 .antd-Table-fixedTop.is-fakeHide > .antd-Table-wrapper {
   visibility: hidden;
   position: absolute;
@@ -22762,6 +22896,9 @@ input[type=button].antd-Button--block {
   display: flex;
   align-items: center;
 }
+.antd-Table.is-mobile .antd-Table-toolbar .antd-Form-item {
+  padding: 0;
+}
 .antd-Table-header + .antd-Table-toolbar {
   padding-top: 0;
 }
@@ -22780,9 +22917,6 @@ input[type=button].antd-Button--block {
   overflow-x: auto;
   transform: translateZ(0);
 }
-.antd-Table-content th {
-  position: relative;
-}
 .antd-Table-content-colDragLine {
   position: absolute;
   width: 7px;
@@ -22794,9 +22928,9 @@ input[type=button].antd-Button--block {
      -moz-user-select: none;
           user-select: none;
   opacity: 0.5;
-  z-index: 3000;
+  z-index: 15;
 }
-.antd-Table-content-colDragLine:hover {
+.antd-Table-content-colDragLine:hover, .antd-Table-content-colDragLine.is-resizing {
   background: var(--primary);
 }
 .antd-Table-table {
@@ -22807,11 +22941,47 @@ input[type=button].antd-Button--block {
   color: var(--Table-color);
   background: var(--Table-bg);
   border-spacing: 0;
-  border-collapse: collapse;
-  border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
+  border-collapse: separate;
 }
 .antd-Table-table th, .antd-Table-table td {
   text-align: left;
+  border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
+}
+.antd-Table-table th.is-sticky, .antd-Table-table td.is-sticky {
+  position: sticky !important;
+  z-index: 20;
+  background: inherit;
+}
+.antd-Table-table th.is-sticky-last-left:after, .antd-Table-table td.is-sticky-last-left:after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: -1px;
+  width: 30px;
+  transform: translateX(100%);
+  transition: box-shadow 0.3s;
+  content: "";
+  pointer-events: none;
+}
+.antd-Table-table th.is-sticky-first-right:after, .antd-Table-table td.is-sticky-first-right:after {
+  position: absolute;
+  top: 0;
+  bottom: -1px;
+  left: 0;
+  width: 30px;
+  transform: translateX(-100%);
+  transition: box-shadow 0.3s;
+  content: "";
+  pointer-events: none;
+}
+.antd-Table-table.table-fixed-left .is-sticky-last-left:after {
+  box-shadow: var(--Table-fixedLeft-boxShadow);
+}
+.antd-Table-table.table-fixed-right .is-sticky-first-right:after {
+  box-shadow: var(--Table-fixedRight-boxShadow);
+}
+.antd-Table-table th {
+  position: relative;
 }
 .antd-Table-table th.text-center, .antd-Table-table td.text-center, .antd-Table-table th[colspan], .antd-Table-table td[colspan] {
   text-align: center;
@@ -22822,6 +22992,9 @@ input[type=button].antd-Button--block {
 .antd-Table-table td .antd-SwitchControl {
   padding-top: 0;
 }
+.antd-Table-table--affixHeader thead {
+  visibility: collapse;
+}
 .antd-Table-table--withCombine > thead > tr > th:first-child,
 .antd-Table-table--withCombine > tbody > tr > td:first-child {
   padding-left: var(--TableCell-paddingX) !important;
@@ -22842,8 +23015,11 @@ input[type=button].antd-Button--block {
 .antd-Table-table--checkOnItemClick > tbody > tr {
   cursor: pointer;
 }
-.antd-Table-table > thead > tr > th {
+.antd-Table-table > thead > tr {
   background: var(--Table-thead-bg);
+}
+.antd-Table-table > thead > tr > th {
+  background: inherit;
   padding: var(--TableCell-paddingY) var(--TableCell-paddingX);
   text-align: left;
   border-bottom: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor);
@@ -22889,6 +23065,7 @@ input[type=button].antd-Button--block {
 }
 .antd-Table-table > tbody > tr {
   position: relative;
+  background: var(--Table-bg);
 }
 .antd-Table-table > tbody > tr + tr {
   border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
@@ -22927,7 +23104,7 @@ input[type=button].antd-Button--block {
   border-color: var(--Table-onHover-borderColor);
 }
 .antd-Table-table > tbody > tr:active {
-  background: transparent;
+  background: var(--Table-onHover-bg);
 }
 .antd-Table-table > tbody > tr:hover.antd-Table-placeholder {
   color: var(--text--muted-color);
@@ -23208,334 +23385,197 @@ input[type=button].antd-Button--block {
 .antd-Table-table > tbody > tr.is-dragging {
   opacity: var(--Table-onDragging-opacity);
 }
-.antd-Table-table tr.antd-Table-tr--2th.is-expanded .antd-Table-expandCell:before {
-  right: -0.6875rem;
-}
-.antd-Table-table tr.antd-Table-tr--2th .antd-Table-expandBtn {
-  position: relative;
-  right: -1.125rem;
-}
-.antd-Table-table tr.antd-Table-tr--2th .antd-Table-expandCell + td {
-  position: relative;
-  padding-left: 1.125rem;
-}
-.antd-Table-table tr.antd-Table-tr--2th .antd-Table-expandCell + td::before {
+.antd-Table-table .antd-Table-divider2 {
   content: "";
+  position: absolute;
+  height: 0.0625rem;
+  top: 50%;
+  width: 0.625rem;
+  background: var(--Table-tree-borderColor);
+}
+.antd-Table-table .antd-Table-divider3 {
   position: absolute;
   width: 0.0625rem;
   top: 0;
   bottom: 0;
-  left: -0.5rem;
-  height: auto;
+  height: 100%;
   background: var(--Table-tree-borderColor);
 }
-.antd-Table-table tr.antd-Table-tr--2th .antd-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: -0.5rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
+.antd-Table-table tr.antd-Table-tr--2th.is-expanded .antd-Table-expandCell:before {
+  left: 2.5625rem;
 }
-.antd-Table-table tr.antd-Table-tr--2th.is-expandable .antd-Table-expandCell + td {
-  padding-left: 1.125rem;
+.antd-Table-table tr.antd-Table-tr--2th .antd-Table-expandBtn {
+  position: relative;
+  left: 1.1875rem;
+}
+.antd-Table-table tr.antd-Table-tr--2th .antd-Table-divider2 {
+  left: 1.4375rem;
+}
+.antd-Table-table tr.antd-Table-tr--2th .antd-Table-divider3 {
+  left: 1.4375rem;
+}
+.antd-Table-table tr.antd-Table-tr--2th.is-last .antd-Table-divider3 {
+  height: 50%;
 }
 .antd-Table-table tr.antd-Table-tr--2th.is-last:not(.is-expanded) .antd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
 .antd-Table-table tr.antd-Table-tr--3th.is-expanded .antd-Table-expandCell:before {
-  right: -1.8125rem;
+  left: 3.6875rem;
 }
 .antd-Table-table tr.antd-Table-tr--3th .antd-Table-expandBtn {
   position: relative;
-  right: -2.25rem;
-}
-.antd-Table-table tr.antd-Table-tr--3th .antd-Table-expandCell + td {
-  position: relative;
-  padding-left: 2.25rem;
+  left: 2.3125rem;
 }
-.antd-Table-table tr.antd-Table-tr--3th .antd-Table-expandCell + td::before {
-  content: "";
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  left: 0.625rem;
-  height: auto;
-  background: var(--Table-tree-borderColor);
+.antd-Table-table tr.antd-Table-tr--3th .antd-Table-divider2 {
+  left: 2.5625rem;
 }
-.antd-Table-table tr.antd-Table-tr--3th .antd-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: 0.625rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
+.antd-Table-table tr.antd-Table-tr--3th .antd-Table-divider3 {
+  left: 2.5625rem;
 }
-.antd-Table-table tr.antd-Table-tr--3th.is-expandable .antd-Table-expandCell + td {
-  padding-left: 2.25rem;
+.antd-Table-table tr.antd-Table-tr--3th.is-last .antd-Table-divider3 {
+  height: 50%;
 }
 .antd-Table-table tr.antd-Table-tr--3th.is-last:not(.is-expanded) .antd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
 .antd-Table-table tr.antd-Table-tr--4th.is-expanded .antd-Table-expandCell:before {
-  right: -2.9375rem;
+  left: 4.8125rem;
 }
 .antd-Table-table tr.antd-Table-tr--4th .antd-Table-expandBtn {
   position: relative;
-  right: -3.375rem;
-}
-.antd-Table-table tr.antd-Table-tr--4th .antd-Table-expandCell + td {
-  position: relative;
-  padding-left: 3.375rem;
+  left: 3.4375rem;
 }
-.antd-Table-table tr.antd-Table-tr--4th .antd-Table-expandCell + td::before {
-  content: "";
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  left: 1.75rem;
-  height: auto;
-  background: var(--Table-tree-borderColor);
+.antd-Table-table tr.antd-Table-tr--4th .antd-Table-divider2 {
+  left: 3.6875rem;
 }
-.antd-Table-table tr.antd-Table-tr--4th .antd-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: 1.75rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
+.antd-Table-table tr.antd-Table-tr--4th .antd-Table-divider3 {
+  left: 3.6875rem;
 }
-.antd-Table-table tr.antd-Table-tr--4th.is-expandable .antd-Table-expandCell + td {
-  padding-left: 3.375rem;
+.antd-Table-table tr.antd-Table-tr--4th.is-last .antd-Table-divider3 {
+  height: 50%;
 }
 .antd-Table-table tr.antd-Table-tr--4th.is-last:not(.is-expanded) .antd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
 .antd-Table-table tr.antd-Table-tr--5th.is-expanded .antd-Table-expandCell:before {
-  right: -4.0625rem;
+  left: 5.9375rem;
 }
 .antd-Table-table tr.antd-Table-tr--5th .antd-Table-expandBtn {
   position: relative;
-  right: -4.5rem;
+  left: 4.5625rem;
 }
-.antd-Table-table tr.antd-Table-tr--5th .antd-Table-expandCell + td {
-  position: relative;
-  padding-left: 4.5rem;
+.antd-Table-table tr.antd-Table-tr--5th .antd-Table-divider2 {
+  left: 4.8125rem;
 }
-.antd-Table-table tr.antd-Table-tr--5th .antd-Table-expandCell + td::before {
-  content: "";
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  left: 2.875rem;
-  height: auto;
-  background: var(--Table-tree-borderColor);
+.antd-Table-table tr.antd-Table-tr--5th .antd-Table-divider3 {
+  left: 4.8125rem;
 }
-.antd-Table-table tr.antd-Table-tr--5th .antd-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: 2.875rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
-}
-.antd-Table-table tr.antd-Table-tr--5th.is-expandable .antd-Table-expandCell + td {
-  padding-left: 4.5rem;
+.antd-Table-table tr.antd-Table-tr--5th.is-last .antd-Table-divider3 {
+  height: 50%;
 }
 .antd-Table-table tr.antd-Table-tr--5th.is-last:not(.is-expanded) .antd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
 .antd-Table-table tr.antd-Table-tr--6th.is-expanded .antd-Table-expandCell:before {
-  right: -5.1875rem;
+  left: 7.0625rem;
 }
 .antd-Table-table tr.antd-Table-tr--6th .antd-Table-expandBtn {
   position: relative;
-  right: -5.625rem;
+  left: 5.6875rem;
 }
-.antd-Table-table tr.antd-Table-tr--6th .antd-Table-expandCell + td {
-  position: relative;
-  padding-left: 5.625rem;
+.antd-Table-table tr.antd-Table-tr--6th .antd-Table-divider2 {
+  left: 5.9375rem;
 }
-.antd-Table-table tr.antd-Table-tr--6th .antd-Table-expandCell + td::before {
-  content: "";
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  left: 4rem;
-  height: auto;
-  background: var(--Table-tree-borderColor);
-}
-.antd-Table-table tr.antd-Table-tr--6th .antd-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: 4rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
+.antd-Table-table tr.antd-Table-tr--6th .antd-Table-divider3 {
+  left: 5.9375rem;
 }
-.antd-Table-table tr.antd-Table-tr--6th.is-expandable .antd-Table-expandCell + td {
-  padding-left: 5.625rem;
+.antd-Table-table tr.antd-Table-tr--6th.is-last .antd-Table-divider3 {
+  height: 50%;
 }
 .antd-Table-table tr.antd-Table-tr--6th.is-last:not(.is-expanded) .antd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
 .antd-Table-table tr.antd-Table-tr--7th.is-expanded .antd-Table-expandCell:before {
-  right: -6.3125rem;
+  left: 8.1875rem;
 }
 .antd-Table-table tr.antd-Table-tr--7th .antd-Table-expandBtn {
   position: relative;
-  right: -6.75rem;
+  left: 6.8125rem;
 }
-.antd-Table-table tr.antd-Table-tr--7th .antd-Table-expandCell + td {
-  position: relative;
-  padding-left: 6.75rem;
+.antd-Table-table tr.antd-Table-tr--7th .antd-Table-divider2 {
+  left: 7.0625rem;
 }
-.antd-Table-table tr.antd-Table-tr--7th .antd-Table-expandCell + td::before {
-  content: "";
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  left: 5.125rem;
-  height: auto;
-  background: var(--Table-tree-borderColor);
-}
-.antd-Table-table tr.antd-Table-tr--7th .antd-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: 5.125rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
+.antd-Table-table tr.antd-Table-tr--7th .antd-Table-divider3 {
+  left: 7.0625rem;
 }
-.antd-Table-table tr.antd-Table-tr--7th.is-expandable .antd-Table-expandCell + td {
-  padding-left: 6.75rem;
+.antd-Table-table tr.antd-Table-tr--7th.is-last .antd-Table-divider3 {
+  height: 50%;
 }
 .antd-Table-table tr.antd-Table-tr--7th.is-last:not(.is-expanded) .antd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
 .antd-Table-table tr.antd-Table-tr--8th.is-expanded .antd-Table-expandCell:before {
-  right: -7.4375rem;
+  left: 9.3125rem;
 }
 .antd-Table-table tr.antd-Table-tr--8th .antd-Table-expandBtn {
   position: relative;
-  right: -7.875rem;
+  left: 7.9375rem;
 }
-.antd-Table-table tr.antd-Table-tr--8th .antd-Table-expandCell + td {
-  position: relative;
-  padding-left: 7.875rem;
+.antd-Table-table tr.antd-Table-tr--8th .antd-Table-divider2 {
+  left: 8.1875rem;
 }
-.antd-Table-table tr.antd-Table-tr--8th .antd-Table-expandCell + td::before {
-  content: "";
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  left: 6.25rem;
-  height: auto;
-  background: var(--Table-tree-borderColor);
-}
-.antd-Table-table tr.antd-Table-tr--8th .antd-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: 6.25rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
+.antd-Table-table tr.antd-Table-tr--8th .antd-Table-divider3 {
+  left: 8.1875rem;
 }
-.antd-Table-table tr.antd-Table-tr--8th.is-expandable .antd-Table-expandCell + td {
-  padding-left: 7.875rem;
+.antd-Table-table tr.antd-Table-tr--8th.is-last .antd-Table-divider3 {
+  height: 50%;
 }
 .antd-Table-table tr.antd-Table-tr--8th.is-last:not(.is-expanded) .antd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
 .antd-Table-table tr.antd-Table-tr--9th.is-expanded .antd-Table-expandCell:before {
-  right: -8.5625rem;
+  left: 10.4375rem;
 }
 .antd-Table-table tr.antd-Table-tr--9th .antd-Table-expandBtn {
   position: relative;
-  right: -9rem;
+  left: 9.0625rem;
 }
-.antd-Table-table tr.antd-Table-tr--9th .antd-Table-expandCell + td {
-  position: relative;
-  padding-left: 9rem;
+.antd-Table-table tr.antd-Table-tr--9th .antd-Table-divider2 {
+  left: 9.3125rem;
 }
-.antd-Table-table tr.antd-Table-tr--9th .antd-Table-expandCell + td::before {
-  content: "";
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  left: 7.375rem;
-  height: auto;
-  background: var(--Table-tree-borderColor);
-}
-.antd-Table-table tr.antd-Table-tr--9th .antd-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: 7.375rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
+.antd-Table-table tr.antd-Table-tr--9th .antd-Table-divider3 {
+  left: 9.3125rem;
 }
-.antd-Table-table tr.antd-Table-tr--9th.is-expandable .antd-Table-expandCell + td {
-  padding-left: 9rem;
+.antd-Table-table tr.antd-Table-tr--9th.is-last .antd-Table-divider3 {
+  height: 50%;
 }
 .antd-Table-table tr.antd-Table-tr--9th.is-last:not(.is-expanded) .antd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
 .antd-Table-table tr.antd-Table-tr--10th.is-expanded .antd-Table-expandCell:before {
-  right: -9.6875rem;
+  left: 11.5625rem;
 }
 .antd-Table-table tr.antd-Table-tr--10th .antd-Table-expandBtn {
   position: relative;
-  right: -10.125rem;
+  left: 10.1875rem;
 }
-.antd-Table-table tr.antd-Table-tr--10th .antd-Table-expandCell + td {
-  position: relative;
-  padding-left: 10.125rem;
+.antd-Table-table tr.antd-Table-tr--10th .antd-Table-divider2 {
+  left: 10.4375rem;
 }
-.antd-Table-table tr.antd-Table-tr--10th .antd-Table-expandCell + td::before {
-  content: "";
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  left: 8.5rem;
-  height: auto;
-  background: var(--Table-tree-borderColor);
-}
-.antd-Table-table tr.antd-Table-tr--10th .antd-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: 8.5rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
+.antd-Table-table tr.antd-Table-tr--10th .antd-Table-divider3 {
+  left: 10.4375rem;
 }
-.antd-Table-table tr.antd-Table-tr--10th.is-expandable .antd-Table-expandCell + td {
-  padding-left: 10.125rem;
+.antd-Table-table tr.antd-Table-tr--10th.is-last .antd-Table-divider3 {
+  height: 50%;
 }
 .antd-Table-table tr.antd-Table-tr--10th.is-last:not(.is-expanded) .antd-Table-expandCell + td::before {
   height: 50%;
@@ -23582,7 +23622,7 @@ input[type=button].antd-Button--block {
   bottom: 0;
   height: 100%;
   background: var(--Table-tree-borderColor);
-  right: 0.4375rem;
+  left: 1.4375rem;
 }
 .antd-Table-table > tbody > tr > td.antd-Table-expandCell .antd-Table-divider-2 {
   position: absolute;
@@ -23591,7 +23631,7 @@ input[type=button].antd-Button--block {
   bottom: 0;
   height: 100%;
   background: var(--Table-tree-borderColor);
-  right: -0.6875rem;
+  left: 2.5625rem;
 }
 .antd-Table-table > tbody > tr > td.antd-Table-expandCell .antd-Table-divider-3 {
   position: absolute;
@@ -23600,7 +23640,7 @@ input[type=button].antd-Button--block {
   bottom: 0;
   height: 100%;
   background: var(--Table-tree-borderColor);
-  right: -1.8125rem;
+  left: 3.6875rem;
 }
 .antd-Table-table > tbody > tr > td.antd-Table-expandCell .antd-Table-divider-4 {
   position: absolute;
@@ -23609,7 +23649,7 @@ input[type=button].antd-Button--block {
   bottom: 0;
   height: 100%;
   background: var(--Table-tree-borderColor);
-  right: -2.9375rem;
+  left: 4.8125rem;
 }
 .antd-Table-table > tbody > tr > td.antd-Table-expandCell .antd-Table-divider-5 {
   position: absolute;
@@ -23618,7 +23658,7 @@ input[type=button].antd-Button--block {
   bottom: 0;
   height: 100%;
   background: var(--Table-tree-borderColor);
-  right: -4.0625rem;
+  left: 5.9375rem;
 }
 .antd-Table-table > tbody > tr > td.antd-Table-expandCell .antd-Table-divider-6 {
   position: absolute;
@@ -23627,7 +23667,7 @@ input[type=button].antd-Button--block {
   bottom: 0;
   height: 100%;
   background: var(--Table-tree-borderColor);
-  right: -5.1875rem;
+  left: 7.0625rem;
 }
 .antd-Table-table > tbody > tr > td.antd-Table-expandCell .antd-Table-divider-7 {
   position: absolute;
@@ -23636,7 +23676,7 @@ input[type=button].antd-Button--block {
   bottom: 0;
   height: 100%;
   background: var(--Table-tree-borderColor);
-  right: -6.3125rem;
+  left: 8.1875rem;
 }
 .antd-Table-table > tbody > tr.is-expanded > td.antd-Table-expandCell::before {
   content: "";
@@ -23644,7 +23684,7 @@ input[type=button].antd-Button--block {
   width: 0.0625rem;
   top: 50%;
   bottom: 0;
-  right: 0.4375rem;
+  left: 1.4375rem;
   height: auto;
   background: var(--Table-tree-borderColor);
 }
@@ -23653,6 +23693,14 @@ input[type=button].antd-Button--block {
 .antd-Table-table > thead > tr > th.antd-TableCell--filterable > .antd-TableCell--title {
   display: inline-block;
 }
+.antd-Table.is-mobile .antd-Table-table > tbody > tr:hover, .antd-Table.is-mobile .antd-Table-table > tbody > tr.is-hovered {
+  background: var(--Table-bg);
+  border-color: var(--Table-borderColor);
+  color: var(--Table-color);
+}
+.antd-Table.is-mobile .antd-Table-table > tbody > tr:hover + tr, .antd-Table.is-mobile .antd-Table-table > tbody > tr.is-hovered + tr {
+  border-color: var(--Table-borderColor);
+}
 .antd-TableCell-sortBtn, .antd-TableCell-searchBtn, .antd-TableCell-filterBtn {
   display: inline-block;
   vertical-align: top;
@@ -23891,10 +23939,7 @@ input[type=button].antd-Button--block {
 .antd-Table--autoFillHeight > .antd-Table-contentWrap > .antd-Table-content table thead {
   position: sticky;
   top: 0;
-  z-index: 1;
-}
-.antd-Table--autoFillHeight > .antd-Table-fixedTop {
-  display: none;
+  z-index: 21;
 }
 .antd-Table--autoFillHeight > .antd-Table-footToolbar {
   margin-bottom: 0;
@@ -23906,6 +23951,10 @@ input[type=button].antd-Button--block {
   display: inline-flex;
   cursor: pointer;
 }
+.antd-Table-SFToggler:hover {
+  color: var(--link-color);
+  font-size: var(--Button--sm-fontSize);
+}
 .antd-Table-SFToggler-arrow {
   width: var(--gap-md);
   text-align: center;
@@ -25238,15 +25287,15 @@ input[type=button].antd-Button--block {
   margin-left: var(--DropDown-caret-marginLeft);
   display: inline-block;
   vertical-align: top;
-  transition: transform var(--animation-duration) ease;
 }
 .antd-ColumnToggler-caret > svg {
   width: 0.625rem;
   height: 0.625rem;
-  top: 0.125em;
+  transition: transform var(--animation-duration) ease;
+  transform: rotate(90deg);
 }
-.antd-ColumnToggler.is-opened .antd-ColumnToggler-caret {
-  transform: rotate(180deg);
+.antd-ColumnToggler.is-opened .antd-ColumnToggler-caret svg {
+  transform: rotate(270deg);
 }
 .antd-ColumnToggler.is-actived > .antd-Button {
   color: var(--link-color);
@@ -25290,10 +25339,6 @@ input[type=button].antd-Button--block {
           text-decoration: var(--link-decoration);
   background: var(--table-togglable-bg-color);
 }
-.antd-ColumnToggler-menuItem:hover, .antd-ColumnToggler-menu > li:hover {
-  background: var(--table-togglable-hover-bg-color);
-  color: var(--DropDown-menuItem-onHover-color);
-}
 .antd-ColumnToggler-menuItem.is-active, .antd-ColumnToggler-menu > li.is-active {
   color: var(--DropDown-menuItem-onActive-color);
 }
@@ -25312,6 +25357,10 @@ input[type=button].antd-Button--block {
   background: var(--DropDown-menu-borderColor);
   padding: 0;
 }
+.antd-ColumnToggler-menu:not(.is-mobile) > li:hover {
+  background: var(--table-togglable-hover-bg-color);
+  color: var(--DropDown-menuItem-onHover-color);
+}
 .antd-ColumnToggler-menu > li a {
   color: inherit;
   display: block;
@@ -25486,16 +25535,9 @@ input[type=button].antd-Button--block {
   padding: var(--gap-xs) 0;
 }
 .antd-List-fixedTop {
-  position: absolute;
+  position: sticky;
   background: var(--white);
-  z-index: -1;
-  opacity: 0;
-  box-shadow: var(--List-fixedTop-boxShadow);
-}
-.antd-List-fixedTop.in {
-  position: fixed;
-  opacity: 1;
-  z-index: 900;
+  z-index: 1100;
 }
 .antd-List-fixedTop .antd-Cards-toolbar {
   margin-bottom: 0;
@@ -25684,17 +25726,10 @@ input[type=button].antd-Button--block {
   padding-top: 0;
 }
 .antd-Cards-fixedTop {
-  position: absolute;
+  position: sticky;
   background: var(--white);
-  z-index: -1;
-  opacity: 0;
-  box-shadow: var(--Cards-fixedTop-boxShadow);
   padding: var(--gap-sm);
-}
-.antd-Cards-fixedTop.in {
-  position: fixed;
-  opacity: 1;
-  z-index: 900;
+  z-index: 1100;
 }
 .antd-Cards-fixedTop .antd-Cards-toolbar {
   margin-bottom: 0;
@@ -26265,6 +26300,7 @@ input[type=button].antd-Button--block {
   align-items: center;
   color: var(--text-color);
   font-size: var(--fontSizeXs);
+  min-width: 50px;
 }
 .antd-Progress-line {
   display: inline-block;
@@ -27323,7 +27359,6 @@ input[type=button].antd-Button--block {
   border: none;
   color: var(--Form-input-color);
   width: 100%;
-  height: var(--Form-input-lineHeight);
 }
 .antd-InputBox input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -27409,6 +27444,7 @@ input[type=button].antd-Button--block {
   margin: 5px;
   display: flex;
   color: var(--Form-select-caret-iconColor);
+  transform: rotate(90deg);
 }
 .antd-InputBox-caret:hover {
   color: var(--Form-select-caret-onHover-iconColor);
@@ -27419,7 +27455,24 @@ input[type=button].antd-Button--block {
   top: 0;
 }
 .antd-InputBox.is-active .antd-InputBox-caret {
-  transform: rotate(180deg);
+  transform: rotate(270deg);
+}
+.antd-InputBox.is-mobile {
+  border: none;
+  border-radius: 0;
+  border-bottom: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+}
+.antd-InputBox.is-mobile.is-error, .is-error > .antd-InputBox.is-mobile {
+  border-bottom-color: var(--Form-input-onError-borderColor);
+}
+.antd-InputBox.is-mobile.is-focused {
+  border-bottom-color: var(--Form-input-onFocused-borderColor);
+}
+.antd-InputBox.is-mobile.is-error.is-focused {
+  border-bottom-color: var(--Form-input-onError-borderColor);
+}
+.antd-InputBox.is-mobile.is-disabled {
+  border-bottom-color: var(--Form-input-onDisabled-borderColor);
 }
 .antd-JSONSchemaMember {
   display: flex;
@@ -27445,6 +27498,18 @@ input[type=button].antd-Button--block {
   align-items: center;
   color: var(--Form-input-color);
 }
+.antd-JSONSchemaMember-key.is-mobile > span {
+  border-radius: 0;
+  border: none;
+  border-bottom: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+}
+.antd-JSONSchemaMember-key.is-mobile .antd-InputBox {
+  height: 100%;
+  line-height: 1;
+}
+.antd-JSONSchemaMember-key.is-mobile .antd-InputBox > .antd-InputBox-caret svg {
+  top: 0.125em;
+}
 .antd-JSONSchemaMember-value {
   flex: 1;
   margin-left: auto;
@@ -27472,6 +27537,7 @@ input[type=button].antd-Button--block {
   transition: transform var(--animation-duration);
   color: var(--icon-color);
   margin-top: calc((var(--Form-input-height) - var(--Switch-height)) / 2);
+  transform: rotate(90deg);
 }
 .antd-JSONSchemaObject-caret > svg {
   width: 10px;
@@ -27479,7 +27545,7 @@ input[type=button].antd-Button--block {
   top: 0;
 }
 .antd-JSONSchemaObject-caret.is-collapsed {
-  transform: rotate(-90deg);
+  transform: rotate(0deg);
 }
 .antd-JSONSchemaObject.is-expanded {
   position: relative;
@@ -27525,6 +27591,10 @@ input[type=button].antd-Button--block {
   left: -33px;
   border-top: dashed 1px var(--icon-color);
 }
+.antd-JSONSchemaObject.is-mobile .antd-Number {
+  border-radius: 0;
+  border-bottom: var(--Number-borderWidth) solid var(--Form-input-borderColor);
+}
 .antd-SchemaEditorProps {
   width: 100%;
 }
@@ -27607,6 +27677,7 @@ input[type=button].antd-Button--block {
   transition: transform var(--animation-duration);
   color: var(--icon-color);
   margin-top: calc((var(--Form-input-height) - var(--Switch-height)) / 2);
+  transform: rotate(90deg);
 }
 .antd-SchemaEditor-caret > svg {
   width: 10px;
@@ -27614,7 +27685,7 @@ input[type=button].antd-Button--block {
   top: 0;
 }
 .antd-SchemaEditor-caret.is-collapsed {
-  transform: rotate(-90deg);
+  transform: rotate(0deg);
 }
 .antd-SchemaEditor-required {
   padding-top: 4px;
@@ -27662,7 +27733,6 @@ input[type=button].antd-Button--block {
   border: none;
   color: var(--Form-input-color);
   width: 100%;
-  height: var(--Form-input-lineHeight);
 }
 .antd-ResultBox input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -27908,6 +27978,9 @@ input[type=button].antd-Button--block {
   border: none;
   justify-content: flex-end;
 }
+.antd-ResultBox.is-mobile.is-focused, .antd-ResultBox.is-mobile:hover {
+  border: none !important;
+}
 .antd-ResultBox.is-mobile .antd-ResultBox-clear {
   padding: var(--Form-input-clearBtn-padding);
   cursor: pointer;
@@ -28002,6 +28075,9 @@ input[type=button].antd-Button--block {
   cursor: pointer;
   color: var(--SearchBox-search-icon-color);
 }
+.antd-SearchBox-activeBtn svg, .antd-SearchBox-searchBtn svg, .antd-SearchBox-cancelBtn svg {
+  top: 1px;
+}
 .antd-SearchBox-activeBtn:hover, .antd-SearchBox-searchBtn:hover, .antd-SearchBox-cancelBtn:hover {
   color: var(--icon-onHover-color);
 }
@@ -28058,6 +28134,9 @@ input[type=button].antd-Button--block {
   color: var(--SearchBox-enhonce-icon-color);
   background: var(--SearchBox-hover-color);
 }
+.antd-SearchBox--enhance.is-active .antd-SearchBox-searchBtn svg {
+  top: 0;
+}
 .antd-SearchBox--enhance.is-active .antd-SearchBox-searchBtn:hover {
   background: var(--button-primary-hover-bg-color);
 }
@@ -28068,6 +28147,11 @@ input[type=button].antd-Button--block {
   background: var(--SearchBox-enhonce-disabled-color);
   color: var(--SearchBox-enhonce-disabled-search-color);
 }
+.antd-SearchBox.is-mobile {
+  border-radius: 0;
+  border: none;
+  border-bottom: var(--borderWidth) solid var(--borderColor);
+}
 .antd-SearchBox-history > .is-history {
   width: 100%;
 }
@@ -28208,6 +28292,39 @@ input[type=button].antd-Button--block {
   cursor: pointer;
   padding: calc((var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
+.antd-ListMenu.is-mobile {
+  display: flex;
+  flex-wrap: wrap;
+}
+.antd-ListMenu.is-mobile .antd-ListMenu-item {
+  width: calc((100vw - var(--ListMenu-item-mobile-margin) * 7) / 3);
+  display: inline-flex;
+  background: var(--ListMenu-item-mobile-bg);
+  margin: var(--ListMenu-item-mobile-margin);
+}
+.antd-ListMenu.is-mobile .antd-ListMenu-item.is-active {
+  background: var(--ListMenu-item-mobile-active-bg);
+}
+.antd-ListMenu.is-mobile .antd-ListMenu-item .antd-ListMenu-itemLabel {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.antd-ListMenu-add-wrap {
+  display: flex;
+  align-items: center;
+  margin: var(--ListMenu-item-mobile-margin);
+  text-align: left;
+}
+.antd-ListMenu-add-wrap .antd-ResultBox {
+  width: 100%;
+}
+.antd-ListMenu-add-wrap input {
+  width: 100%;
+  padding: var(--Form-item-mobile-gap) 0;
+  border-bottom: 1px solid var(--borderColor);
+  border-radius: 0;
+}
 .antd-PopOver > .antd-ListMenu {
   border-color: var(--listMenu--onActive-borderColor);
 }
@@ -28392,8 +28509,8 @@ input[type=button].antd-Button--block {
   text-align: center;
 }
 .antd-Steps .antd-StepsItem-containerIcon .antd-StepsItem-icon .icon {
-  width: 0.5625rem;
-  height: 0.5625rem;
+  width: 0.75rem;
+  height: 0.75rem;
   position: relative;
   top: 0;
 }
@@ -28869,6 +28986,9 @@ fieldset.antd-Collapse--lg > legend, fieldset.antd-Collapse--md > legend, fields
   background: var(--Fieldset-legend-bgColor);
   border-left: 0 !important;
 }
+fieldset.antd-Collapse--lg > legend.antd-Collapse-header.is-mobile, fieldset.antd-Collapse--md > legend.antd-Collapse-header.is-mobile, fieldset.antd-Collapse--base > legend.antd-Collapse-header.is-mobile, fieldset.antd-Collapse--sm > legend.antd-Collapse-header.is-mobile, fieldset.antd-Collapse--xs > legend.antd-Collapse-header.is-mobile {
+  position: absolute;
+}
 fieldset.antd-Collapse--lg .collapse, fieldset.antd-Collapse--md .collapse, fieldset.antd-Collapse--base .collapse, fieldset.antd-Collapse--sm .collapse, fieldset.antd-Collapse--xs .collapse {
   position: relative;
 }
@@ -28981,6 +29101,13 @@ fieldset.antd-Collapse--lg > legend:hover {
 fieldset.antd-Collapse--lg:after {
   top: calc(var(--fieldSet-size-lg-fontSize) / 2);
 }
+fieldset.antd-Collapse .antd-Collapse-header.is-mobile {
+  padding-left: var(--gap-xs) !important;
+  padding-right: 1.125rem;
+}
+fieldset.antd-Collapse .antd-Collapse-header.is-mobile:hover {
+  background: var(--white);
+}
 .antd-Form-groupColumn {
   margin-bottom: var(--gap-sm);
 }
@@ -29239,6 +29366,9 @@ fieldset.antd-Collapse--lg:after {
 .antd-InputGroup .antd-Form-static {
   margin-right: var(--gap-xs);
 }
+.antd-InputGroup.is-mobile .antd-Form-control {
+  display: inline-flex;
+}
 .antd-InputGroup:not(.is-inline) {
   display: flex;
 }
@@ -29278,7 +29408,6 @@ fieldset.antd-Collapse--lg:after {
   border: none;
   color: var(--Form-input-color);
   width: 100%;
-  height: var(--Form-input-lineHeight);
 }
 .antd-TextControl-input input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -29536,16 +29665,14 @@ fieldset.antd-Collapse--lg:after {
 .antd-TextControl-input--withAC input {
   width: auto;
 }
-.antd-TextControl-sugs {
-  position: absolute;
+.antd-TextControl-popover {
+  margin-top: 0.25rem;
   background: var(--Form-select-menu-bg);
   color: var(--Form-select-menu-color);
   border-radius: 0.125rem;
   box-shadow: var(--menu-box-shadow);
-  left: -0.0625rem;
-  right: -0.0625rem;
-  top: calc(100% + 0.25rem);
-  z-index: 10;
+}
+.antd-TextControl-sugs {
   max-height: 18.75rem;
   overflow: auto;
 }
@@ -29717,7 +29844,6 @@ input.antd-TextControl-input-password {
   border: none;
   color: var(--Form-input-color);
   width: 100%;
-  height: var(--Form-input-lineHeight);
 }
 .antd-TextareaControl-input input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -29932,6 +30058,9 @@ input.antd-TextControl-input-password {
   transform-origin: 50% 50%;
   transform: translate(-50%, -50%);
 }
+.antd-Checkbox.is-mobile > i + span {
+  vertical-align: middle;
+}
 .antd-Checkbox:hover > i + span > a {
   display: inline-block;
 }
@@ -30109,6 +30238,9 @@ input.antd-TextControl-input-password {
   border-radius: calc(var(--Checkbox-borderRadius) * 2);
   min-width: var(--Checkbox-button-min-width);
 }
+.antd-Checkbox--button.antd-Checkbox--checkbox > span {
+  line-height: var(--Checkbox-button-line-height);
+}
 .antd-Checkbox--button.antd-Checkbox--checkbox:hover:not(:disabled) {
   color: var(--Checkbox-onHover-color);
   border-color: var(--Checkbox-onHover-color);
@@ -30524,13 +30656,22 @@ input.antd-TextControl-input-password {
   color: var(--Form-select-menu-onHover-color);
   background: var(--Form-select-menu-onHover-bg);
 }
+.antd-TreeSelection.is-scrollable {
+  max-height: 18.75rem;
+  height: 100%;
+  overflow: auto;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  padding: var(--gap-xs) 0;
+}
 .antd-TreeSelection .antd-Table-expandBtn {
   color: var(--icon-color);
   margin-right: var(--gap-xs);
 }
 .antd-TreeSelection-sublist {
   position: relative;
-  margin: 0 0 0 2.1875rem;
+  margin: 0 0 0 1.875rem;
   display: none;
 }
 .antd-TreeSelection-item {
@@ -30575,9 +30716,6 @@ input.antd-TextControl-input-password {
   pointer-events: none;
   color: var(--text--muted-color);
 }
-.antd-TreeSelection-itemInner .antd-TreeSelection-itemLabel {
-  margin-left: var(--gap-xs);
-}
 .antd-TreeSelection-itemLabel {
   flex-grow: 1;
 }
@@ -30719,6 +30857,36 @@ input.antd-TextControl-input-password {
   float: right;
   cursor: pointer;
 }
+.antd-ChainedDropdownSelection {
+  display: inline-block;
+}
+.antd-ChainedDropdownSelection-item {
+  display: inline-block;
+}
+.antd-DropDownSelection {
+  position: relative;
+  display: inline-block;
+  margin: 0.1875rem;
+  vertical-align: middle;
+}
+.antd-DropDownSelection-caret {
+  transition: transform var(--animation-duration) ease-out;
+  margin: 5px;
+  display: flex;
+  color: var(--Form-select-caret-iconColor);
+}
+.antd-DropDownSelection-caret:hover {
+  color: var(--Form-select-caret-onHover-iconColor);
+}
+.antd-DropDownSelection-caret > svg {
+  width: 0.625rem;
+  height: 0.625rem;
+  top: 0;
+  transform: rotate(90deg);
+}
+.antd-DropDownSelection-input.is-active .antd-DropDownSelection-caret {
+  transform: rotate(180deg);
+}
 .antd-CityPicker .antd-Select {
   margin-right: var(--gap-xs);
   margin-bottom: var(--gap-xs);
@@ -30752,6 +30920,7 @@ input.antd-TextControl-input-password {
   display: inline-block;
 }
 .antd-CityArea {
+  flex: 1;
   text-align: right;
 }
 .antd-CityArea-popup {
@@ -30768,6 +30937,9 @@ input.antd-TextControl-input-password {
   font-size: var(--Form-input-fontSize);
   display: inline-flex !important;
 }
+.antd-CityArea-Input.is-focused, .antd-CityArea-Input:hover {
+  border: none !important;
+}
 .antd-CityArea-Input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
   -moz-user-select: none;
@@ -30955,6 +31127,12 @@ input.antd-TextControl-input-password {
   background: var(--inputNumber-base-active-bg-color);
   box-shadow: var(--inputNumber-base-active-shadow);
 }
+.antd-Number.is-mobile {
+  border: none;
+}
+.antd-Number.is-mobile-focused {
+  border: none;
+}
 .antd-Number-disabled {
   border-width: var(--inputNumber-base-disabled-top-border-width) var(--inputNumber-base-disabled-right-border-width) var(--inputNumber-base-disabled-bottom-border-width) var(--inputNumber-base-disabled-left-border-width);
   border-style: var(--inputNumber-base-disabled-top-border-style) var(--inputNumber-base-disabled-right-border-style) var(--inputNumber-base-disabled-bottom-border-style) var(--inputNumber-base-disabled-left-border-style);
@@ -31382,11 +31560,17 @@ input.antd-TextControl-input-password {
 .antd-Select .antd-PopOver.antd-Select-popover {
   margin-top: 0.25rem;
 }
+.antd-Select .antd-PopOver.antd-Select-popover .antd-Select-menu .antd-Checkbox span {
+  line-height: var(--select-base-default-option-line-height);
+  height: var(--select-base-default-option-line-height);
+}
 .antd-Select .antd-PopOver.antd-Select-popover .antd-Select-menu .antd-Select-option {
   line-height: var(--select-base-default-option-line-height);
+  height: var(--select-base-default-option-line-height);
 }
 .antd-Select .antd-PopOver.antd-Select-popover .antd-Select-menu .antd-Select-addBtn {
   line-height: var(--select-base-default-option-line-height);
+  height: var(--select-base-default-option-line-height);
 }
 .antd-Select--borderHalf {
   border-left-color: transparent !important;
@@ -31520,7 +31704,7 @@ input.antd-TextControl-input-password {
   transform: rotate(180deg);
 }
 .antd-Select.is-mobile {
-  min-height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg));
+  min-height: var(--Form-select-height);
   border: none;
   padding: 0;
   font-size: var(--fontSizeLg);
@@ -31662,6 +31846,29 @@ input.antd-TextControl-input-password {
   text-overflow: ellipsis;
   max-width: 100%;
 }
+.antd-Select-option.is-mobile {
+  position: relative;
+}
+.antd-Select-option.is-mobile > a {
+  margin-right: calc(20px + var(--select-base-default-option-paddingRight));
+}
+.antd-Select-option.is-mobile .antd-Select-option-item-check {
+  flex: 1;
+  text-align: left;
+  border-bottom: 0.0625rem solid var(--borderColor);
+}
+.antd-Select-option.is-mobile .antd-Select-option-mcheck {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  right: var(--select-base-default-option-paddingRight);
+  flex: none;
+  width: 1rem;
+  color: var(--Form-select-mobile-icon-check-color);
+}
+.antd-Select-option.is-mobile:last-child .antd-Select-option-item-check {
+  border-bottom: none;
+}
 .antd-Select-noResult {
   color: var(--Form-select-placeholderColor);
   line-height: var(--Form-input-lineHeight);
@@ -32019,7 +32226,7 @@ input.antd-TextControl-input-password {
   border-style: solid;
   border-width: 0 0 0.125rem 0.125rem;
   right: 0.0625rem;
-  bottom: var(--gap-xs);
+  bottom: 0.375rem;
   transform: rotate(-40deg);
 }
 .antd-ListControl-item.is-disabled {
@@ -32074,6 +32281,12 @@ input.antd-TextControl-input-password {
 .antd-LocationPicker.is-disabled > antd-LocationPicker-input {
   color: var(--text--muted-color);
 }
+.antd-LocationPicker.is-mobile {
+  border: none;
+}
+.antd-LocationPicker.is-mobile .antd-LocationPicker-toggler svg {
+  top: 0.125rem;
+}
 .antd-LocationPicker-placeholder {
   color: var(--colors-neutral-text-6);
   -webkit-user-select: none;
@@ -32087,6 +32300,8 @@ input.antd-TextControl-input-password {
   margin-right: var(--gap-base);
   flex-basis: 0;
   flex-grow: 1;
+  overflow-x: auto;
+  max-width: calc(100% - 1.25rem);
 }
 .antd-LocationPicker-toggler {
   cursor: pointer;
@@ -32123,6 +32338,23 @@ input.antd-TextControl-input-password {
 .antd-LocationPicker-clear svg {
   top: 0;
 }
+.antd-LocationPicker-popup {
+  height: 28.75rem;
+}
+.antd-LocationPicker-popup-inner {
+  flex: 1;
+  padding: 0 1rem;
+}
+.antd-LocationPicker-popup-inner .antd-MapPicker-search {
+  padding-top: 0;
+  margin-bottom: 1rem;
+}
+.antd-LocationPicker-popup-inner .antd-MapPicker-search .antd-TextControl-input {
+  border-radius: 0;
+  border-top: none;
+  border-right: none;
+  border-left: none;
+}
 .antd-LocationControl {
   position: relative;
   width: 100%;
@@ -32131,6 +32363,11 @@ input.antd-TextControl-input-password {
   border: none;
   box-shadow: var(--boxShadow);
 }
+.antd-LocationControl.is-mobile {
+  flex: 1;
+  text-align: right;
+  overflow: hidden;
+}
 .antd-LocationControl:not(.is-inline) > .antd-LocationPicker {
   display: flex;
 }
@@ -32177,6 +32414,9 @@ input.antd-TextControl-input-password {
 .tangram-suggestion-main {
   display: none !important;
 }
+.antd-MatrixControl {
+  max-width: 100%;
+}
 .antd-MatrixControl-error {
   margin-bottom: 0;
 }
@@ -32191,9 +32431,7 @@ input.antd-TextControl-input-password {
   background: var(--ColorPicker-bg);
   color: var(--ColorPicker-color);
   border-radius: var(--borderRadius);
-}
-.antd-ColorPicker-popup {
-  height: 25rem;
+  height: var(--ColorPicker-height);
 }
 .antd-ColorPicker:not(.is-disabled) {
   cursor: pointer;
@@ -32273,6 +32511,9 @@ input.antd-TextControl-input-password {
 .antd-ColorPicker-clear:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.antd-ColorPicker-clear svg {
+  top: 0;
+}
 .antd-ColorPicker-arrow {
   margin-right: var(--gap-xs);
   width: var(--gap-md);
@@ -32289,9 +32530,10 @@ input.antd-TextControl-input-password {
   width: 10px;
   height: 10px;
   top: 0;
+  transform: rotate(90deg);
 }
 .antd-ColorPicker.is-opened .antd-ColorPicker-arrow > svg {
-  transform: rotate(180deg);
+  transform: rotate(270deg);
 }
 .antd-ColorPicker-popover {
   border: none;
@@ -32305,6 +32547,21 @@ input.antd-TextControl-input-password {
   border-radius: var(--borderRadius) !important;
   box-shadow: var(--ColorPicker-boxShadow) !important;
 }
+.antd-ColorPicker-popup {
+  height: 31.25rem;
+}
+.antd-ColorPicker-popup .sketch-picker {
+  width: 80% !important;
+  box-shadow: none !important;
+}
+.antd-ColorPicker-popup .sketch-picker input:focus {
+  outline: none;
+}
+.antd-ColorPicker-popup .sketch-picker .flexbox-fix:last-child > div {
+  width: 18px !important;
+  height: 18px !important;
+  margin: 0px 16px 10px 0px !important;
+}
 .antd-DatePicker {
   position: relative;
   display: inline-flex;
@@ -32354,32 +32611,32 @@ input.antd-TextControl-input-password {
 .antd-DatePicker--borderNone {
   border-color: transparent !important;
 }
-.antd-DatePicker:not(.is-disabled) {
+.antd-DatePicker:not(.is-disabled):not(.is-mobile) {
   cursor: pointer;
 }
-.antd-DatePicker:not(.is-disabled):hover {
+.antd-DatePicker:not(.is-disabled):not(.is-mobile):hover {
   background: var(--DatePicker-onHover-bg);
   border-color: var(--DatePicker-onHover-borderColor);
   border-style: var(--inputDate-hover-top-border-style) var(--inputDate-hover-right-border-style) var(--inputDate-hover-bottom-border-style) var(--inputDate-hover-left-border-style);
   border-width: var(--inputDate-hover-top-border-width) var(--inputDate-hover-right-border-width) var(--inputDate-hover-bottom-border-width) var(--inputDate-hover-left-border-width);
 }
-.antd-DatePicker:not(.is-disabled):hover .antd-DatePicker-input {
+.antd-DatePicker:not(.is-disabled):not(.is-mobile):hover .antd-DatePicker-input {
   color: var(--inputDate-hover-color);
 }
-.antd-DatePicker:not(.is-disabled):hover .antd-DatePicker-clear {
+.antd-DatePicker:not(.is-disabled):not(.is-mobile):hover .antd-DatePicker-clear {
   display: flex;
 }
-.antd-DatePicker:not(.is-disabled):hover .antd-DatePicker-clear + .antd-DatePicker-toggler {
+.antd-DatePicker:not(.is-disabled):not(.is-mobile):hover .antd-DatePicker-clear + .antd-DatePicker-toggler {
   display: none;
 }
-.antd-DatePicker:not(.is-disabled).is-focused {
+.antd-DatePicker:not(.is-disabled):not(.is-mobile).is-focused {
   background: var(--inputDate-active-bg-color);
   border-color: var(--DatePicker-onFocused-borderColor);
   box-shadow: var(--inputDate-active-shadow);
   border-style: var(--inputDate-active-top-border-style) var(--inputDate-active-right-border-style) var(--inputDate-active-bottom-border-style) var(--inputDate-active-left-border-style);
   border-width: var(--inputDate-active-top-border-width) var(--inputDate-active-right-border-width) var(--inputDate-active-bottom-border-width) var(--inputDate-active-left-border-width);
 }
-.antd-DatePicker:not(.is-disabled).is-focused .antd-DatePicker-input {
+.antd-DatePicker:not(.is-disabled):not(.is-mobile).is-focused .antd-DatePicker-input {
   color: var(--inputDate-active-color);
 }
 .is-error > .antd-DatePicker {
@@ -32501,13 +32758,13 @@ input.antd-TextControl-input-password {
 .antd-DatePicker-popover.antd-PopOver--leftTopLeftBottom, .antd-DatePicker-popover.antd-PopOver--rightTopRightBottom {
   margin: -0.125rem 0 0;
 }
-.antd-DatePicker-popup {
-  height: 18.75rem;
-}
 .antd-DatePicker.is-mobile {
   border: 0;
   justify-content: flex-end;
 }
+.antd-DatePicker.is-mobile.is-focused, .antd-DatePicker.is-mobile:hover {
+  border: none;
+}
 .antd-DatePicker.is-mobile span:focus,
 .antd-DatePicker.is-mobile a:focus {
   outline: unset;
@@ -32525,10 +32782,8 @@ input.antd-TextControl-input-password {
   flex-grow: unset;
   flex-basis: unset;
 }
-.antd-DatePicker.is-mobile .antd-DatePicker-toggler {
-  margin-top: -3px;
-}
 .antd-DatePicker-popup.antd-DatePicker-mobile {
+  height: 20rem;
   color: red;
 }
 .antd-DatePicker-popup.antd-DatePicker-mobile .rdt {
@@ -32704,18 +32959,20 @@ input.antd-TextControl-input-password {
   color: var(--inputTime-active-color);
   background: var(--inputTime-active-bg-color);
 }
-.antd-CalendarInputWrapper .antd-CalendarInput-sugsItem:hover {
+.antd-CalendarInputWrapper .antd-CalendarInput-sugsItem:not(.is-mobile):hover {
   color: var(--inputTime-hover-color);
   background: var(--inputTime-hover-bg-color);
 }
 .antd-TimeContentWrapper {
   display: flex;
+  justify-content: center;
 }
 .antd-TimeRangeHeaderWrapper {
   height: 40px;
   padding-top: 10px;
   text-align: center;
   border-bottom: 1px solid var(--Calendar-input-borderColor);
+  margin: 0 0.25rem;
 }
 .antd-TimeFooterWrapper {
   height: 40px;
@@ -32731,6 +32988,9 @@ input.antd-TextControl-input-password {
   padding: 0 8px;
   border-radius: 2px;
 }
+.antd-TimeFooterWrapper .antd-QuickWrapper a {
+  font-size: var(--button-size-sm-fontSize);
+}
 .antd-CalendarInput {
   outline: none;
   width: 3.5rem;
@@ -33089,29 +33349,29 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .antd-DateRangePicker .antd-DateRangePicker-clear {
   display: none;
 }
-.antd-DateRangePicker:not(.is-disabled):hover {
+.antd-DateRangePicker:not(.is-disabled):not(.is-mobile):hover {
   background: var(--DatePicker-onHover-bg);
   border-color: var(--DatePicker-onHover-borderColor);
   border-style: var(--inputDate-hover-top-border-style) var(--inputDate-hover-right-border-style) var(--inputDate-hover-bottom-border-style) var(--inputDate-hover-left-border-style);
   border-width: var(--inputDate-hover-top-border-width) var(--inputDate-hover-right-border-width) var(--inputDate-hover-bottom-border-width) var(--inputDate-hover-left-border-width);
 }
-.antd-DateRangePicker:not(.is-disabled):hover .antd-DateRangePicker-input {
+.antd-DateRangePicker:not(.is-disabled):not(.is-mobile):hover .antd-DateRangePicker-input {
   color: var(--inputDate-hover-color);
 }
-.antd-DateRangePicker:not(.is-disabled):hover .antd-DateRangePicker-clear {
+.antd-DateRangePicker:not(.is-disabled):not(.is-mobile):hover .antd-DateRangePicker-clear {
   display: flex;
 }
-.antd-DateRangePicker:not(.is-disabled):hover .antd-DateRangePicker-clear + .antd-DateRangePicker-toggler {
+.antd-DateRangePicker:not(.is-disabled):not(.is-mobile):hover .antd-DateRangePicker-clear + .antd-DateRangePicker-toggler {
   display: none;
 }
-.antd-DateRangePicker:not(.is-disabled).is-focused {
+.antd-DateRangePicker:not(.is-disabled):not(.is-mobile).is-focused {
   background: var(--inputDate-active-bg-color);
   border-color: var(--DatePicker-onFocused-borderColor);
   box-shadow: var(--inputDate-active-shadow);
   border-style: var(--inputDate-active-top-border-style) var(--inputDate-active-right-border-style) var(--inputDate-active-bottom-border-style) var(--inputDate-active-left-border-style);
   border-width: var(--inputDate-active-top-border-width) var(--inputDate-active-right-border-width) var(--inputDate-active-bottom-border-width) var(--inputDate-active-left-border-width);
 }
-.antd-DateRangePicker:not(.is-disabled).is-focused .antd-DateRangePicker-input {
+.antd-DateRangePicker:not(.is-disabled):not(.is-mobile).is-focused .antd-DateRangePicker-input {
   color: var(--inputDate-active-color);
 }
 .is-error > .antd-DateRangePicker {
@@ -33130,6 +33390,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   font-size: var(--DatePicker-fontSize);
   font-weight: var(--inputDate-default-fontWeight);
   color: var(--inputDate-default-color);
+  text-align: center;
 }
 .antd-DateRangePicker .antd-DateRangePicker-input::-moz-placeholder {
   color: var(--colors-neutral-text-6);
@@ -33246,9 +33507,18 @@ td.rdtQuarter.rdtDisabled:hover > span {
   width: auto;
   padding: 0;
 }
+.antd-DateRangePicker-wrap.is-mobile {
+  flex: 1;
+}
+.antd-DateRangePicker-wrap.is-mobile .antd-DateRangePicker-end {
+  margin-top: 0;
+}
 .antd-DateRangePicker-picker-wrap {
   display: flex;
 }
+.antd-DateRangePicker-picker-wrap.is-vertical {
+  flex-direction: column;
+}
 .antd-DateRangePicker-start,
 .antd-DateRangePicker-end {
   display: flex;
@@ -33269,6 +33539,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   list-style: none;
   background: #f7f7f9;
   line-height: 2rem;
+  overflow-x: auto;
 }
 .antd-DateRangePicker-ranger {
   display: inline-block;
@@ -33316,10 +33587,16 @@ td.rdtQuarter.rdtDisabled:hover > span {
   background: var(--DatePicker-bg);
   border-radius: var(--DatePicker-borderRadius);
 }
+.antd-DateRangeCalendar.is-mobile {
+  display: block;
+}
 .antd-DateRangePicker.is-mobile {
   border: 0;
   justify-content: flex-end;
 }
+.antd-DateRangePicker.is-mobile.is-focused, .antd-DateRangePicker.is-mobile:hover {
+  border: none;
+}
 .antd-DateRangePicker.is-mobile span:focus,
 .antd-DateRangePicker.is-mobile a:focus {
   outline: unset;
@@ -33337,9 +33614,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   flex-grow: unset;
   flex-basis: unset;
 }
-.antd-DateRangePicker.is-mobile .antd-DateRangePicker-toggler {
-  margin-top: -3px;
-}
 .antd-ImageControl {
   position: relative;
 }
@@ -33978,6 +34252,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .antd-EditorControl--xxl > .antd-MonacoEditor {
   min-height: 500px;
 }
+.antd-EditorControl .monaco-editor .iPadShowKeyboard {
+  display: none;
+}
 .monaco-inputbox > .wrapper {
   padding: 0;
 }
@@ -34073,12 +34350,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .antd-InputRange {
   display: flex;
   justify-content: space-between;
-  padding: var(--InputRange-padding) 0;
   width: 100%;
 }
 .antd-InputRange-wrap {
   position: relative;
   flex: auto;
+  padding: var(--InputRange-padding) 0;
 }
 .antd-InputRange-input {
   width: var(--InputRange-input-width);
@@ -34097,6 +34374,16 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .antd-InputRange-input .antd-Number-handler-up-inner:hover, .antd-InputRange-input .antd-Number-handler-down-inner:hover {
   color: var(--Number-handler-onHover-color);
 }
+.antd-InputRange.is-mobile .antd-InputRange-input {
+  width: var(--InputRange-input-mobile-width);
+}
+.antd-InputRange.is-mobile .antd-InputRange-input .antd-Number-handler-wrap {
+  display: none !important;
+}
+.antd-InputRange.is-mobile .antd-InputRange-input input {
+  padding: 0 !important;
+  text-align: center;
+}
 .antd-InputRange-clear {
   display: flex;
   align-items: center;
@@ -34145,6 +34432,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
   width: var(--InputRange-handle-width);
   height: var(--InputRange-handle-height);
 }
+.antd-InputRange-handle.is-mobile {
+  width: var(--InputRange-handle-mobile-width);
+  height: var(--InputRange-handle-mobile-height);
+}
 .antd-InputRange-handle-icon, .antd-InputRange-handle-drage {
   width: 100%;
   height: 100%;
@@ -34171,7 +34462,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .antd-InputRange-handle-icon:focus, .antd-InputRange-handle-drage:focus {
   box-shadow: var(--InputRange-handle-onFocus-boxShadow);
 }
-.antd-InputRange-handle-drage {
+.antd-InputRange-handle:not(.is-mobile) .antd-InputRange-handle-drage {
   transform: var(--InputRange-handle-onActive-transform);
   box-shadow: var(--InputRange-handle-onFocus-boxShadow);
   border-width: var(--InputRange-handle-onDrage-border-width);
@@ -34298,6 +34589,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-style: solid;
   border-color: transparent var(--InputRange-label-bg) transparent transparent;
 }
+.antd-InputRange.is-mobile .antd-InputRange-label {
+  display: block;
+  white-space: nowrap;
+}
 .antd-InputRange-marks {
   position: relative;
   top: 8px;
@@ -34321,6 +34616,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.antd-InputRange.is-mobile .antd-InputRange-marks div {
+  top: 0;
+}
+.antd-InputRange.is-mobile .antd-InputRange-marks div:nth-child(2n) {
+  top: -1.875rem;
+}
 .antd-RepeatControl .repeat-btn {
   width: 5rem;
 }
@@ -34458,15 +34759,15 @@ td.rdtQuarter.rdtDisabled:hover > span {
   overflow: hidden;
   height: 2rem;
 }
-.antd-Tree-itemLabel:hover .antd-Tree-itemLabel-item {
-  background-color: var(--Tree-item-onHover-bg-pure);
-}
 .antd-Tree-itemLabel:hover .antd-Tree-item-icons {
   visibility: visible;
 }
 .antd-Tree-itemLabel .antd-Checkbox {
   margin-right: var(--inputTree-checkboxes-size-marginRight);
 }
+.antd-Tree-item:hover {
+  background-color: var(--Tree-item-onHover-bg-pure);
+}
 .antd-Tree-item .is-checked {
   border-radius: var(--Tree-item-onChekced-bg-borderRadius);
 }
@@ -34507,7 +34808,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   top: 0;
 }
 .antd-Tree-itemInput {
-  padding-left: var(--Tree-itemArrowWidth);
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -34552,6 +34852,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
   box-shadow: var(--Form-input-boxShadow);
   background: var(--Form-input-onFocused-bg);
 }
+.antd-Tree-itemInput.is-mobile > input {
+  border-radius: 0;
+  border: none;
+  border-bottom: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+}
 .antd-Tree-addTopBtn {
   cursor: pointer;
   height: var(--Tree-itemHeight);
@@ -34662,6 +34967,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .antd-Tree-dropIndicator--hover::after {
   display: none;
 }
+.antd-PopUp .antd-Tree {
+  flex: 1;
+}
+.antd-PopUp .antd-Tree .antd-Tree-itemLabel:hover .antd-Tree-itemLabel-item {
+  background-color: none !important;
+}
 .antd-TreeSelectControl {
   position: relative;
 }
@@ -34703,7 +35014,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border: none;
   color: var(--Form-input-color);
   width: 100%;
-  height: var(--Form-input-lineHeight);
 }
 .antd-TreeSelect-input input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -35010,6 +35320,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   white-space: nowrap;
   align-items: flex-start;
   padding-top: var(--Form-label-paddingTop);
+  height: 1.875rem;
 }
 .antd-Combo--hor .antd-Combo-delBtn.is-disabled {
   pointer-events: none;
@@ -35109,6 +35420,22 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: 100%;
   background: rgba(0, 0, 0, 0.1);
 }
+.antd-Combo.is-mobile .antd-Form-item .antd-Form-rowInner {
+  flex: 1;
+}
+.antd-Combo.is-mobile .antd-Combo-delBtn {
+  height: 1.25rem;
+  padding-top: 0;
+}
+.antd-Combo.is-mobile .antd-Combo-item {
+  align-items: center;
+  border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
+}
+.antd-Combo.is-mobile:not(.antd-Combo--ver) .antd-TextareaControl > textarea,
+.antd-Combo.is-mobile:not(.antd-Combo--ver) .antd-Form-control > .antd-TextControl-input,
+.antd-Combo.is-mobile:not(.antd-Combo--ver) .antd-TextControl.is-focused > .antd-TextControl-input {
+  border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
+}
 .antd-ComboTabs > .antd-Tabs-links::before, .antd-ComboTabs > .antd-Tabs-links::after {
   display: table;
   content: "";
@@ -35284,7 +35611,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border: none;
   color: var(--Form-input-color);
   width: 100%;
-  height: var(--Form-input-lineHeight);
 }
 .antd-Picker-input input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -35519,6 +35845,15 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: inline-block;
   min-width: 9.375rem;
 }
+.antd-PickerControl.is-mobile {
+  width: 100%;
+}
+.antd-PickerControl.is-mobile .antd-Form-item {
+  padding: 0;
+}
+.antd-PickerControl.is-mobile .antd-Picker-input {
+  border: none;
+}
 .antd-QrCode {
   min-height: var(--Form-input-height);
   padding: 0.4375rem 0;
@@ -35904,7 +36239,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding: var(--transfer-search-paddingTop) var(--transfer-search-paddingRight) var(--transfer-search-paddingBottom) var(--transfer-search-paddingLeft);
   width: 100%;
 }
-.antd-Transfer-search .antd-InputBox {
+.antd-Transfer-search .antd-InputBox:not(.is-mobile) {
   font-size: var(--transfer-search-fontSize);
   font-weight: var(--transfer-search-fontWeight);
   line-height: var(--transfer-search-lineHeight);
@@ -35916,31 +36251,39 @@ td.rdtQuarter.rdtDisabled:hover > span {
   box-shadow: var(--transfer-search-shadow);
   padding: var(--transfer-search-input-paddingTop) var(--transfer-search-input-paddingRight) var(--transfer-search-input-paddingBottom) var(--transfer-search-input-paddingLeft);
 }
-.antd-Transfer-search .antd-InputBox:hover {
+.antd-Transfer-search .antd-InputBox:not(.is-mobile):hover {
   border-color: var(--transfer-search-border-hover-color);
 }
-.antd-Transfer-search .antd-InputBox.is-focused {
+.antd-Transfer-search .antd-InputBox:not(.is-mobile).is-focused {
   border-color: var(--transfer-search-border-active-color);
 }
-.antd-Transfer-search .antd-InputBox input {
+.antd-Transfer-search .antd-InputBox:not(.is-mobile) input {
   color: var(--transfer-search-color);
   font-size: var(--transfer-search-fontSize);
   font-weight: var(--transfer-search-fontWeight);
   line-height: var(--transfer-search-lineHeight);
   height: var(--transfer-search-lineHeight);
 }
-.antd-Transfer-search .antd-InputBox input::-moz-placeholder {
+.antd-Transfer-search .antd-InputBox:not(.is-mobile) input::-moz-placeholder {
   color: var(--transfer-search-placeholder-font-color);
 }
-.antd-Transfer-search .antd-InputBox input::placeholder {
+.antd-Transfer-search .antd-InputBox:not(.is-mobile) input::placeholder {
   color: var(--transfer-search-placeholder-font-color);
 }
+.antd-Transfer-search.is-mobile .antd-InputBox {
+  border: none;
+  border-bottom: var(--transfer-search-bottom-border-width) var(--transfer-search-bottom-border-style) var(--transfer-search-bottom-border-color);
+  border-radius: 0;
+}
 .antd-Transfer-mid {
   min-width: 0.625rem;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
+.antd-Transfer-mid.is-mobile {
+  display: none;
+}
 .antd-Transfer-arrow {
   width: 40px;
   height: 30px;
@@ -36023,6 +36366,15 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .antd-Transfer .antd-Selections .antd-TableSelection .antd-Table-table > tbody > tr {
   height: auto;
 }
+.antd-Transfer .antd-Transfer-result .antd-Transfer-title {
+  height: 2.5rem;
+  line-height: 2.5rem;
+}
+.antd-Transfer .antd-Transfer-result.is-mobile .antd-Transfer-search .antd-InputBox {
+  border: none;
+  border-bottom: var(--transfer-search-bottom-border-width) var(--transfer-search-bottom-border-style) var(--transfer-search-bottom-border-color);
+  border-radius: 0;
+}
 .antd-TabsTransfer .antd-Transfer-title {
   height: 40px;
 }
@@ -36103,6 +36455,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
   max-height: 100%;
   overflow: auto;
 }
+.antd-TabsTransfer-tabs > .antd-Tabs-content .antd-TabsTransfer-search.is-mobile .antd-InputBox {
+  border: none;
+  border-bottom: 1px solid var(--TabsTransfer-border-color);
+  border-radius: 0;
+}
 .antd-TransferControl {
   position: relative;
   overflow: hidden;
@@ -36154,6 +36511,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .antd-TransferDropDown-content.is-mobile {
   width: 100%;
+  min-width: auto;
+}
+.antd-TransferDropDown-content.is-mobile .antd-Table-table > thead > tr > th:first-child.antd-Table-checkCell {
+  padding-left: var(--select-table-option-paddingLeft);
 }
 .antd-TransferDropDown-content > .antd-Transfer-selection {
   flex-grow: 1;
@@ -36181,15 +36542,19 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .antd-NestedSelect--borderNone {
   border-color: transparent !important;
 }
+.antd-NestedSelect.is-mobile {
+  text-align: right;
+}
 .antd-NestedSelect-optionArrowRight {
   display: inline-block;
   padding-right: var(--Form-select-icon-rigin);
 }
 .antd-NestedSelect-optionArrowRight svg {
-  width: 0.75rem;
-  height: 0.75rem;
+  width: 0.625rem;
+  height: 0.625rem;
   fill: var(--Form-input-iconColor);
   color: var(--default-icon-color);
+  top: 0;
 }
 .antd-NestedSelect-menuOuter {
   display: flex;
@@ -36267,7 +36632,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   background: unset;
 }
 .antd-NestedSelect-popup {
-  height: 28.75rem;
+  height: 21.25rem;
 }
 .antd-Cascader-tabs {
   display: flex;
@@ -36283,9 +36648,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .antd-Cascader-tab {
   flex: 1;
   width: calc((100vw - 20px) / 3);
-  height: 23.125rem;
+  height: 16.25rem;
   overflow-y: auto;
   display: inline-block;
+  padding-left: 0.625rem;
+  border: 1px solid var(--Cascader-border-color);
 }
 .antd-Cascader-tab::-webkit-scrollbar {
   display: none;
@@ -36326,19 +36693,23 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0.375rem 0;
+  padding: 0.375rem 0 0.375rem 0.625rem;
   font-size: var(--fontSizeMd);
   line-height: var(--Cascader-option-lineHeight);
   cursor: pointer;
   position: relative;
 }
-.antd-Cascader-option.selected span {
+.antd-Cascader-option.is-active {
+  background-color: var(--Cascader-border-active-bg-color);
+}
+.antd-Cascader-option.selected .antd-Cascader-option--text {
   color: var(--primary);
 }
 .antd-Cascader-option.disabled span {
   color: gray;
 }
 .antd-Cascader-option--text {
+  flex: 1;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -36346,6 +36717,17 @@ td.rdtQuarter.rdtDisabled:hover > span {
      -moz-user-select: none;
           user-select: none;
 }
+.antd-Cascader-option--text.disabled {
+  color: var(--Cascader-option-disable-color);
+}
+.antd-Cascader-option-arrow {
+  flex: 1;
+  text-align: right;
+  padding-right: 0.375rem;
+}
+.antd-Cascader-option-arrow > svg {
+  transform: scale(0.8);
+}
 .antd-Cascader-option-selectedNum {
   min-width: 1rem;
   height: 1rem;
@@ -36397,7 +36779,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border: none;
   color: var(--Form-input-color);
   width: 100%;
-  height: var(--Form-input-lineHeight);
 }
 .antd-IconPickerControl-input input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -36603,7 +36984,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border: none;
   color: var(--Form-input-color);
   width: 100%;
-  height: var(--Form-input-lineHeight);
 }
 .antd-IconSelectControl-input input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -37245,6 +37625,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   background-color: rgb(250, 250, 250);
   border-radius: var(--borderRadius);
   position: relative;
+  word-wrap: break-word;
+  word-break: break-all;
 }
 .antd-Form--column {
   display: flex;
@@ -37299,24 +37681,16 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 /* 移动端样式调整 */
 @media (max-width: 767px) {
-  .antd-Form::before {
-    position: absolute;
-    box-sizing: border-box;
-    content: " ";
-    pointer-events: none;
-    right: 0;
-    top: 0;
-    left: 0;
-    border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
+  .antd-Combo-form::before {
+    border-bottom: none;
   }
-  .antd-Form .antd-Form-item {
+  .antd-Form-item {
     display: flex;
-    flex-wrap: wrap;
     margin-bottom: 0;
-    padding: var(--Form-item-gap) 0;
+    padding: var(--Form-item-mobile-gap) 0;
     position: relative;
   }
-  .antd-Form .antd-Form-item::after {
+  .antd-Form-item::after {
     position: absolute;
     box-sizing: border-box;
     content: " ";
@@ -37326,11 +37700,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
     left: 0;
     border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
   }
-  .antd-Form .antd-Form-item .antd-InputGroup-addOn,
-  .antd-Form .antd-Form-item .antd-TextControl-addOn {
+  .antd-Form-item .antd-InputGroup-addOn,
+  .antd-Form-item .antd-TextControl-addOn {
     border: none;
   }
-  .antd-Form .antd-Form-item > .antd-Form-label {
+  .antd-Form-item .antd-Form-label {
     flex: 0 0 28%;
     max-width: 28%;
     min-height: 1px;
@@ -37341,111 +37715,217 @@ td.rdtQuarter.rdtDisabled:hover > span {
     margin-bottom: 0;
     font-size: var(--fontSizeLg);
   }
-  .antd-Form .antd-Form-item .antd-Form-description {
+  .antd-Form-item .antd-Form-label + .antd-Form-item-controlBox {
+    max-width: 72%;
+  }
+  .antd-Form-item .antd-Form-label > span {
+    line-height: 2rem;
+    display: inline-block;
+  }
+  .antd-Form-item .antd-Form-description {
     font-size: var(--fontSizeBase);
   }
-  .antd-Form .antd-Form-item .antd-TextControl-input {
+  .antd-Form-item .antd-TextControl-input {
     font-size: var(--fontSizeLg);
   }
-  .antd-Form .antd-Form-item .antd-TextControl-input input {
+  .antd-Form-item .antd-TextControl-input input {
     height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg));
   }
-  .antd-Form .antd-Form-item .antd-Form-value,
-  .antd-Form .antd-Form-item .antd-Form-control {
+  .antd-Form-item .antd-NumberControl .antd-Number {
+    flex: 1;
+    border: none;
+  }
+  .antd-Form-item .antd-NumberControl .antd-Number .antd-Number-handler-wrap {
+    display: none;
+  }
+  .antd-Form-item .antd-NumberControl .antd-Select {
+    flex: none;
+    border: none;
+  }
+  .antd-Form-item .antd-Number--enhance {
+    float: right;
+    border: none;
+  }
+  .antd-Form-item .antd-Number--enhance-left-icon, .antd-Form-item .antd-Number--enhance-right-icon {
+    width: var(--inputNumber-enhance-mobile-icon-width);
+    height: var(--inputNumber-enhance-mobile-icon-height);
+    border: var(--Form-input-borderWidth) solid var(--borderColor);
+    border-radius: var(--Form-input-borderRadius);
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+  }
+  .antd-Form-item .antd-Number--enhance-left-icon svg.icon, .antd-Form-item .antd-Number--enhance-right-icon svg.icon {
+    top: 0;
+  }
+  .antd-Form-item .antd-Number--enhance .antd-Number-input {
+    text-align: center;
+  }
+  .antd-Form-item .antd-Number--enhance .antd-Number--enhance-input {
+    width: var(--inputNumber-enhance-mobile-input-width);
+    text-align: center;
+  }
+  .antd-Form-item .antd-Number--enhance .antd-InputNumber-enhance-minus,
+  .antd-Form-item .antd-Number--enhance .antd-InputNumber-enhance-plus {
+    width: var(--inputNumber-enhance-mobile-icon-inner-width);
+    height: var(--inputNumber-enhance-mobile-icon-inner-height);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .antd-Form-item .antd-Number--enhance:hover .antd-Number-input {
+    padding-left: var(--inputNumber-enhance-default-paddingLeft);
+    padding-right: var(--inputNumber-enhance-default-paddingRight);
+  }
+  .antd-Form-item .antd-Form-value,
+  .antd-Form-item .antd-Form-control {
     flex: 1;
     flex-wrap: wrap;
     font-size: var(--fontSizeLg);
   }
-  .antd-Form .antd-Form-item .antd-Form-value.is-disabled > .antd-TextControl-input,
-  .antd-Form .antd-Form-item .antd-Form-control.is-disabled > .antd-TextControl-input {
+  .antd-Form-item .antd-Form-value .antd-ColorPicker > input,
+  .antd-Form-item .antd-Form-control .antd-ColorPicker > input {
+    height: 100%;
+  }
+  .antd-Form-item .antd-Form-value .antd-ResultBox,
+  .antd-Form-item .antd-Form-control .antd-ResultBox {
+    height: 100%;
+  }
+  .antd-Form-item .antd-Form-value .antd-ResultBox .antd-ResultBox-value-wrap,
+  .antd-Form-item .antd-Form-control .antd-ResultBox .antd-ResultBox-value-wrap {
+    justify-content: flex-end;
+    text-align: right;
+  }
+  .antd-Form-item .antd-Form-value.is-disabled > .antd-TextControl-input,
+  .antd-Form-item .antd-Form-control.is-disabled > .antd-TextControl-input {
     background: transparent;
   }
-  .antd-Form .antd-Form-item .antd-SelectControl.antd-Form-control {
+  .antd-Form-item .antd-SelectControl.antd-Form-control {
     overflow: hidden;
   }
-  .antd-Form .antd-Form-item .antd-Form-hint,
-  .antd-Form .antd-Form-item .antd-Form-remark,
-  .antd-Form .antd-Form-item .antd-Form-static,
-  .antd-Form .antd-Form-item .antd-Form-group--hor .antd-Form-item,
-  .antd-Form .antd-Form-item .antd-SwitchControl,
-  .antd-Form .antd-Form-item .antd-CheckboxControl,
-  .antd-Form .antd-Form-item .antd-RadiosControl,
-  .antd-Form .antd-Form-item .antd-CheckboxesControl {
+  .antd-Form-item .antd-Form-hint,
+  .antd-Form-item .antd-Form-remark,
+  .antd-Form-item .antd-Form-group--hor .antd-Form-item,
+  .antd-Form-item .antd-SwitchControl,
+  .antd-Form-item .antd-CheckboxControl,
+  .antd-Form-item .antd-RadiosControl,
+  .antd-Form-item .antd-CheckboxesControl {
     padding-top: 0;
     padding-bottom: 0;
   }
-  .antd-Form .antd-Form-item .antd-Form-group--horizontal .antd-TextControl-input input {
+  .antd-Form-item .antd-SwitchControl,
+  .antd-Form-item .antd-TransferControl,
+  .antd-Form-item .antd-TagControl,
+  .antd-Form-item .antd-CheckboxControl,
+  .antd-Form-item .antd-TreeSelectControl,
+  .antd-Form-item .antd-NestedSelectControl,
+  .antd-Form-item .antd-TabsTransferControl {
+    padding-top: 0.1875rem;
+  }
+  .antd-Form-item--inline {
+    margin-right: 0;
+  }
+  .antd-Form-item .antd-Form-item-controlBox {
+    flex: 1;
+    max-width: -moz-available;
+    max-width: -webkit-fill-available;
+    max-width: fill-available;
+  }
+  .antd-Form-item .antd-Form-static .antd-Progress {
+    margin-top: 0.1875rem;
+  }
+  .antd-Form-item .antd-Form-static .antd-Field-quickEditBtn {
+    vertical-align: baseline;
+  }
+  .antd-Form-item .antd-Form-group--horizontal .antd-TextControl-input input {
     height: var(--Form-input-height);
   }
-  .antd-Form .antd-Form-item .antd-Form-hint {
+  .antd-Form-item .antd-Form-hint {
     font-size: var(--fontSizeBase);
     margin-left: 0;
     color: var(--text--muted-color);
   }
-  .antd-Form .antd-Form-item .antd-TextControl-placeholder {
+  .antd-Form-item .antd-TextControl-placeholder {
     top: 0;
   }
-  .antd-Form .antd-Form-item .antd-Form-static {
+  .antd-Form-item .antd-Form-static {
     min-height: 0;
   }
-  .antd-Form .antd-Form-item .antd-Form-description,
-  .antd-Form .antd-Form-item .antd-Form-feedback {
+  .antd-Form-item .antd-Form-description,
+  .antd-Form-item .antd-Form-feedback {
     font-size: var(--fontSizeBase);
   }
-  .antd-Form .antd-Form-item .antd-InputGroup .antd-Select,
-  .antd-Form .antd-Form-item .antd-InputGroup .antd-InputGroup-btn .antd-Button {
+  .antd-Form-item .antd-InputGroup .antd-Select,
+  .antd-Form-item .antd-InputGroup .antd-InputGroup-btn .antd-Button {
     border: none;
   }
-  .antd-Form .antd-Form-item .antd-InputGroup > .antd-TextControl-input input {
+  .antd-Form-item .antd-InputGroup > .antd-TextControl-input input {
     height: var(--Form-input-height);
   }
-  .antd-Form .antd-Form-item .antd-ColorPicker {
+  .antd-Form-item .antd-ColorPicker {
     padding: 0;
     border: none;
   }
-  .antd-Form .antd-Form-item .antd-ColorPicker .antd-ColorPicker-arrow {
+  .antd-Form-item .antd-ColorPicker .antd-ColorPicker-arrow {
     display: none;
   }
-  .antd-Form .antd-Form-item .antd-Form-group--hor .antd-Form-item .antd-Button {
+  .antd-Form-item .antd-Form-group--hor .antd-Form-item .antd-Button {
     margin-bottom: var(--gap-xs);
   }
-  .antd-Form .antd-Form-item .antd-TextareaControl > textarea,
-  .antd-Form .antd-Form-item .antd-Form-control > .antd-TextControl-input,
-  .antd-Form .antd-Form-item .antd-TextControl.is-focused > .antd-TextControl-input {
+  .antd-Form-item .antd-TextareaControl > textarea,
+  .antd-Form-item .antd-Form-control > .antd-TextControl-input,
+  .antd-Form-item .antd-TextControl.is-focused > .antd-TextControl-input {
     border: none;
     padding: 0 var(--Form-input-paddingX) 0 0;
     box-shadow: none;
+    border-radius: 0;
   }
-  .antd-Form .antd-Form-item .antd-TextareaControl > textarea:hover, .antd-Form .antd-Form-item .antd-TextareaControl > textarea:focus, .antd-Form .antd-Form-item .antd-TextareaControl > textarea.active,
-  .antd-Form .antd-Form-item .antd-Form-control > .antd-TextControl-input:hover,
-  .antd-Form .antd-Form-item .antd-Form-control > .antd-TextControl-input:focus,
-  .antd-Form .antd-Form-item .antd-Form-control > .antd-TextControl-input.active,
-  .antd-Form .antd-Form-item .antd-TextControl.is-focused > .antd-TextControl-input:hover,
-  .antd-Form .antd-Form-item .antd-TextControl.is-focused > .antd-TextControl-input:focus,
-  .antd-Form .antd-Form-item .antd-TextControl.is-focused > .antd-TextControl-input.active {
+  .antd-Form-item .antd-TextareaControl > textarea:hover, .antd-Form-item .antd-TextareaControl > textarea:focus, .antd-Form-item .antd-TextareaControl > textarea.active,
+  .antd-Form-item .antd-Form-control > .antd-TextControl-input:hover,
+  .antd-Form-item .antd-Form-control > .antd-TextControl-input:focus,
+  .antd-Form-item .antd-Form-control > .antd-TextControl-input.active,
+  .antd-Form-item .antd-TextControl.is-focused > .antd-TextControl-input:hover,
+  .antd-Form-item .antd-TextControl.is-focused > .antd-TextControl-input:focus,
+  .antd-Form-item .antd-TextControl.is-focused > .antd-TextControl-input.active {
     border: none;
     outline: none;
     outline-style: none;
   }
-  .antd-Form .antd-Form-item .antd-Form-control > .antd-TextControl-input--multiple {
+  .antd-Form-item .antd-Form-control > .antd-TextControl-input--multiple {
     padding: 0;
     min-height: 0;
   }
-  .antd-Form .antd-Form-groupColumn {
+  .antd-Form-groupColumn {
     margin-bottom: 0;
   }
-  .antd-Form > .antd-Form-item.is-placeholder::after {
+  .antd-Form-item:nth-last-of-type(1)::after {
     display: none;
   }
-  .antd-Form .antd-Divider {
+  .antd-Form-item.is-placeholder::after {
     display: none;
   }
-  .antd-Form .antd-Tabs-pane {
+  .antd-Tabs-pane {
     padding: 0;
   }
-  .antd-Form .antd-Form-item .antd-Form-groupColumn > .antd-Form-item {
+  .antd-Form-item .antd-Form-groupColumn > .antd-Form-item {
     padding-bottom: var(--Form-input-paddingX);
   }
+  .antd-Form-groupColumn {
+    position: relative;
+  }
+  .antd-Form-groupColumn::after {
+    position: absolute;
+    box-sizing: border-box;
+    content: " ";
+    pointer-events: none;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
+  }
+  .antd-Form-groupColumn:nth-last-of-type(1)::after {
+    display: none;
+  }
 }
 .antd-UserSelect {
   position: relative;
@@ -38343,8 +38823,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
   /* 函数列表 */
 }
 .antd-FormulaEditor-content {
-  border-radius: var(--borderRadius);
-  border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+  flex: 1;
+  height: 100%;
+  max-width: 33.125rem;
+  border-top: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+  border-bottom: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
 }
 .antd-FormulaEditor-header {
   width: 100%;
@@ -38357,8 +38840,16 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-bottom: none;
   font-weight: 500;
 }
+.antd-FormulaEditor-header-toolbar {
+  font-size: 12px;
+  float: right;
+}
+.antd-FormulaEditor-header-toolbar > span {
+  margin-right: 5px;
+}
 .antd-FormulaEditor-editor {
-  height: 12.5rem;
+  min-height: 12.5rem;
+  height: calc(100% - 35px);
   padding: 0.3125rem;
   padding-right: 0;
 }
@@ -38385,31 +38876,26 @@ td.rdtQuarter.rdtDisabled:hover > span {
   flex-flow: row nowrap;
   align-items: stretch;
   justify-content: space-between;
-  height: 15.625rem;
+  height: 28.125rem;
   margin-top: 0.625rem;
 }
-.antd-FormulaEditor-settings > div {
-  width: 0;
+.antd-FormulaEditor-settings.is-mobile {
+  width: 100%;
+  overflow-x: scroll;
+  overflow-y: hidden;
 }
 .antd-FormulaEditor-settings.only-variable {
   height: 21.875rem;
 }
 .antd-FormulaEditor-panel {
   display: flex;
-  flex: 1;
   flex-flow: column nowrap;
   justify-content: space-between;
   align-items: stretch;
   height: 100%;
-  border-radius: var(--borderRadius);
+  width: 11.75rem;
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
 }
-.antd-FormulaEditor-panel:not(:last-child) {
-  margin-right: 0.625rem;
-}
-.antd-FormulaEditor-panel:last-child {
-  flex: 1;
-}
 .antd-FormulaEditor-panel-header {
   width: 100%;
   height: 1.875rem;
@@ -38431,6 +38917,17 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .antd-FormulaEditor-panel-body--tabs {
   max-height: 100%;
 }
+.antd-FormulaEditor-panel.left {
+  justify-content: normal !important;
+  border-radius: var(--borderRadius) 0 0 var(--borderRadius);
+}
+.antd-FormulaEditor-panel.right {
+  width: 20.625rem;
+  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
+}
+.antd-FormulaEditor-VariableList {
+  height: 100%;
+}
 .antd-FormulaEditor-VariableList-root {
   max-height: 100%;
 }
@@ -38446,7 +38943,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   max-height: 100%;
 }
 .antd-FormulaEditor-VariableList-base.is-scrollable {
-  overflow-x: hidden;
+  overflow-x: auto;
   overflow-y: auto;
 }
 .antd-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar {
@@ -38488,7 +38985,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding: 0;
 }
 .antd-FormulaEditor-VariableList-tabs .antd-Tabs-content .antd-FormulaEditor-VariableList-sub .antd-FormulaEditor-VariableList-body {
-  max-height: 13.75rem;
   overflow-y: hidden;
 }
 .antd-FormulaEditor-VariableList-tabs .antd-Tabs-content .antd-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base {
@@ -38558,6 +39054,13 @@ td.rdtQuarter.rdtDisabled:hover > span {
   flex: 1;
   width: 0;
   display: inline-block;
+  min-width: 3.125rem;
+}
+.antd-FormulaEditor-VariableList-item .fa-ellipsis-h {
+  margin-right: 0.3125rem;
+}
+.antd-FormulaEditor-VariableList-item .fa-ellipsis-h:hover {
+  color: var(--primary);
 }
 .antd-FormulaEditor-VariableList-item-tag {
   vertical-align: middle;
@@ -38570,21 +39073,35 @@ td.rdtQuarter.rdtDisabled:hover > span {
   line-height: 1.5rem;
   height: 1.5rem;
 }
+.antd-FormulaEditor-VariableList-item-oper {
+  list-style: none;
+  max-width: 14.6875rem;
+  font-size: var(--fontSizeSm);
+  min-width: 100px;
+  padding: 0 5px;
+  margin: 5px;
+  text-align: center;
+}
+.antd-FormulaEditor-VariableList-item-oper li {
+  line-height: 24px;
+}
+.antd-FormulaEditor-VariableList-item-oper li:hover {
+  cursor: pointer;
+  background: var(--Form-select-menu-onHover-bg);
+}
+.antd-FormulaEditor-VariableList .antd-GroupedSelection {
+  max-height: 100%;
+}
 .antd-FormulaEditor-VariableList .antd-GroupedSelection-item-tag {
   line-height: 17px;
 }
+.antd-FormulaEditor-VariableList .antd-GroupedSelection-itemLabel {
+  font-size: var(--fontSizeSm);
+}
 .antd-FormulaEditor-FuncList {
   display: flex;
-  flex-flow: row nowrap;
-  justify-content: space-between;
-  align-items: stretch;
-  flex: 1;
-}
-.antd-FormulaEditor-FuncList .antd-FormulaEditor-panel {
-  width: 11.75rem;
-}
-.antd-FormulaEditor-FuncList:not(:last-child) {
-  margin-right: 0.625rem;
+  flex-flow: column nowrap;
+  height: 100%;
 }
 .antd-FormulaEditor-FuncList-searchBox {
   display: flex;
@@ -38644,20 +39161,30 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .antd-FormulaEditor-FuncList-doc {
   display: flex;
   flex-flow: column nowrap;
-  padding: 0.625rem;
-  max-height: 12.5rem;
+  padding: 0 0.625rem;
+  font-size: 12px;
+  height: 100%;
+  overflow: hidden;
 }
 .antd-FormulaEditor-FuncList-doc pre {
   white-space: pre-wrap;
   word-wrap: break-word;
-  background: var(--InputFormula-code-bgColor);
-  padding: 0.3125rem 0.625rem;
   border-radius: var(--borderRadius);
   margin-top: 0;
 }
 .antd-FormulaEditor-FuncList-doc pre code {
   color: #2468f2;
 }
+.antd-FormulaEditor-FuncList-doc-example {
+  font-size: var(--fontSizeSm) !important;
+}
+.antd-FormulaEditor-FuncList-doc-example th {
+  padding: 0.3125rem !important;
+  font-size: var(--fontSizeSm) !important;
+}
+.antd-FormulaEditor-FuncList-doc-example td {
+  padding: 0.3125rem !important;
+}
 .antd-FormulaEditor-FuncList-doc-desc {
   color: var(--text--loud-color);
   overflow-x: hidden;
@@ -38672,6 +39199,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-radius: 3px;
   background: rgba(0, 0, 0, 0.3);
 }
+.antd-FormulaEditor-FuncList.withDoc {
+  max-height: 50% !important;
+}
+.antd-FormulaEditor-FuncDoc {
+  height: 300px;
+  overflow: hidden;
+  background: var(--InputFormula-code-bgColor);
+}
 .antd-FormulaEditor .cm-field,
 .antd-FormulaEditor .cm-func {
   border-radius: 3px;
@@ -38680,7 +39215,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding: 0 2px;
 }
 .antd-FormulaEditor .cm-field {
-  padding: 3px 5px;
+  padding: 2px 5px;
 }
 .antd-FormulaEditor .cm-field {
   background: #007bff;
@@ -38696,6 +39231,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
   justify-content: space-between;
   align-items: center;
 }
+.antd-FormulaPicker-popup {
+  height: 36.25rem;
+}
+.antd-FormulaPicker-popup-inner {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 0 1rem;
+}
 .antd-FormulaPicker-input {
   flex: 1;
   margin-right: 0.625rem;
@@ -38743,11 +39286,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .antd-FormulaPicker.is-input-group {
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
-  padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
+  padding: 0 var(--Form-input-paddingX) 0 0;
   border-radius: var(--borderRadius);
   background-color: #fff;
   height: var(--Form-input-height);
 }
+.antd-FormulaPicker.is-input-group.antd-FormulaPicker--text {
+  padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
+}
 .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input {
   display: flex;
   align-items: center;
@@ -38755,14 +39301,30 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding: 0;
   border: 0;
   margin: 0;
+  margin-right: 0.625rem;
+  max-width: unset;
 }
 .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input:focus {
   border: none;
   outline: none;
   box-sizing: none;
 }
+.antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-number, .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-select, .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-boolean, .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-date, .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-time, .antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-datetime {
+  height: var(--InputFormula-input-schema-height);
+  padding-left: var(--Form-input-paddingX);
+}
+.antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-number .antd-Number-handler-wrap {
+  height: unset; /* 避免调节器超出Input框 */
+}
+.antd-FormulaPicker.is-input-group .antd-FormulaPicker-input-variable {
+  border: none;
+  min-height: unset;
+  line-height: 1.125rem;
+  padding-top: 0;
+  padding-bottom: 0;
+}
 .antd-FormulaPicker.is-input-group .antd-FormulaPicker-toggler .icon-function {
-  transform: scale(1.8);
+  transform: scale(1.3);
 }
 .antd-FormulaPicker.is-input-group .antd-FormulaPicker-toggler .icon-ellipsis-v {
   transform: rotate(90deg);
@@ -38861,9 +39423,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--Timeline-detail-icon-color);
   width: var(--TimelineItem-detail-arrow-width);
   height: var(--TimelineItem-detail-arrow-width);
+  transition: transform var(--animation-duration);
 }
 .antd-Timeline-vertical .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-arrow-top {
-  transform: rotateX(180deg);
+  transform: rotate(180deg);
 }
 .antd-Timeline-vertical .antd-TimelineItem-content .antd-TimelineItem-detail .antd-TimelineItem-detail-visible {
   display: block;
@@ -39237,6 +39800,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .AMISDebug-tab {
   overflow: hidden;
+  border-bottom: 1px solid #3d3d3d;
 }
 .AMISDebug-tab > button {
   color: inherit;
@@ -39279,6 +39843,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .AMISDebug-content {
   pointer-events: all;
   display: none;
+  height: 100%;
 }
 .AMISDebug-resize {
   position: absolute;
@@ -39307,7 +39872,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .AMISDebug.is-expanded {
   width: 420px;
-  overflow: auto;
   background: #272821;
   color: #cccccc;
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
@@ -39349,6 +39913,30 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .AMISDebug-inspect {
   padding: var(--gap-sm);
 }
+.AMISDebug-log, .AMISDebug-inspect {
+  height: 100%;
+  overflow: auto;
+  scrollbar-width: thin;
+  scrollbar-color: #6b6b6b #2b2b2b;
+}
+.AMISDebug-log::-webkit-scrollbar, .AMISDebug-inspect::-webkit-scrollbar {
+  position: relative;
+  z-index: 10;
+  background-color: #2c2c2c;
+  width: 16px;
+  height: 16px;
+  border-left: 1px solid #3d3d3d;
+}
+.AMISDebug-log::-webkit-scrollbar-thumb, .AMISDebug-inspect::-webkit-scrollbar-thumb {
+  background: #6b6b6b;
+  background-clip: content-box;
+  border: 4px solid transparent;
+  border-radius: 500px;
+}
+.AMISDebug-log::-webkit-scrollbar-thumb:hover, .AMISDebug-inspect::-webkit-scrollbar-thumb:hover {
+  background: #939393;
+  background-clip: content-box;
+}
 .AMISDebug-logLine {
   overflow-x: hidden;
 }
@@ -39594,6 +40182,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .antd-Nav-Menu-submenu-title {
   display: flex;
+  align-items: center;
   justify-content: space-between;
 }
 .antd-Nav-Menu-submenu-title .antd-Nav-Menu-item-wrap {