rsuite/InputNumber/styles/index.css

A suite of react components

*[class*=rs-],*[class*=rs-]::before, *[class*=rs-]::after{
  box-sizing:border-box;
}

html{
  -webkit-tap-highlight-color:transparent;
  font-size:16px;
}

body{
  font-family:var(--rs-font-family-base);
  font-size:var(--rs-font-size-sm);
  line-height:var(--rs-line-height-md);
  color:var(--rs-text-primary);
  background-color:var(--rs-body);
}
: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-200:#A6D7FF;
  --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-red-200:#FAA9A7;
  --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-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-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-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-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-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-400:#805AC7;
  --rs-violet-500:#673AB7;
  --rs-violet-600:#5F2BB3;
  --rs-violet-700:#531BA8;
  --rs-violet-800:#470C99;
  --rs-violet-900:#390085;
  --rs-body:var(--rs-gray-0);
  --rs-text-primary:var(--rs-gray-800);
  --rs-text-secondary:var(--rs-gray-600);
  --rs-text-disabled:var(--rs-gray-600);
  --rs-border-primary:var(--rs-gray-200);
  --rs-border-secondary:var(--rs-gray-100);
  --rs-focus-ring-color:rgb(from var(--rs-primary-500) 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: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-loader-ring:rgb(from var(--rs-gray-50) r g b / 80%);
  --rs-loader-rotor:var(--rs-gray-500);
  --rs-loader-ring-inverse:rgb(from var(--rs-gray-50) r g b / 30%);
  --rs-loader-rotor-inverse:var(--rs-gray-0);
  --rs-input-bg:var(--rs-gray-0);
  --rs-input-focus-border:var(--rs-primary-500);
  --rs-input-disabled-bg:var(--rs-gray-50);
}
@supports not (color: rgb(from white r g b)){
  :root{
    --rs-focus-ring-color:rgba(52, 152, 255, 0.25);
    --rs-loader-ring:rgba(247, 247, 250, 0.8);
    --rs-loader-ring-inverse:rgba(247, 247, 250, 0.3);
  }
}

[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-200:#A6E9FF;
  --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-red-200:#FAA9A7;
  --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-200:#FFCE91;
  --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-200:#FFE2B3;
  --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-200:#AEE0AD;
  --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-200:#87E6ED;
  --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:#93D6FA;
  --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-200:#B6A1E3;
  --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-body:var(--rs-gray-900);
  --rs-text-primary:var(--rs-gray-50);
  --rs-text-secondary:var(--rs-gray-200);
  --rs-text-disabled:var(--rs-gray-400);
  --rs-border-primary:var(--rs-gray-600);
  --rs-border-secondary:var(--rs-gray-700);
  --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-loader-ring:rgb(from var(--rs-gray-50) r g b / 30%);
  --rs-loader-rotor:var(--rs-gray-0);
  --rs-loader-ring-inverse:rgb(from var(--rs-gray-50) r g b / 80%);
  --rs-loader-rotor-inverse: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);
}
@supports not (color: rgb(from white r g b)){
  [data-theme=dark],
  .rs-theme-dark{
    --rs-loader-ring:rgba(233, 235, 240, 0.3);
    --rs-loader-ring-inverse:rgba(233, 235, 240, 0.8);
  }
}

[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-200:#fffa91;
  --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-red-200:#E591A3;
  --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-200:#FFCE91;
  --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-200:#FFE2B3;
  --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-200:#7CCC8E;
  --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-200:#87E6ED;
  --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:#93D6FA;
  --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-200:#B6A1E3;
  --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-body:var(--rs-gray-900);
  --rs-text-primary:var(--rs-gray-50);
  --rs-text-secondary:var(--rs-gray-200);
  --rs-text-disabled:var(--rs-gray-400);
  --rs-border-primary:var(--rs-gray-100);
  --rs-border-secondary:var(--rs-gray-700);
  --rs-focus-ring-color:var(--rs-gray-0);
  --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-loader-ring:rgb(from var(--rs-gray-50) r g b / 30%);
  --rs-loader-rotor:var(--rs-gray-0);
  --rs-loader-ring-inverse:rgb(from var(--rs-gray-50) r g b / 80%);
  --rs-loader-rotor-inverse: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);
}
@supports not (color: rgb(from white r g b)){
  [data-theme=high-contrast],
  .rs-theme-high-contrast{
    --rs-loader-ring:rgba(233, 235, 240, 0.3);
    --rs-loader-ring-inverse:rgba(233, 235, 240, 0.8);
  }
}

:root{
  --rs-font-family-base:-apple-system, BlinkMacSystemFont, Arial, Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STXihei, sans-serif;
  --rs-font-size-xs:0.75rem;
  --rs-font-size-sm:0.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-md:calc(20 / 14);
  --rs-line-height-lg:calc(22 / 16);
  --rs-spacing:0.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-md:0.375rem;
  --rs-radius-full:62.5rem;
  --rs-shadow-none:0 0 #0000;
  --rs-cursor-disabled:not-allowed;
  --rs-link-hover-decoration:underline;
  --rs-ripple-bg:rgb(0 0 0 / 20%);
}

