/* ABOUT / FOR USER only. Native scroll snapping also supports touch and trackpads. */
body[data-design=a] .image-slider{min-width:0}
body[data-design=a] .image-slider-track{display:flex;width:100%;height:100%;min-height:0;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:none}
body[data-design=a] .image-slider-track::-webkit-scrollbar{display:none}
body[data-design=a] .image-slider-track:focus-visible{outline:2px solid #3880ff;outline-offset:3px}
body[data-design=a] .image-slider-slide{flex:0 0 100%;width:100%;min-width:0;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center}
body[data-design=a] .image-slider-slide img{width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
body[data-design=a] .image-slider-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:12px}
body[data-design=a] .image-slider-controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d8dbe0;background:transparent;color:#10182b;font:20px/1 Arial,sans-serif}
body[data-design=a] .image-slider-controls button:disabled{opacity:.3;cursor:default}
body[data-design=a] .image-slider-controls button:not(:disabled):hover{background:#e9ecf1}
body[data-design=a] .image-slider-count{min-width:48px;text-align:center;color:#69707d;font-size:10px;letter-spacing:.1em;font-variant-numeric:tabular-nums}