.mhs-wrap{position:relative;width:100%;height:var(--mhs-height);overflow:hidden;box-sizing:border-box}
.mhs-viewport{width:100%;height:100%;overflow:hidden}
.mhs-track{height:100%;display:flex;gap:var(--mhs-gap);transform:translate3d(0,0,0);transition:transform var(--mhs-speed) cubic-bezier(.77,0,.18,1);will-change:transform}
.mhs-slide{position:relative;flex:0 0 calc((100% - var(--mhs-gap)) * (1 - var(--mhs-preview) / 100));height:100%;overflow:hidden;border-radius:var(--mhs-radius);background:#f4f4f4}
.mhs-slide-link{display:block;width:100%;height:100%;cursor:pointer}
.mhs-slide img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.mhs-slide:last-child{margin-right:0}
.mhs-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:34px;line-height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(6px);transition:.2s ease}
.mhs-arrow:hover{background:rgba(0,0,0,.78);transform:translateY(-50%) scale(1.05)}
.mhs-prev{left:18px}.mhs-next{right:18px}
.mhs-dots{position:absolute;z-index:6;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:7px 10px;border-radius:20px;background:rgba(0,0,0,.24);backdrop-filter:blur(5px)}
.mhs-dot{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.6);cursor:pointer;transition:.25s}
.mhs-dot.is-active{width:22px;border-radius:8px;background:#fff}
@media(max-width:767px){
 .mhs-wrap{height:var(--mhs-mobile-height)}
 .mhs-slide{flex-basis:calc((100% - var(--mhs-gap)) * (1 - var(--mhs-mobile-preview) / 100))}
 .mhs-arrow{width:38px;height:38px;font-size:28px}
 .mhs-prev{left:10px}.mhs-next{right:10px}
 .mhs-dots{bottom:10px}
}
@media(prefers-reduced-motion:reduce){.mhs-track{transition-duration:1ms}}