.tooltip{transition:all .5s ease-in-out}.tooltip[data-placement=bottom]{--tooltip-transform-translate-y: -5px}.tooltip[data-placement=top]{--tooltip-transform-translate-y: 5px;--tooltip-arrow-transform-rotate: 180deg}.tooltip[data-placement=right]{--tooltip-transform-translate-x: -5px;--tooltip-arrow-transform-rotate: -90deg}.tooltip[data-placement=left]{--tooltip-transform-translate-x: 5px;--tooltip-arrow-transform-rotate: 90deg}.tooltip[data-entering],.tooltip[data-exiting]{opacity:0;transform:translateY(var(--tooltip-transform-translate-y, 0px)) translate(var(--tooltip-transform-translate-x, 0px))}.tooltip .overlay-arrow svg{transform:rotate(var(--tooltip-arrow-transform-rotate, 0deg)) translateY(5px)}