.custom-nouislider {
	display: flex;
	align-items: center;
	width: 100%;

	.noUi-target {
		width: 100%;
		margin: 0 0px;
		border-radius: 19px;
		height: 8px;
		border: none;
	}

	.noUi-horizontal {

		.noUi-handle {
			background: #fff;
			box-shadow: 0px 2px 10px rgba(57, 52, 66, 0.1);
			border-radius: 4px;
			width: 14px;
			height: 25px;
			top: -8px;
			right: -7px;

			&:before {
				display: none;
			}

			&:after {
				content: '';
				width: 6px;
				height: 9px;
				position: absolute;
				border-radius: 4px;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				background: var(--Main2);
			}
		}

		.noUi-pips-horizontal {
			padding-top: 0px;
			top: 50%;
		}

		.noUi-marker {
			width: 0;
		}

		.noUi-value {
			font-size: 14px;
			line-height: 160%;
			color: var(--Secondary);
		}

	}

	&.error-left {
		.noUi-handle-lower {
			border-color: var(--Red);
		}
	}

	&.error-right {
		.noUi-handle-upper {
			border-color: var(--Red);
		}
	}

	.noUi-touch-area {
		cursor: pointer;
	}

	.noUi-connects {
		background: var(--Bg1);
	}

	.noUi-connect {
		background: var(--Main2);
	}

}