/* Shared by the application and server-rendered OAuth pages. Original PNG unchanged. */
.brand-mark { position: relative; display: inline-block; width: 30px; height: 20px; flex: 0 0 auto; overflow: hidden; vertical-align: middle; }
.brand-mark > img { position: absolute; width: 123.076923%; height: 123.076923%; max-width: none; left: -11.538462%; top: -15.384615%; }
.oauth-brand { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 24px; color: #f0f1f5; font-size: 17px; font-weight: 600; letter-spacing: -.025em; text-decoration: none; }
.oauth-brand:focus-visible { outline: 2px solid #9463ed; outline-offset: 4px; }
@media (max-width: 767px) { .brand-mark { width: 27px; height: 18px; } }