/* Adapted from extension StartupReveal.tsx / chrome.css; artwork is unchanged. */
#cl-startup-body{transform-origin:50% 30%}
html.cl-startup-pending #cl-startup-body{visibility:hidden}
html.cl-startup-pending{overflow:hidden}
.cl-startup-cover{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:var(--canvas,#fff);color:var(--text,#0d0d0f)}
.cl-startup-cover[hidden]{display:none}
.cl-startup-brand{display:flex;flex-direction:column;align-items:center;gap:16px;transform:translateY(-12px)}
.cl-startup-cappy{display:block;width:160px;height:120px;max-width:none}
.cl-startup-wordmark{width:128px;height:26px}
.cl-startup-typing{position:relative;width:0;height:100%}
.cl-startup-brand[data-ready=true] .cl-startup-typing{animation:cl-startup-type 714ms step-end 1.8s both}
.cl-startup-letters{display:block;width:100%;height:100%;background:var(--text);mask:url('/brand-assets/startup/critter-wordmark-white.svg') left center / 128px auto no-repeat}
@media(prefers-reduced-motion:reduce){.cl-startup-cover{display:none!important}html.cl-startup-pending #cl-startup-body{visibility:visible}html.cl-startup-pending{overflow:auto}}
@keyframes cl-startup-type {
  0% { width:0; }
  12% { width:14.2857%; }
  28% { width:28.5714%; }
  39% { width:42.8571%; }
  56% { width:57.1429%; }
  67% { width:71.4286%; }
  84% { width:85.7143%; }
  96%,100% { width:100%; }
}

.cl-startup-cover:focus{outline:none}

#landing-main:focus{outline:none}