.eyeshiv-slider { position:relative; width:100%; overflow:hidden; background:#fff; touch-action:pan-y}
.eyeshiv-slider__track { display:flex; width:100%; transition:transform .45s ease; will-change:transform; }
.eyeshiv-slider__track.is-dragging { transition:none; }
.eyeshiv-slider__slide { flex:0 0 100%; min-width:0; }
.eyeshiv-slider__slide a, .eyeshiv-slider__slide img { display:block; width:100%; }
.eyeshiv-slider__slide img { height:auto; max-width:100%; object-fit:contain; }
.eyeshiv-slider__button { position:absolute; top:50%; z-index:3; display:grid; place-items:center; width:42px; height:42px; padding:0; color:#fff; font:32px/1 Arial,sans-serif; background:rgba(0,0,0,.5); border:0; border-radius:50%; cursor:pointer; transform:translateY(-50%); }
.eyeshiv-slider__button--prev { left:15px; padding-left:14px; padding-bottom:8px}
.eyeshiv-slider__button--next { right:15px; padding-left:14px; padding-bottom:8px}
.eyeshiv-slider__dots { position:absolute; right:15px; bottom:12px; left:15px; z-index:3; display:flex; justify-content:center; gap:8px; }
.eyeshiv-slider__dot { width:9px; height:9px; padding:0; background:#fff; border:1px solid rgba(0,0,0,.4); border-radius:50%; cursor:pointer; opacity:.75; }
.eyeshiv-slider__dot[aria-current="true"] { opacity:1; transform:scale(1.2); }
.eyeshiv-slider__loader { position:absolute; right:0; bottom:0; left:0; z-index:4; height:3px; overflow:hidden; background:rgba(255,255,255,.35); }
.eyeshiv-slider__loader span { display:block; width:0; height:100%; background:#fff; }
.eyeshiv-slider__loader span.is-running { animation:eyeshiv-slider-load var(--eyeshiv-delay, 5000ms) linear forwards; }
@keyframes eyeshiv-slider-load { from { width:0; } to { width:100%; } }
@media (min-width:769px) { .eyeshiv-slider__slide { flex-basis:80%; padding:0; filter:brightness(.55); transition:filter .3s ease; } .eyeshiv-slider__slide.is-active { filter:brightness(1); } }
@media (max-width:768px) { .eyeshiv-slider__button { width:34px; height:34px; font-size:26px; } .eyeshiv-slider__button--prev { left:8px; } .eyeshiv-slider__button--next { right:8px; } }