@ftdata/ui 0.0.19 → 0.0.20

package/dist/style/rsuite.css

@@ -0,0 +1,3192 @@
+[class*="rs-"], [class*="rs-"]:before, [class*="rs-"]:after {
+  box-sizing: border-box;
+}
+
+html {
+  -webkit-tap-highlight-color: transparent;
+  font-size: 16px;
+}
+
+:root {
+  --rs-gray-0: #fff;
+  --rs-gray-50: #f7f7fa;
+  --rs-gray-100: #f2f2f5;
+  --rs-gray-200: #e5e5ea;
+  --rs-gray-300: #d9d9d9;
+  --rs-gray-400: #b6b7b8;
+  --rs-gray-500: #939393;
+  --rs-gray-600: #717273;
+  --rs-gray-700: #575757;
+  --rs-gray-800: #343434;
+  --rs-gray-900: #121212;
+  --rs-primary-50: #f2faff;
+  --rs-primary-100: #cce9ff;
+  --rs-primary-200: #a6d7ff;
+  --rs-primary-300: #80c3ff;
+  --rs-primary-400: #59afff;
+  --rs-primary-500: #316ee8;
+  --rs-primary-600: #316ee8;
+  --rs-primary-700: #316ee8;
+  --rs-primary-800: #0a5dc2;
+  --rs-primary-900: #004299;
+  --rs-color-red: #f44336;
+  --rs-red-200: #faa9a7;
+  --rs-red-300: #fa8682;
+  --rs-red-400: #f7635c;
+  --rs-red-500: #f44336;
+  --rs-red-600: #eb3626;
+  --rs-red-700: #d62915;
+  --rs-red-800: #b81c07;
+  --rs-red-900: #8f1300;
+  --rs-orange-200: #fcc690;
+  --rs-orange-300: #fcb160;
+  --rs-orange-400: #fa9b2f;
+  --rs-orange-500: #fa8900;
+  --rs-orange-600: #f08800;
+  --rs-orange-700: #db8000;
+  --rs-orange-800: #bd7100;
+  --rs-orange-900: #945b00;
+  --rs-yellow-200: #ffd991;
+  --rs-yellow-300: #ffca61;
+  --rs-yellow-400: #ffbe30;
+  --rs-yellow-500: #ffb300;
+  --rs-yellow-600: #f5af00;
+  --rs-yellow-700: #e0a500;
+  --rs-yellow-800: #c29100;
+  --rs-yellow-900: #997500;
+  --rs-green-200: #a5e0a4;
+  --rs-green-300: #82cf82;
+  --rs-green-400: #65bf67;
+  --rs-green-500: #4caf50;
+  --rs-green-600: #37ab3c;
+  --rs-green-700: #22a12a;
+  --rs-green-800: #0f9119;
+  --rs-green-900: #007d0c;
+  --rs-cyan-200: #87e6ed;
+  --rs-cyan-300: #57dae6;
+  --rs-cyan-400: #2acadb;
+  --rs-cyan-500: #00bcd4;
+  --rs-cyan-600: #00b1cc;
+  --rs-cyan-700: #00a0bd;
+  --rs-cyan-800: #008aa6;
+  --rs-cyan-900: #006e87;
+  --rs-blue-200: #9bd4fa;
+  --rs-blue-300: #72c0f7;
+  --rs-blue-400: #49abf5;
+  --rs-blue-500: #2196f3;
+  --rs-blue-600: #1787e8;
+  --rs-blue-700: #0d73d4;
+  --rs-blue-800: #045cb5;
+  --rs-blue-900: #00448c;
+  --rs-violet-200: #b6a1e3;
+  --rs-violet-300: #987bd4;
+  --rs-violet-400: #805ac7;
+  --rs-violet-500: #673ab7;
+  --rs-violet-600: #5f2bb3;
+  --rs-violet-700: #531ba8;
+  --rs-violet-800: #470c99;
+  --rs-violet-900: #390085;
+  --rs-state-error: var(--rs-color-red);
+  --rs-body: var(--rs-gray-0);
+  --rs-text-primary: var(--rs-gray-800);
+  --rs-text-secondary: var(--rs-gray-600);
+  --rs-text-inverse: var(--rs-gray-50);
+  --rs-text-active: #316ee8;
+  --rs-text-disabled: #8e969b;
+  --rs-text-error: var(--rs-color-red);
+  --rs-text-highlight-bg: #fff6c9;
+  --rs-border-primary: var(--rs-gray-200);
+  --rs-border-secondary: var(--rs-gray-100);
+  --rs-bg-overlay: var(--rs-gray-0);
+  --rs-bg-well: var(--rs-gray-50);
+  --rs-bg-active: #316ee8;
+  --rs-state-hover-bg: #dde8fe;
+  --rs-focus-ring-color: 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-btn-default-bg: var(--rs-gray-50);
+  --rs-btn-default-text: var(--rs-gray-800);
+  --rs-btn-default-border-color: var(--rs-gray-200);
+  --rs-btn-default-hover-bg: var(--rs-gray-200);
+  --rs-btn-default-active-bg: var(--rs-gray-300);
+  --rs-btn-default-active-text: var(--rs-gray-900);
+  --rs-btn-default-disabled-bg: var(--rs-gray-50);
+  --rs-btn-default-disabled-text: var(--rs-gray-600);
+  --rs-btn-primary-bg: var(--rs-primary-500);
+  --rs-btn-primary-text: var(--rs-gray-0);
+  --rs-btn-primary-border-color: var(--rs-primary-600);
+  --rs-btn-primary-hover-bg: var(--rs-primary-600);
+  --rs-btn-primary-active-bg: var(--rs-primary-700);
+  --rs-btn-subtle-text: var(--rs-gray-800);
+  --rs-btn-subtle-hover-bg: #f5f5f5;
+  --rs-btn-subtle-hover-text: var(--rs-gray-800);
+  --rs-btn-subtle-active-bg: var(--rs-gray-200);
+  --rs-btn-subtle-active-text: var(--rs-gray-900);
+  --rs-btn-subtle-disabled-text: var(--rs-gray-400);
+  --rs-btn-ghost-border: var(--rs-primary-700);
+  --rs-btn-ghost-text: var(--rs-primary-700);
+  --rs-btn-ghost-hover-border: var(--rs-primary-800);
+  --rs-btn-ghost-hover-text: var(--rs-primary-800);
+  --rs-btn-ghost-active-border: var(--rs-primary-900);
+  --rs-btn-ghost-active-text: var(--rs-primary-900);
+  --rs-btn-link-text: #316ee8;
+  --rs-btn-link-hover-text: #316ee8;
+  --rs-btn-link-active-text: #316ee8;
+  --rs-iconbtn-addon: var(--rs-gray-100);
+  --rs-iconbtn-activated-addon: var(--rs-gray-300);
+  --rs-iconbtn-pressed-addon: var(--rs-gray-400);
+  --rs-iconbtn-primary-addon: var(--rs-primary-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-primary-700);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-primary-800);
+  --rs-divider-border: var(--rs-gray-200);
+  --rs-loader-ring: rgb(from var(--rs-gray-50) r g b / 80%);
+  --rs-loader-rotor: var(--rs-gray-500);
+  --rs-loader-backdrop: rgb(from var(--rs-gray-0) r g b / 90%);
+  --rs-loader-ring-inverse: rgb(from var(--rs-gray-50) r g b / 30%);
+  --rs-loader-rotor-inverse: var(--rs-gray-0);
+  --rs-loader-backdrop-inverse: rgb(from var(--rs-gray-900) r g b / 83%);
+  --rs-input-bg: var(--rs-gray-0);
+  --rs-input-focus-border: var(--rs-primary-500);
+  --rs-input-disabled-bg: #f5f5f5;
+  --rs-listbox-option-group-bg: var(--rs-gray-0);
+  --rs-listbox-option-hover-bg: #dde8fe;
+  --rs-listbox-option-hover-text: #316ee8;
+  --rs-picker-value: var(--rs-primary-700);
+  --rs-picker-count-bg: var(--rs-primary-500);
+  --rs-picker-count-text: #fff;
+  --rs-picker-state-error: var(--rs-state-error);
+  --rs-picker-state-error-outline: var(--rs-state-error-outline);
+  --rs-calendar-today-bg: var(--rs-primary-500);
+  --rs-calendar-today-text: #fff;
+  --rs-calendar-range-bg: rgb(from var(--rs-primary-100) r g b / 50%);
+  --rs-calendar-time-unit-bg: var(--rs-gray-50);
+  --rs-calendar-date-selected-text: #fff;
+  --rs-calendar-cell-selected-hover-bg: #83aaf7;
+  --rs-font-family-base: -apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
+  --rs-font-size-xs: .75rem;
+  --rs-font-size-sm: .875rem;
+  --rs-font-size-md: 1rem;
+  --rs-line-height-base: 20px;
+  --rs-line-height-plus: 22px;
+  --rs-line-height-xs: calc(20 / 12);
+  --rs-line-height-sm: calc(20 / 12);
+  --rs-line-height-md: calc(20 / 14);
+  --rs-line-height-lg: calc(22 / 16);
+  --rs-spacing: .25rem;
+  --rs-spacing-inline-xs: 8px;
+  --rs-spacing-block-xs: 2px;
+  --rs-spacing-inline-sm: 10px;
+  --rs-spacing-block-sm: 5px;
+  --rs-spacing-inline-lg: 16px;
+  --rs-spacing-block-lg: 10px;
+  --rs-padding-inline-md: 12px;
+  --rs-padding-block-md: 8px;
+  --rs-radius-none: 0;
+  --rs-radius-sm: .25rem;
+  --rs-radius-md: .375rem;
+  --rs-radius-full: 62.5rem;
+  --rs-shadow-color: #0000001a;
+  --rs-shadow-none: 0 0 #0000;
+  --rs-shadow-md: 0 4px 6px -1px var(--rs-shadow-color), 0 2px 4px 0 var(--rs-shadow-color);
+  --rs-cursor-disabled: not-allowed;
+  --rs-link-hover-decoration: underline;
+  --rs-ripple-bg: #0003;
+  --rs-zindex-date-range-picker-calendar-dropdown: 1;
+  --rs-zindex-date-range-picker-table-cell-content: 1;
+  --rs-zindex-dropdown: 5;
+  --rs-zindex-picker-toggle: 5;
+  --rs-zindex-picker-popup: 7;
+  --rs-zindex-modal: 1050;
+  --rs-zindex-drawer: 1050;
+}
+
+@media (width <= 575px) {
+  [data-visible-from="xs"] {
+    display: none !important;
+  }
+}
+
+@media (width >= 576px) {
+  [data-hidden-from="xs"] {
+    display: none !important;
+  }
+}
+
+@media (width <= 767px) {
+  [data-visible-from="sm"] {
+    display: none !important;
+  }
+}
+
+@media (width >= 768px) {
+  [data-hidden-from="sm"] {
+    display: none !important;
+  }
+}
+
+@media (width <= 991px) {
+  [data-visible-from="md"] {
+    display: none !important;
+  }
+}
+
+@media (width >= 992px) {
+  [data-hidden-from="md"] {
+    display: none !important;
+  }
+}
+
+@media (width <= 1199px) {
+  [data-visible-from="lg"] {
+    display: none !important;
+  }
+}
+
+@media (width >= 1200px) {
+  [data-hidden-from="lg"] {
+    display: none !important;
+  }
+}
+
+@media (width <= 1399px) {
+  [data-visible-from="xl"] {
+    display: none !important;
+  }
+}
+
+@media (width >= 1400px) {
+  [data-hidden-from="xl"] {
+    display: none !important;
+  }
+}
+
+:root {
+  --rs-stack-spacing: calc(var(--rs-spacing) * 1.5);
+  --rs-stack-wrap: nowrap;
+  --rs-stack-direction: row;
+  --rs-stack-align: center;
+  --rs-stack-justify: flex-start;
+}
+
+.rs-stack {
+  gap: var(--rs-stack-spacing);
+  flex-wrap: var(--rs-stack-wrap);
+  flex-direction: var(--rs-stack-direction);
+  align-items: var(--rs-stack-align);
+  justify-content: var(--rs-stack-justify);
+  display: flex;
+}
+
+.rs-stack-column {
+  --rs-stack-align: flex-start;
+  flex-direction: column;
+}
+
+.rs-stack-row {
+  --rs-stack-align: center;
+  flex-direction: row;
+}
+
+.rs-stack-column-reverse {
+  --rs-stack-align: flex-start;
+  flex-direction: column-reverse;
+}
+
+.rs-stack-row-reverse {
+  --rs-stack-align: center;
+  flex-direction: row-reverse;
+}
+
+.rs-stack[data-wrap="true"] {
+  flex-wrap: wrap;
+}
+
+.rs-stack-xs-column {
+  flex-direction: column;
+}
+
+.rs-stack-xs-row {
+  flex-direction: row;
+}
+
+.rs-stack-xs-column-reverse {
+  flex-direction: column-reverse;
+}
+
+.rs-stack-xs-row-reverse {
+  flex-direction: row-reverse;
+}
+
+@media (width >= 576px) {
+  .rs-stack-sm-column {
+    flex-direction: column;
+  }
+
+  .rs-stack-sm-row {
+    flex-direction: row;
+  }
+
+  .rs-stack-sm-column-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .rs-stack-sm-row-reverse {
+    flex-direction: row-reverse;
+  }
+}
+
+@media (width >= 768px) {
+  .rs-stack-md-column {
+    flex-direction: column;
+  }
+
+  .rs-stack-md-row {
+    flex-direction: row;
+  }
+
+  .rs-stack-md-column-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .rs-stack-md-row-reverse {
+    flex-direction: row-reverse;
+  }
+}
+
+@media (width >= 992px) {
+  .rs-stack-lg-column {
+    flex-direction: column;
+  }
+
+  .rs-stack-lg-row {
+    flex-direction: row;
+  }
+
+  .rs-stack-lg-column-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .rs-stack-lg-row-reverse {
+    flex-direction: row-reverse;
+  }
+}
+
+@media (width >= 1200px) {
+  .rs-stack-xl-column {
+    flex-direction: column;
+  }
+
+  .rs-stack-xl-row {
+    flex-direction: row;
+  }
+
+  .rs-stack-xl-column-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .rs-stack-xl-row-reverse {
+    flex-direction: row-reverse;
+  }
+}
+
+@media (width >= 1400px) {
+  .rs-stack-xxl-column {
+    flex-direction: column;
+  }
+
+  .rs-stack-xxl-row {
+    flex-direction: row;
+  }
+
+  .rs-stack-xxl-column-reverse {
+    flex-direction: column-reverse;
+  }
+
+  .rs-stack-xxl-row-reverse {
+    flex-direction: row-reverse;
+  }
+}
+
+:root {
+  --rs-loader-duration-fast: .4s;
+  --rs-loader-duration-normal: .6s;
+  --rs-loader-duration-slow: .8s;
+  --rs-loader-duration-paused: paused;
+  --rs-loader-size-xs: 1rem;
+  --rs-loader-size-sm: 1.125rem;
+  --rs-loader-size-md: 2.25rem;
+  --rs-loader-size-lg: 4rem;
+  --rs-loader-font-size-xs: var(--rs-font-size-xs);
+  --rs-loader-font-size-sm: var(--rs-font-size-sm);
+  --rs-loader-font-size-md: var(--rs-font-size-sm);
+  --rs-loader-font-size-lg: var(--rs-font-size-md);
+  --rs-loader-spin-ring-width: 3px;
+}
+
+.rs-loader-box {
+  justify-content: center;
+  align-items: center;
+  gap: calc(var(--rs-spacing) * 3);
+  display: inline-flex;
+}
+
+.rs-loader-spin {
+  display: inline-block;
+  position: relative;
+}
+
+.rs-loader-spin, .rs-loader-spin:before, .rs-loader-spin:after {
+  width: var(--rs-loader-size);
+  height: var(--rs-loader-size);
+}
+
+.rs-loader-spin:before, .rs-loader-spin:after {
+  content: "";
+  border-radius: var(--rs-radius-full);
+  display: block;
+  position: absolute;
+  inset-inline: 0;
+}
+
+.rs-loader-spin:before {
+  border: var(--rs-loader-spin-ring-width) solid var(--rs-loader-ring);
+}
+
+.rs-loader-spin:after {
+  border-width: var(--rs-loader-spin-ring-width);
+  border-style: solid;
+  border-color: var(--rs-loader-rotor) transparent transparent;
+  animation: loaderSpin var(--rs-loader-duration-normal) infinite linear;
+}
+
+.rs-loader-content {
+  font-size: var(--rs-loader-font-size);
+}
+
+.rs-loader-backdrop {
+  top: 0;
+  background: var(--rs-loader-backdrop);
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  inset-inline-start: 0;
+}
+
+.rs-loader[data-direction="vertical"] .rs-loader-box {
+  flex-direction: column;
+}
+
+.rs-loader[data-inverse="true"] .rs-loader-content {
+  color: var(--rs-text-inverse);
+}
+
+.rs-loader[data-inverse="true"] .rs-loader-backdrop {
+  background: var(--rs-loader-backdrop-inverse);
+}
+
+.rs-loader[data-inverse="true"] .rs-loader-spin:before {
+  border-color: var(--rs-loader-ring-inverse);
+}
+
+.rs-loader[data-inverse="true"] .rs-loader-spin:after {
+  border-top-color: var(--rs-loader-rotor-inverse);
+}
+
+.rs-loader[data-speed="fast"] .rs-loader-spin:after {
+  animation-duration: var(--rs-loader-duration-fast);
+}
+
+.rs-loader[data-speed="normal"] .rs-loader-spin:after {
+  animation-duration: var(--rs-loader-duration-normal);
+}
+
+.rs-loader[data-speed="slow"] .rs-loader-spin:after {
+  animation-duration: var(--rs-loader-duration-slow);
+}
+
+.rs-loader[data-speed="paused"] .rs-loader-spin:after {
+  animation-play-state: var(--rs-loader-duration-paused);
+}
+
+.rs-loader[data-center="true"] {
+  top: 0;
+  bottom: 0;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  margin: auto;
+  display: flex;
+  position: absolute;
+  inset-inline: 0;
+}
+
+.rs-loader[data-center="true"] .rs-loader-content {
+  z-index: 1;
+}
+
+.rs-loader[data-size="xs"] {
+  --rs-loader-size: var(--rs-loader-size-xs);
+  --rs-loader-font-size: var(--rs-loader-font-size-xs);
+}
+
+.rs-loader[data-size="sm"] {
+  --rs-loader-size: var(--rs-loader-size-sm);
+  --rs-loader-font-size: var(--rs-loader-font-size-sm);
+}
+
+.rs-loader[data-size="md"] {
+  --rs-loader-size: var(--rs-loader-size-md);
+  --rs-loader-font-size: var(--rs-loader-font-size-md);
+}
+
+.rs-loader[data-size="lg"] {
+  --rs-loader-size: var(--rs-loader-size-lg);
+  --rs-loader-font-size: var(--rs-loader-font-size-lg);
+}
+
+@keyframes loaderSpin {
+  from {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+:root {
+  --rs-input-border-width: 1px;
+  --rs-input-font-size-xs: var(--rs-font-size-xs);
+  --rs-input-font-size-sm: var(--rs-font-size-sm);
+  --rs-input-font-size-md: var(--rs-font-size-sm);
+  --rs-input-font-size-lg: var(--rs-font-size-md);
+  --rs-input-line-height-xs: var(--rs-line-height-xs);
+  --rs-input-line-height-sm: var(--rs-line-height-md);
+  --rs-input-line-height-md: var(--rs-line-height-md);
+  --rs-input-line-height-lg: var(--rs-line-height-lg);
+  --rs-input-border-radius: var(--rs-radius-md);
+  --rs-input-padding-block-xs: calc(var(--rs-spacing-block-xs)  - var(--rs-input-border-width));
+  --rs-input-padding-block-sm: calc(var(--rs-spacing-block-sm)  - var(--rs-input-border-width));
+  --rs-input-padding-block-md: calc(var(--rs-padding-block-md)  - var(--rs-input-border-width));
+  --rs-input-padding-block-lg: calc(var(--rs-spacing-block-lg)  - var(--rs-input-border-width));
+  --rs-input-padding-inline-xs: calc(var(--rs-spacing)  - var(--rs-input-border-width));
+  --rs-input-padding-inline-sm: calc(calc(var(--rs-spacing) * 2)  - var(--rs-input-border-width));
+  --rs-input-padding-inline-md: calc(calc(var(--rs-spacing) * 2.5)  - var(--rs-input-border-width));
+  --rs-input-padding-inline-lg: calc(calc(var(--rs-spacing) * 3)  - var(--rs-input-border-width));
+  --rs-input-transition: border-color ease-in-out .15s;
+}
+
+.rs-input {
+  width: 100%;
+  color: var(--rs-text-primary);
+  background-color: var(--rs-input-bg);
+  border: 1px solid var(--rs-border-primary);
+  transition: var(--rs-input-transition);
+  border-radius: var(--rs-input-border-radius);
+  font-size: var(--rs-input-font-size);
+  line-height: var(--rs-input-line-height);
+  padding-block: var(--rs-input-padding-block);
+  padding-inline: var(--rs-input-padding-inline);
+  background-image: none;
+  display: block;
+}
+
+[data-theme="high-contrast"] .rs-input, .rs-theme-high-contrast .rs-input {
+  transition: none;
+}
+
+.rs-input::placeholder {
+  color: var(--rs-text-secondary);
+}
+
+.rs-input:focus {
+  border-color: var(--rs-input-focus-border);
+}
+
+.rs-input:focus-visible {
+  outline: 2px solid var(--rs-focus-ring-color);
+  outline-offset: -1px;
+}
+
+.rs-input:disabled {
+  background-color: var(--rs-input-disabled-bg);
+  color: var(--rs-text-disabled);
+}
+
+.rs-input[data-size="xs"] {
+  --rs-input-font-size: var(--rs-input-font-size-xs);
+  --rs-input-line-height: var(--rs-input-line-height-xs);
+  --rs-input-padding-block: var(--rs-input-padding-block-xs);
+  --rs-input-padding-inline: var(--rs-input-padding-inline-xs);
+}
+
+.rs-input[data-size="sm"] {
+  --rs-input-font-size: var(--rs-input-font-size-sm);
+  --rs-input-line-height: var(--rs-input-line-height-sm);
+  --rs-input-padding-block: var(--rs-input-padding-block-sm);
+  --rs-input-padding-inline: var(--rs-input-padding-inline-sm);
+}
+
+.rs-input[data-size="md"] {
+  --rs-input-font-size: var(--rs-input-font-size-md);
+  --rs-input-line-height: var(--rs-input-line-height-md);
+  --rs-input-padding-block: var(--rs-input-padding-block-md);
+  --rs-input-padding-inline: var(--rs-input-padding-inline-md);
+}
+
+.rs-input[data-size="lg"] {
+  --rs-input-font-size: var(--rs-input-font-size-lg);
+  --rs-input-line-height: var(--rs-input-line-height-lg);
+  --rs-input-padding-block: var(--rs-input-padding-block-lg);
+  --rs-input-padding-inline: var(--rs-input-padding-inline-lg);
+}
+
+.rs-input-group {
+  --rs-input-height-xs: calc(var(--rs-line-height-base)  + (var(--rs-spacing-block-xs) * 2));
+  --rs-input-height-sm: calc(var(--rs-line-height-base)  + (var(--rs-spacing-block-sm) * 2));
+  --rs-input-height-md: calc(var(--rs-line-height-base)  + (var(--rs-padding-block-md) * 2));
+  --rs-input-height-lg: calc(var(--rs-line-height-plus)  + (var(--rs-spacing-block-lg) * 2));
+  --rs-input-group-input-height-xs: calc(var(--rs-input-height-xs)  - 2px);
+  --rs-input-group-input-height-sm: calc(var(--rs-input-height-sm)  - 2px);
+  --rs-input-group-input-height-md: calc(var(--rs-input-height-md)  - 2px);
+  --rs-input-group-input-height-lg: calc(var(--rs-input-height-lg)  - 2px);
+  --rs-input-group-inside-btn-m-x-xs: calc(var(--rs-spacing-block-xs) / 2);
+  --rs-input-group-inside-btn-m-x-sm: calc(var(--rs-spacing-block-sm) / 2);
+  --rs-input-group-inside-btn-m-x-md: calc(var(--rs-padding-block-md) / 2);
+  --rs-input-group-inside-btn-m-x-lg: calc(var(--rs-spacing-block-lg) / 2);
+  --rs-input-group-inside-btn-p-x-xs: calc(var(--rs-spacing-inline-xs) / 2);
+  --rs-input-group-inside-btn-p-x-sm: calc(var(--rs-spacing-inline-sm) / 2);
+  --rs-input-group-inside-btn-p-x-md: calc(var(--rs-padding-inline-md) / 2);
+  --rs-input-group-inside-btn-p-x-lg: calc(var(--rs-spacing-inline-lg) / 2);
+  --rs-input-group-border-radius: var(--rs-radius-md);
+  --rs-input-group-font-size-xs: var(--rs-font-size-xs);
+  --rs-input-group-font-size-sm: var(--rs-font-size-sm);
+  --rs-input-group-font-size-md: var(--rs-font-size-sm);
+  --rs-input-group-font-size-lg: var(--rs-font-size-md);
+  --rs-input-group-width: 100%;
+  border-radius: var(--rs-input-group-border-radius);
+  transition: var(--rs-input-transition);
+  width: var(--rs-input-group-width);
+  cursor: text;
+  color: var(--rs-text-primary);
+  border: 1px solid var(--rs-border-primary);
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+.rs-input-group[data-size="xs"] {
+  --rs-input-group-input-height: var(--rs-input-group-input-height-xs);
+  --rs-input-group-inside-btn-spacing: var(--rs-input-group-inside-btn-m-x-xs);
+  --rs-input-group-inside-btn-padding: var(--rs-input-group-inside-btn-p-x-xs);
+  --rs-input-group-font-size: var(--rs-input-group-font-size-xs);
+}
+
+.rs-input-group[data-size="sm"] {
+  --rs-input-group-input-height: var(--rs-input-group-input-height-sm);
+  --rs-input-group-inside-btn-spacing: var(--rs-input-group-inside-btn-m-x-sm);
+  --rs-input-group-inside-btn-padding: var(--rs-input-group-inside-btn-p-x-sm);
+  --rs-input-group-font-size: var(--rs-input-group-font-size-sm);
+}
+
+.rs-input-group[data-size="md"] {
+  --rs-input-group-input-height: var(--rs-input-group-input-height-md);
+  --rs-input-group-inside-btn-spacing: var(--rs-input-group-inside-btn-m-x-md);
+  --rs-input-group-inside-btn-padding: var(--rs-input-group-inside-btn-p-x-md);
+  --rs-input-group-font-size: var(--rs-input-group-font-size-md);
+}
+
+.rs-input-group[data-size="lg"] {
+  --rs-input-group-input-height: var(--rs-input-group-input-height-lg);
+  --rs-input-group-inside-btn-spacing: var(--rs-input-group-inside-btn-m-x-lg);
+  --rs-input-group-inside-btn-padding: var(--rs-input-group-inside-btn-p-x-lg);
+  --rs-input-group-font-size: var(--rs-input-group-font-size-lg);
+}
+
+[data-theme="high-contrast"] .rs-input-group, .rs-theme-high-contrast .rs-input-group {
+  transition: none;
+}
+
+.rs-input-group:not([data-disabled="true"]).rs-input-group-focus, .rs-input-group:focus-within {
+  border-color: var(--rs-input-focus-border);
+  outline: 2px solid var(--rs-focus-ring-color);
+  outline-offset: -1px;
+}
+
+.rs-input-group .rs-input-group {
+  border-color: #0000 !important;
+  outline: none !important;
+}
+
+.rs-input-group .rs-input-group-btn {
+  height: var(--rs-input-group-input-height);
+}
+
+.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 {
+  border-radius: var(--rs-radius-none);
+  border: none;
+  outline: none;
+}
+
+.rs-input-group > .rs-input, .rs-input-group > .rs-form-control-wrapper {
+  flex: auto;
+}
+
+.rs-input-group .rs-form-control-wrapper > .rs-input {
+  width: 100%;
+}
+
+.rs-input-group > .rs-input {
+  height: var(--rs-input-group-input-height);
+  border-radius: var(--rs-radius-none);
+  border: none;
+  outline: none;
+  position: relative;
+}
+
+.rs-input-group > .rs-input-group-addon > .rs-icon {
+  font-size: inherit;
+}
+
+.rs-input-group[data-inside="true"] {
+  width: var(--rs-input-group-width);
+  background-color: var(--rs-input-bg);
+  align-items: center;
+}
+
+.rs-input-group[data-inside="true"] .rs-input {
+  border: none;
+  outline: none;
+  width: 100%;
+  display: block;
+}
+
+.rs-input-group[data-inside="true"] .rs-input-group-btn, .rs-input-group[data-inside="true"] .rs-input-group-addon {
+  flex: none;
+  width: auto;
+}
+
+.rs-input-group[data-inside="true"] .rs-input-group-btn {
+  border-radius: var(--rs-input-group-border-radius);
+  height: calc(var(--rs-input-group-input-height)  - var(--rs-input-group-inside-btn-spacing) * 2);
+  margin-inline: var(--rs-input-group-inside-btn-spacing);
+  padding-inline: var(--rs-input-group-inside-btn-padding);
+  color: inherit;
+  background-color: #0000;
+}
+
+.rs-input-group[data-inside="true"] .rs-input-group-btn:hover {
+  color: var(--rs-btn-subtle-hover-text);
+  background-color: var(--rs-btn-subtle-hover-bg);
+}
+
+.rs-input-group[data-inside="true"] .rs-input-group-btn:active, .rs-input-group[data-inside="true"] .rs-input-group-btn[data-active="true"] {
+  color: var(--rs-btn-subtle-active-text);
+  background-color: var(--rs-btn-subtle-active-bg);
+}
+
+.rs-input-group[data-inside="true"] .rs-input-group-btn:disabled, .rs-input-group[data-inside="true"] .rs-input-group-btn[data-disabled="true"] {
+  color: var(--rs-btn-subtle-disabled-text);
+  background: none;
+}
+
+.rs-input-group[data-inside="true"] .rs-input-group-btn:focus {
+  outline: none;
+}
+
+.rs-input-group[data-inside="true"] .rs-input-group-addon {
+  background: none;
+  border: none;
+}
+
+.rs-input-group[data-inside="true"] .rs-input:not(:first-child), .rs-input-group[data-inside="true"] .rs-auto-complete:not(:first-child) .rs-input {
+  padding-inline-start: 0;
+}
+
+.rs-input-group[data-inside="true"] .rs-input:not(:last-child), .rs-input-group[data-inside="true"] .rs-auto-complete:not(:last-child) .rs-input {
+  padding-inline-end: 0;
+}
+
+.rs-input-group[data-disabled="true"] {
+  background-color: var(--rs-input-disabled-bg);
+  color: var(--rs-text-disabled);
+  cursor: not-allowed;
+}
+
+.rs-input-group[data-disabled="true"] .rs-input, .rs-input-group[data-disabled="true"] .rs-input-group-btn, .rs-input-group[data-disabled="true"] .rs-input-group-addon {
+  color: inherit;
+}
+
+.rs-input-group-addon {
+  white-space: nowrap;
+  vertical-align: middle;
+  color: var(--rs-text-primary);
+  font-size: var(--rs-input-group-font-size);
+  text-align: center;
+  background-color: var(--rs-btn-default-bg);
+  padding-inline: var(--rs-spacing);
+  min-width: var(--rs-input-group-input-height);
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  font-weight: normal;
+  line-height: 1;
+  display: flex;
+}
+
+.rs-input-group-addon[data-size="sm"] {
+  padding-block: var(--rs-spacing-block-sm);
+  padding-inline: var(--rs-spacing-inline-sm);
+  font-size: var(--rs-font-size-sm);
+}
+
+.rs-input-group-addon[data-size="xs"] {
+  padding: var(--rs-spacing-inline-xs);
+  font-size: var(--rs-font-size-xs);
+}
+
+.rs-input-group-addon[data-size="lg"] {
+  padding-block: var(--rs-spacing-block-lg);
+  padding-inline: var(--rs-spacing-inline-lg);
+  font-size: var(--rs-font-size-md);
+}
+
+.rs-input-group-addon input[type="radio"], .rs-input-group-addon input[type="checkbox"] {
+  margin-top: 0;
+}
+
+.rs-input-group-btn {
+  white-space: nowrap;
+  border-radius: var(--rs-radius-none);
+  line-height: 1;
+  font-size: var(--rs-input-group-font-size);
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.rs-highlight-mark {
+  background-color: var(--rs-text-highlight-bg);
+  border-radius: var(--rs-radius-sm);
+  padding: 0 .2em;
+  font-weight: bolder;
+}
+
+.rs-ripple {
+  border-radius: var(--rs-radius-full);
+  background-color: var(--rs-ripple-bg);
+  transition: all;
+  display: block;
+  position: absolute;
+  transform: scale(0);
+}
+
+.rs-ripple-rippling {
+  opacity: 0;
+  transition: transform .55s cubic-bezier(.4, 0, .2, 1), opacity 1s cubic-bezier(.4, 0, .2, 1);
+  transform: scale(1);
+}
+
+.rs-ripple-pond {
+  content: "";
+  top: 0;
+  pointer-events: none;
+  width: 100%;
+  height: 100%;
+  display: block;
+  position: absolute;
+  inset-inline-start: 0;
+}
+
+.high-contrast-mode .rs-ripple-pond {
+  display: none !important;
+}
+
+:root {
+  --rs-btn-size-xs: 1.5rem;
+  --rs-btn-size-sm: 1.875rem;
+  --rs-btn-size-md: 2.25rem;
+  --rs-btn-size-lg: 2.625rem;
+  --rs-btn-font-size-xs: var(--rs-font-size-xs);
+  --rs-btn-font-size-sm: var(--rs-font-size-sm);
+  --rs-btn-font-size-md: var(--rs-font-size-sm);
+  --rs-btn-font-size-lg: var(--rs-font-size-md);
+  --rs-btn-line-height-xs: 1.25rem;
+  --rs-btn-line-height-sm: 1.25rem;
+  --rs-btn-line-height-md: 1.25rem;
+  --rs-btn-line-height-lg: 1.375rem;
+  --rs-btn-padding-inline-xs: calc(var(--rs-spacing) * 2);
+  --rs-btn-padding-inline-sm: calc(var(--rs-spacing) * 2.5);
+  --rs-btn-padding-inline-md: calc(var(--rs-spacing) * 3);
+  --rs-btn-padding-inline-lg: calc(var(--rs-spacing) * 3.5);
+  --rs-btn-padding-block-xs: calc(var(--rs-spacing) / 2);
+  --rs-btn-padding-block-sm: calc(var(--rs-spacing) * 1.25);
+  --rs-btn-padding-block-md: calc(var(--rs-spacing) * 2);
+  --rs-btn-padding-block-lg: calc(var(--rs-spacing) * 2.5);
+  --rs-btn-icon-size-xs: .75rem;
+  --rs-btn-icon-size-sm: 1rem;
+  --rs-btn-icon-size-md: 1rem;
+  --rs-btn-icon-size-lg: 1.25rem;
+  --rs-btn-ghost-border-width: 1px;
+  --rs-btn-loading-spin-default-diameter: 18px;
+  --rs-btn-loading-spin-xs-diameter: 16px;
+  --rs-btn-loading-spin-ring-wide: 3px;
+  --rs-btn-font-weight: normal;
+  --rs-btn-transition: color .15s ease-out, background-color .15s ease-out;
+  --rs-btn-icon-gap: 5px;
+}
+
+.rs-btn {
+  font-weight: var(--rs-btn-font-weight);
+  font-size: var(--rs-btn-font-size, var(--rs-font-size-sm));
+  line-height: var(--rs-btn-line-height, 1.25rem);
+  height: var(--rs-btn-size, 2.25rem);
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  white-space: nowrap;
+  transition: var(--rs-btn-transition);
+  border-style: solid;
+  border-width: 0;
+  border-color: var(--rs-btn-default-border-color, none);
+  user-select: none;
+  color: var(--rs-btn-default-text);
+  background-color: var(--rs-btn-default-bg);
+  border-radius: var(--rs-radius-md);
+  padding-inline: var(--rs-btn-padding-inline);
+  padding-block: var(--rs-btn-padding-block);
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 0;
+  text-decoration: none;
+  display: inline-flex;
+}
+
+[data-theme="high-contrast"] .rs-btn, .rs-theme-high-contrast .rs-btn {
+  border-width: 1px;
+  border-color: var(--rs-btn-default-border-color);
+  transition: none;
+}
+
+.rs-btn:focus-visible {
+  outline: 2px solid var(--rs-focus-ring-color);
+  outline-offset: -1px;
+}
+
+.rs-btn:hover {
+  color: var(--rs-btn-default-hover-text);
+  background-color: var(--rs-btn-default-hover-bg);
+  text-decoration: none;
+}
+
+.rs-btn:active, .rs-btn.rs-btn[data-active="true"] {
+  color: var(--rs-btn-default-active-text);
+  background-color: var(--rs-btn-default-active-bg);
+}
+
+.rs-btn:disabled, .rs-btn.rs-btn[data-disabled="true"] {
+  cursor: var(--rs-cursor-disabled);
+  color: var(--rs-btn-default-disabled-text);
+  background-color: var(--rs-btn-default-disabled-bg);
+}
+
+[data-theme="high-contrast"] .rs-btn:disabled, .rs-theme-high-contrast .rs-btn:disabled, [data-theme="high-contrast"] .rs-btn.rs-btn[data-disabled="true"], .rs-theme-high-contrast .rs-btn.rs-btn[data-disabled="true"] {
+  border-color: var(--rs-btn-default-disabled-border-color);
+}
+
+.rs-btn {
+  position: relative;
+  overflow: hidden;
+}
+
+@media not all and (resolution >= .001dpcm) {
+  .rs-btn {
+    mask-image: radial-gradient(#fff, #000);
+  }
+}
+
+.rs-btn {
+  --rs-btn-size: var(--rs-btn-size-md);
+  --rs-btn-font-size: var(--rs-btn-font-size-md);
+  --rs-btn-line-height: var(--rs-btn-line-height-md);
+  --rs-btn-padding-inline: var(--rs-btn-padding-inline-md);
+  --rs-btn-padding-block: var(--rs-btn-padding-block-md);
+  --rs-btn-icon-size: var(--rs-btn-icon-size-md);
+}
+
+.rs-btn[data-size="lg"] {
+  --rs-btn-size: var(--rs-btn-size-lg);
+  --rs-btn-font-size: var(--rs-btn-font-size-lg);
+  --rs-btn-line-height: var(--rs-btn-line-height-lg);
+  --rs-btn-padding-inline: var(--rs-btn-padding-inline-lg);
+  --rs-btn-padding-block: var(--rs-btn-padding-block-lg);
+  --rs-btn-icon-size: var(--rs-btn-icon-size-lg);
+}
+
+.rs-btn[data-size="md"] {
+  --rs-btn-size: var(--rs-btn-size-md);
+  --rs-btn-font-size: var(--rs-btn-font-size-md);
+  --rs-btn-line-height: var(--rs-btn-line-height-md);
+  --rs-btn-padding-inline: var(--rs-btn-padding-inline-md);
+  --rs-btn-padding-block: var(--rs-btn-padding-block-md);
+  --rs-btn-icon-size: var(--rs-btn-icon-size-md);
+}
+
+.rs-btn[data-size="sm"] {
+  --rs-btn-size: var(--rs-btn-size-sm);
+  --rs-btn-font-size: var(--rs-btn-font-size-sm);
+  --rs-btn-line-height: var(--rs-btn-line-height-sm);
+  --rs-btn-padding-inline: var(--rs-btn-padding-inline-sm);
+  --rs-btn-padding-block: var(--rs-btn-padding-block-sm);
+  --rs-btn-icon-size: var(--rs-btn-icon-size-sm);
+}
+
+.rs-btn[data-size="xs"] {
+  --rs-btn-size: var(--rs-btn-size-xs);
+  --rs-btn-font-size: var(--rs-btn-font-size-xs);
+  --rs-btn-line-height: var(--rs-btn-line-height-xs);
+  --rs-btn-padding-inline: var(--rs-btn-padding-inline-xs);
+  --rs-btn-padding-block: var(--rs-btn-padding-block-xs);
+  --rs-btn-icon-size: var(--rs-btn-icon-size-xs);
+}
+
+.rs-btn-start-icon {
+  margin-inline-end: var(--rs-btn-icon-gap);
+  line-height: 0;
+}
+
+.rs-btn-end-icon {
+  margin-inline-start: var(--rs-btn-icon-gap);
+  line-height: 0;
+}
+
+.rs-btn[data-appearance="primary"] {
+  color: var(--rs-btn-primary-text);
+  background-color: var(--rs-btn-primary-bg);
+  border-color: var(--rs-btn-primary-border-color);
+}
+
+.rs-btn[data-appearance="primary"]:hover {
+  color: var(--rs-btn-primary-text);
+  background-color: var(--rs-btn-primary-hover-bg);
+}
+
+.rs-btn[data-appearance="primary"]:active, .rs-btn[data-appearance="primary"].rs-btn[data-active="true"] {
+  color: var(--rs-btn-primary-text);
+  background-color: var(--rs-btn-primary-active-bg);
+}
+
+.rs-btn[data-appearance="primary"]:disabled, .rs-btn[data-appearance="primary"].rs-btn[data-disabled="true"] {
+  color: var(--rs-btn-primary-text);
+  background-color: var(--rs-btn-primary-bg);
+  opacity: .3;
+}
+
+[data-theme="high-contrast"] .rs-btn[data-appearance="primary"]:disabled, .rs-theme-high-contrast .rs-btn[data-appearance="primary"]:disabled, [data-theme="high-contrast"] .rs-btn[data-appearance="primary"].rs-btn[data-disabled="true"], .rs-theme-high-contrast .rs-btn[data-appearance="primary"].rs-btn[data-disabled="true"] {
+  border-color: var(--rs-btn-default-disabled-border-color);
+}
+
+.rs-btn[data-appearance="subtle"], .rs-btn-subtle, .rs-calendar-header-error {
+  color: var(--rs-btn-subtle-text);
+  background-color: #0000;
+}
+
+.rs-btn[data-appearance="subtle"]:hover, .rs-btn-subtle:hover, .rs-calendar-header-error:hover {
+  color: var(--rs-btn-subtle-hover-text);
+  background-color: var(--rs-btn-subtle-hover-bg);
+}
+
+.rs-btn[data-appearance="subtle"]:active, .rs-btn[data-appearance="subtle"].rs-btn[data-active="true"], .rs-btn-subtle:active, .rs-calendar-header-error:active, .rs-btn-subtle.rs-btn[data-active="true"], .rs-btn[data-active="true"].rs-calendar-header-error {
+  color: var(--rs-btn-subtle-active-text);
+  background-color: var(--rs-btn-subtle-active-bg);
+}
+
+.rs-btn[data-appearance="subtle"]:disabled, .rs-btn[data-appearance="subtle"].rs-btn[data-disabled="true"], .rs-btn-subtle:disabled, .rs-calendar-header-error:disabled, .rs-btn-subtle.rs-btn[data-disabled="true"], .rs-btn[data-disabled="true"].rs-calendar-header-error {
+  color: var(--rs-btn-subtle-disabled-text);
+  background: none;
+}
+
+[data-theme="high-contrast"] .rs-btn[data-appearance="subtle"]:disabled, .rs-theme-high-contrast .rs-btn[data-appearance="subtle"]:disabled, [data-theme="high-contrast"] .rs-btn[data-appearance="subtle"].rs-btn[data-disabled="true"], .rs-theme-high-contrast .rs-btn[data-appearance="subtle"].rs-btn[data-disabled="true"], [data-theme="high-contrast"] .rs-btn-subtle:disabled, [data-theme="high-contrast"] .rs-calendar-header-error:disabled, .rs-theme-high-contrast .rs-btn-subtle:disabled, .rs-theme-high-contrast .rs-calendar-header-error:disabled, [data-theme="high-contrast"] .rs-btn-subtle.rs-btn[data-disabled="true"], [data-theme="high-contrast"] .rs-btn[data-disabled="true"].rs-calendar-header-error, .rs-theme-high-contrast .rs-btn-subtle.rs-btn[data-disabled="true"], .rs-theme-high-contrast .rs-btn[data-disabled="true"].rs-calendar-header-error {
+  border-color: var(--rs-btn-default-disabled-border-color);
+}
+
+.rs-btn[data-appearance="link"] {
+  color: var(--rs-btn-link-text);
+  background-color: #0000;
+}
+
+.rs-btn[data-appearance="link"]:hover {
+  color: var(--rs-btn-link-hover-text);
+  -webkit-text-decoration: var(--rs-link-hover-decoration);
+  text-decoration: var(--rs-link-hover-decoration);
+  background-color: #0000;
+}
+
+.rs-btn[data-appearance="link"]:active, .rs-btn[data-appearance="link"].rs-btn[data-active="true"] {
+  color: var(--rs-btn-link-active-text);
+  background-color: #0000;
+}
+
+.rs-btn[data-appearance="link"]:disabled, .rs-btn[data-appearance="link"].rs-btn[data-disabled="true"] {
+  color: var(--rs-btn-link-hover-text);
+  opacity: .3;
+  background-color: #0000;
+  text-decoration: none;
+}
+
+[data-theme="high-contrast"] .rs-btn[data-appearance="link"]:disabled, .rs-theme-high-contrast .rs-btn[data-appearance="link"]:disabled, [data-theme="high-contrast"] .rs-btn[data-appearance="link"].rs-btn[data-disabled="true"], .rs-theme-high-contrast .rs-btn[data-appearance="link"].rs-btn[data-disabled="true"] {
+  border-color: var(--rs-btn-default-disabled-border-color);
+}
+
+.rs-btn[data-appearance="ghost"] {
+  color: var(--rs-btn-ghost-text);
+  border: var(--rs-btn-ghost-border-width) solid var(--rs-btn-ghost-border);
+  padding-inline: calc(var(--rs-btn-padding-inline)  - var(--rs-btn-ghost-border-width));
+  background-color: #0000;
+}
+
+.rs-btn[data-appearance="ghost"]:hover {
+  color: var(--rs-btn-ghost-hover-text);
+  border-color: var(--rs-btn-ghost-hover-border);
+  box-shadow: 0 0 0 1px var(--rs-btn-ghost-hover-border);
+  background-color: #0000;
+}
+
+.rs-btn[data-appearance="ghost"]:active, .rs-btn[data-appearance="ghost"].rs-btn[data-active="true"] {
+  color: var(--rs-btn-ghost-active-text);
+  border-color: var(--rs-btn-ghost-active-border);
+  background-color: #0000;
+}
+
+.rs-btn[data-appearance="ghost"]:disabled, .rs-btn[data-appearance="ghost"].rs-btn[data-disabled="true"] {
+  color: var(--rs-btn-ghost-text);
+  opacity: .3;
+  border-color: var(--rs-btn-ghost-border);
+  box-shadow: var(--rs-shadow-none);
+  background-color: #0000;
+}
+
+[data-theme="high-contrast"] .rs-btn[data-appearance="ghost"]:disabled, .rs-theme-high-contrast .rs-btn[data-appearance="ghost"]:disabled, [data-theme="high-contrast"] .rs-btn[data-appearance="ghost"].rs-btn[data-disabled="true"], .rs-theme-high-contrast .rs-btn[data-appearance="ghost"].rs-btn[data-disabled="true"] {
+  border-color: var(--rs-btn-default-disabled-border-color);
+}
+
+.rs-btn[data-color="red"] {
+  --rs-btn-primary-bg: var(--rs-red-500);
+  --rs-btn-primary-hover-bg: var(--rs-red-700);
+  --rs-btn-primary-active-bg: var(--rs-red-800);
+  --rs-btn-primary-border-color: var(--rs-red-700);
+  --rs-btn-subtle-hover-bg: var(--rs-red-500);
+  --rs-btn-subtle-hover-text: var(--rs-body-200);
+  --rs-btn-subtle-active-bg: var(--rs-red-600);
+  --rs-btn-subtle-active-text: var(--rs-body-800);
+  --rs-btn-ghost-border: var(--rs-red-700);
+  --rs-btn-ghost-text: var(--rs-red-700);
+  --rs-btn-ghost-hover-border: var(--rs-red-900);
+  --rs-btn-ghost-hover-text: var(--rs-red-800);
+  --rs-btn-ghost-active-border: var(--rs-red-900);
+  --rs-btn-ghost-active-text: var(--rs-red-900);
+  --rs-btn-link-text: var(--rs-red-700);
+  --rs-btn-link-hover-text: var(--rs-red-800);
+  --rs-btn-link-active-text: var(--rs-red-900);
+  --rs-iconbtn-primary-addon: var(--rs-red-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-red-800);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-red-900);
+}
+
+[data-theme="dark"] .rs-btn[data-color="red"], .rs-theme-dark .rs-btn[data-color="red"] {
+  --rs-btn-primary-bg: var(--rs-red-700);
+  --rs-btn-primary-hover-bg: var(--rs-red-500);
+  --rs-btn-primary-active-bg: var(--rs-red-400);
+  --rs-btn-primary-border-color: var(--rs-red-800);
+  --rs-btn-subtle-hover-bg: var(--rs-red-600);
+  --rs-btn-subtle-hover-text: #fff;
+  --rs-btn-subtle-active-bg: var(--rs-red-400);
+  --rs-btn-subtle-active-text: #fff;
+  --rs-btn-ghost-border: var(--rs-red-500);
+  --rs-btn-ghost-text: var(--rs-red-500);
+  --rs-btn-ghost-hover-border: var(--rs-red-400);
+  --rs-btn-ghost-hover-text: var(--rs-red-400);
+  --rs-btn-ghost-active-border: var(--rs-red-200);
+  --rs-btn-ghost-active-text: var(--rs-red-200);
+  --rs-btn-link-text: var(--rs-red-500);
+  --rs-btn-link-hover-text: var(--rs-red-400);
+  --rs-btn-link-active-text: var(--rs-red-200);
+  --rs-iconbtn-primary-addon: var(--rs-red-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-red-400);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-red-300);
+}
+
+[data-theme="high-contrast"] .rs-btn[data-color="red"], .rs-theme-high-contrast .rs-btn[data-color="red"] {
+  --rs-btn-primary-bg: var(--rs-red-700);
+  --rs-btn-primary-hover-bg: var(--rs-red-600);
+  --rs-btn-primary-active-bg: var(--rs-red-400);
+  --rs-btn-subtle-hover-bg: var(--rs-red-600);
+  --rs-btn-subtle-hover-text: var(--rs-gray-900);
+  --rs-btn-subtle-active-bg: var(--rs-red-400);
+  --rs-btn-subtle-active-text: var(--rs-gray-900);
+  --rs-btn-ghost-border: var(--rs-red-500);
+  --rs-btn-ghost-text: var(--rs-red-500);
+  --rs-btn-ghost-hover-border: var(--rs-red-400);
+  --rs-btn-ghost-hover-text: var(--rs-red-400);
+  --rs-btn-ghost-active-border: var(--rs-red-200);
+  --rs-btn-ghost-active-text: var(--rs-red-200);
+  --rs-btn-link-text: var(--rs-red-500);
+  --rs-btn-link-hover-text: var(--rs-red-400);
+  --rs-btn-link-active-text: var(--rs-red-200);
+}
+
+.rs-btn[data-color="orange"] {
+  --rs-btn-primary-bg: var(--rs-orange-500);
+  --rs-btn-primary-hover-bg: var(--rs-orange-700);
+  --rs-btn-primary-active-bg: var(--rs-orange-800);
+  --rs-btn-primary-border-color: var(--rs-orange-700);
+  --rs-btn-subtle-hover-bg: var(--rs-orange-500);
+  --rs-btn-subtle-hover-text: var(--rs-body-200);
+  --rs-btn-subtle-active-bg: var(--rs-orange-600);
+  --rs-btn-subtle-active-text: var(--rs-body-800);
+  --rs-btn-ghost-border: var(--rs-orange-700);
+  --rs-btn-ghost-text: var(--rs-orange-700);
+  --rs-btn-ghost-hover-border: var(--rs-orange-900);
+  --rs-btn-ghost-hover-text: var(--rs-orange-800);
+  --rs-btn-ghost-active-border: var(--rs-orange-900);
+  --rs-btn-ghost-active-text: var(--rs-orange-900);
+  --rs-btn-link-text: var(--rs-orange-700);
+  --rs-btn-link-hover-text: var(--rs-orange-800);
+  --rs-btn-link-active-text: var(--rs-orange-900);
+  --rs-iconbtn-primary-addon: var(--rs-orange-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-orange-800);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-orange-900);
+}
+
+[data-theme="dark"] .rs-btn[data-color="orange"], .rs-theme-dark .rs-btn[data-color="orange"] {
+  --rs-btn-primary-bg: var(--rs-orange-700);
+  --rs-btn-primary-hover-bg: var(--rs-orange-500);
+  --rs-btn-primary-active-bg: var(--rs-orange-400);
+  --rs-btn-primary-border-color: var(--rs-orange-800);
+  --rs-btn-subtle-hover-bg: var(--rs-orange-600);
+  --rs-btn-subtle-hover-text: #fff;
+  --rs-btn-subtle-active-bg: var(--rs-orange-400);
+  --rs-btn-subtle-active-text: #fff;
+  --rs-btn-ghost-border: var(--rs-orange-500);
+  --rs-btn-ghost-text: var(--rs-orange-500);
+  --rs-btn-ghost-hover-border: var(--rs-orange-400);
+  --rs-btn-ghost-hover-text: var(--rs-orange-400);
+  --rs-btn-ghost-active-border: var(--rs-orange-200);
+  --rs-btn-ghost-active-text: var(--rs-orange-200);
+  --rs-btn-link-text: var(--rs-orange-500);
+  --rs-btn-link-hover-text: var(--rs-orange-400);
+  --rs-btn-link-active-text: var(--rs-orange-200);
+  --rs-iconbtn-primary-addon: var(--rs-orange-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-orange-400);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-orange-300);
+}
+
+[data-theme="high-contrast"] .rs-btn[data-color="orange"], .rs-theme-high-contrast .rs-btn[data-color="orange"] {
+  --rs-btn-primary-bg: var(--rs-orange-700);
+  --rs-btn-primary-hover-bg: var(--rs-orange-600);
+  --rs-btn-primary-active-bg: var(--rs-orange-400);
+  --rs-btn-subtle-hover-bg: var(--rs-orange-600);
+  --rs-btn-subtle-hover-text: var(--rs-gray-900);
+  --rs-btn-subtle-active-bg: var(--rs-orange-400);
+  --rs-btn-subtle-active-text: var(--rs-gray-900);
+  --rs-btn-ghost-border: var(--rs-orange-500);
+  --rs-btn-ghost-text: var(--rs-orange-500);
+  --rs-btn-ghost-hover-border: var(--rs-orange-400);
+  --rs-btn-ghost-hover-text: var(--rs-orange-400);
+  --rs-btn-ghost-active-border: var(--rs-orange-200);
+  --rs-btn-ghost-active-text: var(--rs-orange-200);
+  --rs-btn-link-text: var(--rs-orange-500);
+  --rs-btn-link-hover-text: var(--rs-orange-400);
+  --rs-btn-link-active-text: var(--rs-orange-200);
+}
+
+.rs-btn[data-color="yellow"] {
+  --rs-btn-primary-bg: var(--rs-yellow-500);
+  --rs-btn-primary-hover-bg: var(--rs-yellow-700);
+  --rs-btn-primary-active-bg: var(--rs-yellow-800);
+  --rs-btn-primary-border-color: var(--rs-yellow-700);
+  --rs-btn-subtle-hover-bg: var(--rs-yellow-500);
+  --rs-btn-subtle-hover-text: var(--rs-body-200);
+  --rs-btn-subtle-active-bg: var(--rs-yellow-600);
+  --rs-btn-subtle-active-text: var(--rs-body-800);
+  --rs-btn-ghost-border: var(--rs-yellow-700);
+  --rs-btn-ghost-text: var(--rs-yellow-700);
+  --rs-btn-ghost-hover-border: var(--rs-yellow-900);
+  --rs-btn-ghost-hover-text: var(--rs-yellow-800);
+  --rs-btn-ghost-active-border: var(--rs-yellow-900);
+  --rs-btn-ghost-active-text: var(--rs-yellow-900);
+  --rs-btn-link-text: var(--rs-yellow-700);
+  --rs-btn-link-hover-text: var(--rs-yellow-800);
+  --rs-btn-link-active-text: var(--rs-yellow-900);
+  --rs-iconbtn-primary-addon: var(--rs-yellow-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-yellow-800);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-yellow-900);
+}
+
+[data-theme="dark"] .rs-btn[data-color="yellow"], .rs-theme-dark .rs-btn[data-color="yellow"] {
+  --rs-btn-primary-bg: var(--rs-yellow-700);
+  --rs-btn-primary-hover-bg: var(--rs-yellow-500);
+  --rs-btn-primary-active-bg: var(--rs-yellow-400);
+  --rs-btn-primary-border-color: var(--rs-yellow-800);
+  --rs-btn-subtle-hover-bg: var(--rs-yellow-600);
+  --rs-btn-subtle-hover-text: #fff;
+  --rs-btn-subtle-active-bg: var(--rs-yellow-400);
+  --rs-btn-subtle-active-text: #fff;
+  --rs-btn-ghost-border: var(--rs-yellow-500);
+  --rs-btn-ghost-text: var(--rs-yellow-500);
+  --rs-btn-ghost-hover-border: var(--rs-yellow-400);
+  --rs-btn-ghost-hover-text: var(--rs-yellow-400);
+  --rs-btn-ghost-active-border: var(--rs-yellow-200);
+  --rs-btn-ghost-active-text: var(--rs-yellow-200);
+  --rs-btn-link-text: var(--rs-yellow-500);
+  --rs-btn-link-hover-text: var(--rs-yellow-400);
+  --rs-btn-link-active-text: var(--rs-yellow-200);
+  --rs-iconbtn-primary-addon: var(--rs-yellow-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-yellow-400);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-yellow-300);
+}
+
+[data-theme="high-contrast"] .rs-btn[data-color="yellow"], .rs-theme-high-contrast .rs-btn[data-color="yellow"] {
+  --rs-btn-primary-bg: var(--rs-yellow-700);
+  --rs-btn-primary-hover-bg: var(--rs-yellow-600);
+  --rs-btn-primary-active-bg: var(--rs-yellow-400);
+  --rs-btn-subtle-hover-bg: var(--rs-yellow-600);
+  --rs-btn-subtle-hover-text: var(--rs-gray-900);
+  --rs-btn-subtle-active-bg: var(--rs-yellow-400);
+  --rs-btn-subtle-active-text: var(--rs-gray-900);
+  --rs-btn-ghost-border: var(--rs-yellow-500);
+  --rs-btn-ghost-text: var(--rs-yellow-500);
+  --rs-btn-ghost-hover-border: var(--rs-yellow-400);
+  --rs-btn-ghost-hover-text: var(--rs-yellow-400);
+  --rs-btn-ghost-active-border: var(--rs-yellow-200);
+  --rs-btn-ghost-active-text: var(--rs-yellow-200);
+  --rs-btn-link-text: var(--rs-yellow-500);
+  --rs-btn-link-hover-text: var(--rs-yellow-400);
+  --rs-btn-link-active-text: var(--rs-yellow-200);
+}
+
+.rs-btn[data-color="green"] {
+  --rs-btn-primary-bg: var(--rs-green-500);
+  --rs-btn-primary-hover-bg: var(--rs-green-700);
+  --rs-btn-primary-active-bg: var(--rs-green-800);
+  --rs-btn-primary-border-color: var(--rs-green-700);
+  --rs-btn-subtle-hover-bg: var(--rs-green-500);
+  --rs-btn-subtle-hover-text: var(--rs-body-200);
+  --rs-btn-subtle-active-bg: var(--rs-green-600);
+  --rs-btn-subtle-active-text: var(--rs-body-800);
+  --rs-btn-ghost-border: var(--rs-green-700);
+  --rs-btn-ghost-text: var(--rs-green-700);
+  --rs-btn-ghost-hover-border: var(--rs-green-900);
+  --rs-btn-ghost-hover-text: var(--rs-green-800);
+  --rs-btn-ghost-active-border: var(--rs-green-900);
+  --rs-btn-ghost-active-text: var(--rs-green-900);
+  --rs-btn-link-text: var(--rs-green-700);
+  --rs-btn-link-hover-text: var(--rs-green-800);
+  --rs-btn-link-active-text: var(--rs-green-900);
+  --rs-iconbtn-primary-addon: var(--rs-green-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-green-800);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-green-900);
+}
+
+[data-theme="dark"] .rs-btn[data-color="green"], .rs-theme-dark .rs-btn[data-color="green"] {
+  --rs-btn-primary-bg: var(--rs-green-700);
+  --rs-btn-primary-hover-bg: var(--rs-green-500);
+  --rs-btn-primary-active-bg: var(--rs-green-400);
+  --rs-btn-primary-border-color: var(--rs-green-800);
+  --rs-btn-subtle-hover-bg: var(--rs-green-600);
+  --rs-btn-subtle-hover-text: #fff;
+  --rs-btn-subtle-active-bg: var(--rs-green-400);
+  --rs-btn-subtle-active-text: #fff;
+  --rs-btn-ghost-border: var(--rs-green-500);
+  --rs-btn-ghost-text: var(--rs-green-500);
+  --rs-btn-ghost-hover-border: var(--rs-green-400);
+  --rs-btn-ghost-hover-text: var(--rs-green-400);
+  --rs-btn-ghost-active-border: var(--rs-green-200);
+  --rs-btn-ghost-active-text: var(--rs-green-200);
+  --rs-btn-link-text: var(--rs-green-500);
+  --rs-btn-link-hover-text: var(--rs-green-400);
+  --rs-btn-link-active-text: var(--rs-green-200);
+  --rs-iconbtn-primary-addon: var(--rs-green-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-green-400);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-green-300);
+}
+
+[data-theme="high-contrast"] .rs-btn[data-color="green"], .rs-theme-high-contrast .rs-btn[data-color="green"] {
+  --rs-btn-primary-bg: var(--rs-green-700);
+  --rs-btn-primary-hover-bg: var(--rs-green-600);
+  --rs-btn-primary-active-bg: var(--rs-green-400);
+  --rs-btn-subtle-hover-bg: var(--rs-green-600);
+  --rs-btn-subtle-hover-text: var(--rs-gray-900);
+  --rs-btn-subtle-active-bg: var(--rs-green-400);
+  --rs-btn-subtle-active-text: var(--rs-gray-900);
+  --rs-btn-ghost-border: var(--rs-green-500);
+  --rs-btn-ghost-text: var(--rs-green-500);
+  --rs-btn-ghost-hover-border: var(--rs-green-400);
+  --rs-btn-ghost-hover-text: var(--rs-green-400);
+  --rs-btn-ghost-active-border: var(--rs-green-200);
+  --rs-btn-ghost-active-text: var(--rs-green-200);
+  --rs-btn-link-text: var(--rs-green-500);
+  --rs-btn-link-hover-text: var(--rs-green-400);
+  --rs-btn-link-active-text: var(--rs-green-200);
+}
+
+.rs-btn[data-color="cyan"] {
+  --rs-btn-primary-bg: var(--rs-cyan-500);
+  --rs-btn-primary-hover-bg: var(--rs-cyan-700);
+  --rs-btn-primary-active-bg: var(--rs-cyan-800);
+  --rs-btn-primary-border-color: var(--rs-cyan-700);
+  --rs-btn-subtle-hover-bg: var(--rs-cyan-500);
+  --rs-btn-subtle-hover-text: var(--rs-body-200);
+  --rs-btn-subtle-active-bg: var(--rs-cyan-600);
+  --rs-btn-subtle-active-text: var(--rs-body-800);
+  --rs-btn-ghost-border: var(--rs-cyan-700);
+  --rs-btn-ghost-text: var(--rs-cyan-700);
+  --rs-btn-ghost-hover-border: var(--rs-cyan-900);
+  --rs-btn-ghost-hover-text: var(--rs-cyan-800);
+  --rs-btn-ghost-active-border: var(--rs-cyan-900);
+  --rs-btn-ghost-active-text: var(--rs-cyan-900);
+  --rs-btn-link-text: var(--rs-cyan-700);
+  --rs-btn-link-hover-text: var(--rs-cyan-800);
+  --rs-btn-link-active-text: var(--rs-cyan-900);
+  --rs-iconbtn-primary-addon: var(--rs-cyan-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-cyan-800);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-cyan-900);
+}
+
+[data-theme="dark"] .rs-btn[data-color="cyan"], .rs-theme-dark .rs-btn[data-color="cyan"] {
+  --rs-btn-primary-bg: var(--rs-cyan-700);
+  --rs-btn-primary-hover-bg: var(--rs-cyan-500);
+  --rs-btn-primary-active-bg: var(--rs-cyan-400);
+  --rs-btn-primary-border-color: var(--rs-cyan-800);
+  --rs-btn-subtle-hover-bg: var(--rs-cyan-600);
+  --rs-btn-subtle-hover-text: #fff;
+  --rs-btn-subtle-active-bg: var(--rs-cyan-400);
+  --rs-btn-subtle-active-text: #fff;
+  --rs-btn-ghost-border: var(--rs-cyan-500);
+  --rs-btn-ghost-text: var(--rs-cyan-500);
+  --rs-btn-ghost-hover-border: var(--rs-cyan-400);
+  --rs-btn-ghost-hover-text: var(--rs-cyan-400);
+  --rs-btn-ghost-active-border: var(--rs-cyan-200);
+  --rs-btn-ghost-active-text: var(--rs-cyan-200);
+  --rs-btn-link-text: var(--rs-cyan-500);
+  --rs-btn-link-hover-text: var(--rs-cyan-400);
+  --rs-btn-link-active-text: var(--rs-cyan-200);
+  --rs-iconbtn-primary-addon: var(--rs-cyan-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-cyan-400);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-cyan-300);
+}
+
+[data-theme="high-contrast"] .rs-btn[data-color="cyan"], .rs-theme-high-contrast .rs-btn[data-color="cyan"] {
+  --rs-btn-primary-bg: var(--rs-cyan-700);
+  --rs-btn-primary-hover-bg: var(--rs-cyan-600);
+  --rs-btn-primary-active-bg: var(--rs-cyan-400);
+  --rs-btn-subtle-hover-bg: var(--rs-cyan-600);
+  --rs-btn-subtle-hover-text: var(--rs-gray-900);
+  --rs-btn-subtle-active-bg: var(--rs-cyan-400);
+  --rs-btn-subtle-active-text: var(--rs-gray-900);
+  --rs-btn-ghost-border: var(--rs-cyan-500);
+  --rs-btn-ghost-text: var(--rs-cyan-500);
+  --rs-btn-ghost-hover-border: var(--rs-cyan-400);
+  --rs-btn-ghost-hover-text: var(--rs-cyan-400);
+  --rs-btn-ghost-active-border: var(--rs-cyan-200);
+  --rs-btn-ghost-active-text: var(--rs-cyan-200);
+  --rs-btn-link-text: var(--rs-cyan-500);
+  --rs-btn-link-hover-text: var(--rs-cyan-400);
+  --rs-btn-link-active-text: var(--rs-cyan-200);
+}
+
+.rs-btn[data-color="blue"] {
+  --rs-btn-primary-bg: var(--rs-blue-500);
+  --rs-btn-primary-hover-bg: var(--rs-blue-700);
+  --rs-btn-primary-active-bg: var(--rs-blue-800);
+  --rs-btn-primary-border-color: var(--rs-blue-700);
+  --rs-btn-subtle-hover-bg: var(--rs-blue-500);
+  --rs-btn-subtle-hover-text: var(--rs-body-200);
+  --rs-btn-subtle-active-bg: var(--rs-blue-600);
+  --rs-btn-subtle-active-text: var(--rs-body-800);
+  --rs-btn-ghost-border: var(--rs-blue-700);
+  --rs-btn-ghost-text: var(--rs-blue-700);
+  --rs-btn-ghost-hover-border: var(--rs-blue-900);
+  --rs-btn-ghost-hover-text: var(--rs-blue-800);
+  --rs-btn-ghost-active-border: var(--rs-blue-900);
+  --rs-btn-ghost-active-text: var(--rs-blue-900);
+  --rs-btn-link-text: var(--rs-blue-700);
+  --rs-btn-link-hover-text: var(--rs-blue-800);
+  --rs-btn-link-active-text: var(--rs-blue-900);
+  --rs-iconbtn-primary-addon: var(--rs-blue-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-blue-800);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-blue-900);
+}
+
+[data-theme="dark"] .rs-btn[data-color="blue"], .rs-theme-dark .rs-btn[data-color="blue"] {
+  --rs-btn-primary-bg: var(--rs-blue-700);
+  --rs-btn-primary-hover-bg: var(--rs-blue-500);
+  --rs-btn-primary-active-bg: var(--rs-blue-400);
+  --rs-btn-primary-border-color: var(--rs-blue-800);
+  --rs-btn-subtle-hover-bg: var(--rs-blue-600);
+  --rs-btn-subtle-hover-text: #fff;
+  --rs-btn-subtle-active-bg: var(--rs-blue-400);
+  --rs-btn-subtle-active-text: #fff;
+  --rs-btn-ghost-border: var(--rs-blue-500);
+  --rs-btn-ghost-text: var(--rs-blue-500);
+  --rs-btn-ghost-hover-border: var(--rs-blue-400);
+  --rs-btn-ghost-hover-text: var(--rs-blue-400);
+  --rs-btn-ghost-active-border: var(--rs-blue-200);
+  --rs-btn-ghost-active-text: var(--rs-blue-200);
+  --rs-btn-link-text: var(--rs-blue-500);
+  --rs-btn-link-hover-text: var(--rs-blue-400);
+  --rs-btn-link-active-text: var(--rs-blue-200);
+  --rs-iconbtn-primary-addon: var(--rs-blue-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-blue-400);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-blue-300);
+}
+
+[data-theme="high-contrast"] .rs-btn[data-color="blue"], .rs-theme-high-contrast .rs-btn[data-color="blue"] {
+  --rs-btn-primary-bg: var(--rs-blue-700);
+  --rs-btn-primary-hover-bg: var(--rs-blue-600);
+  --rs-btn-primary-active-bg: var(--rs-blue-400);
+  --rs-btn-subtle-hover-bg: var(--rs-blue-600);
+  --rs-btn-subtle-hover-text: var(--rs-gray-900);
+  --rs-btn-subtle-active-bg: var(--rs-blue-400);
+  --rs-btn-subtle-active-text: var(--rs-gray-900);
+  --rs-btn-ghost-border: var(--rs-blue-500);
+  --rs-btn-ghost-text: var(--rs-blue-500);
+  --rs-btn-ghost-hover-border: var(--rs-blue-400);
+  --rs-btn-ghost-hover-text: var(--rs-blue-400);
+  --rs-btn-ghost-active-border: var(--rs-blue-200);
+  --rs-btn-ghost-active-text: var(--rs-blue-200);
+  --rs-btn-link-text: var(--rs-blue-500);
+  --rs-btn-link-hover-text: var(--rs-blue-400);
+  --rs-btn-link-active-text: var(--rs-blue-200);
+}
+
+.rs-btn[data-color="violet"] {
+  --rs-btn-primary-bg: var(--rs-violet-500);
+  --rs-btn-primary-hover-bg: var(--rs-violet-700);
+  --rs-btn-primary-active-bg: var(--rs-violet-800);
+  --rs-btn-primary-border-color: var(--rs-violet-700);
+  --rs-btn-subtle-hover-bg: var(--rs-violet-500);
+  --rs-btn-subtle-hover-text: var(--rs-body-200);
+  --rs-btn-subtle-active-bg: var(--rs-violet-600);
+  --rs-btn-subtle-active-text: var(--rs-body-800);
+  --rs-btn-ghost-border: var(--rs-violet-700);
+  --rs-btn-ghost-text: var(--rs-violet-700);
+  --rs-btn-ghost-hover-border: var(--rs-violet-900);
+  --rs-btn-ghost-hover-text: var(--rs-violet-800);
+  --rs-btn-ghost-active-border: var(--rs-violet-900);
+  --rs-btn-ghost-active-text: var(--rs-violet-900);
+  --rs-btn-link-text: var(--rs-violet-700);
+  --rs-btn-link-hover-text: var(--rs-violet-800);
+  --rs-btn-link-active-text: var(--rs-violet-900);
+  --rs-iconbtn-primary-addon: var(--rs-violet-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-violet-800);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-violet-900);
+}
+
+[data-theme="dark"] .rs-btn[data-color="violet"], .rs-theme-dark .rs-btn[data-color="violet"] {
+  --rs-btn-primary-bg: var(--rs-violet-700);
+  --rs-btn-primary-hover-bg: var(--rs-violet-500);
+  --rs-btn-primary-active-bg: var(--rs-violet-400);
+  --rs-btn-primary-border-color: var(--rs-violet-800);
+  --rs-btn-subtle-hover-bg: var(--rs-violet-600);
+  --rs-btn-subtle-hover-text: #fff;
+  --rs-btn-subtle-active-bg: var(--rs-violet-400);
+  --rs-btn-subtle-active-text: #fff;
+  --rs-btn-ghost-border: var(--rs-violet-500);
+  --rs-btn-ghost-text: var(--rs-violet-500);
+  --rs-btn-ghost-hover-border: var(--rs-violet-400);
+  --rs-btn-ghost-hover-text: var(--rs-violet-400);
+  --rs-btn-ghost-active-border: var(--rs-violet-200);
+  --rs-btn-ghost-active-text: var(--rs-violet-200);
+  --rs-btn-link-text: var(--rs-violet-500);
+  --rs-btn-link-hover-text: var(--rs-violet-400);
+  --rs-btn-link-active-text: var(--rs-violet-200);
+  --rs-iconbtn-primary-addon: var(--rs-violet-600);
+  --rs-iconbtn-primary-activated-addon: var(--rs-violet-400);
+  --rs-iconbtn-primary-pressed-addon: var(--rs-violet-300);
+}
+
+[data-theme="high-contrast"] .rs-btn[data-color="violet"], .rs-theme-high-contrast .rs-btn[data-color="violet"] {
+  --rs-btn-primary-bg: var(--rs-violet-700);
+  --rs-btn-primary-hover-bg: var(--rs-violet-600);
+  --rs-btn-primary-active-bg: var(--rs-violet-400);
+  --rs-btn-subtle-hover-bg: var(--rs-violet-600);
+  --rs-btn-subtle-hover-text: var(--rs-gray-900);
+  --rs-btn-subtle-active-bg: var(--rs-violet-400);
+  --rs-btn-subtle-active-text: var(--rs-gray-900);
+  --rs-btn-ghost-border: var(--rs-violet-500);
+  --rs-btn-ghost-text: var(--rs-violet-500);
+  --rs-btn-ghost-hover-border: var(--rs-violet-400);
+  --rs-btn-ghost-hover-text: var(--rs-violet-400);
+  --rs-btn-ghost-active-border: var(--rs-violet-200);
+  --rs-btn-ghost-active-text: var(--rs-violet-200);
+  --rs-btn-link-text: var(--rs-violet-500);
+  --rs-btn-link-hover-text: var(--rs-violet-400);
+  --rs-btn-link-active-text: var(--rs-violet-200);
+}
+
+.rs-btn[data-block="true"] {
+  width: 100%;
+}
+
+.rs-btn[data-block="true"] + .rs-btn[data-block="true"] {
+  margin-top: 5px;
+}
+
+.rs-btn[data-loading="true"] {
+  cursor: default;
+  pointer-events: none;
+  position: relative;
+  color: #0000 !important;
+}
+
+.rs-btn[data-loading="true"] > .rs-btn-spin:before, .rs-btn[data-loading="true"] > .rs-btn-spin:after {
+  content: "";
+  width: var(--rs-btn-loading-spin-default-diameter);
+  height: var(--rs-btn-loading-spin-default-diameter);
+  top: 0;
+  bottom: 0;
+  border-radius: var(--rs-radius-full);
+  z-index: 1;
+  margin: auto;
+  position: absolute;
+  inset-inline: 0;
+}
+
+.rs-btn[data-size="xs"] .rs-btn[data-loading="true"] > .rs-btn-spin:before, .rs-btn[data-size="xs"] .rs-btn[data-loading="true"] > .rs-btn-spin:after {
+  width: var(--rs-btn-loading-spin-xs-diameter);
+  height: var(--rs-btn-loading-spin-xs-diameter);
+}
+
+.rs-btn[data-loading="true"] > .rs-btn-spin:before {
+  border: var(--rs-btn-loading-spin-ring-wide) solid var(--rs-loader-ring);
+}
+
+.rs-btn[data-appearance="primary"] .rs-btn[data-loading="true"] > .rs-btn-spin:before {
+  border-color: #f8f7fa4d;
+}
+
+[data-theme="high-contrast"] .rs-btn[data-appearance="primary"] .rs-btn[data-loading="true"] > .rs-btn-spin:before, .rs-theme-high-contrast .rs-btn[data-appearance="primary"] .rs-btn[data-loading="true"] > .rs-btn-spin:before {
+  border-color: var(--rs-loader-ring-inverse);
+}
+
+.rs-btn[data-loading="true"] > .rs-btn-spin:after {
+  border-width: var(--rs-btn-loading-spin-ring-wide);
+  border-color: var(--rs-loader-rotor) transparent transparent;
+  border-style: solid;
+  animation: .6s linear infinite buttonSpin;
+}
+
+.rs-btn[data-appearance="primary"] .rs-btn[data-loading="true"] > .rs-btn-spin:after {
+  border-top-color: #fff;
+}
+
+[data-theme="high-contrast"] .rs-btn[data-appearance="primary"] .rs-btn[data-loading="true"] > .rs-btn-spin:after, .rs-theme-high-contrast .rs-btn[data-appearance="primary"] .rs-btn[data-loading="true"] > .rs-btn-spin:after {
+  border-top-color: var(--rs-loader-rotor-inverse);
+}
+
+@keyframes buttonSpin {
+  from {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.rs-btn-icon {
+  padding: calc((var(--rs-btn-size)  - var(--rs-btn-icon-size)) / 2);
+  line-height: var(--rs-btn-icon-size);
+}
+
+.rs-btn-icon > .rs-icon {
+  font-size: var(--rs-btn-icon-size);
+  vertical-align: bottom;
+}
+
+.rs-btn-icon:not([data-with-text]) {
+  width: var(--rs-btn-size);
+}
+
+.rs-btn-icon[data-shape="circle"] {
+  border-radius: var(--rs-radius-full);
+}
+
+.rs-btn-icon[data-with-text] > .rs-icon {
+  background-color: var(--rs-iconbtn-addon);
+  transition: var(--rs-btn-transition);
+  width: var(--rs-btn-size);
+  height: var(--rs-btn-size);
+  padding: calc((var(--rs-btn-size)  - var(--rs-btn-icon-size)) / 2);
+  display: block;
+  position: absolute;
+  top: 0;
+}
+
+.rs-btn-icon[data-with-text]:where([data-placement="start"], [data-placement="left"]) {
+  padding-inline-start: calc(var(--rs-btn-padding-inline)  + var(--rs-btn-size));
+}
+
+.rs-btn-icon[data-with-text]:where([data-placement="start"], [data-placement="left"]) > .rs-icon {
+  border-right-width: 1px;
+  inset-inline-start: 0;
+}
+
+.rs-btn-icon[data-with-text]:where([data-placement="end"], [data-placement="right"]) {
+  padding-inline-end: calc(var(--rs-btn-padding-inline)  + var(--rs-btn-size));
+}
+
+.rs-btn-icon[data-with-text]:where([data-placement="end"], [data-placement="right"]) > .rs-icon {
+  inset-inline-end: 0;
+}
+
+.rs-btn-icon[data-with-text]:hover > .rs-icon {
+  background-color: var(--rs-iconbtn-activated-addon);
+}
+
+.rs-btn-icon[data-with-text]:active > .rs-icon, .rs-btn-icon[data-with-text].rs-btn[data-active="true"] > .rs-icon {
+  background-color: var(--rs-iconbtn-pressed-addon);
+}
+
+.rs-btn-icon[data-with-text]:disabled > .rs-icon, .rs-btn-icon[data-with-text].rs-btn[data-disabled="true"] > .rs-icon {
+  background-color: var(--rs-iconbtn-addon);
+}
+
+[data-theme="high-contrast"] .rs-btn-icon[data-with-text]:disabled, .rs-theme-high-contrast .rs-btn-icon[data-with-text]:disabled, [data-theme="high-contrast"] .rs-btn-icon[data-with-text].rs-btn[data-disabled="true"], .rs-theme-high-contrast .rs-btn-icon[data-with-text].rs-btn[data-disabled="true"] {
+  border-color: var(--rs-btn-default-disabled-border-color);
+}
+
+.rs-btn-icon[data-with-text][data-appearance="primary"] > .rs-icon {
+  background-color: var(--rs-iconbtn-primary-addon);
+}
+
+.rs-btn-icon[data-with-text][data-appearance="primary"]:hover > .rs-icon {
+  background-color: var(--rs-iconbtn-primary-activated-addon);
+}
+
+.rs-btn-icon[data-with-text][data-appearance="primary"]:active > .rs-icon, .rs-btn-icon[data-with-text][data-appearance="primary"].rs-btn[data-active="true"] > .rs-icon {
+  background-color: var(--rs-iconbtn-primary-pressed-addon);
+}
+
+.rs-btn-icon[data-with-text][data-appearance="primary"]:disabled > .rs-icon, .rs-btn-icon[data-with-text][data-appearance="primary"].rs-btn[data-disabled="true"] > .rs-icon {
+  background-color: var(--rs-iconbtn-primary-addon);
+}
+
+[data-theme="high-contrast"] .rs-btn-icon[data-with-text][data-appearance="primary"]:disabled, .rs-theme-high-contrast .rs-btn-icon[data-with-text][data-appearance="primary"]:disabled, [data-theme="high-contrast"] .rs-btn-icon[data-with-text][data-appearance="primary"].rs-btn[data-disabled="true"], .rs-theme-high-contrast .rs-btn-icon[data-with-text][data-appearance="primary"].rs-btn[data-disabled="true"] {
+  border-color: var(--rs-btn-default-disabled-border-color);
+}
+
+.rs-btn-close {
+  cursor: pointer;
+  background: none;
+  border: none;
+  line-height: 1;
+  outline: none !important;
+}
+
+.rs-btn-close .rs-icon {
+  vertical-align: bottom;
+}
+
+:root {
+  --rs-picker-transition: var(--rs-input-transition);
+  --rs-picker-menu-padding: 12px;
+}
+
+.rs-picker {
+  --rs-picker-value-count-margin: var(--rs-spacing);
+  --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);
+  vertical-align: middle;
+  max-width: 100%;
+  display: inline-block;
+}
+
+.rs-picker[data-block="true"] {
+  width: 100%;
+  display: block;
+}
+
+.rs-picker[data-disabled="true"] {
+  cursor: not-allowed;
+}
+
+.rs-picker[data-disabled="true"] .rs-picker-toggle-value, .rs-picker[data-disabled="true"] .rs-picker-toggle-indicator, .rs-picker[data-disabled="true"] .rs-picker-tag-list .rs-tag {
+  color: var(--rs-text-disabled) !important;
+}
+
+.rs-picker[data-disabled="true"] .rs-picker-value-count {
+  opacity: .5;
+}
+
+.rs-picker[data-disabled="true"] .rs-picker-toggle {
+  pointer-events: none;
+}
+
+.rs-picker-toggle .rs-picker-toggle-placeholder {
+  color: var(--rs-text-secondary);
+}
+
+.rs-picker-has-value .rs-btn .rs-picker-toggle-value, .rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value {
+  color: var(--rs-picker-value);
+}
+
+.rs-picker-value-list {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 0 auto;
+  overflow: hidden;
+}
+
+.rs-picker .rs-picker-value-count {
+  margin-inline: var(--rs-picker-value-count-margin);
+  background-color: var(--rs-picker-count-bg);
+  color: var(--rs-picker-count-text);
+  flex-shrink: 0;
+}
+
+.rs-picker-value-separator {
+  margin: 0 var(--rs-spacing) 0 0;
+}
+
+.rs-picker[data-focus="true"] {
+  border-color: var(--rs-input-focus-border);
+}
+
+.rs-picker-toggle[data-active="true"], .rs-picker[data-focus="true"] {
+  --rs-picker-toggle-border-color: var(--rs-input-focus-border);
+  outline: 2px solid var(--rs-focus-ring-color);
+  outline-offset: -1px;
+}
+
+.rs-picker-label.rs-input-group-addon {
+  color: var(--rs-text-primary);
+  padding-inline: calc(var(--rs-input-group-inside-btn-padding) * 2 - var(--rs-picker-toggle-border-width));
+}
+
+.rs-picker-loader {
+  width: var(--rs-picker-loader-size);
+  height: var(--rs-picker-loader-size);
+  align-items: center;
+  display: flex;
+}
+
+.rs-picker-error > .rs-picker-input-group, .rs-picker-error > .rs-picker-input-group:hover {
+  border-color: var(--rs-picker-state-error);
+}
+
+.rs-picker-error > .rs-picker-input-group:focus-within {
+  border-color: var(--rs-picker-state-error);
+  outline: var(--rs-picker-state-error-outline);
+}
+
+.rs-picker-popup {
+  --rs-picker-popup-none-padding: calc(var(--rs-spacing) * 3);
+  --rs-picker-popup-border-radius: var(--rs-radius-md);
+  --rs-picker-search-box-padding: calc(var(--rs-spacing) * 1.5) calc(var(--rs-spacing) * 3);
+  --rs-picker-popup-z-index: var(--rs-zindex-picker-popup);
+  --rs-picker-popup-shadow: var(--rs-shadow-md);
+  --rs-picker-popup-position-x: var(--rs-position-x);
+  --rs-picker-popup-position-y: var(--rs-position-y);
+  --rs-picker-min-width: 0;
+  top: var(--rs-picker-popup-position-y);
+  left: var(--rs-picker-popup-position-x);
+  text-align: start;
+  z-index: var(--rs-picker-popup-z-index);
+  border-radius: var(--rs-picker-popup-border-radius);
+  background-color: var(--rs-bg-overlay);
+  box-shadow: var(--rs-picker-popup-shadow);
+  padding-block: var(--rs-picker-popup-border-radius);
+  min-width: var(--rs-picker-min-width);
+  flex-direction: column;
+  transition: none;
+  display: flex;
+  position: absolute;
+  overflow: hidden;
+}
+
+[data-theme="high-contrast"] .rs-picker-popup, .rs-theme-high-contrast .rs-picker-popup {
+  border: 1px solid var(--rs-border-primary);
+}
+
+.rs-modal-open .rs-picker-popup {
+  --rs-picker-popup-z-index: calc(var(--rs-zindex-modal)  + var(--rs-zindex-picker-toggle));
+}
+
+.rs-drawer-open .rs-picker-popup {
+  --rs-picker-popup-z-index: calc(var(--rs-zindex-drawer)  + var(--rs-zindex-picker-toggle));
+}
+
+.rs-picker-popup.rs-picker-inline {
+  box-shadow: none;
+  position: relative;
+}
+
+.rs-picker-popup .rs-search-box {
+  padding: var(--rs-picker-search-box-padding);
+}
+
+.rs-picker-popup .rs-highlight .rs-highlight-mark {
+  padding: 0;
+}
+
+.rs-picker-popup .rs-picker-none {
+  padding: var(--rs-picker-popup-none-padding);
+  color: var(--rs-text-secondary);
+  cursor: default;
+}
+
+.rs-picker-popup .rs-picker-listbox {
+  max-height: var(--rs-picker-listbox-max-height);
+}
+
+.rs-picker-popup[data-breakpoint="xs"] {
+  min-width: unset;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+}
+
+.rs-picker-popup[data-breakpoint="xs"] .rs-picker-listbox {
+  height: unset;
+  max-height: unset;
+}
+
+.rs-picker-popup[data-breakpoint="xs"] .rs-tree, .rs-picker-popup[data-breakpoint="xs"] .rs-check-tree {
+  flex-direction: column;
+  display: flex;
+}
+
+.rs-picker-popup[data-breakpoint="xs"] .rs-tree-view, .rs-picker-popup[data-breakpoint="xs"] .rs-check-tree-view {
+  max-height: unset;
+  flex: auto;
+}
+
+.rs-picker-popup[data-breakpoint="xs"] .rs-calendar-table {
+  width: 100%;
+}
+
+.rs-picker-popup[data-breakpoint="xs"] .rs-picker-box {
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+
+.rs-picker-popup[data-breakpoint="xs"].rs-picker-popup-date .rs-calendar, .rs-picker-popup[data-breakpoint="xs"] .rs-picker-daterange-panel-only-time .rs-calendar {
+  height: 348px;
+}
+
+[data-appearance="default"] .rs-picker-toggle {
+  color: var(--rs-text-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: var(--rs-cursor-disabled);
+}
+
+.rs-picker-toggle [data-appearance="default"]:not([data-disabled="true"]):focus {
+  border-color: var(--rs-input-focus-border);
+}
+
+.rs-picker[data-appearance="subtle"] .rs-picker-toggle {
+  --rs-picker-toggle-border-width: 0px;
+  z-index: var(--rs-zindex-dropdown);
+  position: relative;
+}
+
+.rs-picker[data-appearance="subtle"][data-disabled="true"] .rs-picker-toggle {
+  cursor: var(--rs-cursor-disabled);
+}
+
+.rs-picker[data-appearance="subtle"][data-disabled="true"] .rs-picker-toggle:focus, .rs-picker[data-appearance="subtle"][data-disabled="true"] .rs-picker-toggle:active {
+  background: none;
+}
+
+.rs-picker[data-appearance="subtle"][data-disabled="true"] .rs-picker-toggle:focus:after, .rs-picker[data-appearance="subtle"][data-disabled="true"] .rs-picker-toggle:active:after {
+  display: none;
+}
+
+.rs-picker-toggle-label {
+  color: var(--rs-text-secondary);
+}
+
+.rs-picker-toggle .rs-picker-toggle-stack {
+  gap: calc(var(--rs-spacing) * 2);
+  flex: auto;
+  align-items: center;
+  overflow: hidden;
+}
+
+.rs-picker-toggle-value {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+  display: block;
+  overflow: hidden;
+}
+
+.rs-picker-toggle-textbox {
+  inset-inline-start: 0;
+  width: 100%;
+  height: 100%;
+  color: var(--rs-text-primary);
+  background-color: var(--rs-input-bg);
+  border: 1px solid #0000;
+  outline: none;
+  padding-inline: 10px 32px;
+  position: absolute;
+  top: 0;
+}
+
+.rs-picker-toggle-textbox:where([readonly]) {
+  opacity: 0;
+}
+
+.rs-picker-toggle:where([data-size="lg"]) .rs-picker-toggle-textbox {
+  padding-inline-start: 14px;
+}
+
+.rs-picker-toggle:where([data-size="sm"]) .rs-picker-toggle-textbox {
+  padding-inline-start: 8px;
+}
+
+.rs-picker-toggle:where([data-size="xs"]) .rs-picker-toggle-textbox {
+  padding-inline-start: 6px;
+}
+
+.rs-picker-toggle .rs-picker[data-appearance="default"], .rs-picker-toggle {
+  transition: var(--rs-picker-transition);
+}
+
+[data-theme="high-contrast"] .rs-picker-toggle .rs-picker[data-appearance="default"], .rs-theme-high-contrast .rs-picker-toggle .rs-picker[data-appearance="default"], [data-theme="high-contrast"] .rs-picker-toggle, .rs-theme-high-contrast .rs-picker-toggle {
+  transition: none;
+}
+
+.rs-picker-toggle .rs-picker[data-appearance="default"]:focus {
+  border-color: var(--rs-input-focus-border);
+}
+
+.rs-picker[data-appearance="subtle"] .rs-picker-toggle {
+  color: var(--rs-btn-subtle-text);
+  background-color: #0000;
+  transition: none;
+}
+
+.rs-picker[data-appearance="subtle"] .rs-picker-toggle:hover, .rs-picker[data-appearance="subtle"] .rs-picker-toggle[data-active="true"] {
+  color: var(--rs-btn-subtle-hover-text);
+  background-color: var(--rs-btn-subtle-hover-bg);
+}
+
+.rs-picker-toggle[data-size="lg"] .rs-picker-clean .rs-icon {
+  width: 16px;
+  height: 16px;
+}
+
+.rs-picker-toggle[data-size="sm"] .rs-picker-clean, .rs-picker-toggle[data-size="xs"] .rs-picker-clean {
+  height: 18px;
+}
+
+.rs-picker-toggle[data-size="xs"] .rs-picker-clean .rs-icon {
+  width: 12px;
+  height: 12px;
+}
+
+.rs-picker-toggle[data-countable="true"] .rs-picker-toggle-value {
+  align-items: center;
+  display: flex;
+}
+
+.rs-picker-toggle.rs-btn {
+  text-align: start;
+  padding-inline: calc(var(--rs-btn-padding-inline)  - var(--rs-picker-toggle-border-width));
+  justify-content: flex-start;
+  align-items: center;
+  display: inline-flex;
+}
+
+[data-block="true"] .rs-picker-toggle.rs-btn {
+  display: flex;
+}
+
+.rs-picker-toggle-indicator {
+  align-items: center;
+  display: inline-flex;
+}
+
+.rs-picker-toggle-indicator .rs-picker-clean {
+  color: var(--rs-text-secondary);
+  cursor: pointer;
+  transition: color .2s linear;
+}
+
+.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;
+}
+
+.rs-picker-toggle-indicator .rs-picker-caret-icon {
+  height: var(--rs-line-height-base);
+  font-size: var(--rs-font-size-sm);
+  font-size: var(--rs-font-size-md);
+  color: var(--rs-text-secondary);
+  align-items: center;
+  display: inline-flex;
+}
+
+.rs-picker[data-appearance="default"] .rs-btn, .rs-picker[data-appearance="default"] .rs-picker-toggle, .rs-picker-input .rs-btn, .rs-picker-input .rs-picker-toggle {
+  background-color: var(--rs-picker-toggle-bg);
+}
+
+.rs-picker[data-appearance="default"][data-disabled="true"], .rs-picker-input[data-disabled="true"] {
+  --rs-picker-toggle-bg: var(--rs-input-disabled-bg);
+}
+
+.rs-picker[data-appearance="default"][data-disabled="true"] .rs-input-group, .rs-picker-input[data-disabled="true"] .rs-input-group {
+  pointer-events: none;
+}
+
+.rs-check-item:not(.rs-checkbox-disabled):hover, .rs-check-item:focus, .rs-check-item.rs-check-item-focus {
+  background-color: var(--rs-listbox-option-hover-bg);
+  color: var(--rs-listbox-option-hover-text);
+}
+
+[data-theme="high-contrast"] .rs-check-item:not(.rs-checkbox-disabled):hover, .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover, [data-theme="high-contrast"] .rs-check-item:focus, .rs-theme-high-contrast .rs-check-item:focus, [data-theme="high-contrast"] .rs-check-item.rs-check-item-focus, .rs-theme-high-contrast .rs-check-item.rs-check-item-focus {
+  outline: 2px solid var(--rs-focus-ring-color);
+  outline-offset: -1px;
+  outline-offset: -3px;
+  color: var(--rs-listbox-option-hover-text);
+  outline-width: 2px;
+  text-decoration: underline;
+}
+
+[data-theme="high-contrast"] .rs-check-item:not(.rs-checkbox-disabled):hover .rs-check-tree-node-text-wrapper, .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover .rs-check-tree-node-text-wrapper, [data-theme="high-contrast"] .rs-check-item:focus .rs-check-tree-node-text-wrapper, .rs-theme-high-contrast .rs-check-item:focus .rs-check-tree-node-text-wrapper, [data-theme="high-contrast"] .rs-check-item.rs-check-item-focus .rs-check-tree-node-text-wrapper, .rs-theme-high-contrast .rs-check-item.rs-check-item-focus .rs-check-tree-node-text-wrapper {
+  text-decoration: underline;
+}
+
+.rs-check-item .rs-checkbox-checker {
+  display: flex;
+}
+
+.rs-check-item .rs-checkbox-checker > label {
+  cursor: pointer;
+  width: 100%;
+  padding-inline: var(--rs-check-item-padding-inline);
+  padding-block: var(--rs-check-item-padding-block);
+}
+
+[data-theme="high-contrast"] .rs-check-item .rs-checkbox-checker > label, .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label {
+  transition: none;
+}
+
+.rs-check-item .rs-checkbox-checker > label:before {
+  background-color: var(--rs-bg-overlay);
+}
+
+[data-theme="high-contrast"] .rs-check-item .rs-checkbox-checker > label:before, .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label:before {
+  background: none;
+}
+
+.rs-check-item .rs-checkbox-checker > label[data-disabled="true"] {
+  cursor: not-allowed;
+}
+
+.rs-picker-menu-group {
+  background-color: var(--rs-listbox-option-group-bg);
+  z-index: 1;
+  position: sticky;
+  top: -1px;
+}
+
+.rs-virt-list .rs-picker-select-menu-item, .rs-virt-list .rs-check-item label, .rs-tree-virt-list .rs-tree-node-label {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+:root {
+  --rs-calendar-cell-font-size: var(--rs-font-size-sm);
+  --rs-calendar-cell-line-height: var(--rs-line-height-md);
+  --rs-calendar-cell-padding: 5px;
+  --rs-calendar-border-radius: var(--rs-radius-md);
+  --rs-calendar-table-width: 100%;
+  --rs-calendar-panel-today-active-side-length: var(--rs-line-height-base);
+  --rs-calendar-panel-compact-cell-height: 38px;
+  --rs-calendar-panel-cell-height: 100px;
+  --rs-calendar-dropdown-top: 44px;
+  --rs-calendar-table-cell-padding: 1px;
+  --rs-calendar-header-title-margin: 4px;
+  --rs-calendar-body-padding-top: 4px;
+  --rs-calendar-base-spacing: 10px;
+  --rs-calendar-header-width: 280px;
+}
+
+.rs-calendar {
+  padding-top: var(--rs-calendar-base-spacing);
+  min-height: 266px;
+  position: relative;
+  overflow: hidden;
+}
+
+.rs-calendar-bordered .rs-calendar-table {
+  border: 1px solid var(--rs-border-primary);
+  border-radius: var(--rs-calendar-border-radius);
+}
+
+.rs-calendar-bordered .rs-calendar-table-row:not(:last-child) .rs-calendar-table-cell, .rs-calendar-bordered .rs-calendar-table-header-row .rs-calendar-table-header-cell {
+  border-bottom: 1px solid var(--rs-border-secondary);
+}
+
+.rs-calendar-bordered .rs-calendar-month-dropdown {
+  border: 1px solid var(--rs-border-primary);
+  border-radius: var(--rs-calendar-border-radius);
+}
+
+.rs-calendar-panel .rs-calendar-header {
+  width: 100%;
+  padding-bottom: 6px;
+}
+
+.rs-calendar-panel .rs-calendar-header:before, .rs-calendar-panel .rs-calendar-header:after {
+  content: " ";
+  display: table;
+}
+
+.rs-calendar-panel .rs-calendar-header:after {
+  clear: both;
+}
+
+.rs-calendar-panel .rs-calendar-header .rs-calendar-btn-today {
+  float: inline-end;
+}
+
+.rs-calendar-panel .rs-calendar-header-forward, .rs-calendar-panel .rs-calendar-header-backward {
+  float: none !important;
+}
+
+.rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-forward, .rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-backward {
+  visibility: hidden;
+  pointer-events: none;
+  display: inline-block;
+}
+
+.rs-calendar-panel .rs-calendar-header-month-toolbar {
+  width: auto !important;
+}
+
+.rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-month-toolbar, .rs-calendar-panel .rs-calendar-month-view {
+  padding-inline: 0;
+}
+
+.rs-calendar-panel .rs-calendar-table-header-row .rs-calendar-table-header-cell-content {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+
+.rs-calendar-panel .rs-calendar-table-cell-is-today .rs-calendar-table-cell-day {
+  color: var(--rs-calendar-today-text);
+  width: var(--rs-calendar-panel-today-active-side-length);
+  height: var(--rs-calendar-panel-today-active-side-length);
+  background-color: var(--rs-calendar-today-bg);
+  border-radius: var(--rs-radius-full);
+  margin-inline: auto;
+}
+
+.rs-calendar-panel .rs-calendar-table-cell-is-today .rs-calendar-table-cell-content {
+  box-shadow: none;
+}
+
+.rs-calendar-panel .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
+  background-color: inherit;
+  color: inherit;
+  box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
+}
+
+.rs-calendar-panel .rs-calendar-table-cell-day {
+  text-align: center;
+  display: block;
+}
+
+.rs-calendar-panel .rs-calendar-month-dropdown {
+  border-radius: var(--rs-radius-md);
+  width: calc(100% - 20px);
+  margin-inline: 10px;
+}
+
+.rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
+  width: 100%;
+  height: var(--rs-calendar-panel-cell-height);
+  overflow: hidden;
+}
+
+.rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-table-cell {
+  vertical-align: top;
+}
+
+.rs-calendar-panel .rs-calendar-table-cell {
+  padding: 0 1px;
+  line-height: 0;
+}
+
+.rs-calendar-panel .rs-calendar-table-cell-content {
+  border-radius: var(--rs-radius-none);
+  width: 100%;
+}
+
+.rs-calendar-panel .rs-calendar-table-row:last-child :first-child .rs-calendar-table-cell-content {
+  border-bottom-left-radius: var(--rs-radius-md);
+}
+
+.rs-calendar-panel .rs-calendar-table-row:last-child :last-child .rs-calendar-table-cell-content {
+  border-bottom-right-radius: var(--rs-radius-md);
+}
+
+.rs-calendar-panel.rs-calendar-compact .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
+  min-height: var(--rs-calendar-panel-compact-cell-height);
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.rs-calendar-btn-close {
+  bottom: 0;
+  background: var(--rs-bg-overlay);
+  z-index: 1;
+  border: 0;
+  justify-content: center;
+  height: 14px;
+  padding: 0;
+  display: flex;
+  position: absolute;
+  inset-inline: 0;
+}
+
+.rs-calendar-btn-close:hover {
+  background-color: var(--rs-btn-subtle-hover-bg);
+}
+
+.rs-calendar-panel .rs-calendar-btn-close {
+  border-bottom-left-radius: var(--rs-radius-md);
+  border-bottom-right-radius: var(--rs-radius-md);
+  margin: 0 11px;
+  bottom: 4px;
+}
+
+.rs-calendar-panel.rs-calendar-bordered .rs-calendar-btn-close {
+  bottom: 5px;
+}
+
+.rs-calendar-month-view .rs-calendar-header-month-toolbar {
+  padding-inline: 24px;
+}
+
+.rs-calendar-month-view .rs-calendar-header-backward, .rs-calendar-month-view .rs-calendar-header-forward {
+  display: none;
+}
+
+.rs-calendar-month-view .rs-calendar-header-title-date {
+  color: var(--rs-text-active);
+  background: none;
+}
+
+.rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error {
+  color: var(--rs-text-error);
+}
+
+.rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error:focus, .rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error:hover:active {
+  color: #fff !important;
+}
+
+.rs-calendar-time-view .rs-calendar-header-title-time {
+  color: var(--rs-text-active);
+  background: none;
+}
+
+.rs-calendar-time-view .rs-calendar-header-title-time.rs-calendar-header-error {
+  color: var(--rs-text-error);
+}
+
+.rs-calendar-time-view .rs-calendar-header-title-time.rs-calendar-header-error:hover:active {
+  color: #fff;
+}
+
+.rs-calendar-table-cell-selected, .rs-calendar-table-cell-in-range {
+  position: relative;
+}
+
+.rs-calendar-table-cell-selected:before, .rs-calendar-table-cell-in-range:before {
+  content: "";
+  width: 100%;
+  height: 24px;
+  z-index: calc(var(--rs-zindex-date-range-picker-table-cell-content)  - 1);
+  margin-top: 4px;
+  display: block;
+  position: absolute;
+  top: 0;
+}
+
+.rs-calendar-table-cell-selected .rs-calendar-table-cell-content, .rs-calendar-table-cell-in-range .rs-calendar-table-cell-content {
+  z-index: var(--rs-zindex-date-range-picker-table-cell-content);
+  position: relative;
+}
+
+.rs-calendar-table-cell-in-range:before {
+  background-color: var(--rs-calendar-range-bg);
+}
+
+.rs-calendar-table-cell-in-range:hover:before {
+  display: none;
+}
+
+.rs-calendar-month-dropdown-scroll div:focus {
+  outline: none;
+}
+
+.rs-calendar-header {
+  width: var(--rs-calendar-header-width);
+  padding-inline-start: var(--rs-calendar-base-spacing);
+  padding-inline-end: var(--rs-calendar-base-spacing);
+}
+
+.rs-calendar-header:before, .rs-calendar-header:after {
+  content: " ";
+  display: table;
+}
+
+.rs-calendar-header:after {
+  clear: both;
+}
+
+.rs-calendar-header-month-toolbar, .rs-calendar-header-time-toolbar {
+  display: inline-block;
+}
+
+.rs-calendar-header-month-toolbar {
+  float: inline-start;
+}
+
+.rs-calendar-header-time-toolbar {
+  float: inline-end;
+}
+
+.rs-calendar-header-title {
+  margin: 0 var(--rs-calendar-header-title-margin);
+}
+
+.rs-calendar-header-meridiem {
+  font-size: var(--rs-font-size-xs);
+  margin-inline-start: 4px;
+}
+
+.rs-calendar-header-error {
+  --rs-btn-subtle-text: var(--rs-red-500);
+  --rs-btn-subtle-hover-bg: var(--rs-red-500);
+  --rs-btn-subtle-hover-text: #fff;
+  --rs-btn-subtle-active-bg: var(--rs-red-600);
+  --rs-btn-subtle-active-text: #fff;
+}
+
+[data-theme="dark"] .rs-calendar-header-error, .rs-theme-dark .rs-calendar-header-error {
+  --rs-btn-subtle-hover-bg: var(--rs-red-600);
+  --rs-btn-subtle-active-bg: var(--rs-red-400);
+}
+
+.rs-calendar-header-btn-disabled, .rs-calendar-header-btn-disabled:hover, .rs-calendar-header-btn-disabled:hover:focus {
+  cursor: not-allowed;
+  opacity: .3;
+  background: none;
+}
+
+.rs-calendar-header-btn-disabled:after {
+  display: none !important;
+}
+
+.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) {
+  padding-inline: var(--rs-calendar-base-spacing);
+  margin: 0 auto;
+}
+
+.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar {
+  text-align: center;
+  width: 100%;
+  display: block;
+}
+
+.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar:before, .rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar:after {
+  content: " ";
+  display: table;
+}
+
+.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-month-toolbar:after {
+  clear: both;
+}
+
+.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-backward {
+  float: inline-start;
+}
+
+.rs-calendar-header-has-month:not(.rs-calendar-header-has-time) .rs-calendar-header-forward {
+  float: inline-end;
+}
+
+.rs-calendar-header-has-time:not(.rs-calendar-header-has-month) {
+  text-align: center;
+  margin: 0 auto;
+}
+
+.rs-calendar-header-has-time:not(.rs-calendar-header-has-month) .rs-calendar-header-time-toolbar {
+  float: none;
+  display: inline-block;
+}
+
+.rs-calendar-header-has-month.rs-calendar-header-has-time {
+  margin: 0 auto;
+}
+
+[dir="rtl"] .rs-calendar-header-backward .rs-icon, [dir="rtl"] .rs-calendar-header-forward .rs-icon {
+  transform: rotate(180deg);
+}
+
+.rs-calendar-body {
+  padding: var(--rs-calendar-base-spacing);
+  padding-top: var(--rs-calendar-body-padding-top);
+}
+
+.rs-calendar-table {
+  table-layout: fixed;
+  width: var(--rs-calendar-table-width);
+  display: table;
+}
+
+.rs-calendar-table-row {
+  display: table-row;
+}
+
+.rs-calendar-table-row:nth-child(2) .rs-calendar-table-cell-week-number {
+  border-top-left-radius: var(--rs-radius-md);
+  border-top-right-radius: var(--rs-radius-md);
+}
+
+.rs-calendar-table-row:last-child .rs-calendar-table-cell-week-number {
+  border-bottom-left-radius: var(--rs-radius-md);
+  border-bottom-right-radius: var(--rs-radius-md);
+}
+
+.rs-calendar-table-cell, .rs-calendar-table-header-cell {
+  width: 1%;
+  padding: var(--rs-calendar-table-cell-padding) 0;
+  text-align: center;
+  vertical-align: middle;
+  display: table-cell;
+}
+
+.rs-calendar-table-cell-un-same-month .rs-calendar-table-cell-content, .rs-calendar-table-cell-un-same-month .rs-calendar-table-cell-content:hover, .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content, .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover, .rs-calendar-table-cell-un-same-month .rs-calendar-table-header-cell-content, .rs-calendar-table-cell-un-same-month .rs-calendar-table-header-cell-content:hover, .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content, .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover, .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-cell-content, .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-cell-content:hover, .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content, .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover, .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-header-cell-content, .rs-calendar-table-header-cell-un-same-month .rs-calendar-table-header-cell-content:hover, .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content, .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover {
+  color: var(--rs-text-disabled);
+}
+
+.rs-calendar-table-cell-disabled .rs-calendar-table-cell-content, .rs-calendar-table-cell-disabled .rs-calendar-table-cell-content:hover, .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content, .rs-calendar-table-cell-disabled .rs-calendar-table-header-cell-content:hover, .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content, .rs-calendar-table-header-cell-disabled .rs-calendar-table-cell-content:hover, .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content, .rs-calendar-table-header-cell-disabled .rs-calendar-table-header-cell-content:hover {
+  cursor: not-allowed;
+  background: none;
+  text-decoration: line-through;
+}
+
+.rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover, .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover, .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover, .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover {
+  color: var(--rs-calendar-date-selected-text);
+  background-color: var(--rs-bg-active);
+  box-shadow: none;
+}
+
+[data-theme="high-contrast"] .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover, .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover, [data-theme="high-contrast"] .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover, .rs-theme-high-contrast .rs-calendar-table-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover, [data-theme="high-contrast"] .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover, .rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-cell-content:hover, [data-theme="high-contrast"] .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover, .rs-theme-high-contrast .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-is-today.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content:hover {
+  text-decoration: underline;
+}
+
+.rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content, .rs-calendar-table-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content, .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-cell-content, .rs-calendar-table-header-cell-disabled.rs-calendar-table-cell-selected .rs-calendar-table-header-cell-content {
+  opacity: .3;
+}
+
+.rs-calendar-table-cell-content {
+  cursor: pointer;
+  font-size: var(--rs-calendar-cell-font-size);
+  line-height: var(--rs-calendar-cell-line-height);
+  padding: var(--rs-calendar-cell-padding);
+  border-radius: var(--rs-calendar-border-radius);
+  display: inline-block;
+}
+
+.rs-calendar-table-cell-content:hover {
+  background-color: var(--rs-state-hover-bg);
+}
+
+.rs-calendar-table-cell-is-today .rs-calendar-table-cell-content {
+  box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
+}
+
+.rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
+  color: var(--rs-calendar-date-selected-text);
+  background-color: var(--rs-bg-active);
+  box-shadow: none;
+}
+
+[data-theme="high-contrast"] .rs-calendar-table-cell-selected .rs-calendar-table-cell-content, .rs-theme-high-contrast .rs-calendar-table-cell-selected .rs-calendar-table-cell-content {
+  text-decoration: underline;
+}
+
+.rs-calendar-table-header-cell-content {
+  color: var(--rs-text-secondary);
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-line-height-sm);
+  padding-top: 2px;
+  padding-bottom: 2px;
+  display: inline-block;
+}
+
+.rs-calendar-table-header-cell-content, .rs-calendar-table-header-cell-content:hover, .rs-calendar-table-header-cell-content:focus, .rs-calendar-table-header-cell-content:hover:focus {
+  cursor: auto;
+  background: none;
+}
+
+.rs-calendar-table-cell-week-number {
+  min-width: 30px;
+  padding: var(--rs-calendar-table-cell-padding);
+  text-align: center;
+  vertical-align: middle;
+  color: var(--rs-text-secondary);
+  background-color: var(--rs-bg-well);
+  font-size: var(--rs-font-size-xs);
+  display: table-cell;
+}
+
+.rs-calendar-month-dropdown {
+  top: var(--rs-calendar-dropdown-top);
+  border-top: 1px solid var(--rs-border-primary);
+  background-color: var(--rs-bg-overlay);
+  width: 100%;
+  z-index: var(--rs-zindex-date-range-picker-table-cell-content);
+  height: calc(100% - 48px);
+  margin-top: 0;
+  display: none;
+  position: absolute;
+  overflow: hidden;
+}
+
+.rs-calendar-month-view .rs-calendar-month-dropdown {
+  display: block;
+}
+
+.rs-calendar-month-view .rs-calendar-month-dropdown-scroll {
+  animation: .3s linear slideDown;
+}
+
+.rs-calendar-month-dropdown-scroll {
+  height: 100%;
+}
+
+.rs-calendar-month-dropdown-row {
+  padding-inline-start: calc(var(--rs-calendar-base-spacing)  + 38px);
+  padding-inline-end: var(--rs-calendar-base-spacing);
+  padding-top: 5px;
+  padding-bottom: 5px;
+  position: relative;
+}
+
+.rs-calendar-month-dropdown-row:not(:last-child) {
+  border-bottom: 1px dashed var(--rs-border-primary);
+}
+
+.rs-calendar-month-dropdown-year {
+  top: calc(50% - .5em);
+  position: absolute;
+  inset-inline-start: var(--rs-calendar-base-spacing);
+}
+
+.rs-calendar-month-dropdown-year-active {
+  color: var(--rs-text-active);
+}
+
+.rs-calendar-month-dropdown-list {
+  grid-template-columns: repeat(4, 25%);
+  display: grid;
+}
+
+.rs-calendar-month-dropdown-cell {
+  text-align: center;
+  vertical-align: middle;
+  margin: 1px;
+}
+
+.rs-calendar-month-dropdown-cell-content {
+  cursor: pointer;
+  font-size: var(--rs-calendar-cell-font-size);
+  line-height: var(--rs-calendar-cell-line-height);
+  padding: var(--rs-calendar-cell-padding);
+  border-radius: var(--rs-calendar-border-radius);
+  display: inline-block;
+}
+
+.rs-calendar-month-dropdown-cell-content:hover {
+  background-color: var(--rs-state-hover-bg);
+}
+
+.rs-calendar-month-dropdown-cell:not(.rs-calendar-month-dropdown-cell-active).disabled .rs-calendar-month-dropdown-cell-content {
+  color: var(--rs-text-disabled);
+  cursor: not-allowed;
+  background: none;
+  text-decoration: line-through;
+}
+
+.rs-calendar-month-dropdown-cell-active.disabled .rs-calendar-month-dropdown-cell-content {
+  opacity: .3;
+  cursor: not-allowed;
+}
+
+.rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content {
+  color: var(--rs-calendar-date-selected-text);
+  background-color: var(--rs-bg-active);
+  box-shadow: none;
+}
+
+[data-theme="high-contrast"] .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content, .rs-theme-high-contrast .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content {
+  text-decoration: underline;
+}
+
+.rs-calendar-time-dropdown {
+  top: var(--rs-calendar-dropdown-top);
+  padding-inline: var(--rs-calendar-base-spacing);
+  background-color: var(--rs-bg-overlay);
+  width: 100%;
+  color: var(--rs-text-primary);
+  z-index: var(--rs-zindex-date-range-picker-table-cell-content);
+  display: none;
+  position: absolute;
+  overflow: hidden;
+}
+
+.rs-calendar-time-view .rs-calendar-time-dropdown {
+  display: block;
+}
+
+.rs-calendar-time-view .rs-calendar-time-dropdown-content {
+  animation: .3s linear slideDown;
+}
+
+.rs-calendar-time-dropdown-row {
+  width: 100%;
+  display: table;
+}
+
+.rs-calendar-time-dropdown-column {
+  width: 1%;
+  display: table-cell;
+}
+
+.rs-calendar-time-dropdown-column .rs-scroll-view:after {
+  content: "";
+  height: calc(100% - 30px);
+  display: block;
+}
+
+.rs-calendar-time-dropdown-column > ul, .rs-calendar-time-dropdown-column > ul > li {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.rs-calendar-time-dropdown-column > ul {
+  scroll-behavior: smooth;
+  height: 230px;
+  overflow-y: auto;
+}
+
+.rs-calendar-time-dropdown-column-title {
+  background-color: var(--rs-calendar-time-unit-bg);
+  width: 100%;
+  color: var(--rs-text-secondary);
+  text-align: center;
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-line-height-sm);
+  margin-bottom: 2px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+
+.rs-calendar-only-time .rs-calendar-time-dropdown-column-title {
+  border-top: none;
+}
+
+.rs-calendar-time-dropdown-cell {
+  font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-line-height-base);
+  color: inherit;
+  text-align: center;
+  cursor: pointer;
+  margin: 1px;
+  padding: 5px;
+  display: block;
+}
+
+.rs-calendar-time-dropdown-cell, .rs-calendar-time-dropdown-cell:hover, .rs-calendar-time-dropdown-cell:focus {
+  text-decoration: none;
+}
+
+.rs-calendar-time-dropdown-cell:hover {
+  background-color: var(--rs-listbox-option-hover-bg);
+  color: var(--rs-listbox-option-hover-text);
+}
+
+[data-theme="high-contrast"] .rs-calendar-time-dropdown-cell:hover, .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover {
+  outline: 2px solid var(--rs-focus-ring-color);
+  outline-offset: -1px;
+  outline-offset: -3px;
+  color: var(--rs-listbox-option-hover-text);
+  outline-width: 2px;
+  text-decoration: underline;
+}
+
+.rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active {
+  background-color: var(--rs-bg-active);
+  color: var(--rs-calendar-date-selected-text);
+}
+
+@media (forced-colors: active) {
+  .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
+    background-color: var(--rs-listbox-option-hover-bg);
+    color: var(--rs-listbox-option-hover-text);
+  }
+
+  [data-theme="high-contrast"] .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover, .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover {
+    outline: 2px solid var(--rs-focus-ring-color);
+    outline-offset: -1px;
+    outline-offset: -3px;
+    color: var(--rs-listbox-option-hover-text);
+    outline-width: 2px;
+    text-decoration: underline;
+  }
+}
+
+.rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-disabled {
+  color: var(--rs-text-disabled);
+  cursor: not-allowed;
+  background: none;
+  text-decoration: line-through;
+}
+
+.rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active.rs-calendar-time-dropdown-cell-disabled {
+  opacity: .3;
+  cursor: not-allowed;
+}
+
+.rs-calendar-only-time {
+  padding-top: var(--rs-calendar-base-spacing);
+  display: block;
+}
+
+.rs-calendar-only-time .rs-calendar-time-dropdown {
+  position: relative;
+  top: 2px;
+}
+
+.rs-calendar-only-time .rs-calendar-time-dropdown-row {
+  display: flex;
+}
+
+.rs-calendar-only-time .rs-calendar-time-dropdown-column {
+  flex: 1;
+  min-width: 60px;
+}
+
+@keyframes slideDown {
+  from {
+    transform: translateY(-100%);
+  }
+
+  to {
+    transform: translateY(0);
+  }
+}
+
+.rs-picker-toolbar {
+  padding: var(--rs-calendar-base-spacing);
+  border-top: 1px solid var(--rs-divider-border);
+}
+
+.rs-picker[data-picker="date"] .rs-input-group-addon {
+  color: var(--rs-text-secondary);
+  cursor: pointer;
+}
+
+.rs-picker[data-picker="date"] .rs-input-group-addon .rs-btn-close {
+  padding: 0;
+}
+
+.rs-picker[data-picker="date"].rs-picker[data-appearance="subtle"] .rs-input-group {
+  border-color: #0000;
+}
+
+.rs-picker[data-picker="date"] > .rs-input-group.rs-input-group-inside .rs-input {
+  padding-inline-end: 0;
+}
+
+.rs-picker-date-predefined {
+  border-right: 1px solid var(--rs-border-primary);
+  height: 325px;
+  padding: 4px 0;
+}
+
+.rs-picker-date-predefined .rs-btn {
+  display: block;
+}
+
+.rs-picker-popup.rs-picker-popup-date {
+  padding: 0;
+}
+
+.rs-picker-popup .rs-picker-toolbar {
+  max-width: 100%;
+}
+
+.rs-picker-popup .rs-picker-toolbar-ranges {
+  max-width: 400px;
+}
+
+.rs-picker-popup .rs-calendar {
+  --rs-calendar-in-menu-content-side-length: 30px;
+  min-width: 264px;
+  margin: 0 auto;
+  display: block;
+}
+
+.rs-picker-popup .rs-calendar-show-week-numbers {
+  min-width: 278px;
+}
+
+.rs-picker-popup .rs-calendar-show-week-numbers .rs-calendar-body {
+  padding-inline: 12px;
+}
+
+.rs-picker-popup .rs-calendar-header {
+  width: 100%;
+}
+
+.rs-picker-popup .rs-calendar-body {
+  padding-inline: 15px;
+}
+
+.rs-picker-popup .rs-calendar-table {
+  width: unset;
+}
+
+.rs-picker-popup .rs-calendar-month-dropdown-cell:focus-visible .rs-calendar-month-dropdown-cell-content {
+  outline: 3px solid var(--rs-focus-ring-color);
+}
+
+.rs-picker-popup .rs-calendar-table-cell:focus-visible {
+  outline: none;
+}
+
+.rs-picker-popup .rs-calendar-table-cell:focus-visible .rs-calendar-table-cell-content {
+  outline: 3px solid var(--rs-focus-ring-color);
+}
+
+.rs-picker-popup .rs-calendar .rs-calendar-table-cell-content {
+  width: var(--rs-calendar-in-menu-content-side-length);
+  height: var(--rs-calendar-in-menu-content-side-length);
+}
+
+.rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
+  background-color: var(--rs-listbox-option-hover-bg);
+  color: var(--rs-listbox-option-hover-text);
+}
+
+[data-theme="high-contrast"] .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover, .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover {
+  outline: 2px solid var(--rs-focus-ring-color);
+  outline-offset: -1px;
+  outline-offset: -3px;
+  color: var(--rs-listbox-option-hover-text);
+  outline-width: 2px;
+  text-decoration: underline;
+}
+
+.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);
+}
+
+[data-theme="high-contrast"] .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover, .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-active .rs-calendar-month-dropdown-cell-content:hover {
+  color: var(--rs-calendar-date-selected-text);
+}
+
+.rs-picker-popup .rs-calendar .rs-calendar-table-header-row .rs-calendar-table-cell-content {
+  height: 24px;
+  padding-top: 0;
+}
+
+.rs-picker-popup .rs-calendar .rs-calendar-table-cell-content {
+  padding-inline: 0;
+  display: inline-block;
+}
+
+.rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
+  background-color: var(--rs-listbox-option-hover-bg);
+  color: var(--rs-listbox-option-hover-text);
+}
+
+[data-theme="high-contrast"] .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content, .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content {
+  outline: 2px solid var(--rs-focus-ring-color);
+  outline-offset: -1px;
+  outline-offset: -3px;
+  color: var(--rs-listbox-option-hover-text);
+  outline-width: 2px;
+  text-decoration: underline;
+}
+
+.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);
+}
+
+[data-theme="high-contrast"] .rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content, .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell-selected:hover .rs-calendar-table-cell-content {
+  color: var(--rs-calendar-date-selected-text);
+}
+
+.rs-picker-popup .rs-calendar .rs-calendar-time-dropdown-column > ul {
+  height: 198px;
+}
+
+.rs-picker-popup .rs-calendar.rs-calendar-only-time {
+  flex: 1;
+  width: 100%;
+  min-width: auto;
+}
+
+.rs-picker-popup .rs-calendar.rs-calendar-only-time .rs-calendar-time-dropdown-column > ul {
+  height: 100%;
+}
+
+.rs-picker[data-picker="date-range"] .rs-input-group-addon {
+  color: var(--rs-text-secondary);
+  cursor: pointer;
+}
+
+.rs-picker[data-picker="date-range"] .rs-input-group-addon .rs-btn-close {
+  padding: 0;
+}
+
+.rs-picker[data-picker="date-range"][data-appearance="subtle"] .rs-input-group {
+  border-color: #0000;
+}
+
+.rs-picker[data-picker="date-range"] > .rs-input-group.rs-input-group-inside .rs-input {
+  padding-inline-end: 0;
+}
+
+.rs-picker-popup.rs-picker-popup-daterange {
+  padding: 0;
+}
+
+.rs-picker-popup.rs-picker-popup-daterange .rs-calendar:first-child {
+  border-right: 1px solid var(--rs-border-primary);
+}
+
+.rs-picker-popup .rs-calendar {
+  height: 274px;
+  padding-bottom: var(--rs-calendar-base-spacing);
+}
+
+.rs-picker-popup .rs-calendar-header {
+  text-align: center;
+  width: 100%;
+}
+
+.rs-picker-popup .rs-calendar-header-month-toolbar {
+  float: none;
+}
+
+.rs-picker-popup .rs-calendar-month-dropdown {
+  z-index: var(--rs-zindex-date-range-picker-calendar-dropdown);
+}
+
+.rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar-ranges {
+  width: 190px;
+}
+
+.rs-picker-popup .rs-picker-daterange-panel-only-time {
+  height: 100%;
+}
+
+.rs-picker-popup .rs-picker-daterange-panel-only-time .rs-picker-daterange-calendar-group {
+  min-width: auto;
+}
+
+.rs-picker-popup .rs-picker-daterange-panel-only-time .rs-picker-daterange-content {
+  flex: 1;
+}
+
+.rs-picker-popup .rs-picker-daterange-calendar-single .rs-calendar {
+  border: 0;
+  margin: auto;
+  display: block;
+}
+
+.rs-picker-daterange-header {
+  --rs-date-range-picker-header-line-height: var(--rs-line-height-md);
+  --rs-date-range-picker-header-padding-vertical: 8px;
+  padding-block: var(--rs-date-range-picker-header-padding-vertical);
+  padding-inline: var(--rs-picker-menu-padding);
+  font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-date-range-picker-header-line-height);
+  border-bottom: 1px solid var(--rs-border-primary);
+}
+
+.rs-picker-daterange-header .rs-picker-header-date:focus {
+  background-color: #0000;
+}
+
+.rs-picker-daterange-header.rs-picker-tab-active-end, .rs-picker-daterange-header.rs-picker-tab-active-start {
+  justify-content: space-around;
+  align-items: center;
+  display: flex;
+  position: relative;
+}
+
+.rs-picker-daterange-header.rs-picker-tab-active-end:after, .rs-picker-daterange-header.rs-picker-tab-active-start:after {
+  content: " ";
+  bottom: -1px;
+  border-bottom: 2px solid #3498ff;
+  width: 50%;
+  transition: left .3s;
+  position: absolute;
+  inset-inline-start: 0;
+}
+
+.rs-picker-daterange-header.rs-picker-tab-active-end:after {
+  inset-inline-start: 50%;
+}
+
+.rs-picker-daterange-calendar-group {
+  flex-wrap: nowrap;
+  min-width: 492px;
+  height: 274px;
+  display: flex;
+}
+
+.rs-picker-daterange-predefined {
+  border-right: 1px solid var(--rs-border-primary);
+  height: 366px;
+  padding: 4px 0;
+}
+
+.rs-picker-daterange-predefined .rs-btn {
+  display: block;
+}
+