#gx-narration{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:9999;max-width:calc(100% - 24px);width:max-content;background:#fff;color:#152b3c;border:1px solid #90a4ae;border-radius:12px;padding:10px 14px;box-shadow:0 4px 18px #0003;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:14px/1.4 system-ui,sans-serif}#gx-narration button,#gx-narration select{font:inherit;padding:6px;color:#152b3c;background:#fff;border:1px solid #78909c;border-radius:5px}#gx-narration audio{height:32px;width:220px}#gx-narration-status{font-size:12px}@media(max-width:600px){#gx-narration{bottom:5px;padding:7px;gap:5px}#gx-narration audio{width:100%}#gx-narration select{max-width:180px}}
/* Reserve space for the existing slide navigation instead of covering it. */
.gx-narration-active .bottom-nav{bottom:var(--gx-narration-reserve,100px)!important}
#gx-narration audio:not([src]){display:none}
.gx-narration-active .slide{padding-bottom:calc(var(--gx-narration-reserve,100px) + 80px)!important}

#gx-narration{box-sizing:border-box;max-height:55vh;overflow:auto}#gx-narration .gx-voice-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}#gx-narration .gx-voice-controls[hidden]{display:none}#gx-narration input{font:inherit;width:4em;padding:6px;color:#152b3c;background:#fff;border:1px solid #78909c;border-radius:5px}#gx-narration button:disabled,#gx-narration select:disabled,#gx-narration input:disabled{opacity:.6}#gx-narration-auto[aria-pressed=true]{background:#152b3c;color:#fff}#gx-narration label{display:inline-flex;align-items:center;gap:4px}#gx-narration button:focus-visible,#gx-narration select:focus-visible,#gx-narration input:focus-visible{outline:3px solid #0077b6;outline-offset:2px}