.UBzR-G_area,.UBzR-G_hue{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);touch-action:none;cursor:crosshair;outline:none;position:relative}.UBzR-G_area{height:220px}.UBzR-G_hue{cursor:ew-resize;background:linear-gradient(90deg,red 0%,#ff0 16.67%,#0f0 33.33%,#0ff 50%,#00f 66.67%,#f0f 83.33%,red 100%);flex-grow:1;height:38px}.UBzR-G_area:focus-visible,.UBzR-G_hue:focus-visible{box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb), .25)}.UBzR-G_marker,.UBzR-G_thumb{border-radius:var(--bs-border-radius-sm);pointer-events:none;border:2px solid #fff;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #0000004d}.UBzR-G_marker{width:18px;height:18px}.UBzR-G_thumb{width:12px;height:calc(100% + 8px);top:50%}