@koi-design/uxd-ui 14.0.3 → 14.0.5

package/styles/components/slider/index.less

@@ -12,13 +12,10 @@
   align-items: center;
   position: relative;
   touch-action: none;
- 
-
 
   &-track {
     background: var(--slider-track-background);
-    box-shadow: var(--slider-track-box-shadow);
-    border-radius: var(--slider-track-radius);
+    border-radius: var(--radius-full);
     height: var(--slider-track-size);
     position: relative;
     width: calc(100% + var(--slider-handle-size));
@@ -27,7 +24,7 @@
 
   &-range {
     background: var(--slider-range-background);
-    border-radius: var(--slider-track-radius);
+    border-radius: var(--radius-full);
     height: var(--slider-track-size);
     position: absolute;
     top: 0;
@@ -35,8 +32,8 @@
   &-mask-start,
   &-mask {
     background: var(--slider-mask-background);
-    border-radius: var(--slider-track-radius);
-    height: var(--slider-track-size);
+    border-radius: var(--radius-full);
+    height: 100%;
     position: absolute;
     top: 0;
   }
@@ -47,9 +44,10 @@
   }
 
   &-handle {
-    background-color: var(--slider-handle-background-color);
-    box-shadow: 0 0 0 var(--slider-handle-border-width) var(--slider-handle-border-color)  inset;
-    border-radius: var(--slider-handle-radius);
+    background-color: white;
+    border: 1px solid var(--slider-handle-border-color);
+    box-shadow: var(--shadow-base);
+    border-radius: var(--radius-full);
     cursor: pointer;
     width: var(--slider-handle-size);
     height: var(--slider-handle-size);
@@ -59,21 +57,18 @@
 
     &:hover,
     &:focus {
-      box-shadow: 0 0 0 var(--slider-handle-hover-border-width) var(--slider-handle-hover-border-color)  inset;
-      height: var(--slider-handle-hover-size);
-      width: var(--slider-handle-hover-size);
-      outline: none;
+      transform: translate(-50%, -50%) scale(1.1);
     }
   }
 
   &-with-marks {
-    height: calc(var(--slider-handle-hover-size) + var(--slider-marks-height) * 2);
+    --slider-height: var(--space-16);
   }
 
   &-mark {
     font-size: var(--default-font-size);
-    top: var(--slider-marks-top);
-    bottom: var(--slider-marks-bottom);
+    top: var(--slider-handle-size);
+    bottom: auto;
     position: absolute;
     width: 100%;
   }
@@ -81,15 +76,15 @@
   &-mark-text {
     position: absolute;
     display: inline-flex;
-    color: var(--slider-mark-text-color);
-    line-height: var(--slider-marks-height);
-    height: var(--slider-marks-height);
+    color: var(--secondary-font-color);
+    line-height: var(--space-5);
+    height: var(--space-5);
     justify-content: center;
     word-break: keep-all;
     cursor: pointer;
 
     &-active {
-      color: var(--slider-mark-active-text-color);
+      color: var(--default-font-color);
     }
   }
 
@@ -109,38 +104,22 @@
     width: var(--slider-dot-size);
     height: var(--slider-dot-size);
     background-color: var(--color-background);
-    border: var(--slider-dot-border-width) solid var(--slider-dot-border-color);
-    // box-shadow: 0 0 0 var(--slider-dot-border-width) var(--slider-dot-border-color) inset;
-    border-radius: 50%;
+    border: 1px solid var(--color-border-base);
+    border-radius: var(--radius-full);
     transform: translateX(-50%);
     cursor: pointer;
 
     &-active {
-      border-color: var(--slider-dot-active-border-color);
-      // box-shadow: 0 0 0 var(--slider-dot-border-width) var(--slider-dot-active-border-color)  inset;
+      border-color: var(--slider-handle-border-color);
     }
   }
 
   &-disabled {
     cursor: not-allowed;
-
-    .@{slider-prefix-cls}-track {
-      background-color: var(--slider-track-disabled-background-color);
-      box-shadow: var(--slider-track-disabled-box-shadow);
-    }
-
-    .@{slider-prefix-cls}-range {
-      background-color: var(--slider-range-disabeld-background-color);
-    }
+    opacity: var(--disabled-opacity);
 
     .@{slider-prefix-cls}-handle {
-      box-shadow: 0 0 0 var(--slider-handle-border-width) var(--slider-handle-disabled-border-color)  inset;
-      cursor: not-allowed;
-    }
-
-    .@{slider-prefix-cls}-dot {
-      box-shadow: 0 0 0 var(--slider-dot-border-width) var(--slider-dot-disabled-border-color)  inset;
-      cursor: not-allowed;
+      pointer-events: none;
     }
 
     .@{slider-prefix-cls}-mark-text,
@@ -178,7 +157,6 @@
       width: var(--slider-track-size);
     }
 
-  
     .@{slider-prefix-cls}-handle {
       left: 50%;
       top: auto;
@@ -199,7 +177,7 @@
     .@{slider-prefix-cls}-mark {
       top: 0;
       bottom: 0;
-      left: var(--slider-height);
+      left: var(--slider-handle-size);
       height: 100%;
     }
 
@@ -207,11 +185,7 @@
       left: 0;
       white-space: nowrap;
       transform: translateY(50%);
-      line-height: var(--slider-marks-height);
-      height: var(--slider-marks-height);
     }
-
-   
   }
 
   &-rtl {
@@ -224,125 +198,31 @@
     }
   }
 
