html,body{padding:0;margin:0}.custom-tooltip{display:inline-block;position:relative;cursor:help;font-weight:700;border-bottom:1px dashed #3182CE;transition:all .2s ease-in-out}.custom-tooltip:hover{color:#3182ce;border-bottom-color:#3182ce}.custom-tooltip:hover:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:#2d3748;color:#fff;padding:5px 10px;border-radius:4px;font-weight:400;font-style:italic;font-size:14px;white-space:nowrap;z-index:100;box-shadow:0 3px 8px #0000004d;opacity:0;animation:tooltipFade .3s ease-in-out forwards}.custom-tooltip:hover:before{content:"";position:absolute;bottom:75%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#2d3748;z-index:100;opacity:0;animation:tooltipFade .3s ease-in-out forwards}@keyframes tooltipFade{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (prefers-color-scheme: dark){.custom-tooltip:hover:after{background-color:#4a5568;color:#edf2f7}.custom-tooltip:hover:before{border-top-color:#4a5568}}