.table-cell-select {
  width: 88px;
  height: 30px;
  border: 1px solid #cbd7e5;
  border-radius: 5px;
  padding: 0 26px 0 9px;
  background: #fff;
  color: #344054;
  font: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  outline: 0;
}

.table-cell-select:focus {
  border-color: #4ba3e3;
  box-shadow: 0 0 0 2px rgba(75, 163, 227, 0.14);
}

.table-cell-select:disabled {
  cursor: wait;
  opacity: 0.65;
}

.data-table .frozen-column {
  position: sticky;
  left: var(--frozen-column-left);
  z-index: 1;
  background: #fff;
}

.data-table th.frozen-column {
  z-index: 4;
  background: #f8fafc;
}

.data-table tbody tr:hover .frozen-column {
  background: #f9fbff;
}

.data-table tfoot td.frozen-column {
  z-index: 3;
  background: #fff7e8;
}

.data-table .frozen-column-boundary {
  box-shadow: 5px 0 7px -6px rgba(15, 23, 42, 0.5);
}