/* Clip the background, content and the existing CSS selection effect to the whole sector. */
.circular-cell {
  border: none !important;
}
.circular-cell.selected-cell::after {
  border-radius: 0;
}
.circular-cell.multi-selected::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(52, 152, 219, 0.3);
  pointer-events: none;
}
.circular-cell.multi-selected {
  outline: none;
  z-index: auto;
}
.circular-cell > input,
.circular-cell > .cell-ring,
.circular-cell > .custom-cell-display {
  position: absolute !important;
  left: var(--content-left) !important;
  top: var(--content-top) !important;
  width: var(--content-size) !important;
  height: var(--content-size) !important;
}
.circular-cell > input {
  padding: 0;
  transform: none !important;
}
.circular-cell > span {
  left: var(--clue-left) !important;
  top: var(--clue-top) !important;
}