.legos{--gap:0px;filter:drop-shadow(0 12px 8px #1b181924)}.lego{--top:#fff;--front:#eceef1;--side:#d6dae0;--stud:#fff;--stud-side:#e2e5ea;--edge:#dfe2e7}.lego[data-on=true]{--top:#f7c948;--front:#e0ad2b;--side:#c4921a;--stud:#fbd86b;--stud-side:#dda623;--edge:#f7c948}.lego .f-top{fill:var(--top);stroke:var(--edge);stroke-width:1px;stroke-linejoin:round}.lego .f-front{fill:var(--front)}.lego .f-side{fill:var(--side)}.lego .f-stud{fill:var(--stud)}.lego .f-stud-side{fill:var(--stud-side)}.lego path,.lego polygon,.lego ellipse{transition:fill .24s,stroke .24s;transition-delay:calc((5 - var(--i)) * 40ms)}.lego[data-on=true] path,.lego[data-on=true] polygon,.lego[data-on=true] ellipse{transition-delay:0s}.lego-hop{transform-box:fill-box}.lego[data-on=true] .lego-hop{animation:.42s cubic-bezier(.34,1.6,.5,1) lego-hop}.lego-gather{transition:transform .28s cubic-bezier(.5,0,.2,1)}.legos[data-done=true] .lego-gather{transform:translateX(calc(var(--shift) * 1px));transition-delay:.38s}.legos[data-done=true] .lego-hop{animation:.42s ease-in-out lego-wave;animation-delay:calc(var(--i) * 55ms)}.legos[data-shake=true]{animation:.38s ease-in-out legos-shake}.cover{z-index:50;pointer-events:none;clip-path:circle(0 at var(--x,50%) var(--y,50%));background:#f7c948;position:fixed;inset:0}.cover[data-on=true]{clip-path:circle(150vmax at var(--x,50%) var(--y,50%));transition:clip-path .56s cubic-bezier(.6,0,.3,1) .65s}@keyframes lego-hop{0%{transform:translateY(0)}40%{transform:translateY(-14px)}to{transform:translateY(0)}}@keyframes lego-wave{50%{transform:translateY(-18px)}}@keyframes legos-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.lego path,.lego polygon,.lego ellipse,.lego-gather,.cover[data-on=true]{transition:none}.lego[data-on=true] .lego-hop,.legos[data-done=true] .lego-hop,.legos[data-shake=true]{animation:none}}