rsuite 5.75.0 → 6.0.0-canary-20241227

package/Pagination/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;
@@ -431,42 +436,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;
@@ -476,7 +468,6 @@
   position: relative;
 }
 .rs-theme-high-contrast .rs-btn {
-  -webkit-transition: none;
   transition: none;
 }
 .rs-btn-ghost.rs-btn {
@@ -502,7 +493,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 {
@@ -510,11 +500,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 {
@@ -523,30 +511,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);
@@ -562,31 +545,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;
 }
@@ -595,28 +570,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;
 }
@@ -625,27 +594,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;
@@ -656,42 +621,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 {
@@ -1103,7 +1056,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 {
@@ -1111,7 +1063,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 {
@@ -1142,7 +1093,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 {
@@ -1150,7 +1100,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 {
@@ -1181,7 +1130,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 {
@@ -1189,7 +1137,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 {
@@ -1220,7 +1167,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 {
@@ -1228,7 +1174,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 {
@@ -1263,53 +1208,35 @@
   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-divider {
-  background-color: #e5e5ea;
   background-color: var(--rs-divider-border);
 }
 .rs-divider-vertical {
@@ -1326,60 +1253,25 @@
   margin: 24px 0;
 }
 .rs-divider-horizontal.rs-divider-with-text {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  flex-direction: row;
+  align-items: center;
   background: transparent;
   margin: 30px 0;
 }
 .rs-divider-horizontal.rs-divider-with-text::before,
 .rs-divider-horizontal.rs-divider-with-text::after {
   content: '';
-  -webkit-box-flex: 1;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  border-top: 1px solid #e5e5ea;
+  flex: 1 1 auto;
   border-top: 1px solid var(--rs-divider-border);
 }
 .rs-divider-inner-text {
   padding: 0 12px;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
+  flex: 0 0 auto;
 }
 .rs-stack {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
 }
-.rs-btn-close {
-  border: none;
-  outline: none !important;
-  background: transparent;
-  line-height: 1;
-  cursor: pointer;
-}
-.rs-btn-close .rs-icon {
-  vertical-align: bottom;
-}
-.rs-btn-close:hover,
-.rs-btn-close:focus {
-  color: #f44336;
-  color: var(--rs-close-button-hover-color);
-}
-.rs-btn-close:hover svg path,
-.rs-btn-close:focus svg path {
-  stroke: #f44336;
-  stroke: var(--rs-close-button-hover-color);
-  stroke-width: 1;
-}
 .rs-loader {
   display: inline-block;
 }
@@ -1425,16 +1317,13 @@
   border-radius: 50%;
 }
 .rs-loader-spin::before {
-  border: 3px solid rgb(from #f7f7fa r g b / 80%);
   border: 3px solid var(--rs-loader-ring);
 }
 .rs-loader-spin::after {
   border-width: 3px;
   border-style: solid;
-  border-color: #939393 transparent transparent;
   border-color: var(--rs-loader-rotor) transparent transparent;
-  -webkit-animation: loaderSpin 0.6s infinite linear;
-          animation: loaderSpin 0.6s infinite linear;
+  animation: loaderSpin 0.6s infinite linear;
 }
 .rs-loader-content {
   float: left;
@@ -1452,7 +1341,6 @@
   left: 0;
   width: 100%;
   height: 100%;
-  background: rgb(from #fff r g b / 90%);
   background: var(--rs-loader-backdrop);
 }
 .rs-loader-vertical {
@@ -1460,10 +1348,7 @@
   display: inline-block;
 }
 .rs-loader-vertical .rs-loader {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
 }
 .rs-loader-vertical .rs-loader-spin {
   margin: 0 auto;
@@ -1482,36 +1367,28 @@
   margin-top: 10px;
 }
 .rs-loader-inverse .rs-loader-content {
-  color: #f7f7fa;
   color: var(--rs-text-inverse);
 }
 .rs-loader-inverse .rs-loader-backdrop {
-  background: rgb(from #121212 r g b / 83%);
   background: var(--rs-loader-backdrop-inverse);
 }
 .rs-loader-inverse .rs-loader-spin::before {
-  border-color: rgb(from #f7f7fa r g b / 30%);
   border-color: var(--rs-loader-ring-inverse);
 }
 .rs-loader-inverse .rs-loader-spin::after {
-  border-top-color: #fff;
   border-top-color: var(--rs-loader-rotor-inverse);
 }
 .rs-loader-speed-fast .rs-loader-spin::after {
-  -webkit-animation-duration: 0.4s;
-          animation-duration: 0.4s;
+  animation-duration: 0.4s;
 }
 .rs-loader-speed-normal .rs-loader-spin::after {
-  -webkit-animation-duration: 0.6s;
-          animation-duration: 0.6s;
+  animation-duration: 0.6s;
 }
 .rs-loader-speed-slow .rs-loader-spin::after {
-  -webkit-animation-duration: 0.8s;
-          animation-duration: 0.8s;
+  animation-duration: 0.8s;
 }
 .rs-loader-speed-paused .rs-loader-spin::after {
-  -webkit-animation-play-state: paused;
-          animation-play-state: paused;
+  animation-play-state: paused;
 }
 .rs-loader-center,
 .rs-loader-backdrop-wrapper {
@@ -1526,35 +1403,21 @@
 }
 .rs-loader-center .rs-loader,
 .rs-loader-backdrop-wrapper .rs-loader {
-  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;
   width: 100%;
   height: 100%;
 }
 .rs-loader-center:not(.rs-loader-vertical) .rs-loader,
 .rs-loader-backdrop-wrapper:not(.rs-loader-vertical) .rs-loader {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
 }
 .rs-loader-center.rs-loader-vertical .rs-loader,
 .rs-loader-backdrop-wrapper.rs-loader-vertical .rs-loader {
-  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;
   width: 100%;
   height: 100%;
 }
@@ -1643,37 +1506,21 @@
   width: auto;
   line-height: 0;
 }
-@-webkit-keyframes loaderSpin {
-  from {
-    -webkit-transform: rotate(0);
-            transform: rotate(0);
-  }
-  to {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
 @keyframes loaderSpin {
   from {
-    -webkit-transform: rotate(0);
-            transform: rotate(0);
+    transform: rotate(0);
   }
   to {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
+    transform: rotate(360deg);
   }
 }
 .rs-input {
   display: block;
   width: 100%;
-  color: #343434;
   color: var(--rs-text-primary);
-  background-color: #fff;
   background-color: var(--rs-input-bg);
   background-image: none;
-  border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-border-primary);
-  -webkit-transition: border-color ease-in-out 0.15s;
   transition: border-color ease-in-out 0.15s;
   border-radius: 6px;
   /* stylelint-disable */
@@ -1682,50 +1529,30 @@
   line-height: 1.42857143;
   /* stylelint-enable */
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-input {
-    height: 36px;
-  }
-}
 textarea.rs-input {
   height: auto;
 }
 .rs-theme-high-contrast .rs-input {
-  -webkit-transition: none;
   transition: none;
 }
-.rs-input::-webkit-input-placeholder {
-  color: #717273;
-  color: var(--rs-text-secondary);
-}
 .rs-input::-moz-placeholder {
-  color: #717273;
-  color: var(--rs-text-secondary);
-}
-.rs-input::-ms-input-placeholder {
-  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-input::placeholder {
-  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-input:focus,
 .rs-input:hover:not(:disabled) {
-  border-color: #3498ff;
   border-color: var(--rs-input-focus-border);
 }
 .rs-input:focus {
-  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
 .rs-theme-high-contrast .rs-input:focus {
   outline-offset: 2px;
 }
 .rs-input:disabled {
-  background-color: #f7f7fa;
   background-color: var(--rs-input-disabled-bg);
-  color: #717273;
   color: var(--rs-text-disabled);
 }
 textarea.rs-input {
@@ -1739,11 +1566,6 @@ textarea.rs-input {
   line-height: 1.66666667;
   /* stylelint-enable */
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-input-xs {
-    height: 24px;
-  }
-}
 textarea.rs-input-xs {
   height: auto;
 }
@@ -1754,11 +1576,6 @@ textarea.rs-input-xs {
   line-height: 1.375;
   /* stylelint-enable */
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-input-lg {
-    height: 42px;
-  }
-}
 textarea.rs-input-lg {
   height: auto;
 }
@@ -1769,42 +1586,29 @@ textarea.rs-input-lg {
   line-height: 1.42857143;
   /* stylelint-enable */
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-input-sm {
-    height: 30px;
-  }
-}
 textarea.rs-input-sm {
   height: auto;
 }
 .rs-input-group {
   position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   border-radius: 6px;
-  -webkit-transition: border-color ease-in-out 0.15s;
   transition: border-color ease-in-out 0.15s;
   width: 100%;
   cursor: text;
-  color: #343434;
   color: var(--rs-text-primary);
-  border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-border-primary);
 }
 .rs-theme-high-contrast .rs-input-group {
-  -webkit-transition: none;
   transition: none;
 }
 .rs-input-group:not(.rs-input-group-disabled):hover,
 .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
 .rs-input-group:focus-within {
-  border-color: #3498ff;
   border-color: var(--rs-input-focus-border);
 }
 .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
 .rs-input-group:focus-within {
-  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
 .rs-theme-high-contrast .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
@@ -1856,9 +1660,7 @@ textarea.rs-input-sm {
 }
 .rs-input-group > .rs-input,
 .rs-input-group > .rs-form-control-wrapper {
-  -webkit-box-flex: 1;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
+  flex: 1 1 auto;
 }
 .rs-input-group .rs-form-control-wrapper > .rs-input {
   width: 100%;
@@ -1878,7 +1680,6 @@ textarea.rs-input-sm {
 }
 .rs-input-group.rs-input-group-inside {
   width: 100%;
-  background-color: #fff;
   background-color: var(--rs-input-bg);
 }
 .rs-input-group.rs-input-group-inside .rs-input {
@@ -1889,13 +1690,10 @@ textarea.rs-input-sm {
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn,
 .rs-input-group.rs-input-group-inside .rs-input-group-addon {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
+  flex: 0 0 auto;
   width: auto;
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn {
-  color: #343434;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -1906,21 +1704,16 @@ textarea.rs-input-sm {
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn:hover,
 .rs-input-group.rs-input-group-inside .rs-input-group-btn:focus {
-  color: #343434;
   color: var(--rs-btn-subtle-hover-text);
-  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn:active,
 .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-active {
-  color: #121212;
   color: var(--rs-btn-subtle-active-text);
-  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-active-bg);
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
 .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
-  color: #b6b7b8;
   color: var(--rs-btn-subtle-disabled-text);
   background: none;
 }
@@ -1974,9 +1767,7 @@ textarea.rs-input-sm {
   right: 1px;
 }
 .rs-input-group.rs-input-group-disabled {
-  background-color: #f7f7fa;
   background-color: var(--rs-input-disabled-bg);
-  color: #717273;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
 }
@@ -1992,11 +1783,6 @@ textarea.rs-input-sm {
   line-height: 1.375;
   /* stylelint-enable */
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-input-group-lg > .rs-input {
-    height: 42px;
-  }
-}
 textarea.rs-input-group-lg > .rs-input {
   height: auto;
 }
@@ -2023,11 +1809,6 @@ textarea.rs-input-group-lg > .rs-input {
   line-height: 1.42857143;
   /* stylelint-enable */
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-input-group-md > .rs-input {
-    height: 36px;
-  }
-}
 textarea.rs-input-group-md > .rs-input {
   height: auto;
 }
@@ -2054,11 +1835,6 @@ textarea.rs-input-group-md > .rs-input {
   line-height: 1.42857143;
   /* stylelint-enable */
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-input-group-sm > .rs-input {
-    height: 30px;
-  }
-}
 textarea.rs-input-group-sm > .rs-input {
   height: auto;
 }
@@ -2085,11 +1861,6 @@ textarea.rs-input-group-sm > .rs-input {
   line-height: 1.66666667;
   /* stylelint-enable */
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-input-group-xs > .rs-input {
-    height: 24px;
-  }
-}
 textarea.rs-input-group-xs > .rs-input {
   height: auto;
 }
@@ -2115,11 +1886,6 @@ textarea.rs-input-group-xs > .rs-input {
   padding-left: 15px;
   padding-right: 15px;
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-input-group.rs-input-group-lg > .rs-input-group-addon {
-    height: 42px;
-  }
-}
 textarea.rs-input-group.rs-input-group-lg > .rs-input-group-addon {
   height: auto;
 }
@@ -2133,11 +1899,6 @@ textarea.rs-input-group.rs-input-group-lg > .rs-input-group-addon {
   padding-left: 11px;
   padding-right: 11px;
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-input-group.rs-input-group-md > .rs-input-group-addon {
-    height: 36px;
-  }
-}
 textarea.rs-input-group.rs-input-group-md > .rs-input-group-addon {
   height: auto;
 }
@@ -2151,11 +1912,6 @@ textarea.rs-input-group.rs-input-group-md > .rs-input-group-addon {
   padding-left: 9px;
   padding-right: 9px;
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-input-group.rs-input-group-sm > .rs-input-group-addon {
-    height: 30px;
-  }
-}
 textarea.rs-input-group.rs-input-group-sm > .rs-input-group-addon {
   height: auto;
 }
@@ -2169,11 +1925,6 @@ textarea.rs-input-group.rs-input-group-sm > .rs-input-group-addon {
   padding-left: 7px;
   padding-right: 7px;
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-input-group.rs-input-group-xs > .rs-input-group-addon {
-    height: 24px;
-  }
-}
 textarea.rs-input-group.rs-input-group-xs > .rs-input-group-addon {
   height: auto;
 }
@@ -2187,11 +1938,6 @@ textarea.rs-input-group.rs-input-group-xs > .rs-input-group-addon {
   padding: 9px 15px;
   border-radius: 0 6px 6px 0;
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-input-group-inside.rs-input-group-lg > .rs-input-group-btn {
-    height: 42px;
-  }
-}
 textarea.rs-input-group-inside.rs-input-group-lg > .rs-input-group-btn {
   height: auto;
 }
@@ -2208,11 +1954,6 @@ textarea.rs-input-group-inside.rs-input-group-lg > .rs-input-group-btn {
   padding: 7px 11px;
   border-radius: 0 6px 6px 0;
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-input-group-inside.rs-input-group-md > .rs-input-group-btn {
-    height: 36px;
-  }
-}
 textarea.rs-input-group-inside.rs-input-group-md > .rs-input-group-btn {
   height: auto;
 }
@@ -2230,11 +1971,6 @@ textarea.rs-input-group-inside.rs-input-group-md > .rs-input-group-btn {
   padding: 4px 9px;
   border-radius: 0 6px 6px 0;
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-input-group-inside.rs-input-group-sm > .rs-input-group-btn {
-    height: 30px;
-  }
-}
 textarea.rs-input-group-inside.rs-input-group-sm > .rs-input-group-btn {
   height: auto;
 }
@@ -2252,11 +1988,6 @@ textarea.rs-input-group-inside.rs-input-group-sm > .rs-input-group-btn {
   padding: 1px 7px;
   border-radius: 0 6px 6px 0;
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
-    height: 24px;
-  }
-}
 textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   height: auto;
 }
@@ -2270,27 +2001,18 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   border-radius: 0;
 }
 .rs-input-group-addon {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
-  display: -webkit-box;
-  display: -ms-flexbox;
+  flex: 0 0 auto;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   white-space: nowrap;
   vertical-align: middle;
-  color: #343434;
   color: var(--rs-text-primary);
   padding: 8px 12px;
   font-size: 14px;
   font-weight: normal;
   line-height: 1;
   text-align: center;
-  background-color: #f7f7fa;
   background-color: var(--rs-btn-default-bg);
-  border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-border-primary);
   border-radius: 6px;
 }
@@ -2335,12 +2057,30 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   margin-left: -1px;
 }
 .rs-highlight-mark {
-  background-color: #fff6c9;
   background-color: var(--rs-text-highlight-bg);
   padding: 0 0.2em;
   font-weight: bolder;
   border-radius: 4px;
 }
+.rs-btn-close {
+  border: none;
+  outline: none !important;
+  background: transparent;
+  line-height: 1;
+  cursor: pointer;
+}
+.rs-btn-close .rs-icon {
+  vertical-align: bottom;
+}
+.rs-btn-close:hover,
+.rs-btn-close:focus {
+  color: var(--rs-close-button-hover-color);
+}
+.rs-btn-close:hover svg path,
+.rs-btn-close:focus svg path {
+  stroke: var(--rs-close-button-hover-color);
+  stroke-width: 1;
+}
 .rs-picker-subtle .picker-subtle-toggle {
   position: relative;
   z-index: 5;
@@ -2377,50 +2117,35 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-disabled .rs-picker-toggle-value,
 .rs-picker-disabled .rs-picker-toggle-indicator,
 .rs-picker-disabled .rs-picker-tag-list .rs-tag {
-  color: #717273 !important;
   color: var(--rs-text-disabled) !important;
 }
 .rs-picker-disabled .rs-picker-value-count {
   opacity: 0.5;
 }
 .rs-picker-toggle .rs-picker-toggle-placeholder {
-  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-picker-has-value .rs-btn .rs-picker-toggle-value,
 .rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value {
-  color: #1675e0;
   color: var(--rs-picker-value);
 }
 .rs-picker-none {
   padding: 6px 12px 12px;
-  color: #717273;
   color: var(--rs-text-secondary);
   cursor: default;
 }
 .rs-picker-countable .rs-picker-toggle-value {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
 }
 .rs-picker-value-list {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 auto;
-          flex: 0 1 auto;
+  flex: 0 1 auto;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .rs-picker-value-list {
-    max-width: 100%;
-  }
-}
 .rs-picker-value-count {
   margin: 0 4px;
-  background-color: #3498ff;
   background-color: var(--rs-picker-count-bg);
-  color: #fff;
   color: var(--rs-picker-count-text);
   border-radius: 10px;
   padding: 0 8px;
@@ -2431,73 +2156,49 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-picker:not(.rs-picker-disabled):hover,
 .rs-picker.rs-picker-focused {
-  border-color: #3498ff;
   border-color: var(--rs-input-focus-border);
 }
 .rs-picker-toggle-active,
 .rs-picker.rs-picker-focused {
-  -webkit-box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
-  -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
-          box-shadow: var(--rs-state-focus-shadow);
+  box-shadow: var(--rs-state-focus-shadow);
 }
 .rs-picker-label.rs-input-group-addon {
-  color: #343434;
   color: var(--rs-text-primary);
   padding-right: 4px !important;
 }
 .rs-picker-loader {
   width: 14px;
   height: 14px;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 .rs-picker-error > .rs-picker-input-group {
-  border-color: #f44336;
   border-color: var(--rs-picker-state-error);
 }
 .rs-picker-error > .rs-picker-input-group:hover {
-  border-color: #f44336;
   border-color: var(--rs-picker-state-error);
 }
 .rs-picker-error > .rs-picker-input-group:focus-within {
-  border-color: #f44336;
   border-color: var(--rs-picker-state-error);
-  outline: 3px solid rgb(from #f44336 r g b / 25%);
   outline: var(--rs-picker-state-error-outline);
 }
 .rs-picker-toggle {
-  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;
@@ -2507,7 +2208,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   position: relative;
 }
 .rs-theme-high-contrast .rs-picker-toggle {
-  -webkit-transition: none;
   transition: none;
 }
 .rs-btn-ghost.rs-picker-toggle {
@@ -2533,7 +2233,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-picker-toggle.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-picker-toggle.rs-btn-icon-placement-right {
@@ -2541,11 +2240,9 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-icon-placement-right > .rs-icon {
   right: 0;
-  border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-picker-toggle: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-picker-toggle:focus-visible {
@@ -2554,30 +2251,25 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-toggle:hover,
 .rs-picker-toggle:focus {
   color: var(--rs-btn-default-hover-text);
-  background-color: #e5e5ea;
   background-color: var(--rs-btn-default-hover-bg);
   text-decoration: none;
 }
 .rs-picker-toggle:active,
 .rs-picker-toggle.rs-btn-active {
-  color: #121212;
   color: var(--rs-btn-default-active-text);
-  background-color: #d9d9d9;
   background-color: var(--rs-btn-default-active-bg);
 }
 .rs-picker-toggle:disabled,
 .rs-picker-toggle.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-picker-toggle:disabled,
 .rs-theme-high-contrast .rs-picker-toggle.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-picker-toggle {
     /* stylelint-disable */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
@@ -2596,9 +2288,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   border: 1px solid #0000;
   padding-left: 10px;
   padding-right: 32px;
-  color: #343434;
   color: var(--rs-text-primary);
-  background-color: #fff;
   background-color: var(--rs-input-bg);
   outline: none;
 }
@@ -2615,44 +2305,34 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   opacity: 0;
 }
 .rs-picker-default .rs-picker-toggle {
-  -webkit-transition: border-color ease-in-out 0.15s;
   transition: border-color ease-in-out 0.15s;
 }
 .rs-theme-high-contrast .rs-picker-default .rs-picker-toggle {
-  -webkit-transition: none;
   transition: none;
 }
 .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:hover,
 .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle:focus,
 .rs-picker-default:not(.rs-picker-disabled) .rs-picker-toggle-active {
-  border-color: #3498ff;
   border-color: var(--rs-input-focus-border);
 }
 .rs-picker-subtle .rs-picker-toggle {
-  color: #343434;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
-  -webkit-transition: none;
   transition: none;
 }
 .rs-picker-subtle .rs-picker-toggle:hover,
 .rs-picker-subtle .rs-picker-toggle:focus {
-  color: #343434;
   color: var(--rs-btn-subtle-hover-text);
-  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-picker-subtle .rs-picker-toggle:active,
 .rs-picker-subtle .rs-picker-toggle.rs-btn-active {
-  color: #121212;
   color: var(--rs-btn-subtle-active-text);
-  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-active-bg);
 }
 .rs-picker-subtle .rs-picker-toggle:disabled,
 .rs-picker-subtle .rs-picker-toggle.rs-btn-disabled {
-  color: #b6b7b8;
   color: var(--rs-btn-subtle-disabled-text);
   background: none;
 }
@@ -2661,9 +2341,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-picker-subtle .rs-picker-toggle-active {
-  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
-  color: #343434;
   color: var(--rs-btn-subtle-hover-text);
 }
 /* stylelint-disable-next-line */
@@ -2682,6 +2360,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-default .rs-picker-toggle.rs-btn {
+  padding-top: 7px;
+  padding-bottom: 7px;
+}
 .rs-picker-date .rs-picker-toggle.rs-btn,
 .rs-picker-daterange .rs-picker-toggle.rs-btn {
   padding-right: 36px;
@@ -2699,15 +2381,43 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 7px;
 }
-.rs-picker-default .rs-picker-toggle.rs-btn {
-  padding-top: 7px;
-  padding-bottom: 7px;
-}
 .rs-picker-toggle.rs-btn-lg {
   font-size: 16px;
   line-height: 22px;
   padding: 10px 16px;
 }
+.rs-btn-ghost.rs-picker-toggle.rs-btn-lg {
+  padding: 9px 15px;
+}
+.rs-btn-icon.rs-picker-toggle.rs-btn-lg {
+  padding: 11px 11px;
+  line-height: 20px;
+}
+.rs-btn-icon.rs-picker-toggle.rs-btn-lg > .rs-icon {
+  font-size: 20px;
+}
+.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg {
+  line-height: 22px;
+}
+.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg > .rs-icon {
+  padding: 11px 11px;
+  width: 42px;
+  height: 42px;
+}
+.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left {
+  padding: 10px 16px 10px 58px;
+}
+.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left > .rs-icon {
+  left: 0;
+  border-right: var(--rs-btn-default-border, none);
+}
+.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right {
+  padding: 10px 58px 10px 16px;
+}
+.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
+  right: 0;
+  border-left: var(--rs-btn-default-border, none);
+}
 .rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-lg {
   padding-right: 36px;
 }
@@ -2723,6 +2433,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
   top: 9px;
 }
+.rs-picker-default .rs-picker-toggle.rs-btn-lg {
+  padding-top: 9px;
+  padding-bottom: 9px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
   padding-left: 15px;
 }
@@ -2743,44 +2457,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 9px;
 }
-.rs-picker-default .rs-picker-toggle.rs-btn-lg {
-  padding-top: 9px;
-  padding-bottom: 9px;
-}
-.rs-btn-ghost.rs-picker-toggle.rs-btn-lg {
-  padding: 9px 15px;
-}
-.rs-btn-icon.rs-picker-toggle.rs-btn-lg {
-  padding: 11px 11px;
-  line-height: 20px;
-}
-.rs-btn-icon.rs-picker-toggle.rs-btn-lg > .rs-icon {
-  font-size: 20px;
-}
-.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg {
-  line-height: 22px;
-}
-.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg > .rs-icon {
-  padding: 11px 11px;
-  width: 42px;
-  height: 42px;
-}
-.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-left {
-  padding: 10px 16px 10px 58px;
-}
-.rs-btn-icon-with-text.rs-picker-toggle.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-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right {
-  padding: 10px 58px 10px 16px;
-}
-.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-lg.rs-btn-icon-placement-right > .rs-icon {
-  right: 0;
-  border-left: none;
-  border-left: var(--rs-btn-default-border, none);
-}
 .rs-picker-toggle.rs-btn-lg .rs-picker-value-count {
   line-height: 22px;
 }
@@ -2799,6 +2475,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-default .rs-picker-toggle.rs-btn-md {
+  padding-top: 7px;
+  padding-bottom: 7px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
   padding-left: 11px;
 }
@@ -2819,10 +2499,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 7px;
 }
-.rs-picker-default .rs-picker-toggle.rs-btn-md {
-  padding-top: 7px;
-  padding-bottom: 7px;
-}
 .rs-picker-toggle.rs-btn-sm {
   font-size: 14px;
   line-height: 20px;
@@ -2851,7 +2527,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-picker-toggle.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-picker-toggle.rs-btn-sm.rs-btn-icon-placement-right {
@@ -2859,7 +2534,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-sm.rs-btn-icon-placement-right > .rs-icon {
   right: 0;
-  border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-sm {
@@ -2877,6 +2551,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
   top: 4px;
 }
+.rs-picker-default .rs-picker-toggle.rs-btn-sm {
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
   padding-left: 9px;
 }
@@ -2897,10 +2575,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 3px;
 }
-.rs-picker-default .rs-picker-toggle.rs-btn-sm {
-  padding-top: 4px;
-  padding-bottom: 4px;
-}
 .rs-picker-toggle.rs-btn-xs {
   font-size: 12px;
   line-height: 20px;
@@ -2929,7 +2603,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-picker-toggle.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-picker-toggle.rs-btn-xs.rs-btn-icon-placement-right {
@@ -2937,7 +2610,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-right > .rs-icon {
   right: 0;
-  border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-xs {
@@ -2955,6 +2627,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
   top: 1px;
 }
+.rs-picker-default .rs-picker-toggle.rs-btn-xs {
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
   padding-left: 7px;
 }
@@ -2975,10 +2651,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
   top: 1px;
 }
-.rs-picker-default .rs-picker-toggle.rs-btn-xs {
-  padding-top: 1px;
-  padding-bottom: 1px;
-}
 /* stylelint-disable-next-line */
 .rs-picker-toggle {
   overflow: hidden;
@@ -2991,9 +2663,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   z-index: 5;
   padding-right: 32px;
   display: inline-block;
-  color: #343434;
   color: var(--rs-text-primary);
-  border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-border-primary);
 }
 .rs-picker-disabled .rs-picker-toggle {
@@ -3001,7 +2671,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-picker-toggle .rs-picker-default:not(.rs-picker-disabled):hover,
 .rs-picker-toggle .rs-picker-default:not(.rs-picker-disabled):focus {
-  border-color: #3498ff;
   border-color: var(--rs-input-focus-border);
 }
 .rs-picker-subtle .rs-picker-toggle {
@@ -3028,7 +2697,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   text-align: left;
 }
 .rs-picker-toggle-label {
-  color: #343434;
   color: var(--rs-text-primary);
 }
 .rs-picker-toggle-label::after {
@@ -3046,12 +2714,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   padding-right: 44px;
 }
 .rs-picker-toggle-indicator .rs-picker-clean {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   margin-left: 2px;
   position: absolute;
   top: 8px;
@@ -3059,9 +2723,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   height: 20px;
   font-size: 12px;
   background: inherit;
-  color: #717273;
   color: var(--rs-text-secondary);
-  -webkit-transition: 0.2s color linear;
   transition: 0.2s color linear;
   cursor: pointer;
 }
@@ -3073,12 +2735,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 38px;
 }
 .rs-picker-toggle-indicator .rs-picker-caret-icon {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   margin-left: 2px;
   position: absolute;
   top: 8px;
@@ -3086,16 +2744,11 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   height: 20px;
   font-size: 12px;
   font-size: 16px;
-  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-picker-toggle-indicator .rs-picker-loader {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   margin-left: 2px;
   position: absolute;
   top: 8px;
@@ -3108,26 +2761,15 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   text-align: left;
   z-index: 7;
   border-radius: 6px;
-  background-color: #fff;
   background-color: var(--rs-bg-overlay);
-  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
-  -webkit-box-shadow: var(--rs-shadow-overlay);
-          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
-          box-shadow: var(--rs-shadow-overlay);
+  box-shadow: var(--rs-shadow-overlay);
   overflow: hidden;
-  -webkit-transition: none;
   transition: none;
-  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;
   padding: 6px 0;
 }
 .rs-theme-high-contrast .rs-picker-popup {
-  border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-border-primary);
 }
 .rs-modal-open .rs-picker-popup {
@@ -3138,8 +2780,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-picker-popup.rs-picker-inline {
   position: relative;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 .rs-picker-popup .rs-search-box {
   padding: 6px 12px 6px;
@@ -3151,14 +2792,12 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-input .rs-btn,
 .rs-picker-default .rs-picker-toggle,
 .rs-picker-input .rs-picker-toggle {
-  background-color: #fff !important;
   background-color: var(--rs-input-bg) !important;
 }
 .rs-picker-default.rs-picker-disabled .rs-picker-toggle,
 .rs-picker-input.rs-picker-disabled .rs-picker-toggle,
 .rs-picker-default.rs-picker-disabled .rs-btn,
 .rs-picker-input.rs-picker-disabled .rs-btn {
-  background-color: #f7f7fa !important;
   background-color: var(--rs-input-disabled-bg) !important;
 }
 .rs-picker-default.rs-picker-disabled .rs-input-group,
@@ -3171,19 +2810,15 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-check-item:not(.rs-checkbox-disabled):hover,
 .rs-check-item:focus,
 .rs-check-item.rs-check-item-focus {
-  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
-  color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
 .rs-theme-high-contrast .rs-check-item:focus,
 .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
-  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
-  color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
@@ -3208,11 +2843,9 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   line-height: 20px;
 }
 .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label {
-  -webkit-transition: none;
   transition: none;
 }
 .rs-check-item .rs-checkbox-checker > label::before {
-  background-color: #fff;
   background-color: var(--rs-bg-overlay);
 }
 .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label::before {
@@ -3233,7 +2866,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   left: 26px;
 }
 .rs-picker-menu-group {
-  background-color: #fff;
   background-color: var(--rs-listbox-option-group-bg);
   position: sticky;
   top: -1px;
@@ -3260,7 +2892,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-picker-select-menu-items .rs-picker-menu-group:not(:first-child) {
   margin-top: 6px;
-  border-top: 1px solid #e5e5ea;
   border-top: 1px solid var(--rs-border-primary);
   padding-top: 6px;
 }
@@ -3269,7 +2900,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   padding-right: 32px;
   position: relative;
   cursor: pointer;
-  color: #121212;
   color: var(--rs-text-heading);
 }
 .rs-picker-select-menu-items .rs-picker-menu-group-title .rs-picker-menu-group-caret {
@@ -3278,12 +2908,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   position: absolute;
   top: 8px;
   right: 12px;
-  color: #717273;
   color: var(--rs-text-secondary);
 }
 .rs-picker-select-menu-items .rs-picker-menu-group.folded .rs-picker-menu-group-caret {
-  -webkit-transform: rotate(90deg);
-          transform: rotate(90deg);
+  transform: rotate(90deg);
 }
 .rs-picker-select-menu-items .rs-picker-menu-group ~ [role='option'] > .rs-picker-select-menu-item {
   padding-left: 26px;
@@ -3294,7 +2922,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   clear: both;
   font-weight: normal;
   line-height: 1.42857143;
-  color: #343434;
   color: var(--rs-text-primary);
   cursor: pointer;
   text-decoration: none;
@@ -3303,19 +2930,15 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-select-menu-item:hover,
 .rs-picker-select-menu-item:focus,
 .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
-  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
-  color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
 .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
 .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
-  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
   outline-width: 2px;
-  color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
@@ -3326,13 +2949,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-picker-select-menu-item.rs-picker-select-menu-item-active {
   font-weight: bold;
-  color: #1675e0;
   color: var(--rs-listbox-option-selected-text);
-  background-color: #f2faff;
   background-color: var(--rs-listbox-option-selected-bg);
 }
 .rs-picker-select-menu-item.rs-picker-select-menu-item-disabled {
-  color: #b6b7b8;
   color: var(--rs-listbox-option-disabled-text);
   background: none;
   cursor: not-allowed;
@@ -3342,12 +2962,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   padding-left: 26px;
 }
 .rs-pagination-group {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 .rs-pagination-group-lg {
   font-size: 16px;
@@ -3360,9 +2976,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   font-size: 12px;
 }
 .rs-pagination-group-grow {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
+  flex-grow: 1;
 }
 .rs-pagination-group .rs-pagination {
   vertical-align: middle;
@@ -3417,7 +3031,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-pagination-lg .rs-pagination-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-pagination-lg .rs-pagination-btn.rs-btn-icon-placement-right {
@@ -3425,7 +3038,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-pagination-lg .rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
   right: 0;
-  border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-pagination-lg .rs-pagination-btn .rs-pagination-symbol {
@@ -3463,7 +3075,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-pagination-md .rs-pagination-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-pagination-md .rs-pagination-btn.rs-btn-icon-placement-right {
@@ -3471,7 +3082,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-pagination-md .rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
   right: 0;
-  border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-pagination-md .rs-pagination-btn-active {
@@ -3506,7 +3116,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-pagination-sm .rs-pagination-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-pagination-sm .rs-pagination-btn.rs-btn-icon-placement-right {
@@ -3514,7 +3123,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-pagination-sm .rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
   right: 0;
-  border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-pagination-sm .rs-pagination-btn-active {
@@ -3549,7 +3157,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-pagination-xs .rs-pagination-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-pagination-xs .rs-pagination-btn.rs-btn-icon-placement-right {
@@ -3557,36 +3164,26 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-pagination-xs .rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
   right: 0;
-  border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-pagination-xs .rs-pagination-btn-active {
   padding: 1px 7px;
 }
 .rs-pagination-btn {
-  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;
   margin-bottom: 0;
   font-weight: normal;
   text-align: center;
   vertical-align: middle;
   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);
-  color: #343434;
   color: var(--rs-btn-default-text);
-  background-color: #f7f7fa;
   background-color: var(--rs-btn-default-bg);
   border-radius: 6px;
   padding: 8px 12px;
   overflow: hidden;
-  color: #343434;
   color: var(--rs-btn-subtle-text);
   background-color: transparent;
   border: none;
@@ -3600,17 +3197,11 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  justify-content: center;
 }
 .rs-theme-high-contrast .rs-pagination-btn {
-  -webkit-transition: none;
   transition: none;
 }
 .rs-btn-ghost.rs-pagination-btn {
@@ -3636,7 +3227,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-pagination-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-pagination-btn.rs-btn-icon-placement-right {
@@ -3644,11 +3234,9 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
   right: 0;
-  border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-pagination-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-pagination-btn:focus-visible {
@@ -3657,30 +3245,25 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-pagination-btn:hover,
 .rs-pagination-btn:focus {
   color: var(--rs-btn-default-hover-text);
-  background-color: #e5e5ea;
   background-color: var(--rs-btn-default-hover-bg);
   text-decoration: none;
 }
 .rs-pagination-btn:active,
 .rs-pagination-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-pagination-btn:disabled,
 .rs-pagination-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-pagination-btn:disabled,
 .rs-theme-high-contrast .rs-pagination-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-pagination-btn {
     /* stylelint-disable */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
@@ -3689,21 +3272,16 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-pagination-btn:hover,
 .rs-pagination-btn:focus {
-  color: #343434;
   color: var(--rs-btn-subtle-hover-text);
-  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-pagination-btn:active,
 .rs-pagination-btn.rs-btn-active {
-  color: #121212;
   color: var(--rs-btn-subtle-active-text);
-  background-color: #e5e5ea;
   background-color: var(--rs-btn-subtle-active-bg);
 }
 .rs-pagination-btn:disabled,
 .rs-pagination-btn.rs-btn-disabled {
-  color: #b6b7b8;
   color: var(--rs-btn-subtle-disabled-text);
   background: none;
 }
@@ -3734,7 +3312,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-pagination-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-pagination-btn.rs-btn-icon-placement-right {
@@ -3742,20 +3319,14 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-btn-icon-with-text.rs-pagination-btn.rs-btn-icon-placement-right > .rs-icon {
   right: 0;
-  border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
 .rs-pagination-btn .rs-pagination-symbol {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   height: 20px;
 }
 .rs-theme-high-contrast .rs-pagination-btn {
-  -webkit-transition: none;
   transition: none;
   color: var(--rs-pagination-item-text);
 }
@@ -3765,42 +3336,30 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   text-decoration: underline;
 }
 .rs-pagination-btn.rs-pagination-btn-active {
-  color: #1675e0;
   color: var(--rs-btn-ghost-text);
   background-color: transparent;
-  border: 1px solid #1675e0;
   border: 1px solid var(--rs-btn-ghost-border);
 }
 .rs-pagination-btn.rs-pagination-btn-active:hover,
 .rs-pagination-btn.rs-pagination-btn-active: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-pagination-btn.rs-pagination-btn-active:active,
 .rs-pagination-btn.rs-pagination-btn-active.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-pagination-btn.rs-pagination-btn-active:disabled,
 .rs-pagination-btn.rs-pagination-btn-active.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-pagination-btn.rs-pagination-btn-active:disabled,
 .rs-theme-high-contrast .rs-pagination-btn.rs-pagination-btn-active.rs-btn-disabled {
@@ -3812,7 +3371,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 /* rtl:begin:ignore */
 [dir='rtl'] .rs-pagination-btn [class*='rs-icon-page'] {
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
+  transform: rotate(180deg);
 }
 /* rtl:end:ignore */