export const sliderRoot = "w-full flex flex-col gap-3";
export const sliderLabel = "";
export const sliderValueText = "text-xs font-medium flex justify-center";
export const sliderControl = "";
export const sliderTrack = "bg-foreground/10 h-1.5 w-full rounded-full";
export const sliderRange = "h-full absolute bg-foreground/70 rounded-full";
export const sliderThumb =
  "bg-background size-4 rounded-full inset-y-0 my-auto shadow-md/5 border-2 border-foreground/70";
export const sliderHiddenInput = "";
export const sliderMarkerGroup = "h-6";
export const sliderMarker = [
  "text-xs opacity-80 relative mt-3.5",
  "before:size-1 before:absolute before:inset-0 before:rounded-full before:bg-foreground/40 before:mx-auto before:-mt-3",
];
