:root {
    --parrot-logo-primary: rgb(236, 31, 35);
}

.parrot-brand-name {
    color: var(--parrot-logo-primary);
}

.parrot-brand-logo-frame {
    display: inline-block;
    overflow: hidden;
    line-height: 0;
}

.parrot-brand-logo {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 52%;
}

.login-brand .parrot-brand-logo-frame {
    width: min(13rem, 100%);
    height: 6.5rem;
}

#menu-content .parrot-brand-logo-frame {
    width: min(9rem, 100%);
    height: 4.5rem;
}

#erpHomeMenu .parrot-brand-logo-frame {
    width: min(17rem, 100%);
    height: 8.5rem;
}