/* The whole intro image is the play button. Playback controls stay in the image. */
.replay-stage .replay-start{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:#8ee8ed;cursor:pointer;font:inherit;text-align:left}
.replay-start-affordance{position:absolute;right:3%;bottom:6%;display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #29d8e766;font-size:clamp(13px,1.25cqw,18px);line-height:1.4;transition:color .2s,border-color .2s}
.replay-start-affordance svg{width:20px;height:20px;flex:none}
.replay-start:hover .replay-start-affordance{color:#eefeff;border-color:#8ee8ed}
.replay-stage .replay-start:focus-visible{outline:2px solid #79e5ed;outline-offset:-5px}
.replay-stage .replay-fullscreen{position:absolute;top:2%;right:2%;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:10px;border:0;border-bottom:1px solid #29d8e766;background:#061015a3;color:#8ee8ed;cursor:pointer}
.replay-fullscreen svg{width:22px;height:22px}
.replay-stage .replay-fullscreen:hover{color:#eefeff;border-color:#8ee8ed}
.replay-stage .replay-fullscreen:focus-visible{outline:2px solid #79e5ed;outline-offset:3px}
.office-replay:not(.has-cover) .office-prototype-label{right:calc(2% + 54px)}
.has-cover .replay-progress{visibility:hidden}
.replay-stage [hidden]{display:none!important}
@media(max-width:900px){.replay-start-affordance{gap:9px;padding:6px 0}.replay-start-affordance svg{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.replay-start-affordance{transition:none}}