.bubble {
    max-width: 40rem;
    position: absolute;
    display: flex;
    flex-direction: column;
    --margin: .1em .25em;
}
.bubble-inner {
    position: relative;
    flex: 1 1 auto;
    margin: .5rem;
    padding: .25rem;
    background-color: transparent;
    overflow: auto;
    box-sizing: border-box;
}
.bubble-svg {
    position: absolute;
    overflow: visible;
    left: 0;
    top: 0;
}
.bubble-svg-path {
    stroke: black;
    stroke-width: 2px;
    fill: yellow;
    stroke-linejoin: round;
}
.bubble-reference {
    xoutline: thin solid red;
    background-color: transparent;
}
.bubble-highlight {
    border: thin solid blue;
    padding: 0;
    background-color: lightpink;
    mix-blend-mode: darken;
    pointer-events: none;
}
