amis 2.0.0-rc.9 → 2.0.2

package/lib/themes/cxd-ie11.css

@@ -1467,7 +1467,6 @@ button::-moz-focus-inner {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .tox .tox-collection__item {
@@ -1478,7 +1477,6 @@ button::-moz-focus-inner {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .tox .tox-collection--list .tox-collection__item {
@@ -1641,8 +1639,7 @@ button::-moz-focus-inner {
   margin-top: auto;
 }
 .tox .tox-collection__item-container--column {
-  -ms-grid-row-align: center;
-      align-self: center;
+  align-self: center;
   flex: 1 1 auto;
   flex-direction: column;
 }
@@ -1656,8 +1653,7 @@ button::-moz-focus-inner {
   align-self: flex-start;
 }
 .tox .tox-collection__item-container--column.tox-collection__item-container--valign-middle {
-  -ms-grid-row-align: center;
-      align-self: center;
+  align-self: center;
 }
 .tox .tox-collection__item-container--column.tox-collection__item-container--valign-bottom {
   align-self: flex-end;
@@ -2864,8 +2860,7 @@ body.tox-dialog__disable-scroll {
   height: 100%;
   margin: 0;
   overflow: hidden;
-  -ms-scroll-chaining: none;
-      overscroll-behavior: none;
+  overscroll-behavior: none;
   padding: 0;
   touch-action: pinch-zoom;
   width: 100%;
@@ -3137,12 +3132,10 @@ body.tox-dialog__disable-scroll {
   border-width: 1px;
   box-shadow: none;
   box-sizing: border-box;
-  display: -ms-grid;
   display: grid;
   font-size: 14px;
   font-weight: normal;
-  -ms-grid-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
-      grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
+  grid-template-columns: minmax(40px, 1fr) auto minmax(40px, 1fr);
   margin-top: 4px;
   opacity: 0;
   padding: 4px;
@@ -3220,18 +3213,15 @@ body.tox-dialog__disable-scroll {
   fill: #222f3e;
 }
 .tox .tox-notification__body {
-  -ms-grid-row-align: center;
-      align-self: center;
+  align-self: center;
   color: #222f3e;
   font-size: 14px;
   -ms-grid-column-span: 1;
   grid-column-end: 3;
-  -ms-grid-column: 2;
-      grid-column-start: 2;
+  grid-column-start: 2;
   -ms-grid-row-span: 1;
   grid-row-end: 2;
-  -ms-grid-row: 1;
-      grid-row-start: 1;
+  grid-row-start: 1;
   text-align: center;
   white-space: normal;
   word-break: break-all;
@@ -3244,47 +3234,36 @@ body.tox-dialog__disable-scroll {
   margin-top: 1rem;
 }
 .tox .tox-notification__icon {
-  -ms-grid-row-align: center;
-      align-self: center;
+  align-self: center;
   -ms-grid-column-span: 1;
   grid-column-end: 2;
-  -ms-grid-column: 1;
-      grid-column-start: 1;
+  grid-column-start: 1;
   -ms-grid-row-span: 1;
   grid-row-end: 2;
-  -ms-grid-row: 1;
-      grid-row-start: 1;
-  -ms-grid-column-align: end;
-      justify-self: end;
+  grid-row-start: 1;
+  justify-self: end;
 }
 .tox .tox-notification__icon svg {
   display: block;
 }
 .tox .tox-notification__dismiss {
-  -ms-grid-row-align: start;
-      align-self: start;
+  align-self: start;
   -ms-grid-column-span: 1;
   grid-column-end: 4;
-  -ms-grid-column: 3;
-      grid-column-start: 3;
+  grid-column-start: 3;
   -ms-grid-row-span: 1;
   grid-row-end: 2;
-  -ms-grid-row: 1;
-      grid-row-start: 1;
-  -ms-grid-column-align: end;
-      justify-self: end;
+  grid-row-start: 1;
+  justify-self: end;
 }
 .tox .tox-notification .tox-progress-bar {
   -ms-grid-column-span: 3;
   grid-column-end: 4;
-  -ms-grid-column: 1;
-      grid-column-start: 1;
+  grid-column-start: 1;
   -ms-grid-row-span: 1;
   grid-row-end: 3;
-  -ms-grid-row: 2;
-      grid-row-start: 2;
-  -ms-grid-column-align: center;
-      justify-self: center;
+  grid-row-start: 2;
+  justify-self: center;
 }
 .tox .tox-pop {
   display: inline-block;
@@ -3736,8 +3715,7 @@ body.tox-dialog__disable-scroll {
   width: 68px;
 }
 .tox .tox-tbtn--return {
-  -ms-grid-row-align: stretch;
-      align-self: stretch;
+  align-self: stretch;
   height: unset;
   width: 16px;
 }
@@ -4150,7 +4128,6 @@ body.tox-dialog__disable-scroll {
   font-family: serif, Times, "Times New Roman";
   -webkit-user-select: none;
   -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
 }
 .video-react:-moz-full-screen {
@@ -4908,7 +4885,6 @@ body.video-react-full-window .video-react-fullscreen {
   touch-action: none;
   -webkit-user-select: none;
   -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
 }
 .cropper-container img {
@@ -5292,7 +5268,6 @@ body.video-react-full-window .video-react-fullscreen {
   /* Konqueror */
   -moz-user-select: none;
   /* Firefox */
-  -ms-user-select: none;
   /* Internet Explorer/Edge */
   user-select: none;
 }
@@ -5369,7 +5344,6 @@ td.rdtQuarter:hover {
   /* Konqueror */
   -moz-user-select: none;
   /* Firefox */
-  -ms-user-select: none;
   /* Internet Explorer/Edge */
   user-select: none;
 }
@@ -6757,7 +6731,6 @@ body {
   text-decoration: none;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-AsideNav-item a:hover {
@@ -7057,7 +7030,6 @@ img.cxd-AsideNav-itemIcon {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   background: transparent;
   border: 0.0625rem solid transparent;
@@ -7330,7 +7302,7 @@ img.cxd-AsideNav-itemIcon {
 .cxd-Button--sm .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--sm > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--sm > .pull-left {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--sm .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--sm > .pull-right {
@@ -7339,7 +7311,7 @@ img.cxd-AsideNav-itemIcon {
 .cxd-Button--sm .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--sm > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--sm > .pull-left {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--sm .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--sm > .pull-right {
@@ -7367,7 +7339,7 @@ img.cxd-AsideNav-itemIcon {
 .cxd-Button--md .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--md > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--md > .pull-left {
-  margin-right: 0.75rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--md .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--md > .pull-right {
@@ -7376,7 +7348,7 @@ img.cxd-AsideNav-itemIcon {
 .cxd-Button--md .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--md > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--md > .pull-left {
-  margin-right: 0.75rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--md .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--md > .pull-right {
@@ -7404,7 +7376,7 @@ img.cxd-AsideNav-itemIcon {
 .cxd-Button--lg .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--lg > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--lg > .pull-left {
-  margin-right: 1rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--lg .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--lg > .pull-right {
@@ -7413,7 +7385,7 @@ img.cxd-AsideNav-itemIcon {
 .cxd-Button--lg .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--lg > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--lg > .pull-left {
-  margin-right: 1rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--lg .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--lg > .pull-right {
@@ -7452,7 +7424,7 @@ img.cxd-AsideNav-itemIcon {
 .cxd-Button .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-Button > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button > .pull-left {
-  margin-right: 0.75rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-Button > .pull-right {
@@ -7461,7 +7433,7 @@ img.cxd-AsideNav-itemIcon {
 .cxd-Button .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-Button > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button > .pull-left {
-  margin-right: 0.75rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-Button > .pull-right {
@@ -7501,6 +7473,7 @@ img.cxd-AsideNav-itemIcon {
           text-decoration: none;
   border: none;
   height: auto;
+  padding: 0;
 }
 .cxd-Button--link:hover:focus {
   color: #209bfd;
@@ -7665,7 +7638,6 @@ input[type=button].cxd-Button--block {
 .cxd-Breadcrumb-separator {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin: 0 0.5rem;
   text-align: center;
@@ -7697,7 +7669,6 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   color: #151b26;
   background-color: #ffffff;
@@ -8199,7 +8170,6 @@ input[type=button].cxd-Button--block {
   text-align: center;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 @media (min-width: 576px) {
@@ -8300,8 +8270,7 @@ input[type=button].cxd-Button--block {
   left: -0.375rem;
   top: 50%;
   cursor: ew-resize;
-  -ms-writing-mode: tb-lr;
-      writing-mode: vertical-lr;
+  writing-mode: vertical-lr;
   width: 0.75rem;
   height: 1.5rem;
 }
@@ -8350,8 +8319,7 @@ input[type=button].cxd-Button--block {
   right: -0.375rem;
   top: 50%;
   cursor: ew-resize;
-  -ms-writing-mode: tb-lr;
-      writing-mode: vertical-lr;
+  writing-mode: vertical-lr;
   width: 0.75rem;
   height: 1.5rem;
 }
@@ -8851,7 +8819,6 @@ input[type=button].cxd-Button--block {
   background-color: white;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   flex: 1;
   overflow: hidden;
@@ -9365,7 +9332,7 @@ input[type=button].cxd-Button--block {
 .cxd-ArrayInput-addBtn .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .cxd-ArrayInput-addBtn > .pull-left {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .cxd-ArrayInput-addBtn .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-ArrayInput-addBtn > .pull-right {
@@ -9374,7 +9341,7 @@ input[type=button].cxd-Button--block {
 .cxd-ArrayInput-addBtn .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .cxd-ArrayInput-addBtn > .pull-left {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .cxd-ArrayInput-addBtn .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-ArrayInput-addBtn > .pull-right {
@@ -9554,7 +9521,6 @@ input[type=button].cxd-Button--block {
   list-style: none;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Tabs-links::before, .cxd-Tabs-links::after {
@@ -10262,7 +10228,6 @@ input[type=button].cxd-Button--block {
   list-style: none;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin: 0;
   padding: 0;
@@ -10301,7 +10266,6 @@ input[type=button].cxd-Button--block {
   white-space: nowrap;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Nav .cxd-Nav-list--tabs {
@@ -10601,8 +10565,7 @@ input[type=button].cxd-Button--block {
   right: -0.375rem;
   top: 50%;
   cursor: ew-resize;
-  -ms-writing-mode: tb-lr;
-      writing-mode: vertical-lr;
+  writing-mode: vertical-lr;
   width: 0.75rem;
   height: 1.5rem;
   margin-top: -0.75rem;
@@ -10614,7 +10577,6 @@ input[type=button].cxd-Button--block {
   text-align: center;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   color: #666;
 }
@@ -10653,7 +10615,8 @@ input[type=button].cxd-Button--block {
     flex-direction: row;
     align-items: stretch;
   }
-  .cxd-Page--withSidebar > .cxd-Page-content {
+  .cxd-Page--withSidebar > .cxd-Page-content,
+.cxd-Page--withSidebar .cxd-PullRefresh {
     width: 0;
     flex-grow: 1;
   }
@@ -10685,7 +10648,6 @@ input[type=button].cxd-Button--block {
   font-size: 12px;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Remark-icon > svg {
@@ -11411,7 +11373,6 @@ input[type=button].cxd-Button--block {
   border: none;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-DropDown-menu-root {
@@ -11443,7 +11404,6 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   color: #151a26;
   -webkit-text-decoration: none;
@@ -11605,6 +11565,12 @@ input[type=button].cxd-Button--block {
   overflow: hidden;
   border-width: 0;
 }
+.cxd-CalendarMobile-pop--time {
+  height: -webkit-fit-content;
+  height: -moz-fit-content;
+  height: fit-content;
+  max-height: 90vh;
+}
 .cxd-CalendarMobile-wrap {
   display: flex;
   flex-direction: column;
@@ -11672,12 +11638,14 @@ input[type=button].cxd-Button--block {
 .cxd-CalendarMobile-body table {
   border-spacing: 0 0.25rem;
 }
-.cxd-CalendarMobile-body .rdt .rdtPicker td.rdtActive, .cxd-CalendarMobile-body .rdt .rdtPicker td.rdtActive:hover {
+.cxd-CalendarMobile-body .rdt .rdtPicker td.rdtActive,
+.cxd-CalendarMobile-body .rdt .rdtPicker td.rdtActive:hover {
   background: transparent;
   color: #151b26;
   text-shadow: none;
 }
-.cxd-CalendarMobile-body .rdt .rdtPicker tr td.rdtDisabled, .cxd-CalendarMobile-body .rdt .rdtPicker tr td.rdtDisabled:hover {
+.cxd-CalendarMobile-body .rdt .rdtPicker tr td.rdtDisabled,
+.cxd-CalendarMobile-body .rdt .rdtPicker tr td.rdtDisabled:hover {
   color: #999;
 }
 .cxd-CalendarMobile-body .rdtOldNone td.rdtOld {
@@ -11785,7 +11753,7 @@ input[type=button].cxd-Button--block {
   border: none;
 }
 .cxd-CalendarMobile .cxd-CalendarMobile-calendar-wrap .cxd-CalendarMobile-calendar .rdtPicker .rdtToday .calendar-wrap {
-  border: 1px solid #2468F2;
+  border: 1px solid #2468f2;
 }
 .cxd-CalendarMobile-calendar-header {
   height: 1.875rem;
@@ -11913,7 +11881,6 @@ input[type=button].cxd-Button--block {
   cursor: not-allowed;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   color: #b8babf;
 }
@@ -12226,7 +12193,6 @@ input[type=button].cxd-Button--block {
   border-radius: 5px;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-CBSeprator {
@@ -12235,9 +12201,17 @@ input[type=button].cxd-Button--block {
   display: inline-block;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
+.cxd-CBPicker-trigger {
+  cursor: pointer;
+  transition: transform 0.2s ease-out;
+  display: flex;
+  color: #84868c;
+}
+.cxd-CBPicker-trigger:hover {
+  color: #2468f2;
+}
 @-webkit-keyframes contextMenuInSpecial {
   from {
     transform: scale3d(1, 1, 1);
@@ -12653,7 +12627,6 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   line-height: calc( 1.4285714286 * 14px - 0.125rem );
   display: inline-block;
@@ -12688,14 +12661,12 @@ input[type=button].cxd-Button--block {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin-left: 0.25rem;
   margin-top: 0.25rem;
   vertical-align: middle;
 }
 .cxd-Crud-toolbar-item {
-  margin-left: 0.625rem;
   margin-top: 0.625rem;
   line-height: 1.5;
   height: 1.875rem;
@@ -12703,6 +12674,9 @@ input[type=button].cxd-Button--block {
   display: inline-flex;
   align-items: center;
 }
+.cxd-Crud-toolbar-item:not(:first-child) {
+  margin-left: 0.625rem;
+}
 .cxd-Crud-toolbar-item--left {
   float: left;
 }
@@ -12734,7 +12708,6 @@ input[type=button].cxd-Button--block {
 }
 @media (min-width: 576px) {
   .cxd-Crud-toolbar {
-    margin-left: calc(0.625rem * -1);
     margin-top: calc(0.625rem * -1);
     flex-basis: 0;
     flex-grow: 1;
@@ -12747,11 +12720,135 @@ input[type=button].cxd-Button--block {
     clear: both;
   }
   .cxd-Crud-toolbar-item {
+    line-height: 1.5;
+    height: 1.875rem;
+    vertical-align: middle;
+  }
+  .cxd-Crud-toolbar-item:not(:first-child) {
+    margin-left: 0.625rem;
+  }
+  .cxd-Crud-toolbar-item--left {
+    float: left;
+  }
+  .cxd-Crud-toolbar-item--right {
+    float: right;
+  }
+  .cxd-Crud-actions > * + .cxd-Button,
+.cxd-Crud-actions > * + .cxd-Button--disabled-wrap {
     margin-left: 0.625rem;
+  }
+}
+.cxd-Crud2 {
+  position: relative;
+}
+.cxd-Crud2-selection, .cxd-Crud2-toolbar, .cxd-Crud2-body {
+  margin-bottom: 0.75rem;
+}
+.cxd-Crud2-selectionLabel {
+  display: inline-block;
+  vertical-align: top;
+  margin-top: 0.25rem;
+}
+.cxd-Crud2-value {
+  cursor: pointer;
+  vertical-align: middle;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  line-height: calc( 1.4285714286 * 14px - 0.125rem );
+  display: inline-block;
+  font-size: 12px;
+  color: #2468f2;
+  background: #e4edfe;
+  border: 0.0625rem solid #b3cbfc;
+  border-radius: 2px;
+  margin-right: 0.25rem;
+  margin-top: 0.25rem;
+}
+.cxd-Crud2-value:hover {
+  background: #ccdcfd;
+}
+.cxd-Crud2-value.is-disabled {
+  pointer-events: none;
+  opacity: 0.65;
+}
+.cxd-Crud2-valueIcon {
+  cursor: pointer;
+  border-right: 0.0625rem solid #b3cbfc;
+  padding: 1px 5px;
+}
+.cxd-Crud2-valueIcon:hover {
+  background: #ccdcfd;
+}
+.cxd-Crud2-valueLabel {
+  padding: 0 0.25rem;
+}
+.cxd-Crud2-selectionClear {
+  display: inline-block;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  margin-left: 0.25rem;
+  margin-top: 0.25rem;
+  vertical-align: middle;
+}
+.cxd-Crud2-toolbar-item {
+  margin-top: 0.625rem;
+  line-height: 1.5;
+  height: 1.875rem;
+  vertical-align: middle;
+  display: inline-flex;
+  align-items: center;
+}
+.cxd-Crud2-toolbar-item:not(:first-child) {
+  margin-left: 0.625rem;
+}
+.cxd-Crud2-toolbar-item--left {
+  float: left;
+}
+.cxd-Crud2-toolbar-item--right {
+  float: right;
+}
+.cxd-Crud2-actions > * + .cxd-Button,
+.cxd-Crud2-actions > * + .cxd-ButtonGroup,
+.cxd-Crud2-actions > * + .cxd-ButtonToolbar {
+  margin-left: 0.625rem;
+}
+.cxd-Crud2-statistics {
+  line-height: 1.875rem;
+  vertical-align: middle;
+}
+.cxd-Crud2-pageSwitch .cxd-Select {
+  margin-left: 0.625rem;
+}
+.cxd-Crud2-pager {
+  align-self: flex-start;
+}
+.cxd-Crud2-filter {
+  margin-bottom: 0.75rem;
+}
+@media (min-width: 576px) {
+  .cxd-Crud-toolbar {
+    margin-top: calc(0.625rem * -1);
+    flex-basis: 0;
+    flex-grow: 1;
+  }
+  .cxd-Crud-toolbar::before, .cxd-Crud-toolbar::after {
+    display: table;
+    content: "";
+  }
+  .cxd-Crud-toolbar::after {
+    clear: both;
+  }
+  .cxd-Crud-toolbar-item {
     line-height: 1.5;
     height: 1.875rem;
     vertical-align: middle;
   }
+  .cxd-Crud-toolbar-item:not(:first-child) {
+    margin-left: 0.625rem;
+  }
   .cxd-Crud-toolbar-item--left {
     float: left;
   }
@@ -12778,6 +12875,12 @@ input[type=button].cxd-Button--block {
   top: auto;
   box-shadow: none;
 }
+.cxd-Table-fixedLeft--autoFillHeight > table thead, .cxd-Table-fixedRight--autoFillHeight > table thead {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
 .cxd-Table-fixedLeft {
   left: 0;
   top: -999999px;
@@ -12924,7 +13027,6 @@ input[type=button].cxd-Button--block {
   cursor: col-resize;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   opacity: 0.5;
   z-index: 3000;
@@ -14049,7 +14151,6 @@ input[type=button].cxd-Button--block {
 .cxd-Table-v2 {
   position: relative;
   border-radius: 0.25rem;
-  margin-bottom: 1rem;
 }
 .cxd-Table-v2.cxd-Table-bordered {
   border-width: 0.0625rem 0.0625rem 0 0.0625rem;
@@ -15087,7 +15188,7 @@ input[type=button].cxd-Button--block {
   border-right: none;
 }
 .cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-left:not(.cxd-Table-cell-row-hover) {
-  background: #FFF;
+  background: #fff;
 }
 .cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > tfoot > tr > td:not(:last-child).cxd-Table-cell-fix-left-last {
   border-right: none;
@@ -15104,7 +15205,7 @@ input[type=button].cxd-Button--block {
   border-right: none;
 }
 .cxd-Table-v2.cxd-Table-ping-right .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-right:not(.cxd-Table-cell-row-hover) {
-  background: #FFF;
+  background: #fff;
 }
 .cxd-Table-v2.cxd-Table-ping-right:not(.cxd-Table-bordered) .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-right-first-prev {
   border-right: none;
@@ -15117,11 +15218,15 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-v2.cxd-Table-resizable .cxd-Table-table > thead > tr > th .cxd-Table-thead-resizable {
   position: absolute;
-  width: 1px;
-  right: 0;
+  width: 7px;
+  right: -4px;
   top: 0;
   bottom: 0;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
   cursor: col-resize;
+  z-index: 3000;
 }
 .cxd-Table-v2 .cxd-Table-loading {
   padding: 30px 0px;
@@ -15164,8 +15269,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-v2 .cxd-TableCell-searchBtn {
   cursor: pointer;
-  position: static;
-  transform: translateY(-50%);
   color: #b8babf;
   margin-left: 0.5rem;
 }
@@ -15381,7 +15484,6 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   color: #2468f2;
   -webkit-text-decoration: none;
@@ -15486,7 +15588,6 @@ input[type=button].cxd-Button--block {
   overflow: hidden;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem label > i {
@@ -16568,7 +16669,6 @@ input[type=button].cxd-Button--block {
 .cxd-Pagination > li > span {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   cursor: pointer;
   position: relative;
@@ -17072,7 +17172,6 @@ input[type=button].cxd-Button--block {
   align-items: center;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ImageGallery-main > img {
@@ -17128,7 +17227,6 @@ input[type=button].cxd-Button--block {
   flex-direction: row;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ImageGallery-prevList, .cxd-ImageGallery-nextList {
@@ -17395,7 +17493,7 @@ input[type=button].cxd-Button--block {
   justify-content: flex-start;
 }
 .cxd-InputBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -17409,16 +17507,10 @@ input[type=button].cxd-Button--block {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-InputBox input:-ms-input-placeholder {
-  color: #b8babf;
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-InputBox input::placeholder {
   color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-InputBox:hover {
@@ -17732,15 +17824,15 @@ input[type=button].cxd-Button--block {
   font-size: 14px;
   flex-wrap: wrap;
   justify-content: flex-start;
-  flex-wrap: wrap;
-  padding: 0 0.3125rem;
+  flex-wrap: nowrap;
+  padding: 0 0.75rem;
   min-height: 2rem;
   align-items: center;
   border-radius: 3px;
   position: relative;
 }
 .cxd-ResultBox input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -17754,16 +17846,10 @@ input[type=button].cxd-Button--block {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-ResultBox input:-ms-input-placeholder {
-  color: #b8babf;
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-ResultBox input::placeholder {
   color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ResultBox:hover {
@@ -17777,9 +17863,6 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox--borderNone {
   border-color: transparent !important;
 }
-.cxd-ResultBox.is-clearable {
-  padding-right: 3.4375rem;
-}
 .cxd-ResultBox.is-error {
   border-color: #f33e3e;
   background: #ffffff;
@@ -17817,7 +17900,26 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox.cxd-NestedSelect {
   padding-left: 0.75rem;
 }
+.cxd-ResultBox-value-wrap {
+  flex-grow: 1;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+.cxd-ResultBox-actions {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+.cxd-ResultBox-actions > *:first-child {
+  margin-left: 0.3125rem;
+}
+.cxd-ResultBox-actions > *:not(:last-child) {
+  margin-right: 0.3125rem;
+}
 .cxd-ResultBox-singleValue {
+  padding: 0 calc(0.625rem - 0.1875rem);
+  flex-grow: 1;
   display: inline-block;
   max-width: 100%;
   overflow: hidden;
@@ -17826,8 +17928,6 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox-pc-arrow {
   height: 100%;
   margin: auto 0;
-  position: absolute;
-  right: 10px;
   display: flex;
   align-items: center;
   transition: transform 0.2s ease;
@@ -17851,10 +17951,7 @@ input[type=button].cxd-Button--block {
   margin-left: auto;
   text-decoration: none;
   height: 100%;
-  padding: 0.25rem;
   margin: auto 0;
-  position: absolute;
-  right: 10px;
   background-color: unset;
 }
 .cxd-ResultBox-clear svg {
@@ -17901,7 +17998,6 @@ input[type=button].cxd-Button--block {
   margin-bottom: 0.125rem;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   border-radius: 0.125rem;
 }
@@ -17932,9 +18028,9 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ResultBox-placeholder {
   color: #b8babf;
+  flex-grow: 1;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ResultBox > input {
@@ -18059,7 +18155,7 @@ input[type=button].cxd-Button--block {
 .cxd-SearchBox.is-active {
   background: #ffffff;
   border: 0.0625rem solid #e8e9eb;
-  width: 150px;
+  width: 9.375rem;
 }
 .cxd-SearchBox.is-active > input {
   flex-grow: 1;
@@ -18071,13 +18167,8 @@ input[type=button].cxd-Button--block {
   border-color: #144bcc;
 }
 .cxd-SearchBox-searchBtn {
-  display: flex;
-  width: 1.875rem;
-  align-items: center;
-  justify-content: center;
-}
-.cxd-SearchBox-searchBtn .icon {
-  top: 0;
+  display: inline-block;
+  padding: 0.3125rem 0.625rem;
 }
 .cxd-SearchBox-activeBtn, .cxd-SearchBox-cancelBtn {
   margin-right: 8px;
@@ -18116,16 +18207,10 @@ input[type=button].cxd-Button--block {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-SearchBox > input:-ms-input-placeholder {
-  color: #b8babf;
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-SearchBox > input::placeholder {
   color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-SearchBox-clearable {
@@ -18155,6 +18240,102 @@ input[type=button].cxd-Button--block {
   background: #f2f2f4;
   color: #b8babf;
 }
+.cxd-SearchBox-history > .is-history {
+  width: 100%;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-dropdown {
+  position: absolute;
+  left: 0;
+  z-index: 998;
+  padding: 0.5rem 0;
+  width: 100%;
+  max-width: calc(9.375rem * 2);
+  min-height: 4.5rem;
+  max-height: 12.5rem;
+  background: #fff;
+  border: 0.0625rem solid #e8e9eb;
+  border-top: none;
+  border-radius: 0.25rem;
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  display: none;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-dropdown.is-active {
+  display: block;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-dropdown header {
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 1rem;
+  margin-bottom: 0.625rem;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-dropdown header h4 {
+  font-size: 14px;
+  height: 1.5rem;
+  line-height: 1.5rem;
+  font-weight: bold;
+  margin: 0;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-dropdown header a {
+  display: inline-block;
+  font-size: 12px;
+  cursor: pointer;
+  padding: 0;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-content {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 0 1rem;
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: calc( 12.5rem - 38px - 0.5rem * 2 );
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-tag {
+  display: inlin-flex;
+  height: 1.5rem;
+  padding: 0 0.5rem;
+  flex-flow: row nowrap;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  max-width: 160px;
+  border-radius: 0.125rem;
+  background-color: #f2f2f4;
+  color: #151a26;
+  margin-bottom: 0.5rem;
+  margin-right: 0.5rem;
+  max-width: 96px;
+  cursor: pointer;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-tag-text {
+  display: inline-block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  line-height: 24px;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-tag-close {
+  margin-left: 0.5rem;
+  margin-right: 0.25rem;
+  cursor: pointer;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-tag-close i {
+  font-size: 0.5rem;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-tag-close .icon {
+  width: 0.5rem;
+  height: 0.5rem;
+  position: inherit;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-tag-close:hover {
+  opacity: 0.7;
+}
+.cxd-SearchBox-history .cxd-SearchBox-history-tag-close:active {
+  opacity: 0.3;
+}
 .cxd-ListMenu {
   background: #fff;
   min-width: 12.5rem;
@@ -18230,25 +18411,51 @@ input[type=button].cxd-Button--block {
   font-style: italic;
   margin-right: 5px;
 }
+.cxd-Log-line-highlight {
+  background: #ffffb6;
+  display: inline-block;
+  color: #000;
+}
 .cxd-Log-operation {
-  position: absolute;
-  top: 0;
-  left: -16px;
+  position: relative;
+  background: rgba(28, 28, 28, 0.5);
 }
-.cxd-Log-operation .cxd-Button {
-  margin-right: 0.25rem;
+.cxd-Log-operation > a {
+  display: inline-flex;
+  flex-direction: row;
+  line-height: 1.4285714286;
+  font-size: 14px;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: flex-end;
+  height: 30px;
+  width: 30px;
+  padding-left: 8px;
+  transition: all 0.2s ease-in-out;
+  border: 0.0625rem solid transparent;
+  border-radius: 0.25rem;
+  overflow: hidden;
+  height: 30px;
+  width: 30px;
 }
-.cxd-Log-operation-hidden {
-  background: #f0f2f5;
-  width: 24px;
-  height: 48px;
-  box-shadow: 0 4px 6px 0 rgba(8, 14, 26, 0.04), 0 1px 10px 0 rgba(8, 14, 26, 0.05), 0 2px 4px -1px rgba(8, 14, 26, 0.06);
-  border-radius: 0 2px 2px 0;
-  padding-top: 14px;
-  padding-left: 6px;
-  cursor: pointer;
+.cxd-Log-operation a {
   color: #000;
-  transition: all 0.3s;
+}
+.cxd-Log-operation > a:hover {
+  background: rgba(255, 255, 255, 0.6);
+  color: #2468f2;
+}
+.cxd-Log-operation > a > svg {
+  margin-right: 8px;
+}
+.cxd-Log-operation > a.is-disabled {
+  cursor: not-allowed;
+  color: #6b7280;
+}
+.cxd-Log-operation > a.is-disabled:hover {
+  cursor: not-allowed;
+  background: transparent;
+  color: #6b7280;
 }
 .cxd-Log .ansi-bold {
   font-weight: 700;
@@ -19172,7 +19379,7 @@ fieldset.cxd-Collapse--lg:after {
   justify-content: flex-start;
 }
 .cxd-TextControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -19186,16 +19393,10 @@ fieldset.cxd-Collapse--lg:after {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-TextControl-input input:-ms-input-placeholder {
-  color: #b8babf;
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-TextControl-input input::placeholder {
   color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-TextControl-input:hover {
@@ -19267,7 +19468,6 @@ fieldset.cxd-Collapse--lg:after {
   color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   position: absolute;
   left: 0.625rem;
@@ -19406,7 +19606,6 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-TextControl-value {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   line-height: calc( 1.4285714286 * 14px );
   vertical-align: middle;
@@ -19513,7 +19712,7 @@ input.cxd-TextControl-input-password {
   justify-content: flex-start;
 }
 .cxd-TextareaControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -19527,16 +19726,10 @@ input.cxd-TextControl-input-password {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-TextareaControl-input input:-ms-input-placeholder {
-  color: #b8babf;
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-TextareaControl-input input::placeholder {
   color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-TextareaControl-input:hover {
@@ -19632,9 +19825,6 @@ input.cxd-TextControl-input-password {
 .cxd-TextareaControl > textarea::-moz-placeholder {
   color: #b8babf;
 }
-.cxd-TextareaControl > textarea:-ms-input-placeholder {
-  color: #b8babf;
-}
 .cxd-TextareaControl > textarea::placeholder {
   color: #b8babf;
 }
@@ -19698,7 +19888,6 @@ input.cxd-TextControl-input-password {
   font-weight: 400;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   pointer-events: none;
 }
@@ -19767,7 +19956,7 @@ input.cxd-TextControl-input-password {
   background: #2468f2;
 }
 .cxd-Checkbox--checkbox input[disabled] + i {
-  border-color: #B8BABF;
+  border-color: #b8babf;
   cursor: not-allowed;
 }
 .cxd-Checkbox--checkbox input[disabled] + i:before {
@@ -19820,15 +20009,15 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input[disabled] + i {
   border-color: #e8e9eb;
-  background: #F7F7F9;
+  background: #f7f7f9;
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input[disabled]:checked + i:before {
-  border-color: #B8BABF;
-  background: #F7F7F9;
+  border-color: #b8babf;
+  background: #f7f7f9;
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked[disabled] + i {
   border-color: #e8e9eb;
-  background: #F7F7F9;
+  background: #f7f7f9;
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox > i {
   position: relative;
@@ -19859,7 +20048,7 @@ input.cxd-TextControl-input-password {
   background: #2468f2;
 }
 .cxd-Checkbox--partial.cxd-Checkbox--checkbox input[disabled] + i {
-  border-color: #B8BABF;
+  border-color: #b8babf;
 }
 .cxd-Checkbox--partial.cxd-Checkbox--checkbox input[disabled] + i:before {
   width: 0.5rem;
@@ -19869,7 +20058,7 @@ input.cxd-TextControl-input-password {
 .cxd-Checkbox--partial.cxd-Checkbox--checkbox input:checked[disabled] + i {
   width: 0.5rem;
   height: 0.5rem;
-  background: #F7F7F9;
+  background: #f7f7f9;
 }
 .cxd-Checkbox--button.cxd-Checkbox--checkbox {
   text-align: center;
@@ -19920,7 +20109,7 @@ input.cxd-TextControl-input-password {
   background: transparent;
 }
 .cxd-Checkbox--button.cxd-Checkbox--checkbox input[disabled] + i {
-  border-color: #B8BABF;
+  border-color: #b8babf;
   background: transparent;
 }
 .cxd-Checkbox--button.cxd-Checkbox--checkbox input[disabled] + i:before {
@@ -19970,7 +20159,7 @@ input.cxd-TextControl-input-password {
   border-color: #e8e9eb !important;
 }
 .cxd-Checkbox--button--disabled--checked.cxd-Checkbox--checkbox {
-  background: #F7F7F9;
+  background: #f7f7f9;
   border-color: #e8e9eb !important;
 }
 .cxd-Checkbox--button--disabled--checked.cxd-Checkbox--checkbox:hover {
@@ -20134,7 +20323,6 @@ input.cxd-TextControl-input-password {
   overflow: auto;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   padding: 0.25rem 0;
 }
@@ -20151,7 +20339,6 @@ input.cxd-TextControl-input-password {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-GroupedSelection-item > .cxd-Checkbox {
@@ -20252,7 +20439,6 @@ input.cxd-TextControl-input-password {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-TreeSelection-itemInner > .cxd-Checkbox {
@@ -20310,7 +20496,6 @@ input.cxd-TextControl-input-password {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ChainedSelection-item > .cxd-Checkbox {
@@ -20414,16 +20599,10 @@ input.cxd-TextControl-input-password {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-CityPicker-input:-ms-input-placeholder {
-  color: #b8babf;
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-CityPicker-input::placeholder {
   color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-CityPicker-input:focus {
@@ -20461,16 +20640,10 @@ input.cxd-TextControl-input-password {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-CityArea-Input:-ms-input-placeholder {
-  color: #b8babf;
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-CityArea-Input::placeholder {
   color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-CityArea-Input:focus {
@@ -20497,12 +20670,13 @@ input.cxd-TextControl-input-password {
   opacity: 0.4;
 }
 .cxd-Switch .text {
-  margin: 0 0.4375rem 0 1.5625rem;
+  margin: 0 0.5rem 0 1.5625rem;
   color: #ffffff;
   text-indent: 0.25rem;
   text-transform: uppercase;
   font-size: 12px;
   line-height: 1.25rem;
+  vertical-align: super;
   font-style: normal;
   font-weight: bold;
   transition: all 0.2s;
@@ -20516,24 +20690,29 @@ input.cxd-TextControl-input-password {
   content: "";
   position: absolute;
   background: #fff;
-  width: calc(1.25rem - 0.125rem);
-  top: 0.0625rem;
-  bottom: 0.0625rem;
-  left: 0.0625rem;
+  width: calc(
+    1.25rem - 0.125rem * 2
+  );
+  top: 0.125rem;
+  bottom: 0.125rem;
+  left: 0.125rem;
   border-radius: 50%;
-  transition: margin-left 0.2s;
+  transition: all 0.5s ease;
 }
-.cxd-Switch.is-checked {
+.cxd-Switch:hover {
   background: #b8babf;
 }
+.cxd-Switch.is-checked {
+  background: #2468f2;
+}
 .cxd-Switch.is-checked .slider::before {
   left: auto;
-  right: 0.0625rem;
+  right: 0.125rem;
   border-width: 0;
 }
 .cxd-Switch.is-checked .text {
   color: #fff;
-  margin: 0 1.5625rem 0 0.4375rem;
+  margin: 0 1.5625rem 0 0.5rem;
 }
 .cxd-Switch.is-checked.is-disabled .slider:before {
   color: #ffffff;
@@ -20545,6 +20724,36 @@ input.cxd-TextControl-input-password {
   position: absolute;
   opacity: 0;
 }
+.cxd-Switch--sm {
+  height: 1rem;
+  min-width: 1.75rem;
+}
+.cxd-Switch--sm .text {
+  line-height: 1rem;
+  margin: 0 calc(
+    0.125rem * 2 + 0.5rem / 2
+  ) 0 calc(
+    0.125rem * 2 + 1.5625rem / 2
+  );
+}
+.cxd-Switch--sm .text > svg {
+  margin-top: calc((1rem - 12px) / 2);
+}
+.cxd-Switch--sm .slider::before {
+  width: calc(
+    1rem - 0.125rem * 2
+  );
+}
+.cxd-Switch--sm.is-checked .slider::before {
+  right: 0.125rem;
+}
+.cxd-Switch--sm.is-checked .text {
+  margin: 0 calc(
+    0.125rem * 2 + 1.5625rem / 2
+  ) 0 calc(
+    0.125rem * 2 + 0.5rem / 2
+  );
+}
 .cxd-Switch-option {
   vertical-align: middle;
   margin-left: 0.5rem;
@@ -20601,7 +20810,6 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Number-handler-up-inner, .cxd-Number-handler-down-inner {
   -moz-user-select: none;
-   -ms-user-select: none;
        user-select: none;
   -webkit-user-select: none;
   display: inline-block;
@@ -20856,6 +21064,9 @@ input.cxd-TextControl-input-password {
 .cxd-Select:focus {
   box-shadow: none;
 }
+.cxd-Select .cxd-PopOver.cxd-Select-popover .cxd-Select-menu {
+  overflow-x: hidden;
+}
 .cxd-Select .cxd-PopOver.cxd-Select-popover .cxd-Select-menu .cxd-Select-option {
   height: 2rem;
   line-height: 1.375rem;
@@ -20875,7 +21086,6 @@ input.cxd-TextControl-input-password {
 .cxd-Select-valueWrap {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   position: relative;
   flex-grow: 1;
@@ -20893,7 +21103,6 @@ input.cxd-TextControl-input-password {
   line-height: 1.4285714286;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
   color: #999;
@@ -20932,7 +21141,6 @@ input.cxd-TextControl-input-password {
   white-space: normal;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   line-height: calc( 1.4285714286 * 14px - 0.125rem );
   display: inline-block;
@@ -21015,7 +21223,6 @@ input.cxd-TextControl-input-password {
   overflow: auto;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Select-menu .cxd-Checkbox--sm > i {
@@ -21065,6 +21272,31 @@ input.cxd-TextControl-input-password {
 .cxd-Select-option {
   cursor: pointer;
   padding: calc( ( 1.5rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
+  display: flex;
+}
+.cxd-Select-option-checkbox {
+  width: 100%;
+  display: flex;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+}
+.cxd-Select-option-checkbox > label {
+  width: 100%;
+  display: flex;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+}
+.cxd-Select-option-checkbox > label > i {
+  flex-shrink: 0;
+}
+.cxd-Select-option-checkbox > label > span {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }
 .cxd-Select-option.is-active {
   color: #2468f2;
@@ -21104,7 +21336,6 @@ input.cxd-TextControl-input-password {
   font-size: 12px;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   padding: calc( ( 1.5rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
 }
@@ -21166,7 +21397,6 @@ input.cxd-TextControl-input-password {
   white-space: normal;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   line-height: calc( 1.4285714286 * 14px - 0.125rem );
   display: inline-block;
@@ -21313,7 +21543,6 @@ input.cxd-TextControl-input-password {
   position: relative;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   font-size: 14px;
   display: inline-block;
@@ -21445,7 +21674,6 @@ input.cxd-TextControl-input-password {
   color: #999;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin-right: 0.75rem;
   flex-basis: 0;
@@ -21580,9 +21808,6 @@ input.cxd-TextControl-input-password {
 .cxd-ColorPicker-input::-moz-placeholder {
   color: #999;
 }
-.cxd-ColorPicker-input:-ms-input-placeholder {
-  color: #999;
-}
 .cxd-ColorPicker-input::placeholder {
   color: #999;
 }
@@ -21601,9 +21826,6 @@ input.cxd-TextControl-input-password {
 .cxd-ColorPicker.is-disabled > .cxd-ColorPicker-input::-moz-placeholder {
   color: #999;
 }
-.cxd-ColorPicker.is-disabled > .cxd-ColorPicker-input:-ms-input-placeholder {
-  color: #999;
-}
 .cxd-ColorPicker.is-disabled > .cxd-ColorPicker-input::placeholder {
   color: #999;
 }
@@ -21745,7 +21967,6 @@ input.cxd-TextControl-input-password {
   color: #999;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin-right: 0.75rem;
   min-width: 3.125rem;
@@ -21874,7 +22095,6 @@ input.cxd-TextControl-input-password {
 .rdt {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   font-size: 12px;
   color: #151b26;
@@ -22115,7 +22335,6 @@ input.cxd-TextControl-input-password {
   text-align: center;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   cursor: pointer;
   text-decoration: none;
@@ -22295,10 +22514,6 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: 0.25rem;
   color: #000;
   background: #fff;
-  min-width: calc(
-    16px * 8 + 0.75rem * 2 +
-      14px * 2
-  );
 }
 .cxd-DateRangePicker--borderHalf {
   border-left-color: transparent !important;
@@ -22335,6 +22550,7 @@ td.rdtQuarter.rdtDisabled:hover {
   padding: 0;
   background: 0;
   flex: 1;
+  width: 50%;
 }
 .cxd-DateRangePicker .cxd-DateRangePicker-input.isActive {
   border-bottom: 1px solid #144bcc;
@@ -22352,7 +22568,6 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #999;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin-right: 0.75rem;
   flex-basis: 0;
@@ -22429,7 +22644,7 @@ td.rdtQuarter.rdtDisabled:hover {
   margin: 0;
   padding-left: 0.625rem;
   list-style: none;
-  background: #F7F7F9;
+  background: #f7f7f9;
   line-height: 2rem;
 }
 .cxd-DateRangePicker-ranger {
@@ -22452,18 +22667,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-DateRangeControl:not(.is-inline) > .cxd-DateRangePicker {
   display: flex;
 }
-.cxd-DateRangeControl.is-date > .cxd-DateRangePicker {
-  min-width: calc(calc(
-    16px * 8 + 0.75rem * 2 +
-      14px * 2
-  ) + 16px * 10);
-}
-.cxd-DateRangeControl.is-datetime > .cxd-DateRangePicker {
-  min-width: calc(calc(
-    16px * 8 + 0.75rem * 2 +
-      14px * 2
-  ) + 16px * 10);
-}
 .cxd-DateRangePicker-popover {
   margin: 0.125rem 0 0;
 }
@@ -23276,6 +23479,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: 50%;
   background-color: #fff;
   position: absolute;
+  transform: translateX(-50%);
 }
 .cxd-InputRange-track--background {
   left: 0.5rem;
@@ -23463,7 +23667,6 @@ td.rdtQuarter.rdtDisabled:hover {
   position: relative;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin-bottom: 0.25rem;
   padding-left: 0.5rem;
@@ -23545,16 +23748,10 @@ td.rdtQuarter.rdtDisabled:hover {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-Tree-itemInput > input:-ms-input-placeholder {
-  color: #b8babf;
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-Tree-itemInput > input::placeholder {
   color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Tree-itemInput > input:focus {
@@ -23686,7 +23883,7 @@ td.rdtQuarter.rdtDisabled:hover {
   justify-content: flex-start;
 }
 .cxd-TreeSelect-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -23700,16 +23897,10 @@ td.rdtQuarter.rdtDisabled:hover {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-TreeSelect-input input:-ms-input-placeholder {
-  color: #b8babf;
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-TreeSelect-input input::placeholder {
   color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-TreeSelect-input:hover {
@@ -23847,7 +24038,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Combo-addBtn .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Combo-addBtn > .pull-left {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .cxd-Combo-addBtn .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-Combo-addBtn > .pull-right {
@@ -23856,7 +24047,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Combo-addBtn .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Combo-addBtn > .pull-left {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .cxd-Combo-addBtn .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-Combo-addBtn > .pull-right {
@@ -24106,7 +24297,6 @@ td.rdtQuarter.rdtDisabled:hover {
   margin: 2px 3px;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-SubForm-valueLabel {
@@ -24189,7 +24379,6 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   padding: 4px;
 }
@@ -24222,7 +24411,7 @@ td.rdtQuarter.rdtDisabled:hover {
   justify-content: flex-start;
 }
 .cxd-Picker-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -24236,16 +24425,10 @@ td.rdtQuarter.rdtDisabled:hover {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-Picker-input input:-ms-input-placeholder {
-  color: #b8babf;
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-Picker-input input::placeholder {
   color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Picker-input:hover {
@@ -24326,7 +24509,6 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   position: absolute;
   line-height: 1.4285714286;
@@ -24354,7 +24536,6 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
@@ -24458,7 +24639,6 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   border: 0.0625rem solid transparent;
   padding: calc(
@@ -24481,7 +24661,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-TagControl-sugItem .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
 .cxd-TagControl-sugItem > .pull-left {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .cxd-TagControl-sugItem .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-TagControl-sugItem > .pull-right {
@@ -24490,7 +24670,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-TagControl-sugItem .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
 .cxd-TagControl-sugItem > .pull-left {
-  margin-right: 0.5rem;
+  margin-right: 0.25rem;
 }
 .cxd-TagControl-sugItem .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-TagControl-sugItem > .pull-right {
@@ -24550,7 +24730,6 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   color: #f2f2f4;
 }
@@ -24700,7 +24879,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Transfer-checkAll, .cxd-Transfer-clearAll {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   cursor: pointer;
 }
@@ -24884,7 +25062,6 @@ td.rdtQuarter.rdtDisabled:hover {
   font-size: 12px;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   padding: calc( ( 1.5rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
 }
@@ -24981,7 +25158,6 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   padding: 0 0.375rem;
 }
@@ -25022,7 +25198,6 @@ td.rdtQuarter.rdtDisabled:hover {
   text-overflow: ellipsis;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Cascader-option-selectedNum {
@@ -25074,7 +25249,7 @@ td.rdtQuarter.rdtDisabled:hover {
   justify-content: flex-start;
 }
 .cxd-IconPickerControl-input input {
-  flex-basis: 5rem;
+  flex-basis: 1.875rem;
   flex-grow: 1;
   outline: none;
   background: transparent;
@@ -25088,16 +25263,10 @@ td.rdtQuarter.rdtDisabled:hover {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-IconPickerControl-input input:-ms-input-placeholder {
-  color: #b8babf;
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-IconPickerControl-input input::placeholder {
   color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-IconPickerControl-input:hover {
@@ -25169,7 +25338,6 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   line-height: 1.4285714286;
   position: absolute;
@@ -25222,7 +25390,6 @@ td.rdtQuarter.rdtDisabled:hover {
   font-size: 12px;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-IconPickerControl-tab.active {
@@ -25252,7 +25419,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-IconPickerControl-value {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   line-height: calc( 1.4285714286 * 14px );
   vertical-align: middle;
@@ -25680,6 +25846,10 @@ td.rdtQuarter.rdtDisabled:hover {
     flex-grow: 1;
   }
 }
+.cxd-Form--debug {
+  word-break: break-all;
+  white-space: pre-wrap;
+}
 .cxd-Form--quickEdit {
   min-width: 10rem;
 }
@@ -25985,7 +26155,6 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   padding: 0 1rem;
   border-bottom: 0.0625rem solid #f7f7f9;
@@ -26006,7 +26175,6 @@ td.rdtQuarter.rdtDisabled:hover {
   text-align: left;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   display: flex;
   align-items: center;
@@ -26272,7 +26440,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin: 0px;
   padding: 0px;
@@ -26321,6 +26488,7 @@ td.rdtQuarter.rdtDisabled:hover {
   overflow: auto;
   scroll-behavior: smooth;
   background: #fff;
+  position: relative;
 }
 .cxd-AnchorNav-section-wrap > .cxd-AnchorNav-section {
   display: block;
@@ -27131,6 +27299,46 @@ td.rdtQuarter.rdtDisabled:hover {
   left: 0.375rem;
   border-radius: 50%;
 }
+.cxd-Timeline-horizontal .cxd-TimelineItem-content {
+  padding-bottom: 1rem;
+  margin-left: 0.125rem;
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-time {
+  color: #83868c;
+  font-size: var(--Timeline--font-size);
+  margin-bottom: 0.25rem;
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-title {
+  color: #151a26;
+  font-size: var(--Timeline--font-size);
+  margin-bottom: 0.25rem;
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-button {
+  display: flex;
+  cursor: pointer;
+  align-items: center;
+  font-size: var(--Timeline--font-size);
+  color: #2468f2;
+  margin-bottom: 0.75rem;
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-arrow {
+  width: 1rem;
+  height: 1rem;
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-arrow-top {
+  transform: rotateX(180deg);
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-visible {
+  display: block;
+  max-width: 18.75rem;
+  font-size: var(--Timeline--font-size);
+  padding: 0.625rem;
+  box-shadow: 0 0.0625rem 0.625rem 0
+    rgba(0 0 0 / 10%);
+}
+.cxd-Timeline-horizontal .cxd-TimelineItem-content .cxd-TimelineItem-detail .cxd-TimelineItem-detail-invisible {
+  display: none;
+}
 .cxd-BarCode > img {
   display: block;
   margin: 0 auto;
@@ -27139,18 +27347,23 @@ td.rdtQuarter.rdtDisabled:hover {
   display: inline-flex;
   height: 1.5rem;
   padding: 0 0.5rem;
+  flex-flow: row nowrap;
   justify-content: center;
   align-items: center;
   font-size: 12px;
   max-width: 160px;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
   transition: all 0.3;
   border-radius: 0.125rem;
   background-color: #f2f2f4;
   color: #151a26;
 }
+.cxd-Tag-text {
+  display: inline-block;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  line-height: 1.5rem;
+}
 .cxd-Tag:not(:last-child) {
   margin-right: 0.5rem;
 }
@@ -27183,6 +27396,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: calc((1.5rem + 2px) / 2);
   border: 1px solid #f2f2f4;
   color: #f2f2f4;
+  line-height: 22px;
 }
 .cxd-Tag--rounded--inactive {
   border-color: #b4b6ba;
@@ -27464,34 +27678,15 @@ td.rdtQuarter.rdtDisabled:hover {
 .AMISDebug-inspect {
   padding: 0.5rem;
 }
-.cxd-Switch .text {
-  margin: 0 0.5rem 0 1.5625rem;
-  vertical-align: super;
-}
-.cxd-Switch .slider:before {
-  width: calc(1.25rem - 0.25rem);
-  top: 0.125rem;
-  bottom: 0.125rem;
-  left: 0.125rem;
-  transition: all 0.5s ease;
+.AMISDebug-logLine {
+  overflow-x: hidden;
 }
 .cxd-Switch:active .slider::before {
-  width: calc(1.25rem + 0.125rem);
+  width: calc(calc(
+    1.25rem - 0.125rem * 2
+  ) + 0.125rem * 2);
   border-radius: 10px;
 }
-.cxd-Switch:hover {
-  background: #b8babf;
-}
-.cxd-Switch.is-checked {
-  background: #2468f2;
-}
-.cxd-Switch.is-checked .slider::before {
-  right: auto;
-  left: calc( 100% - (1.25rem - 0.25rem) - 0.125rem );
-}
-.cxd-Switch.is-checked .text {
-  margin: 0 1.5625rem 0 0.5rem;
-}
 .cxd-Switch.is-checked:hover {
   background: #144bcc;
 }
@@ -27499,7 +27694,13 @@ td.rdtQuarter.rdtDisabled:hover {
   background: #144bcc;
 }
 .cxd-Switch.is-checked:active .slider::before {
-  left: calc( 100% - (1.25rem + 0.125rem) - 0.125rem );
+  right: calc(0.125rem * 2);
+}
+.cxd-Switch--sm:active .slider::before {
+  width: calc( calc(
+    1rem - 0.125rem * 2
+  ) + 0.125rem * 2 );
+  border-radius: 10px;
 }
 .cxd-TextControl-sugs {
   border-radius: 0.1875rem;