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.css CHANGED Viewed

@@ -968,8 +968,8 @@ abbr[data-original-title] {
   font-size: 14px;
   border-radius: 4px;
   color: #20272E;
-  border-color: #d9d9d9;
   background: #fff;
+  border-color: #d9d9d9;
 }
 .du-bois-light-btn > .anticon {
   line-height: 1;
@@ -1019,8 +1019,8 @@ abbr[data-original-title] {
 .du-bois-light-btn:hover,
 .du-bois-light-btn:focus {
   color: #448dc2;
-  border-color: #448dc2;
   background: #fff;
+  border-color: #448dc2;
 }
 .du-bois-light-btn:hover > a:only-child,
 .du-bois-light-btn:focus > a:only-child {
@@ -1038,8 +1038,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn:active {
   color: #14538f;
-  border-color: #14538f;
   background: #fff;
+  border-color: #14538f;
 }
 .du-bois-light-btn:active > a:only-child {
   color: currentColor;
@@ -1058,8 +1058,8 @@ abbr[data-original-title] {
 .du-bois-light-btn[disabled]:focus,
 .du-bois-light-btn[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1092,8 +1092,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-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);
 }
@@ -1112,8 +1112,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-primary:hover,
 .du-bois-light-btn-primary:focus {
   color: #fff;
-  border-color: #448dc2;
   background: #448dc2;
+  border-color: #448dc2;
 }
 .du-bois-light-btn-primary:hover > a:only-child,
 .du-bois-light-btn-primary:focus > a:only-child {
@@ -1131,8 +1131,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-primary:active {
   color: #fff;
-  border-color: #14538f;
   background: #14538f;
+  border-color: #14538f;
 }
 .du-bois-light-btn-primary:active > a:only-child {
   color: currentColor;
@@ -1151,8 +1151,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-primary[disabled]:focus,
 .du-bois-light-btn-primary[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1197,8 +1197,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-ghost {
   color: #20272E;
-  border-color: #d9d9d9;
   background: transparent;
+  border-color: #d9d9d9;
 }
 .du-bois-light-btn-ghost > a:only-child {
   color: currentColor;
@@ -1215,8 +1215,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-ghost:hover,
 .du-bois-light-btn-ghost:focus {
   color: #448dc2;
-  border-color: #448dc2;
   background: transparent;
+  border-color: #448dc2;
 }
 .du-bois-light-btn-ghost:hover > a:only-child,
 .du-bois-light-btn-ghost:focus > a:only-child {
@@ -1234,8 +1234,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-ghost:active {
   color: #14538f;
-  border-color: #14538f;
   background: transparent;
+  border-color: #14538f;
 }
 .du-bois-light-btn-ghost:active > a:only-child {
   color: currentColor;
@@ -1254,8 +1254,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-ghost[disabled]:focus,
 .du-bois-light-btn-ghost[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1279,8 +1279,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dashed {
   color: #20272E;
-  border-color: #d9d9d9;
   background: #fff;
+  border-color: #d9d9d9;
   border-style: dashed;
 }
 .du-bois-light-btn-dashed > a:only-child {
@@ -1298,8 +1298,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dashed:hover,
 .du-bois-light-btn-dashed:focus {
   color: #448dc2;
-  border-color: #448dc2;
   background: #fff;
+  border-color: #448dc2;
 }
 .du-bois-light-btn-dashed:hover > a:only-child,
 .du-bois-light-btn-dashed:focus > a:only-child {
@@ -1317,8 +1317,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dashed:active {
   color: #14538f;
-  border-color: #14538f;
   background: #fff;
+  border-color: #14538f;
 }
 .du-bois-light-btn-dashed:active > a:only-child {
   color: currentColor;
@@ -1337,8 +1337,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dashed[disabled]:focus,
 .du-bois-light-btn-dashed[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1362,8 +1362,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-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);
 }
@@ -1382,8 +1382,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-danger:hover,
 .du-bois-light-btn-danger:focus {
   color: #fff;
-  border-color: #d9596e;
   background: #d9596e;
+  border-color: #d9596e;
 }
 .du-bois-light-btn-danger:hover > a:only-child,
 .du-bois-light-btn-danger:focus > a:only-child {
@@ -1401,8 +1401,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-danger:active {
   color: #fff;
-  border-color: #a62140;
   background: #a62140;
+  border-color: #a62140;
 }
 .du-bois-light-btn-danger:active > a:only-child {
   color: currentColor;
@@ -1421,8 +1421,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-danger[disabled]:focus,
 .du-bois-light-btn-danger[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1446,8 +1446,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-link {
   color: #2272B4;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .du-bois-light-btn-link > a:only-child {
@@ -1465,8 +1465,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-link:hover,
 .du-bois-light-btn-link:focus {
   color: #448dc2;
-  border-color: #448dc2;
   background: transparent;
+  border-color: #448dc2;
 }
 .du-bois-light-btn-link:hover > a:only-child,
 .du-bois-light-btn-link:focus > a:only-child {
@@ -1484,8 +1484,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-link:active {
   color: #14538f;
-  border-color: #14538f;
   background: transparent;
+  border-color: #14538f;
 }
 .du-bois-light-btn-link:active > a:only-child {
   color: currentColor;
@@ -1504,8 +1504,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-link[disabled]:focus,
 .du-bois-light-btn-link[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1540,8 +1540,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-link[disabled]:focus,
 .du-bois-light-btn-link[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1565,8 +1565,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-text {
   color: #20272E;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .du-bois-light-btn-text > a:only-child {
@@ -1584,8 +1584,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-text:hover,
 .du-bois-light-btn-text:focus {
   color: #448dc2;
-  border-color: #448dc2;
   background: transparent;
+  border-color: #448dc2;
 }
 .du-bois-light-btn-text:hover > a:only-child,
 .du-bois-light-btn-text:focus > a:only-child {
@@ -1603,8 +1603,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-text:active {
   color: #14538f;
-  border-color: #14538f;
   background: transparent;
+  border-color: #14538f;
 }
 .du-bois-light-btn-text:active > a:only-child {
   color: currentColor;
@@ -1623,8 +1623,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-text[disabled]:focus,
 .du-bois-light-btn-text[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1662,8 +1662,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-text[disabled]:focus,
 .du-bois-light-btn-text[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1687,8 +1687,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous {
   color: #CC3352;
-  border-color: #CC3352;
   background: #fff;
+  border-color: #CC3352;
 }
 .du-bois-light-btn-dangerous > a:only-child {
   color: currentColor;
@@ -1705,8 +1705,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous:hover,
 .du-bois-light-btn-dangerous:focus {
   color: #d9596e;
-  border-color: #d9596e;
   background: #fff;
+  border-color: #d9596e;
 }
 .du-bois-light-btn-dangerous:hover > a:only-child,
 .du-bois-light-btn-dangerous:focus > a:only-child {
@@ -1724,8 +1724,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous:active {
   color: #a62140;
-  border-color: #a62140;
   background: #fff;
+  border-color: #a62140;
 }
 .du-bois-light-btn-dangerous:active > a:only-child {
   color: currentColor;
@@ -1744,8 +1744,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous[disabled]:focus,
 .du-bois-light-btn-dangerous[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1769,8 +1769,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-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);
 }
@@ -1789,8 +1789,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary:hover,
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary:focus {
   color: #fff;
-  border-color: #d9596e;
   background: #d9596e;
+  border-color: #d9596e;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary:hover > a:only-child,
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary:focus > a:only-child {
@@ -1808,8 +1808,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary:active {
   color: #fff;
-  border-color: #a62140;
   background: #a62140;
+  border-color: #a62140;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary:active > a:only-child {
   color: currentColor;
@@ -1828,8 +1828,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary[disabled]:focus,
 .du-bois-light-btn-dangerous.du-bois-light-btn-primary[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1853,8 +1853,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link {
   color: #CC3352;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link > a:only-child {
@@ -1872,8 +1872,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:hover,
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:focus {
   color: #448dc2;
-  border-color: #448dc2;
   background: transparent;
+  border-color: #448dc2;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:hover > a:only-child,
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:focus > a:only-child {
@@ -1891,8 +1891,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:active {
   color: #14538f;
-  border-color: #14538f;
   background: transparent;
+  border-color: #14538f;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:active > a:only-child {
   color: currentColor;
@@ -1911,8 +1911,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-link[disabled]:focus,
 .du-bois-light-btn-dangerous.du-bois-light-btn-link[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -1937,8 +1937,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:hover,
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:focus {
   color: #d9596e;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:hover > a:only-child,
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:focus > a:only-child {
@@ -1956,8 +1956,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:active {
   color: #a62140;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-link:active > a:only-child {
   color: currentColor;
@@ -1976,8 +1976,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-link[disabled]:focus,
 .du-bois-light-btn-dangerous.du-bois-light-btn-link[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2001,8 +2001,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text {
   color: #CC3352;
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   box-shadow: none;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text > a:only-child {
@@ -2020,8 +2020,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:hover,
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:focus {
   color: #448dc2;
-  border-color: #448dc2;
   background: transparent;
+  border-color: #448dc2;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:hover > a:only-child,
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:focus > a:only-child {
@@ -2039,8 +2039,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:active {
   color: #14538f;
-  border-color: #14538f;
   background: transparent;
+  border-color: #14538f;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:active > a:only-child {
   color: currentColor;
@@ -2059,8 +2059,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-text[disabled]:focus,
 .du-bois-light-btn-dangerous.du-bois-light-btn-text[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2085,8 +2085,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:hover,
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:focus {
   color: #d9596e;
-  border-color: transparent;
   background: rgba(0, 0, 0, 0.018);
+  border-color: transparent;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:hover > a:only-child,
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:focus > a:only-child {
@@ -2104,8 +2104,8 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:active {
   color: #a62140;
-  border-color: transparent;
   background: rgba(0, 0, 0, 0.028);
+  border-color: transparent;
 }
 .du-bois-light-btn-dangerous.du-bois-light-btn-text:active > a:only-child {
   color: currentColor;
@@ -2124,8 +2124,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-dangerous.du-bois-light-btn-text[disabled]:focus,
 .du-bois-light-btn-dangerous.du-bois-light-btn-text[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: transparent;
   background: transparent;
+  border-color: transparent;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2153,7 +2153,7 @@ abbr[data-original-title] {
   padding: 6.4px 0;
   font-size: 16px;
   border-radius: 4px;
-  vertical-align: -3px;
+  vertical-align: -1px;
 }
 .du-bois-light-btn-icon-only > * {
   font-size: 16px;
@@ -2178,10 +2178,6 @@ abbr[data-original-title] {
 .du-bois-light-btn-icon-only.du-bois-light-btn-sm > * {
   font-size: 14px;
 }
-.du-bois-light-btn-icon-only > .anticon {
-  display: flex;
-  justify-content: center;
-}
 .du-bois-light-btn-round {
   height: 40px;
   padding: 8px 20px;
@@ -2438,18 +2434,14 @@ abbr[data-original-title] {
 .du-bois-light-btn > span + .anticon {
   margin-left: 8px;
 }
-.du-bois-light-btn.du-bois-light-btn-background-ghost {
+.du-bois-light-btn-background-ghost {
   color: #fff;
+  background: transparent !important;
   border-color: #fff;
 }
-.du-bois-light-btn.du-bois-light-btn-background-ghost,
-.du-bois-light-btn.du-bois-light-btn-background-ghost:hover,
-.du-bois-light-btn.du-bois-light-btn-background-ghost:active,
-.du-bois-light-btn.du-bois-light-btn-background-ghost:focus {
-  background: transparent;
-}
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary {
   color: #2272B4;
+  background: transparent;
   border-color: #2272B4;
   text-shadow: none;
 }
@@ -2468,6 +2460,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary:hover,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary:focus {
   color: #448dc2;
+  background: transparent;
   border-color: #448dc2;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary:hover > a:only-child,
@@ -2486,6 +2479,7 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary:active {
   color: #14538f;
+  background: transparent;
   border-color: #14538f;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary:active > a:only-child {
@@ -2505,8 +2499,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary[disabled]:focus,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-primary[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2530,6 +2524,7 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger {
   color: #CC3352;
+  background: transparent;
   border-color: #CC3352;
   text-shadow: none;
 }
@@ -2548,6 +2543,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger:hover,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger:focus {
   color: #d9596e;
+  background: transparent;
   border-color: #d9596e;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger:hover > a:only-child,
@@ -2566,6 +2562,7 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger:active {
   color: #a62140;
+  background: transparent;
   border-color: #a62140;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger:active > a:only-child {
@@ -2585,8 +2582,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger[disabled]:focus,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-danger[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2610,6 +2607,7 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous {
   color: #CC3352;
+  background: transparent;
   border-color: #CC3352;
   text-shadow: none;
 }
@@ -2628,6 +2626,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous:hover,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous:focus {
   color: #d9596e;
+  background: transparent;
   border-color: #d9596e;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous:hover > a:only-child,
@@ -2646,6 +2645,7 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous:active {
   color: #a62140;
+  background: transparent;
   border-color: #a62140;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous:active > a:only-child {
@@ -2665,8 +2665,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous[disabled]:focus,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2690,6 +2690,7 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link {
   color: #CC3352;
+  background: transparent;
   border-color: transparent;
   text-shadow: none;
 }
@@ -2708,6 +2709,7 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link:hover,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link:focus {
   color: #d9596e;
+  background: transparent;
   border-color: transparent;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link:hover > a:only-child,
@@ -2726,6 +2728,7 @@ abbr[data-original-title] {
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link:active {
   color: #a62140;
+  background: transparent;
   border-color: transparent;
 }
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link:active > a:only-child {
@@ -2745,8 +2748,8 @@ abbr[data-original-title] {
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link[disabled]:focus,
 .du-bois-light-btn-background-ghost.du-bois-light-btn-dangerous.du-bois-light-btn-link[disabled]:active {
   color: rgba(0, 0, 0, 0.25);
-  border-color: #d9d9d9;
   background: #f5f5f5;
+  border-color: #d9d9d9;
   text-shadow: none;
   box-shadow: none;
 }
@@ -2869,11 +2872,11 @@ a.du-bois-light-btn-sm {
   color: #5D7283;
 }
 .du-bois-light-alert-warning {
-  background-color: #f0e9e1;
+  background-color: #FFF9EB;
   border: 1px solid #F8D4A5;
 }
 .du-bois-light-alert-warning .du-bois-light-alert-icon {
-  color: #AF5B23;
+  color: #93320B;
 }
 .du-bois-light-alert-error {
   background-color: #fff0f0;
@@ -3047,7 +3050,7 @@ a.du-bois-light-btn-sm {
 .du-bois-light-checkbox-inner::after {
   position: absolute;
   top: 50%;
-  left: 21.5%;
+  left: 22%;
   display: table;
   width: 5.71428571px;
   height: 9.14285714px;
@@ -3704,7 +3707,7 @@ a.du-bois-light-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;
@@ -4096,14 +4099,7 @@ a.du-bois-light-btn-sm {
 /* stylelint-disable no-duplicate-selectors */
 /* stylelint-disable */
 /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
-.du-bois-light-dropdown-menu-item.du-bois-light-dropdown-menu-item-danger {
-  color: #CC3352;
-}
-.du-bois-light-dropdown-menu-item.du-bois-light-dropdown-menu-item-danger:hover {
-  color: #fff;
-  background-color: #CC3352;
-}
-.du-bois-light-dropdown {
+.du-bois-light-picker {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
@@ -4113,91 +4109,1347 @@ a.du-bois-light-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-light-dropdown::before {
-  position: absolute;
-  top: -4px;
-  right: 0;
-  bottom: -4px;
-  left: -7px;
-  z-index: -9999;
-  opacity: 0.0001;
-  content: ' ';
-}
-.du-bois-light-dropdown-wrap {
+  padding: 8px 7px 8px;
   position: relative;
+  display: inline-flex;
+  align-items: center;
+  background: #fff;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  transition: border 0.3s, box-shadow 0.3s;
 }
-.du-bois-light-dropdown-wrap .du-bois-light-btn > .anticon-down {
-  font-size: 10px;
+.du-bois-light-picker:hover,
+.du-bois-light-picker-focused {
+  border-color: #448dc2;
+  border-right-width: 1px !important;
 }
-.du-bois-light-dropdown-wrap .anticon-down::before {
-  transition: transform 0.2s;
+.du-bois-light-picker-focused {
+  border-color: #448dc2;
+  border-right-width: 1px !important;
+  outline: 0;
+  box-shadow: 0 0 0 2px rgba(34, 114, 180, 0.2);
 }
-.du-bois-light-dropdown-wrap-open .anticon-down::before {
-  transform: rotate(180deg);
+.du-bois-light-picker.du-bois-light-picker-disabled {
+  background: #f5f5f5;
+  border-color: #d9d9d9;
+  cursor: not-allowed;
 }
-.du-bois-light-dropdown-hidden,
-.du-bois-light-dropdown-menu-hidden,
-.du-bois-light-dropdown-menu-submenu-hidden {
-  display: none;
+.du-bois-light-picker.du-bois-light-picker-disabled .du-bois-light-picker-suffix {
+  color: rgba(0, 0, 0, 0.25);
 }
-.du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-topCenter,
-.du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-topLeft,
-.du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-topRight {
-  padding-bottom: 10px;
+.du-bois-light-picker.du-bois-light-picker-borderless {
+  background-color: transparent !important;
+  border-color: transparent !important;
+  box-shadow: none !important;
 }
-.du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-bottomCenter,
-.du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-bottomLeft,
-.du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-bottomRight {
-  padding-top: 10px;
+.du-bois-light-picker-input {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 100%;
 }
-.du-bois-light-dropdown-arrow {
-  position: absolute;
-  z-index: 1;
-  display: block;
-  width: 8.48528137px;
-  height: 8.48528137px;
+.du-bois-light-picker-input > input {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  min-width: 0;
+  padding: 8px 7px;
+  color: #20272E;
+  font-size: 14px;
+  line-height: 1.5715;
+  background-color: #fff;
+  background-image: none;
+  border: 1px solid #d9d9d9;
+  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-light-dropdown-placement-topCenter > .du-bois-light-dropdown-arrow,
-.du-bois-light-dropdown-placement-topLeft > .du-bois-light-dropdown-arrow,
-.du-bois-light-dropdown-placement-topRight > .du-bois-light-dropdown-arrow {
-  bottom: 6.2px;
-  border-top-color: transparent;
-  border-right-color: #fff;
-  border-bottom-color: #fff;
-  border-left-color: transparent;
-  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
+.du-bois-light-picker-input > input::-moz-placeholder {
+  opacity: 1;
 }
-.du-bois-light-dropdown-placement-topCenter > .du-bois-light-dropdown-arrow {
-  left: 50%;
-  transform: translateX(-50%) rotate(45deg);
+.du-bois-light-picker-input > input::placeholder {
+  color: #bfbfbf;
 }
-.du-bois-light-dropdown-placement-topLeft > .du-bois-light-dropdown-arrow {
-  left: 16px;
+.du-bois-light-picker-input > input:placeholder-shown {
+  text-overflow: ellipsis;
 }
-.du-bois-light-dropdown-placement-topRight > .du-bois-light-dropdown-arrow {
-  right: 16px;
+.du-bois-light-picker-input > input:hover {
+  border-color: #448dc2;
+  border-right-width: 1px !important;
 }
-.du-bois-light-dropdown-placement-bottomCenter > .du-bois-light-dropdown-arrow,
-.du-bois-light-dropdown-placement-bottomLeft > .du-bois-light-dropdown-arrow,
-.du-bois-light-dropdown-placement-bottomRight > .du-bois-light-dropdown-arrow {
-  top: 6px;
-  border-top-color: #fff;
-  border-right-color: transparent;
-  border-bottom-color: transparent;
-  border-left-color: #fff;
-  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
+.du-bois-light-picker-input > input:focus,
+.du-bois-light-picker-input > input-focused {
+  border-color: #448dc2;
+  border-right-width: 1px !important;
+  outline: 0;
+  box-shadow: 0 0 0 2px rgba(34, 114, 180, 0.2);
 }
-.du-bois-light-dropdown-placement-bottomCenter > .du-bois-light-dropdown-arrow {
+.du-bois-light-picker-input > input-disabled {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  cursor: not-allowed;
+  opacity: 1;
+}
+.du-bois-light-picker-input > input-disabled:hover {
+  border-color: #d9d9d9;
+  border-right-width: 1px !important;
+}
+.du-bois-light-picker-input > input[disabled] {
+  color: rgba(0, 0, 0, 0.25);
+  background-color: #f5f5f5;
+  cursor: not-allowed;
+  opacity: 1;
+}
+.du-bois-light-picker-input > input[disabled]:hover {
+  border-color: #d9d9d9;
+  border-right-width: 1px !important;
+}
+.du-bois-light-picker-input > input-borderless,
+.du-bois-light-picker-input > input-borderless:hover,
+.du-bois-light-picker-input > input-borderless:focus,
+.du-bois-light-picker-input > input-borderless-focused,
+.du-bois-light-picker-input > input-borderless-disabled,
+.du-bois-light-picker-input > input-borderless[disabled] {
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+textarea.du-bois-light-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-light-picker-input > input-lg {
+  padding: 6.5px 7px;
+  font-size: 16px;
+}
+.du-bois-light-picker-input > input-sm {
+  padding: 4px 3px;
+}
+.du-bois-light-picker-input > input:focus {
+  box-shadow: none;
+}
+.du-bois-light-picker-input > input[disabled] {
+  background: transparent;
+}
+.du-bois-light-picker-input:hover .du-bois-light-picker-clear {
+  opacity: 1;
+}
+.du-bois-light-picker-input-placeholder > input {
+  color: #bfbfbf;
+}
+.du-bois-light-picker-large {
+  padding: 6.5px 7px 6.5px;
+}
+.du-bois-light-picker-large .du-bois-light-picker-input > input {
+  font-size: 16px;
+}
+.du-bois-light-picker-small {
+  padding: 4px 3px 4px;
+}
+.du-bois-light-picker-suffix {
+  align-self: center;
+  margin-left: 2px;
+  color: rgba(0, 0, 0, 0.25);
+  line-height: 1;
+  pointer-events: none;
+}
+.du-bois-light-picker-suffix > * {
+  vertical-align: top;
+}
+.du-bois-light-picker-clear {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  color: rgba(0, 0, 0, 0.25);
+  line-height: 1;
+  background: #fff;
+  transform: translateY(-50%);
+  cursor: pointer;
+  opacity: 0;
+  transition: opacity 0.3s, color 0.3s;
+}
+.du-bois-light-picker-clear > * {
+  vertical-align: top;
+}
+.du-bois-light-picker-clear:hover {
+  color: #5D7283;
+}
+.du-bois-light-picker-separator {
+  position: relative;
+  display: inline-block;
+  width: 1em;
+  height: 16px;
+  color: rgba(0, 0, 0, 0.25);
+  font-size: 16px;
+  vertical-align: top;
+  cursor: default;
+}
+.du-bois-light-picker-focused .du-bois-light-picker-separator {
+  color: #5D7283;
+}
+.du-bois-light-picker-disabled .du-bois-light-picker-range-separator .du-bois-light-picker-separator {
+  cursor: not-allowed;
+}
+.du-bois-light-picker-range {
+  position: relative;
+  display: inline-flex;
+}
+.du-bois-light-picker-range .du-bois-light-picker-clear {
+  right: 7px;
+}
+.du-bois-light-picker-range:hover .du-bois-light-picker-clear {
+  opacity: 1;
+}
+.du-bois-light-picker-range .du-bois-light-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-light-picker-range.du-bois-light-picker-focused .du-bois-light-picker-active-bar {
+  opacity: 1;
+}
+.du-bois-light-picker-range-separator {
+  align-items: center;
+  padding: 0 4px;
+  line-height: 1;
+}
+.du-bois-light-picker-range.du-bois-light-picker-small .du-bois-light-picker-clear {
+  right: 3px;
+}
+.du-bois-light-picker-range.du-bois-light-picker-small .du-bois-light-picker-active-bar {
+  margin-left: 3px;
+}
+.du-bois-light-picker-dropdown {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: #20272E;
+  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-light-picker-dropdown-hidden {
+  display: none;
+}
+.du-bois-light-picker-dropdown-placement-bottomLeft .du-bois-light-picker-range-arrow {
+  top: 1.66666667px;
+  display: block;
+  transform: rotate(-45deg);
+}
+.du-bois-light-picker-dropdown-placement-topLeft .du-bois-light-picker-range-arrow {
+  bottom: 1.66666667px;
+  display: block;
+  transform: rotate(135deg);
+}
+.du-bois-light-picker-dropdown.du-bois-light-slide-up-enter.du-bois-light-slide-up-enter-active.du-bois-light-picker-dropdown-placement-topLeft,
+.du-bois-light-picker-dropdown.du-bois-light-slide-up-enter.du-bois-light-slide-up-enter-active.du-bois-light-picker-dropdown-placement-topRight,
+.du-bois-light-picker-dropdown.du-bois-light-slide-up-appear.du-bois-light-slide-up-appear-active.du-bois-light-picker-dropdown-placement-topLeft,
+.du-bois-light-picker-dropdown.du-bois-light-slide-up-appear.du-bois-light-slide-up-appear-active.du-bois-light-picker-dropdown-placement-topRight {
+  animation-name: antSlideDownIn;
+}
+.du-bois-light-picker-dropdown.du-bois-light-slide-up-enter.du-bois-light-slide-up-enter-active.du-bois-light-picker-dropdown-placement-bottomLeft,
+.du-bois-light-picker-dropdown.du-bois-light-slide-up-enter.du-bois-light-slide-up-enter-active.du-bois-light-picker-dropdown-placement-bottomRight,
+.du-bois-light-picker-dropdown.du-bois-light-slide-up-appear.du-bois-light-slide-up-appear-active.du-bois-light-picker-dropdown-placement-bottomLeft,
+.du-bois-light-picker-dropdown.du-bois-light-slide-up-appear.du-bois-light-slide-up-appear-active.du-bois-light-picker-dropdown-placement-bottomRight {
+  animation-name: antSlideUpIn;
+}
+.du-bois-light-picker-dropdown.du-bois-light-slide-up-leave.du-bois-light-slide-up-leave-active.du-bois-light-picker-dropdown-placement-topLeft,
+.du-bois-light-picker-dropdown.du-bois-light-slide-up-leave.du-bois-light-slide-up-leave-active.du-bois-light-picker-dropdown-placement-topRight {
+  animation-name: antSlideDownOut;
+}
+.du-bois-light-picker-dropdown.du-bois-light-slide-up-leave.du-bois-light-slide-up-leave-active.du-bois-light-picker-dropdown-placement-bottomLeft,
+.du-bois-light-picker-dropdown.du-bois-light-slide-up-leave.du-bois-light-slide-up-leave-active.du-bois-light-picker-dropdown-placement-bottomRight {
+  animation-name: antSlideUpOut;
+}
+.du-bois-light-picker-dropdown-range {
+  padding: 6.66666667px 0;
+}
+.du-bois-light-picker-dropdown-range-hidden {
+  display: none;
+}
+.du-bois-light-picker-dropdown .du-bois-light-picker-panel > .du-bois-light-picker-time-panel {
+  padding-top: 2px;
+}
+.du-bois-light-picker-ranges {
+  margin-bottom: 0;
+  padding: 2px 8px;
+  overflow: hidden;
+  line-height: 36px;
+  text-align: left;
+  list-style: none;
+}
+.du-bois-light-picker-ranges > li {
+  display: inline-block;
+}
+.du-bois-light-picker-ranges .du-bois-light-picker-preset > .du-bois-light-tag-blue {
+  color: #2272B4;
+  background: #e6f1f5;
+  border-color: #93c2db;
+  cursor: pointer;
+}
+.du-bois-light-picker-ranges .du-bois-light-picker-ok {
+  float: right;
+  margin-left: 4px;
+}
+.du-bois-light-picker-range-wrapper {
+  display: flex;
+}
+.du-bois-light-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-light-picker-range-arrow::after {
+  position: absolute;
+  top: 1px;
+  right: 1px;
+  width: 10px;
+  height: 10px;
+  border: 5px solid #f0f0f0;
+  border-color: #fff #fff transparent transparent;
+  content: '';
+}
+.du-bois-light-picker-panel-container {
+  overflow: hidden;
+  vertical-align: top;
+  background: #fff;
+  border-radius: 4px;
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  transition: margin 0.3s;
+}
+.du-bois-light-picker-panel-container .du-bois-light-picker-panels {
+  display: inline-flex;
+  flex-wrap: nowrap;
+  direction: ltr;
+}
+.du-bois-light-picker-panel-container .du-bois-light-picker-panel {
+  vertical-align: top;
+  background: transparent;
+  border-width: 0 0 1px 0;
+  border-radius: 0;
+}
+.du-bois-light-picker-panel-container .du-bois-light-picker-panel .du-bois-light-picker-content,
+.du-bois-light-picker-panel-container .du-bois-light-picker-panel table {
+  text-align: center;
+}
+.du-bois-light-picker-panel-container .du-bois-light-picker-panel-focused {
+  border-color: #f0f0f0;
+}
+.du-bois-light-picker-panel {
+  display: inline-flex;
+  flex-direction: column;
+  text-align: center;
+  background: #fff;
+  border: 1px solid #f0f0f0;
+  border-radius: 4px;
+  outline: none;
+}
+.du-bois-light-picker-panel-focused {
+  border-color: #2272B4;
+}
+.du-bois-light-picker-decade-panel,
+.du-bois-light-picker-year-panel,
+.du-bois-light-picker-quarter-panel,
+.du-bois-light-picker-month-panel,
+.du-bois-light-picker-week-panel,
+.du-bois-light-picker-date-panel,
+.du-bois-light-picker-time-panel {
+  display: flex;
+  flex-direction: column;
+  width: 272px;
+}
+.du-bois-light-picker-header {
+  display: flex;
+  padding: 0 4px;
+  color: rgba(0, 0, 0, 0.85);
+  border-bottom: 1px solid #f0f0f0;
+}
+.du-bois-light-picker-header > * {
+  flex: none;
+}
+.du-bois-light-picker-header button {
+  padding: 0;
+  color: rgba(0, 0, 0, 0.25);
+  line-height: 40px;
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+  transition: color 0.3s;
+}
+.du-bois-light-picker-header > button {
+  min-width: 1.6em;
+  font-size: 14px;
+}
+.du-bois-light-picker-header > button:hover {
+  color: #20272E;
+}
+.du-bois-light-picker-header-view {
+  flex: auto;
+  font-weight: 500;
+  line-height: 40px;
+}
+.du-bois-light-picker-header-view button {
+  color: inherit;
+  font-weight: inherit;
+}
+.du-bois-light-picker-header-view button:not(:first-child) {
+  margin-left: 4px;
+}
+.du-bois-light-picker-header-view button:hover {
+  color: #2272B4;
+}
+.du-bois-light-picker-prev-icon,
+.du-bois-light-picker-next-icon,
+.du-bois-light-picker-super-prev-icon,
+.du-bois-light-picker-super-next-icon {
+  position: relative;
+  display: inline-block;
+  width: 7px;
+  height: 7px;
+}
+.du-bois-light-picker-prev-icon::before,
+.du-bois-light-picker-next-icon::before,
+.du-bois-light-picker-super-prev-icon::before,
+.du-bois-light-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-light-picker-super-prev-icon::after,
+.du-bois-light-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-light-picker-prev-icon,
+.du-bois-light-picker-super-prev-icon {
+  transform: rotate(-45deg);
+}
+.du-bois-light-picker-next-icon,
+.du-bois-light-picker-super-next-icon {
+  transform: rotate(135deg);
+}
+.du-bois-light-picker-content {
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: collapse;
+}
+.du-bois-light-picker-content th,
+.du-bois-light-picker-content td {
+  position: relative;
+  min-width: 24px;
+  font-weight: 400;
+}
+.du-bois-light-picker-content th {
+  height: 30px;
+  color: #20272E;
+  line-height: 30px;
+}
+.du-bois-light-picker-cell {
+  padding: 3px 0;
+  color: rgba(0, 0, 0, 0.25);
+  cursor: pointer;
+}
+.du-bois-light-picker-cell-in-view {
+  color: #20272E;
+}
+.du-bois-light-picker-cell::before {
+  position: absolute;
+  top: 50%;
+  right: 0;
+  left: 0;
+  z-index: 1;
+  height: 24px;
+  transform: translateY(-50%);
+  content: '';
+}
+.du-bois-light-picker-cell .du-bois-light-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-light-picker-cell:hover:not(.du-bois-light-picker-cell-in-view) .du-bois-light-picker-cell-inner,
+.du-bois-light-picker-cell:hover:not(.du-bois-light-picker-cell-selected):not(.du-bois-light-picker-cell-range-start):not(.du-bois-light-picker-cell-range-end):not(.du-bois-light-picker-cell-range-hover-start):not(.du-bois-light-picker-cell-range-hover-end) .du-bois-light-picker-cell-inner {
+  background: #f5f5f5;
+}
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-today .du-bois-light-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-light-picker-cell-in-view.du-bois-light-picker-cell-in-range {
+  position: relative;
+}
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range::before {
+  background: #e6f1f5;
+}
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-selected .du-bois-light-picker-cell-inner,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start .du-bois-light-picker-cell-inner,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-end .du-bois-light-picker-cell-inner {
+  color: #fff;
+  background: #2272B4;
+}
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start:not(.du-bois-light-picker-cell-range-start-single)::before,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-end:not(.du-bois-light-picker-cell-range-end-single)::before {
+  background: #e6f1f5;
+}
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start::before {
+  left: 50%;
+}
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-end::before {
+  right: 50%;
+}
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-start:not(.du-bois-light-picker-cell-in-range):not(.du-bois-light-picker-cell-range-start):not(.du-bois-light-picker-cell-range-end)::after,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-end:not(.du-bois-light-picker-cell-in-range):not(.du-bois-light-picker-cell-range-start):not(.du-bois-light-picker-cell-range-end)::after,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-start.du-bois-light-picker-cell-range-start-single::after,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-start.du-bois-light-picker-cell-range-start.du-bois-light-picker-cell-range-end.du-bois-light-picker-cell-range-end-near-hover::after,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-end.du-bois-light-picker-cell-range-start.du-bois-light-picker-cell-range-end.du-bois-light-picker-cell-range-start-near-hover::after,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-end.du-bois-light-picker-cell-range-end-single::after,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover:not(.du-bois-light-picker-cell-in-range)::after {
+  position: absolute;
+  top: 50%;
+  z-index: 0;
+  height: 24px;
+  border-top: 1px dashed #5ca4e0;
+  border-bottom: 1px dashed #5ca4e0;
+  transform: translateY(-50%);
+  content: '';
+}
+.du-bois-light-picker-cell-range-hover-start::after,
+.du-bois-light-picker-cell-range-hover-end::after,
+.du-bois-light-picker-cell-range-hover::after {
+  right: 0;
+  left: 2px;
+}
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover::before,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start.du-bois-light-picker-cell-range-hover::before,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-end.du-bois-light-picker-cell-range-hover::before,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start:not(.du-bois-light-picker-cell-range-start-single).du-bois-light-picker-cell-range-hover-start::before,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-end:not(.du-bois-light-picker-cell-range-end-single).du-bois-light-picker-cell-range-hover-end::before,
+.du-bois-light-picker-panel > :not(.du-bois-light-picker-date-panel) .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover-start::before,
+.du-bois-light-picker-panel > :not(.du-bois-light-picker-date-panel) .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover-end::before {
+  background: #9cc8ec;
+}
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start:not(.du-bois-light-picker-cell-range-start-single):not(.du-bois-light-picker-cell-range-end) .du-bois-light-picker-cell-inner {
+  border-radius: 4px 0 0 4px;
+}
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-end:not(.du-bois-light-picker-cell-range-end-single):not(.du-bois-light-picker-cell-range-start) .du-bois-light-picker-cell-inner {
+  border-radius: 0 4px 4px 0;
+}
+.du-bois-light-picker-date-panel .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover-start .du-bois-light-picker-cell-inner::after,
+.du-bois-light-picker-date-panel .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover-end .du-bois-light-picker-cell-inner::after {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: -1;
+  background: #9cc8ec;
+  content: '';
+}
+.du-bois-light-picker-date-panel .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover-start .du-bois-light-picker-cell-inner::after {
+  right: -6px;
+  left: 0;
+}
+.du-bois-light-picker-date-panel .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover-end .du-bois-light-picker-cell-inner::after {
+  right: 0;
+  left: -6px;
+}
+.du-bois-light-picker-cell-range-hover.du-bois-light-picker-cell-range-start::after {
+  right: 50%;
+}
+.du-bois-light-picker-cell-range-hover.du-bois-light-picker-cell-range-end::after {
+  left: 50%;
+}
+tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover:first-child::after,
+tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-end:first-child::after,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-start.du-bois-light-picker-cell-range-hover-edge-start.du-bois-light-picker-cell-range-hover-edge-start-near-range::after,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-edge-start:not(.du-bois-light-picker-cell-range-hover-edge-start-near-range)::after,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-start::after {
+  left: 6px;
+  border-left: 1px dashed #5ca4e0;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover:last-child::after,
+tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-start:last-child::after,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-end.du-bois-light-picker-cell-range-hover-edge-end.du-bois-light-picker-cell-range-hover-edge-end-near-range::after,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-edge-end:not(.du-bois-light-picker-cell-range-hover-edge-end-near-range)::after,
+.du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-end::after {
+  right: 6px;
+  border-right: 1px dashed #5ca4e0;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.du-bois-light-picker-cell-disabled {
+  color: rgba(0, 0, 0, 0.25);
+  pointer-events: none;
+}
+.du-bois-light-picker-cell-disabled .du-bois-light-picker-cell-inner {
+  background: transparent;
+}
+.du-bois-light-picker-cell-disabled::before {
+  background: rgba(0, 0, 0, 0.04);
+}
+.du-bois-light-picker-cell-disabled.du-bois-light-picker-cell-today .du-bois-light-picker-cell-inner::before {
+  border-color: rgba(0, 0, 0, 0.25);
+}
+.du-bois-light-picker-decade-panel .du-bois-light-picker-content,
+.du-bois-light-picker-year-panel .du-bois-light-picker-content,
+.du-bois-light-picker-quarter-panel .du-bois-light-picker-content,
+.du-bois-light-picker-month-panel .du-bois-light-picker-content {
+  height: 264px;
+}
+.du-bois-light-picker-decade-panel .du-bois-light-picker-cell-inner,
+.du-bois-light-picker-year-panel .du-bois-light-picker-cell-inner,
+.du-bois-light-picker-quarter-panel .du-bois-light-picker-cell-inner,
+.du-bois-light-picker-month-panel .du-bois-light-picker-cell-inner {
+  padding: 0 4px;
+}
+.du-bois-light-picker-quarter-panel .du-bois-light-picker-content {
+  height: 56px;
+}
+.du-bois-light-picker-footer {
+  width: min-content;
+  min-width: 100%;
+  line-height: 38px;
+  text-align: center;
+  border-bottom: 1px solid transparent;
+}
+.du-bois-light-picker-panel .du-bois-light-picker-footer {
+  border-top: 1px solid #f0f0f0;
+}
+.du-bois-light-picker-footer-extra {
+  padding: 0 8px;
+  line-height: 38px;
+  text-align: left;
+}
+.du-bois-light-picker-footer-extra:not(:last-child) {
+  border-bottom: 1px solid #f0f0f0;
+}
+.du-bois-light-picker-now {
+  text-align: left;
+}
+.du-bois-light-picker-today-btn {
+  color: #2272B4;
+}
+.du-bois-light-picker-today-btn:hover {
+  color: #448dc2;
+}
+.du-bois-light-picker-today-btn:active {
+  color: #14538f;
+}
+.du-bois-light-picker-today-btn.du-bois-light-picker-today-btn-disabled {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+}
+.du-bois-light-picker-decade-panel .du-bois-light-picker-cell-inner {
+  padding: 0 2px;
+}
+.du-bois-light-picker-decade-panel .du-bois-light-picker-cell::before {
+  display: none;
+}
+.du-bois-light-picker-year-panel .du-bois-light-picker-body,
+.du-bois-light-picker-quarter-panel .du-bois-light-picker-body,
+.du-bois-light-picker-month-panel .du-bois-light-picker-body {
+  padding: 0 4px;
+}
+.du-bois-light-picker-year-panel .du-bois-light-picker-cell-inner,
+.du-bois-light-picker-quarter-panel .du-bois-light-picker-cell-inner,
+.du-bois-light-picker-month-panel .du-bois-light-picker-cell-inner {
+  width: 60px;
+}
+.du-bois-light-picker-year-panel .du-bois-light-picker-cell-range-hover-start::after,
+.du-bois-light-picker-quarter-panel .du-bois-light-picker-cell-range-hover-start::after,
+.du-bois-light-picker-month-panel .du-bois-light-picker-cell-range-hover-start::after {
+  left: 14px;
+  border-left: 1px dashed #5ca4e0;
+  border-radius: 4px 0 0 4px;
+}
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-year-panel .du-bois-light-picker-cell-range-hover-start::after,
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-quarter-panel .du-bois-light-picker-cell-range-hover-start::after,
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-month-panel .du-bois-light-picker-cell-range-hover-start::after {
+  right: 14px;
+  border-right: 1px dashed #5ca4e0;
+  border-radius: 0 4px 4px 0;
+}
+.du-bois-light-picker-year-panel .du-bois-light-picker-cell-range-hover-end::after,
+.du-bois-light-picker-quarter-panel .du-bois-light-picker-cell-range-hover-end::after,
+.du-bois-light-picker-month-panel .du-bois-light-picker-cell-range-hover-end::after {
+  right: 14px;
+  border-right: 1px dashed #5ca4e0;
+  border-radius: 0 4px 4px 0;
+}
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-year-panel .du-bois-light-picker-cell-range-hover-end::after,
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-quarter-panel .du-bois-light-picker-cell-range-hover-end::after,
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-month-panel .du-bois-light-picker-cell-range-hover-end::after {
+  left: 14px;
+  border-left: 1px dashed #5ca4e0;
+  border-radius: 4px 0 0 4px;
+}
+.du-bois-light-picker-week-panel .du-bois-light-picker-body {
+  padding: 4px 8px;
+}
+.du-bois-light-picker-week-panel .du-bois-light-picker-cell:hover .du-bois-light-picker-cell-inner,
+.du-bois-light-picker-week-panel .du-bois-light-picker-cell-selected .du-bois-light-picker-cell-inner,
+.du-bois-light-picker-week-panel .du-bois-light-picker-cell .du-bois-light-picker-cell-inner {
+  background: transparent !important;
+}
+.du-bois-light-picker-week-panel-row td {
+  transition: background 0.3s;
+}
+.du-bois-light-picker-week-panel-row:hover td {
+  background: #f5f5f5;
+}
+.du-bois-light-picker-week-panel-row-selected td,
+.du-bois-light-picker-week-panel-row-selected:hover td {
+  background: #2272B4;
+}
+.du-bois-light-picker-week-panel-row-selected td.du-bois-light-picker-cell-week,
+.du-bois-light-picker-week-panel-row-selected:hover td.du-bois-light-picker-cell-week {
+  color: rgba(255, 255, 255, 0.5);
+}
+.du-bois-light-picker-week-panel-row-selected td.du-bois-light-picker-cell-today .du-bois-light-picker-cell-inner::before,
+.du-bois-light-picker-week-panel-row-selected:hover td.du-bois-light-picker-cell-today .du-bois-light-picker-cell-inner::before {
+  border-color: #fff;
+}
+.du-bois-light-picker-week-panel-row-selected td .du-bois-light-picker-cell-inner,
+.du-bois-light-picker-week-panel-row-selected:hover td .du-bois-light-picker-cell-inner {
+  color: #fff;
+}
+.du-bois-light-picker-date-panel .du-bois-light-picker-body {
+  padding: 4px 8px;
+}
+.du-bois-light-picker-date-panel .du-bois-light-picker-content {
+  width: 252px;
+}
+.du-bois-light-picker-date-panel .du-bois-light-picker-content th {
+  width: 36px;
+}
+.du-bois-light-picker-datetime-panel {
+  display: flex;
+}
+.du-bois-light-picker-datetime-panel .du-bois-light-picker-time-panel {
+  border-left: 1px solid #f0f0f0;
+}
+.du-bois-light-picker-datetime-panel .du-bois-light-picker-date-panel,
+.du-bois-light-picker-datetime-panel .du-bois-light-picker-time-panel {
+  transition: opacity 0.3s;
+}
+.du-bois-light-picker-datetime-panel-active .du-bois-light-picker-date-panel,
+.du-bois-light-picker-datetime-panel-active .du-bois-light-picker-time-panel {
+  opacity: 0.3;
+}
+.du-bois-light-picker-datetime-panel-active .du-bois-light-picker-date-panel-active,
+.du-bois-light-picker-datetime-panel-active .du-bois-light-picker-time-panel-active {
+  opacity: 1;
+}
+.du-bois-light-picker-time-panel {
+  width: auto;
+  min-width: auto;
+}
+.du-bois-light-picker-time-panel .du-bois-light-picker-content {
+  display: flex;
+  flex: auto;
+  height: 224px;
+}
+.du-bois-light-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-light-picker-time-panel-column::after {
+  display: block;
+  height: 196px;
+  content: '';
+}
+.du-bois-light-picker-datetime-panel .du-bois-light-picker-time-panel-column::after {
+  height: 198px;
+}
+.du-bois-light-picker-time-panel-column:not(:first-child) {
+  border-left: 1px solid #f0f0f0;
+}
+.du-bois-light-picker-time-panel-column-active {
+  background: rgba(230, 241, 245, 0.2);
+}
+.du-bois-light-picker-time-panel-column:hover {
+  overflow-y: auto;
+}
+.du-bois-light-picker-time-panel-column > li {
+  margin: 0;
+  padding: 0;
+}
+.du-bois-light-picker-time-panel-column > li.du-bois-light-picker-time-panel-cell .du-bois-light-picker-time-panel-cell-inner {
+  display: block;
+  width: 100%;
+  height: 28px;
+  margin: 0;
+  padding: 0 0 0 14px;
+  color: #20272E;
+  line-height: 28px;
+  border-radius: 0;
+  cursor: pointer;
+  transition: background 0.3s;
+}
+.du-bois-light-picker-time-panel-column > li.du-bois-light-picker-time-panel-cell .du-bois-light-picker-time-panel-cell-inner:hover {
+  background: #f5f5f5;
+}
+.du-bois-light-picker-time-panel-column > li.du-bois-light-picker-time-panel-cell-selected .du-bois-light-picker-time-panel-cell-inner {
+  background: #e6f1f5;
+}
+.du-bois-light-picker-time-panel-column > li.du-bois-light-picker-time-panel-cell-disabled .du-bois-light-picker-time-panel-cell-inner {
+  color: rgba(0, 0, 0, 0.25);
+  background: transparent;
+  cursor: not-allowed;
+}
+/* stylelint-disable-next-line */
+_:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-month-panel .du-bois-light-picker-cell,
+:root .du-bois-light-picker-range-wrapper .du-bois-light-picker-month-panel .du-bois-light-picker-cell,
+_:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-panel .du-bois-light-picker-cell,
+:root .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-panel .du-bois-light-picker-cell {
+  padding: 21px 0;
+}
+.du-bois-light-picker-rtl {
+  direction: rtl;
+}
+.du-bois-light-picker-rtl .du-bois-light-picker-suffix {
+  margin-right: 2px;
+  margin-left: 0;
+}
+.du-bois-light-picker-rtl .du-bois-light-picker-clear {
+  right: auto;
+  left: 0;
+}
+.du-bois-light-picker-rtl .du-bois-light-picker-separator {
+  transform: rotate(180deg);
+}
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-header-view button:not(:first-child) {
+  margin-right: 4px;
+  margin-left: 0;
+}
+.du-bois-light-picker-rtl.du-bois-light-picker-range .du-bois-light-picker-clear {
+  right: auto;
+  left: 7px;
+}
+.du-bois-light-picker-rtl.du-bois-light-picker-range .du-bois-light-picker-active-bar {
+  margin-right: 7px;
+  margin-left: 0;
+}
+.du-bois-light-picker-rtl.du-bois-light-picker-range.du-bois-light-picker-small .du-bois-light-picker-active-bar {
+  margin-right: 3px;
+}
+.du-bois-light-picker-dropdown-rtl .du-bois-light-picker-ranges {
+  text-align: right;
+}
+.du-bois-light-picker-dropdown-rtl .du-bois-light-picker-ranges .du-bois-light-picker-ok {
+  float: left;
+  margin-right: 4px;
+  margin-left: 0;
+}
+.du-bois-light-picker-panel-rtl {
+  direction: rtl;
+}
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-prev-icon,
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-super-prev-icon {
+  transform: rotate(135deg);
+}
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-next-icon,
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-super-next-icon {
+  transform: rotate(-45deg);
+}
+.du-bois-light-picker-cell .du-bois-light-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-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start::before {
+  right: 50%;
+  left: 0;
+}
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-end::before {
+  right: 0;
+  left: 50%;
+}
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start.du-bois-light-picker-cell-range-end::before {
+  right: 50%;
+  left: 50%;
+}
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-date-panel .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover-start .du-bois-light-picker-cell-inner::after {
+  right: 0;
+  left: -6px;
+}
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-date-panel .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover-end .du-bois-light-picker-cell-inner::after {
+  right: -6px;
+  left: 0;
+}
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-range-hover.du-bois-light-picker-cell-range-start::after {
+  right: 0;
+  left: 50%;
+}
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-range-hover.du-bois-light-picker-cell-range-end::after {
+  right: 50%;
+  left: 0;
+}
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start:not(.du-bois-light-picker-cell-range-start-single):not(.du-bois-light-picker-cell-range-end) .du-bois-light-picker-cell-inner {
+  border-radius: 0 4px 4px 0;
+}
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-end:not(.du-bois-light-picker-cell-range-end-single):not(.du-bois-light-picker-cell-range-start) .du-bois-light-picker-cell-inner {
+  border-radius: 4px 0 0 4px;
+}
+.du-bois-light-picker-panel-rtl tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover:not(.du-bois-light-picker-cell-selected):first-child::after,
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-start.du-bois-light-picker-cell-range-hover-edge-start.du-bois-light-picker-cell-range-hover-edge-start-near-range::after,
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-edge-start:not(.du-bois-light-picker-cell-range-hover-edge-start-near-range)::after,
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-start::after {
+  right: 6px;
+  left: 0;
+  border-right: 1px dashed #5ca4e0;
+  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-light-picker-panel-rtl tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover:not(.du-bois-light-picker-cell-selected):last-child::after,
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-end.du-bois-light-picker-cell-range-hover-edge-end.du-bois-light-picker-cell-range-hover-edge-end-near-range::after,
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-edge-end:not(.du-bois-light-picker-cell-range-hover-edge-end-near-range)::after,
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-end::after {
+  right: 0;
+  left: 6px;
+  border-right: none;
+  border-left: 1px dashed #5ca4e0;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 4px;
+}
+.du-bois-light-picker-panel-rtl tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-start:last-child::after,
+.du-bois-light-picker-panel-rtl tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-end:first-child::after,
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-start.du-bois-light-picker-cell-range-hover-edge-start:not(.du-bois-light-picker-cell-range-hover)::after,
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-start.du-bois-light-picker-cell-range-hover-end.du-bois-light-picker-cell-range-hover-edge-start:not(.du-bois-light-picker-cell-range-hover)::after,
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-end.du-bois-light-picker-cell-range-hover-start.du-bois-light-picker-cell-range-hover-edge-end:not(.du-bois-light-picker-cell-range-hover)::after,
+.du-bois-light-picker-panel-rtl tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-start.du-bois-light-picker-cell-range-hover.du-bois-light-picker-cell-range-hover-edge-start:last-child::after,
+.du-bois-light-picker-panel-rtl tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-end.du-bois-light-picker-cell-range-hover.du-bois-light-picker-cell-range-hover-edge-end:first-child::after {
+  right: 6px;
+  left: 6px;
+  border-right: 1px dashed #5ca4e0;
+  border-left: 1px dashed #5ca4e0;
+  border-radius: 4px;
+}
+.du-bois-light-picker-dropdown-rtl .du-bois-light-picker-footer-extra {
+  direction: rtl;
+  text-align: right;
+}
+.du-bois-light-picker-panel-rtl .du-bois-light-picker-time-panel {
+  direction: ltr;
+}
+/* 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-light-tag {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: #20272E;
+  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: #fafafa;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  opacity: 1;
+  transition: all 0.3s;
+}
+.du-bois-light-tag,
+.du-bois-light-tag a,
+.du-bois-light-tag a:hover {
+  color: #20272E;
+}
+.du-bois-light-tag > a:first-child:last-child {
+  display: inline-block;
+  margin: 0 -8px;
+  padding: 0 8px;
+}
+.du-bois-light-tag-close-icon {
+  margin-left: 3px;
+  color: #5D7283;
+  font-size: 10px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.du-bois-light-tag-close-icon:hover {
+  color: rgba(0, 0, 0, 0.85);
+}
+.du-bois-light-tag-has-color {
+  border-color: transparent;
+}
+.du-bois-light-tag-has-color,
+.du-bois-light-tag-has-color a,
+.du-bois-light-tag-has-color a:hover,
+.du-bois-light-tag-has-color .anticon-close,
+.du-bois-light-tag-has-color .anticon-close:hover {
+  color: #fff;
+}
+.du-bois-light-tag-checkable {
+  background-color: transparent;
+  border-color: transparent;
+  cursor: pointer;
+}
+.du-bois-light-tag-checkable:not(.du-bois-light-tag-checkable-checked):hover {
+  color: #2272B4;
+}
+.du-bois-light-tag-checkable:active,
+.du-bois-light-tag-checkable-checked {
+  color: #fff;
+}
+.du-bois-light-tag-checkable-checked {
+  background-color: #2272B4;
+}
+.du-bois-light-tag-checkable:active {
+  background-color: #14538f;
+}
+.du-bois-light-tag-hidden {
+  display: none;
+}
+.du-bois-light-tag-pink {
+  color: #c41d7f;
+  background: #fff0f6;
+  border-color: #ffadd2;
+}
+.du-bois-light-tag-pink-inverse {
+  color: #fff;
+  background: #eb2f96;
+  border-color: #eb2f96;
+}
+.du-bois-light-tag-magenta {
+  color: #c41d7f;
+  background: #fff0f6;
+  border-color: #ffadd2;
+}
+.du-bois-light-tag-magenta-inverse {
+  color: #fff;
+  background: #eb2f96;
+  border-color: #eb2f96;
+}
+.du-bois-light-tag-red {
+  color: #cf1322;
+  background: #fff1f0;
+  border-color: #ffa39e;
+}
+.du-bois-light-tag-red-inverse {
+  color: #fff;
+  background: #f5222d;
+  border-color: #f5222d;
+}
+.du-bois-light-tag-volcano {
+  color: #d4380d;
+  background: #fff2e8;
+  border-color: #ffbb96;
+}
+.du-bois-light-tag-volcano-inverse {
+  color: #fff;
+  background: #fa541c;
+  border-color: #fa541c;
+}
+.du-bois-light-tag-orange {
+  color: #d46b08;
+  background: #fff7e6;
+  border-color: #ffd591;
+}
+.du-bois-light-tag-orange-inverse {
+  color: #fff;
+  background: #fa8c16;
+  border-color: #fa8c16;
+}
+.du-bois-light-tag-yellow {
+  color: #d4b106;
+  background: #feffe6;
+  border-color: #fffb8f;
+}
+.du-bois-light-tag-yellow-inverse {
+  color: #fff;
+  background: #fadb14;
+  border-color: #fadb14;
+}
+.du-bois-light-tag-gold {
+  color: #d48806;
+  background: #fffbe6;
+  border-color: #ffe58f;
+}
+.du-bois-light-tag-gold-inverse {
+  color: #fff;
+  background: #faad14;
+  border-color: #faad14;
+}
+.du-bois-light-tag-cyan {
+  color: #08979c;
+  background: #e6fffb;
+  border-color: #87e8de;
+}
+.du-bois-light-tag-cyan-inverse {
+  color: #fff;
+  background: #13c2c2;
+  border-color: #13c2c2;
+}
+.du-bois-light-tag-lime {
+  color: #7cb305;
+  background: #fcffe6;
+  border-color: #eaff8f;
+}
+.du-bois-light-tag-lime-inverse {
+  color: #fff;
+  background: #a0d911;
+  border-color: #a0d911;
+}
+.du-bois-light-tag-green {
+  color: #389e0d;
+  background: #f6ffed;
+  border-color: #b7eb8f;
+}
+.du-bois-light-tag-green-inverse {
+  color: #fff;
+  background: #52c41a;
+  border-color: #52c41a;
+}
+.du-bois-light-tag-blue {
+  color: #096dd9;
+  background: #e6f7ff;
+  border-color: #91d5ff;
+}
+.du-bois-light-tag-blue-inverse {
+  color: #fff;
+  background: #1890ff;
+  border-color: #1890ff;
+}
+.du-bois-light-tag-geekblue {
+  color: #1d39c4;
+  background: #f0f5ff;
+  border-color: #adc6ff;
+}
+.du-bois-light-tag-geekblue-inverse {
+  color: #fff;
+  background: #2f54eb;
+  border-color: #2f54eb;
+}
+.du-bois-light-tag-purple {
+  color: #531dab;
+  background: #f9f0ff;
+  border-color: #d3adf7;
+}
+.du-bois-light-tag-purple-inverse {
+  color: #fff;
+  background: #722ed1;
+  border-color: #722ed1;
+}
+.du-bois-light-tag-success {
+  color: #52c41a;
+  background: #f6ffed;
+  border-color: #b7eb8f;
+}
+.du-bois-light-tag-processing {
+  color: #1890ff;
+  background: #e6f7ff;
+  border-color: #91d5ff;
+}
+.du-bois-light-tag-error {
+  color: #f5222d;
+  background: #fff1f0;
+  border-color: #ffa39e;
+}
+.du-bois-light-tag-warning {
+  color: #fa8c16;
+  background: #fff7e6;
+  border-color: #ffd591;
+}
+.du-bois-light-tag > .anticon + span,
+.du-bois-light-tag > span + .anticon {
+  margin-left: 7px;
+}
+.du-bois-light-tag.du-bois-light-tag-rtl {
+  margin-right: 0;
+  margin-left: 8px;
+  direction: rtl;
+  text-align: right;
+}
+.du-bois-light-tag-rtl .du-bois-light-tag-close-icon {
+  margin-right: 3px;
+  margin-left: 0;
+}
+.du-bois-light-tag-rtl.du-bois-light-tag > .anticon + span,
+.du-bois-light-tag-rtl.du-bois-light-tag > span + .anticon {
+  margin-right: 7px;
+  margin-left: 0;
+}
+/* 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-light-dropdown-menu-item.du-bois-light-dropdown-menu-item-danger {
+  color: #CC3352;
+}
+.du-bois-light-dropdown-menu-item.du-bois-light-dropdown-menu-item-danger:hover {
+  color: #fff;
+  background-color: #CC3352;
+}
+.du-bois-light-dropdown {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: #20272E;
+  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-light-dropdown::before {
+  position: absolute;
+  top: -4px;
+  right: 0;
+  bottom: -4px;
+  left: -7px;
+  z-index: -9999;
+  opacity: 0.0001;
+  content: ' ';
+}
+.du-bois-light-dropdown-wrap {
+  position: relative;
+}
+.du-bois-light-dropdown-wrap .du-bois-light-btn > .anticon-down {
+  font-size: 10px;
+}
+.du-bois-light-dropdown-wrap .anticon-down::before {
+  transition: transform 0.2s;
+}
+.du-bois-light-dropdown-wrap-open .anticon-down::before {
+  transform: rotate(180deg);
+}
+.du-bois-light-dropdown-hidden,
+.du-bois-light-dropdown-menu-hidden,
+.du-bois-light-dropdown-menu-submenu-hidden {
+  display: none;
+}
+.du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-topCenter,
+.du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-topLeft,
+.du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-topRight {
+  padding-bottom: 10px;
+}
+.du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-bottomCenter,
+.du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-bottomLeft,
+.du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-bottomRight {
+  padding-top: 10px;
+}
+.du-bois-light-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-light-dropdown-placement-topCenter > .du-bois-light-dropdown-arrow,
+.du-bois-light-dropdown-placement-topLeft > .du-bois-light-dropdown-arrow,
+.du-bois-light-dropdown-placement-topRight > .du-bois-light-dropdown-arrow {
+  bottom: 6.2px;
+  border-top-color: transparent;
+  border-right-color: #fff;
+  border-bottom-color: #fff;
+  border-left-color: transparent;
+  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
+}
+.du-bois-light-dropdown-placement-topCenter > .du-bois-light-dropdown-arrow {
+  left: 50%;
+  transform: translateX(-50%) rotate(45deg);
+}
+.du-bois-light-dropdown-placement-topLeft > .du-bois-light-dropdown-arrow {
+  left: 16px;
+}
+.du-bois-light-dropdown-placement-topRight > .du-bois-light-dropdown-arrow {
+  right: 16px;
+}
+.du-bois-light-dropdown-placement-bottomCenter > .du-bois-light-dropdown-arrow,
+.du-bois-light-dropdown-placement-bottomLeft > .du-bois-light-dropdown-arrow,
+.du-bois-light-dropdown-placement-bottomRight > .du-bois-light-dropdown-arrow {
+  top: 6px;
+  border-top-color: #fff;
+  border-right-color: transparent;
+  border-bottom-color: transparent;
+  border-left-color: #fff;
+  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
+}
+.du-bois-light-dropdown-placement-bottomCenter > .du-bois-light-dropdown-arrow {
   left: 50%;
   transform: translateX(-50%) rotate(45deg);
 }
@@ -4226,7 +5478,7 @@ a.du-bois-light-btn-sm {
 }
 .du-bois-light-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;
@@ -4771,17 +6023,17 @@ a.du-bois-light-btn-sm {
 .du-bois-light-form-item-has-warning .du-bois-light-form-item-split {
   color: #AF5B23;
 }
-.du-bois-light-form-item-has-warning :not(.du-bois-light-input-disabled):not(.du-bois-light-input-borderless).du-bois-light-input,
-.du-bois-light-form-item-has-warning :not(.du-bois-light-input-affix-wrapper-disabled):not(.du-bois-light-input-affix-wrapper-borderless).du-bois-light-input-affix-wrapper,
-.du-bois-light-form-item-has-warning :not(.du-bois-light-input-disabled):not(.du-bois-light-input-borderless).du-bois-light-input:hover,
-.du-bois-light-form-item-has-warning :not(.du-bois-light-input-affix-wrapper-disabled):not(.du-bois-light-input-affix-wrapper-borderless).du-bois-light-input-affix-wrapper:hover {
+.du-bois-light-form-item-has-warning :not(.du-bois-light-input-disabled).du-bois-light-input,
+.du-bois-light-form-item-has-warning :not(.du-bois-light-input-affix-wrapper-disabled).du-bois-light-input-affix-wrapper,
+.du-bois-light-form-item-has-warning :not(.du-bois-light-input-disabled).du-bois-light-input:hover,
+.du-bois-light-form-item-has-warning :not(.du-bois-light-input-affix-wrapper-disabled).du-bois-light-input-affix-wrapper:hover {
   background-color: #fff;
   border-color: #AF5B23;
 }
-.du-bois-light-form-item-has-warning :not(.du-bois-light-input-disabled):not(.du-bois-light-input-borderless).du-bois-light-input:focus,
-.du-bois-light-form-item-has-warning :not(.du-bois-light-input-affix-wrapper-disabled):not(.du-bois-light-input-affix-wrapper-borderless).du-bois-light-input-affix-wrapper:focus,
-.du-bois-light-form-item-has-warning :not(.du-bois-light-input-disabled):not(.du-bois-light-input-borderless).du-bois-light-input-focused,
-.du-bois-light-form-item-has-warning :not(.du-bois-light-input-affix-wrapper-disabled):not(.du-bois-light-input-affix-wrapper-borderless).du-bois-light-input-affix-wrapper-focused {
+.du-bois-light-form-item-has-warning :not(.du-bois-light-input-disabled).du-bois-light-input:focus,
+.du-bois-light-form-item-has-warning :not(.du-bois-light-input-affix-wrapper-disabled).du-bois-light-input-affix-wrapper:focus,
+.du-bois-light-form-item-has-warning :not(.du-bois-light-input-disabled).du-bois-light-input-focused,
+.du-bois-light-form-item-has-warning :not(.du-bois-light-input-affix-wrapper-disabled).du-bois-light-input-affix-wrapper-focused {
   border-color: #bd7844;
   border-right-width: 1px !important;
   outline: 0;
@@ -4846,17 +6098,17 @@ a.du-bois-light-btn-sm {
 .du-bois-light-form-item-has-error .du-bois-light-form-item-split {
   color: #CC3352;
 }
-.du-bois-light-form-item-has-error :not(.du-bois-light-input-disabled):not(.du-bois-light-input-borderless).du-bois-light-input,
-.du-bois-light-form-item-has-error :not(.du-bois-light-input-affix-wrapper-disabled):not(.du-bois-light-input-affix-wrapper-borderless).du-bois-light-input-affix-wrapper,
-.du-bois-light-form-item-has-error :not(.du-bois-light-input-disabled):not(.du-bois-light-input-borderless).du-bois-light-input:hover,
-.du-bois-light-form-item-has-error :not(.du-bois-light-input-affix-wrapper-disabled):not(.du-bois-light-input-affix-wrapper-borderless).du-bois-light-input-affix-wrapper:hover {
+.du-bois-light-form-item-has-error :not(.du-bois-light-input-disabled).du-bois-light-input,
+.du-bois-light-form-item-has-error :not(.du-bois-light-input-affix-wrapper-disabled).du-bois-light-input-affix-wrapper,
+.du-bois-light-form-item-has-error :not(.du-bois-light-input-disabled).du-bois-light-input:hover,
+.du-bois-light-form-item-has-error :not(.du-bois-light-input-affix-wrapper-disabled).du-bois-light-input-affix-wrapper:hover {
   background-color: #fff;
   border-color: #CC3352;
 }
-.du-bois-light-form-item-has-error :not(.du-bois-light-input-disabled):not(.du-bois-light-input-borderless).du-bois-light-input:focus,
-.du-bois-light-form-item-has-error :not(.du-bois-light-input-affix-wrapper-disabled):not(.du-bois-light-input-affix-wrapper-borderless).du-bois-light-input-affix-wrapper:focus,
-.du-bois-light-form-item-has-error :not(.du-bois-light-input-disabled):not(.du-bois-light-input-borderless).du-bois-light-input-focused,
-.du-bois-light-form-item-has-error :not(.du-bois-light-input-affix-wrapper-disabled):not(.du-bois-light-input-affix-wrapper-borderless).du-bois-light-input-affix-wrapper-focused {
+.du-bois-light-form-item-has-error :not(.du-bois-light-input-disabled).du-bois-light-input:focus,
+.du-bois-light-form-item-has-error :not(.du-bois-light-input-affix-wrapper-disabled).du-bois-light-input-affix-wrapper:focus,
+.du-bois-light-form-item-has-error :not(.du-bois-light-input-disabled).du-bois-light-input-focused,
+.du-bois-light-form-item-has-error :not(.du-bois-light-input-affix-wrapper-disabled).du-bois-light-input-affix-wrapper-focused {
   border-color: #d9596e;
   border-right-width: 1px !important;
   outline: 0;
@@ -5076,7 +6328,6 @@ a.du-bois-light-btn-sm {
   position: relative;
   display: inline-flex;
   align-items: center;
-  max-width: 100%;
   height: 40px;
   color: rgba(0, 0, 0, 0.85);
   font-size: 14px;
@@ -10501,7 +11752,7 @@ a.du-bois-light-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;
@@ -10786,8 +12037,6 @@ a.du-bois-light-btn-sm {
 .du-bois-light-input-affix-wrapper-disabled {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
-  border-color: #d9d9d9;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -10798,8 +12047,6 @@ a.du-bois-light-btn-sm {
 .du-bois-light-input-affix-wrapper[disabled] {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
-  border-color: #d9d9d9;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -10860,7 +12107,7 @@ textarea.du-bois-light-input-affix-wrapper {
   outline: none;
 }
 .du-bois-light-input-affix-wrapper > input.du-bois-light-input:focus {
-  box-shadow: none !important;
+  box-shadow: none;
 }
 .du-bois-light-input-affix-wrapper::before {
   width: 0;
@@ -10880,7 +12127,7 @@ textarea.du-bois-light-input-affix-wrapper {
   margin-left: 4px;
 }
 .anticon.du-bois-light-input-clear-icon {
-  margin: 0;
+  margin: 0 4px;
   color: rgba(0, 0, 0, 0.25);
   font-size: 12px;
   vertical-align: -1px;
@@ -10896,8 +12143,8 @@ textarea.du-bois-light-input-affix-wrapper {
 .anticon.du-bois-light-input-clear-icon-hidden {
   visibility: hidden;
 }
-.anticon.du-bois-light-input-clear-icon-has-suffix {
-  margin: 0 4px;
+.anticon.du-bois-light-input-clear-icon:last-child {
+  margin-right: 0;
 }
 .du-bois-light-input-affix-wrapper-textarea-with-clear-btn {
   padding: 0 !important;
@@ -10962,8 +12209,6 @@ textarea.du-bois-light-input-affix-wrapper {
 .du-bois-light-input-disabled {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
-  border-color: #d9d9d9;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -10974,8 +12219,6 @@ textarea.du-bois-light-input-affix-wrapper {
 .du-bois-light-input[disabled] {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
-  border-color: #d9d9d9;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -11417,9 +12660,9 @@ textarea.du-bois-light-input {
 .du-bois-light-input-textarea-rtl.du-bois-light-input-textarea-show-count::after {
   text-align: left;
 }
-.du-bois-light-input-affix-wrapper-rtl .du-bois-light-input-clear-icon-has-suffix {
-  margin-right: 0;
-  margin-left: 4px;
+.du-bois-light-input-affix-wrapper-rtl .du-bois-light-input-clear-icon:last-child {
+  margin-right: 4px;
+  margin-left: 0;
 }
 .du-bois-light-input-affix-wrapper-rtl .du-bois-light-input-clear-icon {
   right: auto;
@@ -11846,7 +13089,7 @@ textarea.du-bois-light-input {
 }
 .du-bois-light-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;
@@ -12533,7 +13776,7 @@ textarea.du-bois-light-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);
 }
@@ -12551,7 +13794,7 @@ textarea.du-bois-light-input {
   -webkit-overflow-scrolling: touch;
 }
 .du-bois-light-modal-wrap {
-  z-index: 1000;
+  z-index: calc(var(--dubois-zindex-base, 1000));
 }
 .du-bois-light-modal-title {
   margin: 0;
@@ -12616,7 +13859,7 @@ textarea.du-bois-light-input {
   word-wrap: break-word;
 }
 .du-bois-light-modal-footer {
-  padding: 20px 40px 40px;
+  padding: 0px 0px;
   text-align: right;
   background: transparent;
   border-top: 0px solid #f0f0f0;
@@ -12763,7 +14006,7 @@ textarea.du-bois-light-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-light-notification-topLeft,
@@ -12974,7 +14217,7 @@ textarea.du-bois-light-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;
@@ -15132,8 +16375,6 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
 .du-bois-light-pagination-options-quick-jumper input-disabled {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
-  border-color: #d9d9d9;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -15144,8 +16385,6 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
 .du-bois-light-pagination-options-quick-jumper input[disabled] {
   color: rgba(0, 0, 0, 0.25);
   background-color: #f5f5f5;
-  border-color: #d9d9d9;
-  box-shadow: none;
   cursor: not-allowed;
   opacity: 1;
 }
@@ -15207,405 +16446,157 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
   padding: 0 6px;
   text-align: center;
   background-color: #fff;
-  border: 1px solid #d9d9d9;
-  border-radius: 4px;
-  outline: none;
-  transition: border-color 0.3s;
-}
-.du-bois-light-pagination-simple .du-bois-light-pagination-simple-pager input:hover {
-  border-color: #2272B4;
-}
-.du-bois-light-pagination-simple .du-bois-light-pagination-simple-pager input[disabled] {
-  color: rgba(0, 0, 0, 0.25);
-  background: #f5f5f5;
-  border-color: #d9d9d9;
-  cursor: not-allowed;
-}
-.du-bois-light-pagination.mini .du-bois-light-pagination-total-text,
-.du-bois-light-pagination.mini .du-bois-light-pagination-simple-pager {
-  height: 24px;
-  line-height: 24px;
-}
-.du-bois-light-pagination.mini .du-bois-light-pagination-item {
-  min-width: 24px;
-  height: 24px;
-  margin: 0;
-  line-height: 22px;
-}
-.du-bois-light-pagination.mini .du-bois-light-pagination-item:not(.du-bois-light-pagination-item-active) {
-  background: transparent;
-  border-color: transparent;
-}
-.du-bois-light-pagination.mini .du-bois-light-pagination-prev,
-.du-bois-light-pagination.mini .du-bois-light-pagination-next {
-  min-width: 24px;
-  height: 24px;
-  margin: 0;
-  line-height: 24px;
-}
-.du-bois-light-pagination.mini .du-bois-light-pagination-prev .du-bois-light-pagination-item-link,
-.du-bois-light-pagination.mini .du-bois-light-pagination-next .du-bois-light-pagination-item-link {
-  background: transparent;
-  border-color: transparent;
-}
-.du-bois-light-pagination.mini .du-bois-light-pagination-prev .du-bois-light-pagination-item-link::after,
-.du-bois-light-pagination.mini .du-bois-light-pagination-next .du-bois-light-pagination-item-link::after {
-  height: 24px;
-  line-height: 24px;
-}
-.du-bois-light-pagination.mini .du-bois-light-pagination-jump-prev,
-.du-bois-light-pagination.mini .du-bois-light-pagination-jump-next {
-  height: 24px;
-  margin-right: 0;
-  line-height: 24px;
-}
-.du-bois-light-pagination.mini .du-bois-light-pagination-options {
-  margin-left: 2px;
-}
-.du-bois-light-pagination.mini .du-bois-light-pagination-options-size-changer {
-  top: 0px;
-}
-.du-bois-light-pagination.mini .du-bois-light-pagination-options-quick-jumper {
-  height: 24px;
-  line-height: 24px;
-}
-.du-bois-light-pagination.mini .du-bois-light-pagination-options-quick-jumper input {
-  padding: 4px 3px;
-  width: 44px;
-  height: 32px;
-}
-.du-bois-light-pagination.du-bois-light-pagination-disabled {
-  cursor: not-allowed;
-}
-.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item {
-  background: #f5f5f5;
-  border-color: #d9d9d9;
-  cursor: not-allowed;
-}
-.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item a {
-  color: rgba(0, 0, 0, 0.25);
-  background: transparent;
-  border: none;
-  cursor: not-allowed;
-}
-.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item-active {
-  background: #e6e6e6;
-}
-.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item-active a {
-  color: rgba(0, 0, 0, 0.25);
-}
-.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item-link {
-  color: rgba(0, 0, 0, 0.25);
-  background: #f5f5f5;
-  border-color: #d9d9d9;
-  cursor: not-allowed;
-}
-.du-bois-light-pagination-simple.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item-link {
-  background: transparent;
-}
-.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item-link-icon {
-  opacity: 0;
-}
-.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item-ellipsis {
-  opacity: 1;
-}
-.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-simple-pager {
-  color: rgba(0, 0, 0, 0.25);
-}
-@media only screen and (max-width: 992px) {
-  .du-bois-light-pagination-item-after-jump-prev,
-  .du-bois-light-pagination-item-before-jump-next {
-    display: none;
-  }
-}
-@media only screen and (max-width: 576px) {
-  .du-bois-light-pagination-options {
-    display: none;
-  }
-}
-.du-bois-light-pagination-rtl .du-bois-light-pagination-total-text {
-  margin-right: 0;
-  margin-left: 8px;
-}
-.du-bois-light-pagination-rtl .du-bois-light-pagination-item,
-.du-bois-light-pagination-rtl .du-bois-light-pagination-prev,
-.du-bois-light-pagination-rtl .du-bois-light-pagination-jump-prev,
-.du-bois-light-pagination-rtl .du-bois-light-pagination-jump-next {
-  margin-right: 0;
-  margin-left: 8px;
-}
-.du-bois-light-pagination-rtl .du-bois-light-pagination-slash {
-  margin: 0 5px 0 10px;
-}
-.du-bois-light-pagination-rtl .du-bois-light-pagination-options {
-  margin-right: 16px;
-  margin-left: 0;
-}
-.du-bois-light-pagination-rtl .du-bois-light-pagination-options .du-bois-light-pagination-options-size-changer.du-bois-light-select {
-  margin-right: 0;
-  margin-left: 8px;
-}
-.du-bois-light-pagination-rtl .du-bois-light-pagination-options .du-bois-light-pagination-options-quick-jumper {
-  margin-left: 0;
-}
-.du-bois-light-pagination-rtl.du-bois-light-pagination-simple .du-bois-light-pagination-simple-pager {
-  margin-right: 0;
-  margin-left: 8px;
-}
-.du-bois-light-pagination-rtl.du-bois-light-pagination-simple .du-bois-light-pagination-simple-pager input {
-  margin-right: 0;
-  margin-left: 8px;
-}
-.du-bois-light-pagination-rtl.du-bois-light-pagination.mini .du-bois-light-pagination-options {
-  margin-right: 2px;
-  margin-left: 0;
-}
-/* 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-light-tag {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: #20272E;
-  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: #fafafa;
-  border: 1px solid #d9d9d9;
-  border-radius: 4px;
-  opacity: 1;
-  transition: all 0.3s;
-}
-.du-bois-light-tag,
-.du-bois-light-tag a,
-.du-bois-light-tag a:hover {
-  color: #20272E;
-}
-.du-bois-light-tag > a:first-child:last-child {
-  display: inline-block;
-  margin: 0 -8px;
-  padding: 0 8px;
-}
-.du-bois-light-tag-close-icon {
-  margin-left: 3px;
-  color: #5D7283;
-  font-size: 10px;
-  cursor: pointer;
-  transition: all 0.3s;
-}
-.du-bois-light-tag-close-icon:hover {
-  color: rgba(0, 0, 0, 0.85);
-}
-.du-bois-light-tag-has-color {
-  border-color: transparent;
-}
-.du-bois-light-tag-has-color,
-.du-bois-light-tag-has-color a,
-.du-bois-light-tag-has-color a:hover,
-.du-bois-light-tag-has-color .anticon-close,
-.du-bois-light-tag-has-color .anticon-close:hover {
-  color: #fff;
-}
-.du-bois-light-tag-checkable {
-  background-color: transparent;
-  border-color: transparent;
-  cursor: pointer;
-}
-.du-bois-light-tag-checkable:not(.du-bois-light-tag-checkable-checked):hover {
-  color: #2272B4;
-}
-.du-bois-light-tag-checkable:active,
-.du-bois-light-tag-checkable-checked {
-  color: #fff;
-}
-.du-bois-light-tag-checkable-checked {
-  background-color: #2272B4;
-}
-.du-bois-light-tag-checkable:active {
-  background-color: #14538f;
-}
-.du-bois-light-tag-hidden {
-  display: none;
+  border: 1px solid #d9d9d9;
+  border-radius: 4px;
+  outline: none;
+  transition: border-color 0.3s;
 }
-.du-bois-light-tag-pink {
-  color: #c41d7f;
-  background: #fff0f6;
-  border-color: #ffadd2;
+.du-bois-light-pagination-simple .du-bois-light-pagination-simple-pager input:hover {
+  border-color: #2272B4;
 }
-.du-bois-light-tag-pink-inverse {
-  color: #fff;
-  background: #eb2f96;
-  border-color: #eb2f96;
+.du-bois-light-pagination-simple .du-bois-light-pagination-simple-pager input[disabled] {
+  color: rgba(0, 0, 0, 0.25);
+  background: #f5f5f5;
+  border-color: #d9d9d9;
+  cursor: not-allowed;
 }
-.du-bois-light-tag-magenta {
-  color: #c41d7f;
-  background: #fff0f6;
-  border-color: #ffadd2;
+.du-bois-light-pagination.mini .du-bois-light-pagination-total-text,
+.du-bois-light-pagination.mini .du-bois-light-pagination-simple-pager {
+  height: 24px;
+  line-height: 24px;
 }
-.du-bois-light-tag-magenta-inverse {
-  color: #fff;
-  background: #eb2f96;
-  border-color: #eb2f96;
+.du-bois-light-pagination.mini .du-bois-light-pagination-item {
+  min-width: 24px;
+  height: 24px;
+  margin: 0;
+  line-height: 22px;
 }
-.du-bois-light-tag-red {
-  color: #cf1322;
-  background: #fff1f0;
-  border-color: #ffa39e;
+.du-bois-light-pagination.mini .du-bois-light-pagination-item:not(.du-bois-light-pagination-item-active) {
+  background: transparent;
+  border-color: transparent;
 }
-.du-bois-light-tag-red-inverse {
-  color: #fff;
-  background: #f5222d;
-  border-color: #f5222d;
+.du-bois-light-pagination.mini .du-bois-light-pagination-prev,
+.du-bois-light-pagination.mini .du-bois-light-pagination-next {
+  min-width: 24px;
+  height: 24px;
+  margin: 0;
+  line-height: 24px;
 }
-.du-bois-light-tag-volcano {
-  color: #d4380d;
-  background: #fff2e8;
-  border-color: #ffbb96;
+.du-bois-light-pagination.mini .du-bois-light-pagination-prev .du-bois-light-pagination-item-link,
+.du-bois-light-pagination.mini .du-bois-light-pagination-next .du-bois-light-pagination-item-link {
+  background: transparent;
+  border-color: transparent;
 }
-.du-bois-light-tag-volcano-inverse {
-  color: #fff;
-  background: #fa541c;
-  border-color: #fa541c;
+.du-bois-light-pagination.mini .du-bois-light-pagination-prev .du-bois-light-pagination-item-link::after,
+.du-bois-light-pagination.mini .du-bois-light-pagination-next .du-bois-light-pagination-item-link::after {
+  height: 24px;
+  line-height: 24px;
 }
-.du-bois-light-tag-orange {
-  color: #d46b08;
-  background: #fff7e6;
-  border-color: #ffd591;
+.du-bois-light-pagination.mini .du-bois-light-pagination-jump-prev,
+.du-bois-light-pagination.mini .du-bois-light-pagination-jump-next {
+  height: 24px;
+  margin-right: 0;
+  line-height: 24px;
 }
-.du-bois-light-tag-orange-inverse {
-  color: #fff;
-  background: #fa8c16;
-  border-color: #fa8c16;
+.du-bois-light-pagination.mini .du-bois-light-pagination-options {
+  margin-left: 2px;
 }
-.du-bois-light-tag-yellow {
-  color: #d4b106;
-  background: #feffe6;
-  border-color: #fffb8f;
+.du-bois-light-pagination.mini .du-bois-light-pagination-options-size-changer {
+  top: 0px;
 }
-.du-bois-light-tag-yellow-inverse {
-  color: #fff;
-  background: #fadb14;
-  border-color: #fadb14;
+.du-bois-light-pagination.mini .du-bois-light-pagination-options-quick-jumper {
+  height: 24px;
+  line-height: 24px;
 }
-.du-bois-light-tag-gold {
-  color: #d48806;
-  background: #fffbe6;
-  border-color: #ffe58f;
+.du-bois-light-pagination.mini .du-bois-light-pagination-options-quick-jumper input {
+  padding: 4px 3px;
+  width: 44px;
+  height: 32px;
 }
-.du-bois-light-tag-gold-inverse {
-  color: #fff;
-  background: #faad14;
-  border-color: #faad14;
+.du-bois-light-pagination.du-bois-light-pagination-disabled {
+  cursor: not-allowed;
 }
-.du-bois-light-tag-cyan {
-  color: #08979c;
-  background: #e6fffb;
-  border-color: #87e8de;
+.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item {
+  background: #f5f5f5;
+  border-color: #d9d9d9;
+  cursor: not-allowed;
 }
-.du-bois-light-tag-cyan-inverse {
-  color: #fff;
-  background: #13c2c2;
-  border-color: #13c2c2;
+.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item a {
+  color: rgba(0, 0, 0, 0.25);
+  background: transparent;
+  border: none;
+  cursor: not-allowed;
 }
-.du-bois-light-tag-lime {
-  color: #7cb305;
-  background: #fcffe6;
-  border-color: #eaff8f;
+.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item-active {
+  background: #e6e6e6;
 }
-.du-bois-light-tag-lime-inverse {
-  color: #fff;
-  background: #a0d911;
-  border-color: #a0d911;
+.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item-active a {
+  color: rgba(0, 0, 0, 0.25);
 }
-.du-bois-light-tag-green {
-  color: #389e0d;
-  background: #f6ffed;
-  border-color: #b7eb8f;
+.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item-link {
+  color: rgba(0, 0, 0, 0.25);
+  background: #f5f5f5;
+  border-color: #d9d9d9;
+  cursor: not-allowed;
 }
-.du-bois-light-tag-green-inverse {
-  color: #fff;
-  background: #52c41a;
-  border-color: #52c41a;
+.du-bois-light-pagination-simple.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item-link {
+  background: transparent;
 }
-.du-bois-light-tag-blue {
-  color: #096dd9;
-  background: #e6f7ff;
-  border-color: #91d5ff;
+.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item-link-icon {
+  opacity: 0;
 }
-.du-bois-light-tag-blue-inverse {
-  color: #fff;
-  background: #1890ff;
-  border-color: #1890ff;
+.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-item-ellipsis {
+  opacity: 1;
 }
-.du-bois-light-tag-geekblue {
-  color: #1d39c4;
-  background: #f0f5ff;
-  border-color: #adc6ff;
+.du-bois-light-pagination.du-bois-light-pagination-disabled .du-bois-light-pagination-simple-pager {
+  color: rgba(0, 0, 0, 0.25);
 }
-.du-bois-light-tag-geekblue-inverse {
-  color: #fff;
-  background: #2f54eb;
-  border-color: #2f54eb;
+@media only screen and (max-width: 992px) {
+  .du-bois-light-pagination-item-after-jump-prev,
+  .du-bois-light-pagination-item-before-jump-next {
+    display: none;
+  }
 }
-.du-bois-light-tag-purple {
-  color: #531dab;
-  background: #f9f0ff;
-  border-color: #d3adf7;
+@media only screen and (max-width: 576px) {
+  .du-bois-light-pagination-options {
+    display: none;
+  }
 }
-.du-bois-light-tag-purple-inverse {
-  color: #fff;
-  background: #722ed1;
-  border-color: #722ed1;
+.du-bois-light-pagination-rtl .du-bois-light-pagination-total-text {
+  margin-right: 0;
+  margin-left: 8px;
 }
-.du-bois-light-tag-success {
-  color: #52c41a;
-  background: #f6ffed;
-  border-color: #b7eb8f;
+.du-bois-light-pagination-rtl .du-bois-light-pagination-item,
+.du-bois-light-pagination-rtl .du-bois-light-pagination-prev,
+.du-bois-light-pagination-rtl .du-bois-light-pagination-jump-prev,
+.du-bois-light-pagination-rtl .du-bois-light-pagination-jump-next {
+  margin-right: 0;
+  margin-left: 8px;
 }
-.du-bois-light-tag-processing {
-  color: #1890ff;
-  background: #e6f7ff;
-  border-color: #91d5ff;
+.du-bois-light-pagination-rtl .du-bois-light-pagination-slash {
+  margin: 0 5px 0 10px;
 }
-.du-bois-light-tag-error {
-  color: #f5222d;
-  background: #fff1f0;
-  border-color: #ffa39e;
+.du-bois-light-pagination-rtl .du-bois-light-pagination-options {
+  margin-right: 16px;
+  margin-left: 0;
 }
-.du-bois-light-tag-warning {
-  color: #fa8c16;
-  background: #fff7e6;
-  border-color: #ffd591;
+.du-bois-light-pagination-rtl .du-bois-light-pagination-options .du-bois-light-pagination-options-size-changer.du-bois-light-select {
+  margin-right: 0;
+  margin-left: 8px;
 }
-.du-bois-light-tag > .anticon + span,
-.du-bois-light-tag > span + .anticon {
-  margin-left: 7px;
+.du-bois-light-pagination-rtl .du-bois-light-pagination-options .du-bois-light-pagination-options-quick-jumper {
+  margin-left: 0;
 }
-.du-bois-light-tag.du-bois-light-tag-rtl {
+.du-bois-light-pagination-rtl.du-bois-light-pagination-simple .du-bois-light-pagination-simple-pager {
   margin-right: 0;
   margin-left: 8px;
-  direction: rtl;
-  text-align: right;
 }
-.du-bois-light-tag-rtl .du-bois-light-tag-close-icon {
-  margin-right: 3px;
-  margin-left: 0;
+.du-bois-light-pagination-rtl.du-bois-light-pagination-simple .du-bois-light-pagination-simple-pager input {
+  margin-right: 0;
+  margin-left: 8px;
 }
-.du-bois-light-tag-rtl.du-bois-light-tag > .anticon + span,
-.du-bois-light-tag-rtl.du-bois-light-tag > span + .anticon {
-  margin-right: 7px;
+.du-bois-light-pagination-rtl.du-bois-light-pagination.mini .du-bois-light-pagination-options {
+  margin-right: 2px;
   margin-left: 0;
 }
@@ -15663,15 +16654,8 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
 .du-bois-light-tabs-rtl.du-bois-light-tabs-card.du-bois-light-tabs-bottom > .du-bois-light-tabs-nav .du-bois-light-tabs-tab + .du-bois-light-tabs-tab,
 .du-bois-light-tabs-rtl.du-bois-light-tabs-card.du-bois-light-tabs-top > div > .du-bois-light-tabs-nav .du-bois-light-tabs-tab + .du-bois-light-tabs-tab,
 .du-bois-light-tabs-rtl.du-bois-light-tabs-card.du-bois-light-tabs-bottom > div > .du-bois-light-tabs-nav .du-bois-light-tabs-tab + .du-bois-light-tabs-tab {
-  margin-right: 2px;
-  margin-left: 0;
-}
-.du-bois-light-tabs-rtl.du-bois-light-tabs-card.du-bois-light-tabs-top > .du-bois-light-tabs-nav .du-bois-light-tabs-nav-add,
-.du-bois-light-tabs-rtl.du-bois-light-tabs-card.du-bois-light-tabs-bottom > .du-bois-light-tabs-nav .du-bois-light-tabs-nav-add,
-.du-bois-light-tabs-rtl.du-bois-light-tabs-card.du-bois-light-tabs-top > div > .du-bois-light-tabs-nav .du-bois-light-tabs-nav-add,
-.du-bois-light-tabs-rtl.du-bois-light-tabs-card.du-bois-light-tabs-bottom > div > .du-bois-light-tabs-nav .du-bois-light-tabs-nav-add {
-  margin-right: 2px;
-  margin-left: 0;
+  margin-right: 0;
+  margin-left: 2px;
 }
 .du-bois-light-tabs-dropdown-rtl {
   direction: rtl;
@@ -15906,7 +16890,7 @@ textarea.du-bois-light-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-light-tabs-dropdown-hidden {
@@ -16089,7 +17073,6 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
 .du-bois-light-tabs > .du-bois-light-tabs-nav .du-bois-light-tabs-nav-add,
 .du-bois-light-tabs > div > .du-bois-light-tabs-nav .du-bois-light-tabs-nav-add {
   min-width: 40px;
-  margin-left: 2px;
   padding: 0 4px;
   background: #fafafa;
   border: 1px solid #f0f0f0;
@@ -16319,7 +17302,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
 .du-bois-light-tree-checkbox-inner::after {
   position: absolute;
   top: 50%;
-  left: 21.5%;
+  left: 22%;
   display: table;
   width: 5.71428571px;
   height: 9.14285714px;
@@ -16805,7 +17788,6 @@ h5.du-bois-light-typography,
 a.du-bois-light-typography-ellipsis,
 span.du-bois-light-typography-ellipsis {
   display: inline-block;
-  max-width: 100%;
 }
 a.du-bois-light-typography,
 .du-bois-light-typography a {