[data-tooltip]{position:relative;cursor:pointer}[data-tooltip]:before,[data-tooltip]:after{visibility:hidden;opacity:0;pointer-events:none;transition:.3s}[data-tooltip]:before{position:absolute;bottom:calc(100% + 10px);left:50%;margin-bottom:5px;transform:translateX(-50%);padding:7px;width:max-content;max-width:120px;border-radius:10px;background-color:#f2f5c5;color:#000;content:attr(data-tooltip);text-align:center;font-size:14px;line-height:1.2;z-index:13000;word-break:keep-all;padding:8px 14px}[data-tooltip]:after{position:absolute;bottom:calc(100% + 10px);left:50%;margin-left:-5px;width:0;border-top:5px solid #f2f5c5;border-right:5px solid transparent;border-left:5px solid transparent;content:" ";font-size:0;line-height:0;z-index:13000}[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip].active-tooltip:before,[data-tooltip].active-tooltip:after{visibility:visible;opacity:1}