.campaign-pin{background-color:var(--pin-color);color:var(--pin-text,#fff);white-space:nowrap;transform-origin:50% calc(100% + 8px);border-radius:8px;padding:10px 15px;font-size:14px;transition:transform .12s;position:relative;transform:translateY(-8px);box-shadow:0 2px 6px #00000047}.campaign-pin:after{content:"";border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--pin-color);width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.campaign-pin--icon{padding:7px 9px;line-height:0}.campaign-pin--interactive{cursor:pointer}.campaign-pin--interactive:hover{transform:translateY(-8px)scale(1.06)}.campaign-pin-tip{color:#f9fafb;letter-spacing:.01em;white-space:nowrap;opacity:0;pointer-events:none;background:#1f2937;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;line-height:1.25;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%)translateY(3px);box-shadow:0 4px 14px #00000047}.campaign-pin-tip:after{content:"";border:5px solid #0000;border-top-color:#1f2937;position:absolute;top:100%;left:50%;transform:translate(-50%)}.campaign-pin:hover .campaign-pin-tip{opacity:1;transform:translate(-50%)translateY(0)}.dark .campaign-pin-tip{color:#111827;background:#f9fafb;box-shadow:0 4px 14px #00000080}.dark .campaign-pin-tip:after{border-top-color:#f9fafb}