.a-switch {
  display: inherit;
}

.a-switch__label {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 3rem;
    cursor: pointer;
    transition: all 0.3s ease;
    color: var(--color-greyscale-4);
  }

.a-switch__label:before {
    position: absolute;
    top: 0.22rem;
    left: 0;
    width: 2.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
    content: "";
    transition: all 0.3s ease;
    border: none;
    border-radius: 1rem;
    background-color: var(--color-greyscale-4);
    }

.a-switch__label:after {
    position: absolute;
    top: 0.35rem;
    left: 0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    transition: all 0.3s ease;
    border-radius: 50%;
    background-color: var(--color-greyscale-7);
    }

.a-switch__input {
    position: absolute;
    opacity: 0;
  }

.a-switch__input:checked + .a-switch__label {
      color: var(--color-main-1);
      }

.a-switch__input:checked + .a-switch__label:before {
      background-color: var(--color-main-1);
        }

.a-switch__input:checked + .a-switch__label:after {
      left: 1.125rem;
        }

.switch__checkbox {
  display: inherit;
}

.switch__checkbox label {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 3rem;
    cursor: pointer;
    transition: all 0.3s ease;
    color: var(--color-greyscale-4);
  }

.switch__checkbox label.a-form-item__title {
      padding: 0 1.25rem;
      color: transparent;
      border-color: transparent;
      background-color: transparent;
      font-size: 0;
    }

@media all and (min-width: 1025px) {

.switch__checkbox label.a-form-item__title {
        padding: 0 1.5rem
    }
      }

.switch__checkbox label:before {
    position: absolute;
    top: 0.22rem;
    left: 0;
    width: 2.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
    content: "";
    transition: all 0.3s ease;
    border: none;
    border-radius: 1rem;
    background-color: var(--color-greyscale-4);
    }

.switch__checkbox label:after {
    position: absolute;
    top: 0.35rem;
    left: 0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    transition: all 0.3s ease;
    border-radius: 50%;
    background-color: var(--color-greyscale-7);
    }

.switch__checkbox input {
    position: absolute;
    opacity: 0;
  }

.switch__checkbox input:checked + .a-switch__label {
      color: var(--color-main-1);
      }

.switch__checkbox input:checked + .a-switch__label.a-form-item__title {
          padding: 0 1.25rem;
          color: transparent;
          border-color: transparent;
          background-color: transparent;
          font-size: 0;
        }

@media all and (min-width: 1025px) {

.switch__checkbox input:checked + .a-switch__label.a-form-item__title {
            padding: 0 1.5rem
        }
          }

.switch__checkbox input:checked + .a-switch__label:before {
      background-color: var(--color-main-1);
        }

.switch__checkbox input:checked + .a-switch__label:after {
      left: 1.125rem;
        }

@media all and (min-width: 1025px) {

.switch__checkbox input:disabled + .a-switch__label {
          padding: 0
      }
        }

.switch__checkbox input:disabled + .a-switch__label.a-form-item__title {
          color: transparent;
          border-color: transparent;
          background-color: transparent;
        }

.switch__checkbox input:disabled + .a-switch__label:before {
      opacity: 0.4;
      background-color: var(--color-greyscale-4);
        }

.switch__checkbox input:disabled + .a-switch__label:after {
      background-color: var(--color-greyscale-7) !important;
        }