#ht-style-switcher {
  position: fixed;
  z-index: 99;
  top: 100px;
  left: -140px;
  width: 140px;
  background: #333;
  color: #fff;
  padding: 20px;
  transition: 500ms;
  -webkit-transform: translate3d(0, 0, 0);
  border-radius: 0 3px 3px 0; }
  #ht-style-switcher .inner {
    position: relative;
    display: block; }
    #ht-style-switcher .inner .toggle {
      opacity: 0.3;
      border: none !important;
      position: absolute;
      cursor: pointer;
      display: block;
      width: 34px;
      height: 34px;
      padding: 2px;
      right: -50px;
      top: 0px;
      background: url(images/gear.png) 5px 5px no-repeat #333333;
      border-radius: 0 3px 3px 0; }
    #ht-style-switcher .inner .active {
      opacity: 1; }
    #ht-style-switcher .inner .heading {
      font-weight: bold;
      margin-bottom: 10px;
      font-size: 1em; }
    #ht-style-switcher .inner ul {
      list-style: none;
      padding: 0; }
      #ht-style-switcher .inner ul li {
        display: inline-block;
        cursor: pointer; }
    #ht-style-switcher .inner ul.change-color {
      text-align: left; }
      #ht-style-switcher .inner ul.change-color li {
        width: 36px;
        height: 36px;
        border-radius: 10px 0 10px 0;
        border: 2px solid #fff;
        margin-right: 10px; }
      #ht-style-switcher .inner ul.change-color li.color-1 {
        background-color: #da5252; }
      #ht-style-switcher .inner ul.change-color li.color-2 {
        background-color: #00be98; }
      #ht-style-switcher .inner ul.change-color li.color-3 {
        background-color: #EC5923; }
      #ht-style-switcher .inner ul.change-color li.color-4 {
        background-color: #2d5c88; }
      #ht-style-switcher .inner ul.change-color li.color-5 {
        background-color: #719430; }
      #ht-style-switcher .inner ul.change-color li.color-6 {
        background-color: #8eccb3; }
      #ht-style-switcher .inner ul.change-color li.color-7 {
        background-color: #435960; }
      #ht-style-switcher .inner ul.change-color li.color-8 {
        background-color: #e44884; }
      #ht-style-switcher .inner ul.change-color li.color-9 {
        background-color: #7fcd0f; }
      #ht-style-switcher .inner ul.change-color li.color-10 {
        background-color: #FFD600; }
    #ht-style-switcher .inner ul.change-nav .heading {
      margin-bottom: 0px;
      margin-top: 10px;
      font-size: 1em;
      cursor: default !important; }
      #ht-style-switcher .inner ul.change-nav .heading:hover {
        color: #fff; }
    #ht-style-switcher .inner ul.change-nav li {
      font-size: 2.5em;
      margin-right: 10px; }
    #ht-style-switcher .inner ul.change-nav li:hover {
      color: #0CE4DB; }

#ht-style-switcher.active {
  left: 0; }
  #ht-style-switcher.active .toggle {
    right: -42px; }