/* SWITCH */
label {
    pointer-events: none;
  }
  label .input {
    display: none;
  }
  label .input:checked + .toggle-wrapper {
    box-shadow: 0 8px 14px 0 rgba(18, 51, 215, 0.12);
  }
  label .input:checked + .toggle-wrapper > .selector {
    left: calc(100% - 50px);
    background-color: #3957ee;
  }
  label .input:checked ~ .notification > .selected:before {
    content: " Si";
  }
  label .toggle-wrapper {
    position: relative;
    width: 120px;
    height: 60px;
    background-color: #eaeaea;
    border-radius: 999px;
    margin: auto;
    cursor: pointer;
    pointer-events: all;
    box-shadow: 0 8px 14px 0 rgba(215, 60, 18, 0.12);
  }
  label .toggle-wrapper .selector {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background-color: #ee5f39;
    -webkit-transition: left 0.25s ease;
    transition: left 0.25s ease;
    border-radius: 50%;
  }
  label .notification {
    font-size: 20px;
    width: 100%;
  }
  label .notification .selected:before {
    content: " No";
    font-size: 20px;
    border-bottom: 2px solid;
  }