/* -------------------------------------------
	No UiSlider
---------------------------------------------- */

.price_slider_wrapper {
	width: 100%;
}

.price_slider_amount {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-bottom: 1.5rem;
	padding-#{$left}: 2px;

	button {
		width: auto;
		padding: .86em 2em;
		font-size: font-size(1.4rem);
		font-weight: 700;
		background: #313438;
		border-color: #313438;
		color: #fff;
		border-radius: 2px;

		&:hover, &:focus {
			background-color: var(--rio-primary-color, #27c);
			border-color: var(--rio-primary-color, #27c);
		}
	}

	.clear, input {
		display: none;
	}

	.price_label {
		margin-bottom: 20px;
		order: -1;
		color: #222;
	}
}

.ui-slider-horizontal {
	height: 23px;

	&::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 10px;
		bottom: 10px;
		background: #eee;
	}
	.ui-slider-range {
		top: 11px;
		height: 3px;
	}
}
.ui-slider {
	position: relative;
	margin: side-values(5px 7px 20px 7px);

	.ui-slider-range {
		display: block;
		position: absolute;
		z-index: 1;
		font-size: .7em;
		border: 0;
		border-radius: 1em;
		background: #999;
	}
	.ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 1.2rem;
		height: 1.7rem;
		background: #444;
		border-radius: 3px;
		cursor: pointer;
		outline: 0;
		top: 4px;
		margin-#{$left}: -.55rem;
	}
}