#header-preview-icon {
  width: 44px;
  height: 44px;
  margin-left: 6px;
  margin-right: 10px;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
  background-color: #ccc;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
#header-preview-icon img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 7px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 7px;
  -moz-background-clip: padding;
  border-radius: 7px;
  background-clip: padding-box;
}
#header-preview {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 56px;
  margin: 20px auto 40px;
  background-color: #ccc;
  color: white;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 200;
  font-size: 1.2em;
}
#header-preview-text {
  text-align: left;
}
.ui-slider {
  margin: 10px auto;
  width: 90%;
}
#slide-h {
  background: #fff;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ff0000 0%, #ffff00 16.66666667%, #00ff00 33.33%, #00fffe 50%, #0000ff 66.66666667%, #fe00ff 83.33333333%, #ff0000 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ff0000), color-stop(16.66666667%, #ffff00), color-stop(33.33%, #00ff00), color-stop(50%, #00fffe), color-stop(66.66666667%, #0000ff), color-stop(83.33333333%, #fe00ff), color-stop(100%, #ff0000));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #ff0000 0%, #ffff00 16.66666667%, #00ff00 33.33%, #00fffe 50%, #0000ff 66.66666667%, #fe00ff 83.33333333%, #ff0000 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #ff0000 0%, #ffff00 16.66666667%, #00ff00 33.33%, #00fffe 50%, #0000ff 66.66666667%, #fe00ff 83.33333333%, #ff0000 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #ff0000 0%, #ffff00 16.66666667%, #00ff00 33.33%, #00fffe 50%, #0000ff 66.66666667%, #fe00ff 83.33333333%, #ff0000 100%);
  /* IE10+ */
  background: linear-gradient(left, #ff0000 0%, #ffff00 16.66666667%, #00ff00 33.33%, #00fffe 50%, #0000ff 66.66666667%, #fe00ff 83.33333333%, #ff0000 100%);
  /* W3C */
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFzc2V0cy9zdHlsZXMvY29sb3ItcGlja2VyLmxlc3MiLCJhc3NldHMvYm93ZXJfY29tcG9uZW50cy9sZXNzaGF0L2J1aWxkL2xlc3NoYXQubGVzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPQTtFQUNFLFdBQUE7RUFDQSxZQUFBO0VBQ0EsZ0JBQUE7RUFDQSxrQkFBQTtFQzhRQSwwQkFBQTtFQUFpQyxvQ0FBQTtFQUNqQyx1QkFBQTtFQUE4Qiw2QkFBQTtFQUM5QixrQkFBQTtFQUF5Qiw0QkFBQTtFRDlRekIsc0JBQUE7RUMyYUEsc0JBQUE7RUFDQSxjQUFBOztBRGxiRixvQkFTRTtFQUNFLFdBQUE7RUFDQSxZQUFBO0VDdVFGLDBCQUFBO0VBQWlDLG9DQUFBO0VBQ2pDLHVCQUFBO0VBQThCLDZCQUFBO0VBQzlCLGtCQUFBO0VBQXlCLDRCQUFBOztBRHBRM0I7RUNrV0Usb0JBQUE7RUFDQSxpQkFBQTtFQUNBLHFCQUFBO0VBQ0Esb0JBQUE7RUFDQSxhQUFBO0VEcFdBLFlBQUE7RUFDQSxzQkFBQTtFQUVBLHNCQUFBO0VBQ0EsWUFBQTtFQ21GQSx5QkFBQTtFQUNBLHNCQUFBO0VBQ0EsMkJBQUE7RUFDQSxzQkFBQTtFQUNBLG1CQUFBO0VEckZBLHlEQUFBO0VBQ0EsZ0JBQUE7RUFDQSxnQkFBQTs7QUFHRjtFQUNFLGdCQUFBOztBQUdGO0VBQ0UsaUJBQUE7RUFDQSxVQUFBOztBQUdGO0VBQ0UsZ0JBQUE7O0VBQ0EsWUFBWSxtSkFBWjs7RUFDQSxZQUFZLDhDQUE4Qyx5QkFBd0IsbUNBQXdDLDZCQUE0QiwwQkFBeUIsbUNBQXdDLG1DQUF3QywwQkFBL1A7O0VBQ0EsWUFBWSxzSkFBWjs7RUFDQSxZQUFZLGlKQUFaOztFQUNBLFlBQVksa0pBQVo7O0VBQ0EsWUFBWSw4SUFBWiJ9 */