dj-modal{z-index:1000;display:none;position:fixed;inset:0}dj-modal[open]{display:block}dj-modal .dj-modal__backdrop{-webkit-backdrop-filter:blur(4px);background:#0000008c;position:absolute;inset:0}dj-modal .dj-modal__card{background:var(--surface);max-width:520px;color:var(--text);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:80vh;margin:10vh auto 0;padding:32px;position:relative;overflow-y:auto}dj-modal[size=large] .dj-modal__card{max-width:780px}dj-modal[size=small] .dj-modal__card{max-width:400px}@media (width<=520px){dj-modal .dj-modal__card{max-height:92vh;margin:4vh 16px 0;padding:22px}}dj-modal .dj-modal__close{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:999px;place-items:center;padding:0;font-size:18px;line-height:1;transition:background .15s;display:grid;position:absolute;top:14px;right:14px}dj-modal .dj-modal__close:hover{background:var(--surface-soft);color:var(--text)}