/**
 * A71 - Picto images
 */


/**
 * On ne modifie la position de l'élément
 * que lorsqu'il était initialement en position: static.
 */
.a71-picto-relative {
	position: relative !important;
}


/**
 * Picto.
 */
.a71-image-picto {
	--a71-picto-size: 25px;
	--a71-picto-offset: 15px;

	position: absolute;
	z-index: 50;

	display: block;

	width: var(--a71-picto-size);
	height: var(--a71-picto-size);

	line-height: 0;

	pointer-events: none;
}


/**
 * Image SVG du picto.
 */
.a71-image-picto img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: contain;
}


/**
 * Picto placé sur une image <img>.
 *
 * La position left / top est calculée
 * précisément par le JavaScript.
 */
.a71-image-picto--image {
	right: auto;
	bottom: auto;
}


/**
 * Image utilisée en background CSS.
 */
.a71-image-picto--background {
	right: var(--a71-picto-offset);
	bottom: var(--a71-picto-offset);
	left: auto;
	top: auto;
}