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

Ribbon theme for Shower HTML presentation engine

/* Slide List */

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

.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%);
}