.noUi-handle-upper {
	left: calc(100% - 1px);
	/* clip-path: polygon(0 0, 0 100%, 100% 50%); */
}
.noUi-handle-lower {
	right: -1px !important;
	/* clip-path: polygon(100% 0, 100% 100%, 0 50%); */
}
.noUi-handle {
	top: -6px !important;
	width: 22px !important;
	height: 22px !important;
	overflow: clip;
	border-radius: 100%;
	filter: contrast(0.85) brightness(1.5);
}

.dualslider:not(:has(*)):before, .dualslider:not(:has(*)):after {
	content: "";
	height: 22px;
	width: 22px;
	position: absolute;
	top: -6px;
	background: var(--headertextcolor);
	border-radius: 100%;
	opacity: .5;
	/* clip-path: polygon(100% 0, 100% 100%, 0 50%); */
	left: -21px;
	
}
.dualslider:not(:has(*)):after {
	/*clip-path: polygon(0 0, 0 100%, 100% 50%);*/
	left: unset;
	right: -21px;
}

.dualslider {
	width: 90%;
	height: 10px;
	margin: 15px auto;
	background: #9995;
	border: none;
	box-shadow: none;
	position: relative;
}
.dsinput {
	border-radius: 5px;
	background: none;
	color: var(--headertextcolor);
	border: solid 1px var(--headertextcolor);
	width: 3.8em;
}
/*Stacks the value input boxes diagonally:
div:has(> .dsinput) { transform: translateY(-15px); }
.dsinput:last-child {
	display: block;
	position: absolute;
	right: 0;
	margin-top: 3px;
}*/

.dsinput + span { font-size: 12px; margin-top: 3px; }

.embeddedslider { width: 100%; margin: 0; }
.embeddedslider > .dualslider { width: 83%; }

.dualslider, .noUi-connects { border-radius: 0; }

.noUi-connect {
	background: var(--headertextcolor);
	opacity: .35;
	cursor: grab;
}

.noUi-touch-area {
	background: var(--headertextcolor);
	cursor: ew-resize;
}
.noUi-state-drag .noUi-connect { cursor: grabbing !important; }

.noUi-handle:before, .noUi-handle:after { content: unset; }

.noUi-handle:focus-visible, .noUi-handle:hover,
	.dualslider:not(.noUi-state-drag) .noUi-connects:has(:hover) ~ .noUi-origin > .noUi-handle { opacity: .5 }

.thinstack { margin-top: 3px; }
.thinstack .spanbreaker { top: 90%; }
.thinstack + .thinstack .spanbreaker { display: none; }
/*.thinstack .noUi-handle { width: 24px; height: 23px; }*/

.bottominputs { width: fit-content; margin: -10px auto; }

.sliderbreaker {
	position: absolute;	top: 0;
	transform: translateX(-5px);
	height: 100%;
	/*opacity: 75%;*/
	pointer-events: none;
	filter: var(--nightfilter) brightness(0.2) sepia(5) hue-rotate(180deg);
}
.spanbreaker {
	position: absolute;
	top: 13px;
	text-align: center;
	width: 50px;
	opacity: .7;
	font-size: 10px;
}

.dualsliderscontainer:has(.pipward) { margin: -3px 0 19px; }
.dualsliderscontainer:has(.pipward) .tabtip { bottom: -3px; }

.pipward, .pipward > a {
	display: flex; width: 100%; margin-top: 8px;
	border: solid #999; border-width: 0 1px 0;
	text-wrap: wrap;
}
.pipward > a {
	justify-content: center;
	align-items: center;
	margin-top: unset;
	text-align: center;
	font-size: clamp(10.5px, 1.1vw, 15px);
	text-decoration: underline transparent;
	transition: color .25s, text-decoration-color .25s;
}
.pipward > a:hover, .pipward > a:focus-visible,
	.nosize:hover, .nosize:focus-visible { text-decoration-color: var(--colorlink); color: var(--colorlink); }

#colormenu .pipward > a { font-size: clamp(13px, 1.3vw, 15px); }

@media (max-width: 840px), (max-height: 626px) {
	.pipward > a { font-size: clamp(10.5px, 2.2vw, 15px); }
	#colormenu .pipward > a { font-size: clamp(13px, 2.2vw, 15px); }
}