@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. selectDirect) */

.header__hXzAE {
  display: flex;
  position: sticky;
  top: 0;
  left: 0;
  height: var(--header-height);
  flex-direction: row;
}

.header_scrolled-vertical__mIp2- {
  box-shadow: 0 0 0 1px var(--click-grid-header-cell-color-stroke-default);
}

.header__scroll-area__Nok8G {
  position: relative;
  left: var(--header-scroll-area-left);
}

.header__cell__ZCE9p {
  display: flex;
  position: absolute;
  left: var(--header-cell-left);
  width: var(--header-cell-width);
  height: var(--header-cell-height);
}

.header__cell__ZCE9p:hover [data-resize] {
  background: var(--click-grid-header-cell-color-stroke-selectDirect);
}

/* the sticky "select all" corner extends a header cell (styled(HeaderCellContainer)) */
.header__row-column__ceu5w {
  position: sticky;
  top: 0;
  left: 0;
  width: var(--header-cell-width);
  text-align: right;
}

.header__row-column_scrolled-horizontal__QZO4p {
  box-shadow: 0 0 0 1px var(--click-grid-header-cell-color-stroke-default);
}
}