.dialog{border:none;max-width:100vw;width:fit-content;height:fit-content;max-height:100vh;background-color:var(--color-white);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);display:none;overflow:hidden;padding:0;margin:0}.dialog:focus{border:none;outline:0}@media (min-width:1200px){.dialog{max-height:80vh;max-width:1000px;margin:auto}}.dialog .close-dialog-icon{position:absolute;top:1.75rem;right:1rem;height:24px;width:24px}.dialog .dialog-content{height:100%}.dialog::backdrop{background-color:rgba(0,0,0,.5);position:fixed;top:0;height:100%;width:100%}.dialog[open]{margin:auto;display:block}