@itwin/itwinui-css 1.0.0-dev.14 → 1.0.0-dev.16

package/css/table.css

@@ -1,727 +1,5 @@
-@charset "UTF-8";
 /*---------------------------------------------------------------------------------------------
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-.iui-table{
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
-  display:flex;
-  flex-direction:column;
-  isolation:isolate;
-  --_iui-table-header-size:calc(var(--iui-size-s) * 5);
-  --_iui-table-row-size:calc(var(--iui-size-s) * 5 + 2px);
-}
-.iui-table .iui-table-cell-end-icon,
-.iui-table .iui-table-cell-start-icon{
-  flex-shrink:0;
-  display:flex;
-  align-items:center;
-  justify-content:center;
-  fill:var(--_iui-table-cell-icon-fill);
-}
-.iui-table .iui-table-cell-end-icon svg:not(.iui-radial),
-.iui-table .iui-table-cell-start-icon svg:not(.iui-radial){
-  display:flex;
-  flex-shrink:0;
-  width:var(--iui-size-m);
-  height:var(--iui-size-m);
-}
-.iui-table .iui-table-cell-start-icon{
-  margin-right:var(--iui-size-xs);
-}
-.iui-table .iui-table-cell-end-icon{
-  width:var(--iui-size-l);
-  height:var(--iui-size-l);
-  margin-right:var(--iui-size-s);
-  margin-left:auto;
-}
-.iui-table[data-iui-size=condensed]{
-  --_iui-table-header-size:calc(var(--iui-size-s) * 4);
-  --_iui-table-row-size:calc(var(--iui-size-s) * 4 + 2px);
-}
-.iui-table[data-iui-size=extra-condensed]{
-  --_iui-table-header-size:calc(var(--iui-size-s) * 3);
-  --_iui-table-row-size:calc(var(--iui-size-s) * 3 + 2px);
-}
-.iui-table[data-iui-size=extra-condensed] .iui-table-header .iui-table-cell{
-  padding-block:calc(var(--iui-size-s) * 0.25);
-}
-.iui-table .iui-table-header,
-.iui-table .iui-table-paginator{
-  min-height:var(--_iui-table-header-size);
-}
-.iui-table .iui-table-body .iui-table-cell{
-  min-height:var(--_iui-table-row-size);
-}
-
-.iui-table-header-wrapper{
-  overflow:hidden;
-  display:flex;
-  flex-shrink:0;
-  border-top-left-radius:var(--iui-border-radius-1);
-  border-top-right-radius:var(--iui-border-radius-1);
-}
-@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;
-  font-weight:var(--iui-font-weight-semibold);
-  border-bottom:1px solid var(--iui-color-border);
-}
-.iui-table-header .iui-table-cell{
-  background-color:var(--iui-color-background);
-}
-.iui-table-header .iui-table-cell:not(.iui-slot){
-  -moz-column-gap:var(--iui-size-2xs);
-       column-gap:var(--iui-size-2xs);
-  padding-block:calc(var(--iui-size-s) * 0.5);
-}
-.iui-table-header .iui-table-cell:not(.iui-slot):focus-visible{
-  outline:1px solid var(--iui-color-border-accent);
-  outline-offset:-1px;
-}
-@supports not selector(*:focus-visible){
-  .iui-table-header .iui-table-cell:not(.iui-slot):focus{
-    outline:1px solid var(--iui-color-border-accent);
-    outline-offset:-1px;
-  }
-}
-.iui-table-header .iui-table-cell:not(.iui-slot).iui-actionable{
-  cursor:pointer;
-}
-.iui-table-header .iui-table-cell:not(.iui-slot).iui-grabbing{
-  cursor:-webkit-grabbing;
-  cursor:grabbing;
-}
-.iui-table-header .iui-table-cell:not(.iui-slot) .iui-table-filter-button:not([data-iui-active=true]){
-  opacity:0;
-}
-.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer{
-  height:100%;
-  width:var(--iui-size-m);
-  position:absolute;
-  top:0;
-  right:0;
-  transform:translateX(50%);
-  touch-action:none;
-  cursor:ew-resize;
-  z-index:1;
-  opacity:0;
-}
-.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer > .iui-table-resizer-bar{
-  height:100%;
-  width:var(--iui-size-3xs);
-  margin:0 auto;
-  transition:background-color var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out;
-  background-color:var(--iui-color-border);
-}
-.iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer:hover > .iui-table-resizer-bar{
-  width:var(--iui-size-2xs);
-  background-color:var(--iui-color-border-accent);
-}
-.iui-table-header .iui-table-cell:not(.iui-slot):hover > .iui-table-resizer{
-  opacity:1;
-}
-.iui-table-header .iui-table-cell:not(.iui-slot):hover, .iui-table-header .iui-table-cell:not(.iui-slot):focus, .iui-table-header .iui-table-cell:not(.iui-slot):focus-within{
-  background-color:var(--iui-color-background-hover);
-}
-.iui-table-header .iui-table-cell:not(.iui-slot):hover .iui-table-sort,
-.iui-table-header .iui-table-cell:not(.iui-slot):hover .iui-table-filter-button, .iui-table-header .iui-table-cell:not(.iui-slot):focus .iui-table-sort,
-.iui-table-header .iui-table-cell:not(.iui-slot):focus .iui-table-filter-button, .iui-table-header .iui-table-cell:not(.iui-slot):focus-within .iui-table-sort,
-.iui-table-header .iui-table-cell:not(.iui-slot):focus-within .iui-table-filter-button{
-  opacity:1;
-}
-.iui-table-header .iui-table-reorder-bar{
-  position:absolute;
-  height:100%;
-  width:var(--iui-size-3xs);
-}
-.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar{
-  right:0;
-}
-.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar{
-  left:0;
-}
-.iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar,
-.iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar{
-  background-color:var(--iui-color-border-accent);
-}
-.iui-table-header .iui-table-sort{
-  opacity:0;
-  fill:var(--iui-color-icon-muted);
-}
-.iui-table-header .iui-sorted{
-  background-color:var(--iui-color-background-hover);
-}
-.iui-table-header .iui-sorted .iui-table-sort{
-  opacity:1;
-  fill:var(--iui-color-icon);
-}
-
-.iui-table-row{
-  --_iui-table-cell-icon-fill:var(--iui-color-icon-muted);
-  min-width:100%;
-  display:flex;
-}
-.iui-table-row:last-of-type{
-  border-radius:inherit;
-}
-.iui-table-header .iui-table-row{
-  flex-grow:1;
-}
-
-.iui-table-body .iui-table-row .iui-table-cell{
-  border-top:solid 1px transparent;
-  border-bottom:solid 1px transparent;
-  border-bottom-color:var(--iui-color-border);
-  background-color:var(--iui-color-background);
-  transition:border var(--iui-duration-1) ease-out;
-}
-.iui-table-body .iui-table-row > .iui-slot > .iui-table-more-options{
-  opacity:0;
-}
-.iui-table-body .iui-table-row:where(:hover, :focus-within) > .iui-slot > .iui-table-more-options{
-  opacity:1;
-}
-.iui-table-body .iui-table-row:where(:hover:not(.iui-loading):not([aria-disabled="true"])) .iui-table-cell{
-  background-color:var(--iui-color-background-hover);
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-table-body .iui-table-row .iui-table-row-expander > .iui-button-icon{
-    transition:transform var(--iui-duration-1) ease-out;
-  }
-}
-.iui-table-body .iui-table-row.iui-table-row-expanded{
-  overflow:hidden;
-}
-.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-cell{
-  border-left-color:var(--iui-color-border);
-  border-right-color:var(--iui-color-border);
-  border-bottom-color:transparent;
-}
-.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-row-expander > .iui-button-icon{
-  transform:rotate(90deg);
-}
-.iui-table-body .iui-table-row.iui-table-row-expanded + .iui-table-expanded-content{
-  border-left-color:var(--iui-color-border);
-  border-right-color:var(--iui-color-border);
-}
-.iui-table-body .iui-table-row.iui-table-expanded-content{
-  overflow:hidden;
-  border-left:1px solid transparent;
-  border-right:1px solid transparent;
-  border-bottom:1px solid var(--iui-color-border);
-}
-.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter{
-  opacity:0;
-}
-.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active{
-  opacity:1;
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active{
-    transition:opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;
-  }
-}
-.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit{
-  opacity:1;
-}
-.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active{
-  opacity:0;
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active{
-    transition:opacity var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out, height var(--iui-duration-1) ease-out;
-  }
-}
-.iui-table-body .iui-table-row:not([aria-selected=true]) + [aria-selected=true] .iui-table-cell, .iui-table-body .iui-table-row[aria-selected=true]:first-child .iui-table-cell{
-  border-bottom-color:transparent;
-}
-.iui-table-body .iui-table-row[aria-selected=true] .iui-table-cell{
-  border-color:var(--iui-color-border-accent);
-  background-color:var(--iui-color-background-accent-muted);
-}
-.iui-table-body .iui-table-row[aria-selected=true] + [aria-selected=true] .iui-table-cell{
-  border-bottom-color:transparent;
-  border-top-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-4));
-}
-.iui-table-body .iui-table-row[aria-selected=true]:last-child .iui-table-cell{
-  border-bottom-color:var(--iui-color-border-accent);
-}
-.iui-table-body .iui-table-row[aria-selected=true] + :not([aria-selected=true]) .iui-table-cell,
-.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content + .iui-table-row:not([aria-selected=true]) .iui-table-cell{
-  border-top-color:var(--iui-color-border-accent);
-}
-.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content{
-  border-color:transparent var(--iui-color-border-accent);
-}
-.iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content:last-child{
-  border-bottom-color:var(--iui-color-border-accent);
-}
-.iui-table-body .iui-table-row.iui-new{
-  font-weight:var(--iui-font-weight-semibold);
-}
-.iui-table-body .iui-table-row.iui-new > .iui-main-column::before{
-  content:"•";
-  position:absolute;
-  left:0;
-  font-size:var(--iui-font-size-4);
-  color:var(--iui-color-icon-positive);
-}
-.iui-table-body .iui-table-row.iui-loading,
-.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true]{
-  --_iui-table-cell-icon-fill:var(--iui-color-icon-muted);
-  --_iui-table-cell-image-filter:grayscale(100%);
-  color:var(--iui-color-text-disabled);
-}
-.iui-table-body .iui-table-row.iui-loading img,
-.iui-table-body .iui-table-row.iui-loading svg:not(.iui-radial),
-.iui-table-body .iui-table-row.iui-loading .iui-avatar,
-.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] img,
-.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] svg:not(.iui-radial),
-.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] .iui-avatar, .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] img,
-.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] svg:not(.iui-radial),
-.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] .iui-avatar{
-  filter:var(--_iui-table-cell-image-filter);
-}
-.iui-table-body .iui-table-row.iui-loading{
-  font-style:italic;
-}
-.iui-table-body .iui-table-row.iui-loading,
-.iui-table-body .iui-table-row.iui-loading .iui-checkbox{
-  cursor:progress;
-}
-.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true]{
-  cursor:not-allowed;
-}
-.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type,
-.iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content{
-  box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-positive);
-}
-.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type *::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content *::-moz-selection{
-  background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5));
-}
-.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type::selection,
-.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type *::selection,
-.iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content::selection,
-.iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content *::selection{
-  background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5));
-}
-.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon{
-  --_iui-table-cell-icon-fill:var(--iui-color-icon-positive);
-}
-.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{
-  --_iui-table-cell-image-filter:none;
-}
-.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,
-.iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content{
-  box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-warning);
-}
-.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type *::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content *::-moz-selection{
-  background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5));
-}
-.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type::selection,
-.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type *::selection,
-.iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content::selection,
-.iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content *::selection{
-  background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5));
-}
-.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon{
-  --_iui-table-cell-icon-fill:var(--iui-color-icon-warning);
-}
-.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{
-  --_iui-table-cell-image-filter:none;
-}
-.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,
-.iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content{
-  box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-negative);
-}
-.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type *::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content *::-moz-selection{
-  background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5));
-}
-.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type::selection,
-.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type *::selection,
-.iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content::selection,
-.iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content *::selection{
-  background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5));
-}
-.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon{
-  --_iui-table-cell-icon-fill:var(--iui-color-icon-negative);
-}
-.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{
-  --_iui-table-cell-image-filter:none;
-}
-
-.iui-table-header-actions-container{
-  display:flex;
-  flex-grow:1;
-  align-items:center;
-  flex-wrap:wrap;
-  justify-content:flex-end;
-  margin-right:var(--iui-size-s);
-}
-.iui-table-header-actions-container .iui-table-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:var(--iui-color-background);
-}
-.iui-table-body.iui-scroll-snapping{
-  -ms-scroll-snap-type:y mandatory;
-      scroll-snap-type:y mandatory;
-}
-.iui-table-body.iui-scroll-snapping .iui-table-row{
-  scroll-snap-align:start none;
-}
-.iui-table-body:last-child{
-  border-bottom-left-radius:var(--iui-border-radius-1);
-  border-bottom-right-radius:var(--iui-border-radius-1);
-}
-.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]) .iui-table-cell{
-  background-color:var(--iui-color-background-zebra);
-}
-.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]):hover .iui-table-cell{
-  background-color:var(--iui-color-background-hover);
-}
-.iui-table-body > .iui-table-empty{
-  text-align:center;
-  padding:var(--iui-size-xl);
-  display:flex;
-  flex-direction:column;
-  justify-content:center;
-  align-items:center;
-  flex-grow:1;
-  align-self:center;
-  color:var(--iui-color-text-muted);
-  background-color:var(--iui-color-background);
-}
-
-.iui-table-cell{
-  align-items:center;
-  display:flex;
-  flex-grow:1;
-  min-width:var(--iui-size-2xl);
-  padding-left:var(--iui-size-m);
-  flex-basis:var(--iui-size-2xl);
-  position:relative;
-  word-break:break-word;
-}
-.iui-table-cell:first-of-type{
-  border-left:solid 1px transparent;
-  border-bottom-left-radius:inherit;
-}
-.iui-table-cell:last-of-type{
-  border-right:solid 1px transparent;
-}
-.iui-table-cell.iui-slot{
-  width:calc(var(--iui-size-l) * 2);
-  padding:0;
-  flex-grow:0;
-  min-width:0;
-  display:flex;
-  justify-content:center;
-  align-items:center;
-  flex-basis:calc(var(--iui-size-l) * 2);
-}
-.iui-table-cell.iui-table-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-table-cell:not(.iui-slot):last-child{
-  padding-right:var(--iui-size-m);
-}
-.iui-table-cell[data-iui-status=positive]::-moz-selection, .iui-table-cell[data-iui-status=positive] *::-moz-selection{
-  background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5));
-}
-.iui-table-cell[data-iui-status=positive]::selection,
-.iui-table-cell[data-iui-status=positive] *::selection{
-  background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5));
-}
-.iui-table-cell[data-iui-status=positive]::before{
-  content:"";
-  position:absolute;
-  inset:0;
-  background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-6));
-}
-.iui-table-cell[data-iui-status=warning]::-moz-selection, .iui-table-cell[data-iui-status=warning] *::-moz-selection{
-  background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5));
-}
-.iui-table-cell[data-iui-status=warning]::selection,
-.iui-table-cell[data-iui-status=warning] *::selection{
-  background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5));
-}
-.iui-table-cell[data-iui-status=warning]::before{
-  content:"";
-  position:absolute;
-  inset:0;
-  background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-6));
-}
-.iui-table-cell[data-iui-status=negative]::-moz-selection, .iui-table-cell[data-iui-status=negative] *::-moz-selection{
-  background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5));
-}
-.iui-table-cell[data-iui-status=negative]::selection,
-.iui-table-cell[data-iui-status=negative] *::selection{
-  background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5));
-}
-.iui-table-cell[data-iui-status=negative]::before{
-  content:"";
-  position:absolute;
-  inset:0;
-  background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-6));
-}
-.iui-table-cell[contenteditable]{
-  outline-offset:-1px;
-}
-.iui-table-cell[contenteditable]:hover{
-  outline:1px solid var(--iui-color-border-accent);
-}
-.iui-table-cell[contenteditable]:focus{
-  background-color:var(--iui-color-background);
-  outline:1px solid var(--iui-color-text-accent);
-}
-
-.iui-table-cell-shadow-left{
-  position:absolute;
-  top:-1px;
-  bottom:-1px;
-  width:var(--iui-size-l);
-  pointer-events:none;
-  left:0;
-  transform:translate(-100%);
-  box-shadow:inset -10px 0 5px -10px var(--iui-shadow-color);
-}
-.iui-table-header .iui-table-cell-shadow-left{
-  top:0;
-  bottom:0;
-}
-
-.iui-table-cell-shadow-right{
-  position:absolute;
-  top:-1px;
-  bottom:-1px;
-  width:var(--iui-size-l);
-  pointer-events:none;
-  right:0;
-  transform:translate(100%);
-  box-shadow:inset 10px 0 5px -10px var(--iui-shadow-color);
-}
-.iui-table-header .iui-table-cell-shadow-right{
-  top:0;
-  bottom:0;
-}
-
-.iui-table-paginator{
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
-  display:flex;
-  justify-content:space-between;
-  align-items:center;
-  padding:0 var(--iui-size-m);
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  background-color:var(--iui-color-background);
-  border-bottom-left-radius:var(--iui-border-radius-1);
-  border-bottom-right-radius:var(--iui-border-radius-1);
-  border-top:1px solid var(--iui-color-border);
-}
-.iui-table-paginator > .iui-left,
-.iui-table-paginator > .iui-center,
-.iui-table-paginator > .iui-right{
-  display:flex;
-  align-items:center;
-  position:relative;
-  flex:1;
-  min-width:0;
-}
-.iui-table-paginator > .iui-center{
-  justify-content:center;
-  flex:2 1;
-  color:var(--iui-color-text);
-}
-.iui-table-paginator > .iui-right{
-  justify-content:flex-end;
-}
-
-.iui-table-paginator-page-size-label{
-  color:var(--iui-color-text-muted);
-  white-space:nowrap;
-  overflow:hidden;
-  text-overflow:ellipsis;
-}
-
-.iui-table-paginator-ellipsis{
-  display:flex;
-  justify-content:center;
-  align-items:center;
-  padding-inline:var(--iui-size-xs);
-}
-.iui-table-paginator-ellipsis-small{
-  padding-inline:var(--iui-size-2xs);
-}
-
-.iui-table-paginator-pages-group{
-  display:inline-flex;
-  align-items:center;
-  margin:0 var(--iui-size-xs);
-}
-
-.iui-table-paginator-page-button{
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
-  font-family:inherit;
-  display:inline-flex;
-  flex-shrink:0;
-  align-items:center;
-  vertical-align:middle;
-  justify-content:center;
-  position:relative;
-  border-radius:var(--iui-border-radius-1);
-  line-height:1.2;
-  font-size:var(--iui-font-size-1);
-  font-weight:var(--iui-font-weight-normal);
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
-  cursor:pointer;
-  white-space:nowrap;
-  border:1px solid var(--_iui-button-border-color);
-  background:var(--_iui-button-background-color);
-  color:var(--_iui-button-text-color);
-  gap:var(--_iui-button-gap);
-  min-height:var(--_iui-button-min-height);
-  min-width:var(--_iui-button-min-height);
-  padding-block:var(--_iui-button-padding-block);
-  padding-inline:var(--_iui-button-padding-inline);
-  transition:background-color var(--iui-duration-1) ease-out, border-color var(--iui-duration-1) ease-out;
-  -webkit-tap-highlight-color:transparent;
-  text-decoration:none;
-  --_iui-button-gap:var(--iui-size-xs);
-  --_iui-button-padding-block:var(--iui-size-2xs);
-  --_iui-button-padding-inline:var(--iui-size-m);
-  --_iui-button-min-height:var(--iui-component-height);
-  --_iui-button-text-color:var(--iui-color-text);
-  --_iui-button-background-color:transparent;
-  --_iui-button-border-color:transparent;
-  --_iui-button-icon-fill:var(--iui-color-icon);
-  --_iui-button-gap:var(--iui-size-xs);
-  --_iui-button-padding-block:var(--iui-size-2xs);
-  --_iui-button-padding-inline:var(--iui-size-m);
-  --_iui-button-min-height:var(--iui-component-height);
-  --_iui-button-padding-inline:var(--iui-size-xs);
-}
-.iui-table-paginator-page-button:focus-visible{
-  outline:1px solid var(--iui-color-border-accent);
-  outline-offset:-1px;
-}
-@supports not selector(*:focus-visible){
-  .iui-table-paginator-page-button:focus{
-    outline:1px solid var(--iui-color-border-accent);
-    outline-offset:-1px;
-  }
-}
-.iui-table-paginator-page-button:where(:hover, :active){
-  --_iui-button-text-color:var(--iui-color-text-hover);
-  --_iui-button-background-color:var(--iui-color-background-transparent-hover);
-  --_iui-button-icon-fill:var(--iui-color-icon-hover);
-}
-.iui-table-paginator-page-button:where(:focus){
-  outline-offset:-1px;
-  outline-width:1px;
-}
-.iui-table-paginator-page-button:where([disabled], :disabled, [aria-disabled="true"]){
-  --_iui-button-text-color:var(--iui-color-text-disabled);
-  --_iui-button-background-color:transparent;
-  --_iui-button-border-color:transparent;
-  --_iui-button-icon-fill:var(--iui-color-icon-disabled);
-}
-.iui-table-paginator-page-button-small{
-  --_iui-button-gap:var(--iui-size-2xs);
-  --_iui-button-padding-block:0;
-  --_iui-button-padding-inline:var(--iui-size-xs);
-  --_iui-button-min-height:var(--iui-component-height-small);
-}
-.iui-table-paginator-page-button[data-iui-active=true]{
-  --_iui-button-active-stripe-inset:initial;
-  --_iui-button-active-stripe-background:var(--iui-color-border-accent);
-  --_iui-button-text-color:var(--iui-color-text-accent);
-  --_iui-button-icon-fill:var(--iui-color-text-accent);
-  --_iui-button-background-color:var(--iui-color-background-accent-muted);
-  --_iui-button-background-color:hsl(var(--iui-color-accent-hsl) / var(--iui-opacity-6));
-  --_iui-button-active-stripe-inset:calc(100% - var(--iui-size-2xs)) var(--iui-size-3xs) var(--iui-size-3xs);
-}
-.iui-table-paginator-page-button[data-iui-active=true]::after{
-  content:"";
-  position:absolute;
-  inset:var(--_iui-button-active-stripe-inset);
-  background:var(--_iui-button-active-stripe-background);
-}
-.iui-table-paginator-page-button[data-iui-active=true][disabled], .iui-table-paginator-page-button[data-iui-active=true]:disabled, .iui-table-paginator-page-button[data-iui-active=true][aria-disabled=true]{
-  --_iui-button-active-stripe-background:var(--iui-color-icon-disabled);
-  --_iui-button-text-color:var(--iui-color-text-disabled);
-  --_iui-button-icon-fill:var(--iui-color-icon-disabled);
-}
-
-.iui-table-column-filter{
-  --iui-surface-background-color:var(--iui-color-background);
-  --iui-surface-border-color:var(--iui-color-border-subtle);
-  --iui-surface-border-radius:var(--iui-border-radius-1);
-  --iui-surface-elevation:var(--iui-shadow-1);
-  background-color:var(--iui-surface-background-color);
-  border:1px solid var(--iui-surface-border-color);
-  border-radius:var(--iui-surface-border-radius);
-  box-shadow:var(--iui-surface-elevation);
-  color:var(--iui-color-text);
-  padding:var(--iui-size-s) var(--iui-size-s);
-  display:inline-flex;
-  flex-direction:column;
-  align-items:flex-end;
-}
-.iui-table-column-filter > .iui-input-container:not(.iui-inline-label){
-  width:100%;
-}
-.iui-table-column-filter > .iui-input-container,
-.iui-table-column-filter > .iui-input{
-  margin-bottom:var(--iui-size-s);
-}
-.iui-table-column-filter > .iui-button-bar{
-  display:flex;
-  width:100%;
-  align-content:center;
-  gap:var(--iui-size-xs);
-}
-.iui-table-column-filter > .iui-button-bar > .iui-button:first-of-type{
-  margin-left:auto;
-}
+.iui-table{vertical-align:baseline;isolation:isolate;--_iui-table-header-size:calc(var(--iui-size-s)*5);--_iui-table-row-size:calc(var(--iui-size-s)*5 + 2px);border:none;flex-direction:column;margin:0;padding:0;display:flex}.iui-table .iui-table-cell-end-icon,.iui-table .iui-table-cell-start-icon{fill:var(--_iui-table-cell-icon-fill);flex-shrink:0;justify-content:center;align-items:center;display:flex}.iui-table .iui-table-cell-end-icon svg:not(.iui-radial),.iui-table .iui-table-cell-start-icon svg:not(.iui-radial){width:var(--iui-size-m);height:var(--iui-size-m);flex-shrink:0;display:flex}.iui-table .iui-table-cell-start-icon{margin-right:var(--iui-size-xs)}.iui-table .iui-table-cell-end-icon{width:var(--iui-size-l);height:var(--iui-size-l);margin-right:var(--iui-size-s);margin-left:auto}.iui-table[data-iui-size=condensed]{--_iui-table-header-size:calc(var(--iui-size-s)*4);--_iui-table-row-size:calc(var(--iui-size-s)*4 + 2px)}.iui-table[data-iui-size=extra-condensed]{--_iui-table-header-size:calc(var(--iui-size-s)*3);--_iui-table-row-size:calc(var(--iui-size-s)*3 + 2px)}.iui-table[data-iui-size=extra-condensed] .iui-table-header .iui-table-cell{padding-block:calc(var(--iui-size-s)*.25)}.iui-table .iui-table-header,.iui-table .iui-table-paginator{min-height:var(--_iui-table-header-size)}.iui-table .iui-table-body .iui-table-cell{min-height:var(--_iui-table-row-size)}.iui-table-header-wrapper{border-top-left-radius:var(--iui-border-radius-1);border-top-right-radius:var(--iui-border-radius-1);flex-shrink:0;display:flex;overflow:hidden}@supports not (overflow: overlay){.iui-table-header-wrapper{overflow-y:scroll}}.iui-table-header{-webkit-user-select:none;user-select:none;min-width:100%;font-weight:var(--iui-font-weight-semibold);border-bottom:1px solid var(--iui-color-border);flex-shrink:0;display:flex}.iui-table-header .iui-table-cell{background-color:var(--iui-color-background)}.iui-table-header .iui-table-cell:not(.iui-slot){column-gap:var(--iui-size-2xs);padding-block:calc(var(--iui-size-s)*.5)}.iui-table-header .iui-table-cell:not(.iui-slot):focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){.iui-table-header .iui-table-cell:not(.iui-slot):focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}.iui-table-header .iui-table-cell:not(.iui-slot).iui-actionable{cursor:pointer}.iui-table-header .iui-table-cell:not(.iui-slot).iui-grabbing{cursor:grabbing}.iui-table-header .iui-table-cell:not(.iui-slot) .iui-table-filter-button:not([data-iui-active=true]){opacity:0}.iui-table-header .iui-table-cell:not(.iui-slot)>.iui-table-resizer{height:100%;width:var(--iui-size-m);touch-action:none;cursor:ew-resize;z-index:1;opacity:0;position:absolute;top:0;right:0;transform:translate(50%)}.iui-table-header .iui-table-cell:not(.iui-slot)>.iui-table-resizer>.iui-table-resizer-bar{height:100%;width:var(--iui-size-3xs);transition:background-color var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out;background-color:var(--iui-color-border);margin:0 auto}.iui-table-header .iui-table-cell:not(.iui-slot)>.iui-table-resizer:hover>.iui-table-resizer-bar{width:var(--iui-size-2xs);background-color:var(--iui-color-border-accent)}.iui-table-header .iui-table-cell:not(.iui-slot):hover>.iui-table-resizer{opacity:1}.iui-table-header .iui-table-cell:not(.iui-slot):hover,.iui-table-header .iui-table-cell:not(.iui-slot):focus,.iui-table-header .iui-table-cell:not(.iui-slot):focus-within{background-color:var(--iui-color-background-hover)}.iui-table-header .iui-table-cell:not(.iui-slot):hover .iui-table-sort,.iui-table-header .iui-table-cell:not(.iui-slot):hover .iui-table-filter-button,.iui-table-header .iui-table-cell:not(.iui-slot):focus .iui-table-sort,.iui-table-header .iui-table-cell:not(.iui-slot):focus .iui-table-filter-button,.iui-table-header .iui-table-cell:not(.iui-slot):focus-within .iui-table-sort,.iui-table-header .iui-table-cell:not(.iui-slot):focus-within .iui-table-filter-button{opacity:1}.iui-table-header .iui-table-reorder-bar{height:100%;width:var(--iui-size-3xs);position:absolute}.iui-table-header .iui-table-reorder-column-right>.iui-table-reorder-bar{right:0}.iui-table-header .iui-table-reorder-column-left>.iui-table-reorder-bar{left:0}.iui-table-header .iui-table-reorder-column-left>.iui-table-reorder-bar,.iui-table-header .iui-table-reorder-column-right>.iui-table-reorder-bar{background-color:var(--iui-color-border-accent)}.iui-table-header .iui-table-sort{opacity:0;fill:var(--iui-color-icon-muted)}.iui-table-header .iui-sorted{background-color:var(--iui-color-background-hover)}.iui-table-header .iui-sorted .iui-table-sort{opacity:1;fill:var(--iui-color-icon)}.iui-table-row{--_iui-table-cell-icon-fill:var(--iui-color-icon-muted);min-width:100%;display:flex}.iui-table-row:last-of-type{border-radius:inherit}.iui-table-header .iui-table-row{flex-grow:1}.iui-table-body .iui-table-row .iui-table-cell{border-top:1px solid #0000;border-bottom:1px solid #0000;border-bottom-color:var(--iui-color-border);background-color:var(--iui-color-background);transition:border var(--iui-duration-1)ease-out}.iui-table-body .iui-table-row>.iui-slot>.iui-table-more-options{opacity:0}.iui-table-body .iui-table-row:where(:hover,:focus-within)>.iui-slot>.iui-table-more-options{opacity:1}.iui-table-body .iui-table-row:where(:hover:not(.iui-loading):not([aria-disabled=true])) .iui-table-cell{background-color:var(--iui-color-background-hover)}@media (prefers-reduced-motion:no-preference){.iui-table-body .iui-table-row .iui-table-row-expander>.iui-button-icon{transition:transform var(--iui-duration-1)ease-out}}.iui-table-body .iui-table-row.iui-table-row-expanded{overflow:hidden}.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-cell{border-left-color:var(--iui-color-border);border-right-color:var(--iui-color-border);border-bottom-color:#0000}.iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-row-expander>.iui-button-icon{transform:rotate(90deg)}.iui-table-body .iui-table-row.iui-table-row-expanded+.iui-table-expanded-content{border-left-color:var(--iui-color-border);border-right-color:var(--iui-color-border)}.iui-table-body .iui-table-row.iui-table-expanded-content{border-left:1px solid #0000;border-right:1px solid #0000;border-bottom:1px solid var(--iui-color-border);overflow:hidden}.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter{opacity:0}.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active{opacity:1}@media (prefers-reduced-motion:no-preference){.iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit{opacity:1}.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active{opacity:0}@media (prefers-reduced-motion:no-preference){.iui-table-body .iui-table-row.iui-table-expanded-content.iui-exit-active{transition:opacity var(--iui-duration-1)ease-out,width var(--iui-duration-1)ease-out,height var(--iui-duration-1)ease-out}}.iui-table-body .iui-table-row:not([aria-selected=true])+[aria-selected=true] .iui-table-cell,.iui-table-body .iui-table-row[aria-selected=true]:first-child .iui-table-cell{border-bottom-color:#0000}.iui-table-body .iui-table-row[aria-selected=true] .iui-table-cell{border-color:var(--iui-color-border-accent);background-color:var(--iui-color-background-accent-muted)}.iui-table-body .iui-table-row[aria-selected=true]+[aria-selected=true] .iui-table-cell{border-bottom-color:#0000;border-top-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-4))}.iui-table-body .iui-table-row[aria-selected=true]:last-child .iui-table-cell{border-bottom-color:var(--iui-color-border-accent)}.iui-table-body .iui-table-row[aria-selected=true]+:not([aria-selected=true]) .iui-table-cell,.iui-table-body .iui-table-row[aria-selected=true]+.iui-table-expanded-content+.iui-table-row:not([aria-selected=true]) .iui-table-cell{border-top-color:var(--iui-color-border-accent)}.iui-table-body .iui-table-row[aria-selected=true]+.iui-table-expanded-content{border-color:transparent var(--iui-color-border-accent)}.iui-table-body .iui-table-row[aria-selected=true]+.iui-table-expanded-content:last-child{border-bottom-color:var(--iui-color-border-accent)}.iui-table-body .iui-table-row.iui-new{font-weight:var(--iui-font-weight-semibold)}.iui-table-body .iui-table-row.iui-new>.iui-main-column:before{content:"•";font-size:var(--iui-font-size-4);color:var(--iui-color-icon-positive);position:absolute;left:0}.iui-table-body .iui-table-row.iui-loading,.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true],.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true]{--_iui-table-cell-icon-fill:var(--iui-color-icon-muted);--_iui-table-cell-image-filter:grayscale(100%);color:var(--iui-color-text-disabled)}.iui-table-body .iui-table-row.iui-loading img,.iui-table-body .iui-table-row.iui-loading svg:not(.iui-radial),.iui-table-body .iui-table-row.iui-loading .iui-avatar,.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] img,.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] svg:not(.iui-radial),.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true] .iui-avatar,.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] img,.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] svg:not(.iui-radial),.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true] .iui-avatar{filter:var(--_iui-table-cell-image-filter)}.iui-table-body .iui-table-row.iui-loading{font-style:italic}.iui-table-body .iui-table-row.iui-loading,.iui-table-body .iui-table-row.iui-loading .iui-checkbox{cursor:progress}.iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true],.iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true]{cursor:not-allowed}.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type,.iui-table-body .iui-table-row[data-iui-status=positive]+.iui-table-expanded-content{box-shadow:inset var(--iui-size-2xs)0 0 0 var(--iui-color-border-positive)}.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type::selection,.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type ::selection,.iui-table-body .iui-table-row[data-iui-status=positive]+.iui-table-expanded-content::selection,.iui-table-body .iui-table-row[data-iui-status=positive]+.iui-table-expanded-content ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-positive)}.iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{--_iui-table-cell-image-filter:none}.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,.iui-table-body .iui-table-row[data-iui-status=warning]+.iui-table-expanded-content{box-shadow:inset var(--iui-size-2xs)0 0 0 var(--iui-color-border-warning)}.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type::selection,.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type ::selection,.iui-table-body .iui-table-row[data-iui-status=warning]+.iui-table-expanded-content::selection,.iui-table-body .iui-table-row[data-iui-status=warning]+.iui-table-expanded-content ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-warning)}.iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{--_iui-table-cell-image-filter:none}.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,.iui-table-body .iui-table-row[data-iui-status=negative]+.iui-table-expanded-content{box-shadow:inset var(--iui-size-2xs)0 0 0 var(--iui-color-border-negative)}.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type::selection,.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type ::selection,.iui-table-body .iui-table-row[data-iui-status=negative]+.iui-table-expanded-content::selection,.iui-table-body .iui-table-row[data-iui-status=negative]+.iui-table-expanded-content ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon{--_iui-table-cell-icon-fill:var(--iui-color-icon-negative)}.iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{--_iui-table-cell-image-filter:none}.iui-table-header-actions-container{margin-right:var(--iui-size-s);flex-wrap:wrap;flex-grow:1;justify-content:flex-end;align-items:center;display:flex}.iui-table-header-actions-container .iui-table-cell-end-icon{width:28px;height:28px;margin-right:initial;margin-left:auto}.iui-table-body{overflow-y:scroll;overflow:overlay;background-color:var(--iui-color-background);flex-direction:column;flex-grow:1;align-items:flex-start;display:flex}.iui-table-body.iui-scroll-snapping{scroll-snap-type:y mandatory}.iui-table-body.iui-scroll-snapping .iui-table-row{scroll-snap-align:start none}.iui-table-body:last-child{border-bottom-left-radius:var(--iui-border-radius-1);border-bottom-right-radius:var(--iui-border-radius-1)}.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(2n):not([aria-selected=true]) .iui-table-cell{background-color:var(--iui-color-background-zebra)}.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(2n):not([aria-selected=true]):hover .iui-table-cell{background-color:var(--iui-color-background-hover)}.iui-table-body>.iui-table-empty{text-align:center;padding:var(--iui-size-xl);color:var(--iui-color-text-muted);background-color:var(--iui-color-background);flex-direction:column;flex-grow:1;justify-content:center;align-self:center;align-items:center;display:flex}.iui-table-cell{min-width:var(--iui-size-2xl);padding-left:var(--iui-size-m);flex-grow:1;flex-basis:var(--iui-size-2xl);word-break:break-word;align-items:center;display:flex;position:relative}.iui-table-cell:first-of-type{border-bottom-left-radius:inherit;border-left:1px solid #0000}.iui-table-cell:last-of-type{border-right:1px solid #0000}.iui-table-cell.iui-slot{width:calc(var(--iui-size-l)*2);min-width:0;flex-grow:0;flex-basis:calc(var(--iui-size-l)*2);justify-content:center;align-items:center;padding:0;display:flex}.iui-table-cell.iui-table-cell-sticky{z-index:1;left:var(--iui-table-sticky-left,initial);right:var(--iui-table-sticky-right,initial);position:sticky}.iui-table-cell:not(.iui-slot):last-child{padding-right:var(--iui-size-m)}.iui-table-cell[data-iui-status=positive]::selection,.iui-table-cell[data-iui-status=positive] ::selection{background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5))}.iui-table-cell[data-iui-status=positive]:before{content:"";background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-6));position:absolute;top:0;bottom:0;left:0;right:0}.iui-table-cell[data-iui-status=warning]::selection,.iui-table-cell[data-iui-status=warning] ::selection{background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5))}.iui-table-cell[data-iui-status=warning]:before{content:"";background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-6));position:absolute;top:0;bottom:0;left:0;right:0}.iui-table-cell[data-iui-status=negative]::selection,.iui-table-cell[data-iui-status=negative] ::selection{background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5))}.iui-table-cell[data-iui-status=negative]:before{content:"";background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-6));position:absolute;top:0;bottom:0;left:0;right:0}.iui-table-cell[contenteditable]{outline-offset:-1px}.iui-table-cell[contenteditable]:hover{outline:1px solid var(--iui-color-border-accent)}.iui-table-cell[contenteditable]:focus{background-color:var(--iui-color-background);outline:1px solid var(--iui-color-text-accent)}.iui-table-cell-shadow-left{width:var(--iui-size-l);pointer-events:none;box-shadow:inset -10px 0 5px -10px var(--iui-shadow-color);position:absolute;top:-1px;bottom:-1px;left:0;transform:translate(-100%)}.iui-table-header .iui-table-cell-shadow-left{top:0;bottom:0}.iui-table-cell-shadow-right{width:var(--iui-size-l);pointer-events:none;box-shadow:inset 10px 0 5px -10px var(--iui-shadow-color);position:absolute;top:-1px;bottom:-1px;right:0;transform:translate(100%)}.iui-table-header .iui-table-cell-shadow-right{top:0;bottom:0}.iui-table-paginator{vertical-align:baseline;padding:0;padding:0 var(--iui-size-m);-webkit-user-select:none;user-select:none;background-color:var(--iui-color-background);border-bottom-left-radius:var(--iui-border-radius-1);border-bottom-right-radius:var(--iui-border-radius-1);border:none;border-top:1px solid var(--iui-color-border);justify-content:space-between;align-items:center;margin:0;display:flex}.iui-table-paginator>.iui-left,.iui-table-paginator>.iui-center,.iui-table-paginator>.iui-right{min-width:0;flex:1;align-items:center;display:flex;position:relative}.iui-table-paginator>.iui-center{color:var(--iui-color-text);flex:2;justify-content:center}.iui-table-paginator>.iui-right{justify-content:flex-end}.iui-table-paginator-page-size-label{color:var(--iui-color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.iui-table-paginator-ellipsis{padding-inline:var(--iui-size-xs);justify-content:center;align-items:center;display:flex}.iui-table-paginator-ellipsis-small{padding-inline:var(--iui-size-2xs)}.iui-table-paginator-pages-group{margin:0 var(--iui-size-xs);align-items:center;display:inline-flex}.iui-table-paginator-page-button{vertical-align:baseline;vertical-align:middle;border-radius:var(--iui-border-radius-1);font-family:inherit;line-height:1.2;font-size:var(--iui-font-size-1);font-weight:var(--iui-font-weight-normal);-webkit-user-select:none;user-select:none;cursor:pointer;white-space:nowrap;border:none;border:1px solid var(--_iui-button-border-color);background:var(--_iui-button-background-color);color:var(--_iui-button-text-color);justify-content:center;align-items:center;gap:var(--_iui-button-gap);min-height:var(--_iui-button-min-height);min-width:var(--_iui-button-min-height);padding:0;padding-block:var(--_iui-button-padding-block);padding-inline:var(--_iui-button-padding-inline);transition:background-color var(--iui-duration-1)ease-out,border-color var(--iui-duration-1)ease-out;-webkit-tap-highlight-color:transparent;--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);--_iui-button-min-height:var(--iui-component-height);--_iui-button-text-color:var(--iui-color-text);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon);--_iui-button-gap:var(--iui-size-xs);--_iui-button-padding-block:var(--iui-size-2xs);--_iui-button-padding-inline:var(--iui-size-m);--_iui-button-min-height:var(--iui-component-height);--_iui-button-padding-inline:var(--iui-size-xs);flex-shrink:0;margin:0;text-decoration:none;display:inline-flex;position:relative}.iui-table-paginator-page-button:focus-visible{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}@supports not selector(*:focus-visible){.iui-table-paginator-page-button:focus{outline:1px solid var(--iui-color-border-accent);outline-offset:-1px}}.iui-table-paginator-page-button:where(:hover,:active){--_iui-button-text-color:var(--iui-color-text-hover);--_iui-button-background-color:var(--iui-color-background-transparent-hover);--_iui-button-icon-fill:var(--iui-color-icon-hover)}.iui-table-paginator-page-button:where(:focus){outline-offset:-1px;outline-width:1px}.iui-table-paginator-page-button:where([disabled],:disabled,[aria-disabled=true]){--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-background-color:transparent;--_iui-button-border-color:transparent;--_iui-button-icon-fill:var(--iui-color-icon-disabled)}.iui-table-paginator-page-button-small{--_iui-button-gap:var(--iui-size-2xs);--_iui-button-padding-block:0;--_iui-button-padding-inline:var(--iui-size-xs);--_iui-button-min-height:var(--iui-component-height-small)}.iui-table-paginator-page-button[data-iui-active=true]{--_iui-button-active-stripe-inset:initial;--_iui-button-active-stripe-background:var(--iui-color-border-accent);--_iui-button-text-color:var(--iui-color-text-accent);--_iui-button-icon-fill:var(--iui-color-text-accent);--_iui-button-background-color:var(--iui-color-background-accent-muted);--_iui-button-background-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-6));--_iui-button-active-stripe-inset:calc(100% - var(--iui-size-2xs))var(--iui-size-3xs)var(--iui-size-3xs)}.iui-table-paginator-page-button[data-iui-active=true]:after{content:"";inset:var(--_iui-button-active-stripe-inset);background:var(--_iui-button-active-stripe-background);position:absolute}.iui-table-paginator-page-button[data-iui-active=true][disabled],.iui-table-paginator-page-button[data-iui-active=true]:disabled,.iui-table-paginator-page-button[data-iui-active=true][aria-disabled=true]{--_iui-button-active-stripe-background:var(--iui-color-icon-disabled);--_iui-button-text-color:var(--iui-color-text-disabled);--_iui-button-icon-fill:var(--iui-color-icon-disabled)}.iui-table-column-filter{--iui-surface-background-color:var(--iui-color-background);--iui-surface-border-color:var(--iui-color-border-subtle);--iui-surface-border-radius:var(--iui-border-radius-1);--iui-surface-elevation:var(--iui-shadow-1);background-color:var(--iui-surface-background-color);border:1px solid var(--iui-surface-border-color);border-radius:var(--iui-surface-border-radius);box-shadow:var(--iui-surface-elevation);color:var(--iui-color-text);padding:var(--iui-size-s)var(--iui-size-s);flex-direction:column;align-items:flex-end;display:inline-flex}.iui-table-column-filter>.iui-input-container:not(.iui-inline-label){width:100%}.iui-table-column-filter>.iui-input-container,.iui-table-column-filter>.iui-input{margin-bottom:var(--iui-size-s)}.iui-table-column-filter>.iui-button-bar{width:100%;align-content:center;gap:var(--iui-size-xs);display:flex}.iui-table-column-filter>.iui-button-bar>.iui-button:first-of-type{margin-left:auto}