html:has(dialog[open]){overflow:hidden}[data-page-pathname=inside-dialog] .dialog{width:40rem;max-width:80vw;max-width:80dvw;max-height:80vh;background-color:var(--rsl-gray-100);max-height:80dvh;box-shadow:var(--rsl-box-shadow-4);color:inherit;z-index:1;border:none;margin:auto;padding:0;overflow:hidden}[data-page-pathname=inside-dialog] .dialog:not([open]){pointer-events:none;opacity:0}[data-page-pathname=inside-dialog] .dialog[open]{pointer-events:auto;opacity:1;animation:.24s forwards fade-in}[data-page-pathname=inside-dialog] .dialog::backdrop{background-color:rgba(0,0,0,.32)}[data-page-pathname=inside-dialog] .dialog.direction-vertical .dialog__inner{flex-direction:column;align-items:center}[data-page-pathname=inside-dialog] .dialog.direction-horizontal .dialog__inner{width:max-content}[data-page-pathname=inside-dialog] .dialog__inner{max-width:100%;max-height:80vh;max-height:80dvh;padding:5rem 4rem;display:flex;overflow:auto}[data-page-pathname=inside-dialog] .dialog__close{font-size:.875rem;position:absolute;top:1rem;right:1rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}