:root{--background-color:#1b1d20;--slide-width:344px;--slide-shadow:0 4px 20px 2px rgba(0,0,0,0.4)}.slide-story{box-shadow:var(--slide-width);display:grid;margin:20px auto;max-width:var(--slide-width)}.slide-items{border-radius:0;grid-area:1/1;overflow:hidden;position:relative}.slide-items>*{opacity:0;pointer-events:none;position:absolute;top:0}.slide-items .active{opacity:1;pointer-events:auto;position:relative}.slide-nav{display:grid;grid-area:1/1;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;z-index:1;top:-25px;position:relative}@media screen and (min-width:992px){.slide-nav{top:-20px}}.slide-thumbs{display:flex;grid-column:1/3}.slide-thumb-item{--transform-duration:5s;background:hsla(0,0%,93.7%,.5019607843137255) 0 0 no-repeat padding-box;border-radius:3px;display:block;flex:1;height:4px;margin:5px;overflow:hidden;border:1px solid hsla(0,0%,93.7%,.5019607843137255);cursor:pointer}.slide-thumb-item.active:after{animation-name:thumb;animation-duration:var(--transform-duration);animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-name:thumb;-webkit-animation-duration:var(--transform-duration);-webkit-animation-timing-function:linear;background-color:hsla(0,0%,100%,.9);border-radius:3px;content:"";display:block;height:inherit;transform:translateX(-100%)}.slide-next,.slide-prev{opacity:0;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}@keyframes thumb{to{transform:none}}