{"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\";\r\n\r\n.#{$component-prefix}image {\r\n  position: relative;\r\n  display: inline-block;\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  &--circle {\r\n    overflow: hidden;\r\n    border-radius: 50%;\r\n\r\n    img {\r\n      border-radius: inherit;\r\n    }\r\n  }\r\n\r\n  &--loading {\r\n    position: absolute;\r\n    width: 0;\r\n    height: 0;\r\n  }\r\n\r\n  &__fallback,\r\n  &__placeholder {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 100%;\r\n    height: 100%;\r\n    font-size: $image-placeholder-font-size;\r\n    color: $image-placeholder-color;\r\n    background-color: $image-placeholder-background-color;\r\n\r\n    &-icon {\r\n      font-size: $image-placeholder-icon-size;\r\n      color: $image-placeholder-icon-color;\r\n    }\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$image-placeholder-color: var(--image-placeholder-color, var(--gray-6, $gray-6));\r\n$image-placeholder-font-size: var(--image-placeholder-font-size, var(--font-size-md, $font-size-md));\r\n$image-placeholder-icon-size: var(--image-placeholder-icon-size, 32px * $hd);\r\n$image-placeholder-icon-color: var(--image-placeholder-icon-color, var(--gray-4, $gray-4));\r\n$image-placeholder-background-color: var(--image-placeholder-background-color, var(--background-color, $background-color));\r\n"]}