@use "@fox/styles/abstracts" as fox;

// 기획 BO-MAL-001·002의 56×40 썸네일 틀을 1.5배 → 다시 1.2배(약 101×72)로 키웠다(사용자
// 확정 — 시스템에 썸네일 크기 토큰이 없어 와이어프레임 값이 기준이었다). 토큰 스케일 밖이라
// 리터럴로 두고 근거를 남긴다(꾸미기아이템 썸네일과 같은 처리).
// 둘 다 인라인 흐름에 둔다 — 표 셀의 text-align: center가 그대로 먹어 가운데 선다.
.image,
.placeholder {
  box-sizing: border-box;
  inline-size: 10.08rem;
  block-size: 7.2rem;
  vertical-align: middle;
  border: fox.border(1) solid fox.color(border-neutral-subtler);
  border-radius: fox.radius(4);
}

.image {
  display: inline-block;
  object-fit: cover;
}

.placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: fox.color(surface-neutral-gray);
  color: fox.color(font-neutral-subtle);
  font-size: fox.font-size(label-xsm);
  line-height: 1;
  text-transform: lowercase;
}