rsuite 5.76.0 → 6.0.0-canary-20241227

package/Stat/styles/index.css

@@ -1,3 +1,8 @@
+/**
+  * Map mixin
+  * @param {string} @size-name - The size name
+  * @param {string} @suffix - The suffix
+  */
 :root,
 .rs-theme-light {
   --rs-gray-0: #fff;
@@ -388,42 +393,29 @@
 }
 /* stylelint-disable */
 *[class*='rs-'] {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 *[class*='rs-']::before,
 *[class*='rs-']::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 .rs-btn {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
   margin-bottom: 0;
   font-weight: normal;
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
   white-space: nowrap;
-  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
   transition: color 0.15s ease-out, background-color 0.15s ease-out;
-  border: none;
   border: var(--rs-btn-default-border, none);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   text-decoration: none;
-  color: #343434;
   color: var(--rs-btn-default-text);
-  background-color: #f7f7fa;
   background-color: var(--rs-btn-default-bg);
   border-radius: 6px;
   font-size: 14px;
@@ -433,7 +425,6 @@
   position: relative;
 }
 .rs-theme-high-contrast .rs-btn {
-  -webkit-transition: none;
   transition: none;
 }
 .rs-btn-ghost.rs-btn {
@@ -459,7 +450,6 @@
 }
 .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-left > .rs-icon {
   left: 0;
-  border-right: none;
   border-right: var(--rs-btn-default-border, none);
 }
 .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right {
@@ -467,11 +457,9 @@
 }
 .rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-right > .rs-icon {
   right: 0;
-  border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn:focus-visible {
-  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
 .rs-theme-high-contrast .rs-btn:focus-visible {
@@ -480,30 +468,25 @@
 .rs-btn:hover,
 .rs-btn:focus {
   color: var(--rs-btn-default-hover-text);
-  background-color: #e5e5ea;
   background-color: var(--rs-btn-default-hover-bg);
   text-decoration: none;
 }
 .rs-btn:active,
 .rs-btn.rs-btn-active {
-  color: #121212;
   color: var(--rs-btn-default-active-text);
-  background-color: #d9d9d9;
   background-color: var(--rs-btn-default-active-bg);
 }
 .rs-btn:disabled,
 .rs-btn.rs-btn-disabled {
   cursor: not-allowed;
-  color: #717273;
   color: var(--rs-btn-default-disabled-text);
-  background-color: #f7f7fa;
   background-color: var(--rs-btn-default-disabled-bg);
 }
 .rs-theme-high-contrast .rs-btn:disabled,
 .rs-theme-high-contrast .rs-btn.rs-btn-disabled {
   border-color: var(--rs-btn-default-disabled-boreder-color);
 }
-@media not all and (min-resolution: 0.001dpcm) {
+@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
   .rs-btn {
     /* stylelint-disable */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
@@ -519,31 +502,23 @@
   margin-left: 5px;
 }
 .rs-btn-primary {
-  color: #fff;
   color: var(--rs-btn-primary-text);
-  background-color: #3498ff;
   background-color: var(--rs-btn-primary-bg);
   border: none;
 }
 .rs-btn-primary:hover,
 .rs-btn-primary:focus {
-  color: #fff;
   color: var(--rs-btn-primary-text);
-  background-color: #2589f5;
   background-color: var(--rs-btn-primary-hover-bg);
 }
 .rs-btn-primary:active,
 .rs-btn-primary.rs-btn-active {
-  color: #fff;
   color: var(--rs-btn-primary-text);
-  background-color: #1675e0;
   background-color: var(--rs-btn-primary-active-bg);
 }
 .rs-btn-primary:disabled,
 .rs-btn-primary.rs-btn-disabled {
-  color: #fff;
   color: var(--rs-btn-primary-text);
-  background-color: #3498ff;
   background-color: var(--rs-btn-primary-bg);
   opacity: 0.3;
 }
@@ -552,28 +527,22 @@
   border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-subtle {
-  color: #343434;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
 }
 .rs-btn-subtle:hover,
 .rs-btn-subtle:focus {
-  color: #343434;
   color: var(--rs-btn-subtle-hover-text);
-  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-btn-subtle:active,
 .rs-btn-subtle.rs-btn-active {
-  color: #121212;
   color: var(--rs-btn-subtle-active-text);
-  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-active-bg);
 }
 .rs-btn-subtle:disabled,
 .rs-btn-subtle.rs-btn-disabled {
-  color: #b6b7b8;
   color: var(--rs-btn-subtle-disabled-text);
   background: none;
 }
@@ -582,27 +551,23 @@
   border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-link {
-  color: #1675e0;
   color: var(--rs-btn-link-text);
   background-color: transparent;
   border: none;
 }
 .rs-btn-link:hover,
 .rs-btn-link:focus {
-  color: #0a5dc2;
   color: var(--rs-btn-link-hover-text);
   background-color: transparent;
   text-decoration: underline;
 }
 .rs-btn-link:active,
 .rs-btn-link.rs-btn-active {
-  color: #004299;
   color: var(--rs-btn-link-active-text);
   background-color: transparent;
 }
 .rs-btn-link:disabled,
 .rs-btn-link.rs-btn-disabled {
-  color: #0a5dc2;
   color: var(--rs-btn-link-hover-text);
   background-color: transparent;
   text-decoration: none;
@@ -613,42 +578,30 @@
   border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-ghost {
-  color: #1675e0;
   color: var(--rs-btn-ghost-text);
   background-color: transparent;
-  border: 1px solid #1675e0;
   border: 1px solid var(--rs-btn-ghost-border);
 }
 .rs-btn-ghost:hover,
 .rs-btn-ghost:focus {
-  color: #0a5dc2;
   color: var(--rs-btn-ghost-hover-text);
   background-color: transparent;
-  border-color: #0a5dc2;
   border-color: var(--rs-btn-ghost-hover-border);
-  -webkit-box-shadow: 0 0 0 1px #0a5dc2;
-  -webkit-box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
-          box-shadow: 0 0 0 1px #0a5dc2;
-          box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
+  box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
 }
 .rs-btn-ghost:active,
 .rs-btn-ghost.rs-btn-active {
-  color: #004299;
   color: var(--rs-btn-ghost-active-text);
   background-color: transparent;
-  border-color: #004299;
   border-color: var(--rs-btn-ghost-active-border);
 }
 .rs-btn-ghost:disabled,
 .rs-btn-ghost.rs-btn-disabled {
-  color: #1675e0;
   color: var(--rs-btn-ghost-text);
   background-color: transparent;
   opacity: 0.3;
-  border-color: #1675e0;
   border-color: var(--rs-btn-ghost-border);
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 .rs-theme-high-contrast .rs-btn-ghost:disabled,
 .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled {
@@ -1102,7 +1055,6 @@
 }
 .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-left > .rs-icon {
   left: 0;
-  border-right: none;
   border-right: var(--rs-btn-default-border, none);
 }
 .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right {
@@ -1110,7 +1062,6 @@
 }
 .rs-btn-icon-with-text.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
   right: 0;
-  border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-md {
@@ -1141,7 +1092,6 @@
 }
 .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-left > .rs-icon {
   left: 0;
-  border-right: none;
   border-right: var(--rs-btn-default-border, none);
 }
 .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right {
@@ -1149,7 +1099,6 @@
 }
 .rs-btn-icon-with-text.rs-btn-md.rs-btn-icon-placement-right > .rs-icon {
   right: 0;
-  border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-sm {
@@ -1180,7 +1129,6 @@
 }
 .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-left > .rs-icon {
   left: 0;
-  border-right: none;
   border-right: var(--rs-btn-default-border, none);
 }
 .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right {
@@ -1188,7 +1136,6 @@
 }
 .rs-btn-icon-with-text.rs-btn-sm.rs-btn-icon-placement-right > .rs-icon {
   right: 0;
-  border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-xs {
@@ -1219,7 +1166,6 @@
 }
 .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-left > .rs-icon {
   left: 0;
-  border-right: none;
   border-right: var(--rs-btn-default-border, none);
 }
 .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right {
@@ -1227,7 +1173,6 @@
 }
 .rs-btn-icon-with-text.rs-btn-xs.rs-btn-icon-placement-right > .rs-icon {
   right: 0;
-  border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-btn-block {
@@ -1262,49 +1207,32 @@
   height: 16px;
 }
 .rs-btn-loading > .rs-btn-spin::before {
-  border: 3px solid rgb(from #f7f7fa r g b / 80%);
   border: 3px solid var(--rs-loader-ring);
 }
 .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
   border-color: rgba(248, 247, 250, 0.3);
 }
 .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
-  border-color: rgb(from #f7f7fa r g b / 30%);
   border-color: var(--rs-loader-ring-inverse);
 }
 .rs-btn-loading > .rs-btn-spin::after {
   border-width: 3px;
-  border-color: #939393 transparent transparent;
   border-color: var(--rs-loader-rotor) transparent transparent;
   border-style: solid;
-  -webkit-animation: buttonSpin 0.6s infinite linear;
-          animation: buttonSpin 0.6s infinite linear;
+  animation: buttonSpin 0.6s infinite linear;
 }
 .rs-btn-primary.rs-btn-loading > .rs-btn-spin::after {
   border-top-color: #fff;
 }
 .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::after {
-  border-top-color: #fff;
   border-top-color: var(--rs-loader-rotor-inverse);
 }
-@-webkit-keyframes buttonSpin {
-  from {
-    -webkit-transform: rotate(0);
-            transform: rotate(0);
-  }
-  to {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
 @keyframes buttonSpin {
   from {
-    -webkit-transform: rotate(0);
-            transform: rotate(0);
+    transform: rotate(0);
   }
   to {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
+    transform: rotate(360deg);
   }
 }
 .rs-btn-icon > .rs-icon {
@@ -1314,24 +1242,19 @@
   position: absolute;
   top: 0;
   display: block;
-  background-color: #f2f2f5;
   background-color: var(--rs-iconbtn-addon);
-  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
   transition: color 0.15s ease-out, background-color 0.15s ease-out;
 }
 .rs-btn-icon-with-text:hover > .rs-icon,
 .rs-btn-icon-with-text:focus > .rs-icon {
-  background-color: #d9d9d9;
   background-color: var(--rs-iconbtn-activated-addon);
 }
 .rs-btn-icon-with-text:active > .rs-icon,
 .rs-btn-icon-with-text.rs-btn-active > .rs-icon {
-  background-color: #b6b7b8;
   background-color: var(--rs-iconbtn-pressed-addon);
 }
 .rs-btn-icon-with-text:disabled > .rs-icon,
 .rs-btn-icon-with-text.rs-btn-disabled > .rs-icon {
-  background-color: #f2f2f5;
   background-color: var(--rs-iconbtn-addon);
 }
 .rs-theme-high-contrast .rs-btn-icon-with-text:disabled,
@@ -1339,22 +1262,18 @@
   border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-icon-with-text.rs-btn-primary > .rs-icon {
-  background-color: #2589f5;
   background-color: var(--rs-iconbtn-primary-addon);
 }
 .rs-btn-icon-with-text.rs-btn-primary:hover > .rs-icon,
 .rs-btn-icon-with-text.rs-btn-primary:focus > .rs-icon {
-  background-color: #1675e0;
   background-color: var(--rs-iconbtn-primary-activated-addon);
 }
 .rs-btn-icon-with-text.rs-btn-primary:active > .rs-icon,
 .rs-btn-icon-with-text.rs-btn-primary.rs-btn-active > .rs-icon {
-  background-color: #0a5dc2;
   background-color: var(--rs-iconbtn-primary-pressed-addon);
 }
 .rs-btn-icon-with-text.rs-btn-primary:disabled > .rs-icon,
 .rs-btn-icon-with-text.rs-btn-primary.rs-btn-disabled > .rs-icon {
-  background-color: #2589f5;
   background-color: var(--rs-iconbtn-primary-addon);
 }
 .rs-theme-high-contrast .rs-btn-icon-with-text.rs-btn-primary:disabled,
@@ -1375,25 +1294,17 @@
   line-height: 1.66666667;
   max-width: 250px;
   padding: 2px 10px;
-  color: #fff;
   color: var(--rs-tooltip-text);
-  background-color: #121212;
   background-color: var(--rs-tooltip-bg);
   border-radius: 4px;
   overflow-wrap: break-word;
 }
 .rs-tooltip.rs-anim-fade {
-  -webkit-transition: opacity 0.1s linear, -webkit-transform 0.1s ease-out;
-  transition: opacity 0.1s linear, -webkit-transform 0.1s ease-out;
   transition: opacity 0.1s linear, transform 0.1s ease-out;
-  transition: opacity 0.1s linear, transform 0.1s ease-out, -webkit-transform 0.1s ease-out;
 }
 .rs-tooltip.rs-anim-in {
   opacity: 1;
-  -webkit-transition: opacity 0.15s linear, -webkit-transform 0.15s ease-in;
-  transition: opacity 0.15s linear, -webkit-transform 0.15s ease-in;
   transition: opacity 0.15s linear, transform 0.15s ease-in;
-  transition: opacity 0.15s linear, transform 0.15s ease-in, -webkit-transform 0.15s ease-in;
 }
 .rs-tooltip-arrow::before,
 .rs-tooltip-arrow::after {
@@ -1409,7 +1320,6 @@
   display: none;
 }
 .rs-theme-high-contrast .rs-tooltip {
-  border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-border-primary);
 }
 .rs-theme-high-contrast .rs-tooltip-arrow::before {
@@ -1417,173 +1327,81 @@
 }
 .rs-tooltip[class*='placement-top'] {
   margin-top: -8px;
-  -webkit-transform: translate(0, 0);
-          transform: translate(0, 0);
+  transform: translate(0, 0);
 }
 .rs-tooltip[class*='placement-top'].rs-anim-in {
-  -webkit-transform: translate(0, -2px);
-          transform: translate(0, -2px);
+  transform: translate(0, -2px);
 }
 .rs-tooltip[class*='placement-top']::after {
   bottom: -6px;
   margin-left: -6px;
   border-width: 6px 6px 0;
-  border-top-color: #121212;
   border-top-color: var(--rs-tooltip-bg);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-tooltip[class*='placement-top']::after {
-    bottom: -7px;
-  }
-}
-@supports (-ms-ime-align: auto) {
-  .rs-tooltip[class*='placement-top']::after {
-    bottom: -7px;
-  }
-}
 .rs-theme-high-contrast .rs-tooltip[class*='placement-top']::before {
   bottom: -7px;
   margin-left: -7px;
   border-width: 7px 7px 0;
   border-top-color: var(--rs-tooltip-border);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-theme-high-contrast .rs-tooltip[class*='placement-top']::before {
-    bottom: -8px;
-  }
-}
-@supports (-ms-ime-align: auto) {
-  .rs-theme-high-contrast .rs-tooltip[class*='placement-top']::before {
-    bottom: -8px;
-  }
-}
 .rs-tooltip[class*='placement-bottom'] {
   margin-top: 8px;
-  -webkit-transform: translate(0, 0);
-          transform: translate(0, 0);
+  transform: translate(0, 0);
 }
 .rs-tooltip[class*='placement-bottom'].rs-anim-in {
-  -webkit-transform: translate(0, 2px);
-          transform: translate(0, 2px);
+  transform: translate(0, 2px);
 }
 .rs-tooltip[class*='placement-bottom']::after {
   top: -6px;
   margin-left: -6px;
   border-width: 0 6px 6px;
-  border-bottom-color: #121212;
   border-bottom-color: var(--rs-tooltip-bg);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-tooltip[class*='placement-bottom']::after {
-    top: -7px;
-  }
-}
-@supports (-ms-ime-align: auto) {
-  .rs-tooltip[class*='placement-bottom']::after {
-    top: -7px;
-  }
-}
 .rs-theme-high-contrast .rs-tooltip[class*='placement-bottom']::before {
   top: -7px;
   margin-left: -7px;
   border-width: 0 7px 7px;
   border-bottom-color: var(--rs-tooltip-border);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-theme-high-contrast .rs-tooltip[class*='placement-bottom']::before {
-    top: -8px;
-  }
-}
-@supports (-ms-ime-align: auto) {
-  .rs-theme-high-contrast .rs-tooltip[class*='placement-bottom']::before {
-    top: -8px;
-  }
-}
 /* rtl:begin:ignore */
 .rs-tooltip[class*='placement-right'] {
   margin-left: 8px;
-  -webkit-transform: translate(0, 0);
-          transform: translate(0, 0);
+  transform: translate(0, 0);
 }
 .rs-tooltip[class*='placement-right'].rs-anim-in {
-  -webkit-transform: translate(2px, 0);
-          transform: translate(2px, 0);
+  transform: translate(2px, 0);
 }
 .rs-tooltip[class*='placement-right']::after {
   left: -6px;
   margin-top: -6px;
   border-width: 6px 6px 6px 0;
-  border-right-color: #121212;
   border-right-color: var(--rs-tooltip-bg);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-tooltip[class*='placement-right']::after {
-    left: -7px;
-  }
-}
-@supports (-ms-ime-align: auto) {
-  .rs-tooltip[class*='placement-right']::after {
-    left: -7px;
-  }
-}
 .rs-theme-high-contrast .rs-tooltip[class*='placement-right']::before {
   left: -7px;
   margin-top: -7px;
   border-width: 7px 7px 7px 0;
   border-right-color: var(--rs-tooltip-border);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-theme-high-contrast .rs-tooltip[class*='placement-right']::before {
-    left: -8px;
-  }
-}
-@supports (-ms-ime-align: auto) {
-  .rs-theme-high-contrast .rs-tooltip[class*='placement-right']::before {
-    left: -8px;
-  }
-}
 .rs-tooltip[class*='placement-left'] {
   margin-left: -8px;
-  -webkit-transform: translate(0, 0);
-          transform: translate(0, 0);
+  transform: translate(0, 0);
 }
 .rs-tooltip[class*='placement-left'].rs-anim-in {
-  -webkit-transform: translate(-2px, 0);
-          transform: translate(-2px, 0);
+  transform: translate(-2px, 0);
 }
 .rs-tooltip[class*='placement-left']::after {
   right: -6px;
   margin-top: -6px;
   border-width: 6px 0 6px 6px;
-  border-left-color: #121212;
   border-left-color: var(--rs-tooltip-bg);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-tooltip[class*='placement-left']::after {
-    right: -7px;
-  }
-}
-@supports (-ms-ime-align: auto) {
-  .rs-tooltip[class*='placement-left']::after {
-    right: -7px;
-  }
-}
 .rs-theme-high-contrast .rs-tooltip[class*='placement-left']::before {
   right: -7px;
   margin-top: -7px;
   border-width: 7px 0 7px 7px;
   border-left-color: var(--rs-tooltip-border);
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-theme-high-contrast .rs-tooltip[class*='placement-left']::before {
-    right: -8px;
-  }
-}
-@supports (-ms-ime-align: auto) {
-  .rs-theme-high-contrast .rs-tooltip[class*='placement-left']::before {
-    right: -8px;
-  }
-}
 /* rtl:end:ignore */
 .rs-tooltip.placement-bottom::before,
 .rs-tooltip.placement-top::before,
@@ -1626,57 +1444,35 @@
   bottom: 4px;
 }
 .rs-stat {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   gap: 10px;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 .rs-stat-icon {
   width: 50px;
   height: 50px;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  align-items: center;
+  justify-content: center;
   border-radius: 6px;
 }
 .rs-stat-body {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
   gap: 8px;
   width: 100%;
   margin: 0;
 }
 .rs-stat-bordered {
-  border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-border-primary);
-  background-color: #fff;
   background-color: var(--rs-stat-body-bg);
   border-radius: 6px;
   padding: 16px;
 }
 .rs-stat-label {
   font-weight: 100;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  color: #717273;
+  align-items: center;
   color: var(--rs-text-secondary);
   gap: 6px;
 }
@@ -1684,13 +1480,9 @@
   text-transform: uppercase;
 }
 .rs-stat-value {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   gap: 4px;
-  -webkit-box-align: baseline;
-      -ms-flex-align: baseline;
-          align-items: baseline;
+  align-items: baseline;
   font-size: 24px;
   font-weight: 600;
   line-height: 1;
@@ -1701,12 +1493,8 @@
   font-weight: 400;
 }
 .rs-stat-trend {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   gap: 2px;
   border-radius: 4px;
   font-weight: 600;
@@ -1714,34 +1502,27 @@
   line-height: 1;
 }
 .rs-stat-trend-up {
-  color: #007d0c;
   color: var(--rs-green-900);
 }
 .rs-stat-trend-down {
-  color: #8f1300;
   color: var(--rs-red-900);
 }
 .rs-stat-trend-default {
   padding: 2px 6px;
 }
 .rs-stat-trend-default.rs-stat-trend-up {
-  background-color: #c8f0c7;
   background-color: var(--rs-green-100);
 }
 .rs-stat-trend-default.rs-stat-trend-down {
-  background-color: #fccfcf;
   background-color: var(--rs-red-100);
 }
 .rs-stat-trend-subtle.rs-stat-trend-up {
-  color: #37ab3c;
   color: var(--rs-green-600);
 }
 .rs-stat-trend-subtle.rs-stat-trend-down {
-  color: #eb3626;
   color: var(--rs-red-600);
 }
 .rs-stat-help-text {
-  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-stat .rs-progress-line {