.sc-online-now{--sc-online-color: var(--sc-status-online, #a4d977);--sc-online-line: color-mix(in srgb, currentColor 16%, transparent);box-sizing:border-box;width:100%;margin:4px 0 18px;padding:0;color:inherit;background:transparent;border:0;border-bottom:1px solid var(--sc-online-line);border-radius:0;font-family:inherit;text-align:start}.sc-online-now *,.sc-online-now *:before,.sc-online-now *:after{box-sizing:border-box}.sc-online-now>.sc-online-now-summary{display:grid;grid-template-columns:9px minmax(0,1fr) auto 14px;align-items:center;gap:4px 10px;width:100%;min-height:58px;margin:0;padding:10px 0 12px;color:inherit;background:transparent;border:0;border-radius:0;list-style:none;cursor:pointer}.sc-online-now-summary::-webkit-details-marker{display:none}.sc-online-now-summary::marker{content:""}.sc-online-now[data-state=unavailable]>.sc-online-now-summary{min-height:0;padding-block:8px 10px;cursor:default}.sc-online-now[data-state=unavailable]>.sc-online-now-content{display:none!important}.sc-online-now-summary:focus-visible,.sc-online-now-profile:focus-visible{outline:2px solid var(--sc-online-color);outline-offset:4px}.sc-online-now-dot,.sc-online-now-member-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.42}.sc-online-now[data-state=live][data-online=true] .sc-online-now-dot,.sc-online-now[data-state=live] .sc-online-now-member-dot{background:var(--sc-online-color);opacity:1}.sc-online-now-title{font-size:16px;font-weight:650;line-height:1.3}.sc-online-now-total{font-size:14px;font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}.sc-online-now-chevron{font-size:21px;line-height:1;text-align:center;transform-origin:center}.sc-online-now[open] .sc-online-now-chevron{transform:rotate(180deg)}.sc-online-now-breakdown{grid-column:2 / -1;font-size:13px;line-height:1.45;opacity:.72}.sc-online-now-content{padding:0 0 12px 19px}.sc-online-now .sc-online-now-list{display:block;max-height:min(280px,42dvh);margin:0;padding:0 4px 0 0;list-style:none;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}html body #sc-social-s1[data-section=people] #sc-s1-panel:has(>.sc-online-now),.sc-online-now .sc-online-now-list{scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb,currentColor 28%,transparent) transparent!important}html body #sc-social-s1[data-section=people] #sc-s1-panel:has(>.sc-online-now)::-webkit-scrollbar,.sc-online-now .sc-online-now-list::-webkit-scrollbar{width:4px!important;height:4px!important;background:transparent!important}html body #sc-social-s1[data-section=people] #sc-s1-panel:has(>.sc-online-now)::-webkit-scrollbar-track,.sc-online-now .sc-online-now-list::-webkit-scrollbar-track{background:transparent!important;border:0!important;box-shadow:none!important}html body #sc-social-s1[data-section=people] #sc-s1-panel:has(>.sc-online-now)::-webkit-scrollbar-thumb,.sc-online-now .sc-online-now-list::-webkit-scrollbar-thumb{background:#94949473!important;border:0!important;border-radius:8px!important;box-shadow:none!important}.sc-online-now .sc-online-now-person{display:block;margin:0;padding:0;border:0;background:transparent}.sc-online-now .sc-online-now-profile{display:grid;grid-template-columns:36px minmax(0,1fr) 8px;gap:12px;align-items:center;width:100%;min-height:58px;padding:9px 0;color:inherit;background:transparent;border:0;border-radius:0;box-shadow:none;text-decoration:none;-webkit-tap-highlight-color:color-mix(in srgb,var(--sc-online-color) 15%,transparent)}.sc-online-now-person+.sc-online-now-person{border-top:1px solid var(--sc-online-line)}.sc-online-now-portrait{display:flex;align-items:center;justify-content:center;width:36px;height:36px;overflow:hidden;border-radius:50%;background:color-mix(in srgb,currentColor 7%,transparent);font-size:12px;font-weight:500}.sc-online-now-portrait img{display:block;width:36px;height:36px;object-fit:cover;border-radius:inherit}.sc-online-now-identity{display:grid;min-width:0;gap:2px}.sc-online-now-name{overflow:hidden;font-size:15px;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.sc-online-now-member-state{font-size:12px;line-height:1.3;opacity:.68}.sc-online-now .sc-online-now-guests,.sc-online-now .sc-online-now-empty,.sc-online-now .sc-online-now-partial{margin:8px 0 0;padding:0;font-size:13px;line-height:1.5;opacity:.75}html body #sc-social-s1>.sc-online-now-announcer,html body #sc1295-entry>.sc-online-now-announcer{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.sc-online-now [hidden]{display:none!important}#sc-social-s1 #sc-s3-panel-chats>.sc-online-now{flex:0 0 auto;margin:0 0 12px}#sc1295-entry .sc-online-now{color:inherit;margin-top:14px;margin-bottom:18px}@media(max-width:380px){.sc-online-now>.sc-online-now-summary{gap:4px 8px}.sc-online-now-title{font-size:15px}.sc-online-now-total{font-size:13px}.sc-online-now-breakdown{font-size:12px}}html body #sc-social-s1#sc-social-s1[open][data-section=people],html body #sc-social-s1#sc-social-s1[open][data-section=people] #sc-s1-panel,html body #sc-social-s1#sc-social-s1[open][data-section=people] .sc-online-now-list{scrollbar-width:none!important;-ms-overflow-style:none!important;scrollbar-gutter:auto!important}html body #sc-social-s1#sc-social-s1[open][data-section=people]::-webkit-scrollbar,html body #sc-social-s1#sc-social-s1[open][data-section=people] #sc-s1-panel::-webkit-scrollbar,html body #sc-social-s1#sc-social-s1[open][data-section=people] .sc-online-now-list::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}html body #sc-social-s1#sc-social-s1 .s450-friends-top:has(>.s450-heading>.sc-online-now){position:relative!important;overflow:visible!important}html body #sc-social-s1#sc-social-s1 .s450-friends-top:has(.sc-online-now[open]){z-index:30!important}html body #sc-social-s1#sc-social-s1 .s450-heading>.sc-online-now[data-place=friends]{display:block!important;position:relative!important;flex:0 0 auto!important;width:auto!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;z-index:1}html body #sc-social-s1#sc-social-s1 .s450-heading>.sc-online-now[data-place=friends]>.sc-online-now-summary{display:inline-flex!important;align-items:center!important;width:auto!important;min-height:38px!important;margin:0!important;padding:2px 4px!important;gap:6px!important;white-space:nowrap!important;border:0!important;background:transparent!important}html body #sc-social-s1#sc-social-s1 .s450-heading>.sc-online-now .sc-online-now-title{font-size:14px!important;font-weight:600!important}html body #sc-social-s1#sc-social-s1 .s450-heading>.sc-online-now .sc-online-now-total{font-size:13px!important;font-weight:600!important}html body #sc-social-s1#sc-social-s1 .s450-heading>.sc-online-now .sc-online-now-chevron{font-size:18px!important}html body #sc-social-s1#sc-social-s1 .s450-heading>.sc-online-now .sc-online-now-breakdown{display:none!important}html body #sc-social-s1#sc-social-s1 .s450-heading>.sc-online-now[open]{z-index:80!important}html body #sc-social-s1#sc-social-s1 .s450-heading>.sc-online-now[open]>.sc-online-now-content{position:absolute!important;top:calc(100% + 5px)!important;right:0!important;left:auto!important;width:min(320px,calc(100vw - 32px))!important;max-height:min(340px,55dvh)!important;overflow:auto!important;padding:13px 14px!important;margin:0!important;color:inherit!important;background:#101112!important;border:1px solid color-mix(in srgb,currentColor 23%,transparent)!important;box-shadow:0 10px 30px #00000059!important;z-index:81!important;overscroll-behavior:contain}html body #sc-social-s1#sc-social-s1 .s450-heading>.sc-online-now .sc-online-now-counts{margin:0 0 7px!important;padding:0 0 8px!important;border-bottom:1px solid color-mix(in srgb,currentColor 16%,transparent);font-size:12px!important;font-weight:400!important;opacity:.8}html body #sc-social-s1#sc-social-s1 .s450-heading>.sc-online-now .sc-online-now-list{max-height:230px!important;padding:0!important}@media(max-width:540px){html body #sc-social-s1#sc-social-s1 .s450-heading:has(>.sc-online-now){gap:0 10px!important}html body #sc-social-s1#sc-social-s1 .s450-heading:has(>.sc-online-now)>h2{flex:1 1 auto!important}html body #sc-social-s1#sc-social-s1 .s450-heading:has(>.sc-online-now)>button{order:1!important}}html body #sc-social-s1#sc-social-s1 .s450-friends-top>.s450-heading:has(>.sc-online-now[data-place=friends]){position:relative!important;width:100%!important;max-width:100%!important;overflow:visible!important;align-items:center!important;justify-content:flex-end!important;column-gap:clamp(5px,1.7vw,12px)!important;row-gap:2px!important}html body #sc-social-s1#sc-social-s1 .s450-friends-top>.s450-heading:has(>.sc-online-now[data-place=friends])>h2{order:0!important;margin-inline-end:auto!important;flex:0 0 auto!important}html body #sc-social-s1#sc-social-s1 .s450-friends-top>.s450-heading>.sc-online-now[data-place=friends]{order:1!important;position:static!important;flex:0 0 auto!important}html body #sc-social-s1#sc-social-s1 .s450-friends-top>.s450-heading>button[data-s450-action=requests]{order:2!important}html body #sc-social-s1#sc-social-s1 .s450-friends-top>.s450-heading>button[data-s450-action=find]{order:3!important}html body #sc-social-s1#sc-social-s1 .s450-friends-top>.s450-heading>button[data-s450-action=edit]{order:10!important;margin-inline-start:0!important}html body #sc-social-s1#sc-social-s1 .s450-friends-top>.s450-heading>.sc-online-now[data-place=friends][open]>.sc-online-now-content{position:absolute!important;left:auto!important;right:0!important;top:calc(100% + 6px)!important;width:min(320px,calc(100% - 8px),calc(100vw - 24px))!important;max-width:calc(100% - 8px)!important;box-sizing:border-box!important;z-index:90!important}html body #sc-social-s1#sc-social-s1 .s450-friends-top>.s450-heading>.sc-online-now[data-place=friends][open]>.sc-online-now-content .sc-online-now-profile{min-width:0!important}@media(max-width:410px){html body #sc-social-s1#sc-social-s1 .s450-friends-top>.s450-heading:has(>.sc-online-now[data-place=friends]){column-gap:5px!important}html body #sc-social-s1#sc-social-s1 .s450-friends-top>.s450-heading>.sc-online-now[data-place=friends]>.sc-online-now-summary{gap:4px!important}html body #sc-social-s1#sc-social-s1 .s450-friends-top>.s450-heading>button[data-s450-action=find],html body #sc-social-s1#sc-social-s1 .s450-friends-top>.s450-heading>button[data-s450-action=edit]{font-size:12px!important;padding-inline:2px!important;min-width:0!important}}html body #sc-social-s1#sc-social-s1 .s450-friend-track{scrollbar-width:none!important;-ms-overflow-style:none!important}html body #sc-social-s1#sc-social-s1 .s450-friend-track::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}html body #sc-social-s1#sc-social-s1 .s450-heading>.sc-online-now .sc-online-now-search{display:block!important;width:100%!important;min-width:0!important;min-height:36px!important;padding:7px 8px!important;margin:3px 0 8px!important;font:inherit!important;font-size:14px!important;color:inherit!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:5px!important}html body #sc-social-s1#sc-social-s1 .s450-heading>.sc-online-now .sc-online-now-search:focus-visible{outline:2px solid var(--sc-online-color)!important;outline-offset:1px!important}html body #sc-social-s1#sc-social-s1 .s450-heading>.sc-online-now .sc-online-now-search[hidden],.sc-online-now [hidden]{display:none!important}.sc-online-now .sc-online-now-person{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;align-items:center}.sc-online-now .sc-online-now-person>.sc-online-now-profile{min-width:0;grid-template-columns:36px minmax(0,1fr) 8px}.sc-online-now .sc-online-now-message{min-width:0!important;min-height:36px!important;padding:6px 8px!important;margin:0!important;background:transparent!important;color:var(--sc-online-color)!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:12px!important;font-weight:500!important;cursor:pointer}.sc-online-now .sc-online-now-message:focus-visible{outline:2px solid var(--sc-online-color)!important;outline-offset:-2px}.sc-online-now .sc-online-now-search-empty{margin:6px 0 12px;padding:0;font-size:13px;opacity:.75}
/*# sourceMappingURL=/cdn/shop/t/1426/assets/sc-online-now-v1.css.map */