@use "../mixins" as *

#readabler-ai

  .readabler-ai-language-label
    font-size: 0
    line-height: 0
    width: 0
    padding: 0
    margin: 0

  .readabler-ai-language
    display: flex
    flex-direction: row
    align-items: center
    row-gap: 8px
    column-gap: 8px

  .readabler-ai-language-flag
    @include size(20px)
    overflow: hidden
    display: flex
    justify-content: center
    align-items: center
    border-radius: 50%

    img
      height: 100%
      max-width: unset

  .readabler-ai-language-code
    font-size: 14px
    font-weight: 500
    text-transform: uppercase
    letter-spacing: .015em
    white-space: nowrap

    @media (max-width: 320px)
      display: none