.slide__thumbnails{display:flex;align-items:flex-start;flex-wrap:wrap}.slide__thumbnails--disable .slide__thumbnail{pointer-events:none}.slide__thumbnails--scroll{flex-wrap:nowrap;scroll-behavior:smooth;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}.slide__thumbnails--scroll::-webkit-scrollbar{width:.25em;height:.25em;background:#d7d7d7}.slide__thumbnails--scroll::-webkit-scrollbar-thumb{background:#000}.slide__thumbnails--scroll>*{scroll-snap-align:start}.slide__thumbnails--scroll>.slide__thumbnail{flex-shrink:0}.slide__thumbnail{flex:1 1 20%;display:inline-flex;align-items:center;border:.05rem solid;background:transparent;border-color:inherit;color:inherit;margin:.25rem;max-height:5em;padding:0;position:relative;overflow:hidden}.slide__thumbnail:first-child:last-child{display:none}.slide__thumbnail::before{background:rgba(0,0,0,.2);content:"";position:absolute;top:0;left:0;opacity:0;right:0;bottom:0;transition:opacity .3s ease-out;z-index:1}.slide__thumbnail:hover::before,.slide__thumbnail:focus::before,.slide__thumbnail--is-selected::before{opacity:1}.slide__thumbnail img{height:auto;bottom:0;margin:auto}.slide__has-play:hover .play,.slide__has-play:focus .play{background:#00adef;transform:scale(1)}.play{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none;width:4em;height:4em;margin:auto;border:3px solid #fff;border-radius:100%;padding:2.5em;transform:scale(.5);background:rgba(23,35,34,.75);transition:background .3s ease-in-out,transform .3s ease-in-out;font-size:.75em;overflow:hidden}.play::before,.play::after{content:"";width:2em;height:2em;margin:auto;position:absolute;top:0;right:0;left:0;bottom:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.play::before{background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' preserveAspectRatio='xMidYMid' focusable='false'%3E%3Cpolygon fill='white' points='1,0 20,10 1,20'%3E%3C/polygon%3E%3C/svg%3E")}.play::after{opacity:0;transform:translateY(100%);background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' preserveAspectRatio='xMidYMid' focusable='false'%3E%3Crect fill='white' width='6' height='20' x='0' y='0'%3E%3C/rect%3E%3Crect fill='white' width='6' height='20' x='12' y='0'%3E%3C/rect%3E%3C/svg%3E")}.play--is-playing::before{opacity:0}.play--is-playing::after{opacity:1;transform:translateY(0)}