From 0dfb05ce3a9b675f4e2f5e3cefe4a5f11535ca6b Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Mon, 23 Jun 2025 16:54:20 -0500
Subject: [PATCH] Firefox has its own psuedo elements

---
 app/assets/stylesheets/knobs.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/app/assets/stylesheets/knobs.css b/app/assets/stylesheets/knobs.css
index 6014eb345..390fa6d5a 100644
--- a/app/assets/stylesheets/knobs.css
+++ b/app/assets/stylesheets/knobs.css
@@ -30,11 +30,22 @@
     translate: -50% -50%;
     z-index: 1;
 
+    &::-moz-range-track {
+      block-size: var(--knob-size);
+      cursor: grab;
+    }
+
     &::-webkit-slider-runnable-track {
       block-size: var(--knob-size);
       cursor: grab;
     }
 
+    &::-moz-range-thumb {
+      background-color: transparent;
+      border: none;
+      border-radius: 0;
+    }
+
     &::-webkit-slider-thumb {
       appearance: none;
       background-color: transparent;