amis-ui 3.0.0 → 3.1.0

package/lib/themes/dark.css

@@ -2016,7 +2016,7 @@
   --checkbox-checkbox-default-text-color: var(--colors-neutral-text-2);
   --checkbox-checkbox-default-lineHeight: var(--fonts-lineHeight-2);
   --checkbox-checkbox-default-fontWeight: var(--fonts-weight-6);
-  --checkbox-checkbox-default-fontSize: var(--sizes-size-8);
+  --checkbox-checkbox-default-fontSize: var(--fonts-size-7);
   --checkbox-checkbox-default-top-border-color: var(--colors-neutral-line-8);
   --checkbox-checkbox-default-top-border-width: var(--borders-width-2);
   --checkbox-checkbox-default-top-border-style: var(--borders-style-2);
@@ -2036,7 +2036,7 @@
   --checkbox-checkbox-hover-height: var(--sizes-size-9);
   --checkbox-checkbox-hover-bg-color: var(--colors-neutral-fill-11);
   --checkbox-checkbox-hover-text-color: var(--colors-neutral-text-2);
-  --checkbox-checkbox-hover-fontSize: var(--sizes-size-8);
+  --checkbox-checkbox-hover-fontSize: var(--fonts-size-7);
   --checkbox-checkbox-hover-top-border-color: var(--colors-brand-5);
   --checkbox-checkbox-hover-top-border-width: var(--borders-width-2);
   --checkbox-checkbox-hover-top-border-style: var(--borders-style-2);
@@ -2056,7 +2056,7 @@
   --checkbox-checkbox-active-height: var(--sizes-size-9);
   --checkbox-checkbox-active-bg-color: var(--colors-neutral-fill-11);
   --checkbox-checkbox-active-text-color: var(--colors-neutral-text-2);
-  --checkbox-checkbox-active-fontSize: var(--sizes-size-8);
+  --checkbox-checkbox-active-fontSize: var(--fonts-size-7);
   --checkbox-checkbox-active-top-border-color: var(--colors-brand-5);
   --checkbox-checkbox-active-top-border-width: var(--borders-width-2);
   --checkbox-checkbox-active-top-border-style: var(--borders-style-2);
@@ -2076,7 +2076,7 @@
   --checkbox-checkbox-disabled-height: var(--sizes-size-9);
   --checkbox-checkbox-disabled-bg-color: var(--colors-neutral-fill-10);
   --checkbox-checkbox-disabled-text-color: var(--colors-neutral-text-6);
-  --checkbox-checkbox-disabled-fontSize: var(--sizes-size-8);
+  --checkbox-checkbox-disabled-fontSize: var(--fonts-size-7);
   --checkbox-checkbox-disabled-top-border-color: var(--colors-neutral-line-8);
   --checkbox-checkbox-disabled-top-border-width: var(--borders-width-2);
   --checkbox-checkbox-disabled-top-border-style: var(--borders-style-2);
@@ -2098,7 +2098,7 @@
   --checkbox-checked-default-height: var(--sizes-size-9);
   --checkbox-checked-default-bg-color: var(--colors-brand-5);
   --checkbox-checked-default-color: var(--colors-neutral-text-2);
-  --checkbox-checked-default-fontSize: var(--sizes-size-8);
+  --checkbox-checked-default-fontSize: var(--fonts-size-7);
   --checkbox-checked-default-top-border-color: var(--colors-neutral-line-8);
   --checkbox-checked-default-top-border-width: var(--borders-width-2);
   --checkbox-checked-default-top-border-style: var(--borders-style-2);
@@ -2118,7 +2118,7 @@
   --checkbox-checked-hover-height: var(--sizes-size-9);
   --checkbox-checked-hover-bg-color: var(--colors-brand-6);
   --checkbox-checked-hover-color: var(--colors-neutral-text-2);
-  --checkbox-checked-hover-fontSize: var(--sizes-size-8);
+  --checkbox-checked-hover-fontSize: var(--fonts-size-7);
   --checkbox-checked-hover-top-border-color: var(--colors-brand-5);
   --checkbox-checked-hover-top-border-width: var(--borders-width-2);
   --checkbox-checked-hover-top-border-style: var(--borders-style-2);
@@ -2138,7 +2138,7 @@
   --checkbox-checked-active-height: var(--sizes-size-9);
   --checkbox-checked-active-bg-color: var(--colors-brand-4);
   --checkbox-checked-active-color: var(--colors-neutral-text-2);
-  --checkbox-checked-active-fontSize: var(--sizes-size-8);
+  --checkbox-checked-active-fontSize: var(--fonts-size-7);
   --checkbox-checked-active-top-border-color: var(--colors-brand-5);
   --checkbox-checked-active-top-border-width: var(--borders-width-2);
   --checkbox-checked-active-top-border-style: var(--borders-style-2);
@@ -2158,7 +2158,7 @@
   --checkbox-checked-disabled-height: var(--sizes-size-9);
   --checkbox-checked-disabled-bg-color: var(--colors-neutral-fill-11);
   --checkbox-checked-disabled-color: var(--colors-neutral-text-2);
-  --checkbox-checked-disabled-fontSize: var(--sizes-size-8);
+  --checkbox-checked-disabled-fontSize: var(--fonts-size-7);
   --checkbox-checked-disabled-top-border-color: var(--colors-neutral-line-8);
   --checkbox-checked-disabled-top-border-width: var(--borders-width-2);
   --checkbox-checked-disabled-top-border-style: var(--borders-style-2);
@@ -2355,7 +2355,7 @@
   --Form-item-fontColor: var(--Form-item-color);
   --Form-item-fontSize: var(--fonts-size-7);
   --Form-item-fontWeight: var(--fonts-weight-6);
-  --Form-item-lineHeight: var(--fonts-lineHeight-2);
+  --Form-item-lineHeight: var(--fonts-lineHeight-1);
   --Form-item-star-color: var(--colors-error-5);
   --Form-item-star-size: var(--sizes-size-7);
   --Form-description-color: var(--colors-neutral-text-5);
@@ -3989,7 +3989,7 @@
   --Tag-base-paddingLeft: var(--sizes-size-5);
   --Tag-base-paddingRight: var(--sizes-size-5);
   --Tag-base-padding: var(--Tag-base-paddingTop) var(--Tag-base-paddingRight)
-   var(--Tag-base-paddingBottom) var(--Tag-base-paddingLeft);
+    var(--Tag-base-paddingBottom) var(--Tag-base-paddingLeft);
   --Tag-model-normal-top-border-color: var(--colors-neutral-line-6);
   --Tag-model-normal-top-border-width: var(--borders-width-2);
   --Tag-model-normal-top-border-style: var(--borders-style-1);
@@ -4615,9 +4615,9 @@
   --Table-heading-bg: var(--table-title-bg-color);
   --Table-heading-height: 2.5rem;
   --Table-lineHeight: var(--fonts-lineHeight-2);
-  --Table-onChecked-bg: var(--colors-neutral-fill-10);
+  --Table-onChecked-bg: var(--colors-neutral-fill-11);
   --Table-onChecked-borderColor: var(--colors-neutral-line-8);
-  --Table-onChecked-color: var(--colors-neutral-text-6);
+  --Table-onChecked-color: var(--colors-neutral-text-2);
   --Table-onChecked-onHover-bg: var(--colors-neutral-fill-10);
   --Table-onChecked-onHover-borderColor: var(--colors-neutral-line-8);
   --Table-onChecked-onHover-color: var(--colors-neutral-line-4);
@@ -5090,17 +5090,14 @@
 }
 /* PADDING */
 .CodeMirror-lines {
-  padding: 4px 0;
-  /* Vertical padding around content */
+  padding: 4px 0; /* Vertical padding around content */
 }
 .CodeMirror pre.CodeMirror-line,
 .CodeMirror pre.CodeMirror-line-like {
-  padding: 0 4px;
-  /* Horizontal padding of content */
+  padding: 0 4px; /* Horizontal padding of content */
 }
 .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
-  background-color: white;
-  /* The little square between H and V scrollbars */
+  background-color: white; /* The little square between H and V scrollbars */
 }
 /* GUTTER */
 .CodeMirror-gutters {
@@ -5286,16 +5283,14 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
   background: white;
 }
 .CodeMirror-scroll {
-  overflow: scroll !important;
-  /* Things will break if this is overridden */
+  overflow: scroll !important; /* Things will break if this is overridden */
   /* 50px is the magic margin used to hide the element's real scrollbars */
   /* See overflow: hidden in .CodeMirror */
   margin-bottom: -50px;
   margin-right: -50px;
   padding-bottom: 50px;
   height: 100%;
-  outline: none;
-  /* Prevent dragging from highlighting the element */
+  outline: none; /* Prevent dragging from highlighting the element */
   position: relative;
   z-index: 0;
 }
