/* "Slide to confirm you're human" for the Waseet contact form. */
.waseet-slider { display: block; max-width: 420px; --waseet-slider-fill: 0; }
.waseet-slider__label { display: block; font-weight: 600; margin-bottom: 0.5rem; }
.waseet-slider__track {
	position: relative;
	display: block;
	height: 52px;
	border-radius: 26px;
	background: #e7eded;
	border: 1px solid #b7c3c6;
	overflow: hidden;
}
.waseet-slider__track::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: calc(50px + (100% - 50px) * var(--waseet-slider-fill));
	background: linear-gradient(90deg, #0a6a77, #7cb342);
	opacity: 0.25;
	pointer-events: none;
}
.waseet-slider__text {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 40px;
	color: #5e6c71;
	font-weight: 600;
	pointer-events: none;
	transition: opacity 0.2s;
}
.waseet-slider.is-done .waseet-slider__text { opacity: 0; }
.waseet-slider.is-returning .waseet-slider__track::before { transition: width 0.25s ease-out; }
.waseet-slider__range {
	-webkit-appearance: none;
	appearance: none;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	margin: 0;
	background: transparent;
	cursor: grab;
	touch-action: none;
}
.waseet-slider__range:focus-visible { outline: 2px solid #0a6a77; outline-offset: 3px; border-radius: 26px; }
.waseet-slider__range::-webkit-slider-runnable-track { height: 100%; background: transparent; }
.waseet-slider__range::-moz-range-track { height: 100%; background: transparent; }
.waseet-slider__range::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 46px; height: 46px; margin-top: 2px;
	border-radius: 50%;
	border: 0;
	background: #f7941d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2313232a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 22px no-repeat;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
.waseet-slider__range::-moz-range-thumb {
	width: 46px; height: 46px;
	border-radius: 50%;
	border: 0;
	background: #f7941d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2313232a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 22px no-repeat;
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
}
.waseet-slider.is-done .waseet-slider__range { cursor: default; }
.waseet-slider.is-done .waseet-slider__range::-webkit-slider-thumb {
	background: #7cb342 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 22px no-repeat;
}
.waseet-slider.is-done .waseet-slider__range::-moz-range-thumb {
	background: #7cb342 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 22px no-repeat;
}
.waseet-slider__status { display: block; min-height: 1.4em; margin-top: 0.4rem; color: #2e6b1f; font-weight: 600; }
.waseet-slider__trap { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
