.custom-tooltip{position:relative;display:inline-block;cursor:help;border-bottom:1px dotted currentColor}.custom-tooltip::after{content:attr(data-tooltip);position:absolute;left:50%;bottom: calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:min(280px,80vw);padding:8px 10px;background:#222;color:#fff;border-radius:4px;font-size:14px;font-weight:400;line-height:1.4;text-align:left;white-space:normal;box-shadow:0 4px 12px rgba(0,0,0,.18);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease , visibility .15s ease;z-index:999999}.custom-tooltip::before{content:"";position:absolute;left:50%;bottom: calc(100% + 2px);transform:translateX(-50%);border:6px solid transparent;border-top-color:#222;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease , visibility .15s ease;z-index:999999}.custom-tooltip:hover::after,.custom-tooltip:hover::before,.custom-tooltip:focus::after,.custom-tooltip:focus::before{opacity:1;visibility:visible}@media (hover:none){.custom-tooltip:focus::after,.custom-tooltip:focus::before{opacity:1;visibility:visible}}