@use '@angular/material' as mat;

:host {
    display: block;
}

div.adf-tooltip-card {
    @include mat.elevation(8);

    background-color: var(--adf-theme-background-card-color);
    border: 1px solid var(--theme-primary-color);
    padding: 12px;
    border-radius: 6px;

    p,
    div {
        font-size: var(--theme-caption-font-size);
        color: var(--adf-theme-foreground-text-color-075);
        margin: 0;
    }

    hr {
        border: 1px solid var(--theme-primary-color);
        margin: 6px 0;
    }

    img {
        border-radius: 6px;
    }
}

::ng-deep .cdk-overlay-connected-position-bounding-box {
    margin-top: 10px;
}