@itwin/itwinui-css 0.63.1 → 0.63.2-dev.1

package/css/table.css

@@ -3,770 +3,772 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 @charset "UTF-8";
-.iui-table{
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
-  display:flex;
-  flex-direction:column;
-  isolation:isolate;
-}
-.iui-table *{
-  box-sizing:border-box;
-}
-.iui-table .iui-cell-end-icon,
+@layer itwinui-v1{
+  .iui-table{
+    margin:0;
+    padding:0;
+    border:none;
+    vertical-align:baseline;
+    display:flex;
+    flex-direction:column;
+    isolation:isolate;
+  }
+  .iui-table *{
+    box-sizing:border-box;
+  }
+  .iui-table .iui-cell-end-icon,
 .iui-table .iui-cell-start-icon{
-  flex-shrink:0;
-  display:flex;
-  align-items:center;
-  justify-content:center;
-}
-.iui-table .iui-cell-end-icon svg:not(.iui-radial),
+    flex-shrink:0;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+  }
+  .iui-table .iui-cell-end-icon svg:not(.iui-radial),
 .iui-table .iui-cell-start-icon svg:not(.iui-radial){
-  display:flex;
-  width:16px;
-  height:16px;
-}
-.iui-table .iui-cell-start-icon{
-  margin-right:8px;
-}
-.iui-table .iui-cell-end-icon{
-  width:24px;
-  height:24px;
-  margin-right:12px;
-  margin-left:auto;
-}
-.iui-table.iui-condensed .iui-table-header .iui-cell,
+    display:flex;
+    width:16px;
+    height:16px;
+  }
+  .iui-table .iui-cell-start-icon{
+    margin-right:8px;
+  }
+  .iui-table .iui-cell-end-icon{
+    width:24px;
+    height:24px;
+    margin-right:12px;
+    margin-left:auto;
+  }
+  .iui-table.iui-condensed .iui-table-header .iui-cell,
 .iui-table.iui-condensed .iui-paginator{
-  min-height:44px;
-}
-.iui-table.iui-condensed .iui-row .iui-cell{
-  min-height:46px;
-}
-.iui-table.iui-extra-condensed .iui-table-header .iui-cell,
+    min-height:44px;
+  }
+  .iui-table.iui-condensed .iui-row .iui-cell{
+    min-height:46px;
+  }
+  .iui-table.iui-extra-condensed .iui-table-header .iui-cell,
 .iui-table.iui-extra-condensed .iui-paginator{
-  min-height:33px;
-}
-.iui-table.iui-extra-condensed .iui-row .iui-cell{
-  min-height:35px;
-}
-.iui-table.iui-extra-condensed .iui-table-header .iui-cell{
-  padding-block:2.75px;
-}
+    min-height:33px;
+  }
+  .iui-table.iui-extra-condensed .iui-row .iui-cell{
+    min-height:35px;
+  }
+  .iui-table.iui-extra-condensed .iui-table-header .iui-cell{
+    padding-block:2.75px;
+  }
 
-.iui-table-header-wrapper{
-  overflow:hidden;
-  display:flex;
-  flex-shrink:0;
-}
-@supports not (overflow: overlay){
   .iui-table-header-wrapper{
-    overflow-y:scroll;
+    overflow:hidden;
+    display:flex;
+    flex-shrink:0;
+  }
+  @supports not (overflow: overlay){
+    .iui-table-header-wrapper{
+      overflow-y:scroll;
+    }
   }
-}
 
