.mdp-readabler-score-head-column
  display: flex
  align-items: center

.mdp-readabler-score-content-column
  border: 1px solid #c3c4c7
  margin: 0
  background: #fff
  border-radius: 8px
  color: #646970
  line-height: 1
  align-items: center
  padding: 4px
  transition: all .1s ease-in-out
  display: flex

  &:before
    content: ''
    display: inline-flex
    width: 16px
    height: 16px
    min-width: 16px
    min-height: 16px
    border-radius: 50%
    background-size: contain

  &.mdp-readabler-warn-score
    background: rgba(255, 128, 0, .1)
    border-color: rgba(255, 128, 0, 1)
    color: #ff6200
    column-gap: 4px
    font-weight: 600
    padding-right: 6px

    &:before
      background-image: url( ../images/report/warn.svg )
      background-color: rgba(255, 128, 0, 1)

    &:hover
      background-color: rgba(255, 128, 0, 1)
      color: black
      transition: all .1s ease-in-out

      &:before
        background-color: transparent
        filter: invert(1)

  &.mdp-readabler-ok-score
    background:  rgba(0, 172, 74, .1)
    border-color: rgba(0, 172, 74, 1)
    color: rgba(0, 172, 74, 1)

    &:before
      background-image: url( ../images/report/ok.svg )

  &.mdp-readabler-no-score
    background:  transparent
    border-color: #cccccc
    font-size: 0
    transition: all .1s ease-in-out
    cursor: pointer
    column-gap: 4px

    span
      display: inline-flex
      margin-left: -4px

    &:before
      background-image: url( ../images/report/no.svg )
      filter: grayscale(1)

    &:hover
      font-size: 13px
      color: #2196f3
      border-color: #2196f3
      transition: all .1s ease-in-out

      &:before
        filter: grayscale(0)

        span
          margin-left: 0

  &:disabled
    cursor: not-allowed
    animation: mdp-readabler-analyzing 1s infinite ease-in-out

    &:hover,
    &:focus
      font-size: 0

@keyframes mdp-readabler-analyzing
  0%
    opacity: .1
  80%
    opacity: 1
  100%
    opacity: .1

#mdp-readabler-analyzer-iframe
  position: absolute
  top: -101%
  left: -101%
  width: 100%
  height: 100%