rsuite 5.44.0 → 5.46.0

package/dist/rsuite-no-reset-rtl.css

@@ -297,7 +297,7 @@
   --rs-slider-progress: var(--rs-primary-500);
   --rs-uploader-item-bg: var(--rs-gray-300);
   --rs-uploader-item-hover-bg: var(--rs-gray-50);
-  --rs-uploader-overlay-bg: rgb(from #fff r g b / 80%);
+  --rs-uploader-overlay-bg: rgba(255, 255, 255, 0.8);
   --rs-uploader-dnd-bg: var(--rs-gray-0);
   --rs-uploader-dnd-border: var(--rs-gray-200);
   --rs-uploader-dnd-hover-border: var(--rs-primary-500);
@@ -342,28 +342,12 @@
   --rs-calendar-cell-selected-hover-bg: var(--rs-primary-700);
   --rs-popover-shadow: 0 1px 8px rgba(0, 0, 0, 0.12);
 }
-@supports not (color: rgb(from white r g b)) {
-  :root,
-  .rs-theme-light {
-    --rs-bg-backdrop: rgba(39, 44, 54, 0.3);
-    --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-loader-ring: rgba(247, 247, 250, 0.8);
-    --rs-loader-backdrop: rgba(255, 255, 255, 0.9);
-    --rs-loader-ring-inverse: rgba(247, 247, 250, 0.3);
-    --rs-loader-backdrop-inverse: rgba(39, 44, 54, 0.83);
-    --rs-dropdown-item-bg-hover: rgba(204, 233, 255, 0.5);
-    --rs-menuitem-active-bg: rgba(204, 233, 255, 0.5);
-    --rs-listbox-option-hover-bg: rgba(204, 233, 255, 0.5);
-    --rs-toggle-loader-ring: rgba(247, 247, 250, 0.3);
-    --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(52, 152, 255, 0.25);
-    --rs-uploader-overlay-bg: rgba(255, 255, 255, 0.8);
-    --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
-    --rs-list-placeholder-bg: rgba(242, 250, 255, 0.5);
-    --rs-table-scrollbar-vertical-track: rgba(229, 229, 234, 0.4);
-    --rs-calendar-range-bg: rgba(204, 233, 255, 0.5);
-  }
+
+@supports (color: rgb(from red r g b)) {
+:root,
+.rs-theme-light {
+  --rs-uploader-overlay-bg: rgb(from #fff r g b / 80%);
+}
 }
 .rs-theme-dark {
   --rs-gray-0: #fff;
@@ -700,26 +684,6 @@
   --rs-calendar-cell-selected-hover-bg: var(--rs-primary-700);
   --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
 }
-@supports not (color: rgb(from white r g b)) {
-  .rs-theme-dark {
-    --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
-    --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-loader-ring: rgba(233, 235, 240, 0.3);
-    --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
-    --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
-    --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
-    --rs-dropdown-item-bg-active: rgba(0, 97, 153, 0.2);
-    --rs-listbox-option-selected-bg: rgba(0, 97, 153, 0.2);
-    --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(52, 195, 255, 0.25);
-    --rs-uploader-overlay-bg: rgba(60, 63, 67, 0.8);
-    --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
-    --rs-list-placeholder-bg: rgba(0, 97, 153, 0.2);
-    --rs-calendar-range-bg: rgba(0, 97, 153, 0.5);
-    --rs-placeholder-active: #484c50;
-  }
-}
 .rs-theme-high-contrast {
   --rs-gray-0: #fff;
   --rs-gray-50: #e9ebf0;
@@ -1069,23 +1033,6 @@
   --rs-calendar-cell-selected-hover-bg: var(--rs-gray-50);
   --rs-popover-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
 }
-@supports not (color: rgb(from white r g b)) {
-  .rs-theme-high-contrast {
-    --rs-bg-backdrop: rgba(15, 19, 26, 0.8);
-    --rs-state-focus-outline: 3px solid rgba(255, 255, 0, 0.25);
-    --rs-loader-ring: rgba(233, 235, 240, 0.3);
-    --rs-loader-backdrop: rgba(15, 19, 26, 0.83);
-    --rs-loader-ring-inverse: rgba(233, 235, 240, 0.8);
-    --rs-loader-backdrop-inverse: rgba(255, 255, 255, 0.9);
-    --rs-dropdown-item-bg-active: rgba(143, 153, 0, 0.2);
-    --rs-slider-thumb-hover-shadow: 0 0 0 8px rgba(255, 255, 0, 0.25);
-    --rs-uploader-overlay-bg: rgba(60, 63, 67, 0.8);
-    --rs-carousel-indicator: rgba(255, 255, 255, 0.4);
-    --rs-list-placeholder-bg: rgba(143, 153, 0, 0.2);
-    --rs-calendar-range-bg: rgba(143, 153, 0, 0.5);
-    --rs-placeholder-active: #484c50;
-  }
-}
 /* stylelint-disable */
 * {
   -webkit-box-sizing: border-box;
@@ -1590,6 +1537,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-auto-complete-item:hover,
 .rs-auto-complete-item:focus,
 .rs-auto-complete-item-focus {
+  background-color: rgba(204, 233, 255, 0.5);
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
@@ -1598,6 +1546,7 @@ 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 {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -1891,6 +1840,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   border-right: var(--rs-btn-default-border, none);
 }
 .rs-btn:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
@@ -2683,6 +2633,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   height: 16px;
 }
 .rs-btn-loading > .rs-btn-spin::before {
+  border: 3px solid rgba(247, 247, 250, 0.8);
   border: 3px solid rgb(from #f7f7fa r g b / 80%);
   border: 3px solid var(--rs-loader-ring);
 }
@@ -2690,6 +2641,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   border-color: rgba(248, 247, 250, 0.3);
 }
 .rs-theme-high-contrast .rs-btn-primary.rs-btn-loading > .rs-btn-spin::before {
+  border-color: rgba(247, 247, 250, 0.3);
   border-color: rgb(from #f7f7fa r g b / 30%);
   border-color: var(--rs-loader-ring-inverse);
 }
@@ -3009,6 +2961,7 @@ tbody.rs-anim-collapse.rs-anim-in {
   position: relative;
 }
 .rs-calendar-table-cell-in-range::before {
+  background-color: rgba(204, 233, 255, 0.5);
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-calendar-range-bg);
 }
@@ -3477,12 +3430,14 @@ tbody.rs-anim-collapse.rs-anim-in {
   text-decoration: none;
 }
 .rs-calendar-time-dropdown-cell:hover {
+  background-color: rgba(204, 233, 255, 0.5);
   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-calendar-time-dropdown-cell:hover {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -3501,12 +3456,14 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-calendar-date-selected-text);
 }
 .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
+  background-color: rgba(204, 233, 255, 0.5);
   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-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -3632,6 +3589,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-carousel-label {
   cursor: pointer;
   display: block;
+  background-color: rgba(255, 255, 255, 0.4);
   background-color: rgb(from #fff r g b / 40%);
   background-color: var(--rs-carousel-indicator);
   -webkit-transition: background 0.3s linear;
@@ -3788,12 +3746,14 @@ tbody.rs-anim-collapse.rs-anim-in {
   width: 100%;
 }
 .rs-picker-cascader-row:hover {
+  background-color: rgba(204, 233, 255, 0.5);
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-cascader-row:hover {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -3806,12 +3766,14 @@ tbody.rs-anim-collapse.rs-anim-in {
   outline-offset: 2px;
 }
 .rs-picker-cascader-row.rs-picker-cascader-row-focus {
+  background-color: rgba(204, 233, 255, 0.5);
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-cascader-row.rs-picker-cascader-row-focus {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -3899,6 +3861,7 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-picker-cascader-menu-item:focus,
 .rs-picker-cascader-menu-item.rs-picker-select-menu-item-focus,
 .rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus {
+  background-color: rgba(204, 233, 255, 0.5);
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
@@ -3908,6 +3871,7 @@ 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 {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -3995,8 +3959,10 @@ tbody.rs-anim-collapse.rs-anim-in {
   margin-right: 0;
 }
 .rs-checkbox [type='checkbox']:focus-visible ~ .rs-checkbox-inner::before {
+  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
   -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 rgba(52, 152, 255, 0.25);
           box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
           box-shadow: var(--rs-state-focus-shadow);
 }
@@ -4450,18 +4416,33 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 .rs-picker-menu .rs-calendar-table {
   width: unset;
 }
+.rs-picker-menu .rs-calendar-month-dropdown-cell:focus-visible .rs-calendar-month-dropdown-cell-content {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
+  outline: 3px solid var(--rs-color-focus-ring);
+}
+.rs-picker-menu .rs-calendar-table-cell:focus-visible {
+  outline: none;
+}
+.rs-picker-menu .rs-calendar-table-cell:focus-visible .rs-calendar-table-cell-content {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
+  outline: 3px solid rgb(from #3498ff r g b / 25%);
+  outline: 3px solid var(--rs-color-focus-ring);
+}
 .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content,
 .rs-picker-menu .rs-calendar .rs-calendar-table-cell-content {
   width: 30px;
   height: 30px;
 }
 .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
+  background-color: rgba(204, 233, 255, 0.5);
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -4493,12 +4474,14 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   display: inline-block;
 }
 .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
+  background-color: rgba(204, 233, 255, 0.5);
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-menu .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -4721,7 +4704,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 }
 .rs-drawer-full.rs-drawer-top,
 .rs-drawer-full.rs-drawer-bottom {
-  height: calc(100% - 60px);
+  height: 100%;
 }
 .rs-drawer-full.rs-drawer-top .rs-drawer-content,
 .rs-drawer-full.rs-drawer-bottom .rs-drawer-content {
@@ -4729,7 +4712,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 }
 .rs-drawer-full.rs-drawer-left,
 .rs-drawer-full.rs-drawer-right {
-  width: calc(100% - 60px);
+  width: 100%;
 }
 .rs-drawer-right {
   left: 0;
@@ -4773,6 +4756,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   bottom: 0;
   right: 0;
   z-index: 1050;
+  background-color: rgba(39, 44, 54, 0.3);
   background-color: rgb(from #272c36 r g b / 30%);
   background-color: var(--rs-bg-backdrop);
 }
@@ -5001,6 +4985,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   outline: 0;
 }
 .rs-dropdown-menu:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
@@ -5060,6 +5045,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 }
 .rs-dropdown-item:focus-visible,
 .rs-dropdown-item.rs-dropdown-item-focus {
+  background-color: rgba(204, 233, 255, 0.5);
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-menuitem-active-bg);
   color: #1675e0;
@@ -5097,6 +5083,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
   position: relative;
 }
 .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle {
+  background-color: rgba(204, 233, 255, 0.5);
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-menuitem-active-bg);
   color: #1675e0;
@@ -5150,6 +5137,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
 }
 .rs-dropdown-menu > .rs-dropdown-menu-item-focus:hover,
 .rs-dropdown-menu > .rs-dropdown-menu-item-focus:focus {
+  background-color: rgba(204, 233, 255, 0.5);
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-menuitem-active-bg);
   color: #1675e0;
@@ -7946,6 +7934,7 @@ textarea.rs-input {
   border-color: var(--rs-input-focus-border);
 }
 .rs-input:focus {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
@@ -8034,6 +8023,7 @@ textarea.rs-input-sm {
 }
 .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
 .rs-input-group:focus-within {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
@@ -8845,6 +8835,7 @@ textarea.rs-picker-search-input {
   z-index: 1149;
 }
 .rs-list-item-holder {
+  background-color: rgba(242, 250, 255, 0.5);
   background-color: rgb(from #f2faff r g b / 50%);
   background-color: var(--rs-list-placeholder-bg);
   visibility: hidden;
@@ -8905,6 +8896,7 @@ textarea.rs-picker-search-input {
   border-radius: 50%;
 }
 .rs-loader-spin::before {
+  border: 3px solid rgba(247, 247, 250, 0.8);
   border: 3px solid rgb(from #f7f7fa r g b / 80%);
   border: 3px solid var(--rs-loader-ring);
 }
@@ -8932,6 +8924,7 @@ textarea.rs-picker-search-input {
   right: 0;
   width: 100%;
   height: 100%;
+  background: rgba(255, 255, 255, 0.9);
   background: rgb(from #fff r g b / 90%);
   background: var(--rs-loader-backdrop);
 }
@@ -8966,10 +8959,12 @@ textarea.rs-picker-search-input {
   color: var(--rs-text-inverse);
 }
 .rs-loader-inverse .rs-loader-backdrop {
+  background: rgba(39, 44, 54, 0.83);
   background: rgb(from #272c36 r g b / 83%);
   background: var(--rs-loader-backdrop-inverse);
 }
 .rs-loader-inverse .rs-loader-spin::before {
+  border-color: rgba(247, 247, 250, 0.3);
   border-color: rgb(from #f7f7fa r g b / 30%);
   border-color: var(--rs-loader-ring-inverse);
 }
@@ -9424,6 +9419,7 @@ textarea.rs-picker-search-input {
   width: 100vw;
   height: 100vh;
   z-index: 1049;
+  background-color: rgba(39, 44, 54, 0.3);
   background-color: rgb(from #272c36 r g b / 30%);
   background-color: var(--rs-bg-backdrop);
 }
@@ -9473,8 +9469,37 @@ textarea.rs-picker-search-input {
   max-width: calc(100% - 10px);
 }
 .rs-modal-full {
-  width: calc(100% - 120px);
-  max-width: calc(100% - 10px);
+  margin: 0;
+  height: 100%;
+}
+.rs-modal-full .rs-modal-content {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  border-radius: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+.rs-modal-full .rs-modal-content .rs-modal-header {
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
+}
+.rs-modal-full .rs-modal-content .rs-modal-body {
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 auto;
+          flex: 1 1 auto;
+  overflow: auto;
+}
+.rs-modal-full .rs-modal-content .rs-modal-footer {
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
 }
 .rs-modal-shake .rs-modal-dialog {
   -webkit-animation: 0.3s linear shakeHead;
@@ -9647,6 +9672,7 @@ textarea.rs-picker-search-input {
   text-decoration: underline;
 }
 .rs-nav-item:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-width: 2px;
@@ -9884,6 +9910,7 @@ 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;
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
@@ -9897,6 +9924,7 @@ textarea.rs-picker-search-input {
 .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: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -9953,6 +9981,7 @@ textarea.rs-picker-search-input {
 .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 rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -9966,6 +9995,7 @@ textarea.rs-picker-search-input {
 .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 rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -9991,6 +10021,7 @@ textarea.rs-picker-search-input {
   border: none;
 }
 .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -10004,6 +10035,7 @@ textarea.rs-picker-search-input {
   left: 16px;
 }
 .rs-navbar .rs-dropdown-item:hover {
+  background-color: rgba(204, 233, 255, 0.5);
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-menuitem-active-bg);
   color: #1675e0;
@@ -10492,6 +10524,7 @@ textarea.rs-picker-search-input {
   border-right: var(--rs-btn-default-border, none);
 }
 .rs-pagination-btn:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
@@ -10859,8 +10892,10 @@ textarea.rs-picker-search-input {
 }
 .rs-picker-toggle-active,
 .rs-picker.rs-picker-focused {
+  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
   -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 rgba(52, 152, 255, 0.25);
           box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
           box-shadow: var(--rs-state-focus-shadow);
 }
@@ -10939,6 +10974,7 @@ textarea.rs-picker-search-input {
   border-right: var(--rs-btn-default-border, none);
 }
 .rs-picker-toggle:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
@@ -11787,6 +11823,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-color: var(--rs-input-focus-border);
 }
 .rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input:focus {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
@@ -11838,12 +11875,14 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-check-item:not(.rs-checkbox-disabled):hover,
 .rs-check-item:focus,
 .rs-check-item.rs-check-item-focus {
+  background-color: rgba(204, 233, 255, 0.5);
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
 }
 .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 rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -12618,8 +12657,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   margin-right: 0;
 }
 .rs-radio [type='radio']:focus ~ .rs-radio-inner::before {
+  -webkit-box-shadow: 0 0 0 3px rgba(52, 152, 255, 0.25);
   -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 rgba(52, 152, 255, 0.25);
           box-shadow: 0 0 0 3px rgb(from #3498ff r g b / 25%);
           box-shadow: var(--rs-state-focus-shadow);
 }
@@ -13003,6 +13044,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .rs-picker-select-menu-item:hover,
 .rs-picker-select-menu-item:focus,
 .rs-picker-select-menu-item.rs-picker-select-menu-item-focus {
+  background-color: rgba(204, 233, 255, 0.5);
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
@@ -13011,6 +13053,7 @@ 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 {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -13100,6 +13143,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   outline: 0;
 }
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -13109,6 +13153,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   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 rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -13136,6 +13181,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border: none;
 }
 .rs-sidenav-nav .rs-sidenav-item:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -13145,6 +13191,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   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 rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -13185,6 +13232,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -13205,6 +13253,7 @@ 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 {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   z-index: 2;
@@ -13215,6 +13264,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .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 rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -13236,6 +13286,7 @@ 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 {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -13279,6 +13330,7 @@ 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 {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -13291,6 +13343,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .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 rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -13307,6 +13360,7 @@ 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 {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -13318,6 +13372,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .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 rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -13428,6 +13483,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
 .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
@@ -13437,6 +13493,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
 .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-dropdown-toggle:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -13513,6 +13570,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-top-color: var(--rs-sidenav-default-footer-border);
 }
 .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active {
+  background-color: rgba(204, 233, 255, 0.5);
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-menuitem-active-bg);
   color: #1675e0;
@@ -13809,8 +13867,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-slider-handle:hover::before,
 .rs-slider-handle:focus::before {
+  -webkit-box-shadow: 0 0 0 8px rgba(166, 166, 166, 0.25);
   -webkit-box-shadow: 0 0 0 8px rgb(from #a6a6a6 r g b / 25%);
   -webkit-box-shadow: var(--rs-slider-thumb-hover-shadow);
+          box-shadow: 0 0 0 8px rgba(166, 166, 166, 0.25);
           box-shadow: 0 0 0 8px rgb(from #a6a6a6 r g b / 25%);
           box-shadow: var(--rs-slider-thumb-hover-shadow);
 }
@@ -14276,6 +14336,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   position: absolute;
   height: 100%;
   width: 100%;
+  background-color: rgba(255, 255, 255, 0.9);
   background-color: rgb(from #fff r g b / 90%);
   background-color: var(--rs-loader-backdrop);
   opacity: 0;
@@ -14319,6 +14380,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-radius: 50%;
 }
 .rs-table-loader-icon::before {
+  border: 3px solid rgba(247, 247, 250, 0.8);
   border: 3px solid rgb(from #f7f7fa r g b / 80%);
   border: 3px solid var(--rs-loader-ring);
 }
@@ -14582,6 +14644,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   left: 0;
   width: 10px;
   bottom: 10px;
+  background-color: rgba(229, 229, 234, 0.4);
   background-color: rgb(from #e5e5ea r g b / 40%);
   background-color: var(--rs-table-scrollbar-vertical-track);
 }
@@ -14992,6 +15055,7 @@ 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 {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
@@ -14999,8 +15063,10 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   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);
   -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgb(from #3498ff r g b / 25%);
   -webkit-box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
+          box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgba(52, 152, 255, 0.25);
           box-shadow: inset 0 0 0 1px #fff, 0 0 0 3px rgb(from #3498ff r g b / 25%);
           box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
 }
@@ -15067,6 +15133,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   transition: right 0.15s ease-out, margin-right 0.15s ease-out, width 0.15s ease-out;
 }
 .rs-toggle-loader .rs-loader-spin::before {
+  border-color: rgba(247, 247, 250, 0.3);
   border-color: rgb(from #f7f7fa r g b / 30%);
   border-color: var(--rs-toggle-loader-ring);
 }
@@ -15541,6 +15608,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .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: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
   color: #1675e0;
@@ -15549,6 +15617,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 .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 rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
   outline-offset: -3px;
@@ -15570,6 +15639,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   background-color: var(--rs-listbox-option-selected-bg);
 }
 .rs-tree-node-drag-over {
+  background-color: rgba(204, 233, 255, 0.5);
   background-color: rgb(from #cce9ff r g b / 50%);
   background-color: var(--rs-listbox-option-hover-bg);
 }
@@ -15801,6 +15871,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-radius: 50%;
 }
 .rs-uploader-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
+  border: 3px solid rgba(247, 247, 250, 0.8);
   border: 3px solid rgb(from #f7f7fa r g b / 80%);
   border: 3px solid var(--rs-loader-ring);
 }
@@ -15989,6 +16060,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-right: var(--rs-btn-default-border, none);
 }
 .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
+  outline: 3px solid rgba(52, 152, 255, 0.25);
   outline: 3px solid rgb(from #3498ff r g b / 25%);
   outline: 3px solid var(--rs-color-focus-ring);
 }
@@ -16160,6 +16232,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   height: 66px;
   text-align: center;
   z-index: 3;
+  background-color: rgba(255, 255, 255, 0.8);
   background-color: rgb(from #fff r g b / 80%);
   background-color: var(--rs-uploader-overlay-bg);
   cursor: default;
@@ -16199,6 +16272,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   height: 24px;
   line-height: 24px;
   text-align: center;
+  background-color: rgba(255, 255, 255, 0.8);
   background-color: rgb(from #fff r g b / 80%);
   background-color: var(--rs-uploader-overlay-bg);
   border-radius: 50%;
@@ -16231,6 +16305,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   width: 66px;
   height: 66px;
   line-height: 66px;
+  background-color: rgba(255, 255, 255, 0.8);
   background-color: rgb(from #fff r g b / 80%);
   background-color: var(--rs-uploader-overlay-bg);
   position: absolute;
@@ -16260,6 +16335,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-radius: 50%;
 }
 .rs-uploader-picture .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
+  border: 3px solid rgba(247, 247, 250, 0.8);
   border: 3px solid rgb(from #f7f7fa r g b / 80%);
   border: 3px solid var(--rs-loader-ring);
 }
@@ -16416,6 +16492,7 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   border-radius: 50%;
 }
 .rs-uploader-picture-text .rs-uploader-file-item-icon-loading .rs-uploader-file-item-icon::before {
+  border: 3px solid rgba(247, 247, 250, 0.8);
   border: 3px solid rgb(from #f7f7fa r g b / 80%);
   border: 3px solid var(--rs-loader-ring);
 }