.comment-pin[data-v-3dd5681f]{background:var(--ui-primary);min-width:1.75rem;height:1.75rem;color:var(--ui-bg);font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--ui-bg), var(--shadow-pin);cursor:pointer;transition:transform .12s var(--ease-out,ease-out);border-radius:999px 999px 999px .25rem;justify-content:center;align-items:center;gap:.125rem;padding:0 .375rem;font-size:.75rem;font-weight:600;display:inline-flex}.comment-pin[data-v-3dd5681f]:hover,.comment-pin[data-v-3dd5681f]:focus-visible,.comment-pin[data-state=open][data-v-3dd5681f]{transform:scale(1.12)}.comment-pin[data-v-3dd5681f]:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.comment-pin-stack[data-v-3dd5681f]{box-shadow:0 0 0 2px var(--ui-bg), 3px -3px 0 0 var(--ui-bg), 5px -5px 0 0 var(--ui-primary), var(--shadow-pin)}.comment-pin-theirs[data-v-3dd5681f]{background:var(--ui-bg);color:var(--ui-primary);box-shadow:inset 0 0 0 2px var(--ui-primary), 0 0 0 2px var(--ui-bg), var(--shadow-pin)}@media (prefers-reduced-motion:reduce){.comment-pin[data-v-3dd5681f]{transition:none}}.comment-pin-spot[data-v-e8558ee7]{z-index:var(--app-z-comment-pins);position:fixed}.comment-pin-more[data-v-e8558ee7]{top:auto;left:50%;bottom:var(--app-float-bottom);translate:-50%}