/**
 * RS Slider Frontend Styles
 * Minimal placeholder styles - structure only
 */

/* Slider Container */
.rs-slider {
	position: relative;
	width: 100%;
	min-height: 200px;
	overflow: hidden;
}

.rs-slider-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

/* Slide */
.rs-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.rs-slide.rs-slide-active {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
	position: relative;
}

/* Note: Layer initial states (opacity, transform) are set by GSAP */
/* CSS only provides structure, GSAP handles all animations */

/* Layer */
.rs-layer {
	position: relative;
	display: block;
	box-sizing: border-box;
	/* Initial state set by GSAP - opacity: 0, transform based on animation type */
	will-change: opacity, transform;
}

.rs-layer-image {
	max-width: 100%;
	height: auto;
	display: block;
}

.rs-layer-text {
	display: inline-block;
}

/* Multiple sliders support */
.rs-slider + .rs-slider {
	margin-top: 40px;
}