.glossary-tooltip { display:inline; position:relative; z-index:999; }  .glossary-tooltip a, .glossary-underline { background:rgba(0, 0, 0, 0.1); cursor:pointer; display:inline-block; font-weight:700; padding:0 10px; border:0px !important; } .glossary-tooltip-text a, .glossary-tooltip-text-mobile a { background:none; } .glossary-tooltip a.glossary-external-link::after { content:""; display:inline-block; margin-left:5px; width:14px; height:16px; background-size:14px 16px; -webkit-mask-image:url("data:image/svg+xml,%3Csvg%20height%3D%221024%22%20width%3D%22768%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M640%20768H128V257.90599999999995L256%20256V128H0v768h768V576H640V768zM384%20128l128%20128L320%20448l128%20128%20192-192%20128%20128V128H384z%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); mask-image:url("data:image/svg+xml,%3Csvg%20height%3D%221024%22%20width%3D%22768%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M640%20768H128V257.90599999999995L256%20256V128H0v768h768V576H640V768zM384%20128l128%20128L320%20448l128%20128%20192-192%20128%20128V128H384z%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); -webkit-mask-size:cover; mask-size:cover; background:black; }  .glossary-tooltip::after { content:""; position:absolute; display:none; width:360px; height:20px; bottom:100%; left:50%; pointer-events:none; -webkit-transform:translateX(-50%); transform:translateX(-50%); } .glossary-tooltip:hover .glossary-tooltip::after, .glossary-tooltip:focus .glossary-tooltip::after, .glossary-tooltip:active .glossary-tooltip::after { pointer-events:auto; position:absolute; display:block; visibility:visible; top:unset; }  .glossary-tooltip-content { position:absolute; z-index:9999; display:none; width:360px; left:50%; margin:0 0 20px -180px; bottom:100%; text-align:left; box-shadow:-5px -5px 15px rgba(48, 54, 61, 0.2); background:#2a3035; opacity:0; cursor:default; pointer-events:none; -webkit-transform:translate3d(0, -10px, 0); transform:translate3d(0, -10px, 0); -webkit-transition:opacity 0.3s, -webkit-transform 0.3s; transition:opacity 0.3s, transform 0.3s; } .glossary-tooltip:hover .glossary-tooltip-content, .glossary-tooltip:focus .glossary-tooltip-content, .glossary-tooltip:active .glossary-tooltip-content { pointer-events:auto; opacity:1; position:absolute; display:block !important; visibility:visible !important; top:unset; -webkit-transform:translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); transform:translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); }  .glossary-tooltip-content::after { content:""; top:100%; left:50%; border:solid transparent; height:0; width:0; position:absolute; pointer-events:none; border-color:transparent; border-top-color:#2a3035; border-width:10px; margin-left:-10px; }  .glossary-tooltip-content img, .glossary-tooltip-content-mobile img { position:relative; height:150px; display:block; float:left; margin-right:1em; } .glossary-tooltip-text { display:block; padding:1.31em 1.21em 1.21em 1.31em; color:#fff; } .glossary-tooltip-text a { font-weight:bold; } .glossary-underline { text-decoration:underline; } .rtl .glossary-tooltip-content { text-align:right; }