@shopify/polaris/build/esnext/components/DataTable/DataTable.out.css

Shopify’s admin product component library

.Polaris-DataTable_1pikz{
  --pc-data-table-first-column-width:9.0625rem;
  position:relative;
  max-width:100vw;
  background-color:var(--p-color-bg-surface);
  border-radius:0;
  overflow:hidden;
}

@media (min-width: 30.625em){

.Polaris-DataTable_1pikz{
    border-radius:var(--p-border-radius-300);
}
  }

.Polaris-DataTable--condensed_b60cb .Polaris-DataTable__Navigation_1ajsq{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:var(--p-space-400) var(--p-space-300);
  }

@media (min-width: 48em){

.Polaris-DataTable--condensed_b60cb .Polaris-DataTable__Navigation_1ajsq{
      justify-content:flex-end;
  }
    }

.Polaris-DataTable__Navigation_1ajsq{
  display:none;
}

.Polaris-DataTable__Pip_375sr{
  height:0.375rem;
  width:0.375rem;
  background:var(--p-color-icon-secondary);
  border-radius:var(--p-border-radius-100);
}

.Polaris-DataTable__Pip_375sr:not(:last-of-type){
    margin-right:var(--p-space-100);
  }

.Polaris-DataTable__Pip_375sr:first-of-type{
    margin-left:var(--p-space-100);
  }

.Polaris-DataTable__Pip_375sr:last-of-type{
    margin-right:var(--p-space-100);
  }

.Polaris-DataTable__Pip--visible_1sajm{
  background:var(--p-color-icon);
}

.Polaris-DataTable__ScrollContainer_lf5n1{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
  background-color:inherit;
}

.Polaris-DataTable__Table_2qj3m{
  width:100%;
  border-spacing:0;
}

.Polaris-DataTable__TableRow_1a85o + .Polaris-DataTable__TableRow_1a85o .Polaris-DataTable__Cell_yixs7{
    border-top:var(--p-border-width-025) solid var(--p-color-border-secondary);
  }

.Polaris-DataTable__Cell_yixs7{
  font-weight:var(--p-font-weight-regular);
  color:var(--p-color-text);
  white-space:nowrap;
  text-align:left;
  transition:background-color var(--p-motion-duration-200) var(--p-motion-ease-in-out);

  padding:var(--p-space-200) var(--p-space-150);
}

.Polaris-DataTable__Cell_yixs7:first-child{
    padding-left:var(--p-space-300);
  }

.Polaris-DataTable__Cell_yixs7:last-child{
    padding-right:var(--p-space-300);
  }

.Polaris-DataTable__IncreasedTableDensity_vzwx6 .Polaris-DataTable__Cell_yixs7{
    padding:var(--p-space-150);
  }

.Polaris-DataTable__IncreasedTableDensity_vzwx6 .Polaris-DataTable__Cell_yixs7:first-child{
      padding-left:var(--p-space-300);
    }

.Polaris-DataTable__IncreasedTableDensity_vzwx6 .Polaris-DataTable__Cell_yixs7:last-child{
      padding-right:var(--p-space-300);
    }

.Polaris-DataTable__ZebraStripingOnData_nd99o .Polaris-DataTable__TableRow_1a85o:nth-child(2n + 1) .Polaris-DataTable__Cell_yixs7,
  .Polaris-DataTable__ZebraStripingOnData_nd99o.Polaris-DataTable__RowCountIsEven_1i22x .Polaris-DataTable__TableRow_1a85o:nth-child(2n) .Polaris-DataTable__Cell_yixs7,
  .Polaris-DataTable__ZebraStripingOnData_nd99o.Polaris-DataTable__ShowTotalsInFooter_194e2 .Polaris-DataTable__TableRow_1a85o:nth-child(2n) .Polaris-DataTable__Cell_yixs7,
  .Polaris-DataTable__ZebraStripingOnData_nd99o.Polaris-DataTable__ShowTotalsInFooter_194e2.Polaris-DataTable__RowCountIsEven_1i22x .Polaris-DataTable__TableRow_1a85o:nth-child(2n + 1) .Polaris-DataTable__Cell_yixs7{
    background:none;
  }

