.blank-user-pfp {
    background-image: url('../images/general/blank-user-profile.png');
  }
  
  .barracuda-pfp {
    background-image: url('../images/general/barracuda-bot-icon.png');
  }
  
  .pfp-size-no-repeat {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
  }
  
  .typing-indicator {
    -webkit-animation: 2s bulge infinite ease-out;
    animation: 2s bulge infinite ease-out;
  }
  
  .typing-indicator span {
    height: 10px;
    width: 10px;
    float: left;
    margin: 2.5px 1px;
    background-color: #9E9EA1;
    display: block;
    border-radius: 50%;
    opacity: 0.4;
  }
  
  .typing-indicator span:nth-of-type(1) {
    -webkit-animation: 1s blink infinite 0.3333s;
    animation: 1s blink infinite 0.3333s;
  }
  
  .typing-indicator span:nth-of-type(2) {
    -webkit-animation: 1s blink infinite 0.6666s;
    animation: 1s blink infinite 0.6666s;
  }
  
  .typing-indicator span:nth-of-type(3) {
    -webkit-animation: 1s blink infinite 0.9999s;
    animation: 1s blink infinite 0.9999s;
  }
  
  @-webkit-keyframes blink {
    50% {
      opacity: 1;
    }
  }
  
  @keyframes blink {
    50% {
      opacity: 1;
    }
  }