.slider-input {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}
.slider-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}
.slider-input::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #4CAF50;
  cursor: pointer;
}
.scene-content {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
}
.scene-config {
  position: fixed;
  top: 0;
  height: calc(100% - 60px);
  width: 500px;
  background: rgba(134,134,134,0.64);
  right: 0;
  top: 60px;
}
.date-container {
  color: #FFF;
  display: inline-block;
  vertical-align: top;
  font-size: 9px;
  margin-top: -4px;
}
.date-container .left {
  float: left;
  font-size: 11px;
  margin-top: 5px;
  margin-right: 2px;
}
.date-container .week-day {
  display: block;
  text-align: right;
}
.date-container .month {
  display: block;
  margin-top: -6px;
  text-align: right;
}
.date-container .day {
  font-size: 24px;
}
.date-container .hour {
  font-size: 24px;
  border-left: 1px dashed #3f3f4a;
  padding-left: 7px;
  margin-left: 7px;
}