._c-slider{
	display: grid;
	width: 100%;
	position: relative;
	border-radius: var(--r-1);
	overflow: hidden;
	grid-template-columns: auto 1fr auto;
}

._c-slider.btn-inner{
	grid-template-columns: 1fr;
}

._c-slider > .before,
._c-slider > .after{
	display: flex;
	width: 50px;
	height: 35%;
	align-self: center;
	z-index: 1;
	background-color: rgb(var(--grey-90-rgb),0.8);
	border-radius: var(--r-0);
	cursor: pointer;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	color: #fff;
}

._c-slider > .before{ margin-right: -15px; }
._c-slider > .after{ margin-left: -15px; }

._c-slider.btn-inner > .before,
._c-slider.btn-inner > .after{
	position: absolute;
	z-index: 5;
	color: #fff;
}

._c-slider.btn-inner > .before{ left: 0; }
._c-slider.btn-inner > .after{ right: 0; }

._c-slider > .before:hover,
._c-slider > .after:hover{
	background-color: rgba(var(--green-rgb),0.8);
}

._c-slider > .before.hidden,
._c-slider > .after.hidden{
	visibility: hidden;
	pointer-events: none;
}

._c-slider > .inner{
	display: flex;
	width: 100%;
	position: relative;
	overflow: hidden;
	align-items: center;
}

._c-slider > .inner > ul{
	display: flex;
	position: absolute;
	margin: 0;
	padding: 0;
	cursor: grab;
	user-select: none;
}
._c-slider > .inner > ul.animating{
	transition: transform 200ms ease;
}
._c-slider > .inner > ul > li{
	position: relative;
	list-style-type: none;
	cursor: grab;
}
._c-slider.dragging > .inner > ul > li{
	pointer-events: none;
}