.demo-dialog{width:min(680px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);color:inherit;background:0 0;border:0;margin:auto;padding:0;position:fixed;inset:0;overflow:visible}.demo-dialog:not([open]){display:none}.demo-dialog[open]{display:grid}.demo-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080d17ad}.demo-dialog-panel{overscroll-behavior:contain;min-width:0;max-height:calc(100dvh - 32px);overflow-y:auto}.demo-dialog :focus-visible{outline-offset:4px;outline:2px solid}@media (prefers-reduced-motion:no-preference){.demo-dialog[open] .demo-dialog-panel{animation:.2s cubic-bezier(.2,.7,.2,1) both demo-dialog-enter}@keyframes demo-dialog-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:620px){.demo-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.demo-dialog-panel{max-height:calc(100dvh - 20px)}}