.logo{--logo-color:var(--color-base);overflow:visible}.logo .first-card,.logo .second-card,.logo .third-card{transform-box:fill-box;transform-origin:50%;animation-name:logo-card-in,logo-card-flash,none;animation-duration:.5s,.65s,.85s;animation-timing-function:var(--ease-out-back), ease, ease;animation-fill-mode:both,both,both}.logo .second-card{animation-delay:60ms}.logo .third-card{animation-delay:.12s}.logo .word{transform-box:fill-box;transform-origin:50%;animation:logo-word-in .45s var(--ease-out) both;animation-delay:.6s}.logo:hover .first-card,.logo:hover .second-card,.logo:hover .third-card{animation-name:logo-card-in,logo-card-flash,logo-card-replay}@keyframes logo-card-in{0%{opacity:0;translate:0 12px;scale:.4}to{opacity:1;translate:0;scale:1}}@keyframes logo-card-flash{0%,15%{fill:var(--color-violet)}20%,35%{fill:var(--color-pink)}40%,55%{fill:var(--color-yellow)}60%,75%{fill:var(--color-blue)}80%,95%{fill:var(--color-mint)}to{fill:var(--color-base)}}@keyframes logo-card-replay{0%{opacity:1;fill:var(--color-base);translate:0;scale:1}18%{opacity:0;fill:var(--color-base);translate:0 10px;scale:.2}30%{opacity:0;fill:var(--color-violet);translate:0 10px;scale:0}46%{opacity:1;fill:var(--color-pink);translate:0 4px;scale:.65}58%{opacity:1;fill:var(--color-yellow);translate:0 -2px;scale:1.14}72%{opacity:1;fill:var(--color-blue);translate:0 1px;scale:.94}86%{opacity:1;fill:var(--color-mint);translate:0;scale:1.03}to{opacity:1;fill:var(--color-base);translate:0;scale:1}}@keyframes logo-word-in{0%{opacity:0;translate:16px}to{opacity:1;translate:0}}