.slider-items{
	
}
.slider-items .items *::-webkit-scrollbar,
.slider-items .items *::scrollbar{
	display:none
}
.slider-items .header-to-scroll{
	display:flex;
	justify-content:space-between;
	align-items:center;
	min-height:var(--spacing-8)
}
.slider-items .header-to-scroll .nav{
	display:flex;
	gap:var(--spacing-4);
	height:fit-content
}
.slider-items .header-to-scroll .nav .prev svg{
	transform:rotate(180deg)
}
.slider-items .overflow{
	overflow:hidden;
	overflow-x:scroll
}
.slider-items .overflow .items-wrap{
	position:relative;
	max-width:100vw;
	border-radius:var(--radius-lg);
	display:flex;
	align-items:center;
	outline:none;
	width:var(--container-width);
	margin:0 auto
}
.slider-items .overflow .items-wrap .items{
	width:100%;
    height:100%;
    display:flex;
    gap:var(--spacing-4);
    overflow-x:auto;
    scrollbar-width:none;
    scroll-snap-type:x mandatory;
    overflow-x:visible;
    transform:translate3d(0px, 0px, 0px);
    transition:transform .4s ease-in-out;
    will-change:transform;
    cursor:grab
}

.slider-items .slider-items-pagination{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:var(--spacing-3);
	width:100%
}

.slider-items .slider-dot{
	width:var(--spacing-2);
	height:var(--spacing-2);
	border-radius:var(--radius-rounded);
	background-color:var(--bg-surface-04);
	cursor:pointer;
	transition:transform .4s ease, background-color .4s
}

.slider-items .slider-dot:hover{
	background-color:var(--bg-surface-05)
}

.slider-items .slider-dot.active{
	background-color:var(--bg-surface-white);
	transform:scale(1.5)
}
@media(max-width:480px){
	.slider-items .header-to-scroll .nav,
	.slider-items .slider-items-pagination{
		display:none
	}
}