@awsui/components-react/table/styles.scoped.css

AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A

._root_wih1l_5hiid_3:not(#\9){
  font-size:1.4rem;
  font-size:var(--size-font-body-100-1S0qZw, 1.4rem);
  line-height:2.2rem;
  line-height:var(--size-lineHeight-body-100-2aIKVt, 2.2rem);
  color:#16191f;
  color:var(--color-text-body-default-2ZjSsg, #16191f);
  font-weight:400;
  font-family:"Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
}

._tools_wih1l_5hiid_11:not(#\9){
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  padding:0.8rem 0 0.4rem;
  padding:var(--space-scaled-xs-19adjU, 0.8rem) 0 var(--space-scaled-xxs-wz9S8K, 0.4rem);
}
._tools-filtering_wih1l_5hiid_17:not(#\9){
  flex:1 1 0%;
  margin-right:2rem;
  margin-right:var(--space-l-3SmGmy, 2rem);
}
._tools-align-right_wih1l_5hiid_21:not(#\9){
  display:flex;
  margin-left:auto;
}
._tools-pagination_wih1l_5hiid_25 + ._tools-preferences_wih1l_5hiid_25:not(#\9){
  border-left:1px solid #eaeded;
  border-left:1px solid var(--color-border-divider-default-p5fVsz, #eaeded);
  box-sizing:border-box;
  margin-left:0.8rem;
  margin-left:var(--space-xs-qJuxzO, 0.8rem);
  padding-left:0.8rem;
  padding-left:var(--space-xs-qJuxzO, 0.8rem);
}
._tools-small_wih1l_5hiid_31 > ._tools-filtering_wih1l_5hiid_17:not(#\9){
  margin-right:0;
  margin-bottom:0.8rem;
  margin-bottom:var(--space-scaled-xs-19adjU, 0.8rem);
  flex-basis:100%;
}

._table_wih1l_5hiid_37:not(#\9){
  width:100%;
  border-spacing:0;
}
._table-layout-fixed_wih1l_5hiid_41:not(#\9){
  table-layout:fixed;
}

._wrapper_wih1l_5hiid_45:not(#\9){
  position:relative;
  width:100%;
  overflow-x:auto;
}

._cell_wih1l_5hiid_51:not(#\9){
  box-sizing:border-box;
  padding:0.8rem 2rem;
  padding:var(--space-scaled-xs-19adjU, 0.8rem) var(--space-scaled-l-17GFGI, 2rem);
}

._header-cell_wih1l_5hiid_56:not(#\9){
  position:relative;
  text-align:left;
  border-bottom:1px solid #eaeded;
  border-bottom:1px solid var(--color-border-divider-default-p5fVsz, #eaeded);
  background:#fafafa;
  background:var(--color-background-container-header-yKNU8Y, #fafafa);
  color:#545b64;
  color:var(--color-text-column-header-3MrzkF, #545b64);
  font-weight:bold;
  padding:0.4rem 0.8rem;
  padding:var(--space-scaled-xxs-wz9S8K, 0.4rem) var(--space-scaled-xs-19adjU, 0.8rem);
}
._header-cell-sticky_wih1l_5hiid_65:not(#\9){
  border-bottom:0;
  border-top:1px solid #eaeded;
  border-top:1px solid var(--color-border-divider-default-p5fVsz, #eaeded);
}
._header-cell_wih1l_5hiid_56:not(#\9):first-child{
  padding-left:0.8rem;
  padding-left:var(--space-xs-qJuxzO, 0.8rem);
}
._header-cell_wih1l_5hiid_56:not(#\9):last-child, ._header-cell_wih1l_5hiid_56._header-cell-sortable_wih1l_5hiid_72:not(#\9){
  padding-right:0.8rem;
  padding-right:var(--space-xs-qJuxzO, 0.8rem);
}
._header-cell_wih1l_5hiid_56:not(#\9):not(:last-child):before{
  content:"";
  position:absolute;
  right:0;
  bottom:25%;
  height:50%;
  border-left:1px solid #eaeded;
  border-left:1px solid var(--color-border-divider-default-p5fVsz, #eaeded);
  box-sizing:border-box;
}

._body-cell_wih1l_5hiid_85:not(#\9){
  border-top:1px solid transparent;
  word-wrap:break-word;
  border-bottom:1px solid #eaeded;
  border-bottom:1px solid var(--color-border-divider-default-p5fVsz, #eaeded);
}
._body-cell_wih1l_5hiid_85:not(#\9):not(._body-cell-wrap_wih1l_5hiid_90){
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
._body-cell_wih1l_5hiid_85:not(#\9):first-child{
  border-left:1px solid transparent;
  padding-left:calc(2rem - 1px);
  padding-left:calc(var(--space-l-3SmGmy, 2rem) - 1px);
}
._body-cell_wih1l_5hiid_85:not(#\9):last-child{
  border-right:1px solid transparent;
  padding-right:calc(2rem - 1px);
  padding-right:calc(var(--space-l-3SmGmy, 2rem) - 1px);
}
._row_wih1l_5hiid_103:not(#\9):last-child > ._body-cell_wih1l_5hiid_85{
  border-bottom:1px solid transparent;
}
._row_wih1l_5hiid_103._row-selected_wih1l_5hiid_106 > ._body-cell_wih1l_5hiid_85:not(#\9){
  background-color:#f1faff;
  background-color:var(--color-background-item-selected-1qprMO, #f1faff);
  border-top:1px solid #00a1c9;
  border-top:1px solid var(--color-border-item-selected-RH7L5U, #00a1c9);
  border-bottom:1px solid #00a1c9;
  border-bottom:1px solid var(--color-border-item-selected-RH7L5U, #00a1c9);
}
._row_wih1l_5hiid_103._row-selected_wih1l_5hiid_106 > ._body-cell_wih1l_5hiid_85:not(#\9):first-child{
  border-left:1px solid #00a1c9;
  border-left:1px solid var(--color-border-item-selected-RH7L5U, #00a1c9);
}
._row_wih1l_5hiid_103._row-selected_wih1l_5hiid_106 > ._body-cell_wih1l_5hiid_85:not(#\9):last-child{
  border-right:1px solid #00a1c9;
  border-right:1px solid var(--color-border-item-selected-RH7L5U, #00a1c9);
}
._row_wih1l_5hiid_103._row-selected_wih1l_5hiid_106 + ._row-selected_wih1l_5hiid_106 > ._body-cell_wih1l_5hiid_85:not(#\9){
  border-top:1px solid transparent;
}

._cell-merged_wih1l_5hiid_121:not(#\9){
  text-align:center;
  padding:0;
}
._cell-merged-content_wih1l_5hiid_125:not(#\9){
  box-sizing:border-box;
  padding:1.6rem 2rem 2rem;
  padding:var(--space-scaled-m-p3tAne, 1.6rem) var(--space-l-3SmGmy, 2rem) var(--space-scaled-l-17GFGI, 2rem);
  position:-webkit-sticky;
  position:sticky;
  left:0;
}

._empty_wih1l_5hiid_132:not(#\9){
  color:#687078;
  color:var(--color-text-empty-1UtnXw, #687078);
}

._selection-control_wih1l_5hiid_140:not(#\9){
  position:relative;
  box-sizing:border-box;
  width:5.4rem;
  max-width:5.4rem;
  min-width:5.4rem;
}
._selection-control_wih1l_5hiid_140._header-cell_wih1l_5hiid_56:not(#\9){
  padding:0.8rem 2rem;
  padding:var(--space-scaled-xs-19adjU, 0.8rem) var(--space-scaled-l-17GFGI, 2rem);
}

._sorting-icon_wih1l_5hiid_151:not(#\9){
  position:absolute;
  top:0.4rem;
  top:var(--space-scaled-xxs-wz9S8K, 0.4rem);
  right:0.4rem;
  right:var(--space-xxs-1SRICw, 0.4rem);
  color:#879596;
  color:var(--color-text-icon-caret-18f9uV, #879596);
}

._header-cell-disabled_wih1l_5hiid_158._header-cell-sorted_wih1l_5hiid_158 > ._header-cell-content_wih1l_5hiid_158 > ._sorting-icon_wih1l_5hiid_151:not(#\9){
  color:#aab7b8;
  color:var(--color-text-interactive-disabled-2xktd9, #aab7b8);
}

._header-cell-content_wih1l_5hiid_158:not(#\9){
  position:relative;
  padding:0.4rem 1.2rem;
  padding:var(--space-scaled-xxs-wz9S8K, 0.4rem) var(--space-s-3LgOeB, 1.2rem);
}
._header-cell-sortable_wih1l_5hiid_72 > ._header-cell-content_wih1l_5hiid_158:not(#\9){
  padding-right:calc(2.4rem + 0.4rem);
  padding-right:calc(var(--space-xl-ADubW1, 2.4rem) + var(--space-xxs-1SRICw, 0.4rem));
}
._header-cell-content_wih1l_5hiid_158:not(#\9):focus{
  outline:none;
  text-decoration:none;
}
._header-cell-content_wih1l_5hiid_158[data-awsui-focus-visible=true]:not(#\9):focus{
  position:relative;
}
._header-cell-content_wih1l_5hiid_158[data-awsui-focus-visible=true]:not(#\9):focus{
  outline:2px dotted transparent;
  outline-offset:calc(0px - 1px);
}
._header-cell-content_wih1l_5hiid_158[data-awsui-focus-visible=true]:not(#\9):focus::before{
  content:" ";
  display:block;
  position:absolute;
  left:0px;
  top:0px;
  width:calc(100% + 2 * 0px);
  height:calc(100% + 2 * 0px);
  border-radius:2px;
  box-shadow:0 0 0 2px #00a1c9;
  box-shadow:0 0 0 2px var(--color-border-item-focused-RH7L5U, #00a1c9);
}

._header-cell-sortable_wih1l_5hiid_72:not(#\9):not(._header-cell-disabled_wih1l_5hiid_158) > ._header-cell-content_wih1l_5hiid_158{
  cursor:pointer;
}
._header-cell-sortable_wih1l_5hiid_72:not(#\9):not(._header-cell-disabled_wih1l_5hiid_158) > ._header-cell-content_wih1l_5hiid_158:hover, ._header-cell-sortable_wih1l_5hiid_72:not(#\9):not(._header-cell-disabled_wih1l_5hiid_158)._header-cell-sorted_wih1l_5hiid_158 > ._header-cell-content_wih1l_5hiid_158{
  color:#16191f;
  color:var(--color-text-interactive-active-2ZjSsg, #16191f);
}
._header-cell-sortable_wih1l_5hiid_72:not(#\9):not(._header-cell-disabled_wih1l_5hiid_158) > ._header-cell-content_wih1l_5hiid_158:hover > ._sorting-icon_wih1l_5hiid_151, ._header-cell-sortable_wih1l_5hiid_72:not(#\9):not(._header-cell-disabled_wih1l_5hiid_158)._header-cell-sorted_wih1l_5hiid_158 > ._header-cell-content_wih1l_5hiid_158 > ._sorting-icon_wih1l_5hiid_151{
  color:#16191f;
  color:var(--color-text-interactive-active-2ZjSsg, #16191f);
}

._header-cell-text_wih1l_5hiid_207:not(#\9):not(._header-cell-text-wrap_wih1l_5hiid_207){
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

._sticky-scrollbar_wih1l_5hiid_213:not(#\9){
  height:15px;
  position:-webkit-sticky;
  position:sticky;
  display:none;
  overflow-x:auto;
  overflow-y:hidden;
  margin-top:-15px;
  bottom:0;
  width:100%;
}
._sticky-scrollbar-content_wih1l_5hiid_223:not(#\9){
  height:15px;
}
._sticky-scrollbar-visible_wih1l_5hiid_226:not(#\9){
  display:block;
}

._header-secondary_wih1l_5hiid_230:not(#\9){
  overflow:auto;
  -ms-overflow-style:none;
  scrollbar-width:none;
  width:100%;
}
._header-secondary_wih1l_5hiid_230:not(#\9)::-webkit-scrollbar{
  display:none;
}

._header-controls_wih1l_5hiid_243:not(#\9){
  padding:1.2rem 2rem;
  padding:var(--space-scaled-s-1sAHT4, 1.2rem) var(--space-l-3SmGmy, 2rem);
}