.mahdi-slider{--ms-gap:12px;--ms-peek:26px;--ms-radius:12px;position:relative;overflow:hidden;direction:ltr}
.ms-viewport{overflow:hidden}.ms-track{display:flex;align-items:stretch;will-change:transform;touch-action:pan-y}.ms-slide{flex:0 0 100%;min-width:0;overflow:hidden;border-radius:var(--ms-radius)}.ms-slide a,.ms-slide picture{display:block}.ms-slide img{display:block;width:100%;height:auto;border-radius:var(--ms-radius)}
.mahdi-slider .ms-dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;z-index:2}.mahdi-slider .ms-dot{display:block;flex:none;width:8px;height:8px;padding:0;border:0;border-radius:9px;background:#999;cursor:pointer;transition:width .25s,background .25s}.mahdi-slider .ms-dot.is-active{width:20px;background:#111}.mahdi-slider .ms-arrows{position:absolute;right:24px;bottom:28px;display:flex;gap:4px;z-index:2;opacity:0;transition:opacity .2s}.mahdi-slider:hover .ms-arrows,.mahdi-slider:focus-within .ms-arrows{opacity:1}.mahdi-slider .ms-arrows button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;padding:0;background:#fff;color:#333;font-size:25px;line-height:1;cursor:pointer}.mahdi-slider button:focus-visible{outline:3px solid #2069cf;outline-offset:3px}
@media(max-width:767px){.ms-track{gap:var(--ms-gap)}.ms-slide{flex-basis:calc(100% - 2 * var(--ms-peek))}.mahdi-slider .ms-arrows{right:12px;bottom:25px}.mahdi-slider .ms-arrows button{width:36px;height:36px;font-size:20px}.mahdi-slider .ms-dots{bottom:9px;gap:6px}.mahdi-slider .ms-dot{width:6px;height:6px}.mahdi-slider .ms-dot.is-active{width:17px}}
@media(prefers-reduced-motion:reduce){.ms-track,.mahdi-slider .ms-dot{transition:none!important}}
.ms-slide:only-child{flex-basis:100%}