.drift-custom-meeting-type-container
  width: 280px
  border-radius: 3px
  padding-bottom: 8px

.drift-custom-meeting-header
  background: #394f59
  color: #fff
  font-size: 12px
  font-weight: bold
  padding: 7px 13px 6px 40px
  line-height: 21px
  font-family: 'Open Sans'
  border-top-left-radius: 3px
  border-top-right-radius: 3px

.drift-custom-meeting-logo
  svg
    height: 16px
    width: 16px
    position: absolute
    left: 14px
    top: 10px

.drift-custom-meeting-subtitle
  margin: 14px 16px 10px
  color: #7695A5
  font-size: 12px
  font-weight: 600
  line-height: 12px
  font-family: 'Open Sans'

.drift-custom-meeting-list-item
  display: flex
  padding: 6px 16px
  height: 20px
  line-height: 17px
  color: #394F5A
  font-weight: 200
  font-family: 'Open Sans'
  font-size: 13px
  cursor: pointer

  &:hover
    background: #EFFAFF

  i
    &.drift-custom-meeting-calendar-icon
      margin-right: 10px

      svg
        color: inherit
        margin-top: 1px
        path
          color: inherit
          fill: currentColor

i
  &.drift-custom-meeting-calendar-icon
    &.red
      color: #d8339a

    &.purple
      color: #9013fe

    &.blue
      color: #0176ff

    &.green
      color: #13cc6d
.drift-custom-meeting-name
  white-space: nowrap
  overflow: hidden
  text-overflow: ellipsis
.drift-custom-meeting-duration
  color: #7595a5
  margin-left: 5px