@epam/uui 4.10.0-rc.5 → 4.11.0-alpha.0

package/styles.css

@@ -33,13 +33,13 @@
   font-weight: normal;
   src: url("https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoSlab-Regular.ttf") format("truetype");
 }
-.Button_root__jHWil.uui-button-box {
+.Button_root__uIzk9.uui-button-box {
   border-style: solid;
   justify-content: center;
   min-width: inherit;
-  border-radius: var(--button-border-radius);
+  border-radius: var(--uui-btn-border-radius);
 }
-.Button_root__jHWil .uui-caption {
+.Button_root__uIzk9 .uui-caption {
   overflow: hidden;
   text-overflow: ellipsis;
   min-width: 0;
@@ -50,389 +50,274 @@
   user-select: none;
 }
 
-.Button_mode-solid__k0sQj {
-  background-color: var(--button-bg-color);
-  color: var(--button-caption-color);
-  fill: var(--button-caption-color);
-  border-color: var(--button-bg-color);
-}
-.Button_mode-solid__k0sQj.-clickable:hover {
-  background-color: var(--button-bg-color-hover);
-  border-color: var(--button-bg-color-hover);
-}
-.Button_mode-solid__k0sQj.-clickable:focus {
-  background-color: var(--button-bg-color-hover);
-  border-color: var(--button-bg-color-hover);
-  box-shadow: var(--button-focus-shadow);
-  outline: var(--button-focus-outline);
-}
-.Button_mode-solid__k0sQj.-clickable:active {
-  background-color: var(--button-bg-color-active);
-  border-color: var(--button-bg-color-active);
-}
-.Button_mode-solid__k0sQj.uui-disabled {
-  background-color: var(--button-bg-color-disabled);
-  color: var(--button-caption-color-disabled);
-  fill: var(--button-caption-color-disabled);
-  border-color: var(--button-border-color-disabled);
-}
-.Button_mode-solid__k0sQj.-clickable.uui-disabled, .Button_mode-solid__k0sQj:hover.uui-disabled, .Button_mode-solid__k0sQj:active.uui-disabled, .Button_mode-solid__k0sQj:focus.uui-disabled {
-  background-color: var(--button-bg-color-disabled);
-  color: var(--button-caption-color-disabled);
-  fill: var(--button-caption-color-disabled);
-  border-color: var(--button-border-color-disabled);
-}
-
-.Button_mode-outline__52pAv {
-  background-color: var(--button-bg-color-halftone);
-  color: var(--button-caption-halftone-color);
-  fill: var(--button-caption-halftone-color);
-  border-color: var(--button-border-color);
-}
-.Button_mode-outline__52pAv.-clickable:hover, .Button_mode-outline__52pAv.-clickable:focus {
-  background-color: var(--button-bg-color-halftone-hover);
-  color: var(--button-caption-halftone-color);
-  fill: var(--button-caption-halftone-color);
-  border-color: var(--button-border-color);
-}
-.Button_mode-outline__52pAv.-clickable:active {
-  background-color: var(--button-bg-color-halftone-active);
-  color: var(--button-caption-halftone-color);
-  fill: var(--button-caption-halftone-color);
-  border-color: var(--button-border-color);
-}
-.Button_mode-outline__52pAv.uui-disabled {
-  background-color: var(--button-bg-color-halftone);
-  color: var(--button-caption-color-disabled);
-  fill: var(--button-caption-color-disabled);
-  border-color: var(--button-border-color-disabled);
-}
-.Button_mode-outline__52pAv.-clickable.uui-disabled, .Button_mode-outline__52pAv:hover.uui-disabled, .Button_mode-outline__52pAv:active.uui-disabled, .Button_mode-outline__52pAv:focus.uui-disabled {
-  background-color: var(--button-bg-color-halftone);
-  color: var(--button-caption-color-disabled);
-  fill: var(--button-caption-color-disabled);
-  border-color: var(--button-border-color-disabled);
-}
-
-.Button_mode-none__udZIB {
+.Button_mode-solid__zr23o {
+  background-color: var(--uui-btn-bg);
+  color: var(--uui-btn-caption);
+  fill: var(--uui-btn-caption);
+  border-color: var(--uui-btn-bg);
+}
+.Button_mode-solid__zr23o.-clickable:hover {
+  background-color: var(--uui-btn-bg-hover);
+  border-color: var(--uui-btn-bg-hover);
+}
+.Button_mode-solid__zr23o.-clickable:focus {
+  background-color: var(--uui-btn-bg-hover);
+  border-color: var(--uui-btn-bg-hover);
+  box-shadow: var(--uui-btn-focus-shadow);
+  outline: var(--uui-btn-focus-outline);
+}
+.Button_mode-solid__zr23o.-clickable:active {
+  background-color: var(--uui-btn-bg-active);
+  border-color: var(--uui-btn-bg-active);
+}
+.Button_mode-solid__zr23o.uui-disabled {
+  background-color: var(--uui-btn-bg-disabled);
+  color: var(--uui-button-caption-disabled);
+  fill: var(--uui-button-caption-disabled);
+  border-color: var(--uui-btn-border-disabled);
+}
+.Button_mode-solid__zr23o.-clickable.uui-disabled, .Button_mode-solid__zr23o:hover.uui-disabled, .Button_mode-solid__zr23o:active.uui-disabled, .Button_mode-solid__zr23o:focus.uui-disabled {
+  background-color: var(--uui-btn-bg-disabled);
+  color: var(--uui-button-caption-disabled);
+  fill: var(--uui-button-caption-disabled);
+  border-color: var(--uui-btn-border-disabled);
+}
+
+.Button_mode-outline__e9LiF {
+  background-color: var(--uui-button-bg-halftone);
+  color: var(--uui-btn-caption-halftone);
+  fill: var(--uui-btn-caption-halftone);
+  border-color: var(--uui-btn-border);
+}
+.Button_mode-outline__e9LiF.-clickable:hover, .Button_mode-outline__e9LiF.-clickable:focus {
+  background-color: var(--uui-btn-bg-halftone-hover);
+  color: var(--uui-btn-caption-halftone);
+  fill: var(--uui-btn-caption-halftone);
+  border-color: var(--uui-btn-border);
+}
+.Button_mode-outline__e9LiF.-clickable:active {
+  background-color: var(--uui-btn-bg-halftone-active);
+  color: var(--uui-btn-caption-halftone);
+  fill: var(--uui-btn-caption-halftone);
+  border-color: var(--uui-btn-border);
+}
+.Button_mode-outline__e9LiF.uui-disabled {
+  background-color: var(--uui-button-bg-halftone);
+  color: var(--uui-button-caption-disabled);
+  fill: var(--uui-button-caption-disabled);
+  border-color: var(--uui-btn-border-disabled);
+}
+.Button_mode-outline__e9LiF.-clickable.uui-disabled, .Button_mode-outline__e9LiF:hover.uui-disabled, .Button_mode-outline__e9LiF:active.uui-disabled, .Button_mode-outline__e9LiF:focus.uui-disabled {
+  background-color: var(--uui-button-bg-halftone);
+  color: var(--uui-button-caption-disabled);
+  fill: var(--uui-button-caption-disabled);
+  border-color: var(--uui-btn-border-disabled);
+}
+
+.Button_mode-none__j8rJ3 {
   background-color: transparent;
-  color: var(--button-caption-halftone-color);
-  fill: var(--button-caption-halftone-color);
-  border-color: var(--button-border-color);
-}
-.Button_mode-none__udZIB.-clickable:hover, .Button_mode-none__udZIB.-clickable:focus {
-  background-color: var(--button-bg-color-halftone-hover);
-  color: var(--button-caption-halftone-color);
-  fill: var(--button-caption-halftone-color);
-  border-color: var(--button-border-color);
-}
-.Button_mode-none__udZIB.-clickable:active {
-  background-color: var(--button-bg-color-halftone-active);
-  color: var(--button-caption-halftone-color);
-  fill: var(--button-caption-halftone-color);
-  border-color: var(--button-border-color);
-}
-.Button_mode-none__udZIB.uui-disabled {
+  color: var(--uui-btn-caption-halftone);
+  fill: var(--uui-btn-caption-halftone);
+  border-color: var(--uui-btn-border);
+}
+.Button_mode-none__j8rJ3.-clickable:hover, .Button_mode-none__j8rJ3.-clickable:focus {
+  background-color: var(--uui-btn-bg-halftone-hover);
+  color: var(--uui-btn-caption-halftone);
+  fill: var(--uui-btn-caption-halftone);
+  border-color: var(--uui-btn-border);
+}
+.Button_mode-none__j8rJ3.-clickable:active {
+  background-color: var(--uui-btn-bg-halftone-active);
+  color: var(--uui-btn-caption-halftone);
+  fill: var(--uui-btn-caption-halftone);
+  border-color: var(--uui-btn-border);
+}
+.Button_mode-none__j8rJ3.uui-disabled {
   background-color: transparent;
-  color: var(--button-caption-color-disabled);
-  fill: var(--button-caption-color-disabled);
-  border-color: var(--button-border-color-disabled);
+  color: var(--uui-button-caption-disabled);
+  fill: var(--uui-button-caption-disabled);
+  border-color: var(--uui-btn-border-disabled);
 }
-.Button_mode-none__udZIB.-clickable.uui-disabled, .Button_mode-none__udZIB:hover.uui-disabled, .Button_mode-none__udZIB:active.uui-disabled, .Button_mode-none__udZIB:focus.uui-disabled {
+.Button_mode-none__j8rJ3.-clickable.uui-disabled, .Button_mode-none__j8rJ3:hover.uui-disabled, .Button_mode-none__j8rJ3:active.uui-disabled, .Button_mode-none__j8rJ3:focus.uui-disabled {
   background-color: transparent;
-  color: var(--button-caption-color-disabled);
-  fill: var(--button-caption-color-disabled);
-  border-color: var(--button-border-color-disabled);
+  color: var(--uui-button-caption-disabled);
+  fill: var(--uui-button-caption-disabled);
+  border-color: var(--uui-btn-border-disabled);
 }
 
-.Button_mode-ghost__Vyie6 {
+.Button_mode-ghost__c8QtK {
   background-color: transparent;
-  color: var(--button-caption-halftone-color);
-  fill: var(--button-caption-halftone-color);
+  color: var(--uui-btn-caption-halftone);
+  fill: var(--uui-btn-caption-halftone);
   border-color: transparent;
 }
-.Button_mode-ghost__Vyie6.-clickable:hover, .Button_mode-ghost__Vyie6.-clickable:focus {
-  background-color: var(--button-bg-color-halftone-hover);
-  border-color: var(--button-bg-color-halftone-hover);
+.Button_mode-ghost__c8QtK.-clickable:hover, .Button_mode-ghost__c8QtK.-clickable:focus {
+  background-color: var(--uui-btn-bg-halftone-hover);
+  border-color: var(--uui-btn-bg-halftone-hover);
 }
-.Button_mode-ghost__Vyie6.-clickable:active {
-  background-color: var(--button-bg-color-halftone-active);
-  border-color: var(--button-bg-color-halftone-active);
+.Button_mode-ghost__c8QtK.-clickable:active {
+  background-color: var(--uui-btn-bg-halftone-active);
+  border-color: var(--uui-btn-bg-halftone-active);
 }
-.Button_mode-ghost__Vyie6.uui-disabled {
+.Button_mode-ghost__c8QtK.uui-disabled {
   background-color: transparent;
-  color: var(--button-caption-color-disabled);
-  fill: var(--button-caption-color-disabled);
+  color: var(--uui-button-caption-disabled);
+  fill: var(--uui-button-caption-disabled);
   border-color: transparent;
 }
-.Button_mode-ghost__Vyie6.-clickable.uui-disabled, .Button_mode-ghost__Vyie6:hover.uui-disabled, .Button_mode-ghost__Vyie6:active.uui-disabled, .Button_mode-ghost__Vyie6:focus.uui-disabled {
+.Button_mode-ghost__c8QtK.-clickable.uui-disabled, .Button_mode-ghost__c8QtK:hover.uui-disabled, .Button_mode-ghost__c8QtK:active.uui-disabled, .Button_mode-ghost__c8QtK:focus.uui-disabled {
   background-color: transparent;
-  color: var(--button-caption-color-disabled);
-  fill: var(--button-caption-color-disabled);
+  color: var(--uui-button-caption-disabled);
+  fill: var(--uui-button-caption-disabled);
   border-color: transparent;
 }
 
-.Button_size-24__lDCao {
+.Button_size-24__8SJZp {
   min-width: 24px;
   padding-left: 5px;
   padding-right: 5px;
 }
-.Button_size-24__lDCao .uui-caption {
+.Button_size-24__8SJZp .uui-caption {
   padding-left: 6px;
   padding-right: 6px;
 }
-.Button_size-24__lDCao.uui-button-box {
+.Button_size-24__8SJZp.uui-button-box {
   min-height: 24px;
   border-width: 1px;
 }
-.Button_size-24__lDCao .uui-caption {
+.Button_size-24__8SJZp .uui-caption {
   line-height: 18px;
   font-size: 12px;
   padding-top: 2px;
   padding-bottom: 2px;
 }
 
-.Button_size-30__fekoc {
+.Button_size-30__z1sFR {
   min-width: 30px;
   padding-left: 5px;
   padding-right: 5px;
 }
-.Button_size-30__fekoc .uui-caption {
+.Button_size-30__z1sFR .uui-caption {
   padding-left: 6px;
   padding-right: 6px;
 }
-.Button_size-30__fekoc.uui-button-box {
+.Button_size-30__z1sFR.uui-button-box {
   min-height: 30px;
   border-width: 1px;
 }
-.Button_size-30__fekoc .uui-caption {
+.Button_size-30__z1sFR .uui-caption {
   line-height: 18px;
   font-size: 14px;
   padding-top: 5px;
   padding-bottom: 5px;
 }
 
-.Button_size-36__tBTXR {
+.Button_size-36__7ldWy {
   min-width: 36px;
   padding-left: 5px;
   padding-right: 5px;
 }
-.Button_size-36__tBTXR .uui-caption {
+.Button_size-36__7ldWy .uui-caption {
   padding-left: 6px;
   padding-right: 6px;
 }
-.Button_size-36__tBTXR.uui-button-box {
+.Button_size-36__7ldWy.uui-button-box {
   min-height: 36px;
   border-width: 1px;
 }
-.Button_size-36__tBTXR .uui-caption {
+.Button_size-36__7ldWy .uui-caption {
   line-height: 18px;
   font-size: 14px;
   padding-top: 8px;
   padding-bottom: 8px;
 }
 
-.Button_size-42__CZ7Vs {
+.Button_size-42__h3Y-0 {
   min-width: 42px;
   padding-left: 11px;
   padding-right: 11px;
 }
-.Button_size-42__CZ7Vs .uui-caption {
+.Button_size-42__h3Y-0 .uui-caption {
   padding-left: 6px;
   padding-right: 6px;
 }
-.Button_size-42__CZ7Vs.uui-button-box {
+.Button_size-42__h3Y-0.uui-button-box {
   min-height: 42px;
   border-width: 1px;
 }
-.Button_size-42__CZ7Vs .uui-caption {
+.Button_size-42__h3Y-0 .uui-caption {
   line-height: 24px;
   font-size: 16px;
   padding-top: 8px;
   padding-bottom: 8px;
   font-size: 14px;
 }
-.Button_size-42__CZ7Vs .uui-caption {
+.Button_size-42__h3Y-0 .uui-caption {
   font-family: var(--font-primary);
   text-transform: uppercase;
 }
 
-.Button_size-48__lF8e- {
+.Button_size-48__VaI4- {
   min-width: 48px;
   padding-left: 11px;
   padding-right: 11px;
 }
-.Button_size-48__lF8e- .uui-caption {
+.Button_size-48__VaI4- .uui-caption {
   padding-left: 6px;
   padding-right: 6px;
 }
-.Button_size-48__lF8e-.uui-button-box {
+.Button_size-48__VaI4-.uui-button-box {
   min-height: 48px;
   border-width: 1px;
 }
-.Button_size-48__lF8e- .uui-caption {
+.Button_size-48__VaI4- .uui-caption {
   line-height: 24px;
   font-size: 16px;
   padding-top: 11px;
   padding-bottom: 11px;
   font-size: 14px;
 }
-.Button_size-48__lF8e- .uui-caption {
+.Button_size-48__VaI4- .uui-caption {
   font-family: var(--font-primary);
   text-transform: uppercase;
 }
-.button-vars {
-  --button-border-radius: var(--border-radius);
-}
-
-.button-color-primary {
-  --button-bg-color: var(--primary-color);
-  --button-bg-color-hover: var(--primary-dark-color);
-  --button-bg-color-active: var(--primary-darkest-color);
-  --button-bg-color-halftone: var(--button-bg-halftone-color);
-  --button-bg-color-halftone-hover: var(--primary-lightest-color);
-  --button-bg-color-halftone-active: var(--primary-light-color);
-  --button-bg-color-disabled: var(--disabled-color);
-  --button-border-color: var(--primary-color);
-  --button-border-color-hover: var(--primary-dark-color);
-  --button-border-color-active: var(--primary-darkest-color);
-  --button-border-color-disabled: var(--disabled-color);
-  --button-caption-color: var(--contrast-color);
-  --button-caption-halftone-color: var(--primary-color);
-  --button-caption-color-disabled: var(--button-caption-disabled-color);
-}
-
-.button-color-accent {
-  --button-bg-color: var(--accent-color);
-  --button-bg-color-hover: var(--accent-dark-color);
-  --button-bg-color-active: var(--accent-darkest-color);
-  --button-bg-color-halftone: var(--button-bg-halftone-color);
-  --button-bg-color-halftone-hover: var(--accent-lightest-color);
-  --button-bg-color-halftone-active: var(--accent-light-color);
-  --button-bg-color-disabled: var(--disabled-color);
-  --button-border-color: var(--accent-color);
-  --button-border-color-hover: var(--accent-dark-color);
-  --button-border-color-active: var(--accent-darkest-color);
-  --button-border-color-disabled: var(--disabled-color);
-  --button-caption-color: var(--contrast-color);
-  --button-caption-halftone-color: var(--accent-color);
-  --button-caption-color-disabled: var(--button-caption-disabled-color);
-}
-
-.button-color-negative {
-  --button-bg-color: var(--negative-color);
-  --button-bg-color-hover: var(--negative-dark-color);
-  --button-bg-color-active: var(--negative-darkest-color);
-  --button-bg-color-halftone: var(--button-bg-halftone-color);
-  --button-bg-color-halftone-hover: var(--negative-lightest-color);
-  --button-bg-color-halftone-active: var(--negative-light-color);
-  --button-bg-color-disabled: var(--disabled-color);
-  --button-border-color: var(--negative-color);
-  --button-border-color-hover: var(--negative-dark-color);
-  --button-border-color-active: var(--negative-darkest-color);
-  --button-border-color-disabled: var(--disabled-color);
-  --button-caption-color: var(--contrast-color);
-  --button-caption-halftone-color: var(--negative-color);
-  --button-caption-color-disabled: var(--button-caption-disabled-color);
-}
-
-.button-color-secondary {
-  --button-bg-color: var(--secondary-color);
-  --button-bg-color-hover: var(--secondary-dark-color);
-  --button-bg-color-active: var(--secondary-darkest-color);
-  --button-bg-color-halftone: var(--button-bg-halftone-color);
-  --button-bg-color-halftone-hover: var(--secondary-lightest-color);
-  --button-bg-color-halftone-active: var(--secondary-light-color);
-  --button-bg-color-disabled: var(--disabled-color);
-  --button-border-color: var(--secondary-color);
-  --button-border-color-hover: var(--secondary-dark-color);
-  --button-border-color-active: var(--secondary-darkest-color);
-  --button-border-color-disabled: var(--disabled-color);
-  --button-caption-color: var(--contrast-color);
-  --button-caption-halftone-color: var(--secondary-color);
-  --button-caption-color-disabled: var(--button-caption-disabled-color);
-}
-.icon-button-color-info {
-  --icon-button-icon-color: var(--info-color);
-  --icon-button-icon-color-hover: var(--info-hover-color);
-  --icon-button-icon-color-active: var(--info-active-color);
-  --icon-button-icon-color-disabled: var(--icon-disabled-color);
-}
-
-.icon-button-color-success {
-  --icon-button-icon-color: var(--success-color);
-  --icon-button-icon-color-hover: var(--success-hover-color);
-  --icon-button-icon-color-active: var(--success-active-color);
-  --icon-button-icon-color-disabled: var(--icon-disabled-color);
-}
-
-.icon-button-color-warning {
-  --icon-button-icon-color: var(--warning-color);
-  --icon-button-icon-color-hover: var(--warning-hover-color);
-  --icon-button-icon-color-active: var(--warning-active-color);
-  --icon-button-icon-color-disabled: var(--icon-disabled-color);
-}
-
-.icon-button-color-error {
-  --icon-button-icon-color: var(--error-color);
-  --icon-button-icon-color-hover: var(--error-hover-color);
-  --icon-button-icon-color-active: var(--error-active-color);
-  --icon-button-icon-color-disabled: var(--icon-disabled-color);
-}
-
-.icon-button-color-default {
-  --icon-button-icon-color: var(--icon-color);
-  --icon-button-icon-color-hover: var(--icon-hover-color);
-  --icon-button-icon-color-active: var(--icon-active-color);
-  --icon-button-icon-color-disabled: var(--icon-disabled-color);
-}
-
-.icon-button-color-secondary {
-  --icon-button-icon-color: var(--secondary-color);
-  --icon-button-icon-color-hover: var(--secondary-hover-color);
-  --icon-button-icon-color-active: var(--secondary-active-color);
-  --icon-button-icon-color-disabled: var(--secondary-disabled-color);
-}
 .IconButton_root__c1hRd {
-  fill: var(--icon-button-icon-color);
+  fill: var(--uui-icon-btn);
 }
 .IconButton_root__c1hRd.-clickable:hover, .IconButton_root__c1hRd.-clickable:focus {
-  fill: var(--icon-button-icon-color-hover);
+  fill: var(--uui-icon-btn-hover);
 }
 .IconButton_root__c1hRd.-clickable:active {
-  fill: var(--icon-button-icon-color-active);
+  fill: var(--uui-icon-btn-active);
 }
 .IconButton_root__c1hRd.uui-disabled {
-  fill: var(--icon-button-icon-color-disabled);
+  fill: var(--uui-icon-btn-disabled);
 }
 .IconButton_root__c1hRd.uui-disabled.-clickable:hover, .IconButton_root__c1hRd.uui-disabled.-clickable:focus {
-  fill: var(--icon-button-icon-color-disabled);
+  fill: var(--uui-icon-btn-disabled);
 }
 .IconButton_root__c1hRd.uui-disabled.-clickable:active {
-  fill: var(--icon-button-icon-color-disabled);
-}
-.IconButton_root__c1hRd.uui-invalid {
-  fill: var(--icon-button-icon-color-invalid);
+  fill: var(--uui-icon-btn-disabled);
 }
 .LinkButton_root__SWC7c.uui-button-box {
   background-color: transparent;
-  color: var(--link-button-text-color);
-  fill: var(--link-button-text-color);
+  color: var(--uui-link-button-text);
+  fill: var(--uui-link-button-text);
 }
 .LinkButton_root__SWC7c.uui-button-box.-clickable:not(.uui-disabled):hover, .LinkButton_root__SWC7c.uui-button-box.-clickable:not(.uui-disabled):focus {
-  color: var(--link-button-text-color-hover);
-  fill: var(--link-button-text-color-hover);
+  color: var(--uui-link-button-text-hover);
+  fill: var(--uui-link-button-text-hover);
 }
 .LinkButton_root__SWC7c.uui-button-box.-clickable:not(.uui-disabled):active {
-  color: var(--link-button-text-color-active);
-  fill: var(--link-button-text-color-active);
+  color: var(--uui-link-button-text-active);
+  fill: var(--uui-link-button-text-active);
 }
 .LinkButton_root__SWC7c.uui-button-box.-clickable:not(.uui-disabled):focus {
   box-shadow: none;
 }
 .LinkButton_root__SWC7c.uui-button-box.uui-disabled {
-  color: var(--link-button-text-color-disabled);
-  fill: var(--link-button-text-color-disabled);
+  color: var(--uui-link-button-text-disabled);
+  fill: var(--uui-link-button-text-disabled);
   background-color: transparent;
 }
 .LinkButton_root__SWC7c.uui-button-box.uui-disabled:hover {
@@ -572,24 +457,10 @@
   font-family: var(--font-primary);
   text-transform: uppercase;
 }
-.link-button-vars {
-  --link-button-text-color: var(--info-color);
-  --link-button-text-color-hover: var(--info-hover-color);
-  --link-button-text-color-active: var(--info-active-color);
-  --link-button-text-color-disabled: var(--button-disabled-color);
-}
-.tab-button-vars {
-  --tab-button-text-color: var(--text-primary-color);
-  --tab-button-text-color-hover: var(--primary-color);
-  --tab-button-text-color-active: var(--primary-color);
-  --tab-button-text-color-disabled: var(--text-disabled-color);
-  --tab-button-count-bg-color: white;
-  --tab-button-count-color: var(--text-secondary-color);
-}
 .TabButton_root__WwWmb {
   min-width: 36px;
-  color: var(--tab-button-text-color);
-  fill: var(--tab-button-text-color);
+  color: var(--uui-tab-button-text);
+  fill: var(--uui-tab-button-text);
   background-color: transparent;
   cursor: pointer;
   padding-left: 12px;
@@ -609,38 +480,38 @@
   padding-right: 6px;
 }
 .TabButton_root__WwWmb:hover, .TabButton_root__WwWmb:focus {
-  color: var(--tab-button-text-color-active);
-  fill: var(--tab-button-text-color-active);
+  color: var(--uui-tab-button-text-active);
+  fill: var(--uui-tab-button-text-active);
 }
 .TabButton_root__WwWmb.uui-active {
-  color: var(--tab-button-text-color-active);
-  fill: var(--tab-button-text-color-active);
-  border-color: var(--tab-button-text-color-active);
+  color: var(--uui-tab-button-text-active);
+  fill: var(--uui-tab-button-text-active);
+  border-color: var(--uui-tab-button-text-active);
 }
 .TabButton_root__WwWmb.uui-active {
-  border-color: var(--tab-button-text-color-active);
+  border-color: var(--uui-tab-button-text-active);
 }
 .TabButton_root__WwWmb.uui-disabled {
-  color: var(--tab-button-text-color-disabled);
-  fill: var(--tab-button-text-color-disabled);
+  color: var(--uui-tab-button-text-disabled);
+  fill: var(--uui-tab-button-text-disabled);
   background-color: transparent;
 }
 .TabButton_root__WwWmb.uui-disabled:hover, .TabButton_root__WwWmb.uui-disabled:focus {
-  color: var(--tab-button-text-color-disabled);
-  fill: var(--tab-button-text-color-disabled);
+  color: var(--uui-tab-button-text-disabled);
+  fill: var(--uui-tab-button-text-disabled);
 }
 .TabButton_root__WwWmb.uui-disabled.uui-active {
-  color: var(--tab-button-text-color-disabled);
-  fill: var(--tab-button-text-color-disabled);
-  border-color: var(--tab-button-text-color-disabled);
+  color: var(--uui-tab-button-text-disabled);
+  fill: var(--uui-tab-button-text-disabled);
+  border-color: var(--uui-tab-button-text-disabled);
 }
 .TabButton_root__WwWmb.TabButton_uui-notification__kS3SP::after {
   content: "";
   margin-bottom: 18px;
   height: 6px;
   width: 6px;
-  background: var(--negative-color);
-  box-shadow: 0 1px 8px 0 var(--negative-color);
+  background: var(--uui-negative);
+  box-shadow: 0 1px 8px 0 var(--uui-negative);
   border-radius: 50%;
 }
 .TabButton_root__WwWmb .uui-count {
@@ -649,8 +520,8 @@
   padding-top: 3px;
   padding-bottom: 3px;
   letter-spacing: 0;
-  color: var(--tab-button-count-color);
-  background-color: var(--tab-button-count-bg-color);
+  color: var(--uui-tab-button-count);
+  background-color: var(--uui-tab-button-count-bg);
   padding: 0 6px;
   margin-left: 6px;
   margin-right: 3px;
@@ -676,68 +547,68 @@
   border-left: 3px solid transparent;
 }
 .Checkbox_root__-oMf6:hover .uui-checkbox, .Checkbox_root__-oMf6:active .uui-checkbox, .Checkbox_root__-oMf6:focus-within .uui-checkbox {
-  border-color: var(--checkbox-border-color-hover);
+  border-color: var(--uui-checkbox-border-hover);
 }
 .Checkbox_root__-oMf6:hover .uui-checked, .Checkbox_root__-oMf6:active .uui-checked, .Checkbox_root__-oMf6:focus-within .uui-checked {
-  background-color: var(--checkbox-bg-color-checked-hover);
+  background-color: var(--uui-checkbox-bg-checked-hover);
 }
 .Checkbox_root__-oMf6 .uui-checkbox {
-  background-color: var(--checkbox-bg-color);
-  border: 1px solid var(--checkbox-border-color);
-  border-radius: var(--checkbox-border-radius);
+  background-color: var(--uui-checkbox-bg);
+  border: 1px solid var(--uui-checkbox-border);
+  border-radius: var(--uui-checkbox-border-radius);
 }
 .Checkbox_root__-oMf6 .uui-input-label {
   font-family: var(--font-regular);
-  color: var(--checkbox-label-color);
+  color: var(--uui-checkbox-label);
   margin-left: 12px;
   flex-grow: 1;
 }
 .Checkbox_root__-oMf6 .uui-checked {
-  background-color: var(--checkbox-bg-color-checked);
-  border-color: var(--checkbox-border-color-checked);
-  fill: var(--checkbox-fill-color);
+  background-color: var(--uui-checkbox-bg-checked);
+  border-color: var(--uui-checkbox-border-checked);
+  fill: var(--uui-checkbox-fill);
 }
 .Checkbox_root__-oMf6.uui-disabled, .Checkbox_root__-oMf6.uui-readonly {
   cursor: default;
 }
 .Checkbox_root__-oMf6.uui-disabled .uui-checkbox, .Checkbox_root__-oMf6.uui-readonly .uui-checkbox {
   cursor: default;
-  background-color: var(--checkbox-bg-color-disabled);
-  border-color: var(--checkbox-border-color-disabled);
+  background-color: var(--uui-checkbox-bg-disabled);
+  border-color: var(--uui-checkbox-border-disabled);
 }
 .Checkbox_root__-oMf6.uui-disabled:hover.uui-checkbox, .Checkbox_root__-oMf6.uui-disabled.uui-checked.uui-checkbox, .Checkbox_root__-oMf6.uui-disabled:focus-within.uui-checkbox, .Checkbox_root__-oMf6.uui-readonly:hover.uui-checkbox, .Checkbox_root__-oMf6.uui-readonly.uui-checked.uui-checkbox, .Checkbox_root__-oMf6.uui-readonly:focus-within.uui-checkbox {
-  border-color: var(--checkbox-border-color-checked-disabled);
+  border-color: var(--uui-checkbox-border-checked-disabled);
 }
 .Checkbox_root__-oMf6.uui-disabled:hover.uui-icon, .Checkbox_root__-oMf6.uui-disabled.uui-checked.uui-icon, .Checkbox_root__-oMf6.uui-disabled:focus-within.uui-icon, .Checkbox_root__-oMf6.uui-readonly:hover.uui-icon, .Checkbox_root__-oMf6.uui-readonly.uui-checked.uui-icon, .Checkbox_root__-oMf6.uui-readonly:focus-within.uui-icon {
-  background-color: var(--checkbox-bg-color-checked-disabled);
-  border-color: var(--checkbox-border-color-checked-disabled);
+  background-color: var(--uui-checkbox-bg-checked-disabled);
+  border-color: var(--uui-checkbox-border-checked-disabled);
 }
 .Checkbox_root__-oMf6.uui-disabled .uui-input-label, .Checkbox_root__-oMf6.uui-readonly .uui-input-label {
-  color: var(--checkbox-label-color-disabled);
+  color: var(--uui-checkbox-label-disabled);
 }
 .Checkbox_root__-oMf6.uui-disabled .uui-checked, .Checkbox_root__-oMf6.uui-readonly .uui-checked {
-  background-color: var(--checkbox-bg-color-checked-disabled);
-  border-color: var(--checkbox-border-color-checked-disabled);
+  background-color: var(--uui-checkbox-bg-checked-disabled);
+  border-color: var(--uui-checkbox-border-checked-disabled);
 }
 .Checkbox_root__-oMf6.uui-invalid .uui-checkbox {
-  border-color: var(--checkbox-error-color);
-  fill: var(--checkbox-error-color);
+  border-color: var(--uui-checkbox-error);
+  fill: var(--uui-checkbox-error);
 }
 .Checkbox_root__-oMf6.uui-invalid .uui-checkbox:hover, .Checkbox_root__-oMf6.uui-invalid .uui-checkbox:active, .Checkbox_root__-oMf6.uui-invalid .uui-checkbox:focus-within {
-  border-color: var(--checkbox-error-color);
-  fill: var(--checkbox-error-color);
+  border-color: var(--uui-checkbox-error);
+  fill: var(--uui-checkbox-error);
 }
 .Checkbox_root__-oMf6.uui-invalid .uui-checkbox.uui-checked {
-  fill: var(--checkbox-fill-color);
-  background-color: var(--checkbox-error-color);
-  border-color: var(--checkbox-error-color);
+  fill: var(--uui-checkbox-fill);
+  background-color: var(--uui-checkbox-error);
+  border-color: var(--uui-checkbox-error);
 }
 .Checkbox_root__-oMf6.uui-invalid .uui-checkbox.uui-checked:hover, .Checkbox_root__-oMf6.uui-invalid .uui-checkbox.uui-checked:active, .Checkbox_root__-oMf6.uui-invalid .uui-checkbox.uui-checked:focus-within {
-  background-color: var(--checkbox-error-color);
-  border-color: var(--checkbox-error-color);
+  background-color: var(--uui-checkbox-error);
+  border-color: var(--uui-checkbox-error);
 }
 .Checkbox_root__-oMf6.uui-invalid .uui-input-label {
-  color: var(--checkbox-error-color);
+  color: var(--uui-checkbox-error);
 }
 .Checkbox_root__-oMf6.Checkbox_size-18__BzbEk .uui-checkbox {
   width: 18px;
@@ -764,69 +635,40 @@
 .Checkbox_root__-oMf6.Checkbox_size-12__ASr3R .uui-input-label {
   margin-left: 6px;
 }
-.checkbox-vars {
-  --checkbox-border-color: var(--input-border-color);
-  --checkbox-border-color-hover: var(--input-border-hover-color);
-  --checkbox-border-color-disabled: var(--input-border-disabled-color);
-  --checkbox-border-color-checked: var(--input-border-checked-color);
-  --checkbox-border-color-checked-disabled: var(--input-border-checked-disabled-color);
-  --checkbox-bg-color: var(--input-bg-color);
-  --checkbox-bg-color-checked: var(--input-bg-checked-color);
-  --checkbox-bg-color-disabled: var(--input-bg-disabled-color);
-  --checkbox-bg-color-checked-hover: var(--input-bg-checked-hover-color);
-  --checkbox-bg-color-checked-disabled: var(--input-bg-checked-disabled-color);
-  --checkbox-error-color: var(--negative-color);
-  --checkbox-fill-color: var(--input-checkbox-icon-color);
-  --checkbox-label-color: var(--input-label-color);
-  --checkbox-label-color-disabled: var(--input-label-disabled-color);
-  --checkbox-border-radius: var(--border-radius);
-}
-.radio-input-vars {
-  --radio-input-bg-color: var(--input-bg-color);
-  --radio-input-bg-color-disabled: var(--input-bg-disabled-color);
-  --radio-input-border-color: var(--input-border-color);
-  --radio-input-border-color-checked: var(--input-border-checked-color);
-  --radio-input-border-color-hover: var(--input-border-hover-color);
-  --radio-input-border-color-disabled: var(--input-border-disabled-color);
-  --radio-input-border-color-checked-disabled: var(--input-border-checked-disabled-color);
-  --radio-input-label-color: var(--input-label-color);
-  --radio-input-label-color-disabled: var(--input-label-disabled-color);
-  --radio-input-fill-color-checked: var(--input-border-checked-color);
-  --radio-input-fill-color-hover: var(--input-border-hover-color);
-  --radio-input-fill-color-checked-disabled: var(--input-border-checked-disabled-color);
-  --radio-input-error-color: var(--negative-color);
+.Checkbox_root__-oMf6.Checkbox_mode-cell__qVdJV {
+  justify-content: center;
 }
 .RadioInput_root__wxJgt:hover .uui-radioinput, .RadioInput_root__wxJgt:focus-within .uui-radioinput {
-  border-color: var(--radio-input-border-color-hover);
+  border-color: var(--uui-radio-input-border-hover);
 }
 .RadioInput_root__wxJgt:hover .uui-radioinput.uui-checked, .RadioInput_root__wxJgt:focus-within .uui-radioinput.uui-checked {
-  border-color: var(--radio-input-border-color-hover);
+  border-color: var(--uui-radio-input-border-hover);
 }
 .RadioInput_root__wxJgt:hover .uui-radioinput.uui-checked .uui-icon, .RadioInput_root__wxJgt:focus-within .uui-radioinput.uui-checked .uui-icon {
-  fill: var(--radio-input-fill-color-hover);
+  fill: var(--uui-radio-input-fill-hover);
 }
 .RadioInput_root__wxJgt:hover.uui-disabled .uui-radioinput, .RadioInput_root__wxJgt:hover.uui-readonly .uui-radioinput, .RadioInput_root__wxJgt:focus-within.uui-disabled .uui-radioinput, .RadioInput_root__wxJgt:focus-within.uui-readonly .uui-radioinput {
-  background-color: var(--radio-input-bg-color-disabled);
-  border-color: var(--radio-input-border-color-disabled);
+  background-color: var(--uui-radio-input-bg-disabled);
+  border-color: var(--uui-radio-input-border-disabled);
 }
 .RadioInput_root__wxJgt:hover.uui-disabled .uui-radioinput .uui-icon, .RadioInput_root__wxJgt:hover.uui-readonly .uui-radioinput .uui-icon, .RadioInput_root__wxJgt:focus-within.uui-disabled .uui-radioinput .uui-icon, .RadioInput_root__wxJgt:focus-within.uui-readonly .uui-radioinput .uui-icon {
-  fill: var(--radio-input-fill-color-checked-disabled);
+  fill: var(--uui-radio-input-fill-checked-disabled);
 }
 .RadioInput_root__wxJgt .uui-radioinput {
-  background-color: var(--radio-input-bg-color);
-  border: 1px solid var(--radio-input-border-color);
+  background-color: var(--uui-radio-input-bg);
+  border: 1px solid var(--uui-radio-input-border);
   align-self: baseline;
   flex-shrink: 0;
   box-sizing: border-box;
 }
 .RadioInput_root__wxJgt .uui-radioinput.uui-checked {
-  border-color: var(--radio-input-border-color-checked);
+  border-color: var(--uui-radio-input-border-checked);
 }
 .RadioInput_root__wxJgt .uui-radioinput.uui-checked .uui-icon {
-  fill: var(--radio-input-fill-color-checked);
+  fill: var(--uui-radio-input-fill-checked);
 }
 .RadioInput_root__wxJgt .uui-input-label {
-  color: var(--radio-input-label-color);
+  color: var(--uui-radio-input-label);
   flex-grow: 1;
   font-family: var(--font-regular);
   margin-left: 12px;
@@ -834,53 +676,53 @@
   align-items: center;
 }
 .RadioInput_root__wxJgt.uui-invalid .uui-icon {
-  fill: var(--radio-input-error-color);
+  fill: var(--uui-radio-input-error);
 }
 .RadioInput_root__wxJgt.uui-invalid .uui-input-label {
-  color: var(--radio-input-error-color);
+  color: var(--uui-radio-input-error);
 }
 .RadioInput_root__wxJgt.uui-invalid .uui-radioinput {
-  border-color: var(--radio-input-error-color);
+  border-color: var(--uui-radio-input-error);
 }
 .RadioInput_root__wxJgt.uui-invalid .uui-checked.uui-radioinput .uui-icon {
-  fill: var(--radio-input-error-color);
+  fill: var(--uui-radio-input-error);
 }
 .RadioInput_root__wxJgt.uui-invalid:hover .uui-radioinput, .RadioInput_root__wxJgt.uui-invalid:focus-within .uui-radioinput {
-  border-color: var(--radio-input-error-color);
+  border-color: var(--uui-radio-input-error);
 }
 .RadioInput_root__wxJgt.uui-invalid:hover .uui-icon, .RadioInput_root__wxJgt.uui-invalid:focus-within .uui-icon {
-  fill: var(--radio-input-error-color);
+  fill: var(--uui-radio-input-error);
 }
 .RadioInput_root__wxJgt.uui-disabled, .RadioInput_root__wxJgt.uui-readonly {
   cursor: default;
 }
 .RadioInput_root__wxJgt.uui-disabled .uui-radioinput, .RadioInput_root__wxJgt.uui-readonly .uui-radioinput {
   cursor: default;
-  background-color: var(--radio-input-bg-color-disabled);
-  border-color: var(--radio-input-border-color-disabled);
+  background-color: var(--uui-radio-input-bg-disabled);
+  border-color: var(--uui-radio-input-border-disabled);
 }
 .RadioInput_root__wxJgt.uui-disabled .uui-radioinput .uui-icon, .RadioInput_root__wxJgt.uui-readonly .uui-radioinput .uui-icon {
-  fill: var(--radio-input-fill-color-checked-disabled);
+  fill: var(--uui-radio-input-fill-checked-disabled);
 }
 .RadioInput_root__wxJgt.uui-disabled .uui-radioinput.uui-checked, .RadioInput_root__wxJgt.uui-readonly .uui-radioinput.uui-checked {
-  border-color: var(--radio-input-border-color-checked-disabled);
+  border-color: var(--uui-radio-input-border-checked-disabled);
 }
 .RadioInput_root__wxJgt.uui-disabled .uui-radioinput.uui-checked .uui-icon, .RadioInput_root__wxJgt.uui-readonly .uui-radioinput.uui-checked .uui-icon {
-  fill: var(--radio-input-fill-color-checked-disabled);
+  fill: var(--uui-radio-input-fill-checked-disabled);
 }
 .RadioInput_root__wxJgt.uui-disabled.uui-invalid .uui-radioinput, .RadioInput_root__wxJgt.uui-readonly.uui-invalid .uui-radioinput {
   cursor: default;
-  background-color: var(--radio-input-bg-color-disabled);
-  border-color: var(--radio-input-border-color-disabled);
+  background-color: var(--uui-radio-input-bg-disabled);
+  border-color: var(--uui-radio-input-border-disabled);
 }
 .RadioInput_root__wxJgt.uui-disabled.uui-invalid .uui-radioinput .uui-icon, .RadioInput_root__wxJgt.uui-readonly.uui-invalid .uui-radioinput .uui-icon {
-  fill: var(--radio-input-fill-color-checked-disabled);
+  fill: var(--uui-radio-input-fill-checked-disabled);
 }
 .RadioInput_root__wxJgt.uui-readonly .uui-input-label {
-  color: var(--radio-input-label-color);
+  color: var(--uui-radio-input-label);
 }
 .RadioInput_root__wxJgt.uui-disabled .uui-input-label {
-  color: var(--radio-input-label-color-disabled);
+  color: var(--uui-radio-input-label-disabled);
 }
 .RadioInput_root__wxJgt.RadioInput_size-18__csI3z .uui-radioinput {
   width: 18px;
@@ -965,8 +807,8 @@
   transform: translateX(24px);
 }
 .Switch_root__q-6Iy .uui-switch-body {
-  background-color: var(--switch-bg-color);
-  border: 1px solid var(--switch-border-color);
+  background-color: var(--uui-switch-bg);
+  border: 1px solid var(--uui-switch-border);
   width: 36px;
   border-radius: 18px;
   box-sizing: border-box;
@@ -975,38 +817,38 @@
   left: -1px;
   border-radius: 50%;
   box-sizing: border-box;
-  background-color: var(--switch-toggler-bg-color);
-  border: 1px solid var(--switch-toggler-border-color);
+  background-color: var(--uui-switch-toggler-bg);
+  border: 1px solid var(--uui-switch-bg);
   transition: 0.1s transform cubic-bezier(0.4, 0, 0.2, 1);
 }
 .Switch_root__q-6Iy .uui-input-label {
   font-family: var(--font-regular);
-  color: var(--switch-label-color);
+  color: var(--uui-switch-label);
   margin-left: 11px;
 }
 .Switch_root__q-6Iy:hover .uui-switch-body, .Switch_root__q-6Iy:focus-within .uui-switch-body {
-  background-color: var(--switch-bg-color-hover);
-  border-color: var(--switch-border-color-hover);
+  background-color: var(--uui-switch-bg-hover);
+  border-color: var(--uui-switch-border-hover);
 }
 .Switch_root__q-6Iy:hover .uui-switch-toggler, .Switch_root__q-6Iy:focus-within .uui-switch-toggler {
-  border-color: var(--switch-toggler-border-color-hover);
+  border-color: var(--uui-switch-toggler-border-hover);
 }
 .Switch_root__q-6Iy:hover .uui-checked.uui-switch-body, .Switch_root__q-6Iy:focus-within .uui-checked.uui-switch-body {
-  background-color: var(--switch-bg-color-checked-hover);
-  border-color: var(--switch-border-color-checked-hover);
+  background-color: var(--uui-switch-bg-checked-hover);
+  border-color: var(--uui-switch-border-checked-hover);
 }
 .Switch_root__q-6Iy:hover .uui-checked .uui-switch-toggler, .Switch_root__q-6Iy:focus-within .uui-checked .uui-switch-toggler {
-  border-color: var(--switch-toggler-border-color-checked-hover);
+  border-color: var(--uui-switch-toggler-border-checked-hover);
 }
 .Switch_root__q-6Iy .uui-checked.uui-switch-body {
-  background-color: var(--switch-bg-color-checked);
-  border: 1px solid var(--switch-border-color-checked);
+  background-color: var(--uui-switch-bg-checked);
+  border: 1px solid var(--uui-switch-border-checked);
 }
 .Switch_root__q-6Iy .uui-checked.uui-switch-body .uui-switch-toggler {
-  border: 1px solid var(--switch-toggler-border-color-checked);
+  border: 1px solid var(--uui-switch-toggler-border-checked);
 }
 .Switch_root__q-6Iy.uui-disabled .uui-input-label {
-  color: var(--switch-label-color-disabled);
+  color: var(--uui-switch-label-disabled);
 }
 .Switch_root__q-6Iy.uui-disabled,
 .Switch_root__q-6Iy.uui-disabled .uui-switch-toggler,
@@ -1015,61 +857,37 @@
   cursor: default;
 }
 .Switch_root__q-6Iy.uui-disabled .uui-switch-body {
-  background-color: var(--switch-bg-color-disabled);
-  border: 1px solid var(--switch-border-color-disabled);
+  background-color: var(--uui-switch-bg-disabled);
+  border: 1px solid var(--uui-switch-border-disabled);
 }
 .Switch_root__q-6Iy.uui-disabled .uui-switch-toggler, .Switch_root__q-6Iy.uui-disabled:hover .uui-switch-toggler, .Switch_root__q-6Iy.uui-disabled:focus-within .uui-switch-toggler {
-  background-color: var(--switch-toggler-bg-color-disabled);
-  border-color: var(--switch-toggler-border-color-disabled);
+  background-color: var(--uui-switch-toggler-bg-disabled);
+  border-color: var(--uui-switch-toggler-border-disabled);
 }
 .Switch_root__q-6Iy.uui-disabled .uui-checked.uui-switch-body {
-  background-color: var(--switch-bg-color-checked-disabled);
-  border: 1px solid var(--switch-border-color-checked-disabled);
+  background-color: var(--uui-switch-bg-checked-disabled);
+  border: 1px solid var(--uui-switch-border-checked-disabled);
 }
 .Switch_root__q-6Iy.uui-disabled .uui-checked .uui-switch-toggler {
-  background-color: var(--switch-toggler-bg-color-disabled);
-  border-color: var(--switch-toggler-border-color-checked-disabled);
-}
-.switch-vars {
-  --switch-bg-color: var(--input-switch-bg-color);
-  --switch-bg-color-checked: var(--input-bg-checked-color);
-  --switch-bg-color-hover: var(--input-bg-hover-color);
-  --switch-bg-color-disabled: var(--input-bg-disabled-color);
-  --switch-bg-color-checked-hover: var(--input-bg-checked-hover-color);
-  --switch-bg-color-checked-disabled: var(--input-bg-checked-disabled-color);
-  --switch-border-color: var(--input-border-color);
-  --switch-border-color-checked: var(--input-border-checked-color);
-  --switch-border-color-hover: var(--input-switch-border-hover-color);
-  --switch-border-color-disabled: var(--input-border-disabled-color);
-  --switch-border-color-checked-hover: var(--input-border-checked-hover-color);
-  --switch-border-color-checked-disabled: var(--input-border-checked-disabled-color);
-  --switch-label-color: var(--input-label-color);
-  --switch-label-color-disabled: var(--input-label-disabled-color);
-  --switch-toggler-bg-color: #fff;
-  --switch-toggler-bg-color-disabled: var(--input-bg-disabled-color);
-  --switch-toggler-border-color: var(--input-switch-bg-color);
-  --switch-toggler-border-color-checked: var(--input-bg-checked-color);
-  --switch-toggler-border-color-hover: var(--input-bg-hover-color);
-  --switch-toggler-border-color-disabled: var(--input-border-disabled-color);
-  --switch-toggler-border-color-checked-hover: var(--input-bg-checked-hover-color);
-  --switch-toggler-border-color-checked-disabled: var(--input-bg-checked-disabled-color);
+  background-color: var(--uui-switch-toggler-bg-disabled);
+  border-color: var(--uui-switch-toggler-border-checked-disabled);
 }
 .TextInput_root__UKzkT {
-  fill: var(--text-input-icon-color);
+  fill: var(--uui-text-input-icon);
   border-style: solid;
   box-sizing: border-box;
   padding-left: 5px;
   padding-right: 5px;
-  border-radius: var(--text-input-border-radius);
+  border-radius: var(--uui-text-input-border-radius);
 }
 .TextInput_root__UKzkT .uui-input {
-  color: var(--text-input-text-color);
+  color: var(--uui-text-input-text);
   font-family: var(--font-regular);
   padding-left: 6px;
   padding-right: 6px;
 }
 .TextInput_root__UKzkT .uui-input::placeholder {
-  color: var(--text-input-placeholder-color);
+  color: var(--uui-text-input-placeholder);
 }
 .TextInput_root__UKzkT .uui-input:placeholder-shown {
   text-overflow: ellipsis;
@@ -1078,20 +896,20 @@
   opacity: 1;
 }
 .TextInput_root__UKzkT.TextInput_mode-form__JsK1y {
-  background-color: var(--text-input-bg-color);
-  border-color: var(--text-input-border-color);
+  background-color: var(--uui-text-input-bg);
+  border-color: var(--uui-text-input-border);
 }
 .TextInput_root__UKzkT.TextInput_mode-form__JsK1y .-clickable {
-  fill: var(--text-input-icon-color-clickable);
+  fill: var(--uui-text-input-icon-clickable);
 }
 .TextInput_root__UKzkT.TextInput_mode-form__JsK1y .-clickable:hover {
-  fill: var(--text-input-icon-color-clickable-hover);
+  fill: var(--uui-text-input-icon-clickable-hover);
 }
 .TextInput_root__UKzkT.TextInput_mode-form__JsK1y:hover {
-  border-color: var(--text-input-border-color-hover);
+  border-color: var(--uui-text-input-border-hover);
 }
 .TextInput_root__UKzkT.TextInput_mode-form__JsK1y.uui-focus {
-  border-color: var(--text-input-border-color-active);
+  border-color: var(--uui-text-input-border-active);
 }
 .TextInput_root__UKzkT.TextInput_mode-cell__H2C-f {
   background-color: transparent;
@@ -1103,55 +921,39 @@
 .TextInput_root__UKzkT.TextInput_mode-cell__H2C-f .-clickable {
   fill: transparent;
 }
-.TextInput_root__UKzkT.TextInput_mode-cell__H2C-f:hover {
-  background-color: var(--text-input-bg-color);
-  border-color: var(--text-input-border-color);
-}
 .TextInput_root__UKzkT.TextInput_mode-cell__H2C-f:hover .-clickable {
-  fill: var(--text-input-icon-color-clickable);
+  fill: var(--uui-text-input-icon-clickable);
 }
 .TextInput_root__UKzkT.TextInput_mode-cell__H2C-f:hover .-clickable:hover {
-  fill: var(--text-input-icon-color-clickable-hover);
+  fill: var(--uui-text-input-icon-clickable-hover);
 }
-.TextInput_root__UKzkT.TextInput_mode-cell__H2C-f.uui-focus {
-  background-color: var(--text-input-bg-color);
-  border-color: var(--text-input-border-color-active);
-}
-.TextInput_root__UKzkT.uui-invalid.TextInput_mode-form__JsK1y, .TextInput_root__UKzkT.uui-invalid.TextInput_mode-cell__H2C-f {
-  background-color: var(--text-input-bg-color);
-  border-color: var(--text-input-border-color-error);
+.TextInput_root__UKzkT.uui-invalid.TextInput_mode-form__JsK1y {
+  background-color: var(--uui-text-input-bg);
+  border-color: var(--uui-text-input-border-error);
 }
 .TextInput_root__UKzkT.uui-readonly {
-  color: var(--text-input-text-color);
-  fill: var(--text-input-icon-color);
+  color: var(--uui-text-input-text);
+  fill: var(--uui-text-input-icon);
   pointer-events: none;
 }
 .TextInput_root__UKzkT.uui-readonly.TextInput_mode-form__JsK1y {
-  background-color: var(--text-input-bg-color-readonly);
-  border-color: var(--text-input-border-color-readonly);
-}
-.TextInput_root__UKzkT.uui-readonly.TextInput_mode-cell__H2C-f {
-  background-color: transparent;
-  border-color: transparent;
+  background-color: var(--uui-text-input-bg-readonly);
+  border-color: var(--uui-text-input-border-readonly);
 }
 .TextInput_root__UKzkT.uui-disabled {
-  color: var(--text-input-text-color-disabled);
-  fill: var(--text-input-icon-color-disabled);
+  color: var(--uui-text-input-text-disabled);
+  fill: var(--uui-text-input-icon-disabled);
   pointer-events: none;
 }
 .TextInput_root__UKzkT.uui-disabled .uui-input {
-  color: var(--text-input-text-color-disabled);
+  color: var(--uui-text-input-text-disabled);
 }
 .TextInput_root__UKzkT.uui-disabled .uui-input::placeholder {
-  color: var(--text-input-placeholder-color-disabled);
+  color: var(--uui-text-input-placeholder-disabled);
 }
 .TextInput_root__UKzkT.uui-disabled.TextInput_mode-form__JsK1y {
-  background-color: var(--text-input-bg-color-disabled);
-  border-color: var(--text-input-border-color-disabled);
-}
-.TextInput_root__UKzkT.uui-disabled.TextInput_mode-cell__H2C-f {
-  background-color: transparent;
-  border-color: transparent;
+  background-color: var(--uui-text-input-bg-disabled);
+  border-color: var(--uui-text-input-border-disabled);
 }
 .TextInput_root__UKzkT.TextInput_size-24__buGZm {
   min-width: 24px;
@@ -1218,49 +1020,29 @@
   min-height: 48px;
   border-width: 1px;
 }
-.text-input-vars {
-  --text-input-bg-color: var(--input-bg-color);
-  --text-input-bg-color-disabled: var(--input-bg-disabled-color);
-  --text-input-bg-color-readonly: var(--input-bg-readonly-color);
-  --text-input-border-color: var(--input-border-color);
-  --text-input-border-color-hover: var(--input-textinput-border-hover-color);
-  --text-input-border-color-active: var(--input-border-checked-color);
-  --text-input-border-color-error: var(--negative-color);
-  --text-input-border-color-disabled: var(--input-border-disabled-color);
-  --text-input-border-color-readonly: var(--input-border-readonly-color);
-  --text-input-placeholder-color: var(--input-placeholder-color);
-  --text-input-placeholder-color-disabled: var(--input-placeholder-disabled-color);
-  --text-input-text-color: var(--input-text-color);
-  --text-input-text-color-disabled: var(--input-text-disabled-color);
-  --text-input-icon-color: var(--input-icon-color);
-  --text-input-icon-color-disabled: var(--input-icon-disabled-color);
-  --text-input-icon-color-clickable: var(--icon-color);
-  --text-input-icon-color-clickable-hover: var(--icon-hover-color);
-  --text-input-border-radius: var(--border-radius);
-}
 .accordion-vars {
-  --accordion-bg-color: var(--surface-color);
-  --accordion-border-color: var(--divider-color);
-  --accordion-text-color: var(--text-primary-color);
-  --accordion-text-color-disabled: var(--text-disabled-color);
-  --accordion-icon-color: var(--icon-color);
-  --accordion-icon-color-disabled: var(--icon-disabled-color);
-  --accordion-shadow: 0 3px 6px 0 rgba(29, 30, 38, 0.10), 0 1px 3px 0 rgba(29, 30, 38, 0.10);
-  --accordion-shadow-hovered: 0 6px 12px 0 rgba(29, 30, 38, 0.10), 0 3px 6px 0 rgba(29, 30, 38, 0.10);
+  --uui-accordion-bg: var(--uui-surface);
+  --uui-accordion-border: var(--uui-divider);
+  --uui-accordion-text: var(--uui-text-primary);
+  --uui-accordion-text-disabled: var(--uui-text-disabled);
+  --uui-accordion-icon: var(--uui-icon);
+  --uui-accordion-icon-disabled: var(--uui-icon-disabled);
+  --uui-accordion-shadow: 0 3px 6px 0 rgba(29, 30, 38, 0.10), 0 1px 3px 0 rgba(29, 30, 38, 0.10);
+  --uui-accordion-shadow-hovered: 0 6px 12px 0 rgba(29, 30, 38, 0.10), 0 3px 6px 0 rgba(29, 30, 38, 0.10);
 }
 .Accordion_root__fTEyW .uui-accordion-toggler {
   font-family: var(--font-semibold);
-  color: var(--accordion-text-color);
+  color: var(--uui-accordion-text);
   cursor: pointer;
 }
 .Accordion_root__fTEyW .uui-accordion-body {
   font-family: var(--font-regular);
-  color: var(--accordion-text-color);
+  color: var(--uui-accordion-text);
 }
 .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9 .uui-accordion-toggler {
-  background: var(--accordion-bg-color);
-  box-shadow: var(--accordion-shadow);
-  fill: var(--accordion-icon-color);
+  background: var(--uui-accordion-bg);
+  box-shadow: var(--uui-accordion-shadow);
+  fill: var(--uui-accordion-icon);
   line-height: 24px;
   font-size: 18px;
   padding: 0 18px;
@@ -1271,35 +1053,35 @@
   padding-bottom: 5px;
 }
 .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9 .uui-accordion-toggler .uui-accordion-title {
-  color: var(--accordion-text-color);
+  color: var(--uui-accordion-text);
 }
 .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9 .uui-accordion-toggler:hover, .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9 .uui-accordion-toggler:focus {
-  box-shadow: var(--accordion-shadow-hovered);
+  box-shadow: var(--uui-accordion-shadow-hovered);
 }
 .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9 .uui-accordion-body {
   padding: 18px;
   line-height: 24px;
   letter-spacing: 0;
-  background: var(--accordion-bg-color);
-  box-shadow: var(--accordion-shadow);
-  border-top: 1px solid var(--accordion-border-color);
+  background: var(--uui-accordion-bg);
+  box-shadow: var(--uui-accordion-shadow);
+  border-top: 1px solid var(--uui-accordion-border);
 }
 .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9.uui-opened .uui-accordion-toggler:hover, .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9.uui-opened .uui-accordion-toggler:focus {
-  border-color: var(--accordion-border-color);
+  border-color: var(--uui-accordion-border);
 }
 .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9.uui-disabled .uui-accordion-toggler {
   cursor: default;
-  fill: var(--accordion-icon-color-disabled);
+  fill: var(--uui-accordion-icon-disabled);
 }
 .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9.uui-disabled .uui-accordion-toggler .uui-accordion-title {
-  color: var(--accordion-text-color-disabled);
+  color: var(--uui-accordion-text-disabled);
 }
 .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9.uui-disabled .uui-accordion-toggler:hover, .Accordion_root__fTEyW.Accordion_mode-block__WJ0h9.uui-disabled .uui-accordion-toggler:focus {
-  box-shadow: var(--accordion-shadow);
+  box-shadow: var(--uui-accordion-shadow);
 }
 .Accordion_root__fTEyW.Accordion_mode-inline__2zs0- .uui-accordion-toggler {
-  border-bottom: 1px solid var(--accordion-border-color);
-  fill: var(--accordion-icon-color);
+  border-bottom: 1px solid var(--uui-accordion-border);
+  fill: var(--uui-accordion-icon);
   line-height: 18px;
   font-size: 14px;
   padding: 8px 12px 8px;
@@ -1308,22 +1090,22 @@
   min-height: 24px;
 }
 .Accordion_root__fTEyW.Accordion_mode-inline__2zs0- .uui-accordion-toggler .uui-accordion-title {
-  color: var(--accordion-text-color);
+  color: var(--uui-accordion-text);
 }
 .Accordion_root__fTEyW.Accordion_mode-inline__2zs0- .uui-accordion-body {
   padding: 1px 12px 12px;
-  border-bottom: 1px solid var(--accordion-border-color);
+  border-bottom: 1px solid var(--uui-accordion-border);
 }
 .Accordion_root__fTEyW.Accordion_mode-inline__2zs0-.uui-opened .uui-accordion-toggler {
   border-bottom: unset;
 }
 .Accordion_root__fTEyW.Accordion_mode-inline__2zs0-.uui-disabled .uui-accordion-toggler {
   cursor: default;
-  fill: var(--accordion-icon-color-disabled);
+  fill: var(--uui-accordion-icon-disabled);
   border-bottom: unset;
 }
 .Accordion_root__fTEyW.Accordion_mode-inline__2zs0-.uui-disabled .uui-accordion-toggler .uui-accordion-title {
-  color: var(--accordion-text-color-disabled);
+  color: var(--uui-accordion-text-disabled);
 }
 .Accordion_root__fTEyW.Accordion_padding-0__GQG7C .uui-accordion-toggler, .Accordion_root__fTEyW.Accordion_padding-0__GQG7C .uui-accordion-body {
   padding-left: 0px;
@@ -1345,18 +1127,18 @@
   border-radius: 0;
 }
 .ControlGroup_root__wOZ9- > :first-child {
-  border-top-left-radius: var(--border-radius);
-  border-bottom-left-radius: var(--border-radius);
+  border-top-left-radius: var(--uui-border-radius);
+  border-bottom-left-radius: var(--uui-border-radius);
 }
 .ControlGroup_root__wOZ9- > :last-child {
-  border-top-right-radius: var(--border-radius);
-  border-bottom-right-radius: var(--border-radius);
+  border-top-right-radius: var(--uui-border-radius);
+  border-bottom-right-radius: var(--uui-border-radius);
 }
 .FlexRow_root__8pevZ {
   box-sizing: content-box;
 }
 .FlexRow_root__8pevZ.-clickable:hover {
-  background-color: var(--surface-hover-color);
+  background-color: var(--uui-surface-hover);
   cursor: pointer;
 }
 .FlexRow_root__8pevZ.FlexRow_top-shadow__yLJfa {
@@ -1438,19 +1220,12 @@
   margin-left: 9px;
 }
 .FlexRow_root__8pevZ.FlexRow_border-bottom__5L1Xk {
-  border-bottom: 1px solid var(--divider-color);
-}
-.panel-vars {
-  --panel-border-radius: var(--border-radius);
-  --panel-bg-color: var(--surface-color);
-  --panel-shadow: var(--shadow, 0 3px 6px 0 rgba(29, 30, 38, 0.10), 0 1px 3px 0 rgba(29, 30, 38, 0.10));
+  border-bottom: 1px solid var(--uui-divider);
 }
 .Panel_root__Ue9u5 {
   overflow: hidden;
-  border-radius: var(--panel-border-radius);
-}
-.Panel_root__Ue9u5.Panel_background__thbKB {
-  background-color: var(--panel-bg-color);
+  border-radius: var(--uui-panel-border-radius);
+  background-color: var(--uui-panel-bg);
 }
 .Panel_root__Ue9u5.Panel_margin-24__EZfwq {
   margin: 24px;
@@ -1462,48 +1237,25 @@
   padding: 24px;
 }
 .Panel_root__Ue9u5.Panel_shadow__lMI9N {
-  box-shadow: var(--panel-shadow);
+  box-shadow: var(--uui-panel-shadow);
 }
 .Panel_root__Ue9u5.-clickable:hover {
   cursor: pointer;
 }
 .IconContainer_root__yjHAs {
-  fill: var(--icon-container-fill-color);
-}
-.icon-container-color-info {
-  --icon-container-fill-color: var(--info-color);
-}
-
-.icon-container-color-success {
-  --icon-container-fill-color: var(--success-color);
-}
-
-.icon-container-color-warning {
-  --icon-container-fill-color: var(--warning-color);
-}
-
-.icon-container-color-error {
-  --icon-container-fill-color: var(--error-color);
-}
-
-.icon-container-color-default {
-  --icon-container-fill-color: var(--icon-color);
-}
-
-.icon-container-color-secondary {
-  --icon-container-fill-color: var(--secondary-color);
+  fill: var(--uui-icon-container-fill);
 }
 .dropdown-container-vars {
-  --dropdown-container-shadow: var(--shadow, 0 3px 6px 0 rgba(29, 30, 38, 0.1), 0 1px 3px 0 rgba(29, 30, 38, 0.1));
-  --dropdown-container-scrollbar-thumb-color: #6C6F80;
+  --uui-dropdown-container-shadow: var(--uui-shadow, 0 3px 6px 0 rgba(29, 30, 38, 0.1), 0 1px 3px 0 rgba(29, 30, 38, 0.1));
+  --uui-dropdown-container-scrollbar-thumb: #6C6F80;
 }
 .DropdownContainer_root__0tHS6.uui-dropdown-body {
   display: flex;
   flex-direction: column;
   min-width: 150px;
   box-sizing: border-box;
-  box-shadow: var(--dropdown-container-shadow);
-  background-color: var(--surface-color);
+  box-shadow: var(--uui-dropdown-container-shadow);
+  background-color: var(--uui-surface);
   border: 0;
   overflow: hidden;
 }
@@ -1511,7 +1263,7 @@
   width: 5px;
 }
 .DropdownContainer_root__0tHS6.uui-dropdown-body ::-webkit-scrollbar-thumb {
-  background: var(--dropdown-container-scrollbar-thumb-color);
+  background: var(--uui-dropdown-container-scrollbar-thumb);
 }
 .DropdownMenu_menuRoot__gRW4S {
   padding: 0;
@@ -1522,13 +1274,13 @@
 }
 
 .DropdownMenu_bodyRoot__hAgqI {
-  color: var(--text-primary-color);
-  fill: var(--icon-color);
+  color: var(--uui-text-primary);
+  fill: var(--uui-icon);
   font-family: var(--font-regular);
   font-size: 14px;
   padding: 0.5em 0;
-  background-color: var(--surface-color);
-  box-shadow: var(--shadow);
+  background-color: var(--uui-surface);
+  box-shadow: var(--uui-shadow);
 }
 .DropdownMenu_bodyRoot__hAgqI .uui-icon svg {
   height: 24px;
@@ -1551,17 +1303,19 @@
 .DropdownMenu_splitterRoot__mJGU2 .DropdownMenu_splitter__7AuFo {
   width: 100%;
   border: 0;
-  border-top: 1px solid var(--divider-color);
+  border-top: 1px solid var(--uui-divider);
   height: 0;
 }
 
 .DropdownMenu_headerRoot__iEVUM {
-  color: var(--text-secondary-color);
-  fill: var(--text-secondary-color);
-  padding: 0.5em 1em;
-  line-height: 1.5;
+  color: var(--uui-text-secondary);
+  fill: var(--uui-text-secondary);
+  padding: 6px 12px;
+  line-height: 18px;
+  font-size: 14px;
   box-sizing: border-box;
   width: 100%;
+  font-family: var(--font-regular);
   cursor: default;
   font-size: 0.9em;
 }
@@ -1570,26 +1324,30 @@
 }
 
 .DropdownMenu_itemRoot__mBMPU {
-  padding: 0.5em 1em;
-  line-height: 1.5;
+  padding: 6px 12px;
+  line-height: 18px;
+  font-size: 14px;
   box-sizing: border-box;
   width: 100%;
+  font-family: var(--font-regular);
+  color: var(--uui-text-primary);
+  fill: var(--uui-icon);
 }
 .DropdownMenu_itemRoot__mBMPU .uui-icon svg {
   height: 24px;
   max-width: 24px;
 }
-.DropdownMenu_itemRoot__mBMPU.uui-selected {
-  color: var(--primary-color);
-  fill: var(--primary-color);
+.DropdownMenu_itemRoot__mBMPU.uui-active {
+  color: var(--uui-primary);
+  fill: var(--uui-primary);
 }
-.DropdownMenu_itemRoot__mBMPU.uui-selected:hover, .DropdownMenu_itemRoot__mBMPU.uui-selected:focus {
-  color: var(--primary-color) !important;
-  fill: var(--primary-color) !important;
+.DropdownMenu_itemRoot__mBMPU.uui-active:hover, .DropdownMenu_itemRoot__mBMPU.uui-active:focus {
+  color: var(--uui-primary) !important;
+  fill: var(--uui-primary) !important;
 }
-.DropdownMenu_itemRoot__mBMPU.uui-selected .DropdownMenu_iconCheck__TtmI6 {
-  color: var(--primary-color);
-  fill: var(--primary-color);
+.DropdownMenu_itemRoot__mBMPU.uui-active .DropdownMenu_iconCheck__TtmI6 {
+  color: var(--uui-primary);
+  fill: var(--uui-primary);
 }
 .DropdownMenu_itemRoot__mBMPU:focus {
   outline: none;
@@ -1597,45 +1355,59 @@
 .DropdownMenu_itemRoot__mBMPU .DropdownMenu_icon__YE2-L {
   justify-content: flex-start;
 }
+.DropdownMenu_itemRoot__mBMPU .DropdownMenu_icon__YE2-L.uui-active {
+  color: var(--uui-primary);
+  fill: var(--uui-primary);
+}
+.DropdownMenu_itemRoot__mBMPU .DropdownMenu_icon__YE2-L.uui-active:hover, .DropdownMenu_itemRoot__mBMPU .DropdownMenu_icon__YE2-L.uui-active:focus {
+  color: var(--uui-primary) !important;
+  fill: var(--uui-primary) !important;
+}
+.DropdownMenu_itemRoot__mBMPU .DropdownMenu_icon__YE2-L.uui-active .DropdownMenu_iconCheck__TtmI6 {
+  color: var(--uui-primary);
+  fill: var(--uui-primary);
+}
 .DropdownMenu_itemRoot__mBMPU.DropdownMenu_link__pgNjs {
-  color: var(--text-primary-color);
-  fill: var(--icon-color);
   display: flex;
   align-items: center;
 }
-.DropdownMenu_itemRoot__mBMPU.DropdownMenu_link__pgNjs.uui-selected {
-  color: var(--primary-color);
-  fill: var(--primary-color);
+.DropdownMenu_itemRoot__mBMPU.DropdownMenu_link__pgNjs.uui-active {
+  color: var(--uui-primary);
+  fill: var(--uui-primary);
 }
-.DropdownMenu_itemRoot__mBMPU.DropdownMenu_link__pgNjs.uui-selected:hover, .DropdownMenu_itemRoot__mBMPU.DropdownMenu_link__pgNjs.uui-selected:focus {
-  color: var(--primary-color) !important;
-  fill: var(--primary-color) !important;
+.DropdownMenu_itemRoot__mBMPU.DropdownMenu_link__pgNjs.uui-active:hover, .DropdownMenu_itemRoot__mBMPU.DropdownMenu_link__pgNjs.uui-active:focus {
+  color: var(--uui-primary) !important;
+  fill: var(--uui-primary) !important;
 }
-.DropdownMenu_itemRoot__mBMPU.DropdownMenu_link__pgNjs.uui-selected .DropdownMenu_iconCheck__TtmI6 {
-  color: var(--primary-color);
-  fill: var(--primary-color);
+.DropdownMenu_itemRoot__mBMPU.DropdownMenu_link__pgNjs.uui-active .DropdownMenu_iconCheck__TtmI6 {
+  color: var(--uui-primary);
+  fill: var(--uui-primary);
 }
 .DropdownMenu_itemRoot__mBMPU.DropdownMenu_link__pgNjs:focus {
   outline: none;
 }
 .DropdownMenu_itemRoot__mBMPU.-clickable:not(.uui-disabled):hover, .DropdownMenu_itemRoot__mBMPU.-clickable:not(.uui-disabled):focus {
-  background-color: var(--surface-hover-color);
-  fill: var(--icon-active-color);
+  background-color: var(--uui-surface-hover);
+  fill: var(--uui-icon-active);
   cursor: pointer;
 }
 .DropdownMenu_itemRoot__mBMPU.uui-disabled {
-  color: var(--disabled-color);
-  fill: var(--disabled-color);
+  color: var(--uui-disabled);
+  fill: var(--uui-disabled);
 }
 .DropdownMenu_itemRoot__mBMPU.uui-disabled:hover, .DropdownMenu_itemRoot__mBMPU.uui-disabled:focus {
   background-color: transparent;
   cursor: default;
 }
+.DropdownMenu_itemRoot__mBMPU.uui-opened {
+  background-color: var(--uui-surface-hover);
+  fill: var(--uui-text-primary);
+}
 .DropdownMenu_itemRoot__mBMPU > *:not(:last-child) {
   margin: 0 0.5em 0 0;
 }
 .Text_root__iUAW9 {
-  color: var(--text-color);
+  color: var(--uui-text);
 }
 .text-layout_line-height-12__-fXrz {
   line-height: 12px;
@@ -1747,23 +1519,23 @@
   padding-bottom: 24px;
 }
 .text-color-brand {
-  --text-color: var(--text-brand-color);
+  --uui-text: var(--uui-text-brand);
 }
 
 .text-color-primary {
-  --text-color: var(--text-primary-color);
+  --uui-text: var(--uui-text-primary);
 }
 
 .text-color-secondary {
-  --text-color: var(--text-secondary-color);
+  --uui-text: var(--uui-text-secondary);
 }
 
 .text-color-disabled {
-  --text-color: var(--text-disabled-color);
+  --uui-text: var(--uui-text-disabled);
 }
 
 .text-color-contrast {
-  --text-color: var(--text-contrast-color);
+  --uui-text: var(--uui-text-contrast);
 }
 .font-regular {
   font-family: var(--font-regular);
@@ -1807,7 +1579,7 @@
   font-family: var(--font-redacted);
   letter-spacing: -1px;
   margin: 0 3px 3px 0;
-  color: var(--text-placeholder-color);
+  color: var(--uui-text-placeholder);
   vertical-align: 1px;
 }
 .TextPlaceholder_loading-word__22WpS:last-child {
@@ -1815,21 +1587,15 @@
 }
 .TextPlaceholder_loading-word__22WpS.TextPlaceholder_animated-loading__ao75r {
   color: transparent;
-  background: var(--text-placeholder-gradient);
+  background: var(--uui-text-placeholder-gradient);
   background-size: 200% 100%;
   background-clip: border-box;
   -webkit-background-clip: text;
   animation: TextPlaceholder_skeleton_loading__NzV8h 1s ease infinite;
 }
 .text-placeholder-vars {
-  --text-placeholder-gradient: var(--skeleton-gradient);
-  --text-placeholder-color: var(--skeleton-color);
-}
-.modals-vars {
-  --modals-border-radius: var(--border-radius);
-  --modals-overlay-color: rgba(29, 30, 38, 0.8);
-  --modals-shadow: 0 6px 18px 0 rgba(29, 30, 38, 0.05), 0 3px 12px 0 rgba(29, 30, 38, 0.05);
-  --modals-bg-color: var(--surface-color) ;
+  --uui-text-placeholder-gradient: var(--uui-skeleton-gradient);
+  --uui-text-placeholder: var(--uui-skeleton);
 }
 .Modals_modal-blocker__nCAZ7 {
   animation-duration: 0.3s;
@@ -1846,16 +1612,16 @@
   }
 }
 .Modals_modal-blocker__nCAZ7.Modals_blocker-overlay__1uHVd .uui-modal-blocker {
-  background-color: var(--modals-overlay-color);
+  background-color: var(--uui-modals-overlay);
 }
 
 .Modals_modal__m41wI.uui-modal-window {
-  background-color: var(--modals-bg-color);
+  background-color: var(--uui-modals-bg);
   overflow: auto;
-  border-radius: var(--modals-border-radius);
+  border-radius: var(--uui-modals-border-radius);
   max-height: 80%;
   max-width: 100vw;
-  box-shadow: var(--modals-shadow);
+  box-shadow: var(--uui-modals-shadow);
 }
 @media (max-width: 640px) {
   .Modals_modal__m41wI.uui-modal-window {
@@ -1865,68 +1631,68 @@
   }
 }
 .Modals_modal__m41wI.uui-modal-window .uui-shadow-top::before {
-  background: var(--divider-color);
+  background: var(--uui-divider);
   height: 1px;
 }
 .Modals_modal__m41wI.uui-modal-window .uui-shadow-bottom::after {
-  background: var(--divider-color);
+  background: var(--uui-divider);
   height: 1px;
 }
 
 .Modals_modal-footer__gg-90 {
-  border-bottom-left-radius: var(--modals-border-radius);
-  border-bottom-right-radius: var(--modals-border-radius);
+  border-bottom-left-radius: var(--uui-modals-border-radius);
+  border-bottom-right-radius: var(--uui-modals-border-radius);
 }
 .Modals_modal-footer__gg-90.Modals_border-top__cfzhv {
-  border-top: 1px solid var(--divider-color);
+  border-top: 1px solid var(--uui-divider);
 }
 
 .Modals_modal-header__8aswP {
-  border-top-left-radius: var(--modals-border-radius);
-  border-top-right-radius: var(--modals-border-radius);
+  border-top-left-radius: var(--uui-modals-border-radius);
+  border-top-right-radius: var(--uui-modals-border-radius);
 }
 .notification-card-vars {
-  --notification-card-border-radius: var(--border-radius);
-  --notification-card-border-width: 6px 1px 1px;
+  --uui-notification-card-border-radius: var(--uui-border-radius);
+  --uui-notification-card-border-width: 6px 1px 1px;
 }
 
 .notification-card-color-warning {
-  --notification-card-fill-color: var(--warning-color);
-  --notification-card-border-color: var(--warning-color);
-  --notification-card-bg-color: white;
+  --uui-notification-card-fill: var(--uui-warning);
+  --uui-notification-card-border: var(--uui-warning);
+  --uui-notification-card-bg: white;
 }
 
 .notification-card-color-success {
-  --notification-card-fill-color: var(--success-color);
-  --notification-card-border-color: var(--success-color);
-  --notification-card-bg-color: white;
+  --uui-notification-card-fill: var(--uui-success);
+  --uui-notification-card-border: var(--uui-success);
+  --uui-notification-card-bg: white;
 }
 
 .notification-card-color-info {
-  --notification-card-fill-color: var(--info-color);
-  --notification-card-border-color: var(--info-color);
-  --notification-card-bg-color: white;
+  --uui-notification-card-fill: var(--uui-info);
+  --uui-notification-card-border: var(--uui-info);
+  --uui-notification-card-bg: white;
 }
 
 .notification-card-color-error {
-  --notification-card-fill-color: var(--error-color);
-  --notification-card-border-color: var(--error-color);
-  --notification-card-bg-color: white;
+  --uui-notification-card-fill: var(--uui-error);
+  --uui-notification-card-border: var(--uui-error);
+  --uui-notification-card-bg: white;
 }
 .NotificationCard_root__HP4NM .NotificationCard_icon-wrapper__FZUAl .uui-icon {
-  fill: var(--notification-card-fill-color);
+  fill: var(--uui-notification-card-fill);
 }
 
 .NotificationCard_notification-wrapper__L-YsE {
   border-style: solid;
-  border-color: var(--notification-card-border-color);
-  border-width: var(--notification-card-border-width);
+  border-color: var(--uui-notification-card-border);
+  border-width: var(--uui-notification-card-border-width);
   padding: 6px 18px;
   width: 360px;
-  background: var(--notification-card-bg-color);
+  background: var(--uui-notification-card-bg);
   display: flex;
   overflow: hidden;
-  border-radius: var(--notification-card-border-radius);
+  border-radius: var(--uui-notification-card-border-radius);
 }
 @media (max-width: 720px) {
   .NotificationCard_notification-wrapper__L-YsE {
@@ -1975,83 +1741,38 @@
   display: flex;
   align-items: flex-start;
 }
-.tooltip-vars {
-  --tooltip-shadow: var(--shadow, 0 1px 4px 0 rgba(44, 47, 60, 0.05), 0 2px 18px 0 rgba(44, 47, 60, 0.03));
-  --tooltip-arrow-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
-  --tooltip-bg-color: var(--surface-dark-color);
-  --tooltip-text-color: white;
-  --tooltip-border-radius: var(--border-radius);
-}
 .Tooltip_root__zZwnu .uui-tooltip-body {
   padding: 3px 12px;
   line-height: 24px;
   font-size: 14px;
   font-family: var(--font-regular);
-  box-shadow: var(--tooltip-shadow);
+  box-shadow: var(--uui-tooltip-shadow);
   max-width: 300px;
   word-wrap: break-word;
-  border-radius: var(--tooltip-border-radius);
+  border-radius: var(--uui-tooltip-border-radius);
 }
-.Tooltip_root__zZwnu .uui-tooltip-arrow {
+.Tooltip_root__zZwnu .uui-popover-arrow {
   position: absolute;
   width: 12px;
   height: 12px;
   overflow: hidden;
 }
-.Tooltip_root__zZwnu .uui-tooltip-arrow::after {
+.Tooltip_root__zZwnu .uui-popover-arrow::after {
   content: "";
   position: absolute;
   width: 8px;
   height: 8px;
-  box-shadow: var(--tooltip-arrow-shadow);
-}
-.Tooltip_root__zZwnu.uui-tooltip-container[data-placement^="right"] .uui-tooltip-arrow {
-  right: 100%;
-}
-.Tooltip_root__zZwnu.uui-tooltip-container[data-placement^="right"] .uui-tooltip-arrow::after {
-  transform: translateX(100%) translateY(20%) rotate(45deg);
-}
-.Tooltip_root__zZwnu.uui-tooltip-container[data-placement^="left"] .uui-tooltip-arrow {
-  left: 100%;
-}
-.Tooltip_root__zZwnu.uui-tooltip-container[data-placement^="left"] .uui-tooltip-arrow::after {
-  transform: translateX(-50%) translateY(20%) rotate(45deg);
-}
-.Tooltip_root__zZwnu.uui-tooltip-container[data-placement^="top"] .uui-tooltip-arrow {
-  top: 100%;
-}
-.Tooltip_root__zZwnu.uui-tooltip-container[data-placement^="top"] .uui-tooltip-arrow::after {
-  transform: translateX(30%) translateY(-50%) rotate(45deg);
-}
-.Tooltip_root__zZwnu.uui-tooltip-container[data-placement^="bottom"] .uui-tooltip-arrow {
-  bottom: 100%;
-}
-.Tooltip_root__zZwnu.uui-tooltip-container[data-placement^="bottom"] .uui-tooltip-arrow::after {
-  transform: translateX(30%) translateY(100%) rotate(45deg);
+  box-shadow: var(--uui-tooltip-arrow-shadow);
 }
 .Tooltip_root__zZwnu .uui-tooltip-body {
-  background-color: var(--tooltip-bg-color);
-  color: var(--tooltip-text-color);
-}
-.Tooltip_root__zZwnu.uui-tooltip-container[data-placement^="right"] .uui-tooltip-arrow::after {
-  background: var(--tooltip-bg-color);
+  background-color: var(--uui-tooltip-bg);
+  color: var(--uui-tooltip-text);
 }
-.Tooltip_root__zZwnu.uui-tooltip-container[data-placement^="left"] .uui-tooltip-arrow::after {
-  background: var(--tooltip-bg-color);
-}
-.Tooltip_root__zZwnu.uui-tooltip-container[data-placement^="top"] .uui-tooltip-arrow::after {
-  background: var(--tooltip-bg-color);
-}
-.Tooltip_root__zZwnu.uui-tooltip-container[data-placement^="bottom"] .uui-tooltip-arrow::after {
-  background: var(--tooltip-bg-color);
-}
-.labeled-input-vars {
-  --labeled-input-color: var(--text-primary-color);
-  --labeled-input-color-disabled: var(--text-disabled-color);
-  --labeled-input-color-error: var(--error-color);
-  --labeled-input-fill-color: var(--default-color);
-  --labeled-input-optional-text-color: var(--text-secondary-color);
-  --labeled-input-asterisk-color: var(--error-color);
+.Tooltip_root__zZwnu.uui-tooltip-container .uui-popover-arrow[data-placement^="right"]::after,
+.Tooltip_root__zZwnu.uui-tooltip-container .uui-popover-arrow[data-placement^="left"]::after,
+.Tooltip_root__zZwnu.uui-tooltip-container .uui-popover-arrow[data-placement^="top"]::after,
+.Tooltip_root__zZwnu.uui-tooltip-container .uui-popover-arrow[data-placement^="bottom"]::after {
+  background: var(--uui-tooltip-bg);
 }
 .LabeledInput_root__xDC2q {
   width: 100%;
@@ -2060,21 +1781,21 @@
   overflow: hidden;
   text-overflow: ellipsis;
   font-family: var(--font-semibold);
-  color: var(--labeled-input-color);
+  color: var(--uui-labeled-input);
 }
 .LabeledInput_root__xDC2q .uui-label .uui-labeled-input-info-icon {
   flex-shrink: 0;
   margin: 0 4px;
-  fill: var(--labeled-input-fill-color);
+  fill: var(--uui-labeled-input-info-fill);
 }
 .LabeledInput_root__xDC2q .uui-label .uui-labeled-input-asterisk {
-  color: var(--labeled-input-asterisk-color);
+  color: var(--uui-labeled-input-asterisk);
 }
 .LabeledInput_root__xDC2q .uui-label .uui-labeled-input-optional {
   font-family: var(--font-italic);
   font-size: 12px;
   line-height: 18px;
-  color: var(--labeled-input-optional-text-color);
+  color: var(--uui-labeled-input-optional-text);
 }
 .LabeledInput_root__xDC2q .uui-label-left > .uui-label {
   margin-right: 5px;
@@ -2082,7 +1803,7 @@
 .LabeledInput_root__xDC2q .uui-invalid-message {
   line-height: 18px;
   font-size: 12px;
-  color: var(--labeled-input-color-error);
+  color: var(--uui-labeled-input-error);
   font-family: var(--font-regular);
   margin-top: 3px;
 }
@@ -2133,49 +1854,16 @@
 .RadioGroup_root__uLWIn.uui-vertical-direction :last-child {
   margin-bottom: 0;
 }
-.uui-thumb-vertical, .uui-thumb-horizontal {
-  background: var(--scroll-bars-bg-color);
-  border-radius: 1.5px;
-}
-.uui-thumb-vertical:hover, .uui-thumb-horizontal:hover {
-  border-radius: 3px;
-}
-.uui-thumb-vertical:active, .uui-thumb-horizontal:active {
-  border-radius: 3px;
-  background: var(--scroll-bars-bg-color-active);
+.uui-shadow-top::before {
+  background: var(--scroll-bars-shadow);
 }
 
-.uui-thumb-vertical {
-  width: 3px;
-  margin-left: 3px;
-}
-.uui-thumb-vertical:hover {
-  width: 6px;
-  margin-left: 0;
-}
-.uui-thumb-vertical:active {
-  width: 6px;
-  margin-left: 0;
+.uui-shadow-bottom::after {
+  background: var(--scroll-bars-shadow);
 }
 
-.uui-thumb-horizontal {
-  height: 3px;
-  margin-top: 3px;
-}
-.uui-thumb-horizontal:hover {
-  height: 6px;
-  margin-top: 0;
-}
-.uui-thumb-horizontal:active {
-  height: 6px;
-  margin-top: 0;
-}
-.scroll-bars-vars {
-  --scroll-bars-bg-color: #CED0DB;
-  --scroll-bars-bg-color-active: #6C6F80;
-}
 .uui-thumb-vertical, .uui-thumb-horizontal {
-  background: var(--scroll-bars-bg-color);
+  background: var(--uui-scroll-bars-bg);
   border-radius: 1.5px;
 }
 .uui-thumb-vertical:hover, .uui-thumb-horizontal:hover {
@@ -2183,7 +1871,7 @@
 }
 .uui-thumb-vertical:active, .uui-thumb-horizontal:active {
   border-radius: 3px;
-  background: var(--scroll-bars-bg-color-active);
+  background: var(--uui-scroll-bars-bg-active);
 }
 
 .uui-thumb-vertical {
@@ -2211,238 +1899,1247 @@
   height: 6px;
   margin-top: 0;
 }
-.DataPickerBody_body__9Atow {
-  display: flex;
-  flex-direction: column;
-  flex: 1 1 auto;
-  align-self: stretch;
-  width: 100%;
-}
 
-.DataPickerBody_modal__zvOE2 {
-  border: 0;
+.uui-shadow-top::before {
+  background: var(--scroll-bars-shadow);
 }
 
-.DataPickerBody_search__mqXFa.uui-input-box {
-  border: 0;
-  box-shadow: none;
-  background-color: transparent;
+.uui-shadow-bottom::after {
+  background: var(--scroll-bars-shadow);
 }
-.DataPickerBody_search__mqXFa.uui-input-box.uui-focus {
-  border-color: transparent;
-  box-shadow: none;
+
+.uui-shadow-top::before {
+  background: var(--scroll-bars-shadow);
 }
 
-.DataPickerBody_checkbox__EFs7y {
-  padding: 6px 0;
+.uui-shadow-bottom::after {
+  background: var(--scroll-bars-shadow);
 }
 
-.DataPickerBody_search-wrapper__UeG2b {
-  border-bottom: 1px solid var(--divider-color);
-  padding: 0 4px;
+.uui-shadow-top::before {
+  background: var(--scroll-bars-shadow);
 }
 
-.DataPickerBody_search-size-24__WfozU, .DataPickerBody_search-size-30__cziAV, .DataPickerBody_search-size-36__gx2sy, .DataPickerBody_search-size-42__Q-zy9 {
-  padding: 0 5px;
+.uui-shadow-bottom::after {
+  background: var(--scroll-bars-shadow);
 }
 
-.DataPickerBody_no-found-size-24__4RC9- {
-  padding-top: 20px;
-  padding-bottom: 20px;
+.uui-shadow-top::before {
+  background: var(--scroll-bars-shadow);
 }
 
-.DataPickerBody_no-found-size-30__M8eYW, .DataPickerBody_no-found-size-36__jr82u, .DataPickerBody_no-found-size-42__9WVA5 {
-  padding-top: 23px;
-  padding-bottom: 23px;
+.uui-shadow-bottom::after {
+  background: var(--scroll-bars-shadow);
 }
-.DataPickerFooter_footer-wrapper__Us28N {
-  border-top: 1px solid var(--divider-color);
+.NumericInput_root__vElno.uui-input-box {
+  padding-right: 0;
+  min-width: 40px;
 }
-.DataPickerHeader_header__UDMhr {
-  display: none;
-  justify-content: center;
-  position: relative;
+.NumericInput_root__vElno.uui-input-box.uui-numeric-input-without-arrows {
+  padding-right: 5px;
 }
-@media screen and (max-width: 720px) {
-  .DataPickerHeader_header__UDMhr {
-    display: flex;
-  }
+.NumericInput_root__vElno.uui-input-box .uui-numeric-input-up-button {
+  transform: rotate(180deg);
 }
-
-.DataPickerHeader_close__30pW6 {
-  height: 100%;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  display: flex;
-  justify-content: center;
-  right: 24px;
+.NumericInput_root__vElno.uui-input-box .uui-numeric-input-up-button:hover svg {
+  fill: var(--uui-numeric-input-icon-clickable-hover);
 }
-.DataTableCell_cell__VgHTT {
-  position: relative;
-  box-sizing: border-box;
-  width: 0;
+.NumericInput_root__vElno.uui-input-box .uui-numeric-input-down-button:hover svg {
+  fill: var(--uui-numeric-input-icon-clickable-hover);
 }
-.DataTableCell_cell__VgHTT.DataTableCell_wrapper__6hBNx {
-  display: flex;
-  align-items: flex-start;
+.NumericInput_root__vElno.uui-input-box .uui-input.uui-value-in-placeholder::placeholder {
+  color: inherit;
 }
-.DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-24__g6m7O .uui-checkbox, .DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-24__g6m7O .DataTableCell_folding-arrow__6iI4s, .DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-30__hpjkm .uui-checkbox, .DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-30__hpjkm .DataTableCell_folding-arrow__6iI4s {
-  margin-top: 6px;
+.NumericInput_root__vElno.uui-input-box .uui-icon svg {
+  margin-top: -2px;
 }
-.DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-36__8qiBq .uui-checkbox, .DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-36__8qiBq .DataTableCell_folding-arrow__6iI4s {
-  margin-top: 9px;
+.NumericInput_root__vElno.uui-input-box.NumericInput_size-24__9pSyj .uui-numeric-input-button-group > * {
+  height: 12px;
 }
-.DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-42__jJMhr .uui-checkbox, .DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-42__jJMhr .DataTableCell_folding-arrow__6iI4s {
-  margin-top: 12px;
+.NumericInput_root__vElno.uui-input-box.NumericInput_size-30__kfXj0 .uui-numeric-input-button-group > * {
+  height: 15px;
 }
-.DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-48__XXrAx .uui-checkbox, .DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-48__XXrAx .DataTableCell_folding-arrow__6iI4s {
-  margin-top: 15px;
+.NumericInput_root__vElno.uui-input-box.NumericInput_size-36__tYgRe .uui-numeric-input-button-group > * {
+  height: 17px;
 }
-.DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-60__0XLPh .uui-checkbox, .DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-60__0XLPh .DataTableCell_folding-arrow__6iI4s {
-  margin-top: 21px;
+.NumericInput_root__vElno.uui-input-box.NumericInput_size-42__RoV0p .uui-numeric-input-button-group > * {
+  height: 21px;
 }
-.DataTableCell_cell__VgHTT.DataTableCell_align-widgets-center__VXHNb {
-  align-self: center;
+.NumericInput_root__vElno.uui-input-box.NumericInput_size-48__wyaYa .uui-numeric-input-button-group > * {
+  height: 23px;
 }
-.DataTableCell_cell__VgHTT.DataTableCell_padding-12__xvGe5 {
-  padding: 0 12px;
+.NumericInput_root__vElno.uui-disabled .uui-numeric-input-button-group > *:hover, .NumericInput_root__vElno.uui-disabled .uui-numeric-input-button-group > *:focus {
+  cursor: default;
+  background-color: transparent;
 }
-.DataTableCell_cell__VgHTT.DataTableCell_padding-24__r322g {
-  padding: 0 24px;
+.NumericInput_root__vElno.uui-readonly.NumericInput_mode-form__2EKWT {
+  background-color: var(--uui-control-bg-readonly);
+  border-color: var(--uui-control-border-readonly);
+  pointer-events: none;
 }
-.DataTableCell_cell__VgHTT.DataTableCell_padding-left-12__g6QSx {
-  padding-left: 12px;
+.NumericInput_root__vElno.uui-readonly.NumericInput_mode-form__2EKWT:hover {
+  border-color: var(--uui-control-border-readonly);
 }
-.DataTableCell_cell__VgHTT.DataTableCell_padding-left-24__vm-bI {
-  padding-left: 24px;
+.NumericInput_root__vElno.uui-readonly.NumericInput_mode-cell__oJI4L {
+  background-color: transparent;
+  border-color: transparent;
+  pointer-events: none;
 }
-.DataTableCell_cell__VgHTT.DataTableCell_padding-right-24__CjNWh {
-  padding-right: 24px;
+.NumericInput_root__vElno.uui-readonly.NumericInput_mode-cell__oJI4L:hover {
+  background-color: transparent;
+  border-color: transparent;
 }
-
-.DataTableCell_drag-handle__Ge7UM {
-  position: absolute;
-  left: 2px;
-  width: 6px;
-  top: 3px;
-  bottom: 2px;
-  align-self: stretch;
-  visibility: hidden;
+.TextArea_root__rb0Et .uui-input {
+  color: var(--uui-text-area-text);
+  fill: var(--uui-text-area-icon);
+  border-style: solid;
+  border-radius: var(--uui-text-area-border-radius);
+  font-family: var(--font-regular);
+  box-sizing: border-box;
+  padding-right: 18px;
+  padding-left: 12px;
+  overflow-x: hidden;
 }
-.-draggable.uui-table-row:not(.uui-drop-accepted):hover .DataTableCell_drag-handle__Ge7UM {
-  visibility: visible;
+.TextArea_root__rb0Et .uui-input::placeholder {
+  color: var(--uui-text-area-placeholder);
 }
-
-.DataTableCell_checkbox__sY2kh {
-  padding-right: 12px;
+.TextArea_root__rb0Et .uui-input:placeholder-shown {
+  text-overflow: ellipsis;
 }
-
-.DataTableCell_indent__lcZWO {
-  display: flex;
-  justify-content: flex-start;
-  flex-grow: 0;
-  flex-shrink: 0;
-  width: 12px;
-  padding-right: 12px;
+.TextArea_root__rb0Et .uui-input::-moz-placeholder {
+  opacity: 1;
 }
-
-.DataTableCell_folding-arrow__6iI4s {
-  margin: auto 0;
+.TextArea_root__rb0Et .uui-input.uui-readonly {
+  color: var(--uui-text-area-text);
+  fill: var(--uui-text-area-icon);
+  pointer-events: none;
 }
-.DataTableCell_folding-arrow__6iI4s.uui-icon {
-  position: relative;
-  fill: var(--icon-color);
+.TextArea_root__rb0Et .uui-input.uui-disabled {
+  color: var(--uui-text-area-text-disabled);
+  fill: var(--uui-text-area-text-disabled);
+  pointer-events: none;
 }
-
-.DataTableCell_folding-arrow-12__mVKaH.uui-icon {
-  left: -2px;
-  flex: 0 0 12px;
-  width: 12px;
-  height: 12px;
+.TextArea_root__rb0Et .uui-input.uui-disabled::placeholder {
+  color: var(--uui-text-area-text-disabled);
 }
-
-.DataTableCell_folding-arrow-18__hiEIW.uui-icon {
-  left: -4px;
-  flex: 0 0 18px;
-  width: 18px;
-  height: 18px;
+.TextArea_root__rb0Et.TextArea_mode-form__1DZlL .uui-input {
+  background-color: var(--uui-text-area-bg);
+  border-color: var(--uui-text-area-border);
 }
-.Preset_container__HvhQn {
-  flex-wrap: nowrap;
+.TextArea_root__rb0Et.TextArea_mode-form__1DZlL .uui-input:hover {
+  border-color: var(--uui-text-area-border-hover);
 }
-
-.Preset_target__D4gqY {
-  width: 18px;
-  padding: 0;
+.TextArea_root__rb0Et.TextArea_mode-form__1DZlL .uui-input.uui-focus {
+  border-color: var(--uui-text-area-border-active);
 }
-
-.Preset_panel__-ioWh {
-  padding-top: 6px;
-  padding-bottom: 6px;
+.TextArea_root__rb0Et.TextArea_mode-form__1DZlL .uui-input.uui-invalid {
+  border-color: var(--uui-text-area-border-error);
 }
-
-.Preset_divider__-GhDA {
-  height: 1px;
-  width: 100%;
-  background-color: var(--divider-color);
+.TextArea_root__rb0Et.TextArea_mode-form__1DZlL .uui-input.uui-readonly {
+  background-color: var(--uui-text-area-bg-disabled);
+  border-color: var(--uui-text-area-border-disabled);
 }
-
-.Preset_input__-YNCn {
-  flex-basis: 200px;
+.TextArea_root__rb0Et.TextArea_mode-form__1DZlL .uui-input.uui-disabled {
+  background-color: var(--uui-text-area-bg-disabled);
+  border-color: var(--uui-text-area-border-disabled);
 }
-
-.Preset_notification__jRpMr {
-  overflow: visible;
+.TextArea_root__rb0Et.TextArea_mode-cell__KthXC .uui-input {
+  background-color: transparent;
+  border-color: transparent;
 }
-.Preset_notification__jRpMr:after {
-  display: block;
-  content: "";
-  position: absolute;
-  width: 6px;
-  height: 6px;
-  background-color: var(--negative-color);
-  border-radius: 50%;
-  right: -3px;
-  top: -3px;
+.TextArea_root__rb0Et.TextArea_mode-cell__KthXC .uui-input.uui-readonly {
+  background-color: transparent;
+  border-color: transparent;
 }
-.Presets_row__Sgwiy {
-  flex-grow: 1;
+.TextArea_root__rb0Et.TextArea_mode-cell__KthXC .uui-input.uui-disabled {
+  background-color: transparent;
+  border-color: transparent;
 }
-.DataPickerRow_render-item__YsRTQ {
-  display: flex;
-  flex: auto;
+.TextArea_root__rb0Et.TextArea_mode-inline__dZEPS .uui-input {
+  background-color: transparent;
+  border-color: transparent;
+  border-style: solid;
+  border-radius: var(--uui-text-area-border-radius);
+  padding-left: 5px;
+  padding-right: 5px;
 }
-
-.DataPickerRow_icon-wrapper__Pwg6e {
-  display: flex;
-  justify-content: center;
-  align-items: center;
+.TextArea_root__rb0Et.TextArea_mode-inline__dZEPS .uui-input:hover {
+  border-color: var(--uui-secondary-disabled);
 }
-
-.DataPickerRow_picker-row__yZk93.uui-focus {
-  background-color: var(--surface-hover-color);
+.TextArea_root__rb0Et.TextArea_mode-inline__dZEPS .uui-input.uui-focus {
+  border-color: var(--uui-text-area-border-active);
 }
-.DataPickerRow_picker-row__yZk93.-clickable {
-  cursor: pointer;
+.TextArea_root__rb0Et.TextArea_mode-inline__dZEPS .uui-input.uui-readonly:hover {
+  border-color: transparent;
 }
-.MobileDropdownWrapper_done__kE5Pe {
-  display: flex;
+.TextArea_root__rb0Et.TextArea_mode-inline__dZEPS .uui-input.uui-readonly.uui-focus {
+  border-color: transparent;
+  box-shadow: none;
+}
+.TextArea_root__rb0Et.TextArea_mode-inline__dZEPS .uui-input.uui-disabled {
+  background-color: transparent;
+  color: var(--uui-text-area-text-disabled);
+  fill: var(--uui-text-area-icon);
+  border-color: transparent;
+}
+.TextArea_root__rb0Et.TextArea_mode-inline__dZEPS .uui-input.uui-disabled:hover, .TextArea_root__rb0Et.TextArea_mode-inline__dZEPS .uui-input.uui-disabled:active, .TextArea_root__rb0Et.TextArea_mode-inline__dZEPS .uui-input.uui-disabled:focus {
+  background-color: transparent;
+  color: var(--uui-text-area-text-disabled);
+  fill: var(--uui-text-area-icon);
+  border-color: transparent;
+  box-shadow: none;
+}
+.TextArea_root__rb0Et.TextArea_mode-inline__dZEPS .uui-input.uui-disabled::placeholder {
+  color: var(--uui-text-area-placeholder);
+}
+.TextArea_root__rb0Et .uui-textarea-counter {
+  line-height: 18px;
+  font-size: 12px;
+  color: var(--uui-text-area-icon);
+  font-family: var(--font-regular);
+}
+.TextArea_root__rb0Et.TextArea_size-24__-1cgl {
+  min-width: 24px;
+  min-height: 24px;
+}
+.TextArea_root__rb0Et.TextArea_size-24__-1cgl .uui-input {
+  line-height: 18px;
+  font-size: 12px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+.TextArea_root__rb0Et.TextArea_size-30__B2Zjq {
+  min-width: 30px;
+  min-height: 30px;
+}
+.TextArea_root__rb0Et.TextArea_size-30__B2Zjq .uui-input {
+  line-height: 18px;
+  font-size: 14px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+.TextArea_root__rb0Et.TextArea_size-36__r2jj6 {
+  min-width: 36px;
+  min-height: 36px;
+}
+.TextArea_root__rb0Et.TextArea_size-36__r2jj6 .uui-input {
+  line-height: 18px;
+  font-size: 14px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+.TextArea_root__rb0Et.TextArea_size-42__G6PPY {
+  min-width: 42px;
+  min-height: 42px;
+}
+.TextArea_root__rb0Et.TextArea_size-42__G6PPY .uui-input {
+  line-height: 24px;
+  font-size: 16px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+.TextArea_root__rb0Et.TextArea_size-48__1yQdt {
+  min-width: 48px;
+  min-height: 48px;
+}
+.TextArea_root__rb0Et.TextArea_size-48__1yQdt .uui-input {
+  line-height: 24px;
+  font-size: 16px;
+  padding-top: 11px;
+  padding-bottom: 11px;
+}
+.DatePicker_root__kqFyh {
+  min-height: 312px;
+}
+.DatePicker_root__kqFyh .uui-datepicker-container {
+  background-color: var(--uui-dtp-title-bg);
+}
+.DatePicker_root__kqFyh .uui-datepickerheader-header {
+  padding-top: 18px;
+  padding-bottom: 6px;
+}
+.DatePicker_root__kqFyh .uui-datepickerBody-wrapper {
+  padding: 0 18px 12px;
+}
+.DatePicker_root__kqFyh .uui-datepickerheader-nav-title {
+  font-family: var(--font-semibold);
+  color: var(--uui-dtp-text-selected);
+  font-size: 14px;
+  padding: 3px 10px;
+}
+.DatePicker_root__kqFyh .uui-datepickerheader-nav-title:hover {
+  background-color: var(--uui-dtp-title-bg-hover);
+  cursor: pointer;
+}
+.DatePicker_root__kqFyh .uui-datepickerheader-nav-title:focus {
+  outline: none;
+}
+.DatePicker_root__kqFyh .uui-datepickerheader-nav-icon-right, .DatePicker_root__kqFyh .uui-datepickerheader-nav-icon-left {
+  fill: var(--uui-dtp-next-prev-icon);
+  width: 36px;
+  height: 36px;
+  align-items: center;
+}
+.DatePicker_root__kqFyh .uui-datepickerheader-nav-icon-right:hover, .DatePicker_root__kqFyh .uui-datepickerheader-nav-icon-left:hover {
+  cursor: pointer;
+  background-color: var(--uui-dtp-next-prev-icon-bg-hover);
+}
+.DatePicker_root__kqFyh .uui-datepickerheader-nav-icon-right:focus, .DatePicker_root__kqFyh .uui-datepickerheader-nav-icon-left:focus {
+  outline: none;
+}
+.DatePicker_root__kqFyh .uui-datepickerheader-nav-icon-right {
+  transform: rotate(-90deg);
+}
+.DatePicker_root__kqFyh .uui-datepickerheader-nav-icon-left {
+  transform: rotate(90deg);
+}
+.DatePicker_root__kqFyh .uui-monthselection-content, .DatePicker_root__kqFyh .uui-yearselection-content {
+  font-family: var(--font-regular);
+}
+.DatePicker_root__kqFyh .uui-monthselection-month-container {
+  margin: 0 0 12px;
+  display: flex;
+  flex-direction: column;
+}
+.DatePicker_root__kqFyh .uui-monthselection-month-container > * {
+  display: flex;
+}
+.DatePicker_root__kqFyh .uui-yearselection-year-container {
+  display: flex;
+  flex-direction: column;
+  margin: 0 0 12px;
+}
+.DatePicker_root__kqFyh .uui-yearselection-year-container > * {
+  display: flex;
+}
+.DatePicker_root__kqFyh .uui-yearselection-year-row {
+  display: flex;
+  justify-content: space-between;
+  width: 252px;
+}
+.DatePicker_root__kqFyh .uui-monthselection-month {
+  width: 72px;
+  height: 36px;
+  border-radius: 20px;
+  margin: 6px;
+  color: var(--uui-dtp-text);
+}
+.DatePicker_root__kqFyh .uui-monthselection-month:hover {
+  width: 70px;
+  height: 34px;
+  border: 1px solid var(--uui-dtp-text-selected);
+  cursor: pointer;
+}
+.DatePicker_root__kqFyh .uui-yearselection-year {
+  width: 63px;
+  height: 36px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 20px;
+  margin: 6px 0;
+  color: var(--uui-dtp-text);
+}
+.DatePicker_root__kqFyh .uui-yearselection-year:hover {
+  width: 61px;
+  height: 34px;
+  border: 1px solid var(--uui-dtp-text-selected);
+  cursor: pointer;
+}
+.DatePicker_root__kqFyh .uui-monthselection-current-month.uui-monthselection-month {
+  background-color: var(--uui-dtp-text-selected);
+  color: var(--uui-dtp-title-bg);
+}
+.DatePicker_root__kqFyh .uui-yearselection-current-year.uui-yearselection-year {
+  background-color: var(--uui-dtp-text-selected);
+  color: var(--uui-dtp-title-bg);
+}
+.Calendar_root__Vh71D .uui-calendar-content {
+  font-family: var(--font-regular);
+}
+.Calendar_root__Vh71D .uui-calendar-weekday {
+  font-family: var(--font-regular);
+  color: var(--uui-calendar-weekends-weekdates);
+  width: 34px;
+  font-size: 12px;
+  line-height: 24px;
+  text-align: center;
+}
+.Calendar_root__Vh71D .uui-calendar-day-cell {
+  color: var(--uui-calendar-text);
+  text-align: center;
+  padding: 0;
+  height: 36px;
+  width: 36px;
+  display: flex;
+  position: relative;
+}
+.Calendar_root__Vh71D .uui-calendar-day-cell:focus {
+  outline: none;
+}
+.Calendar_root__Vh71D .uui-calendar-day-wrapper {
+  height: 30px;
+  width: 30px;
+  font-size: 14px;
+  line-height: 30px;
+  margin: auto;
+  cursor: default;
+}
+.Calendar_root__Vh71D .uui-calendar-day {
+  border-radius: 50%;
+  height: 36px;
+  width: 36px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  line-height: 34px;
+  border: 1px solid transparent;
+  box-sizing: border-box;
+}
+.Calendar_root__Vh71D .uui-calendar-clickable-day:hover:not(.uui-calendar-filtered-day) {
+  cursor: pointer;
+}
+.Calendar_root__Vh71D .uui-calendar-clickable-day:hover:not(.uui-calendar-filtered-day) .uui-calendar-day {
+  border: 1px solid var(--uui-calendar-start-end-selected);
+  background-color: var(--uui-calendar-selected-hover);
+  z-index: 1;
+}
+.Calendar_root__Vh71D .uui-calendar-clickable-day:hover:not(.uui-calendar-filtered-day).uui-calendar-selected-day .uui-calendar-day {
+  border: 1px solid var(--uui-calendar-start-end-selected-hover);
+  background-color: var(--uui-calendar-start-end-selected-hover);
+}
+.Calendar_root__Vh71D .uui-calendar-current-day.uui-calendar-day-wrapper {
+  color: var(--uui-calendar-start-end-selected);
+  font-family: var(--font-semibold);
+}
+.Calendar_root__Vh71D .uui-calendar-current-day.uui-calendar-day-wrapper .uui-calendar-day::after {
+  position: absolute;
+  content: "";
+  height: 4px;
+  width: 4px;
+  border-radius: 50%;
+  background-color: var(--uui-calendar-start-end-selected);
+  bottom: 3px;
+  left: calc(50% - 2px);
+}
+.Calendar_root__Vh71D .uui-calendar-selected-day.uui-calendar-day-wrapper .uui-calendar-day {
+  background-color: var(--uui-calendar-start-end-selected);
+  color: var(--uui-calendar-selected-hover);
+}
+.Calendar_root__Vh71D .uui-calendar-selected-day.uui-calendar-day-wrapper .uui-calendar-day::after {
+  background-color: var(--uui-calendar-selected-hover);
+}
+.Calendar_root__Vh71D .uui-calendar-selected-day.uui-calendar-clickable-day:hover {
+  cursor: pointer;
+}
+.Calendar_root__Vh71D .uui-calendar-day-holiday {
+  color: var(--uui-calendar-weekends-weekdates);
+}
+.Calendar_root__Vh71D .uui-calendar-filtered-day.uui-calendar-day-wrapper {
+  color: var(--uui-calendar-text-filtered);
+}
+.Calendar_root__Vh71D .uui-calendar-filtered-day.uui-calendar-day-wrapper:hover {
+  cursor: default;
+  background-color: transparent;
+}
+.RangeDatePicker_dropdown-container__GJh6o {
+  align-items: normal;
+}
+
+.RangeDatePicker_container__Kz2FS {
+  display: flex;
+  padding: 9px 30px;
+  justify-content: space-between;
+  border-top: 1px solid var(--uui-control-border);
+  align-items: center;
+  background-color: var(--uui-rdtp-bg);
+  position: relative;
+}
+
+.RangeDatePicker_button-group__a-twv {
+  display: flex;
+  justify-content: flex-end;
+}
+
+.RangeDatePicker_counter__rNj2e {
+  color: var(--uui-control-border);
+  font-size: 15px;
+  font-family: var(--font-regular);
+}
+
+.RangeDatePicker_date-input__2aXJj {
+  min-width: 0;
+  padding: 0 5px;
+}
+.RangeDatePicker_date-input__2aXJj.uui-focus {
+  border: 1px solid var(--uui-control-border-checked);
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-24__64v-x {
+  min-width: 22px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-24__64v-x .uui-caption, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-24__64v-x .uui-input {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-24__64v-x.uui-button-box, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-24__64v-x.uui-input-box {
+  min-height: 22px;
+  border-width: 0;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-30__7OPWW {
+  min-width: 28px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-30__7OPWW .uui-caption, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-30__7OPWW .uui-input {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-30__7OPWW.uui-button-box, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-30__7OPWW.uui-input-box {
+  min-height: 28px;
+  border-width: 0;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-36__urHhS {
+  min-width: 34px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-36__urHhS .uui-caption, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-36__urHhS .uui-input {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-36__urHhS.uui-button-box, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-36__urHhS.uui-input-box {
+  min-height: 34px;
+  border-width: 0;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-42__VMCut {
+  min-width: 40px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-42__VMCut .uui-caption, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-42__VMCut .uui-input {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-42__VMCut.uui-button-box, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-42__VMCut.uui-input-box {
+  min-height: 40px;
+  border-width: 0;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-48__YHcLe {
+  min-width: 46px;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-48__YHcLe .uui-caption, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-48__YHcLe .uui-input {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+.RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-48__YHcLe.uui-button-box, .RangeDatePicker_date-input__2aXJj.RangeDatePicker_size-48__YHcLe.uui-input-box {
+  min-height: 46px;
+  border-width: 0;
+}
+
+.RangeDatePicker_date-input-group__CGdCd {
+  display: flex;
+  min-width: 0;
+  background-color: var(--uui-rdtp-bg);
+  border: 1px solid var(--uui-control-border);
+}
+.RangeDatePicker_date-input-group__CGdCd .RangeDatePicker_separator__qmCk8 {
+  display: flex;
+  flex-shrink: 0;
+  background: var(--uui-control-border);
+  width: 1px;
+}
+.RangeDatePicker_date-input-group__CGdCd:hover {
+  border-color: var(--uui-control-textinput-border-hover);
+}
+.RangeDatePicker_date-input-group__CGdCd:hover .RangeDatePicker_separator__qmCk8 {
+  background: var(--uui-control-textinput-border-hover);
+}
+.RangeDatePicker_date-input-group__CGdCd:hover.uui-disabled, .RangeDatePicker_date-input-group__CGdCd:hover.uui-readonly {
+  border-color: var(--uui-control-border);
+}
+.RangeDatePicker_date-input-group__CGdCd:hover.uui-disabled .RangeDatePicker_separator__qmCk8, .RangeDatePicker_date-input-group__CGdCd:hover.uui-readonly .RangeDatePicker_separator__qmCk8 {
+  background: var(--uui-control-border);
+}
+.RangeDatePicker_date-input-group__CGdCd.uui-focus {
+  border-color: var(--uui-control-border);
+}
+.RangeDatePicker_date-input-group__CGdCd.uui-focus .RangeDatePicker_separator__qmCk8 {
+  background: var(--uui-control-border-checked);
+}
+.RangeDatePicker_date-input-group__CGdCd.uui-focus .RangeDatePicker_date-input__2aXJj:hover {
+  outline: 1px solid var(--uui-control-textinput-border-hover);
+}
+.RangeDatePicker_date-input-group__CGdCd.uui-focus .RangeDatePicker_date-input__2aXJj.uui-focus {
+  outline: 1px solid var(--uui-control-border-checked);
+}
+.RangeDatePicker_date-input-group__CGdCd.uui-readonly.RangeDatePicker_mode-form__o0e0M {
+  background-color: var(--uui-control-bg-readonly);
+  border-color: var(--uui-control-border-readonly);
+  pointer-events: none;
+}
+.RangeDatePicker_date-input-group__CGdCd.uui-readonly.RangeDatePicker_mode-form__o0e0M:hover {
+  border-color: var(--uui-control-border-readonly);
+}
+.RangeDatePicker_date-input-group__CGdCd.uui-readonly.RangeDatePicker_mode-cell__neiVz {
+  background-color: transparent;
+  border-color: transparent;
+  pointer-events: none;
+}
+.RangeDatePicker_date-input-group__CGdCd.uui-readonly.RangeDatePicker_mode-cell__neiVz:hover {
+  background-color: transparent;
+  border-color: transparent;
+}
+.RangeDatePicker_date-input-group__CGdCd.uui-readonly .RangeDatePicker_date-input__2aXJj.uui-focus {
+  box-shadow: none;
+}
+.RangeDatePicker_date-input-group__CGdCd.uui-invalid {
+  border-color: var(--uui-text-input-border-error);
+}
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:last-child .uui-calendar-day-cell:last-child > .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) {
+  position: relative;
+}
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:last-child .uui-calendar-day-cell:last-child > .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) .uui-calendar-day {
+  top: -3px;
+}
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:last-child .uui-calendar-day-cell:last-child > .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper):after {
+  background: linear-gradient(320deg, #ffffff 3px, transparent 0), linear-gradient(-135deg, #ffffff 3px, transparent 0);
+  background-position: left-bottom;
+  background-repeat: repeat-y;
+  background-size: 6px 6px;
+  content: " ";
+  display: block;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  width: 6px;
+  height: 100%;
+}
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:empty + .uui-calendar-day-cell .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper),
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:first-child .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) {
+  position: relative;
+}
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:empty + .uui-calendar-day-cell .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) .uui-calendar-day,
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:first-child .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper) .uui-calendar-day {
+  top: -3px;
+}
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:empty + .uui-calendar-day-cell .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper):after,
+.RangeDatePickerBody_root__CCVfb .uui-calendar-days > div:first-child .uui-calendar-day-cell:first-child .uui-range-datepicker-in-range:not(.uui-range-datepicker-first-day-in-range-wrapper):not(.uui-range-datepicker-last-day-in-range-wrapper):after {
+  background: linear-gradient(45deg, #ffffff 3px, transparent 0), linear-gradient(135deg, #ffffff 3px, transparent 0);
+  background-position: left-bottom;
+  background-repeat: repeat-y;
+  background-size: 6px 6px;
+  content: " ";
+  display: block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 6px;
+  height: 100%;
+}
+.RangeDatePickerBody_root__CCVfb .uui-range-datepicker-in-range.uui-calendar-day-wrapper {
+  background-color: var(--uui-rdtp-bg-selected-date);
+  border-radius: 0;
+  width: 40px;
+}
+.RangeDatePickerBody_root__CCVfb .uui-range-datepicker-first-day-in-range-wrapper.uui-calendar-selected-day {
+  border-top-left-radius: 50%;
+  border-bottom-left-radius: 50%;
+}
+.RangeDatePickerBody_root__CCVfb .uui-range-datepicker-last-day-in-range-wrapper.uui-calendar-selected-day {
+  border-top-right-radius: 50%;
+  border-bottom-right-radius: 50%;
+  margin-right: 10px;
+}
+.RangeDatePickerBody_root__CCVfb .uui-range-datepicker-separator {
+  display: flex;
+  flex: 0 0 auto;
+  border-left: 1px solid var(--uui-control-border);
+}
+.CalendarPresets_root__5O668 .uui-presets-container {
+  padding: 24px;
+  font-family: var(--font-regular);
+}
+.CalendarPresets_root__5O668 .uui-presets-header {
+  font-family: var(--font-semibold);
+  font-size: 14px;
+  line-height: 24px;
+  padding-bottom: 12px;
+}
+.CalendarPresets_root__5O668 .uui-presets-item {
+  font-family: var(--font-semibold);
+  font-size: 12px;
+  line-height: 18px;
+  color: var(--uui-link-button-text);
+  padding-bottom: 6px;
+}
+.CalendarPresets_root__5O668 .uui-presets-item:hover {
+  color: var(--uui-link-button-text-active);
+  cursor: pointer;
+}
+.DropMarker_blocker__x-t-D {
+  opacity: 0.1;
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}
+
+.DropMarker_marker__5weO4 {
+  --uui-drop-marker-offset: -1px;
+  --uui-drop-marker-width: 2px;
+  position: absolute;
+  pointer-events: none;
+  z-index: 10;
+}
+
+.DropMarker_top__a-UDx {
+  top: var(--uui-drop-marker-offset);
+  left: 0;
+  right: 0;
+  height: var(--uui-drop-marker-width);
+  background-color: var(--uui-drop-marker);
+}
+
+.DropMarker_bottom__kUP91 {
+  bottom: var(--uui-drop-marker-offset);
+  left: 0;
+  right: 0;
+  height: var(--uui-drop-marker-width);
+  background-color: var(--uui-drop-marker);
+}
+
+.DropMarker_left__w5JwO {
+  top: 0;
+  bottom: 0;
+  left: var(--uui-drop-marker-offset);
+  width: var(--uui-drop-marker-width);
+  background-color: var(--uui-drop-marker);
+}
+
+.DropMarker_right__zAmSs {
+  top: 0;
+  bottom: 0;
+  right: var(--uui-drop-marker-offset);
+  width: var(--uui-drop-marker-width);
+  background-color: var(--uui-drop-marker);
+}
+
+.DropMarker_inside__SfmMo {
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  border: var(--uui-drop-marker-width) solid var(--uui-drop-marker);
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.DataPickerBody_body__9Atow {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  align-self: stretch;
+  width: 100%;
+}
+.DataPickerBody_body__9Atow.DataPickerBody_multi__sToHj .-scrolled-bottom {
+  border-bottom: 1px solid var(--uui-divider);
+}
+.DataPickerBody_body__9Atow.DataPickerBody_modal__zvOE2 .-scrolled-top {
+  border-top: 1px solid var(--uui-divider);
+}
+.DataPickerBody_body__9Atow.DataPickerBody_modal__zvOE2 .-scrolled-bottom {
+  border-bottom: 1px solid var(--uui-divider);
+}
+
+.DataPickerBody_search-wrapper__UeG2b ~ .DataPickerBody_body__9Atow:not(.DataPickerBody_modal__zvOE2) .-scrolled-top {
+  border-top: 1px solid var(--uui-divider);
+}
+
+.DataPickerBody_modal__zvOE2 {
+  border: 0;
+}
+
+.DataPickerBody_checkbox__EFs7y {
+  padding: 6px 0;
+}
+
+.DataPickerBody_search-wrapper__UeG2b {
+  padding: 9px 12px;
+}
+
+.DataPickerBody_no-found-size-24__4RC9- {
+  padding-top: 20px;
+  padding-bottom: 20px;
+}
+
+.DataPickerBody_no-found-size-30__M8eYW, .DataPickerBody_no-found-size-36__jr82u, .DataPickerBody_no-found-size-42__9WVA5 {
+  padding-top: 23px;
+  padding-bottom: 23px;
+}
+.DataPickerHeader_header__UDMhr {
+  display: none;
+  justify-content: center;
+  position: relative;
+}
+@media screen and (max-width: 720px) {
+  .DataPickerHeader_header__UDMhr {
+    display: flex;
+  }
+}
+
+.DataPickerHeader_close__30pW6 {
+  height: 100%;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  right: 24px;
+}
+.DataTableCell_cell__VgHTT.DataTableCell_wrapper__6hBNx {
+  display: flex;
+  align-items: flex-start;
+}
+.DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-24__g6m7O .uui-checkbox, .DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-24__g6m7O .DataTableCell_folding-arrow__6iI4s, .DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-30__hpjkm .uui-checkbox, .DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-30__hpjkm .DataTableCell_folding-arrow__6iI4s {
+  margin-top: 6px;
+}
+.DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-36__8qiBq .uui-checkbox, .DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-36__8qiBq .DataTableCell_folding-arrow__6iI4s {
+  margin-top: 9px;
+}
+.DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-42__jJMhr .uui-checkbox, .DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-42__jJMhr .DataTableCell_folding-arrow__6iI4s {
+  margin-top: 12px;
+}
+.DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-48__XXrAx .uui-checkbox, .DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-48__XXrAx .DataTableCell_folding-arrow__6iI4s {
+  margin-top: 15px;
+}
+.DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-60__0XLPh .uui-checkbox, .DataTableCell_cell__VgHTT.DataTableCell_align-widgets-top__7LNVl.DataTableCell_size-60__0XLPh .DataTableCell_folding-arrow__6iI4s {
+  margin-top: 21px;
+}
+.DataTableCell_cell__VgHTT.DataTableCell_align-widgets-center__VXHNb {
+  align-self: center;
+}
+.DataTableCell_cell__VgHTT.DataTableCell_padding-12__xvGe5 {
+  padding: 0 12px;
+}
+.DataTableCell_cell__VgHTT.DataTableCell_padding-24__r322g {
+  padding: 0 24px;
+}
+.DataTableCell_cell__VgHTT.DataTableCell_padding-left-12__g6QSx {
+  padding-left: 12px;
+}
+.DataTableCell_cell__VgHTT.DataTableCell_padding-left-24__vm-bI {
+  padding-left: 24px;
+}
+.DataTableCell_cell__VgHTT.DataTableCell_padding-right-24__CjNWh {
+  padding-right: 24px;
+}
+.DataTableCell_cell__VgHTT.uui-invalid {
+  background-color: var(--uui-dt-cell-editor-bg-invalid);
+}
+
+.DataTableCell_drag-handle__Ge7UM {
+  position: absolute;
+  left: 2px;
+  width: 6px;
+  top: 3px;
+  bottom: 2px;
+  align-self: stretch;
+  visibility: hidden;
+}
+.-draggable.uui-table-row:not(.uui-drop-accepted):hover .DataTableCell_drag-handle__Ge7UM {
+  visibility: visible;
+}
+
+.DataTableCell_checkbox__sY2kh {
+  padding-right: 12px;
+}
+
+.DataTableCell_indent__lcZWO {
+  display: flex;
+  justify-content: flex-start;
+  flex-grow: 0;
+  flex-shrink: 0;
+  width: 12px;
+  padding-right: 12px;
+}
+
+.DataTableCell_folding-arrow__6iI4s {
+  margin: auto 0;
+}
+.DataTableCell_folding-arrow__6iI4s.uui-icon {
+  position: relative;
+}
+
+.DataTableCell_folding-arrow-12__mVKaH.uui-icon {
+  left: -2px;
+  flex: 0 0 12px;
+  width: 12px;
+  height: 12px;
+}
+
+.DataTableCell_folding-arrow-18__hiEIW.uui-icon {
+  left: -4px;
+  flex: 0 0 18px;
+  width: 18px;
+  height: 18px;
+}
+.DataTableRow_root__ThnfZ.uui-dt-row-border.uui-table-row {
+  --uui-dt-row-border-width: 1px;
+}
+.DataTableRow_root__ThnfZ.-clickable {
+  cursor: pointer;
+}
+.DataTableRow_root__ThnfZ.-clickable:hover {
+  --uui-dt-row-bg: var(--uui-dt-row-bg-hover);
+}
+.DataTableRow_root__ThnfZ.-draggable:hover {
+  cursor: grab;
+}
+.DataTableRow_root__ThnfZ.-draggable:active {
+  cursor: grabbing;
+}
+.DataTableRow_root__ThnfZ.uui-selected.uui-table-row {
+  --uui-dt-row-bg: var(--uui-dt-row-bg-selected);
+}
+.DataTableRow_root__ThnfZ.uui-invalid.uui-table-row {
+  --uui-dt-row-bg: var(--uui-dt-row-bg-invalid);
+}
+.DataTableRow_root__ThnfZ.uui-dragged-out {
+  opacity: 0.5;
+}
+.DataTableRow_root__ThnfZ.uui-drag-ghost {
+  box-shadow: 0 6px 18px 0 rgba(29, 30, 38, 0.05), 0 3px 12px 0 rgba(29, 30, 38, 0.05);
+}
+.DataTableRow_size-24__mjGKU {
+  min-height: 24px;
+}
+
+.DataTableRow_size-30__Kb8nP {
+  min-height: 30px;
+}
+
+.DataTableRow_size-36__dolOJ {
+  min-height: 36px;
+}
+
+.DataTableRow_size-48__DpAQX {
+  min-height: 48px;
+}
+
+.DataTableRow_size-60__k0ZKS {
+  min-height: 60px;
+}
+
+.DataTableRow_background-white__GKFMn {
+  --uui-dt-row-background: white;
+}
+.DataTableHeaderRow_header-cell__KtC6r {
+  background: none;
+}
+
+.DataTableHeaderRow_config-icon__w0uLR {
+  position: absolute;
+  height: 100%;
+  right: 24px;
+  z-index: 2;
+}
+.DataTableHeaderCell_cell__8JnbB {
+  color: var(--uui-text-primary);
+  display: flex;
+  box-sizing: border-box;
+  align-items: center;
+  padding: 0 12px;
+  position: relative;
+  width: 0;
+  border-right: 1px solid transparent;
+  margin-left: -1px;
+  background-clip: padding-box;
+}
+.DataTableHeaderCell_cell__8JnbB.-clickable {
+  cursor: pointer;
+}
+.DataTableHeaderCell_cell__8JnbB.-clickable:hover {
+  background: var(--uui-dt-row-bg-hover);
+  box-shadow: var(--uui-dt-header-hover-shadow);
+}
+.DataTableHeaderCell_cell__8JnbB.-clickable:hover .DataTableHeaderCell_sort-icon__Wi-rh, .DataTableHeaderCell_cell__8JnbB.-clickable:hover .DataTableHeaderCell_dropdown-icon__-vO3u, .DataTableHeaderCell_cell__8JnbB.-clickable:hover .DataTableHeaderCell_infoIcon__1Ang4 {
+  fill: var(--uui-icon-hover);
+}
+.DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_resizable__sNvwo:hover {
+  box-shadow: var(--uui-dt-header-hover-shadow);
+}
+.DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_size-24__ntP26 {
+  height: 24px;
+}
+.DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_size-30__znptx {
+  height: 30px;
+}
+.DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_size-36__m5DC6 {
+  height: 36px;
+}
+.DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_size-42__YX4yM {
+  height: 42px;
+}
+.DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_size-48__YCyCX {
+  height: 48px;
+}
+.DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_padding-left-24__sZhuC {
+  padding-left: 24px;
+}
+.DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_padding-right-24__5Ne7M {
+  padding-right: 24px;
+}
+.DataTableHeaderCell_cell__8JnbB .DataTableHeaderCell_caption__pF7VF {
+  font-family: var(--font-semibold);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  margin-right: 6px;
+}
+.DataTableHeaderCell_cell__8JnbB .DataTableHeaderCell_checkbox__sg2V- {
+  margin-right: 12px;
+}
+.DataTableHeaderCell_cell__8JnbB .DataTableHeaderCell_icon__XDYeh {
+  display: flex;
+  flex-shrink: 0;
+  cursor: pointer;
+}
+.DataTableHeaderCell_cell__8JnbB .DataTableHeaderCell_icon-cell__t-wBF {
+  display: flex;
+  overflow: hidden;
+}
+.DataTableHeaderCell_cell__8JnbB .DataTableHeaderCell_icon-cell__t-wBF.DataTableHeaderCell_align-right__JzZ-h {
+  flex-direction: row-reverse;
+}
+.DataTableHeaderCell_cell__8JnbB .DataTableHeaderCell_icon-cell__t-wBF.DataTableHeaderCell_align-right__JzZ-h .DataTableHeaderCell_caption__pF7VF {
+  margin-right: 0;
+  margin-left: 6px;
+}
+.DataTableHeaderCell_cell__8JnbB .DataTableHeaderCell_icon-cell__t-wBF.DataTableHeaderCell_align-center__BegNE {
+  justify-content: center;
+}
+.DataTableHeaderCell_cell__8JnbB .DataTableHeaderCell_tooltip-wrapper__ILECw {
+  width: 100%;
+  min-width: 0;
+}
+.DataTableHeaderCell_cell__8JnbB .DataTableHeaderCell_cell-tooltip__XAI4G {
+  top: 0;
+}
+.DataTableHeaderCell_cell__8JnbB .DataTableHeaderCell_upper-case__YCQ24 {
+  text-transform: uppercase;
+  font-size: 12px;
+}
+.DataTableHeaderCell_cell__8JnbB .DataTableHeaderCell_font-size-14__3JeGt {
+  font-size: 14px;
+}
+.DataTableHeaderCell_cell__8JnbB .DataTableHeaderCell_resize-mark__Vlv3w {
+  position: absolute;
+  width: 12px;
+  right: 0;
+  height: 100%;
+  cursor: col-resize;
+}
+.DataTableHeaderCell_cell__8JnbB .DataTableHeaderCell_resize-mark__Vlv3w:hover {
+  background-color: var(--uui-dt-cell-resize-bg);
+}
+.DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_draggable__c0dne {
+  cursor: pointer;
+}
+.DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_ghost__Yjb5B {
+  background-color: var(--uui-dt-row-bg-hover);
+  box-shadow: 0 6px 18px 0 rgba(29, 30, 38, 0.05), 0 3px 12px 0 rgba(29, 30, 38, 0.05);
+}
+.DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_is-dragged-out__HzBd6 {
+  background-color: var(--uui-dt-row-bg-hover);
+  opacity: 0.5;
+}
+.DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_dnd-marker-left__0pkPC {
+  box-shadow: var(--uui-dt-left-marker-shadow);
+}
+.DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_dnd-marker-left__0pkPC.-clickable, .DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_dnd-marker-left__0pkPC.DataTableHeaderCell_resizable__sNvwo {
+  box-shadow: var(--uui-dt-left-marker-shadow);
+}
+.DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_dnd-marker-right__1i9gh {
+  box-shadow: var(--uui-dt-right-marker-shadow);
+}
+.DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_dnd-marker-right__1i9gh.-clickable, .DataTableHeaderCell_cell__8JnbB.DataTableHeaderCell_dnd-marker-right__1i9gh.DataTableHeaderCell_resizable__sNvwo {
+  box-shadow: var(--uui-dt-right-marker-shadow);
+}
+.DataTable_sticky-header__Dt-br {
+  position: sticky;
+  top: 0;
+  isolation: isolate;
+  z-index: 5;
+}
+
+.DataTable_listContainer__MJ2d9 {
+  margin-top: 1px;
+  isolation: isolate;
+}
+
+.DataTable_table__n--u-.-scrolled-left .uui-scroll-shadow-left {
+  opacity: 1;
+}
+.DataTable_table__n--u-.-scrolled-right .uui-scroll-shadow-right {
+  opacity: 1;
+}
+.DataTable_table__n--u- .uui-scroll-shadow-top {
+  position: absolute;
+  pointer-events: none;
+  left: 0;
+  right: 0;
+  bottom: -5px;
+}
+.DataTable_table__n--u- .uui-scroll-shadow-top-visible {
+  display: block;
+  height: 5px;
+  background: var(--uui-dt-top-shadow);
+  transition: display 200ms;
+}
+
+.DataTable_no-results__8wzS9 {
+  position: sticky;
+  left: 0;
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.DataTable_no-results-icon__-nnhq {
+  align-items: center;
+}
+.DataTable_no-results-title__MM7z0 {
+  padding: 0;
+  margin-top: 30px;
+}
+.ColumnsConfigurationModal_main-panel__hCrXd {
+  height: 100%;
+  padding-top: 6px;
+}
+.ColumnsConfigurationModal_main-panel__hCrXd .ColumnsConfigurationModal_group-title__UtJIu {
+  margin-bottom: -6px;
+}
+.ColumnsConfigurationModal_main-panel__hCrXd .ColumnsConfigurationModal_group-title__UtJIu > .ColumnsConfigurationModal_group-title-text__3hOPf {
+  padding-top: 0;
+}
+.ColumnsConfigurationModal_main-panel__hCrXd .ColumnsConfigurationModal_group-title__UtJIu > .ColumnsConfigurationModal_group-title-badge__4agZV {
+  top: -3px;
+}
+.ColumnsConfigurationModal_main-panel__hCrXd .ColumnsConfigurationModal_group-title__UtJIu > .ColumnsConfigurationModal_group-title-badge__4agZV > .uui-caption {
+  font-family: var(--font-semibold);
+}
+.ColumnsConfigurationModal_main-panel__hCrXd .ColumnsConfigurationModal_group-title__UtJIu:not(:first-child) {
+  padding-top: 12px;
+}
+.ColumnsConfigurationModal_main-panel__hCrXd .ColumnsConfigurationModal_group-items__g1FUY {
+  flex-direction: column;
+}
+.ColumnsConfigurationModal_main-panel__hCrXd .ColumnsConfigurationModal_no-data__CzFcf {
+  flex-direction: column;
+  top: calc(50% - 35px);
+  position: relative;
+}
+.ColumnsConfigurationModal_main-panel__hCrXd .ColumnsConfigurationModal_h-divider__W9MsK {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 6px 24px;
+}
+.ColumnsConfigurationModal_main-panel__hCrXd .ColumnsConfigurationModal_h-divider__W9MsK::before {
+  content: "";
+  height: 1px;
+  display: block;
+  background: var(--uui-divider);
+}
+
+.ColumnsConfigurationModal_search-area__FGWyb {
+  padding-bottom: 6px;
+}
+.ColumnRow_row-wrapper__XJiWz {
+  position: relative;
+  padding: 0 24px 0 0;
+  width: 100%;
+  box-sizing: border-box;
+  touch-action: auto;
+}
+.ColumnRow_row-wrapper__XJiWz.ColumnRow_not-pinned__I-gDy:not(:hover) .ColumnRow_pin-icon-button__YTlTW {
+  visibility: hidden;
+}
+.ColumnRow_row-wrapper__XJiWz:hover {
+  background-color: var(--uui-surface-hover);
+}
+.ColumnRow_row-wrapper__XJiWz .ColumnRow_drag-handle__S4faK {
+  height: 12px;
+  background-position: right;
+  background-repeat: repeat-y;
+  padding: 6px 0 6px 24px;
+  background-position-y: -2px;
+  opacity: 1;
+  touch-action: none;
+}
+.ColumnRow_row-wrapper__XJiWz .ColumnRow_drag-handle__S4faK.ColumnRow_dnd-disabled__HqbOB {
+  opacity: 0.3;
+  touch-action: auto;
+}
+.ColumnRow_row-wrapper__XJiWz.uui-drag-ghost {
+  background-color: var(--uui-surface);
+  box-shadow: 0 6px 18px 0 rgba(29, 30, 38, 0.05), 0 3px 12px 0 rgba(29, 30, 38, 0.05);
+}
+@media screen and (max-width: 720px) {
+  .ColumnHeaderDropdown_panel__52aQo {
+    height: 100vh;
+    border-radius: 0;
+  }
+}
+.SortingPanel_sorting-panel-container__DH1x6 {
+  padding: 6px 0;
+  border-bottom: 1px solid var(--uui-divider);
+}
+@media screen and (max-width: 720px) {
+  .SortingPanel_sorting-panel-container__DH1x6 {
+    padding: 0;
+  }
+}
+
+.SortingPanel_sort-active__KNhjc {
+  margin-right: 12px;
+}
+.DataPickerRow_render-item__YsRTQ {
+  display: flex;
+  flex: auto;
+}
+
+.DataPickerRow_icon-wrapper__Pwg6e {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.DataPickerRow_picker-row__yZk93.uui-focus {
+  background-color: var(--uui-surface-hover);
+}
+.DataPickerRow_picker-row__yZk93.-clickable {
+  cursor: pointer;
+}
+.MobileDropdownWrapper_done__kE5Pe {
+  display: flex;
   justify-content: center;
   align-items: center;
-  border-top: 1px solid var(--divider-color);
+  border-top: 1px solid var(--uui-divider);
 }
 .MobileDropdownWrapper_done__kE5Pe.uui-button-box {
   background-color: #fff;
   border-width: 1px !important;
 }
 .PickerModal_sub-header-wrapper__ArWps {
-  border-bottom: 1px solid var(--divider-color);
-  padding: 6px 24px;
+  padding: 0 24px;
 }
 
 .PickerModal_switch__l1-Vd {
-  margin-bottom: 6px;
+  margin-bottom: 12px;
 }
 .Badge_root__wIzSP .uui-count {
   font-family: var(--font-semibold);
@@ -2642,68 +3339,63 @@
   left: 3px;
 }
 .Badge_root__wIzSP.Badge_fill-solid__ptnEO {
-  background-color: var(--badge-bg-color);
-  color: var(--badge-caption-color-solid);
-  fill: var(--badge-caption-color-solid);
-  border-color: var(--badge-bg-color);
+  background-color: var(--uui-badge-bg);
+  color: var(--uui-badge-caption-solid);
+  fill: var(--uui-badge-caption-solid);
+  border-color: var(--uui-badge-bg);
 }
 .Badge_root__wIzSP.Badge_fill-solid__ptnEO .uui-count {
-  background-color: var(--badge-count-bg-color);
-  color: var(--badge-count-color);
+  background-color: var(--uui-badge-count-bg);
+  color: var(--uui-badge-count);
 }
 .Badge_root__wIzSP.Badge_fill-solid__ptnEO.-clickable:hover {
-  background-color: var(--badge-bg-color-hover);
-  border-color: var(--badge-bg-color-hover);
+  background-color: var(--uui-badge-bg-hover);
+  border-color: var(--uui-badge-bg-hover);
+  cursor: pointer;
+}
+.Badge_root__wIzSP.Badge_fill-semitransparent__Nd9RN {
+  background-color: var(--uui-badge-bg-halftone);
+  color: var(--uui-badge-caption-halftone);
+  fill: var(--uui-badge-caption-halftone);
+  border-color: var(--uui-badge-border-halftone);
+}
+.Badge_root__wIzSP.Badge_fill-semitransparent__Nd9RN .uui-count {
+  background-color: var(--uui-badge-count-bg);
+  color: var(--uui-badge-count);
+}
+.Badge_root__wIzSP.Badge_fill-semitransparent__Nd9RN.-clickable:hover {
+  background-color: var(--uui-badge-bg-halftone-hover);
+  color: var(--uui-badge-caption-halftone);
+  fill: var(--uui-badge-caption-halftone);
+  border-color: var(--uui-badge-border-halftone-hover);
+  cursor: pointer;
+}
+.Badge_root__wIzSP.Badge_fill-transparent__za27N {
+  background-color: transparent;
+  color: var(--uui-text-primary);
+  fill: var(--uui-text-primary);
+  border-color: transparent;
+}
+.Badge_root__wIzSP.Badge_fill-transparent__za27N.-clickable:hover {
+  color: var(--uui-badge-bg-hover);
+  fill: var(--uui-badge-bg-hover);
   cursor: pointer;
 }
-.badge-color-info {
-  --badge-bg-color: var(--info-color);
-  --badge-bg-color-hover: var(--info-active-color);
-  --badge-caption-color-solid: white;
-  --badge-count-bg-color: white;
-  --badge-count-color: var(--text-secondary-color);
-}
-
-.badge-color-success {
-  --badge-bg-color: var(--success-color);
-  --badge-bg-color-hover: var(--success-active-color);
-  --badge-caption-color-solid: white;
-  --badge-count-bg-color: white;
-  --badge-count-color: var(--text-secondary-color);
-}
-
-.badge-color-warning {
-  --badge-bg-color: var(--warning-color);
-  --badge-bg-color-hover: var(--warning-active-color);
-  --badge-caption-color-solid: white;
-  --badge-count-bg-color: white;
-  --badge-count-color: var(--text-secondary-color);
-}
-
-.badge-color-error {
-  --badge-bg-color: var(--error-color);
-  --badge-bg-color-hover: var(--error-active-color);
-  --badge-caption-color-solid: var(--text-primary-color);
-  --badge-count-bg-color: white;
-  --badge-count-color: var(--text-secondary-color);
-}
-.tag-vars {
-  --tag-bg-color: var(--tag-color);
-  --tag-bg-color-hover: var(--tag-hover-color);
-  --tag-caption-color: var(--text-primary-color);
-  --tag-fill-color: var(--icon-color);
-  --tag-fill-color-hover: var(--icon-hover-color);
-  --tag-count-bg-color: white;
-  --tag-count-color: var(--text-secondary-color);
+.Badge_root__wIzSP.Badge_fill-transparent__za27N::before {
+  position: absolute;
+  content: "";
+  border-radius: 50%;
+  background-color: var(--uui-badge-bg);
 }
 .Tag_root__610w5.uui-button-box {
-  background-color: var(--tag-bg-color);
-  fill: var(--tag-fill-color);
+  border-radius: var(--uui-tag-border-radius);
+  background-color: var(--uui-tag-bg);
+  fill: var(--uui-tag-fill);
   border: 0;
 }
 .Tag_root__610w5.uui-button-box .uui-count {
-  background-color: var(--tag-count-bg-color);
-  color: var(--tag-count-color);
+  background-color: var(--uui-tag-count-bg);
+  color: var(--uui-tag-count);
   font-family: var(--font-semibold);
   margin: auto;
   height: 18px;
@@ -2716,14 +3408,15 @@
 .Tag_root__610w5.uui-button-box .uui-count:not(:first-child) {
   margin-left: 6px;
 }
-.Tag_root__610w5.uui-button-box.-clickable:hover {
-  background-color: var(--tag-bg-color-hover);
-  fill: var(--tag-fill-color-hover);
+.Tag_root__610w5.uui-button-box.-clickable:hover, .Tag_root__610w5.uui-button-box.-clickable:active, .Tag_root__610w5.uui-button-box.-clickable:focus {
+  background-color: var(--uui-tag-bg-hover);
+  fill: var(--uui-tag-fill-hover);
   cursor: pointer;
 }
 .Tag_root__610w5.uui-button-box .uui-caption {
+  text-transform: none;
   font-family: var(--font-regular);
-  color: var(--tag-caption-color);
+  color: var(--uui-tag-caption);
 }
 .Tag_root__610w5.Tag_size-18__mPDDm {
   min-height: 18px;
@@ -2842,21 +3535,6 @@
   border-radius: 12px;
   min-width: 12px;
 }
-.picker-toggler-vars {
-  --picker-toggler-bg-color: var(--input-bg-color);
-  --picker-toggler-border-color: var(--input-border-color);
-  --picker-toggler-border-color-hover: var(--input-textinput-border-hover-color);
-  --picker-toggler-border-color-active: var(--input-border-checked-color);
-  --picker-toggler-border-color-error: var(--negative-color);
-  --picker-toggler-placeholder-color: var(--input-placeholder-color);
-  --picker-toggler-text-color: var(--input-text-color);
-  --picker-toggler-text-color-disabled: var(--input-text-disabled-color);
-  --picker-toggler-icon-color: var(--input-icon-color);
-  --picker-toggler-icon-color-disabled: var(--input-icon-disabled-color);
-  --picker-toggler-icon-color-clickable: var(--icon-color);
-  --picker-toggler-icon-color-clickable-hover: var(--icon-hover-color);
-  --picker-toggler-border-radius: var(--border-radius);
-}
 .PickerToggler_root__G7gEl {
   padding-top: 2px;
   padding-left: 5px;
@@ -2866,31 +3544,31 @@
   border-style: solid;
 }
 .PickerToggler_root__G7gEl.PickerToggler_mode-form__OlTHW {
-  background-color: var(--picker-toggler-bg-color);
-  border-color: var(--picker-toggler-border-color);
-  fill: var(--picker-toggler-icon-color);
-  border-radius: var(--picker-toggler-border-radius);
+  background-color: var(--uui-picker-toggler-bg);
+  border-color: var(--uui-picker-toggler-border);
+  fill: var(--uui-picker-toggler-icon);
+  border-radius: var(--uui-picker-toggler-border-radius);
 }
 .PickerToggler_root__G7gEl.PickerToggler_mode-form__OlTHW .uui-icon.-clickable.uui-enabled, .PickerToggler_root__G7gEl.PickerToggler_mode-form__OlTHW .uui-icon-dropdown.uui-enabled {
-  fill: var(--picker-toggler-icon-color-clickable);
+  fill: var(--uui-picker-toggler-icon-clickable);
 }
 .PickerToggler_root__G7gEl.PickerToggler_mode-form__OlTHW .uui-icon.-clickable.uui-enabled:hover, .PickerToggler_root__G7gEl.PickerToggler_mode-form__OlTHW .uui-icon-dropdown.uui-enabled:hover {
-  fill: var(--picker-toggler-icon-color-clickable-hover);
+  fill: var(--uui-picker-toggler-icon-clickable-hover);
 }
 .PickerToggler_root__G7gEl.PickerToggler_mode-form__OlTHW .uui-icon.-clickable.uui-disabled, .PickerToggler_root__G7gEl.PickerToggler_mode-form__OlTHW .uui-icon-dropdown.uui-disabled {
-  fill: var(--picker-toggler-icon-color-disabled);
+  fill: var(--uui-picker-toggler-icon-disabled);
 }
 .PickerToggler_root__G7gEl.PickerToggler_mode-form__OlTHW:hover {
-  border-color: var(--picker-toggler-border-color-hover);
+  border-color: var(--uui-picker-toggler-border-hover);
 }
 .PickerToggler_root__G7gEl.PickerToggler_mode-form__OlTHW.uui-focus {
-  border-color: var(--picker-toggler-border-color-active);
+  border-color: var(--uui-picker-toggler-border-active);
   outline: none;
 }
 .PickerToggler_root__G7gEl.PickerToggler_mode-cell__hBg0t {
   background-color: transparent;
   border-color: transparent;
-  fill: var(--picker-toggler-icon-color);
+  fill: var(--uui-picker-toggler-icon);
 }
 .PickerToggler_root__G7gEl.PickerToggler_mode-cell__hBg0t .uui-icon.-clickable, .PickerToggler_root__G7gEl.PickerToggler_mode-cell__hBg0t .uui-icon-dropdown {
   cursor: pointer;
@@ -2901,34 +3579,28 @@
 .PickerToggler_root__G7gEl.PickerToggler_mode-cell__hBg0t .uui-icon.-clickable.uui-disabled, .PickerToggler_root__G7gEl.PickerToggler_mode-cell__hBg0t .uui-icon-dropdown.uui-disabled {
   fill: transparent;
 }
-.PickerToggler_root__G7gEl.PickerToggler_mode-cell__hBg0t:hover {
-  background-color: white;
-  border-color: var(--picker-toggler-border-color);
-}
 .PickerToggler_root__G7gEl.PickerToggler_mode-cell__hBg0t:hover .uui-icon.-clickable.uui-enabled, .PickerToggler_root__G7gEl.PickerToggler_mode-cell__hBg0t:hover .uui-icon-dropdown.uui-enabled {
-  fill: var(--picker-toggler-icon-color-clickable);
+  fill: var(--uui-picker-toggler-icon-clickable);
 }
 .PickerToggler_root__G7gEl.PickerToggler_mode-cell__hBg0t:hover .uui-icon.-clickable.uui-enabled:hover, .PickerToggler_root__G7gEl.PickerToggler_mode-cell__hBg0t:hover .uui-icon-dropdown.uui-enabled:hover {
-  fill: var(--picker-toggler-icon-color-clickable-hover);
+  fill: var(--uui-picker-toggler-icon-clickable-hover);
 }
 .PickerToggler_root__G7gEl.PickerToggler_mode-cell__hBg0t:hover .uui-icon.-clickable.uui-disabled, .PickerToggler_root__G7gEl.PickerToggler_mode-cell__hBg0t:hover .uui-icon-dropdown.uui-disabled {
   fill: transparent;
 }
 .PickerToggler_root__G7gEl.PickerToggler_mode-cell__hBg0t.uui-focus {
-  background-color: white;
-  border-color: var(--picker-toggler-border-color-active);
   outline: none;
 }
-.PickerToggler_root__G7gEl.uui-invalid.PickerToggler_mode-form__OlTHW, .PickerToggler_root__G7gEl.uui-invalid.PickerToggler_mode-cell__hBg0t {
-  border-color: var(--picker-toggler-border-color-error);
+.PickerToggler_root__G7gEl.uui-invalid.PickerToggler_mode-form__OlTHW {
+  border-color: var(--uui-picker-toggler-border-error);
 }
 .PickerToggler_root__G7gEl.uui-readonly.PickerToggler_mode-form__OlTHW {
-  background-color: var(--input-bg-readonly-color);
-  border-color: var(--input-border-readonly-color);
+  background-color: var(--uui-control-bg-readonly);
+  border-color: var(--uui-control-border-readonly);
   pointer-events: none;
 }
 .PickerToggler_root__G7gEl.uui-readonly.PickerToggler_mode-form__OlTHW:hover {
-  border-color: var(--input-border-readonly-color);
+  border-color: var(--uui-control-border-readonly);
 }
 .PickerToggler_root__G7gEl.uui-readonly.PickerToggler_mode-cell__hBg0t {
   background-color: transparent;
@@ -2943,73 +3615,73 @@
   visibility: hidden;
 }
 .PickerToggler_root__G7gEl.uui-disabled {
-  fill: var(--picker-toggler-icon-color-disabled);
+  fill: var(--uui-picker-toggler-icon-disabled);
 }
 .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-form__OlTHW {
-  background-color: var(--input-bg-disabled-color);
-  color: var(--input-text-disabled-color);
-  fill: var(--input-text-disabled-color);
-  border-color: var(--input-border-disabled-color);
+  background-color: var(--uui-control-bg-disabled);
+  color: var(--uui-control-text-disabled);
+  fill: var(--uui-control-text-disabled);
+  border-color: var(--uui-control-border-disabled);
   cursor: default;
   pointer-events: none;
 }
 .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-form__OlTHW .uui-input {
-  color: var(--input-text-disabled-color);
+  color: var(--uui-control-text-disabled);
 }
 .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-form__OlTHW .uui-input::placeholder {
-  color: var(--input-placeholder-disabled-color);
+  color: var(--uui-control-placeholder-disabled);
 }
 .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-form__OlTHW:hover, .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-form__OlTHW:active, .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-form__OlTHW:focus {
-  background-color: var(--input-bg-disabled-color);
-  color: var(--input-text-disabled-color);
-  fill: var(--input-text-disabled-color);
-  border-color: var(--input-border-disabled-color);
+  background-color: var(--uui-control-bg-disabled);
+  color: var(--uui-control-text-disabled);
+  fill: var(--uui-control-text-disabled);
+  border-color: var(--uui-control-border-disabled);
   box-shadow: none;
 }
 .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-form__OlTHW:hover .uui-input, .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-form__OlTHW:active .uui-input, .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-form__OlTHW:focus .uui-input {
-  color: var(--input-text-disabled-color);
+  color: var(--uui-control-text-disabled);
 }
 .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-form__OlTHW:hover .uui-input::placeholder, .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-form__OlTHW:active .uui-input::placeholder, .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-form__OlTHW:focus .uui-input::placeholder {
-  color: var(--input-placeholder-disabled-color);
+  color: var(--uui-control-placeholder-disabled);
 }
 .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-form__OlTHW::placeholder {
-  color: var(--input-placeholder-disabled-color);
+  color: var(--uui-control-placeholder-disabled);
 }
 .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-cell__hBg0t {
   background-color: transparent;
-  color: var(--input-text-disabled-color);
-  fill: var(--input-text-disabled-color);
+  color: var(--uui-control-text-disabled);
+  fill: var(--uui-control-text-disabled);
   border-color: transparent;
   cursor: default;
   pointer-events: none;
 }
 .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-cell__hBg0t .uui-input {
-  color: var(--input-text-disabled-color);
+  color: var(--uui-control-text-disabled);
 }
 .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-cell__hBg0t .uui-input::placeholder {
-  color: var(--input-placeholder-disabled-color);
+  color: var(--uui-control-placeholder-disabled);
 }
 .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-cell__hBg0t:hover, .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-cell__hBg0t:active, .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-cell__hBg0t:focus {
   background-color: transparent;
-  color: var(--input-text-disabled-color);
-  fill: var(--input-text-disabled-color);
+  color: var(--uui-control-text-disabled);
+  fill: var(--uui-control-text-disabled);
   border-color: transparent;
   box-shadow: none;
 }
 .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-cell__hBg0t:hover .uui-input, .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-cell__hBg0t:active .uui-input, .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-cell__hBg0t:focus .uui-input {
-  color: var(--input-text-disabled-color);
+  color: var(--uui-control-text-disabled);
 }
 .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-cell__hBg0t:hover .uui-input::placeholder, .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-cell__hBg0t:active .uui-input::placeholder, .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-cell__hBg0t:focus .uui-input::placeholder {
-  color: var(--input-placeholder-disabled-color);
+  color: var(--uui-control-placeholder-disabled);
 }
 .PickerToggler_root__G7gEl.uui-disabled.PickerToggler_mode-cell__hBg0t::placeholder {
-  color: var(--input-placeholder-disabled-color);
+  color: var(--uui-control-placeholder-disabled);
 }
 .PickerToggler_root__G7gEl.uui-disabled .uui-input {
   cursor: default;
 }
 .PickerToggler_root__G7gEl.uui-disabled .uui-input::placeholder {
-  color: var(--picker-toggler-text-color-disabled);
+  color: var(--uui-picker-toggler-text-disabled);
 }
 .PickerToggler_root__G7gEl.uui-disabled .uui-icon-dropdown, .PickerToggler_root__G7gEl.uui-disabled .uui-icon-cancel {
   visibility: hidden;
@@ -3019,10 +3691,10 @@
   padding-right: 6px;
   margin-bottom: 2px;
   font-family: var(--font-regular);
-  color: var(--picker-toggler-text-color);
+  color: var(--uui-picker-toggler-text);
 }
 .PickerToggler_root__G7gEl .uui-input::placeholder {
-  color: var(--picker-toggler-placeholder-color);
+  color: var(--uui-picker-toggler-placeholder);
 }
 .PickerToggler_root__G7gEl .uui-input::-moz-placeholder {
   opacity: 1;
@@ -3042,10 +3714,10 @@
   margin-right: 0;
 }
 .PickerToggler_root__G7gEl .uui-placeholder {
-  color: var(--picker-toggler-text-color);
+  color: var(--uui-picker-toggler-text);
 }
 .PickerToggler_root__G7gEl .uui-placeholder::placeholder {
-  color: var(--picker-toggler-text-color);
+  color: var(--uui-picker-toggler-text);
 }
 .PickerToggler_root__G7gEl .uui-placeholder::-moz-placeholder {
   opacity: 1;
@@ -3168,6 +3840,9 @@
   padding-top: 9px;
   padding-bottom: 9px;
 }
+.PickerItem_root__m-i2g .PickerItem_text__k9Jsu {
+  padding: 0;
+}
 @media screen and (max-width: 720px) {
   .PickerInput_panel__0GHsI {
     height: var(--app-mobile-height);
@@ -3175,7 +3850,7 @@
 }
 
 .PickerInput_footer-wrapper__hMVx6 {
-  border-top: 1px solid var(--divider-color);
+  border-top: 1px solid var(--uui-divider);
   background: white;
   padding: 0 12px;
   display: flex;