rsuite/dist/rsuite.css

A suite of react components

@charset "UTF-8";
body{
  margin:0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

[hidden],
template{
  display:none;
}

a{
  color:var(--rs-text-link);
  text-decoration:none;
  background-color:transparent;
}
a:hover, a:focus{
  outline:0;
  color:var(--rs-text-link-hover);
  -webkit-text-decoration:var(--rs-link-hover-decoration);
          text-decoration:var(--rs-link-hover-decoration);
}
a:active{
  outline:0;
  color:var(--rs-text-link-active);
  -webkit-text-decoration:var(--rs-link-active-decoration);
          text-decoration:var(--rs-link-active-decoration);
}

b,
strong{
  font-weight:bold;
}

sub,
sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sup{
  top:-0.5em;
}

sub{
  bottom:-0.25em;
}

svg:not(:root){
  overflow:hidden;
}

hr{
  box-sizing:content-box;
  height:0;
  margin-block:var(--rs-line-height-base);
  border:0;
  border-top:1px solid var(--rs-divider-border);
}

pre{
  overflow:auto;
}

button,
input,
optgroup,
select,
textarea{
  color:inherit;
  font:inherit;
  margin:0;
}

button{
  overflow:visible;
  border-radius:var(--rs-radius-none);
}

button,
select{
  text-transform:none;
}

button,
input[type=reset],
input[type=submit]{
  -webkit-appearance:auto;
     -moz-appearance:auto;
          appearance:auto;
  cursor:pointer;
}

button[disabled],
html input[disabled]{
  cursor:not-allowed;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
  border:0;
  padding:0;
}

input{
  line-height:normal;
}

input[type=checkbox],
input[type=radio]{
  box-sizing:border-box;
  padding:0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{
  height:auto;
}

textarea{
  overflow:auto;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

td,
th{
  padding:0;
}

[tabindex="-1"]{
  outline:none;
}

button,
input[type=button],
input[type=submit],
input[type=reset]{
  border-width:0;
}

input::-ms-clear{
  display:none;
}

input[type=file]::-webkit-file-upload-button,
input[type=file]::-ms-browse{
  border-width:0;
  background:transparent;
  color:currentcolor;
}

input,
button,
select,
textarea{
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
}

img{
  vertical-align:middle;
  border:0;
}

[role=button]{
  cursor:pointer;
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-family:var(--rs-heading-font-family);
  font-weight:var(--rs-heading-font-weight);
  color:var(--rs-heading-color);
}

h1{
  font-size:var(--rs-heading-h1-font-size);
  line-height:var(--rs-heading-h1-line-height);
}

h2{
  font-size:var(--rs-heading-h2-font-size);
  line-height:var(--rs-heading-h2-line-height);
}

h3{
  font-size:var(--rs-heading-h3-font-size);
  line-height:var(--rs-heading-h3-line-height);
}

h4{
  font-size:var(--rs-heading-h4-font-size);
  line-height:var(--rs-heading-h4-line-height);
}

h5{
  font-size:var(--rs-heading-h5-font-size);
  line-height:var(--rs-heading-h5-line-height);
}

h6{
  font-size:var(--rs-heading-h6-font-size);
  line-height:var(--rs-heading-h6-line-height);
}

small{
  font-size:var(--rs-font-size-xs);
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small{
  font-weight:normal;
  line-height:1;
  color:var(--rs-text-disabled);
}

mark{
  background-color:var(--rs-bg-warning);
  padding:0.2em;
  font-weight:bolder;
}

ul,
ol{
  margin-top:0;
  margin-bottom:calc(var(--rs-line-height-base) / 2);
}
ul ul,
ul ol,
ol ul,
ol ol{
  margin-bottom:0;
}

dl{
  margin-top:0;
  margin-bottom:calc(var(--rs-line-height-base) / 2);
}

dt,
dd{
  line-height:var(--rs-line-height-md);
}

dt{
  font-weight:bold;
}

dd{
  margin-inline-start:0;
  margin-bottom:calc(var(--rs-line-height-base) / 2);
}
: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:#3498ff;
  --rs-primary-600:#2589F5;
  --rs-primary-700:#1675E0;
  --rs-primary-800:#0A5DC2;
  --rs-primary-900:#004299;
  --rs-color-red:#f44336;
  --rs-color-orange:#fa8900;
  --rs-color-yellow:#ffb300;
  --rs-color-green:#4caf50;
  --rs-color-cyan:#00bcd4;
  --rs-color-blue:#2196f3;
  --rs-color-violet:#673ab7;
  --rs-red-50:#FFF2F2;
  --rs-red-100:#FCCFCF;
  --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-50:#FFF8F2;
  --rs-orange-100:#FFDFC2;
  --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-50:#FFFAF2;
  --rs-yellow-100:#FFE9C2;
  --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-50:#EEFFED;
  --rs-green-100:#C8F0C7;
  --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-50:#F2FFFF;
  --rs-cyan-100:#BCF4F7;
  --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-50:#F0F9FF;
  --rs-blue-100:#C5E7FC;
  --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-50:#F6F2FF;
  --rs-violet-100:#D5C9F0;
  --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-success:var(--rs-color-green);
  --rs-state-info:var(--rs-color-blue);
  --rs-state-warning:var(--rs-color-yellow);
  --rs-state-error:var(--rs-color-red);
  --rs-body:var(--rs-gray-0);
  --rs-bg-success:#edfae1;
  --rs-bg-info:#e9f5fe;
  --rs-bg-warning:#fff9e6;
  --rs-bg-error:#fde9ef;
  --rs-text-link:var(--rs-primary-700);
  --rs-text-link-hover:var(--rs-primary-800);
  --rs-text-link-active:var(--rs-primary-900);
  --rs-text-primary:var(--rs-gray-800);
  --rs-text-secondary:var(--rs-gray-600);
  --rs-text-tertiary:var(--rs-gray-500);
  --rs-text-heading:var(--rs-gray-900);
  --rs-text-inverse:var(--rs-gray-50);
  --rs-text-heading-inverse:var(--rs-gray-0);
  --rs-text-active:var(--rs-primary-700);
  --rs-text-disabled:var(--rs-gray-600);
  --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-card:var(--rs-gray-0);
  --rs-bg-overlay:var(--rs-gray-0);
  --rs-bg-well:var(--rs-gray-50);
  --rs-bg-active:var(--rs-primary-500);
  --rs-bg-backdrop:rgb(from var(--rs-gray-900) r g b / 30%);
  --rs-state-hover-bg:var(--rs-primary-50);
  --rs-focus-ring-color:rgb(from var(--rs-primary-500) r g b / 25%);
  --rs-state-focus-shadow:0 0 0 2px rgb(from var(--rs-primary-500) r g b / 25%);
  --rs-state-focus-outline:2px solid rgb(from var(--rs-primary-500) r g b / 25%);
  --rs-state-error-outline:2px solid rgb(from var(--rs-color-red) r g b / 25%);
  --rs-kbd-bg:var(--rs-gray-50);
  --rs-kbd-text:var(--rs-gray-800);
  --rs-kbd-border:var(--rs-gray-200);
  --rs-scrollbar-bg:transparent;
  --rs-scrollbar-thumb-bg:var(--rs-gray-500);
  --rs-scrollbar-thumb-hover-bg:var(--rs-gray-400);
  --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:var(--rs-gray-200);
  --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:var(--rs-primary-700);
  --rs-btn-link-hover-text:var(--rs-primary-800);
  --rs-btn-link-active-text:var(--rs-primary-900);
  --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-message-success-header:var(--rs-text-heading);
  --rs-message-success-text:var(--rs-text-primary);
  --rs-message-success-icon:var(--rs-color-green);
  --rs-message-success-icon-border:var(--rs-green-200);
  --rs-message-success-bg:rgb(from var(--rs-green-100) r g b / 60%);
  --rs-message-success-border:var(--rs-color-green);
  --rs-message-info-header:var(--rs-text-heading);
  --rs-message-info-text:var(--rs-text-primary);
  --rs-message-info-icon:var(--rs-color-blue);
  --rs-message-info-icon-border:var(--rs-blue-200);
  --rs-message-info-bg:rgb(from var(--rs-blue-100) r g b / 60%);
  --rs-message-info-border:var(--rs-color-blue);
  --rs-message-warning-header:var(--rs-text-heading);
  --rs-message-warning-text:var(--rs-text-primary);
  --rs-message-warning-icon:var(--rs-color-yellow);
  --rs-message-warning-icon-border:var(--rs-yellow-200);
  --rs-message-warning-bg:rgb(from var(--rs-yellow-100) r g b / 60%);
  --rs-message-warning-border:var(--rs-color-yellow);
  --rs-message-error-header:var(--rs-text-heading);
  --rs-message-error-text:var(--rs-text-primary);
  --rs-message-error-icon:var(--rs-color-red);
  --rs-message-error-icon-border:var(--rs-red-200);
  --rs-message-error-bg:rgb(from var(--rs-red-100) r g b / 60%);
  --rs-message-error-border:var(--rs-color-red);
  --rs-tooltip-bg:var(--rs-gray-900);
  --rs-tooltip-text:var(--rs-gray-0);
  --rs-progress-bg:var(--rs-gray-200);
  --rs-progress-bar:var(--rs-primary-500);
  --rs-progress-bar-success:var(--rs-color-green);
  --rs-progress-bar-fail:var(--rs-color-red);
  --rs-placeholder:var(--rs-gray-100);
  --rs-placeholder-active:var(--rs-gray-200);
  --rs-breadcrumb-item-active-text:var(--rs-gray-900);
  --rs-menuitem-bg-active:var(--rs-primary-50);
  --rs-dropdown-header-text:var(--rs-gray-500);
  --rs-menuitem-text-active:var(--rs-primary-700);
  --rs-menuitem-active-bg:var(--rs-gray-100);
  --rs-menuitem-active-text:var(--rs-text-primary);
  --rs-steps-border:var(--rs-gray-600);
  --rs-steps-state-finish:var(--rs-primary-500);
  --rs-steps-border-state-finish:var(--rs-primary-500);
  --rs-steps-state-wait:var(--rs-gray-600);
  --rs-steps-state-process:var(--rs-primary-500);
  --rs-steps-state-error:var(--rs-color-red);
  --rs-steps-border-state-error:var(--rs-color-red);
  --rs-steps-icon-state-process:var(--rs-primary-500);
  --rs-steps-icon-state-error:var(--rs-color-red);
  --rs-navs-text:var(--rs-gray-800);
  --rs-navs-text-hover:var(--rs-gray-800);
  --rs-navs-bg-hover:var(--rs-gray-200);
  --rs-navs-text-active:var(--rs-gray-900);
  --rs-navs-bg-active:var(--rs-gray-200);
  --rs-navs-tab-border:var(--rs-gray-300);
  --rs-navs-subtle-border:var(--rs-gray-50);
  --rs-navs-selected:var(--rs-primary-700);
  --rs-navs-pills-bg:var(--rs-gray-100);
  --rs-navs-pills-item-color:var(--rs-text-secondary);
  --rs-navs-pills-item-active-bg:var(--rs-gray-0);
  --rs-navs-pills-item-active-color:var(--rs-gray-900);
  --rs-navs-pills-item-disabled-color:var(--rs-gray-400);
  --rs-navbar-default-bg:var(--rs-gray-50);
  --rs-navbar-default-text:var(--rs-gray-800);
  --rs-navbar-default-selected-text:var(--rs-primary-700);
  --rs-navbar-default-hover-bg:var(--rs-gray-200);
  --rs-navbar-default-hover-text:var(--rs-gray-800);
  --rs-navbar-inverse-bg:var(--rs-primary-500);
  --rs-navbar-inverse-text:#fff;
  --rs-navbar-inverse-selected-bg:var(--rs-primary-700);
  --rs-navbar-inverse-hover-bg:var(--rs-primary-600);
  --rs-navbar-inverse-hover-text:#fff;
  --rs-navbar-subtle-bg:#fff;
  --rs-navbar-subtle-text:var(--rs-gray-800);
  --rs-navbar-subtle-selected-text:var(--rs-primary-700);
  --rs-navbar-subtle-hover-bg:var(--rs-gray-50);
  --rs-navbar-subtle-hover-text:var(--rs-gray-800);
  --rs-sidenav-default-bg:var(--rs-gray-50);
  --rs-sidenav-default-text:var(--rs-gray-800);
  --rs-sidenav-default-selected-text:var(--rs-primary-700);
  --rs-sidenav-default-selected-bg:var(--rs-gray-200);
  --rs-sidenav-default-hover-bg:var(--rs-gray-200);
  --rs-sidenav-default-hover-text:var(--rs-gray-900);
  --rs-sidenav-default-footer-border:var(--rs-gray-200);
  --rs-sidenav-default-subnav-border-color:var(--rs-gray-200);
  --rs-sidenav-inverse-bg:var(--rs-primary-500);
  --rs-sidenav-inverse-text:#fff;
  --rs-sidenav-inverse-selected-bg:var(--rs-primary-700);
  --rs-sidenav-inverse-hover-bg:var(--rs-primary-600);
  --rs-sidenav-inverse-footer-border:var(--rs-primary-600);
  --rs-sidenav-inverse-subnav-border-color:var(--rs-primary-600);
  --rs-sidenav-subtle-bg:#fff;
  --rs-sidenav-subtle-text:var(--rs-gray-800);
  --rs-sidenav-subtle-selected-text:var(--rs-primary-700);
  --rs-sidenav-subtle-selected-bg:var(--rs-gray-50);
  --rs-sidenav-subtle-hover-bg:var(--rs-gray-50);
  --rs-sidenav-subtle-hover-text:var(--rs-gray-800);
  --rs-sidenav-subtle-footer-border:var(--rs-gray-200);
  --rs-sidenav-subtle-subnav-border-color:var(--rs-gray-200);
  --rs-input-bg:var(--rs-gray-0);
  --rs-input-focus-border:var(--rs-primary-500);
  --rs-input-disabled-bg:var(--rs-gray-50);
  --rs-inline-edit-hover-bg:var(--rs-gray-200);
  --rs-listbox-option-group-bg:var(--rs-gray-0);
  --rs-listbox-option-hover-bg:rgb(from var(--rs-primary-100) r g b / 50%);
  --rs-listbox-option-hover-text:var(--rs-primary-700);
  --rs-listbox-option-selected-text:var(--rs-primary-700);
  --rs-listbox-option-selected-bg:var(--rs-primary-50);
  --rs-listbox-option-disabled-text:var(--rs-gray-400);
  --rs-listbox-option-disabled-selected-text:var(--rs-primary-200);
  --rs-checkbox-icon:#fff;
  --rs-checkbox-border:var(--rs-gray-300);
  --rs-checkbox-checked-bg:var(--rs-primary-500);
  --rs-checkbox-disabled-bg:var(--rs-gray-50);
  --rs-radio-marker:#fff;
  --rs-radio-border:var(--rs-gray-300);
  --rs-radio-checked-bg:var(--rs-primary-500);
  --rs-radio-disabled-bg:var(--rs-gray-50);
  --rs-radio-tile-border:var(--rs-gray-300);
  --rs-radio-tile-bg:var(--rs-gray-0);
  --rs-radio-tile-checked-color:var(--rs-primary-500);
  --rs-radio-tile-checked-mark-color:#fff;
  --rs-radio-tile-checked-disabled-color:var(--rs-primary-200);
  --rs-radio-tile-icon-size:32px;
  --rs-rate-symbol:var(--rs-gray-600);
  --rs-rate-color:var(--rs-blue-500);
  --rs-segmented-control-bg:var(--rs-gray-50);
  --rs-segmented-control-border-color:var(--rs-gray-50);
  --rs-segmented-control-item-active-color:var(--rs-text-primary);
  --rs-segmented-control-item-color:var(--rs-text-secondary);
  --rs-segmented-control-item-disabled-color:var(--rs-gray-400);
  --rs-segmented-control-pill-indicator-bg:var(--rs-gray-0);
  --rs-segmented-control-underline-color:var(--rs-primary-500);
  --rs-slider-bar:var(--rs-gray-100);
  --rs-slider-hover-bar:var(--rs-gray-200);
  --rs-slider-thumb-border:var(--rs-primary-500);
  --rs-slider-thumb-bg:#fff;
  --rs-slider-thumb-hover-shadow:0 0 0 8px rgb(from var(--rs-gray-500) r g b / 25%);
  --rs-slider-progress:var(--rs-primary-500);
  --rs-toggle-bg:var(--rs-gray-500);
  --rs-toggle-thumb:#fff;
  --rs-toggle-loader-ring:rgb(from var(--rs-gray-50) r g b / 30%);
  --rs-toggle-loader-rotor:var(--rs-gray-0);
  --rs-toggle-hover-bg:var(--rs-gray-500);
  --rs-toggle-disabled-bg:var(--rs-gray-200);
  --rs-toggle-disabled-thumb:#fff;
  --rs-toggle-checked-bg:var(--rs-primary-500);
  --rs-toggle-checked-thumb:#fff;
  --rs-toggle-checked-hover-bg:var(--rs-primary-600);
  --rs-toggle-checked-disabled-bg:var(--rs-primary-200);
  --rs-toggle-checked-disabled-thumb:#fff;
  --rs-uploader-item-bg:var(--rs-gray-300);
  --rs-uploader-item-hover-bg:var(--rs-gray-50);
  --rs-uploader-overlay-bg:rgb(from #fff r g b / 80%);
  --rs-uploader-dnd-bg:var(--rs-gray-0);
  --rs-uploader-dnd-border:var(--rs-gray-200);
  --rs-uploader-dnd-hover-border:var(--rs-primary-500);
  --rs-avatar-bg:var(--rs-gray-300);
  --rs-avatar-text:var(--rs-gray-0);
  --rs-avatar-offset-color:var(--rs-gray-0);
  --rs-avatar-ring-color:var(--rs-avatar-bg);
  --rs-badge-bg:var(--rs-color-red);
  --rs-badge-text:var(--rs-gray-0);
  --rs-badge-border:var(--rs-gray-0);
  --rs-tag-bg:var(--rs-gray-50);
  --rs-card-bg:var(--rs-gray-0);
  --rs-carousel-bg:var(--rs-gray-600);
  --rs-carousel-indicator:rgb(from var(--rs-gray-0) r g b / 40%);
  --rs-carousel-indicator-hover:var(--rs-gray-0);
  --rs-carousel-indicator-active:var(--rs-primary-500);
  --rs-list-bg:var(--rs-gray-0);
  --rs-list-border:var(--rs-gray-200);
  --rs-list-hover-bg:var(--rs-primary-50);
  --rs-list-placeholder-bg:rgb(from var(--rs-primary-50) r g b / 50%);
  --rs-list-placeholder-border:var(--rs-primary-500);
  --rs-timeline-indicator-bg:var(--rs-gray-300);
  --rs-timeline-indicator-active-bg:var(--rs-primary-500);
  --rs-table-border-color:var(--rs-border-secondary);
  --rs-table-shadow:rgba(9, 9, 9, 0.08);
  --rs-table-sort:var(--rs-primary-500);
  --rs-table-resize:var(--rs-primary-500);
  --rs-table-scrollbar-track:var(--rs-gray-200);
  --rs-table-scrollbar-thumb:var(--rs-gray-800);
  --rs-table-scrollbar-thumb-active:var(--rs-gray-900);
  --rs-table-scrollbar-vertical-track:rgb(from var(--rs-gray-200) r g b / 40%);
  --rs-form-errormessage-text:var(--rs-color-red);
  --rs-form-errormessage-bg:#fff;
  --rs-form-errormessage-border:var(--rs-gray-200);
  --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:var(--rs-primary-700);
  --rs-popover-shadow:0 1px 8px rgba(0, 0, 0, 0.12);
  --rs-tree-indent-line-color:rgba(0, 0, 0, 0.1);
  --rs-scroll-view-shadow-color:rgba(9, 9, 9, 0.2);
  --rs-stat-body-bg:var(--rs-gray-0);
}
@supports not (color: rgb(from white r g b)){
  :root{
    --rs-bg-backdrop:rgba(18, 18, 18, 0.3);
    --rs-focus-ring-color:rgba(52, 152, 255, 0.25);
    --rs-state-focus-shadow:0 0 0 2px rgba(52, 152, 255, 0.25);
    --rs-state-focus-outline:2px solid rgba(52, 152, 255, 0.25);
    --rs-loader-ring:rgba(247, 247, 250, 0.8);
    --rs-loader-backdrop:rgba(255, 255, 255, 0.9);
    --rs-loader-ring-inverse:rgba(247, 247, 250, 0.3);
    --rs-loader-backdrop-inverse:rgba(18, 18, 18, 0.83);
    --rs-message-success-bg:rgba(#C8F0C7, 0.6);
    --rs-message-info-bg:rgba(#C5E7FC, 0.6);
    --rs-message-warning-bg:rgba(#FFE9C2, 0.6);
    --rs-message-error-bg:rgba(#FCCFCF, 0.6);
    --rs-listbox-option-hover-bg:rgba(#CCE9FF, 0.5);
    --rs-toggle-loader-ring:rgba(247, 247, 250, 0.3);
    --rs-slider-thumb-hover-shadow:0 0 0 8px rgba(52, 152, 255, 0.25);
    --rs-uploader-overlay-bg:rgba(255, 255, 255, 0.8);
    --rs-carousel-indicator:rgba(255, 255, 255, 0.4);
    --rs-list-placeholder-bg:rgba(#F2FAFF, 0.5);
    --rs-table-scrollbar-vertical-track:rgba(229, 229, 234, 0.4);
    --rs-calendar-range-bg:rgba(#CCE9FF, 0.5);
  }
}

[data-theme=dark],
.rs-theme-dark{
  --rs-gray-0:#fff;
  --rs-gray-50:#e9ebf0;
  --rs-gray-100:#cbced4;
  --rs-gray-200:#a4a9b3;
  --rs-gray-300:#858b94;
  --rs-gray-400:#6a6f76;
  --rs-gray-500:#5c6066;
  --rs-gray-600:#3c3f43;
  --rs-gray-700:#292d33;
  --rs-gray-800:#1a1d24;
  --rs-gray-900:#0f131a;
  --rs-primary-50:#F2FCFF;
  --rs-primary-100:#CCF3FF;
  --rs-primary-200:#A6E9FF;
  --rs-primary-300:#80DDFF;
  --rs-primary-400:#59D0FF;
  --rs-primary-500:#34c3ff;
  --rs-primary-600:#25B3F5;
  --rs-primary-700:#169DE0;
  --rs-primary-800:#0A81C2;
  --rs-primary-900:#006199;
  --rs-color-red:#f04f43;
  --rs-color-orange:#ff9800;
  --rs-color-yellow:#ffc757;
  --rs-color-green:#58b15b;
  --rs-color-cyan:#00bcd4;
  --rs-color-blue:#1499ef;
  --rs-color-violet:#673ab7;
  --rs-red-50:#FFEDED;
  --rs-red-100:#FCCACA;
  --rs-red-200:#FAA9A7;
  --rs-red-300:#F58884;
  --rs-red-400:#F26A63;
  --rs-red-500:#F04F43;
  --rs-red-600:#E63F30;
  --rs-red-700:#D12F1D;
  --rs-red-800:#B3200C;
  --rs-red-900:#8A1200;
  --rs-orange-50:#FFF9F2;
  --rs-orange-100:#FFE2C2;
  --rs-orange-200:#FFCE91;
  --rs-orange-300:#FFBA61;
  --rs-orange-400:#FFA930;
  --rs-orange-500:#FF9800;
  --rs-orange-600:#F59700;
  --rs-orange-700:#E08E00;
  --rs-orange-800:#C27E00;
  --rs-orange-900:#996600;
  --rs-yellow-50:#FFF9F0;
  --rs-yellow-100:#FFEDD1;
  --rs-yellow-200:#FFE2B3;
  --rs-yellow-300:#FFD894;
  --rs-yellow-400:#FFCF75;
  --rs-yellow-500:#FFC757;
  --rs-yellow-600:#F5BB3D;
  --rs-yellow-700:#E0A824;
  --rs-yellow-800:#C28F0E;
  --rs-yellow-900:#997000;
  --rs-green-50:#F3FFF2;
  --rs-green-100:#CFF0CE;
  --rs-green-200:#AEE0AD;
  --rs-green-300:#8CCF8C;
  --rs-green-400:#71BF72;
  --rs-green-500:#58B15B;
  --rs-green-600:#3FAB45;
  --rs-green-700:#27A12F;
  --rs-green-800:#10911B;
  --rs-green-900:#007D0C;
  --rs-cyan-50:#F2FFFF;
  --rs-cyan-100:#BCF4F7;
  --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-50:#EDF9FF;
  --rs-blue-100:#C0E8FC;
  --rs-blue-200:#93D6FA;
  --rs-blue-300:#67C1F5;
  --rs-blue-400:#3DADF2;
  --rs-blue-500:#1499EF;
  --rs-blue-600:#0E8CE6;
  --rs-blue-700:#087AD1;
  --rs-blue-800:#0464B3;
  --rs-blue-900:#00498A;
  --rs-violet-50:#F6F2FF;
  --rs-violet-100:#D5C9F0;
  --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-success:var(--rs-color-green);
  --rs-state-info:var(--rs-color-blue);
  --rs-state-warning:var(--rs-color-yellow);
  --rs-state-error:var(--rs-color-red);
  --rs-body:var(--rs-gray-900);
  --rs-text-link:var(--rs-primary-500);
  --rs-text-link-hover:var(--rs-primary-400);
  --rs-text-link-active:var(--rs-primary-300);
  --rs-text-primary:var(--rs-gray-50);
  --rs-text-secondary:var(--rs-gray-200);
  --rs-text-tertiary:var(--rs-gray-300);
  --rs-text-heading:var(--rs-gray-0);
  --rs-text-inverse:var(--rs-gray-800);
  --rs-text-heading-inverse:var(--rs-gray-900);
  --rs-text-active:var(--rs-primary-500);
  --rs-text-disabled:var(--rs-gray-400);
  --rs-border-primary:var(--rs-gray-600);
  --rs-border-secondary:var(--rs-gray-700);
  --rs-bg-card:var(--rs-gray-800);
  --rs-bg-overlay:var(--rs-gray-700);
  --rs-bg-well:var(--rs-gray-900);
  --rs-bg-active:var(--rs-primary-700);
  --rs-bg-backdrop:rgb(from var(--rs-gray-900) r g b / 80%);
  --rs-state-hover-bg:var(--rs-gray-600);
  --rs-color-focus-ring:rgb(from var(--rs-gray-500) r g b / 80%);
  --rs-state-focus-shadow:0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
  --rs-state-focus-outline:2px solid rgb(from var(--rs-gray-500) r g b / 25%);
  --rs-state-error-outline:2px solid rgb(from var(--rs-color-red) r g b / 25%);
  --rs-kbd-bg:var(--rs-gray-600);
  --rs-kbd-text:var(--rs-gray-50);
  --rs-kbd-border:var(--rs-gray-700);
  --rs-scrollbar-bg:transparent;
  --rs-scrollbar-thumb-bg:var(--rs-gray-300);
  --rs-scrollbar-thumb-hover-bg:var(--rs-gray-400);
  --rs-btn-default-bg:var(--rs-gray-600);
  --rs-btn-default-text:var(--rs-gray-50);
  --rs-btn-default-border-color:var(--rs-gray-700);
  --rs-btn-default-hover-bg:var(--rs-gray-500);
  --rs-btn-default-active-bg:var(--rs-gray-300);
  --rs-btn-default-active-text:var(--rs-gray-0);
  --rs-btn-default-disabled-bg:var(--rs-gray-600);
  --rs-btn-default-disabled-text:var(--rs-gray-400);
  --rs-btn-primary-bg:var(--rs-primary-700);
  --rs-btn-primary-text:var(--rs-gray-0);
  --rs-btn-primary-border-color:var(--rs-primary-800);
  --rs-btn-primary-hover-bg:var(--rs-primary-600);
  --rs-btn-primary-active-bg:var(--rs-primary-400);
  --rs-btn-subtle-text:var(--rs-gray-200);
  --rs-btn-subtle-hover-bg:var(--rs-gray-500);
  --rs-btn-subtle-hover-text:var(--rs-gray-50);
  --rs-btn-subtle-active-bg:var(--rs-gray-400);
  --rs-btn-subtle-active-text:var(--rs-gray-0);
  --rs-btn-subtle-disabled-text:var(--rs-gray-500);
  --rs-btn-ghost-border:var(--rs-primary-500);
  --rs-btn-ghost-text:var(--rs-primary-500);
  --rs-btn-ghost-hover-border:var(--rs-primary-400);
  --rs-btn-ghost-hover-text:var(--rs-primary-400);
  --rs-btn-ghost-active-border:var(--rs-primary-200);
  --rs-btn-ghost-active-text:var(--rs-primary-200);
  --rs-btn-link-text:var(--rs-primary-500);
  --rs-btn-link-hover-text:var(--rs-primary-400);
  --rs-btn-link-active-text:var(--rs-primary-200);
  --rs-iconbtn-addon:var(--rs-gray-500);
  --rs-iconbtn-activated-addon:var(--rs-gray-400);
  --rs-iconbtn-pressed-addon:var(--rs-gray-200);
  --rs-iconbtn-primary-addon:var(--rs-primary-600);
  --rs-iconbtn-primary-activated-addon:var(--rs-primary-500);
  --rs-iconbtn-primary-pressed-addon:var(--rs-primary-400);
  --rs-divider-border:var(--rs-gray-600);
  --rs-loader-ring:rgb(from var(--rs-gray-50) r g b / 30%);
  --rs-loader-rotor:var(--rs-gray-0);
  --rs-loader-backdrop:rgb(from var(--rs-gray-900) r g b / 83%);
  --rs-loader-ring-inverse:rgb(from var(--rs-gray-50) r g b / 80%);
  --rs-loader-rotor-inverse:var(--rs-gray-500);
  --rs-loader-backdrop-inverse:rgb(from var(--rs-gray-0) r g b / 90%);
  --rs-message-success-header:#fff;
  --rs-message-success-text:#fff;
  --rs-message-success-icon:#fff;
  --rs-message-success-bg:var(--rs-green-500);
  --rs-message-success-border:var(--rs-green-800);
  --rs-message-info-header:#fff;
  --rs-message-info-text:#fff;
  --rs-message-info-icon:#fff;
  --rs-message-info-bg:var(--rs-blue-500);
  --rs-message-info-border:var(--rs-blue-800);
  --rs-message-warning-header:var(--rs-gray-900);
  --rs-message-warning-text:var(--rs-gray-900);
  --rs-message-warning-icon:var(--rs-gray-900);
  --rs-message-warning-bg:var(--rs-yellow-500);
  --rs-message-warning-border:var(--rs-yellow-800);
  --rs-message-error-header:#fff;
  --rs-message-error-text:#fff;
  --rs-message-error-icon:#fff;
  --rs-message-error-bg:var(--rs-red-500);
  --rs-message-error-border:var(--rs-red-800);
  --rs-tooltip-bg:var(--rs-gray-500);
  --rs-tooltip-text:var(--rs-gray-0);
  --rs-progress-bg:var(--rs-gray-700);
  --rs-progress-bar:var(--rs-primary-500);
  --rs-progress-bar-success:var(--rs-color-green);
  --rs-progress-bar-fail:var(--rs-color-red);
  --rs-placeholder:var(--rs-gray-600);
  --rs-placeholder-active:var(--rs-gray-500);
  --rs-breadcrumb-item-active-text:#fff;
  --rs-dropdown-header-text:var(--rs-gray-500);
  --rs-menuitem-bg-active:rgb(from var(--rs-primary-900) r g b / 20%);
  --rs-menuitem-text-active:var(--rs-primary-500);
  --rs-menuitem-active-bg:var(--rs-gray-600);
  --rs-menuitem-active-text:currentColor;
  --rs-steps-border:var(--rs-gray-200);
  --rs-steps-state-finish:var(--rs-primary-500);
  --rs-steps-border-state-finish:var(--rs-primary-500);
  --rs-steps-state-wait:var(--rs-gray-200);
  --rs-steps-state-process:var(--rs-primary-700);
  --rs-steps-state-error:var(--rs-color-red);
  --rs-steps-border-state-error:var(--rs-color-red);
  --rs-steps-icon-state-process:var(--rs-primary-500);
  --rs-steps-icon-state-error:var(--rs-color-red);
  --rs-navs-text:var(--rs-gray-200);
  --rs-navs-text-hover:var(--rs-gray-100);
  --rs-navs-bg-hover:var(--rs-gray-400);
  --rs-navs-text-active:var(--rs-gray-0);
  --rs-navs-bg-active:var(--rs-gray-400);
  --rs-navs-tab-border:var(--rs-gray-600);
  --rs-navs-subtle-border:var(--rs-gray-600);
  --rs-navs-selected:var(--rs-primary-500);
  --rs-navs-pills-bg:var(--rs-gray-700);
  --rs-navs-pills-item-color:var(--rs-text-secondary);
  --rs-navs-pills-item-active-bg:var(--rs-gray-600);
  --rs-navs-pills-item-active-color:var(--rs-gray-0);
  --rs-navs-pills-item-disabled-color:var(--rs-gray-400);
  --rs-navbar-default-bg:var(--rs-gray-800);
  --rs-navbar-default-text:var(--rs-gray-200);
  --rs-navbar-default-selected-text:var(--rs-primary-500);
  --rs-navbar-default-hover-bg:var(--rs-gray-700);
  --rs-navbar-default-hover-text:var(--rs-gray-50);
  --rs-navbar-inverse-bg:var(--rs-primary-700);
  --rs-navbar-inverse-text:#fff;
  --rs-navbar-inverse-selected-bg:var(--rs-primary-400);
  --rs-navbar-inverse-hover-bg:var(--rs-primary-600);
  --rs-navbar-inverse-hover-text:#fff;
  --rs-navbar-subtle-bg:transparent;
  --rs-navbar-subtle-text:var(--rs-gray-200);
  --rs-navbar-subtle-selected-text:var(--rs-primary-500);
  --rs-navbar-subtle-hover-bg:var(--rs-gray-700);
  --rs-navbar-subtle-hover-text:var(--rs-gray-50);
  --rs-sidenav-default-bg:var(--rs-gray-800);
  --rs-sidenav-default-text:var(--rs-gray-200);
  --rs-sidenav-default-selected-text:var(--rs-primary-500);
  --rs-sidenav-default-selected-bg:var(--rs-gray-700);
  --rs-sidenav-default-hover-bg:var(--rs-gray-700);
  --rs-sidenav-default-hover-text:var(--rs-gray-50);
  --rs-sidenav-default-footer-border:var(--rs-gray-600);
  --rs-sidenav-default-subnav-border-color:var(--rs-gray-600);
  --rs-sidenav-inverse-bg:var(--rs-primary-700);
  --rs-sidenav-inverse-text:#fff;
  --rs-sidenav-inverse-selected-bg:var(--rs-primary-600);
  --rs-sidenav-inverse-hover-bg:var(--rs-primary-600);
  --rs-sidenav-inverse-footer-border:var(--rs-primary-600);
  --rs-sidenav-inverse-subnav-border-color:var(--rs-primary-500);
  --rs-sidenav-subtle-bg:transparent;
  --rs-sidenav-subtle-text:var(--rs-gray-200);
  --rs-sidenav-subtle-selected-text:var(--rs-primary-500);
  --rs-sidenav-subtle-selected-bg:var(--rs-gray-700);
  --rs-sidenav-subtle-hover-bg:var(--rs-gray-700);
  --rs-sidenav-subtle-hover-text:var(--rs-gray-50);
  --rs-sidenav-subtle-footer-border:var(--rs-gray-600);
  --rs-sidenav-subtle-subnav-border-color:var(--rs-gray-600);
  --rs-input-bg:var(--rs-gray-800);
  --rs-input-focus-border:var(--rs-primary-500);
  --rs-input-disabled-bg:var(--rs-gray-700);
  --rs-inline-edit-hover-bg:var(--rs-gray-500);
  --rs-listbox-option-group-bg:var(--rs-gray-700);
  --rs-listbox-option-hover-bg:var(--rs-gray-600);
  --rs-listbox-option-hover-text:currentColor;
  --rs-listbox-option-selected-text:var(--rs-primary-500);
  --rs-listbox-option-selected-bg:rgb(from var(--rs-primary-900) r g b / 20%);
  --rs-listbox-option-disabled-text:var(--rs-gray-500);
  --rs-listbox-option-disabled-selected-text:var(--rs-primary-200);
  --rs-checkbox-icon:var(--rs-gray-800);
  --rs-checkbox-border:var(--rs-gray-400);
  --rs-checkbox-checked-bg:var(--rs-primary-500);
  --rs-checkbox-disabled-bg:var(--rs-gray-500);
  --rs-radio-marker:var(--rs-gray-800);
  --rs-radio-border:var(--rs-gray-400);
  --rs-radio-checked-bg:var(--rs-primary-500);
  --rs-radio-disabled-bg:var(--rs-gray-500);
  --rs-radio-tile-border:var(--rs-gray-300);
  --rs-radio-tile-bg:var(--rs-gray-0);
  --rs-radio-tile-checked-color:var(--rs-primary-500);
  --rs-radio-tile-checked-mark-color:var(--rs-gray-800);
  --rs-radio-tile-checked-disabled-color:var(--rs-primary-900);
  --rs-rate-symbol:var(--rs-gray-600);
  --rs-rate-color:var(--rs-yellow-500);
  --rs-segmented-control-bg:var(--rs-gray-900);
  --rs-segmented-control-border-color:var(--rs-gray-900);
  --rs-segmented-control-item-active-color:var(--rs-text-primary);
  --rs-segmented-control-item-color:var(--rs-text-secondary);
  --rs-segmented-control-item-disabled-color:var(--rs-gray-500);
  --rs-segmented-control-pill-indicator-bg:var(--rs-gray-700);
  --rs-segmented-control-underline-color:var(--rs-primary-500);
  --rs-slider-bar:var(--rs-gray-600);
  --rs-slider-hover-bar:var(--rs-gray-600);
  --rs-slider-thumb-border:var(--rs-primary-500);
  --rs-slider-thumb-bg:var(--rs-gray-700);
  --rs-slider-thumb-hover-shadow:0 0 0 8px rgb(from var(--rs-primary-500) r g b / 25%);
  --rs-slider-progress:var(--rs-primary-500);
  --rs-toggle-bg:var(--rs-gray-500);
  --rs-toggle-thumb:#fff;
  --rs-toggle-hover-bg:var(--rs-gray-300);
  --rs-toggle-disabled-bg:var(--rs-gray-600);
  --rs-toggle-disabled-thumb:var(--rs-gray-500);
  --rs-toggle-checked-bg:var(--rs-primary-700);
  --rs-toggle-checked-thumb:#fff;
  --rs-toggle-checked-hover-bg:var(--rs-primary-600);
  --rs-toggle-checked-disabled-bg:var(--rs-primary-900);
  --rs-toggle-checked-disabled-thumb:var(--rs-gray-300);
  --rs-uploader-item-bg:var(--rs-gray-300);
  --rs-uploader-item-hover-bg:var(--rs-gray-600);
  --rs-uploader-overlay-bg:rgb(from var(--rs-gray-600) r g b / 80%);
  --rs-uploader-dnd-bg:var(--rs-gray-700);
  --rs-uploader-dnd-border:var(--rs-gray-200);
  --rs-uploader-dnd-hover-border:var(--rs-primary-500);
  --rs-avatar-bg:var(--rs-gray-400);
  --rs-avatar-text:var(--rs-gray-0);
  --rs-avatar-offset-color:var(--rs-gray-900);
  --rs-avatar-ring-color:var(--rs-avatar-bg);
  --rs-badge-bg:var(--rs-color-red);
  --rs-badge-text:var(--rs-gray-0);
  --rs-badge-border:var(--rs-gray-900);
  --rs-tag-bg:var(--rs-gray-600);
  --rs-card-bg:var(--rs-gray-900);
  --rs-carousel-bg:var(--rs-gray-600);
  --rs-carousel-indicator:rgb(from var(--rs-gray-0) r g b / 40%);
  --rs-carousel-indicator-hover:var(--rs-gray-0);
  --rs-carousel-indicator-active:var(--rs-primary-500);
  --rs-list-bg:var(--rs-gray-900);
  --rs-list-border:var(--rs-gray-700);
  --rs-list-hover-bg:var(--rs-gray-600);
  --rs-list-placeholder-bg:rgb(from var(--rs-primary-900) r g b / 20%);
  --rs-list-placeholder-border:var(--rs-primary-500);
  --rs-timeline-indicator-bg:var(--rs-gray-500);
  --rs-timeline-indicator-active-bg:var(--rs-primary-500);
  --rs-table-border-color:var(--rs-border-secondary);
  --rs-table-shadow:rgba(9, 9, 9, 0.99);
  --rs-table-sort:var(--rs-primary-500);
  --rs-table-resize:var(--rs-primary-500);
  --rs-table-scrollbar-track:var(--rs-gray-700);
  --rs-table-scrollbar-thumb:var(--rs-gray-200);
  --rs-table-scrollbar-thumb-active:var(--rs-gray-100);
  --rs-table-scrollbar-vertical-track:var(--rs-gray-700);
  --rs-form-errormessage-text:#fff;
  --rs-form-errormessage-bg:var(--rs-color-red);
  --rs-form-errormessage-border:var(--rs-color-red);
  --rs-picker-value:var(--rs-primary-500);
  --rs-picker-count-bg:var(--rs-primary-700);
  --rs-picker-count-text:#fff;
  --rs-calendar-today-bg:var(--rs-primary-700);
  --rs-calendar-today-text:#fff;
  --rs-calendar-range-bg:rgb(from var(--rs-primary-900) r g b / 50%);
  --rs-calendar-time-unit-bg:var(--rs-gray-600);
  --rs-calendar-date-selected-text:#fff;
  --rs-calendar-cell-selected-hover-bg:var(--rs-primary-700);
  --rs-popover-shadow:0 4px 6px rgba(0, 0, 0, 0.3);
  --rs-tree-indent-line-color:rgba(255, 255, 255, 0.1);
  --rs-scroll-view-shadow-color:rgba(0, 0, 0, 0.99);
  --rs-stat-body-bg:var(--rs-gray-900);
}
@supports not (color: rgb(from white r g b)){
  [data-theme=dark],
  .rs-theme-dark{
    --rs-bg-backdrop:rgba(15, 19, 26, 0.8);
    --rs-color-focus-ring:rgba(92, 96, 102, 0.8);
    --rs-state-focus-shadow:0 0 0 2px rgba(52, 195, 255, 0.25);
    --rs-state-focus-outline:2px solid rgba(52, 195, 255, 0.25);
    --rs-loader-ring:rgba(233, 235, 240, 0.3);
    --rs-loader-backdrop:rgba(15, 19, 26, 0.83);
    --rs-loader-ring-inverse:rgba(233, 235, 240, 0.8);
    --rs-loader-backdrop-inverse:rgba(255, 255, 255, 0.9);
    --rs-menuitem-bg-active:rgba(#006199, 0.2);
    --rs-listbox-option-selected-bg:rgba(#006199, 0.2);
    --rs-slider-thumb-hover-shadow:0 0 0 8px rgba(52, 195, 255, 0.25);
    --rs-uploader-overlay-bg:rgba(60, 63, 67, 0.8);
    --rs-carousel-indicator:rgba(255, 255, 255, 0.4);
    --rs-list-placeholder-bg:rgba(#006199, 0.2);
    --rs-calendar-range-bg:rgba(#006199, 0.5);
    --rs-placeholder-active:rgb(69.75, 72.6, 76.4);
  }
}

[data-theme=high-contrast],
.rs-theme-high-contrast{
  --rs-gray-0:#fff;
  --rs-gray-50:#e9ebf0;
  --rs-gray-100:#cbced4;
  --rs-gray-200:#a4a9b3;
  --rs-gray-300:#858b94;
  --rs-gray-400:#6a6f76;
  --rs-gray-500:#5c6066;
  --rs-gray-600:#3c3f43;
  --rs-gray-700:#292d33;
  --rs-gray-800:#1a1d24;
  --rs-gray-900:#0f131a;
  --rs-primary-50:#fffef2;
  --rs-primary-100:#fffbc2;
  --rs-primary-200:#fffa91;
  --rs-primary-300:#fffa61;
  --rs-primary-400:#fffc30;
  --rs-primary-500:#ffff00;
  --rs-primary-600:#f1f500;
  --rs-primary-700:#d9e000;
  --rs-primary-800:#b8c200;
  --rs-primary-900:#8f9900;
  --rs-color-red:#bd1732;
  --rs-color-orange:#ff9800;
  --rs-color-yellow:#ffc757;
  --rs-color-green:#0d822c;
  --rs-color-cyan:#00bcd4;
  --rs-color-blue:#1499ef;
  --rs-color-violet:#673ab7;
  --rs-red-50:#FFF2F5;
  --rs-red-100:#F2C2CD;
  --rs-red-200:#E591A3;
  --rs-red-300:#D6637A;
  --rs-red-400:#C93A55;
  --rs-red-500:#BD1732;
  --rs-red-600:#B51029;
  --rs-red-700:#A60A1F;
  --rs-red-800:#8F0414;
  --rs-red-900:#70000B;
  --rs-orange-50:#FFF9F2;
  --rs-orange-100:#FFE2C2;
  --rs-orange-200:#FFCE91;
  --rs-orange-300:#FFBA61;
  --rs-orange-400:#FFA930;
  --rs-orange-500:#FF9800;
  --rs-orange-600:#F59700;
  --rs-orange-700:#E08E00;
  --rs-orange-800:#C27E00;
  --rs-orange-900:#996600;
  --rs-yellow-50:#FFF9F0;
  --rs-yellow-100:#FFEDD1;
  --rs-yellow-200:#FFE2B3;
  --rs-yellow-300:#FFD894;
  --rs-yellow-400:#FFCF75;
  --rs-yellow-500:#FFC757;
  --rs-yellow-600:#F5BB3D;
  --rs-yellow-700:#E0A824;
  --rs-yellow-800:#C28F0E;
  --rs-yellow-900:#997000;
  --rs-green-50:#F2FFF5;
  --rs-green-100:#B3E5BD;
  --rs-green-200:#7CCC8E;
  --rs-green-300:#50B567;
  --rs-green-400:#2A9C46;
  --rs-green-500:#0D822C;
  --rs-green-600:#09802B;
  --rs-green-700:#057A28;
  --rs-green-800:#017325;
  --rs-green-900:#006923;
  --rs-cyan-50:#F2FFFF;
  --rs-cyan-100:#BCF4F7;
  --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-50:#EDF9FF;
  --rs-blue-100:#C0E8FC;
  --rs-blue-200:#93D6FA;
  --rs-blue-300:#67C1F5;
  --rs-blue-400:#3DADF2;
  --rs-blue-500:#1499EF;
  --rs-blue-600:#0E8CE6;
  --rs-blue-700:#087AD1;
  --rs-blue-800:#0464B3;
  --rs-blue-900:#00498A;
  --rs-violet-50:#F6F2FF;
  --rs-violet-100:#D5C9F0;
  --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-success:var(--rs-color-green);
  --rs-state-info:var(--rs-color-blue);
  --rs-state-warning:var(--rs-color-yellow);
  --rs-state-error:var(--rs-color-red);
  --rs-body:var(--rs-gray-900);
  --rs-text-link:var(--rs-primary-500);
  --rs-text-link-hover:var(--rs-primary-400);
  --rs-text-link-active:var(--rs-primary-300);
  --rs-text-primary:var(--rs-gray-50);
  --rs-text-secondary:var(--rs-gray-200);
  --rs-text-tertiary:var(--rs-gray-300);
  --rs-text-heading:var(--rs-gray-0);
  --rs-text-inverse:var(--rs-gray-800);
  --rs-text-heading-inverse:var(--rs-gray-900);
  --rs-text-active:var(--rs-primary-500);
  --rs-text-disabled:var(--rs-gray-400);
  --rs-text-highlight-bg:var(--rs-primary-500);
  --rs-border-primary:var(--rs-gray-100);
  --rs-border-secondary:var(--rs-gray-700);
  --rs-bg-card:var(--rs-gray-800);
  --rs-bg-overlay:var(--rs-gray-800);
  --rs-bg-well:var(--rs-gray-900);
  --rs-bg-active:var(--rs-primary-500);
  --rs-bg-backdrop:rgb(from var(--rs-gray-900) r g b / 80%);
  --rs-state-hover-bg:var(--rs-gray-600);
  --rs-focus-ring-color:var(--rs-gray-0);
  --rs-state-focus-shadow:0 0 0 2px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
  --rs-state-focus-shadow-slim:0 0 0 2px var(--rs-gray-0);
  --rs-state-focus-outline:2px solid rgb(from var(--rs-primary-500) r g b / 25%);
  --rs-state-error-outline:2px solid rgb(from var(--rs-color-red) r g b / 25%);
  --rs-kbd-bg:var(--rs-gray-600);
  --rs-kbd-text:var(--rs-gray-50);
  --rs-kbd-border:var(--rs-gray-700);
  --rs-scrollbar-bg:transparent;
  --rs-scrollbar-thumb-bg:var(--rs-gray-300);
  --rs-scrollbar-thumb-hover-bg:var(--rs-gray-400);
  --rs-btn-default-bg:transparent;
  --rs-btn-default-text:var(--rs-primary-500);
  --rs-btn-default-border-color:var(--rs-primary-500);
  --rs-btn-default-hover-bg:transparent;
  --rs-btn-default-hover-text:var(--rs-primary-400);
  --rs-btn-default-active-bg:transparent;
  --rs-btn-default-active-text:var(--rs-primary-200);
  --rs-btn-default-disabled-bg:transparent;
  --rs-btn-default-disabled-text:var(--rs-primary-900);
  --rs-btn-default-disabled-border-color:var(--rs-gray-100);
  --rs-btn-primary-bg:var(--rs-primary-500);
  --rs-btn-primary-text:var(--rs-gray-900);
  --rs-btn-primary-hover-bg:var(--rs-primary-400);
  --rs-btn-primary-active-bg:var(--rs-primary-200);
  --rs-btn-subtle-text:var(--rs-primary-500);
  --rs-btn-subtle-hover-bg:transparent;
  --rs-btn-subtle-hover-text:var(--rs-primary-400);
  --rs-btn-subtle-active-bg:transparent;
  --rs-btn-subtle-active-text:var(--rs-primary-200);
  --rs-btn-subtle-disabled-text:var(--rs-gray-500);
  --rs-btn-ghost-border:var(--rs-primary-500);
  --rs-btn-ghost-text:var(--rs-primary-500);
  --rs-btn-ghost-hover-border:var(--rs-primary-400);
  --rs-btn-ghost-hover-text:var(--rs-primary-400);
  --rs-btn-ghost-active-border:var(--rs-primary-200);
  --rs-btn-ghost-active-text:var(--rs-primary-200);
  --rs-btn-link-text:var(--rs-primary-500);
  --rs-btn-link-hover-text:var(--rs-primary-400);
  --rs-btn-link-active-text:var(--rs-primary-200);
  --rs-iconbtn-addon:transparent;
  --rs-iconbtn-activated-addon:transparent;
  --rs-iconbtn-pressed-addon:transparent;
  --rs-iconbtn-primary-addon:var(--rs-primary-400);
  --rs-iconbtn-primary-activated-addon:var(--rs-primary-300);
  --rs-iconbtn-primary-pressed-addon:var(--rs-primary-100);
  --rs-divider-border:var(--rs-gray-600);
  --rs-loader-ring:rgb(from var(--rs-gray-50) r g b / 30%);
  --rs-loader-rotor:var(--rs-gray-0);
  --rs-loader-backdrop:rgb(from var(--rs-gray-900) r g b / 83%);
  --rs-loader-ring-inverse:rgb(from var(--rs-gray-50) r g b / 80%);
  --rs-loader-rotor-inverse:var(--rs-gray-500);
  --rs-loader-backdrop-inverse:rgb(from var(--rs-gray-0) r g b / 90%);
  --rs-message-success-header:#fff;
  --rs-message-success-text:#fff;
  --rs-message-success-icon:#fff;
  --rs-message-success-bg:var(--rs-green-900);
  --rs-message-success-border:var(--rs-green-300);
  --rs-message-info-header:#fff;
  --rs-message-info-text:#fff;
  --rs-message-info-icon:#fff;
  --rs-message-info-bg:var(--rs-blue-900);
  --rs-message-info-border:var(--rs-blue-500);
  --rs-message-warning-header:#fff;
  --rs-message-warning-text:#fff;
  --rs-message-warning-icon:#fff;
  --rs-message-warning-bg:var(--rs-yellow-900);
  --rs-message-warning-border:var(--rs-yellow-500);
  --rs-message-error-header:#fff;
  --rs-message-error-text:#fff;
  --rs-message-error-icon:#fff;
  --rs-message-error-bg:var(--rs-red-900);
  --rs-message-error-border:var(--rs-red-300);
  --rs-tooltip-bg:var(--rs-gray-800);
  --rs-tooltip-text:var(--rs-gray-0);
  --rs-progress-bg:var(--rs-gray-700);
  --rs-progress-bar:var(--rs-primary-500);
  --rs-progress-bar-success:var(--rs-color-green);
  --rs-progress-bar-fail:var(--rs-color-red);
  --rs-placeholder:var(--rs-gray-600);
  --rs-placeholder-active:var(--rs-gray-500);
  --rs-breadcrumb-item-active-text:#fff;
  --rs-dropdown-header-text:var(--rs-gray-500);
  --rs-menuitem-bg-active:rgb(from var(--rs-primary-900) r g b / 20%);
  --rs-menuitem-text-active:var(--rs-primary-500);
  --rs-menuitem-active-bg:transparent;
  --rs-menuitem-active-text:var(--rs-text-primary);
  --rs-steps-border:var(--rs-gray-200);
  --rs-steps-state-finish:var(--rs-primary-500);
  --rs-steps-border-state-finish:var(--rs-primary-500);
  --rs-steps-state-wait:var(--rs-gray-200);
  --rs-steps-state-process:var(--rs-primary-700);
  --rs-steps-state-error:var(--rs-color-red);
  --rs-steps-border-state-error:var(--rs-color-red);
  --rs-steps-icon-state-process:var(--rs-primary-500);
  --rs-steps-icon-state-error:var(--rs-color-red);
  --rs-navs-text:var(--rs-gray-200);
  --rs-navs-text-hover:var(--rs-primary-500);
  --rs-navs-bg-hover:transparent;
  --rs-navs-text-active:var(--rs-primary-500);
  --rs-navs-bg-active:var(--rs-gray-400);
  --rs-navs-tab-border:var(--rs-gray-600);
  --rs-navs-subtle-border:var(--rs-gray-600);
  --rs-navs-selected:var(--rs-primary-500);
  --rs-navs-pills-bg:var(--rs-gray-700);
  --rs-navs-pills-item-color:var(--rs-text-secondary);
  --rs-navs-pills-item-active-bg:var(--rs-gray-600);
  --rs-navs-pills-item-active-color:var(--rs-primary-500);
  --rs-navs-pills-item-disabled-color:var(--rs-gray-400);
  --rs-navbar-default-bg:var(--rs-gray-800);
  --rs-navbar-default-text:var(--rs-gray-50);
  --rs-navbar-default-selected-text:var(--rs-primary-500);
  --rs-navbar-default-hover-bg:transparent;
  --rs-navbar-default-hover-text:var(--rs-primary-500);
  --rs-navbar-inverse-bg:var(--rs-gray-800);
  --rs-navbar-inverse-text:var(--rs-gray-50);
  --rs-navbar-inverse-selected-bg:transparent;
  --rs-navbar-inverse-selected-text:var(--rs-primary-500);
  --rs-navbar-inverse-hover-bg:transparent;
  --rs-navbar-inverse-hover-text:var(--rs-primary-500);
  --rs-navbar-subtle-bg:var(--rs-gray-800);
  --rs-navbar-subtle-text:var(--rs-gray-50);
  --rs-navbar-subtle-selected-text:var(--rs-primary-500);
  --rs-navbar-subtle-hover-bg:transparent;
  --rs-navbar-subtle-hover-text:var(--rs-primary-500);
  --rs-sidenav-default-bg:var(--rs-gray-800);
  --rs-sidenav-default-text:var(--rs-gray-50);
  --rs-sidenav-default-selected-text:var(--rs-primary-500);
  --rs-sidenav-default-selected-bg:transparent;
  --rs-sidenav-default-hover-bg:transparent;
  --rs-sidenav-default-hover-text:var(--rs-primary-500);
  --rs-sidenav-default-footer-border:var(--rs-gray-500);
  --rs-sidenav-default-subnav-border-color:var(--rs-gray-500);
  --rs-sidenav-inverse-bg:var(--rs-gray-800);
  --rs-sidenav-inverse-text:var(--rs-gray-50);
  --rs-sidenav-inverse-selected-bg:transparent;
  --rs-sidenav-inverse-selected-text:var(--rs-primary-500);
  --rs-sidenav-inverse-hover-bg:transparent;
  --rs-sidenav-inverse-footer-border:var(--rs-gray-500);
  --rs-sidenav-inverse-subnav-border-color:var(--rs-gray-500);
  --rs-sidenav-subtle-bg:var(--rs-gray-800);
  --rs-sidenav-subtle-text:var(--rs-gray-50);
  --rs-sidenav-subtle-selected-text:var(--rs-primary-500);
  --rs-sidenav-subtle-selected-bg:transparent;
  --rs-sidenav-subtle-hover-bg:transparent;
  --rs-sidenav-subtle-hover-text:var(--rs-primary-500);
  --rs-sidenav-subtle-footer-border:var(--rs-gray-500);
  --rs-sidenav-subtle-subnav-border-color:var(--rs-gray-500);
  --rs-input-bg:var(--rs-gray-800);
  --rs-input-focus-border:var(--rs-primary-500);
  --rs-input-disabled-bg:var(--rs-gray-700);
  --rs-inline-edit-hover-bg:transparent;
  --rs-listbox-option-group-bg:var(--rs-gray-800);
  --rs-listbox-option-hover-bg:transparent;
  --rs-listbox-option-hover-text:var(--rs-primary-500);
  --rs-listbox-option-selected-text:var(--rs-primary-500);
  --rs-listbox-option-selected-bg:transparent;
  --rs-listbox-option-disabled-text:var(--rs-gray-500);
  --rs-listbox-option-disabled-selected-text:var(--rs-primary-200);
  --rs-checkbox-icon:var(--rs-gray-800);
  --rs-checkbox-border:var(--rs-gray-100);
  --rs-checkbox-checked-bg:var(--rs-primary-500);
  --rs-checkbox-disabled-bg:var(--rs-gray-500);
  --rs-radio-marker:var(--rs-gray-800);
  --rs-radio-border:var(--rs-gray-100);
  --rs-radio-checked-bg:var(--rs-primary-500);
  --rs-radio-disabled-bg:var(--rs-gray-500);
  --rs-radio-tile-border:var(--rs-gray-300);
  --rs-radio-tile-bg:var(--rs-gray-0);
  --rs-radio-tile-checked-color:var(--rs-primary-500);
  --rs-radio-tile-checked-mark-color:var(--rs-gray-800);
  --rs-radio-tile-checked-disabled-color:var(--rs-primary-900);
  --rs-rate-symbol:var(--rs-gray-100);
  --rs-rate-color:var(--rs-primary-500);
  --rs-segmented-control-bg:var(--rs-gray-900);
  --rs-segmented-control-border-color:var(--rs-gray-900);
  --rs-segmented-control-item-active-color:var(--rs-text-primary);
  --rs-segmented-control-item-color:var(--rs-text-secondary);
  --rs-segmented-control-item-disabled-color:var(--rs-gray-500);
  --rs-segmented-control-pill-indicator-bg:var(--rs-gray-700);
  --rs-segmented-control-underline-color:var(--rs-primary-500);
  --rs-slider-bar:var(--rs-gray-600);
  --rs-slider-hover-bar:var(-