.dialog{border:0;background:#fff;margin:auto;padding-block:10px;position:fixed;inset:0;width:100%;max-width:calc(100% - 34px);max-height:calc(100vh - 34px);max-height:calc(100dvh - 34px);z-index:9999;transition:all .5s ease-in-out;flex-direction:column}.dialog[open]{display:flex}.dialog::backdrop{display:block;width:100%;height:100%;position:fixed;top:0;left:0;z-index:9998;background:rgba(0,0,0,.6)}.dialog .content{padding-inline:10px;overflow-y:auto;max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px)}.dialog .content>a:focus{outline:2px solid #000;outline-offset:-2px;border-radius:10px}.dialog .close{width:32px;height:32px;font-size:0;margin:-3px 3px 7px;align-self:flex-end}.dialog .close::after{content:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iY2xvc2UiIHZlcnNpb249IjEuMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTkgMTkiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI2ZmMzcwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtMTguNiAxLjRsLTEtMS04LjMgOC4zLTguMy04LjMtMSAxIDguMyA4LjMtOC4zIDguMyAxIDEgOC4zLTguMyA4LjMgOC4zIDEtMS04LjMtOC4zeiI+PC9wYXRoPjwvc3ZnPg==)}.dialog .close:focus{outline:0}.dialog .close:focus-visible{outline:2px solid #000;border-radius:2px}@media (min-width:1200px){.dialog{max-width:1234px;padding-block:20px}.dialog .close{margin:-12px 12px 6px}.dialog .content{padding-inline:20px}}