.oh-pin{--oh-pin-accent:var(--oh-accent-color,#0097b2);--oh-pin-glass:color-mix(in srgb, var(--oh-glass-color,#11181a99) 55%, #11181a);--oh-pin-on:var(--oh-on-color,#f3f6f6);z-index:1;width:0;height:0;font-family:inherit;position:absolute;top:0;left:0}.oh-pin--main{z-index:2}.oh-pin--selected{z-index:3}.oh-pin__dot{box-sizing:border-box;background:var(--oh-pin-accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--oh-pin-accent) 28%,transparent),0 2px 6px #0006;border:2.5px solid #fff;border-radius:50%;top:-7px}.oh-pin__dot,.oh-pin__tail{width:14px;height:14px;position:absolute;left:-7px}.oh-pin__tail{border-bottom:1px solid #ffffff24;border-right:1px solid #ffffff24;bottom:13px;transform:rotate(45deg)}.oh-pin__tag,.oh-pin__tail{background:var(--oh-pin-glass)}.oh-pin__tag{-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);width:max-content;max-width:260px;color:var(--oh-pin-on);font:inherit;text-align:start;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:9px;padding:6px 14px 6px 6px;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s;display:flex;position:absolute;bottom:18px;left:0;transform:translate(-50%);box-shadow:0 1px 2px #00000040,0 12px 26px -10px #0009}.oh-pin--icon-only .oh-pin__tag{padding:6px}.oh-pin__icon{background:var(--oh-pin-accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.oh-pin__text{min-width:0;line-height:1.15;display:grid}.oh-pin__text strong{text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.oh-pin__text small{color:color-mix(in srgb,var(--oh-pin-on) 75%,transparent);font-variant-numeric:tabular-nums;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.oh-pin:not(.oh-pin--main) .oh-pin__tag{gap:7px;max-width:200px;padding:4px 11px 4px 4px}.oh-pin:not(.oh-pin--main).oh-pin--icon-only .oh-pin__tag{padding:4px}.oh-pin:not(.oh-pin--main) .oh-pin__icon{width:24px;height:24px;font-size:14px}.oh-pin:not(.oh-pin--main) .oh-pin__text strong{font-size:12px;font-weight:600}.oh-pin__tag:focus-visible{outline:2px solid var(--oh-pin-accent);outline-offset:2px}.oh-pin--selected .oh-pin__tag{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--oh-pin-accent),0 12px 26px -10px #0009}.oh-pin--draggable .oh-pin__tag{cursor:grab}.oh-pin--draggable .oh-pin__tag:active{cursor:grabbing}@media (hover:hover) and (pointer:fine){.oh-pin__tag:hover{transform:translate(-50%,-2px);box-shadow:0 1px 2px #00000040,0 16px 30px -10px #000000a6}}@media (prefers-reduced-motion:reduce){.oh-pin__tag{transition:none}}