@shower/ribbon/styles/slide/slide-list.css

Ribbon theme for Shower HTML presentation engine

/* Slide List */

.shower.list .slide {
	box-shadow: 0 20px 50px rgb(0 0 0 / 30%);
	border-radius: 2px;
	transform: scale(
		var(--slide-scale)
	);
	transform-origin: 0 0;
}

.shower.list .slide * {
	pointer-events: none;
}

/* Hover */

.shower.list .slide:hover {
	box-shadow:
		0 0 0 20px rgb(0 0 0 / 10%),
		0 20px 50px rgb(0 0 0 / 30%);
}

/* Active */

.shower.list .slide.active {
	box-shadow:
		0 0 0 1px #376da3,
		0 0 0 20px #4b86c2,
		0 20px 50px rgb(0 0 0 / 30%);
}