#eclipseAnimation{width:100%;height:380px}#eclipseAnimation canvas{transform:translateZ(0)}.fullscreen #eclipseAnimation{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}#eclipseAnimationContainer{position:relative;-me-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}#eclipseAnimationContainer .fullscreen{position:fixed;width:100%;height:100%;top:0;left:0;padding-bottom:60px;z-index:1025}#eclipseAnimationContainer .fullscreen .logo-overlay{position:absolute;left:10px;top:10px;width:100%;height:50px;background:url(//c.tadst.com/gfx/n/logo/logo-2021--horizontal-monotone-darkbg.svg) no-repeat;background-size:188px auto;z-index:1}#eclipseAnimationContainer .playBar{transform:translateZ(1px)}#eclipseAnimationContainer.nocanvas #eclipseAnimation,#eclipseAnimationContainer.nocanvas nav.playBar{display:none}#eclipseAnimationContainer.nocanvas .unsupported{display:block}#eclipseAnimationContainer .unsupported{height:200px;background:#000;color:#f1f1f1;padding:50px;display:none}#eclipseStatsHorizon{right:12px}#eclipseStatsHorizon,#eclipseStatsSpeed{position:absolute;bottom:42px;color:#fff}#eclipseStatsSpeed{left:12px}#eclipseLiveMsg{display:none;position:absolute;top:0;left:0;color:#fff;background-color:#000;width:100%;height:100%;padding:22% 20%;font-size:120%}.fullscreen #eclipseLiveMsg{z-index:1}#eclipseStatsTime{position:absolute;top:12px;right:12px;color:#fff;font-variant-numeric:tabular-nums}#eclipseStatsTime i{color:red;animation:live;animation-duration:1s;animation-direction:alternate;animation-fill-mode:both;animation-iteration-count:infinite}#eclipseStatsTime a{color:#f8eab9}@keyframes live{0%{color:red}to{color:#fff}}