-.iui-table-header{
-  display:flex;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  min-width:100%;
-  flex-shrink:0;
-}
-.iui-table-header .iui-row{
-  display:flex;
-  flex-grow:1;
-  min-width:100%;
-}
-.iui-table-header .iui-cell{
-  min-height:55px;
-  background-color:#edeff2;
-  background-color:var(--iui-color-background-3);
-}
-.iui-table-header .iui-cell:not(.iui-slot){
-  -moz-column-gap:4px;
-       column-gap:4px;
-  padding-block:5.5px;
-}
-.iui-table-header .iui-cell:not(.iui-slot):focus-visible{
-  outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:-1px;
-}
-@supports not selector(*:focus-visible){
-  .iui-table-header .iui-cell:not(.iui-slot):focus{
+  .iui-table-header{
+    display:flex;
+    -webkit-user-select:none;
+       -moz-user-select:none;
+        -ms-user-select:none;
+            user-select:none;
+    min-width:100%;
+    flex-shrink:0;
+  }
+  .iui-table-header .iui-row{
+    display:flex;
+    flex-grow:1;
+    min-width:100%;
+  }
+  .iui-table-header .iui-cell{
+    min-height:55px;
+    background-color:#edeff2;
+    background-color:var(--iui-color-background-3);
+  }
+  .iui-table-header .iui-cell:not(.iui-slot){
+    -moz-column-gap:4px;
+         column-gap:4px;
+    padding-block:5.5px;
+  }
+  .iui-table-header .iui-cell:not(.iui-slot):focus-visible{
     outline:1px solid var(--iui-color-foreground-primary);
     outline-offset:-1px;
   }
-}
-.iui-table-header .iui-cell:not(.iui-slot).iui-actionable{
-  cursor:pointer;
-}
-.iui-table-header .iui-cell:not(.iui-slot).iui-grabbing{
-  cursor:-webkit-grabbing;
-  cursor:grabbing;
-}
-.iui-table-header .iui-cell:not(.iui-slot) .iui-filter-button:not(.iui-active){
-  visibility:hidden;
-}
-.iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer{
-  height:100%;
-  width:16px;
-  position:absolute;
-  top:0;
-  right:0;
-  transform:translateX(50%);
-  touch-action:none;
-  cursor:ew-resize;
-  z-index:1;
-  opacity:0;
-}
-.iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer > .iui-resizer-bar{
-  height:100%;
-  width:2px;
-  margin:0 auto;
-  background-color:#c7ccd1;
-  background-color:var(--iui-color-background-border);
-}
-@media (prefers-reduced-motion: no-preference){
+  @supports not selector(*:focus-visible){
+    .iui-table-header .iui-cell:not(.iui-slot):focus{
+      outline:1px solid var(--iui-color-foreground-primary);
+      outline-offset:-1px;
+    }
+  }
+  .iui-table-header .iui-cell:not(.iui-slot).iui-actionable{
+    cursor:pointer;
+  }
+  .iui-table-header .iui-cell:not(.iui-slot).iui-grabbing{
+    cursor:-webkit-grabbing;
+    cursor:grabbing;
+  }
+  .iui-table-header .iui-cell:not(.iui-slot) .iui-filter-button:not(.iui-active){
+    visibility:hidden;
+  }
+  .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer{
+    height:100%;
+    width:16px;
+    position:absolute;
+    top:0;
+    right:0;
+    transform:translateX(50%);
+    touch-action:none;
+    cursor:ew-resize;
+    z-index:1;
+    opacity:0;
+  }
   .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer > .iui-resizer-bar{
-    transition:background-color 0.2s ease-out, width 0.2s ease-out;
-  }
-}
-.iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer:hover > .iui-resizer-bar{
-  width:4px;
-  background-color:#008ae0;
-  background-color:var(--iui-color-foreground-primary);
-}
-.iui-table-header .iui-cell:not(.iui-slot):hover > .iui-resizer{
-  opacity:1;
-}
-.iui-table-header .iui-cell:not(.iui-slot):hover, .iui-table-header .iui-cell:not(.iui-slot):focus, .iui-table-header .iui-cell:not(.iui-slot):focus-within{
-  background-color:#dde1e4;
-  background-color:var(--iui-color-background-4);
-}
-.iui-table-header .iui-cell:not(.iui-slot):hover .iui-sort,
+    height:100%;
+    width:2px;
+    margin:0 auto;
+    background-color:#c7ccd1;
+    background-color:var(--iui-color-background-border);
+  }
+  @media (prefers-reduced-motion: no-preference){
+    .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer > .iui-resizer-bar{
+      transition:background-color 0.2s ease-out, width 0.2s ease-out;
+    }
+  }
+  .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer:hover > .iui-resizer-bar{
+    width:4px;
+    background-color:#008ae0;
+    background-color:var(--iui-color-foreground-primary);
+  }
+  .iui-table-header .iui-cell:not(.iui-slot):hover > .iui-resizer{
+    opacity:1;
+  }
+  .iui-table-header .iui-cell:not(.iui-slot):hover, .iui-table-header .iui-cell:not(.iui-slot):focus, .iui-table-header .iui-cell:not(.iui-slot):focus-within{
+    background-color:#dde1e4;
+    background-color:var(--iui-color-background-4);
+  }
+  .iui-table-header .iui-cell:not(.iui-slot):hover .iui-sort,
 .iui-table-header .iui-cell:not(.iui-slot):hover .iui-filter-button, .iui-table-header .iui-cell:not(.iui-slot):focus .iui-sort,
 .iui-table-header .iui-cell:not(.iui-slot):focus .iui-filter-button, .iui-table-header .iui-cell:not(.iui-slot):focus-within .iui-sort,
 .iui-table-header .iui-cell:not(.iui-slot):focus-within .iui-filter-button{
-  visibility:visible;
-}
-.iui-table-header .iui-reorder-bar{
-  position:absolute;
-  height:100%;
-  width:2px;
-}
-.iui-table-header .iui-reorder-column-right > .iui-reorder-bar{
-  right:0;
-}
-.iui-table-header .iui-reorder-column-left > .iui-reorder-bar{
-  left:0;
-}
-.iui-table-header .iui-reorder-column-left > .iui-reorder-bar,
+    visibility:visible;
+  }
+  .iui-table-header .iui-reorder-bar{
+    position:absolute;
+    height:100%;
+    width:2px;
+  }
+  .iui-table-header .iui-reorder-column-right > .iui-reorder-bar{
+    right:0;
+  }
+  .iui-table-header .iui-reorder-column-left > .iui-reorder-bar{
+    left:0;
+  }
+  .iui-table-header .iui-reorder-column-left > .iui-reorder-bar,
 .iui-table-header .iui-reorder-column-right > .iui-reorder-bar{
-  background-color:#008ae0;
-  background-color:var(--iui-color-foreground-primary);
-}
-.iui-table-header .iui-sort{
-  visibility:hidden;
-  fill:rgba(0, 0, 0, 0.4);
-  fill:var(--iui-icons-color);
-}
-.iui-table-header .iui-sorted{
-  background-color:#dde1e4;
-  background-color:var(--iui-color-background-4);
-}
-.iui-table-header .iui-sorted .iui-sort{
-  visibility:visible;
-  fill:rgba(0, 0, 0, 0.8);
-  fill:var(--iui-icons-color-actionable);
-}
+    background-color:#008ae0;
+    background-color:var(--iui-color-foreground-primary);
+  }
+  .iui-table-header .iui-sort{
+    visibility:hidden;
+    fill:rgba(0, 0, 0, 0.4);
+    fill:var(--iui-icons-color);
+  }
+  .iui-table-header .iui-sorted{
+    background-color:#dde1e4;
+    background-color:var(--iui-color-background-4);
+  }
+  .iui-table-header .iui-sorted .iui-sort{
+    visibility:visible;
+    fill:rgba(0, 0, 0, 0.8);
+    fill:var(--iui-icons-color-actionable);
+  }
 
-.iui-table-header-actions-container{
-  display:flex;
-  flex-grow:1;
-  align-items:center;
-  flex-wrap:wrap;
-  justify-content:flex-end;
-  margin-right:12px;
-}
-.iui-table-header-actions-container .iui-cell-end-icon{
-  width:28px;
-  height:28px;
-  margin-right:initial;
-  margin-left:auto;
-}
+  .iui-table-header-actions-container{
+    display:flex;
+    flex-grow:1;
+    align-items:center;
+    flex-wrap:wrap;
+    justify-content:flex-end;
+    margin-right:12px;
+  }
+  .iui-table-header-actions-container .iui-cell-end-icon{
+    width:28px;
+    height:28px;
+    margin-right:initial;
+    margin-left:auto;
+  }
 
