.app-dialog .modal-content {
  border: 1px solid rgba(96, 165, 250, .2);
  background: linear-gradient(160deg, rgba(13, 32, 55, .99), rgba(7, 20, 37, .99));
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, .42);
}

.app-dialog__eyebrow {
  color: #93c5fd;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.app-dialog__details {
  display: grid;
  gap: .55rem;
  margin: 1rem 0 0;
  padding-left: 1.25rem;
  color: var(--bs-secondary-color);
  max-height: min(45vh, 24rem);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: .35rem;
}

.app-dialog__details--plain {
  list-style: none;
  padding-left: 0;
}

.app-dialog__details--plain > li {
  font-variant-numeric: tabular-nums;
}

.app-dialog.is-error .modal-content { border-color: rgba(248, 113, 113, .34); }
.app-dialog.is-error .app-dialog__eyebrow { color: #fca5a5; }
.app-dialog.is-success .modal-content { border-color: rgba(74, 222, 128, .3); }
.app-dialog.is-success .app-dialog__eyebrow { color: #86efac; }