.topbar .branding-logo {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: 0;
    height: 72px;
    max-width: min(430px, 45vw);
}

.topbar .branding-logo picture {
    display: flex;
    align-items: center;
    height: 100%;
    max-width: 100%;
}

.topbar .branding-logo img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 100%;
}

.topbar .branding-logo:focus-visible {
    outline: 2px solid #ed3237;
    outline-offset: 3px;
    border-radius: 4px;
}

@media (max-width: 680px) {
    .topbar .branding-logo {
        height: 40px;
        max-width: min(230px, calc(100vw - 88px));
    }

    .topbar .branding-logo img {
        width: auto;
        max-width: 100%;
        height: 100%;
    }
}