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

:host {
    --heading-offset: var(--dx-g-spacing-sm);
}

.has-icon .dx-card-base_section-horizontal:last-of-type > *:first-child {
    margin-top: var(--heading-offset);
}

.card-small {
    display: flex;
    flex-direction: row;
}

/* mobile responsiveness */
@media screen and (max-width: 1024px) {
    :host {
        --heading-offset: var(--dx-g-spacing-xs);
    }

    dx-icon-badge {
        --dx-c-icon-badge-size: var(--dx-g-spacing-lg);
        --dx-c-icon-badge-icon-size: var(--dx-g-icon-size-xs);
    }
}