.online-users-counter.svelte-63dfo3{background:#1e293be6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 12px;border-radius:20px;border:1px solid rgba(59,130,246,.5);color:#fff;font-size:14px;display:flex;align-items:center;gap:8px;cursor:help;position:relative}.online-users-counter.svelte-63dfo3:not(.offline):not([data-groups]):hover:after{content:"Количество пользователей на сайте прямо сейчас";position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e293bf2;padding:8px 12px;border-radius:8px;font-size:12px;white-space:nowrap;border:1px solid rgba(59,130,246,.5);z-index:50;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.online-users-counter.svelte-63dfo3:before{content:"";position:absolute;top:calc(100% + 3px);left:50%;transform:translate(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid rgba(59,130,246,.5);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%) translateY(5px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.online-users-counter.svelte-63dfo3:not(.offline):not([data-groups]):hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.online-users-counter.mobile.svelte-63dfo3{display:none;margin:8px auto -8px;width:fit-content}@media (max-width: 768px){.online-users-counter.desktop.svelte-63dfo3{display:none}.online-users-counter.mobile.svelte-63dfo3{display:flex}.online-users-counter.svelte-63dfo3:hover:after{bottom:auto;top:calc(100% + 8px)}.online-users-counter.svelte-63dfo3:hover:before{bottom:auto;top:calc(100% + 3px);border-top:none;border-bottom:5px solid rgba(59,130,246,.5)}}.online-indicator.svelte-63dfo3{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:svelte-63dfo3-pulse 2s infinite}.offline-indicator.svelte-63dfo3{width:6px;height:6px;background:#ef4444;border-radius:50%;animation:svelte-63dfo3-pulse 2s infinite}.offline.svelte-63dfo3{border-color:#ef444480;cursor:pointer}@keyframes svelte-63dfo3-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.online-users-counter[data-groups].svelte-63dfo3:after{content:attr(data-groups);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1e293bf2;padding:8px 12px;border-radius:8px;font-size:12px;white-space:pre;text-align:center;border:1px solid rgba(59,130,246,.5);z-index:50;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%) translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.online-users-counter[data-groups].svelte-63dfo3:hover:after{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}@media (max-width: 768px){.online-users-counter[data-groups].svelte-63dfo3:after{bottom:auto;top:calc(100% + 8px)}}