.popover {
        position: absolute;
        z-index: 1000;
        opacity: 0;
        transform: scale(0.95);
        transition: opacity 0.2s ease-out, transform 0.2s ease-out;
        pointer-events: none;
    }
    .popover.show {
        opacity: 1;
        transform: scale(1);
        pointer-events: auto;
    }
    .popover-arrow {
        position: absolute;
        width: 12px;
        height: 12px;
        background: inherit;
        transform: rotate(45deg);
    }
    .popover-top .popover-arrow {
        bottom: -6px;
        left: 50%;
        margin-left: -6px;
    }
    .popover-bottom .popover-arrow {
        top: -6px;
        left: 50%;
        margin-left: -6px;
    }
    .popover-left .popover-arrow {
        right: -6px;
        top: 50%;
        margin-top: -6px;
    }
    .popover-right .popover-arrow {
        left: -6px;
        top: 50%;
        margin-top: -6px;
    }
    @keyframes popoverFadeIn {
        from {
            opacity: 0;
            transform: scale(0.95) translateY(-5px);
        }
        to {
            opacity: 1;
            transform: scale(1) translateY(0);
        }
    }
    .popover.show {
        animation: popoverFadeIn 0.2s ease-out;
    }