Need some help with nested sliders

[Errkinson]

https://codepen.io/Ihar-Errkinson/pen/rNQjPpp

when we swipe or draggin outer - it works fine, when i swipe or drag inner slider - outer slide dragged too.
Is it possible to create a nested slider that when dragged or swiped, does not affect the dragging on outer slider?

[Errkinson]

var outerSlider = new Splide( '#outer-slider', {
height: '20rem',
noDrag : "#inner-slider .splide__slide" // <-- just need to exclude inner sliders :_:
} );