.brand-logo{--brand-logo-mark-size:34px;--brand-logo-blue:#2563eb;min-width:0;color:inherit;font-size:inherit;align-items:center;gap:10px;line-height:1;display:inline-flex}.brand-logo--sm{--brand-logo-mark-size:30px;gap:8px}.brand-logo--md{--brand-logo-mark-size:34px}.brand-logo--lg{--brand-logo-mark-size:38px}.brand-logo-mark{width:var(--brand-logo-mark-size);height:var(--brand-logo-mark-size);border-radius:calc(var(--brand-logo-mark-size) * .3);background:var(--brand-logo-blue);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:visible;box-shadow:0 8px 18px #2563eb3d}.brand-logo-mark-letters{letter-spacing:-.04em;font-family:inherit;font-weight:800;font-size:calc(var(--brand-logo-mark-size) * .46);-webkit-user-select:none;user-select:none;line-height:1}.brand-logo-mark-dot{top:calc(var(--brand-logo-mark-size) * .13);right:calc(var(--brand-logo-mark-size) * .13);width:calc(var(--brand-logo-mark-size) * .14);height:calc(var(--brand-logo-mark-size) * .14);opacity:.85;border-radius:50%;position:absolute}.brand-logo-mark-letters{color:#fff}.brand-logo-mark-dot{background:#fff}[data-theme=dark] .brand-logo-mark-letters{color:#fff}[data-theme=dark] .brand-logo-mark-dot{background:#fff}.brand-logo-wordmark{white-space:nowrap;align-items:baseline;gap:8px;min-width:0;display:inline-flex}.brand-logo-wordmark-main{letter-spacing:-.02em;font-size:1em;font-weight:750;display:inline}.brand-logo-wordmark-creator{color:var(--brand-logo-blue)}.brand-logo-wordmark-note{color:#0f172a}[data-theme=dark] .brand-logo-wordmark-note{color:#f8fafc}.brand-logo-wordmark-suffix{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);font-size:.62em;font-weight:700}