@import 'common/variable.scss';
@import 'common/mixins.scss';
.#{$--css-prefix}{
  &img{
    &.is-placeholder,&.is-error,&.is-loading{
      background:center no-repeat;
      background-size:30px;
    }
    &.is-error{
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxNDA0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIj4KIDxkZWZzPgogIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyIvPgogPC9kZWZzPgogPGc+CiAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIxNDA2IiB3aWR0aD0iMTAyNiIgeT0iLTEiIHg9Ii0xIi8+CiA8L2c+CiA8Zz4KICA8cGF0aCBmaWxsPSIjQjNCM0IzIiBkPSJtNzc2LDMyOG0tNzIsMGE3Miw3MiAwIDEgMCAxNDQsMGE3Miw3MiAwIDEgMCAtMTQ0LDB6Ii8+CiAgPHBhdGggZmlsbD0iI0IzQjNCMyIgZD0ibTk5OS45MDQsMTE2LjYwOGEzMiwzMiAwIDAgMCAtMjEuOTUyLC0xMC45MTJsLTQ1Ni4xOTIsLTMxLjkwNGEzMS41NTIsMzEuNTUyIDAgMCAwIC0yNy4yLDExLjkwNGwtOTIuMTkyLDExNC44NDhhMzIsMzIgMCAwIDAgMC42NzIsNDAuODk2bDE0Ni4xNDQsMTY5Ljk1MmwtMTQ3LjQ1NiwxOTQuNjU2bDM2LjQ4LC0xNzMuMzc2YTMyLDMyIDAgMCAwIC0xMS4xMzYsLTMxLjQyNGwtMTkxLjQ1NiwtMTU1Ljc0NGw3OS42MTYsLTEyNS42OTZhMzIsMzIgMCAwIDAgLTI5LjI4LC00OS4wMjRsLTI0MC4xOTIsMTYuNzY4YTMyLDMyIDAgMCAwIC0yOS42OTYsMzQuMTc2bDU1LjgwOCw3OTguMDE2YTMyLjA2NCwzMi4wNjQgMCAwIDAgMzQuMzA0LDI5LjY5NmwxNzYuNTEyLC0xMy4xODRjMTcuNjMyLC0xLjMxMiAzMC44NDgsLTE2LjY3MiAyOS41MDQsLTM0LjI3MnMtMTYuNTc2LC0zMS4wNCAtMzQuMzA0LC0yOS41MzZsLTE0NC40NDgsMTAuNzg0bC02LjQzMiwtOTIuNTEybDEyNS4zMTIsLTEyLjU3NmEzMiwzMiAwIDAgMCAyOC42NzIsLTM1LjA0YTMyLjE2LDMyLjE2IDAgMCAwIC0zNS4wNCwtMjguNjcybC0xMjMuMzkyLDEyLjQxNmwtNDAuNDE2LC01NzcuNjY0bDE0NS4xNTIsLTEwLjE0NGwtNjAuOTYsOTYuMjI0YTMyLDMyIDAgMCAwIDYuODQ4LDQxLjk1MmwxOTguNCwxNjEuMzQ0bC01OC43NTIsMjc5LjI5NmEzMC45MTIsMzAuOTEyIDAgMCAwIDAuNzM2LDE0Ljc1MmEzMS42OCwzMS42OCAwIDAgMCAxLjQwOCwxMS4wNGw1MS41MiwxNTQuNTZhMzEuOTY4LDMxLjk2OCAwIDAgMCAyNy40NTYsMjEuNzZsNTIzLjEwNCw0Ny41NTJhMzIuMDY0LDMyLjA2NCAwIDAgMCAzNC44NDgsLTI5LjYzMmw1NS43NzYsLTc5OC4wNDhhMzIuMDY0LDMyLjA2NCAwIDAgMCAtNy43NzYsLTIzLjIzMnptLTk4LjkxMiw2MzAuODQ4bC00MTIuNTc2LC0zOS42NDhhMzEuNTIsMzEuNTIgMCAwIDAgLTM0LjkxMiwyOC43NjhhMzIsMzIgMCAwIDAgMjguOCwzNC45MTJsNDE0LjI0LDM5LjgwOGwtNi4yNzIsODkuNTM2bC00NjkuNzI4LC00Mi43MmwtMzkuNTg0LC0xMTguNzJsMjM0LjgxNiwtMzEwLjAxNmEzMS45MzYsMzEuOTM2IDAgMCAwIC0xLjI0OCwtNDAuMTkybC0xNDUuNjMyLC0xNjkuMzQ0bDY1LjA4OCwtODEuMDU2bDQwNy41ODQsMjguNDhsLTQwLjU3Niw1ODAuMTkyeiIvPgogIDx0ZXh0IHhtbDpzcGFjZT0icHJlc2VydmUiIHRleHQtYW5jaG9yPSJzdGFydCIgZm9udC1zaXplPSIyNTAiIHk9IjEzMzguNDIxODc1IiB4PSIxMi45NTMxMjUiIGZpbGw9IiNCM0IzQjMiPuWKoOi9veWksei0pTwvdGV4dD4KIDwvZz4KPC9zdmc+");
    }
    &.is-placeholder{
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxNDA0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIj4KIDxkZWZzPgogIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyIvPgogPC9kZWZzPgogPGc+CiAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIxNDA2IiB3aWR0aD0iMTAyNiIgeT0iLTEiIHg9Ii0xIi8+CiA8L2c+CiA8Zz4KICA8cGF0aCBmaWxsPSIjQjNCM0IzIiBkPSJtNjkxLjgsNDgzLjljNzUuMiwwIDEzNi40LC02MS4yIDEzNi40LC0xMzYuNHMtNjEuMiwtMTM2LjQgLTEzNi40LC0xMzYuNHMtMTM2LjQsNjEuMiAtMTM2LjQsMTM2LjRzNjEuMiwxMzYuNCAxMzYuNCwxMzYuNHptMCwtMjIxLjZjNDcsMCA4NS4yLDM4LjIgODUuMiw4NS4ycy0zOC4yLDg1LjIgLTg1LjIsODUuMnMtODUuMiwtMzguMiAtODUuMiwtODUuMnMzOC4zLC04NS4yIDg1LjIsLTg1LjJ6Ii8+CiAgPHBhdGggZmlsbD0iI0IzQjNCMyIgZD0ibTg4Ny43LDYxLjhsLTc1MS4yLDBjLTc1LjIsMCAtMTM2LjQsNjEuMiAtMTM2LjQsMTM2LjRsMCw2MjcuOGMwLDc1LjIgNjEuMiwxMzYuNCAxMzYuNCwxMzYuNGw3NTEuMiwwYzcyLjQsMCAxMzEuNywtNTYuOCAxMzYsLTEyOC4xbDAuNCwwLjRsMCwtNjM2LjVjMCwtNzUuMiAtNjEuMiwtMTM2LjQgLTEzNi40LC0xMzYuNHptLTgzNi40LDEzNi40YzAsLTQ3IDM4LjIsLTg1LjIgODUuMiwtODUuMmw3NTEuMiwwYzQ3LDAgODUuMiwzOC4yIDg1LjIsODUuMmwwLDUxMi45bC03Ni44LC03Ni44bC0yMjguNiwyMTYuNGwtMjQuMSwtMjQuM2wtNDA2LjUsLTQxNC40bC0xODUuNiwxODUuNmwwLC0zOTkuNHptMCw2MjcuOGwwLC0xNTEuOWwxODUuNCwtMTg1LjRsMzY5LjksMzczLjJsMjMuNCwyMy45bC0wLjIsMC4ybDE4LjYsMTguNmw2LjYsNi43bC01MTguNSwwYy00NywtMC4xIC04NS4yLC0zOC4zIC04NS4yLC04NS4zem05MjEuNiwwYzAsNDcgLTM4LjIsODUuMiAtODUuMiw4NS4ybC0xNjAuMSwwbC0yMy44LC0yNGwxOTEuMiwtMTc3LjZsNzgsNzhsMCwzOC40bC0wLjEsMHoiLz4KICA8dGV4dCB4bWw6c3BhY2U9InByZXNlcnZlIiB0ZXh0LWFuY2hvcj0ic3RhcnQiIGZvbnQtc2l6ZT0iMjUwIiB5PSIxMzM5LjQyMTg3NSIgeD0iMTIiIGZpbGw9IiNCM0IzQjMiPuaaguaXoOWbvueJhzwvdGV4dD4KIDwvZz4KPC9zdmc+");
    }
    &.is-loading{
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxNDA0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJpY29uIj4KIDxkZWZzPgogIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyIvPgogPC9kZWZzPgogPGc+CiAgPHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIxNDA2IiB3aWR0aD0iMTAyNiIgeT0iLTEiIHg9Ii0xIi8+CiA8L2c+CiA8Zz4KICA8cGF0aCBmaWxsPSIjQjNCM0IzIiBkPSJtNjkxLjgsNDgzLjljNzUuMiwwIDEzNi40LC02MS4yIDEzNi40LC0xMzYuNHMtNjEuMiwtMTM2LjQgLTEzNi40LC0xMzYuNHMtMTM2LjQsNjEuMiAtMTM2LjQsMTM2LjRzNjEuMiwxMzYuNCAxMzYuNCwxMzYuNHptMCwtMjIxLjZjNDcsMCA4NS4yLDM4LjIgODUuMiw4NS4ycy0zOC4yLDg1LjIgLTg1LjIsODUuMnMtODUuMiwtMzguMiAtODUuMiwtODUuMnMzOC4zLC04NS4yIDg1LjIsLTg1LjJ6Ii8+CiAgPHBhdGggZmlsbD0iI0IzQjNCMyIgZD0ibTg4Ny43LDYxLjhsLTc1MS4yLDBjLTc1LjIsMCAtMTM2LjQsNjEuMiAtMTM2LjQsMTM2LjRsMCw2MjcuOGMwLDc1LjIgNjEuMiwxMzYuNCAxMzYuNCwxMzYuNGw3NTEuMiwwYzcyLjQsMCAxMzEuNywtNTYuOCAxMzYsLTEyOC4xbDAuNCwwLjRsMCwtNjM2LjVjMCwtNzUuMiAtNjEuMiwtMTM2LjQgLTEzNi40LC0xMzYuNHptLTgzNi40LDEzNi40YzAsLTQ3IDM4LjIsLTg1LjIgODUuMiwtODUuMmw3NTEuMiwwYzQ3LDAgODUuMiwzOC4yIDg1LjIsODUuMmwwLDUxMi45bC03Ni44LC03Ni44bC0yMjguNiwyMTYuNGwtMjQuMSwtMjQuM2wtNDA2LjUsLTQxNC40bC0xODUuNiwxODUuNmwwLC0zOTkuNHptMCw2MjcuOGwwLC0xNTEuOWwxODUuNCwtMTg1LjRsMzY5LjksMzczLjJsMjMuNCwyMy45bC0wLjIsMC4ybDE4LjYsMTguNmw2LjYsNi43bC01MTguNSwwYy00NywtMC4xIC04NS4yLC0zOC4zIC04NS4yLC04NS4zem05MjEuNiwwYzAsNDcgLTM4LjIsODUuMiAtODUuMiw4NS4ybC0xNjAuMSwwbC0yMy44LC0yNGwxOTEuMiwtMTc3LjZsNzgsNzhsMCwzOC40bC0wLjEsMHoiLz4KICA8dGV4dCB4bWw6c3BhY2U9InByZXNlcnZlIiB0ZXh0LWFuY2hvcj0ic3RhcnQiIGZvbnQtc2l6ZT0iMjUwIiBpZD0ic3ZnXzMiIHk9IjEzNTEuMjE4NzUiIHg9IjEzOC45NjA5MzgiIGZpbGw9IiNCM0IzQjMiPuWKoOi9veS4rTwvdGV4dD4KIDwvZz4KPC9zdmc+");
    }
  }
}