.brand-lockup {
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    align-items: baseline;
    color: inherit;
    font-family: var(--font-family);
    font-weight: 700;
    font-synthesis: none;
    line-height: 1;
    letter-spacing: 0;
    white-space: nowrap;
}

.brand-lockup__glyph {
    position: relative;
    display: inline-block;
    width: 1.041667cap;
    height: 1cap;
    flex: 0 0 auto;
    align-self: baseline;
}

.brand-lockup__image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.brand-lockup__image--light {
    display: none;
}

[data-theme="light"] .brand-lockup__image--dark {
    display: none;
}

[data-theme="light"] .brand-lockup__image--light {
    display: block;
}

.auth-v3 .brand-lockup__image--dark {
    display: none;
}

.auth-v3 .brand-lockup__image--light {
    display: block;
}

.brand-lockup__tail {
    display: inline-block;
}

.auth-logo .brand-lockup {
    font-size: 1.75rem;
}

@supports not (height: 1cap) {
    .brand-lockup__glyph {
        width: .76em;
        height: .73em;
    }
}

@media (max-width: 480px) {
    .auth-logo .brand-lockup {
        font-size: 1.5rem;
    }
}

@media (max-width: 375px) {
    .auth-logo .brand-lockup {
        font-size: 1.25rem;
    }
}