.ibz-tooltip-wrapper {
    width: 0;
    height: 0;
}

.ibz-tooltip {
    position: absolute;
    left: -9999px;
    background-color: #48a6f3;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    border-radius: 4px;

    .content {
        padding: 4px 8px;
    }
}

.ibz-tooltip-arrow,
.ibz-tooltip-arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    z-index: -1;
}

.ibz-tooltip-arrow::before {
    content: '';
    transform: rotate(45deg);
    background-color: rgb(72, 166, 243);
}

.ibz-tooltip[data-popper-placement^='top'] {

    >.ibz-tooltip-arrow {
        bottom: -4px;
    }
}

.ibz-tooltip[data-popper-placement^='bottom'] {

    >.ibz-tooltip-arrow {
        top: -4px;
    }
}

.ibz-tooltip[data-popper-placement^='left'] {

    >.ibz-tooltip-arrow {
        right: -4px;
    }
}

.ibz-tooltip[data-popper-placement^='right'] {

    >.ibz-tooltip-arrow {
        left: -4px;
    }
}