@import "../../node_modules/tippy.js/dist/tippy.css";

.tippy-box[data-theme~="virtual"] {
    @apply text-iron bg-white shadow-xl;
}

.tippy-box[data-theme~="virtual"][data-placement^="top"] > .tippy-arrow:before {
    @apply border-t-white;
}

.tippy-box[data-theme~="virtual"][data-placement^="bottom"]
    > .tippy-arrow:before {
    @apply border-b-white;
}

.tippy-box[data-theme~="virtual"][data-placement^="left"]
    > .tippy-arrow:before {
    @apply border-l-white;
}

.tippy-box[data-theme~="virtual"][data-placement^="right"]
    > .tippy-arrow:before {
    @apply border-r-white;
}

.tippy-box[data-theme~="virtual"] > .tippy-backdrop {
    @apply bg-white;
}

.tippy-box[data-theme~="virtual"] > .tippy-svg-arrow {
    @apply fill-white;
}

.tippy-box[data-theme~="virtual"] > .tippy-content {
    @apply text-sm lg:text-base p-4;
}