rsuite 6.0.0-canary-20250416 → 6.0.0-canary-20250507

package/dist/rsuite.css

@@ -441,9 +441,9 @@ dd {
   --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 30%);
   --rs-state-hover-bg: var(--rs-primary-50);
   --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
-  --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-primary-500) r g b / 25%);
-  --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
-  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
+  --rs-state-focus-shadow: 0 0 0 2px rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-state-focus-outline: 2px solid rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-state-error-outline: 2px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-kbd-bg: var(--rs-gray-50);
   --rs-kbd-text: var(--rs-gray-800);
   --rs-kbd-border: var(--rs-gray-200);
@@ -646,7 +646,6 @@ dd {
   --rs-badge-bg: var(--rs-color-red);
   --rs-badge-text: var(--rs-gray-0);
   --rs-badge-border: var(--rs-gray-0);
-  --rs-close-button-hover-color: var(--rs-color-red);
   --rs-tag-bg: var(--rs-gray-50);
   --rs-card-bg: var(--rs-gray-0);
   --rs-carousel-bg: var(--rs-gray-600);
@@ -692,8 +691,8 @@ dd {
   .rs-theme-light {
     --rs-bg-backdrop: rgba(18, 18, 18, 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-state-focus-shadow: 0 0 0 2px rgba(52, 152, 255, 0.25);
+    --rs-state-focus-outline: 2px 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);
@@ -835,10 +834,10 @@ dd {
   --rs-bg-active: var(--rs-primary-700);
   --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 80%);
   --rs-state-hover-bg: var(--rs-gray-600);
-  --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
-  --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
-  --rs-state-focus-outline: 3px solid rgb(from var(--rs-gray-500) r g b / 25%);
-  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
+  --rs-color-focus-ring: 0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-state-focus-shadow: 0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-state-focus-outline: 2px solid rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-state-error-outline: 2px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-kbd-bg: var(--rs-gray-600);
   --rs-kbd-text: var(--rs-gray-50);
   --rs-kbd-border: var(--rs-gray-700);
@@ -1034,7 +1033,6 @@ dd {
   --rs-badge-bg: var(--rs-color-red);
   --rs-badge-text: var(--rs-gray-0);
   --rs-badge-border: var(--rs-gray-900);
-  --rs-close-button-hover-color: var(--rs-color-red);
   --rs-tag-bg: var(--rs-gray-600);
   --rs-card-bg: var(--rs-gray-900);
   --rs-carousel-bg: var(--rs-gray-600);
@@ -1076,9 +1074,9 @@ dd {
 @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-color-focus-ring: 0 0 0 2px rgba(52, 195, 255, 0.25);
+    --rs-state-focus-shadow: 0 0 0 2px rgba(52, 195, 255, 0.25);
+    --rs-state-focus-outline: 2px 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);
@@ -1218,10 +1216,10 @@ dd {
   --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 80%);
   --rs-state-hover-bg: var(--rs-gray-600);
   --rs-color-focus-ring: var(--rs-gray-0);
-  --rs-state-focus-shadow: 0 0 0 3px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
+  --rs-state-focus-shadow: 0 0 0 2px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
   --rs-state-focus-shadow-slim: 0 0 0 2px var(--rs-gray-0);
-  --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
-  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
+  --rs-state-focus-outline: 2px solid rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-state-error-outline: 2px solid rgb(from var(--rs-color-red) r g b / 25%);
   --rs-kbd-bg: var(--rs-gray-600);
   --rs-kbd-text: var(--rs-gray-50);
   --rs-kbd-border: var(--rs-gray-700);
@@ -1421,7 +1419,6 @@ dd {
   --rs-badge-bg: var(--rs-red-500);
   --rs-badge-text: var(--rs-gray-0);
   --rs-badge-border: var(--rs-gray-900);
-  --rs-close-button-hover-color: var(--rs-color-red);
   --rs-tag-bg: var(--rs-gray-600);
   --rs-card-bg: var(--rs-gray-900);
   --rs-carousel-bg: var(--rs-gray-600);
@@ -1687,17 +1684,13 @@ 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 var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   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;
@@ -1970,10 +1963,8 @@ tbody.rs-anim-collapse.rs-anim-in {
   border-color: var(--rs-btn-default-border-color);
 }
 .rs-btn:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-btn:focus-visible {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-btn:hover {
   color: var(--rs-btn-default-hover-text);
@@ -2710,12 +2701,10 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle {
   cursor: not-allowed;
 }
-.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:hover,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:focus,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:active {
   background: none;
 }
-.rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:hover::after,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:focus::after,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .picker-subtle-toggle:active::after {
   display: none;
@@ -3340,15 +3329,13 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   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: var(--rs-bg-active);
   color: var(--rs-calendar-date-selected-text);
@@ -3358,15 +3345,13 @@ 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 {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   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: var(--rs-text-disabled);
   background: none;
@@ -3632,29 +3617,25 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-cascade-search-view-row:hover {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-search-view-row:hover {
-  outline-offset: 2px;
-}
 .rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
   background-color: var(--rs-listbox-option-hover-bg);
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-search-view-row.rs-cascade-search-view-row-focus {
-  outline-offset: 2px;
-}
 .rs-cascade-search-view-row:disabled,
 .rs-cascade-search-view-row.rs-cascade-search-view-row-disabled {
   color: var(--rs-listbox-option-disabled-text);
@@ -3722,17 +3703,13 @@ tbody.rs-anim-collapse.rs-anim-in {
 .rs-theme-high-contrast .rs-cascade-tree-item:hover,
 .rs-theme-high-contrast .rs-cascade-tree-item:focus,
 .rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item:hover,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-focus {
-  outline-offset: 2px;
-}
 .rs-cascade-tree-item.rs-cascade-tree-item-active {
   background-color: var(--rs-listbox-option-selected-bg);
   font-weight: bold;
@@ -3792,7 +3769,8 @@ tbody.rs-anim-collapse.rs-anim-in {
   color: var(--rs-text-disabled);
 }
 .rs-checkbox [type='checkbox']:focus-visible ~ .rs-checkbox-inner::before {
-  box-shadow: var(--rs-state-focus-shadow);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-checkbox-checker {
   position: relative;
@@ -4022,10 +4000,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   width: auto;
 }
 .rs-check-tree .rs-check-tree-node-content:focus-visible .rs-checkbox-label {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-check-tree .rs-check-tree-node-content:focus-visible .rs-checkbox-label {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-check-tree .rs-check-tree-empty {
   padding-inline: calc(var(--rs-spacing) * 2);
@@ -4189,15 +4165,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
-  outline-offset: 2px;
-}
 .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
   background-color: var(--rs-calendar-cell-selected-hover-bg);
   color: var(--rs-calendar-date-selected-text);
@@ -4219,15 +4193,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   color: var(--rs-listbox-option-hover-text);
 }
 .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
-  outline-offset: 2px;
-}
 .rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
   background-color: var(--rs-calendar-cell-selected-hover-bg);
   color: var(--rs-calendar-date-selected-text);
@@ -4720,10 +4692,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   outline: 0;
 }
 .rs-dropdown-menu:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-dropdown-menu:focus-visible {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-dropdown .rs-dropdown-menu {
   position: absolute;
@@ -5270,7 +5240,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-form-stack-fluid .rs-form-control-wrapper {
   width: 100%;
 }
-.rs-form-stack-fluid .rs-form-control-wrapper > .rs-input-number,
+.rs-form-stack-fluid .rs-form-control-wrapper > .rs-number-input,
 .rs-form-stack-fluid .rs-form-control-wrapper > .rs-input {
   width: 100%;
 }
@@ -5280,7 +5250,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-form-control-wrapper {
   position: relative;
 }
-.rs-form-control-wrapper > .rs-input-number,
+.rs-form-control-wrapper > .rs-number-input,
 .rs-form-control-wrapper > .rs-input {
   width: 300px;
 }
@@ -8236,15 +8206,12 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-input::placeholder {
   color: var(--rs-text-secondary);
 }
-.rs-input:focus,
-.rs-input:hover:not(:disabled) {
-  border-color: var(--rs-input-focus-border);
-}
 .rs-input:focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  border-color: var(--rs-input-focus-border);
 }
-.rs-theme-high-contrast .rs-input:focus {
-  outline-offset: 2px;
+.rs-input:focus-visible {
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-input:disabled {
   background-color: var(--rs-input-disabled-bg);
@@ -8329,18 +8296,14 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-theme-high-contrast .rs-input-group {
   transition: none;
 }
-.rs-input-group:not(.rs-input-group-disabled):hover,
 .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
 .rs-input-group:focus-within {
   border-color: var(--rs-input-focus-border);
 }
 .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
 .rs-input-group:focus-within {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus,
-.rs-theme-high-contrast .rs-input-group:focus-within {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-input-group .rs-input-group {
   outline: none !important;
@@ -8349,7 +8312,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-input-group .rs-input-group-btn {
   height: var(--rs-input-group-input-height);
 }
-.rs-input-group .rs-input-number,
+.rs-input-group .rs-number-input,
 .rs-input-group .rs-input-group-addon,
 .rs-input-group .rs-input-group-btn,
 .rs-input-group .rs-picker[data-picker='date'] .rs-picker-toggle {
@@ -8485,33 +8448,40 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   border-radius: var(--rs-radius-none);
   font-size: var(--rs-input-group-font-size);
 }
-.rs-input-number {
+.rs-number-input {
   --rs-number-input-touchspin-font-size: var(--rs-font-size-xs);
   --rs-number-input-touchspin-height-xs: calc(calc(24px - 2px) / 2);
   --rs-number-input-touchspin-height-sm: calc(calc(30px - 2px) / 2);
   --rs-number-input-touchspin-height-md: calc(calc(36px - 2px) / 2);
   --rs-number-input-touchspin-height-lg: calc(calc(42px - 2px) / 2);
-  background-color: var(--rs-input-bg);
 }
-.rs-input-number.rs-input-group-xs {
+.rs-number-input.rs-input-group {
+  width: auto;
+}
+.rs-number-input.rs-input-group-xs {
   --rs-number-input-touchspin-height: var(--rs-number-input-touchspin-height-xs);
+  --rs-number-input-icon-height: calc(var(--rs-number-input-touchspin-height) - 0px);
 }
-.rs-input-number.rs-input-group-sm {
+.rs-number-input.rs-input-group-sm {
   --rs-number-input-touchspin-height: var(--rs-number-input-touchspin-height-sm);
+  --rs-number-input-icon-height: calc(var(--rs-number-input-touchspin-height) - 2px);
 }
-.rs-input-number.rs-input-group-md {
+.rs-number-input.rs-input-group-md {
   --rs-number-input-touchspin-height: var(--rs-number-input-touchspin-height-md);
+  --rs-number-input-icon-height: calc(var(--rs-number-input-touchspin-height) - 4px);
 }
-.rs-input-number.rs-input-group-lg {
+.rs-number-input.rs-input-group-lg {
   --rs-number-input-touchspin-height: var(--rs-number-input-touchspin-height-lg);
+  --rs-number-input-icon-height: calc(var(--rs-number-input-touchspin-height) - 6px);
 }
-.rs-input-number-btn-group-vertical {
+.rs-number-input-btn-group-vertical {
+  border-left: 1px solid var(--rs-border-secondary);
   position: relative;
   width: 20px;
   flex: 0 0 20px;
   display: block;
 }
-.rs-input-number-btn-group-vertical > .rs-btn {
+.rs-number-input-btn-group-vertical > .rs-btn {
   display: block;
   float: none;
   width: 100%;
@@ -8519,30 +8489,30 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   position: relative;
   border: none;
 }
-.rs-input-number .rs-input-number-touchspin-up,
-.rs-input-number .rs-input-number-touchspin-down {
+.rs-number-input .rs-number-input-touchspin-up,
+.rs-number-input .rs-number-input-touchspin-down {
   position: relative;
   border-radius: var(--rs-radius-none);
   padding: 0;
   box-shadow: none !important;
   height: var(--rs-number-input-touchspin-height);
 }
-.rs-input-number .rs-input-number-touchspin-up > .rs-icon,
-.rs-input-number .rs-input-number-touchspin-down > .rs-icon {
+.rs-number-input .rs-number-input-touchspin-up > .rs-icon,
+.rs-number-input .rs-number-input-touchspin-down > .rs-icon {
   width: 100%;
   font-size: var(--rs-number-input-touchspin-font-size);
   color: var(--rs-text-secondary);
-  height: var(--rs-number-input-touchspin-height);
+  height: var(--rs-number-input-icon-height);
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.rs-input-number input[type='number'] {
+.rs-number-input input[type='number'] {
   -webkit-appearance: textfield;
      -moz-appearance: textfield;
           appearance: textfield;
 }
-.rs-input-number input[type='number']::-webkit-inner-spin-button {
+.rs-number-input input[type='number']::-webkit-inner-spin-button {
   /* stylelint-disable */
   -webkit-appearance: none;
 }
@@ -9117,10 +9087,11 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   --rs-message-line-height: var(--rs-text-line-height-sm);
   --rs-message-border-radius: var(--rs-radius-md);
   --rs-message-icon-size: var(--rs-font-size-md);
-  --rs-message-padding: 1.25rem;
+  --rs-message-padding: calc(var(--rs-spacing) * 4);
   --rs-message-header-color: var(--rs-text-heading);
   --rs-message-body-color: var(--rs-text-primary);
   --rs-message-icon-color: var(--rs-text-secondary);
+  --rs-message-spacing: calc(var(--rs-spacing) * 2);
   border-radius: var(--rs-message-border-radius);
   font-size: var(--rs-message-font-size);
   line-height: var(--rs-message-line-height);
@@ -9169,6 +9140,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   padding: var(--rs-message-padding);
   display: flex;
   align-items: baseline;
+  gap: var(--rs-message-spacing);
 }
 .rs-message.rs-message-has-title {
   --rs-message-icon-size: var(--rs-font-size-2xl);
@@ -9195,7 +9167,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   flex-direction: column;
   align-items: center;
   text-align: center;
-  gap: 20px;
+  gap: calc(var(--rs-spacing) * 4);
 }
 .rs-message.rs-message-centered .rs-message-icon {
   align-self: center;
@@ -9213,7 +9185,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-message-icon {
   align-self: center;
   font-size: 0;
-  margin-inline-end: 10px;
 }
 .rs-message-icon .rs-icon {
   font-size: var(--rs-message-icon-size);
@@ -9522,14 +9493,12 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   text-decoration: underline;
 }
 .rs-nav-item:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   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: var(--rs-navs-text-active);
 }
@@ -9777,28 +9746,18 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .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 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;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .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: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   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 {
   padding: 8px 12px;
@@ -9838,27 +9797,19 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .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 var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   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 {
-  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 var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   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 {
@@ -9874,13 +9825,11 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   border: none;
 }
 .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   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: 8px;
   inset-inline-end: 12px;
@@ -10180,10 +10129,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   border-color: var(--rs-btn-default-border-color);
 }
 .rs-pagination-btn:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-pagination-btn:focus-visible {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-pagination-btn:hover {
   color: var(--rs-btn-default-hover-text);
@@ -10984,6 +10931,49 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   line-height: 0;
   font-size: var(--rs-progress-circle-font-size);
 }
+.rs-pin-input {
+  --rs-pin-input-size-lg: 42px;
+  --rs-pin-input-size-md: 36px;
+  --rs-pin-input-size-sm: 30px;
+  --rs-pin-input-size-xs: 24px;
+  --rs-pin-input-size: var(--rs-pin-input-size-md);
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+}
+.rs-pin-input-segment {
+  text-align: center;
+  width: var(--rs-pin-input-size);
+  caret-color: transparent;
+}
+.rs-pin-input-segment.rs-input-lg {
+  --rs-pin-input-size: var(--rs-pin-input-size-lg);
+}
+.rs-pin-input-segment.rs-input-md {
+  --rs-pin-input-size: var(--rs-pin-input-size-md);
+}
+.rs-pin-input-segment.rs-input-sm {
+  --rs-pin-input-size: var(--rs-pin-input-size-sm);
+}
+.rs-pin-input-segment.rs-input-xs {
+  --rs-pin-input-size: var(--rs-pin-input-size-xs);
+}
+.rs-pin-input-masked {
+  font-family: monospace;
+}
+.rs-pin-input-attached .rs-pin-input-segment:not(:first-child) {
+  margin-left: -1px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.rs-pin-input-attached .rs-pin-input-segment:not(:last-child) {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.rs-pin-input-attached .rs-pin-input-segment:focus {
+  z-index: 1;
+  position: relative;
+}
 .rs-radio {
   --rs-radio-size: 16px;
   position: relative;
@@ -11007,7 +10997,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   color: var(--rs-text-disabled);
 }
 .rs-radio [type='radio']:focus ~ .rs-radio-inner::before {
-  box-shadow: var(--rs-state-focus-shadow);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-radio-checker {
   position: relative;
@@ -11317,17 +11308,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .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 var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   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: var(--rs-listbox-option-selected-text);
@@ -11422,21 +11409,17 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   outline: 0;
 }
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   z-index: 1;
 }
 .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 var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   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 {
   font-size: var(--rs-font-size-sm);
 }
@@ -11456,21 +11439,17 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   border-width: 0 0 0 1px;
 }
 .rs-sidenav-nav .rs-sidenav-item:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   z-index: 1;
 }
 .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
-  outline-offset: 2px;
-}
-.rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   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 {
   font-weight: normal;
@@ -11497,32 +11476,23 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 }
 .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
 .rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
 }
-.rs-theme-high-contrast .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
-.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline-offset: 2px;
-}
 .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
 .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   z-index: 2;
 }
 .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
 .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible {
-  outline-offset: 2px;
-}
-.rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
-.rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible {
-  outline-offset: 2px;
-}
 .rs-sidenav-item {
   display: flex;
   align-items: center;
@@ -11536,14 +11506,12 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   text-decoration: none;
 }
 .rs-sidenav-item:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   z-index: 2;
 }
-.rs-theme-high-contrast .rs-sidenav-item:focus-visible {
-  outline-offset: 2px;
-}
 .rs-sidenav-header {
   padding: var(--rs-sidenav-header-p);
 }
@@ -11589,49 +11557,37 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 }
 .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible,
 .rs-sidenav-collapse-in .rs-dropdown-item-focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   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 {
-  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 var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   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 {
   box-shadow: none;
 }
 .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 var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   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 {
-  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 var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   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 {
   overflow: hidden;
@@ -11707,22 +11663,16 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 }
 .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
 .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
-.rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
 .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible {
-  outline-offset: 2px;
-}
 .rs-sidenav-collapse-out .rs-sidenav-item-title {
   display: none;
 }
@@ -12100,6 +12050,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-slider-graduator ol,
 .rs-slider-graduator li {
   list-style: none;
+  margin: 0;
+  padding: 0;
 }
 .rs-slider-graduator > ol {
   display: flex;
@@ -13367,12 +13319,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb);
 }
 .rs-toggle-input:focus-visible + .rs-toggle-track {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-track {
-  outline-offset: 2px;
-}
-.rs-theme-high-contrast .rs-toggle-input:focus-visible + .rs-toggle-track {
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   box-shadow: inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
 }
 .rs-toggle-track:hover {
@@ -13657,10 +13605,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   align-items: center;
 }
 .rs-tree-node:focus-visible .rs-tree-node-label {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-tree-node:focus-visible .rs-tree-node-label {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-tree-node-label {
   position: relative;
@@ -13680,17 +13626,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-theme-high-contrast .rs-tree-node-label:hover,
 .rs-theme-high-contrast .rs-tree-node-label:focus,
 .rs-theme-high-contrast .rs-tree-node-label.rs-tree-node-label-focus {
-  outline: 3px solid var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   color: var(--rs-listbox-option-hover-text);
   text-decoration: underline;
 }
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label:hover,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label:focus,
-.rs-theme-high-contrast .rs-theme-high-contrast .rs-tree-node-label.rs-tree-node-label-focus {
-  outline-offset: 2px;
-}
 .rs-tree-node-label::after {
   content: '';
   position: absolute;
@@ -13965,10 +13907,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   border-color: var(--rs-btn-default-border-color);
 }
 .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
-  outline: 3px solid var(--rs-color-focus-ring);
-}
-.rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible {
-  outline-offset: 2px;
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-uploader-picture .rs-uploader-trigger-btn:hover {
   color: var(--rs-btn-default-hover-text);
@@ -14941,15 +14881,6 @@ kbd.rs-text {
 .rs-btn-close .rs-icon {
   vertical-align: bottom;
 }
-.rs-btn-close:hover,
-.rs-btn-close:focus {
-  color: var(--rs-close-button-hover-color);
-}
-.rs-btn-close:hover svg path,
-.rs-btn-close:focus svg path {
-  stroke: var(--rs-close-button-hover-color);
-  stroke-width: 1;
-}
 .rs-picker {
   --rs-picker-value-count-border-radius: var(--rs-radius-full);
   --rs-picker-value-count-padding: calc(var(--rs-spacing) * 1.5);
@@ -14958,6 +14889,7 @@ kbd.rs-text {
   --rs-picker-loader-size: 20px;
   --rs-picker-toggle-border-width: 1px;
   --rs-picker-toggle-bg: var(--rs-input-bg);
+  --rs-picker-toggle-border-color: var(--rs-border-primary);
   display: inline-block;
   vertical-align: middle;
   max-width: 100%;
@@ -14977,6 +14909,9 @@ kbd.rs-text {
 .rs-picker[data-disabled='true'] .rs-picker-value-count {
   opacity: 0.5;
 }
+.rs-picker[data-disabled='true'] .rs-picker-toggle {
+  pointer-events: none;
+}
 .rs-picker-toggle .rs-picker-toggle-placeholder {
   color: var(--rs-text-secondary);
 }
@@ -14999,13 +14934,14 @@ kbd.rs-text {
 .rs-picker-value-separator {
   margin: 0 var(--rs-spacing) 0 0;
 }
-.rs-picker:not([data-disabled='true']):hover,
 .rs-picker.rs-picker-focused {
   border-color: var(--rs-input-focus-border);
 }
 .rs-picker-toggle-active,
 .rs-picker.rs-picker-focused {
-  box-shadow: var(--rs-state-focus-shadow);
+  --rs-picker-toggle-border-color: var(--rs-input-focus-border);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 .rs-picker-label.rs-input-group-addon {
   color: var(--rs-text-primary);
@@ -15117,12 +15053,13 @@ kbd.rs-text {
 }
 [data-variant='default'] .rs-picker-toggle {
   color: var(--rs-text-primary);
-  border: var(--rs-picker-toggle-border-width) solid var(--rs-border-primary);
+  border-width: var(--rs-picker-toggle-border-width);
+  border-color: var(--rs-picker-toggle-border-color);
+  border-style: solid;
 }
 [data-disabled='true'] .rs-picker-toggle {
   cursor: not-allowed;
 }
-.rs-picker-toggle [data-variant='default']:not([data-disabled='true']):hover,
 .rs-picker-toggle [data-variant='default']:not([data-disabled='true']):focus {
   border-color: var(--rs-input-focus-border);
 }
@@ -15134,12 +15071,10 @@ kbd.rs-text {
 .rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle {
   cursor: not-allowed;
 }
-.rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:hover,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:focus,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:active {
   background: none;
 }
-.rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:hover::after,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:focus::after,
 .rs-picker[data-variant='subtle'][data-disabled='true'] .rs-picker-toggle:active::after {
   display: none;
@@ -15192,12 +15127,7 @@ kbd.rs-text {
 .rs-theme-high-contrast .rs-picker-toggle {
   transition: none;
 }
-.rs-picker-toggle .rs-picker[data-variant='default']:hover,
-:not([data-disabled='true']) .rs-picker-toggle:hover,
-.rs-picker-toggle .rs-picker[data-variant='default']:focus,
-:not([data-disabled='true']) .rs-picker-toggle:focus,
-.rs-picker-toggle .rs-picker[data-variant='default']-active,
-:not([data-disabled='true']) .rs-picker-toggle-active {
+.rs-picker-toggle .rs-picker[data-variant='default']:focus {
   border-color: var(--rs-input-focus-border);
 }
 .rs-picker[data-variant='subtle'] .rs-picker-toggle {
@@ -15270,15 +15200,13 @@ kbd.rs-text {
   align-items: center;
 }
 .rs-picker-toggle-indicator .rs-picker-clean {
-  display: inline-flex;
-  align-items: center;
-  height: 20px;
-  font-size: var(--rs-font-size-sm);
-  background: inherit;
   color: var(--rs-text-secondary);
   transition: 0.2s color linear;
   cursor: pointer;
 }
+.rs-picker-toggle-indicator .rs-picker-clean:hover {
+  color: var(--rs-text-primary);
+}
 .rs-picker-toggle-indicator .rs-picker-clean.rs-btn-close {
   padding: 0;
 }
@@ -15316,17 +15244,13 @@ kbd.rs-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 var(--rs-color-focus-ring);
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
   outline-offset: -3px;
   outline-width: 2px;
   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 {
@@ -15525,3 +15449,60 @@ kbd.rs-text {
     display: none !important;
   }
 }
+.rs-burger {
+  --rs-burger-size: 36px;
+  --rs-burger-thickness: 2px;
+  --rs-burger-color: currentColor;
+  --rs-burger-spacing: calc(var(--rs-spacing) * 1.5);
+  --rs-burger-line-size: calc(var(--rs-burger-size) - var(--rs-burger-spacing) * 2);
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  outline: none;
+  transition: background 0.2s;
+  box-sizing: border-box;
+  width: var(--rs-burger-size);
+  height: var(--rs-burger-size);
+  padding: var(--rs-burger-spacing);
+}
+.rs-burger-line {
+  position: relative;
+  display: block;
+  width: var(--rs-burger-line-size);
+  height: var(--rs-burger-thickness);
+  background: var(--rs-burger-color);
+  border-radius: var(--rs-burger-thickness);
+  transition-property: background, transform;
+  transition-duration: 0.2s, 0.3s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  pointer-events: none;
+}
+.rs-burger-line::before,
+.rs-burger-line::after {
+  content: '';
+  position: absolute;
+  display: block;
+  inset-inline-start: 0;
+  width: 100%;
+  height: var(--rs-burger-thickness);
+  background: var(--rs-burger-color);
+  border-radius: var(--rs-burger-thickness);
+  transition-property: transform;
+  transition-duration: 0.3s;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.rs-burger-line::before {
+  top: calc(var(--rs-burger-line-size) / -3);
+}
+.rs-burger-line::after {
+  top: calc(var(--rs-burger-line-size) / 3);
+}
+.rs-burger:where([data-opened='true']) .rs-burger-line {
+  background: transparent;
+}
+.rs-burger:where([data-opened='true']) .rs-burger-line::before {
+  transform: translateY(calc(var(--rs-burger-line-size) / 3)) rotate(45deg);
+}
+.rs-burger:where([data-opened='true']) .rs-burger-line::after {
+  transform: translateY(calc(var(--rs-burger-line-size) / -3)) rotate(-45deg);
+}