.bi-visitors{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;box-sizing:border-box;padding:8px;background:var(--bi-outer-bg);border:var(--bi-outer-border-width) solid var(--bi-outer-border);border-radius:var(--bi-outer-radius);color:var(--bi-text-color)}
.bi-visitors [hidden]{display:none!important}.bi-visitors .bi-track{display:flex;flex:1 1 0;gap:var(--bi-card-gap);min-width:0;margin:0;padding:3px 0 8px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--bi-arrow-color) transparent}
.bi-visitors .bi-card{flex:0 0 var(--bi-card-width);box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:5px;background:var(--bi-card-bg);border:var(--bi-card-border-width) solid var(--bi-card-border);border-radius:var(--bi-card-radius);scroll-snap-align:start;text-align:center}
.bi-visitors .bi-name{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;font-size:var(--bi-font-size);line-height:1.3}.bi-visitors .bi-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bi-text-color)}.bi-visitors .bi-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--bi-offline-color)}.bi-visitors .bi-dot.is-online{background:var(--bi-online-color)}
.bi-visitors .bi-avatar{box-sizing:border-box;border:var(--bi-avatar-border-width) solid var(--bi-avatar-border-color);width:var(--bi-avatar-size);height:var(--bi-avatar-size);max-width:100%;overflow:hidden;border-radius:var(--bi-avatar-radius)}.bi-visitors .bi-avatar img{display:block;width:100%;height:100%;object-fit:var(--bi-avatar-fit)}.bi-visitors .bi-placeholder{display:grid;place-content:center;width:100%;height:100%;font-size:12px;line-height:1.3;background:#8883;color:var(--bi-text-color)}.bi-visitors time{display:block;color:var(--bi-time-color);font-size:var(--bi-time-size);line-height:1.35;overflow-wrap:anywhere}
.bi-visitors .bi-arrow{flex:0 0 30px;width:30px;min-width:0;min-height:44px;box-sizing:border-box;margin:0;padding:0;border:1px solid var(--bi-outer-border);border-radius:5px;background:var(--bi-arrow-bg);color:var(--bi-arrow-color);font-family:Arial,sans-serif;font-size:30px;line-height:1;cursor:pointer}.bi-visitors .bi-arrow:disabled{opacity:.35;cursor:default}.bi-visitors .bi-arrow:focus-visible,.bi-visitors .bi-track:focus-visible{outline:2px solid var(--bi-arrow-color);outline-offset:2px}.bi-visitors .bi-empty{margin:6px;color:var(--bi-text-color)}
@media(max-width:400px){.bi-visitors{padding:4px;gap:3px}.bi-visitors .bi-arrow{flex-basis:26px;width:26px}}

.bi-visitors .bi-status{font-size:var(--bi-time-size);color:var(--bi-text-color);line-height:1.2}

.bi-visitors .bi-unknown{font-size:var(--bi-time-size);color:var(--bi-time-color);line-height:1.35}

/* Only active members pulse; respect the visitor's reduced-motion preference. */
.bi-visitors.bi-pulse-online .bi-dot.is-online{animation:bi-online-pulse 2s ease-in-out infinite;box-shadow:0 0 4px 1px var(--bi-online-color)}
@keyframes bi-online-pulse{0%,100%{opacity:.6;box-shadow:0 0 2px 0 var(--bi-online-color)}50%{opacity:1;box-shadow:0 0 8px 2px var(--bi-online-color)}}
@media(prefers-reduced-motion:reduce){.bi-visitors.bi-pulse-online .bi-dot.is-online{animation:none;opacity:1;box-shadow:0 0 4px 1px var(--bi-online-color)}}