@keyframes thumb{
    to{transform:initial;}
}
.box-slide{width:100%;max-width:100%;height:100%;position:relative;display:grid;}
.box-slide-items{position:relative;grid-area:1/1;overflow:hidden;}
._box-slide-nav{grid-area:1/1;z-index:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;}
.box-slide-nav{position:absolute;z-index:11;width:100%;padding:10px;}
._box-slide-nav button{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);opacity:0;}
.box-slide-items>*{position:absolute;top:0;opacity:0;pointer-events:none;}
.box-slide-items>.active{position:relative;z-index:10;opacity:1;pointer-events:initial;visibility:visible;}
.box-slide-thumb{display:flex;grid-column:1 / 3;margin:40px 35px 0;}
.box-slide-thumb>span{cursor:pointer;flex:1;display:block;height:10px;background:rgba(0, 0, 0, 0.4);margin-right:15px;border-radius:36px;-webkit-border-radius:36px;-moz-border-radius:36px;overflow:hidden;}
.box-slide-thumb>span:last-child{margin-right:0;}
.box-slide-thumb>span.active::after{content:'';display:block;height:inherit;background:rgba(255, 255, 255, 0.9);border-radius:3px;transform:translateX(-100%);animation:thumb 5s forwards linear;}
.box-slide-item{position:absolute!important;z-index:5;height:100%;display:flex;flex-direction:column;justify-content:flex-end;}