@media (max-width: calc(576px - 1px)){
  [data-visible-from=xs]{
    display:none !important;
  }
}
@media (min-width: 576px){
  [data-hidden-from=xs]{
    display:none !important;
  }
}
@media (max-width: calc(768px - 1px)){
  [data-visible-from=sm]{
    display:none !important;
  }
}
@media (min-width: 768px){
  [data-hidden-from=sm]{
    display:none !important;
  }
}
@media (max-width: calc(992px - 1px)){
  [data-visible-from=md]{
    display:none !important;
  }
}
@media (min-width: 992px){
  [data-hidden-from=md]{
    display:none !important;
  }
}
@media (max-width: calc(1200px - 1px)){
  [data-visible-from=lg]{
    display:none !important;
  }
}
@media (min-width: 1200px){
  [data-hidden-from=lg]{
    display:none !important;
  }
}
@media (max-width: calc(1400px - 1px)){
  [data-visible-from=xl]{
    display:none !important;
  }
}
@media (min-width: 1400px){
  [data-hidden-from=xl]{
    display:none !important;
  }
}
.rs-ripple{
  position:absolute;
  display:block;
  border-radius:var(--rs-radius-full);
  background-color:var(--rs-ripple-bg);
  transform:scale(0);
  transition:0s;
}
.rs-ripple-rippling{
  transition:transform 0.55s cubic-bezier(0.4, 0, 0.2, 1), opacity 1s cubic-bezier(0.4, 0, 0.2, 1);
  transform:scale(1);
  opacity:0;
}
.rs-ripple-pond{
  content:"";
  display:block;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  inset-inline-start:0;
  pointer-events:none;
}
.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-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 0.15s ease-out, background-color 0.15s ease-out;
  --rs-btn-icon-gap:5px;
}

.rs-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:0;
  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-width:0;
  border-style:solid;
  border-color:var(--rs-btn-default-border-color, none);
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  text-decoration: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);
}
[data-theme=high-contrast] .rs-btn, .rs-theme-high-contrast .rs-btn{
  transition:none;
  border-width:1px;
  border-color:var(--rs-btn-default-border-color);
}
.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 (min-resolution: 0.001dpcm){
  .rs-btn{
    -webkit-mask-image:radial-gradient(white, black);
            mask-image:radial-gradient(white, black);
  }
}
.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[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[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[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[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-start-icon{
  line-height:0;
  margin-inline-end:var(--rs-btn-icon-gap);
}

.rs-btn-end-icon{
  line-height:0;
  margin-inline-start:var(--rs-btn-icon-gap);
}

.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:0.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{
  color:var(--rs-btn-subtle-text);
  background-color:transparent;
}
.rs-btn[data-appearance=subtle]:hover,
.rs-btn-subtle: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-btn-subtle.rs-btn[data-active=true]{
  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-btn-subtle.rs-btn[data-disabled=true]{
  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,
.rs-theme-high-contrast .rs-btn-subtle:disabled,
[data-theme=high-contrast] .rs-btn-subtle.rs-btn[data-disabled=true],
.rs-theme-high-contrast .rs-btn-subtle.rs-btn[data-disabled=true]{
  border-color:var(--rs-btn-default-disabled-border-color);
}

.rs-btn[data-appearance=link]{
  color:var(--rs-btn-link-text);
  background-color:transparent;
}
.rs-btn[data-appearance=link]:hover{
  color:var(--rs-btn-link-hover-text);
  background-color:transparent;
  -webkit-text-decoration:var(--rs-link-hover-decoration);
          text-decoration:var(--rs-link-hover-decoration);
}
.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:transparent;
}
.rs-btn[data-appearance=link]:disabled, .rs-btn[data-appearance=link].rs-btn[data-disabled=true]{
  color:var(--rs-btn-link-hover-text);
  background-color:transparent;
  text-decoration:none;
  opacity:0.3;
}
[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);
  background-color:transparent;
  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));
}
.rs-btn[data-appearance=ghost]:hover{
  color:var(--rs-btn-ghost-hover-text);
  background-color:transparent;
  border-color:var(--rs-btn-ghost-hover-border);
  box-shadow:0 0 0 1px var(--rs-btn-ghost-hover-border);
}
.rs-btn[data-appearance=ghost]:active, .rs-btn[data-appearance=ghost].rs-btn[data-active=true]{
  color:var(--rs-btn-ghost-active-text);
  background-color:transparent;
  border-color:var(--rs-btn-ghost-active-border);
}
.rs-btn[data-appearance=ghost]:disabled, .rs-btn[data-appearance=ghost].rs-btn[data-disabled=true]{
  color:var(--rs-btn-ghost-text);
  background-color:transparent;
  opacity:0.3;
  border-color:var(--rs-btn-ghost-border);
  box-shadow:var(--rs-shadow-none);
}
[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);
}
[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);
}
[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);
}
[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);
}
[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);
}
[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);
}
[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);
}
[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);
}
[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);
}
[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);
}
[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);
}
[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);
}
[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);
}
[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);
}
[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]{
  color:transparent !important;
  position:relative;
  cursor:default;
  pointer-events:none;
}
.rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-btn[data-loading=true] > .rs-btn-spin::after{
  content:"";
  position:absolute;
  width:var(--rs-btn-loading-spin-default-diameter);
  height:var(--rs-btn-loading-spin-default-diameter);
  margin:auto;
  top:0;
  bottom:0;
  inset-inline-end:0;
  inset-inline-start:0;
  border-radius:var(--rs-radius-full);
  z-index:1;
}
.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:rgba(248, 247, 250, 0.3);
}
[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:buttonSpin 0.6s infinite linear;
}
.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);
  }
}

: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 0.15s;
}

.rs-input{
  display:block;
  width:100%;
  color:var(--rs-text-primary);
  background-color:var(--rs-input-bg);
  background-image:none;
  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);
}
[data-theme=high-contrast] .rs-input, .rs-theme-high-contrast .rs-input{
  transition:none;
}
.rs-input::-moz-placeholder{
  color:var(--rs-text-secondary);
}
.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%;
  position:relative;
  display:flex;
  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);
  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-in