.rowSelected {
  background-color: var(--mantine-color-blue-light);
}
.th {
  padding: 0;
}

.control {
  width: 100%;
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-md);
}

.control:hover {
  background-color: light-dark(
    var(--mantine-color-gray-0),
    var(--mantine-color-dark-6)
  );
}

.icon {
  width: rem(21px);
  height: rem(21px);
  border-radius: rem(21px);
}

.header {
  position: sticky;
  top: 0;
  background-color: var(--mantine-color-body);
  transition: box-shadow 150ms ease;
}
.header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: rem(1px) solid
    light-dark(var(--mantine-color-gray-2), var(--mantine-color-dark-3));
}
.scrolled {
  box-shadow: var(--mantine-shadow-sm);
}