.cibor-tooltip {
    position: absolute;
    background-color: var(--cibor-toast-background);
    color: white;
    z-index: 10000;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 14px;
    pointer-events: none;
}

.cibor-tooltip::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
}

.cibor-tooltip-top::after {
    border-width: 5px 5px 0 5px;
    border-color: var(--cibor-toast-background) transparent transparent transparent;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}

.cibor-tooltip-bottom::after {
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent var(--cibor-toast-background) transparent;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
}

.cibor-tooltip-left::after {
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent var(--cibor-toast-background);
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
}

.cibor-tooltip-right::after {
    border-width: 5px 5px 5px 0;
    border-color: transparent var(--cibor-toast-background) transparent transparent;
    left: -5px;
    top: 50%;
    transform: translateY(-50%);
}