/* app/assets/stylesheets/dialog.css */

/* ── ダイアログ本体のスライドアニメーション ── */
dialog[open] {
  animation: dialog-slide-in 0.2s ease-out both;
}

@keyframes dialog-slide-in {
  from {
    opacity: 0;
    transform: translateY(8px) scale(0.98);
  }
}

dialog[open]::backdrop {
  animation: backdrop-fade-in 0.2s ease-out both;
}

@keyframes backdrop-fade-in {
  from { opacity: 0; }
}