.scrubber-container{cursor:grab;overflow-x:hidden;min-height:48px;font-size:14px}.scrubber-container__date{background:rgba(0,0,0,.8)}body.user-tabbing .scrubber-container__date:focus{height:51px;border-top:3px solid #b9dc0c;border-bottom:3px solid #b9dc0c;box-sizing:border-box}.scrubber-container__time{background-color:#1d1d1d}.time-track,.date-track{position:relative;white-space:nowrap;list-style:none;padding:0;margin:0;will-change:transform}.time-track{left:calc(50% - 30px)}.time-track:hover>.time-slide{cursor:grab}.time-track:hover>.time-slide>.time-slide-inner{cursor:pointer}.time-track:active>.time-slide,.time-track:active>.time-slide>.time-slide-inner{cursor:grabbing}span.time-slide-inner{transform:translateY(10px)}.date-track{left:calc(50% - 60px);display:flex}.time-slide,.date-slide{justify-content:center;align-items:center;height:48px;color:#fff;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:transform}.time-slide{width:60px;display:inline-flex}.date-slide{width:120px;box-sizing:border-box;min-width:120px;cursor:pointer}.date-slide-inner{width:100%;pointer-events:none;line-height:44px;display:inline-block}.date-slide--selected{background-color:#ccc;color:#2a2a2a}.date-slide--selected .date-slide-today:before{color:#2a2a2a}.time-slide--selected{color:#fff}.time-slide--selected{font-weight:600}.lower-control-container{position:relative}.timestep-marker{position:absolute;height:10px;border-left:1px solid #fff;align-items:baseline;top:0;z-index:1000}.timestep-marker.halfhour{height:15px}.timestep-marker.hour{height:20px;border-left:2px solid #fff}.timeline-timebox{width:49px;height:15px;border:2px solid #b9dc0c;top:20px;left:calc(50% - 26px);position:relative;border-radius:2px}.time-now{pointer-events:none;position:fixed;height:46px;border-left:1px dashed #a1a0aa;align-items:baseline;color:#a1a0aa;transform:translate(0, -48px);font-size:12px}.time-now span{display:inline-block;transform:translate(-7px, 41px);padding-right:4px}.time-now .icon--clock{background:url(../../images/icons/common/time-icon.713c55cd.svg) center no-repeat;background-size:10px auto;height:10px;width:10px;vertical-align:middle}.scroll-descriptor{height:24px;background-color:#1d1d1d;color:#bababa;font-size:14px}.scroll-descriptor span{display:inline-block;line-height:0;transform:translate(0, 5px)}@media(pointer: fine){.time-slide:hover{color:#ccc}.date-slide:hover{background-color:#656565;color:#fff}.date-slide:hover .date-slide-today:before{color:#b9dc0c}.date-slide--selected:hover .date-slide-today:before{color:#fff}.button--play:hover{background-color:#656565}}.button--play{position:absolute;left:0;border-right:1px solid #656565}.play-button-container{position:absolute;width:44px;height:66px;background-color:#1d1d1d;z-index:3000}.timeline-marker{position:absolute;width:120px;background-color:#b9dc0c;top:44px;height:4px;left:calc(50% - 60px);z-index:100}.timeline-marker .forecast-obs-marker{background-color:#b9dc0c;font-size:10px;margin-top:-10px;margin-bottom:-5px;padding-top:1px;line-height:12px;color:#000;text-transform:uppercase}.type-marker-observation .timeline-marker .forecast-obs-marker::before{content:"Observation"}.type-marker-forecast .timeline-marker .forecast-obs-marker::before{content:"Forecast"}.type-marker-forecasted .timeline-marker .forecast-obs-marker::before{content:"Forecasted"}.timeline-arrow-container{height:10px}.timeline-arrow{position:relative;width:0;height:0;border-left:5.5px solid transparent;border-right:5.5px solid transparent;border-top:14px solid #b9dc0c;top:18px;left:0}.date-slide-today{line-height:14px;padding-top:5px}.date-slide-today:before{content:"Today\a";white-space:pre;color:#b9dc0c}