/* Velnio: one generated symbol and one live, accessible wordmark. */
:root{--brand-symbol-size:44px;--brand-wordmark-size:24px;--brand-gap:12px}
.brand{gap:var(--brand-gap);letter-spacing:0}
.brand-symbol{display:block;width:var(--brand-symbol-size);height:var(--brand-symbol-size);object-fit:contain;flex:none;border:0;border-radius:0;background:transparent;box-shadow:none}
.brand-wordmark{font:700 var(--brand-wordmark-size)/1.1 var(--font-display);letter-spacing:-.04em;color:var(--ink)}
.brand-wordmark small{display:block;margin-top:7px;font:600 9px/1.4 var(--font-body);letter-spacing:.12em;color:var(--muted)}
.login-aside-top .login-aside-logo{width:44px;height:44px;background:transparent;border:0;border-radius:0;box-shadow:none}
.login-aside-top .brand-wordmark{font-size:24px;letter-spacing:-.04em}
.login-aside-top .brand-wordmark small{color:var(--muted)}
.settings-layout .image-preview{object-fit:contain;object-position:left center}
[data-theme=light] .login-aside-top .brand-wordmark{color:#fff}
[data-theme=light] .login-aside-top .brand-wordmark small{color:#d7e3ff}
@media(max-width:680px){:root{--brand-symbol-size:40px;--brand-wordmark-size:22px}.login-aside-top .brand-symbol{width:44px;height:44px}}