.mode_online_badge{align-items:center;gap:6px;min-width:0;line-height:1;display:inline-flex}.mode_online_badge--interactive{cursor:pointer;min-height:24px}.mode_online_icon{width:1.25em;height:1em;font-size:inherit;flex:0 0 1.25em;justify-content:center;align-items:center;line-height:1;display:inline-flex}.mode_online_icon svg{width:100%;height:100%;display:block;margin:0!important}.mode_online_pulse{background:#36d66b;border-radius:50%;flex:0 0 7px;align-self:center;width:7px;min-width:7px;height:7px;min-height:7px;margin-left:2px;animation:1.6s ease-out infinite modeOnlinePulse;display:block;box-shadow:0 0 #36d66b85}.mode_online_count_text{font-variant-numeric:tabular-nums;line-height:1}.mode_online_count_skeleton{--skeleton-shimmer-base:#fff3;--skeleton-shimmer-highlight:#ffffff57;flex:0 auto;align-self:center;min-width:1.4em}.mode_online_label{color:inherit;font:inherit;white-space:nowrap;line-height:1}.mode_online_preview{--mode-online-preview-bg:color-mix(in srgb, var(--t-bg-bg,#111116) 86%, #050510 14%);--mode-online-preview-surface:color-mix(in srgb, var(--t-4-states-color-2-default-bg,#1b1b24) 82%, var(--t-bg-bg,#111116) 18%);--mode-online-preview-stroke:color-mix(in srgb, var(--t-4-states-color-2-default-stroke,#3a3550) 72%, transparent);--mode-online-preview-muted:color-mix(in srgb, var(--t-text-text-0,#fff) 58%, transparent);--mode-online-preview-hover:color-mix(in srgb, var(--t-4-states-color-main-default-bg,#ffb800) 14%, transparent);--mode-online-preview-tail-width:10px;--mode-online-preview-tail-height:16px;--mode-online-preview-tail-half-height:8px;--mode-online-preview-tail-border-size:1px;--mode-online-preview-tail-bg:var(--mode-online-preview-bg);--mode-online-preview-tail-stroke:var(--mode-online-preview-stroke);--mode-online-preview-enter-x:-4px;z-index:10020;border:1px solid #ffffff1f;border-color:var(--mode-online-preview-stroke);background:#121216f5;background:radial-gradient(circle at 18% 0, color-mix(in srgb, var(--t-4-states-color-main-default-bg,#ffb800) 10%, transparent) 0, transparent 42%),var(--mode-online-preview-bg);width:236px;color:var(--t-text-text-0);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;border-radius:8px;animation:.17s cubic-bezier(.2,.9,.2,1) both modeOnlinePreviewEnter;position:fixed;box-shadow:0 18px 52px #0000006b,inset 0 1px #ffffff0a}.mode_online_preview:before,.mode_online_preview:after{content:"";top:calc(var(--mode-online-preview-tail-top,24px) - var(--mode-online-preview-tail-half-height));z-index:0;width:var(--mode-online-preview-tail-width);height:var(--mode-online-preview-tail-height);clip-path:polygon(100% 0,0 50%,100% 100%);pointer-events:none;position:absolute}.mode_online_preview:before{background:var(--mode-online-preview-tail-stroke)}.mode_online_preview:after{top:calc(var(--mode-online-preview-tail-top,24px) - var(--mode-online-preview-tail-half-height) + var(--mode-online-preview-tail-border-size));height:calc(var(--mode-online-preview-tail-height) - var(--mode-online-preview-tail-border-size)*2);width:calc(var(--mode-online-preview-tail-width) - var(--mode-online-preview-tail-border-size));background:#121216f5;background:var(--mode-online-preview-tail-bg)}.mode_online_preview--right{transform-origin:0 var(--mode-online-preview-tail-top,24px)}.mode_online_preview--right:before{left:calc(var(--mode-online-preview-tail-width)*-1)}.mode_online_preview--right:after{left:calc(var(--mode-online-preview-tail-width)*-1 + var(--mode-online-preview-tail-border-size))}.mode_online_preview--left{--mode-online-preview-enter-x:4px;transform-origin:100% var(--mode-online-preview-tail-top,24px)}.mode_online_preview--left:before{right:calc(var(--mode-online-preview-tail-width)*-1);clip-path:polygon(0 0,100% 50%,0 100%)}.mode_online_preview--left:after{right:calc(var(--mode-online-preview-tail-width)*-1 + var(--mode-online-preview-tail-border-size));clip-path:polygon(0 0,100% 50%,0 100%)}.mode_online_preview--hint{--mode-online-preview-tail-bg:var(--mode-online-preview-bg);width:max-content;min-width:0;max-width:calc(100vw - 24px)}.mode_online_preview_hint{z-index:1;background:#121216f5;background:var(--mode-online-preview-bg);color:var(--t-text-text-0);text-align:center;white-space:nowrap;border-radius:8px;padding:9px 11px;font-size:12px;font-weight:600;line-height:1;position:relative}.mode_online_preview_header{z-index:1;border-bottom:1px solid #ffffff14;border-bottom-color:var(--mode-online-preview-stroke);background:#121216f5;background:color-mix(in srgb, var(--mode-online-preview-surface) 74%, transparent);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:9px 10px 7px;font-size:12px;font-weight:600;line-height:1;display:flex;position:relative}.mode_online_preview_title{align-items:center;gap:4px;min-width:0;display:inline-flex}.mode_online_preview_title_skeleton{background:linear-gradient(90deg,#ffffff14,#ffffff2e,#ffffff14) 0 0/220% 100%;border-radius:4px;flex:0 0 3ch;width:3ch;height:1em;animation:1.1s ease-in-out infinite modeOnlinePreviewSkeleton;display:inline-block}.mode_online_preview_scroll{z-index:1;overscroll-behavior:contain;background:0 0;border-radius:0 0 8px 8px;max-height:232px;padding:6px;position:relative;overflow-y:auto}.mode_online_preview_user{min-width:0;color:inherit;border-radius:6px;outline:none;align-items:center;gap:8px;padding:5px 4px;text-decoration:none;transition:background .16s,box-shadow .16s;display:flex}.mode_online_preview_user:hover,.mode_online_preview_user:focus-visible{background:#ffffff0f;background:var(--mode-online-preview-hover);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--t-4-states-color-main-default-bg,#ffb800) 18%, transparent)}.mode_online_preview_avatar{background:#ffffff1f;background:color-mix(in srgb, var(--t-4-states-color-2-default-bg,#1b1b24) 80%, var(--t-text-text-0,#fff) 20%);width:24px;height:24px;color:var(--mode-online-preview-muted);border-radius:50%;flex:0 0 24px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex;overflow:hidden}.mode_online_preview_avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.mode_online_preview_name{color:#ffffffe0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;line-height:1.2;overflow:hidden}.mode_online_preview_status{gap:6px;padding:5px 4px;display:grid}.mode_online_preview_skeleton{background:linear-gradient(90deg,#ffffff0f,#ffffff24,#ffffff0f) 0 0/220% 100%;border-radius:6px;height:25px;animation:1.1s ease-in-out infinite modeOnlinePreviewSkeleton}.mode_online_preview_empty,.mode_online_preview_end{color:var(--mode-online-preview-muted);text-align:center;padding:10px 6px 8px;font-size:12px;line-height:1.2}.mode_online_preview_end{padding-top:7px}@keyframes modeOnlinePreviewSkeleton{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes modeOnlinePulse{0%{box-shadow:0 0 #36d66b85}70%{box-shadow:0 0 0 6px #36d66b00}to{box-shadow:0 0 #36d66b00}}@keyframes modeOnlinePreviewEnter{0%{opacity:0;transform:translate3d(var(--mode-online-preview-enter-x), 0, 0) scale(.98)}to{opacity:1;transform:translate(0,0)scale(1)}}@media (max-width:640px){.mode_online_preview{display:none}}@media (prefers-reduced-motion:reduce){.mode_online_preview,.mode_online_pulse,.mode_online_preview_skeleton{animation:none}}