@layer unstyled-web-components {
  uwc-table {
    display: grid;
    overflow: auto;
    max-height: 500px;

    &:not(:defined) {
      display: none;
    }

    uwc-tr {
      display: grid;
      grid-template-columns: subgrid;
      grid-auto-flow: dense;
      grid-column: 1 / -1;

      &:not(.visible) {
        contain: strict;
        content-visibility: auto;
        contain-intrinsic-size: auto 20px;
      }

      uwc-td,
      uwc-th {
        position: relative;
        overflow: hidden;

        div.resize-handle {
          height: 100%;
          width: 3px;
          cursor: ew-resize;
          position: absolute;
          right: 0;
          top: 0;
        }
      }
    }
  }
}