.logo-container{text-align:center;letter-spacing:-0.05em;position:absolute;display:block;width:100%;height:auto;margin:-7vw 0;top:0;height:10vw;z-index:-1}.toolbar-tray-open .logo-container{margin:1vw 0}.logo-layer{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:16vw;letter-spacing:-0.02em;font-weight:900;user-select:none;white-space:nowrap}.logo-black{background:linear-gradient(to bottom, rgba(230, 230, 230, 0.95), rgba(251, 251, 251, 0.85));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;z-index:4}.logo-cyan{background:linear-gradient(to bottom, cyan, color-mix(in srgb, cyan 30%, white));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;z-index:3}.logo-magenta{background:linear-gradient(to bottom, magenta, color-mix(in srgb, magenta 30%, white));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;z-index:2}.logo-yellow{background:linear-gradient(to bottom, yellow, color-mix(in srgb, yellow 30%, white));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;z-index:1}@keyframes earthquake{0%{transform:translateX(-50%) rotate(0deg)}10%{transform:translate(calc(-50% + var(--shake-x1)), var(--shake-y1)) rotate(var(--shake-r1))}20%{transform:translate(calc(-50% + var(--shake-x2)), var(--shake-y2)) rotate(var(--shake-r2))}30%{transform:translate(calc(-50% + var(--shake-x3)), var(--shake-y3)) rotate(var(--shake-r3))}40%{transform:translate(calc(-50% + var(--shake-x4)), var(--shake-y4)) rotate(var(--shake-r4))}50%{transform:translate(calc(-50% + var(--shake-x5)), var(--shake-y5)) rotate(var(--shake-r5))}60%{transform:translate(calc(-50% + var(--shake-x6)), var(--shake-y6)) rotate(var(--shake-r6))}70%{transform:translate(calc(-50% + var(--shake-x7)), var(--shake-y7)) rotate(var(--shake-r7))}80%{transform:translate(calc(-50% + var(--shake-x8)), var(--shake-y8)) rotate(var(--shake-r8))}90%{transform:translate(calc(-50% + var(--shake-x9)), var(--shake-y9)) rotate(var(--shake-r9))}100%{transform:translate(calc(-50% + var(--final-x)), var(--final-y)) rotate(var(--final-r))}}.animate-earthquake{animation:earthquake 150ms ease-out forwards}/*# sourceMappingURL=animated-logo.css.map */