.part-tooltip {
		position: relative;
}
.part-tooltip i {
		font-style: normal;
		font-size: 12px;
		color: rgba(0, 0, 0, 0.3);
		border: solid 1px rgba(0, 0, 0, 0.3);
		border-radius: 50%;
		width: 18px;
		height: 18px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
}
.part-tooltip__text {
		visibility: hidden;
		width: 120px;
		background-color: #555;
		color: #fff;
		text-align: center;
		padding: 5px 0;
		border-radius: 6px;
		position: absolute;
		z-index: 1;
		bottom: 125%;
		left: 50%;
		margin-left: -60px;
		opacity: 0;
		transition: opacity 0.3s;
		font-size: 12px;
}
.part-tooltip__text::after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		border-width: 5px;
		border-style: solid;
		border-color: #555 transparent transparent transparent;
}
.part-tooltip:hover .part-tooltip__text {
		visibility: visible;
		opacity: 1;
}