amis-ui 6.9.0-rc.1 → 6.9.0-rc.11

package/lib/themes/default.css

@@ -169,14 +169,14 @@
   --Card-onChecked-bg: var(--colors-neutral-fill-11);
   --Card-onChecked-borderColor: var(--colors-brand-5);
   --Card-onChecked-color: var(--colors-brand-5);
-  --Card-onChecked-fieldLabel-color: #7dd6f1;
+  --Card-onChecked-fieldLabel-color: rgb(124.7142857143, 213.8571428571, 241.2857142857);
   --Card-onDragging-opacity: 0.1;
   --Card-onModified-bg: var(--colors-neutral-fill-8);
   --Card-onModified-borderColor: var(--colors-brand-5);
   --Card-onModified-color: var(--colors-brand-6);
   --Card-onModified-fieldLabel-color: var(--colors-brand-8);
-  --Card-onModified-onHover-bg: #d0e0fd;
-  --Card-onModified-onHover-color: #1266f1;
+  --Card-onModified-onHover-bg: rgb(207.5625, 224.0625, 252.9375);
+  --Card-onModified-onHover-color: rgb(17.805, 101.89, 241.195);
   --Cards--unsaved-heading-bg: #e8f0fe;
   --Cards--unsaved-heading-color: #4285f4;
   --Cards-fixedTop-boxShadow: var(--shadows-shadow-normal);
@@ -344,16 +344,16 @@
   --Layout-aside--md-width: 15.625rem;
   --Layout-aside--sm-width: 9.375rem;
   --Layout-aside-bg: var(--colors-neutral-fill-2);
-  --Layout-aside-color: #a0a0a0;
-  --Layout-aside-onAcitve-bg: #272d33;
-  --Layout-aside-onHover-bg: #2c3239;
+  --Layout-aside-color: rgb(159.6724137931, 160, 160.3275862069);
+  --Layout-aside-onAcitve-bg: rgb(39.4377155172, 45.25, 51.0622844828);
+  --Layout-aside-onHover-bg: rgb(43.8826293103, 50.35, 56.8173706897);
   --Layout-aside-subList-bg: var(--colors-neutral-fill-2);
   --Layout-aside-onAcitve-onHover-bg: var(--Layout-aside-onAcitve-bg);
   --Layout-aside-width: 11.25rem;
   --Layout-aside-width-collapsed: 3.75rem;
   --Layout-asideDivider-bg: var(--colors-neutral-line-3);
   --Layout-asideDivider-margin: 0 var(--sizes-size-6);
-  --Layout-asideLabel-color: #868787;
+  --Layout-asideLabel-color: rgb(134.0844827586, 134.5, 134.9155172414);
   --Layout-asideLink-color: var(--colors-neutral-text-11);
   --Layout-asideLink-fontSize: var(--fonts-size-8);
   --Layout-asideLink-arrowFontSize: var(--fonts-size-8);
@@ -369,7 +369,7 @@
   --Layout-asideLink-onHover-arrowColor: var(--colors-neutral-text-11);
   --Layout-brand-bg: var(--colors-neutral-fill-2);
   --Layout-brand-color: var(--colors-neutral-text-11);
-  --Layout-brandBar-color: #a0a0a0;
+  --Layout-brandBar-color: rgb(159.6724137931, 160, 160.3275862069);
   --Layout-header-bg: var(--colors-neutral-fill-10);
   --Layout-header-boxShadow: none;
   --Layout-header-height: 3.125rem;
@@ -434,9 +434,9 @@
   --ListItem-onChecked-fieldLabel-color: var(--colors-brand-4);
   --ListItem-onDragging-opacity: 0.1;
   --ListItem-onModified-bg: #e8f0fe;
-  --ListItem-onModified-borderColor: #b7d0fc;
+  --ListItem-onModified-borderColor: rgb(183.125, 208.125, 251.875);
   --ListItem-onModified-color: #4285f4;
-  --ListItem-onModified-fieldLabel-color: #a2c3fa;
+  --ListItem-onModified-fieldLabel-color: rgb(162.39, 195.22, 249.61);
   --ListItem-paddingX: var(--gap-base);
   --ListItem-paddingY: var(--gap-sm);
   --ListItem--onHover-bg: rgba(0, 126, 255, 0.08);
@@ -639,8 +639,8 @@
   --Tooltip-maxWidth: 15rem;
   --Tooltip-minWidth: auto;
   --Tooltip-title-fontWeight: bold;
-  --Tooltip-title-bg: #f7f7f7;
-  --Tooltip-title-borderBottom-color: #ebebeb;
+  --Tooltip-title-bg: rgb(247.35, 247.35, 247.35);
+  --Tooltip-title-borderBottom-color: rgb(234.6, 234.6, 234.6);
   --Tooltip-title-color: var(--text--loud-color);
   --Tooltip-title-color--dark: #fff;
   --Tooltip-title-paddingX: var(--gap-base);
@@ -750,6 +750,10 @@
   :root {
     --fontSizeBase: var(--fontSizeLg);
   }
+  :root,
+  .AMISCSSWrapper {
+    --Page-body-padding: var(--gap-md);
+  }
 }
 :root,
 .AMISCSSWrapper {
@@ -3598,13 +3602,13 @@
   );
   --Form-select-multiple-bgColor: var(--colors-neutral-fill-10);
   --Form-selectOption-height: var(--Form-select-height);
-  --Form-selectValue-bg: #cce5ff;
+  --Form-selectValue-bg: hsl(211.0588235294, 102.5%, 90%);
   --Form-selectValue-onHover-bgColor: var(--select-multiple-hover-bg-color);
   --Form-selectValue-borderColor: var(--colors-brand-7);
   --Form-selectValue-color: var(--colors-brand-5);
   --Form-selectValue-fontSize: var(--select-multiple-fontSize);
-  --Form-selectValue-onDisable-bg: #e6f2ff;
-  --Form-selectValue-onHover-bg: #b3d7ff;
+  --Form-selectValue-onDisable-bg: hsl(211.0588235294, 102.5%, 95%);
+  --Form-selectValue-onHover-bg: hsl(211.0588235294, 102.5%, 85%);
   --Form-selectValue-onDisabled-color: var(--Form-select-caret-iconColor);
   --Form-selectValue-onInvalid-color: var(--danger);
   --Form-valueLabel-maxWidth: 7.5rem;
@@ -4593,9 +4597,9 @@
   --conditionBuilder-body-paddingLeft: var(--sizes-base-14);
   --table-border-width: var(--borders-width-2);
   --table-border-color: var(--colors-neutral-line-8);
-  --table-paddingTop: var(--sizes-size-3);
+  --table-paddingTop: var(--sizes-size-6);
   --table-paddingRight: var(--sizes-size-6);
-  --table-paddingBottom: var(--sizes-size-3);
+  --table-paddingBottom: var(--sizes-size-6);
   --table-paddingLeft: var(--sizes-size-6);
   --table-paddingX: var(--sizes-size-7);
   --table-header-color: var(--colors-neutral-text-2);
@@ -4679,7 +4683,7 @@
   --Table-onHover-boxShadow: var(--shadows-shadow-normal);
   --Table-onHover-color: var(--table-body-hover-color);
   --Table-onModified-bg: #e8f0fe;
-  --Table-onModified-borderColor: #d0e0fd;
+  --Table-onModified-borderColor: rgb(207.5625, 224.0625, 252.9375);
   --Table-onModified-color: #4285f4;
   --Table-placeholder-height: 12.5rem;
   --Table-strip-bg: transparent;
