<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html, body {
	height: 100%;
  margin: 0;
  padding: 0;
}

* {
  outline: 0;
}

#container {
	position: relative;
	height: 100%;
}

.slider-handle {

	position: absolute;

	height: 44px;
	width: 44px;

	/* center the element */
	left: 50%;
	top: 50%;

	margin-left: -22px;
	margin-top: -22px;

	border-radius: 50%;

	background: #dc717d url('data:image/svg+xml;utf8,&lt;svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"&gt;&lt;path fill="%23FFF" d="M13 21l-5-5 5-5m6 0l5 5-5 5"/&gt;&lt;/svg&gt;') no-repeat center center;
	cursor: move;

	box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
	z-index: 2;

}

.slider-handle.draggable {
	background-color: #445b7c;
}
</pre></body></html>