/* Fog's + and minus glyphs are shared by both activity viewers. */
.statistics-zoom-symbol { display:block; margin:0; font-family:"CoFoSans",sans-serif; font-size:30px; font-weight:400; line-height:50px; pointer-events:none; }
.statistics-viewer-control > svg { display:block; width:29px; height:29px; margin:0; pointer-events:none; }
/* Shared activity-viewer control appearance; consumers own position and grouping. */
.statistics-viewer-control { --text-color:#fff; display:flex; align-items:center; justify-content:center; flex-shrink:0; width:52px; height:52px; margin:0; padding:0; border:0; background:#000; color:var(--text-color); cursor:pointer; transition:background-color .2s ease; touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
.statistics-viewer-control > svg { color:inherit; }
.statistics-viewer-control:focus-visible { outline:2px solid #fff; outline-offset:-3px; }
.statistics-viewer-control:not(:disabled):active { background:var(--fog-red); }
.statistics-viewer-control:disabled { --text-color:rgb(255 255 255 / .55); opacity:1; cursor:default; }
@media(hover:hover){.statistics-viewer-control:not(:disabled):hover { background:var(--fog-red); }}