npm - @databricks/design-system - Versions diffs - 0.1.8 → 1.0.0 - Mend

@databricks/design-system 0.1.8 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2072) hide show

package/dist/index-dark.css CHANGED Viewed

@@ -974,8 +974,8 @@ abbr[data-original-title] {
   font-size: 14px;
   border-radius: 4px;
   color: #ffffffd6;
-  border-color: #434343;
   background: transparent;
+  border-color: #434343;
 }
 .du-bois-dark-btn > .anticon {
   line-height: 1;
@@ -1025,8 +1025,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn:hover,
 .du-bois-dark-btn:focus {
   color: #1d517c;
-  border-color: #1d517c;
   background: transparent;
+  border-color: #1d517c;
 }
 .du-bois-dark-btn:hover > a:only-child,
 .du-bois-dark-btn:focus > a:only-child {
@@ -1044,8 +1044,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn:active {
   color: #3f81b1;
-  border-color: #3f81b1;
   background: transparent;
+  border-color: #3f81b1;
 }
 .du-bois-dark-btn:active > a:only-child {
   color: currentColor;
@@ -1064,8 +1064,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn[disabled]:focus,
 .du-bois-dark-btn[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1098,8 +1098,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-primary {
   color: #fff;
-  border-color: #2272B4;
   background: #2272B4;
+  border-color: #2272B4;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -1118,8 +1118,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-primary:hover,
 .du-bois-dark-btn-primary:focus {
   color: #fff;
-  border-color: #14538f;
   background: #14538f;
+  border-color: #14538f;
 }
 .du-bois-dark-btn-primary:hover > a:only-child,
 .du-bois-dark-btn-primary:focus > a:only-child {
@@ -1137,8 +1137,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-primary:active {
   color: #fff;
-  border-color: #448dc2;
   background: #448dc2;
+  border-color: #448dc2;
 }
 .du-bois-dark-btn-primary:active > a:only-child {
   color: currentColor;
@@ -1157,8 +1157,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-primary[disabled]:focus,
 .du-bois-dark-btn-primary[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1203,8 +1203,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-ghost {
   color: #ffffffd6;
-  border-color: #434343;
   background: transparent;
+  border-color: #434343;
 }
 .du-bois-dark-btn-ghost > a:only-child {
   color: currentColor;
@@ -1221,8 +1221,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-ghost:hover,
 .du-bois-dark-btn-ghost:focus {
   color: #1d517c;
-  border-color: #1d517c;
   background: transparent;
+  border-color: #1d517c;
 }
 .du-bois-dark-btn-ghost:hover > a:only-child,
 .du-bois-dark-btn-ghost:focus > a:only-child {
@@ -1240,8 +1240,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-ghost:active {
   color: #3f81b1;
-  border-color: #3f81b1;
   background: transparent;
+  border-color: #3f81b1;
 }
 .du-bois-dark-btn-ghost:active > a:only-child {
   color: currentColor;
@@ -1260,8 +1260,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-ghost[disabled]:focus,
 .du-bois-dark-btn-ghost[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1285,8 +1285,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dashed {
   color: #ffffffd6;
-  border-color: #434343;
   background: transparent;
+  border-color: #434343;
   border-style: dashed;
 }
 .du-bois-dark-btn-dashed > a:only-child {
@@ -1304,8 +1304,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dashed:hover,
 .du-bois-dark-btn-dashed:focus {
   color: #1d517c;
-  border-color: #1d517c;
   background: transparent;
+  border-color: #1d517c;
 }
 .du-bois-dark-btn-dashed:hover > a:only-child,
 .du-bois-dark-btn-dashed:focus > a:only-child {
@@ -1323,8 +1323,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dashed:active {
   color: #3f81b1;
-  border-color: #3f81b1;
   background: transparent;
+  border-color: #3f81b1;
 }
 .du-bois-dark-btn-dashed:active > a:only-child {
   color: currentColor;
@@ -1343,8 +1343,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dashed[disabled]:focus,
 .du-bois-dark-btn-dashed[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1368,8 +1368,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-danger {
   color: #fff;
-  border-color: #CC3352;
   background: #CC3352;
+  border-color: #CC3352;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -1388,8 +1388,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-danger:hover,
 .du-bois-dark-btn-danger:focus {
   color: #fff;
-  border-color: #a62140;
   background: #a62140;
+  border-color: #a62140;
 }
 .du-bois-dark-btn-danger:hover > a:only-child,
 .du-bois-dark-btn-danger:focus > a:only-child {
@@ -1407,8 +1407,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-danger:active {
   color: #fff;
-  border-color: #d9596e;
   background: #d9596e;
+  border-color: #d9596e;
 }
 .du-bois-dark-btn-danger:active > a:only-child {
   color: currentColor;
@@ -1427,8 +1427,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-danger[disabled]:focus,
 .du-bois-dark-btn-danger[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1452,8 +1452,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-link {
   color: #2272B4;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .du-bois-dark-btn-link > a:only-child {
@@ -1471,8 +1471,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-link:hover,
 .du-bois-dark-btn-link:focus {
   color: #1d517c;
-  border-color: #1d517c;
   background: transparent;
+  border-color: #1d517c;
 }
 .du-bois-dark-btn-link:hover > a:only-child,
 .du-bois-dark-btn-link:focus > a:only-child {
@@ -1490,8 +1490,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-link:active {
   color: #3f81b1;
-  border-color: #3f81b1;
   background: transparent;
+  border-color: #3f81b1;
 }
 .du-bois-dark-btn-link:active > a:only-child {
   color: currentColor;
@@ -1510,8 +1510,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-link[disabled]:focus,
 .du-bois-dark-btn-link[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1546,8 +1546,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-link[disabled]:focus,
 .du-bois-dark-btn-link[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1571,8 +1571,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-text {
   color: #ffffffd6;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .du-bois-dark-btn-text > a:only-child {
@@ -1590,8 +1590,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-text:hover,
 .du-bois-dark-btn-text:focus {
   color: #1d517c;
-  border-color: #1d517c;
   background: transparent;
+  border-color: #1d517c;
 }
 .du-bois-dark-btn-text:hover > a:only-child,
 .du-bois-dark-btn-text:focus > a:only-child {
@@ -1609,8 +1609,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-text:active {
   color: #3f81b1;
-  border-color: #3f81b1;
   background: transparent;
+  border-color: #3f81b1;
 }
 .du-bois-dark-btn-text:active > a:only-child {
   color: currentColor;
@@ -1629,8 +1629,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-text[disabled]:focus,
 .du-bois-dark-btn-text[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1668,8 +1668,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-text[disabled]:focus,
 .du-bois-dark-btn-text[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1693,8 +1693,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous {
   color: #CC3352;
-  border-color: #CC3352;
   background: transparent;
+  border-color: #CC3352;
 }
 .du-bois-dark-btn-dangerous > a:only-child {
   color: currentColor;
@@ -1711,8 +1711,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous:hover,
 .du-bois-dark-btn-dangerous:focus {
   color: #a62140;
-  border-color: #a62140;
   background: transparent;
+  border-color: #a62140;
 }
 .du-bois-dark-btn-dangerous:hover > a:only-child,
 .du-bois-dark-btn-dangerous:focus > a:only-child {
@@ -1730,8 +1730,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous:active {
   color: #d9596e;
-  border-color: #d9596e;
   background: transparent;
+  border-color: #d9596e;
 }
 .du-bois-dark-btn-dangerous:active > a:only-child {
   color: currentColor;
@@ -1750,8 +1750,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous[disabled]:focus,
 .du-bois-dark-btn-dangerous[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1775,8 +1775,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary {
   color: #fff;
-  border-color: #CC3352;
   background: #CC3352;
+  border-color: #CC3352;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
 }
@@ -1795,8 +1795,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:hover,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:focus {
   color: #fff;
-  border-color: #a62140;
   background: #a62140;
+  border-color: #a62140;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:hover > a:only-child,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:focus > a:only-child {
@@ -1814,8 +1814,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:active {
   color: #fff;
-  border-color: #d9596e;
   background: #d9596e;
+  border-color: #d9596e;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary:active > a:only-child {
   color: currentColor;
@@ -1834,8 +1834,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary[disabled]:focus,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-primary[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1859,8 +1859,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link {
   color: #CC3352;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link > a:only-child {
@@ -1878,8 +1878,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:hover,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:focus {
   color: #1d517c;
-  border-color: #1d517c;
   background: transparent;
+  border-color: #1d517c;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:hover > a:only-child,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:focus > a:only-child {
@@ -1897,8 +1897,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:active {
   color: #3f81b1;
-  border-color: #3f81b1;
   background: transparent;
+  border-color: #3f81b1;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:active > a:only-child {
   color: currentColor;
@@ -1917,8 +1917,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link[disabled]:focus,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1943,8 +1943,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:hover,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:focus {
   color: #a62140;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:hover > a:only-child,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:focus > a:only-child {
@@ -1962,8 +1962,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:active {
   color: #d9596e;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link:active > a:only-child {
   color: currentColor;
@@ -1982,8 +1982,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link[disabled]:focus,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-link[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2007,8 +2007,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text {
   color: #CC3352;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text > a:only-child {
@@ -2026,8 +2026,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:hover,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:focus {
   color: #1d517c;
-  border-color: #1d517c;
   background: transparent;
+  border-color: #1d517c;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:hover > a:only-child,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:focus > a:only-child {
@@ -2045,8 +2045,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:active {
   color: #3f81b1;
-  border-color: #3f81b1;
   background: transparent;
+  border-color: #3f81b1;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:active > a:only-child {
   color: currentColor;
@@ -2065,8 +2065,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text[disabled]:focus,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2091,8 +2091,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:hover,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:focus {
   color: #a62140;
-  border-color: transparent;
   background: rgba(255, 255, 255, 0.03);
+  border-color: transparent;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:hover > a:only-child,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:focus > a:only-child {
@@ -2110,8 +2110,8 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:active {
   color: #d9596e;
-  border-color: transparent;
   background: rgba(255, 255, 255, 0.04);
+  border-color: transparent;
 }
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text:active > a:only-child {
   color: currentColor;
@@ -2130,8 +2130,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text[disabled]:focus,
 .du-bois-dark-btn-dangerous.du-bois-dark-btn-text[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2159,7 +2159,7 @@ abbr[data-original-title] {
   padding: 6.4px 0;
   font-size: 16px;
   border-radius: 4px;
-  vertical-align: -3px;
+  vertical-align: -1px;
 }
 .du-bois-dark-btn-icon-only > * {
   font-size: 16px;
@@ -2184,10 +2184,6 @@ abbr[data-original-title] {
 .du-bois-dark-btn-icon-only.du-bois-dark-btn-sm > * {
   font-size: 14px;
 }
-.du-bois-dark-btn-icon-only > .anticon {
-  display: flex;
-  justify-content: center;
-}
 .du-bois-dark-btn-round {
   height: 40px;
   padding: 8px 20px;
@@ -2444,18 +2440,14 @@ abbr[data-original-title] {
 .du-bois-dark-btn > span + .anticon {
   margin-left: 8px;
 }
-.du-bois-dark-btn.du-bois-dark-btn-background-ghost {
+.du-bois-dark-btn-background-ghost {
   color: #ffffffd6;
+  background: transparent !important;
   border-color: rgba(255, 255, 255, 0.25);
 }
-.du-bois-dark-btn.du-bois-dark-btn-background-ghost,
-.du-bois-dark-btn.du-bois-dark-btn-background-ghost:hover,
-.du-bois-dark-btn.du-bois-dark-btn-background-ghost:active,
-.du-bois-dark-btn.du-bois-dark-btn-background-ghost:focus {
-  background: transparent;
-}
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary {
   color: #2272B4;
+  background: transparent;
   border-color: #2272B4;
   text-shadow: none;
 }
@@ -2474,6 +2466,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary:hover,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary:focus {
   color: #14538f;
+  background: transparent;
   border-color: #14538f;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary:hover > a:only-child,
@@ -2492,6 +2485,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary:active {
   color: #448dc2;
+  background: transparent;
   border-color: #448dc2;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary:active > a:only-child {
@@ -2511,8 +2505,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary[disabled]:focus,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-primary[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2536,6 +2530,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger {
   color: #CC3352;
+  background: transparent;
   border-color: #CC3352;
   text-shadow: none;
 }
@@ -2554,6 +2549,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:hover,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:focus {
   color: #a62140;
+  background: transparent;
   border-color: #a62140;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:hover > a:only-child,
@@ -2572,6 +2568,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:active {
   color: #d9596e;
+  background: transparent;
   border-color: #d9596e;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger:active > a:only-child {
@@ -2591,8 +2588,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger[disabled]:focus,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-danger[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2616,6 +2613,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous {
   color: #CC3352;
+  background: transparent;
   border-color: #CC3352;
   text-shadow: none;
 }
@@ -2634,6 +2632,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:hover,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:focus {
   color: #a62140;
+  background: transparent;
   border-color: #a62140;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:hover > a:only-child,
@@ -2652,6 +2651,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:active {
   color: #d9596e;
+  background: transparent;
   border-color: #d9596e;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous:active > a:only-child {
@@ -2671,8 +2671,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous[disabled]:focus,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2696,6 +2696,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link {
   color: #CC3352;
+  background: transparent;
   border-color: transparent;
   text-shadow: none;
 }
@@ -2714,6 +2715,7 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link:hover,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link:focus {
   color: #a62140;
+  background: transparent;
   border-color: transparent;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link:hover > a:only-child,
@@ -2732,6 +2734,7 @@ abbr[data-original-title] {
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link:active {
   color: #d9596e;
+  background: transparent;
   border-color: transparent;
 }
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link:active > a:only-child {
@@ -2751,8 +2754,8 @@ abbr[data-original-title] {
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link[disabled]:focus,
 .du-bois-dark-btn-background-ghost.du-bois-dark-btn-dangerous.du-bois-dark-btn-link[disabled]:active {
   color: rgba(255, 255, 255, 0.3);
-  border-color: #434343;
   background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2878,11 +2881,11 @@ a.du-bois-dark-btn-sm {
   color: #ffffff99;
 }
 .du-bois-dark-alert-warning {
-  background-color: #2b2111;
+  background-color: #FFF9EB;
   border: 1px solid #F8D4A5;
 }
 .du-bois-dark-alert-warning .du-bois-dark-alert-icon {
-  color: #AF5B23;
+  color: #93320B;
 }
 .du-bois-dark-alert-error {
   background-color: #2a1215;
@@ -3059,7 +3062,7 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-checkbox-inner::after {
   position: absolute;
   top: 50%;
-  left: 21.5%;
+  left: 22%;
   display: table;
   width: 5.71428571px;
   height: 9.14285714px;
@@ -3722,7 +3725,7 @@ a.du-bois-dark-btn-sm {
   position: absolute;
   top: -9999px;
   left: -9999px;
-  z-index: 1050;
+  z-index: calc(var(--dubois-zindex-base, 1000) + 50);
   box-sizing: border-box;
   padding: 4px 0;
   overflow: hidden;
@@ -4125,14 +4128,7 @@ a.du-bois-dark-btn-sm {
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.du-bois-dark-dropdown-menu-item.du-bois-dark-dropdown-menu-item-danger {
-  color: #CC3352;
-}
-.du-bois-dark-dropdown-menu-item.du-bois-dark-dropdown-menu-item-danger:hover {
-  color: #fff;
-  background-color: #CC3352;
-}
-.du-bois-dark-dropdown {
+.du-bois-dark-picker {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
@@ -4142,91 +4138,1353 @@ a.du-bois-dark-btn-sm {
   line-height: 1.5715;
   list-style: none;
   font-feature-settings: tnum;
-  position: absolute;
-  top: -9999px;
-  left: -9999px;
-  z-index: 1050;
-  display: block;
-}
-.du-bois-dark-dropdown::before {
-  position: absolute;
-  top: -4px;
-  right: 0;
-  bottom: -4px;
-  left: -7px;
-  z-index: -9999;
-  opacity: 0.0001;
-  content: ' ';
-}
-.du-bois-dark-dropdown-wrap {
+  padding: 8px 7px 8px;
   position: relative;
+  display: inline-flex;
+  align-items: center;
+  background: transparent;
+  border: 1px solid #434343;
+  border-radius: 4px;
+  transition: border 0.3s, box-shadow 0.3s;
 }
-.du-bois-dark-dropdown-wrap .du-bois-dark-btn > .anticon-down {
-  font-size: 10px;
+.du-bois-dark-picker:hover,
+.du-bois-dark-picker-focused {
+  border-color: #1d517c;
+  border-right-width: 1px !important;
 }
-.du-bois-dark-dropdown-wrap .anticon-down::before {
-  transition: transform 0.2s;
+.du-bois-dark-picker-focused {
+  border-color: #2272B4;
+  border-right-width: 1px !important;
+  outline: 0;
+  box-shadow: 0 0 0 2px rgba(34, 114, 180, 0.2);
 }
-.du-bois-dark-dropdown-wrap-open .anticon-down::before {
-  transform: rotate(180deg);
+.du-bois-dark-picker.du-bois-dark-picker-disabled {
+  background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
+  cursor: not-allowed;
 }
-.du-bois-dark-dropdown-hidden,
-.du-bois-dark-dropdown-menu-hidden,
-.du-bois-dark-dropdown-menu-submenu-hidden {
-  display: none;
+.du-bois-dark-picker.du-bois-dark-picker-disabled .du-bois-dark-picker-suffix {
+  color: rgba(255, 255, 255, 0.3);
 }
-.du-bois-dark-dropdown-show-arrow.du-bois-dark-dropdown-placement-topCenter,
-.du-bois-dark-dropdown-show-arrow.du-bois-dark-dropdown-placement-topLeft,
-.du-bois-dark-dropdown-show-arrow.du-bois-dark-dropdown-placement-topRight {
-  padding-bottom: 10px;
+.du-bois-dark-picker.du-bois-dark-picker-borderless {
+  background-color: transparent !important;
+  border-color: transparent !important;
+  box-shadow: none !important;
 }
-.du-bois-dark-dropdown-show-arrow.du-bois-dark-dropdown-placement-bottomCenter,
-.du-bois-dark-dropdown-show-arrow.du-bois-dark-dropdown-placement-bottomLeft,
-.du-bois-dark-dropdown-show-arrow.du-bois-dark-dropdown-placement-bottomRight {
-  padding-top: 10px;
+.du-bois-dark-picker-input {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
 }
-.du-bois-dark-dropdown-arrow {
-  position: absolute;
-  z-index: 1;
-  display: block;
-  width: 8.48528137px;
-  height: 8.48528137px;
+.du-bois-dark-picker-input > input {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  min-width: 0;
+  padding: 8px 7px;
+  color: #ffffffd6;
+  font-size: 14px;
+  line-height: 1.5715;
+  background-color: transparent;
+  background-image: none;
+  border: 1px solid #434343;
+  border-radius: 4px;
+  transition: all 0.3s;
+  flex: auto;
+  min-width: 1px;
+  height: auto;
+  padding: 0;
   background: transparent;
-  border-style: solid;
-  border-width: 4.24264069px;
-  transform: rotate(45deg);
+  border: 0;
 }
-.du-bois-dark-dropdown-placement-topCenter > .du-bois-dark-dropdown-arrow,
-.du-bois-dark-dropdown-placement-topLeft > .du-bois-dark-dropdown-arrow,
-.du-bois-dark-dropdown-placement-topRight > .du-bois-dark-dropdown-arrow {
-  bottom: 6.2px;
-  border-top-color: transparent;
-  border-right-color: #1f1f1f;
-  border-bottom-color: #1f1f1f;
-  border-left-color: transparent;
-  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
+.du-bois-dark-picker-input > input::-moz-placeholder {
+  opacity: 1;
 }
-.du-bois-dark-dropdown-placement-topCenter > .du-bois-dark-dropdown-arrow {
-  left: 50%;
-  transform: translateX(-50%) rotate(45deg);
+.du-bois-dark-picker-input > input::placeholder {
+  color: rgba(255, 255, 255, 0.3);
 }
-.du-bois-dark-dropdown-placement-topLeft > .du-bois-dark-dropdown-arrow {
-  left: 16px;
+.du-bois-dark-picker-input > input:placeholder-shown {
+  text-overflow: ellipsis;
 }
-.du-bois-dark-dropdown-placement-topRight > .du-bois-dark-dropdown-arrow {
-  right: 16px;
+.du-bois-dark-picker-input > input:hover {
+  border-color: #1d517c;
+  border-right-width: 1px !important;
 }
-.du-bois-dark-dropdown-placement-bottomCenter > .du-bois-dark-dropdown-arrow,
-.du-bois-dark-dropdown-placement-bottomLeft > .du-bois-dark-dropdown-arrow,
-.du-bois-dark-dropdown-placement-bottomRight > .du-bois-dark-dropdown-arrow {
-  top: 6px;
-  border-top-color: #1f1f1f;
-  border-right-color: transparent;
-  border-bottom-color: transparent;
-  border-left-color: #1f1f1f;
-  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
+.du-bois-dark-picker-input > input:focus,
+.du-bois-dark-picker-input > input-focused {
+  border-color: #2272B4;
+  border-right-width: 1px !important;
+  outline: 0;
+  box-shadow: 0 0 0 2px rgba(34, 114, 180, 0.2);
 }
-.du-bois-dark-dropdown-placement-bottomCenter > .du-bois-dark-dropdown-arrow {
+.du-bois-dark-picker-input > input-disabled {
+  color: rgba(255, 255, 255, 0.3);
+  background-color: rgba(255, 255, 255, 0.08);
+  cursor: not-allowed;
+  opacity: 1;
+}
+.du-bois-dark-picker-input > input-disabled:hover {
+  border-color: #434343;
+  border-right-width: 1px !important;
+}
+.du-bois-dark-picker-input > input[disabled] {
+  color: rgba(255, 255, 255, 0.3);
+  background-color: rgba(255, 255, 255, 0.08);
+  cursor: not-allowed;
+  opacity: 1;
+}
+.du-bois-dark-picker-input > input[disabled]:hover {
+  border-color: #434343;
+  border-right-width: 1px !important;
+}
+.du-bois-dark-picker-input > input-borderless,
+.du-bois-dark-picker-input > input-borderless:hover,
+.du-bois-dark-picker-input > input-borderless:focus,
+.du-bois-dark-picker-input > input-borderless-focused,
+.du-bois-dark-picker-input > input-borderless-disabled,
+.du-bois-dark-picker-input > input-borderless[disabled] {
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+textarea.du-bois-dark-picker-input > input {
+  max-width: 100%;
+  height: auto;
+  min-height: 40px;
+  line-height: 1.5715;
+  vertical-align: bottom;
+  transition: all 0.3s, height 0s;
+}
+.du-bois-dark-picker-input > input-lg {
+  padding: 6.5px 7px;
+  font-size: 16px;
+}
+.du-bois-dark-picker-input > input-sm {
+  padding: 4px 3px;
+}
+.du-bois-dark-picker-input > input:focus {
+  box-shadow: none;
+}
+.du-bois-dark-picker-input > input[disabled] {
+  background: transparent;
+}
+.du-bois-dark-picker-input:hover .du-bois-dark-picker-clear {
+  opacity: 1;
+}
+.du-bois-dark-picker-input-placeholder > input {
+  color: rgba(255, 255, 255, 0.3);
+}
+.du-bois-dark-picker-large {
+  padding: 6.5px 7px 6.5px;
+}
+.du-bois-dark-picker-large .du-bois-dark-picker-input > input {
+  font-size: 16px;
+}
+.du-bois-dark-picker-small {
+  padding: 4px 3px 4px;
+}
+.du-bois-dark-picker-suffix {
+  align-self: center;
+  margin-left: 2px;
+  color: rgba(255, 255, 255, 0.3);
+  line-height: 1;
+  pointer-events: none;
+}
+.du-bois-dark-picker-suffix > * {
+  vertical-align: top;
+}
+.du-bois-dark-picker-clear {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  color: rgba(255, 255, 255, 0.3);
+  line-height: 1;
+  background: #141414;
+  transform: translateY(-50%);
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 0.3s, color 0.3s;
+}
+.du-bois-dark-picker-clear > * {
+  vertical-align: top;
+}
+.du-bois-dark-picker-clear:hover {
+  color: #ffffff99;
+}
+.du-bois-dark-picker-separator {
+  position: relative;
+  display: inline-block;
+  width: 1em;
+  height: 16px;
+  color: rgba(255, 255, 255, 0.3);
+  font-size: 16px;
+  vertical-align: top;
+  cursor: default;
+}
+.du-bois-dark-picker-focused .du-bois-dark-picker-separator {
+  color: #ffffff99;
+}
+.du-bois-dark-picker-disabled .du-bois-dark-picker-range-separator .du-bois-dark-picker-separator {
+  cursor: not-allowed;
+}
+.du-bois-dark-picker-range {
+  position: relative;
+  display: inline-flex;
+}
+.du-bois-dark-picker-range .du-bois-dark-picker-clear {
+  right: 7px;
+}
+.du-bois-dark-picker-range:hover .du-bois-dark-picker-clear {
+  opacity: 1;
+}
+.du-bois-dark-picker-range .du-bois-dark-picker-active-bar {
+  bottom: -1px;
+  height: 2px;
+  margin-left: 7px;
+  background: #2272B4;
+  opacity: 0;
+  transition: all 0.3s ease-out;
+  pointer-events: none;
+}
+.du-bois-dark-picker-range.du-bois-dark-picker-focused .du-bois-dark-picker-active-bar {
+  opacity: 1;
+}
+.du-bois-dark-picker-range-separator {
+  align-items: center;
+  padding: 0 4px;
+  line-height: 1;
+}
+.du-bois-dark-picker-range.du-bois-dark-picker-small .du-bois-dark-picker-clear {
+  right: 3px;
+}
+.du-bois-dark-picker-range.du-bois-dark-picker-small .du-bois-dark-picker-active-bar {
+  margin-left: 3px;
+}
+.du-bois-dark-picker-dropdown {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: #ffffffd6;
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: tnum;
+  position: absolute;
+  z-index: calc(var(--dubois-zindex-base, 1000) + 50);
+}
+.du-bois-dark-picker-dropdown-hidden {
+  display: none;
+}
+.du-bois-dark-picker-dropdown-placement-bottomLeft .du-bois-dark-picker-range-arrow {
+  top: 1.66666667px;
+  display: block;
+  transform: rotate(-45deg);
+}
+.du-bois-dark-picker-dropdown-placement-topLeft .du-bois-dark-picker-range-arrow {
+  bottom: 1.66666667px;
+  display: block;
+  transform: rotate(135deg);
+}
+.du-bois-dark-picker-dropdown.du-bois-dark-slide-up-enter.du-bois-dark-slide-up-enter-active.du-bois-dark-picker-dropdown-placement-topLeft,
+.du-bois-dark-picker-dropdown.du-bois-dark-slide-up-enter.du-bois-dark-slide-up-enter-active.du-bois-dark-picker-dropdown-placement-topRight,
+.du-bois-dark-picker-dropdown.du-bois-dark-slide-up-appear.du-bois-dark-slide-up-appear-active.du-bois-dark-picker-dropdown-placement-topLeft,
+.du-bois-dark-picker-dropdown.du-bois-dark-slide-up-appear.du-bois-dark-slide-up-appear-active.du-bois-dark-picker-dropdown-placement-topRight {
+  animation-name: antSlideDownIn;
+}
+.du-bois-dark-picker-dropdown.du-bois-dark-slide-up-enter.du-bois-dark-slide-up-enter-active.du-bois-dark-picker-dropdown-placement-bottomLeft,
+.du-bois-dark-picker-dropdown.du-bois-dark-slide-up-enter.du-bois-dark-slide-up-enter-active.du-bois-dark-picker-dropdown-placement-bottomRight,
+.du-bois-dark-picker-dropdown.du-bois-dark-slide-up-appear.du-bois-dark-slide-up-appear-active.du-bois-dark-picker-dropdown-placement-bottomLeft,
+.du-bois-dark-picker-dropdown.du-bois-dark-slide-up-appear.du-bois-dark-slide-up-appear-active.du-bois-dark-picker-dropdown-placement-bottomRight {
+  animation-name: antSlideUpIn;
+}
+.du-bois-dark-picker-dropdown.du-bois-dark-slide-up-leave.du-bois-dark-slide-up-leave-active.du-bois-dark-picker-dropdown-placement-topLeft,
+.du-bois-dark-picker-dropdown.du-bois-dark-slide-up-leave.du-bois-dark-slide-up-leave-active.du-bois-dark-picker-dropdown-placement-topRight {
+  animation-name: antSlideDownOut;
+}
+.du-bois-dark-picker-dropdown.du-bois-dark-slide-up-leave.du-bois-dark-slide-up-leave-active.du-bois-dark-picker-dropdown-placement-bottomLeft,
+.du-bois-dark-picker-dropdown.du-bois-dark-slide-up-leave.du-bois-dark-slide-up-leave-active.du-bois-dark-picker-dropdown-placement-bottomRight {
+  animation-name: antSlideUpOut;
+}
+.du-bois-dark-picker-dropdown-range {
+  padding: 6.66666667px 0;
+}
+.du-bois-dark-picker-dropdown-range-hidden {
+  display: none;
+}
+.du-bois-dark-picker-dropdown .du-bois-dark-picker-panel > .du-bois-dark-picker-time-panel {
+  padding-top: 2px;
+}
+.du-bois-dark-picker-ranges {
+  margin-bottom: 0;
+  padding: 2px 8px;
+  overflow: hidden;
+  line-height: 36px;
+  text-align: left;
+  list-style: none;
+}
+.du-bois-dark-picker-ranges > li {
+  display: inline-block;
+}
+.du-bois-dark-picker-ranges .du-bois-dark-picker-preset > .du-bois-dark-tag-blue {
+  color: #2272B4;
+  background: #121921;
+  border-color: #183044;
+  cursor: pointer;
+}
+.du-bois-dark-picker-ranges .du-bois-dark-picker-ok {
+  float: right;
+  margin-left: 4px;
+}
+.du-bois-dark-picker-range-wrapper {
+  display: flex;
+}
+.du-bois-dark-picker-range-arrow {
+  position: absolute;
+  z-index: 1;
+  display: none;
+  width: 10px;
+  height: 10px;
+  margin-left: 10.5px;
+  box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);
+  transition: left 0.3s ease-out;
+}
+.du-bois-dark-picker-range-arrow::after {
+  position: absolute;
+  top: 1px;
+  right: 1px;
+  width: 10px;
+  height: 10px;
+  border: 5px solid #303030;
+  border-color: #1f1f1f #1f1f1f transparent transparent;
+  content: '';
+}
+.du-bois-dark-picker-panel-container {
+  overflow: hidden;
+  vertical-align: top;
+  background: #1f1f1f;
+  border-radius: 4px;
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
+  transition: margin 0.3s;
+}
+.du-bois-dark-picker-panel-container .du-bois-dark-picker-panels {
+  display: inline-flex;
+  flex-wrap: nowrap;
+  direction: ltr;
+}
+.du-bois-dark-picker-panel-container .du-bois-dark-picker-panel {
+  vertical-align: top;
+  background: transparent;
+  border-width: 0 0 1px 0;
+  border-radius: 0;
+}
+.du-bois-dark-picker-panel-container .du-bois-dark-picker-panel .du-bois-dark-picker-content,
+.du-bois-dark-picker-panel-container .du-bois-dark-picker-panel table {
+  text-align: center;
+}
+.du-bois-dark-picker-panel-container .du-bois-dark-picker-panel-focused {
+  border-color: #303030;
+}
+.du-bois-dark-picker-panel {
+  display: inline-flex;
+  flex-direction: column;
+  text-align: center;
+  background: #1f1f1f;
+  border: 1px solid #303030;
+  border-radius: 4px;
+  outline: none;
+}
+.du-bois-dark-picker-panel-focused {
+  border-color: #2272B4;
+}
+.du-bois-dark-picker-decade-panel,
+.du-bois-dark-picker-year-panel,
+.du-bois-dark-picker-quarter-panel,
+.du-bois-dark-picker-month-panel,
+.du-bois-dark-picker-week-panel,
+.du-bois-dark-picker-date-panel,
+.du-bois-dark-picker-time-panel {
+  display: flex;
+  flex-direction: column;
+  width: 272px;
+}
+.du-bois-dark-picker-header {
+  display: flex;
+  padding: 0 4px;
+  color: rgba(255, 255, 255, 0.85);
+  border-bottom: 1px solid #303030;
+}
+.du-bois-dark-picker-header > * {
+  flex: none;
+}
+.du-bois-dark-picker-header button {
+  padding: 0;
+  color: rgba(255, 255, 255, 0.3);
+  line-height: 40px;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+  transition: color 0.3s;
+}
+.du-bois-dark-picker-header > button {
+  min-width: 1.6em;
+  font-size: 14px;
+}
+.du-bois-dark-picker-header > button:hover {
+  color: #ffffffd6;
+}
+.du-bois-dark-picker-header-view {
+  flex: auto;
+  font-weight: 500;
+  line-height: 40px;
+}
+.du-bois-dark-picker-header-view button {
+  color: inherit;
+  font-weight: inherit;
+}
+.du-bois-dark-picker-header-view button:not(:first-child) {
+  margin-left: 4px;
+}
+.du-bois-dark-picker-header-view button:hover {
+  color: #2272B4;
+}
+.du-bois-dark-picker-prev-icon,
+.du-bois-dark-picker-next-icon,
+.du-bois-dark-picker-super-prev-icon,
+.du-bois-dark-picker-super-next-icon {
+  position: relative;
+  display: inline-block;
+  width: 7px;
+  height: 7px;
+}
+.du-bois-dark-picker-prev-icon::before,
+.du-bois-dark-picker-next-icon::before,
+.du-bois-dark-picker-super-prev-icon::before,
+.du-bois-dark-picker-super-next-icon::before {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: inline-block;
+  width: 7px;
+  height: 7px;
+  border: 0 solid currentColor;
+  border-width: 1.5px 0 0 1.5px;
+  content: '';
+}
+.du-bois-dark-picker-super-prev-icon::after,
+.du-bois-dark-picker-super-next-icon::after {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  display: inline-block;
+  width: 7px;
+  height: 7px;
+  border: 0 solid currentColor;
+  border-width: 1.5px 0 0 1.5px;
+  content: '';
+}
+.du-bois-dark-picker-prev-icon,
+.du-bois-dark-picker-super-prev-icon {
+  transform: rotate(-45deg);
+}
+.du-bois-dark-picker-next-icon,
+.du-bois-dark-picker-super-next-icon {
+  transform: rotate(135deg);
+}
+.du-bois-dark-picker-content {
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: collapse;
+}
+.du-bois-dark-picker-content th,
+.du-bois-dark-picker-content td {
+  position: relative;
+  min-width: 24px;
+  font-weight: 400;
+}
+.du-bois-dark-picker-content th {
+  height: 30px;
+  color: #ffffffd6;
+  line-height: 30px;
+}
+.du-bois-dark-picker-cell {
+  padding: 3px 0;
+  color: rgba(255, 255, 255, 0.3);
+  cursor: pointer;
+}
+.du-bois-dark-picker-cell-in-view {
+  color: #ffffffd6;
+}
+.du-bois-dark-picker-cell::before {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  left: 0;
+  z-index: 1;
+  height: 24px;
+  transform: translateY(-50%);
+  content: '';
+}
+.du-bois-dark-picker-cell .du-bois-dark-picker-cell-inner {
+  position: relative;
+  z-index: 2;
+  display: inline-block;
+  min-width: 24px;
+  height: 24px;
+  line-height: 24px;
+  border-radius: 4px;
+  transition: background 0.3s, border 0.3s;
+}
+.du-bois-dark-picker-cell:hover:not(.du-bois-dark-picker-cell-in-view) .du-bois-dark-picker-cell-inner,
+.du-bois-dark-picker-cell:hover:not(.du-bois-dark-picker-cell-selected):not(.du-bois-dark-picker-cell-range-start):not(.du-bois-dark-picker-cell-range-end):not(.du-bois-dark-picker-cell-range-hover-start):not(.du-bois-dark-picker-cell-range-hover-end) .du-bois-dark-picker-cell-inner {
+  background: rgba(255, 255, 255, 0.08);
+}
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-today .du-bois-dark-picker-cell-inner::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  border: 1px solid #2272B4;
+  border-radius: 4px;
+  content: '';
+}
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-in-range {
+  position: relative;
+}
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-in-range::before {
+  background: #121921;
+}
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-selected .du-bois-dark-picker-cell-inner,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-start .du-bois-dark-picker-cell-inner,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-end .du-bois-dark-picker-cell-inner {
+  color: #fff;
+  background: #2272B4;
+}
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-start:not(.du-bois-dark-picker-cell-range-start-single)::before,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-end:not(.du-bois-dark-picker-cell-range-end-single)::before {
+  background: #121921;
+}
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-start::before {
+  left: 50%;
+}
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-end::before {
+  right: 50%;
+}
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-start:not(.du-bois-dark-picker-cell-in-range):not(.du-bois-dark-picker-cell-range-start):not(.du-bois-dark-picker-cell-range-end)::after,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-end:not(.du-bois-dark-picker-cell-in-range):not(.du-bois-dark-picker-cell-range-start):not(.du-bois-dark-picker-cell-range-end)::after,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-start.du-bois-dark-picker-cell-range-start-single::after,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-start.du-bois-dark-picker-cell-range-start.du-bois-dark-picker-cell-range-end.du-bois-dark-picker-cell-range-end-near-hover::after,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-end.du-bois-dark-picker-cell-range-start.du-bois-dark-picker-cell-range-end.du-bois-dark-picker-cell-range-start-near-hover::after,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-end.du-bois-dark-picker-cell-range-end-single::after,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover:not(.du-bois-dark-picker-cell-in-range)::after {
+  position: absolute;
+  top: 50%;
+  z-index: 0;
+  height: 24px;
+  border-top: 1px dashed #123c5e;
+  border-bottom: 1px dashed #123c5e;
+  transform: translateY(-50%);
+  content: '';
+}
+.du-bois-dark-picker-cell-range-hover-start::after,
+.du-bois-dark-picker-cell-range-hover-end::after,
+.du-bois-dark-picker-cell-range-hover::after {
+  right: 0;
+  left: 2px;
+}
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-in-range.du-bois-dark-picker-cell-range-hover::before,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-start.du-bois-dark-picker-cell-range-hover::before,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-end.du-bois-dark-picker-cell-range-hover::before,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-start:not(.du-bois-dark-picker-cell-range-start-single).du-bois-dark-picker-cell-range-hover-start::before,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-end:not(.du-bois-dark-picker-cell-range-end-single).du-bois-dark-picker-cell-range-hover-end::before,
+.du-bois-dark-picker-panel > :not(.du-bois-dark-picker-date-panel) .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-in-range.du-bois-dark-picker-cell-range-hover-start::before,
+.du-bois-dark-picker-panel > :not(.du-bois-dark-picker-date-panel) .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-in-range.du-bois-dark-picker-cell-range-hover-end::before {
+  background: #06131e;
+}
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-start:not(.du-bois-dark-picker-cell-range-start-single):not(.du-bois-dark-picker-cell-range-end) .du-bois-dark-picker-cell-inner {
+  border-radius: 4px 0 0 4px;
+}
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-end:not(.du-bois-dark-picker-cell-range-end-single):not(.du-bois-dark-picker-cell-range-start) .du-bois-dark-picker-cell-inner {
+  border-radius: 0 4px 4px 0;
+}
+.du-bois-dark-picker-date-panel .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-in-range.du-bois-dark-picker-cell-range-hover-start .du-bois-dark-picker-cell-inner::after,
+.du-bois-dark-picker-date-panel .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-in-range.du-bois-dark-picker-cell-range-hover-end .du-bois-dark-picker-cell-inner::after {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: -1;
+  background: #06131e;
+  content: '';
+}
+.du-bois-dark-picker-date-panel .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-in-range.du-bois-dark-picker-cell-range-hover-start .du-bois-dark-picker-cell-inner::after {
+  right: -6px;
+  left: 0;
+}
+.du-bois-dark-picker-date-panel .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-in-range.du-bois-dark-picker-cell-range-hover-end .du-bois-dark-picker-cell-inner::after {
+  right: 0;
+  left: -6px;
+}
+.du-bois-dark-picker-cell-range-hover.du-bois-dark-picker-cell-range-start::after {
+  right: 50%;
+}
+.du-bois-dark-picker-cell-range-hover.du-bois-dark-picker-cell-range-end::after {
+  left: 50%;
+}
+tr > .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover:first-child::after,
+tr > .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-end:first-child::after,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-start.du-bois-dark-picker-cell-range-hover-edge-start.du-bois-dark-picker-cell-range-hover-edge-start-near-range::after,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-edge-start:not(.du-bois-dark-picker-cell-range-hover-edge-start-near-range)::after,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-start::after {
+  left: 6px;
+  border-left: 1px dashed #123c5e;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+tr > .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover:last-child::after,
+tr > .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-start:last-child::after,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-end.du-bois-dark-picker-cell-range-hover-edge-end.du-bois-dark-picker-cell-range-hover-edge-end-near-range::after,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-edge-end:not(.du-bois-dark-picker-cell-range-hover-edge-end-near-range)::after,
+.du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-end::after {
+  right: 6px;
+  border-right: 1px dashed #123c5e;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.du-bois-dark-picker-cell-disabled {
+  color: rgba(255, 255, 255, 0.3);
+  pointer-events: none;
+}
+.du-bois-dark-picker-cell-disabled .du-bois-dark-picker-cell-inner {
+  background: transparent;
+}
+.du-bois-dark-picker-cell-disabled::before {
+  background: #303030;
+}
+.du-bois-dark-picker-cell-disabled.du-bois-dark-picker-cell-today .du-bois-dark-picker-cell-inner::before {
+  border-color: rgba(255, 255, 255, 0.3);
+}
+.du-bois-dark-picker-decade-panel .du-bois-dark-picker-content,
+.du-bois-dark-picker-year-panel .du-bois-dark-picker-content,
+.du-bois-dark-picker-quarter-panel .du-bois-dark-picker-content,
+.du-bois-dark-picker-month-panel .du-bois-dark-picker-content {
+  height: 264px;
+}
+.du-bois-dark-picker-decade-panel .du-bois-dark-picker-cell-inner,
+.du-bois-dark-picker-year-panel .du-bois-dark-picker-cell-inner,
+.du-bois-dark-picker-quarter-panel .du-bois-dark-picker-cell-inner,
+.du-bois-dark-picker-month-panel .du-bois-dark-picker-cell-inner {
+  padding: 0 4px;
+}
+.du-bois-dark-picker-quarter-panel .du-bois-dark-picker-content {
+  height: 56px;
+}
+.du-bois-dark-picker-footer {
+  width: min-content;
+  min-width: 100%;
+  line-height: 38px;
+  text-align: center;
+  border-bottom: 1px solid transparent;
+}
+.du-bois-dark-picker-panel .du-bois-dark-picker-footer {
+  border-top: 1px solid #303030;
+}
+.du-bois-dark-picker-footer-extra {
+  padding: 0 8px;
+  line-height: 38px;
+  text-align: left;
+}
+.du-bois-dark-picker-footer-extra:not(:last-child) {
+  border-bottom: 1px solid #303030;
+}
+.du-bois-dark-picker-now {
+  text-align: left;
+}
+.du-bois-dark-picker-today-btn {
+  color: #2272B4;
+}
+.du-bois-dark-picker-today-btn:hover {
+  color: #1d517c;
+}
+.du-bois-dark-picker-today-btn:active {
+  color: #3f81b1;
+}
+.du-bois-dark-picker-today-btn.du-bois-dark-picker-today-btn-disabled {
+  color: rgba(255, 255, 255, 0.3);
+  cursor: not-allowed;
+}
+.du-bois-dark-picker-decade-panel .du-bois-dark-picker-cell-inner {
+  padding: 0 2px;
+}
+.du-bois-dark-picker-decade-panel .du-bois-dark-picker-cell::before {
+  display: none;
+}
+.du-bois-dark-picker-year-panel .du-bois-dark-picker-body,
+.du-bois-dark-picker-quarter-panel .du-bois-dark-picker-body,
+.du-bois-dark-picker-month-panel .du-bois-dark-picker-body {
+  padding: 0 4px;
+}
+.du-bois-dark-picker-year-panel .du-bois-dark-picker-cell-inner,
+.du-bois-dark-picker-quarter-panel .du-bois-dark-picker-cell-inner,
+.du-bois-dark-picker-month-panel .du-bois-dark-picker-cell-inner {
+  width: 60px;
+}
+.du-bois-dark-picker-year-panel .du-bois-dark-picker-cell-range-hover-start::after,
+.du-bois-dark-picker-quarter-panel .du-bois-dark-picker-cell-range-hover-start::after,
+.du-bois-dark-picker-month-panel .du-bois-dark-picker-cell-range-hover-start::after {
+  left: 14px;
+  border-left: 1px dashed #123c5e;
+  border-radius: 4px 0 0 4px;
+}
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-year-panel .du-bois-dark-picker-cell-range-hover-start::after,
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-quarter-panel .du-bois-dark-picker-cell-range-hover-start::after,
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-month-panel .du-bois-dark-picker-cell-range-hover-start::after {
+  right: 14px;
+  border-right: 1px dashed #123c5e;
+  border-radius: 0 4px 4px 0;
+}
+.du-bois-dark-picker-year-panel .du-bois-dark-picker-cell-range-hover-end::after,
+.du-bois-dark-picker-quarter-panel .du-bois-dark-picker-cell-range-hover-end::after,
+.du-bois-dark-picker-month-panel .du-bois-dark-picker-cell-range-hover-end::after {
+  right: 14px;
+  border-right: 1px dashed #123c5e;
+  border-radius: 0 4px 4px 0;
+}
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-year-panel .du-bois-dark-picker-cell-range-hover-end::after,
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-quarter-panel .du-bois-dark-picker-cell-range-hover-end::after,
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-month-panel .du-bois-dark-picker-cell-range-hover-end::after {
+  left: 14px;
+  border-left: 1px dashed #123c5e;
+  border-radius: 4px 0 0 4px;
+}
+.du-bois-dark-picker-week-panel .du-bois-dark-picker-body {
+  padding: 4px 8px;
+}
+.du-bois-dark-picker-week-panel .du-bois-dark-picker-cell:hover .du-bois-dark-picker-cell-inner,
+.du-bois-dark-picker-week-panel .du-bois-dark-picker-cell-selected .du-bois-dark-picker-cell-inner,
+.du-bois-dark-picker-week-panel .du-bois-dark-picker-cell .du-bois-dark-picker-cell-inner {
+  background: transparent !important;
+}
+.du-bois-dark-picker-week-panel-row td {
+  transition: background 0.3s;
+}
+.du-bois-dark-picker-week-panel-row:hover td {
+  background: rgba(255, 255, 255, 0.08);
+}
+.du-bois-dark-picker-week-panel-row-selected td,
+.du-bois-dark-picker-week-panel-row-selected:hover td {
+  background: #2272B4;
+}
+.du-bois-dark-picker-week-panel-row-selected td.du-bois-dark-picker-cell-week,
+.du-bois-dark-picker-week-panel-row-selected:hover td.du-bois-dark-picker-cell-week {
+  color: rgba(255, 255, 255, 0.5);
+}
+.du-bois-dark-picker-week-panel-row-selected td.du-bois-dark-picker-cell-today .du-bois-dark-picker-cell-inner::before,
+.du-bois-dark-picker-week-panel-row-selected:hover td.du-bois-dark-picker-cell-today .du-bois-dark-picker-cell-inner::before {
+  border-color: #fff;
+}
+.du-bois-dark-picker-week-panel-row-selected td .du-bois-dark-picker-cell-inner,
+.du-bois-dark-picker-week-panel-row-selected:hover td .du-bois-dark-picker-cell-inner {
+  color: #fff;
+}
+.du-bois-dark-picker-date-panel .du-bois-dark-picker-body {
+  padding: 4px 8px;
+}
+.du-bois-dark-picker-date-panel .du-bois-dark-picker-content {
+  width: 252px;
+}
+.du-bois-dark-picker-date-panel .du-bois-dark-picker-content th {
+  width: 36px;
+}
+.du-bois-dark-picker-datetime-panel {
+  display: flex;
+}
+.du-bois-dark-picker-datetime-panel .du-bois-dark-picker-time-panel {
+  border-left: 1px solid #303030;
+}
+.du-bois-dark-picker-datetime-panel .du-bois-dark-picker-date-panel,
+.du-bois-dark-picker-datetime-panel .du-bois-dark-picker-time-panel {
+  transition: opacity 0.3s;
+}
+.du-bois-dark-picker-datetime-panel-active .du-bois-dark-picker-date-panel,
+.du-bois-dark-picker-datetime-panel-active .du-bois-dark-picker-time-panel {
+  opacity: 0.3;
+}
+.du-bois-dark-picker-datetime-panel-active .du-bois-dark-picker-date-panel-active,
+.du-bois-dark-picker-datetime-panel-active .du-bois-dark-picker-time-panel-active {
+  opacity: 1;
+}
+.du-bois-dark-picker-time-panel {
+  width: auto;
+  min-width: auto;
+}
+.du-bois-dark-picker-time-panel .du-bois-dark-picker-content {
+  display: flex;
+  flex: auto;
+  height: 224px;
+}
+.du-bois-dark-picker-time-panel-column {
+  flex: 1 0 auto;
+  width: 56px;
+  margin: 0;
+  padding: 0;
+  overflow-y: hidden;
+  text-align: left;
+  list-style: none;
+  transition: background 0.3s;
+}
+.du-bois-dark-picker-time-panel-column::after {
+  display: block;
+  height: 196px;
+  content: '';
+}
+.du-bois-dark-picker-datetime-panel .du-bois-dark-picker-time-panel-column::after {
+  height: 198px;
+}
+.du-bois-dark-picker-time-panel-column:not(:first-child) {
+  border-left: 1px solid #303030;
+}
+.du-bois-dark-picker-time-panel-column-active {
+  background: rgba(18, 25, 33, 0.2);
+}
+.du-bois-dark-picker-time-panel-column:hover {
+  overflow-y: auto;
+}
+.du-bois-dark-picker-time-panel-column > li {
+  margin: 0;
+  padding: 0;
+}
+.du-bois-dark-picker-time-panel-column > li.du-bois-dark-picker-time-panel-cell .du-bois-dark-picker-time-panel-cell-inner {
+  display: block;
+  width: 100%;
+  height: 28px;
+  margin: 0;
+  padding: 0 0 0 14px;
+  color: #ffffffd6;
+  line-height: 28px;
+  border-radius: 0;
+  cursor: pointer;
+  transition: background 0.3s;
+}
+.du-bois-dark-picker-time-panel-column > li.du-bois-dark-picker-time-panel-cell .du-bois-dark-picker-time-panel-cell-inner:hover {
+  background: rgba(255, 255, 255, 0.08);
+}
+.du-bois-dark-picker-time-panel-column > li.du-bois-dark-picker-time-panel-cell-selected .du-bois-dark-picker-time-panel-cell-inner {
+  background: #121921;
+}
+.du-bois-dark-picker-time-panel-column > li.du-bois-dark-picker-time-panel-cell-disabled .du-bois-dark-picker-time-panel-cell-inner {
+  color: rgba(255, 255, 255, 0.3);
+  background: transparent;
+  cursor: not-allowed;
+}
+/* stylelint-disable-next-line */
+_:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-month-panel .du-bois-dark-picker-cell,
+:root .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-month-panel .du-bois-dark-picker-cell,
+_:-ms-fullscreen .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-panel .du-bois-dark-picker-cell,
+:root .du-bois-dark-picker-range-wrapper .du-bois-dark-picker-year-panel .du-bois-dark-picker-cell {
+  padding: 21px 0;
+}
+.du-bois-dark-picker-rtl {
+  direction: rtl;
+}
+.du-bois-dark-picker-rtl .du-bois-dark-picker-suffix {
+  margin-right: 2px;
+  margin-left: 0;
+}
+.du-bois-dark-picker-rtl .du-bois-dark-picker-clear {
+  right: auto;
+  left: 0;
+}
+.du-bois-dark-picker-rtl .du-bois-dark-picker-separator {
+  transform: rotate(180deg);
+}
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-header-view button:not(:first-child) {
+  margin-right: 4px;
+  margin-left: 0;
+}
+.du-bois-dark-picker-rtl.du-bois-dark-picker-range .du-bois-dark-picker-clear {
+  right: auto;
+  left: 7px;
+}
+.du-bois-dark-picker-rtl.du-bois-dark-picker-range .du-bois-dark-picker-active-bar {
+  margin-right: 7px;
+  margin-left: 0;
+}
+.du-bois-dark-picker-rtl.du-bois-dark-picker-range.du-bois-dark-picker-small .du-bois-dark-picker-active-bar {
+  margin-right: 3px;
+}
+.du-bois-dark-picker-dropdown-rtl .du-bois-dark-picker-ranges {
+  text-align: right;
+}
+.du-bois-dark-picker-dropdown-rtl .du-bois-dark-picker-ranges .du-bois-dark-picker-ok {
+  float: left;
+  margin-right: 4px;
+  margin-left: 0;
+}
+.du-bois-dark-picker-panel-rtl {
+  direction: rtl;
+}
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-prev-icon,
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-super-prev-icon {
+  transform: rotate(135deg);
+}
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-next-icon,
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-super-next-icon {
+  transform: rotate(-45deg);
+}
+.du-bois-dark-picker-cell .du-bois-dark-picker-cell-inner {
+  position: relative;
+  z-index: 2;
+  display: inline-block;
+  min-width: 24px;
+  height: 24px;
+  line-height: 24px;
+  border-radius: 4px;
+  transition: background 0.3s, border 0.3s;
+}
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-start::before {
+  right: 50%;
+  left: 0;
+}
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-end::before {
+  right: 0;
+  left: 50%;
+}
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-start.du-bois-dark-picker-cell-range-end::before {
+  right: 50%;
+  left: 50%;
+}
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-date-panel .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-in-range.du-bois-dark-picker-cell-range-hover-start .du-bois-dark-picker-cell-inner::after {
+  right: 0;
+  left: -6px;
+}
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-date-panel .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-in-range.du-bois-dark-picker-cell-range-hover-end .du-bois-dark-picker-cell-inner::after {
+  right: -6px;
+  left: 0;
+}
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-cell-range-hover.du-bois-dark-picker-cell-range-start::after {
+  right: 0;
+  left: 50%;
+}
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-cell-range-hover.du-bois-dark-picker-cell-range-end::after {
+  right: 50%;
+  left: 0;
+}
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-start:not(.du-bois-dark-picker-cell-range-start-single):not(.du-bois-dark-picker-cell-range-end) .du-bois-dark-picker-cell-inner {
+  border-radius: 0 4px 4px 0;
+}
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-end:not(.du-bois-dark-picker-cell-range-end-single):not(.du-bois-dark-picker-cell-range-start) .du-bois-dark-picker-cell-inner {
+  border-radius: 4px 0 0 4px;
+}
+.du-bois-dark-picker-panel-rtl tr > .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover:not(.du-bois-dark-picker-cell-selected):first-child::after,
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-start.du-bois-dark-picker-cell-range-hover-edge-start.du-bois-dark-picker-cell-range-hover-edge-start-near-range::after,
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-edge-start:not(.du-bois-dark-picker-cell-range-hover-edge-start-near-range)::after,
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-start::after {
+  right: 6px;
+  left: 0;
+  border-right: 1px dashed #123c5e;
+  border-left: none;
+  border-top-left-radius: 0;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 0;
+}
+.du-bois-dark-picker-panel-rtl tr > .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover:not(.du-bois-dark-picker-cell-selected):last-child::after,
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-end.du-bois-dark-picker-cell-range-hover-edge-end.du-bois-dark-picker-cell-range-hover-edge-end-near-range::after,
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-edge-end:not(.du-bois-dark-picker-cell-range-hover-edge-end-near-range)::after,
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-end::after {
+  right: 0;
+  left: 6px;
+  border-right: none;
+  border-left: 1px dashed #123c5e;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 4px;
+}
+.du-bois-dark-picker-panel-rtl tr > .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-start:last-child::after,
+.du-bois-dark-picker-panel-rtl tr > .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-range-hover-end:first-child::after,
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-start.du-bois-dark-picker-cell-range-hover-edge-start:not(.du-bois-dark-picker-cell-range-hover)::after,
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-start.du-bois-dark-picker-cell-range-hover-end.du-bois-dark-picker-cell-range-hover-edge-start:not(.du-bois-dark-picker-cell-range-hover)::after,
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-end.du-bois-dark-picker-cell-range-hover-start.du-bois-dark-picker-cell-range-hover-edge-end:not(.du-bois-dark-picker-cell-range-hover)::after,
+.du-bois-dark-picker-panel-rtl tr > .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-start.du-bois-dark-picker-cell-range-hover.du-bois-dark-picker-cell-range-hover-edge-start:last-child::after,
+.du-bois-dark-picker-panel-rtl tr > .du-bois-dark-picker-cell-in-view.du-bois-dark-picker-cell-end.du-bois-dark-picker-cell-range-hover.du-bois-dark-picker-cell-range-hover-edge-end:first-child::after {
+  right: 6px;
+  left: 6px;
+  border-right: 1px dashed #123c5e;
+  border-left: 1px dashed #123c5e;
+  border-radius: 4px;
+}
+.du-bois-dark-picker-dropdown-rtl .du-bois-dark-picker-footer-extra {
+  direction: rtl;
+  text-align: right;
+}
+.du-bois-dark-picker-panel-rtl .du-bois-dark-picker-time-panel {
+  direction: ltr;
+}
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.du-bois-dark-tag {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: #ffffffd6;
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: tnum;
+  display: inline-block;
+  height: auto;
+  margin-right: 8px;
+  padding: 0 7px;
+  font-size: 12px;
+  line-height: 20px;
+  white-space: nowrap;
+  background: rgba(255, 255, 255, 0.04);
+  border: 1px solid #434343;
+  border-radius: 4px;
+  opacity: 1;
+  transition: all 0.3s;
+}
+.du-bois-dark-tag,
+.du-bois-dark-tag a,
+.du-bois-dark-tag a:hover {
+  color: #ffffffd6;
+}
+.du-bois-dark-tag > a:first-child:last-child {
+  display: inline-block;
+  margin: 0 -8px;
+  padding: 0 8px;
+}
+.du-bois-dark-tag-close-icon {
+  margin-left: 3px;
+  color: #ffffff99;
+  font-size: 10px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.du-bois-dark-tag-close-icon:hover {
+  color: rgba(255, 255, 255, 0.85);
+}
+.du-bois-dark-tag-has-color {
+  border-color: transparent;
+}
+.du-bois-dark-tag-has-color,
+.du-bois-dark-tag-has-color a,
+.du-bois-dark-tag-has-color a:hover,
+.du-bois-dark-tag-has-color .anticon-close,
+.du-bois-dark-tag-has-color .anticon-close:hover {
+  color: #fff;
+}
+.du-bois-dark-tag-checkable {
+  background-color: transparent;
+  border-color: transparent;
+  cursor: pointer;
+}
+.du-bois-dark-tag-checkable:not(.du-bois-dark-tag-checkable-checked):hover {
+  color: #2272B4;
+}
+.du-bois-dark-tag-checkable:active,
+.du-bois-dark-tag-checkable-checked {
+  color: #fff;
+}
+.du-bois-dark-tag-checkable-checked {
+  background-color: #2272B4;
+}
+.du-bois-dark-tag-checkable:active {
+  background-color: #3f81b1;
+}
+.du-bois-dark-tag-hidden {
+  display: none;
+}
+.du-bois-dark-tag-pink {
+  color: #e0529c;
+  background: #291321;
+  border-color: #551c3b;
+}
+.du-bois-dark-tag-pink-inverse {
+  color: #fff;
+  background: #cb2b83;
+  border-color: #cb2b83;
+}
+.du-bois-dark-tag-magenta {
+  color: #e0529c;
+  background: #291321;
+  border-color: #551c3b;
+}
+.du-bois-dark-tag-magenta-inverse {
+  color: #fff;
+  background: #cb2b83;
+  border-color: #cb2b83;
+}
+.du-bois-dark-tag-red {
+  color: #e84749;
+  background: #2a1215;
+  border-color: #58181c;
+}
+.du-bois-dark-tag-red-inverse {
+  color: #fff;
+  background: #d32029;
+  border-color: #d32029;
+}
+.du-bois-dark-tag-volcano {
+  color: #e87040;
+  background: #2b1611;
+  border-color: #592716;
+}
+.du-bois-dark-tag-volcano-inverse {
+  color: #fff;
+  background: #d84a1b;
+  border-color: #d84a1b;
+}
+.du-bois-dark-tag-orange {
+  color: #e89a3c;
+  background: #2b1d11;
+  border-color: #593815;
+}
+.du-bois-dark-tag-orange-inverse {
+  color: #fff;
+  background: #d87a16;
+  border-color: #d87a16;
+}
+.du-bois-dark-tag-yellow {
+  color: #e8d639;
+  background: #2b2611;
+  border-color: #595014;
+}
+.du-bois-dark-tag-yellow-inverse {
+  color: #fff;
+  background: #d8bd14;
+  border-color: #d8bd14;
+}
+.du-bois-dark-tag-gold {
+  color: #e8b339;
+  background: #2b2111;
+  border-color: #594214;
+}
+.du-bois-dark-tag-gold-inverse {
+  color: #fff;
+  background: #d89614;
+  border-color: #d89614;
+}
+.du-bois-dark-tag-cyan {
+  color: #33bcb7;
+  background: #112123;
+  border-color: #144848;
+}
+.du-bois-dark-tag-cyan-inverse {
+  color: #fff;
+  background: #13a8a8;
+  border-color: #13a8a8;
+}
+.du-bois-dark-tag-lime {
+  color: #a9d134;
+  background: #1f2611;
+  border-color: #3e4f13;
+}
+.du-bois-dark-tag-lime-inverse {
+  color: #fff;
+  background: #8bbb11;
+  border-color: #8bbb11;
+}
+.du-bois-dark-tag-green {
+  color: #6abe39;
+  background: #162312;
+  border-color: #274916;
+}
+.du-bois-dark-tag-green-inverse {
+  color: #fff;
+  background: #49aa19;
+  border-color: #49aa19;
+}
+.du-bois-dark-tag-blue {
+  color: #3c9ae8;
+  background: #111d2c;
+  border-color: #15395b;
+}
+.du-bois-dark-tag-blue-inverse {
+  color: #fff;
+  background: #177ddc;
+  border-color: #177ddc;
+}
+.du-bois-dark-tag-geekblue {
+  color: #5273e0;
+  background: #131629;
+  border-color: #1c2755;
+}
+.du-bois-dark-tag-geekblue-inverse {
+  color: #fff;
+  background: #2b4acb;
+  border-color: #2b4acb;
+}
+.du-bois-dark-tag-purple {
+  color: #854eca;
+  background: #1a1325;
+  border-color: #301c4d;
+}
+.du-bois-dark-tag-purple-inverse {
+  color: #fff;
+  background: #642ab5;
+  border-color: #642ab5;
+}
+.du-bois-dark-tag-success {
+  color: #49aa19;
+  background: #162312;
+  border-color: #274916;
+}
+.du-bois-dark-tag-processing {
+  color: #177ddc;
+  background: #111d2c;
+  border-color: #15395b;
+}
+.du-bois-dark-tag-error {
+  color: #d32029;
+  background: #2a1215;
+  border-color: #58181c;
+}
+.du-bois-dark-tag-warning {
+  color: #d87a16;
+  background: #2b1d11;
+  border-color: #593815;
+}
+.du-bois-dark-tag > .anticon + span,
+.du-bois-dark-tag > span + .anticon {
+  margin-left: 7px;
+}
+.du-bois-dark-tag.du-bois-dark-tag-rtl {
+  margin-right: 0;
+  margin-left: 8px;
+  direction: rtl;
+  text-align: right;
+}
+.du-bois-dark-tag-rtl .du-bois-dark-tag-close-icon {
+  margin-right: 3px;
+  margin-left: 0;
+}
+.du-bois-dark-tag-rtl.du-bois-dark-tag > .anticon + span,
+.du-bois-dark-tag-rtl.du-bois-dark-tag > span + .anticon {
+  margin-right: 7px;
+  margin-left: 0;
+}
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.du-bois-dark-dropdown-menu-item.du-bois-dark-dropdown-menu-item-danger {
+  color: #CC3352;
+}
+.du-bois-dark-dropdown-menu-item.du-bois-dark-dropdown-menu-item-danger:hover {
+  color: #fff;
+  background-color: #CC3352;
+}
+.du-bois-dark-dropdown {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: #ffffffd6;
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: tnum;
+  position: absolute;
+  top: -9999px;
+  left: -9999px;
+  z-index: calc(var(--dubois-zindex-base, 1000) + 50);
+  display: block;
+}
+.du-bois-dark-dropdown::before {
+  position: absolute;
+  top: -4px;
+  right: 0;
+  bottom: -4px;
+  left: -7px;
+  z-index: -9999;
+  opacity: 0.0001;
+  content: ' ';
+}
+.du-bois-dark-dropdown-wrap {
+  position: relative;
+}
+.du-bois-dark-dropdown-wrap .du-bois-dark-btn > .anticon-down {
+  font-size: 10px;
+}
+.du-bois-dark-dropdown-wrap .anticon-down::before {
+  transition: transform 0.2s;
+}
+.du-bois-dark-dropdown-wrap-open .anticon-down::before {
+  transform: rotate(180deg);
+}
+.du-bois-dark-dropdown-hidden,
+.du-bois-dark-dropdown-menu-hidden,
+.du-bois-dark-dropdown-menu-submenu-hidden {
+  display: none;
+}
+.du-bois-dark-dropdown-show-arrow.du-bois-dark-dropdown-placement-topCenter,
+.du-bois-dark-dropdown-show-arrow.du-bois-dark-dropdown-placement-topLeft,
+.du-bois-dark-dropdown-show-arrow.du-bois-dark-dropdown-placement-topRight {
+  padding-bottom: 10px;
+}
+.du-bois-dark-dropdown-show-arrow.du-bois-dark-dropdown-placement-bottomCenter,
+.du-bois-dark-dropdown-show-arrow.du-bois-dark-dropdown-placement-bottomLeft,
+.du-bois-dark-dropdown-show-arrow.du-bois-dark-dropdown-placement-bottomRight {
+  padding-top: 10px;
+}
+.du-bois-dark-dropdown-arrow {
+  position: absolute;
+  z-index: 1;
+  display: block;
+  width: 8.48528137px;
+  height: 8.48528137px;
+  background: transparent;
+  border-style: solid;
+  border-width: 4.24264069px;
+  transform: rotate(45deg);
+}
+.du-bois-dark-dropdown-placement-topCenter > .du-bois-dark-dropdown-arrow,
+.du-bois-dark-dropdown-placement-topLeft > .du-bois-dark-dropdown-arrow,
+.du-bois-dark-dropdown-placement-topRight > .du-bois-dark-dropdown-arrow {
+  bottom: 6.2px;
+  border-top-color: transparent;
+  border-right-color: #1f1f1f;
+  border-bottom-color: #1f1f1f;
+  border-left-color: transparent;
+  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
+}
+.du-bois-dark-dropdown-placement-topCenter > .du-bois-dark-dropdown-arrow {
+  left: 50%;
+  transform: translateX(-50%) rotate(45deg);
+}
+.du-bois-dark-dropdown-placement-topLeft > .du-bois-dark-dropdown-arrow {
+  left: 16px;
+}
+.du-bois-dark-dropdown-placement-topRight > .du-bois-dark-dropdown-arrow {
+  right: 16px;
+}
+.du-bois-dark-dropdown-placement-bottomCenter > .du-bois-dark-dropdown-arrow,
+.du-bois-dark-dropdown-placement-bottomLeft > .du-bois-dark-dropdown-arrow,
+.du-bois-dark-dropdown-placement-bottomRight > .du-bois-dark-dropdown-arrow {
+  top: 6px;
+  border-top-color: #1f1f1f;
+  border-right-color: transparent;
+  border-bottom-color: transparent;
+  border-left-color: #1f1f1f;
+  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
+}
+.du-bois-dark-dropdown-placement-bottomCenter > .du-bois-dark-dropdown-arrow {
   left: 50%;
   transform: translateX(-50%) rotate(45deg);
 }
@@ -4255,7 +5513,7 @@ a.du-bois-dark-btn-sm {
 }
 .du-bois-dark-dropdown-menu-submenu-popup {
   position: absolute;
-  z-index: 1050;
+  z-index: calc(var(--dubois-zindex-base, 1000) + 50);
   background: transparent;
   box-shadow: none;
   transform-origin: 0 0;
@@ -4803,17 +6061,17 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-form-item-has-warning .du-bois-dark-form-item-split {
   color: #AF5B23;
 }
-.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-disabled):not(.du-bois-dark-input-borderless).du-bois-dark-input,
-.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-affix-wrapper-disabled):not(.du-bois-dark-input-affix-wrapper-borderless).du-bois-dark-input-affix-wrapper,
-.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-disabled):not(.du-bois-dark-input-borderless).du-bois-dark-input:hover,
-.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-affix-wrapper-disabled):not(.du-bois-dark-input-affix-wrapper-borderless).du-bois-dark-input-affix-wrapper:hover {
+.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-disabled).du-bois-dark-input,
+.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper,
+.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-disabled).du-bois-dark-input:hover,
+.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper:hover {
   background-color: transparent;
   border-color: #AF5B23;
 }
-.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-disabled):not(.du-bois-dark-input-borderless).du-bois-dark-input:focus,
-.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-affix-wrapper-disabled):not(.du-bois-dark-input-affix-wrapper-borderless).du-bois-dark-input-affix-wrapper:focus,
-.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-disabled):not(.du-bois-dark-input-borderless).du-bois-dark-input-focused,
-.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-affix-wrapper-disabled):not(.du-bois-dark-input-affix-wrapper-borderless).du-bois-dark-input-affix-wrapper-focused {
+.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-disabled).du-bois-dark-input:focus,
+.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper:focus,
+.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-disabled).du-bois-dark-input-focused,
+.du-bois-dark-form-item-has-warning :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper-focused {
   border-color: #AF5B23;
   border-right-width: 1px !important;
   outline: 0;
@@ -4878,17 +6136,17 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-form-item-has-error .du-bois-dark-form-item-split {
   color: #CC3352;
 }
-.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled):not(.du-bois-dark-input-borderless).du-bois-dark-input,
-.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled):not(.du-bois-dark-input-affix-wrapper-borderless).du-bois-dark-input-affix-wrapper,
-.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled):not(.du-bois-dark-input-borderless).du-bois-dark-input:hover,
-.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled):not(.du-bois-dark-input-affix-wrapper-borderless).du-bois-dark-input-affix-wrapper:hover {
+.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled).du-bois-dark-input,
+.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper,
+.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled).du-bois-dark-input:hover,
+.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper:hover {
   background-color: transparent;
   border-color: #CC3352;
 }
-.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled):not(.du-bois-dark-input-borderless).du-bois-dark-input:focus,
-.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled):not(.du-bois-dark-input-affix-wrapper-borderless).du-bois-dark-input-affix-wrapper:focus,
-.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled):not(.du-bois-dark-input-borderless).du-bois-dark-input-focused,
-.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled):not(.du-bois-dark-input-affix-wrapper-borderless).du-bois-dark-input-affix-wrapper-focused {
+.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled).du-bois-dark-input:focus,
+.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper:focus,
+.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-disabled).du-bois-dark-input-focused,
+.du-bois-dark-form-item-has-error :not(.du-bois-dark-input-affix-wrapper-disabled).du-bois-dark-input-affix-wrapper-focused {
   border-color: #CC3352;
   border-right-width: 1px !important;
   outline: 0;
@@ -5108,7 +6366,6 @@ a.du-bois-dark-btn-sm {
   position: relative;
   display: inline-flex;
   align-items: center;
-  max-width: 100%;
   height: 40px;
   color: rgba(255, 255, 255, 0.85);
   font-size: 14px;
@@ -10539,7 +11796,7 @@ a.du-bois-dark-btn-sm {
   list-style: none;
   font-feature-settings: tnum;
   position: absolute;
-  z-index: 1070;
+  z-index: calc(var(--dubois-zindex-base, 1000) + 70);
   display: block;
   width: max-content;
   max-width: 250px;
@@ -10827,8 +12084,6 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-input-affix-wrapper-disabled {
   color: rgba(255, 255, 255, 0.3);
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -10839,8 +12094,6 @@ a.du-bois-dark-btn-sm {
 .du-bois-dark-input-affix-wrapper[disabled] {
   color: rgba(255, 255, 255, 0.3);
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -10901,7 +12154,7 @@ textarea.du-bois-dark-input-affix-wrapper {
   outline: none;
 }
 .du-bois-dark-input-affix-wrapper > input.du-bois-dark-input:focus {
-  box-shadow: none !important;
+  box-shadow: none;
 }
 .du-bois-dark-input-affix-wrapper::before {
   width: 0;
@@ -10921,7 +12174,7 @@ textarea.du-bois-dark-input-affix-wrapper {
   margin-left: 4px;
 }
 .anticon.du-bois-dark-input-clear-icon {
-  margin: 0;
+  margin: 0 4px;
   color: rgba(255, 255, 255, 0.3);
   font-size: 12px;
   vertical-align: -1px;
@@ -10937,8 +12190,8 @@ textarea.du-bois-dark-input-affix-wrapper {
 .anticon.du-bois-dark-input-clear-icon-hidden {
   visibility: hidden;
 }
-.anticon.du-bois-dark-input-clear-icon-has-suffix {
-  margin: 0 4px;
+.anticon.du-bois-dark-input-clear-icon:last-child {
+  margin-right: 0;
 }
 .du-bois-dark-input-affix-wrapper-textarea-with-clear-btn {
   padding: 0 !important;
@@ -11003,8 +12256,6 @@ textarea.du-bois-dark-input-affix-wrapper {
 .du-bois-dark-input-disabled {
   color: rgba(255, 255, 255, 0.3);
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -11015,8 +12266,6 @@ textarea.du-bois-dark-input-affix-wrapper {
 .du-bois-dark-input[disabled] {
   color: rgba(255, 255, 255, 0.3);
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -11458,9 +12707,9 @@ textarea.du-bois-dark-input {
 .du-bois-dark-input-textarea-rtl.du-bois-dark-input-textarea-show-count::after {
   text-align: left;
 }
-.du-bois-dark-input-affix-wrapper-rtl .du-bois-dark-input-clear-icon-has-suffix {
-  margin-right: 0;
-  margin-left: 4px;
+.du-bois-dark-input-affix-wrapper-rtl .du-bois-dark-input-clear-icon:last-child {
+  margin-right: 4px;
+  margin-left: 0;
 }
 .du-bois-dark-input-affix-wrapper-rtl .du-bois-dark-input-clear-icon {
   right: auto;
@@ -11893,7 +13142,7 @@ textarea.du-bois-dark-input {
 }
 .du-bois-dark-menu-submenu-popup {
   position: absolute;
-  z-index: 1050;
+  z-index: calc(var(--dubois-zindex-base, 1000) + 50);
   background: transparent;
   border-radius: 4px;
   box-shadow: none;
@@ -12583,7 +13832,7 @@ textarea.du-bois-dark-input {
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: 1000;
+  z-index: calc(var(--dubois-zindex-base, 1000));
   height: 100%;
   background-color: rgba(0, 0, 0, 0.45);
 }
@@ -12601,7 +13850,7 @@ textarea.du-bois-dark-input {
   -webkit-overflow-scrolling: touch;
 }
 .du-bois-dark-modal-wrap {
-  z-index: 1000;
+  z-index: calc(var(--dubois-zindex-base, 1000));
 }
 .du-bois-dark-modal-title {
   margin: 0;
@@ -12666,7 +13915,7 @@ textarea.du-bois-dark-input {
   word-wrap: break-word;
 }
 .du-bois-dark-modal-footer {
-  padding: 20px 40px 40px;
+  padding: 0px 0px;
   text-align: right;
   background: transparent;
   border-top: 0px solid #303030;
@@ -13002,7 +14251,7 @@ textarea.du-bois-dark-input {
   list-style: none;
   font-feature-settings: tnum;
   position: fixed;
-  z-index: 1010;
+  z-index: calc(var(--dubois-zindex-base, 1000) + 30);
   margin-right: 24px;
 }
 .du-bois-dark-notification-topLeft,
@@ -13216,7 +14465,7 @@ textarea.du-bois-dark-input {
   position: absolute;
   top: 0;
   left: 0;
-  z-index: 1030;
+  z-index: calc(var(--dubois-zindex-base, 1000) + 30);
   font-weight: normal;
   white-space: normal;
   text-align: left;
@@ -15392,8 +16641,6 @@ tr.du-bois-dark-table-expanded-row .du-bois-dark-descriptions-view table {
 .du-bois-dark-pagination-options-quick-jumper input-disabled {
   color: rgba(255, 255, 255, 0.3);
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -15404,8 +16651,6 @@ tr.du-bois-dark-table-expanded-row .du-bois-dark-descriptions-view table {
 .du-bois-dark-pagination-options-quick-jumper input[disabled] {
   color: rgba(255, 255, 255, 0.3);
   background-color: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -15467,408 +16712,157 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
   padding: 0 6px;
   text-align: center;
   background-color: transparent;
-  border: 1px solid #434343;
-  border-radius: 4px;
-  outline: none;
-  transition: border-color 0.3s;
-}
-.du-bois-dark-pagination-simple .du-bois-dark-pagination-simple-pager input:hover {
-  border-color: #2272B4;
-}
-.du-bois-dark-pagination-simple .du-bois-dark-pagination-simple-pager input[disabled] {
-  color: rgba(255, 255, 255, 0.3);
-  background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
-  cursor: not-allowed;
-}
-.du-bois-dark-pagination.mini .du-bois-dark-pagination-total-text,
-.du-bois-dark-pagination.mini .du-bois-dark-pagination-simple-pager {
-  height: 24px;
-  line-height: 24px;
-}
-.du-bois-dark-pagination.mini .du-bois-dark-pagination-item {
-  min-width: 24px;
-  height: 24px;
-  margin: 0;
-  line-height: 22px;
-}
-.du-bois-dark-pagination.mini .du-bois-dark-pagination-item:not(.du-bois-dark-pagination-item-active) {
-  background: transparent;
-  border-color: transparent;
-}
-.du-bois-dark-pagination.mini .du-bois-dark-pagination-prev,
-.du-bois-dark-pagination.mini .du-bois-dark-pagination-next {
-  min-width: 24px;
-  height: 24px;
-  margin: 0;
-  line-height: 24px;
-}
-.du-bois-dark-pagination.mini .du-bois-dark-pagination-prev .du-bois-dark-pagination-item-link,
-.du-bois-dark-pagination.mini .du-bois-dark-pagination-next .du-bois-dark-pagination-item-link {
-  background: transparent;
-  border-color: transparent;
-}
-.du-bois-dark-pagination.mini .du-bois-dark-pagination-prev .du-bois-dark-pagination-item-link::after,
-.du-bois-dark-pagination.mini .du-bois-dark-pagination-next .du-bois-dark-pagination-item-link::after {
-  height: 24px;
-  line-height: 24px;
-}
-.du-bois-dark-pagination.mini .du-bois-dark-pagination-jump-prev,
-.du-bois-dark-pagination.mini .du-bois-dark-pagination-jump-next {
-  height: 24px;
-  margin-right: 0;
-  line-height: 24px;
-}
-.du-bois-dark-pagination.mini .du-bois-dark-pagination-options {
-  margin-left: 2px;
-}
-.du-bois-dark-pagination.mini .du-bois-dark-pagination-options-size-changer {
-  top: 0px;
-}
-.du-bois-dark-pagination.mini .du-bois-dark-pagination-options-quick-jumper {
-  height: 24px;
-  line-height: 24px;
-}
-.du-bois-dark-pagination.mini .du-bois-dark-pagination-options-quick-jumper input {
-  padding: 4px 3px;
-  width: 44px;
-  height: 32px;
-}
-.du-bois-dark-pagination.du-bois-dark-pagination-disabled {
-  cursor: not-allowed;
-}
-.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item {
-  background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
-  cursor: not-allowed;
-}
-.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item a {
-  color: rgba(255, 255, 255, 0.3);
-  background: transparent;
-  border: none;
-  cursor: not-allowed;
-}
-.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item-active {
-  background: rgba(255, 255, 255, 0.25);
-}
-.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item-active a {
-  color: #000;
-}
-.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item-link {
-  color: rgba(255, 255, 255, 0.3);
-  background: rgba(255, 255, 255, 0.08);
-  border-color: #434343;
-  cursor: not-allowed;
-}
-.du-bois-dark-pagination-simple.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item-link {
-  background: transparent;
-}
-.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item-link-icon {
-  opacity: 0;
-}
-.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item-ellipsis {
-  opacity: 1;
-}
-.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-simple-pager {
-  color: rgba(255, 255, 255, 0.3);
-}
-@media only screen and (max-width: 992px) {
-  .du-bois-dark-pagination-item-after-jump-prev,
-  .du-bois-dark-pagination-item-before-jump-next {
-    display: none;
-  }
-}
-@media only screen and (max-width: 576px) {
-  .du-bois-dark-pagination-options {
-    display: none;
-  }
-}
-.du-bois-dark-pagination-rtl .du-bois-dark-pagination-total-text {
-  margin-right: 0;
-  margin-left: 8px;
-}
-.du-bois-dark-pagination-rtl .du-bois-dark-pagination-item,
-.du-bois-dark-pagination-rtl .du-bois-dark-pagination-prev,
-.du-bois-dark-pagination-rtl .du-bois-dark-pagination-jump-prev,
-.du-bois-dark-pagination-rtl .du-bois-dark-pagination-jump-next {
-  margin-right: 0;
-  margin-left: 8px;
-}
-.du-bois-dark-pagination-rtl .du-bois-dark-pagination-slash {
-  margin: 0 5px 0 10px;
-}
-.du-bois-dark-pagination-rtl .du-bois-dark-pagination-options {
-  margin-right: 16px;
-  margin-left: 0;
-}
-.du-bois-dark-pagination-rtl .du-bois-dark-pagination-options .du-bois-dark-pagination-options-size-changer.du-bois-dark-select {
-  margin-right: 0;
-  margin-left: 8px;
-}
-.du-bois-dark-pagination-rtl .du-bois-dark-pagination-options .du-bois-dark-pagination-options-quick-jumper {
-  margin-left: 0;
-}
-.du-bois-dark-pagination-rtl.du-bois-dark-pagination-simple .du-bois-dark-pagination-simple-pager {
-  margin-right: 0;
-  margin-left: 8px;
-}
-.du-bois-dark-pagination-rtl.du-bois-dark-pagination-simple .du-bois-dark-pagination-simple-pager input {
-  margin-right: 0;
-  margin-left: 8px;
-}
-.du-bois-dark-pagination-rtl.du-bois-dark-pagination.mini .du-bois-dark-pagination-options {
-  margin-right: 2px;
-  margin-left: 0;
-}
-/* stylelint-disable no-duplicate-selectors */
-/* stylelint-disable */
-/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-/* stylelint-disable no-duplicate-selectors */
-/* stylelint-disable */
-/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.du-bois-dark-tag {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: #ffffffd6;
-  font-size: 14px;
-  font-variant: tabular-nums;
-  line-height: 1.5715;
-  list-style: none;
-  font-feature-settings: tnum;
-  display: inline-block;
-  height: auto;
-  margin-right: 8px;
-  padding: 0 7px;
-  font-size: 12px;
-  line-height: 20px;
-  white-space: nowrap;
-  background: rgba(255, 255, 255, 0.04);
-  border: 1px solid #434343;
-  border-radius: 4px;
-  opacity: 1;
-  transition: all 0.3s;
-}
-.du-bois-dark-tag,
-.du-bois-dark-tag a,
-.du-bois-dark-tag a:hover {
-  color: #ffffffd6;
-}
-.du-bois-dark-tag > a:first-child:last-child {
-  display: inline-block;
-  margin: 0 -8px;
-  padding: 0 8px;
-}
-.du-bois-dark-tag-close-icon {
-  margin-left: 3px;
-  color: #ffffff99;
-  font-size: 10px;
-  cursor: pointer;
-  transition: all 0.3s;
-}
-.du-bois-dark-tag-close-icon:hover {
-  color: rgba(255, 255, 255, 0.85);
-}
-.du-bois-dark-tag-has-color {
-  border-color: transparent;
-}
-.du-bois-dark-tag-has-color,
-.du-bois-dark-tag-has-color a,
-.du-bois-dark-tag-has-color a:hover,
-.du-bois-dark-tag-has-color .anticon-close,
-.du-bois-dark-tag-has-color .anticon-close:hover {
-  color: #fff;
-}
-.du-bois-dark-tag-checkable {
-  background-color: transparent;
-  border-color: transparent;
-  cursor: pointer;
-}
-.du-bois-dark-tag-checkable:not(.du-bois-dark-tag-checkable-checked):hover {
-  color: #2272B4;
-}
-.du-bois-dark-tag-checkable:active,
-.du-bois-dark-tag-checkable-checked {
-  color: #fff;
-}
-.du-bois-dark-tag-checkable-checked {
-  background-color: #2272B4;
-}
-.du-bois-dark-tag-checkable:active {
-  background-color: #3f81b1;
-}
-.du-bois-dark-tag-hidden {
-  display: none;
+  border: 1px solid #434343;
+  border-radius: 4px;
+  outline: none;
+  transition: border-color 0.3s;
 }
-.du-bois-dark-tag-pink {
-  color: #e0529c;
-  background: #291321;
-  border-color: #551c3b;
+.du-bois-dark-pagination-simple .du-bois-dark-pagination-simple-pager input:hover {
+  border-color: #2272B4;
 }
-.du-bois-dark-tag-pink-inverse {
-  color: #fff;
-  background: #cb2b83;
-  border-color: #cb2b83;
+.du-bois-dark-pagination-simple .du-bois-dark-pagination-simple-pager input[disabled] {
+  color: rgba(255, 255, 255, 0.3);
+  background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
+  cursor: not-allowed;
 }
-.du-bois-dark-tag-magenta {
-  color: #e0529c;
-  background: #291321;
-  border-color: #551c3b;
+.du-bois-dark-pagination.mini .du-bois-dark-pagination-total-text,
+.du-bois-dark-pagination.mini .du-bois-dark-pagination-simple-pager {
+  height: 24px;
+  line-height: 24px;
 }
-.du-bois-dark-tag-magenta-inverse {
-  color: #fff;
-  background: #cb2b83;
-  border-color: #cb2b83;
+.du-bois-dark-pagination.mini .du-bois-dark-pagination-item {
+  min-width: 24px;
+  height: 24px;
+  margin: 0;
+  line-height: 22px;
 }
-.du-bois-dark-tag-red {
-  color: #e84749;
-  background: #2a1215;
-  border-color: #58181c;
+.du-bois-dark-pagination.mini .du-bois-dark-pagination-item:not(.du-bois-dark-pagination-item-active) {
+  background: transparent;
+  border-color: transparent;
 }
-.du-bois-dark-tag-red-inverse {
-  color: #fff;
-  background: #d32029;
-  border-color: #d32029;
+.du-bois-dark-pagination.mini .du-bois-dark-pagination-prev,
+.du-bois-dark-pagination.mini .du-bois-dark-pagination-next {
+  min-width: 24px;
+  height: 24px;
+  margin: 0;
+  line-height: 24px;
 }
-.du-bois-dark-tag-volcano {
-  color: #e87040;
-  background: #2b1611;
-  border-color: #592716;
+.du-bois-dark-pagination.mini .du-bois-dark-pagination-prev .du-bois-dark-pagination-item-link,
+.du-bois-dark-pagination.mini .du-bois-dark-pagination-next .du-bois-dark-pagination-item-link {
+  background: transparent;
+  border-color: transparent;
 }
-.du-bois-dark-tag-volcano-inverse {
-  color: #fff;
-  background: #d84a1b;
-  border-color: #d84a1b;
+.du-bois-dark-pagination.mini .du-bois-dark-pagination-prev .du-bois-dark-pagination-item-link::after,
+.du-bois-dark-pagination.mini .du-bois-dark-pagination-next .du-bois-dark-pagination-item-link::after {
+  height: 24px;
+  line-height: 24px;
 }
-.du-bois-dark-tag-orange {
-  color: #e89a3c;
-  background: #2b1d11;
-  border-color: #593815;
+.du-bois-dark-pagination.mini .du-bois-dark-pagination-jump-prev,
+.du-bois-dark-pagination.mini .du-bois-dark-pagination-jump-next {
+  height: 24px;
+  margin-right: 0;
+  line-height: 24px;
 }
-.du-bois-dark-tag-orange-inverse {
-  color: #fff;
-  background: #d87a16;
-  border-color: #d87a16;
+.du-bois-dark-pagination.mini .du-bois-dark-pagination-options {
+  margin-left: 2px;
 }
-.du-bois-dark-tag-yellow {
-  color: #e8d639;
-  background: #2b2611;
-  border-color: #595014;
+.du-bois-dark-pagination.mini .du-bois-dark-pagination-options-size-changer {
+  top: 0px;
 }
-.du-bois-dark-tag-yellow-inverse {
-  color: #fff;
-  background: #d8bd14;
-  border-color: #d8bd14;
+.du-bois-dark-pagination.mini .du-bois-dark-pagination-options-quick-jumper {
+  height: 24px;
+  line-height: 24px;
 }
-.du-bois-dark-tag-gold {
-  color: #e8b339;
-  background: #2b2111;
-  border-color: #594214;
+.du-bois-dark-pagination.mini .du-bois-dark-pagination-options-quick-jumper input {
+  padding: 4px 3px;
+  width: 44px;
+  height: 32px;
 }
-.du-bois-dark-tag-gold-inverse {
-  color: #fff;
-  background: #d89614;
-  border-color: #d89614;
+.du-bois-dark-pagination.du-bois-dark-pagination-disabled {
+  cursor: not-allowed;
 }
-.du-bois-dark-tag-cyan {
-  color: #33bcb7;
-  background: #112123;
-  border-color: #144848;
+.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item {
+  background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
+  cursor: not-allowed;
 }
-.du-bois-dark-tag-cyan-inverse {
-  color: #fff;
-  background: #13a8a8;
-  border-color: #13a8a8;
+.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item a {
+  color: rgba(255, 255, 255, 0.3);
+  background: transparent;
+  border: none;
+  cursor: not-allowed;
 }
-.du-bois-dark-tag-lime {
-  color: #a9d134;
-  background: #1f2611;
-  border-color: #3e4f13;
+.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item-active {
+  background: rgba(255, 255, 255, 0.25);
 }
-.du-bois-dark-tag-lime-inverse {
-  color: #fff;
-  background: #8bbb11;
-  border-color: #8bbb11;
+.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item-active a {
+  color: #000;
 }
-.du-bois-dark-tag-green {
-  color: #6abe39;
-  background: #162312;
-  border-color: #274916;
+.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item-link {
+  color: rgba(255, 255, 255, 0.3);
+  background: rgba(255, 255, 255, 0.08);
+  border-color: #434343;
+  cursor: not-allowed;
 }
-.du-bois-dark-tag-green-inverse {
-  color: #fff;
-  background: #49aa19;
-  border-color: #49aa19;
+.du-bois-dark-pagination-simple.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item-link {
+  background: transparent;
 }
-.du-bois-dark-tag-blue {
-  color: #3c9ae8;
-  background: #111d2c;
-  border-color: #15395b;
+.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item-link-icon {
+  opacity: 0;
 }
-.du-bois-dark-tag-blue-inverse {
-  color: #fff;
-  background: #177ddc;
-  border-color: #177ddc;
+.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-item-ellipsis {
+  opacity: 1;
 }
-.du-bois-dark-tag-geekblue {
-  color: #5273e0;
-  background: #131629;
-  border-color: #1c2755;
+.du-bois-dark-pagination.du-bois-dark-pagination-disabled .du-bois-dark-pagination-simple-pager {
+  color: rgba(255, 255, 255, 0.3);
 }
-.du-bois-dark-tag-geekblue-inverse {
-  color: #fff;
-  background: #2b4acb;
-  border-color: #2b4acb;
+@media only screen and (max-width: 992px) {
+  .du-bois-dark-pagination-item-after-jump-prev,
+  .du-bois-dark-pagination-item-before-jump-next {
+    display: none;
+  }
 }
-.du-bois-dark-tag-purple {
-  color: #854eca;
-  background: #1a1325;
-  border-color: #301c4d;
+@media only screen and (max-width: 576px) {
+  .du-bois-dark-pagination-options {
+    display: none;
+  }
 }
-.du-bois-dark-tag-purple-inverse {
-  color: #fff;
-  background: #642ab5;
-  border-color: #642ab5;
+.du-bois-dark-pagination-rtl .du-bois-dark-pagination-total-text {
+  margin-right: 0;
+  margin-left: 8px;
 }
-.du-bois-dark-tag-success {
-  color: #49aa19;
-  background: #162312;
-  border-color: #274916;
+.du-bois-dark-pagination-rtl .du-bois-dark-pagination-item,
+.du-bois-dark-pagination-rtl .du-bois-dark-pagination-prev,
+.du-bois-dark-pagination-rtl .du-bois-dark-pagination-jump-prev,
+.du-bois-dark-pagination-rtl .du-bois-dark-pagination-jump-next {
+  margin-right: 0;
+  margin-left: 8px;
 }
-.du-bois-dark-tag-processing {
-  color: #177ddc;
-  background: #111d2c;
-  border-color: #15395b;
+.du-bois-dark-pagination-rtl .du-bois-dark-pagination-slash {
+  margin: 0 5px 0 10px;
 }
-.du-bois-dark-tag-error {
-  color: #d32029;
-  background: #2a1215;
-  border-color: #58181c;
+.du-bois-dark-pagination-rtl .du-bois-dark-pagination-options {
+  margin-right: 16px;
+  margin-left: 0;
 }
-.du-bois-dark-tag-warning {
-  color: #d87a16;
-  background: #2b1d11;
-  border-color: #593815;
+.du-bois-dark-pagination-rtl .du-bois-dark-pagination-options .du-bois-dark-pagination-options-size-changer.du-bois-dark-select {
+  margin-right: 0;
+  margin-left: 8px;
 }
-.du-bois-dark-tag > .anticon + span,
-.du-bois-dark-tag > span + .anticon {
-  margin-left: 7px;
+.du-bois-dark-pagination-rtl .du-bois-dark-pagination-options .du-bois-dark-pagination-options-quick-jumper {
+  margin-left: 0;
 }
-.du-bois-dark-tag.du-bois-dark-tag-rtl {
+.du-bois-dark-pagination-rtl.du-bois-dark-pagination-simple .du-bois-dark-pagination-simple-pager {
   margin-right: 0;
   margin-left: 8px;
-  direction: rtl;
-  text-align: right;
 }
-.du-bois-dark-tag-rtl .du-bois-dark-tag-close-icon {
-  margin-right: 3px;
-  margin-left: 0;
+.du-bois-dark-pagination-rtl.du-bois-dark-pagination-simple .du-bois-dark-pagination-simple-pager input {
+  margin-right: 0;
+  margin-left: 8px;
 }
-.du-bois-dark-tag-rtl.du-bois-dark-tag > .anticon + span,
-.du-bois-dark-tag-rtl.du-bois-dark-tag > span + .anticon {
-  margin-right: 7px;
+.du-bois-dark-pagination-rtl.du-bois-dark-pagination.mini .du-bois-dark-pagination-options {
+  margin-right: 2px;
   margin-left: 0;
 }
 /* stylelint-disable no-duplicate-selectors */
@@ -15929,15 +16923,8 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
 .du-bois-dark-tabs-rtl.du-bois-dark-tabs-card.du-bois-dark-tabs-bottom > .du-bois-dark-tabs-nav .du-bois-dark-tabs-tab + .du-bois-dark-tabs-tab,
 .du-bois-dark-tabs-rtl.du-bois-dark-tabs-card.du-bois-dark-tabs-top > div > .du-bois-dark-tabs-nav .du-bois-dark-tabs-tab + .du-bois-dark-tabs-tab,
 .du-bois-dark-tabs-rtl.du-bois-dark-tabs-card.du-bois-dark-tabs-bottom > div > .du-bois-dark-tabs-nav .du-bois-dark-tabs-tab + .du-bois-dark-tabs-tab {
-  margin-right: 2px;
-  margin-left: 0;
-}
-.du-bois-dark-tabs-rtl.du-bois-dark-tabs-card.du-bois-dark-tabs-top > .du-bois-dark-tabs-nav .du-bois-dark-tabs-nav-add,
-.du-bois-dark-tabs-rtl.du-bois-dark-tabs-card.du-bois-dark-tabs-bottom > .du-bois-dark-tabs-nav .du-bois-dark-tabs-nav-add,
-.du-bois-dark-tabs-rtl.du-bois-dark-tabs-card.du-bois-dark-tabs-top > div > .du-bois-dark-tabs-nav .du-bois-dark-tabs-nav-add,
-.du-bois-dark-tabs-rtl.du-bois-dark-tabs-card.du-bois-dark-tabs-bottom > div > .du-bois-dark-tabs-nav .du-bois-dark-tabs-nav-add {
-  margin-right: 2px;
-  margin-left: 0;
+  margin-right: 0;
+  margin-left: 2px;
 }
 .du-bois-dark-tabs-dropdown-rtl {
   direction: rtl;
@@ -16172,7 +17159,7 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
   position: absolute;
   top: -9999px;
   left: -9999px;
-  z-index: 1050;
+  z-index: calc(var(--dubois-zindex-base, 1000) + 50);
   display: block;
 }
 .du-bois-dark-tabs-dropdown-hidden {
@@ -16355,7 +17342,6 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
 .du-bois-dark-tabs > .du-bois-dark-tabs-nav .du-bois-dark-tabs-nav-add,
 .du-bois-dark-tabs > div > .du-bois-dark-tabs-nav .du-bois-dark-tabs-nav-add {
   min-width: 40px;
-  margin-left: 2px;
   padding: 0 4px;
   background: rgba(255, 255, 255, 0.04);
   border: 1px solid #303030;
@@ -16588,7 +17574,7 @@ textarea.du-bois-dark-pagination-options-quick-jumper input {
 .du-bois-dark-tree-checkbox-inner::after {
   position: absolute;
   top: 50%;
-  left: 21.5%;
+  left: 22%;
   display: table;
   width: 5.71428571px;
   height: 9.14285714px;
@@ -17077,7 +18063,6 @@ h5.du-bois-dark-typography,
 a.du-bois-dark-typography-ellipsis,
 span.du-bois-dark-typography-ellipsis {
   display: inline-block;
-  max-width: 100%;
 }
 a.du-bois-dark-typography,
 .du-bois-dark-typography a {