@@ -14886,358 +14890,1981 @@ body.video-react-full-window .video-react-fullscreen {
   overflow: hidden;
 }
 /*!
- * https://github.com/arqex/react-datetime
- */
-.rdt {
-  position: relative;
-}
-.rdtPicker {
-  display: none;
-  position: absolute;
-  width: 240px;
-  padding: 4px;
-  margin-top: 1px;
-  z-index: 99999 !important;
-  background: #fff;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-  border: 1px solid #f9f9f9;
-}
-.rdtPicker.is-mobile-year {
-  width: 11.5rem;
+* animate.css - https://animate.style/
+* Version - 4.1.1
+* Licensed under the MIT license - http://opensource.org/licenses/MIT
+*
+* Copyright (c) 2020 Animate.css
+*/
+:root {
+  --animate-duration:1s;
+  --animate-delay:1s;
+  --animate-repeat:1;
 }
-.rdtPicker.is-mobile-embed {
-  width: 15rem;
+.animate__animated {
+  animation-duration: 1s;
+  animation-duration: var(--animate-duration);
+  animation-fill-mode: both;
 }
-.rdtPickerNotDays {
-  width: 192px;
+.animate__animated.animate__infinite {
+  animation-iteration-count: infinite;
 }
-.rdtOpen .rdtPicker {
-  display: block;
+.animate__animated.animate__repeat-1 {
+  animation-iteration-count: 1;
+  animation-iteration-count: var(--animate-repeat);
 }
-.rdtStatic .rdtPicker {
-  box-shadow: none;
-  position: static;
+.animate__animated.animate__repeat-2 {
+  animation-iteration-count: 2;
+  animation-iteration-count: calc(var(--animate-repeat) * 2);
 }
-.rdtPicker .rdtTimeToggle {
-  text-align: center;
+.animate__animated.animate__repeat-3 {
+  animation-iteration-count: 3;
+  animation-iteration-count: calc(var(--animate-repeat) * 3);
 }
-.rdtPicker table {
-  width: 100%;
-  margin: 0;
-  padding: 0 12px;
-  border-spacing: 0 8px;
-  border-collapse: inherit;
+.animate__animated.animate__delay-1s {
+  animation-delay: 1s;
+  animation-delay: var(--animate-delay);
 }
-.rdtMonths table,
-.rdtYears table {
-  border-spacing: 0 12px;
+.animate__animated.animate__delay-2s {
+  animation-delay: 2s;
+  animation-delay: calc(var(--animate-delay) * 2);
 }
-.rdtMonths .headerTable,
-.rdtYears .headerTable {
-  border-spacing: 0;
-  border-bottom: 1px solid var(--colors-neutral-line-8);
+.animate__animated.animate__delay-3s {
+  animation-delay: 3s;
+  animation-delay: calc(var(--animate-delay) * 3);
 }
-.rdtPicker td,
-.rdtPicker th {
-  text-align: center;
-  height: 24px;
-  line-height: 24px;
-  width: 24px;
+.animate__animated.animate__delay-4s {
+  animation-delay: 4s;
+  animation-delay: calc(var(--animate-delay) * 4);
 }
-.rdtPicker td {
-  cursor: pointer;
+.animate__animated.animate__delay-5s {
+  animation-delay: 5s;
+  animation-delay: calc(var(--animate-delay) * 5);
 }
-.rdtPicker td > span {
-  display: inline-block;
-  border-radius: var(--inputDate-default-option-top-left-border-radius) var(--inputDate-default-option-top-right-border-radius) var(--inputDate-default-option-bottom-right-border-radius) var(--inputDate-default-option-bottom-left-border-radius);
-  height: 24px;
-  width: 24px;
+.animate__animated.animate__faster {
+  animation-duration: 0.5s;
+  animation-duration: calc(var(--animate-duration) / 2);
 }
-.rdtPicker td.rdtDay:hover,
-.rdtPicker td.rdtHour:hover,
-.rdtPicker td.rdtMinute:hover,
-.rdtPicker td.rdtSecond:hover,
-.rdtPicker .rdtTimeToggle:hover {
-  background: #eeeeee;
-  cursor: pointer;
+.animate__animated.animate__fast {
+  animation-duration: 0.8s;
+  animation-duration: calc(var(--animate-duration) * 0.8);
 }
-.rdtPicker td.rdtOld,
-.rdtPicker td.rdtNew {
-  color: var(--inputDate-disabled-option-color);
+.animate__animated.animate__slow {
+  animation-duration: 2s;
+  animation-duration: calc(var(--animate-duration) * 2);
 }
-.rdtPicker td.rdtOld span,
-.rdtPicker td.rdtNew span {
-  background: var(--inputDate-disabled-option-bg-color);
+.animate__animated.animate__slower {
+  animation-duration: 3s;
+  animation-duration: calc(var(--animate-duration) * 3);
 }
-.rdtPicker td.rdtToday {
-  position: relative;
+@media (prefers-reduced-motion: reduce), print {
+  .animate__animated {
+    animation-duration: 1ms !important;
+    transition-duration: 1ms !important;
+    animation-iteration-count: 1 !important;
+  }
+  .animate__animated[class*=Out] {
+    opacity: 0;
+  }
 }
-.rdtPicker td.rdtToday > span {
-  border: 1px solid #2468f2;
+@keyframes bounce {
+  0%, 20%, 53%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transform: translateZ(0);
+  }
+  40%, 43% {
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transform: translate3d(0, -30px, 0) scaleY(1.1);
+  }
+  70% {
+    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transform: translate3d(0, -15px, 0) scaleY(1.05);
+  }
+  80% {
+    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transform: translateZ(0) scaleY(0.95);
+  }
+  90% {
+    transform: translate3d(0, -4px, 0) scaleY(1.02);
+  }
 }
-.rdtPicker td.rdtActive,
-.rdtPicker td.rdtActive:hover {
-  background-color: #428bca;
-  color: #fff;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+.animate__bounce {
+  animation-name: bounce;
+  transform-origin: center bottom;
 }
-.rdtPicker td.rdtActive.rdtToday:before {
-  border-bottom-color: #fff;
+@keyframes flash {
+  0%, 50%, to {
+    opacity: 1;
+  }
+  25%, 75% {
+    opacity: 0;
+  }
 }
-.rdtPicker td.rdtDisabled,
-.rdtPicker td.rdtDisabled:hover {
-  background: none;
-  color: #b8babf;
-  cursor: not-allowed;
+.animate__flash {
+  animation-name: flash;
 }
-.rdtPicker td span.rdtOld {
-  color: #b8babf;
+@keyframes pulse {
+  0% {
+    transform: scaleX(1);
+  }
+  50% {
+    transform: scale3d(1.05, 1.05, 1.05);
+  }
+  to {
+    transform: scaleX(1);
+  }
 }
-.rdtPicker td span.rdtDisabled,
-.rdtPicker td span.rdtDisabled:hover {
-  background: none;
-  color: #b8babf;
-  cursor: not-allowed;
+.animate__pulse {
+  animation-name: pulse;
+  animation-timing-function: ease-in-out;
 }
-.rdtPicker td span.rdtDisabled > span,
-.rdtPicker td span.rdtDisabled:hover > span {
-  border-color: #e8e9eb;
+@keyframes rubberBand {
+  0% {
+    transform: scaleX(1);
+  }
+  30% {
+    transform: scale3d(1.25, 0.75, 1);
+  }
+  40% {
+    transform: scale3d(0.75, 1.25, 1);
+  }
+  50% {
+    transform: scale3d(1.15, 0.85, 1);
+  }
+  65% {
+    transform: scale3d(0.95, 1.05, 1);
+  }
+  75% {
+    transform: scale3d(1.05, 0.95, 1);
+  }
+  to {
+    transform: scaleX(1);
+  }
 }
-.rdtPicker th {
-  border-bottom: 1px solid #f9f9f9;
+.animate__rubberBand {
+  animation-name: rubberBand;
 }
-.rdtPicker .dow {
-  width: 14.2857%;
-  border-bottom: none;
-  cursor: default;
+@keyframes shakeX {
+  0%, to {
+    transform: translateZ(0);
+  }
+  10%, 30%, 50%, 70%, 90% {
+    transform: translate3d(-10px, 0, 0);
+  }
+  20%, 40%, 60%, 80% {
+    transform: translate3d(10px, 0, 0);
+  }
 }
-.rdtPicker th.rdtSwitch {
-  width: 100px;
-  height: 40px;
-  line-height: 40px;
+.animate__shakeX {
+  animation-name: shakeX;
 }
-.rdtPicker th.rdtNext,
-.rdtPicker th.rdtPrev {
-  font-size: 21px;
-  vertical-align: top;
-  height: 40px;
-  line-height: 40px;
+@keyframes shakeY {
+  0%, to {
+    transform: translateZ(0);
+  }
+  10%, 30%, 50%, 70%, 90% {
+    transform: translate3d(0, -10px, 0);
+  }
+  20%, 40%, 60%, 80% {
+    transform: translate3d(0, 10px, 0);
+  }
 }
-.rdtPrev span,
-.rdtNext span {
-  display: block;
-  -webkit-touch-callout: none; /* iOS Safari */
-  -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
-  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
-  user-select: none;
+.animate__shakeY {
+  animation-name: shakeY;
 }
-.rdtPicker th.rdtDisabled,
-.rdtPicker th.rdtDisabled:hover {
-  background: none;
-  color: #b8babf;
-  cursor: not-allowed;
+@keyframes headShake {
+  0% {
+    transform: translateX(0);
+  }
+  6.5% {
+    transform: translateX(-6px) rotateY(-9deg);
+  }
+  18.5% {
+    transform: translateX(5px) rotateY(7deg);
+  }
+  31.5% {
+    transform: translateX(-3px) rotateY(-5deg);
+  }
+  43.5% {
+    transform: translateX(2px) rotateY(3deg);
+  }
+  50% {
+    transform: translateX(0);
+  }
 }
-.rdtPicker thead tr:first-of-type th {
-  cursor: pointer;
+.animate__headShake {
+  animation-timing-function: ease-in-out;
+  animation-name: headShake;
 }
-.rdtPicker thead tr:first-of-type th:hover {
-  background: #eeeeee;
+@keyframes swing {
+  20% {
+    transform: rotate(15deg);
+  }
+  40% {
+    transform: rotate(-10deg);
+  }
+  60% {
+    transform: rotate(5deg);
+  }
+  80% {
+    transform: rotate(-5deg);
+  }
+  to {
+    transform: rotate(0deg);
+  }
 }
-.rdtPicker tfoot {
-  border-top: 1px solid #f9f9f9;
+.animate__swing {
+  transform-origin: top center;
+  animation-name: swing;
 }
-.rdtPicker button {
-  border: none;
-  background: none;
-  cursor: pointer;
+@keyframes tada {
+  0% {
+    transform: scaleX(1);
+  }
+  10%, 20% {
+    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
+  }
+  30%, 50%, 70%, 90% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
+  }
+  40%, 60%, 80% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
+  }
+  to {
+    transform: scaleX(1);
+  }
 }
-.rdtPicker button:hover {
-  background-color: #eee;
+.animate__tada {
+  animation-name: tada;
 }
-.rdtPicker thead button {
-  width: 100%;
-  height: 100%;
+@keyframes wobble {
+  0% {
+    transform: translateZ(0);
+  }
+  15% {
+    transform: translate3d(-25%, 0, 0) rotate(-5deg);
+  }
+  30% {
+    transform: translate3d(20%, 0, 0) rotate(3deg);
+  }
+  45% {
+    transform: translate3d(-15%, 0, 0) rotate(-3deg);
+  }
+  60% {
+    transform: translate3d(10%, 0, 0) rotate(2deg);
+  }
+  75% {
+    transform: translate3d(-5%, 0, 0) rotate(-1deg);
+  }
+  to {
+    transform: translateZ(0);
+  }
 }
-td.rdtMonth,
-td.rdtYear,
-td.rdtQuarter {
-  height: 24px;
-  width: 48px;
-  line-height: 24px;
-  text-align: center;
-  cursor: pointer;
+.animate__wobble {
+  animation-name: wobble;
 }
-td.rdtMonth > span,
-td.rdtYear > span,
-td.rdtQuarter > span {
-  width: 48px;
+@keyframes jello {
+  0%, 11.1%, to {
+    transform: translateZ(0);
+  }
+  22.2% {
+    transform: skewX(-12.5deg) skewY(-12.5deg);
+  }
+  33.3% {
+    transform: skewX(6.25deg) skewY(6.25deg);
+  }
+  44.4% {
+    transform: skewX(-3.125deg) skewY(-3.125deg);
+  }
+  55.5% {
+    transform: skewX(1.5625deg) skewY(1.5625deg);
+  }
+  66.6% {
+    transform: skewX(-0.78125deg) skewY(-0.78125deg);
+  }
+  77.7% {
+    transform: skewX(0.390625deg) skewY(0.390625deg);
+  }
+  88.8% {
+    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
+  }
 }
-td.rdtMonth:hover,
-td.rdtYear:hover,
-td.rdtQuarter:hover {
-  background: #eee;
+.animate__jello {
+  animation-name: jello;
+  transform-origin: center;
 }
-.rdtCounters {
-  display: inline-block;
+@keyframes heartBeat {
+  0% {
+    transform: scale(1);
+  }
+  14% {
+    transform: scale(1.3);
+  }
+  28% {
+    transform: scale(1);
+  }
+  42% {
+    transform: scale(1.3);
+  }
+  70% {
+    transform: scale(1);
+  }
 }
-.rdtCounters > div {
-  float: left;
+.animate__heartBeat {
+  animation-name: heartBeat;
+  animation-duration: 1.3s;
+  animation-duration: calc(var(--animate-duration) * 1.3);
+  animation-timing-function: ease-in-out;
 }
-.rdtCounter {
-  height: 100px;
+@keyframes backInDown {
+  0% {
+    transform: translateY(-1200px) scale(0.7);
+    opacity: 0.7;
+  }
+  80% {
+    transform: translateY(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    transform: scale(1);
+    opacity: 1;
+  }
 }
-.rdtCounter {
-  width: 40px;
+.animate__backInDown {
+  animation-name: backInDown;
 }
-.rdtCounterSeparator {
-  line-height: 100px;
+@keyframes backInLeft {
+  0% {
+    transform: translateX(-2000px) scale(0.7);
+    opacity: 0.7;
+  }
+  80% {
+    transform: translateX(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    transform: scale(1);
+    opacity: 1;
+  }
 }
-.rdtCounter .rdtBtn {
-  height: 40%;
-  line-height: 40px;
-  cursor: pointer;
-  display: block;
-  -webkit-touch-callout: none; /* iOS Safari */
-  -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
-  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
-  user-select: none;
+.animate__backInLeft {
+  animation-name: backInLeft;
 }
-.rdtCounter .rdtBtn:hover {
-  background: #eee;
+@keyframes backInRight {
+  0% {
+    transform: translateX(2000px) scale(0.7);
+    opacity: 0.7;
+  }
+  80% {
+    transform: translateX(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    transform: scale(1);
+    opacity: 1;
+  }
 }
-.rdtCounter .rdtCount {
-  height: 20%;
-  font-size: 1.2em;
+.animate__backInRight {
+  animation-name: backInRight;
 }
-.rdtMilli {
-  vertical-align: middle;
-  padding-left: 8px;
-  width: 48px;
+@keyframes backInUp {
+  0% {
+    transform: translateY(1200px) scale(0.7);
+    opacity: 0.7;
+  }
+  80% {
+    transform: translateY(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    transform: scale(1);
+    opacity: 1;
+  }
 }
-.rdtMilli input {
-  width: 100%;
-  font-size: 1.2em;
-  margin-top: 37px;
+.animate__backInUp {
+  animation-name: backInUp;
 }
-.rdtTime td {
-  cursor: default;
+@keyframes backOutDown {
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  20% {
+    transform: translateY(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    transform: translateY(700px) scale(0.7);
+    opacity: 0.7;
+  }
 }
-/* Reset
-  =============== */
-html {
-  box-sizing: border-box;
+.animate__backOutDown {
+  animation-name: backOutDown;
 }
-*,
-*::before,
-*::after {
-  box-sizing: inherit;
+@keyframes backOutLeft {
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  20% {
+    transform: translateX(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    transform: translateX(-2000px) scale(0.7);
+    opacity: 0.7;
+  }
 }
-figure {
-  margin: 0;
+.animate__backOutLeft {
+  animation-name: backOutLeft;
 }
-/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
-/* Document
-   ========================================================================== */
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-html {
-  line-height: 1.15;
-  -webkit-text-size-adjust: 100%;
+@keyframes backOutRight {
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  20% {
+    transform: translateX(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    transform: translateX(2000px) scale(0.7);
+    opacity: 0.7;
+  }
 }
-/* Sections
-     ========================================================================== */
-/**
-   * Remove the margin in all browsers.
-   */
-body {
-  margin: 0;
+.animate__backOutRight {
+  animation-name: backOutRight;
 }
-/**
-   * Correct the font size and margin on `h1` elements within `section` and
-   * `article` contexts in Chrome, Firefox, and Safari.
-   */
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
+@keyframes backOutUp {
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  20% {
+    transform: translateY(0) scale(0.7);
+    opacity: 0.7;
+  }
+  to {
+    transform: translateY(-700px) scale(0.7);
+    opacity: 0.7;
+  }
 }
-/* Grouping content
-     ========================================================================== */
-/**
-   * 1. Add the correct box sizing in Firefox.
-   * 2. Show the overflow in Edge and IE.
-   */
-hr {
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
+.animate__backOutUp {
+  animation-name: backOutUp;
 }
-/**
-   * 1. Correct the inheritance and scaling of font size in all browsers.
-   * 2. Correct the odd `em` font sizing in all browsers.
-   */
-pre {
-  font-family: monospace, monospace;
-  font-size: 1em;
+@keyframes bounceIn {
+  0%, 20%, 40%, 60%, 80%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  20% {
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  40% {
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+  60% {
+    opacity: 1;
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+  80% {
+    transform: scale3d(0.97, 0.97, 0.97);
+  }
+  to {
+    opacity: 1;
+    transform: scaleX(1);
+  }
 }
-/* Text-level semantics
-     ========================================================================== */
-/**
-   * Remove the gray background on active links in IE 10.
-   */
-a {
-  background: transparent;
+.animate__bounceIn {
+  animation-duration: 0.75s;
+  animation-duration: calc(var(--animate-duration) * 0.75);
+  animation-name: bounceIn;
 }
-/**
-   * 1. Remove the bottom border in Chrome 57-
-   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
-   */
-abbr[title] {
-  border-bottom: none;
-  text-decoration: underline;
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
+@keyframes bounceInDown {
+  0%, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    transform: translate3d(0, -3000px, 0) scaleY(3);
+  }
+  60% {
+    opacity: 1;
+    transform: translate3d(0, 25px, 0) scaleY(0.9);
+  }
+  75% {
+    transform: translate3d(0, -10px, 0) scaleY(0.95);
+  }
+  90% {
+    transform: translate3d(0, 5px, 0) scaleY(0.985);
+  }
+  to {
+    transform: translateZ(0);
+  }
 }
-/**
-   * Add the correct font weight in Chrome, Edge, and Safari.
-   */
-b,
-strong {
-  font-weight: bolder;
+.animate__bounceInDown {
+  animation-name: bounceInDown;
 }
-/**
-   * 1. Correct the inheritance and scaling of font size in all browsers.
-   * 2. Correct the odd `em` font sizing in all browsers.
-   */
-code,
-kbd,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em;
+@keyframes bounceInLeft {
+  0%, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    transform: translate3d(-3000px, 0, 0) scaleX(3);
+  }
+  60% {
+    opacity: 1;
+    transform: translate3d(25px, 0, 0) scaleX(1);
+  }
+  75% {
+    transform: translate3d(-10px, 0, 0) scaleX(0.98);
+  }
+  90% {
+    transform: translate3d(5px, 0, 0) scaleX(0.995);
+  }
+  to {
+    transform: translateZ(0);
+  }
 }
-/**
-   * Add the correct font size in all browsers.
-   */
-small {
-  font-size: 80%;
+.animate__bounceInLeft {
+  animation-name: bounceInLeft;
 }
-/**
-   * Prevent `sub` and `sup` elements from affecting the line height in
-   * all browsers.
-   */
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
+@keyframes bounceInRight {
+  0%, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    transform: translate3d(3000px, 0, 0) scaleX(3);
+  }
+  60% {
+    opacity: 1;
+    transform: translate3d(-25px, 0, 0) scaleX(1);
+  }
+  75% {
+    transform: translate3d(10px, 0, 0) scaleX(0.98);
+  }
+  90% {
+    transform: translate3d(-5px, 0, 0) scaleX(0.995);
+  }
+  to {
+    transform: translateZ(0);
+  }
 }
-sub {
-  bottom: -0.25em;
+.animate__bounceInRight {
+  animation-name: bounceInRight;
 }
-sup {
-  top: -0.5em;
+@keyframes bounceInUp {
+  0%, 60%, 75%, 90%, to {
+    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+  }
+  0% {
+    opacity: 0;
+    transform: translate3d(0, 3000px, 0) scaleY(5);
+  }
+  60% {
+    opacity: 1;
+    transform: translate3d(0, -20px, 0) scaleY(0.9);
+  }
+  75% {
+    transform: translate3d(0, 10px, 0) scaleY(0.95);
+  }
+  90% {
+    transform: translate3d(0, -5px, 0) scaleY(0.985);
+  }
+  to {
+    transform: translateZ(0);
+  }
+}
+.animate__bounceInUp {
+  animation-name: bounceInUp;
+}
+@keyframes bounceOut {
+  20% {
+    transform: scale3d(0.9, 0.9, 0.9);
+  }
+  50%, 55% {
+    opacity: 1;
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+  to {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+}
+.animate__bounceOut {
+  animation-duration: 0.75s;
+  animation-duration: calc(var(--animate-duration) * 0.75);
+  animation-name: bounceOut;
+}
+@keyframes bounceOutDown {
+  20% {
+    transform: translate3d(0, 10px, 0) scaleY(0.985);
+  }
+  40%, 45% {
+    opacity: 1;
+    transform: translate3d(0, -20px, 0) scaleY(0.9);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0) scaleY(3);
+  }
+}
+.animate__bounceOutDown {
+  animation-name: bounceOutDown;
+}
+@keyframes bounceOutLeft {
+  20% {
+    opacity: 1;
+    transform: translate3d(20px, 0, 0) scaleX(0.9);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0) scaleX(2);
+  }
+}
+.animate__bounceOutLeft {
+  animation-name: bounceOutLeft;
+}
+@keyframes bounceOutRight {
+  20% {
+    opacity: 1;
+    transform: translate3d(-20px, 0, 0) scaleX(0.9);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0) scaleX(2);
+  }
+}
+.animate__bounceOutRight {
+  animation-name: bounceOutRight;
+}
+@keyframes bounceOutUp {
+  20% {
+    transform: translate3d(0, -10px, 0) scaleY(0.985);
+  }
+  40%, 45% {
+    opacity: 1;
+    transform: translate3d(0, 20px, 0) scaleY(0.9);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0) scaleY(3);
+  }
+}
+.animate__bounceOutUp {
+  animation-name: bounceOutUp;
+}
+@keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.animate__fadeIn {
+  animation-name: fadeIn;
+}
+@keyframes fadeInDown {
+  0% {
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInDown {
+  animation-name: fadeInDown;
+}
+@keyframes fadeInDownBig {
+  0% {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInDownBig {
+  animation-name: fadeInDownBig;
+}
+@keyframes fadeInLeft {
+  0% {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInLeft {
+  animation-name: fadeInLeft;
+}
+@keyframes fadeInLeftBig {
+  0% {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInLeftBig {
+  animation-name: fadeInLeftBig;
+}
+@keyframes fadeInRight {
+  0% {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInRight {
+  animation-name: fadeInRight;
+}
+@keyframes fadeInRightBig {
+  0% {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInRightBig {
+  animation-name: fadeInRightBig;
+}
+@keyframes fadeInUp {
+  0% {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInUp {
+  animation-name: fadeInUp;
+}
+@keyframes fadeInUpBig {
+  0% {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInUpBig {
+  animation-name: fadeInUpBig;
+}
+@keyframes fadeInTopLeft {
+  0% {
+    opacity: 0;
+    transform: translate3d(-100%, -100%, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInTopLeft {
+  animation-name: fadeInTopLeft;
+}
+@keyframes fadeInTopRight {
+  0% {
+    opacity: 0;
+    transform: translate3d(100%, -100%, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInTopRight {
+  animation-name: fadeInTopRight;
+}
+@keyframes fadeInBottomLeft {
+  0% {
+    opacity: 0;
+    transform: translate3d(-100%, 100%, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInBottomLeft {
+  animation-name: fadeInBottomLeft;
+}
+@keyframes fadeInBottomRight {
+  0% {
+    opacity: 0;
+    transform: translate3d(100%, 100%, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.animate__fadeInBottomRight {
+  animation-name: fadeInBottomRight;
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.animate__fadeOut {
+  animation-name: fadeOut;
+}
+@keyframes fadeOutDown {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(0, 100%, 0);
+  }
+}
+.animate__fadeOutDown {
+  animation-name: fadeOutDown;
+}
+@keyframes fadeOutDownBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(0, 2000px, 0);
+  }
+}
+.animate__fadeOutDownBig {
+  animation-name: fadeOutDownBig;
+}
+@keyframes fadeOutLeft {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+.animate__fadeOutLeft {
+  animation-name: fadeOutLeft;
+}
+@keyframes fadeOutLeftBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(-2000px, 0, 0);
+  }
+}
+.animate__fadeOutLeftBig {
+  animation-name: fadeOutLeftBig;
+}
+@keyframes fadeOutRight {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0);
+  }
+}
+.animate__fadeOutRight {
+  animation-name: fadeOutRight;
+}
+@keyframes fadeOutRightBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(2000px, 0, 0);
+  }
+}
+.animate__fadeOutRightBig {
+  animation-name: fadeOutRightBig;
+}
+@keyframes fadeOutUp {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(0, -100%, 0);
+  }
+}
+.animate__fadeOutUp {
+  animation-name: fadeOutUp;
+}
+@keyframes fadeOutUpBig {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(0, -2000px, 0);
+  }
+}
+.animate__fadeOutUpBig {
+  animation-name: fadeOutUpBig;
+}
+@keyframes fadeOutTopLeft {
+  0% {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(-100%, -100%, 0);
+  }
+}
+.animate__fadeOutTopLeft {
+  animation-name: fadeOutTopLeft;
+}
+@keyframes fadeOutTopRight {
+  0% {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(100%, -100%, 0);
+  }
+}
+.animate__fadeOutTopRight {
+  animation-name: fadeOutTopRight;
+}
+@keyframes fadeOutBottomRight {
+  0% {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(100%, 100%, 0);
+  }
+}
+.animate__fadeOutBottomRight {
+  animation-name: fadeOutBottomRight;
+}
+@keyframes fadeOutBottomLeft {
+  0% {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(-100%, 100%, 0);
+  }
+}
+.animate__fadeOutBottomLeft {
+  animation-name: fadeOutBottomLeft;
+}
+@keyframes flip {
+  0% {
+    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
+    animation-timing-function: ease-out;
+  }
+  40% {
+    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
+    animation-timing-function: ease-out;
+  }
+  50% {
+    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
+    animation-timing-function: ease-in;
+  }
+  80% {
+    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
+    animation-timing-function: ease-in;
+  }
+  to {
+    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
+    animation-timing-function: ease-in;
+  }
+}
+.animate__animated.animate__flip {
+  backface-visibility: visible;
+  animation-name: flip;
+}
+@keyframes flipInX {
+  0% {
+    transform: perspective(400px) rotateX(90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+  40% {
+    transform: perspective(400px) rotateX(-20deg);
+    animation-timing-function: ease-in;
+  }
+  60% {
+    transform: perspective(400px) rotateX(10deg);
+    opacity: 1;
+  }
+  80% {
+    transform: perspective(400px) rotateX(-5deg);
+  }
+  to {
+    transform: perspective(400px);
+  }
+}
+.animate__flipInX {
+  backface-visibility: visible !important;
+  animation-name: flipInX;
+}
+@keyframes flipInY {
+  0% {
+    transform: perspective(400px) rotateY(90deg);
+    animation-timing-function: ease-in;
+    opacity: 0;
+  }
+  40% {
+    transform: perspective(400px) rotateY(-20deg);
+    animation-timing-function: ease-in;
+  }
+  60% {
+    transform: perspective(400px) rotateY(10deg);
+    opacity: 1;
+  }
+  80% {
+    transform: perspective(400px) rotateY(-5deg);
+  }
+  to {
+    transform: perspective(400px);
+  }
+}
+.animate__flipInY {
+  backface-visibility: visible !important;
+  animation-name: flipInY;
+}
+@keyframes flipOutX {
+  0% {
+    transform: perspective(400px);
+  }
+  30% {
+    transform: perspective(400px) rotateX(-20deg);
+    opacity: 1;
+  }
+  to {
+    transform: perspective(400px) rotateX(90deg);
+    opacity: 0;
+  }
+}
+.animate__flipOutX {
+  animation-duration: 0.75s;
+  animation-duration: calc(var(--animate-duration) * 0.75);
+  animation-name: flipOutX;
+  backface-visibility: visible !important;
+}
+@keyframes flipOutY {
+  0% {
+    transform: perspective(400px);
+  }
+  30% {
+    transform: perspective(400px) rotateY(-15deg);
+    opacity: 1;
+  }
+  to {
+    transform: perspective(400px) rotateY(90deg);
+    opacity: 0;
+  }
+}
+.animate__flipOutY {
+  animation-duration: 0.75s;
+  animation-duration: calc(var(--animate-duration) * 0.75);
+  backface-visibility: visible !important;
+  animation-name: flipOutY;
+}
+@keyframes lightSpeedInRight {
+  0% {
+    transform: translate3d(100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+  60% {
+    transform: skewX(20deg);
+    opacity: 1;
+  }
+  80% {
+    transform: skewX(-5deg);
+  }
+  to {
+    transform: translateZ(0);
+  }
+}
+.animate__lightSpeedInRight {
+  animation-name: lightSpeedInRight;
+  animation-timing-function: ease-out;
+}
+@keyframes lightSpeedInLeft {
+  0% {
+    transform: translate3d(-100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+  60% {
+    transform: skewX(-20deg);
+    opacity: 1;
+  }
+  80% {
+    transform: skewX(5deg);
+  }
+  to {
+    transform: translateZ(0);
+  }
+}
+.animate__lightSpeedInLeft {
+  animation-name: lightSpeedInLeft;
+  animation-timing-function: ease-out;
+}
+@keyframes lightSpeedOutRight {
+  0% {
+    opacity: 1;
+  }
+  to {
+    transform: translate3d(100%, 0, 0) skewX(30deg);
+    opacity: 0;
+  }
+}
+.animate__lightSpeedOutRight {
+  animation-name: lightSpeedOutRight;
+  animation-timing-function: ease-in;
+}
+@keyframes lightSpeedOutLeft {
+  0% {
+    opacity: 1;
+  }
+  to {
+    transform: translate3d(-100%, 0, 0) skewX(-30deg);
+    opacity: 0;
+  }
+}
+.animate__lightSpeedOutLeft {
+  animation-name: lightSpeedOutLeft;
+  animation-timing-function: ease-in;
+}
+@keyframes rotateIn {
+  0% {
+    transform: rotate(-200deg);
+    opacity: 0;
+  }
+  to {
+    transform: translateZ(0);
+    opacity: 1;
+  }
+}
+.animate__rotateIn {
+  animation-name: rotateIn;
+  transform-origin: center;
+}
+@keyframes rotateInDownLeft {
+  0% {
+    transform: rotate(-45deg);
+    opacity: 0;
+  }
+  to {
+    transform: translateZ(0);
+    opacity: 1;
+  }
+}
+.animate__rotateInDownLeft {
+  animation-name: rotateInDownLeft;
+  transform-origin: left bottom;
+}
+@keyframes rotateInDownRight {
+  0% {
+    transform: rotate(45deg);
+    opacity: 0;
+  }
+  to {
+    transform: translateZ(0);
+    opacity: 1;
+  }
+}
+.animate__rotateInDownRight {
+  animation-name: rotateInDownRight;
+  transform-origin: right bottom;
+}
+@keyframes rotateInUpLeft {
+  0% {
+    transform: rotate(45deg);
+    opacity: 0;
+  }
+  to {
+    transform: translateZ(0);
+    opacity: 1;
+  }
+}
+.animate__rotateInUpLeft {
+  animation-name: rotateInUpLeft;
+  transform-origin: left bottom;
+}
+@keyframes rotateInUpRight {
+  0% {
+    transform: rotate(-90deg);
+    opacity: 0;
+  }
+  to {
+    transform: translateZ(0);
+    opacity: 1;
+  }
+}
+.animate__rotateInUpRight {
+  animation-name: rotateInUpRight;
+  transform-origin: right bottom;
+}
+@keyframes rotateOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    transform: rotate(200deg);
+    opacity: 0;
+  }
+}
+.animate__rotateOut {
+  animation-name: rotateOut;
+  transform-origin: center;
+}
+@keyframes rotateOutDownLeft {
+  0% {
+    opacity: 1;
+  }
+  to {
+    transform: rotate(45deg);
+    opacity: 0;
+  }
+}
+.animate__rotateOutDownLeft {
+  animation-name: rotateOutDownLeft;
+  transform-origin: left bottom;
+}
+@keyframes rotateOutDownRight {
+  0% {
+    opacity: 1;
+  }
+  to {
+    transform: rotate(-45deg);
+    opacity: 0;
+  }
+}
+.animate__rotateOutDownRight {
+  animation-name: rotateOutDownRight;
+  transform-origin: right bottom;
+}
+@keyframes rotateOutUpLeft {
+  0% {
+    opacity: 1;
+  }
+  to {
+    transform: rotate(-45deg);
+    opacity: 0;
+  }
+}
+.animate__rotateOutUpLeft {
+  animation-name: rotateOutUpLeft;
+  transform-origin: left bottom;
+}
+@keyframes rotateOutUpRight {
+  0% {
+    opacity: 1;
+  }
+  to {
+    transform: rotate(90deg);
+    opacity: 0;
+  }
+}
+.animate__rotateOutUpRight {
+  animation-name: rotateOutUpRight;
+  transform-origin: right bottom;
+}
+@keyframes hinge {
+  0% {
+    animation-timing-function: ease-in-out;
+  }
+  20%, 60% {
+    transform: rotate(80deg);
+    animation-timing-function: ease-in-out;
+  }
+  40%, 80% {
+    transform: rotate(60deg);
+    animation-timing-function: ease-in-out;
+    opacity: 1;
+  }
+  to {
+    transform: translate3d(0, 700px, 0);
+    opacity: 0;
+  }
+}
+.animate__hinge {
+  animation-duration: 2s;
+  animation-duration: calc(var(--animate-duration) * 2);
+  animation-name: hinge;
+  transform-origin: top left;
+}
+@keyframes jackInTheBox {
+  0% {
+    opacity: 0;
+    transform: scale(0.1) rotate(30deg);
+    transform-origin: center bottom;
+  }
+  50% {
+    transform: rotate(-10deg);
+  }
+  70% {
+    transform: rotate(3deg);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+.animate__jackInTheBox {
+  animation-name: jackInTheBox;
+}
+@keyframes rollIn {
+  0% {
+    opacity: 0;
+    transform: translate3d(-100%, 0, 0) rotate(-120deg);
+  }
+  to {
+    opacity: 1;
+    transform: translateZ(0);
+  }
+}
+.animate__rollIn {
+  animation-name: rollIn;
+}
+@keyframes rollOut {
+  0% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+    transform: translate3d(100%, 0, 0) rotate(120deg);
+  }
+}
+.animate__rollOut {
+  animation-name: rollOut;
+}
+@keyframes zoomIn {
+  0% {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  50% {
+    opacity: 1;
+  }
+}
+.animate__zoomIn {
+  animation-name: zoomIn;
+}
+@keyframes zoomInDown {
+  0% {
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  60% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomInDown {
+  animation-name: zoomInDown;
+}
+@keyframes zoomInLeft {
+  0% {
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  60% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomInLeft {
+  animation-name: zoomInLeft;
+}
+@keyframes zoomInRight {
+  0% {
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  60% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomInRight {
+  animation-name: zoomInRight;
+}
+@keyframes zoomInUp {
+  0% {
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  60% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomInUp {
+  animation-name: zoomInUp;
+}
+@keyframes zoomOut {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+    transform: scale3d(0.3, 0.3, 0.3);
+  }
+  to {
+    opacity: 0;
+  }
+}
+.animate__zoomOut {
+  animation-name: zoomOut;
+}
+@keyframes zoomOutDown {
+  40% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  to {
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomOutDown {
+  animation-name: zoomOutDown;
+  transform-origin: center bottom;
+}
+@keyframes zoomOutLeft {
+  40% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
+  }
+  to {
+    opacity: 0;
+    transform: scale(0.1) translate3d(-2000px, 0, 0);
+  }
+}
+.animate__zoomOutLeft {
+  animation-name: zoomOutLeft;
+  transform-origin: left center;
+}
+@keyframes zoomOutRight {
+  40% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
+  }
+  to {
+    opacity: 0;
+    transform: scale(0.1) translate3d(2000px, 0, 0);
+  }
+}
+.animate__zoomOutRight {
+  animation-name: zoomOutRight;
+  transform-origin: right center;
+}
+@keyframes zoomOutUp {
+  40% {
+    opacity: 1;
+    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
+    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+  }
+  to {
+    opacity: 0;
+    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
+    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
+  }
+}
+.animate__zoomOutUp {
+  animation-name: zoomOutUp;
+  transform-origin: center bottom;
+}
+@keyframes slideInDown {
+  0% {
+    transform: translate3d(0, -100%, 0);
+    visibility: visible;
+  }
+  to {
+    transform: translateZ(0);
+  }
+}
+.animate__slideInDown {
+  animation-name: slideInDown;
+}
+@keyframes slideInLeft {
+  0% {
+    transform: translate3d(-100%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    transform: translateZ(0);
+  }
+}
+.animate__slideInLeft {
+  animation-name: slideInLeft;
+}
+@keyframes slideInRight {
+  0% {
+    transform: translate3d(100%, 0, 0);
+    visibility: visible;
+  }
+  to {
+    transform: translateZ(0);
+  }
+}
+.animate__slideInRight {
+  animation-name: slideInRight;
+}
+@keyframes slideInUp {
+  0% {
+    transform: translate3d(0, 100%, 0);
+    visibility: visible;
+  }
+  to {
+    transform: translateZ(0);
+  }
+}
+.animate__slideInUp {
+  animation-name: slideInUp;
+}
+@keyframes slideOutDown {
+  0% {
+    transform: translateZ(0);
+  }
+  to {
+    visibility: hidden;
+    transform: translate3d(0, 100%, 0);
+  }
+}
+.animate__slideOutDown {
+  animation-name: slideOutDown;
+}
+@keyframes slideOutLeft {
+  0% {
+    transform: translateZ(0);
+  }
+  to {
+    visibility: hidden;
+    transform: translate3d(-100%, 0, 0);
+  }
+}
+.animate__slideOutLeft {
+  animation-name: slideOutLeft;
+}
+@keyframes slideOutRight {
+  0% {
+    transform: translateZ(0);
+  }
+  to {
+    visibility: hidden;
+    transform: translate3d(100%, 0, 0);
+  }
+}
+.animate__slideOutRight {
+  animation-name: slideOutRight;
+}
+@keyframes slideOutUp {
+  0% {
+    transform: translateZ(0);
+  }
+  to {
+    visibility: hidden;
+    transform: translate3d(0, -100%, 0);
+  }
+}
+.animate__slideOutUp {
+  animation-name: slideOutUp;
+}
+/*!
+ * https://github.com/arqex/react-datetime
+ */
+.rdt {
+  position: relative;
+}
+.rdtPicker {
+  display: none;
+  position: absolute;
+  width: 240px;
+  padding: 4px;
+  margin-top: 1px;
+  z-index: 99999 !important;
+  background: #fff;
+  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;
+}
+.rdtOpen .rdtPicker {
+  display: block;
+}
+.rdtStatic .rdtPicker {
+  box-shadow: none;
+  position: static;
+}
+.rdtPicker .rdtTimeToggle {
+  text-align: center;
+}
+.rdtPicker table {
+  width: 100%;
+  margin: 0;
+  padding: 0 12px;
+  border-spacing: 0 8px;
+  border-collapse: inherit;
+}
+.rdtMonths table,
+.rdtYears table {
+  border-spacing: 0 12px;
+}
+.rdtMonths .headerTable,
+.rdtYears .headerTable {
+  border-spacing: 0;
+  border-bottom: 1px solid var(--colors-neutral-line-8);
+}
+.rdtPicker td,
+.rdtPicker th {
+  text-align: center;
+  height: 24px;
+  line-height: 24px;
+  width: 24px;
+}
+.rdtPicker td {
+  cursor: pointer;
+}
+.rdtPicker td > span {
+  display: inline-block;
+  border-radius: var(--inputDate-default-option-top-left-border-radius) var(--inputDate-default-option-top-right-border-radius) var(--inputDate-default-option-bottom-right-border-radius) var(--inputDate-default-option-bottom-left-border-radius);
+  height: 24px;
+  width: 24px;
+}
+.rdtPicker td.rdtDay:hover,
+.rdtPicker td.rdtHour:hover,
+.rdtPicker td.rdtMinute:hover,
+.rdtPicker td.rdtSecond:hover,
+.rdtPicker .rdtTimeToggle:hover {
+  background: #eeeeee;
+  cursor: pointer;
+}
+.rdtPicker td.rdtOld,
+.rdtPicker td.rdtNew {
+  color: var(--inputDate-disabled-option-color);
+}
+.rdtPicker td.rdtOld span,
+.rdtPicker td.rdtNew span {
+  background: var(--inputDate-disabled-option-bg-color);
+}
+.rdtPicker td.rdtToday {
+  position: relative;
+}
+.rdtPicker td.rdtToday > span {
+  border: 1px solid #2468f2;
+}
+.rdtPicker td.rdtActive,
+.rdtPicker td.rdtActive:hover {
+  background-color: #428bca;
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.rdtPicker td.rdtActive.rdtToday:before {
+  border-bottom-color: #fff;
+}
+.rdtPicker td.rdtDisabled,
+.rdtPicker td.rdtDisabled:hover {
+  background: none;
+  color: #b8babf;
+  cursor: not-allowed;
+}
+.rdtPicker td span.rdtOld {
+  color: #b8babf;
+}
+.rdtPicker td span.rdtDisabled,
+.rdtPicker td span.rdtDisabled:hover {
+  background: none;
+  color: #b8babf;
+  cursor: not-allowed;
+}
+.rdtPicker td span.rdtDisabled > span,
+.rdtPicker td span.rdtDisabled:hover > span {
+  border-color: #e8e9eb;
+}
+.rdtPicker th {
+  border-bottom: 1px solid #f9f9f9;
+}
+.rdtPicker .dow {
+  width: 14.2857%;
+  border-bottom: none;
+  cursor: default;
+}
+.rdtPicker th.rdtSwitch {
+  width: 100px;
+  height: 40px;
+  line-height: 40px;
+}
+.rdtPicker th.rdtNext,
+.rdtPicker th.rdtPrev {
+  font-size: 21px;
+  vertical-align: top;
+  height: 40px;
+  line-height: 40px;
+}
+.rdtPrev span,
+.rdtNext span {
+  display: block;
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
+  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
+  user-select: none;
+}
+.rdtPicker th.rdtDisabled,
+.rdtPicker th.rdtDisabled:hover {
+  background: none;
+  color: #b8babf;
+  cursor: not-allowed;
+}
+.rdtPicker thead tr:first-of-type th {
+  cursor: pointer;
+}
+.rdtPicker thead tr:first-of-type th:hover {
+  background: #eeeeee;
+}
+.rdtPicker tfoot {
+  border-top: 1px solid #f9f9f9;
+}
+.rdtPicker button {
+  border: none;
+  background: none;
+  cursor: pointer;
+}
+.rdtPicker button:hover {
+  background-color: #eee;
+}
+.rdtPicker thead button {
+  width: 100%;
+  height: 100%;
+}
+td.rdtMonth,
+td.rdtYear,
+td.rdtQuarter {
+  height: 24px;
+  width: 48px;
+  line-height: 24px;
+  text-align: center;
+  cursor: pointer;
+}
+td.rdtMonth > span,
+td.rdtYear > span,
+td.rdtQuarter > span {
+  width: 48px;
+}
+td.rdtMonth:hover,
+td.rdtYear:hover,
+td.rdtQuarter:hover {
+  background: #eee;
+}
+.rdtCounters {
+  display: inline-block;
+}
+.rdtCounters > div {
+  float: left;
+}
+.rdtCounter {
+  height: 100px;
+}
+.rdtCounter {
+  width: 40px;
+}
+.rdtCounterSeparator {
+  line-height: 100px;
+}
+.rdtCounter .rdtBtn {
+  height: 40%;
+  line-height: 40px;
+  cursor: pointer;
+  display: block;
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
+  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
+  user-select: none;
+}
+.rdtCounter .rdtBtn:hover {
+  background: #eee;
+}
+.rdtCounter .rdtCount {
+  height: 20%;
+  font-size: 1.2em;
+}
+.rdtMilli {
+  vertical-align: middle;
+  padding-left: 8px;
+  width: 48px;
+}
+.rdtMilli input {
+  width: 100%;
+  font-size: 1.2em;
+  margin-top: 37px;
+}
+.rdtTime td {
+  cursor: default;
+}
+/* Reset
+  =============== */
+html {
+  box-sizing: border-box;
+}
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+figure {
+  margin: 0;
+}
+/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
+/* Document
+   ========================================================================== */
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+html {
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+}
+/* Sections
+     ========================================================================== */
+/**
+   * Remove the margin in all browsers.
+   */
+body {
+  margin: 0;
+}
+/**
+   * Correct the font size and margin on `h1` elements within `section` and
+   * `article` contexts in Chrome, Firefox, and Safari.
+   */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+/* Grouping content
+     ========================================================================== */
+/**
+   * 1. Add the correct box sizing in Firefox.
+   * 2. Show the overflow in Edge and IE.
+   */
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+/**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+pre {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+/* Text-level semantics
+     ========================================================================== */
+/**
+   * Remove the gray background on active links in IE 10.
+   */
+a {
+  background: transparent;
+}
+/**
+   * 1. Remove the bottom border in Chrome 57-
+   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+   */
+abbr[title] {
+  border-bottom: none;
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+}
+/**
+   * Add the correct font weight in Chrome, Edge, and Safari.
+   */
+b,
+strong {
+  font-weight: bolder;
+}
+/**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+/**
+   * Add the correct font size in all browsers.
+   */
+small {
+  font-size: 80%;
+}
+/**
+   * Prevent `sub` and `sup` elements from affecting the line height in
+   * all browsers.
+   */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
 }
 /* Embedded content
      ========================================================================== */
@@ -18209,6 +19836,7 @@ input[type=button].cxd-Button--block {
     min-height: 0;
     flex: 1;
     height: 2.75rem;
+    font-size: var(--fontSizeMd);
   }
   .cxd-Modal .cxd-Modal-footer > .cxd-Button:first-child {
     margin-left: 0;
@@ -19327,7 +20955,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-PickerColumns-columnItemis-selected {
   font-size: 18px;
-  color: --PickerColumns-title-color;
+  color: var(--PickerColumns-title-color);
 }
 @keyframes bounceIn {
   from, 20%, 40%, 60%, 80%, to {
@@ -19462,6 +21090,18 @@ input[type=button].cxd-Button--block {
   height: var(--Toast-icon-height);
   color: inherit;
 }
+.cxd-Toast-icon > svg.icon-warning {
+  color: var(--Status-warning-color);
+}
+.cxd-Toast-icon > svg.icon-fail {
+  color: var(--Status-fail-color);
+}
+.cxd-Toast-icon > svg.icon-success {
+  color: var(--Status-success-color);
+}
+.cxd-Toast-icon > svg.icon-schedule {
+  color: var(--Status-schedule-color);
+}
 .cxd-Toast--error {
   color: var(--Toast--danger-color);
   background: var(--Toast--danger-bgColor);
@@ -20757,19 +22397,19 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:not(.is-disabled):hover > a {
   font-size: var(--Tabs--simple-hover-fontSize);
-  color: var(--Tabs--simple-hover-color) !important;
+  color: var(--Tabs--simple-hover-color);
   font-weight: var(--Tabs--simple-hover-fontWeight);
   line-height: var(--Tabs--simple-hover-lineHeight);
 }
 .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-disabled > a {
   font-size: var(--Tabs--simple-disabled-fontSize);
-  color: var(--Tabs--simple-disabled-color) !important;
+  color: var(--Tabs--simple-disabled-color);
   font-weight: var(--Tabs--simple-disabled-fontWeight);
   line-height: var(--Tabs--simple-disabled-lineHeight);
 }
 .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a {
   font-size: var(--Tabs--simple-active-fontSize);
-  color: var(--Tabs--simple-active-color) !important;
+  color: var(--Tabs--simple-active-color);
   font-weight: var(--Tabs--simple-active-fontWeight);
   line-height: var(--Tabs--simple-active-lineHeight);
 }
@@ -20869,7 +22509,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:not(.is-disabled):hover > a {
   font-size: var(--Tabs--strong-hover-fontSize);
-  color: var(--Tabs--strong-hover-color) !important;
+  color: var(--Tabs--strong-hover-color);
   font-weight: var(--Tabs--strong-hover-fontWeight);
   line-height: var(--Tabs--strong-hover-lineHeight);
 }
@@ -20882,7 +22522,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-disabled > a {
   font-size: var(--Tabs--strong-disabled-fontSize);
-  color: var(--Tabs--strong-disabled-color) !important;
+  color: var(--Tabs--strong-disabled-color);
   font-weight: var(--Tabs--strong-disabled-fontWeight);
   line-height: var(--Tabs--strong-disabled-lineHeight);
 }
@@ -20894,7 +22534,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-active > a {
   font-size: var(--Tabs--strong-active-fontSize);
-  color: var(--Tabs--strong-active-color) !important;
+  color: var(--Tabs--strong-active-color);
   font-weight: var(--Tabs--strong-active-fontWeight);
   line-height: var(--Tabs--strong-active-lineHeight);
 }
@@ -21077,6 +22717,17 @@ input[type=button].cxd-Button--block {
     width: 0;
     flex-grow: 1;
   }
+  .cxd-Page--rightAside {
+    flex-direction: row-reverse;
+  }
+  .cxd-Page--rightAside > .cxd-Page-aside {
+    border-left: var(--borderWidth) solid var(--borderColor);
+    border-right: unset;
+  }
+  .cxd-Page--rightAside > .cxd-Page-aside > .cxd-Page-asideResizor {
+    left: -0.375rem;
+    right: unset;
+  }
   .cxd-Page--asideSticky > .cxd-Page-aside {
     position: sticky;
     top: var(--affix-offset-top);
@@ -21341,12 +22992,6 @@ input[type=button].cxd-Button--block {
   /* 主题 */
   /* 子组件 */
 }
-.cxd-Panel-fixedBottom {
-  position: sticky;
-  background: var(--white);
-  bottom: var(--affix-offset-bottom);
-  z-index: 900;
-}
 .cxd-Panel--default {
   border-color: var(--Panel-top-border-color) var(--Panel-right-border-color) var(--Panel-bottom-border-color) var(--Panel-left-border-color);
 }
@@ -21443,6 +23088,17 @@ input[type=button].cxd-Button--block {
   border-width: var(--Panel-heading-top-border-width) var(--Panel-heading-right-border-width) var(--Panel-heading-bottom-border-width) var(--Panel-heading-left-border-width);
   border-radius: var(--Panel-headingBorderRadius);
 }
+.cxd-Panel-heading.is-collapsible {
+  display: flex;
+  justify-content: space-between;
+}
+.cxd-Panel-arrow {
+  transition: transform 0.1s ease-in;
+  transform: rotate(180deg);
+}
+.cxd-Panel-arrow.is-collapsed {
+  transform: rotate(0deg);
+}
 .cxd-Panel-title {
   margin: 0;
   font-size: var(--Panel-heading-fontSize);
@@ -21465,6 +23121,12 @@ input[type=button].cxd-Button--block {
 .cxd-Panel-footer .cxd-Button + .cxd-Button {
   margin-left: var(--Panel-footerButtonMarginLeft);
 }
+.cxd-Panel-fixedBottom {
+  position: sticky;
+  background: var(--white);
+  bottom: var(--affix-offset-bottom);
+  z-index: 900;
+}
 .cxd-Panel-btnToolbar {
   text-align: var(--Panel-btnToolbarTextAlign);
 }
@@ -21494,10 +23156,12 @@ input[type=button].cxd-Button--block {
     border-radius: 0;
   }
   .cxd-Panel--form > .cxd-Panel-heading .cxd-Panel-title {
-    padding-left: var(--Panel-body-paddingLeft);
-    border-left: 0.1875rem solid var(--primary);
     font-size: var(--fontSizeLg);
   }
+  .cxd-Panel--form > .cxd-Panel-heading .cxd-Panel-title .icon {
+    width: var(--sizes-base-7);
+    height: var(--sizes-base-7);
+  }
   .cxd-Panel--form .cxd-Panel-footerWrap {
     padding-bottom: var(--Panel-body-paddingBottom);
   }
@@ -22385,6 +24049,14 @@ input[type=button].cxd-Button--block {
   background: var(--Collapse-header-onHover-bg);
   color: var(--collapse-default-header-hover-color);
 }
+.cxd-Collapse-header.noTitle {
+  padding: 0;
+  background-color: unset;
+}
+.cxd-Collapse-header.noTitle:hover {
+  background: unset;
+  color: inherit;
+}
 .cxd-Collapse-header.is-mobile {
   background: none;
   border-radius: 0 !important;
@@ -22566,6 +24238,12 @@ input[type=button].cxd-Button--block {
 .cxd-CollapseGroup.icon-position-right .cxd-Collapse-header .cxd-Collapse-icon-tranform {
   float: right;
 }
+.cxd-CollapseGroup.icon-position-right .cxd-Collapse-header.noTitle {
+  text-align: right;
+}
+.cxd-CollapseGroup.icon-position-right .cxd-Collapse-header.noTitle .cxd-Collapse-arrow-wrap {
+  float: none;
+}
 .cxd-CollapseGroup.is-mobile.icon-position-right .cxd-Collapse-header .cxd-Collapse-arrow-wrap {
   margin-right: -1.125rem;
 }
@@ -23666,9 +25344,155 @@ input[type=button].cxd-Button--block {
 .cxd-Crud2-pager {
   align-self: flex-start;
 }
-.cxd-Crud2-filter {
+.cxd-Crud2-filter:not(:empty) {
   margin-bottom: var(--gap-base);
 }
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-ColumnToggler {
+  display: none;
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-SearchBox {
+  border-radius: var(--Form-input-borderRadius);
+  width: 100%;
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Cards-placeholder {
+  font-size: var(--fonts-size-7);
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Card {
+  --Card-borderRadius: var(--sizes-size-5);
+  --gap-base: var(--sizes-size-9);
+  --fontSizeBase: var(--fonts-size-7);
+  --body-lineHeight: var(--sizes-base-11);
+  --Card-actions-borderColor: #f2f2f4;
+  --Card-actions-fontSize: var(--fontSizeBase);
+  font-size: var(--fontSizeBase);
+  border: 0;
+  box-shadow: var(--boxShadowSm);
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Card-field {
+  margin-bottom: var(--sizes-size-3);
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Card-fieldLabel {
+  color: var(--colors-neutral-text-5);
+  font-size: var(--fontSizeBase);
+  flex-basis: var(--sizes-base-28);
+  line-height: var(--body-lineHeight);
+  margin-right: var(--sizes-size-6);
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Card-fieldValue {
+  color: var(--colors-neutral-text-2);
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Card-actions {
+  padding-top: var(--sizes-base-4);
+  padding-bottom: var(--sizes-base-4);
+  gap: var(--sizes-base-5);
+  justify-content: flex-end;
+  flex-wrap: wrap;
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Card-actions-wrapper {
+  padding-left: var(--gap-md);
+  padding-right: var(--gap-md);
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Card-actions > a {
+  line-height: var(--sizes-base-14);
+  background: var(--colors-link-10);
+  border-radius: var(--sizes-base-7);
+  font-size: var(--fontSizeBase);
+  color: var(--colors-link-5);
+  flex-grow: 0;
+  text-align: center;
+  padding: 0 var(--sizes-base-10);
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Card-actions > a.text-danger {
+  background-color: var(--colors-error-10);
+  color: var(--colors-error-5);
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Card .cxd-Form-item .cxd-Form-value,
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Card .cxd-Form-item .cxd-Form-control {
+  font-size: var(--fontSizeBase);
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Card-multiMedia--right {
+  align-items: flex-start;
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Card-multiMedia-img {
+  width: var(--sizes-base-45);
+  height: var(--sizes-base-45);
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Card .cxd-Image {
+  border: 0;
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Card .cxd-Image--thumb {
+  padding-left: 0;
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Card .cxd-Image--thumb img {
+  border-radius: var(--sizes-size-5);
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Panel {
+  --Panel-bodyPadding: var(--gap-md);
+  --Panel-headingPadding: var(--gap-sm) var(--gap-md);
+  --Panel-body-paddingTop: var(--gap-md);
+  --Panel-body-paddingBottom: var(--gap-md);
+  --Panel-body-paddingLeft: var(--gap-md);
+  --Panel-body-paddingRight: var(--gap-md);
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Panel--form {
+  margin: 0;
+  margin-bottom: var(--gap-md);
+  border-radius: var(--sizes-size-5);
+  box-shadow: var(--boxShadowSm);
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Panel-body {
+  padding-top: 0;
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Panel .cxd-Form--column {
+  margin-left: 0;
+  margin-right: 0;
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Panel .cxd-Form-item {
+  padding-left: 0;
+  padding-right: 0;
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Button.is-fixed-right-bottom {
+  position: fixed;
+  right: 12px;
+  bottom: 70px;
+  z-index: 1300;
+  width: 46px;
+  height: 46px;
+  border-radius: 50%;
+  background: #528eff;
+  box-shadow: 0 2px 12px 0 rgba(22, 27, 67, 0.2);
+  border: 0 !important;
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Button.is-fixed-right-bottom .cxd-Button-icon {
+  width: 18px;
+  height: 18px;
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .is-fixed-right-bottom-wrapper {
+  flex: 0 !important;
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .is-fixed-right-bottom-wrapper + div {
+  position: sticky !important;
+  top: 0;
+  margin-top: 0;
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .is-fixed-right-bottom-wrapper + div .cxd-SearchBox {
+  margin-left: 0;
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Crud2-header-toolbar.is-sticky {
+  position: sticky;
+  top: 0;
+  z-index: 1300;
+  background-color: #fff;
+  padding: 5px 16px;
+  margin-top: calc(-1 * var(--Page-body-padding));
+  margin-left: calc(-1 * var(--Page-body-padding));
+  margin-right: calc(-1 * var(--Page-body-padding));
+}
+.cxd-Crud2.is-mobile.is-mobile-cards .cxd-Crud2-header-toolbar.is-sticky .cxd-SearchBox {
+  background: #f7f7f9;
+  border-radius: 4px;
+  border-bottom: 0;
+}
 @media (min-width: 576px) {
   .cxd-Crud-toolbar {
     margin-top: calc(var(--Crud-toolbar-gap) * -1);
@@ -23907,6 +25731,9 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table th > .cxd-Form, .cxd-Table-table th > .cxd-Form-item > .cxd-Form-control:not(.is-thin), .cxd-Table-table td > .cxd-Form, .cxd-Table-table td > .cxd-Form-item > .cxd-Form-control:not(.is-thin) {
   min-width: var(--Form-control-widthBase);
 }
+.cxd-Table-table th > .cxd-Form.cxd-CheckboxControl, .cxd-Table-table th > .cxd-Form.cxd-SwitchControl, .cxd-Table-table th > .cxd-Form.cxd-RadiosControl, .cxd-Table-table th > .cxd-Form-item > .cxd-Form-control:not(.is-thin).cxd-CheckboxControl, .cxd-Table-table th > .cxd-Form-item > .cxd-Form-control:not(.is-thin).cxd-SwitchControl, .cxd-Table-table th > .cxd-Form-item > .cxd-Form-control:not(.is-thin).cxd-RadiosControl, .cxd-Table-table td > .cxd-Form.cxd-CheckboxControl, .cxd-Table-table td > .cxd-Form.cxd-SwitchControl, .cxd-Table-table td > .cxd-Form.cxd-RadiosControl, .cxd-Table-table td > .cxd-Form-item > .cxd-Form-control:not(.is-thin).cxd-CheckboxControl, .cxd-Table-table td > .cxd-Form-item > .cxd-Form-control:not(.is-thin).cxd-SwitchControl, .cxd-Table-table td > .cxd-Form-item > .cxd-Form-control:not(.is-thin).cxd-RadiosControl {
+  min-width: auto;
+}
 .cxd-Table-table th .cxd-Form-static, .cxd-Table-table td .cxd-Form-static {
   min-height: auto;
 }
@@ -24077,41 +25904,41 @@ input[type=button].cxd-Button--block {
   color: #58666e;
 }
 .cxd-Table-table > tbody > tr.bg-light.lt, .cxd-Table-table > tbody > tr.bg-light .lt {
-  background: #fefefe;
+  background: rgb(253.9275, 254.1, 254.2725);
 }
 .cxd-Table-table > tbody > tr.bg-light.lter, .cxd-Table-table > tbody > tr.bg-light .lter {
-  background: white;
+  background: hsl(210, 21.6666666667%, 100.6470588235%);
 }
 .cxd-Table-table > tbody > tr.bg-light.dk, .cxd-Table-table > tbody > tr.bg-light .dk {
-  background: #eff1f4;
+  background: rgb(238.73375, 241.35, 243.96625);
 }
 .cxd-Table-table > tbody > tr.bg-light.dker, .cxd-Table-table > tbody > tr.bg-light .dker {
-  background: #e8ecf0;
+  background: rgb(232.1875, 236.25, 240.3125);
 }
 .cxd-Table-table > tbody > tr.bg-light.bg, .cxd-Table-table > tbody > tr.bg-light .bg {
   background-color: #f8f9fa;
 }
 .cxd-Table-table > tbody > tr.bg-dark {
   background-color: #343a40;
-  color: #a0a0a0;
+  color: rgb(159.6724137931, 160, 160.3275862069);
 }
 .cxd-Table-table > tbody > tr.bg-dark.lt, .cxd-Table-table > tbody > tr.bg-dark .lt {
-  background: #41474c;
+  background: rgb(61.6622844828, 70.75, 79.8377155172);
 }
 .cxd-Table-table > tbody > tr.bg-dark.lter, .cxd-Table-table > tbody > tr.bg-dark .lter {
-  background: #4f5458;
+  background: rgb(70.6870689655, 83.5, 96.3129310345);
 }
 .cxd-Table-table > tbody > tr.bg-dark.dk, .cxd-Table-table > tbody > tr.bg-dark .dk {
-  background: #272d33;
+  background: rgb(39.4377155172, 45.25, 51.0622844828);
 }
 .cxd-Table-table > tbody > tr.bg-dark.dker, .cxd-Table-table > tbody > tr.bg-dark .dker {
-  background: #1c2125;
+  background: rgb(27.5129310345, 32.5, 37.4870689655);
 }
 .cxd-Table-table > tbody > tr.bg-dark.bg, .cxd-Table-table > tbody > tr.bg-dark .bg {
   background-color: #343a40;
 }
 .cxd-Table-table > tbody > tr.bg-dark a, .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link {
-  color: #b9baba;
+  color: rgb(185.2603448276, 185.5, 185.7396551724);
 }
 .cxd-Table-table > tbody > tr.bg-dark a:hover, .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link:hover {
   color: #fff;
@@ -24120,32 +25947,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-dark .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-dark .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-black {
   background-color: #000;
   color: #666666;
 }
 .cxd-Table-table > tbody > tr.bg-black.lt, .cxd-Table-table > tbody > tr.bg-black .lt {
-  background: #0d0d0d;
+  background: rgb(13.06875, 12.43125, 12.43125);
 }
 .cxd-Table-table > tbody > tr.bg-black.lter, .cxd-Table-table > tbody > tr.bg-black .lter {
-  background: #1a1a1a;
+  background: rgb(26.775, 24.225, 24.225);
 }
 .cxd-Table-table > tbody > tr.bg-black.dk, .cxd-Table-table > tbody > tr.bg-black .dk {
-  background: black;
+  background: hsl(0, 2.5%, -5%);
 }
 .cxd-Table-table > tbody > tr.bg-black.dker, .cxd-Table-table > tbody > tr.bg-black .dker {
-  background: black;
+  background: hsl(0, 5%, -10%);
 }
 .cxd-Table-table > tbody > tr.bg-black.bg, .cxd-Table-table > tbody > tr.bg-black .bg {
   background-color: #000;
 }
 .cxd-Table-table > tbody > tr.bg-black a, .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link {
-  color: gray;
+  color: rgb(127.5, 127.5, 127.5);
 }
 .cxd-Table-table > tbody > tr.bg-black a:hover, .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link:hover {
   color: #fff;
@@ -24154,26 +25981,26 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-black .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-black .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-primary {
   background-color: #007bff;
-  color: #cfe5fc;
+  color: rgb(206.55, 228.69, 252.45);
 }
 .cxd-Table-table > tbody > tr.bg-primary.lt, .cxd-Table-table > tbody > tr.bg-primary .lt {
-  background: #1c88fc;
+  background: hsl(211.0588235294, 102.5%, 55%);
 }
 .cxd-Table-table > tbody > tr.bg-primary.lter, .cxd-Table-table > tbody > tr.bg-primary .lter {
-  background: #3896fa;
+  background: hsl(211.0588235294, 105%, 60%);
 }
 .cxd-Table-table > tbody > tr.bg-primary.dk, .cxd-Table-table > tbody > tr.bg-primary .dk {
-  background: #006fe6;
+  background: hsl(211.0588235294, 102.5%, 45%);
 }
 .cxd-Table-table > tbody > tr.bg-primary.dker, .cxd-Table-table > tbody > tr.bg-primary .dker {
-  background: #0062cc;
+  background: hsl(211.0588235294, 105%, 40%);
 }
 .cxd-Table-table > tbody > tr.bg-primary.bg, .cxd-Table-table > tbody > tr.bg-primary .bg {
   background-color: #007bff;
@@ -24188,32 +26015,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-primary .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-primary .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-success {
   background-color: #28a745;
-  color: #b4e7c0;
+  color: rgb(180.0804347826, 230.9195652174, 191.6893700787);
 }
 .cxd-Table-table > tbody > tr.bg-success.lt, .cxd-Table-table > tbody > tr.bg-success .lt {
-  background: #30b94f;
+  background: rgb(42.0212862319, 190.4787137681, 75.9210137795);
 }
 .cxd-Table-table > tbody > tr.bg-success.lter, .cxd-Table-table > tbody > tr.bg-success .lter {
-  background: #3ac85a;
+  background: rgb(45.3956521739, 212.6043478261, 83.5771653543);
 }
 .cxd-Table-table > tbody > tr.bg-success.dk, .cxd-Table-table > tbody > tr.bg-success .dk {
-  background: #21953b;
+  background: rgb(32.8037137681, 148.6962862319, 59.2673720472);
 }
 .cxd-Table-table > tbody > tr.bg-success.dker, .cxd-Table-table > tbody > tr.bg-success .dker {
-  background: #1a8232;
+  background: rgb(26.2449275362, 129.7550724638, 49.8811023622);
 }
 .cxd-Table-table > tbody > tr.bg-success.bg, .cxd-Table-table > tbody > tr.bg-success .bg {
   background-color: #28a745;
 }
 .cxd-Table-table > tbody > tr.bg-success a, .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link {
-  color: #dbf3e0;
+  color: rgb(218.6753623188, 243.3246376812, 224.3039370079);
 }
 .cxd-Table-table > tbody > tr.bg-success a:hover, .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link:hover {
   color: #fff;
@@ -24222,26 +26049,26 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-success .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-success .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-info {
   background-color: #007bff;
-  color: #cfe5fc;
+  color: rgb(206.55, 228.69, 252.45);
 }
 .cxd-Table-table > tbody > tr.bg-info.lt, .cxd-Table-table > tbody > tr.bg-info .lt {
-  background: #1c88fc;
+  background: hsl(211.0588235294, 102.5%, 55%);
 }
 .cxd-Table-table > tbody > tr.bg-info.lter, .cxd-Table-table > tbody > tr.bg-info .lter {
-  background: #3896fa;
+  background: hsl(211.0588235294, 105%, 60%);
 }
 .cxd-Table-table > tbody > tr.bg-info.dk, .cxd-Table-table > tbody > tr.bg-info .dk {
-  background: #006fe6;
+  background: hsl(211.0588235294, 102.5%, 45%);
 }
 .cxd-Table-table > tbody > tr.bg-info.dker, .cxd-Table-table > tbody > tr.bg-info .dker {
-  background: #0062cc;
+  background: hsl(211.0588235294, 105%, 40%);
 }
 .cxd-Table-table > tbody > tr.bg-info.bg, .cxd-Table-table > tbody > tr.bg-info .bg {
   background-color: #007bff;
@@ -24256,32 +26083,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-info .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-info .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-warning {
   background-color: #fad733;
-  color: #fffefa;
+  color: rgb(254.6303827751, 253.8810018994, 250.3696172249);
 }
 .cxd-Table-table > tbody > tr.bg-warning.lt, .cxd-Table-table > tbody > tr.bg-warning .lt {
-  background: #f8da4e;
+  background: rgb(252.9037978469, 221.3672860415, 73.5962021531);
 }
 .cxd-Table-table > tbody > tr.bg-warning.lter, .cxd-Table-table > tbody > tr.bg-warning .lter {
-  background: #f7de69;
+  background: hsl(49.4472361809, 100.2153110048%, 69.0196078431%);
 }
 .cxd-Table-table > tbody > tr.bg-warning.dk, .cxd-Table-table > tbody > tr.bg-warning .dk {
-  background: #fcd417;
+  background: rgb(252.3212021531, 212.0197742601, 23.1787978469);
 }
 .cxd-Table-table > tbody > tr.bg-warning.dker, .cxd-Table-table > tbody > tr.bg-warning .dker {
-  background: #face00;
+  background: hsl(49.4472361809, 100.2153110048%, 49.0196078431%);
 }
 .cxd-Table-table > tbody > tr.bg-warning.bg, .cxd-Table-table > tbody > tr.bg-warning .bg {
   background-color: #fad733;
 }
 .cxd-Table-table > tbody > tr.bg-warning a, .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link {
-  color: white;
+  color: hsl(49.4472361809, 85.2153110048%, 109.0196078431%);
 }
 .cxd-Table-table > tbody > tr.bg-warning a:hover, .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link:hover {
   color: #fff;
@@ -24290,32 +26117,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-warning .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-warning .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-danger {
   background-color: #dc3545;
-  color: #f8e5e6;
+  color: rgb(248.4765822785, 228.5234177215, 230.4350981581);
 }
 .cxd-Table-table > tbody > tr.bg-danger.lt, .cxd-Table-table > tbody > tr.bg-danger .lt {
-  background: #dd4d5b;
+  background: rgb(226.4095727848, 72.0904272152, 86.8754950542);
 }
 .cxd-Table-table > tbody > tr.bg-danger.lter, .cxd-Table-table > tbody > tr.bg-danger .lter {
-  background: #df6571;
+  background: rgb(232.1816455696, 91.8183544304, 105.2663344198);
 }
 .cxd-Table-table > tbody > tr.bg-danger.dk, .cxd-Table-table > tbody > tr.bg-danger .dk {
-  background: #d62133;
+  background: rgb(214.0431170886, 33.4568829114, 50.7585580421);
 }
 .cxd-Table-table > tbody > tr.bg-danger.dker, .cxd-Table-table > tbody > tr.bg-danger .dker {
-  background: #c31b2b;
+  background: rgb(194.7651898734, 27.2348101266, 43.2856249526);
 }
 .cxd-Table-table > tbody > tr.bg-danger.bg, .cxd-Table-table > tbody > tr.bg-danger .bg {
   background-color: #dc3545;
 }
 .cxd-Table-table > tbody > tr.bg-danger a, .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link {
-  color: white;
+  color: hsl(354.251497006, 60.4641350211%, 103.5294117647%);
 }
 .cxd-Table-table > tbody > tr.bg-danger a:hover, .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link:hover {
   color: #fff;
@@ -24324,10 +26151,10 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-danger .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-danger .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.is-dragging {
   opacity: var(--Table-onDragging-opacity);
@@ -25078,41 +26905,41 @@ input[type=button].cxd-Button--block {
   color: #58666e;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .lt {
-  background: #fefefe;
+  background: rgb(253.9275, 254.1, 254.2725);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .lter {
-  background: white;
+  background: hsl(210, 21.6666666667%, 100.6470588235%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .dk {
-  background: #eff1f4;
+  background: rgb(238.73375, 241.35, 243.96625);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .dker {
-  background: #e8ecf0;
+  background: rgb(232.1875, 236.25, 240.3125);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .bg {
   background-color: #f8f9fa;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark {
   background-color: #343a40;
-  color: #a0a0a0;
+  color: rgb(159.6724137931, 160, 160.3275862069);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .lt {
-  background: #41474c;
+  background: rgb(61.6622844828, 70.75, 79.8377155172);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .lter {
-  background: #4f5458;
+  background: rgb(70.6870689655, 83.5, 96.3129310345);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .dk {
-  background: #272d33;
+  background: rgb(39.4377155172, 45.25, 51.0622844828);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .dker {
-  background: #1c2125;
+  background: rgb(27.5129310345, 32.5, 37.4870689655);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .bg {
   background-color: #343a40;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link {
-  color: #b9baba;
+  color: rgb(185.2603448276, 185.5, 185.7396551724);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link:hover {
   color: #fff;
@@ -25121,32 +26948,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black {
   background-color: #000;
   color: #666666;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .lt {
-  background: #0d0d0d;
+  background: rgb(13.06875, 12.43125, 12.43125);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .lter {
-  background: #1a1a1a;
+  background: rgb(26.775, 24.225, 24.225);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .dk {
-  background: black;
+  background: hsl(0, 2.5%, -5%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .dker {
-  background: black;
+  background: hsl(0, 5%, -10%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .bg {
   background-color: #000;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link {
-  color: gray;
+  color: rgb(127.5, 127.5, 127.5);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link:hover {
   color: #fff;
@@ -25155,26 +26982,26 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary {
   background-color: #007bff;
-  color: #cfe5fc;
+  color: rgb(206.55, 228.69, 252.45);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .lt {
-  background: #1c88fc;
+  background: hsl(211.0588235294, 102.5%, 55%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .lter {
-  background: #3896fa;
+  background: hsl(211.0588235294, 105%, 60%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .dk {
-  background: #006fe6;
+  background: hsl(211.0588235294, 102.5%, 45%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .dker {
-  background: #0062cc;
+  background: hsl(211.0588235294, 105%, 40%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .bg {
   background-color: #007bff;
@@ -25189,32 +27016,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success {
   background-color: #28a745;
-  color: #b4e7c0;
+  color: rgb(180.0804347826, 230.9195652174, 191.6893700787);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .lt {
-  background: #30b94f;
+  background: rgb(42.0212862319, 190.4787137681, 75.9210137795);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .lter {
-  background: #3ac85a;
+  background: rgb(45.3956521739, 212.6043478261, 83.5771653543);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .dk {
-  background: #21953b;
+  background: rgb(32.8037137681, 148.6962862319, 59.2673720472);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .dker {
-  background: #1a8232;
+  background: rgb(26.2449275362, 129.7550724638, 49.8811023622);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .bg {
   background-color: #28a745;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link {
-  color: #dbf3e0;
+  color: rgb(218.6753623188, 243.3246376812, 224.3039370079);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link:hover {
   color: #fff;
@@ -25223,26 +27050,26 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info {
   background-color: #007bff;
-  color: #cfe5fc;
+  color: rgb(206.55, 228.69, 252.45);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .lt {
-  background: #1c88fc;
+  background: hsl(211.0588235294, 102.5%, 55%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .lter {
-  background: #3896fa;
+  background: hsl(211.0588235294, 105%, 60%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .dk {
-  background: #006fe6;
+  background: hsl(211.0588235294, 102.5%, 45%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .dker {
-  background: #0062cc;
+  background: hsl(211.0588235294, 105%, 40%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .bg {
   background-color: #007bff;
@@ -25257,32 +27084,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning {
   background-color: #fad733;
-  color: #fffefa;
+  color: rgb(254.6303827751, 253.8810018994, 250.3696172249);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .lt {
-  background: #f8da4e;
+  background: rgb(252.9037978469, 221.3672860415, 73.5962021531);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .lter {
-  background: #f7de69;
+  background: hsl(49.4472361809, 100.2153110048%, 69.0196078431%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .dk {
-  background: #fcd417;
+  background: rgb(252.3212021531, 212.0197742601, 23.1787978469);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .dker {
-  background: #face00;
+  background: hsl(49.4472361809, 100.2153110048%, 49.0196078431%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .bg {
   background-color: #fad733;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link {
-  color: white;
+  color: hsl(49.4472361809, 85.2153110048%, 109.0196078431%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link:hover {
   color: #fff;
@@ -25291,32 +27118,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger {
   background-color: #dc3545;
-  color: #f8e5e6;
+  color: rgb(248.4765822785, 228.5234177215, 230.4350981581);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .lt {
-  background: #dd4d5b;
+  background: rgb(226.4095727848, 72.0904272152, 86.8754950542);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .lter {
-  background: #df6571;
+  background: rgb(232.1816455696, 91.8183544304, 105.2663344198);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .dk {
-  background: #d62133;
+  background: rgb(214.0431170886, 33.4568829114, 50.7585580421);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .dker {
-  background: #c31b2b;
+  background: rgb(194.7651898734, 27.2348101266, 43.2856249526);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .bg {
   background-color: #dc3545;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link {
-  color: white;
+  color: hsl(354.251497006, 60.4641350211%, 103.5294117647%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link:hover {
   color: #fff;
@@ -25325,10 +27152,10 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.is-dragging {
   opacity: var(--Table-onDragging-opacity);
@@ -26814,6 +28641,19 @@ input[type=button].cxd-Button--block {
   text-overflow: ellipsis;
   overflow: hidden;
 }
+@media (max-width: 767px) {
+  .cxd-Card-fieldValue .cxd-Form-item {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+  .cxd-Card-fieldValue .cxd-Form-item:after {
+    display: none;
+  }
+  .cxd-Card-fieldValue .cxd-Form-item .cxd-Form-static {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+}
 .cxd-Card-fieldLabel {
   flex-grow: 0;
   flex-shrink: 0;
@@ -28408,6 +30248,7 @@ input[type=button].cxd-Button--block {
   content: var(--image-image-normal-icon);
 }
 .cxd-InputBox {
+  height: var(--input-size-default-height);
   display: flex;
   background: var(--Form-input-bg);
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
@@ -28417,7 +30258,6 @@ input[type=button].cxd-Button--block {
   font-size: var(--Form-input-fontSize);
   flex-wrap: wrap;
   justify-content: flex-start;
-  height: var(--input-size-default-height);
 }
 .cxd-InputBox input {
   flex-basis: 1.875rem;
@@ -28810,6 +30650,11 @@ input[type=button].cxd-Button--block {
 .cxd-SchemaEditor-info {
   min-width: 0;
   min-height: 0;
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
   display: flex;
   background: var(--Form-input-bg);
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
@@ -28819,11 +30664,6 @@ input[type=button].cxd-Button--block {
   font-size: var(--Form-input-fontSize);
   flex-wrap: wrap;
   justify-content: flex-start;
-  flex: 1;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
 }
 .cxd-SchemaEditor-info input {
   flex-basis: 1.875rem;
@@ -28860,15 +30700,6 @@ input[type=button].cxd-Button--block {
   color: var(--Form-input-placeholderColor);
 }
 .cxd-ResultBox {
-  display: flex;
-  background: var(--Form-input-bg);
-  border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
-  border-radius: var(--Form-input-borderRadius);
-  line-height: var(--Form-input-lineHeight);
-  padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
-  font-size: var(--Form-input-fontSize);
-  flex-wrap: wrap;
-  justify-content: flex-start;
   flex-wrap: nowrap;
   padding: 0 0.75rem;
   min-height: var(--Form-input-height);
@@ -28885,6 +30716,15 @@ input[type=button].cxd-Button--block {
   border-radius: var(--Form-select-borderRadius);
   min-height: var(--Form-selectOption-height);
   padding: var(--select-base-default-paddingTop) var(--select-base-default-paddingRight) var(--select-base-default-paddingBottom) var(--select-base-default-paddingLeft);
+  display: flex;
+  background: var(--Form-input-bg);
+  border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
+  border-radius: var(--Form-input-borderRadius);
+  line-height: var(--Form-input-lineHeight);
+  padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
+  font-size: var(--Form-input-fontSize);
+  flex-wrap: wrap;
+  justify-content: flex-start;
 }
 .cxd-ResultBox input {
   flex-basis: 1.875rem;
@@ -30992,10 +32832,10 @@ input.cxd-TextControl-input-password {
   color: var(--Form-input-onDisabled-color);
 }
 .cxd-TextareaControl {
-  position: relative;
-  max-width: 100%;
   --Form-input-clearBtn-padding: 0.125rem;
   position: relative;
+  position: relative;
+  max-width: 100%;
 }
 .cxd-TextareaControl.is-inline {
   display: inline-block;
@@ -31275,7 +33115,6 @@ input.cxd-TextControl-input-password {
 .cxd-Checkbox--checkbox input:checked + i:before {
   width: var(--Checkbox-inner-size);
   height: var(--Checkbox-inner-size);
-  background: var(--Checkbox-onHover-color);
 }
 .cxd-Checkbox--checkbox input[disabled] + i {
   border-color: var(--Checkbox-color) !important;
@@ -31283,7 +33122,6 @@ input.cxd-TextControl-input-password {
   background-color: var(--checkbox-checkbox-disabled-bg-color);
 }
 .cxd-Checkbox--checkbox input[disabled] + i:before {
-  background-color: var(--Checkbox-onDisabled-color);
   border-width: 0;
 }
 .cxd-Checkbox--checkbox input[disabled] + i + span {
@@ -31329,9 +33167,6 @@ input.cxd-TextControl-input-password {
   background: var(--button-primary-hover-bg-color);
   border-color: transparent;
 }
-.cxd-Checkbox--full.cxd-Checkbox--checkbox:hover input:checked + i:before {
-  background: var(--checkbox-checked-hover-bg-color);
-}
 .cxd-Checkbox--full.cxd-Checkbox--checkbox:hover > i:before {
   background: transparent;
 }
@@ -31342,9 +33177,6 @@ input.cxd-TextControl-input-password {
   border-color: var(--Checkbox-onHover-color);
   background: var(--Checkbox-onHover-color);
 }
-.cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked + i:hover {
-  background: var(--checkbox-checked-hover-bg-color);
-}
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked + i:before {
   width: var(--Checkbox--full-inner-size);
   height: calc(var(--Checkbox--full-inner-size) / 2);
@@ -31356,12 +33188,10 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input[disabled]:checked + i:before {
   border-color: var(--Checkbox-onDisabled-color);
-  background: var(--Checkbox-onDisabled-bg);
   border-width: 0 0 0.0625rem 0.0625rem;
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked[disabled] + i {
   border-color: var(--Checkbox-color);
-  background: var(--Checkbox-onDisabled-bg);
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox > i {
   position: relative;
@@ -31389,7 +33219,6 @@ input.cxd-TextControl-input-password {
 .cxd-Checkbox--partial.cxd-Checkbox--checkbox input + i:before {
   width: var(--Checkbox-inner-size);
   height: var(--Checkbox-inner-size);
-  background: var(--Checkbox-onHover-color);
 }
 .cxd-Checkbox--partial.cxd-Checkbox--checkbox input[disabled] + i {
   border-color: var(--Checkbox-onDisabled-color);
@@ -34957,18 +36786,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-style: var(--inputImage-base-default-top-border-style) var(--inputImage-base-default-right-border-style) var(--inputImage-base-default-bottom-border-style) var(--inputImage-base-default-left-border-style);
   box-shadow: var(--shadows-shadow-none);
 }
-.cxd-ImageControl-addBtn-bg {
-  position: absolute;
-  z-index: 0;
-  overflow: hidden;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-}
-.cxd-ImageControl-addBtn-bg .cxd-Image {
-  border: 0;
-}
 .cxd-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover {
   color: var(--ImageControl-addBtn-onHover-color);
   background: var(--ImageControl-addBtn-onHover-bg);
@@ -35009,6 +36826,18 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-style: var(--inputImage-base-disabled-top-border-style) var(--inputImage-base-disabled-right-border-style) var(--inputImage-base-disabled-bottom-border-style) var(--inputImage-base-disabled-left-border-style);
   box-shadow: var(--shadows-shadow-none);
 }
+.cxd-ImageControl-addBtn-bg {
+  position: absolute;
+  z-index: 0;
+  overflow: hidden;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+}
+.cxd-ImageControl-addBtn-bg .cxd-Image {
+  border: 0;
+}
 .cxd-ImageControl-addBtn svg {
   top: 0;
   margin-bottom: var(--inputImage-base-default-icon-margin);
@@ -36351,9 +38180,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border: var(--Form-select-outer-borderWidth) solid var(--Form-select-outer-borderColor);
 }
 .cxd-TreeSelect {
+  outline: none;
   position: relative;
   max-width: 100%;
-  outline: none;
 }
 .cxd-TreeSelect.is-inline {
   display: inline-block;
@@ -36864,9 +38693,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   vertical-align: middle;
 }
 .cxd-Picker {
+  outline: none;
   position: relative;
   max-width: 100%;
-  outline: none;
   /* tag 样式 */
 }
 .cxd-Picker.is-inline {
@@ -38789,6 +40618,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding-top: var(--Form-label-paddingTop);
   vertical-align: top;
 }
+.cxd-Form-item--flex {
+  margin: calc(var(--Form-item-gap) / 2);
+}
+.cxd-Form-item--flex:last-child {
+  margin-bottom: calc(var(--Form-item-gap) / 2);
+}
 .cxd-Form-item--inline {
   margin-right: var(--Form-mode-inline-item-gap);
 }
@@ -39066,7 +40901,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
     flex-basis: 0;
     flex-grow: 1;
     flex-shrink: 1;
-    padding: calc(var(--Form-item-gap) / 2);
     min-width: 0;
     min-height: 0;
   }
@@ -39236,7 +41070,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
     overflow-wrap: break-word;
     margin-right: 0;
     margin-bottom: 0;
-    font-size: var(--fontSizeLg);
   }
   .cxd-Form-item .cxd-Form-label + .cxd-Form-item-controlBox {
     max-width: 72%;
@@ -39248,11 +41081,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .cxd-Form-item .cxd-Form-description {
     font-size: var(--fontSizeBase);
   }
-  .cxd-Form-item .cxd-TextControl-input {
-    font-size: var(--fontSizeLg);
-  }
   .cxd-Form-item .cxd-TextControl-input input {
-    height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg));
+    height: calc(var(--Form-input-lineHeight) * var(--Form-item-fontSize));
   }
   .cxd-Form-item .cxd-NumberControl .cxd-Number {
     min-width: 0;
@@ -39306,7 +41136,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .cxd-Form-item .cxd-Form-control {
     flex: 1;
     flex-wrap: wrap;
-    font-size: var(--fontSizeLg);
     min-width: 0;
   }
   .cxd-Form-item .cxd-Form-value .cxd-ColorPicker > input,
@@ -39403,6 +41232,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   }
   .cxd-Form-item .cxd-TextareaControl > textarea,
   .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input,
+  .cxd-Form-item .cxd-Number-input,
+  .cxd-Form-item .cxd-ResultBox,
+  .cxd-Form-item .cxd-DateControl > .cxd-DatePicker,
   .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input {
     border: none;
     padding: 0 var(--Form-input-paddingX) 0 0;
@@ -39413,6 +41245,15 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input:hover,
   .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input:focus,
   .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input.active,
+  .cxd-Form-item .cxd-Number-input:hover,
+  .cxd-Form-item .cxd-Number-input:focus,
+  .cxd-Form-item .cxd-Number-input.active,
+  .cxd-Form-item .cxd-ResultBox:hover,
+  .cxd-Form-item .cxd-ResultBox:focus,
+  .cxd-Form-item .cxd-ResultBox.active,
+  .cxd-Form-item .cxd-DateControl > .cxd-DatePicker:hover,
+  .cxd-Form-item .cxd-DateControl > .cxd-DatePicker:focus,
+  .cxd-Form-item .cxd-DateControl > .cxd-DatePicker.active,
   .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input:hover,
   .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input:focus,
   .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input.active {
@@ -40054,14 +41895,20 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-AnchorNav {
   display: flex;
-  height: 25rem;
+  min-height: 25rem;
 }
 .cxd-AnchorNav--vertical .cxd-AnchorNav-link-wrap {
   margin: 0;
   padding: 0;
   width: var(--Tabs--vertical-width);
   border-left: var(--AnchorNav-links-container-borderRight);
-  padding-bottom: 3.75rem;
+  padding-bottom: 1.25rem;
+  position: sticky;
+  top: var(--affix-offset-top);
+  height: -moz-fit-content;
+  height: fit-content;
+  max-height: 100%;
+  overflow-y: scroll;
 }
 .cxd-AnchorNav--vertical .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link {
   position: relative;
@@ -40120,6 +41967,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding: 0px;
   border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
   list-style: none;
+  position: sticky;
+  top: var(--affix-offset-top);
+  z-index: 1;
+  background-color: var(--background);
 }
 .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link {
   margin-bottom: calc(var(--Tabs-borderWidth) * -1);
@@ -40163,6 +42014,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--primary);
   background: transparent;
 }
+.cxd-AnchorNav--horizontal .cxd-AnchorNav-section-wrap > .cxd-AnchorNav-section {
+  scroll-margin: calc(var(--affix-offset-top) + 50px);
+}
 .cxd-AnchorNav-section-wrap {
   border: none;
   flex-grow: 1;
@@ -40174,6 +42028,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-AnchorNav-section-wrap > .cxd-AnchorNav-section {
   display: block;
   padding: var(--gap-base);
+  scroll-margin: var(--affix-offset-top);
 }
 .cxd-Markdown strong {
   font-weight: bolder;
@@ -41504,6 +43359,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
   line-height: var(--gap-lg);
   color: #999;
 }
+.cxd-PullRefresh-footer {
+  text-align: center;
+  color: #999;
+  margin-bottom: 12px;
+  font-size: var(--fontSizeMd);
+}
 .cxd-PullRefresh .loading-icon {
   animation: var(--Button-animation-spin);
   margin-right: var(--gap-xs);
@@ -41543,6 +43404,17 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .AMISDebug .primary {
   color: #009fff;
 }
+.AMISDebug-inspectIcon {
+  width: 16px;
+  height: 16px;
+  position: relative;
+  top: 3px;
+  cursor: pointer;
+  margin-right: 8px;
+}
+.AMISDebug-inspectIcon.is-active {
+  fill: #009fff;
+}
 .AMISDebug-header {
   padding: var(--Drawer-header-padding);
   background: var(--Drawer-header-bg);
@@ -41552,24 +43424,28 @@ td.rdtQuarter.rdtDisabled:hover > span {
   pointer-events: none;
   position: absolute;
   outline: 1px dashed #1c76c4;
+  z-index: 2000;
 }
 .AMISDebug-activeBox {
   pointer-events: none;
   position: absolute;
-  outline: 1px #1c76c4;
+  outline: 1px #1c76c4 solid;
+  z-index: 2000;
 }
 .AMISDebug-tab {
-  overflow: hidden;
   border-bottom: 1px solid #3d3d3d;
+  height: 30px;
+  flex-shrink: 0;
 }
 .AMISDebug-tab > button {
   color: inherit;
   background: inherit;
-  float: left;
+  display: inline-block;
   border: none;
   outline: none;
   cursor: pointer;
-  padding: var(--gap-sm) var(--gap-md);
+  line-height: 29px;
+  padding: 0 var(--gap-md);
   transition: 0.3s;
   border-bottom: 1px solid transparent;
 }
@@ -41604,6 +43480,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   pointer-events: all;
   display: none;
   height: 100%;
+  flex-direction: column;
 }
 .AMISDebug-resize {
   position: absolute;
@@ -41620,14 +43497,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
   position: absolute;
   font-size: 18px;
   right: 40px;
-  top: var(--gap-sm);
+  top: 2px;
   cursor: pointer;
 }
 .AMISDebug-close {
   position: absolute;
   font-size: 18px;
   right: var(--gap-sm);
-  top: var(--gap-sm);
+  top: 2px;
   cursor: pointer;
 }
 .AMISDebug.is-expanded {
@@ -41640,7 +43517,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: none;
 }
 .AMISDebug.is-expanded .AMISDebug-content {
-  display: block;
+  display: flex;
 }
 .AMISDebug.is-left {
   left: 0;
@@ -41676,6 +43553,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .AMISDebug-log, .AMISDebug-inspect {
   height: 100%;
   overflow: auto;
+  flex: 1;
+  min-height: 0;
   scrollbar-width: thin;
   scrollbar-color: #6b6b6b #2b2b2b;
 }
@@ -41700,6 +43579,33 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .AMISDebug-logLine {
   overflow-x: hidden;
 }
+.AMISDebug-footer {
+  height: 30px;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  background: #2c2c2c;
+}
+.AMISDebug-footer > svg {
+  width: 11px;
+  flex-shrink: 0;
+}
+.AMISDebug-footer > input {
+  flex-grow: 1;
+  min-width: 0;
+  border: none;
+  background: transparent;
+  color: #cccccc;
+  padding: 0;
+  outline: none;
+  height: 100%;
+}
+.AMISDebug-value {
+  color: rgb(253, 151, 31);
+  padding: 0;
+  margin: 0;
+}
 .cxd-Nav-Menu {
   --Menu-width: var(--Layout-aside-width);
   --Menu-width--collapsed: var(--Layout-aside-width-collapsed);
@@ -42607,4 +44513,169 @@ td.rdtQuarter.rdtDisabled:hover > span {
   cursor: not-allowed;
   background: var(--Form-input-onDisabled-bg);
   border-color: var(--Form-input-onDisabled-borderColor);
+}
+.ae-MobileDevTool {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 12px;
+  background-color: #fff;
+  z-index: 1001;
+  border-bottom: 1px solid #dee2e6;
+  height: 20px;
+}
+.ae-MobileDevTool-dimensions {
+  width: 40%;
+  display: flex;
+  justify-content: end;
+}
+.ae-MobileDevTool-select {
+  font-size: 12px;
+  padding: 0;
+  border: none !important;
+  min-height: initial;
+  margin-left: 10px;
+  vertical-align: initial;
+}
+.ae-MobileDevTool-select span {
+  font-size: 12px !important;
+}
+.ae-MobileDevTool-select .cxd-PopOver {
+  width: 180px !important;
+  z-index: 10000;
+}
+.ae-MobileDevTool-dimension span {
+  margin-right: 5px;
+  padding: 0 2px;
+}
+.ae-MobileDevTool-dimension-input {
+  width: 32px;
+  height: 16px;
+  border: none;
+  border-radius: 0.125rem;
+  padding: 0 2px;
+  font-size: 12px;
+  text-align: center;
+  margin-right: 5px;
+}
+.ae-MobileDevTool-dimension-input:focus, .ae-MobileDevTool-dimension-input:hover {
+  outline: none;
+  border: 1px solid #2468f2;
+}
+.ae-MobileDevTool-right {
+  width: 40%;
+  display: flex;
+  align-items: center;
+  position: relative;
+  height: 20px;
+}
+.ae-MobileDevTool-right-scale {
+  margin-right: 10px;
+  display: flex;
+  position: relative;
+}
+.ae-MobileDevTool-right-scale-auto-value {
+  position: absolute;
+  background-color: #fff;
+  width: 40px;
+  left: 10px;
+}
+.ae-MobileDevTool-right-scale-auto {
+  cursor: pointer;
+  margin-left: 10px;
+}
+.ae-MobileDevTool-right-scale-auto:hover {
+  color: #2468f2;
+}
+.ae-MobileDevTool-right-rotate-screen {
+  width: 16px;
+  height: 16px;
+  cursor: pointer;
+  position: absolute;
+  top: 1px;
+}
+.ae-MobileDevTool-right-rotate-screen:hover {
+  color: #2468f2;
+}
+.ae-PreviewIFrameBody * {
+  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAFKADAAQAAAABAAAAFAAAAACy3fD9AAABQ0lEQVQ4EaWVsWrDMBCGI4mCMxRMxgxZvKTQyWvmDn0AQx/Aj+U38NbVXTMUitd4SrZAIARDZ+P+v/EZ46pJKgmEpP90n2Wf7qxmlpYkiQnDcN00zdoYs2zb9pHblFLf0I7QqrquqzzPm6m7mgppmj5Be0FfTG2T9QXrIsuy3Vg3o4UCjKBX9PlI/2vKPc9xHD+UZXmQTQOwh23E8I9x1UP39OmA/WvyZK6N0BNOejYMQBAEbyDd85rXHriMouhLM5rYdSsA10BiW5CleTVE8R3J0rxnviDxJ0vLpRXRZyRL+wBsvprpZDO4aGQxKEcXZ5sPWQxKZTO6aGRpVg04M9F924Us3ZegwpcG/4KsLpeZg0xwiCtH8BZl7JO+Q7VhCXKEEvYhBxmAFADds2pgyuy5VSz43d/lZJh37VfFpurzC/gBw0WEc6PyhBMAAAAASUVORK5CYII="), auto !important;
+}
+.ae-MobileDevTool-rightHandle {
+  cursor: ew-resize;
+  position: absolute;
+  right: -6px;
+  top: 40%;
+  width: 10px;
+  height: 22px;
+  z-index: 1000;
+  border: 1px solid #dee2e6;
+  background-color: #fff;
+  border-radius: 0.125rem;
+  color: #666;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ae-MobileDevTool-rightHandle:hover {
+  color: #000;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
+}
+.ae-MobileDevTool-rightHandle::before {
+  content: "···";
+  display: block;
+  transform: rotate(90deg);
+}
+.ae-MobileDevTool-bottomHandle {
+  cursor: ns-resize;
+  position: absolute;
+  bottom: -6px;
+  left: calc(50% - 11px);
+  width: 22px;
+  height: 10px;
+  z-index: 1000;
+  border: 1px solid #dee2e6;
+  background-color: #fff;
+  border-radius: 0.125rem;
+  color: #666;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ae-MobileDevTool-bottomHandle:hover {
+  color: #000;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
+}
+.ae-MobileDevTool-bottomHandle::before {
+  content: "···";
+  display: block;
+}
+.height-move::before {
+  content: "";
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10000000;
+  cursor: ns-resize;
+}
+.height-move * {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.width-move::before {
+  content: "";
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 10000000;
+  cursor: ew-resize;
+}
+.width-move * {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
 }