.slide{max-width:380px;margin:30px 20px;display:grid}.slide-items{position:relative;border-radius:5px;overflow:hidden;margin:0;padding:10px 0 0}.slide-nav{grid-area:1/1;z-index:1;margin:0 0 30px}.slide-nav button{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0}.slide-items>*{position:absolute;top:0;opacity:0;pointer-events:none;font-size:25px}.slide-items>.active{position:relative;opacity:1;pointer-events:auto}.slide-thumb{display:flex;grid-column:1/3}.slide-thumb>span{flex:1;display:block;height:3px;background:rgba(0,0,0,.4);margin:5px;border-radius:3px;overflow:hidden}.slide-thumb>span.active:after{content:"";display:block;height:inherit;background:hsla(0,0%,100%,.9);border-radius:3px;transform:translateX(-100%);animation:thumb 5s linear forwards}@keyframes thumb{to{transform:none}}