@layer bk.components{.logo{align-items:center;gap:calc(var(--space-xs) * 1.25);font-size:var(--bk-type-body-size,14px);cursor:default;flex-shrink:0;display:flex}.logo__icon{color:var(--accent);flex-shrink:0}.logo__text{flex-direction:column;line-height:1;display:flex}.logo__title{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-weight:700}.logo__name-row{justify-content:space-between;align-items:baseline;gap:var(--space-xs);display:flex}.logo__version{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em}.logo__tagline{font-family:var(--font-mono);color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-xs)}.logo--sm{gap:var(--space-xs)}.logo--md{gap:calc(var(--space-xs) * 1.25)}.logo--lg{gap:calc(var(--space-xs) * 1.5)}}