rsuite 5.60.2 → 5.62.0

package/MultiCascader/styles/index.css

@@ -46,7 +46,8 @@
   --rs-text-primary: var(--rs-gray-800);
   --rs-text-secondary: var(--rs-gray-600);
   --rs-text-inverse: var(--rs-gray-50);
-  --rs-text-disabled: var(--rs-gray-400);
+  --rs-text-disabled: var(--rs-gray-600);
+  --rs-text-highlight-bg: #fff6c9;
   --rs-border-primary: var(--rs-gray-200);
   --rs-bg-overlay: var(--rs-gray-0);
   --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
@@ -59,7 +60,7 @@
   --rs-btn-default-active-bg: var(--rs-gray-300);
   --rs-btn-default-active-text: var(--rs-gray-900);
   --rs-btn-default-disabled-bg: var(--rs-gray-50);
-  --rs-btn-default-disabled-text: var(--rs-gray-400);
+  --rs-btn-default-disabled-text: var(--rs-gray-600);
   --rs-btn-primary-bg: var(--rs-primary-500);
   --rs-btn-primary-text: var(--rs-gray-0);
   --rs-btn-primary-hover-bg: var(--rs-primary-600);
@@ -88,6 +89,7 @@
   --rs-input-bg: var(--rs-gray-0);
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-50);
+  --rs-listbox-option-group-bg: var(--rs-gray-0);
   --rs-listbox-option-hover-bg: rgb(from var(--rs-primary-100) r g b / 50%);
   --rs-listbox-option-hover-text: var(--rs-primary-700);
   --rs-listbox-option-selected-text: var(--rs-primary-700);
@@ -161,7 +163,7 @@
   --rs-text-primary: var(--rs-gray-50);
   --rs-text-secondary: var(--rs-gray-200);
   --rs-text-inverse: var(--rs-gray-800);
-  --rs-text-disabled: var(--rs-gray-500);
+  --rs-text-disabled: var(--rs-gray-400);
   --rs-border-primary: var(--rs-gray-600);
   --rs-bg-overlay: var(--rs-gray-700);
   --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
@@ -203,6 +205,7 @@
   --rs-input-bg: var(--rs-gray-800);
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-700);
+  --rs-listbox-option-group-bg: var(--rs-gray-700);
   --rs-listbox-option-hover-bg: var(--rs-gray-600);
   --rs-listbox-option-hover-text: currentColor;
   --rs-listbox-option-selected-text: var(--rs-primary-500);
@@ -275,7 +278,8 @@
   --rs-text-primary: var(--rs-gray-50);
   --rs-text-secondary: var(--rs-gray-200);
   --rs-text-inverse: var(--rs-gray-800);
-  --rs-text-disabled: var(--rs-gray-500);
+  --rs-text-disabled: var(--rs-gray-400);
+  --rs-text-highlight-bg: var(--rs-primary-500);
   --rs-border-primary: var(--rs-gray-100);
   --rs-bg-overlay: var(--rs-gray-800);
   --rs-color-focus-ring: var(--rs-gray-0);
@@ -290,7 +294,8 @@
   --rs-btn-default-active-bg: transparent;
   --rs-btn-default-active-text: var(--rs-primary-200);
   --rs-btn-default-disabled-bg: transparent;
-  --rs-btn-default-disabled-text: var(--rs-primary-500);
+  --rs-btn-default-disabled-text: var(--rs-primary-900);
+  --rs-btn-default-disabled-boreder-color: var(--rs-gray-100);
   --rs-btn-primary-bg: var(--rs-primary-500);
   --rs-btn-primary-text: var(--rs-gray-900);
   --rs-btn-primary-hover-bg: var(--rs-primary-400);
@@ -319,6 +324,7 @@
   --rs-input-bg: var(--rs-gray-800);
   --rs-input-focus-border: var(--rs-primary-500);
   --rs-input-disabled-bg: var(--rs-gray-700);
+  --rs-listbox-option-group-bg: var(--rs-gray-800);
   --rs-listbox-option-hover-bg: transparent;
   --rs-listbox-option-hover-text: var(--rs-primary-500);
   --rs-listbox-option-selected-text: var(--rs-primary-500);
@@ -411,11 +417,6 @@
   background: none;
   cursor: not-allowed;
 }
-.rs-cascade-search-view-row:disabled .rs-cascade-search-view-match,
-.rs-cascade-search-view-row.rs-cascade-search-view-row-disabled .rs-cascade-search-view-match {
-  opacity: 0.7;
-  font-weight: normal;
-}
 .rs-cascade-search-view-col {
   display: inline-block;
 }
@@ -425,10 +426,8 @@
 .rs-cascade-search-view-col:last-child::after {
   display: none;
 }
