.dh{touch-action:none;background:radial-gradient(120% 90% at 50% 0,#f4f2ee 0%,#e4e1db 100%);min-height:0;position:relative;overflow:hidden}.dh--dark{background:radial-gradient(120% 90% at 50% 0,#26252c 0%,#121116 100%)}.dh__canvas{outline:none;width:100%;height:100%;display:block}.dh__labels{pointer-events:none;position:absolute;inset:0}.dh__lab{pointer-events:auto;color:#16151a;max-width:180px;font:inherit;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;will-change:transform;background:#ffffffeb;border:1px solid #00000014;border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:750;line-height:1.2;transition:background .15s,color .15s,box-shadow .15s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 4px 14px #00000029}.dh--dark .dh__lab{color:#f2f0f4;background:#1c1b20eb;border-color:#ffffff1a}.dh__lab.on,.dh__lab.hv,.dh__lab:focus-visible{background:var(--accent);color:var(--brand-contrast,#fff);border-color:#0000}.dh__lab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dh__fail{text-align:center;color:#5a5660;place-items:center;margin:0;padding:24px;font-size:14px;font-weight:650;display:grid;position:absolute;inset:0}.dh--dark .dh__fail{color:#b4afba}.dh__spin{border:3px solid #7f7f7f40;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;animation:.9s linear infinite dhSpin;position:absolute;top:50%;left:50%}@keyframes dhSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dh__spin{animation-duration:3s}.dh__lab{transition:none}}