lui-logo {
    display: inline-block
}

lui-logo .image {
    width: 108px;
    height: auto
}

@media (min-width: 1024px) {
    lui-logo .image {
        width:128px
    }
}

@media (min-width: 1360px) {
    lui-logo .image {
        width:150px
    }
}

lui-logo[desc] .logo-container>* {
    vertical-align: middle;
    display: inline-block
}

lui-logo[desc] .logo-link {
    padding-right: var(--offset-md-m);
    margin-right: var(--offset-md-l);
    border-right: var(--border-width-xs)solid var(--color-stroke-accent)
}

lui-logo[desc] .logo-desc {
    color: var(--color-text-primary);
    font-family: NunitoSans Regular;
    font-size: 14px;
    line-height: 16px
}

.logo-link {
    display: flex
}
