.slideshow{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:transparent;color:#ffff00;font:inherit}
.slide{position:absolute;inset:0;display:none;align-items:center;justify-content:center;flex-direction:column}
.slide.is-active{display:flex}
.slide .slide-media{display:block;max-width:100vw;max-height:100vh;max-height:100dvh;width:auto;height:auto;object-fit:contain}
.slide-caption{position:absolute;bottom:clamp(12px,3vh,36px);left:12px;right:12px;text-align:center;color:#ffff00;font:inherit;line-height:inherit;z-index:3;pointer-events:none}
.slide-caption a{color:inherit;text-decoration:underline;text-underline-offset:.12em;pointer-events:auto}
.slide-hit{position:absolute;top:0;bottom:0;width:50%;z-index:2;cursor:pointer;background:transparent;border:0;padding:0}
.slide-hit.prev{left:0;cursor:w-resize}.slide-hit.next{right:0;cursor:e-resize}
.slideshow:focus{outline:none}

.slide video.slide-media{max-width:100vw;max-height:100dvh;object-fit:contain;position:relative;z-index:3}
.slide:has(video) .slide-hit{width:12%;z-index:4}