.btn-datepicker.i-font{background-color:transparent;background:none;border:none;color:#fff;font-size:25px}.app-container{background:#274f6c;background:linear-gradient(180deg,#274f6c,#274f6c 66%,#0e1e2a);display:block;overflow:hidden}#view-toggle,.app-container{position:relative;width:100%}#view-toggle{height:30px;margin-top:35px;text-align:center;z-index:1}#view-toggle>span{border:1px solid #fff;border-right-width:0;color:#fff;cursor:pointer;display:inline-block;font-size:13px;height:30px;line-height:30px;margin-left:-5px;padding:0 1%;text-align:center}#view-toggle>span:first-child{border-radius:var(--legacy-border-radius-small) var(--legacy-border-radius-none) var(--legacy-border-radius-none) var(--legacy-border-radius-small)}#view-toggle>span:last-child{border-radius:var(--legacy-border-radius-none) var(--legacy-border-radius-small) var(--legacy-border-radius-small) var(--legacy-border-radius-none);border-width:1px}#view-toggle>span.selected{background-color:#fff;color:#176db3}#view-toggle .mobile{display:none}#planet-container{display:block;min-height:415px;position:relative;text-align:center}.planet{-webkit-touch-callout:none;display:inline-block;position:absolute;transition:all .7s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}.planet span{color:#fff;display:block;font-family:Helvetica Neue,Helvetica,Arial}.planet .name{font-size:16px;font-weight:100;letter-spacing:1.3px}.planet .value{font-size:20px;font-weight:400;letter-spacing:1px;line-height:23px;margin:10px 0}.planet .angsize{border-radius:var(--legacy-border-radius-rounded);bottom:75px;display:none;left:50%;position:absolute;transform:translateX(-50%)}.none .value{font-size:15px}.view-angsize .angsize{display:block}.planet .magnitude{border:1px solid #fff;border-radius:var(--legacy-border-radius-2xlarge);display:none;height:12px;margin:auto;overflow:hidden;position:relative;width:65px}.view-mag .magnitude{display:block}.planet:after{display:none}.view-mag .planet:after{background-repeat:no-repeat;background-size:contain;bottom:-4px;color:#fff;content:" ";display:block;height:20px;position:absolute;right:-15px;width:20px}.planet .magnitude-value{background-color:#fff;display:block;height:100%;width:10%}.planet.eye:after{background-image:url(//c.tadst.com/gfx/astro/visible-eye@2x.png)}.planet.binoculars:after{background-image:url(//c.tadst.com/gfx/astro/visible-binocular@2x.png)}.planet.none:after{background-image:url(//c.tadst.com/gfx/astro/not-visible@2x.png)}.planet .img{background-image:url(//c.tadst.com/gfx/astro/apparent-planets-sprite-02@2x.png);background-size:cover;display:block;height:85px;margin:auto;width:85px}.view-angsize .planet .img{visibility:hidden}.sun .img{background-position-x:0}.mercury .img{background-position-x:-85px}.venus .img{background-position-x:-170px}.earth .img{background-position-x:-255px}.mars .img{background-position-x:-340px}.jupiter .img{background-position-x:-425px}.saturn .img{background-position-x:-510px}.uranus .img{background-position-x:-595px}.neptune .img{background-position-x:-680px}#planet-distances{background-color:#6a7882;border-radius:var(--legacy-border-radius-large);bottom:120px;color:#fff;display:none;height:2px;left:7%;position:absolute;right:7%}.view-dist #planet-distances,.view-sundist #planet-distances{display:block}#planet-distances .planet-marker{border-radius:var(--legacy-border-radius-rounded);display:block;height:10px;position:absolute;top:-4px;transition:left .7s ease-in-out;width:10px;z-index:1}#planet-distances .planet-marker.selected,#planet-distances .planet-marker:hover{border:2px solid #fff;height:14px;margin-left:-2px;top:-6px;width:14px;z-index:10}#planet-distances .planet-marker.selected span,#planet-distances .planet-marker:hover span{display:block}.distance-marker{background-color:#6a7882;border-radius:var(--legacy-border-radius-rounded);cursor:pointer;display:block;height:4px;position:absolute;top:-1px;transition:left .7s ease-in-out;width:4px;z-index:0}.distance-marker span{bottom:-19px;color:#6a7882;font-size:11px;text-align:center;white-space:nowrap}.distance-marker span,.planet-marker span{left:50%;position:absolute;transform:translateX(-50%)}.planet-marker span{bottom:20px;display:none}.planet-marker.show span{display:block}.planet-marker.venus,.venus .angsize{background-color:#fcf1d7}.mercury .angsize,.planet-marker.mercury{background-color:#c9c8c7}.planet-marker.sun,.sun .angsize{background-color:#f1a035}.earth .angsize,.planet-marker.earth{background-color:#4dcdb3}.mars .angsize,.planet-marker.mars{background-color:#c4593c}.jupiter .angsize,.planet-marker.jupiter{background-color:#dac397}.planet-marker.saturn,.saturn .angsize{background-color:#e9c660}.planet-marker.uranus,.uranus .angsize{background-color:#9ac3c3}.neptune .angsize,.planet-marker.neptune{background-color:#527fdb}.date-control{-webkit-touch-callout:none;bottom:0;display:block;height:70px;left:7%;position:absolute;right:7%;-webkit-user-select:none;-ms-user-select:none;user-select:none}.date-control .timeline{background-color:#a0a4ab;height:5px;margin:20px 0 0;position:relative;width:calc(100% - 120px)}.date-range-selector{-webkit-touch-callout:none;border:1px solid #fff;float:right;height:25px;margin-top:10px;overflow:hidden;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:105px}.date-range-selector .date-range-selector-selected{border-right:1px solid #fff;color:#fff;cursor:pointer;display:inline-block;font-size:13px;margin:4px 5px 0 4px;padding-right:5px}.date-range-selector-selected:after{background-image:url(//c.tadst.com/gfx/astro/arrow-down@2x.png);background-position:50%;background-repeat:no-repeat;background-size:cover;content:" ";display:block;height:12px;position:absolute;right:0;top:7px;width:25px}.open .date-range-selector-selected:after{background-image:url(//c.tadst.com/gfx/astro/arrow-up@2x.png)}#date-range-options{background-color:#fff;border:1px solid #000;height:0;opacity:0;overflow:scroll;position:fixed}#date-range-options.open{height:100px;opacity:1}#date-range-options span{cursor:pointer;display:block;font-size:13px;padding:3px 5px}#date-range-options span:hover{background-color:#d3d3d3}#date-range-options span.selected{background-color:#a9a9a9;color:#fff}.date-control .timeline-markers{color:#e2e2e2;display:table;font-size:13px;font-weight:100;position:absolute;top:-20px;width:100%}.timeline-markers span{-webkit-touch-callout:none;display:table-cell;position:relative;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.timeline-markers span:after{background-color:#fff;content:" ";display:block;height:5px;left:calc(50% - 2.5px);position:absolute;top:20px;width:5px}.timeline-markers span:first-child{text-align:left}.timeline-markers span:first-child:after{left:0}.timeline-markers span:last-child{text-align:right}.timeline-markers span:last-child:after{left:auto;right:0}.date-control .timeline{cursor:pointer}.date-control .timeline-progress{background-color:#e92468;display:block;height:100%;position:absolute}.date-control .timeline-progress:after{background-color:#fb647f;border-radius:var(--legacy-border-radius-rounded);bottom:-3px;content:" ";display:block;height:12px;position:absolute;right:-6px;width:12px}.date-range-controls *{float:left}.date-range-controls span{-webkit-touch-callout:none;color:#fff;height:40px;line-height:40px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.date-range-controls .live{cursor:pointer;margin-left:20px}.date-range-controls .live:before{background-color:#d3d3d3;border-radius:var(--legacy-border-radius-rounded);content:" ";display:block;float:left;height:12px;margin-right:5px;margin-top:13px;width:12px}.live .date-range-controls .live:before{animation:live 1.5s infinite;-webkit-animation:live 1.5s infinite;background-color:#ec1c66}.live .date-range-controls .play,.paused .date-range-controls .pause,.playing .date-range-controls .play{display:none}.date-range-controls a{color:#fff;font-size:25px;height:40px;line-height:40px;text-decoration:none}.date-range-datepicker{-webkit-touch-callout:none;color:#fff;float:left;height:40px;line-height:40px;margin-left:20px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.date-range-datepicker .current-date{display:inline-block;text-align:right;width:125px}.date-range-datepicker button{height:40px;line-height:40px}.date-range-datepicker input{height:0;opacity:0;position:absolute;width:0}.date-range-timepicker{color:#fff;float:left;height:40px;line-height:40px;margin-left:20px}.date-range-timepicker input{background-color:transparent;border:none;color:#fff;margin-top:6px;text-align:center;width:35px}.date-range-timepicker span{display:inline-block;height:40px;line-height:40px;text-align:right}.date-range-timepicker span.i-font{font-size:25px;height:40px;line-height:40px}.date-range-timepicker *{float:left}@keyframes live{0%{opacity:1}50%{opacity:1}90%{opacity:0}to{opacity:1}}@media only screen and (max-width:800px){.planet{width:200%}.planet *{float:left;height:85px;line-height:85px}.planet .name{margin:0 5px;text-align:left;width:65px}.planet .value{line-height:85px;margin:0 5px}.planet .value br,.view-angsize .img{display:none}.view-angsize .angsize{float:left;position:static;transform:none}.view-mag .value{text-align:right;width:55px}.view-mag .magnitude{margin-left:5px;margin-top:37px}.view-mag .planet:after{bottom:32px;left:300px}.none .value{line-height:17px;padding-top:25px;text-align:center}}@media only screen and (max-width:580px){.date-range-selector{display:none}.date-control .timeline{width:100%}#view-toggle>span{padding:0 4%}#view-toggle .mobile{display:block}#view-toggle .desktop,.distance-marker:nth-child(odd){display:none}}