:where(.rj-modal-backdrop){position:fixed;inset:0;z-index:1500;display:flex;align-items:center;justify-content:center;padding:var(--rj-ref-space-4);background:color-mix(in srgb,var(--ink) 52%,transparent);overflow-y:auto;overscroll-behavior:contain}:where(.rj-modal-surface){position:relative;width:min(100%,760px);max-height:calc(100dvh - var(--rj-ref-space-8));overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper);color:var(--ink);box-shadow:var(--shadow-lg)}:where(.rj-modal-surface):focus{outline:none}:where(.rj-modal-close){position:absolute;top:var(--rj-ref-space-3);right:var(--rj-ref-space-3);min-width:var(--rj-control-min-size);min-height:var(--rj-control-min-size);border-radius:var(--rj-ref-radius-base);border:1px solid var(--line);background:var(--paper);color:var(--ink)}@media (max-width:640px){.rj-modal-backdrop[class]{padding:var(--rj-ref-space-3)}.rj-modal-surface[class]{width:100%;max-width:100%;max-height:calc(100dvh - var(--rj-ref-space-6));min-width:0}}