/* Shared entrance for Roji modal dialogs. */
dialog[open]{animation:roji-modal-enter 350ms ease-out both!important}
dialog[open]::backdrop{animation:roji-modal-backdrop-enter 350ms ease-out both!important}
@keyframes roji-modal-enter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@keyframes roji-modal-backdrop-enter{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){dialog[open],dialog[open]::backdrop{animation:none!important}}
.reduce dialog[open],.reduce dialog[open]::backdrop{animation:none!important}
dialog[open].roji-modal-closing{animation:roji-modal-exit 350ms ease-in both!important;pointer-events:none}
dialog[open].roji-modal-closing::backdrop{animation:roji-modal-backdrop-exit 350ms ease-in both!important}
@keyframes roji-modal-exit{from{opacity:1;translate:0 0}to{opacity:0;translate:0 8px}}
@keyframes roji-modal-backdrop-exit{from{opacity:1}to{opacity:0}}
.roji-modal-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:36px!important;min-width:36px;height:36px;padding:0!important;border:0;border-radius:50%;background:#fff0c2;color:#0a3c91;font-size:26px;line-height:1;cursor:pointer;z-index:2}
dialog:has(>.roji-modal-close){padding-top:56px}
@media(prefers-reduced-motion:reduce){dialog[open].roji-modal-closing,dialog[open].roji-modal-closing::backdrop{animation:none!important}}