@@ -5374,8 +5369,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
 }
 .CodeMirror-lines {
   cursor: text;
-  min-height: 1px;
-  /* prevents collapsing before first draw */
+  min-height: 1px; /* prevents collapsing before first draw */
 }
 .CodeMirror pre.CodeMirror-line,
 .CodeMirror pre.CodeMirror-line-like {
@@ -5413,8 +5407,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
 .CodeMirror-linewidget {
   position: relative;
   z-index: 2;
-  padding: 0.1px;
-  /* Force widget margins to stay inside of the container */
+  padding: 0.1px; /* Force widget margins to stay inside of the container */
 }
 .CodeMirror-rtl pre {
   direction: rtl;
@@ -5698,7 +5691,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 .fr-view img.fr-dii.fr-fil {
   float: left;
@@ -5734,7 +5727,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 .fr-view span.fr-img-caption.fr-dii.fr-fil {
   float: left;
@@ -5862,7 +5855,7 @@ img.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 img.fr-view.fr-dii.fr-fil {
   float: left;
@@ -5898,7 +5891,7 @@ span.fr-img-caption.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 span.fr-img-caption.fr-view.fr-dii.fr-fil {
   float: left;
@@ -6104,14 +6097,12 @@ iframe.fr-iframe {
   .fr-box.fr-document {
     min-width: 21cm;
   }
-
   .fr-box.fr-document .fr-wrapper {
     text-align: left;
     padding: 30px;
     min-width: 21cm;
     background: #efefef;
   }
-
   .fr-box.fr-document .fr-wrapper .fr-element {
     text-align: left;
     background: #FFF;
@@ -6122,7 +6113,6 @@ iframe.fr-iframe {
     overflow: visible;
     z-index: auto;
   }
-
   .fr-box.fr-document .fr-wrapper .fr-element hr {
     margin-left: -2cm;
     margin-right: -2cm;
@@ -6131,7 +6121,6 @@ iframe.fr-iframe {
     outline: none;
     border: none;
   }
-
   .fr-box.fr-document .fr-wrapper .fr-element img {
     z-index: 1;
   }
@@ -7302,7 +7291,7 @@ ol.decimal_type > li:before {
 }
 .fr-separator.fr-hs {
   clear: both;
-  width: calc(100% - (2 * 4px));
+  width: calc(100% - 8px);
   margin: 0 4px;
   height: 1px;
 }
@@ -8077,22 +8066,18 @@ body.fr-fullscreen {
     width: 10px;
     height: 10px;
   }
-
   .fr-image-resizer .fr-handler.fr-hnw {
     left: -5px;
     top: -5px;
   }
-
   .fr-image-resizer .fr-handler.fr-hne {
     right: -5px;
     top: -5px;
   }
-
   .fr-image-resizer .fr-handler.fr-hsw {
     left: -5px;
     bottom: -5px;
   }
-
   .fr-image-resizer .fr-handler.fr-hse {
     right: -5px;
     bottom: -5px;
@@ -8502,7 +8487,7 @@ div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
 }
 .fr-line-breaker a.fr-floating-btn {
   position: absolute;
-  left: calc(50% - (40px / 2));
+  left: calc(50% - 20px);
   top: -20px;
 }
 .fr-line-breaker a.fr-floating-btn svg {
@@ -8837,22 +8822,18 @@ div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
     width: 10px;
     height: 10px;
   }
-
   .fr-box .fr-video-resizer .fr-handler.fr-hnw {
     left: -5px;
     top: -5px;
   }
-
   .fr-box .fr-video-resizer .fr-handler.fr-hne {
     right: -5px;
     top: -5px;
   }
-
   .fr-box .fr-video-resizer .fr-handler.fr-hsw {
     left: -5px;
     bottom: -5px;
   }
-
   .fr-box .fr-video-resizer .fr-handler.fr-hse {
     right: -5px;
     bottom: -5px;
@@ -9154,7 +9135,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 .fr-view img.fr-dii.fr-fil {
   float: left;
@@ -9190,7 +9171,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 .fr-view span.fr-img-caption.fr-dii.fr-fil {
   float: left;
@@ -9318,7 +9299,7 @@ img.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 img.fr-view.fr-dii.fr-fil {
   float: left;
@@ -9354,7 +9335,7 @@ span.fr-img-caption.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 span.fr-img-caption.fr-view.fr-dii.fr-fil {
   float: left;
@@ -9923,7 +9904,7 @@ button::-moz-focus-inner {
   display: flex;
   height: 24px;
   justify-content: center;
-  padding: calc(4px - 1px);
+  padding: 3px;
   width: 24px;
 }
 .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
@@ -9966,7 +9947,7 @@ button::-moz-focus-inner {
 .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
   border-radius: 6px;
   box-shadow: inset 0 0 0 1px #006ce7;
-  padding: calc(4px - 1px);
+  padding: 3px;
 }
 .tox:not([dir=rtl]) .tox-checkbox__label {
   margin-left: 4px;
@@ -10410,7 +10391,7 @@ button::-moz-focus-inner {
   display: none;
   fill: #222f3e;
   height: 24px;
-  margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
+  margin: 3px 3px;
   width: 24px;
 }
 .tox div.tox-swatch:not(.tox-swatch--remove) svg path {
@@ -10684,7 +10665,7 @@ button::-moz-focus-inner {
   body:not(.tox-force-desktop) .tox .tox-dialog {
     align-self: flex-start;
     margin: 8px auto;
-    max-height: calc(100vh - 8px * 2);
+    max-height: calc(100vh - 16px);
     width: calc(100vw - 16px);
   }
 }
@@ -11264,13 +11245,13 @@ body.tox-dialog__disable-scroll {
   justify-content: space-between;
 }
 .tox .tox-form__grid--2col > .tox-form__group {
-  width: calc(50% - (8px / 2));
+  width: calc(50% - 4px);
 }
 .tox .tox-form__grid--3col > .tox-form__group {
-  width: calc(100% / 3 - (8px / 2));
+  width: calc(33.3333333333% - 4px);
 }
 .tox .tox-form__grid--4col > .tox-form__group {
-  width: calc(25% - (8px / 2));
+  width: calc(25% - 4px);
 }
 .tox .tox-form__controls-h-stack {
   align-items: center;
@@ -12557,7 +12538,7 @@ body.tox-dialog__disable-scroll {
   background-image: repeating-linear-gradient(#e3e3e3 0px 1px, transparent 1px 39px);
   background-position: center top 40px;
   background-repeat: no-repeat;
-  background-size: calc(100% - 11px * 2) calc(100% - 41px);
+  background-size: calc(100% - 22px) calc(100% - 41px);
   display: flex;
   flex: 0 0 auto;
   flex-shrink: 0;
@@ -12569,7 +12550,7 @@ body.tox-dialog__disable-scroll {
 .tox .tox-toolbar-overlord > .tox-toolbar__primary,
 .tox .tox-toolbar-overlord > .tox-toolbar__overflow {
   background-position: center top 0px;
-  background-size: calc(100% - 11px * 2) calc(100% - 0px);
+  background-size: calc(100% - 22px) calc(100% - 0px);
 }
 .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
   height: 0;
@@ -12616,7 +12597,7 @@ body.tox-dialog__disable-scroll {
 .tox.tox-tinymce-aux .tox-toolbar__overflow {
   background-color: #fff;
   background-position: center top 43px;
-  background-size: calc(100% - 8px * 2) calc(100% - 51px);
+  background-size: calc(100% - 16px) calc(100% - 51px);
   border: none;
   border-radius: 6px;
   box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
@@ -12628,7 +12609,7 @@ body.tox-dialog__disable-scroll {
 }
 .tox-pop .tox-pop__dialog .tox-toolbar {
   background-position: center top 43px;
-  background-size: calc(100% - 11px * 2) calc(100% - 51px);
+  background-size: calc(100% - 22px) calc(100% - 51px);
   padding: 4px 0;
 }
 .tox .tox-toolbar__group {
@@ -13921,18 +13902,18 @@ body.video-react-full-window .video-react-fullscreen {
 .cropper-dashed.dashed-h {
   border-bottom-width: 1px;
   border-top-width: 1px;
-  height: calc(100% / 3);
+  height: 33.3333333333%;
   left: 0;
-  top: calc(100% / 3);
+  top: 33.3333333333%;
   width: 100%;
 }
 .cropper-dashed.dashed-v {
   border-left-width: 1px;
   border-right-width: 1px;
   height: 100%;
-  left: calc(100% / 3);
+  left: 33.3333333333%;
   top: 0;
-  width: calc(100% / 3);
+  width: 33.3333333333%;
 }
 .cropper-center {
   display: block;
@@ -14248,14 +14229,9 @@ body.video-react-full-window .video-react-fullscreen {
 .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 */
+  -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,
@@ -14324,14 +14300,9 @@ td.rdtQuarter:hover {
   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 */
+  -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 {
@@ -14855,12 +14826,12 @@ body {
 .dark-Layout-asideFooter ~ div {
   padding-bottom: 3.125rem;
 }
-.dark-Layout-body {
+.dark-Layout-main {
   padding-bottom: var(--Layout-footer-height);
   width: 100%;
   height: 100%;
 }
-.dark-Layout--noFooter .dark-Layout-body {
+.dark-Layout--noFooter .dark-Layout-main {
   padding-bottom: 0;
 }
 .dark-Layout-footer {
@@ -14886,7 +14857,6 @@ body {
   .dark-Layout-content {
     transition: transform var(--animation-duration) ease;
   }
-
   .dark-Layout-aside {
     display: none;
   }
@@ -14902,13 +14872,11 @@ body {
     -webkit-overflow-scrolling: touch;
     z-index: 1010;
   }
-
   .dark-Layout-headerBar {
     display: none;
   }
-
   .dark-Layout--offScreen .dark-Layout-body,
-.dark-Layout--offScreen .dark-Layout-footer {
+  .dark-Layout--offScreen .dark-Layout-footer {
     background: var(--body-bg);
     transition: transform var(--animation-duration) ease;
     backface-visibility: hidden;
@@ -14923,7 +14891,6 @@ body {
     z-index: 1015;
     padding-top: 3.125rem;
   }
-
   .dark-Layout-offScreenBtn {
     display: block;
   }
@@ -14936,6 +14903,29 @@ body {
   .dark-Layout-header {
     width: 100%;
   }
+  .dark-Layout-main {
+    flex-grow: 1;
+    display: flex;
+    min-width: 0;
+    flex-direction: row;
+    justify-content: stretch;
+    align-items: stretch;
+  }
+  .dark-Layout-body {
+    flex-grow: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: stretch;
+    align-items: stretch;
+  }
+  .dark-Layout-content {
+    display: flex;
+    flex-grow: 1;
+    min-width: 0;
+    position: relative;
+    min-height: 0;
+  }
   .dark-Layout > .dark-Layout-body {
     flex-grow: 1;
     position: relative;
@@ -14948,23 +14938,14 @@ body {
   }
   .dark-Layout-brand, .dark-Layout-brandBar, .dark-Layout-aside {
     width: var(--Layout-aside-width);
+    flex-shrink: 0;
     transition: width var(--animation-duration) ease;
   }
   .dark-Layout-brandBar {
     float: left;
   }
-  .dark-Layout--withAside {
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: stretch;
-  }
-  .dark-Layout--withAside > .dark-Layout-content {
-    flex-grow: 1;
-    width: 0;
-    position: relative;
-  }
   .dark-Layout--withAside .dark-Layout-headerBar,
-.dark-Layout--withAside .dark-Layout-footer {
+  .dark-Layout--withAside .dark-Layout-footer {
     margin-left: var(--Layout-aside-width);
     transition: margin var(--animation-duration) ease;
   }
@@ -14987,11 +14968,11 @@ body {
     width: auto;
   }
   .dark-Layout--folded .dark-Layout-aside,
-.dark-Layout--folded .dark-Layout-brandBar {
+  .dark-Layout--folded .dark-Layout-brandBar {
     width: var(--Layout-aside--folded-width);
   }
   .dark-Layout--folded.dark-Layout--withAside .dark-Layout-headerBar,
-.dark-Layout--folded.dark-Layout--withAside .dark-Layout-footer {
+  .dark-Layout--folded.dark-Layout--withAside .dark-Layout-footer {
     margin-left: var(--Layout-aside--folded-width);
   }
   .dark-Layout--folded .dark-Layout-brand {
@@ -15033,6 +15014,9 @@ body {
   .dark-Layout--asideFixed .dark-Layout-asideInner::-webkit-scrollbar:vertical {
     width: 17px;
   }
+  .dark-Layout--noHeader .dark-Layout-asideWrap {
+    top: 0;
+  }
   .dark-Layout--asideFixed.dark-Layout--folded .dark-Layout-aside {
     position: static;
   }
@@ -15048,18 +15032,18 @@ body {
     padding-right: 17px;
   }
   .dark-Layout--sm:not(.dark-Layout--folded) .dark-Layout-brand,
-.dark-Layout--sm:not(.dark-Layout--folded) .dark-Layout-brandBar,
-.dark-Layout--sm:not(.dark-Layout--folded) .dark-Layout-aside {
+  .dark-Layout--sm:not(.dark-Layout--folded) .dark-Layout-brandBar,
+  .dark-Layout--sm:not(.dark-Layout--folded) .dark-Layout-aside {
     width: var(--Layout-aside--sm-width);
   }
   .dark-Layout--md:not(.dark-Layout--folded) .dark-Layout-brand,
-.dark-Layout--md:not(.dark-Layout--folded) .dark-Layout-brandBar,
-.dark-Layout--md:not(.dark-Layout--folded) .dark-Layout-aside {
+  .dark-Layout--md:not(.dark-Layout--folded) .dark-Layout-brandBar,
+  .dark-Layout--md:not(.dark-Layout--folded) .dark-Layout-aside {
     width: var(--Layout-aside--md-width);
   }
   .dark-Layout--lg:not(.dark-Layout--folded) .dark-Layout-brand,
-.dark-Layout--lg:not(.dark-Layout--folded) .dark-Layout-brandBar,
-.dark-Layout--lg:not(.dark-Layout--folded) .dark-Layout-aside {
+  .dark-Layout--lg:not(.dark-Layout--folded) .dark-Layout-brandBar,
+  .dark-Layout--lg:not(.dark-Layout--folded) .dark-Layout-aside {
     width: var(--Layout-aside--lg-width);
   }
 }
@@ -15231,7 +15215,6 @@ body {
     flex-direction: column;
     justify-content: space-between;
   }
-
   .dark-Grid-col--sm1 {
     flex: 0 0 8.3333333333%;
     max-width: 8.3333333333%;
@@ -15239,7 +15222,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -15247,7 +15229,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -15255,7 +15236,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -15263,7 +15243,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -15271,7 +15250,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15279,7 +15257,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -15287,7 +15264,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -15295,7 +15271,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -15303,7 +15278,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -15311,7 +15285,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -15319,7 +15292,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15327,7 +15299,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm {
     flex-basis: 0;
     flex-grow: 1;
@@ -15337,7 +15308,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--smAuto {
     flex: 0 0 auto;
     width: auto;
@@ -15354,7 +15324,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -15362,7 +15331,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -15370,7 +15338,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -15378,7 +15345,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -15386,7 +15352,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15394,7 +15359,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -15402,7 +15366,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -15410,7 +15373,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -15418,7 +15380,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -15426,7 +15387,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -15434,7 +15394,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15442,7 +15401,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md {
     flex-basis: 0;
     flex-grow: 1;
@@ -15452,7 +15410,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--mdAuto {
     flex: 0 0 auto;
     width: auto;
@@ -15469,7 +15426,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -15477,7 +15433,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -15485,7 +15440,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -15493,7 +15447,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -15501,7 +15454,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15509,7 +15461,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -15517,7 +15468,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -15525,7 +15475,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -15533,7 +15482,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -15541,7 +15489,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -15549,7 +15496,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15557,7 +15503,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg {
     flex-basis: 0;
     flex-grow: 1;
@@ -15567,7 +15512,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lgAuto {
     flex: 0 0 auto;
     width: auto;
@@ -15692,7 +15636,7 @@ body {
   border-radius: 0.625rem;
 }
 .dark-AsideNav-itemIcon {
-  margin: calc( ( var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / -2 ) -0.625rem;
+  margin: calc((var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / -2) -0.625rem;
   line-height: var(--Layout-nav-height);
   width: var(--Layout-nav-height);
   vertical-align: middle;
@@ -15738,7 +15682,7 @@ body {
   text-transform: none;
   display: block;
   font-size: var(--Layout-asideLink-fontSize);
-  padding: calc( ( var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-base);
+  padding: calc((var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / 2) var(--gap-base);
   position: relative;
   transition: background-color var(--animation-duration) ease-in-out 0s;
   color: var(--Layout-asideLink-color);
@@ -15763,7 +15707,7 @@ body {
   background: var(--Layout-aside-onAcitve-onHover-bg);
 }
 .dark-AsideNav-item.is-lg > a {
-  padding: calc( ( var(--Layout-nav-lgHeight) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-md);
+  padding: calc((var(--Layout-nav-lgHeight) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / 2) var(--gap-md);
 }
 .dark-AsideNav-item .dark-AsideNav-item a {
   padding-left: calc(var(--Layout-nav-height) + 0.3125rem);
@@ -15790,7 +15734,7 @@ body {
   cursor: default;
   background: transparent;
   color: var(--Layout-asideLink-color);
-  padding: calc( ( var(--Layout-nav--folded-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-md);
+  padding: calc((var(--Layout-nav--folded-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / 2) var(--gap-md);
 }
 .dark-AsideNav-subHeader a:hover {
   color: var(--Layout-asideLink-onHover-color);
@@ -15853,7 +15797,7 @@ img.dark-AsideNav-itemIcon {
     border: none;
   }
   .dark-Layout--folded .dark-AsideNav-list > .dark-AsideNav-item > a .dark-AsideNav-itemArrow,
-.dark-Layout--folded .dark-AsideNav-list > .dark-AsideNav-item > a .dark-AsideNav-itemLabel {
+  .dark-Layout--folded .dark-AsideNav-list > .dark-AsideNav-item > a .dark-AsideNav-itemLabel {
     display: none;
   }
   .dark-Layout--folded .dark-AsideNav-list > .dark-AsideNav-item > a .dark-AsideNav-itemIcon {
@@ -16547,29 +16491,53 @@ img.dark-AsideNav-itemIcon {
 .dark-Button--size-default > .pull-left {
   margin-right: var(--button-size-default-icon-margin);
   font-size: var(--button-size-default-icon-size);
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+  line-height: var(--button-size-default-icon-size);
 }
 .dark-Button--size-default .dark-Button-icon:last-child:not(:first-child):not(.pull-left),
 .dark-Button--size-default > .pull-right {
   font-size: var(--button-size-default-icon-size);
   margin-left: var(--button-size-default-icon-margin);
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+  line-height: var(--button-size-default-icon-size);
 }
 .dark-Button--size-default .dark-Button--loading:first-child:not(:last-child):not(.pull-right),
 .dark-Button--size-default > svg.icon:not(:last-child):not(.pull-right),
 .dark-Button--size-default > .pull-left {
   font-size: var(--button-size-default-icon-size);
   margin-right: var(--button-size-default-icon-margin);
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+  line-height: var(--button-size-default-icon-size);
 }
 .dark-Button--size-default .dark-Button--loading:last-child:not(:first-child):not(.pull-left),
 .dark-Button--size-default > .pull-right {
   font-size: var(--button-size-default-icon-size);
   margin-left: var(--button-size-default-icon-margin);
-}
-.dark-Button--size-default img.dark-Button-icon {
+  width: var(--button-size-default-icon-size);
   height: var(--button-size-default-icon-size);
-  vertical-align: middle;
+  line-height: var(--button-size-default-icon-size);
 }
 .dark-Button--size-default.dark-Button--iconOnly {
   min-width: var(--button-size-default-height);
+  padding: 0;
+}
+.dark-Button--size-default.dark-Button--iconOnly:not(.dark-Button--link) > svg.icon {
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+}
+.dark-Button--size-default.dark-Button--iconOnly:not(.dark-Button--link) > .fa,
+.dark-Button--size-default.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
+  font-size: var(--button-size-default-icon-size);
+}
+.dark-Button--size-default.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
+  line-height: 1;
+}
+.dark-Button--size-default img.dark-Button-icon {
+  height: var(--button-size-default-icon-size);
+  vertical-align: middle;
 }
 .dark-Button--size-xs {
   font-size: var(--button-size-xs-fontSize);
@@ -16585,29 +16553,53 @@ img.dark-AsideNav-itemIcon {
 .dark-Button--size-xs > .pull-left {
   margin-right: var(--button-size-xs-icon-margin);
   font-size: var(--button-size-xs-icon-size);
+  width: var(--button-size-xs-icon-size);
+  height: var(--button-size-xs-icon-size);
+  line-height: var(--button-size-xs-icon-size);
 }
 .dark-Button--size-xs .dark-Button-icon:last-child:not(:first-child):not(.pull-left),
 .dark-Button--size-xs > .pull-right {
   font-size: var(--button-size-xs-icon-size);
   margin-left: var(--button-size-xs-icon-margin);
+  width: var(--button-size-xs-icon-size);
+  height: var(--button-size-xs-icon-size);
+  line-height: var(--button-size-xs-icon-size);
 }
 .dark-Button--size-xs .dark-Button--loading:first-child:not(:last-child):not(.pull-right),
 .dark-Button--size-xs > svg.icon:not(:last-child):not(.pull-right),
 .dark-Button--size-xs > .pull-left {
   font-size: var(--button-size-xs-icon-size);
   margin-right: var(--button-size-xs-icon-margin);
+  width: var(--button-size-xs-icon-size);
+  height: var(--button-size-xs-icon-size);
+  line-height: var(--button-size-xs-icon-size);
 }
 .dark-Button--size-xs .dark-Button--loading:last-child:not(:first-child):not(.pull-left),
 .dark-Button--size-xs > .pull-right {
   font-size: var(--button-size-xs-icon-size);
   margin-left: var(--button-size-xs-icon-margin);
-}
-.dark-Button--size-xs img.dark-Button-icon {
+  width: var(--button-size-xs-icon-size);
   height: var(--button-size-xs-icon-size);
-  vertical-align: middle;
+  line-height: var(--button-size-xs-icon-size);
 }
 .dark-Button--size-xs.dark-Button--iconOnly {
   min-width: var(--button-size-xs-height);
+  padding: 0;
+}
+.dark-Button--size-xs.dark-Button--iconOnly:not(.dark-Button--link) > svg.icon {
+  width: var(--button-size-xs-icon-size);
+  height: var(--button-size-xs-icon-size);
+}
+.dark-Button--size-xs.dark-Button--iconOnly:not(.dark-Button--link) > .fa,
+.dark-Button--size-xs.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
+  font-size: var(--button-size-xs-icon-size);
+}
+.dark-Button--size-xs.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
+  line-height: 1;
+}
+.dark-Button--size-xs img.dark-Button-icon {
+  height: var(--button-size-xs-icon-size);
+  vertical-align: middle;
 }
 .dark-Button--size-sm {
   font-size: var(--button-size-sm-fontSize);
@@ -16623,29 +16615,53 @@ img.dark-AsideNav-itemIcon {
 .dark-Button--size-sm > .pull-left {
   margin-right: var(--button-size-sm-icon-margin);
   font-size: var(--button-size-sm-icon-size);
+  width: var(--button-size-sm-icon-size);
+  height: var(--button-size-sm-icon-size);
+  line-height: var(--button-size-sm-icon-size);
 }
 .dark-Button--size-sm .dark-Button-icon:last-child:not(:first-child):not(.pull-left),
 .dark-Button--size-sm > .pull-right {
   font-size: var(--button-size-sm-icon-size);
   margin-left: var(--button-size-sm-icon-margin);
+  width: var(--button-size-sm-icon-size);
+  height: var(--button-size-sm-icon-size);
+  line-height: var(--button-size-sm-icon-size);
 }
 .dark-Button--size-sm .dark-Button--loading:first-child:not(:last-child):not(.pull-right),
 .dark-Button--size-sm > svg.icon:not(:last-child):not(.pull-right),
 .dark-Button--size-sm > .pull-left {
   font-size: var(--button-size-sm-icon-size);
   margin-right: var(--button-size-sm-icon-margin);
+  width: var(--button-size-sm-icon-size);
+  height: var(--button-size-sm-icon-size);
+  line-height: var(--button-size-sm-icon-size);
 }
 .dark-Button--size-sm .dark-Button--loading:last-child:not(:first-child):not(.pull-left),
 .dark-Button--size-sm > .pull-right {
   font-size: var(--button-size-sm-icon-size);
   margin-left: var(--button-size-sm-icon-margin);
-}
-.dark-Button--size-sm img.dark-Button-icon {
+  width: var(--button-size-sm-icon-size);
   height: var(--button-size-sm-icon-size);
-  vertical-align: middle;
+  line-height: var(--button-size-sm-icon-size);
 }
 .dark-Button--size-sm.dark-Button--iconOnly {
   min-width: var(--button-size-sm-height);
+  padding: 0;
+}
+.dark-Button--size-sm.dark-Button--iconOnly:not(.dark-Button--link) > svg.icon {
+  width: var(--button-size-sm-icon-size);
+  height: var(--button-size-sm-icon-size);
+}
+.dark-Button--size-sm.dark-Button--iconOnly:not(.dark-Button--link) > .fa,
+.dark-Button--size-sm.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
+  font-size: var(--button-size-sm-icon-size);
+}
+.dark-Button--size-sm.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
+  line-height: 1;
+}
+.dark-Button--size-sm img.dark-Button-icon {
+  height: var(--button-size-sm-icon-size);
+  vertical-align: middle;
 }
 .dark-Button--size-md {
   font-size: var(--button-size-md-fontSize);
@@ -16661,29 +16677,53 @@ img.dark-AsideNav-itemIcon {
 .dark-Button--size-md > .pull-left {
   margin-right: var(--button-size-md-icon-margin);
   font-size: var(--button-size-md-icon-size);
+  width: var(--button-size-md-icon-size);
+  height: var(--button-size-md-icon-size);
+  line-height: var(--button-size-md-icon-size);
 }
 .dark-Button--size-md .dark-Button-icon:last-child:not(:first-child):not(.pull-left),
 .dark-Button--size-md > .pull-right {
   font-size: var(--button-size-md-icon-size);
   margin-left: var(--button-size-md-icon-margin);
+  width: var(--button-size-md-icon-size);
+  height: var(--button-size-md-icon-size);
+  line-height: var(--button-size-md-icon-size);
 }
 .dark-Button--size-md .dark-Button--loading:first-child:not(:last-child):not(.pull-right),
 .dark-Button--size-md > svg.icon:not(:last-child):not(.pull-right),
 .dark-Button--size-md > .pull-left {
   font-size: var(--button-size-md-icon-size);
   margin-right: var(--button-size-md-icon-margin);
+  width: var(--button-size-md-icon-size);
+  height: var(--button-size-md-icon-size);
+  line-height: var(--button-size-md-icon-size);
 }
 .dark-Button--size-md .dark-Button--loading:last-child:not(:first-child):not(.pull-left),
 .dark-Button--size-md > .pull-right {
   font-size: var(--button-size-md-icon-size);
   margin-left: var(--button-size-md-icon-margin);
-}
-.dark-Button--size-md img.dark-Button-icon {
+  width: var(--button-size-md-icon-size);
   height: var(--button-size-md-icon-size);
-  vertical-align: middle;
+  line-height: var(--button-size-md-icon-size);
 }
 .dark-Button--size-md.dark-Button--iconOnly {
   min-width: var(--button-size-md-height);
+  padding: 0;
+}
+.dark-Button--size-md.dark-Button--iconOnly:not(.dark-Button--link) > svg.icon {
+  width: var(--button-size-md-icon-size);
+  height: var(--button-size-md-icon-size);
+}
+.dark-Button--size-md.dark-Button--iconOnly:not(.dark-Button--link) > .fa,
+.dark-Button--size-md.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
+  font-size: var(--button-size-md-icon-size);
+}
+.dark-Button--size-md.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
+  line-height: 1;
+}
+.dark-Button--size-md img.dark-Button-icon {
+  height: var(--button-size-md-icon-size);
+  vertical-align: middle;
 }
 .dark-Button--size-lg {
   font-size: var(--button-size-lg-fontSize);
@@ -16699,44 +16739,54 @@ img.dark-AsideNav-itemIcon {
 .dark-Button--size-lg > .pull-left {
   margin-right: var(--button-size-lg-icon-margin);
   font-size: var(--button-size-lg-icon-size);
+  width: var(--button-size-lg-icon-size);
+  height: var(--button-size-lg-icon-size);
+  line-height: var(--button-size-lg-icon-size);
 }
 .dark-Button--size-lg .dark-Button-icon:last-child:not(:first-child):not(.pull-left),
 .dark-Button--size-lg > .pull-right {
   font-size: var(--button-size-lg-icon-size);
   margin-left: var(--button-size-lg-icon-margin);
+  width: var(--button-size-lg-icon-size);
+  height: var(--button-size-lg-icon-size);
+  line-height: var(--button-size-lg-icon-size);
 }
 .dark-Button--size-lg .dark-Button--loading:first-child:not(:last-child):not(.pull-right),
 .dark-Button--size-lg > svg.icon:not(:last-child):not(.pull-right),
 .dark-Button--size-lg > .pull-left {
   font-size: var(--button-size-lg-icon-size);
   margin-right: var(--button-size-lg-icon-margin);
+  width: var(--button-size-lg-icon-size);
+  height: var(--button-size-lg-icon-size);
+  line-height: var(--button-size-lg-icon-size);
 }
 .dark-Button--size-lg .dark-Button--loading:last-child:not(:first-child):not(.pull-left),
 .dark-Button--size-lg > .pull-right {
   font-size: var(--button-size-lg-icon-size);
   margin-left: var(--button-size-lg-icon-margin);
-}
-.dark-Button--size-lg img.dark-Button-icon {
+  width: var(--button-size-lg-icon-size);
   height: var(--button-size-lg-icon-size);
-  vertical-align: middle;
+  line-height: var(--button-size-lg-icon-size);
 }
 .dark-Button--size-lg.dark-Button--iconOnly {
   min-width: var(--button-size-lg-height);
-}
-.dark-Button--iconOnly {
   padding: 0;
 }
-.dark-Button--iconOnly:not(.dark-Button--link) > svg.icon {
-  width: 0.875rem;
-  height: 0.875rem;
+.dark-Button--size-lg.dark-Button--iconOnly:not(.dark-Button--link) > svg.icon {
+  width: var(--button-size-lg-icon-size);
+  height: var(--button-size-lg-icon-size);
 }
-.dark-Button--iconOnly:not(.dark-Button--link) > .fa,
-.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
-  font-size: var(--fontSizeMd);
+.dark-Button--size-lg.dark-Button--iconOnly:not(.dark-Button--link) > .fa,
+.dark-Button--size-lg.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
+  font-size: var(--button-size-lg-icon-size);
 }
-.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
+.dark-Button--size-lg.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
   line-height: 1;
 }
+.dark-Button--size-lg img.dark-Button-icon {
+  height: var(--button-size-lg-icon-size);
+  vertical-align: middle;
+}
 .dark-Button:hover:focus {
   text-decoration: none;
 }
@@ -17216,7 +17266,7 @@ input[type=button].dark-Button--block {
   line-height: inherit;
   text-decoration: none;
   vertical-align: middle;
-  z-index: calc($zindex-spinner-overlay + 1);
+  z-index: calc(11 + 1);
 }
 .dark-Modal-close svg {
   width: var(--dialog-icon-size);
@@ -17264,54 +17314,85 @@ input[type=button].dark-Button--block {
   margin-left: var(--dialog-footer-margin-left);
 }
 .dark-Modal--2th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 1 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          1 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 .dark-Modal--3th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 2 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          2 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 .dark-Modal--4th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 3 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          3 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 .dark-Modal--5th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 4 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          4 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 .dark-Modal--6th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 5 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          5 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 .dark-Modal--7th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 6 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          6 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 .dark-Modal--8th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 7 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          7 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 .dark-Modal--9th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 8 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          8 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 .dark-Modal--10th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 9 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          9 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 @media (min-width: 576px) {
   .dark-Modal-content {
     max-width: var(--dialog-size-normal-width);
     border-width: var(--dialog-default-border-width);
   }
-
   .dark-Modal--sm .dark-Modal-content {
     max-width: var(--dialog-size-sm-width);
   }
-
   .dark-Modal--base .dark-Modal-content {
     max-width: var(--Modal-widthBase);
   }
-
   .dark-Modal--md .dark-Modal-content {
     max-width: var(--Modal-widthMd);
   }
-
   .dark-Modal--lg .dark-Modal-content {
     max-width: var(--dialog-size-lg-width);
   }
-
   .dark-Modal--xl .dark-Modal-content {
     max-width: var(--dialog-size-xl-width);
   }
@@ -17488,279 +17569,264 @@ input[type=button].dark-Button--block {
     width: var(--Drawer-widthBase);
     height: var(--Drawer-widthBase);
   }
-
   .dark-Drawer--xs .dark-Drawer-content {
     width: var(--drawer-size-xs-width);
     height: var(--Drawer-widthXs);
   }
-
   .dark-Drawer--sm .dark-Drawer-content {
     width: var(--drawer-size-sm-width);
     height: var(--Drawer-widthSm);
   }
-
   .dark-Drawer--md .dark-Drawer-content {
     width: var(--drawer-size-md-width);
     height: var(--Drawer-widthMd);
   }
-
   .dark-Drawer--lg .dark-Drawer-content {
     width: var(--drawer-size-lg-width);
     height: var(--Drawer-widthLg);
   }
-
   .dark-Drawer--xl .dark-Drawer-content {
     width: var(--drawer-size-xl-width);
     height: var(--Drawer-widthXl);
   }
-
   .dark-Drawer--right.dark-Modal--2th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--2th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--2th.dark-Drawer .dark-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 20px);
   }
   .dark-Drawer--right.dark-Modal--2th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--2th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--2th.dark-Drawer--xs .dark-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 20px);
   }
   .dark-Drawer--right.dark-Modal--2th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--2th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--2th.dark-Drawer--sm .dark-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 20px);
   }
   .dark-Drawer--right.dark-Modal--2th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--2th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--2th.dark-Drawer--md .dark-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 20px);
   }
   .dark-Drawer--right.dark-Modal--2th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--2th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--2th.dark-Drawer--lg .dark-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 20px);
   }
   .dark-Drawer--right.dark-Modal--2th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--2th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--2th.dark-Drawer--xl .dark-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 20px);
   }
-
   .dark-Drawer--top.dark-Modal--2th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--2th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--2th.dark-Drawer .dark-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 20px);
   }
   .dark-Drawer--top.dark-Modal--2th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--xs .dark-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 20px);
   }
   .dark-Drawer--top.dark-Modal--2th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--sm .dark-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 20px);
   }
   .dark-Drawer--top.dark-Modal--2th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--md .dark-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 20px);
   }
   .dark-Drawer--top.dark-Modal--2th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--lg .dark-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 20px);
   }
   .dark-Drawer--top.dark-Modal--2th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--xl .dark-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 20px);
   }
-
   .dark-Drawer--right.dark-Modal--3th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--3th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--3th.dark-Drawer .dark-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 40px);
   }
   .dark-Drawer--right.dark-Modal--3th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--3th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--3th.dark-Drawer--xs .dark-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 40px);
   }
   .dark-Drawer--right.dark-Modal--3th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--3th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--3th.dark-Drawer--sm .dark-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 40px);
   }
   .dark-Drawer--right.dark-Modal--3th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--3th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--3th.dark-Drawer--md .dark-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 40px);
   }
   .dark-Drawer--right.dark-Modal--3th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--3th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--3th.dark-Drawer--lg .dark-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 40px);
   }
   .dark-Drawer--right.dark-Modal--3th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--3th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--3th.dark-Drawer--xl .dark-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 40px);
   }
-
   .dark-Drawer--top.dark-Modal--3th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--3th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--3th.dark-Drawer .dark-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 40px);
   }
   .dark-Drawer--top.dark-Modal--3th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--xs .dark-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 40px);
   }
   .dark-Drawer--top.dark-Modal--3th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--sm .dark-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 40px);
   }
   .dark-Drawer--top.dark-Modal--3th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--md .dark-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 40px);
   }
   .dark-Drawer--top.dark-Modal--3th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--lg .dark-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 40px);
   }
   .dark-Drawer--top.dark-Modal--3th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--xl .dark-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 40px);
   }
-
   .dark-Drawer--right.dark-Modal--4th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--4th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--4th.dark-Drawer .dark-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 60px);
   }
   .dark-Drawer--right.dark-Modal--4th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--4th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--4th.dark-Drawer--xs .dark-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 60px);
   }
   .dark-Drawer--right.dark-Modal--4th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--4th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--4th.dark-Drawer--sm .dark-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 60px);
   }
   .dark-Drawer--right.dark-Modal--4th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--4th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--4th.dark-Drawer--md .dark-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 60px);
   }
   .dark-Drawer--right.dark-Modal--4th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--4th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--4th.dark-Drawer--lg .dark-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 60px);
   }
   .dark-Drawer--right.dark-Modal--4th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--4th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--4th.dark-Drawer--xl .dark-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 60px);
   }
-
   .dark-Drawer--top.dark-Modal--4th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--4th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--4th.dark-Drawer .dark-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 60px);
   }
   .dark-Drawer--top.dark-Modal--4th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--xs .dark-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 60px);
   }
   .dark-Drawer--top.dark-Modal--4th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--sm .dark-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 60px);
   }
   .dark-Drawer--top.dark-Modal--4th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--md .dark-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 60px);
   }
   .dark-Drawer--top.dark-Modal--4th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--lg .dark-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 60px);
   }
   .dark-Drawer--top.dark-Modal--4th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--xl .dark-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 60px);
   }
