.slider-container{display:flex;justify-content:center}.slider-wrapper{position:relative;width:100%;height:34rem;overflow:hidden}.slider-slide{position:absolute;inset:0;transition:opacity .5s;background-size:cover;background-position:50%}.slider-slide-active{opacity:1}.slider-slide-inactive{opacity:0}.slider-nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:hsla(0,0%,100%,.2);padding:.5rem;border-radius:50%;transition:background-color .3s}.slider-nav-button:hover{background-color:hsla(0,0%,100%,.4)}.slider-nav-button-left{left:1rem}.slider-nav-button-right{right:1rem}.slider-icon{width:1.5rem;height:1.5rem;color:#fff}