.demo [data-slot=card],.demo .frame{box-shadow:0 30px 60px -28px #000000b3}.demo .frame [data-slot=card]{box-shadow:none}.demo .sticky,.demo .max-md\:sticky{position:static}[data-reveal]{opacity:0;transform:translateY(36px) rotate(calc(var(--tilt,0deg) * -2.5)) scale(.98);transition:opacity .5s ease-out,transform .9s cubic-bezier(.2,.8,.2,1)}[data-reveal][data-in]{opacity:1;transform:rotate(var(--tilt,0deg))}.demo [data-reveal] :is([role=presentation],span[role=img])>span,.demo [data-reveal] svg[role=img]>rect:nth-of-type(2){transform-origin:0;transform-box:fill-box;transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .3s;transform:scaleX(0)}.demo [data-reveal][data-in] :is([role=presentation],span[role=img])>span,.demo [data-reveal][data-in] svg[role=img]>rect:nth-of-type(2){transform:none}.draw svg[role=img]{clip-path:inset(0 100% 0 0);transition:clip-path 1.6s cubic-bezier(.4,0,.2,1) .35s}.draw[data-in] svg[role=img]{clip-path:inset(0)}.pop>li{opacity:0;transition:opacity .25s ease-out .3s,transform .35s cubic-bezier(.2,.8,.2,1) .3s;transform:scale(.6)}.pop>li:nth-child(2){transition-delay:.37s}.pop>li:nth-child(3){transition-delay:.44s}.pop>li:nth-child(4){transition-delay:.51s}.pop>li:nth-child(5){transition-delay:.58s}.pop>li:nth-child(6){transition-delay:.65s}.pop>li:nth-child(7){transition-delay:.72s}.pop>li:nth-child(8){transition-delay:.79s}.pop>li:nth-child(9){transition-delay:.86s}[data-in] .pop>li{opacity:1;transform:none}.recap>div>:not(:first-child){display:none}.crop{max-height:31rem;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}@keyframes line-in{0%{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}.line-in{animation:.7s cubic-bezier(.2,.8,.2,1) both line-in}@keyframes round-in{0%{opacity:0;transform:translateY(6px)scale(.92)}to{opacity:1;transform:none}}.scoreboard ol>li{animation:.32s cubic-bezier(.2,.7,.2,1) both round-in}.scoreboard ol>li:first-child{animation-delay:.5s}.scoreboard ol>li:nth-child(2){animation-delay:.61s}.scoreboard ol>li:nth-child(3){animation-delay:.72s}.scoreboard ol>li:nth-child(4){animation-delay:.83s}.scoreboard ol>li:nth-child(5){animation-delay:.94s}.scoreboard ol>li:nth-child(6){animation-delay:1.05s}.scoreboard ol>li:nth-child(7){animation-delay:1.16s}.scoreboard ol>li:nth-child(8){animation-delay:1.27s}.scoreboard ol>li:nth-child(9){animation-delay:1.38s}@keyframes round-now{0%,to{box-shadow:0 0 0 0 color-mix(in oklch, var(--primary) 45%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklch, var(--primary) 0%, transparent)}}.scoreboard ol>li.border-2{animation:.32s cubic-bezier(.2,.7,.2,1) 1.27s both round-in,2.4s ease-in-out 1.6s infinite round-now}.rise{--tilt:0deg}@media (prefers-reduced-motion:reduce){.line-in,.scoreboard ol>li,.scoreboard ol>li.border-2{animation:none}[data-reveal]{opacity:1;transform:rotate(var(--tilt,0deg));transition:none}.demo [data-reveal] :is([role=presentation],span[role=img])>span,.demo [data-reveal] svg[role=img]>rect:nth-of-type(2),.pop>li{opacity:1;transition:none;transform:none}.draw svg[role=img]{clip-path:none;transition:none}}.ledger-paper{--rule:color-mix(in oklch, var(--border) 70%, transparent);--margin:color-mix(in oklch, var(--primary) 28%, transparent);--at:max(.5rem, 50% - 36rem);background:linear-gradient(to right, transparent calc(var(--at) - 1px), var(--margin) calc(var(--at) - 1px), var(--margin) calc(var(--at) + 1px), transparent calc(var(--at) + 1px)), repeating-linear-gradient(to bottom, transparent 0 39px, var(--rule) 39px 40px);-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}