-  &-size-small {
-    --slider-height: var(--slider-height-small);
-    --slider-track-size: var(--slider-track-size-small);
-    --slider-handle-size: var(--slider-handle-size-small);
-    --slider-handle-hover-size: calc(var(--slider-handle-size-small) + 2px);
-  }
-
   &-variant-strong {
-    padding: 0 calc(var(--slider-strong-handle-size) / 2);
+    --slider-track-size: var(--slider-strong-track-size);
+    --slider-handle-size: var(--slider-strong-handle-size);
+    --slider-dot-size: var(--slider-strong-dot-size);
 
-    .@{slider-prefix-cls}-track {
-      height: var(--slider-strong-track-size);
-      border-radius: var(--slider-strong-track-border-radius);
-      box-shadow: none;
-    }
-
-    .@{slider-prefix-cls}-range {
-      height: var(--slider-strong-track-size);
-      border-radius: var(--slider-strong-track-border-radius);
-      
-    }
+    padding: 0 calc(var(--slider-strong-handle-size) / 2);
 
     .@{slider-prefix-cls}-mask {
-      height: var(--slider-strong-track-size);
-      border-radius: var(--slider-strong-track-border-radius);
-      background: radial-gradient(closest-side at calc(var(--slider-strong-track-size) / 2) 50%, transparent calc(var(--slider-strong-track-size) / 2), var(--slider-mask-background) calc(var(--slider-strong-track-size) / 2));
+      background: radial-gradient(
+        closest-side at calc(var(--slider-strong-track-size) / 2) 50%,
+        transparent calc(var(--slider-strong-track-size) / 2),
+        var(--slider-mask-background) calc(var(--slider-strong-track-size) / 2)
+      );
     }
 
     .@{slider-prefix-cls}-mask-start {
-      height: var(--slider-strong-track-size);
-      border-radius: var(--slider-strong-track-border-radius);
-      background: radial-gradient(closest-side at calc(100% - var(--slider-strong-track-size) / 2) 50%, transparent calc(var(--slider-strong-track-size) / 2), var(--slider-mask-background) calc(var(--slider-strong-track-size) / 2));
-    }
-
-    .@{slider-prefix-cls}-handle {
-      width: var(--slider-strong-handle-size);
-      height: var(--slider-strong-handle-size);
-      box-shadow: 0 0 0 1px var(--slider-range-background) inset;
-    }
-
-    .@{slider-prefix-cls}-dot {
-      width: var(--slider-strong-dot-size);
-      height: var(--slider-strong-dot-size);
-      box-shadow: none;
-    }
-
-    .@{slider-prefix-cls}-mark {
-      top: var(--slider-marks-top);
-      bottom: auto;
-    }
-
-    .@{slider-prefix-cls}-mark-text {
-      height: var(--slider-marks-height);
-      line-height: var(--slider-marks-height);
+      background: radial-gradient(
+        closest-side at calc(100% - var(--slider-strong-track-size) / 2) 50%,
+        transparent calc(var(--slider-strong-track-size) / 2),
+        var(--slider-mask-background) calc(var(--slider-strong-track-size) / 2)
+      );
     }
 
     &.@{slider-prefix-cls}-vertical {
-      width: var(--slider-height);
-      height: 100%;
-      margin: var(--slider-margin);
       padding: calc(var(--slider-strong-handle-size) / 2) 0;
-      justify-content: center;
-  
-    
-  
-      .@{slider-prefix-cls}-track {
-        width: var(--slider-strong-track-size);
-        height: 100%;
-      }
-  
-      .@{slider-prefix-cls}-range {
-        width: var(--slider-strong-track-size);
-      }
-
-      .@{slider-prefix-cls}-mask {
-        width: var(--slider-strong-track-size);
-      }
-   
-      .@{slider-prefix-cls}-step {
-        width: var(--slider-dot-size);
-        height: 100%;
-      }
-  
-      .@{slider-prefix-cls}-dot {
-        transform: translateY(50%);
-      }
-  
-      .@{slider-prefix-cls}-mark {
-        top: 0;
-        bottom: 0;
-        left: var(--slider-height);
-        height: 100%;
-      }
-  
-      .@{slider-prefix-cls}-mark-text {
-        left: 0;
-        white-space: nowrap;
-        transform: translateY(50%);
-        line-height: var(--slider-marks-height);
-        height: var(--slider-marks-height);
-      }
-  
-     
-    }
-
-    &.@{slider-prefix-cls}-size-small {
-      --slider-height: var(--slider-height-small);
-      --slider-strong-track-size: var(--slider-strong-track-size-small);
-      --slider-strong-track-border-radius: calc(var(--slider-strong-track-size) / 2);
-      --slider-strong-handle-size: calc(var(--slider-strong-track-size) - 2px);
-    }
-  }
-
-  &-variant-soft {
-    .@{slider-prefix-cls}-track {
-      box-shadow: none;
     }
   }
 }
-
-
- 

package/styles/components/slider/var.less

