//
// _morris.scss
//

@use "../variables" as *;
@use "../utils/mixins" as *;

.morris-chart {
    text {
        font-family: $font-family-base !important;
        fill: $body-color;
    }
}
.morris-hover {
    position: absolute;
    z-index: 10;

    &.morris-default-style {
        font-size: 12px;
        text-align: center;
        border-radius: 5px;
        padding: 10px 12px;
        background: $gray-900;
        color: $gray-100;
        font-family: $font-family-base;

        .morris-hover-row-label {
            font-weight: bold;
            margin: 0.25em 0;
            font-family: $font-family-base;
        }

        .morris-hover-point {
            white-space: nowrap;
            margin: 0.1em 0;
            color: $white;
        }
    }
}