.typeset-cursor {
    display: inline-block;
    margin-left: 10px;
    width: 5px;
    height: 100%;
    background: var(--brand-primary);
    margin-bottom: -7px;
}

.typeset-cursor.blink {
    -webkit-animation-name: blink;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-animation-duration: 1s;
    -moz-animation-name: blink;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -moz-animation-duration: 1s;
    -ms-animation-name: blink;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -ms-animation-duration: 1s;
    -o-animation-name: blink;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: cubic-bezier(1, 0, 0, 1);
    -o-animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(1, 0, 0, 1);
    animation-duration: 1s;
}

@-webkit-keyframes blink {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-moz-keyframes blink {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@-ms-keyframes blink {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
@keyframes blink {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}