.brand-logo {
    display: block;
    height: auto;
    object-fit: contain;
}

.brand-logo-md {
    max-width: 220px;
    width: min(220px, 72vw);
    margin-inline: auto;
}

.brand-logo-sm {
    max-width: 140px;
    width: min(140px, 50vw);
    margin-inline: auto;
}

.brand-logo-xs {
    width: 28px;
    height: 28px;
    border-radius: 6px;
    object-fit: cover;
}

.brand-logo-chrome {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    object-fit: cover;
    flex-shrink: 0;
}

.brand-logo-lock {
    width: 72px;
    height: 72px;
    border-radius: 12px;
    object-fit: cover;
    margin-inline: auto;
}

.wp-menu-brand-logo-link {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    line-height: 0;
}

.wp-menu-brand-logo-link:hover {
    opacity: 0.9;
}

.login-brand-logo {
    margin-bottom: 0.75rem;
}

.login-brand-compact .login-brand-logo {
    margin-bottom: 0.5rem;
}

.login-brand-compact .brand-logo-md {
    max-width: 160px;
}