diff --git a/src/declarativeimports/plasmacomponents3/ScrollBar.qml b/src/declarativeimports/plasmacomponents3/ScrollBar.qml
--- a/src/declarativeimports/plasmacomponents3/ScrollBar.qml
+++ b/src/declarativeimports/plasmacomponents3/ScrollBar.qml
@@ -20,46 +20,108 @@
 import QtQuick 2.6
 import QtQuick.Templates @QQC2_VERSION@ as T
 import org.kde.plasma.core 2.0 as PlasmaCore
-import org.kde.kirigami 2.2 as Kirigami
+import org.kde.kirigami 2.10 as Kirigami
 
 T.ScrollBar {
-    id: control
+    id: controlRoot
 
     implicitWidth: background.implicitWidth
     implicitHeight: background.implicitHeight
 
     hoverEnabled: !Kirigami.Settings.isMobile
 
-    visible: control.size < 1.0
+    visible: controlRoot.size < 1.0
 
-    background: PlasmaCore.FrameSvgItem {
-        imagePath:"widgets/scrollbar"
+    interactive: !Kirigami.Settings.tabletMode
+
+    background: Item {
+        visible: controlRoot.size < 1.0 && controlRoot.interactive
         implicitWidth: scrollbarSvg.elementSize("hint-scrollbar-size").width 
         implicitHeight: implicitWidth
-        colorGroup: PlasmaCore.ColorScope.colorGroup
-        visible: control.size < 1.0
-
-        prefix: control.horizontal ? "background-horizontal" : "background-vertical"
-        opacity: Kirigami.Settings.isMobile ? (control.active ? 1 : 0) : (control.hovered ? 1 : 0)
-        Behavior on opacity {
-            OpacityAnimator {
-                duration: units.longDuration
+        Rectangle {
+            anchors {
+                top: parent.top
+                bottom: parent.bottom
+                left: parent.left
+            }
+            // the separator line doesn't work yet with the plasmoids design
+            visible: typeof plasmoid === "undefined"
+            width: units.devicePixelRatio
+            color: PlasmaCore.ColorScope.textColor
+            opacity: 0.1
+        }
+        PlasmaCore.FrameSvgItem {
+            anchors.fill: parent
+            imagePath:"widgets/scrollbar"
+            colorGroup: PlasmaCore.ColorScope.colorGroup
+
+            prefix: controlRoot.horizontal ? "background-horizontal" : "background-vertical"
+            opacity: controlRoot.hovered
+            Behavior on opacity {
+                OpacityAnimator {
+                    duration: units.longDuration
+                }
             }
         }
     }
 
-    contentItem: PlasmaCore.FrameSvgItem {
-        imagePath:"widgets/scrollbar"
-        implicitWidth: scrollbarSvg.elementSize("hint-scrollbar-size").width 
-        implicitHeight: implicitWidth
-        colorGroup: PlasmaCore.ColorScope.colorGroup
-        visible: control.size < 1.0
-
-        prefix: control.hovered ? "mouseover-slider" : "slider"
-        opacity: Kirigami.Settings.isMobile ? (control.active ? 1 : 0) : 1
-        Behavior on opacity {
-            OpacityAnimator {
-                duration: units.longDuration
+    onPositionChanged: {
+        disappearTimer.restart();
+        handleGraphics.handleState = Math.min(1, handleGraphics.handleState + 0.1)
+    }
+
+    contentItem: Item {
+        PlasmaCore.FrameSvgItem {
+            anchors.fill: parent
+            imagePath:"widgets/scrollbar"
+
+            implicitWidth: scrollbarSvg.elementSize("hint-scrollbar-size").width 
+            visible: controlRoot.interactive && controlRoot.size < 1.0
+            implicitHeight: implicitWidth
+            colorGroup: PlasmaCore.ColorScope.colorGroup
+
+            prefix: controlRoot.hovered ? "mouseover-slider" : "slider"
+        }
+        Rectangle {
+            id: handleGraphics
+
+            property real handleState: 0
+
+            visible: !controlRoot.interactive
+            x: Math.round(controlRoot.orientation == Qt.Vertical
+                ? (parent.width - width) - (parent.width/2 - width/2) * handleState
+                : 0)
+            
+            y: Math.round(controlRoot.orientation == Qt.Horizontal
+                ? (parent.height - height) - (parent.height/2 - height/2) * handleState
+                : 0)
+
+            NumberAnimation {
+                id: resetAnim
+                target: handleGraphics
+                property: "handleState"
+                from: handleGraphics.handleState
+                to: 0
+                duration: Kirigami.Units.longDuration
+                easing.type: Easing.InOutQuad
+            }
+
+            width: Math.round(controlRoot.orientation == Qt.Vertical
+                    ? Math.max(2, Kirigami.Units.smallSpacing * handleState)
+                    : parent.width)
+            height: Math.round(controlRoot.orientation == Qt.Horizontal
+                    ? Math.max(2, Kirigami.Units.smallSpacing * handleState)
+                    : parent.height)
+            radius: Math.min(width, height)
+            color: PlasmaCore.ColorScope.textColor
+            opacity: 0.3
+            Timer {
+                id: disappearTimer
+                interval: 1000
+                onTriggered: {
+                    resetAnim.restart();
+                    handleGraphics.handleState = 0;
+                }
             }
         }
     }
diff --git a/src/desktoptheme/breeze/widgets/scrollbar.svg b/src/desktoptheme/breeze/widgets/scrollbar.svg
--- a/src/desktoptheme/breeze/widgets/scrollbar.svg
+++ b/src/desktoptheme/breeze/widgets/scrollbar.svg
@@ -13,8 +13,8 @@
    height="98"
    id="svg3642"
    sodipodi:version="0.32"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="scrollbar.svgz"
+   inkscape:version="0.92.2 5c3e80d, 2017-08-06"
+   sodipodi:docname="scrollbar.svg"
    inkscape:output_extension="org.inkscape.output.svgz.inkscape"
    version="1.0">
   <sodipodi:namedview
@@ -24,15 +24,15 @@
      borderopacity="1.0"
      inkscape:pageopacity="1"
      inkscape:pageshadow="2"
-     inkscape:zoom="15.46356"
-     inkscape:cx="60.969401"
-     inkscape:cy="47.02887"
+     inkscape:zoom="10.934388"
+     inkscape:cx="45.891345"
+     inkscape:cy="64.405446"
      inkscape:current-layer="layer1"
      showgrid="true"
      inkscape:grid-bbox="true"
      inkscape:document-units="px"
      inkscape:window-width="1920"
-     inkscape:window-height="996"
+     inkscape:window-height="1015"
      inkscape:window-x="0"
      inkscape:window-y="0"
      width="48px"
@@ -127,164 +127,164 @@
      inkscape:label="Layer 1"
      id="layer1">
     <rect
-       style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6"
+       style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
        id="slider-center"
        width="1"
        height="10"
-       x="24"
+       x="20"
        y="20"
        class="ColorScheme-Text" />
     <g
        id="slider-right"
-       transform="matrix(0.75,0,0,1,19.25,13)">
+       transform="matrix(0.75,0,0,1,15.25,13)">
       <path
          id="rect3838"
-         d="M 9,7 9,17 13,17 13,7 9,7 z"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6"
+         d="m 9,7 v 10 h 4 V 7 Z"
+         style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          inkscape:connector-curvature="0"
          class="ColorScheme-Text" />
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3856"
-         width="1"
+         width="4"
          height="10"
          x="29"
          y="20"
          transform="matrix(1.3333333,0,0,1,-25.666667,-13)" />
     </g>
     <g
        id="slider-topright"
-       transform="matrix(0.75,0,0,0.75,19.25,13.75)">
+       transform="matrix(0.75,0,0,0.75,15.25,13.75)">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3852"
-         width="4"
-         height="4"
+         width="7"
+         height="7"
          x="26"
-         y="15"
+         y="12"
          transform="matrix(1.3333333,0,0,1.3333333,-25.666667,-18.333333)" />
       <path
          id="rect3840"
-         d="m 9,3 0,4 4,0 C 13,4.784 11.216,3 9,3 z"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6"
+         d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"
+         style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          inkscape:connector-curvature="0"
          class="ColorScheme-Text" />
     </g>
     <g
        id="slider-bottomright"
-       transform="matrix(0.75,0,0,0.75,19.25,18.25)">
+       transform="matrix(0.75,0,0,0.75,15.25,18.25)">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3862"
-         width="4"
-         height="4"
+         width="7"
+         height="7"
          x="26"
          y="31"
          transform="matrix(1.3333333,0,0,1.3333333,-25.666667,-24.333333)" />
       <path
          inkscape:connector-curvature="0"
          style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="m 9,21 0,-4 4,0 c 0,2.216 -1.784,4 -4,4 z"
+         d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"
          id="path3871"
          class="ColorScheme-Text" />
     </g>
     <g
        id="slider-left"
-       transform="matrix(-0.75,0,0,1,29.75,13)">
+       transform="matrix(-0.75,0,0,1,25.75,13)">
       <path
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6"
-         d="M 9,7 9,17 13,17 13,7 9,7 z"
+         style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         d="m 9,7 v 10 h 4 V 7 Z"
          id="path3891"
          inkscape:connector-curvature="0"
          class="ColorScheme-Text" />
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3854"
-         width="1"
+         width="4"
          height="10"
-         x="19"
+         x="16"
          y="20"
          transform="matrix(-1.3333333,0,0,1,39.666667,-13)" />
     </g>
     <g
        id="slider-topleft"
-       transform="matrix(-0.75,0,0,0.75,29.75,13.75)">
+       transform="matrix(-0.75,0,0,0.75,25.75,13.75)">
       <rect
-         style="fill:#e4e6e8;fill-opacity:1;stroke:none;opacity:0.01"
+         style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3848"
-         width="4"
-         height="4"
-         x="19"
-         y="15"
+         width="7"
+         height="7"
+         x="16"
+         y="12"
          transform="matrix(-1.3333333,0,0,1.3333333,39.666667,-18.333333)" />
       <path
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6"
-         d="m 9,3 0,4 4,0 C 13,4.784 11.216,3 9,3 z"
+         style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"
          id="path3895"
          inkscape:connector-curvature="0"
          class="ColorScheme-Text" />
     </g>
     <g
        id="slider-bottomleft"
-       transform="matrix(-0.75,0,0,0.75,29.75,18.25)">
+       transform="matrix(-0.75,0,0,0.75,25.75,18.25)">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3858"
-         width="4"
-         height="4"
-         x="19"
+         width="7"
+         height="7"
+         x="16"
          y="31"
          transform="matrix(-1.3333333,0,0,1.3333333,39.666667,-24.333333)" />
       <path
          id="path3901"
-         d="m 9,21 0,-4 4,0 c 0,2.216 -1.784,4 -4,4 z"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6"
+         d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"
+         style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          inkscape:connector-curvature="0"
          class="ColorScheme-Text" />
     </g>
     <g
-       transform="matrix(0,-0.75,-0.1,0,25.7,25.75)"
+       transform="matrix(0,-0.75,-0.1,0,21.7,25.75)"
        id="slider-top">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3850"
          width="1"
-         height="4"
+         height="7"
          x="24"
-         y="15"
+         y="12"
          transform="matrix(0,-10,-1.3333333,0,34.333333,257)" />
       <path
          inkscape:connector-curvature="0"
          id="path3909"
-         d="M 9,7 9,17 13,17 13,7 9,7 z"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6"
+         d="m 9,7 v 10 h 4 V 7 Z"
+         style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          class="ColorScheme-Text" />
     </g>
     <g
        id="slider-bottom"
-       transform="matrix(0,0.75,-0.1,0,25.7,24.25)">
+       transform="matrix(0,0.75,-0.1,0,21.7,24.25)">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3860"
          width="1"
-         height="4"
+         height="7"
          x="24"
          y="31"
          transform="matrix(0,-10,1.3333333,0,-32.333333,257)" />
       <path
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6"
-         d="M 9,7 9,17 13,17 13,7 9,7 z"
+         style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         d="m 9,7 v 10 h 4 V 7 Z"
          id="path3915"
          inkscape:connector-curvature="0"
          class="ColorScheme-Text" />
     </g>
     <rect
-       ry="8"
+       ry="11.2"
        rx="0"
-       y="25"
-       x="4"
-       height="8"
-       width="8"
+       y="18"
+       x="0"
+       height="14"
+       width="14"
        id="hint-scrollbar-size"
        style="fill:#4e9a06;fill-opacity:1;fill-rule:nonzero;stroke:none" />
     <rect
@@ -298,528 +298,529 @@
        ry="2.077126" />
     <g
        id="background-vertical-right"
-       transform="matrix(0.75,0,0,1,33.25,13)"
+       transform="matrix(0.75,0,0,1,36.25,13)"
        inkscape:label="#slider-right-1">
       <path
          id="rect3838-1"
-         d="M 9,7 9,17 13,17 13,7 9,7 z"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.4"
+         d="m 9,7 v 10 h 4 V 7 Z"
+         style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          inkscape:connector-curvature="0"
          class="ColorScheme-Text" />
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3872"
-         width="1"
+         width="4"
          height="10"
          x="43"
          y="20"
          transform="matrix(1.3333333,0,0,1,-44.333333,-13)" />
       <path
          class="ColorScheme-ViewBackground"
          inkscape:connector-curvature="0"
          style="opacity:0.2;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="M 9,7 9,17 13,17 13,7 9,7 Z"
+         d="m 9,7 v 10 h 4 V 7 Z"
          id="path4264" />
     </g>
     <g
        id="background-vertical-topright"
-       transform="matrix(0.75,0,0,0.75,33.25,13.75)"
+       transform="matrix(0.75,0,0,0.75,36.25,13.75)"
        inkscape:label="#slider-topright-5">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3868"
-         width="4"
-         height="4"
+         width="7"
+         height="7"
          x="40"
-         y="15"
+         y="12"
          transform="matrix(1.3333333,0,0,1.3333333,-44.333333,-18.333333)" />
       <path
          id="rect3840-1"
-         d="m 9,3 0,4 4,0 C 13,4.784 11.216,3 9,3 z"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.4"
+         d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"
+         style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          inkscape:connector-curvature="0"
          class="ColorScheme-Text" />
       <path
          class="ColorScheme-ViewBackground"
          inkscape:connector-curvature="0"
          style="opacity:0.2;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="m 9,3 0,4 4,0 C 13,4.784 11.216,3 9,3 Z"
+         d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"
          id="path4278" />
     </g>
     <g
        id="background-vertical-bottomright"
-       transform="matrix(0.75,0,0,0.75,33.25,18.25)"
+       transform="matrix(0.75,0,0,0.75,36.25,18.25)"
        inkscape:label="#slider-bottomright-2">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3878"
-         width="4"
-         height="4"
+         width="7"
+         height="7"
          x="40"
          y="31"
          transform="matrix(1.3333333,0,0,1.3333333,-44.333333,-24.333333)" />
       <path
          inkscape:connector-curvature="0"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.4"
-         d="m 9,21 0,-4 4,0 c 0,2.216 -1.784,4 -4,4 z"
+         style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"
          id="path3871-2"
          class="ColorScheme-Text" />
       <path
          class="ColorScheme-ViewBackground"
          id="path4284"
-         d="m 9,21 0,-4 4,0 c 0,2.216 -1.784,4 -4,4 z"
+         d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"
          style="opacity:0.2;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          inkscape:connector-curvature="0" />
     </g>
     <g
        id="background-vertical-left"
-       transform="matrix(-0.75,0,0,1,43.75,13)"
+       transform="matrix(-0.75,0,0,1,46.75,13)"
        inkscape:label="#slider-left-4">
       <path
          style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="M 9,7 9,17 13,17 13,7 9,7 z"
+         d="m 9,7 v 10 h 4 V 7 Z"
          id="path3891-2"
          inkscape:connector-curvature="0"
          class="ColorScheme-Text" />
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3870"
-         width="1"
+         width="4"
          height="10"
-         x="33"
+         x="30"
          y="20"
          transform="matrix(-1.3333333,0,0,1,58.333333,-13)" />
       <path
          class="ColorScheme-ViewBackground"
          inkscape:connector-curvature="0"
          id="path4262"
-         d="M 9,7 9,17 13,17 13,7 9,7 Z"
+         d="m 9,7 v 10 h 4 V 7 Z"
          style="opacity:0.2;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none" />
     </g>
     <g
        id="background-vertical-topleft"
-       transform="matrix(-0.75,0,0,0.75,43.75,13.75)"
+       transform="matrix(-0.75,0,0,0.75,46.75,13.75)"
        inkscape:label="#slider-topleft-8">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3864"
-         width="4"
-         height="4"
-         x="33"
-         y="15"
+         width="7"
+         height="7"
+         x="30"
+         y="12"
          transform="matrix(-1.3333333,0,0,1.3333333,58.333333,-18.333333)" />
       <path
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.4"
-         d="m 9,3 0,4 4,0 C 13,4.784 11.216,3 9,3 z"
+         style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"
          id="path3895-9"
          inkscape:connector-curvature="0"
          class="ColorScheme-Text" />
       <path
          class="ColorScheme-ViewBackground"
          inkscape:connector-curvature="0"
          id="path4274"
-         d="m 9,3 0,4 4,0 C 13,4.784 11.216,3 9,3 Z"
+         d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"
          style="opacity:0.2;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none" />
     </g>
     <g
        id="background-vertical-bottomleft"
-       transform="matrix(-0.75,0,0,0.75,43.75,18.25)"
+       transform="matrix(-0.75,0,0,0.75,46.75,18.25)"
        inkscape:label="#slider-bottomleft-2">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3874"
-         width="4"
-         height="4"
-         x="33"
+         width="7"
+         height="7"
+         x="30"
          y="31"
          transform="matrix(-1.3333333,0,0,1.3333333,58.333333,-24.333333)" />
       <path
          id="path3901-7"
-         d="m 9,21 0,-4 4,0 c 0,2.216 -1.784,4 -4,4 z"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.4"
+         d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"
+         style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          inkscape:connector-curvature="0"
          class="ColorScheme-Text" />
       <path
          class="ColorScheme-ViewBackground"
          inkscape:connector-curvature="0"
          style="opacity:0.2;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="m 9,21 0,-4 4,0 c 0,2.216 -1.784,4 -4,4 z"
+         d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"
          id="path4280" />
     </g>
     <g
-       transform="matrix(0,-0.75,-0.1,0,39.7,25.75)"
+       transform="matrix(0,-0.75,-0.1,0,42.7,25.75)"
        id="background-vertical-top"
        inkscape:label="#slider-top-0">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3866"
          width="1"
-         height="4"
+         height="7"
          x="38"
-         y="15"
+         y="12"
          transform="matrix(0,-10,-1.3333333,0,34.333333,397)" />
       <path
          inkscape:connector-curvature="0"
          id="path3909-8"
-         d="M 9,7 9,17 13,17 13,7 9,7 z"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.4"
+         d="m 9,7 v 10 h 4 V 7 Z"
+         style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          class="ColorScheme-Text" />
       <path
          class="ColorScheme-ViewBackground"
          style="opacity:0.2;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="M 9,7 9,17 13,17 13,7 9,7 Z"
+         d="m 9,7 v 10 h 4 V 7 Z"
          id="path4276"
          inkscape:connector-curvature="0" />
     </g>
     <g
        id="background-vertical-bottom"
-       transform="matrix(0,0.75,-0.1,0,39.7,24.25)"
+       transform="matrix(0,0.75,-0.1,0,42.7,24.25)"
        inkscape:label="#slider-bottom-2">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3876"
          width="1"
-         height="4"
+         height="7"
          x="38"
          y="31"
          transform="matrix(0,-10,1.3333333,0,-32.333333,397)" />
       <path
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.4"
-         d="M 9,7 9,17 13,17 13,7 9,7 z"
+         style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         d="m 9,7 v 10 h 4 V 7 Z"
          id="path3915-5"
          inkscape:connector-curvature="0"
          class="ColorScheme-Text" />
       <path
          class="ColorScheme-ViewBackground"
          inkscape:connector-curvature="0"
          id="path4282"
-         d="M 9,7 9,17 13,17 13,7 9,7 Z"
+         d="m 9,7 v 10 h 4 V 7 Z"
          style="opacity:0.2;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none" />
     </g>
     <rect
-       style="fill:currentColor;fill-rule:evenodd;stroke:none;fill-opacity:1"
+       style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
        id="sunken-slider-center"
        width="1"
        height="10"
-       x="24"
-       y="64"
+       x="20"
+       y="82"
        class="ColorScheme-ButtonHover"
        inkscape:label="#slider-center-6" />
     <g
        id="sunken-slider-right"
-       transform="matrix(0.75,0,0,1,19.25,57)"
+       transform="matrix(0.75,0,0,1,15.25,75)"
        inkscape:label="#slider-right-9">
       <path
          id="rect3838-4-8"
-         d="M 9,7 9,17 13,17 13,7 9,7 z"
-         style="fill:currentColor;fill-rule:evenodd;stroke:none;fill-opacity:1"
+         d="m 9,7 v 10 h 4 V 7 Z"
+         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          inkscape:connector-curvature="0"
          class="ColorScheme-ButtonHover" />
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3924"
-         width="1"
+         width="4"
          height="10"
          x="29"
          y="64"
          transform="matrix(1.3333333,0,0,1,-25.666667,-57)" />
     </g>
     <g
        id="sunken-slider-topright"
-       transform="matrix(0.75,0,0,0.75,19.25,57.75)"
+       transform="matrix(0.75,0,0,0.75,15.25,75.75)"
        inkscape:label="#slider-topright-4">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3920"
-         width="4"
-         height="4"
+         width="7"
+         height="7"
          x="26"
-         y="59"
+         y="56"
          transform="matrix(1.3333333,0,0,1.3333333,-25.666667,-77)" />
       <path
          id="rect3840-2-9"
-         d="m 9,3 0,4 4,0 C 13,4.784 11.216,3 9,3 z"
-         style="fill:currentColor;fill-rule:evenodd;stroke:none;fill-opacity:1"
+         d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"
+         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          inkscape:connector-curvature="0"
          class="ColorScheme-ButtonHover" />
     </g>
     <g
        id="sunken-slider-bottomright"
-       transform="matrix(0.75,0,0,0.75,19.25,62.25)"
+       transform="matrix(0.75,0,0,0.75,15.25,80.25)"
        inkscape:label="#slider-bottomright-7">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3930"
-         width="4"
-         height="4"
+         width="7"
+         height="7"
          x="26"
          y="75"
          transform="matrix(1.3333333,0,0,1.3333333,-25.666667,-83)" />
       <path
          inkscape:connector-curvature="0"
-         style="fill:currentColor;fill-rule:evenodd;stroke:none;fill-opacity:1"
-         d="m 9,21 0,-4 4,0 c 0,2.216 -1.784,4 -4,4 z"
+         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"
          id="path3871-1-7"
          class="ColorScheme-ButtonHover" />
     </g>
     <g
        id="sunken-slider-left"
-       transform="matrix(-0.75,0,0,1,29.75,57)"
+       transform="matrix(-0.75,0,0,1,25.75,75)"
        inkscape:label="#slider-left-5">
       <path
-         style="fill:currentColor;fill-rule:evenodd;stroke:none;fill-opacity:1"
-         d="M 9,7 9,17 13,17 13,7 9,7 z"
+         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         d="m 9,7 v 10 h 4 V 7 Z"
          id="path3891-9-4"
          inkscape:connector-curvature="0"
          class="ColorScheme-ButtonHover" />
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3922"
-         width="1"
+         width="4"
          height="10"
-         x="19"
+         x="16"
          y="64"
          transform="matrix(-1.3333333,0,0,1,39.666667,-57)" />
     </g>
     <g
        id="sunken-slider-topleft"
-       transform="matrix(-0.75,0,0,0.75,29.75,57.75)"
+       transform="matrix(-0.75,0,0,0.75,25.75,75.75)"
        inkscape:label="#slider-topleft-2">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3916"
-         width="4"
-         height="4"
-         x="19"
-         y="59"
+         width="7"
+         height="7"
+         x="16"
+         y="56"
          transform="matrix(-1.3333333,0,0,1.3333333,39.666667,-77)" />
       <path
-         style="fill:currentColor;fill-rule:evenodd;stroke:none;fill-opacity:1"
-         d="m 9,3 0,4 4,0 C 13,4.784 11.216,3 9,3 z"
+         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"
          id="path3895-2-1"
          inkscape:connector-curvature="0"
          class="ColorScheme-ButtonHover" />
     </g>
     <g
        id="sunken-slider-bottomleft"
-       transform="matrix(-0.75,0,0,0.75,29.75,62.25)"
+       transform="matrix(-0.75,0,0,0.75,25.75,80.25)"
        inkscape:label="#slider-bottomleft-5">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3926"
-         width="4"
-         height="4"
-         x="19"
+         width="7"
+         height="7"
+         x="16"
          y="75"
          transform="matrix(-1.3333333,0,0,1.3333333,39.666667,-83)" />
       <path
          id="path3901-9-9"
-         d="m 9,21 0,-4 4,0 c 0,2.216 -1.784,4 -4,4 z"
-         style="fill:currentColor;fill-rule:evenodd;stroke:none;fill-opacity:1"
+         d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"
+         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          inkscape:connector-curvature="0"
          class="ColorScheme-ButtonHover" />
     </g>
     <g
-       transform="matrix(0,-0.75,-0.1,0,25.7,69.75)"
+       transform="matrix(0,-0.75,-0.1,0,21.7,87.75)"
        id="sunken-slider-top"
        inkscape:label="#slider-top-5">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3918"
          width="1"
-         height="4"
+         height="7"
          x="24"
-         y="59"
+         y="56"
          transform="matrix(0,-10,-1.3333333,0,93,257)" />
       <path
          inkscape:connector-curvature="0"
          id="path3909-6-1"
-         d="M 9,7 9,17 13,17 13,7 9,7 z"
-         style="fill:currentColor;fill-rule:evenodd;stroke:none;fill-opacity:1"
+         d="m 9,7 v 10 h 4 V 7 Z"
+         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          class="ColorScheme-ButtonHover" />
     </g>
     <g
        id="sunken-slider-bottom"
-       transform="matrix(0,0.75,-0.1,0,25.7,68.25)"
+       transform="matrix(0,0.75,-0.1,0,21.7,86.25)"
        inkscape:label="#slider-bottom-0">
       <rect
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none"
          id="rect3928"
          width="1"
-         height="4"
+         height="7"
          x="24"
          y="75"
          transform="matrix(0,-10,1.3333333,0,-91,257)" />
       <path
-         style="fill:currentColor;fill-rule:evenodd;stroke:none;fill-opacity:1"
-         d="M 9,7 9,17 13,17 13,7 9,7 z"
+         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         d="m 9,7 v 10 h 4 V 7 Z"
          id="path3915-6-3"
          inkscape:connector-curvature="0"
          class="ColorScheme-ButtonHover" />
     </g>
     <rect
        inkscape:label="#slider-center-6"
        class="ColorScheme-ButtonHover"
-       y="42"
-       x="24"
+       y="53"
+       x="20"
        height="10"
        width="1"
        id="mouseover-slider-center"
-       style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6" />
+       style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none" />
     <g
        inkscape:label="#slider-right-9"
-       transform="matrix(0.75,0,0,1,19.250001,35)"
+       transform="matrix(0.75,0,0,1,15.250001,46)"
        id="mouseover-slider-right">
       <path
          class="ColorScheme-ButtonHover"
          inkscape:connector-curvature="0"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6"
-         d="M 9,7 9,17 13,17 13,7 9,7 z"
+         style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         d="m 9,7 v 10 h 4 V 7 Z"
          id="path3963" />
       <rect
          transform="matrix(1.3333333,0,0,1,-25.666667,-57)"
          y="64"
          x="29"
          height="10"
-         width="1"
+         width="4"
          id="rect3965"
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none" />
     </g>
     <g
        inkscape:label="#slider-topright-4"
-       transform="matrix(0.75,0,0,0.75,19.250001,35.75)"
+       transform="matrix(0.75,0,0,0.75,15.250001,46.75)"
        id="mouseover-slider-topright">
       <rect
          transform="matrix(1.3333333,0,0,1.3333333,-25.666667,-77)"
-         y="59"
+         y="56"
          x="26"
-         height="4"
-         width="4"
+         height="7"
+         width="7"
          id="rect3969"
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none" />
       <path
          class="ColorScheme-ButtonHover"
          inkscape:connector-curvature="0"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6"
-         d="m 9,3 0,4 4,0 C 13,4.784 11.216,3 9,3 z"
+         style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"
          id="path3971" />
     </g>
     <g
        inkscape:label="#slider-bottomright-7"
-       transform="matrix(0.75,0,0,0.75,19.250001,40.25)"
+       transform="matrix(0.75,0,0,0.75,15.250001,51.25)"
        id="mouseover-slider-bottomright">
       <rect
          transform="matrix(1.3333333,0,0,1.3333333,-25.666667,-83)"
          y="75"
          x="26"
-         height="4"
-         width="4"
+         height="7"
+         width="7"
          id="rect3975"
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none" />
       <path
          class="ColorScheme-ButtonHover"
          id="path3977"
-         d="m 9,21 0,-4 4,0 c 0,2.216 -1.784,4 -4,4 z"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6"
+         d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"
+         style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          inkscape:connector-curvature="0" />
     </g>
     <g
        inkscape:label="#slider-left-5"
-       transform="matrix(-0.75,0,0,1,29.750001,35)"
+       transform="matrix(-0.75,0,0,1,25.750001,46)"
        id="mouseover-slider-left">
       <path
          class="ColorScheme-ButtonHover"
          inkscape:connector-curvature="0"
          id="path3981"
-         d="M 9,7 9,17 13,17 13,7 9,7 z"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6" />
+         d="m 9,7 v 10 h 4 V 7 Z"
+         style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none" />
       <rect
          transform="matrix(-1.3333333,0,0,1,39.666667,-57)"
          y="64"
-         x="19"
+         x="16"
          height="10"
-         width="1"
+         width="4"
          id="rect3983"
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none" />
     </g>
     <g
        inkscape:label="#slider-topleft-2"
-       transform="matrix(-0.75,0,0,0.75,29.750001,35.75)"
+       transform="matrix(-0.75,0,0,0.75,25.750001,46.75)"
        id="mouseover-slider-topleft">
       <rect
          transform="matrix(-1.3333333,0,0,1.3333333,39.666667,-77)"
-         y="59"
-         x="19"
-         height="4"
-         width="4"
+         y="56"
+         x="16"
+         height="7"
+         width="7"
          id="rect3987"
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none" />
       <path
          class="ColorScheme-ButtonHover"
          inkscape:connector-curvature="0"
          id="path3989"
-         d="m 9,3 0,4 4,0 C 13,4.784 11.216,3 9,3 z"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6" />
+         d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"
+         style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none" />
     </g>
     <g
        inkscape:label="#slider-bottomleft-5"
-       transform="matrix(-0.75,0,0,0.75,29.750001,40.25)"
+       transform="matrix(-0.75,0,0,0.75,25.750001,51.25)"
        id="mouseover-slider-bottomleft">
       <rect
          transform="matrix(-1.3333333,0,0,1.3333333,39.666667,-83)"
          y="75"
-         x="19"
-         height="4"
-         width="4"
+         x="16"
+         height="7"
+         width="7"
          id="rect3993"
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none" />
       <path
          class="ColorScheme-ButtonHover"
          inkscape:connector-curvature="0"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6"
-         d="m 9,21 0,-4 4,0 c 0,2.216 -1.784,4 -4,4 z"
+         style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"
          id="path3995" />
     </g>
     <g
        inkscape:label="#slider-top-5"
        id="mouseover-slider-top"
-       transform="matrix(0,-0.75,-0.1,0,25.700001,47.75)">
+       transform="matrix(0,-0.75,-0.1,0,21.700001,58.75)">
       <rect
          transform="matrix(0,-10,-1.3333333,0,93,257)"
-         y="59"
+         y="56"
          x="24"
-         height="4"
+         height="7"
          width="1"
          id="rect3999"
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none" />
       <path
          class="ColorScheme-ButtonHover"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6"
-         d="M 9,7 9,17 13,17 13,7 9,7 z"
+         style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
+         d="m 9,7 v 10 h 4 V 7 Z"
          id="path4001"
          inkscape:connector-curvature="0" />
     </g>
     <g
        inkscape:label="#slider-bottom-0"
-       transform="matrix(0,0.75,-0.1,0,25.700001,46.25)"
+       transform="matrix(0,0.75,-0.1,0,21.700001,57.25)"
        id="mouseover-slider-bottom">
       <rect
          transform="matrix(0,-10,1.3333333,0,-91,257)"
          y="75"
          x="24"
-         height="4"
+         height="7"
          width="1"
          id="rect4005"
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none" />
       <path
          class="ColorScheme-ButtonHover"
          inkscape:connector-curvature="0"
          id="path4007"
-         d="M 9,7 9,17 13,17 13,7 9,7 z"
-         style="fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none;opacity:0.6" />
+         d="m 9,7 v 10 h 4 V 7 Z"
+         style="opacity:0.6;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none" />
     </g>
     <g
-       id="background-vertical-center">
+       id="background-vertical-center"
+       transform="translate(3)">
       <rect
          inkscape:label="#slider-center-1"
          class="ColorScheme-Text"
@@ -841,206 +842,206 @@
     </g>
     <g
        inkscape:label="#slider-right-1"
-       transform="matrix(0.75,0,0,1,33.250001,35.000001)"
+       transform="matrix(0.75,0,0,1,36.250001,46)"
        id="background-horizontal-right">
       <path
          class="ColorScheme-Text"
          inkscape:connector-curvature="0"
          style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="M 9,7 9,17 13,17 13,7 9,7 Z"
+         d="m 9,7 v 10 h 4 V 7 Z"
          id="path4288" />
       <rect
          transform="matrix(1.3333333,0,0,1,-44.333333,-13)"
          y="20"
          x="43"
          height="10"
-         width="1"
+         width="4"
          id="rect4290"
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none" />
       <path
          id="path4292"
-         d="M 9,7 9,17 13,17 13,7 9,7 Z"
+         d="m 9,7 v 10 h 4 V 7 Z"
          style="opacity:0.2;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          inkscape:connector-curvature="0"
          class="ColorScheme-ViewBackground" />
     </g>
     <g
        inkscape:label="#slider-topright-5"
-       transform="matrix(0.75,0,0,0.75,33.250001,35.750001)"
+       transform="matrix(0.75,0,0,0.75,36.250001,46.750001)"
        id="background-horizontal-topright">
       <rect
          transform="matrix(1.3333333,0,0,1.3333333,-44.333333,-18.333333)"
-         y="15"
+         y="12"
          x="40"
-         height="4"
-         width="4"
+         height="7"
+         width="7"
          id="rect4296"
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none" />
       <path
          class="ColorScheme-Text"
          inkscape:connector-curvature="0"
          style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="m 9,3 0,4 4,0 C 13,4.784 11.216,3 9,3 Z"
+         d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"
          id="path4298" />
       <path
          id="path4300"
-         d="m 9,3 0,4 4,0 C 13,4.784 11.216,3 9,3 Z"
+         d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"
          style="opacity:0.2;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          inkscape:connector-curvature="0"
          class="ColorScheme-ViewBackground" />
     </g>
     <g
        inkscape:label="#slider-bottomright-2"
-       transform="matrix(0.75,0,0,0.75,33.250001,40.250001)"
+       transform="matrix(0.75,0,0,0.75,36.250001,51.250001)"
        id="background-horizontal-bottomright">
       <rect
          transform="matrix(1.3333333,0,0,1.3333333,-44.333333,-24.333333)"
          y="31"
          x="40"
-         height="4"
-         width="4"
+         height="7"
+         width="7"
          id="rect4304"
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none" />
       <path
          class="ColorScheme-Text"
          id="path4306"
-         d="m 9,21 0,-4 4,0 c 0,2.216 -1.784,4 -4,4 z"
+         d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"
          style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          inkscape:connector-curvature="0" />
       <path
          inkscape:connector-curvature="0"
          style="opacity:0.2;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="m 9,21 0,-4 4,0 c 0,2.216 -1.784,4 -4,4 z"
+         d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"
          id="path4308"
          class="ColorScheme-ViewBackground" />
     </g>
     <g
-       transform="matrix(-0.75,0,0,1,43.750001,35.000001)"
+       transform="matrix(-0.75,0,0,1,46.750001,46)"
        id="background-horizontal-left">
       <path
          class="ColorScheme-Text"
          inkscape:connector-curvature="0"
          id="path4312"
-         d="M 9,7 9,17 13,17 13,7 9,7 Z"
+         d="m 9,7 v 10 h 4 V 7 Z"
          style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none" />
       <rect
          transform="matrix(-1.3333333,0,0,1,58.333333,-13)"
          y="20"
-         x="33"
+         x="30"
          height="10"
-         width="1"
+         width="4"
          id="rect4314"
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none" />
       <path
          style="opacity:0.2;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="M 9,7 9,17 13,17 13,7 9,7 Z"
+         d="m 9,7 v 10 h 4 V 7 Z"
          id="path4316"
          inkscape:connector-curvature="0"
          class="ColorScheme-ViewBackground" />
     </g>
     <g
        inkscape:label="#slider-topleft-8"
-       transform="matrix(-0.75,0,0,0.75,43.750001,35.750001)"
+       transform="matrix(-0.75,0,0,0.75,46.750001,46.750001)"
        id="background-horizontal-topleft">
       <rect
          transform="matrix(-1.3333333,0,0,1.3333333,58.333333,-18.333333)"
-         y="15"
-         x="33"
-         height="4"
-         width="4"
+         y="12"
+         x="30"
+         height="7"
+         width="7"
          id="rect4320"
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none" />
       <path
          class="ColorScheme-Text"
          inkscape:connector-curvature="0"
          id="path4322"
-         d="m 9,3 0,4 4,0 C 13,4.784 11.216,3 9,3 Z"
+         d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"
          style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none" />
       <path
          style="opacity:0.2;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="m 9,3 0,4 4,0 C 13,4.784 11.216,3 9,3 Z"
+         d="m 9,3 v 4 h 4 C 13,4.784 11.216,3 9,3 Z"
          id="path4324"
          inkscape:connector-curvature="0"
          class="ColorScheme-ViewBackground" />
     </g>
     <g
        inkscape:label="#slider-bottomleft-2"
-       transform="matrix(-0.75,0,0,0.75,43.750001,40.250001)"
+       transform="matrix(-0.75,0,0,0.75,46.750001,51.250001)"
        id="background-horizontal-bottomleft">
       <rect
          transform="matrix(-1.3333333,0,0,1.3333333,58.333333,-24.333333)"
          y="31"
-         x="33"
-         height="4"
-         width="4"
+         x="30"
+         height="7"
+         width="7"
          id="rect4328"
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none" />
       <path
          class="ColorScheme-Text"
          inkscape:connector-curvature="0"
          style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="m 9,21 0,-4 4,0 c 0,2.216 -1.784,4 -4,4 z"
+         d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"
          id="path4330" />
       <path
          id="path4332"
-         d="m 9,21 0,-4 4,0 c 0,2.216 -1.784,4 -4,4 z"
+         d="m 9,21 v -4 h 4 c 0,2.216 -1.784,4 -4,4 z"
          style="opacity:0.2;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          inkscape:connector-curvature="0"
          class="ColorScheme-ViewBackground" />
     </g>
     <g
        inkscape:label="#slider-top-0"
        id="background-horizontal-top"
-       transform="matrix(0,-0.75,-0.1,0,39.700001,47.750001)">
+       transform="matrix(0,-0.75,-0.1,0,42.700001,58.750001)">
       <rect
          transform="matrix(0,-10,-1.3333333,0,34.333333,397)"
-         y="15"
+         y="12"
          x="38"
-         height="4"
+         height="7"
          width="1"
          id="rect4336"
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none" />
       <path
          class="ColorScheme-Text"
          style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="M 9,7 9,17 13,17 13,7 9,7 Z"
+         d="m 9,7 v 10 h 4 V 7 Z"
          id="path4338"
          inkscape:connector-curvature="0" />
       <path
          inkscape:connector-curvature="0"
          id="path4340"
-         d="M 9,7 9,17 13,17 13,7 9,7 Z"
+         d="m 9,7 v 10 h 4 V 7 Z"
          style="opacity:0.2;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          class="ColorScheme-ViewBackground" />
     </g>
     <g
        inkscape:label="#slider-bottom-2"
-       transform="matrix(0,0.75,-0.1,0,39.700001,46.250001)"
+       transform="matrix(0,0.75,-0.1,0,42.700001,57.250001)"
        id="background-horizontal-bottom">
       <rect
          transform="matrix(0,-10,1.3333333,0,-32.333333,397)"
          y="31"
          x="38"
-         height="4"
+         height="7"
          width="1"
          id="rect4344"
          style="opacity:0.01000001;fill:#e4e6e8;fill-opacity:1;stroke:none" />
       <path
          class="ColorScheme-Text"
          inkscape:connector-curvature="0"
          id="path4346"
-         d="M 9,7 9,17 13,17 13,7 9,7 Z"
+         d="m 9,7 v 10 h 4 V 7 Z"
          style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none" />
       <path
          style="opacity:0.2;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
-         d="M 9,7 9,17 13,17 13,7 9,7 Z"
+         d="m 9,7 v 10 h 4 V 7 Z"
          id="path4348"
          inkscape:connector-curvature="0"
          class="ColorScheme-ViewBackground" />
     </g>
     <g
        id="background-horizontal-center"
-       transform="translate(9.35e-7,22.000001)">
+       transform="translate(3,33)">
       <rect
          style="opacity:0.4;fill:currentColor;fill-opacity:1;fill-rule:evenodd;stroke:none"
          id="rect4352"