figure.svelte-1j1gtbc{display:inline-grid;position:relative}figure.floating.svelte-1j1gtbc>.pin:where(.svelte-1j1gtbc){position:fixed}.pin.svelte-1j1gtbc,.user.svelte-1j1gtbc,.name-display.svelte-1j1gtbc{transition-timing-function:cubic-bezier(.785,.135,.15,.86);transition-duration:var(--transition-duration)}.pin.svelte-1j1gtbc{z-index:var(--z-index);isolation:isolate;border-radius:9px;background-color:var(--color,var(--color-dw-scooter-dark));width:min-content;max-width:150px;height:min-content;max-height:400px;bottom:var(--bottom);right:var(--right);border-end-end-radius:2px;flex-direction:column-reverse;transition-property:bottom,right,left,padding,margin-left,max-height,border-radius;display:flex;box-shadow:0 1px 5px #00000026,0 1px 1px #00000014}.pin.svelte-1j1gtbc:after{content:"";max-width:inherit;border-radius:inherit;z-index:1;pointer-events:none;box-shadow:inset 0px 0px 0px 1px color-mix(in srgb, var(--darker-color) 70%, transparent);position:absolute;inset:0}.pin.svelte-1j1gtbc .avatar{outline:2px solid var(--color);margin:2px -2px 2px 2px}.pin.svelte-1j1gtbc:not(:hover):has(.user:where(.svelte-1j1gtbc):nth-child(2)):not(.triangle){padding-left:10px}.pin.svelte-1j1gtbc:not(:hover) .user:where(.svelte-1j1gtbc):first-child{z-index:1}.pin.svelte-1j1gtbc:not(:hover) .user:where(.svelte-1j1gtbc):nth-child(2){z-index:0;margin-block-start:-18px;top:18px;left:-10px}.pin.svelte-1j1gtbc:not(:hover) .user:where(.svelte-1j1gtbc):nth-child(3){z-index:-1}.pin.expandRight.svelte-1j1gtbc{left:calc(var(--left) - 28px)}.pin.expandRight.svelte-1j1gtbc:not(:has(.user:nth-child(2))){left:calc(var(--left) - 18px)}.pin.svelte-1j1gtbc:hover:before{content:"";z-index:-1;position:absolute;inset:-6px}.pin:hover.expandRight.svelte-1j1gtbc{border-end-end-radius:9px;border-end-start-radius:2px;left:var(--left)!important}.pin:hover.expandRight.svelte-1j1gtbc:before{left:-48px}.pin.svelte-1j1gtbc:hover .user:where(.svelte-1j1gtbc){padding-right:7px;top:0;left:0}.pin.svelte-1j1gtbc:hover .user:where(.svelte-1j1gtbc) .name-display:where(.svelte-1j1gtbc){opacity:1;max-width:150px}.user.svelte-1j1gtbc{align-items:center;max-height:18px;transition-property:all;display:flex;position:relative;top:0}.user.hide.svelte-1j1gtbc{opacity:0;max-height:0;top:18px}.user.svelte-1j1gtbc .avatar{flex-shrink:0}.name-display.svelte-1j1gtbc{opacity:0;white-space:nowrap;text-overflow:ellipsis;max-width:0;text-shadow:0px 1px 1px var(--darker-color);color:var(--color-dw-white);font-size:11px;font-weight:700;line-height:initial;padding-right:4px;transition-property:opacity,max-width;overflow:hidden;transform:translate(6px)}.triangle.svelte-1j1gtbc:not(:hover){border-top-left-radius:19px;max-height:28px;padding-right:10px}.triangle.svelte-1j1gtbc:not(:hover) .user:where(.svelte-1j1gtbc):first-child{top:0;left:10px}.triangle.svelte-1j1gtbc:not(:hover) .user:where(.svelte-1j1gtbc):nth-child(2){top:18px;left:0}.triangle.svelte-1j1gtbc:not(:hover) .user:where(.svelte-1j1gtbc):nth-child(3){top:8px;left:10px}