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

sjs-slider[data-transition="fade"] sjs-slides,
.sjs-slider[data-transition="fade"] sjs-slides,
sjs-slider[data-transition="fade"] .sjs-slides,
.sjs-slider[data-transition="fade"] .sjs-slides {
	display: block;
}

sjs-slider[data-transition="fade"] sjs-slides > *,
.sjs-slider[data-transition="fade"] sjs-slides > *,
sjs-slider[data-transition="fade"] .sjs-slides > *,
.sjs-slider[data-transition="fade"] .sjs-slides > * {
	width: var( --sjs-slide-size, 100% );
}

sjs-slider[data-transition="fade"] sjs-slides > *:not( .is-target, .is-active ),
.sjs-slider[data-transition="fade"] sjs-slides > *:not( .is-target, .is-active ),
sjs-slider[data-transition="fade"] .sjs-slides > *:not( .is-target, .is-active ),
.sjs-slider[data-transition="fade"] .sjs-slides > *:not( .is-target, .is-active ) {
	position: absolute;
	top: 0;
	left: 0;
}

sjs-slider[data-transition="fade"] sjs-slides > *:not( .is-former, .is-target, .is-active ),
.sjs-slider[data-transition="fade"] sjs-slides > *:not( .is-former, .is-target, .is-active ),
sjs-slider[data-transition="fade"] .sjs-slides > *:not( .is-former, .is-target, .is-active ),
.sjs-slider[data-transition="fade"] .sjs-slides > *:not( .is-former, .is-target, .is-active ) {
	display: none;
}