pudding-transition{--pudding-motion:1;display:block}.pudding-curtain{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:0 0;box-shadow:none;overflow:hidden;outline:0;color:var(--brand-pudding-ink)}.pudding-curtain::backdrop{background:0 0}.pudding-curtain[open]{display:grid;place-items:center}.pudding-curtain-surface{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,1fr);pointer-events:none}.pudding-curtain-band{position:relative;top:calc(-100vw / 7);height:calc(100% + 200vw / 7);margin-inline:-1px;border-radius:9999px}.pudding-curtain-band>continuous-corner,.pudding-curtain[data-phase=bounce]{background:var(--brand-pudding-fill)}.pudding-curtain-figure{position:relative;display:grid;place-items:center;width:180px;height:180px;font-size:150px;opacity:0;transform-origin:center 75%}.pudding-curtain[data-phase=cover] .pudding-curtain-band{animation:460ms cubic-bezier(.4,0,.15,1) both pudding-cover;animation-delay:calc(var(--band-index) * 45ms)}.pudding-curtain[data-phase=bounce] .pudding-curtain-figure{animation:620ms both pudding-bounce}.pudding-curtain[data-phase=reveal] .pudding-curtain-band{animation:480ms cubic-bezier(.55,0,.3,1) both pudding-reveal;animation-delay:calc((6 - var(--band-index)) * 30ms)}.pudding-curtain[data-phase=reveal] .pudding-curtain-figure{animation:.2s both pudding-goodbye}@keyframes pudding-cover{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pudding-bounce{0%{opacity:0;transform:translateY(16px) scale(.72,.72)}25%{opacity:1;transform:translateY(-12px) scale(1.08,.92)}48%{opacity:1;transform:translateY(4px) scale(.93,1.07)}70%{opacity:1;transform:translateY(-3px) scale(1.03,.97)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes pudding-reveal{from{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes pudding-goodbye{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.78)}}@media (prefers-reduced-motion:reduce){pudding-transition{--pudding-motion:0}.pudding-curtain *{animation:none!important}}