.brand-logo-img {
    display: block;
    width: auto;
    height: 42px;
    max-width: min(220px, 100%);
    object-fit: contain;
}

.brand-mark-img {
    display: block;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    object-fit: contain;
}

.auth-brand .brand-logo-img {
    height: 52px;
    max-width: 228px;
}

.l-brand .brand-logo-img {
    height: 44px;
    max-width: 194px;
}

.l-footer .brand-logo-img {
    height: 38px;
}

@media (max-width: 640px) {
    .brand-logo-img,
    .l-brand .brand-logo-img {
        height: 38px;
        max-width: 174px;
    }

    .brand-mark-img {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }
}