-.iui-table-body{
-  overflow-y:scroll;
-  overflow:overlay;
-  display:flex;
-  flex-direction:column;
-  flex-grow:1;
-  align-items:flex-start;
-  background-color:white;
-  background-color:var(--iui-color-background-1);
-}
-.iui-table-body.iui-scroll-snapping{
-  -ms-scroll-snap-type:y mandatory;
-      scroll-snap-type:y mandatory;
-}
-.iui-table-body.iui-scroll-snapping .iui-row{
-  scroll-snap-align:start none;
-}
-.iui-table-body.iui-zebra-striping .iui-row:nth-child(even):not(.iui-selected) .iui-cell{
-  background:linear-gradient(rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02)), linear-gradient(white, white);
-  background:linear-gradient(rgba(var(--iui-color-foreground-body-rgb), 0.02), rgba(var(--iui-color-foreground-body-rgb), 0.02)), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
-}
-.iui-table-body .iui-row{
-  min-width:100%;
-  display:flex;
-}
-.iui-table-body .iui-row .iui-cell{
-  border-top:solid 1px transparent;
-  border-bottom:solid 1px transparent;
-  border-bottom-color:#c7ccd1;
-  border-bottom-color:var(--iui-color-background-border);
-  background-color:white;
-  background-color:var(--iui-color-background-1);
-}
-@media (prefers-reduced-motion: no-preference){
+  .iui-table-body{
+    overflow-y:scroll;
+    overflow:overlay;
+    display:flex;
+    flex-direction:column;
+    flex-grow:1;
+    align-items:flex-start;
+    background-color:white;
+    background-color:var(--iui-color-background-1);
+  }
+  .iui-table-body.iui-scroll-snapping{
+    -ms-scroll-snap-type:y mandatory;
+        scroll-snap-type:y mandatory;
+  }
+  .iui-table-body.iui-scroll-snapping .iui-row{
+    scroll-snap-align:start none;
+  }
+  .iui-table-body.iui-zebra-striping .iui-row:nth-child(even):not(.iui-selected) .iui-cell{
+    background:linear-gradient(rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.02)), linear-gradient(white, white);
+    background:linear-gradient(rgba(var(--iui-color-foreground-body-rgb), 0.02), rgba(var(--iui-color-foreground-body-rgb), 0.02)), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
+  }
+  .iui-table-body .iui-row{
+    min-width:100%;
+    display:flex;
+  }
   .iui-table-body .iui-row .iui-cell{
-    transition:border 0.2s ease-out;
-  }
-}
-.iui-table-body .iui-row > .iui-slot > .iui-more-options{
-  visibility:hidden;
-}
-.iui-table-body .iui-row:hover:not(.iui-disabled) .iui-cell{
-  background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
-  background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
-}
-.iui-table-body .iui-row:hover:not(.iui-disabled) > .iui-slot:not(.iui-disabled) > .iui-more-options{
-  visibility:visible;
-}
-.iui-table-body .iui-row:focus-within > .iui-slot:not(.iui-disabled) > .iui-more-options{
-  visibility:visible;
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-table-body .iui-row .iui-row-expander > .iui-button-icon{
-    transition:transform 0.2s ease-out;
-  }
-}
-.iui-table-body .iui-row.iui-row-expanded{
-  overflow:hidden;
-}
-.iui-table-body .iui-row.iui-row-expanded .iui-cell{
-  border-left-color:#dde1e4;
-  border-right-color:#dde1e4;
-  border-left-color:var(--iui-color-background-4);
-  border-right-color:var(--iui-color-background-4);
-  border-bottom-color:transparent;
-}
-.iui-table-body .iui-row.iui-row-expanded .iui-row-expander > .iui-button-icon{
-  transform:rotate(90deg);
-}
-.iui-table-body .iui-row.iui-row-expanded + .iui-expanded-content{
-  border-left-color:#dde1e4;
-  border-right-color:#dde1e4;
-  border-left-color:var(--iui-color-background-4);
-  border-right-color:var(--iui-color-background-4);
-}
-.iui-table-body .iui-row.iui-expanded-content{
-  overflow:hidden;
-  border-left:1px solid transparent;
-  border-right:1px solid transparent;
-  border-bottom:1px solid #c7ccd1;
-  border-bottom:1px solid var(--iui-color-background-border);
-}
-.iui-table-body .iui-row.iui-expanded-content.iui-enter{
-  opacity:0;
-}
-.iui-table-body .iui-row.iui-expanded-content.iui-enter-active{
-  opacity:1;
-}
-@media (prefers-reduced-motion: no-preference){
+    border-top:solid 1px transparent;
+    border-bottom:solid 1px transparent;
+    border-bottom-color:#c7ccd1;
+    border-bottom-color:var(--iui-color-background-border);
+    background-color:white;
+    background-color:var(--iui-color-background-1);
+  }
+  @media (prefers-reduced-motion: no-preference){
+    .iui-table-body .iui-row .iui-cell{
+      transition:border 0.2s ease-out;
+    }
+  }
+  .iui-table-body .iui-row > .iui-slot > .iui-more-options{
+    visibility:hidden;
+  }
+  .iui-table-body .iui-row:hover:not(.iui-disabled) .iui-cell{
+    background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
+    background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
+  }
+  .iui-table-body .iui-row:hover:not(.iui-disabled) > .iui-slot:not(.iui-disabled) > .iui-more-options{
+    visibility:visible;
+  }
+  .iui-table-body .iui-row:focus-within > .iui-slot:not(.iui-disabled) > .iui-more-options{
+    visibility:visible;
+  }
+  @media (prefers-reduced-motion: no-preference){
+    .iui-table-body .iui-row .iui-row-expander > .iui-button-icon{
+      transition:transform 0.2s ease-out;
+    }
+  }
+  .iui-table-body .iui-row.iui-row-expanded{
+    overflow:hidden;
+  }
+  .iui-table-body .iui-row.iui-row-expanded .iui-cell{
+    border-left-color:#dde1e4;
+    border-right-color:#dde1e4;
+    border-left-color:var(--iui-color-background-4);
+    border-right-color:var(--iui-color-background-4);
+    border-bottom-color:transparent;
+  }
+  .iui-table-body .iui-row.iui-row-expanded .iui-row-expander > .iui-button-icon{
+    transform:rotate(90deg);
+  }
+  .iui-table-body .iui-row.iui-row-expanded + .iui-expanded-content{
+    border-left-color:#dde1e4;
+    border-right-color:#dde1e4;
+    border-left-color:var(--iui-color-background-4);
+    border-right-color:var(--iui-color-background-4);
+  }
+  .iui-table-body .iui-row.iui-expanded-content{
+    overflow:hidden;
+    border-left:1px solid transparent;
+    border-right:1px solid transparent;
+    border-bottom:1px solid #c7ccd1;
+    border-bottom:1px solid var(--iui-color-background-border);
+  }
+  .iui-table-body .iui-row.iui-expanded-content.iui-enter{
+    opacity:0;
+  }
   .iui-table-body .iui-row.iui-expanded-content.iui-enter-active{
-    transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out;
-  }
-}
-.iui-table-body .iui-row.iui-expanded-content.iui-exit{
-  opacity:1;
-}
-.iui-table-body .iui-row.iui-expanded-content.iui-exit-active{
-  opacity:0;
-}
-@media (prefers-reduced-motion: no-preference){
+    opacity:1;
+  }
+  @media (prefers-reduced-motion: no-preference){
+    .iui-table-body .iui-row.iui-expanded-content.iui-enter-active{
+      transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out;
+    }
+  }
+  .iui-table-body .iui-row.iui-expanded-content.iui-exit{
+    opacity:1;
+  }
   .iui-table-body .iui-row.iui-expanded-content.iui-exit-active{
-    transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out;
-  }
-}
-.iui-table-body .iui-row:not(.iui-selected) + .iui-selected .iui-cell, .iui-table-body .iui-row.iui-selected:first-child .iui-cell{
-  border-bottom-color:transparent;
-}
-.iui-table-body .iui-row.iui-selected .iui-cell{
-  border-color:#008ae0;
-  background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
-  border-color:var(--iui-color-foreground-primary);
-  background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
-}
-.iui-table-body .iui-row.iui-selected + .iui-selected .iui-cell{
-  border-bottom-color:transparent;
-  border-top-color:rgba(0, 138, 224, 0.4);
-  border-top-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
-}
-.iui-table-body .iui-row.iui-selected:last-child .iui-cell{
-  border-bottom-color:#008ae0;
-  border-bottom-color:var(--iui-color-foreground-primary);
-}
-.iui-table-body .iui-row.iui-selected + :not(.iui-selected) .iui-cell,
+    opacity:0;
+  }
+  @media (prefers-reduced-motion: no-preference){
+    .iui-table-body .iui-row.iui-expanded-content.iui-exit-active{
+      transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out;
+    }
+  }
+  .iui-table-body .iui-row:not(.iui-selected) + .iui-selected .iui-cell, .iui-table-body .iui-row.iui-selected:first-child .iui-cell{
+    border-bottom-color:transparent;
+  }
+  .iui-table-body .iui-row.iui-selected .iui-cell{
+    border-color:#008ae0;
+    background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
+    border-color:var(--iui-color-foreground-primary);
+    background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
+  }
+  .iui-table-body .iui-row.iui-selected + .iui-selected .iui-cell{
+    border-bottom-color:transparent;
+    border-top-color:rgba(0, 138, 224, 0.4);
+    border-top-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
+  }
+  .iui-table-body .iui-row.iui-selected:last-child .iui-cell{
+    border-bottom-color:#008ae0;
+    border-bottom-color:var(--iui-color-foreground-primary);
+  }
+  .iui-table-body .iui-row.iui-selected + :not(.iui-selected) .iui-cell,
 .iui-table-body .iui-row.iui-selected + .iui-expanded-content + .iui-row:not(.iui-selected) .iui-cell{
-  border-top-color:#008ae0;
-  border-top-color:var(--iui-color-foreground-primary);
-}
-.iui-table-body .iui-row.iui-selected + .iui-expanded-content{
-  border-color:transparent #008ae0;
-  border-color:transparent var(--iui-color-foreground-primary);
-}
-.iui-table-body .iui-row.iui-selected + .iui-expanded-content:last-child{
-  border-bottom-color:#008ae0;
-}
-.iui-table-body .iui-row.iui-selected + .iui-expanded-content:last-child{
-  border-bottom-color:var(--iui-color-foreground-primary);
-}
-.iui-table-body .iui-row.iui-new{
-  font-weight:600;
-}
-.iui-table-body .iui-row.iui-new > .iui-main-column::before{
-  content:"•";
-  position:absolute;
-  left:0;
-  font-size:24px;
-  color:#53a21a;
-  color:var(--iui-color-foreground-positive);
-}
-.iui-table-body .iui-row .iui-cell.iui-disabled, .iui-table-body .iui-row.iui-expanded-content.iui-disabled{
-  font-style:italic;
-  cursor:not-allowed;
-  color:rgba(0, 0, 0, 0.4);
-  color:var(--iui-text-color-muted);
-}
-.iui-table-body .iui-row .iui-cell.iui-disabled.iui-slot:hover > .iui-more-options, .iui-table-body .iui-row.iui-expanded-content.iui-disabled.iui-slot:hover > .iui-more-options{
-  visibility:hidden;
-}
-.iui-table-body .iui-row .iui-cell.iui-disabled img,
+    border-top-color:#008ae0;
+    border-top-color:var(--iui-color-foreground-primary);
+  }
+  .iui-table-body .iui-row.iui-selected + .iui-expanded-content{
+    border-color:transparent #008ae0;
+    border-color:transparent var(--iui-color-foreground-primary);
+  }
+  .iui-table-body .iui-row.iui-selected + .iui-expanded-content:last-child{
+    border-bottom-color:#008ae0;
+  }
+  .iui-table-body .iui-row.iui-selected + .iui-expanded-content:last-child{
+    border-bottom-color:var(--iui-color-foreground-primary);
+  }
+  .iui-table-body .iui-row.iui-new{
+    font-weight:600;
+  }
+  .iui-table-body .iui-row.iui-new > .iui-main-column::before{
+    content:"•";
+    position:absolute;
+    left:0;
+    font-size:24px;
+    color:#53a21a;
+    color:var(--iui-color-foreground-positive);
+  }
+  .iui-table-body .iui-row .iui-cell.iui-disabled, .iui-table-body .iui-row.iui-expanded-content.iui-disabled{
+    font-style:italic;
+    cursor:not-allowed;
+    color:rgba(0, 0, 0, 0.4);
+    color:var(--iui-text-color-muted);
+  }
+  .iui-table-body .iui-row .iui-cell.iui-disabled.iui-slot:hover > .iui-more-options, .iui-table-body .iui-row.iui-expanded-content.iui-disabled.iui-slot:hover > .iui-more-options{
+    visibility:hidden;
+  }
+  .iui-table-body .iui-row .iui-cell.iui-disabled img,
 .iui-table-body .iui-row .iui-cell.iui-disabled svg:not(.iui-radial),
 .iui-table-body .iui-row .iui-cell.iui-disabled .iui-user-icon, .iui-table-body .iui-row.iui-expanded-content.iui-disabled img,
 .iui-table-body .iui-row.iui-expanded-content.iui-disabled svg:not(.iui-radial),
 .iui-table-body .iui-row.iui-expanded-content.iui-disabled .iui-user-icon{
-  filter:grayscale(100%);
-}
-.iui-table-body .iui-row.iui-positive .iui-cell:first-of-type,
+    filter:grayscale(100%);
+  }
+  .iui-table-body .iui-row.iui-positive .iui-cell:first-of-type,
 .iui-table-body .iui-row.iui-positive + .iui-expanded-content{
-  box-shadow:inset 2px 0 0 0 #53a21a;
-  box-shadow:inset 2px 0 0 0 var(--iui-icons-color-positive);
-}
-.iui-table-body .iui-row.iui-positive .iui-cell:first-of-type::-moz-selection, .iui-table-body .iui-row.iui-positive .iui-cell:first-of-type *::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content *::-moz-selection{
-  background-color:rgba(83, 162, 26, 0.2);
-  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
-}
-.iui-table-body .iui-row.iui-positive .iui-cell:first-of-type::selection,
+    box-shadow:inset 2px 0 0 0 #53a21a;
+    box-shadow:inset 2px 0 0 0 var(--iui-icons-color-positive);
+  }
+  .iui-table-body .iui-row.iui-positive .iui-cell:first-of-type::-moz-selection, .iui-table-body .iui-row.iui-positive .iui-cell:first-of-type *::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content *::-moz-selection{
+    background-color:rgba(83, 162, 26, 0.2);
+    background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
+  }
+  .iui-table-body .iui-row.iui-positive .iui-cell:first-of-type::selection,
 .iui-table-body .iui-row.iui-positive .iui-cell:first-of-type *::selection,
 .iui-table-body .iui-row.iui-positive + .iui-expanded-content::selection,
 .iui-table-body .iui-row.iui-positive + .iui-expanded-content *::selection{
-  background-color:rgba(83, 162, 26, 0.2);
-  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
-}
-.iui-table-body .iui-row.iui-positive .iui-cell-end-icon svg{
-  fill:#53a21a;
-  fill:var(--iui-icons-color-positive);
-}
-.iui-table-body .iui-row.iui-warning .iui-cell:first-of-type,
+    background-color:rgba(83, 162, 26, 0.2);
+    background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
+  }
+  .iui-table-body .iui-row.iui-positive .iui-cell-end-icon svg{
+    fill:#53a21a;
+    fill:var(--iui-icons-color-positive);
+  }
+  .iui-table-body .iui-row.iui-warning .iui-cell:first-of-type,
 .iui-table-body .iui-row.iui-warning + .iui-expanded-content{
-  box-shadow:inset 2px 0 0 0 #f18d13;
-  box-shadow:inset 2px 0 0 0 var(--iui-icons-color-warning);
-}
-.iui-table-body .iui-row.iui-warning .iui-cell:first-of-type::-moz-selection, .iui-table-body .iui-row.iui-warning .iui-cell:first-of-type *::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content *::-moz-selection{
-  background-color:rgba(241, 141, 19, 0.2);
-  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
-}
-.iui-table-body .iui-row.iui-warning .iui-cell:first-of-type::selection,
+    box-shadow:inset 2px 0 0 0 #f18d13;
+    box-shadow:inset 2px 0 0 0 var(--iui-icons-color-warning);
+  }
+  .iui-table-body .iui-row.iui-warning .iui-cell:first-of-type::-moz-selection, .iui-table-body .iui-row.iui-warning .iui-cell:first-of-type *::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content *::-moz-selection{
+    background-color:rgba(241, 141, 19, 0.2);
+    background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
+  }
+  .iui-table-body .iui-row.iui-warning .iui-cell:first-of-type::selection,
 .iui-table-body .iui-row.iui-warning .iui-cell:first-of-type *::selection,
 .iui-table-body .iui-row.iui-warning + .iui-expanded-content::selection,
 .iui-table-body .iui-row.iui-warning + .iui-expanded-content *::selection{
-  background-color:rgba(241, 141, 19, 0.2);
-  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
-}
-.iui-table-body .iui-row.iui-warning .iui-cell-end-icon svg{
-  fill:#f18d13;
-  fill:var(--iui-icons-color-warning);
-}
-.iui-table-body .iui-row.iui-negative .iui-cell:first-of-type,
+    background-color:rgba(241, 141, 19, 0.2);
+    background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
+  }
+  .iui-table-body .iui-row.iui-warning .iui-cell-end-icon svg{
+    fill:#f18d13;
+    fill:var(--iui-icons-color-warning);
+  }
+  .iui-table-body .iui-row.iui-negative .iui-cell:first-of-type,
 .iui-table-body .iui-row.iui-negative + .iui-expanded-content{
-  box-shadow:inset 2px 0 0 0 #d10a0a;
-  box-shadow:inset 2px 0 0 0 var(--iui-icons-color-negative);
-}
-.iui-table-body .iui-row.iui-negative .iui-cell:first-of-type::-moz-selection, .iui-table-body .iui-row.iui-negative .iui-cell:first-of-type *::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content *::-moz-selection{
-  background-color:rgba(209, 10, 10, 0.2);
-  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
-}
-.iui-table-body .iui-row.iui-negative .iui-cell:first-of-type::selection,
+    box-shadow:inset 2px 0 0 0 #d10a0a;
+    box-shadow:inset 2px 0 0 0 var(--iui-icons-color-negative);
+  }
+  .iui-table-body .iui-row.iui-negative .iui-cell:first-of-type::-moz-selection, .iui-table-body .iui-row.iui-negative .iui-cell:first-of-type *::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content *::-moz-selection{
+    background-color:rgba(209, 10, 10, 0.2);
+    background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
+  }
+  .iui-table-body .iui-row.iui-negative .iui-cell:first-of-type::selection,
 .iui-table-body .iui-row.iui-negative .iui-cell:first-of-type *::selection,
 .iui-table-body .iui-row.iui-negative + .iui-expanded-content::selection,
 .iui-table-body .iui-row.iui-negative + .iui-expanded-content *::selection{
-  background-color:rgba(209, 10, 10, 0.2);
-  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
-}
-.iui-table-body .iui-row.iui-negative .iui-cell-end-icon svg{
-  fill:#d10a0a;
-  fill:var(--iui-icons-color-negative);
-}
-.iui-table-body > .iui-table-empty{
-  text-align:center;
-  padding:32px;
-  display:flex;
-  flex-direction:column;
-  justify-content:center;
-  align-items:center;
-  flex-grow:1;
-  -ms-grid-row-align:center;
-      align-self:center;
-  color:rgba(0, 0, 0, 0.4);
-  background-color:white;
-  color:var(--iui-text-color-muted);
-  background-color:var(--iui-color-background-1);
-}
+    background-color:rgba(209, 10, 10, 0.2);
+    background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
+  }
+  .iui-table-body .iui-row.iui-negative .iui-cell-end-icon svg{
+    fill:#d10a0a;
+    fill:var(--iui-icons-color-negative);
+  }
+  .iui-table-body > .iui-table-empty{
+    text-align:center;
+    padding:32px;
+    display:flex;
+    flex-direction:column;
+    justify-content:center;
+    align-items:center;
+    flex-grow:1;
+    -ms-grid-row-align:center;
+        align-self:center;
+    color:rgba(0, 0, 0, 0.4);
+    background-color:white;
+    color:var(--iui-text-color-muted);
+    background-color:var(--iui-color-background-1);
+  }
 
