.esk-flickity-slider::before{
	content: "loading images";
	position: absolute;
	top: 0;
	left: var(--pad-side);
} 

.esk-flickity-slider.images-loaded::before{
	content: "";
	display: none;
}

.esk-flickity-slide {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	width: auto;
}

.esk-flickity-image {
	height: 100%;
	width: auto;
	display: block;
	opacity: 0;
	transition: opacity .5s ease-in;
}

.esk-flickity-slider.images-loaded .esk-flickity-image{
	opacity: 1;
}

.esk-flickity-slider .flickity-page-dots {
	bottom: var(--padding);
}

.flickity-page-dots .dot {
	background: white;
	opacity: 1;
}

.flickity-page-dots .dot.is-selected {
	background: black;
}