:host {
    background-color: #444;
}

.ui.label.inprogress {
    position: relative;
}

.ui.label.inprogress::after {
    content: '';
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #ffffff;
    border-radius: .28571429rem;
    animation: label-progress-active 2.5s ease infinite;
}

.ui.label.blue-yellow {
    background: linear-gradient(
        to top right,
        #2185d0 45%,
        #fbbd08 55%);
}

.ui.label.blue-red {
    background: linear-gradient(
        to top right,
        #2185d0 45%,
        #db2828 55%);
}

.ui.jira-avatar.image {
    width: 45px;
    height: auto;
    /*font-size: 1em;*/
    margin-right: 4px;
    margin-bottom: 0;
}

.ui.jira-avatar.image > img {
    border-radius: 4px;
    max-width: 45px;
    height: auto;
}


@keyframes label-progress-active {
  0% {
    opacity: 0.5;
    width: 0;
  }

  100% {
    opacity: 0;
    width: 100%;
  }
}