@@ -1,42 +1,14 @@
 .@{slider-prefix-cls} {
   --slider-margin: 0;
   --slider-height: var(--control-height-base);
-  --slider-track-size: var(--space-2);
+  --slider-track-size: var(--space-1-5);
   --slider-handle-size: var(--space-4);
-  --slider-handle-border-width: 2px;
-  --slider-handle-hover-border-width: 3px;
-  --slider-handle-hover-size: calc(var(--slider-handle-size) + 2px);
+  --slider-track-background: var(--color-background-secondary);
+  --slider-range-background: var(--primary-color);
+  --slider-mask-background: transparent;
+  --slider-handle-border-color: var(--primary-color);
   --slider-dot-size: var(--space-3);
-  --slider-dot-border-width: 1px;
-  --slider-marks-font-size: var(--default-font-size);
-  --slider-marks-height: var(--default-font-size);
-  --slider-marks-top: var(--slider-handle-size);
-  --slider-marks-bottom: auto;
-  --slider-height-small: var(--control-height-small);
-  --slider-track-size-small: var(--space-1);
-  --slider-handle-size-small: var(--space-3);
   --slider-strong-track-size: var(--space-4);
-  --slider-strong-track-border-radius: calc(var(--slider-strong-track-size) / 2);
   --slider-strong-handle-size: var(--slider-strong-track-size);
   --slider-strong-dot-size: var(--space-2);
-  --slider-strong-track-size-small: var(--space-3);
-  --slider-strong-dot-size-small: var(--space-1);
-  --slider-track-background: var(--gray-a3);
-  --slider-track-box-shadow: 0 0 0 1px var(--gray-5) inset;
-  --slider-track-disabled-background-color: var(--gray-2);
-  --slider-track-disabled-box-shadow: 0 0 0 1px var(--gray-3);
-  --slider-range-background: var(--primary-color);
-  --slider-range-disabeld-background-color: var(--gray-a3);
-  --slider-mask-background: transparent;
-  --slider-handle-background-color: white;
-  --slider-handle-border-color: var(--primary-color);
-  --slider-handle-hover-border-color: var(--primary-10);
-  --slider-handle-disabled-border-color: var(--gray-3);
-  --slider-dot-border-color: var(--gray-5);
-  --slider-dot-active-border-color: var(--primary-color);
-  --slider-dot-disabled-border-color: var(--gray-3);
-  --slider-mark-text-color: var(--secondary-font-color);
-  --slider-mark-active-text-color: var(--default-font-color);
-  --slider-track-radius: var(--radius-base);
-  --slider-handle-radius: 50%;
 }

package/styles/components/table/index.css

