[data-role="scroller"] {
	
	&:not(.start.end) [data-role="list"] {
		justify-content: flex-start;
		will-change: scroll-position;
	}
	
	&.s-active {
		
		&: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;
	}
}