:root{color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;display:grid;place-items:center;background:#fff;color:#1a1a1f;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Hiragino Sans,Yu Gothic UI,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{display:grid;place-items:center;padding:4vmin}.logo{position:relative;margin:0;width:min(70vmin,520px);aspect-ratio:1 / 1;display:grid;place-items:center}.logo__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.logo__img{position:relative;width:min(82%,520px);height:auto;display:block}.logo__text{position:absolute;left:50%;bottom:4%;width:42%;height:auto;transform:translate(-50%);display:none;pointer-events:none}.logo[data-mode=canvas] .logo__img{display:none}.logo[data-mode=canvas] .logo__text{display:block}.logo[data-mode=legacy] .logo__canvas,.logo[data-mode=static] .logo__canvas{display:none}.logo[data-mode=legacy] .logo__img{will-change:transform,filter;animation:breathe 6s ease-in-out infinite,hue 30s linear infinite}.logo[data-mode=loading] .logo__canvas{display:none}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@media(prefers-reduced-motion:reduce){.logo[data-mode=legacy] .logo__img{animation:none}}