ADDED: Base slider styles and disable state of segment-button

src/styles/input-styles/slider.css

@@ -0,0 +1,3 @@
+
+
+/*# sourceMappingURL=slider.css.map */

src/styles/input-styles/slider.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"slider.css"}

src/styles/input-styles/slider.sass

@@ -0,0 +1,32 @@
+input[type="range"].m3.m3-slider
+    height: 4px
+    appearance: none
+    border-radius: 2px
+    background-color: var(--md-sys-color-surface-container-highest)
+    overflow: visible
+
+    &::-webkit-slider-container
+        margin-inline: -8px
+
+    &::-webkit-slider-thumb
+        @include elevation-1(false)
+
+        &::after
+            width: 40px
+            aspect-ratio: 1
+            background-color: transparent
+
+        &:hover
+            &::after
+                background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent)
+
+        width: 20px
+        aspect-ratio: 1
+        appearance: none
+        overflow: visible
+        border-radius: 50%
+        box-sizing: border-box
+        background: var(--md-sys-color-primary)
+
+
+