/**
 * SliderJS
 * 
 * @author Valentin Alisch <hallo@valentinalisch.de>
 * @version 3.0.4
 */

	
	
/* ------------------------- */

/**
 * Slider
 * 
 * @since 3.0
 */
sjs-slider,
.sjs-slider {
	display: var( --sjs-slider-display, flex );
	flex-direction: column;
}

sjs-slider[does-listen-to*="mousedrag"],
.sjs-slider[does-listen-to*="mousedrag"],
sjs-slider[does-listen-to*="mouseswipe"],
.sjs-slider[does-listen-to*="mouseswipe"] {
	cursor: grab;
}

sjs-slider[does-listen-to*="mousedrag"]:active,
.sjs-slider[does-listen-to*="mousedrag"]:active,
sjs-slider[does-listen-to*="mouseswipe"]:active,
.sjs-slider[does-listen-to*="mouseswipe"]:active {
	cursor: grabbing;
}

sjs-slider *,
.sjs-slider * {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

sjs-frame,
.sjs-frame {
	display: var( --sjs-frame-display, block );
	position: relative;
	overflow: hidden;
	overflow: clip;

	height: 100%;
}


	
/* ------------------------- */

/**
 * Slides 
 * 
 * @since 3.0
 */
sjs-slides,
.sjs-slides {
	position: relative;
	display: flex;

	min-width: 100%;
	min-height: 100%;

	z-index: 10;
}

sjs-slides > *,
.sjs-slides > * {
	position: relative;
	display: var( --sjs-slide-display, block );
	flex: 0 0 var( --sjs-slide-size, 100% );

	z-index: 10;
}

sjs-slides > *.is-former,
.sjs-slides > *.is-former {
	z-index: 20;
}

sjs-slides > *.is-target,
.sjs-slides > *.is-target {
	z-index: 30;
}

sjs-slides > *.is-active,
.sjs-slides > *.is-active {
	z-index: 40;
}