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

:host {
    display: block;
}

a {
    --dx-c-max-lines: var(--dx-c-title-max-lines, 3);

    color: var(--dx-g-blue-vibrant-50);
    flex-grow: 1;
    font-family: var(--dx-g-font-sans);
    font-size: var(--dx-g-text-sm);
    font-weight: var(--dx-g-font-demi);
}

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

a + * {
    margin-left: var(--dx-g-spacing-sm);
}

.card-container {
    align-items: center;
    border-bottom: 1px solid var(--sds-g-gray-4);
    display: flex;
    padding: var(--dx-g-spacing-smd) 0;
}