.app-image[data-v-4f20b685] {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.06) 100%);
}
.app-image--round[data-v-4f20b685] {
  border-radius: 0.444444vw;
}
.app-image--square[data-v-4f20b685] {
  border-radius: 0;
}
.app-image--ratio[data-v-4f20b685] {
  min-height: 0;
}
.app-image__img[data-v-4f20b685] {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.24s ease;
}
.app-image__img--visible[data-v-4f20b685] {
  opacity: 1;
}
.app-image__placeholder[data-v-4f20b685],
.app-image__error[data-v-4f20b685] {
  position: absolute;
  inset: 0;
}
.app-image__placeholder[data-v-4f20b685] {
  background: rgba(255, 255, 255, 0.05);
}
.app-image__shimmer[data-v-4f20b685] {
  width: 100%;
  height: 100%;
  background: linear-gradient(110deg, rgba(255, 255, 255, 0) 8%, rgba(255, 255, 255, 0.14) 18%, rgba(255, 255, 255, 0.04) 33%);
  background-size: 200% 100%;
  animation: app-image-shimmer-4f20b685 1.2s linear infinite;
}
.app-image__error[data-v-4f20b685] {
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.066667vw;
  background: rgba(255, 255, 255, 0.06);
}
.app-image__error-text[data-v-4f20b685] {
  color: var(--Color-text-level-3, #8b9699);
  font-size: 1.066667vw;
  line-height: 1.4;
  text-align: center;
}
.app-image--ratio .app-image__img[data-v-4f20b685] {
  position: absolute;
  inset: 0;
}
@keyframes app-image-shimmer-4f20b685 {
0% {
    background-position: 200% 0;
}
100% {
    background-position: -200% 0;
}
}
@media (min-width: 768px) and (min-height: 0px) {
.app-image--round[data-v-4f20b685] {
    border-radius: 5px;
}
.app-image--square[data-v-4f20b685] {
    border-radius: 0;
}
.app-image--ratio[data-v-4f20b685] {
    min-height: 0;
}
.app-image__img[data-v-4f20b685] {
    z-index: 1;
    opacity: 0;
}
.app-image__img--visible[data-v-4f20b685] {
    opacity: 1;
}
.app-image__placeholder[data-v-4f20b685],
.app-image__error[data-v-4f20b685] {
    inset: 0;
}
.app-image__error[data-v-4f20b685] {
    z-index: 2;
    padding: 12px;
}
.app-image__error-text[data-v-4f20b685] {
    font-size: 12px;
    line-height: 1.4;
}
.app-image--ratio .app-image__img[data-v-4f20b685] {
    inset: 0;
}
@keyframes app-image-shimmer-4f20b685 {
0% {
      background-position: 200% 0;
}
100% {
      background-position: -200% 0;
}
}
}