:root {
  --risk-cards-version: 1;
}

.img-frame {
  width: 100%;
  overflow: hidden;
  border-radius: 0;
  position: relative;
}

.img-frame.ar-16x9 {
  aspect-ratio: 16 / 9;
}

.img-frame.ar-1x1 {
  aspect-ratio: 1 / 1;
}

.img-frame > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
  transform-origin: center center;
}

.img-frame > img.risk-img-contain {
  object-fit: contain;
  background: rgba(15, 23, 42, 0.22);
}

.img-dim-badge {
  position: absolute;
  left: 8px;
  bottom: 8px;
  padding: 4px 8px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  background: rgba(220, 38, 38, 0.82);
  pointer-events: none;
}

.img-debug-outline {
  outline: 3px solid rgba(220, 38, 38, 0.9);
  outline-offset: -3px;
}

.tl-img-frame {
  margin-bottom: 24px;
}

.tl-head {
  display: flex;
  align-items: baseline;
  gap: 10px;
}