{"version":3,"sources":["image/image.scss","image/_variables.scss"],"names":[],"mappings":"AAEA,eAEE,oBAAA,CAEA,WAAA,CAHA,iBAAA,CAEA,UACA,CAEA,uBAEE,iBAAA,CADA,eACA,CAEA,2BACE,qBAAA,CAIJ,wBAGE,QAAA,CAFA,iBAAA,CACA,OACA,CAGF,qDAME,2BAAA,CAAA,4BAAA,CACA,wBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CADA,0BAAA,CAAA,kBAAA,CAMA,wGC7BiC,CD4BjC,0DChCsB,CDyBtB,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CAKA,qEC9B0B,CD6B1B,WAAA,CAFA,8BAAA,CAAA,sBAAA,CAJA,MAAA,CAFA,iBAAA,CACA,KAAA,CAMA,UCzBiC,CD+BjC,+DAEE,+DClCyB,CDiCzB,iDCjCyB","file":"index.css","sourcesContent":["@import \"./variables\";\n\n.#{$component-prefix}image {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  height: 100%;\n\n  &--circle {\n    overflow: hidden;\n    border-radius: 50%;\n\n    img {\n      border-radius: inherit;\n    }\n  }\n\n  &--loading {\n    position: absolute;\n    width: 0;\n    height: 0;\n  }\n\n  &__fallback,\n  &__placeholder {\n    position: absolute;\n    top: 0;\n    left: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    font-size: $image-placeholder-font-size;\n    color: $image-placeholder-color;\n    background-color: $image-placeholder-background-color;\n\n    &-icon {\n      font-size: $image-placeholder-icon-size;\n      color: $image-placeholder-icon-color;\n    }\n  }\n}\n","@import \"../styles/prefix\";\n@import \"../styles/variables\";\n\n$image-placeholder-color: var(--image-placeholder-color, var(--gray-6, $gray-6));\n$image-placeholder-font-size: var(--image-placeholder-font-size, var(--font-size-md, $font-size-md));\n$image-placeholder-icon-size: var(--image-placeholder-icon-size, 32px * $hd);\n$image-placeholder-icon-color: var(--image-placeholder-icon-color, var(--gray-4, $gray-4));\n$image-placeholder-background-color: var(--image-placeholder-background-color, var(--background-color, $background-color));\n"]}