.tag {
    background-color: rgba(0, 0, 0, 0.10);
    color: rgba(152, 152, 152, 0.88);
    font-weight: bold;
    padding: 0.06em 0.22em 0.07em;
    border-radius: 2px;
}

.my-tag {
   background-color: rgba(108, 75, 38, 0.85);
   color: rgba(241, 201, 69, 0.85);
   font-weight: bold;
   padding: 0.06em 0.22em 0.07em;
   border-radius: 2px;
}

.remaining-reactions {
    display: flex;
    width: 0px;
    transition: all .5s ease-in-out;
}

.outline-none {
    outline: none;
}

.MuiInput-root {
    margin-top: 0px !important;
}

.tabs-border {
    border-bottom-width: 1px !important;
}

@-webkit-keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

@keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

.blink {
    animation: blink linear .5s 2 forwards;
}

.stream-overlay-animation-enter {
  opacity: 0;
}
.stream-overlay-animation-enter-active {
  opacity: 1;
  transition: opacity 300ms ease-in;
}

.stream-overlay-animation-exit {
  opacity: 1;
}
.stream-overlay-animation-exit-active {
  opacity: 0;
  transition: opacity 300ms ease-in;
}