rsuite 6.0.0-canary-20250507 → 6.0.0-canary-2025062016

package/Tag/styles/index.css

@@ -1,140 +1,1488 @@
-/**
-  * Map mixin
-  * @param {string} @size-name - The size name
-  * @param {string} @suffix - The suffix
-  */
-/* stylelint-disable */
-*[class*='rs-'] {
-  box-sizing: border-box;
-}
-*[class*='rs-']::before,
-*[class*='rs-']::after {
-  box-sizing: border-box;
-}
-:root {
-  --rs-font-size-xs: 0.75rem;
-  --rs-font-size-sm: 0.875rem;
-  --rs-radius-md: 0.375rem;
-}
-:root,
-.rs-theme-light {
-  --rs-gray-50: #f7f7fa;
-  --rs-gray-600: #717273;
-  --rs-gray-800: #343434;
-  --rs-red-500: #f44336;
-  --rs-orange-500: #fa8900;
-  --rs-yellow-500: #ffb300;
-  --rs-green-500: #4caf50;
-  --rs-cyan-500: #00bcd4;
-  --rs-blue-500: #2196f3;
-  --rs-violet-500: #673ab7;
-  --rs-text-primary: var(--rs-gray-800);
-  --rs-tag-bg: var(--rs-gray-50);
-}
-.rs-theme-dark {
-  --rs-gray-50: #e9ebf0;
-  --rs-gray-600: #3c3f43;
-  --rs-gray-800: #1a1d24;
-  --rs-red-500: #f04f43;
-  --rs-orange-500: #ff9800;
-  --rs-yellow-500: #ffc757;
-  --rs-green-500: #58b15b;
-  --rs-cyan-500: #00bcd4;
-  --rs-blue-500: #1499ef;
-  --rs-violet-500: #673ab7;
-  --rs-text-primary: var(--rs-gray-50);
-  --rs-tag-bg: var(--rs-gray-600);
-}
-.rs-theme-high-contrast {
-  --rs-gray-50: #e9ebf0;
-  --rs-gray-600: #3c3f43;
-  --rs-gray-800: #1a1d24;
-  --rs-red-500: #bd1732;
-  --rs-orange-500: #ff9800;
-  --rs-yellow-500: #ffc757;
-  --rs-green-500: #0d822c;
-  --rs-cyan-500: #00bcd4;
-  --rs-blue-500: #1499ef;
-  --rs-violet-500: #673ab7;
-  --rs-text-primary: var(--rs-gray-50);
-  --rs-tag-bg: var(--rs-gray-600);
-}
-.rs-btn-close {
-  border: none;
-  outline: none !important;
-  background: transparent;
-  line-height: 1;
-  cursor: pointer;
-}
-.rs-btn-close .rs-icon {
-  vertical-align: bottom;
-}
-.rs-tag {
-  --rs-tag-border-radius: var(--rs-radius-md);
-  --rs-tag-spacing: 0.25rem;
-  --rs-tag-font-size-sm: var(--rs-font-size-xs);
-  --rs-tag-font-size-md: var(--rs-font-size-xs);
-  --rs-tag-font-size-lg: var(--rs-font-size-sm);
-  --rs-tag-padding-sm: 0 8px;
-  --rs-tag-padding-md: 2px 8px;
-  --rs-tag-padding-lg: 5px 10px;
-  --rs-tag-line-height-sm: 1.66666667;
-  --rs-tag-line-height-md: 1.66666667;
-  --rs-tag-line-height-lg: 1.42857143;
-  display: inline-flex;
-  align-items: center;
-  gap: var(--rs-tag-spacing);
-  border-radius: var(--rs-tag-border-radius);
-  line-height: var(--rs-tag-line-height-md);
-  padding: var(--rs-tag-padding, var(--rs-tag-padding-md));
-  font-size: var(--rs-tag-font-size, var(--rs-tag-font-size-md));
-  line-height: var(--rs-tag-line-height, var(--rs-tag-line-height-md));
-  background-color: var(--rs-tag-bg);
-  color: var(--rs-tag-text, var(--rs-text-primary));
-}
-.rs-tag-icon-close {
-  padding: 0;
-}
-.rs-tag-lg {
-  --rs-tag-padding: var(--rs-tag-padding-lg);
-  --rs-tag-font-size: var(--rs-tag-font-size-lg);
-  --rs-tag-line-height: var(--rs-tag-line-height-lg);
-}
-.rs-tag-md {
-  --rs-tag-padding: var(--rs-tag-padding-md);
-  --rs-tag-font-size: var(--rs-tag-font-size-md);
-  --rs-tag-line-height: var(--rs-tag-line-height-md);
-}
-.rs-tag-sm {
-  --rs-tag-padding: var(--rs-tag-padding-sm);
-  --rs-tag-font-size: var(--rs-tag-font-size-sm);
-  --rs-tag-line-height: var(--rs-tag-line-height-sm);
-}
-.rs-tag-red {
-  --rs-tag-bg: var(--rs-red-500);
-  --rs-tag-text: #fff;
-}
-.rs-tag-orange {
-  --rs-tag-bg: var(--rs-orange-500);
-  --rs-tag-text: #fff;
-}
-.rs-tag-yellow {
-  --rs-tag-bg: var(--rs-yellow-500);
-  --rs-tag-text: #fff;
-}
-.rs-tag-green {
-  --rs-tag-bg: var(--rs-green-500);
-  --rs-tag-text: #fff;
-}
-.rs-tag-cyan {
-  --rs-tag-bg: var(--rs-cyan-500);
-  --rs-tag-text: #fff;
-}
-.rs-tag-blue {
-  --rs-tag-bg: var(--rs-blue-500);
-  --rs-tag-text: #fff;
-}
-.rs-tag-violet {
-  --rs-tag-bg: var(--rs-violet-500);
-  --rs-tag-text: #fff;
+*[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-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-red-200:#FAA9A7;
+  --rs-red-300:#FA8682;
+  --rs-red-400:#F7635C;
+  --rs-red-500:#F44336;
+  --rs-red-600:#EB3626;
+  --rs-red-700:#D62915;
+  --rs-red-800:#B81C07;
+  --rs-red-900:#8F1300;
+  --rs-orange-200:#FCC690;
+  --rs-orange-300:#FCB160;
+  --rs-orange-400:#FA9B2F;
+  --rs-orange-500:#FA8900;
+  --rs-orange-600:#F08800;
+  --rs-orange-700:#DB8000;
+  --rs-orange-800:#BD7100;
+  --rs-orange-900:#945B00;
+  --rs-yellow-200:#FFD991;
+  --rs-yellow-300:#FFCA61;
+  --rs-yellow-400:#FFBE30;
+  --rs-yellow-500:#FFB300;
+  --rs-yellow-600:#F5AF00;
+  --rs-yellow-700:#E0A500;
+  --rs-yellow-800:#C29100;
+  --rs-yellow-900:#997500;
+  --rs-green-200:#A5E0A4;
+  --rs-green-300:#82CF82;
+  --rs-green-400:#65BF67;
+  --rs-green-500:#4CAF50;
+  --rs-green-600:#37AB3C;
+  --rs-green-700:#22A12A;
+  --rs-green-800:#0F9119;
+  --rs-green-900:#007D0C;
+  --rs-cyan-200:#87E6ED;
+  --rs-cyan-300:#57DAE6;
+  --rs-cyan-400:#2ACADB;
+  --rs-cyan-500:#00BCD4;
+  --rs-cyan-600:#00B1CC;
+  --rs-cyan-700:#00A0BD;
+  --rs-cyan-800:#008AA6;
+  --rs-cyan-900:#006E87;
+  --rs-blue-200:#9BD4FA;
+  --rs-blue-300:#72C0F7;
+  --rs-blue-400:#49ABF5;
+  --rs-blue-500:#2196F3;
+  --rs-blue-600:#1787E8;
+  --rs-blue-700:#0D73D4;
+  --rs-blue-800:#045CB5;
+  --rs-blue-900:#00448C;
+  --rs-violet-200:#B6A1E3;
+  --rs-violet-300:#987BD4;
+  --rs-violet-400:#805AC7;
+  --rs-violet-500:#673AB7;
+  --rs-violet-600:#5F2BB3;
+  --rs-violet-700:#531BA8;
+  --rs-violet-800:#470C99;
+  --rs-violet-900:#390085;
+  --rs-body:var(--rs-gray-0);
+  --rs-text-primary:var(--rs-gray-800);
+  --rs-color-focus-ring: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-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-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-tag-bg:var(--rs-gray-50);
+}
+@supports not (color: rgb(from white r g b)){
+  :root{
+    --rs-color-focus-ring: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-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-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-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-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-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-200:#87E6ED;
+  --rs-cyan-300:#57DAE6;
+  --rs-cyan-400:#2ACADB;
+  --rs-cyan-500:#00BCD4;
+  --rs-cyan-600:#00B1CC;
+  --rs-cyan-700:#00A0BD;
+  --rs-cyan-800:#008AA6;
+  --rs-cyan-900:#006E87;
+  --rs-blue-200:#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-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-body:var(--rs-gray-900);
+  --rs-text-primary:var(--rs-gray-50);
+  --rs-color-focus-ring:0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
+  --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-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-tag-bg:var(--rs-gray-600);
+}
+@supports not (color: rgb(from white r g b)){
+  [data-theme=dark],
+  .rs-theme-dark{
+    --rs-color-focus-ring:0 0 0 2px rgba(52, 195, 255, 0.25);
+    --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-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-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-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-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-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-200:#87E6ED;
+  --rs-cyan-300:#57DAE6;
+  --rs-cyan-400:#2ACADB;
+  --rs-cyan-500:#00BCD4;
+  --rs-cyan-600:#00B1CC;
+  --rs-cyan-700:#00A0BD;
+  --rs-cyan-800:#008AA6;
+  --rs-cyan-900:#006E87;
+  --rs-blue-200:#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-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-body:var(--rs-gray-900);
+  --rs-text-primary:var(--rs-gray-50);
+  --rs-color-focus-ring: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-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-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-tag-bg:var(--rs-gray-600);
+}
+@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-sm:calc(20 / 12);
+  --rs-line-height-md:calc(20 / 14);
+  --rs-spacing:0.25rem;
+  --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%);
+}
+[data-rs=box][style*="--rs-box-p"]{
+  padding:var(--rs-box-p);
+}
+[data-rs=box][style*="--rs-box-pt"]{
+  padding-top:var(--rs-box-pt);
+}
+[data-rs=box][style*="--rs-box-pb"]{
+  padding-bottom:var(--rs-box-pb);
+}
+[data-rs=box][style*="--rs-box-pl"]{
+  padding-left:var(--rs-box-pl);
+}
+[data-rs=box][style*="--rs-box-pr"]{
+  padding-right:var(--rs-box-pr);
+}
+[data-rs=box][style*="--rs-box-px"]{
+  padding-inline:var(--rs-box-px);
+}
+[data-rs=box][style*="--rs-box-py"]{
+  padding-block:var(--rs-box-py);
+}
+[data-rs=box][style*="--rs-box-m"]{
+  margin:var(--rs-box-m);
+}
+[data-rs=box][style*="--rs-box-mt"]{
+  margin-top:var(--rs-box-mt);
+}
+[data-rs=box][style*="--rs-box-mb"]{
+  margin-bottom:var(--rs-box-mb);
+}
+[data-rs=box][style*="--rs-box-ml"]{
+  margin-left:var(--rs-box-ml);
+}
+[data-rs=box][style*="--rs-box-mr"]{
+  margin-right:var(--rs-box-mr);
+}
+[data-rs=box][style*="--rs-box-mx"]{
+  margin-inline:var(--rs-box-mx);
+}
+[data-rs=box][style*="--rs-box-my"]{
+  margin-block:var(--rs-box-my);
+}
+[data-rs=box][style*="--rs-box-w"]{
+  width:var(--rs-box-w);
+}
+[data-rs=box][style*="--rs-box-h"]{
+  height:var(--rs-box-h);
+}
+[data-rs=box][style*="--rs-box-maxw"]{
+  max-width:var(--rs-box-maxw);
+}
+[data-rs=box][style*="--rs-box-maxh"]{
+  max-height:var(--rs-box-maxh);
+}
+[data-rs=box][style*="--rs-box-minw"]{
+  min-width:var(--rs-box-minw);
+}
+[data-rs=box][style*="--rs-box-minh"]{
+  min-height:var(--rs-box-minh);
+}
+[data-rs=box][style*="--rs-box-c"]{
+  color:var(--rs-box-c);
+}
+[data-rs=box][style*="--rs-box-bd"]{
+  border:var(--rs-box-bd);
+}
+[data-rs=box][style*="--rs-box-rounded"]{
+  border-radius:var(--rs-box-rounded);
+}
+[data-rs=box][style*="--rs-box-shadow"]{
+  box-shadow:var(--rs-box-shadow);
+}
+[data-rs=box][style*="--rs-box-bg"]{
+  background:var(--rs-box-bg);
+}
+[data-rs=box][style*="--rs-box-display"]{
+  display:var(--rs-box-display);
+}
+
+@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-icon-size-xs:0.75rem;
+  --rs-btn-icon-size-sm:1rem;
+  --rs-btn-icon-size-md:1rem;
+  --rs-btn-icon-size-lg:1.25rem;
+  --rs-btn-ghost-border-width:1px;
+  --rs-btn-loading-spin-default-diameter:18px;
+  --rs-btn-loading-spin-xs-diameter:16px;
+  --rs-btn-loading-spin-ring-wide:3px;
+  --rs-btn-font-weight:normal;
+  --rs-btn-transition:color 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-color-focus-ring);
+  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-active{
+  color:var(--rs-btn-default-active-text);
+  background-color:var(--rs-btn-default-active-bg);
+}
+.rs-btn:disabled, .rs-btn.rs-btn-disabled{
+  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-disabled, .rs-theme-high-contrast .rs-btn.rs-btn-disabled{
+  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-lg{
+  --rs-btn-size:var(--rs-btn-size-lg);
+  --rs-btn-font-size:var(--rs-btn-font-size-lg);
+  --rs-btn-line-height:var(--rs-btn-line-height-lg);
+  --rs-btn-padding-inline:var(--rs-btn-padding-inline-lg);
+  --rs-btn-padding-block:var(--rs-btn-padding-block-lg);
+  --rs-btn-icon-size:var(--rs-btn-icon-size-lg);
+}
+.rs-btn.rs-btn-md{
+  --rs-btn-size:var(--rs-btn-size-md);
+  --rs-btn-font-size:var(--rs-btn-font-size-md);
+  --rs-btn-line-height:var(--rs-btn-line-height-md);
+  --rs-btn-padding-inline:var(--rs-btn-padding-inline-md);
+  --rs-btn-padding-block:var(--rs-btn-padding-block-md);
+  --rs-btn-icon-size:var(--rs-btn-icon-size-md);
+}
+.rs-btn.rs-btn-sm{
+  --rs-btn-size:var(--rs-btn-size-sm);
+  --rs-btn-font-size:var(--rs-btn-font-size-sm);
+  --rs-btn-line-height:var(--rs-btn-line-height-sm);
+  --rs-btn-padding-inline:var(--rs-btn-padding-inline-sm);
+  --rs-btn-padding-block:var(--rs-btn-padding-block-sm);
+  --rs-btn-icon-size:var(--rs-btn-icon-size-sm);
+}
+.rs-btn.rs-btn-xs{
+  --rs-btn-size:var(--rs-btn-size-xs);
+  --rs-btn-font-size:var(--rs-btn-font-size-xs);
+  --rs-btn-line-height:var(--rs-btn-line-height-xs);
+  --rs-btn-padding-inline:var(--rs-btn-padding-inline-xs);
+  --rs-btn-padding-block:var(--rs-btn-padding-block-xs);
+  --rs-btn-icon-size:var(--rs-btn-icon-size-xs);
+}
+
+.rs-btn-start-icon{
+  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-primary{
+  color:var(--rs-btn-primary-text);
+  background-color:var(--rs-btn-primary-bg);
+  border-color:var(--rs-btn-primary-border-color);
+}
+.rs-btn-primary:hover{
+  color:var(--rs-btn-primary-text);
+  background-color:var(--rs-btn-primary-hover-bg);
+}
+.rs-btn-primary:active, .rs-btn-primary.rs-btn-active{
+  color:var(--rs-btn-primary-text);
+  background-color:var(--rs-btn-primary-active-bg);
+}
+.rs-btn-primary:disabled, .rs-btn-primary.rs-btn-disabled{
+  color:var(--rs-btn-primary-text);
+  background-color:var(--rs-btn-primary-bg);
+  opacity:0.3;
+}
+[data-theme=high-contrast] .rs-btn-primary:disabled, .rs-theme-high-contrast .rs-btn-primary:disabled, [data-theme=high-contrast] .rs-btn-primary.rs-btn-disabled, .rs-theme-high-contrast .rs-btn-primary.rs-btn-disabled{
+  border-color:var(--rs-btn-default-disabled-border-color);
+}
+
+.rs-btn-subtle{
+  color:var(--rs-btn-subtle-text);
+  background-color:transparent;
+}
+.rs-btn-subtle:hover{
+  color:var(--rs-btn-subtle-hover-text);
+  background-color:var(--rs-btn-subtle-hover-bg);
+}
+.rs-btn-subtle:active, .rs-btn-subtle.rs-btn-active{
+  color:var(--rs-btn-subtle-active-text);
+  background-color:var(--rs-btn-subtle-active-bg);
+}
+.rs-btn-subtle:disabled, .rs-btn-subtle.rs-btn-disabled{
+  color:var(--rs-btn-subtle-disabled-text);
+  background:none;
+}
+[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-disabled, .rs-theme-high-contrast .rs-btn-subtle.rs-btn-disabled{
+  border-color:var(--rs-btn-default-disabled-border-color);
+}
+
+.rs-btn-link{
+  color:var(--rs-btn-link-text);
+  background-color:transparent;
+}
+.rs-btn-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-link:active, .rs-btn-link.rs-btn-active{
+  color:var(--rs-btn-link-active-text);
+  background-color:transparent;
+}
+.rs-btn-link:disabled, .rs-btn-link.rs-btn-disabled{
+  color:var(--rs-btn-link-hover-text);
+  background-color:transparent;
+  text-decoration:none;
+  opacity:0.3;
+}
+[data-theme=high-contrast] .rs-btn-link:disabled, .rs-theme-high-contrast .rs-btn-link:disabled, [data-theme=high-contrast] .rs-btn-link.rs-btn-disabled, .rs-theme-high-contrast .rs-btn-link.rs-btn-disabled{
+  border-color:var(--rs-btn-default-disabled-border-color);
+}
+
+.rs-btn-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-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-ghost:active, .rs-btn-ghost.rs-btn-active{
+  color:var(--rs-btn-ghost-active-text);
+  background-color:transparent;
+  border-color:var(--rs-btn-ghost-active-border);
+}
+.rs-btn-ghost:disabled, .rs-btn-ghost.rs-btn-disabled{
+  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-ghost:disabled, .rs-theme-high-contrast .rs-btn-ghost:disabled, [data-theme=high-contrast] .rs-btn-ghost.rs-btn-disabled, .rs-theme-high-contrast .rs-btn-ghost.rs-btn-disabled{
+  border-color:var(--rs-btn-default-disabled-border-color);
+}
+
+.rs-btn-red{
+  --rs-btn-primary-bg:var(--rs-red-500);
+  --rs-btn-primary-hover-bg:var(--rs-red-700);
+  --rs-btn-primary-active-bg:var(--rs-red-800);
+  --rs-btn-primary-border-color:var(--rs-red-700);
+  --rs-btn-subtle-hover-bg:var(--rs-red-500);
+  --rs-btn-subtle-hover-text:var(--rs-body-200);
+  --rs-btn-subtle-active-bg:var(--rs-red-600);
+  --rs-btn-subtle-active-text:var(--rs-body-800);
+  --rs-btn-ghost-border:var(--rs-red-700);
+  --rs-btn-ghost-text:var(--rs-red-700);
+  --rs-btn-ghost-hover-border:var(--rs-red-900);
+  --rs-btn-ghost-hover-text:var(--rs-red-800);
+  --rs-btn-ghost-active-border:var(--rs-red-900);
+  --rs-btn-ghost-active-text:var(--rs-red-900);
+  --rs-btn-link-text:var(--rs-red-700);
+  --rs-btn-link-hover-text:var(--rs-red-800);
+  --rs-btn-link-active-text:var(--rs-red-900);
+  --rs-iconbtn-primary-addon:var(--rs-red-600);
+  --rs-iconbtn-primary-activated-addon:var(--rs-red-800);
+  --rs-iconbtn-primary-pressed-addon:var(--rs-red-900);
+}
+[data-theme=dark] .rs-btn-red, .rs-theme-dark .rs-btn-red{
+  --rs-btn-primary-bg:var(--rs-red-700);
+  --rs-btn-primary-hover-bg:var(--rs-red-500);
+  --rs-btn-primary-active-bg:var(--rs-red-400);
+  --rs-btn-primary-border-color:var(--rs-red-800);
+  --rs-btn-subtle-hover-bg:var(--rs-red-600);
+  --rs-btn-subtle-hover-text:#fff;
+  --rs-btn-subtle-active-bg:var(--rs-red-400);
+  --rs-btn-subtle-active-text:#fff;
+  --rs-btn-ghost-border:var(--rs-red-500);
+  --rs-btn-ghost-text:var(--rs-red-500);
+  --rs-btn-ghost-hover-border:var(--rs-red-400);
+  --rs-btn-ghost-hover-text:var(--rs-red-400);
+  --rs-btn-ghost-active-border:var(--rs-red-200);
+  --rs-btn-ghost-active-text:var(--rs-red-200);
+  --rs-btn-link-text:var(--rs-red-500);
+  --rs-btn-link-hover-text:var(--rs-red-400);
+  --rs-btn-link-active-text:var(--rs-red-200);
+  --rs-iconbtn-primary-addon:var(--rs-red-600);
+  --rs-iconbtn-primary-activated-addon:var(--rs-red-400);
+  --rs-iconbtn-primary-pressed-addon:var(--rs-red-300);
+}
+[data-theme=high-contrast] .rs-btn-red, .rs-theme-high-contrast .rs-btn-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-orange{
+  --rs-btn-primary-bg:var(--rs-orange-500);
+  --rs-btn-primary-hover-bg:var(--rs-orange-700);
+  --rs-btn-primary-active-bg:var(--rs-orange-800);
+  --rs-btn-primary-border-color:var(--rs-orange-700);
+  --rs-btn-subtle-hover-bg:var(--rs-orange-500);
+  --rs-btn-subtle-hover-text:var(--rs-body-200);
+  --rs-btn-subtle-active-bg:var(--rs-orange-600);
+  --rs-btn-subtle-active-text:var(--rs-body-800);
+  --rs-btn-ghost-border:var(--rs-orange-700);
+  --rs-btn-ghost-text:var(--rs-orange-700);
+  --rs-btn-ghost-hover-border:var(--rs-orange-900);
+  --rs-btn-ghost-hover-text:var(--rs-orange-800);
+  --rs-btn-ghost-active-border:var(--rs-orange-900);
+  --rs-btn-ghost-active-text:var(--rs-orange-900);
+  --rs-btn-link-text:var(--rs-orange-700);
+  --rs-btn-link-hover-text:var(--rs-orange-800);
+  --rs-btn-link-active-text:var(--rs-orange-900);
+  --rs-iconbtn-primary-addon:var(--rs-orange-600);
+  --rs-iconbtn-primary-activated-addon:var(--rs-orange-800);
+  --rs-iconbtn-primary-pressed-addon:var(--rs-orange-900);
+}
+[data-theme=dark] .rs-btn-orange, .rs-theme-dark .rs-btn-orange{
+  --rs-btn-primary-bg:var(--rs-orange-700);
+  --rs-btn-primary-hover-bg:var(--rs-orange-500);
+  --rs-btn-primary-active-bg:var(--rs-orange-400);
+  --rs-btn-primary-border-color:var(--rs-orange-800);
+  --rs-btn-subtle-hover-bg:var(--rs-orange-600);
+  --rs-btn-subtle-hover-text:#fff;
+  --rs-btn-subtle-active-bg:var(--rs-orange-400);
+  --rs-btn-subtle-active-text:#fff;
+  --rs-btn-ghost-border:var(--rs-orange-500);
+  --rs-btn-ghost-text:var(--rs-orange-500);
+  --rs-btn-ghost-hover-border:var(--rs-orange-400);
+  --rs-btn-ghost-hover-text:var(--rs-orange-400);
+  --rs-btn-ghost-active-border:var(--rs-orange-200);
+  --rs-btn-ghost-active-text:var(--rs-orange-200);
+  --rs-btn-link-text:var(--rs-orange-500);
+  --rs-btn-link-hover-text:var(--rs-orange-400);
+  --rs-btn-link-active-text:var(--rs-orange-200);
+  --rs-iconbtn-primary-addon:var(--rs-orange-600);
+  --rs-iconbtn-primary-activated-addon:var(--rs-orange-400);
+  --rs-iconbtn-primary-pressed-addon:var(--rs-orange-300);
+}
+[data-theme=high-contrast] .rs-btn-orange, .rs-theme-high-contrast .rs-btn-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-yellow{
+  --rs-btn-primary-bg:var(--rs-yellow-500);
+  --rs-btn-primary-hover-bg:var(--rs-yellow-700);
+  --rs-btn-primary-active-bg:var(--rs-yellow-800);
+  --rs-btn-primary-border-color:var(--rs-yellow-700);
+  --rs-btn-subtle-hover-bg:var(--rs-yellow-500);
+  --rs-btn-subtle-hover-text:var(--rs-body-200);
+  --rs-btn-subtle-active-bg:var(--rs-yellow-600);
+  --rs-btn-subtle-active-text:var(--rs-body-800);
+  --rs-btn-ghost-border:var(--rs-yellow-700);
+  --rs-btn-ghost-text:var(--rs-yellow-700);
+  --rs-btn-ghost-hover-border:var(--rs-yellow-900);
+  --rs-btn-ghost-hover-text:var(--rs-yellow-800);
+  --rs-btn-ghost-active-border:var(--rs-yellow-900);
+  --rs-btn-ghost-active-text:var(--rs-yellow-900);
+  --rs-btn-link-text:var(--rs-yellow-700);
+  --rs-btn-link-hover-text:var(--rs-yellow-800);
+  --rs-btn-link-active-text:var(--rs-yellow-900);
+  --rs-iconbtn-primary-addon:var(--rs-yellow-600);
+  --rs-iconbtn-primary-activated-addon:var(--rs-yellow-800);
+  --rs-iconbtn-primary-pressed-addon:var(--rs-yellow-900);
+}
+[data-theme=dark] .rs-btn-yellow, .rs-theme-dark .rs-btn-yellow{
+  --rs-btn-primary-bg:var(--rs-yellow-700);
+  --rs-btn-primary-hover-bg:var(--rs-yellow-500);
+  --rs-btn-primary-active-bg:var(--rs-yellow-400);
+  --rs-btn-primary-border-color:var(--rs-yellow-800);
+  --rs-btn-subtle-hover-bg:var(--rs-yellow-600);
+  --rs-btn-subtle-hover-text:#fff;
+  --rs-btn-subtle-active-bg:var(--rs-yellow-400);
+  --rs-btn-subtle-active-text:#fff;
+  --rs-btn-ghost-border:var(--rs-yellow-500);
+  --rs-btn-ghost-text:var(--rs-yellow-500);
+  --rs-btn-ghost-hover-border:var(--rs-yellow-400);
+  --rs-btn-ghost-hover-text:var(--rs-yellow-400);
+  --rs-btn-ghost-active-border:var(--rs-yellow-200);
+  --rs-btn-ghost-active-text:var(--rs-yellow-200);
+  --rs-btn-link-text:var(--rs-yellow-500);
+  --rs-btn-link-hover-text:var(--rs-yellow-400);
+  --rs-btn-link-active-text:var(--rs-yellow-200);
+  --rs-iconbtn-primary-addon:var(--rs-yellow-600);
+  --rs-iconbtn-primary-activated-addon:var(--rs-yellow-400);
+  --rs-iconbtn-primary-pressed-addon:var(--rs-yellow-300);
+}
+[data-theme=high-contrast] .rs-btn-yellow, .rs-theme-high-contrast .rs-btn-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-green{
+  --rs-btn-primary-bg:var(--rs-green-500);
+  --rs-btn-primary-hover-bg:var(--rs-green-700);
+  --rs-btn-primary-active-bg:var(--rs-green-800);
+  --rs-btn-primary-border-color:var(--rs-green-700);
+  --rs-btn-subtle-hover-bg:var(--rs-green-500);
+  --rs-btn-subtle-hover-text:var(--rs-body-200);
+  --rs-btn-subtle-active-bg:var(--rs-green-600);
+  --rs-btn-subtle-active-text:var(--rs-body-800);
+  --rs-btn-ghost-border:var(--rs-green-700);
+  --rs-btn-ghost-text:var(--rs-green-700);
+  --rs-btn-ghost-hover-border:var(--rs-green-900);
+  --rs-btn-ghost-hover-text:var(--rs-green-800);
+  --rs-btn-ghost-active-border:var(--rs-green-900);
+  --rs-btn-ghost-active-text:var(--rs-green-900);
+  --rs-btn-link-text:var(--rs-green-700);
+  --rs-btn-link-hover-text:var(--rs-green-800);
+  --rs-btn-link-active-text:var(--rs-green-900);
+  --rs-iconbtn-primary-addon:var(--rs-green-600);
+  --rs-iconbtn-primary-activated-addon:var(--rs-green-800);
+  --rs-iconbtn-primary-pressed-addon:var(--rs-green-900);
+}
+[data-theme=dark] .rs-btn-green, .rs-theme-dark .rs-btn-green{
+  --rs-btn-primary-bg:var(--rs-green-700);
+  --rs-btn-primary-hover-bg:var(--rs-green-500);
+  --rs-btn-primary-active-bg:var(--rs-green-400);
+  --rs-btn-primary-border-color:var(--rs-green-800);
+  --rs-btn-subtle-hover-bg:var(--rs-green-600);
+  --rs-btn-subtle-hover-text:#fff;
+  --rs-btn-subtle-active-bg:var(--rs-green-400);
+  --rs-btn-subtle-active-text:#fff;
+  --rs-btn-ghost-border:var(--rs-green-500);
+  --rs-btn-ghost-text:var(--rs-green-500);
+  --rs-btn-ghost-hover-border:var(--rs-green-400);
+  --rs-btn-ghost-hover-text:var(--rs-green-400);
+  --rs-btn-ghost-active-border:var(--rs-green-200);
+  --rs-btn-ghost-active-text:var(--rs-green-200);
+  --rs-btn-link-text:var(--rs-green-500);
+  --rs-btn-link-hover-text:var(--rs-green-400);
+  --rs-btn-link-active-text:var(--rs-green-200);
+  --rs-iconbtn-primary-addon:var(--rs-green-600);
+  --rs-iconbtn-primary-activated-addon:var(--rs-green-400);
+  --rs-iconbtn-primary-pressed-addon:var(--rs-green-300);
+}
+[data-theme=high-contrast] .rs-btn-green, .rs-theme-high-contrast .rs-btn-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-cyan{
+  --rs-btn-primary-bg:var(--rs-cyan-500);
+  --rs-btn-primary-hover-bg:var(--rs-cyan-700);
+  --rs-btn-primary-active-bg:var(--rs-cyan-800);
+  --rs-btn-primary-border-color:var(--rs-cyan-700);
+  --rs-btn-subtle-hover-bg:var(--rs-cyan-500);
+  --rs-btn-subtle-hover-text:var(--rs-body-200);
+  --rs-btn-subtle-active-bg:var(--rs-cyan-600);
+  --rs-btn-subtle-active-text:var(--rs-body-800);
+  --rs-btn-ghost-border:var(--rs-cyan-700);
+  --rs-btn-ghost-text:var(--rs-cyan-700);
+  --rs-btn-ghost-hover-border:var(--rs-cyan-900);
+  --rs-btn-ghost-hover-text:var(--rs-cyan-800);
+  --rs-btn-ghost-active-border:var(--rs-cyan-900);
+  --rs-btn-ghost-active-text:var(--rs-cyan-900);
+  --rs-btn-link-text:var(--rs-cyan-700);
+  --rs-btn-link-hover-text:var(--rs-cyan-800);
+  --rs-btn-link-active-text:var(--rs-cyan-900);
+  --rs-iconbtn-primary-addon:var(--rs-cyan-600);
+  --rs-iconbtn-primary-activated-addon:var(--rs-cyan-800);
+  --rs-iconbtn-primary-pressed-addon:var(--rs-cyan-900);
+}
+[data-theme=dark] .rs-btn-cyan, .rs-theme-dark .rs-btn-cyan{
+  --rs-btn-primary-bg:var(--rs-cyan-700);
+  --rs-btn-primary-hover-bg:var(--rs-cyan-500);
+  --rs-btn-primary-active-bg:var(--rs-cyan-400);
+  --rs-btn-primary-border-color:var(--rs-cyan-800);
+  --rs-btn-subtle-hover-bg:var(--rs-cyan-600);
+  --rs-btn-subtle-hover-text:#fff;
+  --rs-btn-subtle-active-bg:var(--rs-cyan-400);
+  --rs-btn-subtle-active-text:#fff;
+  --rs-btn-ghost-border:var(--rs-cyan-500);
+  --rs-btn-ghost-text:var(--rs-cyan-500);
+  --rs-btn-ghost-hover-border:var(--rs-cyan-400);
+  --rs-btn-ghost-hover-text:var(--rs-cyan-400);
+  --rs-btn-ghost-active-border:var(--rs-cyan-200);
+  --rs-btn-ghost-active-text:var(--rs-cyan-200);
+  --rs-btn-link-text:var(--rs-cyan-500);
+  --rs-btn-link-hover-text:var(--rs-cyan-400);
+  --rs-btn-link-active-text:var(--rs-cyan-200);
+  --rs-iconbtn-primary-addon:var(--rs-cyan-600);
+  --rs-iconbtn-primary-activated-addon:var(--rs-cyan-400);
+  --rs-iconbtn-primary-pressed-addon:var(--rs-cyan-300);
+}
+[data-theme=high-contrast] .rs-btn-cyan, .rs-theme-high-contrast .rs-btn-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-blue{
+  --rs-btn-primary-bg:var(--rs-blue-500);
+  --rs-btn-primary-hover-bg:var(--rs-blue-700);
+  --rs-btn-primary-active-bg:var(--rs-blue-800);
+  --rs-btn-primary-border-color:var(--rs-blue-700);
+  --rs-btn-subtle-hover-bg:var(--rs-blue-500);
+  --rs-btn-subtle-hover-text:var(--rs-body-200);
+  --rs-btn-subtle-active-bg:var(--rs-blue-600);
+  --rs-btn-subtle-active-text:var(--rs-body-800);
+  --rs-btn-ghost-border:var(--rs-blue-700);
+  --rs-btn-ghost-text:var(--rs-blue-700);
+  --rs-btn-ghost-hover-border:var(--rs-blue-900);
+  --rs-btn-ghost-hover-text:var(--rs-blue-800);
+  --rs-btn-ghost-active-border:var(--rs-blue-900);
+  --rs-btn-ghost-active-text:var(--rs-blue-900);
+  --rs-btn-link-text:var(--rs-blue-700);
+  --rs-btn-link-hover-text:var(--rs-blue-800);
+  --rs-btn-link-active-text:var(--rs-blue-900);
+  --rs-iconbtn-primary-addon:var(--rs-blue-600);
+  --rs-iconbtn-primary-activated-addon:var(--rs-blue-800);
+  --rs-iconbtn-primary-pressed-addon:var(--rs-blue-900);
+}
+[data-theme=dark] .rs-btn-blue, .rs-theme-dark .rs-btn-blue{
+  --rs-btn-primary-bg:var(--rs-blue-700);
+  --rs-btn-primary-hover-bg:var(--rs-blue-500);
+  --rs-btn-primary-active-bg:var(--rs-blue-400);
+  --rs-btn-primary-border-color:var(--rs-blue-800);
+  --rs-btn-subtle-hover-bg:var(--rs-blue-600);
+  --rs-btn-subtle-hover-text:#fff;
+  --rs-btn-subtle-active-bg:var(--rs-blue-400);
+  --rs-btn-subtle-active-text:#fff;
+  --rs-btn-ghost-border:var(--rs-blue-500);
+  --rs-btn-ghost-text:var(--rs-blue-500);
+  --rs-btn-ghost-hover-border:var(--rs-blue-400);
+  --rs-btn-ghost-hover-text:var(--rs-blue-400);
+  --rs-btn-ghost-active-border:var(--rs-blue-200);
+  --rs-btn-ghost-active-text:var(--rs-blue-200);
+  --rs-btn-link-text:var(--rs-blue-500);
+  --rs-btn-link-hover-text:var(--rs-blue-400);
+  --rs-btn-link-active-text:var(--rs-blue-200);
+  --rs-iconbtn-primary-addon:var(--rs-blue-600);
+  --rs-iconbtn-primary-activated-addon:var(--rs-blue-400);
+  --rs-iconbtn-primary-pressed-addon:var(--rs-blue-300);
+}
+[data-theme=high-contrast] .rs-btn-blue, .rs-theme-high-contrast .rs-btn-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-violet{
+  --rs-btn-primary-bg:var(--rs-violet-500);
+  --rs-btn-primary-hover-bg:var(--rs-violet-700);
+  --rs-btn-primary-active-bg:var(--rs-violet-800);
+  --rs-btn-primary-border-color:var(--rs-violet-700);
+  --rs-btn-subtle-hover-bg:var(--rs-violet-500);
+  --rs-btn-subtle-hover-text:var(--rs-body-200);
+  --rs-btn-subtle-active-bg:var(--rs-violet-600);
+  --rs-btn-subtle-active-text:var(--rs-body-800);
+  --rs-btn-ghost-border:var(--rs-violet-700);
+  --rs-btn-ghost-text:var(--rs-violet-700);
+  --rs-btn-ghost-hover-border:var(--rs-violet-900);
+  --rs-btn-ghost-hover-text:var(--rs-violet-800);
+  --rs-btn-ghost-active-border:var(--rs-violet-900);
+  --rs-btn-ghost-active-text:var(--rs-violet-900);
+  --rs-btn-link-text:var(--rs-violet-700);
+  --rs-btn-link-hover-text:var(--rs-violet-800);
+  --rs-btn-link-active-text:var(--rs-violet-900);
+  --rs-iconbtn-primary-addon:var(--rs-violet-600);
+  --rs-iconbtn-primary-activated-addon:var(--rs-violet-800);
+  --rs-iconbtn-primary-pressed-addon:var(--rs-violet-900);
+}
+[data-theme=dark] .rs-btn-violet, .rs-theme-dark .rs-btn-violet{
+  --rs-btn-primary-bg:var(--rs-violet-700);
+  --rs-btn-primary-hover-bg:var(--rs-violet-500);
+  --rs-btn-primary-active-bg:var(--rs-violet-400);
+  --rs-btn-primary-border-color:var(--rs-violet-800);
+  --rs-btn-subtle-hover-bg:var(--rs-violet-600);
+  --rs-btn-subtle-hover-text:#fff;
+  --rs-btn-subtle-active-bg:var(--rs-violet-400);
+  --rs-btn-subtle-active-text:#fff;
+  --rs-btn-ghost-border:var(--rs-violet-500);
+  --rs-btn-ghost-text:var(--rs-violet-500);
+  --rs-btn-ghost-hover-border:var(--rs-violet-400);
+  --rs-btn-ghost-hover-text:var(--rs-violet-400);
+  --rs-btn-ghost-active-border:var(--rs-violet-200);
+  --rs-btn-ghost-active-text:var(--rs-violet-200);
+  --rs-btn-link-text:var(--rs-violet-500);
+  --rs-btn-link-hover-text:var(--rs-violet-400);
+  --rs-btn-link-active-text:var(--rs-violet-200);
+  --rs-iconbtn-primary-addon:var(--rs-violet-600);
+  --rs-iconbtn-primary-activated-addon:var(--rs-violet-400);
+  --rs-iconbtn-primary-pressed-addon:var(--rs-violet-300);
+}
+[data-theme=high-contrast] .rs-btn-violet, .rs-theme-high-contrast .rs-btn-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-block{
+  width:100%;
+}
+.rs-btn-block + .rs-btn-block{
+  margin-top:5px;
+}
+
+.rs-btn-loading{
+  color:transparent !important;
+  position:relative;
+  cursor:default;
+  pointer-events:none;
+}
+.rs-btn-loading > .rs-btn-spin::before, .rs-btn-loading > .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-xs .rs-btn-loading > .rs-btn-spin::before, .rs-btn-xs .rs-btn-loading > .rs-btn-spin::after{
+  width:var(--rs-btn-loading-spin-xs-diameter);
+  height:var(--rs-btn-loading-spin-xs-diameter);
+}
+.rs-btn-loading > .rs-btn-spin::before{
+  border:var(--rs-btn-loading-spin-ring-wide) solid var(--rs-loader-ring);
+}
+.rs-btn-primary .rs-btn-loading > .rs-btn-spin::before{
+  border-color:rgba(248, 247, 250, 0.3);
+}
+[data-theme=high-contrast] .rs-btn-primary .rs-btn-loading > .rs-btn-spin::before, .rs-theme-high-contrast .rs-btn-primary .rs-btn-loading > .rs-btn-spin::before{
+  border-color:var(--rs-loader-ring-inverse);
+}
+.rs-btn-loading > .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-primary .rs-btn-loading > .rs-btn-spin::after{
+  border-top-color:#fff;
+}
+[data-theme=high-contrast] .rs-btn-primary .rs-btn-loading > .rs-btn-spin::after, .rs-theme-high-contrast .rs-btn-primary .rs-btn-loading > .rs-btn-spin::after{
+  border-top-color:var(--rs-loader-rotor-inverse);
+}
+@keyframes buttonSpin{
+  from{
+    transform:rotate(0);
+  }
+  to{
+    transform:rotate(360deg);
+  }
+}
+
+.rs-btn-icon{
+  padding:calc((var(--rs-btn-size) - var(--rs-btn-icon-size)) / 2);
+  line-height:var(--rs-btn-icon-size);
+}
+.rs-btn-icon > .rs-icon{
+  font-size:var(--rs-btn-icon-size);
+  vertical-align:bottom;
+}
+.rs-btn-icon:not(.rs-btn-icon-with-text){
+  width:var(--rs-btn-size);
+}
+.rs-btn-icon.rs-btn-icon-circle{
+  border-radius:var(--rs-radius-full);
+}
+
+.rs-btn-icon-with-text > .rs-icon{
+  position:absolute;
+  top:0;
+  display:block;
+  background-color:var(--rs-iconbtn-addon);
+  transition:var(--rs-btn-transition);
+  width:var(--rs-btn-size);
+  height:var(--rs-btn-size);
+  padding:calc((var(--rs-btn-size) - var(--rs-btn-icon-size)) / 2);
+}
+.rs-btn-icon-with-text.rs-btn-icon-placement-left{
+  padding-inline-start:calc(var(--rs-btn-padding-inline) + var(--rs-btn-size));
+}
+.rs-btn-icon-with-text.rs-btn-icon-placement-left > .rs-icon{
+  inset-inline-start:0;
+  border-right-width:1px;
+}
+.rs-btn-icon-with-text.rs-btn-icon-placement-right{
+  padding-inline-end:calc(var(--rs-btn-padding-inline) + var(--rs-btn-size));
+}
+.rs-btn-icon-with-text.rs-btn-icon-placement-right > .rs-icon{
+  inset-inline-end:0;
+}
+.rs-btn-icon-with-text:hover > .rs-icon{
+  background-color:var(--rs-iconbtn-activated-addon);
+}
+.rs-btn-icon-with-text:active > .rs-icon, .rs-btn-icon-with-text.rs-btn-active > .rs-icon{
+  background-color:var(--rs-iconbtn-pressed-addon);
+}
+.rs-btn-icon-with-text:disabled > .rs-icon, .rs-btn-icon-with-text.rs-btn-disabled > .rs-icon{
+  background-color:var(--rs-iconbtn-addon);
+}
+[data-theme=high-contrast] .rs-btn-icon-with-text:disabled, .rs-theme-high-contrast .rs-btn-icon-with-text:disabled, [data-theme=high-contrast] .rs-btn-icon-with-text.rs-btn-disabled, .rs-theme-high-contrast .rs-btn-icon-with-text.rs-btn-disabled{
+  border-color:var(--rs-btn-default-disabled-border-color);
+}
+
+.rs-btn-icon-with-text.rs-btn-primary > .rs-icon{
+  background-color:var(--rs-iconbtn-primary-addon);
+}
+.rs-btn-icon-with-text.rs-btn-primary:hover > .rs-icon{
+  background-color:var(--rs-iconbtn-primary-activated-addon);
+}
+.rs-btn-icon-with-text.rs-btn-primary:active > .rs-icon, .rs-btn-icon-with-text.rs-btn-primary.rs-btn-active > .rs-icon{
+  background-color:var(--rs-iconbtn-primary-pressed-addon);
+}
+.rs-btn-icon-with-text.rs-btn-primary:disabled > .rs-icon, .rs-btn-icon-with-text.rs-btn-primary.rs-btn-disabled > .rs-icon{
+  background-color:var(--rs-iconbtn-primary-addon);
+}
+[data-theme=high-contrast] .rs-btn-icon-with-text.rs-btn-primary:disabled, .rs-theme-high-contrast .rs-btn-icon-with-text.rs-btn-primary:disabled, [data-theme=high-contrast] .rs-btn-icon-with-text.rs-btn-primary.rs-btn-disabled, .rs-theme-high-contrast .rs-btn-icon-with-text.rs-btn-primary.rs-btn-disabled{
+  border-color:var(--rs-btn-default-disabled-border-color);
+}
+
+.rs-btn-close{
+  border:none;
+  outline:none !important;
+  background:transparent;
+  line-height:1;
+  cursor:pointer;
+}
+.rs-btn-close .rs-icon{
+  vertical-align:bottom;
+}
+
+:root{
+  --rs-tag-border-radius:var(--rs-radius-md);
+  --rs-tag-spacing:0.25rem;
+  --rs-tag-font-size-sm:var(--rs-font-size-xs);
+  --rs-tag-font-size-md:var(--rs-font-size-xs);
+  --rs-tag-font-size-lg:var(--rs-font-size-sm);
+  --rs-tag-padding-sm:0 8px;
+  --rs-tag-padding-md:2px 8px;
+  --rs-tag-padding-lg:5px 10px;
+  --rs-tag-line-height-sm:var(--rs-line-height-sm);
+  --rs-tag-line-height-md:var(--rs-line-height-sm);
+  --rs-tag-line-height-lg:var(--rs-line-height-md);
+}
+
+.rs-tag{
+  display:inline-flex;
+  align-items:center;
+  box-sizing:border-box;
+  gap:var(--rs-tag-spacing);
+  border-radius:var(--rs-tag-border-radius);
+  padding:var(--rs-tag-padding, var(--rs-tag-padding-md));
+  font-size:var(--rs-tag-font-size, var(--rs-tag-font-size-md));
+  line-height:var(--rs-tag-line-height, var(--rs-tag-line-height-md));
+  background-color:var(--rs-tag-bg);
+  color:var(--rs-tag-text, var(--rs-text-primary));
+}
+.rs-tag-icon-close{
+  padding:0;
+}
+.rs-tag-lg{
+  --rs-tag-padding:var(--rs-tag-padding-lg);
+  --rs-tag-font-size:var(--rs-tag-font-size-lg);
+  --rs-tag-line-height:var(--rs-tag-line-height-lg);
+}
+.rs-tag-md{
+  --rs-tag-padding:var(--rs-tag-padding-md);
+  --rs-tag-font-size:var(--rs-tag-font-size-md);
+  --rs-tag-line-height:var(--rs-tag-line-height-md);
+}
+.rs-tag-sm{
+  --rs-tag-padding:var(--rs-tag-padding-sm);
+  --rs-tag-font-size:var(--rs-tag-font-size-sm);
+  --rs-tag-line-height:var(--rs-tag-line-height-sm);
+}
+.rs-tag-primary{
+  --rs-tag-bg:var(--rs-primary-500);
+  --rs-tag-text:#fff;
+}
+.rs-tag-secondary{
+  --rs-tag-bg:var(--rs-secondary-500);
+  --rs-tag-text:#fff;
+}
+.rs-tag-success{
+  --rs-tag-bg:var(--rs-success-500);
+  --rs-tag-text:#fff;
+}
+.rs-tag-warning{
+  --rs-tag-bg:var(--rs-warning-500);
+  --rs-tag-text:#fff;
+}
+.rs-tag-error{
+  --rs-tag-bg:var(--rs-error-500);
+  --rs-tag-text:#fff;
+}
+.rs-tag-info{
+  --rs-tag-bg:var(--rs-info-500);
+  --rs-tag-text:#fff;
+}
+.rs-tag-dark{
+  --rs-tag-bg:var(--rs-dark-500);
+  --rs-tag-text:#fff;
+}
+.rs-tag-cyan{
+  --rs-tag-bg:var(--rs-cyan-500);
+  --rs-tag-text:#fff;
+}
+.rs-tag-violet{
+  --rs-tag-bg:var(--rs-violet-500);
+  --rs-tag-text:#fff;
+}
+.rs-tag-orange{
+  --rs-tag-bg:var(--rs-orange-500);
+  --rs-tag-text:#fff;
+}
+.rs-tag-yellow{
+  --rs-tag-bg:var(--rs-yellow-500);
+  --rs-tag-text:#fff;
+}
+.rs-tag-green{
+  --rs-tag-bg:var(--rs-green-500);
+  --rs-tag-text:#fff;
+}
+.rs-tag-red{
+  --rs-tag-bg:var(--rs-red-500);
+  --rs-tag-text:#fff;
+}
+.rs-tag-blue{
+  --rs-tag-bg:var(--rs-blue-500);
+  --rs-tag-text:#fff;
+}