.flow-hotspot[data-v-142758cd]{position:absolute;cursor:pointer;border-radius:8px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;transition:background .25s ease;z-index:10}.flow-hotspot[data-v-142758cd]:before{content:"";position:absolute;inset:0;border-radius:8px;border:1px solid color-mix(in srgb,var(--area-color, #3b82f6) 18%,transparent);background:color-mix(in srgb,var(--area-color, #3b82f6) 2%,transparent);box-shadow:inset 0 0 14px color-mix(in srgb,var(--area-color, #3b82f6) 4%,transparent);transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.flow-hotspot[data-v-142758cd]:hover:before,.flow-hotspot.is-selected[data-v-142758cd]:before{border-color:var(--area-color, #3b82f6);box-shadow:0 0 0 1px color-mix(in srgb,var(--area-color, #3b82f6) 20%,transparent),inset 0 0 24px color-mix(in srgb,var(--area-color, #3b82f6) 10%,transparent);background:color-mix(in srgb,var(--area-color, #3b82f6) 6%,transparent)}.hotspot-ring[data-v-142758cd]{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;background:var(--area-color, #3b82f6);opacity:.28;transition:opacity .25s ease;box-shadow:0 0 8px var(--area-color, #3b82f6)}.hotspot-pulse[data-v-142758cd]{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;background:var(--area-color, #3b82f6);opacity:0;transition:opacity .25s ease}.flow-hotspot:hover .hotspot-ring[data-v-142758cd],.flow-hotspot.is-selected .hotspot-ring[data-v-142758cd],.flow-hotspot:hover .hotspot-pulse[data-v-142758cd],.flow-hotspot.is-selected .hotspot-pulse[data-v-142758cd]{opacity:1}.flow-hotspot.is-selected .hotspot-pulse[data-v-142758cd]{animation:pulse-ring-142758cd 1.8s ease-out infinite}@keyframes pulse-ring-142758cd{0%{transform:scale(1);opacity:.8}to{transform:scale(3.2);opacity:0}}.hotspot-label[data-v-142758cd]{position:relative;font-size:.6rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#f8fafc;background:color-mix(in srgb,#0f172a 70%,transparent);border:1px solid color-mix(in srgb,var(--area-color, #3b82f6) 40%,transparent);border-radius:4px;padding:2px 7px;white-space:nowrap;opacity:.42;transform:translateY(0);transition:opacity .2s ease,transform .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px #0000004d}.flow-hotspot:hover .hotspot-label[data-v-142758cd],.flow-hotspot.is-selected .hotspot-label[data-v-142758cd]{opacity:1;transform:translateY(0)}
