.slider{position:relative;width:100%;margin:auto;overflow:hidden}.slide{display:block}.dots{text-align:center;margin-top:10px}.dot{display:inline-block;width:10px;height:10px;margin:0 10px;background-color:#f7f7f7;border-radius:50%;cursor:pointer;opacity:.8}.dot.active{background-color:#050505}.slide-enter{transform:translateX(100%)}.slide-enter-active{transition:transform .5s}.slide-enter-active,.slide-exit{transform:translateX(0)}.slide-exit-active{transform:translateX(-100%);transition:transform .5s}