.ty-image {
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.ty-image_bounded {
  display: inline-block;
}
.ty-image_bounded > * {
  position: absolute;
  inset: 0;
}
.ty-image_bounded .ty-image__placeholder,
.ty-image_bounded .ty-image__fallback {
  width: 100%;
  height: 100%;
}
.ty-image__img, .ty-image__placeholder-image, .ty-image__fallback-image {
  display: block;
  max-width: 100%;
}
.ty-image__img {
  transition: opacity 0.2s ease;
}
.ty-image__placeholder, .ty-image__fallback {
  align-items: center;
  background: var(--ty-image-placeholder-bg, var(--ty-color-fill-secondary, #f5f5f5));
  color: var(--ty-image-placeholder-color, var(--ty-color-text-tertiary, #999));
  display: inline-flex;
  justify-content: center;
}
.ty-image_idle .ty-image__img, .ty-image_loading .ty-image__img {
  opacity: 0;
}
.ty-image_loaded .ty-image__placeholder,
.ty-image_loaded .ty-image__placeholder-image,
.ty-image_loaded .ty-image__fallback,
.ty-image_loaded .ty-image__fallback-image {
  display: none;
}
.ty-image_error .ty-image__img {
  display: none;
}
.ty-image_round {
  border-radius: 50%;
}