.learn{--lr-sun:#ffc83d;--lr-leaf:#22a67c;--lr-rose:#f0605d;--lr-sky:#bfe0ff;--lr-box:#e9b872;--lr-on-fill:#102a3d}.dark .learn{--lr-leaf:#2fbf90;--lr-rose:#f4726f;--lr-sky:#8fc4f5;--lr-box:#e0ad66}.learn .lr-art{width:100%;height:auto;display:block;overflow:visible}.learn .ln{stroke:var(--ink);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.learn .ln.on-fill{stroke:var(--lr-on-fill)}.learn .nofill{fill:none}.learn .f-sun{fill:var(--lr-sun)}.learn .f-leaf{fill:var(--lr-leaf)}.learn .f-rose{fill:var(--lr-rose)}.learn .f-sky{fill:var(--lr-sky)}.learn .f-box{fill:var(--lr-box)}.learn .f-paper{fill:var(--card)}.learn .f-panel{fill:var(--muted)}.learn .f-ink{fill:var(--ink)}.learn .t,.learn .t-on{font-family:var(--font-display), var(--font-bengali), var(--font-inter), sans-serif;fill:var(--ink);font-weight:800}.learn .t-on{fill:var(--lr-on-fill)}.learn .code{font-family:var(--font-mono), ui-monospace, monospace;fill:var(--lr-on-fill);font-weight:700}.learn .van{animation:6s ease-in-out infinite lr-drive}@keyframes lr-drive{0%{opacity:0;transform:translate(-80px)}12%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(90px)}}@media (prefers-reduced-motion:reduce){.learn .van{animation:none}}.learn .ln.go{stroke:var(--lr-leaf)}.learn .ln.back{stroke:var(--lr-rose)}.learn .ring-track{fill:none;stroke:var(--muted);stroke-width:22px}.learn .ring-leaf,.learn .ring-rose{fill:none;stroke-width:22px}.learn .ring-leaf{stroke:var(--lr-leaf)}.learn .ring-rose{stroke:var(--lr-rose)}.learn .ring-unknown{fill:none;stroke:var(--muted-foreground);stroke-width:4px;stroke-linecap:round;stroke-dasharray:4 12}.learn .trip{animation:7s linear infinite lr-trip}@keyframes lr-trip{0%{opacity:0;transform:translate(224px,116px)}10%{opacity:1;transform:translate(294.5px,79.25px)}20%{transform:translate(365px,67px)}30%{transform:translate(435.5px,79.25px)}40%{transform:translate(506px,116px)}50%{transform:translate(506px,222px)}60%{transform:translate(435.6px,204.75px)}70%{transform:translate(365.5px,199px)}80%{transform:translate(294.9px,204.75px)}88%{opacity:1;transform:translate(226px,222px)}96%,to{opacity:0;transform:translate(226px,222px)}}.learn :is(.lr-bob,.lr-shake,.lr-bounce,.lr-pop,.lr-nudge,.lr-spin,.lr-ripple,.lr-ring,.lr-say){transform-box:fill-box;transform-origin:50%}.learn .lr-shake{transform-origin:0 100%}.learn .lr-bounce{transform-origin:50% 100%}@media (prefers-reduced-motion:no-preference){.learn .lr-play .lr-bob{animation:2.4s ease-in-out infinite lr-bob}.learn .lr-play .lr-shake{animation:3.2s ease-in-out .4s infinite lr-shake}.learn .lr-play .lr-bounce{animation:2.6s cubic-bezier(.3,.7,.4,1) .2s infinite lr-bounce}.learn .lr-play .lr-pop{animation:lr-pop .5s cubic-bezier(.3, 1.6, .5, 1) calc(.35s + var(--i,0) * .3s) backwards}.learn .lr-play .lr-nudge{animation:1.6s ease-in-out infinite lr-nudge}.learn .lr-play .lr-fill{animation:1.4s cubic-bezier(.2,.8,.2,1) backwards lr-fill}.learn .lr-play .lr-spin{animation:18s linear infinite lr-spin}.learn .lr-play .lr-rise{animation:lr-rise .6s ease-out calc(var(--d,0) * 1s) backwards}.learn .lr-play .lr-say{animation:lr-say .5s cubic-bezier(.3, 1.4, .5, 1) calc(.5s + var(--i,0) * 1.1s) backwards}.learn .lr-play .lr-ripple{animation:1.8s ease-out infinite lr-ripple}.learn .lr-play .lr-ring{animation:1.8s ease-in-out infinite lr-ring}.learn .lr-play .lr-press{animation:3.6s ease-in-out infinite lr-press}.learn .lr-play .lr-arrive{animation:3.6s ease-in-out infinite lr-arrive}}@media (prefers-reduced-motion:reduce){.learn .trip{animation:none}}@keyframes lr-bob{50%{transform:translateY(-6px)}}@keyframes lr-shake{0%,70%,to{transform:rotate(0)}76%{transform:rotate(-7deg)}84%{transform:rotate(6deg)}92%{transform:rotate(-3deg)}}@keyframes lr-bounce{0%,60%,84%,to{transform:translateY(0)}72%{transform:translateY(-14px)}90%{transform:translateY(-5px)}}@keyframes lr-pop{0%{transform:scale(0)}}@keyframes lr-nudge{50%{transform:translate(8px)}}@keyframes lr-fill{0%{stroke-dasharray:0 439.8}}@keyframes lr-spin{to{transform:rotate(360deg)}}@keyframes lr-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes lr-say{0%{opacity:0;transform:translateY(16px)scale(.92)}}@keyframes lr-ripple{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@keyframes lr-ring{0%,40%,to{transform:rotate(0)}8%{transform:rotate(-8deg)}16%{transform:rotate(8deg)}24%{transform:rotate(-6deg)}32%{transform:rotate(4deg)}}@keyframes lr-press{0%,20%,36%,to{transform:scale(1)}28%{transform:scale(.94)}}@keyframes lr-arrive{0%,34%,54%,to{transform:scale(1)}44%{transform:scale(1.1)}}