.navigation-feed-expand .activity-panel-shortcut-container{
  width: 0;
  opacity: 0;
  transform: translateX(61px);
  transition: transform 500ms linear, opacity 500ms linear, width 500ms linear;
}

.activity-panel-shortcut-container{
  align-items: center;
  background-color: #0091ff;
  cursor: pointer;
  display: flex;
  height: 61px;
  opacity: 1;
  position: relative;
  transition: width 250ms linear 300ms, opacity 250ms linear 300ms;
  width: 61px;
}

.activity-panel-shortcut-content{
  align-items: center;
  background-color: #373a45;
  display: flex;
  height: 100%;
  position: relative;
  width: 61px;

  i{
    background-color: transparent;
    color: white;
    font-size: 25px;
    margin: 0 auto;
  }

  .activity-panel-shortcut-badge{
    align-items: center;
    background-color: #ff3366;
    border: 2px solid #373a45;
    border-radius: 12px;
    display: flex;
    height: 19px;
    min-width: 19px;
    position: absolute;
    left: 31px;
    top: 10px;
    width: auto;

    span{
      color: white;
      font-size: 11px;
      font-weight: 300;
      margin: 0 auto;
      padding: 0 4px;
    }
  }
}