.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 .dialog-content{max-height:80vh;overflow-y:auto}.dialog:focus{border:none;outline:0}@media (max-width:600px){.dialog.mobile-radius{background:0 0;overflow:visible}.dialog.mobile-radius .dialog-close-button{top:-2rem;right:1rem;color:var(--color-white)}.dialog.mobile-radius .dialog-content{border-radius:70px 70px 0 0;background:var(--color-white)}}@media (min-width:1200px){.dialog{max-height:80vh;max-width:1000px;margin:auto}}.dialog .dialog-close-button{position:absolute;top:var(--size-32);right:var(--size-40);z-index:1;font-size:var(--size-22)}.dialog .close-dialog-icon{position:absolute;top:1.75rem;right:1rem;height:24px;width:24px}.dialog::backdrop{background-color:rgba(0,0,0,.5);position:fixed;top:0;height:100%;width:100%}.dialog[open]{margin:auto;display:block}.dialog.dialog-animation{display:block;position:fixed;top:0;right:0;transform:translateX(100vw);pointer-events:none;transition:transform .5s;margin:auto}.dialog.dialog-animation[open]{transform:translateX(0);pointer-events:auto}.dialog.dialog-animation.closing{transform:translateX(100vw);pointer-events:none}@media (max-width:600px){.dialog.dialog-animation{left:0;right:0;top:auto;bottom:0;width:100vw;transform:translateY(100vh)}.dialog.dialog-animation[open]{transform:translateY(0)}.dialog.dialog-animation.closing{transform:translateY(100vh)}}