.bk-logo{flex:none}.bk-logo--sm{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-tile)}.bk-logo--md{width:calc(var(--space-16) + var(--space-5));height:calc(var(--space-10) + var(--space-1-5));border-radius:var(--radius-sm)}.bk-logo--lg{width:calc(var(--space-16) * 2);height:var(--space-14);border-radius:var(--radius-md)}.bk-logo--xl{width:calc(var(--space-10) * 2.5);height:calc(var(--space-10) * 2.5);border-radius:var(--radius-md)}.bk-logo-img{background:var(--color-surface);border:1px solid var(--color-plate-border)}.bk-logo-img img{object-fit:contain;padding:var(--space-3)}.bk-logo--sm.bk-logo-img img{object-fit:contain;padding:var(--space-1)}.bk-logo--md.bk-logo-img img,.bk-logo--lg.bk-logo-img img{object-fit:contain;padding:var(--space-2)}.bk-logo--xl.bk-logo-img img{object-fit:contain;padding:var(--space-3)}.bk-logo[data-mark]{background:var(--color-surface-inverse)}.bk-logo[data-mark]:after{font-weight:var(--font-weight-bold);letter-spacing:0;color:var(--color-on-accent)}.bk-logo--sm[data-mark]:after{font-size:var(--font-size-md)}.bk-logo--md[data-mark]{width:calc(var(--space-10) + var(--space-1-5))}.bk-logo--md[data-mark]:after{font-size:var(--font-size-heading)}.bk-logo--lg[data-mark]{width:var(--space-14)}.bk-logo--lg[data-mark]:after{font-size:var(--font-size-title-sm)}.bk-logo--xl[data-mark]:after{font-size:var(--font-size-title)}.bk-logo--sm[data-compact-mark]:not([data-mark]){background:var(--color-action-soft)}.bk-logo--sm[data-compact-mark]:not([data-mark]):after{content:attr(data-compact-mark);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:0;color:var(--color-heading)}.bk-logo[data-fit]:after{padding:var(--space-2);text-align:center;white-space:normal;overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual;line-height:1.2}.bk-logo[data-fit=lg]:after{font-size:var(--font-size-md);letter-spacing:1px}.bk-logo[data-fit=sm]:after{font-size:var(--font-size-xs);letter-spacing:.5px}.bk-logo[data-fit=mark][data-compact-mark]:after{content:attr(data-compact-mark);font-size:var(--font-size-title);letter-spacing:0}@media (max-width:720px){.bk-logo--xl{width:var(--space-10);height:var(--space-10)}.bk-logo--xl[data-compact-mark]:after{content:attr(data-compact-mark);font-size:var(--font-size-lead);letter-spacing:0;padding:0}}
