
[data-role="scroller"] {
	
	&:not(.start.end) [data-role="list"] {
		justify-content: flex-start;
		will-change: scroll-position;
	}
	
	
	&:not(.msr){
		
		[data-role="list"] {			
			scroll-snap-type: x mandatory;
		}
	
		[data-direction="vertical"] [data-role="list"] {
			scroll-snap-type: y mandatory;
		}
	}
	
	[data-role="list"] {
		overflow-x: auto;
		scroll-behavior: smooth;
		flex-wrap: nowrap !important;
		will-change: scroll-position;
		
		&.instant {
			scroll-behavior:  auto;
		}

		&::-webkit-scrollbar {
			display: none;
		}
	}

	[data-direction="vertical"] [data-role="list"] {
		flex-wrap: wrap !important;
		overscroll-behavior: contain;
	}
		
	[data-role="item"] {
		scroll-snap-align: start;
	}
		
	

	&.start.end [data-role="arrows"],
	&:not(.s-active) [data-role="arrows"],
	&.tabbing [data-role="arrows"] {
		display: none !important;
	}
	
	&.start [data-action="Prev"],
	&.end [data-action="Next"] {
		opacity: 0.5;
		pointer-events: none;
	}
	
}

[data-role="arrows"] {
	gap: var(--sp-qk);
	pointer-events: none;

	button {
		pointer-events: auto;
	}

	button svg.icn {
		font-size: var(--sl-sa-s);
		transition: color var(--g-trn-sp) var(--g-trn-tf) 0s;
	}
}
