rsuite 5.4.1 → 5.5.0

package/dist/rsuite.css

@@ -119,6 +119,7 @@
   --rs-bg-active: #3498ff;
   --rs-bg-backdrop: rgba(39, 44, 54, 0.3);
   --rs-state-hover-bg: #f2faff;
+  --rs-color-focus-ring: rgba(52, 152, 255, 0.25);
   --rs-state-focus-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
   --rs-state-focus-outline: 3px solid rgba(52, 152, 255, 0.25);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
@@ -437,6 +438,7 @@
   --rs-bg-active: #169de0;
   --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
   --rs-state-hover-bg: #3c3f43;
+  --rs-color-focus-ring: 0 0 0 3px rgba(52, 195, 255, 0.25);
   --rs-state-focus-shadow: 0 0 0 3px rgba(52, 195, 255, 0.25);
   --rs-state-focus-outline: 3px solid rgba(52, 195, 255, 0.25);
   --rs-shadow-overlay: 0 4px 4px rgba(0, 0, 0, 0.12), 0 0 10px rgba(0, 0, 0, 0.06);
@@ -753,6 +755,7 @@
   --rs-bg-active: #ffff00;
   --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
   --rs-state-hover-bg: #3c3f43;
+  --rs-color-focus-ring: #fff;
   --rs-state-focus-shadow: 0 0 0 3px #0f131a, 0 0 0 5px #fff;
   --rs-state-focus-shadow-slim: 0 0 0 2px #fff;
   --rs-state-focus-outline: 3px solid rgba(255, 255, 0, 0.25);
