.breinify-carousel {
	.slick-track {
		display: flex !important;

		.slick-slide {
			height: inherit !important;

			& > div {
				height: 100%;
			}
		}
	}

	.slick-arrow {
		&:before {
			content: '\2303';
			display: inline-block;
			font-weight: 900;
			color: #42A2DE;
		}
	}

	.slick-next {
		&:before {
			transform: rotate(90deg);
		}
	}

	.slick-prev {
		&:before {
			transform: rotate(-90deg);
		}
	}

	.slick-dots li button:before {
		font-size: 1rem;
	}

	.breinify-recommendation {
		color: #000;
		text-align: center;
		display: flex;
		flex-direction: column;
		position: relative;
		height: 100%;

		.br-rec-content {
			cursor: pointer;

			.br-product-image {
				height: fit-content;
				width: 180px;
				margin: auto;
				max-width: 100%;
			}

			.br-product-name {
				font-size: 18px;
				line-height: 20px;
				font-weight: bold;
				padding: 5px 10px 0 5px;
				overflow: hidden;

				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: normal;
			}
		}

		.br-rec-description {
			font-size: 14px;
			line-height: 19px;
			padding: 5px 10px 0 10px;
			font-weight: normal;
			text-align: left;

			display: -webkit-box;
			-webkit-line-clamp: 4;
			-webkit-box-orient: vertical;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: normal;
		}

		.br-rec-footer {
			margin-top: auto;
			padding: 10px 10px 5px 10px;

			.br-rec-button {
				cursor: pointer;
				text-align: center;
				font-size: 17px;
				line-height: 30px;
				border: 1px solid #42A2DE;
				border-radius: 4px;
				background-color: #fff;
				color: #42A2DE;
			}
		}
	}

	.lds-ring {
		display: flex;
		position: relative;
		height: 100%;
		width: 100%;
		margin: auto;
		justify-content: center;
		align-items: center;

		div {
			box-sizing: border-box;
			display: block;
			position: absolute;
			width: 64px;
			height: 64px;
			margin: 8px;
			border: 8px solid #42A2DE;
			border-radius: 50%;
			animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
			border-color: #42A2DE transparent transparent transparent;

			&:nth-child(1) {
				animation-delay: -0.45s;
			}
			&:nth-child(2) {
				animation-delay: -0.3s;
			}
			&:nth-child(3) {
				animation-delay: -0.15s;
			}
		}
	}
	@keyframes lds-ring {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}
}