22

✏️ Editing: _slick.scss

.slick-slider {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;

.rtl & {
		position: relative;
		display: block;
	}
}

.slick-list,
.slick-slider {
	position: relative;
	display: block
}

.slick-list {
	overflow: hidden;
	margin: 0;
	padding: 0;

&:focus {
		outline: none;
	}

&.dragging {
		cursor: pointer;
	}
}

.slick-slider {
	.slick-list,
	.slick-track {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);

.rtl & {
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
	}
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;

&:before,
	&:after {
		content: "";
		display: table;
	}

&:after {
		clear: both;
	}
}

.slick-loading {
	.slick-track,
	.slick-slide {
		visibility: hidden;
	}
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;

img {
		display: block;
		margin: auto;
	}

&.slick-loading {
		img {
			display: none;
		}
	}

&.dragging {
		img {
			pointer-events: none;
		}
	}
}

.slick-initialized .slick-slide {
	display: block
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.elementor-slick-slider {
	.slick-loading {

.slick-slide {
			visibility: hidden;
		}

.slick-list {
			background: #fff;

&:after {
				content: "\e8fb";
				font-family: eicons;
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				-webkit-animation: fa-spin 2s linear infinite;
				animation: fa-spin 2s linear infinite;
				font-size: 25px;
				color: #a4afb7;
			}
		}
	}

.slick-next,
	.slick-prev {
		font-size: 0;
		line-height: 0;
		position: absolute;
		top: 50%;
		display: block;
		width: 20px;
		padding: 0;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		cursor: pointer;
		color: transparent;
		border: none;
		outline: none;
		background: transparent;

&:hover,
		&:focus {
			color: transparent;
			outline: none;
			background: transparent;

&:before {
				opacity: 1;
			}
		}

&.slick-disabled:before {
			opacity: .25;
		}

&:before {
			font-family: eicons;
			font-size: 35px;
			line-height: 1;
			opacity: .75;
			color: #fff;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
	}

.slick-prev {
		left: -25px;

&:before {
			content: "\e89f";
		}
	}

.slick-next {
		right: -25px;

&:before {
			content: "\e89e";
		}
	}

.slick-dotted {
		margin-bottom: 30px;
	}

ul.slick-dots {
		position: absolute;
		bottom: -25px;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
		line-height: 1;

li {
			position: relative;
			display: inline-block;
			width: 20px;
			height: 20px;
			margin: 0;
			padding: 0;
			cursor: pointer;

button {
				font-size: 0;
				line-height: 0;
				display: block;
				width: 20px;
				height: 20px;
				padding: 5px;
				cursor: pointer;
				color: transparent;
				border: 0;
				outline: none;
				background: transparent;

&:focus,
				&:hover {
					outline: none;

&:before {
						opacity: 1;
					}
				}

&:before {
					font-family: eicons;
					font-size: 6px;
					line-height: 20px;
					position: absolute;
					top: 0;
					left: 0;
					width: 20px;
					height: 20px;
					content: "\e914";
					text-align: center;
					opacity: .25;
					color: #000;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
				}
			}

&.slick-active {
				button {
					&:before {
						opacity: .75;
						color: #000;
					}
				}
			}
		}
	}

.slick-arrows-inside {
		.slick-prev {
			left: 0;
		}

.slick-next {
			right: 0;
		}
	}

.slick-dots-inside {
		.slick-dots {
			bottom: 5px;
		}

&.slick-dotted {
			margin-bottom: 0;
		}
	}
}

MR SKB