[data-tooltip]{position:relative;z-index:2;cursor:pointer}[data-tooltip]:before,[data-tooltip]:after{visibility:hidden;opacity:0;pointer-events:none}[data-tooltip]:before{position:absolute;bottom:120%;left:50%;min-width:80px;width:auto;padding:7px 14px;border-radius:3px;background-color:var(--dd-tooltip-color,hsl(0 0% 20% / .9));color:var(--dd-tooltip-text-color,#fff);content:attr(data-tooltip);text-align:center;font-size:14px;line-height:1.4em;white-space:nowrap;transform:translate(-50%,0) translateZ(0);transition:opacity 300ms linear}[data-tooltip]:after{position:absolute;bottom:120%;left:50%;margin-left:-5px;width:0;border-bottom:5px solid var(--dd-tooltip-color,hsl(0 0% 20% / .9));border-right:5px solid #fff0;border-left:5px solid #fff0;content:" ";font-size:0;line-height:0;transition:opacity 300ms linear;transform-origin:bottom;transform:rotate(180deg)}@media (hover:hover){.not-touch-device [data-tooltip]:hover:before,.not-touch-device [data-tooltip]:hover:after,.not-touch-device [data-tooltip].highlight:before,.not-touch-device [data-tooltip].highlight:after{visibility:visible;opacity:1}}[data-tooltip].dd-tooltip-active:before,[data-tooltip].dd-tooltip-active:after{visibility:visible;opacity:1}