/* One restrained line-icon vocabulary for every spectator control. */
.viewer-icon-sprite { position:absolute; width:0; height:0; overflow:hidden; pointer-events:none; }
.public-viewer-shell .viewer-page .viewer-icon {
    display:block;
    flex:0 0 20px;
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    pointer-events:none;
}
.public-viewer-shell .viewer-page :is(.viewer-toggle,.viewer-extras-menu > summary,.viewer-camera-button,.public-button,.viewer-map-control-button,.viewer-sheet-expand) {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:6px;
    background-image:none;
}
.public-viewer-shell .viewer-page :is(.viewer-map-zoom-controls,.viewer-camera-controls,.viewer-extras-menu .viewer-strip-actions,.roster-favorite) { border-radius:6px; }
.public-viewer-shell .viewer-page .viewer-map-zoom-controls .viewer-map-control-button { border-radius:0; }
.public-viewer-shell .viewer-page .viewer-action-label { min-width:0; line-height:1.3; }
.public-viewer-shell .viewer-page .viewer-panel-toggle { display:inline-flex; align-items:center; justify-content:center; padding:8px; border-radius:6px; }
.public-viewer-shell .viewer-page .roster-favorite .viewer-icon { width:20px; height:20px; }
.public-viewer-shell .viewer-page .focused-card-actions .public-button-primary { border-color:var(--public-line); background:var(--public-surface); color:var(--public-text); font-weight:650; }
.public-viewer-shell .viewer-page .focused-card-actions .public-button-primary[aria-pressed="true"] { border-color:var(--public-accent); background:var(--dm-accent-soft); color:var(--public-accent); }
.public-viewer-shell .viewer-page .roster-favorite[aria-pressed="true"] .viewer-icon { fill:var(--dm-accent-soft); }
.public-viewer-shell .viewer-page .viewer-extras-menu > summary::before,
.public-viewer-shell .viewer-page #viewer-play-toggle::before,
.public-viewer-shell .viewer-page #viewer-play-toggle[aria-pressed="true"]::before,
.public-viewer-shell .viewer-page #viewer-mobile-sheet-toggle::after { content:none; display:none; }
.public-viewer-shell .viewer-page #viewer-mobile-sheet-toggle .viewer-icon { margin-left:auto; color:var(--public-muted); }
@media (max-width:960px) {
    .public-viewer-shell .viewer-page :is(#viewer-play-toggle,.viewer-extras-menu > summary,.viewer-share-action) > .viewer-action-label { display:none; }
    .public-viewer-shell .viewer-page .viewer-extras-menu > summary { gap:0; }
    .public-viewer-shell .viewer-page #viewer-play-toggle { gap:0; }
    .public-viewer-shell .viewer-page .viewer-camera-button { gap:6px; }
    .public-viewer-shell .viewer-page .viewer-sheet-expand { gap:6px; }
}