.cursor {
    display: inline-block;
    height: 1.1em;
    margin-top: -4px;
    width: 0.5em;
    vertical-align: middle;
    -webkit-animation: 1s blink step-end infinite;
    -moz-animation: 1s blink step-end infinite;
    -ms-animation: 1s blink step-end infinite;
    -o-animation: 1s blink step-end infinite;
    animation: 1s blink step-end infinite;
  }
  
  @keyframes blink {
    from,
    to {
      background: 0 0;
    }
    50% {
      background: var(--blink-color);
    }
  }
  
  @-moz-keyframes blink {
    from,
    to {
      background: 0 0;
    }
    50% {
      background: var(--blink-color);
    }
  }
  
  @-webkit-keyframes blink {
    from,
    to {
      background: 0 0;
    }
    50% {
      background: var(--blink-color);
    }
  }
  
  @-ms-keyframes blink {
    from,
    to {
      background: 0 0;
    }
    50% {
      background: var(--blink-color);
    }
  }
  
  @-o-keyframes blink {
    from,
    to {
      background: 0 0;
    }
    50% {
      background: var(--blink-color);
    }
  }