/* Dialogs */

.dialog {
  background: #ffffff;
  border-radius: 1.75rem;
  width: min(19.5rem, 90vw);
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.12);
  transform: scale(0.9);
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.overlay.active .dialog {
  transform: scale(1);
}

.dialog .title {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--almost-black, #1D1D1F);
  margin: 0 0 1rem 0;
}

.dialog .content {
  font-size: 0.95rem;
  color: var(--medium-grey, #757575);
  margin-bottom: 1.5rem;
}

.dialog .actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}