.dialog,.dialog__overlay{width:100%;height:100%;top:0;left:0}.dialog{pointer-events:none;z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed}.dialog__overlay{z-index:1;opacity:0;background:rgba(0,0,0,.38);transition:opacity .3s;position:absolute}.dialog--open .dialog__overlay{opacity:1;pointer-events:auto}.dialog__content{text-align:center;z-index:5;opacity:0;background:0 0;width:50%;min-width:290px;max-width:560px;padding:0;transition:opacity .3s;position:relative}.dialog--open .dialog__content{opacity:1;pointer-events:auto}.morph-shape{z-index:-1;width:calc(100% + 4px);height:calc(100% + 4px);position:absolute;top:-2px;left:-2px}.morph-shape svg rect{stroke:#fff;stroke-width:2px;stroke-dasharray:1680}.dialog--open .morph-shape svg rect{animation:.6s forwards anim-dash}.dialog-inner{opacity:0;background:#fff;border-radius:8px;padding:3em 2em}.dialog--open .dialog-inner{opacity:1;transition:opacity .85s .35s}.dialog h2{margin:0 0 .5em;font-size:1.8em;font-weight:600}.dialog p{color:#555;margin-bottom:2em;font-size:1rem}.dialog__actions{justify-content:center;gap:1rem;display:flex}.btn{cursor:pointer;border:none;border-radius:5px;padding:.7em 1.8em;font-weight:600;transition:background .25s}.btn-confirm{color:#fff;background:#ee3838}.btn-confirm:hover{background:#c81717}.btn-cancel{color:#333;background:#eaeaea}.btn-cancel:hover{background:#ddd}@keyframes anim-dash{0%{stroke-dashoffset:1680px}to{stroke-dashoffset:0}}
