@import (reference) "../../../assets/css/index";

@image-loader-prefix: ~"@{fishd-prefix}-image-loader";
.@{image-loader-prefix} {
  display: inline-block;
  overflow: hidden;
  &-pending,
  &-loading,
  &-failed {
    background-color: #f5f7fa;
  }
  .preload-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20%;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAABEtJREFUaAXtWk2IFEcUrjc746q7WU0cd1czK8bE/Fwi/gUPgYgnMZiYXATBXIRchLg5RUgIJCcTgoKgIYImanazt1zEo3gTQQgIwRjw0NPdNd0zri7G/emZ6Xp5PWHWmdmunqphe2YM05eq/t6r976v+lVNdzGM9a7eDPRmIGoGABFXZi3nJDC2lwHrj3LuOhsyDxm7uSkzegoMi//EkH3adSR1CAG7AFmTT5Oql3TGdZsvVdOjJDJ4gdEjqVwA1wn8q9uIhvEhxm8yxAOBLdCQrHVKJGBibOPoZC3WrX2TO0eE/5+QgGOiW4nq8uoJ0Z2xuP3r1ohqMtd1R7wy7gNg0J9M3BgeHnZUx8blp11aJuf7F4riPgoxKXwxMe/59y0r935cBFXjaglxHGcABbtKG96aZwlwSCBeKRQKtI137tISUhRiJyJLN9INflA9z9/diLfzXktIkqWeyshhH0ptsjHLiWsJ2bAhfRcA7jYSoDX/Z2Z09I9GvJ33WkJIRJmlEh9Te7tKkkTcAdb3EWGlKtaJVnv73TQy8oCI7jEfPnwZFgAymXVWJ4g35tQWUg0wlk7b1b5uS99AKVKfHAOY1x0r89cqLVkQHZzzJ2nTcu6h7RiWVXhdZ2yUb9uFlMTsL8jwVXoq631WmqJ2Wb5K2yrEsJxx+oZ49haAbHuW576PmmlVW9uEcF7YwVB8t4SYYJ8ZtnNwCa4JtEVIPp8fLIvSFHFbEcYPUPwc7IJhNlWsZSFU22C47haVRPNF/zy92myV+ZJtHc6XJihmy3xaHmjZuTOs6D+go6TTMoIBbln8KK2Lo1E+gY02gPcs7nzVzE9mb0lIlruHBLITFQIoPs/azgdhCUwzv1UwOB9mC8PoyXxt8Py7YbZmmLaQSi37/sW6wCguZQuFjbUYlckKAeVgex2sxaP65NsHojxpzMy8GOUXZtMSEtQwLpR+bTwHq9S4V74a2KtJTNs9RfWyo3qv2lKsMfhn7pKqf9VvMXEViGqJ3EkiuzfUB3Ff1na/CGymmaPzJhwP9VMAaaIOZe3ccQXXRRdlIZbl7CFy3yyODOkAw2+D9YOAl0kwnfW1fqHAH0zTfVs1gpKQ6enpIR9xkshFvmQGdvT936k8lnxFqhKq8VspQExxjqtrMGlXScjsnPcjPY1XpFHiMiC+VfZzZ1XCNxViWLlPqGaPqASLw4dyH6Pt/XCz2JFCzHz+NSr0c82CxG2n9XKBTnAiK0IqpFLvnv8btcq/A/EJwqFiCYPfJOkalQqx7fxuem3YFR85vcjE5Z2Ak2yUVGEmM3KLvuDeAMAB2eB24rSbz2Yy6/+W5ZQKCQZEDZQF7BQuLa1OEWo1b90Tod3hQ3ot39xqsHaOI67bavOBYfLHBKytBZ/D/kyCQeLac0i8njJpSA6uSh2fnSvOkIX+MLA8RzP1WWK8Q/Ao+s2BVakvY8zSC92bgf/FDPwLepm9N3mZFpEAAAAASUVORK5CYII=');
  }
  .failed-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20%;
    background-image: url('data:image/png;base64,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');
  }
}
