.search-result {
	display: flex;
	flex-direction: row;

	align-items: center;
	justify-content: center;

	gap: 10px;
}

.search-result-details {
	display: flex;
	flex-direction: column;
	gap: 0px;
}

.search-result-thumbnail {
	height: 150px;
	border-radius: 5px;
}

.search-result-thumbnail:hover {
	cursor: pointer;
	animation-name: interaction;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

.search-result-details h1 {
	line-height: 10px;
}

.search-result-details h1:hover {
	cursor: pointer;
	animation-name: interaction;
	animation-duration: 1s;
	animation-iteration-count: infinite;

	color: var(--accent-color);
}

.search-result-details p:hover {
	cursor: pointer;
	animation-name: interaction;
	animation-duration: 1s;
	animation-iteration-count: infinite;

	color: var(--accent-color);
}

.search-result-interactions {
	display: flex;
	flex-direction: row;
	gap: 10px;
}

.search-result-interaction {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

@keyframes interaction {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}