.dialog{margin:auto;border:none!important;border-radius:calc(5px * var(--ratio));box-shadow:0 0 #0000,0 0 #0000,0 25px 50px -12px #00000040;padding:1.6rem;overflow:visible;border-radius:10px;box-shadow:inset 0 -1px 4px #6a8baf;max-width:min(100dvw,20rem)}.dialog::backdrop{background-color:#0006}.dialog-header{text-align:center;translate:0 -100%;padding:.2em 1em;color:#fff;text-shadow:var(--text-shadow);font-size:1.7rem;perspective-origin:50% 50%;perspective:300px;transform-style:preserve-3d;position:absolute;margin-inline:auto;right:0;left:0;width:fit-content}.dialog-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transform:rotateX(-30deg) translateZ(-5px) translateY(5px);background-image:linear-gradient(var(--pink-light),var(--pink));box-shadow:0 1px 0 1px var(--pink-dark);border-radius:.2em}.dialog-close{position:absolute;top:0;right:0;translate:50% -50%;font-size:2rem;width:1.2em;height:1.2em}.dialog-menu{display:grid;grid-auto-columns:minmax(6rem,auto);grid-auto-flow:column;justify-content:center;gap:.5em}.dialog-content{color:var(--blue);margin:.5rem .2rem}