@import "ion-rangeslider/css/ion.rangeSlider.min.css";

.hulk_affef_slider_wrap {
	max-width: 100%;
	flex-basis: 100%;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: center;

	.hulk-slider-field-wrap {
		display: flex;
		width: 100%;
		flex-wrap: nowrap;
		align-items: center;
		gap: 20px;
	}

	.hulk-slider-field {
		width: 100%;
		flex: 1;
	}

	.hulk-show-input {
		max-width: 100%;
		flex-basis: auto;
		width: auto;
		min-width: auto;
	}

	.hulk-slider-field-wrap[data-type=double] {
		flex-direction: column;

		.hulk-slider-input {
			display: flex;
			gap: 20px;
			width: 100%;
			align-items: center;
		}

		.hulk-slider-from-input {
			flex: 1;
		}

		.hulk-slider-to-input {
			flex: 1;
		}

		input {
			width: 100%;
			flex-basis: 100%;
		}

		.hulk-slider-input-separator {
			height: 1px;
			width: 20px;
			background-color: #69727D;
		}
	}
}