.knobs{
  &[data-flow='compact']{
    .switch{
      --size: 10px;
      --thumb-scale: 1.3;

      &__gfx{
        padding: 0;
      }
    }
  }

  .switch{
    --color-bg: #444;
    --color-bg-on: #444;
    --thumb-color-off: #d75d4a;
    --thumb-color-on: #4ec964;
    --thumb-scale: 1.1;
    --width-multiplier: 2.5;
    --thumb-animation-pad: 15%;
    --size: 1em;

    .switch__gfx{
      background: none;
      border: 1px solid var(--bg, var(--color-bg));
    }

    input:focus + div{ outline: none; }
  }
}