/* Apply $ styling to dollar value sliders */
#field-slider-bkm3n,
#field-slider-atuft,
#field-slider-9849b {
  position: relative;
  overflow: visible !important;    /* ensure pseudo-elements aren’t clipped */
  --min-x: -2.1rem;                /* horizontal offset from the left edge */
  --max-x: -0.9rem;                /* horizontal offset from the right edge */
  --y:  -0.2rem;                   /* vertical offset up from the bottom line */
}

/* $ before MIN label — pinned to left side */
#field-slider-bkm3n::before,
#field-slider-atuft::before,
#field-slider-9849b::before {
  content: "$";
  position: absolute;
  left: var(--min-x);
  bottom: var(--y);
  font: inherit;
  line-height: 1;
  z-index: 2;
  pointer-events: none;
}

/* $ before MAX label — pinned to right side */
#field-slider-bkm3n::after,
#field-slider-atuft::after,
#field-slider-9849b::after {
  content: "$";
  position: absolute;
  right: var(--max-x);
  bottom: var(--y);
  font: inherit;
  line-height: 1;
  z-index: 2;
  pointer-events: none;
}



/* -----------------------------------------------------------  */
/* Apply % styling to percent slider */
#field-slider-atuft{
  position: relative;
  overflow: visible !important;    /* ensure pseudo-elements aren’t clipped */
  --min-x: -0.9rem;                /* horizontal offset from the left edge */
  --max-x: -3.2rem;                /* horizontal offset from the right edge */
  --y:  -0.2rem;                   /* vertical offset up from the bottom line */
}

/* $ before MIN label — pinned to left side */
#field-slider-atuft::before{
  content: "%";
  position: absolute;
  left: var(--min-x);
  bottom: var(--y);
  font: inherit;
  line-height: 1;
  z-index: 2;
  pointer-events: none;
}

/* $ before MAX label — pinned to right side */
#field-slider-atuft::after{
  content: "%";
  position: absolute;
  right: var(--max-x);
  bottom: var(--y);
  font: inherit;
  line-height: 1;
  z-index: 2;
  pointer-events: none;
}