.annotated-image{min-width:0;margin:0}.annotated-image__surface{border-radius:var(--radius-md);position:relative;overflow:visible}.annotated-image__surface[data-editable=true]{touch-action:none;cursor:crosshair}.annotated-image img{width:100%;height:auto;display:block}.annotated-image svg{color:var(--color-lime);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.annotated-image svg rect,.annotated-image svg line{fill:none;stroke:currentColor;stroke-width:3px;vector-effect:non-scaling-stroke}.annotated-image svg circle{fill:currentColor}.annotated-image__pin{--annotation-color:var(--color-lime);--annotation-ink:var(--color-bg);background:var(--annotation-color,var(--color-lime));width:1.75rem;height:1.75rem;color:var(--annotation-ink,var(--color-bg));box-shadow:0 0 0 2px var(--color-bg);border-radius:50%;place-items:center;margin:-.875rem 0 0 -.875rem;font-weight:800;display:grid;position:absolute}.annotated-image__pin:focus-within,.annotated-image__pin:hover{z-index:3}.annotated-image__pin .help-tip__trigger{background:var(--annotation-color,var(--color-lime));color:var(--annotation-ink,var(--color-bg));border-color:var(--color-bg);font-variant-numeric:tabular-nums;font-size:.75rem;line-height:1}@media (any-pointer:coarse){.annotated-image__pin{width:2.75rem;height:2.75rem;margin:-1.375rem 0 0 -1.375rem}}.annotated-image__pin .help-tip__content{text-align:start;max-width:min(18rem,65vw)}.annotated-image figcaption{color:var(--color-text-muted);overflow-wrap:anywhere;font-size:.875rem}@media (width<=600px){.annotated-image__pin .help-tip__content{inset:auto var(--space-4) 6rem;width:auto;max-width:none;max-height:50vh;position:fixed;overflow-y:auto}}