.liri-dialog {
  width: min(36rem, calc(100% - 2rem));
  padding: clamp(1rem, 3vw, 2rem);
  color: var(--bs-body-color);
  background: var(--bs-body-bg);
  border: 2px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius-lg);
  box-shadow: var(--bs-box-shadow-lg);
}

.liri-dialog::backdrop {
  background: rgba(var(--bs-dark-rgb), 0.72);
}

.liri-dialog__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.5rem;
}