.logchimp

display: flex
flex-direction: column
&-heading
  padding: 12px 0
  text-align: center
  border-bottom: 1px solid #f1f1f1
  font-weight: 500
  background-color: rgba(255,255,255,.9)
  font-size: 14px
  top: 0
  border-top-left-radius: 6px
  border-top-right-radius: 6px
&-item
  display: flex
  padding: 7px 16px
  flex-direction: row
  color: #666
  font-size: 13px
  flex-wrap: wrap
  text-decoration: inherit
  &:hover
    .logchimp-item-description
      text-decoration: underline
  &:first-child
    padding-top: 12px
  &:last-child
    padding-bottom: 12px
  &-category
    border-radius: 10px
    color: $white
    font-size: 11px
    padding: 2px 6px
    margin-right: 5px
  &-title
    color: #222c36
    font-weight: 500
    margin-right: 5px
  &-description
    line-height: 18px
&-seemore
  background: #fcfcfc
  color: #a8a8a8
  font-size: 12px
  padding: 10px 0
  text-align: center
  border-top: 1px solid #f1f1f1
  margin-top: auto
  bottom: 0
  border-bottom-left-radius: 6px
  border-bottom-right-radius: 6px
  a
    color: #a8a8a8
    text-decoration: underline
&-heading, &-seemore
  position: sticky

html, body, .logchimp

height: 100%