.glossary-html-container .glossary-term-inline{cursor:help;border-bottom:1px dotted;transition:color .15s;position:relative}.glossary-html-container .glossary-term-inline:hover{color:var(--kreckler-red,#c41e3a)}.glossary-html-container .glossary-term-inline:before{content:attr(data-glossary-term);background:var(--kreckler-dark);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;z-index:50;pointer-events:none;border-radius:4px;padding:.5rem .75rem;font-size:.75rem;font-weight:600;transition:opacity .2s,visibility .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.glossary-html-container .glossary-term-inline:after{content:attr(data-glossary-def);background:var(--kreckler-dark,#1a1a1a);color:#fff;text-align:left;opacity:0;visibility:hidden;z-index:50;pointer-events:none;word-wrap:break-word;overflow-wrap:break-word;border-left:3px solid var(--kreckler-red,#c41e3a);border-radius:2px;width:auto;max-width:calc(100vw - 2rem);padding:.875rem 1rem;font-size:.8125rem;line-height:1.5;transition:opacity .15s,visibility .15s;position:fixed;top:auto;bottom:1rem;left:1rem;right:1rem;transform:none;box-shadow:0 8px 24px #0003}.glossary-html-container .glossary-term-inline:hover:after{opacity:1;visibility:visible}.glossary-html-container .glossary-term-inline:hover:before{display:none}@media (min-width:768px){.glossary-html-container .glossary-term-inline:after{width:max-content;max-width:min(300px,50vw);position:absolute;top:auto;bottom:100%;left:50%;right:auto;transform:translate(-50%)translateY(12px)}.glossary-html-container .glossary-term-inline:hover:after{transform:translate(-50%)translateY(-8px)}.glossary-html-container .glossary-term-inline:hover:before{content:"";border:6px solid #0000;border-top:6px solid var(--kreckler-dark,#1a1a1a);opacity:1;visibility:visible;display:block;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}}