@@ -1 +1 @@
-:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-table-wrapper{--table-background-color:var(--color-background);--table-header-background:var(--gray-2);--table-border-color:var(--color-border-split);--table-row-box-shadow:0 -1px 0 0 var(--table-border-color) inset;--table-border-cell-box-shadow:0 -1px 0 0 var(--table-border-color) inset,-1px 0 0 0 var(--table-border-color) inset;--table-expanded-row-background:var(--gray-1);--table-body-sort-background:var(--gray-2);--table-header-sort-background:var(--gray-3);--table-header-sort-active-background:var(--gray-4);--table-header-color:var(--gray-12);--table-header-icon-color:var(--gray-8);--table-header-filter-active-background:var(--gray-5);--table-header-font-weight:var(--font-weight-medium);--table-header-tips-margin:var(--space-1);--table-pagination-margin-base:var(--space-2);--table-line-height:var(--line-heigh-normal);--table-padding-vertical:14px;--table-padding-horizontal:var(--space-2);--table-row-min-height:calc(var(--table-padding-vertical) * 2 + var(--table-line-height));--table-line-height-large:var(--line-height-normal);--table-padding-vertical-large:var(--space-4);--table-padding-horizontal-large:var(--space-3);--table-row-min-height-large:calc(var(--table-padding-vertical-large) * 2 + var(--table-line-height-large));--table-line-height-small:var(--line-heigh-normal);--table-padding-vertical-small:var(--space-3);--table-padding-horizontal-small:var(--space-2);--table-row-min-height-small:calc(var(--table-padding-vertical-small) * 2 + var(--table-line-height-small));--table-expand-icon-margin-right:var(--space-2);--table-expand-icon-size:18px;--table-fixed-left-shadow:inset 10px 0 8px -8px var(--gray-a6);--table-fixed-right-shadow:inset -10px 0 8px -8px var(--gray-a6);--table-row-hover-background-color:var(--primary-2);--table-border-radius:var(--radius-base)}.uui-table{box-sizing:border-box;margin:0;padding:0;color:var(--default-font-color);font-size:var(--default-font-size);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings);position:relative;clear:both;background:var(--table-background-color)}.uui-table-body{transition:opacity var(--animation-time)}.uui-table-empty .uui-table-body{overflow:auto hidden!important}.uui-table-layout-fixed table{table-layout:fixed}.uui-table table{width:100%;text-align:left;border-collapse:separate;border-spacing:0}.uui-table-thead>tr>th{color:var(--table-header-color);font-weight:var(--table-header-font-weight);text-align:left;background:var(--table-header-background);transition:background .3s ease;box-shadow:var(--table-row-box-shadow)}.uui-table-thead>tr>th[colspan]:not([colspan='1']){text-align:center}.uui-table-tbody>tr>td{box-shadow:var(--table-row-box-shadow);transition:background .3s}.uui-table tr.uui-table-expanded-row-hover:not(.uui-table-expanded-row-disabled-hover)>td:not(.uui-table-row-cell-custom):not([rowspan]),.uui-table tr.uui-table-row-hover:not(.uui-table-row-disabled-hover):not(.uui-table-row-custom)>td:not(.uui-table-row-cell-custom):not([rowspan]),.uui-table tr.uui-table-summary-row-hover:not(.uui-table-summary-row-disabled-hover)>td:not(.uui-table-row-cell-custom):not([rowspan]){background:var(--table-row-hover-background-color)}.uui-table-thead>tr:hover{background:0 0}.uui-table-tbody>tr>td,.uui-table-thead>tr>th{padding:var(--table-padding-vertical) var(--table-padding-horizontal);line-height:var(--table-line-height);min-height:var(--table-row-min-height);overflow-wrap:break-word}.uui-table-tbody>tr>td:empty,.uui-table-thead>tr>th:empty{height:var(--table-row-min-height)}.uui-table-header{overflow:hidden;background:var(--table-header-background)}.uui-table-row-expand-icon{color:var(--link-color);text-decoration:none;outline:0;cursor:pointer;transition:color .3s;display:inline-flex;justify-content:center;width:var(--table-expand-icon-size);height:var(--table-expand-icon-size);line-height:1;color:inherit;background:var(--table-background-color);border:var(--border-width-base) var(--border-style-base) var(--color-border-split);border-radius:var(--radius-1);transition:all .3s;-webkit-user-select:none;user-select:none}.uui-table-row-expand-icon:focus,.uui-table-row-expand-icon:hover{color:var(--link-hover-color)}.uui-table-row-expand-icon:active{color:var(--link-active-color)}.uui-table-row-expand-icon:active,.uui-table-row-expand-icon:focus,.uui-table-row-expand-icon:hover{border-color:currentcolor}.uui-table-row-expand-icon.uui-table-row-expanded::after{content:'-'}.uui-table-row-expand-icon.uui-table-row-collapsed::after{content:'+'}.uui-table-row-expand-custom-icon{display:inline-flex;justify-content:center;align-items:center;width:var(--table-expand-icon-size);height:var(--table-expand-icon-size);color:inherit;line-height:1;cursor:pointer}.uui-table-row-expand-custom-icon.uui-table-row-expanded .uui-icon{transform:rotate(90deg)}.uui-table-row-spaced{visibility:hidden}.uui-table-row-cell-ellipsis,.uui-table-row-cell-ellipsis .uui-table-column-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-table-row-cell-ellipsis .uui-table-column-title span,.uui-table-row-cell-ellipsis span{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-table-row-cell-ellipsis .uui-table-column-title{display:block}.uui-table-row-cell-break-word{word-wrap:break-word;word-break:break-word}tr.uui-table-expanded-row,tr.uui-table-expanded-row:hover{background:var(--table-expanded-row-background)}.uui-table .uui-table-row-indent+.uui-table-row-expand-custom-icon,.uui-table .uui-table-row-indent+.uui-table-row-expand-icon{margin-right:var(--table-expand-icon-margin-right)}tr.uui-table-summary-row td{background:var(--table-header-background)}.uui-table-body-inner{height:100%}.uui-table-fixed-header>.uui-table-content>.uui-table-scroll>.uui-table-body{position:relative;background:var(--table-background-color)}.uui-table-placeholder{position:relative;z-index:1;padding:var(--table-padding-vertical-large) var(--table-padding-horizontal-large);color:var(--placeholder-color);font-size:var(--default-font-size);text-align:center;background:var(--table-background-color)}.uui-table-radius{border-radius:var(--table-border-radius)}.uui-table-radius .uui-table-header{border-radius:var(--table-border-radius) var(--table-border-radius) 0 0}.uui-table-radius .uui-table-body{border-radius:var(--table-border-radius)}.uui-table-radius .uui-table-body:has(+.uui-table-placeholder){border-radius:var(--table-border-radius) var(--table-border-radius) 0 0}.uui-table-radius .uui-table-header+.uui-table-body{border-radius:0 0 var(--table-border-radius) var(--table-border-radius)}.uui-table-radius .uui-table-placeholder{border-radius:0 0 var(--table-border-radius) var(--table-border-radius)}.uui-table-surface{border:var(--border-width-base) var(--border-style-base) var(--table-border-color)}.uui-table-surface .uui-table-tbody tr:last-child,.uui-table-surface .uui-table-tbody>tr:has(+.uui-table-expanded-row[style='display: none;']:last-child){--table-row-box-shadow:none}.uui-table-ghost{border:none}.uui-table-ghost .uui-table-placeholder{border-bottom:var(--border-width-base) var(--border-style-base) var(--color-border-split)}.uui-table-border{border:var(--border-width-base) var(--border-style-base) var(--table-border-color)}.uui-table-border .uui-table-tbody>tr>td:not(:last-child),.uui-table-border .uui-table-thead>tr>th:not(.uui-table-column-header-right){box-shadow:var(--table-border-cell-box-shadow)}.uui-table-border .uui-table-tbody>tr:has(+.uui-table-expanded-row[style='display: none;']:last-child)>td:not(:last-child),.uui-table-border .uui-table-tbody>tr:last-child>td:not(:last-child){--table-border-cell-box-shadow:-1px 0 0 0 var(--table-border-color) inset}.uui-table-border .uui-table-tbody>tr:has(+.uui-table-expanded-row[style='display: none;']:last-child)>td:last-child,.uui-table-border .uui-table-tbody>tr:last-child>td:last-child{box-shadow:none}.uui-table-fixed-column{position:sticky;background-color:var(--table-background-color);z-index:var(--zindex-table-fixed)}.uui-table-fixed-column-left-last::after,.uui-table-fixed-column-right-first::after{content:' ';position:absolute;top:0;bottom:0;width:30px;transform:translateX(100%);transition:box-shadow .3s;transition:box-shadow .3s ease;pointer-events:none}.uui-table-fixed-column-left-last::after{content:' ';box-shadow:var(--table-fixed-left-shadow);right:0;transform:translateX(100%)}.uui-table-fixed-column-right-first::after{content:' ';box-shadow:var(--table-fixed-right-shadow);left:0;transform:translateX(-100%)}.uui-table.uui-table-scroll-position-left .uui-table-fixed-column-left-last::after{box-shadow:none}.uui-table.uui-table-scroll-position-right .uui-table-fixed-column-right-first::after{box-shadow:none}.uui-table-thead>tr>th.uui-table-selection-column-custom .uui-table-selection{margin-right:-18px}.uui-table-tbody>tr>td.uui-table-selection-column,.uui-table-thead>tr>th.uui-table-selection-column{text-align:center}.uui-table-tbody>tr>td.uui-table-selection-column .uui-radio-wrapper,.uui-table-thead>tr>th.uui-table-selection-column .uui-radio-wrapper{margin-right:0}.uui-table-row[class*=uui-table-row-level-0] .uui-table-selection-column>span{display:inline-block}.uui-table-selection{display:flex;align-items:center;height:var(--table-line-height);justify-content:center}.uui-table-selection-select-all-custom{margin-right:4px!important}.uui-table-selection-menu{min-width:96px;margin-top:5px;margin-left:-30px;background:var(--table-background-color);border-radius:var(--radius-base);box-shadow:var(--dropdown-shadow)}.uui-table-selection-menu .uui-action-down{color:var(--table-header-icon-color)}.uui-table-selection-down{display:inline-block;padding:0;line-height:1;cursor:pointer;color:var(--table-header-icon-color);transition:all .3s}.uui-table-selection-down:hover{color:var(--gray-a9)}.uui-table-thead>tr>th.uui-table-column-has-actions{background-clip:padding-box;-webkit-background-clip:border-box}.uui-table-thead>tr>th.uui-table-column-has-actions:not(.uui-table-fixed-column){position:relative}.uui-table-thead>tr>th.uui-table-column-has-actions .uui-table-header-column{display:inline-block;max-width:100%;vertical-align:top}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon{position:absolute;top:0;right:0;width:28px;height:100%;color:var(--table-header-icon-color);font-size:var(--default-font-size);text-align:center;cursor:pointer;transition:all .3s}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon.uui-table-filter-open{color:var(--gray-a9);background:var(--table-header-filter-active-background)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon .uui-icon{position:absolute;top:0;left:50%;margin-left:calc(var(--default-font-size)/ -2)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-selected.uui-icon{color:var(--primary-color)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters:hover .uui-table-filter-icon:hover{color:var(--gray-a9);background:var(--table-header-filter-active-background)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters:hover .uui-table-filter-icon:active{color:var(--gray-a11)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters{cursor:pointer;-webkit-user-select:none;user-select:none}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters{display:table}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters>.uui-table-column-title{display:table-cell;vertical-align:middle}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters>:not(.uui-table-column-sorter){position:relative}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter{display:table-cell;vertical-align:middle}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner{height:1em;line-height:1em;margin-left:2px;color:var(--table-header-icon-color);text-align:center;transition:all .3s}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{display:inline-flex;font-size:12px;transform:scale(.91666667) rotate(0);display:block;height:var(--default-font-size);line-height:var(--default-font-size);transition:all .3s}:root .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,:root .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{font-size:var(--font-size-1)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down.on,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up.on{color:var(--primary-color)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full{margin-top:0}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-down,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-up{height:calc(var(--default-font-size)/ 2);line-height:calc(var(--default-font-size)/ 2);display:flex;align-items:center}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters::before{position:absolute;top:0;right:0;bottom:0;left:0;background:0 0;transition:all .3s;content:''}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters:hover::before{background:rgba(0,0,0,.04)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters:hover{background:var(--table-header-sort-active-background)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters:hover .uui-table-filter-icon{background:var(--table-header-sort-active-background)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters:active .uui-table-column-sorter-down:not(.on),.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters:active .uui-table-column-sorter-up:not(.on){color:var(--gray-a9)}.uui-table-thead>tr>th.uui-table-column-sort{background:var(--table-header-sort-background)}.uui-table-thead>tr>th .uui-table-column-tips-icon{margin-left:var(--table-header-tips-margin);cursor:pointer}.uui-table-tbody>tr>td.uui-table-column-sort{background:var(--table-body-sort-background)}.uui-table-tbody>tr.uui-table-row-hover>td.uui-table-column-sort{background:var(--table-row-hover-background)}.uui-table-filter-dropdown{position:relative;min-width:96px;margin-left:-8px;background:var(--table-background-color);border-radius:var(--radius-base);box-shadow:var(--dropdown-shadow)}.uui-table-filter-dropdown .uui-dropdown-menu{max-height:calc(100vh - 130px);overflow-x:hidden;border:0;border-radius:var(--radius-base);box-shadow:none}.uui-table-filter-dropdown .uui-dropdown-menu-item>label+span{padding-right:0}.uui-table-filter-dropdown .uui-dropdown-menu-item .uui-checkbox-wrap+span{padding-left:8px}.uui-table-filter-dropdown .uui-dropdown-menu-sub{border-radius:var(--radius-base);box-shadow:var(--dropdown-shadow)}.uui-table-filter-dropdown .uui-dropdown-menu .uui-dropdown-submenu-contain-selected .uui-dropdown-menu-submenu-title::after{color:var(--primary-color);font-weight:700;text-shadow:0 0 2px var(--primary-a11)}.uui-table-filter-dropdown .uui-dropdown-menu-item{overflow:hidden}.uui-table-filter-dropdown-btns{padding:8px;overflow:hidden;border-top:var(--border-width-base) var(--border-style-base) var(--color-border-split);display:flex;justify-content:space-between}.uui-table-filter-dropdown-link{color:var(--link-color)}.uui-table-filter-dropdown-link:hover{color:var(--link-hover-color)}.uui-table-filter-dropdown-link:active{color:var(--link-active-color)}.uui-table-thead>tr>th.uui-table-column-has-resize:not(.uui-table-fixed-column){position:relative}.uui-table-thead>tr>th.uui-table-column-has-resize.uui-table-header-column .uui-table-column-sorters::before{right:5px}.uui-table-thead>tr>th.uui-table-column-has-resize.uui-table-column-has-filters .uui-table-filter-icon{right:5px}.uui-table-thead>tr>th.uui-table-column-has-resize .uui-table-column-resize-trigger{position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize}.uui-table-resize-line{position:absolute;left:0;top:0;bottom:0;height:100%;width:0;border-left:2px dashed var(--color-border-split);z-index:10}.uui-table-stripe tbody>tr:nth-child(2n){background-color:var(--table-header-background)}.uui-table-stripe tbody>tr:nth-child(2n) td{background-color:var(--table-header-background)}.uui-table.uui-table-large{font-size:var(--font-size-base)}.uui-table.uui-table-large>.uui-table-footer,.uui-table.uui-table-large>.uui-table-title{padding:var(--table-padding-vertical-large) var(--table-padding-horizontal-large)}.uui-table.uui-table-large .uui-table-tbody>tr>td,.uui-table.uui-table-large .uui-table-thead>tr>th{padding:var(--table-padding-vertical-large) var(--table-padding-horizontal-large);line-height:var(--table-line-height-large);min-height:var(--table-row-min-height-large)}.uui-table.uui-table-large .uui-table-tbody>tr>td:empty,.uui-table.uui-table-large .uui-table-thead>tr>th:empty{height:var(--table-row-min-height-large)}.uui-table.uui-table-large .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,.uui-table.uui-table-large .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{height:var(--font-size-base);line-height:var(--font-size-base)}.uui-table.uui-table-large .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-down,.uui-table.uui-table-large .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-up{height:calc(var(--font-size-base)/ 2);display:flex;align-items:center}.uui-table.uui-table-default{font-size:var(--default-font-size)}.uui-table.uui-table-default>.uui-table-footer,.uui-table.uui-table-default>.uui-table-title{padding:var(--table-padding-vertical) var(--table-padding-horizontal)}.uui-table.uui-table-default .uui-table-tbody>tr>td,.uui-table.uui-table-default .uui-table-thead>tr>th{padding:var(--table-padding-vertical) var(--table-padding-horizontal);line-height:var(--table-line-height);min-height:var(--table-row-min-height)}.uui-table.uui-table-default .uui-table-tbody>tr>td:empty,.uui-table.uui-table-default .uui-table-thead>tr>th:empty{height:var(--table-row-min-height)}.uui-table.uui-table-default .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,.uui-table.uui-table-default .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{height:var(--default-font-size);line-height:var(--default-font-size)}.uui-table.uui-table-default .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-down,.uui-table.uui-table-default .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-up{height:calc(var(--default-font-size)/ 2);display:flex;align-items:center}.uui-table.uui-table-small{font-size:var(--font-size-xs)}.uui-table.uui-table-small>.uui-table-footer,.uui-table.uui-table-small>.uui-table-title{padding:var(--table-padding-vertical-small) var(--table-padding-horizontal-small)}.uui-table.uui-table-small .uui-table-tbody>tr>td,.uui-table.uui-table-small .uui-table-thead>tr>th{padding:var(--table-padding-vertical-small) var(--table-padding-horizontal-small);line-height:var(--table-line-height-small);min-height:var(--table-row-min-height-small)}.uui-table.uui-table-small .uui-table-tbody>tr>td:empty,.uui-table.uui-table-small .uui-table-thead>tr>th:empty{height:var(--table-row-min-height-small)}.uui-table.uui-table-small .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,.uui-table.uui-table-small .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{height:var(--font-size-xs);line-height:var(--font-size-xs)}.uui-table.uui-table-small .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-down,.uui-table.uui-table-small .uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-up{height:calc(var(--font-size-xs)/ 2);display:flex;align-items:center}.uui-table-row-skeleton-wrap{display:flex;align-items:center;column-gap:var(--space-2);flex-wrap:wrap}.uui-table-draggable-icon{cursor:move}.uui-table-dragging .uui-table-thead>tr>th{cursor:col-resize}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-actions .uui-table-header-column .uui-table-column-sorters:hover::before{background:0 0!important}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-actions:hover{background:var(--table-header-background)}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-filters:hover{background:var(--table-header-background)}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-filters:hover .uui-table-filter-icon{background:0 0}.uui-table-pagination-bottom{margin-top:var(--table-pagination-margin-base)}.uui-table-pagination-top{margin-bottom:var(--table-pagination-margin-base)}.uui-table-pagination-right{text-align:right}
+:root,[data-theme-color]{--primary-color:var(--primary-9)}.uui-table-wrapper{--table-border-color:var(--color-border-split);--table-border-radius:var(--radius-md);--table-fixed-left-shadow:inset 10px 0 8px -8px rgba(0, 0, 0, 0.1);--table-fixed-right-shadow:inset -10px 0 8px -8px rgba(0, 0, 0, 0.1);--table-header-background:var(--color-background);--table-header-color:var(--secondary-font-color);--table-header-font-weight:var(--font-weight-medium);--table-header-height:var(--space-10);--table-header-padding:0 var(--space-2);--table-row-hover-background-color:var(--color-background-secondary);--table-expanded-row-background:var(--color-background-secondary);--table-cell-padding:var(--space-2) var(--space-2);--table-cell-line-height:var(--space-5);--table-cell-min-height:var(--space-9)}.uui-table{box-sizing:border-box;margin:0;padding:0;color:var(--default-font-color);font-size:var(--default-font-size);font-variant:var(--default-font-variant);line-height:var(--default-line-height);list-style:none;font-feature-settings:var(--default-font-feature-settings);position:relative;clear:both;background:var(--color-background)}.uui-table-body{transition:opacity var(--animation-time)}.uui-table-empty .uui-table-body{overflow:auto hidden!important}.uui-table-layout-fixed table{table-layout:fixed}.uui-table table{width:100%;text-align:left;border-collapse:separate;border-spacing:0}.uui-table-thead>tr>th{padding:var(--table-header-padding);color:var(--table-header-color);font-weight:var(--table-header-font-weight);text-align:left;background:var(--table-header-background);transition:background .3s ease;height:var(--table-header-height);border-bottom:1px solid var(--table-border-color)}.uui-table-thead>tr>th[colspan]:not([colspan='1']){text-align:center}.uui-table-tbody>tr:not(:last-child)>td{border-bottom:1px solid var(--table-border-color)}.uui-table-tbody>tr>td{padding:var(--table-cell-padding);line-height:var(--table-cell-line-height);min-height:var(--table-cell-min-height);overflow-wrap:break-word;transition:background .3s}.uui-table-tbody>tr>td:empty{height:var(--table-cell-min-height)}.uui-table tr.uui-table-expanded-row-hover:not(.uui-table-expanded-row-disabled-hover)>td:not(.uui-table-row-cell-custom):not([rowspan]),.uui-table tr.uui-table-row-hover:not(.uui-table-row-disabled-hover):not(.uui-table-row-custom)>td:not(.uui-table-row-cell-custom):not([rowspan]),.uui-table tr.uui-table-summary-row-hover:not(.uui-table-summary-row-disabled-hover)>td:not(.uui-table-row-cell-custom):not([rowspan]){background:var(--table-row-hover-background-color)}.uui-table-thead>tr:hover{background:0 0}.uui-table-header{overflow:hidden;background:var(--table-header-background)}.uui-table-row-expand-icon{display:inline-flex;justify-content:center;align-items:center;width:var(--icon-font-size);height:var(--icon-font-size);line-height:1;color:var(--icon-button-color);background:var(--color-background);border:1px solid var(--icon-button-color);border-radius:var(--radius-base);transition:all .3s;-webkit-user-select:none;user-select:none;cursor:pointer}.uui-table-row-expand-icon:active,.uui-table-row-expand-icon:focus,.uui-table-row-expand-icon:hover{color:var(--icon-button-hover-color);border-color:var(--icon-button-hover-color)}.uui-table-row-expand-icon.uui-table-row-expanded::after{content:'-'}.uui-table-row-expand-icon.uui-table-row-collapsed::after{content:'+'}.uui-table-row-expand-custom-icon{display:inline-flex;justify-content:center;align-items:center;width:var(--icon-font-size);height:var(--icon-font-size);color:inherit;line-height:1;cursor:pointer}.uui-table-row-expand-custom-icon.uui-table-row-expanded .uui-icon{transform:rotate(90deg)}.uui-table-row-spaced{visibility:hidden}.uui-table-row-cell-ellipsis,.uui-table-row-cell-ellipsis .uui-table-column-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-table-row-cell-ellipsis .uui-table-column-title span,.uui-table-row-cell-ellipsis span{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.uui-table-row-cell-ellipsis .uui-table-column-title{display:block}.uui-table-row-cell-break-word{word-wrap:break-word;word-break:break-word}tr.uui-table-expanded-row,tr.uui-table-expanded-row:hover{background:var(--table-expanded-row-background)}.uui-table .uui-table-row-indent+.uui-table-row-expand-custom-icon,.uui-table .uui-table-row-indent+.uui-table-row-expand-icon{margin-right:var(--space-1)}tr.uui-table-summary-row td{background:var(--color-background-secondary)}.uui-table-body-inner{height:100%}.uui-table-fixed-header>.uui-table-content>.uui-table-scroll>.uui-table-body{position:relative;background:var(--color-background)}.uui-table-placeholder{position:relative;z-index:1;padding:var(--table-cell-padding);color:var(--placeholder-color);font-size:var(--default-font-size);text-align:center;background:var(--color-background)}.uui-table-radius{border-radius:var(--table-border-radius)}.uui-table-radius .uui-table-header{border-radius:var(--table-border-radius) var(--table-border-radius) 0 0}.uui-table-radius .uui-table-body{border-radius:var(--table-border-radius)}.uui-table-radius .uui-table-body:has(+.uui-table-placeholder){border-radius:var(--table-border-radius) var(--table-border-radius) 0 0}.uui-table-radius .uui-table-header+.uui-table-body{border-radius:0 0 var(--table-border-radius) var(--table-border-radius)}.uui-table-radius .uui-table-placeholder{border-radius:0 0 var(--table-border-radius) var(--table-border-radius)}.uui-table-surface{border:1px solid var(--table-border-color)}.uui-table-border{border:1px solid var(--table-border-color)}.uui-table-border .uui-table-tbody>tr>td:not(:last-child),.uui-table-border .uui-table-thead>tr>th:not(.uui-table-column-header-right){border-right:1px solid var(--table-border-color)}.uui-table-fixed-column{position:sticky;background-color:var(--color-background);z-index:var(--zindex-table-fixed)}.uui-table-fixed-column-left-last::after,.uui-table-fixed-column-right-first::after{content:' ';position:absolute;top:0;bottom:0;width:30px;transform:translateX(100%);transition:box-shadow .3s;transition:box-shadow .3s ease;pointer-events:none}.uui-table-fixed-column-left-last::after{content:' ';box-shadow:var(--table-fixed-left-shadow);right:0;transform:translateX(100%)}.uui-table-fixed-column-right-first::after{content:' ';box-shadow:var(--table-fixed-right-shadow);left:0;transform:translateX(-100%)}.uui-table.uui-table-scroll-position-left .uui-table-fixed-column-left-last::after{box-shadow:none}.uui-table.uui-table-scroll-position-right .uui-table-fixed-column-right-first::after{box-shadow:none}.uui-table-thead>tr>th.uui-table-selection-column-custom .uui-table-selection{margin-right:-18px}.uui-table-tbody>tr>td.uui-table-selection-column,.uui-table-thead>tr>th.uui-table-selection-column{text-align:center}.uui-table-tbody>tr>td.uui-table-selection-column .uui-radio-wrapper,.uui-table-thead>tr>th.uui-table-selection-column .uui-radio-wrapper{margin-right:0}.uui-table-row[class*=uui-table-row-level-0] .uui-table-selection-column>span{display:inline-block}.uui-table-selection{display:flex;align-items:center;justify-content:center}.uui-table-selection-select-all-custom{margin-right:4px!important}.uui-table-selection-menu{min-width:96px;margin-top:5px;margin-left:-30px;background:var(--color-background);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-shadow)}.uui-table-selection-menu .uui-action-down{color:var(--table-header-icon-color)}.uui-table-selection-down{display:inline-block;padding:0;line-height:1;cursor:pointer;color:var(--icon-button-color);transition:all .3s}.uui-table-selection-down:hover{color:var(--icon-button-hover-color)}.uui-table-thead>tr>th.uui-table-column-has-actions{background-clip:padding-box;-webkit-background-clip:border-box}.uui-table-thead>tr>th.uui-table-column-has-actions:not(.uui-table-fixed-column){position:relative}.uui-table-thead>tr>th.uui-table-column-has-actions .uui-table-header-column{display:inline-block;max-width:100%;vertical-align:top}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);width:var(--space-7);height:var(--space-7);color:var(--icon-button-color);font-size:var(--default-font-size);border-radius:var(--radius-base);text-align:center;cursor:pointer;transition:all .3s}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon.uui-table-filter-open{color:var(--icon-button-hover-color);background:var(--color-background-secondary)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon .uui-icon{position:absolute;top:0;left:50%;transform:translateX(-50%)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-filters .uui-table-filter-icon:hover{background:var(--color-background-secondary);color:var(--icon-button-hover-color)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters{cursor:pointer;-webkit-user-select:none;user-select:none}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters{display:flex;align-items:center;padding:var(--space-1) var(--space-1);transform:translateX(calc(0 - var(--space-1)));border-radius:var(--radius-base)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters>.uui-table-column-title{display:flex;align-items:center}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters>:not(.uui-table-column-sorter){position:relative}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter{display:flex;align-items:center}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner{height:1em;line-height:1em;margin-left:2px;color:var(--icon-button-color);transition:all .3s}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up{display:block;height:var(--default-font-size);line-height:var(--default-font-size);transition:all .3s}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-down.on,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner .uui-table-column-sorter-up.on{color:var(--default-font-color)}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full{margin-top:0}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-down,.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters .uui-table-column-sorter .uui-table-column-sorter-inner-full .uui-table-column-sorter-up{height:calc(var(--default-font-size)/ 2);line-height:calc(var(--default-font-size)/ 2);display:flex;align-items:center}.uui-table-thead>tr>th.uui-table-column-has-actions.uui-table-column-has-sorters .uui-table-column-sorters:hover{background:var(--color-background-secondary)}.uui-table-thead>tr>th.uui-table-column-sort{background:var(--color-background)}.uui-table-thead>tr>th .uui-table-column-tips-icon{margin-left:var(--space-1);cursor:pointer;line-height:1;height:auto}.uui-table-tbody>tr>td.uui-table-column-sort{background:var(--color-background)}.uui-table-tbody>tr.uui-table-row-hover>td.uui-table-column-sort{background:var(--color-background-secondary)}.uui-table-filter-dropdown{position:relative;min-width:96px;margin-left:-8px;background:var(--table-background-color);border:1px solid var(--color-border-split);border-radius:var(--radius-base);box-shadow:var(--dropdown-shadow)}.uui-table-filter-dropdown .uui-dropdown-menu{max-height:calc(100vh - 130px);overflow-x:hidden;border:0;border-radius:var(--radius-base);box-shadow:none}.uui-table-filter-dropdown .uui-dropdown-menu-item>label+span{padding-right:0}.uui-table-filter-dropdown .uui-dropdown-menu-item .uui-checkbox-wrap+span{padding-left:8px}.uui-table-filter-dropdown .uui-dropdown-menu-sub{border-radius:var(--radius-base);box-shadow:var(--dropdown-shadow)}.uui-table-filter-dropdown .uui-dropdown-menu .uui-dropdown-submenu-contain-selected .uui-dropdown-menu-submenu-title::after{color:var(--primary-color);font-weight:700}.uui-table-filter-dropdown .uui-dropdown-menu-item{overflow:hidden}.uui-table-filter-dropdown-btns{padding:8px;overflow:hidden;display:flex;justify-content:space-between}.uui-table-filter-dropdown-link{color:var(--default-font-color);padding:0 var(--space-1-5);border-radius:var(--radius-base)}.uui-table-filter-dropdown-link:active,.uui-table-filter-dropdown-link:hover{background:var(--color-background-secondary);color:var(--default-font-color);text-decoration:none}.uui-table-thead>tr>th.uui-table-column-has-resize:not(.uui-table-fixed-column){position:relative}.uui-table-thead>tr>th.uui-table-column-has-resize.uui-table-header-column .uui-table-column-sorters::before{right:5px}.uui-table-thead>tr>th.uui-table-column-has-resize.uui-table-column-has-filters .uui-table-filter-icon{right:5px}.uui-table-thead>tr>th.uui-table-column-has-resize .uui-table-column-resize-trigger{position:absolute;top:0;right:0;width:5px;height:100%;cursor:col-resize}.uui-table-resize-line{position:absolute;left:0;top:0;bottom:0;height:100%;width:0;border-left:2px dashed var(--color-border-split);z-index:10}.uui-table-stripe tbody>tr:nth-child(2n){background-color:var(--color-background-secondary)}.uui-table-stripe tbody>tr:nth-child(2n) td{background-color:var(--color-background-secondary)}.uui-table.uui-table-large{--table-cell-padding:var(--space-3) var(--space-2)}.uui-table.uui-table-small{--table-cell-padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.uui-table-row-skeleton-wrap{display:flex;align-items:center;column-gap:var(--space-2);flex-wrap:wrap}.uui-table-draggable-icon{cursor:move}.uui-table-dragging .uui-table-thead>tr>th{cursor:col-resize}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-actions .uui-table-header-column .uui-table-column-sorters:hover::before{background:0 0!important}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-actions:hover{background:var(--table-header-background)}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-filters:hover{background:var(--table-header-background)}.uui-table-dragging .uui-table-thead>tr>th.uui-table-column-has-filters:hover .uui-table-filter-icon{background:0 0}.uui-table-pagination-bottom{margin-top:var(--space-2)}.uui-table-pagination-top{margin-bottom:var(--space-2)}.uui-table-pagination-right{text-align:right}