.tippy-box[data-animation="shift-away"][data-state="hidden"] {
    opacity: 0;

    &[data-placement^="top"] {
        transform: translateY(10px);
    }

    &[data-placement^="bottom"] {
        transform: translateY(-10px);
    }

    &[data-placement^="left"] {
        transform: translateX(10px);
    }

    &[data-placement^="right"] {
        transform: translateX(-10px);
    }
}