@layer components{.nf-frame{min-height:100svh;padding-top:var(--open-pad-top);padding-bottom:clamp(3rem,8vh,6rem)}@keyframes nf-rise{0%{opacity:0;transform:translateY(1.25rem)}}@keyframes nf-fade{0%{opacity:0}}.nf-copy>*{animation:nf-rise var(--dur-slow) var(--ease-out) both}.nf-copy>:nth-child(2){animation-delay:80ms}.nf-copy>:nth-child(3){animation-delay:.16s}.nf-copy>:nth-child(4){animation-delay:.24s}.nf-copy--late>*{animation-delay:.7s}.nf-copy--late>:nth-child(2){animation-delay:.78s}.nf-copy--late>:nth-child(3){animation-delay:.86s}.nf-ghost{animation:nf-fade var(--dur-slow) var(--ease-out) both;animation-delay:1.1s}.nf-fall{transform-box:fill-box;transform-origin:50%;transform:translate(var(--nf-x), var(--nf-y)) rotate(var(--nf-r));animation:1.1s both nf-fall;animation-delay:calc(.5s + var(--nf-i) * .16s)}@keyframes nf-fall{0%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:none}68%{transform:translate(var(--nf-x), var(--nf-y)) rotate(var(--nf-r));animation-timing-function:var(--ease-out)}82%{transform:translate(var(--nf-x), calc(var(--nf-y) - 26px)) rotate(var(--nf-r));animation-timing-function:cubic-bezier(.55,0,1,.45)}to{transform:translate(var(--nf-x), var(--nf-y)) rotate(var(--nf-r))}}.nf-num{line-height:.74}.nf-digit{animation:.9s both nf-land;animation-delay:calc(var(--nf-i) * 90ms)}@keyframes nf-land{0%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-.5em)}20%{opacity:1}68%{animation-timing-function:var(--ease-out);transform:none}82%{animation-timing-function:cubic-bezier(.55,0,1,.45);transform:translateY(-.04em)}to{transform:none}}}