-.iui-cell{
-  align-items:center;
-  display:flex;
-  flex-grow:1;
-  min-width:64px;
-  min-height:57px;
-  padding-left:16px;
-  flex-basis:64px;
-  position:relative;
-  word-break:break-word;
-}
-.iui-cell:first-of-type{
-  border-left:solid 1px transparent;
-}
-.iui-cell:last-of-type{
-  border-right:solid 1px transparent;
-}
-.iui-cell.iui-slot{
-  width:48px;
-  padding:0;
-  flex-grow:0;
-  min-width:0;
-  display:flex;
-  justify-content:center;
-  align-items:center;
-  flex-basis:48px;
-}
-.iui-cell.iui-cell-sticky{
-  position:-webkit-sticky;
-  position:sticky;
-  z-index:1;
-  left:var(--iui-table-sticky-left, initial);
-  right:var(--iui-table-sticky-right, initial);
-}
-.iui-cell:not(.iui-slot):last-child{
-  padding-right:16px;
-}
-.iui-cell.iui-positive{
-  background:linear-gradient(rgba(83, 162, 26, 0.1), rgba(83, 162, 26, 0.1)), linear-gradient(white, white);
-  background:linear-gradient(rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
-}
-.iui-cell.iui-positive::-moz-selection, .iui-cell.iui-positive *::-moz-selection{
-  background-color:rgba(83, 162, 26, 0.2);
-  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
-}
-.iui-cell.iui-positive::selection,
+  .iui-cell{
+    align-items:center;
+    display:flex;
+    flex-grow:1;
+    min-width:64px;
+    min-height:57px;
+    padding-left:16px;
+    flex-basis:64px;
+    position:relative;
+    word-break:break-word;
+  }
+  .iui-cell:first-of-type{
+    border-left:solid 1px transparent;
+  }
+  .iui-cell:last-of-type{
+    border-right:solid 1px transparent;
+  }
+  .iui-cell.iui-slot{
+    width:48px;
+    padding:0;
+    flex-grow:0;
+    min-width:0;
+    display:flex;
+    justify-content:center;
+    align-items:center;
+    flex-basis:48px;
+  }
+  .iui-cell.iui-cell-sticky{
+    position:-webkit-sticky;
+    position:sticky;
+    z-index:1;
+    left:var(--iui-table-sticky-left, initial);
+    right:var(--iui-table-sticky-right, initial);
+  }
+  .iui-cell:not(.iui-slot):last-child{
+    padding-right:16px;
+  }
+  .iui-cell.iui-positive{
+    background:linear-gradient(rgba(83, 162, 26, 0.1), rgba(83, 162, 26, 0.1)), linear-gradient(white, white);
+    background:linear-gradient(rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
+  }
+  .iui-cell.iui-positive::-moz-selection, .iui-cell.iui-positive *::-moz-selection{
+    background-color:rgba(83, 162, 26, 0.2);
+    background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
+  }
+  .iui-cell.iui-positive::selection,
 .iui-cell.iui-positive *::selection{
-  background-color:rgba(83, 162, 26, 0.2);
-  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
-}
-.iui-cell.iui-warning{
-  background:linear-gradient(rgba(241, 141, 19, 0.1), rgba(241, 141, 19, 0.1)), linear-gradient(white, white);
-  background:linear-gradient(rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
-}
-.iui-cell.iui-warning::-moz-selection, .iui-cell.iui-warning *::-moz-selection{
-  background-color:rgba(241, 141, 19, 0.2);
-  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
-}
-.iui-cell.iui-warning::selection,
+    background-color:rgba(83, 162, 26, 0.2);
+    background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
+  }
+  .iui-cell.iui-warning{
+    background:linear-gradient(rgba(241, 141, 19, 0.1), rgba(241, 141, 19, 0.1)), linear-gradient(white, white);
+    background:linear-gradient(rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
+  }
+  .iui-cell.iui-warning::-moz-selection, .iui-cell.iui-warning *::-moz-selection{
+    background-color:rgba(241, 141, 19, 0.2);
+    background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
+  }
+  .iui-cell.iui-warning::selection,
 .iui-cell.iui-warning *::selection{
-  background-color:rgba(241, 141, 19, 0.2);
-  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
-}
-.iui-cell.iui-negative{
-  background:linear-gradient(rgba(209, 10, 10, 0.1), rgba(209, 10, 10, 0.1)), linear-gradient(white, white);
-  background:linear-gradient(rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
-}
-.iui-cell.iui-negative::-moz-selection, .iui-cell.iui-negative *::-moz-selection{
-  background-color:rgba(209, 10, 10, 0.2);
-  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
-}
-.iui-cell.iui-negative::selection,
+    background-color:rgba(241, 141, 19, 0.2);
+    background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
+  }
+  .iui-cell.iui-negative{
+    background:linear-gradient(rgba(209, 10, 10, 0.1), rgba(209, 10, 10, 0.1)), linear-gradient(white, white);
+    background:linear-gradient(rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
+  }
+  .iui-cell.iui-negative::-moz-selection, .iui-cell.iui-negative *::-moz-selection{
+    background-color:rgba(209, 10, 10, 0.2);
+    background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
+  }
+  .iui-cell.iui-negative::selection,
 .iui-cell.iui-negative *::selection{
-  background-color:rgba(209, 10, 10, 0.2);
-  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
-}
-.iui-cell[contenteditable]{
-  outline-offset:-1px;
-}
-.iui-cell[contenteditable]:focus, .iui-cell[contenteditable]:hover{
-  outline:1px solid #008ae0;
-  outline:1px solid var(--iui-color-foreground-primary);
-}
-.iui-cell[contenteditable]:focus{
-  background-color:white;
-  background-color:var(--iui-color-background-1);
-}
+    background-color:rgba(209, 10, 10, 0.2);
+    background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
+  }
+  .iui-cell[contenteditable]{
+    outline-offset:-1px;
+  }
+  .iui-cell[contenteditable]:focus, .iui-cell[contenteditable]:hover{
+    outline:1px solid #008ae0;
+    outline:1px solid var(--iui-color-foreground-primary);
+  }
+  .iui-cell[contenteditable]:focus{
+    background-color:white;
+    background-color:var(--iui-color-background-1);
+  }
 
-.iui-cell-shadow-left{
-  position:absolute;
-  top:-1px;
-  bottom:-1px;
-  width:24px;
-  pointer-events:none;
-  left:0;
-  transform:translate(-100%);
-  box-shadow:inset -10px 0 5px -10px rgba(0, 0, 0, 0.25);
-}
-.iui-table-header .iui-cell-shadow-left{
-  top:0;
-  bottom:0;
-}
+  .iui-cell-shadow-left{
+    position:absolute;
+    top:-1px;
+    bottom:-1px;
+    width:24px;
+    pointer-events:none;
+    left:0;
+    transform:translate(-100%);
+    box-shadow:inset -10px 0 5px -10px rgba(0, 0, 0, 0.25);
+  }
+  .iui-table-header .iui-cell-shadow-left{
+    top:0;
+    bottom:0;
+  }
 
-.iui-cell-shadow-right{
-  position:absolute;
-  top:-1px;
-  bottom:-1px;
-  width:24px;
-  pointer-events:none;
-  right:0;
-  transform:translate(100%);
-  box-shadow:inset 10px 0 5px -10px rgba(0, 0, 0, 0.25);
-}
-.iui-table-header .iui-cell-shadow-right{
-  top:0;
-  bottom:0;
-}
+  .iui-cell-shadow-right{
+    position:absolute;
+    top:-1px;
+    bottom:-1px;
+    width:24px;
+    pointer-events:none;
+    right:0;
+    transform:translate(100%);
+    box-shadow:inset 10px 0 5px -10px rgba(0, 0, 0, 0.25);
+  }
+  .iui-table-header .iui-cell-shadow-right{
+    top:0;
+    bottom:0;
+  }
 
-.iui-paginator{
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
-  display:flex;
-  justify-content:space-between;
-  align-items:center;
-  min-height:55px;
-  padding:0 16px;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  background-color:#edeff2;
-  background-color:var(--iui-color-background-3);
-}
-.iui-paginator > .iui-left,
+  .iui-paginator{
+    margin:0;
+    padding:0;
+    border:none;
+    vertical-align:baseline;
+    display:flex;
+    justify-content:space-between;
+    align-items:center;
+    min-height:55px;
+    padding:0 16px;
+    -webkit-user-select:none;
+       -moz-user-select:none;
+        -ms-user-select:none;
+            user-select:none;
+    background-color:#edeff2;
+    background-color:var(--iui-color-background-3);
+  }
+  .iui-paginator > .iui-left,
 .iui-paginator > .iui-center,
 .iui-paginator > .iui-right{
-  display:flex;
-  align-items:center;
-  position:relative;
-  flex:1;
-  min-width:0;
-}
-.iui-paginator > .iui-center{
-  justify-content:center;
-  flex:2 1;
-  color:rgba(0, 0, 0, 0.8);
-  color:var(--iui-text-color);
-}
-.iui-paginator > .iui-right{
-  justify-content:flex-end;
-}
-.iui-paginator-page-size-label{
-  color:rgba(0, 0, 0, 0.4);
-  color:var(--iui-text-color-muted);
-  white-space:nowrap;
-  overflow:hidden;
-  text-overflow:ellipsis;
-}
+    display:flex;
+    align-items:center;
+    position:relative;
+    flex:1;
+    min-width:0;
+  }
+  .iui-paginator > .iui-center{
+    justify-content:center;
+    flex:2 1;
+    color:rgba(0, 0, 0, 0.8);
+    color:var(--iui-text-color);
+  }
+  .iui-paginator > .iui-right{
+    justify-content:flex-end;
+  }
+  .iui-paginator-page-size-label{
+    color:rgba(0, 0, 0, 0.4);
+    color:var(--iui-text-color-muted);
+    white-space:nowrap;
+    overflow:hidden;
+    text-overflow:ellipsis;
+  }
 
-.iui-paginator-ellipsis{
-  display:flex;
-  justify-content:center;
-  align-items:center;
-  width:38px;
-  color:rgba(0, 0, 0, 0.4);
-  color:var(--iui-text-color-muted);
-}
-.iui-paginator-ellipsis-small{
-  width:27px;
-}
+  .iui-paginator-ellipsis{
+    display:flex;
+    justify-content:center;
+    align-items:center;
+    width:38px;
+    color:rgba(0, 0, 0, 0.4);
+    color:var(--iui-text-color-muted);
+  }
+  .iui-paginator-ellipsis-small{
+    width:27px;
+  }
 
-.iui-paginator-pages-group{
-  display:inline-flex;
-  align-items:center;
-  margin:0 8px;
-}
+  .iui-paginator-pages-group{
+    display:inline-flex;
+    align-items:center;
+    margin:0 8px;
+  }
 
-.iui-paginator-page-button{
-  --_iui-button-active-stripe-inset:initial;
-  --_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
-  font-family:inherit;
-  display:inline-flex;
-  align-items:center;
-  vertical-align:middle;
-  justify-content:center;
-  position:relative;
-  box-sizing:border-box;
-  border-radius:4px;
-  line-height:22px;
-  box-shadow:none;
-  font-size:14px;
-  font-weight:400;
-  text-decoration:none;
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  cursor:pointer;
-  white-space:nowrap;
-  border:1px solid transparent;
-  color:rgba(0, 0, 0, 0.8);
-  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
-  color:var(--_iui-button-text-color);
-  border-color:transparent;
-  background-color:transparent;
-  padding:0 8px;
-  height:38px;
-  gap:8px;
-  width:38px;
-  --_iui-button-active-stripe-inset:calc(100% - 4px) 2px 2px;
-}
-@media (prefers-reduced-motion: no-preference){
   .iui-paginator-page-button{
-    transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
-  }
-}
-.iui-paginator-page-button:hover{
-  --_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
-  text-decoration:none;
-}
-.iui-paginator-page-button:focus-visible{
-  outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:-1px;
-}
-@supports not selector(*:focus-visible){
-  .iui-paginator-page-button:focus{
+    --_iui-button-active-stripe-inset:initial;
+    --_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
+    margin:0;
+    padding:0;
+    border:none;
+    vertical-align:baseline;
+    font-family:inherit;
+    display:inline-flex;
+    align-items:center;
+    vertical-align:middle;
+    justify-content:center;
+    position:relative;
+    box-sizing:border-box;
+    border-radius:4px;
+    line-height:22px;
+    box-shadow:none;
+    font-size:14px;
+    font-weight:400;
+    text-decoration:none;
+    -webkit-user-select:none;
+       -moz-user-select:none;
+        -ms-user-select:none;
+            user-select:none;
+    cursor:pointer;
+    white-space:nowrap;
+    border:1px solid transparent;
+    color:rgba(0, 0, 0, 0.8);
+    color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
+    color:var(--_iui-button-text-color);
+    border-color:transparent;
+    background-color:transparent;
+    padding:0 8px;
+    height:38px;
+    gap:8px;
+    width:38px;
+    --_iui-button-active-stripe-inset:calc(100% - 4px) 2px 2px;
+  }
+  @media (prefers-reduced-motion: no-preference){
+    .iui-paginator-page-button{
+      transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
+    }
+  }
+  .iui-paginator-page-button:hover{
+    --_iui-button-text-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
+    text-decoration:none;
+  }
+  .iui-paginator-page-button:focus-visible{
     outline:1px solid var(--iui-color-foreground-primary);
     outline-offset:-1px;
   }
-}
-.iui-paginator-page-button[disabled], .iui-paginator-page-button:disabled{
-  cursor:not-allowed;
-  background:#edeff2;
-  border-color:#edeff2;
-  color:rgba(0, 0, 0, 0.2);
-  background:var(--iui-color-background-disabled);
-  border-color:var(--iui-color-background-disabled);
-  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
-}
-.iui-paginator-page-button > .iui-button-icon:only-child{
-  margin-left:3px;
-  margin-right:3px;
-}
-.iui-paginator-page-button:hover{
-  background-color:rgba(0, 0, 0, 0.1);
-  border-color:transparent;
-  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
-  border-color:transparent;
-}
-.iui-paginator-page-button.iui-active{
-  background-color:rgba(0, 138, 224, 0.1);
-  color:#008ae0;
-  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
-  color:var(--iui-color-foreground-primary);
-  border-color:transparent;
-}
-.iui-paginator-page-button[disabled], .iui-paginator-page-button:disabled{
-  cursor:not-allowed;
-  background:#edeff2;
-  border-color:#edeff2;
-  color:rgba(0, 0, 0, 0.2);
-  background:var(--iui-color-background-disabled);
-  border-color:var(--iui-color-background-disabled);
-  color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
-  background-color:transparent;
-  border-color:transparent;
-  background-color:transparent;
-  border-color:transparent;
-}
-.iui-paginator-page-button[disabled].iui-active, .iui-paginator-page-button:disabled.iui-active{
-  background-color:rgba(0, 0, 0, 0.05);
-  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
-}
-.iui-paginator-page-button.iui-active::after{
-  content:"";
-  position:absolute;
-  inset:var(--_iui-button-active-stripe-inset);
-  background-color:var(--iui-color-foreground-primary);
-}
-.iui-paginator-page-button.iui-active[disabled]::after, .iui-paginator-page-button.iui-active:disabled::after{
-  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
-}
-.iui-paginator-page-button-small{
-  padding:0 8px;
-  height:27px;
-  gap:4px;
-  width:27px;
-}
+  @supports not selector(*:focus-visible){
+    .iui-paginator-page-button:focus{
+      outline:1px solid var(--iui-color-foreground-primary);
+      outline-offset:-1px;
+    }
+  }
+  .iui-paginator-page-button[disabled], .iui-paginator-page-button:disabled{
+    cursor:not-allowed;
+    background:#edeff2;
+    border-color:#edeff2;
+    color:rgba(0, 0, 0, 0.2);
+    background:var(--iui-color-background-disabled);
+    border-color:var(--iui-color-background-disabled);
+    color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
+  }
+  .iui-paginator-page-button > .iui-button-icon:only-child{
+    margin-left:3px;
+    margin-right:3px;
+  }
+  .iui-paginator-page-button:hover{
+    background-color:rgba(0, 0, 0, 0.1);
+    border-color:transparent;
+    background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
+    border-color:transparent;
+  }
+  .iui-paginator-page-button.iui-active{
+    background-color:rgba(0, 138, 224, 0.1);
+    color:#008ae0;
+    background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
+    color:var(--iui-color-foreground-primary);
+    border-color:transparent;
+  }
+  .iui-paginator-page-button[disabled], .iui-paginator-page-button:disabled{
+    cursor:not-allowed;
+    background:#edeff2;
+    border-color:#edeff2;
+    color:rgba(0, 0, 0, 0.2);
+    background:var(--iui-color-background-disabled);
+    border-color:var(--iui-color-background-disabled);
+    color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
+    background-color:transparent;
+    border-color:transparent;
+    background-color:transparent;
+    border-color:transparent;
+  }
+  .iui-paginator-page-button[disabled].iui-active, .iui-paginator-page-button:disabled.iui-active{
+    background-color:rgba(0, 0, 0, 0.05);
+    background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
+  }
+  .iui-paginator-page-button.iui-active::after{
+    content:"";
+    position:absolute;
+    inset:var(--_iui-button-active-stripe-inset);
+    background-color:var(--iui-color-foreground-primary);
+  }
+  .iui-paginator-page-button.iui-active[disabled]::after, .iui-paginator-page-button.iui-active:disabled::after{
+    background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
+  }
+  .iui-paginator-page-button-small{
+    padding:0 8px;
+    height:27px;
+    gap:4px;
+    width:27px;
+  }
 
-.iui-column-filter{
-  --iui-surface-background-color:var(--iui-color-background-1);
-  --iui-surface-border-radius:0;
-  --iui-surface-elevation:0 1px 5px rgba(0, 0, 0, 0.25);
-  background-color:var(--iui-surface-background-color);
-  border-radius:var(--iui-surface-border-radius);
-  box-shadow:var(--iui-surface-elevation);
-  box-sizing:border-box;
-  color:var(--iui-text-color);
-  padding:11px 12px;
-  display:inline-flex;
-  flex-direction:column;
-  align-items:flex-end;
-}
-@media (forced-colors: active){
   .iui-column-filter{
-    border:1px solid transparent;
+    --iui-surface-background-color:var(--iui-color-background-1);
+    --iui-surface-border-radius:0;
+    --iui-surface-elevation:0 1px 5px rgba(0, 0, 0, 0.25);
+    background-color:var(--iui-surface-background-color);
+    border-radius:var(--iui-surface-border-radius);
+    box-shadow:var(--iui-surface-elevation);
+    box-sizing:border-box;
+    color:var(--iui-text-color);
+    padding:11px 12px;
+    display:inline-flex;
+    flex-direction:column;
+    align-items:flex-end;
+  }
+  @media (forced-colors: active){
+    .iui-column-filter{
+      border:1px solid transparent;
+    }
+  }
+  .iui-column-filter > .iui-input-container:not(.iui-inline-label){
+    width:100%;
   }
-}
-.iui-column-filter > .iui-input-container:not(.iui-inline-label){
-  width:100%;
-}
-.iui-column-filter > .iui-input-container,
+  .iui-column-filter > .iui-input-container,
 .iui-column-filter > .iui-input{
-  margin-bottom:11px;
-}
-.iui-column-filter > .iui-button-bar{
-  display:flex;
-  width:100%;
-  align-content:center;
-}
-.iui-column-filter > .iui-button-bar > .iui-button:first-of-type{
-  margin-left:auto;
-}
-.iui-column-filter > .iui-button-bar > .iui-button:not(:last-child){
-  margin-right:8px;
+    margin-bottom:11px;
+  }
+  .iui-column-filter > .iui-button-bar{
+    display:flex;
+    width:100%;
+    align-content:center;
+  }
+  .iui-column-filter > .iui-button-bar > .iui-button:first-of-type{
+    margin-left:auto;
+  }
+  .iui-column-filter > .iui-button-bar > .iui-button:not(:last-child){
+    margin-right:8px;
+  }
 }