.bl{position:relative;display:inline-block;vertical-align:middle}.bl,.bl-new{width:185px;height:34px}.bl-new{display:block;overflow:visible}.bl .bl-old{position:absolute;left:0;top:0;width:138px;height:34px;object-fit:contain;pointer-events:none}.bl-play .bl-old{animation:bl-old-out .45s cubic-bezier(.6,0,.8,.3) .9s both}.bl-play .bl-tile{animation:bl-tile-in .45s cubic-bezier(.2,.9,.3,1.2) 1s both}.bl-play .bl-p,.bl-play .bl-tile{transform-box:fill-box;transform-origin:center}.bl-play .bl-stem{animation:bl-stem-in .4s cubic-bezier(.2,.9,.3,1) 1.15s both}.bl-play .bl-bowl{animation:bl-bowl-in .45s cubic-bezier(.2,.9,.3,1) 1.3s both}.bl-play .bl-leg{animation:bl-leg-in .4s cubic-bezier(.2,.9,.3,1.15) 1.45s both}.bl-play .bl-word{animation:bl-word-in .6s cubic-bezier(.65,0,.25,1) 1.6s both}@keyframes bl-old-out{to{opacity:0;transform:scale(.9);filter:blur(4px)}}@keyframes bl-tile-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes bl-stem-in{0%{opacity:0;transform:translateY(70%)}to{opacity:1;transform:none}}@keyframes bl-bowl-in{0%{opacity:0;transform:translateX(60%) rotate(-90deg)}to{opacity:1;transform:none}}@keyframes bl-leg-in{0%{opacity:0;transform:translate(60%,60%)}to{opacity:1;transform:none}}@keyframes bl-word-in{0%{clip-path:inset(0 100% 0 0);opacity:.4}to{clip-path:inset(0 0 0 0);opacity:1}}@media (prefers-reduced-motion:reduce){.bl-play *{animation:none!important}.bl-old{display:none}}