body{font-family:Helvetica;font-size:18px}#current-slide,#speaker-controls,#upcoming-slide{box-sizing:border-box;-moz-box-sizing:border-box;padding:6px}#current-slide iframe,#upcoming-slide iframe{border:1px solid #ddd;height:100%;width:100%}#current-slide .label,#upcoming-slide .label{left:10px;position:absolute;top:10px;z-index:2}#connection-status{background:#fff;box-sizing:border-box;color:#222;font-size:18px;height:100%;left:0;line-height:1.4;padding:30% 20% 20%;position:absolute;text-align:center;top:0;width:100%;z-index:20}.overlay-element{background:rgba(220,220,220,.8);color:#222;font-size:14px;height:34px;line-height:34px;padding:0 10px;text-shadow:none}.overlay-element.interactive:hover{background:#dcdcdc}#current-slide{height:100%;left:0;padding-right:0;position:absolute;top:0;width:60%}#upcoming-slide{height:40%;top:0}#speaker-controls,#upcoming-slide{position:absolute;right:0;width:40%}#speaker-controls{font-size:18px;height:60%;overflow:auto;top:40%}.speaker-controls-notes.hidden,.speaker-controls-time.hidden{display:none}.speaker-controls-notes .label,.speaker-controls-pace .label,.speaker-controls-time .label{color:#666;font-size:.66em;font-weight:400;margin:0;text-transform:uppercase}.speaker-controls-pace,.speaker-controls-time{border-bottom:1px solid rgba(200,200,200,.5);cursor:pointer;margin-bottom:10px;padding:10px 16px 20px}.speaker-controls-time .reset-button{color:#666;float:right;opacity:0;text-decoration:none}.speaker-controls-time:hover .reset-button{opacity:1}.speaker-controls-time .clock,.speaker-controls-time .timer{width:50%}.speaker-controls-time .clock,.speaker-controls-time .pacing .hours-value,.speaker-controls-time .pacing .minutes-value,.speaker-controls-time .pacing .seconds-value,.speaker-controls-time .timer{font-size:1.9em}.speaker-controls-time .timer{float:left}.speaker-controls-time .clock{float:right;text-align:right}.speaker-controls-time span.mute{opacity:.3}.speaker-controls-time .pacing-title{margin-top:5px}.speaker-controls-time .pacing.ahead{color:blue}.speaker-controls-time .pacing.on-track{color:green}.speaker-controls-time .pacing.behind{color:red}.speaker-controls-notes{padding:10px 16px}.speaker-controls-notes .value{font-size:1.2em;line-height:1.4;margin-top:5px}#speaker-layout{color:#222;position:absolute;right:10px;top:10px;z-index:10}#speaker-layout select{-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-appearance:none;-webkit-appearance:none;background-color:transparent;border:0;box-shadow:0;cursor:pointer;font-size:1em;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}#speaker-layout select:focus{box-shadow:none;outline:none}.clear{clear:both}body[data-speaker-layout=wide] #current-slide,body[data-speaker-layout=wide] #upcoming-slide{height:45%;padding:6px;width:50%}body[data-speaker-layout=wide] #current-slide{left:0;top:0}body[data-speaker-layout=wide] #upcoming-slide{left:50%;top:0}body[data-speaker-layout=wide] #speaker-controls{font-size:1.25em;height:50%;left:0;top:45%;width:100%}body[data-speaker-layout=tall] #current-slide,body[data-speaker-layout=tall] #upcoming-slide{height:50%;padding:6px;width:45%}body[data-speaker-layout=tall] #current-slide{left:0;top:0}body[data-speaker-layout=tall] #upcoming-slide{left:0;top:50%}body[data-speaker-layout=tall] #speaker-controls{font-size:1.25em;height:100%;left:45%;padding-top:40px;top:0;width:55%}body[data-speaker-layout=notes-only] #current-slide,body[data-speaker-layout=notes-only] #upcoming-slide{display:none}body[data-speaker-layout=notes-only] #speaker-controls{font-size:1.25em;height:100%;left:0;padding-top:40px;top:0;width:100%}@media screen and (max-width:1080px){body[data-speaker-layout=default] #speaker-controls{font-size:16px}}@media screen and (max-width:900px){body[data-speaker-layout=default] #speaker-controls{font-size:14px}}@media screen and (max-width:800px){body[data-speaker-layout=default] #speaker-controls{font-size:12px}}