-
   .dark-Drawer--right.dark-Modal--5th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--5th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--5th.dark-Drawer .dark-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 80px);
   }
   .dark-Drawer--right.dark-Modal--5th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--5th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--5th.dark-Drawer--xs .dark-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 80px);
   }
   .dark-Drawer--right.dark-Modal--5th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--5th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--5th.dark-Drawer--sm .dark-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 80px);
   }
   .dark-Drawer--right.dark-Modal--5th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--5th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--5th.dark-Drawer--md .dark-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 80px);
   }
   .dark-Drawer--right.dark-Modal--5th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--5th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--5th.dark-Drawer--lg .dark-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 80px);
   }
   .dark-Drawer--right.dark-Modal--5th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--5th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--5th.dark-Drawer--xl .dark-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 80px);
   }
-
   .dark-Drawer--top.dark-Modal--5th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--5th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--5th.dark-Drawer .dark-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 80px);
   }
   .dark-Drawer--top.dark-Modal--5th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--xs .dark-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 80px);
   }
   .dark-Drawer--top.dark-Modal--5th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--sm .dark-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 80px);
   }
   .dark-Drawer--top.dark-Modal--5th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--md .dark-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 80px);
   }
   .dark-Drawer--top.dark-Modal--5th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--lg .dark-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 80px);
   }
   .dark-Drawer--top.dark-Modal--5th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--xl .dark-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 80px);
   }
