.tooltip-word{position:relative;border-bottom:1px dotted var(--accent-gold);cursor:help;color:var(--text-ink);transition:color .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}@media(hover:hover){.tooltip-word:hover{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}}.tooltip-popup{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1000;min-width:200px;max-width:280px;padding:12px 16px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h100v100H0z' fill='%23ffffff'/%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23e0e0e0' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");border:1px solid rgba(0,0,0,.12);border-radius:8px;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a,inset 0 1px #ffffffe6;font-family:var(--font-sans);font-size:.875rem;line-height:1.5;color:var(--text-faded);text-align:center;opacity:0;visibility:hidden;transform:translate(-50%) translateY(-4px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;-webkit-user-select:none;user-select:none;pointer-events:none}.tooltip-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #ffffff;filter:drop-shadow(0 2px 1px rgba(0,0,0,.05))}@media(hover:hover){.tooltip-word:hover .tooltip-popup{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}}.tooltip-word.active .tooltip-popup{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.tooltip-word .tooltip-popup.align-left{left:0;transform:translate(0)}.tooltip-word .tooltip-popup.align-left:after{left:20px;transform:translate(0)}.tooltip-word .tooltip-popup.align-right{left:auto;right:0;transform:translate(0)}.tooltip-word .tooltip-popup.align-right:after{left:auto;right:20px;transform:translate(0)}.tooltip-word:hover .tooltip-popup.align-left,.tooltip-word.active .tooltip-popup.align-left,.tooltip-word:hover .tooltip-popup.align-right,.tooltip-word.active .tooltip-popup.align-right{transform:translate(0) translateY(0)}@media(max-width:768px){.tooltip-popup{max-width:90vw;min-width:180px;font-size:.8125rem;padding:10px 14px;bottom:auto;top:calc(100% + 8px)}.tooltip-popup:after{top:auto;bottom:100%;border-top:none;border-bottom:6px solid #ffffff}.tooltip-word:hover .tooltip-popup,.tooltip-word.active .tooltip-popup{transform:translate(-50%) translateY(0)}.tooltip-word:hover .tooltip-popup.align-left,.tooltip-word.active .tooltip-popup.align-left,.tooltip-word:hover .tooltip-popup.align-right,.tooltip-word.active .tooltip-popup.align-right{transform:translate(0) translateY(0)}.tooltip-word{padding:2px 0;margin:-2px 0}}.tooltip-word:focus{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:2px}.tooltip-word:focus .tooltip-popup{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(prefers-reduced-motion:reduce){.tooltip-popup{animation:none!important}}
