@use "fonts" as *;

@mixin common-bootstrap-tooltip() {
    opacity: 1 !important;
    .tooltip-inner {
        color: #4a4a4a;
        text-align: left;
        padding: 8px !important;
        border-radius: 2px;
        background: white !important;
        box-shadow:
            0 6px 10px 0 rgba(0, 0, 0, 0.3),
            0 2px 2px 0 rgba(0, 0, 0, 0.2);
        @include fonts(Roboto, var(--page-message-content-fs), normal, normal, normal, normal, normal);
    }

    &.bs-tooltip-top .arrow::before {
        border-top: 6px solid white;
    }
    &.bs-tooltip-left .arrow::before {
        border-left: 6px solid white;
    }
    &.bs-tooltip-bottom .arrow::before {
        border-bottom: 6px solid white;
    }
    &.bs-tooltip-right .arrow::before {
        border-right: 5px solid white;
    }
}