-
   .dark-Drawer--right.dark-Modal--6th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--6th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--6th.dark-Drawer .dark-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 100px);
   }
   .dark-Drawer--right.dark-Modal--6th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--6th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--6th.dark-Drawer--xs .dark-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 100px);
   }
   .dark-Drawer--right.dark-Modal--6th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--6th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--6th.dark-Drawer--sm .dark-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 100px);
   }
   .dark-Drawer--right.dark-Modal--6th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--6th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--6th.dark-Drawer--md .dark-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 100px);
   }
   .dark-Drawer--right.dark-Modal--6th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--6th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--6th.dark-Drawer--lg .dark-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 100px);
   }
   .dark-Drawer--right.dark-Modal--6th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--6th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--6th.dark-Drawer--xl .dark-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 100px);
   }
-
   .dark-Drawer--top.dark-Modal--6th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--6th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--6th.dark-Drawer .dark-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 100px);
   }
   .dark-Drawer--top.dark-Modal--6th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--xs .dark-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 100px);
   }
   .dark-Drawer--top.dark-Modal--6th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--sm .dark-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 100px);
   }
   .dark-Drawer--top.dark-Modal--6th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--md .dark-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 100px);
   }
   .dark-Drawer--top.dark-Modal--6th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--lg .dark-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 100px);
   }
   .dark-Drawer--top.dark-Modal--6th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--xl .dark-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 100px);
   }
 }
