.form-switch {
  display: flex;
  align-items: center;

  .form-check-input {
    border: 1px solid $gray-200;
    position: relative;
    background-color: rgba($dark-gradient-state, 0.1);
    height: $form-check-input-width + 0.02;

    &:after {
      transition:
        transform $form-check-transition-time ease-in-out,
        background-color $form-check-transition-time ease-in-out;
      content: "";
      width: $form-switch-check-after-width;
      height: $form-switch-check-after-width;
      border-radius: 50%;
      position: absolute;
      background-color: $white;
      transform: translateX($form-switch-translate-x-start);
      box-shadow: $form-switch-round-box-shadow;
      top: 1px;
    }

    &:checked:after {
      transform: translateX($form-switch-translate-x-end);
    }

    &:checked {
      border-color: rgba($primary-gradient, 0.95);
      background-color: rgba($primary-gradient, 0.95);
    }
  }

  .form-check-label {
    margin-bottom: 0;
    margin-left: 0.5rem;
  }
}
