.customize-control-kirki-switch .switch-label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-align: left;
  padding: 16px 0 16px 44px; }
  .customize-control-kirki-switch .switch-label:before, .customize-control-kirki-switch .switch-label:after {
    content: "";
    position: absolute;
    margin: 0;
    outline: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: all 0.3s ease; }
  .customize-control-kirki-switch .switch-label:before {
    left: 1px;
    width: 34px;
    height: 14px;
    background-color: #a0a5aa;
    border-radius: 8px; }
  .customize-control-kirki-switch .switch-label:after {
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #555d66;
    border-radius: 50%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.14), 0 2px 2px 0 rgba(0, 0, 0, 0.098), 0 1px 5px 0 rgba(0, 0, 0, 0.084); }
  .customize-control-kirki-switch .switch-label .toggle-on {
    display: none;
    color: #0073aa; }
  .customize-control-kirki-switch .switch-label .toggle-off {
    display: inline-block;
    color: #82878c; }
.customize-control-kirki-switch .kirki-switch-input:checked + .switch-label:before {
  background-color: #92c9e4; }
.customize-control-kirki-switch .kirki-switch-input:checked + .switch-label:after {
  background-color: #0073aa;
  -webkit-transform: translate(80%, -50%);
  transform: translate(80%, -50%); }
.customize-control-kirki-switch .kirki-switch-input:checked + .switch-label .toggle-on {
  display: inline-block; }
.customize-control-kirki-switch .kirki-switch-input:checked + .switch-label .toggle-off {
  display: none; }