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