@import "dxHelpers/reset";
@import "dxHelpers/text";

:host {
    --dx-c-logo-label-color: var(--dx-g-blue-vibrant-20);

    flex-shrink: 0;
}

a {
    transition: var(--dx-g-transition-hue-1x);
    display: flex;
    align-items: center;
}

a:hover {
    color: var(--dx-g-blue-vibrant-40);
}

.logo-link {
    flex-shrink: 0;
    margin-right: var(--dx-g-spacing-xs);
}

.logo-link > span {
    color: var(--dx-c-logo-label-color);
}

.logo-link > img {
    margin-right: var(--dx-g-spacing-sm);
    width: 28px;
}