.homegrade-blocks-focused-thematique {
	padding-bottom: 100px;
	figure {
		padding-bottom: 50px;
		position: relative;
	}
	figcaption {
		padding-top: 20px;
		.focus-point-title {
			font-weight: bold;
			margin-right: 10px;
		}
	}
	&__figcaption-toggle {
		font-weight: bold;
		display: flex;
		align-items: center;
		img {
			height: 8px;
			width: auto;
			margin-top: 2px;
			margin-left: 10px;
			transition: all 0.3s ease-out;
			transform: rotate(0deg);
		}
		&[aria-expanded="true"] img {
			transform: rotate(-180deg);
		}
	}
	figcaption[aria-hidden="true"] {
		display: none;
		height: 0;
	}

	.homegrade-blocks-focus-point-bullet {
		position: absolute !important;
		border-radius: 50%;
		transition: scale 0.2s ease-in-out;
		z-index: 1;
		transform: translateX(-50%);

		&__index {
			font-weight: 700;
			width: 20px;
			height: 20px;
			top: 0;
			left: 0;
			position: relative;
			color: white;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 16px;
		}
	}

	.homegrade-blocks-focus-point-bullet:hover {
		scale: 1.2;
		filter: brightness(1.2) hue-rotate(10deg);
		z-index: 1;

		& + .homegrade-blocks-focus-point-bullet__tooltip-container {
			// background-color: red;
			display: flex;
		}

		// ~ .homegrade-blocks-focus-point-bullet {
		// 	// background-color: yellow !important;
		// 	z-index: 1;
		// }
		// .homegrade-blocks-focus-point-bullet__tooltip-container {
		// 	display: flex;
		// 	z-index: 999;
		// 	position: absolute;
		// }
	}
	.homegrade-blocks-focus-point-bullet__tooltip-container {
		z-index: 999;
		position: absolute;
		left: calc(44%);
		top: 25%;
		transform: translate(-50%, calc(-100%));

		background-color: white;
		border-radius: 14px;
		padding: 10px;

		width: max-content;
		min-width: 70px;
		max-width: 220px;
		text-align: center;
		display: none;
		justify-content: center;
		align-items: center;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);

		&:after {
			content: "";
			display: block;
			background-color: white;
			position: absolute;
			top: 100%;
			left: 50%;
			width: 10px;
			height: 10px;
			transform: translate(-50%, -50%) rotate(45deg);
			box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.04);
			z-index: 999;
		}
		// &__tooltip-container {
		// 	&__title {
		// 		width: auto;
		// 		min-width: 100px;
		// 	}
		// }
	}
	.homegrade-blocks-focus-point-bullet__tooltip-container:hover {
		display: flex;
	}
}

//***** TOOLTIP

.tooltip-title {
	font-weight: bold;
	margin-right: 6px;
}