.Polaris-DataTable__ZebraStripingOnData_nd99o .Polaris-DataTable__TableRow_1a85o:nth-child(2n) .Polaris-DataTable__Cell_yixs7,
  .Polaris-DataTable__ZebraStripingOnData_nd99o.Polaris-DataTable__RowCountIsEven_1i22x .Polaris-DataTable__TableRow_1a85o:nth-child(2n + 1) .Polaris-DataTable__Cell_yixs7,
  .Polaris-DataTable__ZebraStripingOnData_nd99o.Polaris-DataTable__ShowTotalsInFooter_194e2 .Polaris-DataTable__TableRow_1a85o:nth-child(2n + 1) .Polaris-DataTable__Cell_yixs7,
  .Polaris-DataTable__ZebraStripingOnData_nd99o.Polaris-DataTable__ShowTotalsInFooter_194e2.Polaris-DataTable__RowCountIsEven_1i22x .Polaris-DataTable__TableRow_1a85o:nth-child(2n) .Polaris-DataTable__Cell_yixs7{
    background:var(--p-color-bg-surface-secondary);
  }

.Polaris-DataTable__Cell--separate_hpa9n::after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  border-right:var(--p-border-width-025) solid var(--p-color-border);
}

.Polaris-DataTable__Cell--firstColumn_2o4gk{
  text-align:left;
  white-space:normal;
}

.Polaris-DataTable__Cell--numeric_1ld9f{
  text-align:right;
}

.Polaris-DataTable__Cell--truncated_1chsk{
  white-space:nowrap;
  overflow-x:hidden;
  text-overflow:ellipsis;
  max-width:var(--pc-data-table-first-column-width);
}

.Polaris-DataTable__Cell--header_sv8he{
  font-weight:var(--p-font-weight-regular);
  color:var(--p-color-text);
  border-bottom:var(--p-border-width-025) solid var(--p-color-border);
  border-top:0;
  padding-top:var(--p-space-300);
  padding-bottom:var(--p-space-300);
}

.Polaris-DataTable__IncreasedTableDensity_vzwx6 .Polaris-DataTable__Cell--header_sv8he{
    font-weight:var(--p-font-weight-regular);
  }

.Polaris-DataTable__Cell--sortable_yf7r1{
  padding:0;
}

.Polaris-DataTable__Cell--sortable_yf7r1:first-child{
    padding-left:var(--p-space-200);
  }

.Polaris-DataTable__Cell--sortable_yf7r1:last-child{
    padding-right:var(--p-space-200);
  }

.Polaris-DataTable__IncreasedTableDensity_vzwx6 .Polaris-DataTable__Cell--sortable_yf7r1{
    padding:0;
  }

.Polaris-DataTable__IncreasedTableDensity_vzwx6 .Polaris-DataTable__Cell--sortable_yf7r1:first-child{
      padding-left:var(--p-space-200);
    }

.Polaris-DataTable__IncreasedTableDensity_vzwx6 .Polaris-DataTable__Cell--sortable_yf7r1:last-child{
      padding-right:var(--p-space-200);
    }

.Polaris-DataTable__IncreasedTableDensity_vzwx6 .Polaris-DataTable__Cell--sortable_yf7r1 .Polaris-DataTable__Heading--left_au11s{
    padding-right:0;
    padding-left:var(--p-space-100);
  }

.Polaris-DataTable__Cell--verticalAlignTop_1042b{
  vertical-align:top;
}

.Polaris-DataTable__Cell--verticalAlignBottom_1dkyy{
  vertical-align:bottom;
}

.Polaris-DataTable__Cell--verticalAlignMiddle_mmoue{
  vertical-align:middle;
}

.Polaris-DataTable__Cell--verticalAlignBaseline_sl0em{
  vertical-align:baseline;
}

