.modal {
  position: fixed;
  z-index: 20;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(16, 23, 25, 0.9);
}

.itemActions {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.scanActions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}

.stopScan {
  border: 1px solid #c94227;
  background: transparent;
  color: #a63120;
  padding: 5px 7px;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.stopScan:hover:not(:disabled) {
  background: #c94227;
  color: white;
}

.stopScan:disabled {
  cursor: wait;
  opacity: 0.55;
}

.status-cancelling {
  color: #a63120;
}

.status-cancelled {
  color: #7b8587;
}