.logo-motion{display:block;position:relative;flex:0 0 auto;width:43px;height:52px;line-height:0;overflow:visible}
.logo-motion>img,.logo-motion>canvas{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;margin:0!important;pointer-events:none;user-select:none;border:0;background:transparent!important;border-radius:0}
.logo-motion>img{opacity:1;transition:opacity .12s;filter:saturate(1.12) contrast(1.02)!important}
.logo-motion>canvas{opacity:0;transition:opacity .12s,transform .32s cubic-bezier(.22,1,.36,1);filter:saturate(1.12) contrast(1.02);transform-origin:50% 55%}
.logo-motion[data-playing]>canvas{opacity:1;transform:translateY(-1px) scale(1.16)}
.logo-motion[data-playing]>img{opacity:0}
.v4-shell .brand>.logo-motion{width:34px;height:43px}
.login-art .brand>.logo-motion{width:40px;height:48px}
.biz-account>.logo-motion{display:block!important;grid-column:1;grid-row:1/3;margin:0}
.biz-brand>.logo-motion{width:62px;height:76px}
main>.logo-motion{width:36px;height:44px;margin-bottom:22px}
@media(max-width:1024px){.biz-account>.logo-motion{width:34px;height:44px;margin-inline:auto}}
@media(max-width:767px){.biz-brand>.logo-motion{width:43px;height:52px}}
@media(max-height:550px){main>.logo-motion{display:none}}
@media(prefers-reduced-motion:reduce){.logo-motion>canvas{display:none!important}.logo-motion>img{opacity:1!important;transition:none}}
.motion-paused .logo-motion>canvas{display:none!important}.motion-paused .logo-motion>img{opacity:1!important}