kaartmeester-avatar.shop-item-avatar {
  width: clamp(72px, 11vw, 112px) !important;
  height: auto !important;
  min-width: 72px;
  border: 0 !important;
  border-radius: 14px !important;
  background: radial-gradient(circle at 50% 62%, rgba(21, 126, 69, .2), transparent 68%);
  filter: drop-shadow(0 8px 10px rgba(0, 0, 0, .24));
}

kaartmeester-avatar.avatar-img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.kaartmeester-avatar-attached {
  transition: background-image 110ms ease, transform 180ms ease !important;
  transform: translate3d(0, 0, 0);
  will-change: background-image, transform;
}

@media (prefers-reduced-motion: reduce) {
  kaartmeester-avatar,
  .kaartmeester-avatar-attached {
    transition: none !important;
  }
}