.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%,.6);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%,.8)}.slider__btn--prev{left:1rem}.slider__btn--next{right:1rem}.slider__controls{position:absolute;bottom:.5rem;left:50%;transform:translateX(-50%);gap:.5rem;padding:0 .5rem;border-radius:999px;background-color:hsla(0,0%,0%,.45);z-index:10}.slider__controls,.slider__dots{display:flex;align-items:center}.slider__dot{position:relative;width:24px;height:24px;padding:0;background:transparent;border:none;cursor:pointer;transition:width .2s ease}.slider__dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:999px;background-color:hsla(0,0%,100%,.7);transition:background-color .2s ease,width .2s ease}.slider__dot--active{width:32px}.slider__dot--active:before{background-color:#ffffff;width:24px}.slider__btn:focus-visible,.slider__dot:focus-visible,.slider__toggle:focus-visible{outline:3px solid #ffffff;outline-offset:2px;box-shadow:0 0 0 5px #000000}.slider__toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;color:#ffffff;cursor:pointer}@media (width <= 768px){.slider,.slider__track{height:250px}}