:root {
    --dokka-logo-image-url: url('../images/white-logo.png');
    --logo-size: 150px;
}

/* logo custom rules styles */
.library-name--link::before {
    display: inline-block;
    content: "";
    background-image: var(--dokka-logo-image-url);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    /* Overriding Dokka's 36px restriction */
    width: 40px;
    height: var(--logo-size);
    max-width: 40px !important;
    /*min-width: var(--logo-size);*/
    max-height: 40px;
    /* Decreased margin to the text */
    margin-right: 6px;

    vertical-align: middle;
}

.library-name--link {
    display: flex;
    align-items: center;
    /* Ensure the text doesn't wrap awkwardly next to the larger logo */
    white-space: nowrap;
}