@@ -17919,7 +17985,7 @@ input[type=button].dark-Button--block {
   margin-top: calc(var(--Tooltip-arrow-height) * -1 - 0.125rem);
 }
 .dark-Tooltip--top .dark-Tooltip-arrow {
-  bottom: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 );
+  bottom: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
 }
 .dark-Tooltip--top .dark-Tooltip-arrow::before,
 .dark-Tooltip--top .dark-Tooltip-arrow::after {
@@ -17957,7 +18023,7 @@ input[type=button].dark-Button--block {
   margin-top: calc(var(--Tooltip-arrow-height) + 0.125rem);
 }
 .dark-Tooltip--bottom .dark-Tooltip-arrow {
-  top: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 );
+  top: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
 }
 .dark-Tooltip--bottom .dark-Tooltip-arrow::before,
 .dark-Tooltip--bottom .dark-Tooltip-arrow::after {
@@ -17985,7 +18051,7 @@ input[type=button].dark-Button--block {
 }
 .dark-Tooltip--left .dark-Tooltip-arrow {
   left: auto;
-  right: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 );
+  right: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
   width: var(--Tooltip-arrow-height);
   height: var(--Tooltip-arrow-width);
   margin-top: calc(var(--Tooltip-arrow-width) * -1 / 2);
@@ -18008,8 +18074,8 @@ input[type=button].dark-Button--block {
   font-size: var(--fontSizeBase);
   color: var(--Tooltip-title-color);
   font-weight: var(--Tooltip-fontWeight);
-  border-top-left-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) );
-  border-top-right-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) );
+  border-top-left-radius: calc(var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth));
+  border-top-right-radius: calc(var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth));
   font-weight: var(--Tooltip-title-fontWeight);
 }
 .dark-Tooltip-title:empty {
@@ -18430,7 +18496,7 @@ input[type=button].dark-Button--block {
   z-index: 1;
   width: 100%;
   height: 100%;
-  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)), linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));
+  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4)), linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
   background-repeat: no-repeat;
   background-position: top, bottom;
   transform: translateZ(0);
@@ -18813,6 +18879,14 @@ input[type=button].dark-Button--block {
   display: inline-flex;
   vertical-align: middle;
 }
