.spu-backdrop{z-index:400;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#202e2094;place-items:center;padding:20px;animation:.35s both spuFade;display:grid;position:fixed;inset:0}.spu-dialog{width:min(460px,100%);max-height:calc(100svh - 40px);color:var(--ink);border-radius:var(--radius);text-align:center;background:#fff;padding:40px 34px 34px;animation:.45s cubic-bezier(.2,.7,.2,1) both spuRise;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0005}.spu-dialog h2{letter-spacing:-.03em;color:var(--deep);margin:0 0 14px;font-size:24px;line-height:1.15}.spu-dialog p{white-space:pre-line;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.6}.spu-close{width:38px;height:38px;color:var(--deep);cursor:pointer;background:#f1efe8;border:0;border-radius:50%;place-items:center;padding:0;transition:background .2s;display:grid;position:absolute;top:12px;right:12px}.spu-close:hover{background:var(--lime)}.spu-close svg{width:18px;height:18px}@keyframes spuFade{0%{opacity:0}to{opacity:1}}@keyframes spuRise{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.spu-backdrop,.spu-dialog{animation:none}}.spu-shell{width:min(460px,100%);display:flex;position:relative}.spu-shell>.spu-dialog{width:100%}.spu-emoji{z-index:2;pointer-events:none;filter:drop-shadow(0 6px 10px #0000004d);place-items:center;font-size:56px;line-height:1;animation:.45s cubic-bezier(.3,1.6,.5,1) .3s both spuEmoji;display:grid;position:absolute}.spu-emoji.tl{top:0;left:0;transform:translate(-50%,-50%)rotate(-16deg)}.spu-emoji.br{bottom:0;right:0;transform:translate(50%,50%)rotate(14deg)}@keyframes spuEmoji{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}@media (max-width:520px){.spu-emoji{font-size:46px}.spu-emoji.tl{transform:translate(-30%,-30%)rotate(-16deg)}.spu-emoji.br{transform:translate(30%,30%)rotate(14deg)}}@media (prefers-reduced-motion:reduce){.spu-emoji{animation:none}}