.slider,.slider li,.slider ul{position:relative}.slider{--slider-aspect-ratio:var(--aspect-ratio, 16/9);--slider-background-color:rgba(40,44,52,1);--slider-text-color:rgba(255,255,255,1);--slider-font-size:0.8em;margin:0 0 1rem;font-size:var(--slider-font-size)}@supports (scroll-snap-type:mandatory){.slider ul{-ms-overflow-style:none;scrollbar-width:none}}.slider ul::-webkit-scrollbar{display:none}.slider ul{list-style:none;padding:0;display:flex;flex-flow:row nowrap;overflow-x:auto;color:var(--slider-text-color);counter-reset:slidesTotal;-webkit-overflow-scrolling:touch;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth}.slider [tabindex]:focus,.slider-nav a:focus{outline:var(--color-primary) solid 2px;outline-offset:2px}.slider ul::before{content:"";display:inline-block;width:0;height:0;padding-top:calc(100% / (var(--slider-aspect-ratio)))}.lightbox,.lightbox-close,.slider li iframe,.slider li video{width:100%;height:100%}.slider li{flex:0 0 100%;margin:0;scroll-snap-align:center;background-color:var(--slider-background-color);counter-increment:slidesTotal}.slider li iframe,.slider li img,.slider li video{position:absolute;top:50%;left:50%;margin-bottom:0;transform:translate(-50%,-50%);max-width:100%;max-height:100%;box-shadow:0 0 50px 5px rgba(0,0,0,.5)}.slider figcaption{font-size:inherit}.slider li figcaption{position:absolute;width:100%;left:0;bottom:0;padding:1rem;color:var(--slider-text-color);background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1))}.lightbox-close,.lightbox>figcaption{left:0;color:#fff;text-shadow:0 0 8px #000}.slider ul::after{position:absolute;right:0;margin:1rem;padding:3px 10px;border-radius:50px;content:"1/" counter(slidesTotal);background-color:rgba(0,0,0,.5)}.slider ul:focus::after,.slider ul:hover::after{content:"1/" counter(slidesTotal) " Scroll \2192"}.slider li:only-child{z-index:1}.lightbox{position:fixed;top:400%;left:0;background:rgba(0,0,0,.8);opacity:0;transition:opacity .5s ease-in-out}.lightbox:target{top:0;opacity:1}.lightbox>img{position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;max-width:0%;max-height:0%}.lightbox:target>img{max-width:100%;max-height:100%}.lightbox>figcaption{position:absolute;margin:0;right:0;bottom:0;padding:1em 2em 1.5em;background-image:linear-gradient(to bottom,transparent,#000)}.lightbox-close{position:fixed;top:400%;padding:1.5em;cursor:zoom-out;text-align:right;filter:drop-shadow(0 0 3px rgba(0, 0, 0, .8));text-decoration:none!important}.lightbox:target~.lightbox-close{top:0}
