.slider{border-radius:16px;overflow:hidden}.slider,.slider__track{position:relative;width:100%;height:450px}.slider__slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}.slider__slide--active{opacity:1}.slider__btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:999px;background-color:hsla(0,0%,0%,.4);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;z-index:10}.slider__btn:hover{background-color:hsla(0,0%,0%,.7)}.slider__btn--prev{left:1rem}.slider__btn--next{right:1rem}.slider__dots{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem;z-index:10}.slider__dot{width:8px;height:8px;border-radius:999px;background-color:hsla(0,0%,100%,.5);border:none;cursor:pointer;transition:background-color .2s ease,width .2s ease}.slider__dot--active{background-color:#ffffff;width:24px}@media (width <= 768px){.slider,.slider__track{height:250px}}