.popover {
    background: none;
    color: white;
    border-radius: 8px;
    box-shadow: 0 0 10px 0 #000000bd;
    border: 0;
    max-width: 500px;
}

.popover-body {
    background-color: var(--vm-background-secondary2);
    border-radius: 8px;
    color: white;
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
    border-right-color: var(--vm-background-secondary2) !important;
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
    border-left-color: var(--vm-background-secondary2) !important;
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
    border-top-color: var(--vm-background-secondary2) !important;
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
    border-bottom-color: var(--vm-background-secondary2) !important;
}