#kx-style-switcher {
  position: fixed;
  top: 20%;
  right: 0;
  width: 220px;
  -webkit-transform: translateX(272px);
  transform: translateX(272px);
  -webkit-transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 280ms cubic-bezier(0.55, 0, 0.1, 1);
  background: #fff;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 0 0 0 4px;
  padding: 24px;
  z-index: 1200; }
  @media (max-width: 959px) {
    #kx-style-switcher {
      width: 180px;
      -webkit-transform: translateX(232px);
      transform: translateX(232px); } }
  #kx-style-switcher.active {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  #kx-style-switcher .kx-sSw-toggle {
    color: #00838f;
    font-size: 24px;
    padding: 2px 18px 0 14px;
    position: absolute;
    left: -52px;
    top: 0;
    width: 20px;
    height: 40px;
    display: block;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    background: #fff;
    cursor: pointer; }
    #kx-style-switcher .kx-sSw-toggle:after {
      content: '';
      position: absolute;
      top: 0;
      right: -2px;
      width: 4px;
      height: 100%;
      background: #fff; }
  #kx-style-switcher .kx-sSw-theme-switcher {
    margin-top: -16px !important; }
    #kx-style-switcher .kx-sSw-theme-switcher,
    #kx-style-switcher .kx-sSw-theme-switcher li {
      list-style: none;
      margin: 0;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    #kx-style-switcher .kx-sSw-theme-switcher li {
      margin-top: 16px;
      opacity: 0.4;
      -webkit-transition: opacity 140ms ease;
      transition: opacity 140ms ease;
      position: relative; }
      #kx-style-switcher .kx-sSw-theme-switcher li:after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -12px;
        display: block;
        font-family: "Material Design Icons";
        font-size: 24px;
        font-size: 1.5rem;
        color: #fff;
        line-height: 1; }
      #kx-style-switcher .kx-sSw-theme-switcher li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 64px;
        height: 24px; }
        @media (max-width: 959px) {
          #kx-style-switcher .kx-sSw-theme-switcher li a {
            width: 48px; } }
        #kx-style-switcher .kx-sSw-theme-switcher li a span {
          width: 50%; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-default span:first-child {
        background: #00acc1; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-default span:last-child {
        background: #e53935; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-a span:first-child {
        background: #1e88e5; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-a span:last-child {
        background: #43a047; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-b span:first-child {
        background: #3949ab; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-b span:last-child {
        background: #d81b60; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-c span:first-child {
        background: #757575; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-c span:last-child {
        background: #039be5; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-d span:first-child {
        background: #8e24aa; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-d span:last-child {
        background: #43a047; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-e span:first-child {
        background: #e53935; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-e span:last-child {
        background: #3949ab; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-f span:first-child {
        background: #546e7a; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-f span:last-child {
        background: #f4511e; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-g span:first-child {
        background: #5e35b1; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-g span:last-child {
        background: #6d4c41; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-h span:first-child {
        background: #6d4c41; }
      #kx-style-switcher .kx-sSw-theme-switcher li a.kx-sW-theme-h span:last-child {
        background: #00acc1; }
      #kx-style-switcher .kx-sSw-theme-switcher li:hover, #kx-style-switcher .kx-sSw-theme-switcher li.active {
        opacity: 1; }
      #kx-style-switcher .kx-sSw-theme-switcher li.active:after {
        content: '\f12c'; }