Morph hero (posúvanie)
Interaktívny hero: karty sa menia zo scatter → line → circle/arc podľa scrollu a pohybu myši.
Budúcnosť staviame na AI.
POSÚVAJ NA OBJAVENIE
Preskúmaj našu víziu
Objav kolekciu nápadov a efektov, ktoré sa menia podľa scrollu a interakcie.
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(60%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%201%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(97%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%202%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(134%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%203%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(171%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%204%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(208%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%205%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(245%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%206%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(282%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%207%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(319%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%208%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(356%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%209%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(33%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%2010%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(70%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%2011%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(107%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%2012%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(144%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%2013%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(181%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%2014%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(218%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%2015%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(255%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%2016%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(292%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%2017%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(329%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%2018%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(6%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%2019%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
%22%20%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22hsl(43%2090%25%2045%25)%22%20%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Crect%20width%3D%22300%22%20height%3D%22420%22%20rx%3D%2232%22%20fill%3D%22url(%23g)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%22240%22%20cy%3D%2280%22%20r%3D%2290%22%20fill%3D%22rgba(255%2C255%2C255%2C0.18)%22%20%2F%3E%0A%20%20%3Ccircle%20cx%3D%2280%22%20cy%3D%22340%22%20r%3D%22120%22%20fill%3D%22rgba(0%2C0%2C0%2C0.18)%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2258%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2226%22%20font-weight%3D%22700%22%20fill%3D%22rgba(255%2C255%2C255%2C0.92)%22%3E%0A%20%20%20%2020%0A%20%20%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2224%22%20y%3D%2292%22%20font-family%3D%22ui-sans-serif%2Csystem-ui%22%20font-size%3D%2214%22%20fill%3D%22rgba(255%2C255%2C255%2C0.75)%22%3E%0A%20%20%20%20Scroll%20Morph%0A%20%20%3C%2Ftext%3E%0A%3C%2Fsvg%3E)