rsuite 6.0.0-canary-20250622 → 6.0.0-canary-20250702

package/dist/rsuite.css

@@ -403,7 +403,7 @@ dd{
   --rs-bg-active:var(--rs-primary-500);
   --rs-bg-backdrop:rgb(from var(--rs-gray-900) r g b / 30%);
   --rs-state-hover-bg:var(--rs-primary-50);
-  --rs-color-focus-ring:rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-focus-ring-color:rgb(from var(--rs-primary-500) r g b / 25%);
   --rs-state-focus-shadow:0 0 0 2px rgb(from var(--rs-primary-500) r g b / 25%);
   --rs-state-focus-outline:2px solid rgb(from var(--rs-primary-500) r g b / 25%);
   --rs-state-error-outline:2px solid rgb(from var(--rs-color-red) r g b / 25%);
@@ -491,7 +491,7 @@ dd{
   --rs-dropdown-header-text:var(--rs-gray-500);
   --rs-menuitem-text-active:var(--rs-primary-700);
   --rs-menuitem-active-bg:var(--rs-gray-100);
-  --rs-menuitem-active-text:var(--rs-primary-700);
+  --rs-menuitem-active-text:var(--rs-text-primary);
   --rs-steps-border:var(--rs-gray-600);
   --rs-steps-state-finish:var(--rs-primary-500);
   --rs-steps-border-state-finish:var(--rs-primary-500);
@@ -659,7 +659,7 @@ dd{
 @supports not (color: rgb(from white r g b)){
   :root{
     --rs-bg-backdrop:rgba(18, 18, 18, 0.3);
-    --rs-color-focus-ring:rgba(52, 152, 255, 0.25);
+    --rs-focus-ring-color:rgba(52, 152, 255, 0.25);
     --rs-state-focus-shadow:0 0 0 2px rgba(52, 152, 255, 0.25);
     --rs-state-focus-outline:2px solid rgba(52, 152, 255, 0.25);
     --rs-loader-ring:rgba(247, 247, 250, 0.8);
@@ -805,7 +805,7 @@ dd{
   --rs-bg-active:var(--rs-primary-700);
   --rs-bg-backdrop:rgb(from var(--rs-gray-900) r g b / 80%);
   --rs-state-hover-bg:var(--rs-gray-600);
-  --rs-color-focus-ring:0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-color-focus-ring:rgb(from var(--rs-gray-500) r g b / 80%);
   --rs-state-focus-shadow:0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
   --rs-state-focus-outline:2px solid rgb(from var(--rs-gray-500) r g b / 25%);
   --rs-state-error-outline:2px solid rgb(from var(--rs-color-red) r g b / 25%);
@@ -1053,7 +1053,7 @@ dd{
   [data-theme=dark],
   .rs-theme-dark{
     --rs-bg-backdrop:rgba(15, 19, 26, 0.8);
-    --rs-color-focus-ring:0 0 0 2px rgba(52, 195, 255, 0.25);
+    --rs-color-focus-ring:rgba(92, 96, 102, 0.8);
     --rs-state-focus-shadow:0 0 0 2px rgba(52, 195, 255, 0.25);
     --rs-state-focus-outline:2px solid rgba(52, 195, 255, 0.25);
     --rs-loader-ring:rgba(233, 235, 240, 0.3);
@@ -1196,7 +1196,7 @@ dd{
   --rs-bg-active:var(--rs-primary-500);
   --rs-bg-backdrop:rgb(from var(--rs-gray-900) r g b / 80%);
   --rs-state-hover-bg:var(--rs-gray-600);
-  --rs-color-focus-ring:var(--rs-gray-0);
+  --rs-focus-ring-color:var(--rs-gray-0);
   --rs-state-focus-shadow:0 0 0 2px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
   --rs-state-focus-shadow-slim:0 0 0 2px var(--rs-gray-0);
   --rs-state-focus-outline:2px solid rgb(from var(--rs-primary-500) r g b / 25%);
@@ -1282,7 +1282,7 @@ dd{
   --rs-menuitem-bg-active:rgb(from var(--rs-primary-900) r g b / 20%);
   --rs-menuitem-text-active:var(--rs-primary-500);
   --rs-menuitem-active-bg:transparent;
-  --rs-menuitem-active-text:var(--rs-primary-500);
+  --rs-menuitem-active-text:var(--rs-text-primary);
   --rs-steps-border:var(--rs-gray-200);
   --rs-steps-state-finish:var(--rs-primary-500);
   --rs-steps-border-state-finish:var(--rs-primary-500);
@@ -1541,8 +1541,8 @@ dd{
   --rs-zindex-message-full:3;
   --rs-zindex-dropdown:5;
   --rs-zindex-picker-toggle:5;
-  --rs-zindex-picker-input:calc(var(--rs-zindex-picker-toggle) + 1);
-  --rs-zindex-picker-popup:calc(var(--rs-zindex-picker-toggle) + 2);
+  --rs-zindex-picker-input:6;
+  --rs-zindex-picker-popup:7;
   --rs-zindex-list-helper:99;
   --rs-zindex-modal:1050;
   --rs-zindex-drawer:1050;
@@ -1579,20 +1579,6 @@ body{
   background-color:var(--rs-body);
 }
 
-[data-rs=box]{
-  --rs-box-rounded-xs:var(--rs-radius-xs);
-  --rs-box-rounded-sm:var(--rs-radius-sm);
-  --rs-box-rounded-md:var(--rs-radius-md);
-  --rs-box-rounded-lg:var(--rs-radius-lg);
-  --rs-box-rounded-xl:var(--rs-radius-xl);
-  --rs-box-rounded-full:var(--rs-radius-full);
-  --rs-box-shadow-xs:var(--rs-shadow-xs);
-  --rs-box-shadow-sm:var(--rs-shadow-sm);
-  --rs-box-shadow-md:var(--rs-shadow-md);
-  --rs-box-shadow-lg:var(--rs-shadow-lg);
-  --rs-box-shadow-xl:var(--rs-shadow-xl);
-}
-
 @media (max-width: calc(576px - 1px)){
   [data-visible-from=xs]{
     display:none !important;
@@ -2079,7 +2065,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --rs-stack-align:center;
   flex-direction:row-reverse;
 }
-.rs-stack-wrap{
+.rs-stack[data-wrap=true]{
   flex-wrap:wrap;
 }
 .rs-stack-xs-column{
@@ -2165,12 +2151,6 @@ tbody.rs-anim-collapse.rs-anim-in{
   }
 }
 
-.rs-stack-item{
-  align-self:var(--rs-stack-item-align-self);
-  order:var(--rs-stack-item-order);
-  flex:var(--rs-stack-item-flex, var(--rs-stack-item-grow) var(--rs-stack-item-shrink) var(--rs-stack-item-basis));
-}
-
 :root{
   --rs-loader-duration-fast:0.4s;
   --rs-loader-duration-normal:0.6s;
@@ -2187,7 +2167,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --rs-loader-spin-ring-width:3px;
 }
 
-.rs-loader{
+.rs-loader-box{
   display:inline-flex;
   align-items:center;
   justify-content:center;
@@ -2229,34 +2209,34 @@ tbody.rs-anim-collapse.rs-anim-in{
   height:100%;
   background:var(--rs-loader-backdrop);
 }
-.rs-loader-vertical .rs-loader{
+.rs-loader[data-direction=vertical] .rs-loader-box{
   flex-direction:column;
 }
-.rs-loader-inverse .rs-loader-content{
+.rs-loader[data-inverse=true] .rs-loader-content{
   color:var(--rs-text-inverse);
 }
-.rs-loader-inverse .rs-loader-backdrop{
+.rs-loader[data-inverse=true] .rs-loader-backdrop{
   background:var(--rs-loader-backdrop-inverse);
 }
-.rs-loader-inverse .rs-loader-spin::before{
+.rs-loader[data-inverse=true] .rs-loader-spin::before{
   border-color:var(--rs-loader-ring-inverse);
 }
-.rs-loader-inverse .rs-loader-spin::after{
+.rs-loader[data-inverse=true] .rs-loader-spin::after{
   border-top-color:var(--rs-loader-rotor-inverse);
 }
-.rs-loader-speed-fast .rs-loader-spin::after{
+.rs-loader[data-speed=fast] .rs-loader-spin::after{
   animation-duration:var(--rs-loader-duration-fast);
 }
-.rs-loader-speed-normal .rs-loader-spin::after{
+.rs-loader[data-speed=normal] .rs-loader-spin::after{
   animation-duration:var(--rs-loader-duration-normal);
 }
-.rs-loader-speed-slow .rs-loader-spin::after{
+.rs-loader[data-speed=slow] .rs-loader-spin::after{
   animation-duration:var(--rs-loader-duration-slow);
 }
-.rs-loader-speed-paused .rs-loader-spin::after{
+.rs-loader[data-speed=paused] .rs-loader-spin::after{
   animation-play-state:var(--rs-loader-duration-paused);
 }
-.rs-loader-center{
+.rs-loader[data-center=true]{
   position:absolute;
   top:0;
   bottom:0;
@@ -2269,26 +2249,26 @@ tbody.rs-anim-collapse.rs-anim-in{
   align-items:center;
   justify-content:center;
 }
-.rs-loader-center .rs-loader-content{
+.rs-loader[data-center=true] .rs-loader-content{
   z-index:1;
 }
 
-.rs-loader-xs{
+.rs-loader[data-size=xs]{
   --rs-loader-size:var(--rs-loader-size-xs);
   --rs-loader-font-size:var(--rs-loader-font-size-xs);
 }
 
-.rs-loader-sm{
+.rs-loader[data-size=sm]{
   --rs-loader-size:var(--rs-loader-size-sm);
   --rs-loader-font-size:var(--rs-loader-font-size-sm);
 }
 
-.rs-loader-md{
+.rs-loader[data-size=md]{
   --rs-loader-size:var(--rs-loader-size-md);
   --rs-loader-font-size:var(--rs-loader-font-size-md);
 }
 
-.rs-loader-lg{
+.rs-loader[data-size=lg]{
   --rs-loader-size:var(--rs-loader-size-lg);
   --rs-loader-font-size:var(--rs-loader-font-size-lg);
 }
@@ -2350,32 +2330,32 @@ tbody.rs-anim-collapse.rs-anim-in{
   border-color:var(--rs-input-focus-border);
 }
 .rs-input:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  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.rs-input-xs{
+.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.rs-input-sm{
+.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.rs-input-md{
+.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.rs-input-lg{
+.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);
@@ -2415,25 +2395,25 @@ tbody.rs-anim-collapse.rs-anim-in{
   border:1px solid var(--rs-border-primary);
   overflow:hidden;
 }
-.rs-input-group.rs-input-group-xs{
+.rs-input-group[data-size=xs]{
   --rs-input-group-input-height:var(--rs-input-group-input-height-xs);
   --rs-input-group-inside-btn-spacing:var(--rs-input-group-inside-btn-m-x-xs);
   --rs-input-group-inside-btn-padding:var(--rs-input-group-inside-btn-p-x-xs);
   --rs-input-group-font-size:var(--rs-input-group-font-size-xs);
 }
-.rs-input-group.rs-input-group-sm{
+.rs-input-group[data-size=sm]{
   --rs-input-group-input-height:var(--rs-input-group-input-height-sm);
   --rs-input-group-inside-btn-spacing:var(--rs-input-group-inside-btn-m-x-sm);
   --rs-input-group-inside-btn-padding:var(--rs-input-group-inside-btn-p-x-sm);
   --rs-input-group-font-size:var(--rs-input-group-font-size-sm);
 }
-.rs-input-group.rs-input-group-md{
+.rs-input-group[data-size=md]{
   --rs-input-group-input-height:var(--rs-input-group-input-height-md);
   --rs-input-group-inside-btn-spacing:var(--rs-input-group-inside-btn-m-x-md);
   --rs-input-group-inside-btn-padding:var(--rs-input-group-inside-btn-p-x-md);
   --rs-input-group-font-size:var(--rs-input-group-font-size-md);
 }
-.rs-input-group.rs-input-group-lg{
+.rs-input-group[data-size=lg]{
   --rs-input-group-input-height:var(--rs-input-group-input-height-lg);
   --rs-input-group-inside-btn-spacing:var(--rs-input-group-inside-btn-m-x-lg);
   --rs-input-group-inside-btn-padding:var(--rs-input-group-inside-btn-p-x-lg);
@@ -2442,11 +2422,11 @@ tbody.rs-anim-collapse.rs-anim-in{
 [data-theme=high-contrast] .rs-input-group, .rs-theme-high-contrast .rs-input-group{
   transition:none;
 }
-.rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus, .rs-input-group:focus-within{
+.rs-input-group:not([data-disabled=true]).rs-input-group-focus, .rs-input-group:focus-within{
   border-color:var(--rs-input-focus-border);
 }
-.rs-input-group:not(.rs-input-group-disabled).rs-input-group-focus, .rs-input-group:focus-within{
-  outline:2px solid var(--rs-color-focus-ring);
+.rs-input-group:not([data-disabled=true]).rs-input-group-focus, .rs-input-group:focus-within{
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
 }
 .rs-input-group .rs-input-group{
@@ -2481,23 +2461,23 @@ tbody.rs-anim-collapse.rs-anim-in{
 .rs-input-group > .rs-input-group-addon > .rs-icon{
   font-size:inherit;
 }
-.rs-input-group.rs-input-group-inside{
+.rs-input-group[data-inside=true]{
   width:var(--rs-input-group-width);
   align-items:center;
   background-color:var(--rs-input-bg);
 }
-.rs-input-group.rs-input-group-inside .rs-input{
+.rs-input-group[data-inside=true] .rs-input{
   display:block;
   width:100%;
   border:none;
   outline:none;
 }
-.rs-input-group.rs-input-group-inside .rs-input-group-btn,
-.rs-input-group.rs-input-group-inside .rs-input-group-addon{
+.rs-input-group[data-inside=true] .rs-input-group-btn,
+.rs-input-group[data-inside=true] .rs-input-group-addon{
   flex:0 0 auto;
   width:auto;
 }
-.rs-input-group.rs-input-group-inside .rs-input-group-btn{
+.rs-input-group[data-inside=true] .rs-input-group-btn{
   border-radius:var(--rs-input-group-border-radius);
   height:calc(var(--rs-input-group-input-height) - var(--rs-input-group-inside-btn-spacing) * 2);
   margin-inline:var(--rs-input-group-inside-btn-spacing);
@@ -2506,42 +2486,42 @@ tbody.rs-anim-collapse.rs-anim-in{
   background-color:transparent;
   color:inherit;
 }
-.rs-input-group.rs-input-group-inside .rs-input-group-btn:hover{
+.rs-input-group[data-inside=true] .rs-input-group-btn:hover{
   color:var(--rs-btn-subtle-hover-text);
   background-color:var(--rs-btn-subtle-hover-bg);
 }
-.rs-input-group.rs-input-group-inside .rs-input-group-btn:active, .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-active{
+.rs-input-group[data-inside=true] .rs-input-group-btn:active, .rs-input-group[data-inside=true] .rs-input-group-btn[data-active=true]{
   color:var(--rs-btn-subtle-active-text);
   background-color:var(--rs-btn-subtle-active-bg);
 }
-.rs-input-group.rs-input-group-inside .rs-input-group-btn:disabled, .rs-input-group.rs-input-group-inside .rs-input-group-btn.rs-btn-disabled{
+.rs-input-group[data-inside=true] .rs-input-group-btn:disabled, .rs-input-group[data-inside=true] .rs-input-group-btn[data-disabled=true]{
   color:var(--rs-btn-subtle-disabled-text);
   background:none;
 }
-.rs-input-group.rs-input-group-inside .rs-input-group-btn:focus{
+.rs-input-group[data-inside=true] .rs-input-group-btn:focus{
   outline:none;
 }
-.rs-input-group.rs-input-group-inside .rs-input-group-addon{
+.rs-input-group[data-inside=true] .rs-input-group-addon{
   background:none;
   border:none;
 }
-.rs-input-group.rs-input-group-inside .rs-input:not(:first-child),
-.rs-input-group.rs-input-group-inside .rs-auto-complete:not(:first-child) .rs-input{
+.rs-input-group[data-inside=true] .rs-input:not(:first-child),
+.rs-input-group[data-inside=true] .rs-auto-complete:not(:first-child) .rs-input{
   padding-inline-start:0;
 }
-.rs-input-group.rs-input-group-inside .rs-input:not(:last-child),
-.rs-input-group.rs-input-group-inside .rs-auto-complete:not(:last-child) .rs-input{
+.rs-input-group[data-inside=true] .rs-input:not(:last-child),
+.rs-input-group[data-inside=true] .rs-auto-complete:not(:last-child) .rs-input{
   padding-inline-end:0;
 }
 
-.rs-input-group.rs-input-group-disabled{
+.rs-input-group[data-disabled=true]{
   background-color:var(--rs-input-disabled-bg);
   color:var(--rs-text-disabled);
   cursor:not-allowed;
 }
-.rs-input-group.rs-input-group-disabled .rs-input,
-.rs-input-group.rs-input-group-disabled .rs-input-group-btn,
-.rs-input-group.rs-input-group-disabled .rs-input-group-addon{
+.rs-input-group[data-disabled=true] .rs-input,
+.rs-input-group[data-disabled=true] .rs-input-group-btn,
+.rs-input-group[data-disabled=true] .rs-input-group-addon{
   color:inherit;
 }
 
@@ -2561,16 +2541,16 @@ tbody.rs-anim-collapse.rs-anim-in{
   padding-inline:var(--rs-spacing);
   min-width:var(--rs-input-group-input-height);
 }
-.rs-input-group-addon.rs-input-sm{
+.rs-input-group-addon[data-size=sm]{
   padding-block:var(--rs-spacing-block-sm);
   padding-inline:var(--rs-spacing-inline-sm);
   font-size:var(--rs-font-size-sm);
 }
-.rs-input-group-addon.rs-input-xs{
+.rs-input-group-addon[data-size=xs]{
   padding:var(--rs-spacing-inline-xs);
   font-size:var(--rs-font-size-xs);
 }
-.rs-input-group-addon.rs-input-lg{
+.rs-input-group-addon[data-size=lg]{
   padding-block:var(--rs-spacing-block-lg);
   padding-inline:var(--rs-spacing-inline-lg);
   font-size:var(--rs-font-size-md);
@@ -2658,7 +2638,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --rs-btn-icon-gap:5px;
 }
 
-.rs-btn, .rs-uploader-picture .rs-uploader-trigger-btn, .rs-pagination-btn{
+.rs-btn, .rs-uploader-picture .rs-uploader-trigger-btn{
   display:inline-flex;
   align-items:center;
   justify-content:center;
@@ -2685,43 +2665,51 @@ tbody.rs-anim-collapse.rs-anim-in{
   padding-inline:var(--rs-btn-padding-inline);
   padding-block:var(--rs-btn-padding-block);
 }
-[data-theme=high-contrast] .rs-btn, [data-theme=high-contrast] .rs-uploader-picture .rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=high-contrast] .rs-uploader-trigger-btn, [data-theme=high-contrast] .rs-pagination-btn, .rs-theme-high-contrast .rs-btn, .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-high-contrast .rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-pagination-btn{
+[data-theme=high-contrast] .rs-btn, [data-theme=high-contrast] .rs-uploader-picture .rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=high-contrast] .rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn, .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-high-contrast .rs-uploader-trigger-btn{
   transition:none;
   border-width:1px;
   border-color:var(--rs-btn-default-border-color);
 }
-.rs-btn:focus-visible, .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible, .rs-pagination-btn:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+.rs-btn:focus-visible, .rs-uploader-picture .rs-uploader-trigger-btn:focus-visible{
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
 }
-.rs-btn:hover, .rs-uploader-picture .rs-uploader-trigger-btn:hover, .rs-pagination-btn:hover{
+.rs-btn:hover, .rs-uploader-picture .rs-uploader-trigger-btn:hover{
   color:var(--rs-btn-default-hover-text);
   background-color:var(--rs-btn-default-hover-bg);
   text-decoration:none;
 }
-.rs-btn:active, .rs-uploader-picture .rs-uploader-trigger-btn:active, .rs-pagination-btn:active, .rs-btn.rs-btn-active, .rs-uploader-picture .rs-btn-active.rs-uploader-trigger-btn, .rs-btn-active.rs-pagination-btn{
+.rs-btn:active, .rs-uploader-picture .rs-uploader-trigger-btn:active, .rs-btn.rs-btn[data-active=true], .rs-uploader-picture [data-active=true].rs-uploader-trigger-btn{
   color:var(--rs-btn-default-active-text);
   background-color:var(--rs-btn-default-active-bg);
 }
-.rs-btn:disabled, .rs-uploader-picture .rs-uploader-trigger-btn:disabled, .rs-pagination-btn:disabled, .rs-btn.rs-btn-disabled, .rs-uploader-picture .rs-btn-disabled.rs-uploader-trigger-btn, .rs-btn-disabled.rs-pagination-btn{
+.rs-btn:disabled, .rs-uploader-picture .rs-uploader-trigger-btn:disabled, .rs-btn.rs-btn[data-disabled=true], .rs-uploader-picture [data-disabled=true].rs-uploader-trigger-btn{
   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, [data-theme=high-contrast] .rs-uploader-picture .rs-uploader-trigger-btn:disabled, .rs-uploader-picture [data-theme=high-contrast] .rs-uploader-trigger-btn:disabled, [data-theme=high-contrast] .rs-pagination-btn:disabled, .rs-theme-high-contrast .rs-btn:disabled, .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:disabled, .rs-uploader-picture .rs-theme-high-contrast .rs-uploader-trigger-btn:disabled, .rs-theme-high-contrast .rs-pagination-btn:disabled, [data-theme=high-contrast] .rs-btn.rs-btn-disabled, [data-theme=high-contrast] .rs-uploader-picture .rs-btn-disabled.rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=high-contrast] .rs-btn-disabled.rs-uploader-trigger-btn, [data-theme=high-contrast] .rs-btn-disabled.rs-pagination-btn, .rs-theme-high-contrast .rs-btn.rs-btn-disabled, .rs-theme-high-contrast .rs-uploader-picture .rs-btn-disabled.rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-high-contrast .rs-btn-disabled.rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn-disabled.rs-pagination-btn{
+[data-theme=high-contrast] .rs-btn:disabled, [data-theme=high-contrast] .rs-uploader-picture .rs-uploader-trigger-btn:disabled, .rs-uploader-picture [data-theme=high-contrast] .rs-uploader-trigger-btn:disabled, .rs-theme-high-contrast .rs-btn:disabled, .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:disabled, .rs-uploader-picture .rs-theme-high-contrast .rs-uploader-trigger-btn:disabled, [data-theme=high-contrast] .rs-btn.rs-btn[data-disabled=true], [data-theme=high-contrast] .rs-uploader-picture [data-disabled=true].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=high-contrast] [data-disabled=true].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn.rs-btn[data-disabled=true], .rs-theme-high-contrast .rs-uploader-picture [data-disabled=true].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-high-contrast [data-disabled=true].rs-uploader-trigger-btn{
   border-color:var(--rs-btn-default-disabled-border-color);
 }
-.rs-btn, .rs-uploader-picture .rs-uploader-trigger-btn, .rs-pagination-btn{
+.rs-btn, .rs-uploader-picture .rs-uploader-trigger-btn{
   position:relative;
   overflow:hidden;
 }
 @media not all and (min-resolution: 0.001dpcm){
-  .rs-btn, .rs-uploader-picture .rs-uploader-trigger-btn, .rs-pagination-btn{
+  .rs-btn, .rs-uploader-picture .rs-uploader-trigger-btn{
     -webkit-mask-image:radial-gradient(white, black);
             mask-image:radial-gradient(white, black);
   }
 }
-.rs-btn.rs-btn-lg, .rs-uploader-picture .rs-btn-lg.rs-uploader-trigger-btn, .rs-btn-lg.rs-pagination-btn{
+.rs-btn, .rs-uploader-picture .rs-uploader-trigger-btn{
+  --rs-btn-size:var(--rs-btn-size-md);
+  --rs-btn-font-size:var(--rs-btn-font-size-md);
+  --rs-btn-line-height:var(--rs-btn-line-height-md);
+  --rs-btn-padding-inline:var(--rs-btn-padding-inline-md);
+  --rs-btn-padding-block:var(--rs-btn-padding-block-md);
+  --rs-btn-icon-size:var(--rs-btn-icon-size-md);
+}
+.rs-btn[data-size=lg], .rs-uploader-picture [data-size=lg].rs-uploader-trigger-btn{
   --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);
@@ -2729,7 +2717,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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-uploader-picture .rs-btn-md.rs-uploader-trigger-btn, .rs-btn-md.rs-pagination-btn{
+.rs-btn[data-size=md], .rs-uploader-picture [data-size=md].rs-uploader-trigger-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);
@@ -2737,7 +2725,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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-uploader-picture .rs-btn-sm.rs-uploader-trigger-btn, .rs-btn-sm.rs-pagination-btn{
+.rs-btn[data-size=sm], .rs-uploader-picture [data-size=sm].rs-uploader-trigger-btn{
   --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);
@@ -2745,7 +2733,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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-uploader-picture .rs-btn-xs.rs-uploader-trigger-btn, .rs-btn-xs.rs-pagination-btn{
+.rs-btn[data-size=xs], .rs-uploader-picture [data-size=xs].rs-uploader-trigger-btn{
   --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);
@@ -2764,101 +2752,135 @@ tbody.rs-anim-collapse.rs-anim-in{
   margin-inline-start:var(--rs-btn-icon-gap);
 }
 
-.rs-btn-primary{
+.rs-btn[data-appearance=primary], .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn{
   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{
+.rs-btn[data-appearance=primary]:hover, .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn: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{
+.rs-btn[data-appearance=primary]:active, .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn:active, .rs-btn[data-appearance=primary].rs-btn[data-active=true], .rs-uploader-picture [data-appearance=primary][data-active=true].rs-uploader-trigger-btn{
   color:var(--rs-btn-primary-text);
   background-color:var(--rs-btn-primary-active-bg);
 }
-.rs-btn-primary:disabled, .rs-btn-primary.rs-btn-disabled{
+.rs-btn[data-appearance=primary]:disabled, .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn:disabled, .rs-btn[data-appearance=primary].rs-btn[data-disabled=true], .rs-uploader-picture [data-appearance=primary][data-disabled=true].rs-uploader-trigger-btn{
   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{
+[data-theme=high-contrast] .rs-btn[data-appearance=primary]:disabled, [data-theme=high-contrast] .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn:disabled, .rs-uploader-picture [data-theme=high-contrast] [data-appearance=primary].rs-uploader-trigger-btn:disabled, .rs-theme-high-contrast .rs-btn[data-appearance=primary]:disabled, .rs-theme-high-contrast .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn:disabled, .rs-uploader-picture .rs-theme-high-contrast [data-appearance=primary].rs-uploader-trigger-btn:disabled, [data-theme=high-contrast] .rs-btn[data-appearance=primary].rs-btn[data-disabled=true], [data-theme=high-contrast] .rs-uploader-picture [data-appearance=primary][data-disabled=true].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=high-contrast] [data-appearance=primary][data-disabled=true].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-appearance=primary].rs-btn[data-disabled=true], .rs-theme-high-contrast .rs-uploader-picture [data-appearance=primary][data-disabled=true].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-high-contrast [data-appearance=primary][data-disabled=true].rs-uploader-trigger-btn{
   border-color:var(--rs-btn-default-disabled-border-color);
 }
 
-.rs-btn-subtle, .rs-uploader-picture .rs-uploader-trigger-btn, .rs-pagination-btn, .rs-calendar-header-error{
+.rs-btn[data-appearance=subtle],
+.rs-btn-subtle,
+.rs-uploader-picture .rs-uploader-trigger-btn,
+.rs-calendar-header-error{
   color:var(--rs-btn-subtle-text);
   background-color:transparent;
 }
-.rs-btn-subtle:hover, .rs-uploader-picture .rs-uploader-trigger-btn:hover, .rs-pagination-btn:hover, .rs-calendar-header-error:hover{
+.rs-btn[data-appearance=subtle]:hover,
+.rs-btn-subtle:hover,
+.rs-uploader-picture .rs-uploader-trigger-btn:hover,
+.rs-calendar-header-error:hover{
   color:var(--rs-btn-subtle-hover-text);
   background-color:var(--rs-btn-subtle-hover-bg);
 }
-.rs-btn-subtle:active, .rs-uploader-picture .rs-uploader-trigger-btn:active, .rs-pagination-btn:active, .rs-calendar-header-error:active, .rs-btn-subtle.rs-btn-active, .rs-uploader-picture .rs-btn-active.rs-uploader-trigger-btn, .rs-btn-active.rs-pagination-btn, .rs-btn-active.rs-calendar-header-error{
+.rs-btn[data-appearance=subtle]:active, .rs-btn[data-appearance=subtle].rs-btn[data-active=true],
+.rs-btn-subtle:active,
+.rs-uploader-picture .rs-uploader-trigger-btn:active,
+.rs-calendar-header-error:active,
+.rs-btn-subtle.rs-btn[data-active=true],
+.rs-btn[data-active=true].rs-calendar-header-error,
+.rs-uploader-picture [data-active=true].rs-uploader-trigger-btn{
   color:var(--rs-btn-subtle-active-text);
   background-color:var(--rs-btn-subtle-active-bg);
 }
-.rs-btn-subtle:disabled, .rs-uploader-picture .rs-uploader-trigger-btn:disabled, .rs-pagination-btn:disabled, .rs-calendar-header-error:disabled, .rs-btn-subtle.rs-btn-disabled, .rs-uploader-picture .rs-btn-disabled.rs-uploader-trigger-btn, .rs-btn-disabled.rs-pagination-btn, .rs-btn-disabled.rs-calendar-header-error{
+.rs-btn[data-appearance=subtle]:disabled, .rs-btn[data-appearance=subtle].rs-btn[data-disabled=true],
+.rs-btn-subtle:disabled,
+.rs-uploader-picture .rs-uploader-trigger-btn:disabled,
+.rs-calendar-header-error:disabled,
+.rs-btn-subtle.rs-btn[data-disabled=true],
+.rs-btn[data-disabled=true].rs-calendar-header-error,
+.rs-uploader-picture [data-disabled=true].rs-uploader-trigger-btn{
   color:var(--rs-btn-subtle-disabled-text);
   background:none;
 }
-[data-theme=high-contrast] .rs-btn-subtle:disabled, [data-theme=high-contrast] .rs-uploader-picture .rs-uploader-trigger-btn:disabled, .rs-uploader-picture [data-theme=high-contrast] .rs-uploader-trigger-btn:disabled, [data-theme=high-contrast] .rs-pagination-btn:disabled, [data-theme=high-contrast] .rs-calendar-header-error:disabled, .rs-theme-high-contrast .rs-btn-subtle:disabled, .rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:disabled, .rs-uploader-picture .rs-theme-high-contrast .rs-uploader-trigger-btn:disabled, .rs-theme-high-contrast .rs-pagination-btn:disabled, .rs-theme-high-contrast .rs-calendar-header-error:disabled, [data-theme=high-contrast] .rs-btn-subtle.rs-btn-disabled, [data-theme=high-contrast] .rs-uploader-picture .rs-btn-disabled.rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=high-contrast] .rs-btn-disabled.rs-uploader-trigger-btn, [data-theme=high-contrast] .rs-btn-disabled.rs-pagination-btn, [data-theme=high-contrast] .rs-btn-disabled.rs-calendar-header-error, .rs-theme-high-contrast .rs-btn-subtle.rs-btn-disabled, .rs-theme-high-contrast .rs-uploader-picture .rs-btn-disabled.rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-high-contrast .rs-btn-disabled.rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn-disabled.rs-pagination-btn, .rs-theme-high-contrast .rs-btn-disabled.rs-calendar-header-error{
+[data-theme=high-contrast] .rs-btn[data-appearance=subtle]:disabled, .rs-theme-high-contrast .rs-btn[data-appearance=subtle]:disabled, [data-theme=high-contrast] .rs-btn[data-appearance=subtle].rs-btn[data-disabled=true], .rs-theme-high-contrast .rs-btn[data-appearance=subtle].rs-btn[data-disabled=true],
+[data-theme=high-contrast] .rs-btn-subtle:disabled,
+[data-theme=high-contrast] .rs-uploader-picture .rs-uploader-trigger-btn:disabled,
+.rs-uploader-picture [data-theme=high-contrast] .rs-uploader-trigger-btn:disabled,
+[data-theme=high-contrast] .rs-calendar-header-error:disabled,
+.rs-theme-high-contrast .rs-btn-subtle:disabled,
+.rs-theme-high-contrast .rs-uploader-picture .rs-uploader-trigger-btn:disabled,
+.rs-uploader-picture .rs-theme-high-contrast .rs-uploader-trigger-btn:disabled,
+.rs-theme-high-contrast .rs-calendar-header-error:disabled,
+[data-theme=high-contrast] .rs-btn-subtle.rs-btn[data-disabled=true],
+[data-theme=high-contrast] .rs-btn[data-disabled=true].rs-calendar-header-error,
+[data-theme=high-contrast] .rs-uploader-picture [data-disabled=true].rs-uploader-trigger-btn,
+.rs-uploader-picture [data-theme=high-contrast] [data-disabled=true].rs-uploader-trigger-btn,
+.rs-theme-high-contrast .rs-btn-subtle.rs-btn[data-disabled=true],
+.rs-theme-high-contrast .rs-btn[data-disabled=true].rs-calendar-header-error,
+.rs-theme-high-contrast .rs-uploader-picture [data-disabled=true].rs-uploader-trigger-btn,
+.rs-uploader-picture .rs-theme-high-contrast [data-disabled=true].rs-uploader-trigger-btn{
   border-color:var(--rs-btn-default-disabled-border-color);
 }
 
-.rs-btn-link{
+.rs-btn[data-appearance=link], .rs-uploader-picture [data-appearance=link].rs-uploader-trigger-btn{
   color:var(--rs-btn-link-text);
   background-color:transparent;
 }
-.rs-btn-link:hover{
+.rs-btn[data-appearance=link]:hover, .rs-uploader-picture [data-appearance=link].rs-uploader-trigger-btn: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{
+.rs-btn[data-appearance=link]:active, .rs-uploader-picture [data-appearance=link].rs-uploader-trigger-btn:active, .rs-btn[data-appearance=link].rs-btn[data-active=true], .rs-uploader-picture [data-appearance=link][data-active=true].rs-uploader-trigger-btn{
   color:var(--rs-btn-link-active-text);
   background-color:transparent;
 }
-.rs-btn-link:disabled, .rs-btn-link.rs-btn-disabled{
+.rs-btn[data-appearance=link]:disabled, .rs-uploader-picture [data-appearance=link].rs-uploader-trigger-btn:disabled, .rs-btn[data-appearance=link].rs-btn[data-disabled=true], .rs-uploader-picture [data-appearance=link][data-disabled=true].rs-uploader-trigger-btn{
   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{
+[data-theme=high-contrast] .rs-btn[data-appearance=link]:disabled, [data-theme=high-contrast] .rs-uploader-picture [data-appearance=link].rs-uploader-trigger-btn:disabled, .rs-uploader-picture [data-theme=high-contrast] [data-appearance=link].rs-uploader-trigger-btn:disabled, .rs-theme-high-contrast .rs-btn[data-appearance=link]:disabled, .rs-theme-high-contrast .rs-uploader-picture [data-appearance=link].rs-uploader-trigger-btn:disabled, .rs-uploader-picture .rs-theme-high-contrast [data-appearance=link].rs-uploader-trigger-btn:disabled, [data-theme=high-contrast] .rs-btn[data-appearance=link].rs-btn[data-disabled=true], [data-theme=high-contrast] .rs-uploader-picture [data-appearance=link][data-disabled=true].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=high-contrast] [data-appearance=link][data-disabled=true].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-appearance=link].rs-btn[data-disabled=true], .rs-theme-high-contrast .rs-uploader-picture [data-appearance=link][data-disabled=true].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-high-contrast [data-appearance=link][data-disabled=true].rs-uploader-trigger-btn{
   border-color:var(--rs-btn-default-disabled-border-color);
 }
 
-.rs-btn-ghost{
+.rs-btn[data-appearance=ghost], .rs-uploader-picture [data-appearance=ghost].rs-uploader-trigger-btn{
   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{
+.rs-btn[data-appearance=ghost]:hover, .rs-uploader-picture [data-appearance=ghost].rs-uploader-trigger-btn: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{
+.rs-btn[data-appearance=ghost]:active, .rs-uploader-picture [data-appearance=ghost].rs-uploader-trigger-btn:active, .rs-btn[data-appearance=ghost].rs-btn[data-active=true], .rs-uploader-picture [data-appearance=ghost][data-active=true].rs-uploader-trigger-btn{
   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{
+.rs-btn[data-appearance=ghost]:disabled, .rs-uploader-picture [data-appearance=ghost].rs-uploader-trigger-btn:disabled, .rs-btn[data-appearance=ghost].rs-btn[data-disabled=true], .rs-uploader-picture [data-appearance=ghost][data-disabled=true].rs-uploader-trigger-btn{
   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{
+[data-theme=high-contrast] .rs-btn[data-appearance=ghost]:disabled, [data-theme=high-contrast] .rs-uploader-picture [data-appearance=ghost].rs-uploader-trigger-btn:disabled, .rs-uploader-picture [data-theme=high-contrast] [data-appearance=ghost].rs-uploader-trigger-btn:disabled, .rs-theme-high-contrast .rs-btn[data-appearance=ghost]:disabled, .rs-theme-high-contrast .rs-uploader-picture [data-appearance=ghost].rs-uploader-trigger-btn:disabled, .rs-uploader-picture .rs-theme-high-contrast [data-appearance=ghost].rs-uploader-trigger-btn:disabled, [data-theme=high-contrast] .rs-btn[data-appearance=ghost].rs-btn[data-disabled=true], [data-theme=high-contrast] .rs-uploader-picture [data-appearance=ghost][data-disabled=true].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=high-contrast] [data-appearance=ghost][data-disabled=true].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-appearance=ghost].rs-btn[data-disabled=true], .rs-theme-high-contrast .rs-uploader-picture [data-appearance=ghost][data-disabled=true].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-high-contrast [data-appearance=ghost][data-disabled=true].rs-uploader-trigger-btn{
   border-color:var(--rs-btn-default-disabled-border-color);
 }
 
-.rs-btn-red{
+.rs-btn[data-color=red], .rs-uploader-picture [data-color=red].rs-uploader-trigger-btn{
   --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);
@@ -2880,7 +2902,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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{
+[data-theme=dark] .rs-btn[data-color=red], [data-theme=dark] .rs-uploader-picture [data-color=red].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=dark] [data-color=red].rs-uploader-trigger-btn, .rs-theme-dark .rs-btn[data-color=red], .rs-theme-dark .rs-uploader-picture [data-color=red].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-dark [data-color=red].rs-uploader-trigger-btn{
   --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);
@@ -2902,7 +2924,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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{
+[data-theme=high-contrast] .rs-btn[data-color=red], [data-theme=high-contrast] .rs-uploader-picture [data-color=red].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=high-contrast] [data-color=red].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-color=red], .rs-theme-high-contrast .rs-uploader-picture [data-color=red].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-high-contrast [data-color=red].rs-uploader-trigger-btn{
   --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);
@@ -2921,7 +2943,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --rs-btn-link-active-text:var(--rs-red-200);
 }
 
-.rs-btn-orange{
+.rs-btn[data-color=orange], .rs-uploader-picture [data-color=orange].rs-uploader-trigger-btn{
   --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);
@@ -2943,7 +2965,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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{
+[data-theme=dark] .rs-btn[data-color=orange], [data-theme=dark] .rs-uploader-picture [data-color=orange].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=dark] [data-color=orange].rs-uploader-trigger-btn, .rs-theme-dark .rs-btn[data-color=orange], .rs-theme-dark .rs-uploader-picture [data-color=orange].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-dark [data-color=orange].rs-uploader-trigger-btn{
   --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);
@@ -2965,7 +2987,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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{
+[data-theme=high-contrast] .rs-btn[data-color=orange], [data-theme=high-contrast] .rs-uploader-picture [data-color=orange].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=high-contrast] [data-color=orange].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-color=orange], .rs-theme-high-contrast .rs-uploader-picture [data-color=orange].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-high-contrast [data-color=orange].rs-uploader-trigger-btn{
   --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);
@@ -2984,7 +3006,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --rs-btn-link-active-text:var(--rs-orange-200);
 }
 
-.rs-btn-yellow{
+.rs-btn[data-color=yellow], .rs-uploader-picture [data-color=yellow].rs-uploader-trigger-btn{
   --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);
@@ -3006,7 +3028,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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{
+[data-theme=dark] .rs-btn[data-color=yellow], [data-theme=dark] .rs-uploader-picture [data-color=yellow].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=dark] [data-color=yellow].rs-uploader-trigger-btn, .rs-theme-dark .rs-btn[data-color=yellow], .rs-theme-dark .rs-uploader-picture [data-color=yellow].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-dark [data-color=yellow].rs-uploader-trigger-btn{
   --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);
@@ -3028,7 +3050,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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{
+[data-theme=high-contrast] .rs-btn[data-color=yellow], [data-theme=high-contrast] .rs-uploader-picture [data-color=yellow].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=high-contrast] [data-color=yellow].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-color=yellow], .rs-theme-high-contrast .rs-uploader-picture [data-color=yellow].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-high-contrast [data-color=yellow].rs-uploader-trigger-btn{
   --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);
@@ -3047,7 +3069,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --rs-btn-link-active-text:var(--rs-yellow-200);
 }
 
-.rs-btn-green{
+.rs-btn[data-color=green], .rs-uploader-picture [data-color=green].rs-uploader-trigger-btn{
   --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);
@@ -3069,7 +3091,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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{
+[data-theme=dark] .rs-btn[data-color=green], [data-theme=dark] .rs-uploader-picture [data-color=green].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=dark] [data-color=green].rs-uploader-trigger-btn, .rs-theme-dark .rs-btn[data-color=green], .rs-theme-dark .rs-uploader-picture [data-color=green].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-dark [data-color=green].rs-uploader-trigger-btn{
   --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);
@@ -3091,7 +3113,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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{
+[data-theme=high-contrast] .rs-btn[data-color=green], [data-theme=high-contrast] .rs-uploader-picture [data-color=green].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=high-contrast] [data-color=green].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-color=green], .rs-theme-high-contrast .rs-uploader-picture [data-color=green].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-high-contrast [data-color=green].rs-uploader-trigger-btn{
   --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);
@@ -3110,7 +3132,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --rs-btn-link-active-text:var(--rs-green-200);
 }
 
-.rs-btn-cyan{
+.rs-btn[data-color=cyan], .rs-uploader-picture [data-color=cyan].rs-uploader-trigger-btn{
   --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);
@@ -3132,7 +3154,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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{
+[data-theme=dark] .rs-btn[data-color=cyan], [data-theme=dark] .rs-uploader-picture [data-color=cyan].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=dark] [data-color=cyan].rs-uploader-trigger-btn, .rs-theme-dark .rs-btn[data-color=cyan], .rs-theme-dark .rs-uploader-picture [data-color=cyan].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-dark [data-color=cyan].rs-uploader-trigger-btn{
   --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);
@@ -3154,7 +3176,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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{
+[data-theme=high-contrast] .rs-btn[data-color=cyan], [data-theme=high-contrast] .rs-uploader-picture [data-color=cyan].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=high-contrast] [data-color=cyan].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-color=cyan], .rs-theme-high-contrast .rs-uploader-picture [data-color=cyan].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-high-contrast [data-color=cyan].rs-uploader-trigger-btn{
   --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);
@@ -3173,7 +3195,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --rs-btn-link-active-text:var(--rs-cyan-200);
 }
 
-.rs-btn-blue{
+.rs-btn[data-color=blue], .rs-uploader-picture [data-color=blue].rs-uploader-trigger-btn{
   --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);
@@ -3195,7 +3217,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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{
+[data-theme=dark] .rs-btn[data-color=blue], [data-theme=dark] .rs-uploader-picture [data-color=blue].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=dark] [data-color=blue].rs-uploader-trigger-btn, .rs-theme-dark .rs-btn[data-color=blue], .rs-theme-dark .rs-uploader-picture [data-color=blue].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-dark [data-color=blue].rs-uploader-trigger-btn{
   --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);
@@ -3217,7 +3239,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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{
+[data-theme=high-contrast] .rs-btn[data-color=blue], [data-theme=high-contrast] .rs-uploader-picture [data-color=blue].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=high-contrast] [data-color=blue].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-color=blue], .rs-theme-high-contrast .rs-uploader-picture [data-color=blue].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-high-contrast [data-color=blue].rs-uploader-trigger-btn{
   --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);
@@ -3236,7 +3258,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --rs-btn-link-active-text:var(--rs-blue-200);
 }
 
-.rs-btn-violet{
+.rs-btn[data-color=violet], .rs-uploader-picture [data-color=violet].rs-uploader-trigger-btn{
   --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);
@@ -3258,7 +3280,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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{
+[data-theme=dark] .rs-btn[data-color=violet], [data-theme=dark] .rs-uploader-picture [data-color=violet].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=dark] [data-color=violet].rs-uploader-trigger-btn, .rs-theme-dark .rs-btn[data-color=violet], .rs-theme-dark .rs-uploader-picture [data-color=violet].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-dark [data-color=violet].rs-uploader-trigger-btn{
   --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);
@@ -3280,7 +3302,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   --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{
+[data-theme=high-contrast] .rs-btn[data-color=violet], [data-theme=high-contrast] .rs-uploader-picture [data-color=violet].rs-uploader-trigger-btn, .rs-uploader-picture [data-theme=high-contrast] [data-color=violet].rs-uploader-trigger-btn, .rs-theme-high-contrast .rs-btn[data-color=violet], .rs-theme-high-contrast .rs-uploader-picture [data-color=violet].rs-uploader-trigger-btn, .rs-uploader-picture .rs-theme-high-contrast [data-color=violet].rs-uploader-trigger-btn{
   --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);
@@ -3299,20 +3321,20 @@ tbody.rs-anim-collapse.rs-anim-in{
   --rs-btn-link-active-text:var(--rs-violet-200);
 }
 
-.rs-btn-block{
+.rs-btn[data-block=true], .rs-uploader-picture [data-block=true].rs-uploader-trigger-btn{
   width:100%;
 }
-.rs-btn-block + .rs-btn-block{
+.rs-btn[data-block=true] + .rs-btn[data-block=true], .rs-uploader-picture [data-block=true].rs-uploader-trigger-btn + .rs-btn[data-block=true], .rs-uploader-picture .rs-btn[data-block=true] + [data-block=true].rs-uploader-trigger-btn, .rs-uploader-picture [data-block=true].rs-uploader-trigger-btn + [data-block=true].rs-uploader-trigger-btn{
   margin-top:5px;
 }
 
-.rs-btn-loading{
+.rs-btn[data-loading=true], .rs-uploader-picture [data-loading=true].rs-uploader-trigger-btn{
   color:transparent !important;
   position:relative;
   cursor:default;
   pointer-events:none;
 }
-.rs-btn-loading > .rs-btn-spin::before, .rs-btn-loading > .rs-btn-spin::after{
+.rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-uploader-picture [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-uploader-picture [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after{
   content:"";
   position:absolute;
   width:var(--rs-btn-loading-spin-default-diameter);
@@ -3325,29 +3347,29 @@ tbody.rs-anim-collapse.rs-anim-in{
   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{
+.rs-btn[data-size=xs] .rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-uploader-picture [data-size=xs].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-btn[data-size=xs] .rs-uploader-picture [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-uploader-picture .rs-btn[data-size=xs] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-uploader-picture [data-size=xs].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-btn[data-size=xs] .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-uploader-picture [data-size=xs].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-btn[data-size=xs] .rs-uploader-picture [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-uploader-picture .rs-btn[data-size=xs] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-uploader-picture [data-size=xs].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .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{
+.rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-uploader-picture [data-loading=true].rs-uploader-trigger-btn > .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{
+.rs-btn[data-appearance=primary] .rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-btn[data-appearance=primary] .rs-uploader-picture [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-uploader-picture .rs-btn[data-appearance=primary] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .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{
+[data-theme=high-contrast] .rs-btn[data-appearance=primary] .rs-btn[data-loading=true] > .rs-btn-spin::before, [data-theme=high-contrast] .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-uploader-picture [data-theme=high-contrast] [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::before, [data-theme=high-contrast] .rs-btn[data-appearance=primary] .rs-uploader-picture [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-uploader-picture [data-theme=high-contrast] .rs-btn[data-appearance=primary] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, [data-theme=high-contrast] .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-uploader-picture [data-theme=high-contrast] [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-theme-high-contrast .rs-btn[data-appearance=primary] .rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-theme-high-contrast .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-uploader-picture .rs-theme-high-contrast [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::before, .rs-theme-high-contrast .rs-btn[data-appearance=primary] .rs-uploader-picture [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-uploader-picture .rs-theme-high-contrast .rs-btn[data-appearance=primary] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-theme-high-contrast .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before, .rs-uploader-picture .rs-theme-high-contrast [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::before{
   border-color:var(--rs-loader-ring-inverse);
 }
-.rs-btn-loading > .rs-btn-spin::after{
+.rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-uploader-picture [data-loading=true].rs-uploader-trigger-btn > .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{
+.rs-btn[data-appearance=primary] .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-btn[data-appearance=primary] .rs-uploader-picture [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-uploader-picture .rs-btn[data-appearance=primary] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .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{
+[data-theme=high-contrast] .rs-btn[data-appearance=primary] .rs-btn[data-loading=true] > .rs-btn-spin::after, [data-theme=high-contrast] .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-uploader-picture [data-theme=high-contrast] [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::after, [data-theme=high-contrast] .rs-btn[data-appearance=primary] .rs-uploader-picture [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-uploader-picture [data-theme=high-contrast] .rs-btn[data-appearance=primary] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, [data-theme=high-contrast] .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-uploader-picture [data-theme=high-contrast] [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-theme-high-contrast .rs-btn[data-appearance=primary] .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-theme-high-contrast .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-uploader-picture .rs-theme-high-contrast [data-appearance=primary].rs-uploader-trigger-btn .rs-btn[data-loading=true] > .rs-btn-spin::after, .rs-theme-high-contrast .rs-btn[data-appearance=primary] .rs-uploader-picture [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-uploader-picture .rs-theme-high-contrast .rs-btn[data-appearance=primary] [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-theme-high-contrast .rs-uploader-picture [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after, .rs-uploader-picture .rs-theme-high-contrast [data-appearance=primary].rs-uploader-trigger-btn [data-loading=true].rs-uploader-trigger-btn > .rs-btn-spin::after{
   border-top-color:var(--rs-loader-rotor-inverse);
 }
 @keyframes buttonSpin{
@@ -3367,14 +3389,14 @@ tbody.rs-anim-collapse.rs-anim-in{
   font-size:var(--rs-btn-icon-size);
   vertical-align:bottom;
 }
-.rs-btn-icon:not(.rs-btn-icon-with-text){
+.rs-btn-icon:not([data-with-text]){
   width:var(--rs-btn-size);
 }
-.rs-btn-icon.rs-btn-icon-circle{
+.rs-btn-icon[data-shape=circle]{
   border-radius:var(--rs-radius-full);
 }
 
-.rs-btn-icon-with-text > .rs-icon{
+.rs-btn-icon[data-with-text] > .rs-icon{
   position:absolute;
   top:0;
   display:block;
@@ -3384,45 +3406,45 @@ tbody.rs-anim-collapse.rs-anim-in{
   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{
+.rs-btn-icon[data-with-text]:where([data-placement=start], [data-placement=left]){
   padding-inline-start:calc(var(--rs-btn-padding-inline) + var(--rs-btn-size));
 }
-.rs-btn-icon-with-text.rs-btn-icon-placement-left > .rs-icon{
+.rs-btn-icon[data-with-text]:where([data-placement=start], [data-placement=left]) > .rs-icon{
   inset-inline-start:0;
   border-right-width:1px;
 }
-.rs-btn-icon-with-text.rs-btn-icon-placement-right{
+.rs-btn-icon[data-with-text]:where([data-placement=end], [data-placement=right]){
   padding-inline-end:calc(var(--rs-btn-padding-inline) + var(--rs-btn-size));
 }
-.rs-btn-icon-with-text.rs-btn-icon-placement-right > .rs-icon{
+.rs-btn-icon[data-with-text]:where([data-placement=end], [data-placement=right]) > .rs-icon{
   inset-inline-end:0;
 }
-.rs-btn-icon-with-text:hover > .rs-icon{
+.rs-btn-icon[data-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{
+.rs-btn-icon[data-with-text]:active > .rs-icon, .rs-btn-icon[data-with-text].rs-btn[data-active=true] > .rs-icon{
   background-color:var(--rs-iconbtn-pressed-addon);
 }
-.rs-btn-icon-with-text:disabled > .rs-icon, .rs-btn-icon-with-text.rs-btn-disabled > .rs-icon{
+.rs-btn-icon[data-with-text]:disabled > .rs-icon, .rs-btn-icon[data-with-text].rs-btn[data-disabled=true] > .rs-icon{
   background-color:var(--rs-iconbtn-addon);
 }
-[data-theme=high-contrast] .rs-btn-icon-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{
+[data-theme=high-contrast] .rs-btn-icon[data-with-text]:disabled, .rs-theme-high-contrast .rs-btn-icon[data-with-text]:disabled, [data-theme=high-contrast] .rs-btn-icon[data-with-text].rs-btn[data-disabled=true], .rs-theme-high-contrast .rs-btn-icon[data-with-text].rs-btn[data-disabled=true]{
   border-color:var(--rs-btn-default-disabled-border-color);
 }
 
-.rs-btn-icon-with-text.rs-btn-primary > .rs-icon{
+.rs-btn-icon[data-with-text][data-appearance=primary] > .rs-icon{
   background-color:var(--rs-iconbtn-primary-addon);
 }
-.rs-btn-icon-with-text.rs-btn-primary:hover > .rs-icon{
+.rs-btn-icon[data-with-text][data-appearance=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{
+.rs-btn-icon[data-with-text][data-appearance=primary]:active > .rs-icon, .rs-btn-icon[data-with-text][data-appearance=primary].rs-btn[data-active=true] > .rs-icon{
   background-color:var(--rs-iconbtn-primary-pressed-addon);
 }
-.rs-btn-icon-with-text.rs-btn-primary:disabled > .rs-icon, .rs-btn-icon-with-text.rs-btn-primary.rs-btn-disabled > .rs-icon{
+.rs-btn-icon[data-with-text][data-appearance=primary]:disabled > .rs-icon, .rs-btn-icon[data-with-text][data-appearance=primary].rs-btn[data-disabled=true] > .rs-icon{
   background-color:var(--rs-iconbtn-primary-addon);
 }
-[data-theme=high-contrast] .rs-btn-icon-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{
+[data-theme=high-contrast] .rs-btn-icon[data-with-text][data-appearance=primary]:disabled, .rs-theme-high-contrast .rs-btn-icon[data-with-text][data-appearance=primary]:disabled, [data-theme=high-contrast] .rs-btn-icon[data-with-text][data-appearance=primary].rs-btn[data-disabled=true], .rs-theme-high-contrast .rs-btn-icon[data-with-text][data-appearance=primary].rs-btn[data-disabled=true]{
   border-color:var(--rs-btn-default-disabled-border-color);
 }
 
@@ -3480,7 +3502,7 @@ tbody.rs-anim-collapse.rs-anim-in{
 .rs-picker-toggle .rs-picker-toggle-placeholder{
   color:var(--rs-text-secondary);
 }
-.rs-picker-has-value .rs-btn .rs-picker-toggle-value, .rs-picker-has-value .rs-pagination-btn .rs-picker-toggle-value, .rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value{
+.rs-picker-has-value .rs-btn .rs-picker-toggle-value, .rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value{
   color:var(--rs-picker-value);
 }
 .rs-picker-value-list{
@@ -3503,7 +3525,7 @@ tbody.rs-anim-collapse.rs-anim-in{
 }
 .rs-picker-toggle-active, .rs-picker.rs-picker-focused{
   --rs-picker-toggle-border-color:var(--rs-input-focus-border);
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
 }
 .rs-picker-label.rs-input-group-addon{
@@ -3668,18 +3690,18 @@ tbody.rs-anim-collapse.rs-anim-in{
   background-color:var(--rs-input-bg);
   outline:none;
 }
-.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-textbox{
+.rs-picker-toggle-textbox:where([readonly]){
+  opacity:0;
+}
+.rs-picker-toggle:where([data-size=lg]) .rs-picker-toggle-textbox{
   padding-inline-start:14px;
 }
-.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-textbox{
+.rs-picker-toggle:where([data-size=sm]) .rs-picker-toggle-textbox{
   padding-inline-start:8px;
 }
-.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-textbox{
+.rs-picker-toggle:where([data-size=xs]) .rs-picker-toggle-textbox{
   padding-inline-start:6px;
 }
-.rs-picker-toggle-read-only{
-  opacity:0;
-}
 .rs-picker-toggle .rs-picker[data-variant=default], .rs-picker-toggle{
   transition:var(--rs-picker-transition);
 }
@@ -3694,22 +3716,10 @@ tbody.rs-anim-collapse.rs-anim-in{
   background-color:transparent;
   transition:none;
 }
-.rs-picker[data-variant=subtle] .rs-picker-toggle:hover{
+.rs-picker[data-variant=subtle] .rs-picker-toggle:hover,.rs-picker[data-variant=subtle] .rs-picker-toggle-active{
   color:var(--rs-btn-subtle-hover-text);
   background-color:var(--rs-btn-subtle-hover-bg);
 }
-.rs-picker[data-variant=subtle] .rs-picker-toggle:active, .rs-picker[data-variant=subtle] .rs-picker-toggle.rs-btn-active{
-  color:var(--rs-btn-subtle-active-text);
-  background-color:var(--rs-btn-subtle-active-bg);
-}
-.rs-picker[data-variant=subtle] .rs-picker-toggle:disabled, .rs-picker[data-variant=subtle] .rs-picker-toggle.rs-btn-disabled{
-  color:var(--rs-btn-subtle-disabled-text);
-  background:none;
-}
-.rs-picker[data-variant=subtle] .rs-picker-toggle-active{
-  background-color:var(--rs-btn-subtle-hover-bg);
-  color:var(--rs-btn-subtle-hover-text);
-}
 .rs-picker-toggle[data-size=lg]{
   --rs-badge-one-char-size:20px;
 }
@@ -3741,14 +3751,14 @@ tbody.rs-anim-collapse.rs-anim-in{
   align-items:center;
 }
 
-.rs-picker-toggle.rs-btn, .rs-picker-toggle.rs-pagination-btn{
+.rs-picker-toggle.rs-btn{
   text-align:start;
   display:inline-flex;
   align-items:center;
   justify-content:flex-start;
   padding-inline:calc(var(--rs-btn-padding-inline) - var(--rs-picker-toggle-border-width));
 }
-[data-block=true] .rs-picker-toggle.rs-btn, [data-block=true] .rs-picker-toggle.rs-pagination-btn{
+[data-block=true] .rs-picker-toggle.rs-btn{
   display:flex;
 }
 
@@ -3776,10 +3786,9 @@ tbody.rs-anim-collapse.rs-anim-in{
   color:var(--rs-text-secondary);
 }
 
-.rs-picker[data-variant=default] .rs-btn, .rs-picker[data-variant=default] .rs-pagination-btn,
+.rs-picker[data-variant=default] .rs-btn,
 .rs-picker[data-variant=default] .rs-picker-toggle,
 .rs-picker-input .rs-btn,
-.rs-picker-input .rs-pagination-btn,
 .rs-picker-input .rs-picker-toggle{
   background-color:var(--rs-picker-toggle-bg);
 }
@@ -3800,7 +3809,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   color:var(--rs-listbox-option-hover-text);
 }
 [data-theme=high-contrast] .rs-check-item:not(.rs-checkbox-disabled):hover, .rs-theme-high-contrast .rs-check-item:not(.rs-checkbox-disabled):hover, [data-theme=high-contrast] .rs-check-item:focus, .rs-theme-high-contrast .rs-check-item:focus, [data-theme=high-contrast] .rs-check-item.rs-check-item-focus, .rs-theme-high-contrast .rs-check-item.rs-check-item-focus{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -3872,7 +3881,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   color:var(--rs-listbox-option-hover-text);
 }
 [data-theme=high-contrast] .rs-auto-complete-item:hover, .rs-theme-high-contrast .rs-auto-complete-item:hover, [data-theme=high-contrast] .rs-auto-complete-item:focus, .rs-theme-high-contrast .rs-auto-complete-item:focus, [data-theme=high-contrast] .rs-auto-complete-item-focus, .rs-theme-high-contrast .rs-auto-complete-item-focus{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -3950,10 +3959,10 @@ tbody.rs-anim-collapse.rs-anim-in{
   margin-inline-end:0;
 }
 
-:root{
+.rs-badge{
   --rs-badge-offset-x:5%;
   --rs-badge-offset-y:5%;
-  --rs-badge-move:40%;
+  --rs-badge-move:var(--rs-badge-offset, 40%);
   --rs-badge-one-char-size:20px;
   --rs-badge-dot-size:10px;
   --rs-badge-transform-top-start:translate(calc(-1 * var(--rs-badge-move)), calc(-1 * var(--rs-badge-move)));
@@ -3976,10 +3985,10 @@ tbody.rs-anim-collapse.rs-anim-in{
 .rs-badge{
   display:inline-flex;
 }
-.rs-badge-circle{
-  --rs-badge-move:30%;
+.rs-badge[data-shape=circle]{
+  --rs-badge-offset:30%;
 }
-.rs-badge-independent, .rs-badge-content{
+.rs-badge:where([data-independent=true]), .rs-badge-content{
   opacity:1;
   display:inline-flex;
   justify-content:center;
@@ -3992,17 +4001,17 @@ tbody.rs-anim-collapse.rs-anim-in{
   padding-inline:0.3125rem;
   transition:opacity 0.3s ease-in-out;
 }
-.rs-badge-one-char .rs-badge-content, .rs-badge.rs-badge-one-char.rs-badge-independent{
+.rs-badge[data-one-char=true] .rs-badge-content, .rs-badge[data-one-char=true][data-independent=true]{
   width:var(--rs-badge-one-char-size);
   height:var(--rs-badge-one-char-size);
 }
 .rs-badge-content{
   box-sizing:border-box;
 }
-.rs-badge-hidden .rs-badge-content, .rs-badge.rs-badge-hidden.rs-badge-independent{
+.rs-badge[data-hidden=true] .rs-badge-content, .rs-badge[data-hidden=true][data-independent=true]{
   opacity:0;
 }
-.rs-badge-compact .rs-badge-content, .rs-badge.rs-badge-compact.rs-badge-independent{
+.rs-badge[data-compact=true] .rs-badge-content, .rs-badge[data-compact=true][data-independent=true]{
   padding:0;
 }
 .rs-badge:empty, .rs-badge-content:empty{
@@ -4016,59 +4025,59 @@ tbody.rs-anim-collapse.rs-anim-in{
   position:absolute;
   z-index:var(--rs-zindex-badge-content);
 }
-.rs-badge-outline .rs-badge-content{
+.rs-badge[data-outline=true] .rs-badge-content{
   border:2px solid var(--rs-badge-border);
 }
-.rs-badge-top-start .rs-badge-content{
+.rs-badge[data-placement=topStart] .rs-badge-content{
   transform:var(--rs-badge-transform-top-start);
   top:var(--rs-badge-offset-y);
   inset-inline-start:var(--rs-badge-offset-x);
 }
-.rs-badge-top-end .rs-badge-content{
+.rs-badge[data-placement=topEnd] .rs-badge-content{
   transform:var(--rs-badge-transform-top-end);
   top:var(--rs-badge-offset-y);
   inset-inline-end:var(--rs-badge-offset-x);
 }
-.rs-badge-bottom-start .rs-badge-content{
+.rs-badge[data-placement=bottomStart] .rs-badge-content{
   transform:var(--rs-badge-transform-bottom-start);
   bottom:var(--rs-badge-offset-y);
   inset-inline-start:var(--rs-badge-offset-x);
 }
-.rs-badge-bottom-end .rs-badge-content{
+.rs-badge[data-placement=bottomEnd] .rs-badge-content{
   transform:var(--rs-badge-transform-bottom-end);
   bottom:var(--rs-badge-offset-y);
   inset-inline-end:var(--rs-badge-offset-x);
 }
 
-.rs-badge-red{
+.rs-badge[data-color=red]{
   --rs-badge-bg:var(--rs-red-500);
 }
 
-.rs-badge-orange{
+.rs-badge[data-color=orange]{
   --rs-badge-bg:var(--rs-orange-500);
 }
 
-.rs-badge-yellow{
+.rs-badge[data-color=yellow]{
   --rs-badge-bg:var(--rs-yellow-500);
 }
 
-.rs-badge-green{
+.rs-badge[data-color=green]{
   --rs-badge-bg:var(--rs-green-500);
 }
 
-.rs-badge-cyan{
+.rs-badge[data-color=cyan]{
   --rs-badge-bg:var(--rs-cyan-500);
 }
 
-.rs-badge-blue{
+.rs-badge[data-color=blue]{
   --rs-badge-bg:var(--rs-blue-500);
 }
 
-.rs-badge-violet{
+.rs-badge[data-color=violet]{
   --rs-badge-bg:var(--rs-violet-500);
 }
 
-.rs-badge-pink{
+.rs-badge[data-color=pink]{
   --rs-badge-bg:var(--rs-pink-500);
 }
 
@@ -4119,49 +4128,52 @@ tbody.rs-anim-collapse.rs-anim-in{
   z-index:2;
 }
 
-.rs-btn-group:not(.rs-btn-group-vertical) > .rs-btn{
+.rs-btn-group:not([data-vertical=true]) > .rs-btn{
   float:inline-start;
 }
-.rs-btn-group:not(.rs-btn-group-vertical) > .rs-btn:not(:last-child){
+.rs-btn-group:not([data-vertical=true]) > .rs-btn:not(:last-child){
   border-end-end-radius:0;
   border-start-end-radius:0;
 }
-.rs-btn-group:not(.rs-btn-group-vertical) > .rs-btn:not(:first-child){
+.rs-btn-group:not([data-vertical=true]) > .rs-btn:not(:first-child){
   border-end-start-radius:0;
   border-start-start-radius:0;
 }
-.rs-btn-group:not(.rs-btn-group-vertical) > .rs-btn-ghost + .rs-btn-ghost{
+.rs-btn-group:not([data-vertical=true]) > .rs-btn[data-appearance=ghost] + .rs-btn[data-appearance=ghost]{
   margin-inline-start:-1px;
 }
-.rs-btn-group:not(.rs-btn-group-vertical).rs-btn-group-divided > .rs-btn:not(:last-child){
+.rs-btn-group:not([data-vertical=true])[data-divided=true] > .rs-btn:not(:last-child){
   border-right-width:1px;
 }
 
-.rs-btn-group-vertical > .rs-btn{
+.rs-btn-group[data-vertical=true] > .rs-btn{
   display:block;
   width:100%;
   max-width:100%;
 }
-.rs-btn-group-vertical > .rs-btn:not(:last-child){
+.rs-btn-group[data-vertical=true] > .rs-btn:not(:last-child){
   border-end-end-radius:0;
   border-end-start-radius:0;
 }
-.rs-btn-group-vertical > .rs-btn:not(:first-child){
+.rs-btn-group[data-vertical=true] > .rs-btn:not(:first-child){
   border-start-end-radius:0;
   border-start-start-radius:0;
 }
-.rs-btn-group-vertical > .rs-btn-ghost + .rs-btn-ghost{
+.rs-btn-group[data-vertical=true] > .rs-btn[data-appearance=ghost] + .rs-btn[data-appearance=ghost]{
   margin-top:-1px;
 }
-.rs-btn-group-vertical.rs-btn-group-divided > .rs-btn:not(:last-child){
+.rs-btn-group[data-vertical=true][data-divided=true] > .rs-btn:not(:last-child){
   border-bottom-width:1px;
 }
+.rs-btn-group[data-vertical=true][data-block=true]{
+  width:100%;
+}
 
-.rs-btn-group-justified{
+.rs-btn-group[data-justified=true]{
   display:flex;
   width:100%;
 }
-.rs-btn-group-justified > .rs-btn{
+.rs-btn-group[data-justified=true] > .rs-btn{
   flex:1 1 1%;
   overflow:hidden;
   text-overflow:ellipsis;
@@ -4748,7 +4760,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   color:var(--rs-listbox-option-hover-text);
 }
 [data-theme=high-contrast] .rs-calendar-time-dropdown-cell:hover, .rs-theme-high-contrast .rs-calendar-time-dropdown-cell:hover{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -4765,7 +4777,7 @@ tbody.rs-anim-collapse.rs-anim-in{
     color:var(--rs-listbox-option-hover-text);
   }
   [data-theme=high-contrast] .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover, .rs-theme-high-contrast .rs-calendar-time-dropdown-cell.rs-calendar-time-dropdown-cell-active:hover{
-    outline:2px solid var(--rs-color-focus-ring);
+    outline:2px solid var(--rs-focus-ring-color);
     outline-offset:-1px;
     outline-offset:-3px;
     outline-width:2px;
@@ -4833,26 +4845,26 @@ tbody.rs-anim-collapse.rs-anim-in{
   position:relative;
   width:var(--rs-card-width);
 }
-.rs-card-bordered{
+.rs-card[data-bordered=true]{
   border:1px solid var(--rs-border-primary);
   background-color:var(--rs-card-bg);
 }
-.rs-card-shaded,.rs-card-shaded-hover:hover{
+.rs-card[data-shaded=true],.rs-card[data-shaded=hover]:hover{
   box-shadow:var(--rs-card-shadow);
 }
-.rs-card-shaded-hover:hover{
+.rs-card[data-shaded=hover]:hover{
   cursor:pointer;
 }
-.rs-card-sm{
+.rs-card[data-size=sm]{
   --rs-card-padding:calc(var(--rs-spacing) * 2);
 }
-.rs-card-md{
+.rs-card[data-size=md]{
   --rs-card-padding:calc(var(--rs-spacing) * 4);
 }
-.rs-card-lg{
+.rs-card[data-size=lg]{
   --rs-card-padding:calc(var(--rs-spacing) * 6);
 }
-.rs-card-row{
+.rs-card[data-direction=row]{
   flex-direction:row;
 }
 .rs-card-header{
@@ -5043,7 +5055,7 @@ tbody.rs-anim-collapse.rs-anim-in{
 
 .rs-cascade-search-view-row{
   display:flex;
-  justify-content:space-between;
+  justify-content:flex-start;
   padding-inline:var(--rs-picker-item-content-padding-horizontal);
   padding-block:var(--rs-picker-item-content-padding-vertical);
   clear:both;
@@ -5059,7 +5071,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   color:var(--rs-listbox-option-hover-text);
 }
 [data-theme=high-contrast] .rs-cascade-search-view-row:hover, .rs-theme-high-contrast .rs-cascade-search-view-row:hover{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -5071,7 +5083,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   color:var(--rs-listbox-option-hover-text);
 }
 [data-theme=high-contrast] .rs-cascade-search-view-row.rs-cascade-search-view-row-focus, .rs-theme-high-contrast .rs-cascade-search-view-row.rs-cascade-search-view-row-focus{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -5112,6 +5124,7 @@ tbody.rs-anim-collapse.rs-anim-in{
 
 .rs-cascade-tree-column{
   overflow-y:auto;
+  overflow-x:hidden;
 }
 .rs-cascade-tree-column-loading{
   padding:4px;
@@ -5143,7 +5156,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   color:var(--rs-listbox-option-hover-text);
 }
 [data-theme=high-contrast] .rs-cascade-tree-item:hover, .rs-theme-high-contrast .rs-cascade-tree-item:hover, [data-theme=high-contrast] .rs-cascade-tree-item:focus, .rs-theme-high-contrast .rs-cascade-tree-item:focus, [data-theme=high-contrast] .rs-cascade-tree-item.rs-cascade-tree-item-focus, .rs-theme-high-contrast .rs-cascade-tree-item.rs-cascade-tree-item-focus{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -5199,7 +5212,7 @@ tbody.rs-anim-collapse.rs-anim-in{
   position:relative;
   align-items:center;
 }
-.rs-checkbox-disabled label{
+.rs-checkbox[data-disabled=true] label{
   cursor:var(--rs-cursor-disabled);
 }
 .rs-checkbox label{
@@ -5209,14 +5222,14 @@ tbody.rs-anim-collapse.rs-anim-in{
 .rs-checkbox-inner::before{
   border-color:var(--rs-checkbox-checked-bg);
 }
-.rs-checkbox-disabled label{
+.rs-checkbox[data-disabled=true] label{
   cursor:var(--rs-cursor-disabled);
 }
-.rs-checkbox-disabled > .rs-checkbox-checker > label{
+.rs-checkbox[data-disabled=true] > .rs-checkbox-checker > label{
   color:var(--rs-text-disabled);
 }
 .rs-checkbox [type=checkbox]:focus-visible ~ .rs-checkbox-inner::before{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
 }
 
@@ -5247,7 +5260,7 @@ tbody.rs-anim-collapse.rs-anim-in{
 [data-theme=high-contrast] .rs-checkbox-control .rs-checkbox-inner::after, .rs-theme-high-contrast .rs-checkbox-control .rs-checkbox-inner::after{
   transition:none;
 }
-.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::after, .rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::after{
+.rs-checkbox[data-checked=true] .rs-checkbox-control .rs-checkbox-inner::after, .rs-checkbox[data-checked=mixed] .rs-checkbox-control .rs-checkbox-inner::after{
   border:solid var(--rs-checkbox-icon);
   width:6px;
   height:9px;
@@ -5255,11 +5268,11 @@ tbody.rs-anim-collapse.rs-anim-in{
   margin-inline-start:5px;
   opacity:1;
 }
-.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::after{
+.rs-checkbox[data-checked=true] .rs-checkbox-control .rs-checkbox-inner::after{
   border-width:0 2px 2px 0;
   transform:rotate(45deg) scale(1);
 }
-.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::after{
+.rs-checkbox[data-checked=mixed] .rs-checkbox-control .rs-checkbox-inner::after{
   border-width:0 0 2px;
   transform:rotate(0deg) scale(1);
   width:10px;
@@ -5293,7 +5306,7 @@ tbody.rs-anim-collapse.rs-anim-in{
 [data-theme=high-contrast] .rs-checkbox-control::before, .rs-theme-high-contrast .rs-checkbox-control::before{
   transition:none;
 }
-.rs-checkbox-checked .rs-checkbox-control::before{
+.rs-checkbox[data-checked=true] .rs-checkbox-control::before{
   transform:scale(1.5);
   opacity:0;
   visibility:visible;
@@ -5310,49 +5323,49 @@ tbody.rs-anim-collapse.rs-anim-in{
 label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   border-color:var(--rs-checkbox-checked-bg);
 }
-.rs-checkbox-disabled:not(.rs-checkbox-checked):not(.rs-checkbox-indeterminate) .rs-checkbox-control .rs-checkbox-inner::before{
+.rs-checkbox[data-disabled=true][data-checked=false] .rs-checkbox-control .rs-checkbox-inner::before{
   border-color:var(--rs-checkbox-disabled-bg);
   background-color:var(--rs-checkbox-disabled-bg);
 }
-.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before, .rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::before{
+.rs-checkbox[data-checked=true] .rs-checkbox-control .rs-checkbox-inner::before, .rs-checkbox[data-checked=mixed] .rs-checkbox-control .rs-checkbox-inner::before{
   border-color:var(--rs-checkbox-checked-bg);
   background-color:var(--rs-checkbox-checked-bg);
 }
-.rs-checkbox-disabled.rs-checkbox-checked .rs-checkbox-control .rs-checkbox-inner::before, .rs-checkbox-disabled.rs-checkbox-indeterminate .rs-checkbox-control .rs-checkbox-inner::before{
+.rs-checkbox[data-disabled=true][data-checked=true] .rs-checkbox-control .rs-checkbox-inner::before, .rs-checkbox[data-disabled=true][data-checked=mixed] .rs-checkbox-control .rs-checkbox-inner::before{
   opacity:0.5;
 }
 
-.rs-checkbox-red{
+.rs-checkbox[data-color=red]{
   --rs-checkbox-checked-bg:var(--rs-red-500);
   --rs-checkbox-border:var(--rs-red-500);
 }
 
-.rs-checkbox-orange{
+.rs-checkbox[data-color=orange]{
   --rs-checkbox-checked-bg:var(--rs-orange-500);
   --rs-checkbox-border:var(--rs-orange-500);
 }
 
-.rs-checkbox-yellow{
+.rs-checkbox[data-color=yellow]{
   --rs-checkbox-checked-bg:var(--rs-yellow-500);
   --rs-checkbox-border:var(--rs-yellow-500);
 }
 
-.rs-checkbox-green{
+.rs-checkbox[data-color=green]{
   --rs-checkbox-checked-bg:var(--rs-green-500);
   --rs-checkbox-border:var(--rs-green-500);
 }
 
-.rs-checkbox-cyan{
+.rs-checkbox[data-color=cyan]{
   --rs-checkbox-checked-bg:var(--rs-cyan-500);
   --rs-checkbox-border:var(--rs-cyan-500);
 }
 
-.rs-checkbox-blue{
+.rs-checkbox[data-color=blue]{
   --rs-checkbox-checked-bg:var(--rs-blue-500);
   --rs-checkbox-border:var(--rs-blue-500);
 }
 
-.rs-checkbox-violet{
+.rs-checkbox[data-color=violet]{
   --rs-checkbox-checked-bg:var(--rs-violet-500);
   --rs-checkbox-border:var(--rs-violet-500);
 }
@@ -5364,7 +5377,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   flex-direction:var(--rs-checkbox-group-direction);
   gap:var(--rs-checkbox-group-gap);
 }
-.rs-checkbox-group.rs-checkbox-group-inline{
+.rs-checkbox-group[data-inline=true]{
   --rs-checkbox-group-direction:row;
 }
 
@@ -5462,7 +5475,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   width:auto;
 }
 .rs-check-tree .rs-check-tree-node-content:focus-visible .rs-checkbox-label{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
 }
 .rs-check-tree .rs-check-tree-empty{
@@ -5505,7 +5518,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   color:var(--rs-listbox-option-hover-text);
   border-radius:var(--rs-radius-md);
 }
-.rs-check-tree-node .rs-check-item.rs-checkbox-disabled .rs-checkbox-label{
+.rs-check-tree-node .rs-check-item[data-disabled=true] .rs-checkbox-label{
   color:var(--rs-text-disabled);
   background:none;
 }
@@ -5606,13 +5619,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   width:unset;
 }
 .rs-picker-popup .rs-calendar-month-dropdown-cell:focus-visible .rs-calendar-month-dropdown-cell-content{
-  outline:3px solid var(--rs-color-focus-ring);
+  outline:3px solid var(--rs-focus-ring-color);
 }
 .rs-picker-popup .rs-calendar-table-cell:focus-visible{
   outline:none;
 }
 .rs-picker-popup .rs-calendar-table-cell:focus-visible .rs-calendar-table-cell-content{
-  outline:3px solid var(--rs-color-focus-ring);
+  outline:3px solid var(--rs-focus-ring-color);
 }
 .rs-picker-popup .rs-calendar .rs-calendar-table-cell-content{
   width:var(--rs-calendar-in-menu-content-side-length);
@@ -5623,7 +5636,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   color:var(--rs-listbox-option-hover-text);
 }
 [data-theme=high-contrast] .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover, .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-cell-content:hover{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -5651,7 +5664,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   color:var(--rs-listbox-option-hover-text);
 }
 [data-theme=high-contrast] .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content, .rs-theme-high-contrast .rs-picker-popup .rs-calendar .rs-calendar-table-cell:hover .rs-calendar-table-cell-content{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -6111,26 +6124,26 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   display:inline-block;
   vertical-align:middle;
 }
-.rs-dropdown-disabled .rs-dropdown-toggle.rs-btn{
+.rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn{
   cursor:var(--rs-cursor-disabled) !important;
   box-shadow:none;
 }
-.rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle, .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:focus, .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-subtle:active{
+.rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=subtle], .rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=subtle]:focus, .rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=subtle]:active{
   color:var(--rs-btn-subtle-disabled-text);
   background:none;
 }
-.rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-primary, .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-primary:focus, .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-primary:active{
+.rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=primary], .rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=primary]:focus, .rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=primary]:active{
   opacity:0.3;
   background-color:var(--rs-btn-primary-bg);
 }
-.rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-link, .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-link:focus, .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-link:active{
+.rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=link], .rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=link]:focus, .rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=link]:active{
   opacity:0.3;
   text-decoration:none;
 }
-.rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-ghost, .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-ghost:focus, .rs-dropdown-disabled .rs-dropdown-toggle.rs-btn.rs-btn-ghost:active{
+.rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=ghost], .rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=ghost]:focus, .rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn.rs-btn[data-appearance=ghost]:active{
   opacity:0.3;
 }
-.rs-dropdown-disabled .rs-dropdown-toggle.rs-btn .rs-ripple-pond{
+.rs-dropdown[data-disabled=true] .rs-dropdown-toggle.rs-btn .rs-ripple-pond{
   display:none !important;
 }
 
@@ -6156,7 +6169,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   outline:0;
 }
 .rs-dropdown-menu:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
 }
 .rs-dropdown .rs-dropdown-menu{
@@ -6204,35 +6217,36 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   width:var(--rs-font-size-base);
   text-align:center;
 }
-.rs-dropdown-item.rs-dropdown-item-active{
+.rs-dropdown-item[data-active=true]{
   outline:0;
   font-weight:bold;
 }
-.rs-dropdown-item.rs-dropdown-item-active, .rs-dropdown-item.rs-dropdown-item-active:hover, .rs-dropdown-item.rs-dropdown-item-active:focus{
+.rs-dropdown-item[data-active=true], .rs-dropdown-item[data-active=true]:hover, .rs-dropdown-item[data-active=true]:focus{
   color:var(--rs-menuitem-text-active);
   background-color:var(--rs-menuitem-bg-active);
 }
-.rs-dropdown-item.rs-dropdown-item-active .rs-text, .rs-dropdown-item.rs-dropdown-item-active:hover .rs-text, .rs-dropdown-item.rs-dropdown-item-active:focus .rs-text{
+.rs-dropdown-item[data-active=true] .rs-text, .rs-dropdown-item[data-active=true]:hover .rs-text, .rs-dropdown-item[data-active=true]:focus .rs-text{
   color:var(--rs-menuitem-text-active);
 }
-.rs-dropdown-item:focus-visible, .rs-dropdown-item.rs-dropdown-item-focus{
+.rs-dropdown-item:focus-visible, .rs-dropdown-item[data-focus=true]{
   background-color:var(--rs-menuitem-active-bg);
   color:var(--rs-menuitem-active-text);
 }
-[data-theme=high-contrast] .rs-dropdown-item:focus-visible, .rs-theme-high-contrast .rs-dropdown-item:focus-visible, [data-theme=high-contrast] .rs-dropdown-item.rs-dropdown-item-focus, .rs-theme-high-contrast .rs-dropdown-item.rs-dropdown-item-focus{
+[data-theme=high-contrast] .rs-dropdown-item:focus-visible, .rs-theme-high-contrast .rs-dropdown-item:focus-visible, [data-theme=high-contrast] .rs-dropdown-item[data-focus=true], .rs-theme-high-contrast .rs-dropdown-item[data-focus=true]{
   text-decoration:underline;
   box-shadow:inset 0 0 0 2px #fff;
 }
 .rs-dropdown-item:focus{
   outline:0;
 }
-.rs-dropdown-item-disabled{
+.rs-dropdown-item[data-disabled=true]{
+  color:var(--rs-text-disabled);
   cursor:var(--rs-cursor-disabled);
 }
-.rs-dropdown-item-disabled,.rs-dropdown-item-disabled .rs-text{
+.rs-dropdown-item[data-disabled=true] .rs-text{
   color:var(--rs-text-disabled);
 }
-.rs-dropdown-item-disabled:hover, .rs-dropdown-item-disabled:focus{
+.rs-dropdown-item[data-disabled=true]:hover, .rs-dropdown-item[data-disabled=true]:focus{
   text-decoration:none;
   background-color:transparent;
   background-image:none;
@@ -6284,53 +6298,53 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   inset-inline-start:unset;
   inset-inline-end:100%;
 }
-.rs-dropdown-item-submenu.rs-dropdown-item-open > .rs-dropdown-menu{
+.rs-dropdown-item-submenu[data-open=true] > .rs-dropdown-menu{
   display:table;
   animation-name:slideUpIn;
   animation-play-state:running;
 }
 
-.rs-dropdown-menu > .rs-dropdown-menu-item-focus{
+.rs-dropdown-menu > .rs-dropdown-menu-item[data-focus=true]{
   outline:0;
   background-color:var(--rs-menuitem-bg-active);
 }
-.rs-dropdown-menu > .rs-dropdown-menu-item-focus:hover, .rs-dropdown-menu > .rs-dropdown-menu-item-focus:focus{
+.rs-dropdown-menu > .rs-dropdown-menu-item[data-focus=true]:hover, .rs-dropdown-menu > .rs-dropdown-menu-item[data-focus=true]:focus{
   background-color:var(--rs-menuitem-active-bg);
   color:var(--rs-menuitem-active-text);
 }
-[data-theme=high-contrast] .rs-dropdown-menu > .rs-dropdown-menu-item-focus:hover, .rs-theme-high-contrast .rs-dropdown-menu > .rs-dropdown-menu-item-focus:hover, [data-theme=high-contrast] .rs-dropdown-menu > .rs-dropdown-menu-item-focus:focus, .rs-theme-high-contrast .rs-dropdown-menu > .rs-dropdown-menu-item-focus:focus{
+[data-theme=high-contrast] .rs-dropdown-menu > .rs-dropdown-menu-item[data-focus=true]:hover, .rs-theme-high-contrast .rs-dropdown-menu > .rs-dropdown-menu-item[data-focus=true]:hover, [data-theme=high-contrast] .rs-dropdown-menu > .rs-dropdown-menu-item[data-focus=true]:focus, .rs-theme-high-contrast .rs-dropdown-menu > .rs-dropdown-menu-item[data-focus=true]:focus{
   text-decoration:underline;
   box-shadow:inset 0 0 0 2px #fff;
 }
 
-.rs-dropdown-open > .rs-dropdown-menu{
+.rs-dropdown:where([data-open=true]) > .rs-dropdown-menu{
   animation-play-state:running;
 }
-.rs-dropdown-open > a{
+.rs-dropdown:where([data-open=true]) > a{
   outline:0;
 }
-.rs-dropdown-open[data-placement=top-start] > .rs-dropdown-menu, .rs-dropdown-open[data-placement=top-end] > .rs-dropdown-menu{
+.rs-dropdown:where([data-open=true])[data-placement=top-start] > .rs-dropdown-menu, .rs-dropdown:where([data-open=true])[data-placement=top-end] > .rs-dropdown-menu{
   bottom:100%;
 }
-.rs-dropdown-open[data-placement=bottom-start] > .rs-dropdown-menu, .rs-dropdown-open[data-placement=bottom-end] > .rs-dropdown-menu{
+.rs-dropdown:where([data-open=true])[data-placement=bottom-start] > .rs-dropdown-menu, .rs-dropdown:where([data-open=true])[data-placement=bottom-end] > .rs-dropdown-menu{
   top:100%;
 }
-.rs-dropdown-open[data-placement=left-start] > .rs-dropdown-menu, .rs-dropdown-open[data-placement=left-end] > .rs-dropdown-menu{
+.rs-dropdown:where([data-open=true])[data-placement=left-start] > .rs-dropdown-menu, .rs-dropdown:where([data-open=true])[data-placement=left-end] > .rs-dropdown-menu{
   inset-inline-end:100%;
 }
-.rs-dropdown-open[data-placement=right-start] > .rs-dropdown-menu, .rs-dropdown-open[data-placement=right-end] > .rs-dropdown-menu{
+.rs-dropdown:where([data-open=true])[data-placement=right-start] > .rs-dropdown-menu, .rs-dropdown:where([data-open=true])[data-placement=right-end] > .rs-dropdown-menu{
   inset-inline-start:100%;
 }
-.rs-dropdown-open[data-placement=top-start] > .rs-dropdown-menu, .rs-dropdown-open[data-placement=bottom-start] > .rs-dropdown-menu{
+.rs-dropdown:where([data-open=true])[data-placement=top-start] > .rs-dropdown-menu, .rs-dropdown:where([data-open=true])[data-placement=bottom-start] > .rs-dropdown-menu{
   inset-inline-start:0;
 }
-.rs-dropdown-open[data-placement=top-end] > .rs-dropdown-menu, .rs-dropdown-open[data-placement=bottom-end] > .rs-dropdown-menu{
+.rs-dropdown:where([data-open=true])[data-placement=top-end] > .rs-dropdown-menu, .rs-dropdown:where([data-open=true])[data-placement=bottom-end] > .rs-dropdown-menu{
   inset-inline-end:0;
 }
-.rs-dropdown-open[data-placement=left-start] > .rs-dropdown-menu, .rs-dropdown-open[data-placement=right-start] > .rs-dropdown-menu{
+.rs-dropdown:where([data-open=true])[data-placement=left-start] > .rs-dropdown-menu, .rs-dropdown:where([data-open=true])[data-placement=right-start] > .rs-dropdown-menu{
   top:0;
 }
-.rs-dropdown-open[data-placement=left-end] > .rs-dropdown-menu, .rs-dropdown-open[data-placement=right-end] > .rs-dropdown-menu{
+.rs-dropdown:where([data-open=true])[data-placement=left-end] > .rs-dropdown-menu, .rs-dropdown:where([data-open=true])[data-placement=right-end] > .rs-dropdown-menu{
   bottom:0;
 }
 
@@ -9715,25 +9729,25 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   position:relative;
   display:inline-block;
 }
-.rs-inline-edit.rs-inline-edit-xs{
+.rs-inline-edit[data-size=xs]{
   --rs-inline-edit-font-size:var(--rs-input-font-size-xs);
   --rs-inline-edit-line-height:var(--rs-input-line-height-xs);
   --rs-inline-edit-padding-block:calc(var(--rs-input-padding-block-xs) + var(--rs-input-border-width));
   --rs-inline-edit-padding-inline:calc(var(--rs-input-padding-inline-xs) + var(--rs-input-border-width));
 }
-.rs-inline-edit.rs-inline-edit-sm{
+.rs-inline-edit[data-size=sm]{
   --rs-inline-edit-font-size:var(--rs-input-font-size-sm);
   --rs-inline-edit-line-height:var(--rs-input-line-height-sm);
   --rs-inline-edit-padding-block:calc(var(--rs-input-padding-block-sm) + var(--rs-input-border-width));
   --rs-inline-edit-padding-inline:calc(var(--rs-input-padding-inline-sm) + var(--rs-input-border-width));
 }
-.rs-inline-edit.rs-inline-edit-md{
+.rs-inline-edit[data-size=md]{
   --rs-inline-edit-font-size:var(--rs-input-font-size-md);
   --rs-inline-edit-line-height:var(--rs-input-line-height-md);
   --rs-inline-edit-padding-block:calc(var(--rs-input-padding-block-md) + var(--rs-input-border-width));
   --rs-inline-edit-padding-inline:calc(var(--rs-input-padding-inline-md) + var(--rs-input-border-width));
 }
-.rs-inline-edit.rs-inline-edit-lg{
+.rs-inline-edit[data-size=lg]{
   --rs-inline-edit-font-size:var(--rs-input-font-size-lg);
   --rs-inline-edit-line-height:var(--rs-input-line-height-lg);
   --rs-inline-edit-padding-block:calc(var(--rs-input-padding-block-lg) + var(--rs-input-border-width));
@@ -9827,41 +9841,41 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   overflow-x:hidden;
   overflow-y:auto;
 }
-.rs-list-bordered{
+.rs-list[data-bordered=true]{
   border-radius:var(--rs-radius-md);
   border:var(--rs-list-border-width) solid var(--rs-list-border);
 }
-.rs-list-hover .rs-list-item:hover{
+.rs-list[data-hover=true] .rs-list-item:hover{
   background-color:var(--rs-list-hover-bg);
 }
-.rs-list-sortable .rs-list-item{
+.rs-list[data-sortable=true] .rs-list-item{
   cursor:move;
   cursor:grab;
 }
-.rs-list-sortable .rs-list-item-disabled, .rs-list-sortable .rs-list-item-disabled:active{
+.rs-list[data-sortable=true] .rs-list-item-disabled, .rs-list[data-sortable=true] .rs-list-item-disabled:active{
   cursor:not-allowed;
 }
 
 .rs-list-item{
   position:relative;
 }
-.rs-list-item-bordered{
+.rs-list-item[data-bordered=true]{
   padding-inline-start:20px;
   padding-inline-end:20px;
 }
-.rs-list-item-lg{
+.rs-list-item[data-size=lg]{
   padding-top:20px;
   padding-bottom:20px;
 }
-.rs-list-item-md{
+.rs-list-item[data-size=md]{
   padding-top:13px;
   padding-bottom:13px;
 }
-.rs-list-item-sm{
+.rs-list-item[data-size=sm]{
   padding-top:8px;
   padding-bottom:8px;
 }
-.rs-list-item-xs{
+.rs-list-item[data-size=xs]{
   padding-top:2px;
   padding-bottom:2px;
 }
@@ -9900,7 +9914,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   border:var(--rs-list-border-width) var(--rs-list-placeholder-border) dashed;
 }
 
-.rs-list-divider .rs-list-item + .rs-list-item{
+.rs-list[data-divider=true] .rs-list-item + .rs-list-item{
   border-top:var(--rs-list-border-width) solid var(--rs-list-border);
 }
 
@@ -10137,8 +10151,8 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
 .rs-message.rs-message-hiding{
   animation:notificationMoveOut 0.3s ease-in forwards;
 }
-[data-theme=dark] .rs-message .rs-btn-link,
-[data-theme=dark] .rs-message a, .rs-theme-dark .rs-message .rs-btn-link,
+[data-theme=dark] .rs-message .rs-btn[data-appearance=link],
+[data-theme=dark] .rs-message a, .rs-theme-dark .rs-message .rs-btn[data-appearance=link],
 .rs-theme-dark .rs-message a{
   color:inherit;
   text-decoration:underline;
@@ -10207,7 +10221,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   color:var(--rs-listbox-option-hover-text);
 }
 [data-theme=high-contrast] .rs-picker-select-menu-item:hover, .rs-theme-high-contrast .rs-picker-select-menu-item:hover, [data-theme=high-contrast] .rs-picker-select-menu-item:focus, .rs-theme-high-contrast .rs-picker-select-menu-item:focus, [data-theme=high-contrast] .rs-picker-select-menu-item.rs-picker-select-menu-item-focus, .rs-theme-high-contrast .rs-picker-select-menu-item.rs-picker-select-menu-item-focus{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -10507,24 +10521,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   padding-inline-start:var(--rs-picker-item-content-padding-horizontal);
 }
 
-.rs-cascade-tree-multi .rs-cascade-search-view-row{
-  padding-inline-start:0;
-  padding-top:0;
-  padding-bottom:0;
-}
-.rs-cascade-tree-multi .rs-cascade-search-view-col{
-  padding:0;
-}
-
-.rs-picker-popup-multi-cascader .rs-cascade-search-view-row{
-  padding-inline-start:0;
-  padding-top:0;
-  padding-bottom:0;
-}
-.rs-picker-popup-multi-cascader .rs-cascade-search-view-col{
-  padding:0;
-}
-
 .rs-nav{
   --rs-nav-caret-font-size:var(--rs-font-size-md);
   --rs-nav-pills-item-shadow:var(--rs-shadow-sm);
@@ -10536,18 +10532,18 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   height:36px;
   vertical-align:bottom;
 }
-.rs-nav-default .rs-nav-item, .rs-nav-tabs .rs-nav-item{
+.rs-nav[data-appearance=default] .rs-nav-item, .rs-nav[data-appearance=tabs] .rs-nav-item{
   position:relative;
   overflow:hidden;
 }
 @media not all and (min-resolution: 0.001dpcm){
-  .rs-nav-default .rs-nav-item, .rs-nav-tabs .rs-nav-item{
+  .rs-nav[data-appearance=default] .rs-nav-item, .rs-nav[data-appearance=tabs] .rs-nav-item{
     -webkit-mask-image:radial-gradient(white, black);
             mask-image:radial-gradient(white, black);
   }
 }
 
-.rs-nav-default .rs-nav-item, .rs-nav-tabs .rs-nav-item,.rs-nav-item{
+.rs-nav[data-appearance=default] .rs-nav-item, .rs-nav[data-appearance=tabs] .rs-nav-item,.rs-nav-item{
   transition:var(--rs-nav-item-transition);
 }
 
@@ -10583,7 +10579,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   text-decoration:underline;
 }
 .rs-nav-item:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-width:2px;
   outline-offset:0;
@@ -10595,17 +10591,17 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
 [data-theme=high-contrast] .rs-nav-item:active, .rs-theme-high-contrast .rs-nav-item:active{
   text-decoration:underline;
 }
-.rs-nav-item.rs-nav-item-disabled{
+.rs-nav-item[data-disabled=true]{
   cursor:not-allowed;
   pointer-events:none;
   color:var(--rs-text-disabled);
 }
-.rs-nav-item.rs-nav-item-active{
+.rs-nav-item[data-active=true]{
   position:relative;
   color:var(--rs-navs-selected);
   z-index:1;
 }
-[data-theme=high-contrast] .rs-nav-item.rs-nav-item-active, .rs-theme-high-contrast .rs-nav-item.rs-nav-item-active{
+[data-theme=high-contrast] .rs-nav-item[data-active=true], .rs-theme-high-contrast .rs-nav-item[data-active=true]{
   text-decoration:underline;
 }
 .rs-nav-item-icon{
@@ -10617,148 +10613,148 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   margin-inline-start:6px;
 }
 
-.rs-nav-horizontal{
+.rs-nav[data-direction=horizontal]{
   white-space:nowrap;
 }
-.rs-nav-horizontal > .rs-nav-item{
+.rs-nav[data-direction=horizontal] > .rs-nav-item{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   vertical-align:top;
 }
-.rs-nav-horizontal .rs-nav-bar{
+.rs-nav[data-direction=horizontal] .rs-nav-bar{
   position:absolute;
   bottom:0;
   width:100%;
 }
-.rs-nav-horizontal.rs-nav-reversed .rs-nav-bar{
+.rs-nav[data-direction=horizontal][data-reversed=true] .rs-nav-bar{
   bottom:auto;
   top:0;
 }
 
-.rs-nav-vertical > .rs-nav-item{
+.rs-nav[data-direction=vertical] > .rs-nav-item{
   display:flex;
   align-items:center;
 }
-.rs-nav-vertical > .rs-dropdown{
+.rs-nav[data-direction=vertical] > .rs-dropdown{
   width:100%;
 }
-.rs-nav-vertical > .rs-dropdown > .rs-dropdown-toggle{
+.rs-nav[data-direction=vertical] > .rs-dropdown > .rs-dropdown-toggle{
   width:100%;
   text-align:start;
   z-index:0;
 }
-.rs-nav-vertical .rs-nav-bar{
+.rs-nav[data-direction=vertical] .rs-nav-bar{
   display:block;
   position:absolute;
   top:0;
   bottom:0;
   inset-inline-end:0;
 }
-.rs-nav-vertical.rs-nav-reversed .rs-nav-bar{
+.rs-nav[data-direction=vertical][data-reversed=true] .rs-nav-bar{
   inset-inline-end:auto;
 }
 
-.rs-nav-default .rs-nav-item{
+.rs-nav[data-appearance=default] .rs-nav-item{
   border-radius:var(--rs-radius-md);
 }
 
-.rs-nav-default .rs-nav-item:hover,.rs-nav-tabs .rs-nav-item:hover, .rs-nav-tabs .rs-nav-item:focus{
+.rs-nav[data-appearance=default] .rs-nav-item:hover,.rs-nav[data-appearance=tabs] .rs-nav-item:hover, .rs-nav[data-appearance=tabs] .rs-nav-item:focus{
   background:var(--rs-navs-bg-hover);
 }
-.rs-nav-tabs .rs-nav-item.rs-nav-item-active{
+.rs-nav[data-appearance=tabs] .rs-nav-item[data-active=true]{
   border:1px solid var(--rs-navs-tab-border);
   background-color:var(--rs-bg-card);
   z-index:1;
 }
-.rs-nav-tabs.rs-nav-horizontal > .rs-nav-item,
-.rs-nav-tabs.rs-nav-horizontal > .rs-dropdown .rs-dropdown-toggle{
+.rs-nav[data-appearance=tabs][data-direction=horizontal] > .rs-nav-item,
+.rs-nav[data-appearance=tabs][data-direction=horizontal] > .rs-dropdown .rs-dropdown-toggle{
   border-top-left-radius:var(--rs-radius-md);
   border-top-right-radius:var(--rs-radius-md);
 }
-.rs-nav-tabs.rs-nav-horizontal .rs-nav-bar{
+.rs-nav[data-appearance=tabs][data-direction=horizontal] .rs-nav-bar{
   border-top:1px solid var(--rs-navs-tab-border);
 }
-.rs-nav-tabs.rs-nav-horizontal .rs-nav-item.rs-nav-item-active{
+.rs-nav[data-appearance=tabs][data-direction=horizontal] .rs-nav-item[data-active=true]{
   border-bottom-width:0;
 }
-.rs-nav-tabs.rs-nav-horizontal.rs-nav-reversed > .rs-nav-item,
-.rs-nav-tabs.rs-nav-horizontal.rs-nav-reversed > .rs-dropdown .rs-dropdown-toggle{
+.rs-nav[data-appearance=tabs][data-direction=horizontal][data-reversed=true] > .rs-nav-item,
+.rs-nav[data-appearance=tabs][data-direction=horizontal][data-reversed=true] > .rs-dropdown .rs-dropdown-toggle{
   border-top-left-radius:var(--rs-radius-none);
   border-top-right-radius:var(--rs-radius-none);
   border-bottom-left-radius:var(--rs-radius-md);
   border-bottom-right-radius:var(--rs-radius-md);
 }
-.rs-nav-tabs.rs-nav-horizontal.rs-nav-reversed .rs-nav-item.rs-nav-item-active{
+.rs-nav[data-appearance=tabs][data-direction=horizontal][data-reversed=true] .rs-nav-item[data-active=true]{
   border-bottom-width:1px;
   border-top-width:0;
 }
-.rs-nav-tabs.rs-nav-vertical > .rs-nav-item,
-.rs-nav-tabs.rs-nav-vertical > .rs-dropdown .rs-dropdown-toggle{
+.rs-nav[data-appearance=tabs][data-direction=vertical] > .rs-nav-item,
+.rs-nav[data-appearance=tabs][data-direction=vertical] > .rs-dropdown .rs-dropdown-toggle{
   border-end-start-radius:var(--rs-radius-md);
   border-start-start-radius:var(--rs-radius-md);
 }
-.rs-nav-tabs.rs-nav-vertical .rs-nav-bar{
+.rs-nav[data-appearance=tabs][data-direction=vertical] .rs-nav-bar{
   width:1px;
   background:var(--rs-navs-tab-border);
 }
-.rs-nav-tabs.rs-nav-vertical .rs-nav-item.rs-nav-item-active{
+.rs-nav[data-appearance=tabs][data-direction=vertical] .rs-nav-item[data-active=true]{
   border-inline-end-width:0;
 }
-.rs-nav-tabs.rs-nav-vertical.rs-nav-reversed > .rs-nav-item,
-.rs-nav-tabs.rs-nav-vertical.rs-nav-reversed > .rs-dropdown .rs-dropdown-toggle{
+.rs-nav[data-appearance=tabs][data-direction=vertical][data-reversed=true] > .rs-nav-item,
+.rs-nav[data-appearance=tabs][data-direction=vertical][data-reversed=true] > .rs-dropdown .rs-dropdown-toggle{
   border-start-start-radius:var(--rs-radius-none);
   border-end-start-radius:var(--rs-radius-none);
   border-start-end-radius:var(--rs-radius-md);
   border-end-end-radius:var(--rs-radius-md);
 }
-.rs-nav-tabs.rs-nav-vertical.rs-nav-reversed .rs-nav-item.rs-nav-item-active{
+.rs-nav[data-appearance=tabs][data-direction=vertical][data-reversed=true] .rs-nav-item[data-active=true]{
   border-inline-start-width:0;
   border-inline-end-width:1px;
 }
 
-.rs-nav-subtle .rs-nav-item{
+.rs-nav[data-appearance=subtle] .rs-nav-item{
   position:relative;
 }
-.rs-nav-subtle .rs-nav-item:hover, .rs-nav-subtle .rs-nav-item:focus{
+.rs-nav[data-appearance=subtle] .rs-nav-item:hover, .rs-nav[data-appearance=subtle] .rs-nav-item:focus{
   color:var(--rs-navs-selected);
 }
-.rs-nav-subtle .rs-nav-item.rs-nav-item-active::before{
+.rs-nav[data-appearance=subtle] .rs-nav-item[data-active=true]::before{
   content:"";
   position:absolute;
   background-color:var(--rs-navs-selected);
   display:block;
   z-index:1;
 }
-.rs-nav-subtle.rs-nav-horizontal .rs-nav-bar{
+.rs-nav[data-appearance=subtle][data-direction=horizontal] .rs-nav-bar{
   border-top:2px solid var(--rs-navs-subtle-border);
 }
-.rs-nav-subtle.rs-nav-horizontal .rs-nav-item.rs-nav-item-active::before{
+.rs-nav[data-appearance=subtle][data-direction=horizontal] .rs-nav-item[data-active=true]::before{
   bottom:0;
   inset-inline-start:0;
   inset-inline-end:0;
   height:2px;
 }
-.rs-nav-subtle.rs-nav-horizontal.rs-nav-reversed .rs-nav-item.rs-nav-item-active::before{
+.rs-nav[data-appearance=subtle][data-direction=horizontal][data-reversed=true] .rs-nav-item[data-active=true]::before{
   bottom:auto;
   top:0;
 }
-.rs-nav-subtle.rs-nav-vertical .rs-nav-bar{
+.rs-nav[data-appearance=subtle][data-direction=vertical] .rs-nav-bar{
   width:2px;
   background:var(--rs-navs-subtle-border);
 }
-.rs-nav-subtle.rs-nav-vertical .rs-nav-item.rs-nav-item-active::before{
+.rs-nav[data-appearance=subtle][data-direction=vertical] .rs-nav-item[data-active=true]::before{
   inset-inline-end:0;
   top:0;
   bottom:0;
   width:2px;
 }
-.rs-nav-subtle.rs-nav-vertical.rs-nav-reversed .rs-nav-item.rs-nav-item-active::before{
+.rs-nav[data-appearance=subtle][data-direction=vertical][data-reversed=true] .rs-nav-item[data-active=true]::before{
   inset-inline-end:auto;
   inset-inline-start:0;
 }
 
-.rs-nav-pills{
+.rs-nav[data-appearance=pills]{
   display:inline-flex;
   background-color:var(--rs-navs-pills-bg);
   border-radius:var(--rs-radius-md);
@@ -10766,37 +10762,37 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   width:-moz-max-content;
   width:max-content;
 }
-.rs-nav-pills .rs-nav-item{
+.rs-nav[data-appearance=pills] .rs-nav-item{
   border-radius:var(--rs-radius-md);
   position:relative;
   padding:4px 12px;
   color:var(--rs-navs-pills-item-color);
 }
-.rs-nav-pills .rs-nav-item-active{
+.rs-nav[data-appearance=pills] .rs-nav-item[data-active=true]{
   background-color:var(--rs-navs-pills-item-active-bg);
   color:var(--rs-navs-pills-item-active-color);
   box-shadow:var(--rs-nav-pills-item-shadow);
 }
-.rs-nav-pills .rs-nav-item-disabled{
+.rs-nav[data-appearance=pills] .rs-nav-item[data-disabled=true]{
   color:var(--rs-navs-pills-item-disabled-color);
 }
-.rs-nav-pills.rs-nav-vertical{
+.rs-nav[data-appearance=pills][data-direction=vertical]{
   flex-direction:column;
 }
-.rs-nav-pills.rs-nav-vertical .rs-nav-item{
+.rs-nav[data-appearance=pills][data-direction=vertical] .rs-nav-item{
   padding:6px 12px;
   justify-content:center;
 }
 
-.rs-nav-justified{
+.rs-nav[data-justified=true]{
   display:flex;
   width:100%;
 }
-.rs-nav-justified > .rs-nav-item,
-.rs-nav-justified > .rs-dropdown{
+.rs-nav[data-justified=true] > .rs-nav-item,
+.rs-nav[data-justified=true] > .rs-dropdown{
   flex:1 1 1%;
 }
-.rs-nav-justified > .rs-dropdown .rs-dropdown-toggle{
+.rs-nav[data-justified=true] > .rs-dropdown .rs-dropdown-toggle{
   width:100%;
   text-align:start;
 }
@@ -10846,7 +10842,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
 .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
 .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle{
   z-index:1;
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
 }
 [data-theme=high-contrast] .rs-navbar-nav:focus .rs-navbar-item:focus-visible, .rs-navbar-nav > .rs-dropdown [data-theme=high-contrast] .rs-navbar-nav:focus .rs-dropdown-toggle:focus-visible, .rs-theme-high-contrast .rs-navbar-nav:focus .rs-navbar-item:focus-visible, .rs-navbar-nav > .rs-dropdown .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown-toggle:focus-visible,
@@ -10860,7 +10856,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
 .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown .rs-dropdown-toggle:focus-visible,
 [data-theme=high-contrast] .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle,
 .rs-theme-high-contrast .rs-navbar-nav:focus .rs-dropdown.rs-dropdown-focus .rs-dropdown-toggle{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -10902,7 +10898,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
 .rs-navbar-item:focus-visible,
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible,
 .rs-navbar-nav > .rs-dropdown-item:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
 }
@@ -10915,7 +10911,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
 .rs-navbar-nav > .rs-dropdown .rs-theme-high-contrast .rs-dropdown-toggle:focus-visible,
 [data-theme=high-contrast] .rs-navbar-nav > .rs-dropdown-item:focus-visible,
 .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown-item:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -10940,12 +10936,12 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   padding-inline-end:calc(var(--rs-navbar-item-padding-x) + 20px);
 }
 .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus, .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
 }
 [data-theme=high-contrast] .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus, .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus, [data-theme=high-contrast] .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible, .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -10957,7 +10953,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   border:none;
 }
 [data-theme=high-contrast] .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible, .rs-theme-high-contrast .rs-navbar-nav > .rs-dropdown .rs-dropdown-toggle:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -10976,57 +10972,57 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   box-shadow:inset 0 0 0 2px #fff;
 }
 
-.rs-navbar-default{
+.rs-navbar[data-appearance=default]{
   background-color:var(--rs-navbar-default-bg);
   color:var(--rs-navbar-default-text);
 }
-.rs-navbar-default .rs-navbar-item:hover, .rs-navbar-nav > .rs-dropdown .rs-navbar-default .rs-dropdown-toggle:hover,
-.rs-navbar-default .rs-dropdown .rs-dropdown-toggle:hover,
-.rs-navbar-default .rs-dropdown.rs-dropdown-open .rs-dropdown-toggle{
+.rs-navbar[data-appearance=default] .rs-navbar-item:hover, .rs-navbar-nav > .rs-dropdown .rs-navbar[data-appearance=default] .rs-dropdown-toggle:hover,
+.rs-navbar[data-appearance=default] .rs-dropdown .rs-dropdown-toggle:hover,
+.rs-navbar[data-appearance=default] .rs-dropdown.rs-dropdown-open .rs-dropdown-toggle{
   background-color:var(--rs-navbar-default-hover-bg);
   color:var(--rs-navbar-default-hover-text);
 }
-.rs-navbar-default .rs-navbar-item.rs-navbar-item-active, .rs-navbar-default .rs-navbar-nav > .rs-dropdown .rs-navbar-item-active.rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown .rs-navbar-default .rs-navbar-item-active.rs-dropdown-toggle,
-.rs-navbar-default .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle{
+.rs-navbar[data-appearance=default] .rs-navbar-item.rs-navbar-item-active, .rs-navbar[data-appearance=default] .rs-navbar-nav > .rs-dropdown .rs-navbar-item-active.rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown .rs-navbar[data-appearance=default] .rs-navbar-item-active.rs-dropdown-toggle,
+.rs-navbar[data-appearance=default] .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle{
   color:var(--rs-navbar-default-selected-text);
 }
 
-.rs-navbar-inverse{
+.rs-navbar[data-appearance=inverse]{
   background-color:var(--rs-navbar-inverse-bg);
   color:var(--rs-navbar-inverse-text);
 }
-.rs-navbar-inverse .rs-navbar-item:hover, .rs-navbar-nav > .rs-dropdown .rs-navbar-inverse .rs-dropdown-toggle:hover, .rs-navbar-inverse .rs-navbar-item:focus, .rs-navbar-nav > .rs-dropdown .rs-navbar-inverse .rs-dropdown-toggle:focus,
-.rs-navbar-inverse .rs-dropdown .rs-dropdown-toggle:hover,
-.rs-navbar-inverse .rs-dropdown .rs-dropdown-toggle:focus{
+.rs-navbar[data-appearance=inverse] .rs-navbar-item:hover, .rs-navbar-nav > .rs-dropdown .rs-navbar[data-appearance=inverse] .rs-dropdown-toggle:hover, .rs-navbar[data-appearance=inverse] .rs-navbar-item:focus, .rs-navbar-nav > .rs-dropdown .rs-navbar[data-appearance=inverse] .rs-dropdown-toggle:focus,
+.rs-navbar[data-appearance=inverse] .rs-dropdown .rs-dropdown-toggle:hover,
+.rs-navbar[data-appearance=inverse] .rs-dropdown .rs-dropdown-toggle:focus{
   background-color:var(--rs-navbar-inverse-hover-bg);
   color:var(--rs-navbar-inverse-hover-text);
 }
-.rs-navbar-inverse .rs-navbar-item.rs-navbar-item-active, .rs-navbar-inverse .rs-navbar-nav > .rs-dropdown .rs-navbar-item-active.rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown .rs-navbar-inverse .rs-navbar-item-active.rs-dropdown-toggle,
-.rs-navbar-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle{
+.rs-navbar[data-appearance=inverse] .rs-navbar-item.rs-navbar-item-active, .rs-navbar[data-appearance=inverse] .rs-navbar-nav > .rs-dropdown .rs-navbar-item-active.rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown .rs-navbar[data-appearance=inverse] .rs-navbar-item-active.rs-dropdown-toggle,
+.rs-navbar[data-appearance=inverse] .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle{
   background-color:var(--rs-navbar-inverse-selected-bg);
 }
-[data-theme=high-contrast] .rs-navbar-inverse .rs-navbar-item.rs-navbar-item-active, [data-theme=high-contrast] .rs-navbar-inverse .rs-navbar-nav > .rs-dropdown .rs-navbar-item-active.rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown [data-theme=high-contrast] .rs-navbar-inverse .rs-navbar-item-active.rs-dropdown-toggle, .rs-theme-high-contrast .rs-navbar-inverse .rs-navbar-item.rs-navbar-item-active, .rs-theme-high-contrast .rs-navbar-inverse .rs-navbar-nav > .rs-dropdown .rs-navbar-item-active.rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown .rs-theme-high-contrast .rs-navbar-inverse .rs-navbar-item-active.rs-dropdown-toggle,
-[data-theme=high-contrast] .rs-navbar-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle,
-.rs-theme-high-contrast .rs-navbar-inverse .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle{
+[data-theme=high-contrast] .rs-navbar[data-appearance=inverse] .rs-navbar-item.rs-navbar-item-active, [data-theme=high-contrast] .rs-navbar[data-appearance=inverse] .rs-navbar-nav > .rs-dropdown .rs-navbar-item-active.rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown [data-theme=high-contrast] .rs-navbar[data-appearance=inverse] .rs-navbar-item-active.rs-dropdown-toggle, .rs-theme-high-contrast .rs-navbar[data-appearance=inverse] .rs-navbar-item.rs-navbar-item-active, .rs-theme-high-contrast .rs-navbar[data-appearance=inverse] .rs-navbar-nav > .rs-dropdown .rs-navbar-item-active.rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown .rs-theme-high-contrast .rs-navbar[data-appearance=inverse] .rs-navbar-item-active.rs-dropdown-toggle,
+[data-theme=high-contrast] .rs-navbar[data-appearance=inverse] .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle,
+.rs-theme-high-contrast .rs-navbar[data-appearance=inverse] .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle{
   color:var(--rs-navbar-inverse-selected-text);
 }
-.rs-navbar-inverse .rs-navbar-brand,
-.rs-navbar-inverse .rs-text{
+.rs-navbar[data-appearance=inverse] .rs-navbar-brand,
+.rs-navbar[data-appearance=inverse] .rs-text{
   color:var(--rs-navbar-inverse-text);
 }
 
-.rs-navbar-subtle{
+.rs-navbar[data-appearance=subtle]{
   background-color:transparent;
   color:var(--rs-navbar-subtle-text);
 }
-.rs-navbar-subtle .rs-navbar-item:hover, .rs-navbar-nav > .rs-dropdown .rs-navbar-subtle .rs-dropdown-toggle:hover, .rs-navbar-subtle .rs-navbar-item:focus, .rs-navbar-nav > .rs-dropdown .rs-navbar-subtle .rs-dropdown-toggle:focus,
-.rs-navbar-subtle .rs-dropdown .rs-dropdown-toggle:hover,
-.rs-navbar-subtle .rs-dropdown .rs-dropdown-toggle:focus{
+.rs-navbar[data-appearance=subtle] .rs-navbar-item:hover, .rs-navbar-nav > .rs-dropdown .rs-navbar[data-appearance=subtle] .rs-dropdown-toggle:hover, .rs-navbar[data-appearance=subtle] .rs-navbar-item:focus, .rs-navbar-nav > .rs-dropdown .rs-navbar[data-appearance=subtle] .rs-dropdown-toggle:focus,
+.rs-navbar[data-appearance=subtle] .rs-dropdown .rs-dropdown-toggle:hover,
+.rs-navbar[data-appearance=subtle] .rs-dropdown .rs-dropdown-toggle:focus{
   background-color:var(--rs-navbar-subtle-hover-bg);
   color:var(--rs-navbar-subtle-hover-text);
 }
-.rs-navbar-subtle .rs-navbar-item.rs-navbar-item-active, .rs-navbar-subtle .rs-navbar-nav > .rs-dropdown .rs-navbar-item-active.rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown .rs-navbar-subtle .rs-navbar-item-active.rs-dropdown-toggle,
-.rs-navbar-subtle .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle{
+.rs-navbar[data-appearance=subtle] .rs-navbar-item.rs-navbar-item-active, .rs-navbar[data-appearance=subtle] .rs-navbar-nav > .rs-dropdown .rs-navbar-item-active.rs-dropdown-toggle, .rs-navbar-nav > .rs-dropdown .rs-navbar[data-appearance=subtle] .rs-navbar-item-active.rs-dropdown-toggle,
+.rs-navbar[data-appearance=subtle] .rs-dropdown .rs-dropdown-menu-active ~ .rs-dropdown-toggle{
   color:var(--rs-navbar-subtle-selected-text);
 }
 
@@ -11197,19 +11193,19 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
 .rs-number-input.rs-input-group{
   width:auto;
 }
-.rs-number-input.rs-input-group-xs{
+.rs-number-input[data-size=xs]{
   --rs-number-input-touchspin-height:var(--rs-number-input-touchspin-height-xs);
   --rs-number-input-icon-height:calc(var(--rs-number-input-touchspin-height) - 0px);
 }
-.rs-number-input.rs-input-group-sm{
+.rs-number-input[data-size=sm]{
   --rs-number-input-touchspin-height:var(--rs-number-input-touchspin-height-sm);
   --rs-number-input-icon-height:calc(var(--rs-number-input-touchspin-height) - 2px);
 }
-.rs-number-input.rs-input-group-md{
+.rs-number-input[data-size=md]{
   --rs-number-input-touchspin-height:var(--rs-number-input-touchspin-height-md);
   --rs-number-input-icon-height:calc(var(--rs-number-input-touchspin-height) - 4px);
 }
-.rs-number-input.rs-input-group-lg{
+.rs-number-input[data-size=lg]{
   --rs-number-input-touchspin-height:var(--rs-number-input-touchspin-height-lg);
   --rs-number-input-icon-height:calc(var(--rs-number-input-touchspin-height) - 6px);
 }
@@ -11285,45 +11281,39 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   padding-inline-start:0;
   margin-bottom:0;
 }
-.rs-pagination-lg .rs-pagination-btn{
+.rs-pagination[data-size=lg] .rs-pagination-btn{
   min-width:42px;
 }
-.rs-pagination-lg .rs-pagination-btn .rs-pagination-symbol{
+.rs-pagination[data-size=lg] .rs-pagination-btn .rs-pagination-symbol{
   height:var(--rs-line-height-plus);
 }
-.rs-pagination-lg .rs-pagination-btn-active{
+.rs-pagination[data-size=lg] .rs-pagination-btn-active{
   padding-block:calc(var(--rs-spacing-block-lg) - 1px);
   padding-inline:calc(var(--rs-spacing-inline-lg) - 1px);
 }
-.rs-pagination-md .rs-pagination-btn{
+.rs-pagination[data-size=md] .rs-pagination-btn{
   min-width:36px;
 }
-.rs-pagination-md .rs-pagination-btn-active{
+.rs-pagination[data-size=md] .rs-pagination-btn-active{
   padding-block:calc(var(--rs-padding-block-md) - 1px);
   padding-inline:calc(var(--rs-padding-inline-md) - 1px);
 }
-.rs-pagination-sm .rs-pagination-btn{
+.rs-pagination[data-size=sm] .rs-pagination-btn{
   min-width:30px;
 }
-.rs-pagination-sm .rs-pagination-btn-active{
+.rs-pagination[data-size=sm] .rs-pagination-btn-active{
   padding-block:calc(var(--rs-spacing-block-sm) - 1px);
   padding-inline:calc(var(--rs-spacing-inline-sm) - 1px);
 }
-.rs-pagination-xs .rs-pagination-btn{
+.rs-pagination[data-size=xs] .rs-pagination-btn{
   min-width:24px;
 }
-.rs-pagination-xs .rs-pagination-btn-active{
+.rs-pagination[data-size=xs] .rs-pagination-btn-active{
   padding-block:calc(var(--rs-spacing-block-xs) - 1px);
   padding-inline:calc(var(--rs-spacing-inline-xs) - 1px);
 }
 
 .rs-pagination-btn{
-  --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);
   margin:0 2px;
   position:relative;
   float:inline-start;
@@ -11359,17 +11349,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   padding-inline:calc(var(--rs-btn-padding-inline) - var(--rs-btn-ghost-border-width, 1px));
   padding-block:calc(var(--rs-btn-padding-block) - var(--rs-btn-ghost-border-width, 1px));
 }
-.rs-pagination-btn.rs-pagination-btn-active: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-pagination-btn.rs-pagination-btn-active:active, .rs-pagination-btn.rs-pagination-btn-active.rs-btn-active{
-  color:var(--rs-btn-ghost-active-text);
-  background-color:transparent;
-  border-color:var(--rs-btn-ghost-active-border);
-}
 .high-contrast-mode .rs-pagination-btn.rs-pagination-btn-active{
   color:var(--rs-pagination-item-current-text);
   text-decoration:underline;
@@ -11424,16 +11403,16 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   width:var(--rs-pin-input-size);
   caret-color:transparent;
 }
-.rs-pin-input-segment.rs-input-lg{
+.rs-pin-input-segment[data-size=lg]{
   --rs-pin-input-size:var(--rs-pin-input-size-lg);
 }
-.rs-pin-input-segment.rs-input-md{
+.rs-pin-input-segment[data-size=md]{
   --rs-pin-input-size:var(--rs-pin-input-size-md);
 }
-.rs-pin-input-segment.rs-input-sm{
+.rs-pin-input-segment[data-size=sm]{
   --rs-pin-input-size:var(--rs-pin-input-size-sm);
 }
-.rs-pin-input-segment.rs-input-xs{
+.rs-pin-input-segment[data-size=xs]{
   --rs-pin-input-size:var(--rs-pin-input-size-xs);
 }
 .rs-pin-input-masked{
@@ -12196,7 +12175,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   position:relative;
   align-items:center;
 }
-.rs-radio-disabled label{
+.rs-radio[data-disabled=true] label{
   cursor:var(--rs-cursor-disabled);
 }
 .rs-radio label{
@@ -12206,16 +12185,19 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
 .rs-radio-inner::before{
   border-color:var(--rs-checkbox-checked-bg);
 }
-.rs-radio-disabled label{
+.rs-radio[data-disabled=true] label{
   cursor:var(--rs-cursor-disabled);
 }
-.rs-radio-disabled > .rs-radio-checker > label{
+.rs-radio[data-disabled=true] > .rs-radio-checker > label{
   color:var(--rs-text-disabled);
 }
 .rs-radio [type=radio]:focus ~ .rs-radio-inner::before{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
 }
+.rs-radio[data-disabled=true]{
+  cursor:var(--rs-cursor-disabled);
+}
 
 .rs-radio-checker{
   position:relative;
@@ -12236,9 +12218,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   width:var(--rs-radio-size);
   height:var(--rs-radio-size);
 }
-.rs-radio-control [type=radio]:disabled{
-  cursor:var(--rs-cursor-disabled);
-}
 .rs-radio-control::before,
 .rs-radio-control .rs-radio-inner::before,
 .rs-radio-control .rs-radio-inner::after{
@@ -12265,7 +12244,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
 [data-theme=high-contrast] .rs-radio-control::before, .rs-theme-high-contrast .rs-radio-control::before{
   transition:none;
 }
-.rs-radio-checked .rs-radio-control::before{
+.rs-radio[data-checked=true] .rs-radio-control::before{
   transform:scale(1.5);
   opacity:0;
   visibility:visible;
@@ -12283,15 +12262,15 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
 .rs-radio:hover .rs-radio-inner::before{
   border-color:var(--rs-radio-checked-bg);
 }
-.rs-radio.rs-radio-disabled .rs-radio-inner::before{
+.rs-radio[data-disabled=true] .rs-radio-inner::before{
   border-color:var(--rs-radio-disabled-bg);
   background-color:var(--rs-radio-disabled-bg);
 }
-.rs-radio.rs-radio-checked .rs-radio-inner::before{
+.rs-radio[data-checked=true] .rs-radio-inner::before{
   border-color:var(--rs-radio-checked-bg);
   background-color:var(--rs-radio-checked-bg);
 }
-.rs-radio.rs-radio-disabled.rs-radio-checked .rs-radio-inner::before{
+.rs-radio[data-disabled=true][data-checked=true] .rs-radio-inner::before{
   opacity:0.5;
 }
 .rs-radio-inner::after{
@@ -12308,42 +12287,42 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
 [data-theme=high-contrast] .rs-radio-inner::after, .rs-theme-high-contrast .rs-radio-inner::after{
   transition:none;
 }
-.rs-radio-checked .rs-radio-inner::after{
+.rs-radio[data-checked=true] .rs-radio-inner::after{
   transform:scale(1);
   opacity:1;
 }
 
-.rs-radio-red{
+.rs-radio[data-color=red]{
   --rs-radio-checked-bg:var(--rs-red-500);
   --rs-radio-border:var(--rs-red-500);
 }
 
-.rs-radio-orange{
+.rs-radio[data-color=orange]{
   --rs-radio-checked-bg:var(--rs-orange-500);
   --rs-radio-border:var(--rs-orange-500);
 }
 
-.rs-radio-yellow{
+.rs-radio[data-color=yellow]{
   --rs-radio-checked-bg:var(--rs-yellow-500);
   --rs-radio-border:var(--rs-yellow-500);
 }
 
-.rs-radio-green{
+.rs-radio[data-color=green]{
   --rs-radio-checked-bg:var(--rs-green-500);
   --rs-radio-border:var(--rs-green-500);
 }
 
-.rs-radio-cyan{
+.rs-radio[data-color=cyan]{
   --rs-radio-checked-bg:var(--rs-cyan-500);
   --rs-radio-border:var(--rs-cyan-500);
 }
 
-.rs-radio-blue{
+.rs-radio[data-color=blue]{
   --rs-radio-checked-bg:var(--rs-blue-500);
   --rs-radio-border:var(--rs-blue-500);
 }
 
-.rs-radio-violet{
+.rs-radio[data-color=violet]{
   --rs-radio-checked-bg:var(--rs-violet-500);
   --rs-radio-border:var(--rs-violet-500);
 }
@@ -12364,11 +12343,11 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   flex-direction:var(--rs-radio-group-direction);
   gap:var(--rs-radio-group-spacing);
 }
-.rs-radio-group.rs-radio-group-inline{
+.rs-radio-group[data-inline=true]{
   --rs-radio-group-direction:row;
 }
 
-.rs-radio-group-picker{
+.rs-radio-group[data-appearance=picker]{
   display:inline-flex;
   align-items:center;
   flex-wrap:wrap;
@@ -12377,18 +12356,18 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   border-radius:var(--rs-radio-group-picker-border-radius);
   padding-inline:calc(var(--rs-spacing) * 3);
 }
-.rs-radio-group-picker .rs-radio-inline{
+.rs-radio-group[data-appearance=picker] .rs-radio[data-inline=true]{
   padding-inline:var(--rs-spacing);
   margin:0;
 }
-.rs-radio-group-picker .rs-radio-checker{
+.rs-radio-group[data-appearance=picker] .rs-radio-checker{
   padding:0;
   min-height:auto;
 }
-.rs-radio-group-picker .rs-radio-control{
+.rs-radio-group[data-appearance=picker] .rs-radio-control{
   display:none;
 }
-.rs-radio-group-picker .rs-radio-checker > label{
+.rs-radio-group[data-appearance=picker] .rs-radio-checker > label{
   display:inline-block;
   white-space:nowrap;
   font-size:var(--rs-font-size-sm);
@@ -12402,22 +12381,22 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   padding-block-end:calc(var(--rs-padding-block-md) - var(--rs-radio-group-border-width) - var(--rs-radio-active-underline-width));
   border-bottom:var(--rs-radio-active-underline-width) solid var(--rs-radio-checker-border-color);
 }
-[data-theme=high-contrast] .rs-radio-group-picker .rs-radio-checker > label, .rs-theme-high-contrast .rs-radio-group-picker .rs-radio-checker > label{
+[data-theme=high-contrast] .rs-radio-group[data-appearance=picker] .rs-radio-checker > label, .rs-theme-high-contrast .rs-radio-group[data-appearance=picker] .rs-radio-checker > label{
   transition:none;
 }
-.rs-radio-group-picker .rs-radio-checker > label:hover, .rs-radio-group-picker .rs-radio-checker > label:active{
+.rs-radio-group[data-appearance=picker] .rs-radio-checker > label:hover, .rs-radio-group[data-appearance=picker] .rs-radio-checker > label:active{
   color:var(--rs-text-active);
   background:none;
 }
-.rs-radio-group-picker .rs-radio-checked .rs-radio-checker > label{
+.rs-radio-group[data-appearance=picker] .rs-radio-checked .rs-radio-checker > label{
   --rs-radio-checker-label-color:var(--rs-text-active);
   --rs-radio-checker-border-color:var(--rs-text-active);
 }
-.rs-radio-group-picker .rs-radio-disabled .rs-radio-checker{
+.rs-radio-group[data-appearance=picker] .rs-radio[data-disabled=true] .rs-radio-checker{
   opacity:0.3;
   cursor:not-allowed;
 }
-.rs-radio-group-picker .rs-radio-disabled:not(.rs-radio-checked) .rs-radio-checker > label{
+.rs-radio-group[data-appearance=picker] .rs-radio[data-disabled=true][data-checked=false] .rs-radio-checker > label{
   color:var(--rs-text-secondary);
 }
 
@@ -12855,13 +12834,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   outline:0;
 }
 .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   z-index:1;
 }
 [data-theme=high-contrast] .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible, .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown .rs-dropdown-item-toggle:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -12886,13 +12865,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   border-width:0 0 0 1px;
 }
 .rs-sidenav-nav .rs-sidenav-item:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   z-index:1;
 }
 [data-theme=high-contrast] .rs-sidenav-nav .rs-sidenav-item:focus-visible, .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-item:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -12923,20 +12902,20 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
 }
 .rs-sidenav-nav > .rs-sidenav-item:focus-visible,
 .rs-sidenav-nav > .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
 }
 .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
 .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   z-index:2;
 }
 [data-theme=high-contrast] .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle, .rs-theme-high-contrast .rs-sidenav-nav > .rs-dropdown-focus .rs-sidenav-dropdown-toggle,
 [data-theme=high-contrast] .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible,
 .rs-theme-high-contrast .rs-sidenav-nav .rs-sidenav-dropdown-toggle:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -12953,7 +12932,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   text-decoration:none;
 }
 .rs-sidenav-item:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -13010,14 +12989,14 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   flex-direction:column;
 }
 .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible, .rs-sidenav-collapse-in .rs-dropdown-item-focus{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   background:none;
   z-index:2;
 }
 [data-theme=high-contrast] .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible, .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible, [data-theme=high-contrast] .rs-sidenav-collapse-in .rs-dropdown-item-focus, .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -13026,13 +13005,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   box-shadow:none;
 }
 .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle, .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   z-index:2;
 }
 [data-theme=high-contrast] .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle, .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item:focus-visible.rs-dropdown-item-submenu > .rs-dropdown-item-toggle, [data-theme=high-contrast] .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle, .rs-theme-high-contrast .rs-sidenav-collapse-in .rs-dropdown-item-focus.rs-dropdown-item-submenu > .rs-dropdown-item-toggle{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -13107,13 +13086,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
 }
 .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
 .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
 }
 [data-theme=high-contrast] .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible, .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-sidenav-item:focus-visible,
 [data-theme=high-contrast] .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible,
 .rs-theme-high-contrast .rs-sidenav-collapse-out .rs-dropdown .rs-sidenav-dropdown-toggle:focus-visible{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;
@@ -13152,189 +13131,189 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   animation:sideNavFoldedText var(--rs-sidenav-collapse-transition);
 }
 
-.rs-sidenav-default{
+.rs-sidenav[data-appearance=default]{
   color:var(--rs-sidenav-default-text);
 }
-.rs-sidenav-default,.rs-sidenav-default .rs-sidenav-item,
-.rs-sidenav-default .rs-sidenav-dropdown-toggle,
-.rs-sidenav-default .rs-sidenav-toggle{
+.rs-sidenav[data-appearance=default],.rs-sidenav[data-appearance=default] .rs-sidenav-item,
+.rs-sidenav[data-appearance=default] .rs-sidenav-dropdown-toggle,
+.rs-sidenav[data-appearance=default] .rs-sidenav-toggle{
   background-color:var(--rs-sidenav-default-bg);
 }
-.rs-sidenav-default .rs-sidenav-item:hover,
-.rs-sidenav-default .rs-sidenav-dropdown-toggle:hover,
-.rs-sidenav-default .rs-sidenav-toggle:hover,
-.rs-sidenav-default .rs-dropdown-item:hover,
-.rs-sidenav-default .rs-dropdown.rs-dropdown-open .rs-sidenav-dropdown-toggle{
+.rs-sidenav[data-appearance=default] .rs-sidenav-item:hover,
+.rs-sidenav[data-appearance=default] .rs-sidenav-dropdown-toggle:hover,
+.rs-sidenav[data-appearance=default] .rs-sidenav-toggle:hover,
+.rs-sidenav[data-appearance=default] .rs-dropdown-item:hover,
+.rs-sidenav[data-appearance=default] .rs-dropdown.rs-dropdown-open .rs-sidenav-dropdown-toggle{
   background-color:var(--rs-sidenav-default-hover-bg);
   color:var(--rs-sidenav-default-hover-text);
 }
-.rs-sidenav-default .rs-sidenav-item.rs-sidenav-item-active,
-.rs-sidenav-default .rs-dropdown-item.rs-dropdown-item-active{
+.rs-sidenav[data-appearance=default] .rs-sidenav-item.rs-sidenav-item-active,
+.rs-sidenav[data-appearance=default] .rs-dropdown-item.rs-dropdown-item-active{
   color:var(--rs-sidenav-default-selected-text);
   background-color:var(--rs-sidenav-default-selected-bg);
 }
-.rs-sidenav-default .rs-sidenav-footer{
+.rs-sidenav[data-appearance=default] .rs-sidenav-footer{
   border-top-color:var(--rs-sidenav-default-footer-border);
 }
-.rs-sidenav-default .rs-dropdown-menu{
+.rs-sidenav[data-appearance=default] .rs-dropdown-menu{
   border-left:1px solid var(--rs-sidenav-default-subnav-border-color);
 }
-.rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active{
+.rs-sidenav[data-appearance=default].rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active{
   background-color:var(--rs-menuitem-active-bg);
   color:var(--rs-menuitem-active-text);
 }
-[data-theme=high-contrast] .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active, .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active{
+[data-theme=high-contrast] .rs-sidenav[data-appearance=default].rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active, .rs-theme-high-contrast .rs-sidenav[data-appearance=default].rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-active{
   text-decoration:underline;
   box-shadow:inset 0 0 0 2px #fff;
 }
 
-.rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle,
-.rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
-.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle,
-.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle{
+.rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle,
+.rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
+.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle,
+.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle{
   color:var(--rs-sidenav-default-text);
 }
-.rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:hover, .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus, .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
-.rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
-.rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
-.rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
-.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
-.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
-.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
-.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
-.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
-.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus{
+.rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:hover, .rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus, .rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
+.rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
+.rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
+.rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
+.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
+.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
+.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
+.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
+.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
+.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus{
   background-color:var(--rs-sidenav-default-hover-bg);
   color:var(--rs-sidenav-default-hover-text);
 }
-.rs-sidenav-default.rs-sidenav-collapse-in .rs-sidenav-item.rs-sidenav-item-active,
-.rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
-.rs-sidenav-default.rs-sidenav-collapsing .rs-sidenav-item.rs-sidenav-item-active,
-.rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active{
+.rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-sidenav-item.rs-sidenav-item-active,
+.rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
+.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-sidenav-item.rs-sidenav-item-active,
+.rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active{
   color:var(--rs-sidenav-default-selected-text);
 }
-[data-theme=high-contrast] .rs-sidenav-default.rs-sidenav-collapse-in .rs-sidenav-item.rs-sidenav-item-active, .rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapse-in .rs-sidenav-item.rs-sidenav-item-active,
-[data-theme=high-contrast] .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
-.rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
-[data-theme=high-contrast] .rs-sidenav-default.rs-sidenav-collapsing .rs-sidenav-item.rs-sidenav-item-active,
-.rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapsing .rs-sidenav-item.rs-sidenav-item-active,
-[data-theme=high-contrast] .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
-.rs-theme-high-contrast .rs-sidenav-default.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active{
+[data-theme=high-contrast] .rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-sidenav-item.rs-sidenav-item-active, .rs-theme-high-contrast .rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-sidenav-item.rs-sidenav-item-active,
+[data-theme=high-contrast] .rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
+.rs-theme-high-contrast .rs-sidenav[data-appearance=default].rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
+[data-theme=high-contrast] .rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-sidenav-item.rs-sidenav-item-active,
+.rs-theme-high-contrast .rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-sidenav-item.rs-sidenav-item-active,
+[data-theme=high-contrast] .rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
+.rs-theme-high-contrast .rs-sidenav[data-appearance=default].rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active{
   text-decoration:underline;
 }
 
-.rs-sidenav-inverse{
+.rs-sidenav[data-appearance=inverse]{
   color:var(--rs-sidenav-inverse-text);
 }
-.rs-sidenav-inverse,.rs-sidenav-inverse .rs-sidenav-item,
-.rs-sidenav-inverse .rs-dropdown .rs-sidenav-dropdown-toggle,
-.rs-sidenav-inverse .rs-sidenav-toggle,
-.rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle{
+.rs-sidenav[data-appearance=inverse],.rs-sidenav[data-appearance=inverse] .rs-sidenav-item,
+.rs-sidenav[data-appearance=inverse] .rs-dropdown .rs-sidenav-dropdown-toggle,
+.rs-sidenav[data-appearance=inverse] .rs-sidenav-toggle,
+.rs-sidenav[data-appearance=inverse] .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle{
   background-color:var(--rs-sidenav-inverse-bg);
 }
-.rs-sidenav-inverse .rs-sidenav-item:hover, .rs-sidenav-inverse .rs-sidenav-item:focus,
-.rs-sidenav-inverse .rs-dropdown .rs-sidenav-dropdown-toggle:hover,
-.rs-sidenav-inverse .rs-dropdown .rs-sidenav-dropdown-toggle:focus,
-.rs-sidenav-inverse .rs-sidenav-toggle:hover,
-.rs-sidenav-inverse .rs-sidenav-toggle:focus,
-.rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle:hover,
-.rs-sidenav-inverse .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle:focus{
+.rs-sidenav[data-appearance=inverse] .rs-sidenav-item:hover, .rs-sidenav[data-appearance=inverse] .rs-sidenav-item:focus,
+.rs-sidenav[data-appearance=inverse] .rs-dropdown .rs-sidenav-dropdown-toggle:hover,
+.rs-sidenav[data-appearance=inverse] .rs-dropdown .rs-sidenav-dropdown-toggle:focus,
+.rs-sidenav[data-appearance=inverse] .rs-sidenav-toggle:hover,
+.rs-sidenav[data-appearance=inverse] .rs-sidenav-toggle:focus,
+.rs-sidenav[data-appearance=inverse] .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle:hover,
+.rs-sidenav[data-appearance=inverse] .rs-dropdown-item-submenu:hover > .rs-dropdown-item-toggle:focus{
   background-color:var(--rs-sidenav-inverse-hover-bg);
 }
-.rs-sidenav-inverse .rs-dropdown-item,
-.rs-sidenav-inverse .rs-dropdown-item .rs-dropdown-item > .rs-dropdown-menu-toggle,
-.rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-item-toggle,
-.rs-sidenav-inverse .rs-sidenav-toggle{
+.rs-sidenav[data-appearance=inverse] .rs-dropdown-item,
+.rs-sidenav[data-appearance=inverse] .rs-dropdown-item .rs-dropdown-item > .rs-dropdown-menu-toggle,
+.rs-sidenav[data-appearance=inverse] .rs-dropdown-item > .rs-dropdown-item-toggle,
+.rs-sidenav[data-appearance=inverse] .rs-sidenav-toggle{
   color:var(--rs-sidenav-inverse-text);
 }
-.rs-sidenav-inverse .rs-dropdown-item:hover, .rs-sidenav-inverse .rs-dropdown-item:focus, .rs-sidenav-inverse .rs-dropdown-item.rs-dropdown-item-focus,
-.rs-sidenav-inverse .rs-dropdown-item .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
-.rs-sidenav-inverse .rs-dropdown-item .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
-.rs-sidenav-inverse .rs-dropdown-item .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
-.rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
-.rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
-.rs-sidenav-inverse .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
-.rs-sidenav-inverse .rs-sidenav-toggle:hover,
-.rs-sidenav-inverse .rs-sidenav-toggle:focus,
-.rs-sidenav-inverse .rs-sidenav-toggle.rs-dropdown-item-focus{
+.rs-sidenav[data-appearance=inverse] .rs-dropdown-item:hover, .rs-sidenav[data-appearance=inverse] .rs-dropdown-item:focus, .rs-sidenav[data-appearance=inverse] .rs-dropdown-item.rs-dropdown-item-focus,
+.rs-sidenav[data-appearance=inverse] .rs-dropdown-item .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
+.rs-sidenav[data-appearance=inverse] .rs-dropdown-item .rs-dropdown-item > .rs-dropdown-menu-toggle:focus,
+.rs-sidenav[data-appearance=inverse] .rs-dropdown-item .rs-dropdown-item > .rs-dropdown-menu-toggle.rs-dropdown-item-focus,
+.rs-sidenav[data-appearance=inverse] .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
+.rs-sidenav[data-appearance=inverse] .rs-dropdown-item > .rs-dropdown-item-toggle:focus,
+.rs-sidenav[data-appearance=inverse] .rs-dropdown-item > .rs-dropdown-item-toggle.rs-dropdown-item-focus,
+.rs-sidenav[data-appearance=inverse] .rs-sidenav-toggle:hover,
+.rs-sidenav[data-appearance=inverse] .rs-sidenav-toggle:focus,
+.rs-sidenav[data-appearance=inverse] .rs-sidenav-toggle.rs-dropdown-item-focus{
   background-color:var(--rs-sidenav-inverse-hover-bg);
   color:var(--rs-sidenav-inverse-text);
 }
-.rs-sidenav-inverse.rs-sidenav-collapse-out .rs-dropdown-item{
+.rs-sidenav[data-appearance=inverse].rs-sidenav-collapse-out .rs-dropdown-item{
   color:var(--rs-sidenav-default-text);
 }
-.rs-sidenav-inverse.rs-sidenav-collapse-out .rs-dropdown-item:hover, .rs-sidenav-inverse.rs-sidenav-collapse-out .rs-dropdown-item:focus, .rs-sidenav-inverse.rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-focus{
+.rs-sidenav[data-appearance=inverse].rs-sidenav-collapse-out .rs-dropdown-item:hover, .rs-sidenav[data-appearance=inverse].rs-sidenav-collapse-out .rs-dropdown-item:focus, .rs-sidenav[data-appearance=inverse].rs-sidenav-collapse-out .rs-dropdown-item.rs-dropdown-item-focus{
   background-color:var(--rs-sidenav-default-hover-bg);
   color:var(--rs-sidenav-default-hover-text);
 }
-.rs-sidenav-inverse .rs-sidenav-item.rs-sidenav-item-active,
-.rs-sidenav-inverse .rs-dropdown-item.rs-dropdown-item-active{
+.rs-sidenav[data-appearance=inverse] .rs-sidenav-item.rs-sidenav-item-active,
+.rs-sidenav[data-appearance=inverse] .rs-dropdown-item.rs-dropdown-item-active{
   color:var(--rs-sidenav-inverse-selected-text);
   background-color:var(--rs-sidenav-inverse-selected-bg);
 }
-.rs-sidenav-inverse .rs-sidenav-footer{
+.rs-sidenav[data-appearance=inverse] .rs-sidenav-footer{
   border-top-color:var(--rs-sidenav-inverse-footer-border);
 }
-.rs-sidenav-inverse .rs-dropdown-menu{
+.rs-sidenav[data-appearance=inverse] .rs-dropdown-menu{
   border-left:1px solid var(--rs-sidenav-inverse-subnav-border-color);
 }
 
-.rs-sidenav-subtle{
+.rs-sidenav[data-appearance=subtle]{
   background-color:transparent;
 }
-.rs-sidenav-subtle .rs-sidenav-item,
-.rs-sidenav-subtle .rs-sidenav-dropdown-toggle,
-.rs-sidenav-subtle .rs-dropdown-item,
-.rs-sidenav-subtle .rs-sidenav-toggle{
+.rs-sidenav[data-appearance=subtle] .rs-sidenav-item,
+.rs-sidenav[data-appearance=subtle] .rs-sidenav-dropdown-toggle,
+.rs-sidenav[data-appearance=subtle] .rs-dropdown-item,
+.rs-sidenav[data-appearance=subtle] .rs-sidenav-toggle{
   background-color:transparent;
   color:var(--rs-sidenav-subtle-text);
 }
-.rs-sidenav-subtle .rs-sidenav-item:hover, .rs-sidenav-subtle .rs-sidenav-item:focus-visible,
-.rs-sidenav-subtle .rs-sidenav-dropdown-toggle:hover,
-.rs-sidenav-subtle .rs-sidenav-dropdown-toggle:focus-visible,
-.rs-sidenav-subtle .rs-dropdown-item:hover,
-.rs-sidenav-subtle .rs-dropdown-item:focus-visible,
-.rs-sidenav-subtle .rs-sidenav-toggle:hover,
-.rs-sidenav-subtle .rs-sidenav-toggle:focus-visible{
+.rs-sidenav[data-appearance=subtle] .rs-sidenav-item:hover, .rs-sidenav[data-appearance=subtle] .rs-sidenav-item:focus-visible,
+.rs-sidenav[data-appearance=subtle] .rs-sidenav-dropdown-toggle:hover,
+.rs-sidenav[data-appearance=subtle] .rs-sidenav-dropdown-toggle:focus-visible,
+.rs-sidenav[data-appearance=subtle] .rs-dropdown-item:hover,
+.rs-sidenav[data-appearance=subtle] .rs-dropdown-item:focus-visible,
+.rs-sidenav[data-appearance=subtle] .rs-sidenav-toggle:hover,
+.rs-sidenav[data-appearance=subtle] .rs-sidenav-toggle:focus-visible{
   background-color:var(--rs-sidenav-subtle-hover-bg);
   color:var(--rs-sidenav-subtle-hover-text);
 }
-.rs-sidenav-subtle .rs-sidenav-item.rs-sidenav-item-active,
-.rs-sidenav-subtle .rs-dropdown-item.rs-dropdown-item-active{
+.rs-sidenav[data-appearance=subtle] .rs-sidenav-item.rs-sidenav-item-active,
+.rs-sidenav[data-appearance=subtle] .rs-dropdown-item.rs-dropdown-item-active{
   color:var(--rs-sidenav-subtle-selected-text);
   background-color:var(--rs-sidenav-subtle-selected-bg);
 }
-.rs-sidenav-subtle .rs-dropdown-open > .rs-sidenav-dropdown-toggle.btn{
+.rs-sidenav[data-appearance=subtle] .rs-dropdown-open > .rs-sidenav-dropdown-toggle.btn{
   background-color:transparent;
 }
-.rs-sidenav-subtle .rs-dropdown-open > .rs-sidenav-dropdown-toggle.btn:hover, .rs-sidenav-subtle .rs-dropdown-open > .rs-sidenav-dropdown-toggle.btn:focus{
+.rs-sidenav[data-appearance=subtle] .rs-dropdown-open > .rs-sidenav-dropdown-toggle.btn:hover, .rs-sidenav[data-appearance=subtle] .rs-dropdown-open > .rs-sidenav-dropdown-toggle.btn:focus{
   background-color:var(--rs-sidenav-subtle-hover-bg);
 }
-.rs-sidenav-subtle .rs-sidenav-footer{
+.rs-sidenav[data-appearance=subtle] .rs-sidenav-footer{
   border-top-color:var(--rs-sidenav-subtle-footer-border);
 }
-.rs-sidenav-subtle .rs-dropdown-menu{
+.rs-sidenav[data-appearance=subtle] .rs-dropdown-menu{
   border-left:1px solid var(--rs-sidenav-subtle-subnav-border-color);
 }
 
-.rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle,
-.rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
-.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle,
-.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle{
+.rs-sidenav[data-appearance=subtle].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle,
+.rs-sidenav[data-appearance=subtle].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle,
+.rs-sidenav[data-appearance=subtle].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle,
+.rs-sidenav[data-appearance=subtle].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle{
   color:var(--rs-sidenav-subtle-text);
 }
-.rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:hover, .rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus-visible,
-.rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
-.rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus-visible,
-.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
-.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus-visible,
-.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
-.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus-visible{
+.rs-sidenav[data-appearance=subtle].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:hover, .rs-sidenav[data-appearance=subtle].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-menu-toggle:focus-visible,
+.rs-sidenav[data-appearance=subtle].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
+.rs-sidenav[data-appearance=subtle].rs-sidenav-collapse-in .rs-dropdown-item > .rs-dropdown-item-toggle:focus-visible,
+.rs-sidenav[data-appearance=subtle].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:hover,
+.rs-sidenav[data-appearance=subtle].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-menu-toggle:focus-visible,
+.rs-sidenav[data-appearance=subtle].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:hover,
+.rs-sidenav[data-appearance=subtle].rs-sidenav-collapsing .rs-dropdown-item > .rs-dropdown-item-toggle:focus-visible{
   background-color:var(--rs-sidenav-subtle-hover-bg);
   color:var(--rs-sidenav-subtle-hover-text);
 }
-.rs-sidenav-subtle.rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
-.rs-sidenav-subtle.rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active{
+.rs-sidenav[data-appearance=subtle].rs-sidenav-collapse-in .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active,
+.rs-sidenav[data-appearance=subtle].rs-sidenav-collapsing .rs-dropdown-menu > .rs-dropdown-item.rs-dropdown-item-active{
   color:var(--rs-sidenav-subtle-selected-text);
 }
 
@@ -13845,7 +13824,7 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   --rs-steps-description-line-height:var(--rs-line-height-md);
   min-height:var(--rs-steps-icon-size);
 }
-.rs-steps.rs-steps-small{
+.rs-steps[data-size=small]{
   --rs-steps-icon-size:1.5rem;
   --rs-steps-icon-font-size:var(--rs-font-size-sm);
   --rs-steps-item-spacing:calc(var(--rs-spacing) * 8.5);
@@ -13860,10 +13839,10 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   position:relative;
   width:100%;
 }
-.rs-steps-item-status-process .rs-steps .rs-steps-item-content{
+.rs-steps .rs-steps-item[data-status=process] .rs-steps-item-content{
   color:var(--rs-text-primary);
 }
-.rs-steps-item-status-error .rs-steps .rs-steps-item-content{
+.rs-steps .rs-steps-item[data-status=error] .rs-steps-item-content{
   color:var(--rs-text-error);
 }
 .rs-steps .rs-steps-item-title{
@@ -13903,23 +13882,24 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   border:1px solid var(--rs-steps-border);
   border-radius:var(--rs-radius-full);
 }
-.rs-steps-item-status-finish .rs-steps-item-icon-wrapper{
+.rs-steps-item:where([data-status=finish]) .rs-steps-item-icon-wrapper{
   border-color:var(--rs-steps-state-finish);
   color:var(--rs-steps-state-finish);
 }
-.rs-steps-item-status-error .rs-steps-item-icon-wrapper{
+.rs-steps-item:where([data-status=error]) .rs-steps-item-icon-wrapper{
   border-color:var(--rs-steps-state-error);
   color:var(--rs-steps-state-error);
 }
-.rs-steps-item-status-process .rs-steps-item-icon-wrapper{
+.rs-steps-item:where([data-status=process]) .rs-steps-item-icon-wrapper{
   border-color:var(--rs-steps-state-process);
   background-color:var(--rs-steps-state-process);
   color:var(--rs-text-inverse);
 }
-.rs-steps-item-status-process .rs-steps-item-icon-wrapper .rs-icon{
+.rs-steps-item:where([data-status=process]) .rs-steps-item-icon-wrapper .rs-icon,
+.rs-steps-item:where([data-status=process]) .rs-steps-item-icon-wrapper svg{
   color:var(--rs-steps-icon-state-process);
 }
-.rs-steps-item-icon-wrapper.rs-steps-item-custom-icon{
+.rs-steps-item[data-custom-icon=true] .rs-steps-item-icon-wrapper{
   border:none;
   background:none;
 }
@@ -13940,42 +13920,42 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   position:absolute;
   border-color:var(--rs-steps-border);
 }
-.rs-steps-item-status-process .rs-steps-item-tail,
-.rs-steps-item-status-process .rs-steps-item-title::after{
+.rs-steps-item:where([data-status=process]) .rs-steps-item-tail,
+.rs-steps-item:where([data-status=process]) .rs-steps-item-title::after{
   border-color:var(--rs-steps-border);
 }
-.rs-steps-item-status-finish .rs-steps-item-tail,
-.rs-steps-item-status-finish .rs-steps-item-title::after{
+.rs-steps-item:where([data-status=finish]) .rs-steps-item-tail,
+.rs-steps-item:where([data-status=finish]) .rs-steps-item-title::after{
   border-color:var(--rs-steps-state-finish);
 }
-.rs-steps-next-error .rs-steps-item-tail,
-.rs-steps-next-error .rs-steps-item-title::after{
+.rs-steps-item[data-next-error=true] .rs-steps-item-tail,
+.rs-steps-item[data-next-error=true] .rs-steps-item-title::after{
   border-color:var(--rs-steps-border-state-error);
 }
 
-.rs-steps-horizontal{
+.rs-steps[data-direction=horizontal]{
   display:flex;
   justify-content:space-between;
 }
-.rs-steps-horizontal .rs-steps-item{
+.rs-steps[data-direction=horizontal] .rs-steps-item{
   flex-grow:1;
   flex-shrink:1;
   min-height:var(--rs-steps-icon-size);
 }
-.rs-steps-horizontal .rs-steps-item:last-child{
+.rs-steps[data-direction=horizontal] .rs-steps-item:last-child{
   flex-grow:0;
   flex-shrink:0;
 }
-.rs-steps-horizontal .rs-steps-item:last-child .rs-steps-item-title::after{
+.rs-steps[data-direction=horizontal] .rs-steps-item:last-child .rs-steps-item-title::after{
   display:none;
 }
-.rs-steps-horizontal .rs-steps-item:not(:first-child){
+.rs-steps[data-direction=horizontal] .rs-steps-item:not(:first-child){
   padding-inline-start:calc(var(--rs-steps-icon-size) + var(--rs-spacing) * 5);
 }
-.rs-steps-horizontal .rs-steps-item:not(:first-child) .rs-steps-item-icon-wrapper{
+.rs-steps[data-direction=horizontal] .rs-steps-item:not(:first-child) .rs-steps-item-icon-wrapper{
   inset-inline-start:calc(var(--rs-spacing) * 2.5);
 }
-.rs-steps-horizontal .rs-steps-item-title::after{
+.rs-steps[data-direction=horizontal] .rs-steps-item-title::after{
   content:"";
   top:calc(var(--rs-steps-icon-size) / 2);
   inset-inline-start:100%;
@@ -13984,16 +13964,16 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   border-top-style:solid;
 }
 
-.rs-steps-vertical .rs-steps-item{
+.rs-steps[data-direction=vertical] .rs-steps-item{
   padding-bottom:calc(var(--rs-spacing) * 5);
 }
-.rs-steps-vertical .rs-steps-item:not(:first-child){
+.rs-steps[data-direction=vertical] .rs-steps-item:not(:first-child){
   margin-top:calc(var(--rs-spacing) * 2.5);
 }
-.rs-steps-vertical .rs-steps-item:last-child .rs-steps-item-tail{
+.rs-steps[data-direction=vertical] .rs-steps-item:last-child .rs-steps-item-tail{
   display:none;
 }
-.rs-steps-vertical .rs-steps-item-tail{
+.rs-steps[data-direction=vertical] .rs-steps-item-tail{
   top:var(--rs-steps-item-spacing);
   bottom:0;
   inset-inline-start:calc(var(--rs-steps-icon-size) / 2);
@@ -14182,6 +14162,13 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
   cursor:pointer;
   margin-inline-end:var(--rs-table-header-sort-margin-start);
 }
+.rs-table-cell-header-icon-sort{
+  font-size:var(--rs-font-size-base);
+  line-height:var(--rs-table-header-line-height);
+}
+.rs-table-cell:where([aria-sort]) .rs-table-cell-header-icon-sort{
+  color:var(--rs-table-sort);
+}
 .rs-table-cell-header-sort-asc, .rs-table-cell-header-sort-desc{
   color:var(--rs-text-primary);
 }
@@ -14412,74 +14399,74 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before{
 .rs-tag-icon-close{
   padding:0;
 }
-.rs-tag-lg{
+.rs-tag[data-size=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[data-size=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[data-size=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[data-color=primary]{
   --rs-tag-bg:var(--rs-primary-500);
   --rs-tag-text:#fff;
 }
-.rs-tag-secondary{
+.rs-tag[data-color=secondary]{
   --rs-tag-bg:var(--rs-secondary-500);
   --rs-tag-text:#fff;
 }
-.rs-tag-success{
+.rs-tag[data-color=success]{
   --rs-tag-bg:var(--rs-success-500);
   --rs-tag-text:#fff;
 }
-.rs-tag-warning{
+.rs-tag[data-color=warning]{
   --rs-tag-bg:var(--rs-warning-500);
   --rs-tag-text:#fff;
 }
-.rs-tag-error{
+.rs-tag[data-color=error]{
   --rs-tag-bg:var(--rs-error-500);
   --rs-tag-text:#fff;
 }
-.rs-tag-info{
+.rs-tag[data-color=info]{
   --rs-tag-bg:var(--rs-info-500);
   --rs-tag-text:#fff;
 }
-.rs-tag-dark{
+.rs-tag[data-color=dark]{
   --rs-tag-bg:var(--rs-dark-500);
   --rs-tag-text:#fff;
 }
-.rs-tag-cyan{
+.rs-tag[data-color=cyan]{
   --rs-tag-bg:var(--rs-cyan-500);
   --rs-tag-text:#fff;
 }
-.rs-tag-violet{
+.rs-tag[data-color=violet]{
   --rs-tag-bg:var(--rs-violet-500);
   --rs-tag-text:#fff;
 }
-.rs-tag-orange{
+.rs-tag[data-color=orange]{
   --rs-tag-bg:var(--rs-orange-500);
   --rs-tag-text:#fff;
 }
-.rs-tag-yellow{
+.rs-tag[data-color=yellow]{
   --rs-tag-bg:var(--rs-yellow-500);
   --rs-tag-text:#fff;
 }
-.rs-tag-green{
+.rs-tag[data-color=green]{
   --rs-tag-bg:var(--rs-green-500);
   --rs-tag-text:#fff;
 }
-.rs-tag-red{
+.rs-tag[data-color=red]{
   --rs-tag-bg:var(--rs-red-500);
   --rs-tag-text:#fff;
 }
-.rs-tag-blue{
+.rs-tag[data-color=blue]{
   --rs-tag-bg:var(--rs-blue-500);
   --rs-tag-text:#fff;
 }
@@ -14983,7 +14970,7 @@ blockquote.rs-text{
   font-size:var(--rs-toggle-font-size);
   gap:var(--rs-toggle-gap);
 }
-.rs-toggle-xs{
+.rs-toggle[data-size=xs]{
   --rs-toggle-font-size:var(--rs-toggle-font-size-xs);
   --rs-toggle-inner-font-size:var(--rs-toggle-inner-font-size-xs);
   --rs-toggle-line-height:var(--rs-toggle-line-height-xs);
@@ -15002,7 +14989,7 @@ blockquote.rs-text{
     (var(--rs-toggle-size) * var(--rs-toggle-active-scale) - var(--rs-toggle-handle-gap)) * -1
   );
 }
-.rs-toggle-sm{
+.rs-toggle[data-size=sm]{
   --rs-toggle-font-size:var(--rs-toggle-font-size-sm);
   --rs-toggle-inner-font-size:var(--rs-toggle-inner-font-size-sm);
   --rs-toggle-line-height:var(--rs-toggle-line-height-sm);
@@ -15021,7 +15008,7 @@ blockquote.rs-text{
     (var(--rs-toggle-size) * var(--rs-toggle-active-scale) - var(--rs-toggle-handle-gap)) * -1
   );
 }
-.rs-toggle-md{
+.rs-toggle[data-size=md]{
   --rs-toggle-font-size:var(--rs-toggle-font-size-md);
   --rs-toggle-inner-font-size:var(--rs-toggle-inner-font-size-md);
   --rs-toggle-line-height:var(--rs-toggle-line-height-md);
@@ -15040,7 +15027,7 @@ blockquote.rs-text{
     (var(--rs-toggle-size) * var(--rs-toggle-active-scale) - var(--rs-toggle-handle-gap)) * -1
   );
 }
-.rs-toggle-lg{
+.rs-toggle[data-size=lg]{
   --rs-toggle-font-size:var(--rs-toggle-font-size-lg);
   --rs-toggle-inner-font-size:var(--rs-toggle-inner-font-size-lg);
   --rs-toggle-line-height:var(--rs-toggle-line-height-lg);
@@ -15059,7 +15046,7 @@ blockquote.rs-text{
     (var(--rs-toggle-size) * var(--rs-toggle-active-scale) - var(--rs-toggle-handle-gap)) * -1
   );
 }
-.rs-toggle-xl{
+.rs-toggle[data-size=xl]{
   --rs-toggle-font-size:var(--rs-toggle-font-size-xl);
   --rs-toggle-inner-font-size:var(--rs-toggle-inner-font-size-xl);
   --rs-toggle-line-height:var(--rs-toggle-line-height-xl);
@@ -15078,31 +15065,31 @@ blockquote.rs-text{
     (var(--rs-toggle-size) * var(--rs-toggle-active-scale) - var(--rs-toggle-handle-gap)) * -1
   );
 }
-.rs-toggle-red{
+.rs-toggle[data-color=red]{
   --rs-toggle-checked-bg:var(--rs-red-500);
   --rs-toggle-checked-hover-bg:var(--rs-red-600);
 }
-.rs-toggle-orange{
+.rs-toggle[data-color=orange]{
   --rs-toggle-checked-bg:var(--rs-orange-500);
   --rs-toggle-checked-hover-bg:var(--rs-orange-600);
 }
-.rs-toggle-yellow{
+.rs-toggle[data-color=yellow]{
   --rs-toggle-checked-bg:var(--rs-yellow-500);
   --rs-toggle-checked-hover-bg:var(--rs-yellow-600);
 }
-.rs-toggle-green{
+.rs-toggle[data-color=green]{
   --rs-toggle-checked-bg:var(--rs-green-500);
   --rs-toggle-checked-hover-bg:var(--rs-green-600);
 }
-.rs-toggle-cyan{
+.rs-toggle[data-color=cyan]{
   --rs-toggle-checked-bg:var(--rs-cyan-500);
   --rs-toggle-checked-hover-bg:var(--rs-cyan-600);
 }
-.rs-toggle-blue{
+.rs-toggle[data-color=blue]{
   --rs-toggle-checked-bg:var(--rs-blue-500);
   --rs-toggle-checked-hover-bg:var(--rs-blue-600);
 }
-.rs-toggle-violet{
+.rs-toggle[data-color=violet]{
   --rs-toggle-checked-bg:var(--rs-violet-500);
   --rs-toggle-checked-hover-bg:var(--rs-violet-600);
 }
@@ -15165,7 +15152,7 @@ blockquote.rs-text{
   box-shadow:inset 0 0 0 1px var(--rs-toggle-thumb);
 }
 .rs-toggle-input:focus-visible + .rs-toggle-track{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   box-shadow:inset 0 0 0 1px var(--rs-toggle-thumb), var(--rs-state-focus-shadow);
 }
@@ -15179,36 +15166,35 @@ blockquote.rs-text{
   background-color:currentColor;
   transition:inset-inline-start var(--rs-toggle-transition), margin-inline-start var(--rs-toggle-transition), width var(--rs-toggle-transition);
 }
-.rs-toggle-disabled .rs-toggle-track{
+.rs-toggle[data-disabled=true] .rs-toggle-track{
   background-color:var(--rs-toggle-disabled-bg);
   color:var(--rs-toggle-disabled-thumb);
-  box-shadow:inset 0 0 0 1px var(--rs-toggle-disabled-thumb);
   pointer-events:none;
 }
-.rs-toggle-checked .rs-toggle-track{
+.rs-toggle[data-checked=true] .rs-toggle-track{
   background-color:var(--rs-toggle-checked-bg);
   color:var(--rs-toggle-checked-thumb);
   box-shadow:none;
 }
-.rs-toggle-checked .rs-toggle-track::after{
+.rs-toggle[data-checked=true] .rs-toggle-track::after{
   inset-inline-start:100%;
   margin-inline-start:var(--rs-toggle-checked-margin-left);
 }
-.rs-toggle-checked .rs-toggle-track:active::after{
+.rs-toggle[data-checked=true] .rs-toggle-track:active::after{
   margin-inline-start:var(--rs-toggle-active-checked-margin-left);
 }
-.rs-toggle-checked .rs-toggle-track .rs-toggle-inner{
+.rs-toggle[data-checked=true] .rs-toggle-track .rs-toggle-inner{
   margin-inline-end:var(--rs-toggle-size);
   margin-inline-start:var(--rs-toggle-inner-margin);
 }
-.rs-toggle-checked .rs-toggle-track:hover{
+.rs-toggle[data-checked=true] .rs-toggle-track:hover{
   background-color:var(--rs-toggle-checked-hover-bg);
 }
-.rs-toggle-disabled.rs-toggle-checked .rs-toggle-track{
+.rs-toggle[data-checked=true][data-disabled=true] .rs-toggle-track{
   background-color:var(--rs-toggle-checked-disabled-bg);
   color:var(--rs-toggle-checked-disabled-thumb);
 }
-.rs-toggle-loading .rs-toggle-track::after{
+.rs-toggle[data-loading=true] .rs-toggle-track::after{
   display:none;
 }
 .rs-toggle-loader{
@@ -15227,7 +15213,7 @@ blockquote.rs-text{
 .rs-toggle-loader .rs-loader-spin::after{
   border-width:2px;
 }
-.rs-toggle-checked .rs-toggle-loader{
+.rs-toggle[data-checked=true] .rs-toggle-loader{
   inset-inline-start:100%;
   margin-inline-start:var(--rs-toggle-checked-margin-left);
 }
@@ -15237,10 +15223,10 @@ blockquote.rs-text{
 .rs-toggle-loader .rs-loader-spin::after{
   border-top-color:var(--rs-toggle-loader-rotor);
 }
-[data-theme=high-contrast] .rs-toggle-checked .rs-toggle-loader .rs-loader-spin::before, .rs-theme-high-contrast .rs-toggle-checked .rs-toggle-loader .rs-loader-spin::before{
+[data-theme=high-contrast] .rs-toggle[data-checked=true] .rs-toggle-loader .rs-loader-spin::before, .rs-theme-high-contrast .rs-toggle[data-checked=true] .rs-toggle-loader .rs-loader-spin::before{
   border-color:var(--rs-gray-200);
 }
-[data-theme=high-contrast] .rs-toggle-checked .rs-toggle-loader .rs-loader-spin::after, .rs-theme-high-contrast .rs-toggle-checked .rs-toggle-loader .rs-loader-spin::after{
+[data-theme=high-contrast] .rs-toggle[data-checked=true] .rs-toggle-loader .rs-loader-spin::after, .rs-theme-high-contrast .rs-toggle[data-checked=true] .rs-toggle-loader .rs-loader-spin::after{
   border-top-color:var(--rs-gray-500);
 }
 
@@ -15379,7 +15365,7 @@ blockquote.rs-text{
   align-items:center;
 }
 .rs-tree-node:focus-visible .rs-tree-node-label{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
 }
 .rs-tree-node-label{
@@ -15396,7 +15382,7 @@ blockquote.rs-text{
   color:var(--rs-listbox-option-hover-text);
 }
 [data-theme=high-contrast] .rs-tree-node-label:hover, .rs-theme-high-contrast .rs-tree-node-label:hover, [data-theme=high-contrast] .rs-tree-node-label:focus, .rs-theme-high-contrast .rs-tree-node-label:focus, [data-theme=high-contrast] .rs-tree-node-label.rs-tree-node-label-focus, .rs-theme-high-contrast .rs-tree-node-label.rs-tree-node-label-focus{
-  outline:2px solid var(--rs-color-focus-ring);
+  outline:2px solid var(--rs-focus-ring-color);
   outline-offset:-1px;
   outline-offset:-3px;
   outline-width:2px;