@media (min-width: 48em){

.Polaris-DataTable--hoverable_1q7x3 .Polaris-DataTable__Cell--hovered_9057w{
      background:var(--p-color-bg-surface-hover);
  }
    }

.Polaris-DataTable__Icon_yj27d{
  display:flex;
  align-self:flex-end;
  opacity:0;
  transition:opacity var(--p-motion-duration-200) var(--p-motion-ease);
}

.Polaris-DataTable__Heading_1brcv{
  -webkit-appearance:none;
          appearance:none;
  margin:0;
  padding:0;
  background:none;
  border:none;
  font-size:inherit;
  line-height:inherit;
  color:inherit;
  cursor:pointer;
  position: relative;
  position:relative;
  display:inline-flex;
  justify-content:flex-end;
  align-items:baseline;
  color:var(--p-color-text);
  transition:color var(--p-motion-duration-200) var(--p-motion-ease);
  cursor:pointer;
  margin:0.1875rem;
  padding:0.5625rem 0.1875rem;
}

.Polaris-DataTable__Heading_1brcv:focus{
    outline:none;
  }

.Polaris-DataTable__Heading_1brcv::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: -0.0625rem;
  right: -0.0625rem;
  bottom: -0.0625rem;
  left: -0.0625rem;
  display: block;
  pointer-events: none;
  box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus);
  border-radius: var(--p-border-radius-100);
}

.Polaris-DataTable__Heading_1brcv svg{
    fill:var(--p-color-icon-disabled);
  }

.Polaris-DataTable__StickyHeaderEnabled_m2nwm [data-sticky-active] .Polaris-DataTable__Heading_1brcv{
    visibility:hidden;
  }

.Polaris-DataTable__StickyHeaderEnabled_m2nwm [data-sticky-active] .Polaris-DataTable__StickyHeaderWrapper_sydbc .Polaris-DataTable__Heading_1brcv{
    visibility:visible;
  }

.Polaris-DataTable__IncreasedTableDensity_vzwx6 .Polaris-DataTable__Heading_1brcv{
    margin:0.1875rem;
    padding:0.1875rem;
  }

.Polaris-DataTable__Heading_1brcv:hover .Polaris-DataTable__Icon_yj27d{
      opacity:1;
    }

.Polaris-DataTable__Heading_1brcv:focus-visible:not(:active)::after {
  box-shadow: 0 0 0 0.125rem var(--p-color-border-focus);
  outline: var(--p-border-width-025) solid transparent;
}

.Polaris-DataTable__Heading_1brcv:focus-visible:not(:active) .Polaris-DataTable__Icon_yj27d{
      opacity:1;
    }

.Polaris-DataTable__Heading_1brcv:focus-visible:not(:active) .Polaris-DataTable__Icon_yj27d svg{
        fill:var(--p-color-icon-disabled);
      }

.Polaris-DataTable__Heading--left_au11s{
  justify-content:flex-start;
  flex-direction:row-reverse;
}

.Polaris-DataTable__Cell--sorted_ea2kb .Polaris-DataTable__Icon_yj27d{
    opacity:1;
  }

.Polaris-DataTable__Cell--sorted_ea2kb .Polaris-DataTable__Icon_yj27d svg{
      fill:var(--p-color-icon);
    }

.Polaris-DataTable__Cell--sorted_ea2kb:hover svg{
    fill:var(--p-color-icon);
  }

.Polaris-DataTable__Cell--sorted_ea2kb .Polaris-DataTable__Heading_1brcv:focus:not(:active) svg{
      fill:var(--p-color-icon);
    }

.Polaris-DataTable__Cell--total_99xdh{
  font-weight:var(--p-font-weight-semibold);
  background:var(--p-color-bg-surface-secondary);
  border-bottom:var(--p-border-width-025) solid var(--p-color-border);
}

