.mp-online{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;max-width:100%;padding:3px 8px;border:1px solid #ffffff26;border-radius:999px;background:#101012dc;color:var(--green);font:500 var(--type-caption)/1.5 var(--display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.mp-online--detail{flex:0 1 auto;margin-top:3px}.mp-online--quiet{color:var(--dim)}.mp-online--action{cursor:pointer;min-height:44px}.mp-online--action:focus-visible{outline:2px solid var(--purple-text);outline-offset:3px}.mp-online__icon{display:block;flex:none;width:16px;height:16px}.mp-online--active .mp-online__icon{animation:mp-online-breathe 2.4s ease-in-out infinite}@keyframes mp-online-breathe{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.mp-online--active .mp-online__icon{animation:none}}.mp-gcard__online{position:absolute;top:12px;right:12px;z-index:12;max-width:calc(100% - 24px);pointer-events:none}@media (min-width:900px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){[data-card-motion] .mp-gcard__online{transform:translateZ(26px);transition:opacity .14s ease}.mp-gcard[data-card-motion]:is(:hover,:focus-within) .mp-gcard__online{opacity:0}}