@@ -1618,12 +1621,19 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-theme-high-contrast .rs-auto-complete-item:hover,
 .rs-theme-high-contrast .rs-auto-complete-item:focus,
 .rs-theme-high-contrast .rs-auto-complete-item-focus {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline: 3px solid rgba(52, 152, 255, 0.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-theme-high-contrast .rs-theme-high-contrast .rs-auto-complete-item:hover,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-auto-complete-item:focus,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-auto-complete-item-focus {
+  outline-offset: 2px;
+}
 .rs-auto-complete .rs-input:focus::-webkit-textfield-decoration-container {
   visibility: hidden;
   pointer-events: none;
@@ -1832,7 +1842,6 @@ tbody.rs-anim-collapse.rs-anim-in {
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
-  outline: 0 !important;
   white-space: nowrap;
   -webkit-transition: color 0.2s linear, background-color 0.3s linear;
   transition: color 0.2s linear, background-color 0.3s linear;
@@ -1892,12 +1901,12 @@ tbody.rs-anim-collapse.rs-anim-in {
   border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
-.rs-btn:focus {
-  outline: 0;
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: var(--rs-state-focus-shadow);
+.rs-btn:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.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 {
@@ -2780,7 +2789,6 @@ tbody.rs-anim-collapse.rs-anim-in {
   z-index: 5;
   padding-right: 32px;
   display: inline-block;
-  outline: none;
   cursor: pointer;
 }
 .rs-picker-subtle.rs-picker-disabled .picker-subtle-toggle {
@@ -3396,12 +3404,17 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline: 3px solid rgba(52, 152, 255, 0.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-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
+  outline-offset: 2px;
+}
 .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active {
   background-color: #3498ff;
   background-color: var(--rs-bg-active);
@@ -3415,12 +3428,17 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline: 3px solid rgba(52, 152, 255, 0.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-theme-high-contrast .rs-theme-high-contrast .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
+  outline-offset: 2px;
+}
 .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-disabled {
   color: #c5c6c7;
   color: var(--rs-text-disabled);
@@ -3701,12 +3719,17 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-cascader-row:hover {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline: 3px solid rgba(52, 152, 255, 0.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-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-row:hover {
+  outline-offset: 2px;
+}
 .rs-picker-cascader-row.rs-picker-cascader-row-focus {
   background-color: rgba(204, 233, 255, 0.5);
   background-color: var(--rs-listbox-option-hover-bg);
@@ -3714,12 +3737,17 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline: 3px solid rgba(52, 152, 255, 0.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-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
+  outline-offset: 2px;
+}
 .rs-picker-cascader-row:disabled,
 .rs-picker-cascader-row.rs-picker-cascader-row-disabled {
   color: #c5c6c7;
@@ -3811,12 +3839,20 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
 .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
 .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline: 3px solid rgba(52, 152, 255, 0.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-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item:hover,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item:focus,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
+  outline-offset: 2px;
+}
 .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active {
   background-color: #f2faff;
   background-color: var(--rs-listbox-option-selected-bg);
@@ -4122,34 +4158,14 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 .rs-check-tree.rs-check-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List:focus {
   outline: none;
 }
-.rs-check-tree-node {
-  position: relative;
-  font-size: 14px;
-  line-height: 22px;
-}
-.rs-check-tree-node-label .rs-check-item {
-  display: inline-block;
-}
-.rs-picker-menu .rs-check-tree-node-label .rs-check-item {
-  display: block;
-}
-.rs-check-tree-node-label:focus .rs-check-item .rs-checkbox-checker > label {
-  color: #575757;
-  color: var(--rs-text-primary);
-  background-color: #f2faff;
-  background-color: var(--rs-state-hover-bg);
-}
-.rs-check-tree-node-label .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
-  font-weight: bold;
-}
-.rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label {
+.rs-check-tree .rs-check-item .rs-checkbox-checker > label {
   text-align: left;
   position: relative;
   margin: 0;
   padding: 8px 12px;
   padding-left: 58px;
 }
-.rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
+.rs-check-tree .rs-check-item .rs-checkbox-checker > label::before {
   content: '';
   position: absolute;
   width: 46px;
@@ -4157,23 +4173,43 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   top: 0;
   margin-left: -58px;
 }
-.rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label .rs-checkbox-wrapper {
+.rs-check-tree .rs-check-item .rs-checkbox-checker .rs-checkbox-wrapper {
   left: 20px;
 }
-.without-children .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label {
+.rs-check-tree-without-children .rs-check-item .rs-checkbox-checker > label {
   padding-left: 34px;
 }
-.without-children .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
+.rs-check-tree-without-children .rs-check-item .rs-checkbox-checker > label::before {
   width: 28px;
   margin-left: -36px;
 }
-.without-children .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label .rs-checkbox-wrapper {
+.rs-check-tree-without-children .rs-check-item .rs-checkbox-checker .rs-checkbox-wrapper {
   left: 0;
 }
-.rs-check-tree-node-all-uncheckable > .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label {
+.rs-check-tree-node {
+  position: relative;
+  font-size: 14px;
+  line-height: 22px;
+}
+.rs-check-tree-node .rs-check-item {
+  display: inline-block;
+}
+.rs-picker-menu .rs-check-tree-node .rs-check-item {
+  display: block;
+}
+.rs-check-tree-node:focus .rs-check-item .rs-checkbox-checker > label {
+  color: #575757;
+  color: var(--rs-text-primary);
+  background-color: #f2faff;
+  background-color: var(--rs-state-hover-bg);
+}
+.rs-check-tree-node .rs-check-item.rs-checkbox-checked .rs-checkbox-checker > label {
+  font-weight: bold;
+}
+.rs-check-tree-node-all-uncheckable > .rs-check-item .rs-checkbox-checker > label {
   padding-left: 22px;
 }
-.rs-check-tree-node-all-uncheckable > .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
+.rs-check-tree-node-all-uncheckable > .rs-check-item .rs-checkbox-checker > label::before {
   width: 14px;
   margin-left: 0;
   left: 0;
@@ -4376,12 +4412,17 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline: 3px solid rgba(52, 152, 255, 0.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-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
+  outline-offset: 2px;
+}
 .rs-picker-menu .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
   height: 24px;
   padding-top: 0;
@@ -4398,12 +4439,17 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline: 3px solid rgba(52, 152, 255, 0.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-theme-high-contrast .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
+  outline-offset: 2px;
+}
 .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-scroll {
   height: 227px;
 }
@@ -4538,6 +4584,9 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   position: fixed;
   z-index: 1050;
   top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
 }
 .rs-drawer {
   display: none;
@@ -4860,7 +4909,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   z-index: 5;
   padding-right: 32px;
   display: inline-block;
-  outline: none;
   cursor: pointer;
 }
 .rs-dropdown-toggle.rs-dropdown-toggle-no-caret {
@@ -4878,10 +4926,11 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   outline: 0;
 }
 .rs-dropdown-menu:focus-visible {
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: var(--rs-state-focus-shadow);
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+}
+.rs-theme-high-contrast .rs-dropdown-menu:focus-visible {
+  outline-offset: 2px;
 }
 .rs-dropdown .rs-dropdown-menu {
   position: absolute;
@@ -4891,6 +4940,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   -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);
+  outline: none;
 }
 .rs-theme-high-contrast .rs-dropdown .rs-dropdown-menu {
   border: 1px solid #e5e5ea;
@@ -5004,12 +5054,9 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 .rs-dropdown-item.rs-dropdown-item-submenu .rs-dropdown-menu-toggle-icon {
   right: 9px;
 }
-.rs-dropdown-item-submenu .rs-dropdown-item-pull-right ~ .rs-dropdown-menu {
+.rs-dropdown-item-submenu .rs-dropdown-menu {
   left: 100%;
 }
-.rs-dropdown-item-submenu .rs-dropdown-item-pull-left ~ .rs-dropdown-menu {
-  right: 100%;
-}
 .rs-dropdown-item-submenu.rs-dropdown-item-open > .rs-dropdown-menu {
   display: table;
   -webkit-animation-name: slideUpIn;
@@ -8675,6 +8722,24 @@ textarea.rs-picker-search-input {
 .rs-theme-high-contrast .rs-message-error {
   border: 1px solid var(--rs-message-error-border);
 }
+.rs-modal-backdrop {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: 1049;
+  background-color: rgba(39, 44, 54, 0.3);
+  background-color: var(--rs-bg-backdrop);
+}
+.rs-modal-backdrop.rs-anim-fade {
+  opacity: 0;
+  -webkit-transition: opacity 0.3s ease-in;
+  transition: opacity 0.3s ease-in;
+}
+.rs-modal-backdrop.rs-anim-in {
+  opacity: 1;
+}
 .rs-modal-open {
   overflow: hidden;
 }
@@ -8683,9 +8748,9 @@ textarea.rs-picker-search-input {
   overflow: auto;
   z-index: 1050;
   top: 0;
-  bottom: 0;
-  right: 0;
   left: 0;
+  width: 100%;
+  height: 100%;
 }
 .rs-modal {
   display: none;
@@ -8729,23 +8794,6 @@ textarea.rs-picker-search-input {
           box-shadow: var(--rs-modal-shadow);
   padding: 20px;
 }
-.rs-modal-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background-color: rgba(39, 44, 54, 0.3);
-  background-color: var(--rs-bg-backdrop);
-}
-.rs-modal-backdrop.rs-anim-fade {
-  opacity: 0;
-  -webkit-transition: opacity 0.3s ease-in;
-  transition: opacity 0.3s ease-in;
-}
-.rs-modal-backdrop.rs-anim-in {
-  opacity: 1;
-}
 .rs-modal-header {
   padding-right: 20px;
 }
@@ -8896,10 +8944,15 @@ textarea.rs-picker-search-input {
   text-decoration: underline;
 }
 .rs-nav-item:focus-visible {
-  -webkit-box-shadow: var(--rs-state-focus-shadow-slim);
-          box-shadow: var(--rs-state-focus-shadow-slim);
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-width: 2px;
+  outline-offset: 0;
   z-index: 2;
 }
+.rs-theme-high-contrast .rs-nav-item:focus-visible {
+  outline-offset: 2px;
+}
 .rs-nav-item:active {
   color: #272c36;
   color: var(--rs-navs-text-active);
@@ -9115,17 +9168,29 @@ textarea.rs-picker-search-input {
 .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
 .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
   z-index: 1;
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: var(--rs-state-focus-shadow);
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+}
+.rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
+.rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
+.rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
+.rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
+  outline-offset: 2px;
 }
 .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
 .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
 .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
 .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
+  outline-width: 2px;
+}
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item.rs-navbar-item-focus,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle {
+  outline-offset: 2px;
 }
 .rs-navbar-item,
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
@@ -9151,12 +9216,6 @@ textarea.rs-picker-search-input {
 .rs-navbar-brand,
 .rs-navbar-item,
 .rs-navbar-nav > .rs-dropdown-item,
-.rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
-  outline: 0;
-}
-.rs-navbar-brand,
-.rs-navbar-item,
-.rs-navbar-nav > .rs-dropdown-item,
 .rs-navbar-brand:hover,
 .rs-navbar-item:hover,
 .rs-navbar-nav > .rs-dropdown-item:hover,
@@ -9171,24 +9230,40 @@ textarea.rs-picker-search-input {
 }
 .rs-navbar-brand:focus-visible,
 .rs-navbar-item:focus-visible,
-.rs-navbar-nav > .rs-dropdown-item:focus-visible {
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: var(--rs-state-focus-shadow);
+.rs-navbar-nav > .rs-dropdown-item:focus-visible,
+.rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus,
+.rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
   z-index: 2;
 }
 .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
 .rs-theme-high-contrast .rs-navbar-item:focus-visible,
 .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline-offset: 2px;
+}
+.rs-theme-high-contrast .rs-navbar-brand:focus-visible,
+.rs-theme-high-contrast .rs-navbar-item:focus-visible,
+.rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
+  outline-width: 2px;
+}
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-brand:focus-visible,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-item:focus-visible,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible {
+  outline-offset: 2px;
 }
 .rs-navbar-item,
 .rs-navbar-nav > .rs-dropdown,
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
   margin: 0 !important;
 }
+.rs-theme-high-contrast .rs-navbar-item.rs-navbar-item-active {
+  text-decoration: underline;
+}
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle {
   padding-right: 36px;
 }
@@ -9196,15 +9271,28 @@ textarea.rs-picker-search-input {
   border: none;
 }
 .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
+  outline-width: 2px;
+}
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
+  outline-offset: 2px;
 }
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle .rs-dropdown-toggle-caret {
   top: 18px;
   right: 16px;
 }
-.rs-theme-high-contrast .rs-navbar-item.rs-navbar-item-active {
+.rs-navbar .rs-dropdown-item:hover {
+  background-color: rgba(204, 233, 255, 0.5);
+  background-color: var(--rs-menuitem-active-bg);
+  color: #1675e0;
+  color: var(--rs-menuitem-active-text);
+}
+.rs-theme-high-contrast .rs-navbar .rs-dropdown-item:hover {
   text-decoration: underline;
+  -webkit-box-shadow: inset 0 0 0 2px #fff;
+          box-shadow: inset 0 0 0 2px #fff;
 }
 .rs-navbar-default {
   background-color: #f7f7fa;
@@ -9604,7 +9692,6 @@ textarea.rs-picker-search-input {
   font-weight: normal;
   text-align: center;
   vertical-align: middle;
-  outline: 0 !important;
   white-space: nowrap;
   -webkit-transition: color 0.2s linear, background-color 0.3s linear;
   transition: color 0.2s linear, background-color 0.3s linear;
@@ -9678,12 +9765,12 @@ textarea.rs-picker-search-input {
   border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
-.rs-pagination-btn:focus {
-  outline: 0;
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: var(--rs-state-focus-shadow);
+.rs-pagination-btn:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+}
+.rs-theme-high-contrast .rs-pagination-btn:focus-visible {
+  outline-offset: 2px;
 }
 .rs-pagination-btn:hover,
 .rs-pagination-btn:focus {
@@ -10051,7 +10138,6 @@ textarea.rs-picker-search-input {
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
-  outline: 0 !important;
   white-space: nowrap;
   -webkit-transition: color 0.2s linear, background-color 0.3s linear;
   transition: color 0.2s linear, background-color 0.3s linear;
@@ -10111,12 +10197,12 @@ textarea.rs-picker-search-input {
   border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
-.rs-picker-toggle:focus {
-  outline: 0;
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: var(--rs-state-focus-shadow);
+.rs-picker-toggle:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+}
+.rs-theme-high-contrast .rs-picker-toggle:focus-visible {
+  outline-offset: 2px;
 }
 .rs-picker-toggle:hover,
 .rs-picker-toggle:focus {
@@ -10325,18 +10411,18 @@ textarea.rs-picker-search-input {
   font-size: 14px;
   line-height: 1.42857143;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper {
+.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper {
   padding-bottom: 5px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-tag {
+.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-tag {
   margin-top: 5px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input {
   padding-left: 12px;
   margin-top: 5px;
   font-size: 14px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper .rs-picker-search-input input {
+.rs-picker-tag .rs-picker-toggle.rs-btn ~ .rs-picker-tag-wrapper input {
   height: 18px;
 }
 .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn {
@@ -10406,18 +10492,18 @@ textarea.rs-picker-search-input {
   font-size: 16px;
   line-height: 1.375;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper {
+.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper {
   padding-bottom: 6px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-tag {
+.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-tag {
   margin-top: 6px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-picker-search-input {
   padding-left: 16px;
   margin-top: 6px;
   font-size: 16px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper .rs-picker-search-input input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-lg ~ .rs-picker-tag-wrapper input {
   height: 20px;
 }
 .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-lg {
@@ -10519,18 +10605,18 @@ textarea.rs-picker-search-input {
   font-size: 14px;
   line-height: 1.42857143;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper {
+.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper {
   padding-bottom: 5px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-tag {
+.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-tag {
   margin-top: 5px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-picker-search-input {
   padding-left: 12px;
   margin-top: 5px;
   font-size: 14px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper .rs-picker-search-input input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-md ~ .rs-picker-tag-wrapper input {
   height: 18px;
 }
 .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-md {
@@ -10634,18 +10720,18 @@ textarea.rs-picker-search-input {
   font-size: 14px;
   line-height: 1.42857143;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper {
+.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper {
   padding-bottom: 2px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-tag {
+.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-tag {
   margin-top: 2px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-picker-search-input {
   padding-left: 10px;
   margin-top: 2px;
   font-size: 14px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper .rs-picker-search-input input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-sm ~ .rs-picker-tag-wrapper input {
   height: 18px;
 }
 .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-sm {
@@ -10751,18 +10837,18 @@ textarea.rs-picker-search-input {
   font-size: 12px;
   line-height: 1.66666667;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper {
+.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper {
   padding-bottom: -1px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-tag {
+.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-tag {
   margin-top: -1px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input {
   padding-left: 8px;
   margin-top: -1px;
   font-size: 12px;
 }
-.rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper .rs-picker-search-input input {
+.rs-picker-tag .rs-picker-toggle.rs-btn-xs ~ .rs-picker-tag-wrapper input {
   height: 18px;
 }
 .rs-picker-input.rs-picker-tag .rs-picker-toggle.rs-btn-xs {
@@ -10822,7 +10908,6 @@ textarea.rs-picker-search-input {
   z-index: 5;
   padding-right: 32px;
   display: inline-block;
-  outline: none;
   cursor: pointer;
   color: #575757;
   color: var(--rs-text-primary);
@@ -10842,7 +10927,6 @@ textarea.rs-picker-search-input {
   z-index: 5;
   padding-right: 32px;
   display: inline-block;
-  outline: none;
   cursor: pointer;
 }
 .rs-picker-subtle.rs-picker-disabled .rs-picker-toggle {
@@ -11068,12 +11152,19 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .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 {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline: 3px solid rgba(52, 152, 255, 0.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-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-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 {
@@ -12028,7 +12119,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
-  outline: 0 !important;
   white-space: nowrap;
   -webkit-transition: color 0.2s linear, background-color 0.3s linear;
   transition: color 0.2s linear, background-color 0.3s linear;
@@ -12098,12 +12188,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
-.rs-radio-group-picker .rs-radio-checker > label:focus {
-  outline: 0;
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: var(--rs-state-focus-shadow);
+.rs-radio-group-picker .rs-radio-checker > label:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+}
+.rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label:focus-visible {
+  outline-offset: 2px;
 }
 .rs-radio-group-picker .rs-radio-checker > label:hover,
 .rs-radio-group-picker .rs-radio-checker > label:focus {
@@ -12357,12 +12447,19 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .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 {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline: 3px solid rgba(52, 152, 255, 0.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-theme-high-contrast .rs-theme-high-contrast .rs-picker-select-menu-item:hover,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-select-menu-item:focus,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
+  outline-offset: 2px;
+}
 .rs-picker-select-menu-item.rs-picker-select-menu-item-active {
   font-weight: bold;
   color: #1675e0;
@@ -12417,40 +12514,72 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-sidenav-nav > .rs-dropdown {
   margin: 0 !important;
 }
-.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle,
-.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-menu {
-  border: none;
-}
-.rs-sidenav-nav .rs-dropdown-item-toggle {
+.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle {
   display: block;
   width: 100%;
   text-align: start;
   background: none;
+  padding-right: 40px;
+  position: relative;
 }
-.rs-sidenav-nav .rs-dropdown-item-toggle:focus {
+.rs-sidenav-collapse-in .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle {
+  padding-left: 56px;
+}
+.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus {
   outline: 0;
 }
-.rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
-  -webkit-box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow);
-          box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: inset var(--rs-state-focus-shadow);
+.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
   z-index: 1;
 }
-.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-item-toggle:focus-visible {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
+  outline-offset: 2px;
+}
+.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
+  outline-width: 2px;
+}
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
+  outline-offset: 2px;
+}
+.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle-icon {
+  position: absolute;
+  right: 20px;
+  top: 11px;
+  width: auto;
+  height: 20px;
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg);
+}
+.rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-expand .rs-dropdown-item-toggle-icon {
+  -webkit-transform: rotate(270deg);
+          transform: rotate(270deg);
+}
+.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle,
+.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-menu {
+  border: none;
 }
 .rs-sidenav-nav .rs-sidenav-item:focus-visible {
-  -webkit-box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow);
-          box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: inset var(--rs-state-focus-shadow);
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
   z-index: 1;
 }
 .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline-offset: 2px;
+}
+.rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
+  outline-width: 2px;
+}
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
+  outline-offset: 2px;
 }
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-menu-item-focus,
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-active {
@@ -12481,6 +12610,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   width: 100%;
   white-space: normal;
 }
+.rs-sidenav-nav > .rs-sidenav-item:focus,
+.rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
+}
+.rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item:focus,
+.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus {
+  outline-offset: 2px;
+}
 .rs-sidenav-nav > .rs-sidenav-item > .rs-icon:not(.rs-dropdown-toggle-caret),
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle > .rs-icon:not(.rs-dropdown-toggle-caret) {
   font-size: 16px;
@@ -12493,16 +12632,24 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
 .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: var(--rs-state-focus-shadow);
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
   z-index: 2;
 }
 .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
 .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline-offset: 2px;
+}
+.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
+.rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
+  outline-width: 2px;
+}
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-dropdown-toggle,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-dropdown-toggle:focus-visible {
+  outline-offset: 2px;
 }
 .rs-sidenav-item {
   position: relative;
@@ -12515,10 +12662,16 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-sidenav-item:focus-visible,
 .rs-sidenav-item.rs-sidenav-item-focus {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
+  outline-width: 2px;
   z-index: 2;
 }
+.rs-theme-high-contrast .rs-sidenav-item:focus-visible,
+.rs-theme-high-contrast .rs-sidenav-item.rs-sidenav-item-focus {
+  outline-offset: 2px;
+}
 .rs-sidenav-collapse-in {
   width: 100%;
 }
@@ -12539,17 +12692,26 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
 .rs-sidenav-collapse-in .rs-dropdown-item-focus {
-  -webkit-box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow);
-          box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: inset var(--rs-state-focus-shadow);
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
   background: none;
   z-index: 2;
 }
 .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
 .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline-offset: 2px;
+}
+.rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
+.rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
+  outline-width: 2px;
+}
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus {
+  outline-offset: 2px;
 }
 .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu,
 .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu {
@@ -12558,16 +12720,25 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
 .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
-  -webkit-box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow);
-          box-shadow: inset 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: inset var(--rs-state-focus-shadow);
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
   z-index: 2;
 }
 .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
 .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline-offset: 2px;
+}
+.rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
+.rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
+  outline-width: 2px;
+}
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
+  outline-offset: 2px;
 }
 .rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
 .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
@@ -12600,11 +12771,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
 }
-.rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-item.rs-dropdown-item-expand > .rs-dropdown-item-toggle > .rs-dropdown-item-toggle-icon {
-  -webkit-transform: rotate(270deg);
-          transform: rotate(270deg);
-}
-.rs-sidenav-collapse-in .rs-dropdown > .rs-dropdown-menu {
+.rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-menu {
   display: block;
   position: static;
   float: none;
@@ -12616,26 +12783,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   background-color: transparent;
   border-radius: 0;
 }
-.rs-sidenav-collapse-in .rs-dropdown > .rs-dropdown-menu .rs-dropdown-item-submenu {
-  padding: 0;
-}
-.rs-sidenav-collapse-in .rs-dropdown > .rs-dropdown-menu .rs-dropdown-item-submenu > .rs-dropdown-menu-toggle {
-  display: block;
-  padding-right: 40px;
-}
-.rs-sidenav-collapse-in .rs-dropdown > .rs-dropdown-menu .rs-dropdown-item-submenu > .rs-dropdown-menu {
-  display: block;
-  position: static;
-  float: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  -webkit-animation-name: none;
-          animation-name: none;
+.rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-item-submenu {
   padding: 0;
-  background-color: transparent;
-  border-radius: 0;
 }
-.rs-sidenav-collapse-in .rs-dropdown > .rs-dropdown-menu .rs-dropdown-item-submenu:hover {
+.rs-sidenav-collapse-in .rs-dropdown .rs-dropdown-item-submenu:hover {
   background-color: transparent;
 }
 .rs-sidenav-collapse-in .rs-dropdown-item:not(.rs-dropdown-item-submenu),
@@ -12654,20 +12805,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-sidenav-collapse-in .rs-dropdown-item-submenu.rs-dropdown-menu-collapse-in > .rs-dropdown-menu.rs-dropdown-menu-collapse-in {
   display: block;
 }
-.rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-toggle {
-  padding-left: 56px;
-  padding-right: 40px;
-  position: relative;
-}
-.rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-toggle > .rs-dropdown-item-toggle-icon {
-  position: absolute;
-  right: 20px;
-  top: 11px;
-  width: auto;
-  height: 20px;
-  -webkit-transform: rotate(90deg);
-          transform: rotate(90deg);
-}
 .rs-sidenav-collapse-in .rs-dropdown-item-submenu > .rs-dropdown-item-menu-icon {
   padding-top: 11px;
   padding-bottom: 11px;
@@ -12704,15 +12841,23 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-sidenav-collapse-out .rs-sidenav-item:focus,
 .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: var(--rs-state-focus-shadow);
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
 }
 .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
 .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+  outline-offset: 2px;
+}
+.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
+.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+  outline-offset: -3px;
+  outline-width: 2px;
+}
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus {
+  outline-offset: 2px;
 }
 .rs-sidenav-collapse-out .rs-dropdown-item {
   padding: 8px 27px 8px 12px;
@@ -14237,10 +14382,11 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
           box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
 }
 .rs-toggle-input:focus-visible + .rs-toggle-presentation {
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: var(--rs-state-focus-shadow);
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+}
+.rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
+  outline-offset: 2px;
 }
 .rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-presentation {
   -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgba(52, 152, 255, 0.25);
@@ -14742,7 +14888,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   text-align: left;
   margin: 0 0 4px 0;
 }
-.rs-tree-node > .rs-tree-node-label {
+.rs-tree-node-label {
   position: relative;
   margin: 0;
   padding-left: 16px;
@@ -14751,30 +14897,37 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   font-size: 14px;
   line-height: 22px;
 }
-.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content {
+.rs-tree-node-label-content {
   padding: 6px 12px 6px 8px;
   display: inline-block;
   border-top: 2px solid transparent;
   border-bottom: 2px solid transparent;
 }
-.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:hover,
-.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:focus,
-.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content-focus {
+.rs-tree-node-label-content:hover,
+.rs-tree-node-label-content:focus,
+.rs-tree-node-label-content.rs-tree-node-label-content-focus {
   background-color: rgba(204, 233, 255, 0.5);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
-.rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:hover,
-.rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content:focus,
-.rs-theme-high-contrast .rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content.rs-tree-node > .rs-tree-node-label > .rs-tree-node-label-content-focus {
-  -webkit-box-shadow: inset var(--rs-state-focus-shadow-slim);
-          box-shadow: inset var(--rs-state-focus-shadow-slim);
+.rs-theme-high-contrast .rs-tree-node-label-content:hover,
+.rs-theme-high-contrast .rs-tree-node-label-content:focus,
+.rs-theme-high-contrast .rs-tree-node-label-content.rs-tree-node-label-content-focus {
+  outline: 3px solid rgba(52, 152, 255, 0.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-tree-node.rs-tree-node-active > .rs-tree-node-label > .rs-tree-node-label-content {
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label-content:hover,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label-content:focus,
+.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label-content.rs-tree-node-label-content-focus {
+  outline-offset: 2px;
+}
+.rs-tree-node-active .rs-tree-node-label-content {
   font-weight: bold;
   color: #1675e0;
   color: var(--rs-text-link);
@@ -15139,7 +15292,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
-  outline: 0 !important;
   white-space: nowrap;
   -webkit-transition: color 0.2s linear, background-color 0.3s linear;
   transition: color 0.2s linear, background-color 0.3s linear;
@@ -15210,12 +15362,12 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
-.rs-uploader-picture .rs-uploader-trigger-btn:focus {
-  outline: 0;
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: var(--rs-state-focus-shadow);
+.rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+}
+.rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
+  outline-offset: 2px;
 }
 .rs-uploader-picture .rs-uploader-trigger-btn:hover,
 .rs-uploader-picture .rs-uploader-trigger-btn:focus {
@@ -15507,7 +15659,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
-  outline: 0 !important;
   white-space: nowrap;
   -webkit-transition: color 0.2s linear, background-color 0.3s linear;
   transition: color 0.2s linear, background-color 0.3s linear;
@@ -15577,13 +15728,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-left: none;
   border-left: var(--rs-btn-default-border, none);
 }
-.rs-uploader-text .rs-uploader-trigger-btn:focus,
-.rs-uploader-picture-text .rs-uploader-trigger-btn:focus {
-  outline: 0;
-  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-  -webkit-box-shadow: var(--rs-state-focus-shadow);
-          box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
-          box-shadow: var(--rs-state-focus-shadow);
+.rs-uploader-text .rs-uploader-trigger-btn:focus-visible,
+.rs-uploader-picture-text .rs-uploader-trigger-btn:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid var(--rs-color-focus-ring);
+}
+.rs-theme-high-contrast .rs-uploader-text .rs-uploader-trigger-btn:focus-visible,
+.rs-theme-high-contrast .rs-uploader-picture-text .rs-uploader-trigger-btn:focus-visible {
+  outline-offset: 2px;
 }
 .rs-uploader-text .rs-uploader-trigger-btn:hover,
 .rs-uploader-picture-text .rs-uploader-trigger-btn:hover,