@keyframes thumb{to{transform:initial}}.slide{max-width:100%;display:grid}.slide-items,.slide-nav{grid-area:1/1;overflow:hidden}.slide-items{position:relative}.slide-nav{z-index:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;pointer-events:none}.slide-nav button{position:absolute;right:16px;top:50%;margin-top:-30px;width:34px;height:34px;border-radius:34px;text-indent:-9999px;background:url(../images/next-l.svg)center center no-repeat rgba(255,255,255,.45);background-size:16px auto;transition:background-color ease .8s;pointer-events:auto}.slide-nav button.slide-prev{left:16px;right:auto;background-image:url(../images/prev-l.svg)}.slide-nav button:hover{background-color:rgba(255,255,255,.85)}.slide-items>*{position:absolute;top:0;opacity:0;pointer-events:none;transition:opacity ease 1s}.slide-items>.active{position:relative;opacity:1;pointer-events:initial}.slide-thumb{display:flex;grid-column:1/3;position:absolute;z-index:1000;width:100%;overflow:hidden}.slide-thumb>span{flex:1;display:block;height:2px;background:rgba(255,255,255,.5);margin:20px 0 0 12px;overflow:hidden}.slide-thumb>span:last-child{margin-right:18px}.slide-thumb>span:first-child{margin-left:18px}.slide-thumb>span.active::after{content:"";display:block;height:inherit;background:#fff;transform:translateX(-100%);animation:thumb 5s forwards linear}