.appmap[data-v-a23e9793]{background:var(--surface-2,#e9eef0);border:1px solid var(--border,rgba(0,0,0,.08));border-radius:14px;overflow:hidden;position:relative;width:100%}.appmap-canvas[data-v-a23e9793]{inset:0;position:absolute}.appmap-canvas[data-v-a23e9793] .ol-viewport{border-radius:inherit}.appmap-state[data-v-a23e9793]{align-items:center;color:var(--muted);display:flex;flex-direction:column;font-size:14px;gap:8px;inset:0;justify-content:center;position:absolute}.appmap-state .loadt[data-v-a23e9793]{color:var(--muted);font-size:13px}.appmap-state.err[data-v-a23e9793]{gap:6px;padding:12px 16px;text-align:center}.appmap-state.err>svg[data-v-a23e9793]{color:var(--muted);height:26px;width:26px}.appmap-state.err[data-v-a23e9793]{background:var(--surface-2)}.appmap-state .errt[data-v-a23e9793]{color:var(--fg);font-size:15px;font-weight:800}.appmap-state .erraddr[data-v-a23e9793]{color:var(--fg);font-size:14px;font-weight:700;line-height:1.5;margin:0;word-break:keep-all}.appmap-state .errbtn[data-v-a23e9793]{background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;color:var(--fg);cursor:pointer;font:inherit;font-size:14px;font-weight:800;margin-top:4px;min-height:44px;padding:0 18px}.appmap-state .errbtn[data-v-a23e9793]:focus-visible{outline:2px solid var(--signal,#f76a2b);outline-offset:1px}.appmap-state .spin[data-v-a23e9793]{animation:appmap-spin-a23e9793 .8s linear infinite;border:3px solid var(--border,rgba(0,0,0,.12));border-radius:50%;border-top-color:var(--signal,#f76a2b);height:24px;width:24px}@keyframes appmap-spin-a23e9793{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.appmap-state .spin[data-v-a23e9793]{animation:none}}.appmap-hint[data-v-a23e9793]{background:color-mix(in srgb,var(--surface) 88%,transparent);border-radius:10px;bottom:10px;box-shadow:0 2px 10px #0000001f;color:var(--fg);font-size:13px;left:10px;margin:0;padding:7px 12px;pointer-events:none;position:absolute;right:10px;text-align:center}