:root{--transition: all 1s linear}.slider-container{height:100%;width:100%;position:relative}.slide{position:absolute;top:0;left:0;width:100%;height:fit-content;opacity:0}.slide.activeSlide{opacity:1;transform:translate(0)}.slide.lastSlide{transform:translate(-100%)}.slide.nextSlide{transform:translate(100%)}.slider__bullet--container{width:100%;position:absolute;bottom:0;display:flex;align-items:center;justify-content:center}.slider__bullet{width:20px;height:20px;border-radius:50%;background-color:var(--color-font);opacity:.5;margin:0 5px;cursor:pointer}.slider__bullet.active{opacity:1}