
.mega-slider{
	align-items:center;
	display:flex;
	padding:16px 0
}
.slider-container{
	margin-inline-end:16px;
	position:relative;
	width:100%
}
.range-input{
	appearance:none;
	background:transparent;
	width:100%
}
.range-input:focus{
	outline:none
}
.range-input::-webkit-slider-runnable-track{
	background:var(--mobile-border-strong);
	background-image:linear-gradient(var(--mobile-button-primary), var(--mobile-button-primary));
	background-repeat:no-repeat;
	background-size:var(--val);
	border-radius:5px;
	box-shadow:none;
	cursor:pointer;
	height:4px;
	width:100%
}
.range-input::-moz-range-track{
	background:var(--mobile-border-strong);
	background-image:linear-gradient(var(--mobile-button-primary), var(--mobile-button-primary));
	background-repeat:no-repeat;
	background-size:var(--val);
	border-radius:5px;
	box-shadow:none;
	cursor:pointer;
	height:4px;
	width:100%
}
input.range-input[type=range]::-webkit-slider-thumb{
	appearance:none;
	background-color:var(--mobile-button-primary);
	border:none;
	border-radius:50%;
	box-shadow:none;
	cursor:pointer;
	height:24px;
	margin-top:-10px;
	width:24px
}
.range-input::-moz-range-thumb{
	background-color:var(--mobile-button-primary);
	border-radius:50%;
	box-shadow:none;
	cursor:pointer;
	height:24px;
	width:24px
}
.mega-slider .pm.mega-input.box-style.number{
	box-sizing:border-box;
	height:48px;
	max-width:48px;
	min-width:48px;
	padding:0;
	text-align:center
}
.mega-slider input[type=range]{
	appearance:none;
	background:transparent;
	width:100%
}
