.drift-email-extension-status-bar
  .drift-email-extension-calendar
    display: flex
    line-height: 40px
    border-left: 1px solid rgba(181, 210, 225, 0.5)
    border-right: 1px solid rgba(181, 210, 225, 0.5)

    .drift-email-extension-default-meetings
      display: flex
      padding: 0 10px
      color: #384F5B
      font-weight: 600
      width: 105px

    .drift-email-extension-calendar-icon
      margin-top: 4px
      margin-right: 5px

    .drift-email-extension-custom-meeting-arrow
      margin-top: 0
      padding: 0 10px

    .drift-email-extension-calendar-popup
      position: absolute
      bottom: 110%
      background: #ffffff
      border: 1px solid #E1EEF4
      box-shadow: 0px 2px 24px rgba(181, 210, 225, 0.2)
      border-radius: 3px

  .calendar-inject-loader
    width: 76px
    text-align: center

  .calendar-inject-loader > div
    width: 7px
    height: 7px
    margin-right: 7px
    background-color: #B5D2E1
    border-radius: 100%
    display: inline-block
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out
    animation: bouncedelay 1.4s infinite ease-in-out
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both
    animation-fill-mode: both

  .spinner .bounce1
    -webkit-animation-delay: -0.48s
    animation-delay: -0.48s

  .spinner .bounce2
    -webkit-animation-delay: -0.32s
    animation-delay: -0.32s

  .spinner .bounce3
    -webkit-animation-delay: -0.16s
    animation-delay: -0.16s

  @keyframes bouncedelay
    0%, 80%, 100%
      -webkit-transform: scale(0.5)
      opacity: 0.5

    40%
      -webkit-transform: scale(1)
      opacity: 1

  @keyframes bouncedelay
    0%, 80%, 100%
      transform: scale(0.5)
      -webkit-transform: scale(0.5)
      opacity: 0.5

    40%
      transform: scale(1)
      -webkit-transform: scale(1)
      opacity: 1

  @keyframes bouncedelay
    0%, 80%, 100%
      transform: scale(0.5)
      -webkit-transform: scale(0.5)
      opacity: 0.5

    40%
      transform: scale(1)
      -webkit-transform: scale(1)
      opacity: 1

  @keyframes bouncedelay
    0%, 80%, 100%
      transform: scale(0.5)
      -webkit-transform: scale(0.5)
      opacity: 0.5

    40%
      transform: scale(1)
      -webkit-transform: scale(1)
      opacity: 1

  @keyframes bouncedelay
    0%, 80%, 100%
      transform: scale(0.5)
      -webkit-transform: scale(0.5)
      opacity: 0.5

    40%
      transform: scale(1)
      -webkit-transform: scale(1)
      opacity: 1