-.rs-cascade-search-view-match {
-  color: #3498ff;
-  color: var(--rs-primary-500);
-  font-weight: bold;
+.rs-cascade-tree .rs-highlight-mark {
+  padding: 0;
 }
 .rs-cascade-tree-items {
   padding: 6px 0;
@@ -538,157 +537,445 @@
   height: 20px;
   font-size: 12px;
 }
-.rs-cascade-tree-items .rs-check-item .rs-checkbox-checker > label {
-  padding-right: 26px;
-}
-.rs-cascade-tree-items .rs-check-item.rs-check-item-focus .rs-checkbox-checker > label,
-.rs-cascade-tree-items .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
-  font-weight: bold;
-}
-.rs-cascade-tree-column.rs-cascade-tree-column-uncheckable .rs-check-item .rs-checkbox-checker > label {
-  padding-left: 12px;
-}
-.rs-cascade-tree-multi .rs-cascade-search-view-row {
-  padding-left: 0;
-  padding-top: 0;
-  padding-bottom: 0;
+.rs-checkbox {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
 }
-.rs-cascade-tree-multi .rs-cascade-search-view-col {
-  padding: 0;
+.rs-checkbox-disabled label {
+  cursor: not-allowed;
 }
-.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;
+.rs-checkbox label {
+  line-height: 1.14285714;
   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: #575757;
-  color: var(--rs-btn-default-text);
-  background-color: #f7f7fa;
-  background-color: var(--rs-btn-default-bg);
-  border-radius: 6px;
-  font-size: 14px;
-  line-height: 20px;
-  padding: 8px 12px;
-  overflow: hidden;
-  position: relative;
 }
-.rs-theme-high-contrast .rs-btn {
-  -webkit-transition: none;
-  transition: none;
+.rs-checkbox-inner::before {
+  border-color: #3498ff;
+  border-color: var(--rs-checkbox-checked-bg);
 }
-.rs-btn-ghost.rs-btn {
-  padding: 7px 11px;
+.rs-checkbox.rs-checkbox-disabled label {
+  cursor: not-allowed;
 }
-.rs-btn-icon.rs-btn {
-  padding: 10px 10px;
-  line-height: 16px;
+.rs-checkbox-disabled > .rs-checkbox-checker > label {
+  color: #8e8e93;
+  color: var(--rs-text-disabled);
 }
-.rs-btn-icon.rs-btn > .rs-icon {
-  font-size: 16px;
+.rs-checkbox-inline {
+  position: relative;
+  display: inline-block;
+  margin-bottom: 0;
+  vertical-align: middle;
+  font-weight: normal;
+  margin-top: 0;
+  margin-right: 10px;
 }
-.rs-btn-icon-with-text.rs-btn {
-  line-height: 20px;
+.rs-plaintext .rs-checkbox-inline:first-child {
+  margin-left: 0;
 }
-.rs-btn-icon-with-text.rs-btn > .rs-icon {
-  padding: 10px 10px;
-  width: 36px;
-  height: 36px;
+.rs-checkbox [type='checkbox']:focus-visible ~ .rs-checkbox-inner::before {
+  -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);
 }
-.rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-left {
-  padding: 8px 12px 8px 48px;
+.rs-checkbox-checker {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  padding-left: 36px;
+  min-height: 36px;
+  line-height: 1;
+  position: relative;
 }
-.rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-left > .rs-icon {
+/* rtl:begin:ignore */
+.rs-checkbox-control::before,
+.rs-checkbox-control .rs-checkbox-inner::before,
+.rs-checkbox-control .rs-checkbox-inner::after {
+  content: '';
+  position: absolute;
   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 {
-  padding: 8px 48px 8px 12px;
+  top: 0;
+  display: block;
 }
-.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-checkbox-control .rs-checkbox-inner::after {
+  opacity: 0;
+  -webkit-transform: rotate(45deg) scale(0);
+          transform: rotate(45deg) scale(0);
+  -webkit-transition: opacity 0.2s ease-in, -webkit-transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
+  transition: opacity 0.2s ease-in, -webkit-transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
+  transition: opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
+  transition: opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46), -webkit-transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
 }
-.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-checkbox-control .rs-checkbox-inner::after {
+  -webkit-transition: none;
+  transition: none;
 }
-.rs-theme-high-contrast .rs-btn:focus-visible {
-  outline-offset: 2px;
+.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::after,
+.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::after {
+  border: solid #fff;
+  border: solid var(--rs-checkbox-icon);
+  width: 6px;
+  height: 9px;
+  margin-top: 2px;
+  margin-left: 5px;
+  opacity: 1;
 }
-.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-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::after {
+  border-width: 0 2px 2px 0;
+  -webkit-transform: rotate(45deg) scale(1);
+          transform: rotate(45deg) scale(1);
 }
-.rs-btn:active,
-.rs-btn.rs-btn-active {
-  color: #272c36;
-  color: var(--rs-btn-default-active-text);
-  background-color: #d9d9d9;
-  background-color: var(--rs-btn-default-active-bg);
+.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::after {
+  border-width: 0 0 2px;
+  -webkit-transform: rotate(0deg) scale(1);
+          transform: rotate(0deg) scale(1);
+  width: 10px;
+  margin-top: 0;
+  margin-left: 3px;
 }
-.rs-btn:disabled,
-.rs-btn.rs-btn-disabled {
-  cursor: not-allowed;
-  color: #c5c6c7;
-  color: var(--rs-btn-default-disabled-text);
-  background-color: #f7f7fa;
-  background-color: var(--rs-btn-default-disabled-bg);
+/* rtl:end:ignore */
+/* stylelint-disable-next-line */
+.rs-checkbox-control {
+  position: absolute;
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  left: 10px;
+  top: 10px;
 }
-.rs-theme-high-contrast .rs-btn:disabled,
-.rs-theme-high-contrast .rs-btn.rs-btn-disabled {
-  opacity: 0.5;
+.rs-checkbox-control [type='checkbox'] {
+  position: absolute;
+  opacity: 0;
+  z-index: 1;
+  top: -10px;
+  right: -10px;
+  bottom: -10px;
+  left: -10px;
+  min-width: 36px;
+  min-height: 36px;
 }
-@media not all and (min-resolution: 0.001dpcm) {
-  .rs-btn {
-    /* stylelint-disable */
-    -webkit-mask-image: -webkit-radial-gradient(white, black);
-    /* stylelint-enable */
-  }
+.rs-checkbox-control::before,
+.rs-checkbox-control .rs-checkbox-inner::before,
+.rs-checkbox-control .rs-checkbox-inner::after {
+  width: 16px;
+  height: 16px;
 }
-.rs-btn-start-icon {
-  line-height: 0;
-  margin-right: 5px;
+.rs-checkbox-control::before {
+  border: 1px solid #3498ff;
+  border: 1px solid var(--rs-checkbox-checked-bg);
+  background-color: transparent;
+  border-radius: 3px;
+  -webkit-transform: scale(1);
+          transform: scale(1);
+  opacity: 0.7;
+  visibility: hidden;
+  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
+  transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
+  transition: transform 0.2s linear, opacity 0.2s linear;
+  transition: transform 0.2s linear, opacity 0.2s linear, -webkit-transform 0.2s linear;
 }
-.rs-btn-end-icon {
-  line-height: 0;
-  margin-left: 5px;
+.rs-theme-high-contrast .rs-checkbox-control::before {
+  -webkit-transition: none;
+  transition: none;
 }
-.rs-btn-primary {
-  color: #fff;
-  color: var(--rs-btn-primary-text);
-  background-color: #3498ff;
-  background-color: var(--rs-btn-primary-bg);
-  border: none;
+.rs-checkbox-checked .rs-checkbox-control::before {
+  -webkit-transform: scale(1.5);
+          transform: scale(1.5);
+  opacity: 0;
+  visibility: visible;
 }
-.rs-btn-primary:hover,
-.rs-btn-primary:focus {
-  color: #fff;
-  color: var(--rs-btn-primary-text);
+.rs-checkbox-control .rs-checkbox-inner::before {
+  border: 1px solid #d9d9d9;
+  border: 1px solid var(--rs-checkbox-border);
+  background-color: transparent;
+  border-radius: 3px;
+  -webkit-transition: background 0.2s linear, border 0.2s linear, -webkit-box-shadow 0.2s linear;
+  transition: background 0.2s linear, border 0.2s linear, -webkit-box-shadow 0.2s linear;
+  transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
+  transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
+}
+.rs-theme-high-contrast .rs-checkbox-control .rs-checkbox-inner::before {
+  -webkit-transition: none;
+  transition: none;
+}
+label:hover .rs-checkbox-control .rs-checkbox-inner::before {
+  border-color: #3498ff;
+  border-color: var(--rs-checkbox-checked-bg);
+}
+.rs-checkbox-disabled:not(.rs-checkbox-checked):not(.rs-checkbox-indeterminate) .rs-checkbox-control .rs-checkbox-inner::before {
+  border-color: #f7f7fa;
+  border-color: var(--rs-checkbox-disabled-bg);
+  background-color: #f7f7fa;
+  background-color: var(--rs-checkbox-disabled-bg);
+}
+.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before,
+.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::before {
+  border-color: #3498ff;
+  border-color: var(--rs-checkbox-checked-bg);
+  background-color: #3498ff;
+  background-color: var(--rs-checkbox-checked-bg);
+}
+.rs-checkbox-disabled.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before,
+.rs-checkbox-disabled.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::before {
+  opacity: 0.5;
+}
+.rs-checkbox-red .rs-checkbox-control::before {
+  border-color: #f44336;
+  border-color: var(--rs-red-500);
+}
+.rs-checkbox-red label:hover .rs-checkbox-inner::before {
+  border-color: #f44336;
+  border-color: var(--rs-red-500);
+}
+.rs-checkbox-red.rs-checkbox-checked .rs-checkbox-inner::before,
+.rs-checkbox-red.rs-checkbox-indeterminate .rs-checkbox-inner::before {
+  border-color: #f44336;
+  border-color: var(--rs-red-500);
+  background-color: #f44336;
+  background-color: var(--rs-red-500);
+}
+.rs-checkbox-orange .rs-checkbox-control::before {
+  border-color: #fa8900;
+  border-color: var(--rs-orange-500);
+}
+.rs-checkbox-orange label:hover .rs-checkbox-inner::before {
+  border-color: #fa8900;
+  border-color: var(--rs-orange-500);
+}
+.rs-checkbox-orange.rs-checkbox-checked .rs-checkbox-inner::before,
+.rs-checkbox-orange.rs-checkbox-indeterminate .rs-checkbox-inner::before {
+  border-color: #fa8900;
+  border-color: var(--rs-orange-500);
+  background-color: #fa8900;
+  background-color: var(--rs-orange-500);
+}
+.rs-checkbox-yellow .rs-checkbox-control::before {
+  border-color: #ffb300;
+  border-color: var(--rs-yellow-500);
+}
+.rs-checkbox-yellow label:hover .rs-checkbox-inner::before {
+  border-color: #ffb300;
+  border-color: var(--rs-yellow-500);
+}
+.rs-checkbox-yellow.rs-checkbox-checked .rs-checkbox-inner::before,
+.rs-checkbox-yellow.rs-checkbox-indeterminate .rs-checkbox-inner::before {
+  border-color: #ffb300;
+  border-color: var(--rs-yellow-500);
+  background-color: #ffb300;
+  background-color: var(--rs-yellow-500);
+}
+.rs-checkbox-green .rs-checkbox-control::before {
+  border-color: #4caf50;
+  border-color: var(--rs-green-500);
+}
+.rs-checkbox-green label:hover .rs-checkbox-inner::before {
+  border-color: #4caf50;
+  border-color: var(--rs-green-500);
+}
+.rs-checkbox-green.rs-checkbox-checked .rs-checkbox-inner::before,
+.rs-checkbox-green.rs-checkbox-indeterminate .rs-checkbox-inner::before {
+  border-color: #4caf50;
+  border-color: var(--rs-green-500);
+  background-color: #4caf50;
+  background-color: var(--rs-green-500);
+}
+.rs-checkbox-cyan .rs-checkbox-control::before {
+  border-color: #00bcd4;
+  border-color: var(--rs-cyan-500);
+}
+.rs-checkbox-cyan label:hover .rs-checkbox-inner::before {
+  border-color: #00bcd4;
+  border-color: var(--rs-cyan-500);
+}
+.rs-checkbox-cyan.rs-checkbox-checked .rs-checkbox-inner::before,
+.rs-checkbox-cyan.rs-checkbox-indeterminate .rs-checkbox-inner::before {
+  border-color: #00bcd4;
+  border-color: var(--rs-cyan-500);
+  background-color: #00bcd4;
+  background-color: var(--rs-cyan-500);
+}
+.rs-checkbox-blue .rs-checkbox-control::before {
+  border-color: #2196f3;
+  border-color: var(--rs-blue-500);
+}
+.rs-checkbox-blue label:hover .rs-checkbox-inner::before {
+  border-color: #2196f3;
+  border-color: var(--rs-blue-500);
+}
+.rs-checkbox-blue.rs-checkbox-checked .rs-checkbox-inner::before,
+.rs-checkbox-blue.rs-checkbox-indeterminate .rs-checkbox-inner::before {
+  border-color: #2196f3;
+  border-color: var(--rs-blue-500);
+  background-color: #2196f3;
+  background-color: var(--rs-blue-500);
+}
+.rs-checkbox-violet .rs-checkbox-control::before {
+  border-color: #673ab7;
+  border-color: var(--rs-violet-500);
+}
+.rs-checkbox-violet label:hover .rs-checkbox-inner::before {
+  border-color: #673ab7;
+  border-color: var(--rs-violet-500);
+}
+.rs-checkbox-violet.rs-checkbox-checked .rs-checkbox-inner::before,
+.rs-checkbox-violet.rs-checkbox-indeterminate .rs-checkbox-inner::before {
+  border-color: #673ab7;
+  border-color: var(--rs-violet-500);
+  background-color: #673ab7;
+  background-color: var(--rs-violet-500);
+}
+.rs-cascade-tree-items .rs-check-item .rs-checkbox-checker > label {
+  padding-right: 26px;
+}
+.rs-cascade-tree-items .rs-check-item.rs-check-item-focus .rs-checkbox-checker > label,
+.rs-cascade-tree-items .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
+  font-weight: bold;
+}
+.rs-cascade-tree-column.rs-cascade-tree-column-uncheckable .rs-check-item .rs-checkbox-checker > label {
+  padding-left: 12px;
+}
+.rs-cascade-tree-multi .rs-cascade-search-view-row {
+  padding-left: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.rs-cascade-tree-multi .rs-cascade-search-view-col {
+  padding: 0;
+}
+.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;
+  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: #575757;
+  color: var(--rs-btn-default-text);
+  background-color: #f7f7fa;
+  background-color: var(--rs-btn-default-bg);
+  border-radius: 6px;
+  font-size: 14px;
+  line-height: 20px;
+  padding: 8px 12px;
+  overflow: hidden;
+  position: relative;
+}
+.rs-theme-high-contrast .rs-btn {
+  -webkit-transition: none;
+  transition: none;
+}
+.rs-btn-ghost.rs-btn {
+  padding: 7px 11px;
+}
+.rs-btn-icon.rs-btn {
+  padding: 10px 10px;
+  line-height: 16px;
+}
+.rs-btn-icon.rs-btn > .rs-icon {
+  font-size: 16px;
+}
+.rs-btn-icon-with-text.rs-btn {
+  line-height: 20px;
+}
+.rs-btn-icon-with-text.rs-btn > .rs-icon {
+  padding: 10px 10px;
+  width: 36px;
+  height: 36px;
+}
+.rs-btn-icon-with-text.rs-btn.rs-btn-icon-placement-left {
+  padding: 8px 12px 8px 48px;
+}
+.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 {
+  padding: 8px 48px 8px 12px;
+}
+.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 {
+  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: #272c36;
+  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: #8e8e93;
+  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) {
+  .rs-btn {
+    /* stylelint-disable */
+    -webkit-mask-image: -webkit-radial-gradient(white, black);
+    /* stylelint-enable */
+  }
+}
+.rs-btn-start-icon {
+  line-height: 0;
+  margin-right: 5px;
+}
+.rs-btn-end-icon {
+  line-height: 0;
+  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);
 }
@@ -709,7 +996,7 @@
 }
 .rs-theme-high-contrast .rs-btn-primary:disabled,
 .rs-theme-high-contrast .rs-btn-primary.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-subtle {
   color: #575757;
@@ -739,7 +1026,7 @@
 }
 .rs-theme-high-contrast .rs-btn-subtle:disabled,
 .rs-theme-high-contrast .rs-btn-subtle.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-link {
   color: #1675e0;
@@ -770,7 +1057,7 @@
 }
 .rs-theme-high-contrast .rs-btn-link:disabled,
 .rs-theme-high-contrast .rs-btn-link.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-ghost {
   color: #1675e0;
@@ -812,7 +1099,7 @@
 }
 .rs-theme-high-contrast .rs-btn-ghost:disabled,
 .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-btn-red {
   --rs-btn-primary-bg: var(--rs-red-500);
@@ -1793,7 +2080,7 @@ textarea.rs-input {
 .rs-input:disabled {
   background-color: #f7f7fa;
   background-color: var(--rs-input-disabled-bg);
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
 }
 textarea.rs-input {
@@ -1994,7 +2281,7 @@ textarea.rs-input-sm {
 }
 .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled,
 .rs-theme-high-contrast .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-input-group.rs-input-group-inside .rs-input-group-btn > .rs-icon {
   font-size: 14px;
@@ -2041,16 +2328,16 @@ textarea.rs-input-sm {
   left: inherit;
   right: 1px;
 }
-.rs-input-group-disabled {
+.rs-input-group.rs-input-group-disabled {
   background-color: #f7f7fa;
   background-color: var(--rs-input-disabled-bg);
-  color: #c5c6c7;
+  color: #8e8e93;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
 }
-.rs-input-group-disabled .rs-input,
-.rs-input-group-disabled .rs-input-group-btn,
-.rs-input-group-disabled .rs-input-group-addon {
+.rs-input-group.rs-input-group-disabled .rs-input,
+.rs-input-group.rs-input-group-disabled .rs-input-group-btn,
+.rs-input-group.rs-input-group-disabled .rs-input-group-addon {
   color: inherit;
 }
 .rs-input-group-lg > .rs-input {
@@ -2402,6 +2689,13 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-input-group-btn:last-child > .rs-btn-group {
   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-picker-subtle .picker-subtle-toggle {
   position: relative;
   z-index: 5;
@@ -2432,8 +2726,17 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-block {
   display: block;
 }
-.rs-picker-disabled {
-  opacity: 0.3;
+.rs-picker-disabled {
+  cursor: not-allowed;
+}
+.rs-picker-disabled .rs-picker-toggle-value,
+.rs-picker-disabled .rs-picker-toggle-indicator,
+.rs-picker-disabled .rs-picker-tag-list .rs-tag {
+  color: #8e8e93 !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: #8e8e93;
@@ -2614,14 +2917,14 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-toggle:disabled,
 .rs-picker-toggle.rs-btn-disabled {
   cursor: not-allowed;
-  color: #c5c6c7;
+  color: #8e8e93;
   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 {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 @media not all and (min-resolution: 0.001dpcm) {
   .rs-picker-toggle {
@@ -2704,7 +3007,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 }
 .rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle:disabled,
 .rs-theme-high-contrast .rs-picker-subtle .rs-picker-toggle.rs-btn-disabled {
-  opacity: 0.5;
+  border-color: var(--rs-btn-default-disabled-boreder-color);
 }
 .rs-picker-subtle .rs-picker-toggle-active {
   background-color: #e5e5ea;
@@ -2975,592 +3278,314 @@ 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 {
-  padding: 2px 32px 2px 8px;
-}
-.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 {
-  padding-right: 28px;
-}
-.rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-xs {
-  padding-right: 28px;
-}
-.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
-.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
-  top: 2px;
-  right: 8px;
-}
-.rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
-.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-left: 7px;
-}
-.rs-picker-date .rs-picker-toggle.rs-btn-xs,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-xs {
-  padding-right: 30px;
-}
-.rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
-.rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
-.rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
-  top: 2px;
-  right: 8px;
-}
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
-.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
-.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
-.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;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-}
-.rs-picker-default .rs-picker-toggle {
-  position: relative;
-  z-index: 5;
-  padding-right: 32px;
-  display: inline-block;
-  color: #575757;
-  color: var(--rs-text-primary);
-  border: 1px solid #e5e5ea;
-  border: 1px solid var(--rs-border-primary);
-}
-.rs-picker-disabled .rs-picker-toggle {
-  cursor: not-allowed;
-}
-.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 {
-  position: relative;
-  z-index: 5;
-  padding-right: 32px;
-  display: inline-block;
-}
-.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle {
-  cursor: not-allowed;
-}
-.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:hover,
-.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:focus,
-.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:active {
-  background: none;
-}
-.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:hover::after,
-.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:focus::after,
-.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:active::after {
-  display: none;
-}
-.rs-picker-toggle.rs-btn {
-  width: 100%;
-  text-align: left;
-}
-.rs-picker-toggle-label {
-  color: #575757;
-  color: var(--rs-text-primary);
-}
-.rs-picker-toggle-label::after {
-  content: ':';
-  margin: 0 4px 0 2px;
-}
-.rs-picker-toggle-value {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-}
-.rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
-  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;
-  margin-left: 2px;
-  position: absolute;
-  top: 8px;
-  right: 30px;
-  height: 20px;
-  font-size: 12px;
-  background: inherit;
-  color: #8e8e93;
-  color: var(--rs-text-secondary);
-  -webkit-transition: 0.2s color linear;
-  transition: 0.2s color linear;
-  cursor: pointer;
-}
-.rs-picker-toggle-indicator .rs-picker-clean.rs-btn-close {
-  padding: 4px 0;
-}
-.rs-picker-date .rs-picker-toggle-indicator .rs-picker-clean,
-.rs-picker-daterange .rs-picker-toggle-indicator .rs-picker-clean {
-  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;
-  margin-left: 2px;
-  position: absolute;
-  top: 8px;
-  right: 12px;
-  height: 20px;
-  font-size: 12px;
-  color: #8e8e93;
-  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;
-  margin-left: 2px;
-  position: absolute;
-  top: 8px;
-  right: 12px;
-  height: 20px;
-  font-size: 12px;
-}
-.rs-picker-popup {
-  position: absolute;
-  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);
-  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;
-  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 {
-  z-index: 1055;
-}
-.rs-drawer-open .rs-picker-popup {
-  z-index: 1055;
-}
-.rs-picker-popup.rs-picker-inline {
-  position: relative;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.rs-picker-popup .rs-search-box {
-  padding: 6px 12px 6px;
-}
-.rs-picker-default .rs-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-check-item {
-  display: block;
-}
-.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;
+  border-right: none;
+  border-right: var(--rs-btn-default-border, none);
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
-  outline-offset: 2px;
+.rs-btn-icon-with-text.rs-picker-toggle.rs-btn-xs.rs-btn-icon-placement-right {
+  padding: 2px 32px 2px 8px;
 }
-.rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover .rs-check-tree-node-text-wrapper,
-.rs-theme-high-contrast .rs-check-item:focus .rs-check-tree-node-text-wrapper,
-.rs-theme-high-contrast .rs-check-item.rs-check-item-focus .rs-check-tree-node-text-wrapper {
-  text-decoration: underline;
+.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-check-item .rs-checkbox-checker {
-  padding: 0;
+.rs-picker-toggle-wrapper .rs-picker-toggle.rs-btn-xs {
+  padding-right: 28px;
 }
-.rs-check-item .rs-checkbox-checker > label {
-  position: relative;
-  cursor: pointer;
-  display: block;
-  padding: 8px 12px 8px 38px;
-  line-height: 20px;
+.rs-picker-has-value.rs-picker-cleanable .rs-picker-toggle.rs-btn-xs {
+  padding-right: 28px;
 }
-.rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label {
-  -webkit-transition: none;
-  transition: none;
+.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
+  top: 2px;
+  right: 8px;
 }
-.rs-check-item .rs-checkbox-checker > label::before {
-  background-color: #fff;
-  background-color: var(--rs-bg-overlay);
+.rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
+  top: 1px;
 }
-.rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label::before {
-  background: none;
+.rs-picker-default .rs-picker-toggle.rs-btn-xs {
+  padding-left: 7px;
 }
-.rs-checkbox-disabled.rs-check-item .rs-checkbox-checker > label {
-  cursor: not-allowed;
+.rs-picker-date .rs-picker-toggle.rs-btn-xs,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-xs {
+  padding-right: 30px;
 }
-.grouped .rs-check-item .rs-checkbox-checker > label,
-.rs-picker-check-menu-group-children .rs-check-item .rs-checkbox-checker > label {
-  padding-left: 52px;
+.rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
+  top: 2px;
+  right: 8px;
 }
-.rs-check-item .rs-checkbox-checker .rs-checkbox-control {
-  left: 12px;
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-subtle .rs-picker-date .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon,
+.rs-picker-subtle .rs-picker-daterange .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-caret-icon {
+  top: 1px;
 }
-.grouped .rs-check-item .rs-checkbox-checker .rs-checkbox-control,
-.rs-picker-check-menu-group-children .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
-  left: 26px;
+.rs-picker-default .rs-picker-toggle.rs-btn-xs {
+  padding-top: 1px;
+  padding-bottom: 1px;
 }
-.rs-checkbox {
+/* stylelint-disable-next-line */
+.rs-picker-toggle {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+}
+.rs-picker-default .rs-picker-toggle {
   position: relative;
+  z-index: 5;
+  padding-right: 32px;
   display: inline-block;
-  vertical-align: middle;
+  color: #575757;
+  color: var(--rs-text-primary);
+  border: 1px solid #e5e5ea;
+  border: 1px solid var(--rs-border-primary);
 }
-.rs-checkbox-disabled label {
+.rs-picker-disabled .rs-picker-toggle {
   cursor: not-allowed;
 }
-.rs-checkbox label {
-  line-height: 1.14285714;
-  margin-bottom: 0;
-  font-weight: normal;
-  cursor: pointer;
-}
-.rs-checkbox-inner::before {
+.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-checkbox-checked-bg);
-}
-.rs-checkbox.rs-checkbox-disabled label {
-  cursor: not-allowed;
-}
-.rs-checkbox-disabled > .rs-checkbox-checker > label {
-  color: #c5c6c7;
-  color: var(--rs-text-disabled);
+  border-color: var(--rs-input-focus-border);
 }
-.rs-checkbox-inline {
+.rs-picker-subtle .rs-picker-toggle {
   position: relative;
+  z-index: 5;
+  padding-right: 32px;
   display: inline-block;
-  margin-bottom: 0;
-  vertical-align: middle;
-  font-weight: normal;
-  margin-top: 0;
-  margin-right: 10px;
-}
-.rs-plaintext .rs-checkbox-inline:first-child {
-  margin-left: 0;
 }
-.rs-checkbox [type='checkbox']:focus-visible ~ .rs-checkbox-inner::before {
-  -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);
-}
-.rs-checkbox-checker {
-  padding-top: 10px;
-  padding-bottom: 10px;
-  padding-left: 36px;
-  min-height: 36px;
-  line-height: 1;
-  position: relative;
+.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle {
+  cursor: not-allowed;
 }
-/* rtl:begin:ignore */
-.rs-checkbox-control::before,
-.rs-checkbox-control .rs-checkbox-inner::before,
-.rs-checkbox-control .rs-checkbox-inner::after {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  display: block;
+.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:hover,
+.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:focus,
+.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:active {
+  background: none;
 }
-.rs-checkbox-control .rs-checkbox-inner::after {
-  opacity: 0;
-  -webkit-transform: rotate(45deg) scale(0);
-          transform: rotate(45deg) scale(0);
-  -webkit-transition: opacity 0.2s ease-in, -webkit-transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
-  transition: opacity 0.2s ease-in, -webkit-transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
-  transition: opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
-  transition: opacity 0.2s ease-in, transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46), -webkit-transform 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46);
+.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:hover::after,
+.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:focus::after,
+.rs-picker-subtle.rs-picker-disabled .rs-picker-toggle:active::after {
+  display: none;
 }
-.rs-theme-high-contrast .rs-checkbox-control .rs-checkbox-inner::after {
-  -webkit-transition: none;
-  transition: none;
+.rs-picker-toggle.rs-btn {
+  width: 100%;
+  text-align: left;
 }
-.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::after,
-.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::after {
-  border: solid #fff;
-  border: solid var(--rs-checkbox-icon);
-  width: 6px;
-  height: 9px;
-  margin-top: 2px;
-  margin-left: 5px;
-  opacity: 1;
+.rs-picker-toggle-label {
+  color: #575757;
+  color: var(--rs-text-primary);
 }
-.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::after {
-  border-width: 0 2px 2px 0;
-  -webkit-transform: rotate(45deg) scale(1);
-          transform: rotate(45deg) scale(1);
+.rs-picker-toggle-label::after {
+  content: ':';
+  margin: 0 4px 0 2px;
 }
-.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::after {
-  border-width: 0 0 2px;
-  -webkit-transform: rotate(0deg) scale(1);
-          transform: rotate(0deg) scale(1);
-  width: 10px;
-  margin-top: 0;
-  margin-left: 3px;
+.rs-picker-toggle-value {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
 }
-/* rtl:end:ignore */
-/* stylelint-disable-next-line */
-.rs-checkbox-control {
-  position: absolute;
-  width: 16px;
-  height: 16px;
-  display: inline-block;
-  left: 10px;
-  top: 10px;
+.rs-picker-cleanable.rs-picker-has-value .rs-picker-toggle {
+  padding-right: 44px;
 }
-.rs-checkbox-control [type='checkbox'] {
+.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;
+  margin-left: 2px;
   position: absolute;
-  opacity: 0;
-  z-index: 1;
-  top: -10px;
-  right: -10px;
-  bottom: -10px;
-  left: -10px;
-  min-width: 36px;
-  min-height: 36px;
-}
-.rs-checkbox-control::before,
-.rs-checkbox-control .rs-checkbox-inner::before,
-.rs-checkbox-control .rs-checkbox-inner::after {
-  width: 16px;
-  height: 16px;
+  top: 8px;
+  right: 30px;
+  height: 20px;
+  font-size: 12px;
+  background: inherit;
+  color: #8e8e93;
+  color: var(--rs-text-secondary);
+  -webkit-transition: 0.2s color linear;
+  transition: 0.2s color linear;
+  cursor: pointer;
 }
-.rs-checkbox-control::before {
-  border: 1px solid #3498ff;
-  border: 1px solid var(--rs-checkbox-checked-bg);
-  background-color: transparent;
-  border-radius: 3px;
-  -webkit-transform: scale(1);
-          transform: scale(1);
-  opacity: 0.7;
-  visibility: hidden;
-  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
-  transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
-  transition: transform 0.2s linear, opacity 0.2s linear;
-  transition: transform 0.2s linear, opacity 0.2s linear, -webkit-transform 0.2s linear;
+.rs-picker-toggle-indicator .rs-picker-clean.rs-btn-close {
+  padding: 4px 0;
 }
-.rs-theme-high-contrast .rs-checkbox-control::before {
-  -webkit-transition: none;
-  transition: none;
+.rs-picker-date .rs-picker-toggle-indicator .rs-picker-clean,
+.rs-picker-daterange .rs-picker-toggle-indicator .rs-picker-clean {
+  right: 38px;
 }
-.rs-checkbox-checked .rs-checkbox-control::before {
-  -webkit-transform: scale(1.5);
-          transform: scale(1.5);
-  opacity: 0;
-  visibility: visible;
+.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;
+  margin-left: 2px;
+  position: absolute;
+  top: 8px;
+  right: 12px;
+  height: 20px;
+  font-size: 12px;
+  color: #8e8e93;
+  color: var(--rs-text-secondary);
 }
-.rs-checkbox-control .rs-checkbox-inner::before {
-  border: 1px solid #d9d9d9;
-  border: 1px solid var(--rs-checkbox-border);
-  background-color: transparent;
-  border-radius: 3px;
-  -webkit-transition: background 0.2s linear, border 0.2s linear, -webkit-box-shadow 0.2s linear;
-  transition: background 0.2s linear, border 0.2s linear, -webkit-box-shadow 0.2s linear;
-  transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
-  transition: background 0.2s linear, border 0.2s linear, box-shadow 0.2s linear, -webkit-box-shadow 0.2s linear;
+.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;
+  margin-left: 2px;
+  position: absolute;
+  top: 8px;
+  right: 12px;
+  height: 20px;
+  font-size: 12px;
 }
-.rs-theme-high-contrast .rs-checkbox-control .rs-checkbox-inner::before {
+.rs-picker-popup {
+  position: absolute;
+  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);
+  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;
+  padding: 6px 0;
 }
-label:hover .rs-checkbox-control .rs-checkbox-inner::before {
-  border-color: #3498ff;
-  border-color: var(--rs-checkbox-checked-bg);
-}
-.rs-checkbox-disabled:not(.rs-checkbox-checked):not(.rs-checkbox-indeterminate) .rs-checkbox-control .rs-checkbox-inner::before {
-  border-color: #f7f7fa;
-  border-color: var(--rs-checkbox-disabled-bg);
-  background-color: #f7f7fa;
-  background-color: var(--rs-checkbox-disabled-bg);
-}
-.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before,
-.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::before {
-  border-color: #3498ff;
-  border-color: var(--rs-checkbox-checked-bg);
-  background-color: #3498ff;
-  background-color: var(--rs-checkbox-checked-bg);
+.rs-theme-high-contrast .rs-picker-popup {
+  border: 1px solid #e5e5ea;
+  border: 1px solid var(--rs-border-primary);
 }
-.rs-checkbox-disabled.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before,
-.rs-checkbox-disabled.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::before {
-  opacity: 0.3;
+.rs-modal-open .rs-picker-popup {
+  z-index: 1055;
 }
-.rs-theme-high-contrast .rs-checkbox-disabled.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before,
-.rs-theme-high-contrast .rs-checkbox-disabled.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::before {
-  opacity: 0.5;
+.rs-drawer-open .rs-picker-popup {
+  z-index: 1055;
 }
-.rs-checkbox-red .rs-checkbox-control::before {
-  border-color: #f44336;
-  border-color: var(--rs-red-500);
+.rs-picker-popup.rs-picker-inline {
+  position: relative;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
-.rs-checkbox-red label:hover .rs-checkbox-inner::before {
-  border-color: #f44336;
-  border-color: var(--rs-red-500);
+.rs-picker-popup .rs-search-box {
+  padding: 6px 12px 6px;
 }
-.rs-checkbox-red.rs-checkbox-checked .rs-checkbox-inner::before,
-.rs-checkbox-red.rs-checkbox-indeterminate .rs-checkbox-inner::before {
-  border-color: #f44336;
-  border-color: var(--rs-red-500);
-  background-color: #f44336;
-  background-color: var(--rs-red-500);
+.rs-picker-popup .rs-highlight .rs-highlight-mark {
+  padding: 0;
 }
-.rs-checkbox-orange .rs-checkbox-control::before {
-  border-color: #fa8900;
-  border-color: var(--rs-orange-500);
+.rs-picker-default .rs-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-checkbox-orange label:hover .rs-checkbox-inner::before {
-  border-color: #fa8900;
-  border-color: var(--rs-orange-500);
+.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-checkbox-orange.rs-checkbox-checked .rs-checkbox-inner::before,
-.rs-checkbox-orange.rs-checkbox-indeterminate .rs-checkbox-inner::before {
-  border-color: #fa8900;
-  border-color: var(--rs-orange-500);
-  background-color: #fa8900;
-  background-color: var(--rs-orange-500);
+.rs-picker-default.rs-picker-disabled .rs-input-group,
+.rs-picker-input.rs-picker-disabled .rs-input-group {
+  pointer-events: none;
 }
-.rs-checkbox-yellow .rs-checkbox-control::before {
-  border-color: #ffb300;
-  border-color: var(--rs-yellow-500);
+.rs-check-item {
+  display: block;
 }
-.rs-checkbox-yellow label:hover .rs-checkbox-inner::before {
-  border-color: #ffb300;
-  border-color: var(--rs-yellow-500);
+.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-checkbox-yellow.rs-checkbox-checked .rs-checkbox-inner::before,
-.rs-checkbox-yellow.rs-checkbox-indeterminate .rs-checkbox-inner::before {
-  border-color: #ffb300;
-  border-color: var(--rs-yellow-500);
-  background-color: #ffb300;
-  background-color: var(--rs-yellow-500);
+.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;
 }
-.rs-checkbox-green .rs-checkbox-control::before {
-  border-color: #4caf50;
-  border-color: var(--rs-green-500);
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item:focus,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
+  outline-offset: 2px;
 }
-.rs-checkbox-green label:hover .rs-checkbox-inner::before {
-  border-color: #4caf50;
-  border-color: var(--rs-green-500);
+.rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover .rs-check-tree-node-text-wrapper,
+.rs-theme-high-contrast .rs-check-item:focus .rs-check-tree-node-text-wrapper,
+.rs-theme-high-contrast .rs-check-item.rs-check-item-focus .rs-check-tree-node-text-wrapper {
+  text-decoration: underline;
 }
-.rs-checkbox-green.rs-checkbox-checked .rs-checkbox-inner::before,
-.rs-checkbox-green.rs-checkbox-indeterminate .rs-checkbox-inner::before {
-  border-color: #4caf50;
-  border-color: var(--rs-green-500);
-  background-color: #4caf50;
-  background-color: var(--rs-green-500);
+.rs-check-item .rs-checkbox-checker {
+  padding: 0;
 }
-.rs-checkbox-cyan .rs-checkbox-control::before {
-  border-color: #00bcd4;
-  border-color: var(--rs-cyan-500);
+.rs-check-item .rs-checkbox-checker > label {
+  position: relative;
+  cursor: pointer;
+  display: block;
+  padding: 8px 12px 8px 38px;
+  line-height: 20px;
 }
-.rs-checkbox-cyan label:hover .rs-checkbox-inner::before {
-  border-color: #00bcd4;
-  border-color: var(--rs-cyan-500);
+.rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label {
+  -webkit-transition: none;
+  transition: none;
 }
-.rs-checkbox-cyan.rs-checkbox-checked .rs-checkbox-inner::before,
-.rs-checkbox-cyan.rs-checkbox-indeterminate .rs-checkbox-inner::before {
-  border-color: #00bcd4;
-  border-color: var(--rs-cyan-500);
-  background-color: #00bcd4;
-  background-color: var(--rs-cyan-500);
+.rs-check-item .rs-checkbox-checker > label::before {
+  background-color: #fff;
+  background-color: var(--rs-bg-overlay);
 }
-.rs-checkbox-blue .rs-checkbox-control::before {
-  border-color: #2196f3;
-  border-color: var(--rs-blue-500);
+.rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label::before {
+  background: none;
 }
-.rs-checkbox-blue label:hover .rs-checkbox-inner::before {
-  border-color: #2196f3;
-  border-color: var(--rs-blue-500);
+.rs-checkbox-disabled.rs-check-item .rs-checkbox-checker > label {
+  cursor: not-allowed;
 }
-.rs-checkbox-blue.rs-checkbox-checked .rs-checkbox-inner::before,
-.rs-checkbox-blue.rs-checkbox-indeterminate .rs-checkbox-inner::before {
-  border-color: #2196f3;
-  border-color: var(--rs-blue-500);
-  background-color: #2196f3;
-  background-color: var(--rs-blue-500);
+.grouped .rs-check-item .rs-checkbox-checker > label,
+.rs-picker-check-menu-group-children .rs-check-item .rs-checkbox-checker > label {
+  padding-left: 52px;
 }
-.rs-checkbox-violet .rs-checkbox-control::before {
-  border-color: #673ab7;
-  border-color: var(--rs-violet-500);
+.rs-check-item .rs-checkbox-checker .rs-checkbox-control {
+  left: 12px;
 }
-.rs-checkbox-violet label:hover .rs-checkbox-inner::before {
-  border-color: #673ab7;
-  border-color: var(--rs-violet-500);
+.grouped .rs-check-item .rs-checkbox-checker .rs-checkbox-control,
+.rs-picker-check-menu-group-children .rs-check-item .rs-checkbox-checker .rs-checkbox-control {
+  left: 26px;
 }
-.rs-checkbox-violet.rs-checkbox-checked .rs-checkbox-inner::before,
-.rs-checkbox-violet.rs-checkbox-indeterminate .rs-checkbox-inner::before {
-  border-color: #673ab7;
-  border-color: var(--rs-violet-500);
-  background-color: #673ab7;
-  background-color: var(--rs-violet-500);
+.rs-picker-menu-group {
+  background-color: #fff;
+  background-color: var(--rs-listbox-option-group-bg);
+  position: sticky;
+  top: -1px;
+  z-index: 1;
 }
 .rs-picker-popup-multi-cascader .rs-cascade-search-view-row {
   padding-left: 0;