/* Animated wordmark ↔ symbol */
.top .logo{display:inline-flex;align-items:center;line-height:1}
.dw-logo{display:inline-flex;align-items:baseline;white-space:nowrap}
.dw-logo__ch{display:inline-block;overflow:hidden;max-width:var(--w,1em);opacity:1;transform:none;
  transition:max-width .42s cubic-bezier(.65,0,.35,1) calc(var(--i,0) * 18ms),opacity .28s ease calc(var(--i,0) * 18ms),transform .42s cubic-bezier(.65,0,.35,1) calc(var(--i,0) * 18ms)}
.dw-logo__ch.is-accent{color:var(--accent)}
.dw-logo__ch.is-dot{color:var(--accent);transition:transform .45s cubic-bezier(.34,1.56,.64,1) .12s}
.logo.is-compact:not(.is-peek) .dw-logo__ch:not(.is-keep){max-width:0;opacity:0;transform:translateY(-.25em) scale(.9)}
.logo.is-compact:not(.is-peek) .dw-logo__ch.is-dot{transform:scale(1.35) translateY(-.02em)}
.logo.is-compact:not(.is-peek) .dw-logo__ch:not(.is-keep){transition-delay:calc((8 - var(--i,0)) * 16ms)}
@media (prefers-reduced-motion:reduce){.dw-logo__ch,.dw-logo__ch.is-dot{transition:none!important}}
/* the Archive theme has a fixed sidebar logo: keep the full wordmark there */
@media (min-width:1051px){body[data-theme="archive"] .logo.is-compact .dw-logo__ch{max-width:var(--w,1em)!important;opacity:1!important;transform:none!important}}