.spoken-help{position:absolute;z-index:7;top:calc(110px + env(safe-area-inset-top,0px));left:16px;right:95px;color:white;font-size:10px;display:flex;flex-wrap:wrap;gap:7px;align-items:center}.spoken-help>span{background:#24232ade;padding:6px 9px;border-radius:7px}.spoken-audio{border:1px solid #fff5;color:white;background:#6450baa8;font-size:10px;border-radius:8px;padding:7px 9px;min-height:34px}.spoken-active #stageDemoVideo{visibility:hidden}.spoken-active{background:#15151b!important}.spoken-active:after{background:linear-gradient(#0006,transparent 30%,transparent 50%,#0009)!important}#spokenPlayer{position:absolute;z-index:3;left:0;top:43%;transform:translateY(-50%);width:100%;height:min(56.25vw,58dvh);border:0;background:#111}.spoken-active .demo-play-overlay{display:none!important}@media(min-width:900px){#spokenPlayer{left:50%;transform:translate(-50%,-50%);max-width:1000px;height:min(56.25vw,58dvh)}.spoken-help{left:80px;right:auto;max-width:800px}}

.spoken-help a{color:#fff;text-decoration:underline;font-size:10px}.spoken-active .spoken-audio{min-height:36px}
.spoken-swipe-surface{display:none;position:absolute;inset:0;z-index:4;background:transparent;touch-action:none}
.spoken-active:not(.spoken-interacting) .spoken-swipe-surface{display:block}
.spoken-active:not(.spoken-interacting) #spokenPlayer{pointer-events:none}
.spoken-active.spoken-interacting #spokenPlayer{pointer-events:auto}