.tour-controls{position:absolute;bottom:82px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 9px;background:#fff;border:1px solid #c7d5d7;border-radius:6px;max-width:calc(100% - 24px);z-index:2}
.tour-position{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:43px;text-align:center;color:#34565e}
.tour-controls .icon-button[aria-pressed=true]{background:#d9ebe4;color:#17624f}
.tour-controls progress{position:absolute;bottom:0;left:0;width:100%;height:3px;border:0;appearance:none;border-radius:0;background:#e4ebeb;color:#268e73;pointer-events:none}
.tour-controls progress::-webkit-progress-bar{background:#e4ebeb}
.tour-controls progress::-webkit-progress-value{background:#268e73}
.tour-controls progress::-moz-progress-bar{background:#268e73}
#viewport[data-tour-active=true] .detail{bottom:144px}
#viewport[data-tour-active=true] #detail-description{min-height:3em;color:#304c56}
.narration-status{position:absolute;top:18px;left:28px;margin:0;padding:5px 9px;max-width:min(400px,calc(100% - 160px));font-size:11px;line-height:1.4;color:#844d13;background:#fff3d8;border-radius:4px;z-index:3}
@media(max-width:700px){
  .tour-controls{bottom:72px;gap:4px;padding:4px 7px}
  .tour-controls .icon-button{width:34px;height:34px}
  #viewport[data-tour-active=true] .detail{bottom:126px}
  #viewport[data-tour-active=true] .view-tools{max-height:max(38px,calc(100% - 350px))}
  .narration-status{top:12px;left:110px;right:12px;max-width:none}
}