.modal-backdrop {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgb(17 24 39 / 0.45);
  padding: var(--space-4);
  z-index: 40;
}

.modal {
  width: min(32rem, 100%);
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  padding: var(--space-4);
  display: grid;
  gap: var(--space-4);
}