.mock-hotspot[data-v-c22ffd98]{display:flex;flex-direction:column;margin:0}.mock-hotspot__image-container[data-v-c22ffd98]{display:inline-block;isolation:isolate;position:relative}.mock-hotspot__image[data-v-c22ffd98]{background-color:var(--color-neutral-70);border:1px solid var(--color-neutral-40);border-radius:var(--border-radius-medium);display:block;height:auto;width:100%}.mock-hotspot__markers[data-v-c22ffd98]{inset:0;position:absolute}.mock-hotspot__marker-wrapper[data-v-c22ffd98]{position:absolute;transform:translate(-50%,-50%);z-index:1}.mock-hotspot__marker[data-v-c22ffd98]{align-items:center;background-color:var(--color-blue);border-radius:50%;display:flex;height:28px;justify-content:center;width:28px}.mock-hotspot__marker--active[data-v-c22ffd98]{box-shadow:0 0 0 4px #0b5cd759;transform:scale(1.15)}.mock-hotspot__marker-label[data-v-c22ffd98]{color:var(--white);font-size:var(--font-size-x-small);font-weight:600}.mock-hotspot__tooltip[data-v-c22ffd98]{background-color:var(--white);border:1px solid var(--color-neutral-40);border-radius:var(--border-radius-medium);box-shadow:0 4px 12px #00000026;display:none;left:50%;max-width:200px;padding:8px 12px;position:absolute;top:calc(100% + 8px);transform:translate(-50%);white-space:nowrap}.mock-hotspot__tooltip[data-v-c22ffd98]:before{background-color:var(--white);border-left:1px solid var(--color-neutral-40);border-top:1px solid var(--color-neutral-40);content:"";height:8px;left:50%;position:absolute;top:-5px;transform:translate(-50%) rotate(45deg);width:8px}.mock-hotspot__marker-wrapper--active .mock-hotspot__tooltip[data-v-c22ffd98]{display:block}.mock-hotspot__tooltip-text[data-v-c22ffd98]{color:var(--color-neutral-90);font-size:var(--font-size-small);font-weight:600;line-height:var(--line-height-small)}.mock-hotspot__caption[data-v-c22ffd98]{font-size:var(--font-size-small);font-style:italic;line-height:var(--line-height-small);margin-top:8px;text-align:center}