.app-product-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.app-product-logo {
    display: block;
    width: auto;
    height: 38px;
    max-width: min(220px, 48vw);
    object-fit: contain;
}

.app-product-logo--topbar {
    height: 36px;
    max-width: min(190px, 42vw);
    padding: 2px 0;
}

.app-product-logo--black {
    filter: grayscale(1) brightness(.2);
}

.app-product-logo--white {
    filter: brightness(0) invert(1);
}

.app-product-logo--card {
    height: 50px;
    max-width: min(260px, 70vw);
    margin-bottom: 18px;
}

.app-product-logo--popup {
    height: 30px;
    max-width: 160px;
    margin-bottom: 10px;
}

.app-product-brand__context {
    font-size: .9rem;
    font-weight: 700;
    white-space: nowrap;
}

@media (max-width: 575.98px) {
    .app-product-logo--topbar {
        height: 32px;
        max-width: 145px;
    }

    .app-product-brand__context {
        display: none;
    }
}