.pin[data-v-3d81f5e0]{--pin-spring: cubic-bezier(.22, 1, .36, 1);--badge: 19px;--dot: 10px;--pushx: 35%;--pushy: -35%;position:relative;isolation:isolate;display:inline-flex;flex:none;vertical-align:middle}.pin--sm[data-v-3d81f5e0]{--badge: 16px;--dot: 8px}.pin--md[data-v-3d81f5e0]{--badge: 19px;--dot: 10px}.pin--lg[data-v-3d81f5e0]{--badge: 24px;--dot: 13px}.pin__anchor[data-v-3d81f5e0]{display:inline-flex;border-radius:inherit}.pin__demo[data-v-3d81f5e0]{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--surface-2, #1a1a1a);color:var(--text-muted, #8a8a8a);box-shadow:inset 0 0 0 1px var(--border, #2a2a2a)}.pin__demo svg[data-v-3d81f5e0]{width:60%;height:60%}.pin--sm .pin__demo[data-v-3d81f5e0]{width:34px;height:34px}.pin--lg .pin__demo[data-v-3d81f5e0]{width:60px;height:60px}.pin--p-top-right .pin__badge[data-v-3d81f5e0],.pin--p-top-right .pin__ring[data-v-3d81f5e0]{top:0;right:0}.pin--p-top-left .pin__badge[data-v-3d81f5e0],.pin--p-top-left .pin__ring[data-v-3d81f5e0]{top:0;left:0}.pin--p-bottom-right .pin__badge[data-v-3d81f5e0],.pin--p-bottom-right .pin__ring[data-v-3d81f5e0]{bottom:0;right:0}.pin--p-bottom-left .pin__badge[data-v-3d81f5e0],.pin--p-bottom-left .pin__ring[data-v-3d81f5e0]{bottom:0;left:0}.pin--p-top-right[data-v-3d81f5e0]{--pushx: 35%;--pushy: -35%}.pin--p-top-left[data-v-3d81f5e0]{--pushx: -35%;--pushy: -35%}.pin--p-bottom-right[data-v-3d81f5e0]{--pushx: 35%;--pushy: 35%}.pin--p-bottom-left[data-v-3d81f5e0]{--pushx: -35%;--pushy: 35%}.pin__badge[data-v-3d81f5e0]{position:absolute;z-index:5;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;height:var(--badge);min-width:var(--badge);width:calc(var(--badge) + (var(--digits, 1) - 1) * .6em);border-radius:999px;color:#fff;font-size:calc(var(--badge) * .52);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--bg, #0a0a0a);transform:translate(var(--pushx),var(--pushy));transform-origin:var(--pushx) var(--pushy);transition:width .42s var(--pin-spring),border-radius .3s var(--pin-spring),background-color .3s ease}.pin--m-dot[data-v-3d81f5e0]{width:var(--dot);min-width:var(--dot);height:var(--dot)}.pin--m-icon[data-v-3d81f5e0]{width:var(--badge);min-width:var(--badge)}.pin__content[data-v-3d81f5e0]{display:inline-flex;align-items:center;justify-content:center}.pin--m-icon .pin__content[data-v-3d81f5e0] svg{width:calc(var(--badge) * .62);height:calc(var(--badge) * .62);display:block}.pin__num[data-v-3d81f5e0]{display:block}.pin--t-danger[data-v-3d81f5e0]{--tone-c: var(--tone-danger, #f23f43)}.pin--t-success[data-v-3d81f5e0]{--tone-c: var(--tone-success, #23a55a)}.pin--t-warn[data-v-3d81f5e0]{--tone-c: var(--tone-warn, #f0b232)}.pin--t-info[data-v-3d81f5e0]{--tone-c: var(--ui-accent, #ededed)}.pin--t-neutral[data-v-3d81f5e0]{--tone-c: var(--tone-neutral, var(--ui-accent, #ededed))}.pin__badge[data-v-3d81f5e0]{background:var(--tone-c, var(--ui-accent, #ededed))}.pin--t-warn.pin__badge[data-v-3d81f5e0]{color:#160f02}.pin__ring[data-v-3d81f5e0]{position:absolute;z-index:4;width:var(--badge);height:var(--badge);border-radius:999px;box-shadow:inset 0 0 0 2px var(--tone-c, var(--ui-accent, #ededed));background:transparent;transform:translate(var(--pushx),var(--pushy));transform-origin:var(--pushx) var(--pushy);animation:pin-ping-3d81f5e0 1.8s var(--pin-spring) infinite;animation-delay:calc(var(--i) * .35s);pointer-events:none}.pin__ring--dot[data-v-3d81f5e0]{width:var(--dot);height:var(--dot)}@keyframes pin-ping-3d81f5e0{0%{opacity:.7;transform:translate(var(--pushx),var(--pushy)) scale(.9)}80%{opacity:0;transform:translate(var(--pushx),var(--pushy)) scale(2.6)}to{opacity:0;transform:translate(var(--pushx),var(--pushy)) scale(2.6)}}.pin__badge.pin-pop-enter-active[data-v-3d81f5e0]{transition:transform .42s var(--pin-spring),opacity .22s ease,filter .28s ease}.pin__badge.pin-pop-leave-active[data-v-3d81f5e0]{transition:transform .2s cubic-bezier(.4,0,1,1),opacity .17s ease,filter .17s ease}.pin__badge.pin-pop-enter-from[data-v-3d81f5e0]{opacity:0;filter:blur(7px);transform:translate(var(--pushx),var(--pushy)) scale(0)}.pin__badge.pin-pop-leave-to[data-v-3d81f5e0]{opacity:0;filter:blur(7px);transform:translate(var(--pushx),var(--pushy)) scale(.2)}.pin-swap-enter-active[data-v-3d81f5e0]{transition:opacity .2s ease,filter .2s ease,scale .32s var(--pin-spring)}.pin-swap-leave-active[data-v-3d81f5e0]{transition:opacity .15s ease,filter .15s ease,scale .15s cubic-bezier(.4,0,1,1)}.pin-swap-enter-from[data-v-3d81f5e0]{opacity:0;filter:blur(6px);scale:.45}.pin-swap-leave-to[data-v-3d81f5e0]{opacity:0;filter:blur(6px);scale:.35}@media(prefers-reduced-motion:reduce){.pin__badge[data-v-3d81f5e0],.pin-swap-enter-active[data-v-3d81f5e0],.pin-swap-leave-active[data-v-3d81f5e0]{transition:none}.pin__ring[data-v-3d81f5e0]{animation:none;opacity:0}}