.is-style-scrollsnap {width:100%;margin:-2em 0 calc(2 * var(--gutter));position:relative;display:flow-root;padding:1em 0;}
.is-style-scrollsnap ul:not(.controls):not(.indicator) {overflow-x: auto;overflow-y: hidden;display:flex !important;flex-wrap:nowrap !important;width:100%;-webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;gap:0;grid-gap:0 !important;}
.is-style-scrollsnap ul.scrollsnap-active {cursor:move;}
.is-style-scrollsnap ul:not(.controls):not(.indicator) li {min-width: 220px;min-height: 200px;scroll-snap-align: start;margin:1em 0;flex:1 0 calc(25% - var(--gutter));max-width:calc(25% - var(--gutter));}
.is-style-scrollsnap ul:not(.controls):not(.indicator) li:first-child {margin-left:var(--gutter) !important;}
.is-style-scrollsnap ul:not(.controls):not(.indicator) li:not(:last-child) {margin-right:var(--gutter) !important;}
/*.is-style-scrollsnap ul.scrollsnap-active li:last-child:after {content:' ';display:block;height:100%;width:100vw;}*/
.is-style-scrollsnap ul:not(.controls):not(.indicator).scrolling li {scroll-snap-align:unset;scroll-behavior: unset;}
/*.is-style-scrollsnap ul:not(.controls):not(.indicator).scrolling li a {pointer-events:none;}*/

.is-style-scrollsnap .indicator {display:none;}
.is-style-scrollsnap .indicator li {display:inline-block;margin:0 .1em;}
.is-style-scrollsnap .indicator li button{text-indent:-9999em;background:0 0;border:0;padding:unset;position:relative;color:#ccc;}
.is-style-scrollsnap .indicator li button:hover,.is-style-scrollsnap .indicator li button:focus {color:var(--gutenberg-2);}
.is-style-scrollsnap .indicator li button[aria-pressed=true] {color:var(--gutenberg-1);}
.is-style-scrollsnap .indicator li button:after {content:' ';width:48px;height:.5em;display:block;background:currentColor;border-radius:2px;}
.is-style-scrollsnap .indicator li button[aria-pressed=true]:after {width:60px;}

.is-style-scrollsnap .controls {display:none;}
.is-style-scrollsnap .controls li {position:static;}
.is-style-scrollsnap .controls button {background:0 0 !important;position:absolute;top:40%;color:var(--gutenberg-1);padding:0;left:0;}
.is-style-scrollsnap .controls button:after {content:' ';display:inline-block;border: solid currentColor;border-width:0 3px 3px 0;padding:1em;border-radius:2px;text-indent:-999em;transform: rotate(135deg);  -webkit-transform: rotate(135deg);}
.is-style-scrollsnap .controls button.btn-next {right:0;left:auto;}
.is-style-scrollsnap .controls button.btn-next:after {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.is-style-scrollsnap .controls button:hover,.is-style-scrollsnap .controls button:focus {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);color:var(--gutenberg-2);}
.is-style-scrollsnap .controls button[disabled] {color:#ddd;}

@media only screen and (min-width:768px) {
	.is-style-scrollsnap .controls {display:block;}
	.is-style-scrollsnap .indicator {display:flex;}
	.is-style-scrollsnap ul.scrollsnap-active::-webkit-scrollbar {display:none;} 
	.is-style-scrollsnap ul.scrollsnap-active { -ms-overflow-style: none;scrollbar-width: none;}
}

@media only screen and (min-width:1301px) {
	.is-style-scrollsnap .controls button.btn-prev {left:calc(var(--gutter) * -.5);}
	.is-style-scrollsnap .controls button.btn-next {right:calc(var(--gutter) * -1.5);}
	
	
	.is-style-scrollsnap {width:calc(100% + var(--gutter));margin-left:calc(var(--gutter) * -1);}
	.is-style-scrollsnap ul:not(.controls):not(.indicator){scroll-padding:0 0 0 var(--gutter);}
}