.mc-slider{position:relative;width:100%;max-width:980px;aspect-ratio:49/15;margin:0 auto;overflow:hidden;background:#111}
.mc-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease}
.mc-slide.is-active{opacity:1;visibility:visible;z-index:1}
.mc-slide img{display:block;width:100%;height:100%;object-fit:cover}
.mc-slider__arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:rgba(0,0,0,.52);color:#fff;font:28px/1 Arial,sans-serif;cursor:pointer;transition:background .2s ease}
.mc-slider__arrow:hover,.mc-slider__arrow:focus{background:#0064c8;outline:2px solid #fff;outline-offset:2px}
.mc-slider__arrow--prev{left:14px}.mc-slider__arrow--next{right:14px}
.mc-slider__dots{position:absolute;z-index:3;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:9px}
.mc-slider__dot{width:11px;height:11px;padding:0;border:2px solid #fff;border-radius:50%;background:rgba(0,0,0,.45);cursor:pointer}
.mc-slider__dot.is-active{background:#0064c8}
@media(max-width:640px){.mc-slider__arrow{width:34px;height:34px;font-size:22px}.mc-slider__arrow--prev{left:8px}.mc-slider__arrow--next{right:8px}}
@media(prefers-reduced-motion:reduce){.mc-slide{transition:none}}
