.aurora {
  .toggle {
    input[type='checkbox']:checked + .toggle-icon {
      background: var(--f7-toggle-active-color, var(--f7-theme-color));
      &:after {
        .ltr({
          transform: translateX(calc(var(--f7-toggle-width) - var(--f7-toggle-height)));
        });
        .rtl({
          transform: translateX(calc(-1 * (var(--f7-toggle-width) - var(--f7-toggle-height))));
        });
      }
    }
  }
  .toggle-icon {
    background: var(--f7-toggle-inactive-color);
    &:after {
      height: calc(var(--f7-toggle-height) - 4px);
      width: calc(var(--f7-toggle-height) - 4px);
      top: 2px;
      .ltr({ left: 2px; });
      .rtl({ right: 2px; });
      border-radius: calc(var(--f7-toggle-height) - 4px);
    }
  }
}