.ylogo{height:auto;display:block;overflow:visible}.ylogo__hop,.ylogo__tile,.ylogo__glyph,.ylogo__bub,.ylogo__bubble,.ylogo__letter{transform-box:fill-box}.ylogo__tile,.ylogo__hop{transform-origin:50% 100%}.ylogo__glyph,.ylogo__bubble{transform-origin:50%}.ylogo__bub{transform-origin:50% 100%}.ylogo--anim .ylogo__tile{animation:.95s cubic-bezier(.25,.7,.35,1) both ytile-drop;animation-delay:calc(var(--d,0s) + var(--i) * .11s)}.ylogo--anim .ylogo__glyph{animation:.55s cubic-bezier(.3,1.7,.5,1) both yglyph-pop;animation-delay:calc(var(--d,0s) + var(--i) * .11s + .42s)}.ylogo--anim .ylogo__bubble{animation:.7s cubic-bezier(.3,1.5,.5,1) both ybubble-rise;animation-delay:calc(var(--d,0s) + var(--i) * .11s + .62s + var(--j) * 70ms)}.ylogo--anim .ylogo__letter{animation:.8s cubic-bezier(.2,.8,.2,1) both yletter-up;animation-delay:calc(var(--d,0s) + .5s + var(--i) * 70ms)}.ylogo__bub{animation:2.8s ease-in-out infinite alternate ybub-float;animation-delay:calc(var(--j) * -.7s - var(--i) * .4s)}@keyframes ytile-drop{0%{transform:translateY(-170%) rotate(calc(var(--r) * 1deg));opacity:0}14%{opacity:1}52%{transform:translateY(0)scale(1.07,.88)rotate(0)}68%{transform:translateY(-12%)scale(.97,1.05)}84%{transform:translateY(0)scale(1.025,.97)}to{opacity:1;transform:none}}@keyframes yglyph-pop{0%{opacity:0;transform:scale(.35)}to{opacity:1;transform:none}}@keyframes ybubble-rise{0%{opacity:0;transform:translateY(26px)scale(0)}to{opacity:1;transform:none}}@keyframes yletter-up{0%{opacity:0;transform:translateY(55%)}to{opacity:1;transform:none}}@keyframes ybub-float{0%{transform:translateY(1.5px)}to{transform:translateY(-4px)}}@media (hover:hover){.ylogo-link:hover .ylogo__hop{animation:.62s cubic-bezier(.3,.7,.4,1) both ytile-hop;animation-delay:calc(var(--i) * 60ms)}}@keyframes ytile-hop{0%,to{transform:none}35%{transform:translateY(-16%) rotate(calc((var(--i) - 1.5) * 2deg))}62%{transform:translateY(0)scale(1.05,.93)}80%{transform:translateY(-4%)}}@media (prefers-reduced-motion:reduce){.ylogo__bub{animation:none}}