+.dark-AppContent {
+  display: flex;
+  flex-direction: column;
+}
+.dark-AppBody {
+  flex: 1;
+  min-height: 0;
+}
 .dark-ArrayInput-placeholder {
   color: var(--text--muted-color);
   padding-top: var(--Form-label-paddingTop);
@@ -18842,22 +18916,49 @@ input[type=button].dark-Button--block {
 .dark-ArrayInput-addBtn > .pull-left {
   margin-right: var(--button-size-default-icon-margin);
   font-size: var(--button-size-default-icon-size);
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+  line-height: var(--button-size-default-icon-size);
 }
 .dark-ArrayInput-addBtn .dark-Button-icon:last-child:not(:first-child):not(.pull-left),
 .dark-ArrayInput-addBtn > .pull-right {
   font-size: var(--button-size-default-icon-size);
   margin-left: var(--button-size-default-icon-margin);
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+  line-height: var(--button-size-default-icon-size);
 }
 .dark-ArrayInput-addBtn .dark-Button--loading:first-child:not(:last-child):not(.pull-right),
 .dark-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .dark-ArrayInput-addBtn > .pull-left {
   font-size: var(--button-size-default-icon-size);
   margin-right: var(--button-size-default-icon-margin);
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+  line-height: var(--button-size-default-icon-size);
 }
 .dark-ArrayInput-addBtn .dark-Button--loading:last-child:not(:first-child):not(.pull-left),
 .dark-ArrayInput-addBtn > .pull-right {
   font-size: var(--button-size-default-icon-size);
   margin-left: var(--button-size-default-icon-margin);
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+  line-height: var(--button-size-default-icon-size);
+}
+.dark-ArrayInput-addBtn.dark-Button--iconOnly {
+  min-width: var(--Combo-addBtn-height);
+  padding: 0;
+}
+.dark-ArrayInput-addBtn.dark-Button--iconOnly:not(.dark-Button--link) > svg.icon {
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+}
+.dark-ArrayInput-addBtn.dark-Button--iconOnly:not(.dark-Button--link) > .fa,
+.dark-ArrayInput-addBtn.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
+  font-size: var(--button-size-default-icon-size);
+}
+.dark-ArrayInput-addBtn.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
+  line-height: 1;
 }
 .dark-ArrayInput-addBtn img.dark-Button-icon {
   height: var(--button-size-default-icon-size);
@@ -20097,14 +20198,13 @@ input[type=button].dark-Button--block {
     min-width: var(--Page-aside-width);
     max-width: var(--Page-aside-maxWidth);
   }
-
   .dark-Page--withSidebar {
     display: flex;
     flex-direction: row;
     align-items: stretch;
   }
   .dark-Page--withSidebar > .dark-Page-content,
-.dark-Page--withSidebar > .dark-PullRefresh {
+  .dark-Page--withSidebar > .dark-PullRefresh {
     width: 0;
     flex-grow: 1;
   }
@@ -20688,7 +20788,7 @@ input[type=button].dark-Button--block {
 }
 .dark-Spinner-overlay {
   position: absolute;
-  z-index: calc($zindex-spinner-overlay - 1);
+  z-index: calc(11 - 1);
   top: 0;
   left: 0;
   right: 0;
@@ -22190,6 +22290,17 @@ input[type=button].dark-Button--block {
 .dark-Wizard-stepContent .Step-pane.is-active {
   display: inherit;
 }
+.dark-Wizard-footer {
+  padding: var(--sizes-size-5) var(--sizes-size-7);
+}
+.dark-Wizard-footer .dark-Button + .dark-Button {
+  margin-left: var(--Panel-footerButtonMarginLeft);
+}
+.dark-Wizard-fixedButtom {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+}
 .dark-Wizard--vertical > .dark-Wizard-step {
   display: flex;
   flex-direction: row;
@@ -22242,7 +22353,9 @@ input[type=button].dark-Button--block {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(
+      var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
+    );
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -22358,7 +22471,7 @@ input[type=button].dark-Button--block {
     float: right;
   }
   .dark-Crud-actions > * + .dark-Button,
-.dark-Crud-actions > * + .dark-Button--disabled-wrap {
+  .dark-Crud-actions > * + .dark-Button--disabled-wrap {
     margin-left: var(--Crud-toolbar-gap);
   }
 }
@@ -22379,7 +22492,9 @@ input[type=button].dark-Button--block {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(
+      var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
+    );
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -22490,7 +22605,7 @@ input[type=button].dark-Button--block {
     float: right;
   }
   .dark-Crud-actions > * + .dark-Button,
-.dark-Crud-actions > * + .dark-Button--disabled-wrap {
+  .dark-Crud-actions > * + .dark-Button--disabled-wrap {
     margin-left: var(--Crud-toolbar-gap);
   }
 }
@@ -22544,16 +22659,17 @@ input[type=button].dark-Button--block {
   z-index: -1;
   opacity: 0;
 }
-.dark-Table-fixedTop-shadow {
+.dark-Table-fixedTop:after {
+  content: "";
   position: absolute;
+  width: 100%;
   box-shadow: var(--Table-fixedTop-boxShadow);
-  z-index: -1;
-  height: 10px;
-  margin-top: -10px;
+  z-index: 10;
+  height: 1px;
+  margin-top: -3px;
   background-color: transparent;
-  opacity: 0;
 }
-.dark-Table-fixedTop.in, .dark-Table-fixedTop.in + .dark-Table-fixedTop-shadow {
+.dark-Table-fixedTop.in {
   position: fixed;
   opacity: 1;
   z-index: 900;
@@ -22571,7 +22687,7 @@ input[type=button].dark-Button--block {
 }
 .dark-Table-heading {
   background: var(--Table-heading-bg);
-  padding: calc( ( var(--Table-heading-height) - var(--Table-fontSize) * var(--lineHeightBase) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Table-heading-height) - var(--Table-fontSize) * var(--lineHeightBase)) / 2) var(--gap-sm);
 }
 .dark-Table--unsaved .dark-Table-heading {
   background: var(--Table--unsaved-heading-bg);
@@ -23885,7 +24001,7 @@ input[type=button].dark-Button--block {
   padding: var(--table-size-large-paddingTop) var(--table-size-large-paddingRight) var(--table-size-large-paddingBottom) var(--table-size-large-paddingLeft);
 }
 .dark-Table2.dark-Table-large .dark-TableCell-filterBtn {
-  right: calc( var(--table-size-large-paddingRight) - var(--TableCell-filterBtn-width) / 2 );
+  right: calc(var(--table-size-large-paddingRight) - var(--TableCell-filterBtn-width) / 2);
 }
 .dark-Table2.dark-Table-small .dark-Table-table > thead > tr > th {
   padding: var(--table-size-small-paddingTop) var(--table-size-small-paddingRight) var(--table-size-small-paddingBottom) var(--table-size-small-paddingLeft);
@@ -23898,7 +24014,7 @@ input[type=button].dark-Button--block {
   padding: var(--table-size-small-paddingTop) var(--table-size-small-paddingRight) var(--table-size-small-paddingBottom) var(--table-size-small-paddingLeft);
 }
 .dark-Table2.dark-Table-small .dark-TableCell-filterBtn {
-  right: calc( var(--table-size-small-paddingRight) - var(--TableCell-filterBtn-width) / 2 );
+  right: calc(var(--table-size-small-paddingRight) - var(--TableCell-filterBtn-width) / 2);
 }
 .dark-Table2 .dark-Table-title,
 .dark-Table2 .dark-Table-footer {
@@ -24777,15 +24893,15 @@ input[type=button].dark-Button--block {
   background: var(--Table-tree-borderColor);
 }
 .dark-Table2 .dark-Table-table > thead > tr > th.dark-TableCell--sortable {
-  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-sortBtn-width) );
+  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-sortBtn-width));
   position: relative;
 }
 .dark-Table2 .dark-Table-table > thead > tr > th.dark-TableCell--searchable {
-  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-searchBtn-width) );
+  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-searchBtn-width));
   position: relative;
 }
 .dark-Table2 .dark-Table-table > thead > tr > th.dark-TableCell--filterable {
-  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-filterBtn-width) );
+  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-filterBtn-width));
   position: relative;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.dark-Table-row-disabled {
@@ -25628,32 +25744,26 @@ input[type=button].dark-Button--block {
     -moz-column-count: 12;
          column-count: 12;
   }
-
   .dark-Cards--masonrySm2 {
     -moz-column-count: 6;
          column-count: 6;
   }
-
   .dark-Cards--masonrySm3 {
     -moz-column-count: 4;
          column-count: 4;
   }
-
   .dark-Cards--masonrySm4 {
     -moz-column-count: 3;
          column-count: 3;
   }
-
   .dark-Cards--masonrySm6 {
     -moz-column-count: 2;
          column-count: 2;
   }
-
   .dark-Cards--masonrySm12 {
     -moz-column-count: 1;
          column-count: 1;
   }
-
   .dark-Cards-toolbar {
     display: flex;
     flex-wrap: wrap;
@@ -25664,27 +25774,22 @@ input[type=button].dark-Button--block {
     -moz-column-count: 12;
          column-count: 12;
   }
-
   .dark-Cards--masonryMd2 {
     -moz-column-count: 6;
          column-count: 6;
   }
-
   .dark-Cards--masonryMd3 {
     -moz-column-count: 4;
          column-count: 4;
   }
-
   .dark-Cards--masonryMd4 {
     -moz-column-count: 3;
          column-count: 3;
   }
-
   .dark-Cards--masonryMd6 {
     -moz-column-count: 2;
          column-count: 2;
   }
-
   .dark-Cards--masonryMd12 {
     -moz-column-count: 1;
          column-count: 1;
@@ -25695,27 +25800,22 @@ input[type=button].dark-Button--block {
     -moz-column-count: 12;
          column-count: 12;
   }
-
   .dark-Cards--masonryLg2 {
     -moz-column-count: 6;
          column-count: 6;
   }
-
   .dark-Cards--masonryLg3 {
     -moz-column-count: 4;
          column-count: 4;
   }
-
   .dark-Cards--masonryLg4 {
     -moz-column-count: 3;
          column-count: 3;
   }
-
   .dark-Cards--masonryLg6 {
     -moz-column-count: 2;
          column-count: 2;
   }
-
   .dark-Cards--masonryLg12 {
     -moz-column-count: 1;
          column-count: 1;
@@ -26911,7 +27011,7 @@ input[type=button].dark-Button--block {
   pointer-events: none;
 }
 .dark-ImageGallery-prevList:hover, .dark-ImageGallery-nextList:hover {
-  background: black;
+  background: rgb(0, 0, 0);
   color: #fff;
 }
 .dark-ImageGallery-itemsWrap {
@@ -27782,7 +27882,7 @@ input[type=button].dark-Button--block {
   align-items: center;
   overflow-x: hidden;
   overflow-y: auto;
-  max-height: calc( (var(--ResultBox-tag-height) + var(--ResultBox-tag-marginBottom)) * 5 );
+  max-height: calc((var(--ResultBox-tag-height) + var(--ResultBox-tag-marginBottom)) * 5);
 }
 .dark-ResultBox-overflow.dark-Tooltip--dark .dark-ResultBox-overflow-wrapper .dark-ResultBox-value {
   color: var(--white);
@@ -28013,7 +28113,7 @@ input[type=button].dark-Button--block {
   padding: 0 var(--gap-md);
   overflow-x: hidden;
   overflow-y: auto;
-  max-height: calc( var(--SearchBox-history-dropdown-maxHeight) - 38px - var(--gap-sm) * 2 );
+  max-height: calc(var(--SearchBox-history-dropdown-maxHeight) - 38px - var(--gap-sm) * 2);
 }
 .dark-SearchBox-history .dark-SearchBox-history-tag {
   display: inlin-flex;
@@ -28067,7 +28167,7 @@ input[type=button].dark-Button--block {
 .dark-ListMenu-groupLabel {
   font-size: var(--fontSizeXs);
   color: var(--text--muted-color);
-  padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--gap-sm) ) / 2 ) 0 0 calc(var(--Form-select-paddingX) - var(--gap-xs));
+  padding: calc((var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--gap-sm)) / 2) 0 0 calc(var(--Form-select-paddingX) - var(--gap-xs));
 }
 .dark-ListMenu-group:not(:first-child) > .dark-ListMenu-groupLabel {
   border-top: 0.0625rem solid var(--ListMenu-divider-color);
@@ -28079,7 +28179,7 @@ input[type=button].dark-Button--block {
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
   cursor: pointer;
-  padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .dark-ListMenu-item.is-active {
   color: var(--ListMenu-item--onActive-color);
@@ -28100,7 +28200,7 @@ input[type=button].dark-Button--block {
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
   cursor: pointer;
-  padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .dark-PopOver > .dark-ListMenu {
   border-color: var(--listMenu--onActive-borderColor);
@@ -28569,6 +28669,9 @@ input[type=button].dark-Button--block {
 .dark-Steps--simple .StepsItem-icon-line {
   content: var(--steps-simple-icon);
 }
+.dark-Steps .dark-StepsItem.is-clickable .dark-StepsItem-containerProgressDot, .dark-Steps .dark-StepsItem.is-clickable .dark-StepsItem-containerIcon, .dark-Steps .dark-StepsItem.is-clickable .dark-StepsItem-containerWrapper {
+  cursor: pointer;
+}
 .dark-Steps-mobile.dark-Steps--horizontal .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title::after {
   display: none !important;
 }
@@ -28906,7 +29009,7 @@ fieldset.dark-Collapse--lg:after {
     margin-right: 0;
   }
   .dark-Form-group--hor > .dark-Form-item,
-.dark-Form-group--hor > div > .dark-Form-item {
+  .dark-Form-group--hor > div > .dark-Form-item {
     margin-bottom: 0;
   }
   .dark-Form-group--hor .dark-Form-input > .dark-Form-group {
@@ -28944,7 +29047,6 @@ fieldset.dark-Collapse--lg:after {
     padding-left: calc(var(--Form-group--xs-gutterWidth) / 2);
     padding-right: calc(var(--Form-group--xs-gutterWidth) / 2);
   }
-
   .dark-Form-groupColumn {
     flex-basis: 0;
     flex-grow: 1;
@@ -28952,79 +29054,66 @@ fieldset.dark-Collapse--lg:after {
     max-width: 100%;
     margin-bottom: 0;
   }
-
   .dark-Form-groupColumn--1 {
     flex: 0 0 8.3333333333%;
     max-width: 8.3333333333%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--3 {
     flex: 0 0 25%;
     max-width: 25%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--6 {
     flex: 0 0 50%;
     max-width: 50%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--9 {
     flex: 0 0 75%;
     max-width: 75%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--12 {
     flex: 0 0 100%;
     max-width: 100%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--auto {
     flex: 0 0 auto;
     width: auto;
@@ -29046,7 +29135,7 @@ fieldset.dark-Collapse--lg:after {
 .dark-InputGroup-addOn {
   background: var(--InputGroup-addOn-bg);
   border: var(--InputGroup-addOn-borderWidth) solid var(--InputGroup-addOn-borderColor);
-  line-height: calc( var(--InputGroup-height) - var(--InputGroup-paddingY) * 2 - var(--InputGroup-addOn-borderWidth) * 2 );
+  line-height: calc(var(--InputGroup-height) - var(--InputGroup-paddingY) * 2 - var(--InputGroup-addOn-borderWidth) * 2);
   height: var(--InputGroup-height);
   box-sizing: border-box;
   padding: var(--InputGroup-paddingY) var(--InputGroup-paddingX);
@@ -29232,7 +29321,7 @@ fieldset.dark-Collapse--lg:after {
   color: var(--text--muted-color);
 }
 .dark-TextControl-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .dark-TextControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -29455,7 +29544,10 @@ fieldset.dark-Collapse--lg:after {
   overflow: auto;
 }
 .dark-TextControl-sugItem {
-  padding: calc( ( var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem ) / 2 ) 0.75rem;
+  padding: calc((
+            var(--Form-selectOption-height) - var(--Form-input-lineHeight) *
+              var(--Form-input-fontSize) - 0.125rem
+          ) / 2) 0.75rem;
 }
 .dark-TextControl-sugItem svg {
   width: 1rem;
@@ -29477,7 +29569,7 @@ fieldset.dark-Collapse--lg:after {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
   vertical-align: middle;
   display: inline-block;
 }
@@ -29501,7 +29593,9 @@ fieldset.dark-Collapse--lg:after {
 }
 .dark-TextControl-input--multiple .dark-TextControl-value {
   white-space: nowrap;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(
+      var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
+    );
   font-size: var(--Form-selectValue-fontSize);
   background: var(--Form-select-multiple-bgColor);
   border-radius: 0.125rem;
@@ -29666,7 +29760,7 @@ input.dark-TextControl-input-password {
   color: var(--text--muted-color);
 }
 .dark-TextareaControl-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .dark-TextareaControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -30222,7 +30316,7 @@ input.dark-TextControl-input-password {
 .dark-CheckboxControl,
 .dark-RadiosControl,
 .dark-CheckboxesControl {
-  padding-top: calc( (var(--Form-input-height) - var(--Checkbox-size)) / 2 - 3px );
+  padding-top: calc((var(--Form-input-height) - var(--Checkbox-size)) / 2 - 3px);
 }
 .dark-RadiosControl .dark-Checkbox {
   display: block;
@@ -30288,7 +30382,7 @@ input.dark-TextControl-input-password {
   display: block;
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm) calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) calc(var(--gap-sm) + var(--Checkbox-size));
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm) calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) calc(var(--gap-sm) + var(--Checkbox-size));
 }
 .dark-Selection--inline > .dark-Checkbox {
   display: inline-block;
@@ -30371,7 +30465,7 @@ input.dark-TextControl-input-password {
   height: var(--Form-input-height);
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
   color: var(--text--muted-color);
   height: 100%;
   display: flex;
@@ -30488,7 +30582,7 @@ input.dark-TextControl-input-password {
   height: var(--Form-input-height);
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
   color: var(--text--muted-color);
 }
 .dark-ChainedSelection {
@@ -30561,7 +30655,7 @@ input.dark-TextControl-input-password {
   height: var(--Form-input-height);
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
   color: var(--text--muted-color);
 }
 .dark-AssociatedSelection {
@@ -30717,7 +30811,7 @@ input.dark-TextControl-input-password {
 .dark-Switch .text > svg {
   width: var(--switch-text-off-fontSize);
   height: var(--switch-text-off-fontSize);
-  margin-top: calc( (var(--Switch-height) - var(--switch-text-off-fontSize)) / 2 );
+  margin-top: calc((var(--Switch-height) - var(--switch-text-off-fontSize)) / 2);
 }
 .dark-Switch .slider:before {
   content: "";
@@ -30737,7 +30831,7 @@ input.dark-TextControl-input-password {
   background: var(--Switch-checked-bgColor);
 }
 .dark-Switch.is-checked .slider::before {
-  left: calc( 100% - var(--Switch-slider-width) - var(--Switch-slider-margin) );
+  left: calc(100% - var(--Switch-slider-width) - var(--Switch-slider-margin));
   right: var(--Switch-slider-margin);
   border-width: 0;
   background: var(--switch-default-on-slider-color);
@@ -30755,7 +30849,9 @@ input.dark-TextControl-input-password {
   background: var(--Switch-checked-onActive-bgColor);
 }
 .dark-Switch.is-checked:active .slider::before {
-  left: calc( 100% - (var(--Switch-height) + 0.125rem) - 0.125rem );
+  left: calc(
+          100% - (var(--Switch-height) + 0.125rem) - 0.125rem
+        );
 }
 .dark-Switch.is-checked.is-disabled .slider:before {
   color: var(--Switch-onDisabled-color);
@@ -30787,7 +30883,7 @@ input.dark-TextControl-input-password {
   right: auto;
 }
 .dark-Switch--sm.is-checked .slider::before {
-  left: calc( 100% - var(--Switch-slider-width--sm) - var(--switch-size-sm-slider-margin) );
+  left: calc(100% - var(--Switch-slider-width--sm) - var(--switch-size-sm-slider-margin));
   right: var(--switch-size-sm-slider-margin);
 }
 .dark-Switch:active .slider::before {
@@ -30845,9 +30941,6 @@ input.dark-TextControl-input-password {
   border-radius: var(--inputNumber-base-hover-top-left-border-radius) var(--inputNumber-base-hover-top-right-border-radius) var(--inputNumber-base-hover-bottom-right-border-radius) var(--inputNumber-base-hover-bottom-left-border-radius);
   background: var(--inputNumber-base-hover-bg-color);
 }
-.dark-Number:hover .dark-Number-input {
-  padding-right: calc( var(--Number-handler-width) + var(--inputNumber-base-default-paddingRight) );
-}
 .dark-Number-focused {
   border-width: var(--inputNumber-base-active-top-border-width) var(--inputNumber-base-active-right-border-width) var(--inputNumber-base-active-bottom-border-width) var(--inputNumber-base-active-left-border-width);
   border-style: var(--inputNumber-base-active-top-border-style) var(--inputNumber-base-active-right-border-style) var(--inputNumber-base-active-bottom-border-style) var(--inputNumber-base-active-left-border-style);
@@ -30956,10 +31049,11 @@ input.dark-TextControl-input-password {
   border-left: 0.0625rem solid var(--Form-input-borderColor);
   width: var(--Number-handler-width);
   height: 100%;
+  outline: var(--inputNumber-base-default-paddingRight) var(--inputNumber-base-default-bg-color) solid;
 }
 .dark-Number-handler {
   line-height: calc((var(--Form-input-height) - 0.375rem) / 2);
-  height: calc( (var(--Form-input-height) - var(--Number-borderWidth) * 2) / 2 );
+  height: calc((var(--Form-input-height) - var(--Number-borderWidth) * 2) / 2);
 }
 .dark-Number-handler-up {
   border-bottom: var(--Number-handler-borderBottom);
@@ -31356,7 +31450,9 @@ input.dark-TextControl-input-password {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(
+        var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
+      );
   display: inline-block;
   vertical-align: middle;
   font-size: var(--Form-selectValue-fontSize);
@@ -31567,7 +31663,7 @@ input.dark-TextControl-input-password {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .dark-Select-option-hl {
   color: var(--info);
@@ -31586,7 +31682,7 @@ input.dark-TextControl-input-password {
   margin-right: var(--Checkbox-gap);
 }
 .dark-Select-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .dark-Select-clear {
   padding: 0.1875rem;
@@ -31617,7 +31713,9 @@ input.dark-TextControl-input-password {
   align-items: center;
   overflow-x: hidden;
   overflow-y: auto;
-  max-height: calc( ( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem + var(--gap-xs) ) * 5 );
+  max-height: calc((
+            var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem + var(--gap-xs)
+          ) * 5);
 }
 .dark-Select-overflow-wrapper .dark-Select-value {
   position: static;
@@ -31625,7 +31723,9 @@ input.dark-TextControl-input-password {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(
+        var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
+      );
   display: inline-block;
   vertical-align: middle;
   font-size: var(--Form-selectValue-fontSize);
@@ -31668,7 +31768,7 @@ input.dark-TextControl-input-password {
   border-top-right-radius: 0;
 }
 .dark-Select-popover.dark-PopOver--leftTopLeftBottom {
-  margin-top: calc( (var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth)) * -1 );
+  margin-top: calc((var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth)) * -1);
 }
 .dark-SelectControl:not(.is-inline) > .dark-Select {
   display: flex;
@@ -31706,17 +31806,17 @@ input.dark-TextControl-input-password {
 }
 @media (min-width: 576px) {
   .dark-Form-control--sizeXs > .dark-Select,
-.dark-Form-control--sizeSm > .dark-Select,
-.dark-Form-control--sizeMd > .dark-Select,
-.dark-Form-control--sizeLg > .dark-Select {
+  .dark-Form-control--sizeSm > .dark-Select,
+  .dark-Form-control--sizeMd > .dark-Select,
+  .dark-Form-control--sizeLg > .dark-Select {
     min-width: 100%;
     max-width: 100%;
     display: inline-flex !important;
   }
   .dark-Form-control--sizeXs > .dark-Select .dark-Select-valueWrap,
-.dark-Form-control--sizeSm > .dark-Select .dark-Select-valueWrap,
-.dark-Form-control--sizeMd > .dark-Select .dark-Select-valueWrap,
-.dark-Form-control--sizeLg > .dark-Select .dark-Select-valueWrap {
+  .dark-Form-control--sizeSm > .dark-Select .dark-Select-valueWrap,
+  .dark-Form-control--sizeMd > .dark-Select .dark-Select-valueWrap,
+  .dark-Form-control--sizeLg > .dark-Select .dark-Select-valueWrap {
     width: 0;
   }
 }
@@ -31731,7 +31831,7 @@ input.dark-TextControl-input-password {
   height: var(--Form-input-height);
   background: var(--Table-thead-bg);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
 }
 .dark-Selections-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -31755,7 +31855,7 @@ input.dark-TextControl-input-password {
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
   align-items: center;
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
 }
 .dark-Selections-item > label {
   flex-basis: 3.125rem;
@@ -32062,7 +32162,7 @@ input.dark-TextControl-input-password {
 }
 .dark-MapPicker-sugItem {
   cursor: pointer;
-  padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .dark-MapPicker-sugItem:hover {
   color: var(--Form-select-menu-onActive-color);
@@ -33197,7 +33297,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .dark-DateRangePicker-wrap {
     white-space: nowrap;
   }
-
   .dark-DateRangePicker-end {
     margin-top: 0;
     border-left: 1px solid var(--Calendar-input-borderColor);
@@ -33382,6 +33481,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-ImageControl-dropzone:hover-addBtn:not(.is-disabled):not(.is-invalid) .dark-ImageControl-addBtn-text {
   color: var(--ImageControl-addBtn-onHover-color);
 }
+.dark-ImageControl-itemList {
+  display: inline;
+}
 .dark-ImageControl-item {
   border: var(--borderWidth) solid var(--borderColor);
   border-radius: var(--ImageControl-addBtn-borderRadius);
@@ -33403,6 +33505,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-ImageControl-item svg.icon-refresh {
   transform: rotate(180deg);
 }
+.dark-ImageControl-item--dragging {
+  border: var(--borderWidth) solid var(--colors-brand-5);
+}
 .dark-ImageControl-filename {
   display: inline-flex;
   flex-direction: column;
@@ -34222,7 +34327,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 @media (min-width: 768px) {
   .repeat-control.form-contorl-inline,
-.form-group-inline .repeat-control {
+  .form-group-inline .repeat-control {
     display: inline-block;
     min-width: 280px;
     width: auto;
@@ -34309,7 +34414,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-Tree--outline .dark-Tree-item--isLeaf.is-child:before {
   position: absolute;
   top: -8px;
-  left: calc( ( var(--Tree-icon-gap) + var(--Tree-itemArrowWidth) + var(--Tree-icon-margin-right) ) / 2 - var(--Tree-indent) );
+  left: calc((var(--Tree-icon-gap) + var(--Tree-itemArrowWidth) + var(--Tree-icon-margin-right)) / 2 - var(--Tree-indent));
   bottom: 0px;
   border-left: 1px solid var(--borderColor);
   content: "";
@@ -34419,7 +34524,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border: var(--Form-input-borderWidth) solid var(--inputTree-border-color);
   border-radius: var(--inputTree-border-radius);
   line-height: var(--inputTree-input-lineHeight);
-  padding: calc( ( var(--Tree-inputHeight) - var(--inputTree-input-lineHeight) * var(--inputTree-fontSize) - 0.125rem ) / 2 ) var(--Form-input-paddingX);
+  padding: calc((
+              var(--Tree-inputHeight) - var(--inputTree-input-lineHeight) *
+                var(--inputTree-fontSize) - 0.125rem
+            ) / 2) var(--Form-input-paddingX);
   font-size: var(--inputTree-fontSize);
 }
 .dark-Tree-itemInput > input::-moz-placeholder {
@@ -34638,7 +34746,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .dark-TreeSelect-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .dark-TreeSelect-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -34735,22 +34843,49 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-Combo-addBtn > .pull-left {
   margin-right: var(--button-size-default-icon-margin);
   font-size: var(--button-size-default-icon-size);
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+  line-height: var(--button-size-default-icon-size);
 }
 .dark-Combo-addBtn .dark-Button-icon:last-child:not(:first-child):not(.pull-left),
 .dark-Combo-addBtn > .pull-right {
   font-size: var(--button-size-default-icon-size);
   margin-left: var(--button-size-default-icon-margin);
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+  line-height: var(--button-size-default-icon-size);
 }
 .dark-Combo-addBtn .dark-Button--loading:first-child:not(:last-child):not(.pull-right),
 .dark-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .dark-Combo-addBtn > .pull-left {
   font-size: var(--button-size-default-icon-size);
   margin-right: var(--button-size-default-icon-margin);
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+  line-height: var(--button-size-default-icon-size);
 }
 .dark-Combo-addBtn .dark-Button--loading:last-child:not(:first-child):not(.pull-left),
 .dark-Combo-addBtn > .pull-right {
   font-size: var(--button-size-default-icon-size);
   margin-left: var(--button-size-default-icon-margin);
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+  line-height: var(--button-size-default-icon-size);
+}
+.dark-Combo-addBtn.dark-Button--iconOnly {
+  min-width: var(--Combo-addBtn-height);
+  padding: 0;
+}
+.dark-Combo-addBtn.dark-Button--iconOnly:not(.dark-Button--link) > svg.icon {
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+}
+.dark-Combo-addBtn.dark-Button--iconOnly:not(.dark-Button--link) > .fa,
+.dark-Combo-addBtn.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
+  font-size: var(--button-size-default-icon-size);
+}
+.dark-Combo-addBtn.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
+  line-height: 1;
 }
 .dark-Combo-addBtn img.dark-Button-icon {
   height: var(--button-size-default-icon-size);
@@ -34827,7 +34962,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: none;
 }
 .dark-Combo-items:empty + .dark-Combo-toolbar {
-  padding-top: calc( (var(--Form-input-height) - var(--Combo-addBtn-height)) / 2 );
+  padding-top: calc((var(--Form-input-height) - var(--Combo-addBtn-height)) / 2);
 }
 .dark-Combo-item {
   background: var(--combo-bg-color);
@@ -35192,7 +35327,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .dark-Picker-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .dark-Picker-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -35299,7 +35434,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(
+      var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
+    );
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -35439,22 +35576,49 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-TagControl-sugItem > .pull-left {
   margin-right: var(--button-size-default-icon-margin);
   font-size: var(--button-size-default-icon-size);
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+  line-height: var(--button-size-default-icon-size);
 }
 .dark-TagControl-sugItem .dark-Button-icon:last-child:not(:first-child):not(.pull-left),
 .dark-TagControl-sugItem > .pull-right {
   font-size: var(--button-size-default-icon-size);
   margin-left: var(--button-size-default-icon-margin);
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+  line-height: var(--button-size-default-icon-size);
 }
 .dark-TagControl-sugItem .dark-Button--loading:first-child:not(:last-child):not(.pull-right),
 .dark-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
 .dark-TagControl-sugItem > .pull-left {
   font-size: var(--button-size-default-icon-size);
   margin-right: var(--button-size-default-icon-margin);
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+  line-height: var(--button-size-default-icon-size);
 }
 .dark-TagControl-sugItem .dark-Button--loading:last-child:not(:first-child):not(.pull-left),
 .dark-TagControl-sugItem > .pull-right {
   font-size: var(--button-size-default-icon-size);
   margin-left: var(--button-size-default-icon-margin);
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+  line-height: var(--button-size-default-icon-size);
+}
+.dark-TagControl-sugItem.dark-Button--iconOnly {
+  min-width: var(--TagControl-sugBtn-height);
+  padding: 0;
+}
+.dark-TagControl-sugItem.dark-Button--iconOnly:not(.dark-Button--link) > svg.icon {
+  width: var(--button-size-default-icon-size);
+  height: var(--button-size-default-icon-size);
+}
+.dark-TagControl-sugItem.dark-Button--iconOnly:not(.dark-Button--link) > .fa,
+.dark-TagControl-sugItem.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
+  font-size: var(--button-size-default-icon-size);
+}
+.dark-TagControl-sugItem.dark-Button--iconOnly:not(.dark-Button--link) > .iconfont {
+  line-height: 1;
 }
 .dark-TagControl-sugItem img.dark-Button-icon {
   height: var(--button-size-default-icon-size);
@@ -35879,7 +36043,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: var(--Form-input-height);
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
   color: var(--text--muted-color);
 }
 .dark-TabsTransfer-tab {
@@ -36033,10 +36197,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .dark-NestedSelect-menu {
   width: 10rem;
+  min-width: 6.25rem;
   min-height: 2rem;
   max-height: 10.9375rem;
   background: var(--Form-select-menu-bg);
@@ -36066,6 +36231,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: 2rem;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .dark-NestedSelect-menu .dark-NestedSelect-option > .dark-NestedSelect-optionLabel.is-disabled {
   cursor: not-allowed;
@@ -36274,7 +36440,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .dark-IconPickerControl-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .dark-IconPickerControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -36393,7 +36559,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
   vertical-align: middle;
   display: inline-block;
   overflow: hidden;
@@ -36480,7 +36646,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .dark-IconSelectControl-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .dark-IconSelectControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -36567,6 +36733,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   width: 100%;
   height: 100%;
 }
+.dark-IconSelectControl-input-area-iconfont {
+  margin-right: var(--sizes-size-4);
+}
 .dark-IconSelectControl-input-wrapper {
   width: 100%;
 }
@@ -36851,7 +37020,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
     display: inline-block;
     max-width: 100%;
   }
-
   .dark-Form-control--sizeXs {
     width: var(--Form-control-widthXs);
     max-width: 100%;
@@ -36861,7 +37029,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .dark-Form-control--sizeXs.dark-NumberControl {
     width: var(--Form-control-widthXs);
   }
-
   .dark-Form-control--sizeSm {
     width: var(--Form-control-widthSm);
     max-width: 100%;
@@ -36871,14 +37038,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .dark-Form-control--sizeSm.dark-NumberControl {
     width: var(--Form-control-widthSm);
   }
-
   .dark-Form-control--sizeMd {
     width: var(--Form-control-widthMd);
     max-width: 100%;
     display: inline-block;
     vertical-align: top;
   }
-
   .dark-Form-control--sizeLg {
     width: var(--Form-control-widthLg);
     max-width: 100%;
@@ -36888,7 +37053,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .dark-Form-control--sizeLg.dark-NumberControl {
     width: var(--Form-control-widthLg);
   }
-
   .dark-Form-item--horizontal {
     display: flex;
     flex-wrap: nowrap;
@@ -36900,16 +37064,18 @@ td.rdtQuarter.rdtDisabled:hover > span {
     min-width: var(--Form--horizontal-value-minWidth);
   }
   .dark-Form-item--horizontal .dark-Form-itemColumn--xs,
-.dark-Form-item--horizontal .dark-Form-itemColumn--sm,
-.dark-Form-item--horizontal .dark-Form-itemColumn--normal,
-.dark-Form-item--horizontal .dark-Form-itemColumn--auto,
-.dark-Form-item--horizontal .dark-Form-itemColumn--md,
-.dark-Form-item--horizontal .dark-Form-itemColumn--lg {
+  .dark-Form-item--horizontal .dark-Form-itemColumn--sm,
+  .dark-Form-item--horizontal .dark-Form-itemColumn--normal,
+  .dark-Form-item--horizontal .dark-Form-itemColumn--auto,
+  .dark-Form-item--horizontal .dark-Form-itemColumn--md,
+  .dark-Form-item--horizontal .dark-Form-itemColumn--lg {
     flex-grow: unset;
     flex-basis: unset;
   }
   .dark-Form-item--horizontal > .dark-Form-label {
-    line-height: 2rem;
+    padding-top: calc((var(--Form-input-height) - var(--Form-item-lineHeight) * var(--Form-item-fontSize)) / 2);
+    word-break: break-word;
+    line-height: var(--Form-item-lineHeight);
     margin: 0;
     margin-right: var(--Form--horizontal-label-gap);
     flex-shrink: 0;
@@ -37008,8 +37174,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
     vertical-align: top;
   }
   .dark-Form-item--inline > .dark-Form-label {
-    height: 2rem;
-    line-height: 2rem;
+    padding-top: calc((var(--Form-input-height) - var(--Form-item-lineHeight) * var(--Form-item-fontSize)) / 2);
+    word-break: break-word;
+    line-height: var(--Form-item-lineHeight);
     margin: 0;
     margin-right: var(--Form-mode-inline-label-gap);
   }
@@ -37035,7 +37202,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .dark-Form-item--inline > .dark-Form-value > .dark-TextControl--withAddOn {
     display: inline-flex;
   }
-
   .dark-Form-row {
     display: flex;
     flex-wrap: wrap;
@@ -37047,13 +37213,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
     padding-left: calc(var(--Form-row-gutterWidth) / 2);
     padding-right: calc(var(--Form-row-gutterWidth) / 2);
   }
-
   .dark-Form-col {
     flex-basis: 0;
     flex-grow: 1;
     flex-shrink: 1;
   }
-
   .dark-Form-rowInner {
     display: flex;
     flex-wrap: nowrap;
@@ -37072,7 +37236,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-Form--debug {
   padding: var(--gap-sm);
   margin-bottom: var(--gap-sm);
-  background-color: #fafafa;
+  background-color: rgb(250, 250, 250);
   border-radius: var(--borderRadius);
   position: relative;
 }
@@ -37157,7 +37321,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
   }
   .dark-Form .dark-Form-item .dark-InputGroup-addOn,
-.dark-Form .dark-Form-item .dark-TextControl-addOn {
+  .dark-Form .dark-Form-item .dark-TextControl-addOn {
     border: none;
   }
   .dark-Form .dark-Form-item > .dark-Form-label {
@@ -37181,26 +37345,26 @@ td.rdtQuarter.rdtDisabled:hover > span {
     height: calc(var(--Form-input-lineHeight) * var(--fontSizeLg));
   }
   .dark-Form .dark-Form-item .dark-Form-value,
-.dark-Form .dark-Form-item .dark-Form-control {
+  .dark-Form .dark-Form-item .dark-Form-control {
     flex: 1;
     flex-wrap: wrap;
     font-size: var(--fontSizeLg);
   }
   .dark-Form .dark-Form-item .dark-Form-value.is-disabled > .dark-TextControl-input,
-.dark-Form .dark-Form-item .dark-Form-control.is-disabled > .dark-TextControl-input {
+  .dark-Form .dark-Form-item .dark-Form-control.is-disabled > .dark-TextControl-input {
     background: transparent;
   }
   .dark-Form .dark-Form-item .dark-SelectControl.dark-Form-control {
     overflow: hidden;
   }
   .dark-Form .dark-Form-item .dark-Form-hint,
-.dark-Form .dark-Form-item .dark-Form-remark,
-.dark-Form .dark-Form-item .dark-Form-static,
-.dark-Form .dark-Form-item .dark-Form-group--hor .dark-Form-item,
-.dark-Form .dark-Form-item .dark-SwitchControl,
-.dark-Form .dark-Form-item .dark-CheckboxControl,
-.dark-Form .dark-Form-item .dark-RadiosControl,
-.dark-Form .dark-Form-item .dark-CheckboxesControl {
+  .dark-Form .dark-Form-item .dark-Form-remark,
+  .dark-Form .dark-Form-item .dark-Form-static,
+  .dark-Form .dark-Form-item .dark-Form-group--hor .dark-Form-item,
+  .dark-Form .dark-Form-item .dark-SwitchControl,
+  .dark-Form .dark-Form-item .dark-CheckboxControl,
+  .dark-Form .dark-Form-item .dark-RadiosControl,
+  .dark-Form .dark-Form-item .dark-CheckboxesControl {
     padding-top: 0;
     padding-bottom: 0;
   }
@@ -37219,11 +37383,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
     min-height: 0;
   }
   .dark-Form .dark-Form-item .dark-Form-description,
-.dark-Form .dark-Form-item .dark-Form-feedback {
+  .dark-Form .dark-Form-item .dark-Form-feedback {
     font-size: var(--fontSizeBase);
   }
   .dark-Form .dark-Form-item .dark-InputGroup .dark-Select,
-.dark-Form .dark-Form-item .dark-InputGroup .dark-InputGroup-btn .dark-Button {
+  .dark-Form .dark-Form-item .dark-InputGroup .dark-InputGroup-btn .dark-Button {
     border: none;
   }
   .dark-Form .dark-Form-item .dark-InputGroup > .dark-TextControl-input input {
@@ -37240,19 +37404,19 @@ td.rdtQuarter.rdtDisabled:hover > span {
     margin-bottom: var(--gap-xs);
   }
   .dark-Form .dark-Form-item .dark-TextareaControl > textarea,
-.dark-Form .dark-Form-item .dark-Form-control > .dark-TextControl-input,
-.dark-Form .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input {
+  .dark-Form .dark-Form-item .dark-Form-control > .dark-TextControl-input,
+  .dark-Form .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input {
     border: none;
     padding: 0 var(--Form-input-paddingX) 0 0;
     box-shadow: none;
   }
   .dark-Form .dark-Form-item .dark-TextareaControl > textarea:hover, .dark-Form .dark-Form-item .dark-TextareaControl > textarea:focus, .dark-Form .dark-Form-item .dark-TextareaControl > textarea.active,
-.dark-Form .dark-Form-item .dark-Form-control > .dark-TextControl-input:hover,
-.dark-Form .dark-Form-item .dark-Form-control > .dark-TextControl-input:focus,
-.dark-Form .dark-Form-item .dark-Form-control > .dark-TextControl-input.active,
-.dark-Form .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input:hover,
-.dark-Form .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input:focus,
-.dark-Form .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input.active {
+  .dark-Form .dark-Form-item .dark-Form-control > .dark-TextControl-input:hover,
+  .dark-Form .dark-Form-item .dark-Form-control > .dark-TextControl-input:focus,
+  .dark-Form .dark-Form-item .dark-Form-control > .dark-TextControl-input.active,
+  .dark-Form .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input:hover,
+  .dark-Form .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input:focus,
+  .dark-Form .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input.active {
     border: none;
     outline: none;
     outline-style: none;
@@ -39735,37 +39899,27 @@ td.rdtQuarter.rdtDisabled:hover > span {
   text-transform: none;
   text-rendering: auto;
   line-height: 1.25rem;
-  margin-left: 5px;
+  margin-left: 0.3125rem;
 }
 .dark-Nav-Menu-horizontal .dark-Nav-Menu-submenu-arrow > svg {
   top: auto;
 }
 .dark-Nav-Menu-horizontal.dark-Nav-Menu-rtl .dark-Nav-Menu-submenu-arrow {
   margin-left: 0;
-  margin-right: 5px;
+  margin-right: 0.3125rem;
 }
 .dark-Nav-Menu-horizontal .dark-Nav-Menu-item-label {
   vertical-align: middle;
 }
 .dark-Nav-Menu-vertical .dark-Nav-Menu-submenu-arrow, .dark-Nav-Menu-vertical-left .dark-Nav-Menu-submenu-arrow, .dark-Nav-Menu-vertical-right .dark-Nav-Menu-submenu-arrow, .dark-Nav-Menu-inline .dark-Nav-Menu-submenu-arrow {
-  display: inline-block;
   font-size: 0.625rem;
-  vertical-align: baseline;
-  text-transform: none;
-  text-rendering: auto;
   margin: 0 0 0 0.625rem;
 }
-.dark-Nav-Menu-vertical .dark-Nav-Menu-submenu-arrow > svg, .dark-Nav-Menu-vertical-left .dark-Nav-Menu-submenu-arrow > svg, .dark-Nav-Menu-vertical-right .dark-Nav-Menu-submenu-arrow > svg, .dark-Nav-Menu-inline .dark-Nav-Menu-submenu-arrow > svg {
-  top: auto;
-}
-.dark-Nav-Menu-vertical.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-title .dark-Nav-Menu-item-wrap, .dark-Nav-Menu-vertical-left.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-title .dark-Nav-Menu-item-wrap, .dark-Nav-Menu-vertical-right.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-title .dark-Nav-Menu-item-wrap, .dark-Nav-Menu-inline.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-title .dark-Nav-Menu-item-wrap {
-  padding-right: 0;
-  padding-left: 1rem;
+.dark-Nav-Menu-vertical.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-title, .dark-Nav-Menu-vertical-left.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-title, .dark-Nav-Menu-vertical-right.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-title, .dark-Nav-Menu-inline.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-title {
+  flex-direction: row-reverse;
 }
-.dark-Nav-Menu-vertical.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-arrow, .dark-Nav-Menu-vertical-left.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-arrow, .dark-Nav-Menu-vertical-right.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-arrow, .dark-Nav-Menu-inline.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-arrow {
-  right: auto;
-  position: absolute;
-  margin: 0;
+.dark-Nav-Menu-vertical.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-title > .dark-Nav-Menu-submenu-arrow, .dark-Nav-Menu-vertical-left.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-title > .dark-Nav-Menu-submenu-arrow, .dark-Nav-Menu-vertical-right.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-title > .dark-Nav-Menu-submenu-arrow, .dark-Nav-Menu-inline.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-title > .dark-Nav-Menu-submenu-arrow {
+  margin: 0 0.625rem 0 0;
 }
 .dark-Nav-Menu-vertical.dark-Nav-Menu-rtl.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-title .dark-Nav-Menu-item-wrap, .dark-Nav-Menu-vertical-left.dark-Nav-Menu-rtl.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-title .dark-Nav-Menu-item-wrap, .dark-Nav-Menu-vertical-right.dark-Nav-Menu-rtl.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-title .dark-Nav-Menu-item-wrap, .dark-Nav-Menu-inline.dark-Nav-Menu-rtl.dark-Nav-Menu-expand-before .dark-Nav-Menu-submenu-title .dark-Nav-Menu-item-wrap {
   padding-right: 1rem;
@@ -39783,11 +39937,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-Nav-Menu-vertical-right.dark-Nav-Menu-rtl .dark-Nav-Menu-submenu-arrow {
   margin: 0 0.625rem 0 0;
 }
-.dark-Nav-Menu-inline .dark-Nav-Menu-submenu-arrow, .dark-Nav-Menu-horizontal .dark-Nav-Menu-submenu-arrow {
+.dark-Nav-Menu-inline .dark-Nav-Menu-submenu-arrow svg, .dark-Nav-Menu-horizontal .dark-Nav-Menu-submenu-arrow svg {
   transition: transform 0.3s;
   transform: rotate(90deg);
 }
-.dark-Nav-Menu-inline .dark-Nav-Menu-submenu-open > .dark-Nav-Menu-submenu-title .dark-Nav-Menu-submenu-arrow, .dark-Nav-Menu-horizontal .dark-Nav-Menu-submenu-open > .dark-Nav-Menu-submenu-title .dark-Nav-Menu-submenu-arrow {
+.dark-Nav-Menu-inline .dark-Nav-Menu-submenu-open > .dark-Nav-Menu-submenu-title .dark-Nav-Menu-submenu-arrow svg, .dark-Nav-Menu-horizontal .dark-Nav-Menu-submenu-open > .dark-Nav-Menu-submenu-title .dark-Nav-Menu-submenu-arrow svg {
   transform: rotate(270deg);
 }
 .dark-Nav-Menu-collapsed .dark-Nav-Menu-item-wrap {