.Polaris-DataTable__ZebraStripingOnData_nd99o.Polaris-DataTable__ShowTotals_6ybi5 .Polaris-DataTable__Cell--total_99xdh{
    background:var(--p-color-bg-surface-secondary);
  }

.Polaris-DataTable__ZebraStripingOnData_nd99o.Polaris-DataTable__ShowTotals_6ybi5.Polaris-DataTable__RowCountIsEven_1i22x .Polaris-DataTable__Cell--total_99xdh,
  .Polaris-DataTable__ZebraStripingOnData_nd99o.Polaris-DataTable__ShowTotalsInFooter_194e2 .Polaris-DataTable__Cell--total_99xdh{
    background:none;
  }

.Polaris-DataTable--cellTotalFooter_1fqr9{
  border-top:var(--p-border-width-025) solid var(--p-color-border);
  border-bottom:none;
}

.Polaris-DataTable__Footer_z4ij5{
  padding:var(--p-space-200) var(--p-space-300);
  background:var(--p-color-bg-surface-secondary);
  color:var(--p-color-text-secondary);
  text-align:center;
  border-top:var(--p-border-width-025) solid var(--p-color-border);
}

.Polaris-DataTable__IncreasedTableDensity_vzwx6 .Polaris-DataTable__Footer_z4ij5{
    padding:var(--p-space-150) var(--p-space-300);
  }

.Polaris-DataTable__ZebraStripingOnData_nd99o .Polaris-DataTable__Footer_z4ij5{
    background:none;
  }

.Polaris-DataTable__StickyHeaderEnabled_m2nwm .Polaris-DataTable__StickyHeaderWrapper_sydbc{
    position:relative;
    top:0;
    left:0;
    right:0;
    visibility:hidden;
    z-index:var(--p-z-index-1);
  }

.Polaris-DataTable__StickyHeaderEnabled_m2nwm .Polaris-DataTable__StickyHeaderInner_jioiu{
    position:absolute;
    display:flex;
    flex-direction:column;
    width:100%;
    overflow:hidden;
    border-spacing:0;
  }

.Polaris-DataTable__StickyHeaderEnabled_m2nwm .Polaris-DataTable__StickyHeaderInner_jioiu:not(.Polaris-DataTable__StickyHeaderInner--isSticky_vhm15){
      top:-624.9375rem;
      left:-624.9375rem;
    }

.Polaris-DataTable__StickyHeaderEnabled_m2nwm .Polaris-DataTable__StickyHeaderTable_1n39r{
    border-collapse:collapse;
    display:block;
    overflow-x:auto;
    width:100%;
    scrollbar-width:none;
  }

.Polaris-DataTable__StickyHeaderEnabled_m2nwm .Polaris-DataTable__StickyHeaderTable_1n39r::-webkit-scrollbar{
      -webkit-appearance:none;
              appearance:none;
      height:0;
      width:0;
    }

.Polaris-DataTable__StickyHeaderEnabled_m2nwm .Polaris-DataTable__StickyHeaderTable_1n39r .Polaris-DataTable__FixedFirstColumn_1h5ss{
      bottom:0;
      top:auto;
      padding-left:var(--p-space-300);
    }

.Polaris-DataTable__StickyHeaderEnabled_m2nwm .Polaris-DataTable__StickyTableHeadingsRow_1k51s{
    background-color:var(--p-color-bg-surface);
  }

.Polaris-DataTable__StickyHeaderEnabled_m2nwm .Polaris-DataTable__StickyHeaderInner--isSticky_vhm15{
    visibility:visible;
    background-color:var(--p-color-bg-surface);
    box-shadow:var(--p-shadow-100);
  }

.Polaris-DataTable__FixedFirstColumn_1h5ss{
  position:absolute;
  background:inherit;
  z-index:3;
  border-spacing:0;
  top:0;
  left:0;
}

@media (max-width: 47.9975em){

.Polaris-DataTable__FixedFirstColumn_1h5ss{
    z-index:1;
}
  }

.Polaris-DataTable__TooltipContent_i2gfo{
  display:block;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}