rsuite 5.76.2 → 6.0.0-canary-20250103

package/Nav/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;
@@ -410,42 +415,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;
@@ -455,7 +447,6 @@
   position: relative;
 }
 .rs-theme-high-contrast .rs-btn {
-  -webkit-transition: none;
   transition: none;
 }
 .rs-btn-ghost.rs-btn {
@@ -481,7 +472,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 {
@@ -489,43 +479,35 @@
 }
 .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 {
   outline-offset: 2px;
 }
-.rs-btn:hover,
-.rs-btn:focus {
+.rs-btn:hover {
   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);
@@ -541,31 +523,22 @@
   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;
+.rs-btn-primary:hover {
   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;
 }
@@ -574,28 +547,21 @@
   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;
+.rs-btn-subtle:hover {
   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;
 }
@@ -604,27 +570,22 @@
   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;
+.rs-btn-link:hover {
   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;
@@ -635,42 +596,29 @@
   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;
+.rs-btn-ghost:hover {
   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 {
@@ -1082,7 +1030,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 {
@@ -1090,7 +1037,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 {
@@ -1121,7 +1067,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 {
@@ -1129,7 +1074,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 {
@@ -1160,7 +1104,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 {
@@ -1168,7 +1111,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 {
@@ -1199,7 +1141,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 {
@@ -1207,7 +1148,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 {
@@ -1242,58 +1182,37 @@
   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-dropdown-toggle-caret {
-  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;
@@ -1308,13 +1227,11 @@
 }
 .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn {
   cursor: not-allowed !important;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle,
 .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:focus,
 .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:active {
-  color: #b6b7b8;
   color: var(--rs-btn-subtle-disabled-text);
   background: none;
 }
@@ -1322,7 +1239,6 @@
 .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-primary:focus,
 .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-primary:active {
   opacity: 0.3;
-  background-color: #3498ff;
   background-color: var(--rs-btn-primary-bg);
 }
 .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-link,
@@ -1369,12 +1285,8 @@
   z-index: 5;
   padding-right: 32px;
   display: inline-block;
-  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: 6px;
 }
 .rs-dropdown-toggle.rs-dropdown-toggle-no-caret {
@@ -1385,14 +1297,12 @@
   list-style: none;
   font-size: 14px;
   text-align: left;
-  background-color: #fff;
   background-color: var(--rs-bg-overlay);
   border-radius: 6px;
   padding: 6px 0;
   outline: 0;
 }
 .rs-dropdown-menu: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-dropdown-menu:focus-visible {
@@ -1402,33 +1312,24 @@
   position: absolute;
   z-index: 6;
   float: left;
-  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.06), 0 4px 4px rgba(0, 0, 0, 0.12);
-  -webkit-box-shadow: var(--rs-dropdown-shadow);
-          box-shadow: 0 0 10px rgba(0, 0, 0, 0.06), 0 4px 4px rgba(0, 0, 0, 0.12);
-          box-shadow: var(--rs-dropdown-shadow);
+  box-shadow: var(--rs-dropdown-shadow);
   outline: none;
 }
 .rs-theme-high-contrast .rs-dropdown .rs-dropdown-menu {
-  border: 1px solid #e5e5ea;
   border: 1px solid var(--rs-border-primary);
 }
 .rs-dropdown-menu[hidden] {
   display: none;
 }
 .rs-dropdown-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
   width: 100%;
   gap: 6px;
   padding: 8px 12px;
   clear: both;
   font-weight: normal;
   line-height: 1.42857143;
-  color: #343434;
   color: var(--rs-text-primary);
   white-space: nowrap;
   cursor: pointer;
@@ -1440,13 +1341,10 @@
   text-decoration: none;
 }
 .rs-dropdown-item-content {
-  -webkit-box-flex: 1;
-      -ms-flex: 1;
-          flex: 1;
+  flex: 1;
 }
 .rs-dropdown-item .rs-dropdown-item-shortcut {
-  -webkit-margin-start: 20px;
-          margin-inline-start: 20px;
+  margin-inline-start: 20px;
   border: none;
 }
 .rs-dropdown-item > .rs-icon {
@@ -1460,41 +1358,33 @@
 .rs-dropdown-item.rs-dropdown-item-active,
 .rs-dropdown-item.rs-dropdown-item-active:hover,
 .rs-dropdown-item.rs-dropdown-item-active:focus {
-  color: #1675e0;
   color: var(--rs-dropdown-item-text-active);
-  background-color: #f2faff;
   background-color: var(--rs-dropdown-item-bg-active);
 }
 .rs-dropdown-item.rs-dropdown-item-active .rs-text,
 .rs-dropdown-item.rs-dropdown-item-active:hover .rs-text,
 .rs-dropdown-item.rs-dropdown-item-active:focus .rs-text {
-  color: #1675e0;
   color: var(--rs-dropdown-item-text-active);
 }
 .rs-dropdown-item:focus-visible,
 .rs-dropdown-item.rs-dropdown-item-focus {
-  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-menuitem-active-bg);
-  color: #1675e0;
   color: var(--rs-menuitem-active-text);
 }
 .rs-theme-high-contrast .rs-dropdown-item:focus-visible,
 .rs-theme-high-contrast .rs-dropdown-item.rs-dropdown-item-focus {
   text-decoration: underline;
-  -webkit-box-shadow: inset 0 0 0 2px #fff;
-          box-shadow: inset 0 0 0 2px #fff;
+  box-shadow: inset 0 0 0 2px #fff;
 }
 .rs-dropdown-item:focus {
   outline: 0;
 }
 .rs-dropdown-item-disabled {
-  color: #717273;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
   pointer-events: none;
 }
 .rs-dropdown-item-disabled .rs-text {
-  color: #717273;
   color: var(--rs-text-disabled);
 }
 .rs-dropdown-item-disabled:hover,
@@ -1507,22 +1397,18 @@
   height: 1px;
   margin: 6px 0;
   overflow: hidden;
-  background-color: #e5e5ea;
   background-color: var(--rs-dropdown-divider);
 }
 .rs-dropdown-item-submenu {
   position: relative;
 }
 .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle {
-  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-menuitem-active-bg);
-  color: #1675e0;
   color: var(--rs-menuitem-active-text);
 }
 .rs-theme-high-contrast .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle {
   text-decoration: underline;
-  -webkit-box-shadow: inset 0 0 0 2px #fff;
-          box-shadow: inset 0 0 0 2px #fff;
+  box-shadow: inset 0 0 0 2px #fff;
 }
 .rs-dropdown-item-submenu.rs-dropdown-item {
   position: relative;
@@ -1555,32 +1441,25 @@
 }
 .rs-dropdown-item-submenu.rs-dropdown-item-open > .rs-dropdown-menu {
   display: table;
-  -webkit-animation-name: slideUpIn;
-          animation-name: slideUpIn;
-  -webkit-animation-play-state: running;
-          animation-play-state: running;
+  animation-name: slideUpIn;
+  animation-play-state: running;
 }
 .rs-dropdown-menu > .rs-dropdown-menu-item-focus {
   outline: 0;
-  background-color: #f2faff;
   background-color: var(--rs-dropdown-item-bg-active);
 }
 .rs-dropdown-menu > .rs-dropdown-menu-item-focus:hover,
 .rs-dropdown-menu > .rs-dropdown-menu-item-focus:focus {
-  background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-menuitem-active-bg);
-  color: #1675e0;
   color: var(--rs-menuitem-active-text);
 }
 .rs-theme-high-contrast .rs-dropdown-menu > .rs-dropdown-menu-item-focus:hover,
 .rs-theme-high-contrast .rs-dropdown-menu > .rs-dropdown-menu-item-focus:focus {
   text-decoration: underline;
-  -webkit-box-shadow: inset 0 0 0 2px #fff;
-          box-shadow: inset 0 0 0 2px #fff;
+  box-shadow: inset 0 0 0 2px #fff;
 }
 .rs-dropdown-open > .rs-dropdown-menu {
-  -webkit-animation-play-state: running;
-          animation-play-state: running;
+  animation-play-state: running;
 }
 .rs-dropdown-open.rs-dropdown-placement-top-start > .rs-dropdown-menu,
 .rs-dropdown-open.rs-dropdown-placement-top-end > .rs-dropdown-menu {
@@ -1621,38 +1500,18 @@
   display: block;
   padding: 8px 12px;
   line-height: 1.42857143;
-  color: #939393;
   color: var(--rs-dropdown-header-text);
-  border-bottom: 1px solid #e5e5ea;
   border-bottom: 1px solid var(--rs-border-primary);
   white-space: nowrap;
 }
-@-webkit-keyframes slideUpIn {
-  0% {
-    -webkit-transform-origin: 0% 0%;
-            transform-origin: 0% 0%;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
-  }
-  100% {
-    -webkit-transform-origin: 0% 0%;
-            transform-origin: 0% 0%;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-  }
-}
 @keyframes slideUpIn {
   0% {
-    -webkit-transform-origin: 0% 0%;
-            transform-origin: 0% 0%;
-    -webkit-transform: scaleY(0.8);
-            transform: scaleY(0.8);
+    transform-origin: 0% 0%;
+    transform: scaleY(0.8);
   }
   100% {
-    -webkit-transform-origin: 0% 0%;
-            transform-origin: 0% 0%;
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
+    transform-origin: 0% 0%;
+    transform: scaleY(1);
   }
 }
 .rs-nav {
@@ -1667,10 +1526,9 @@
 .rs-nav-tabs .rs-nav-item {
   overflow: hidden;
   position: relative;
-  -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;
 }
-@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-nav-default .rs-nav-item,
   .rs-nav-tabs .rs-nav-item {
     /* stylelint-disable */
@@ -1681,10 +1539,8 @@
 .rs-nav-item {
   padding: 8px 12px;
   cursor: pointer;
-  color: #343434;
   color: var(--rs-navs-text);
   background: transparent;
-  -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;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1692,7 +1548,7 @@
   outline: none;
   text-decoration: none;
 }
-@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-nav-item {
     /* stylelint-disable */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
@@ -1705,13 +1561,11 @@
   text-decoration: none;
 }
 .rs-theme-high-contrast .rs-nav-item {
-  -webkit-transition: none;
   transition: none;
 }
 .rs-nav-item:hover,
 .rs-nav-item:focus,
 .rs-nav-item.rs-nav-item-focus {
-  color: #343434;
   color: var(--rs-navs-text-hover);
 }
 .rs-theme-high-contrast .rs-nav-item:hover,
@@ -1720,7 +1574,6 @@
   text-decoration: underline;
 }
 .rs-nav-item:focus-visible {
-  outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-width: 2px;
   outline-offset: 0;
@@ -1730,7 +1583,6 @@
   outline-offset: 2px;
 }
 .rs-nav-item:active {
-  color: #121212;
   color: var(--rs-navs-text-active);
 }
 .rs-theme-high-contrast .rs-nav-item:active {
@@ -1739,12 +1591,10 @@
 .rs-nav-item.rs-nav-item-disabled {
   cursor: not-allowed;
   pointer-events: none;
-  color: #717273;
   color: var(--rs-text-disabled);
 }
 .rs-nav-item.rs-nav-item-active {
   position: relative;
-  color: #1675e0;
   color: var(--rs-navs-selected);
   z-index: 1;
 }
@@ -1763,15 +1613,9 @@
   white-space: nowrap;
 }
 .rs-nav-horizontal > .rs-nav-item {
-  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;
   vertical-align: top;
 }
 .rs-nav-horizontal .rs-nav-bar {
@@ -1784,12 +1628,8 @@
   top: 0;
 }
 .rs-nav-vertical > .rs-nav-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 .rs-nav-vertical > .rs-dropdown {
   width: 100%;
@@ -1813,18 +1653,14 @@
   border-radius: 6px;
 }
 .rs-nav-default .rs-nav-item:hover {
-  background: #e5e5ea;
   background: var(--rs-navs-bg-hover);
 }
 .rs-nav-tabs .rs-nav-item:hover,
 .rs-nav-tabs .rs-nav-item:focus {
-  background: #e5e5ea;
   background: var(--rs-navs-bg-hover);
 }
 .rs-nav-tabs .rs-nav-item.rs-nav-item-active {
-  border: 1px solid #d9d9d9;
   border: 1px solid var(--rs-navs-tab-border);
-  background-color: #fff;
   background-color: var(--rs-bg-card);
   z-index: 1;
 }
@@ -1837,7 +1673,6 @@
   border-radius: 0 0 6px 6px;
 }
 .rs-nav-tabs.rs-nav-horizontal .rs-nav-bar {
-  border-top: 1px solid #d9d9d9;
   border-top: 1px solid var(--rs-navs-tab-border);
 }
 .rs-nav-tabs.rs-nav-horizontal .rs-nav-item.rs-nav-item-active {
@@ -1857,7 +1692,6 @@
 }
 .rs-nav-tabs.rs-nav-vertical .rs-nav-bar {
   width: 1px;
-  background: #d9d9d9;
   background: var(--rs-navs-tab-border);
 }
 .rs-nav-tabs.rs-nav-vertical .rs-nav-item.rs-nav-item-active {
@@ -1872,19 +1706,16 @@
 }
 .rs-nav-subtle .rs-nav-item:hover,
 .rs-nav-subtle .rs-nav-item:focus {
-  color: #1675e0;
   color: var(--rs-navs-selected);
 }
 .rs-nav-subtle .rs-nav-item.rs-nav-item-active::before {
   content: '';
   position: absolute;
-  background-color: #1675e0;
   background-color: var(--rs-navs-selected);
   display: block;
   z-index: 1;
 }
 .rs-nav-subtle.rs-nav-horizontal .rs-nav-bar {
-  border-top: 2px solid #f7f7fa;
   border-top: 2px solid var(--rs-navs-subtle-border);
 }
 .rs-nav-subtle.rs-nav-horizontal .rs-nav-item.rs-nav-item-active::before {
@@ -1899,7 +1730,6 @@
 }
 .rs-nav-subtle.rs-nav-vertical .rs-nav-bar {
   width: 2px;
-  background: #f7f7fa;
   background: var(--rs-navs-subtle-border);
 }
 .rs-nav-subtle.rs-nav-vertical .rs-nav-item.rs-nav-item-active::before {
@@ -1913,14 +1743,10 @@
   left: 0;
 }
 .rs-nav-pills {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
-  background-color: #f2f2f5;
   background-color: var(--rs-navs-pills-bg);
   border-radius: 6px;
   padding: 4px;
-  width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
 }
@@ -1928,45 +1754,29 @@
   border-radius: 6px;
   position: relative;
   padding: 4px 12px;
-  color: #717273;
   color: var(--rs-navs-pills-item-color);
 }
 .rs-nav-pills .rs-nav-item-active {
-  background-color: #fff;
   background-color: var(--rs-navs-pills-item-active-bg);
-  color: #121212;
   color: var(--rs-navs-pills-item-active-color);
-  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
-  -webkit-box-shadow: var(--rs-navs-pills-item-shadow);
-          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
-          box-shadow: var(--rs-navs-pills-item-shadow);
+  box-shadow: var(--rs-navs-pills-item-shadow);
 }
 .rs-nav-pills .rs-nav-item-disabled {
-  color: #b6b7b8;
   color: var(--rs-navs-pills-item-disabled-color);
 }
 .rs-nav-pills.rs-nav-vertical {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
 }
 .rs-nav-pills.rs-nav-vertical .rs-nav-item {
   padding: 6px 12px;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  justify-content: center;
 }
 .rs-nav-justified {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
 }
 .rs-nav-justified > .rs-nav-item,
 .rs-nav-justified > .rs-dropdown {
-  -webkit-box-flex: 1;
-      -ms-flex: 1 1 1%;
-          flex: 1 1 1%;
+  flex: 1 1 1%;
 }
 .rs-nav-justified > .rs-dropdown .rs-dropdown-toggle {
   width: 100%;