diff --git a/plasma/desktoptheme/Arc-Color/icons/edit.svg b/plasma/desktoptheme/Arc-Color/icons/edit.svg
index c4431f5..63aa27c 100644
--- a/plasma/desktoptheme/Arc-Color/icons/edit.svg
+++ b/plasma/desktoptheme/Arc-Color/icons/edit.svg
@@ -4,14 +4,12 @@
    .ColorScheme-Background {color:#2f343f; } .ColorScheme-ButtonBackground { color:#444a58; } .ColorScheme-Highlight { color:#5294e2; } .ColorScheme-Text { color:#d3dae3; } .ColorScheme-NegativeText { color:#f44336; } .ColorScheme-PositiveText { color:#4caf50; } .ColorScheme-NeutralText { color:#ff9800; }
   </style>
  </defs>
- <g id="22-22-edit-delete" transform="translate(32.000001,10.000001)">
-  <rect style="opacity:0.001" width="22" height="22" x="0" y="0"/>
-  <g transform="translate(-445.0004,125.00336)">
-   <path style="fill:currentColor" class="ColorScheme-Text" d="m 461.65725,-119.66021 a 8,8 0 0 0 -11.3137,0 8,8 0 0 0 0,11.3137 8,8 0 0 0 11.3137,0 8,8 0 0 0 0,-11.3137 z m -1.22362,3.34494 a 5,5 0 0 1 -0.8977,5.84744 5,5 0 0 1 -5.84329,0.89355 z m -2.12547,-2.11717 -6.74099,6.74099 a 5,5 0 0 1 0.8977,-5.84744 5,5 0 0 1 5.84329,-0.89355 z"/>
-  </g>
+ <g id="22-22-edit-delete" transform="translate(-3.8146973e-6,-32)">
+  <rect style="opacity:0.001" width="22" height="22" x="32" y="42"/>
+  <path style="fill:currentColor" class="ColorScheme-Text" d="m 42,46.000004 c -1,0 -1,1 -1,1 h -3 c 0,0 -1,0 -1,1 v 1 h 13 v -1 c 0,-1 -1,-1 -1,-1 h -3 c 0,0 0,-1 -1,-1 z m -4,4 v 9 c 0,0.52 0.48,1 1,1 h 9 c 0.52,0 1,-0.48 1,-1 v -9 z m 2,2 h 0.90625 c 0.283364,0 0.535646,0.09445 0.681641,0.222656 L 43.5,53.890629 45.412109,52.22266 c 0.145996,-0.128203 0.398276,-0.222656 0.681641,-0.222656 H 47 v 0.736328 c 0,0.201239 -0.08178,0.384741 -0.228516,0.513672 l -2.001953,1.75 2.001953,1.75 c 0.127119,0.111628 0.191946,0.29569 0.228516,0.5625 v 0.6875 h -0.90625 c -0.283365,0 -0.535645,-0.09445 -0.681641,-0.222656 L 43.5,56.099613 41.587891,57.777348 c -0.145995,0.128207 -0.398277,0.222656 -0.681641,0.222656 H 40 v -0.736328 c 0,-0.201239 0.08192,-0.384938 0.228516,-0.513672 l 2.001953,-1.75 -2.001953,-1.75 C 40.081486,53.120676 40,52.937571 40,52.736332 Z"/>
  </g>
- <g id="edit-delete">
-  <rect style="opacity:0.001" width="32" height="32" x="0" y="0"/>
-  <path style="fill:currentColor" class="ColorScheme-Text" d="M 15.824219 4.0019531 A 12.000013 12.000013 0 0 0 7.515625 7.515625 A 12.000013 12.000013 0 0 0 7.515625 24.484375 A 12.000013 12.000013 0 0 0 24.484375 24.484375 A 12.000013 12.000013 0 0 0 24.484375 7.515625 A 12.000013 12.000013 0 0 0 15.824219 4.0019531 z M 16.119141 8.0078125 A 7.9999018 7.9999018 0 0 1 19.691406 8.9121094 L 8.90625 19.699219 A 7.9999018 7.9999018 0 0 1 10.34375 10.34375 A 7.9999018 7.9999018 0 0 1 16.119141 8.0078125 z M 23.09375 12.298828 A 7.9999018 7.9999018 0 0 1 21.65625 21.65625 A 7.9999018 7.9999018 0 0 1 12.308594 23.087891 L 23.09375 12.298828 z"/>
+ <g id="edit-delete" transform="translate(0,-32)">
+  <rect style="opacity:0.001" width="32" height="32" x="0" y="32"/>
+  <path style="fill:currentColor" class="ColorScheme-Text" d="M 13.460938,36 C 11.76863,36 12,38 12,38 H 6.6914062 C 6.6914062,38 5,37.966149 5,39.632812 V 41 H 27 V 39.632812 C 27,37.966147 25.308594,38 25.308594,38 H 20 c 0,0 0.231369,-2 -1.460938,-2 z M 7,43 V 58.300781 C 7,59.184781 7.7858102,60 8.6367188,60 H 23.363281 C 24.214189,60 25,59.184781 25,58.300781 V 43 Z m 3,3 h 1.552734 c 0.485766,0 0.919645,0.17316 1.169922,0.408203 L 16,49.466797 19.277344,46.408203 C 19.527623,46.173165 19.961497,46 20.447266,46 H 22 v 1.349609 c 0,0.368938 -0.14103,0.705035 -0.392578,0.941407 L 18.175781,51.5 21.607422,54.708984 C 21.82534,54.913635 21.937309,55.251082 22,55.740234 V 57 h -1.552734 c -0.485769,0 -0.919643,-0.17316 -1.169922,-0.408203 L 16,53.515625 12.722656,56.591797 C 12.472379,56.826842 12.0385,57 11.552734,57 H 10 v -1.349609 c 0,-0.368938 0.14127,-0.705395 0.392578,-0.941407 L 13.824219,51.5 10.392578,48.291016 C 10.140526,48.053916 10,47.718547 10,47.349609 Z"/>
  </g>
 </svg>
diff --git a/plasma/desktoptheme/Arc-Color/icons/media.svg b/plasma/desktoptheme/Arc-Color/icons/media.svg
index f2fbebb..399b373 100644
--- a/plasma/desktoptheme/Arc-Color/icons/media.svg
+++ b/plasma/desktoptheme/Arc-Color/icons/media.svg
@@ -41,16 +41,16 @@
   <path style="fill:currentColor" class="ColorScheme-Text" d="m 6,1035.3622 v 12 l 11,-6 -9.8992,-5.3996 z"/>
  </g>
  <g id="22-22-media-playback-stopped" transform="translate(32,-1074.36)">
-  <rect width="22" height="22" x="0" y="1030.36" style="opacity:0.001"/>
-  <path d="m 5,1035.3622 v 12 h 12 v -12 z" style="fill:currentColor" class="ColorScheme-Text"/>
+  <rect style="opacity:0.001" width="22" height="22" x="0" y="1030.36"/>
+  <path style="fill:currentColor" class="ColorScheme-Text" d="m 5,1035.3622 v 12 h 12 v -12 z"/>
  </g>
  <g id="22-22-media-playback-paused" transform="translate(64.000001,-1074.36)">
-  <rect width="22" height="22" x="0" y="1030.36" style="opacity:0.001"/>
-  <path d="m 5,1035.3622 v 12 h 4 v -12 z m 8,0 v 12 h 4 v -12 z" style="fill:currentColor" class="ColorScheme-Text"/>
+  <rect style="opacity:0.001" width="22" height="22" x="0" y="1030.36"/>
+  <path style="fill:currentColor" class="ColorScheme-Text" d="m 5,1035.3622 v 12 h 4 v -12 z m 8,0 v 12 h 4 v -12 z"/>
  </g>
  <g id="22-22-media-playback-playing" transform="translate(0,-1074.36)">
-  <rect width="22" height="22" x="0" y="1030.36" style="opacity:0.001"/>
-  <path d="m 6,1035.3622 v 12 l 11,-6 -9.8992,-5.3996 z" style="fill:currentColor" class="ColorScheme-Text"/>
+  <rect style="opacity:0.001" width="22" height="22" x="0" y="1030.36"/>
+  <path style="fill:currentColor" class="ColorScheme-Text" d="m 6,1035.3622 v 12 l 11,-6 -9.8992,-5.3996 z"/>
  </g>
  <g id="media-record" transform="matrix(1.4545455,0,0,1.4545455,256,-1498.7055)">
   <rect style="opacity:0.001" width="22" height="22" x="0" y="1030.36"/>
@@ -77,8 +77,8 @@
   <path style="fill:currentColor" class="ColorScheme-Text" d="m 7,7 v 18 h 6 V 7 Z m 12,0 v 18 h 6 V 7 Z"/>
  </g>
  <g id="media-playback-start" transform="translate(5e-7,1.9926818e-5)">
-  <rect width="32" height="32" x="0" y="0" style="opacity:0.001"/>
-  <path d="M 9,7 V 25 L 25,16 10.601163,7.9006 Z" style="fill:currentColor" class="ColorScheme-Text"/>
+  <rect style="opacity:0.001" width="32" height="32" x="0" y="0"/>
+  <path style="fill:currentColor" class="ColorScheme-Text" d="M 9,7 V 25 L 25,16 10.601163,7.9006 Z"/>
  </g>
  <g id="media-skip-backward" transform="matrix(-1,0,0,1,160,0)">
   <rect style="opacity:0.001" width="32" height="32" x="0" y="0"/>
@@ -97,7 +97,15 @@
   <path style="fill:currentColor" class="ColorScheme-Text" d="m 7,7 v 18 h 6 V 7 Z m 12,0 v 18 h 6 V 7 Z"/>
  </g>
  <g id="media-playback-playing" transform="translate(5e-7,32.000021)">
-  <rect width="32" height="32" x="0" y="0" style="opacity:0.001"/>
-  <path d="M 9,7 V 25 L 25,16 10.601163,7.9006 Z" style="fill:currentColor" class="ColorScheme-Text"/>
+  <rect style="opacity:0.001" width="32" height="32" x="0" y="0"/>
+  <path style="fill:currentColor" class="ColorScheme-Text" d="M 9,7 V 25 L 25,16 10.601163,7.9006 Z"/>
+ </g>
+ <g id="media-playlist-repeat">
+  <path style="opacity:0.001" d="m 320,-1.99e-5 h 32 V 31.99998 h -32 z"/>
+  <path style="fill:currentColor" class="ColorScheme-Text" d="M 331,5.9999801 V 9 h -2.85715 C 325,9 325,12 325,12 v 9.00001 c 0,0 0,2.99998 3.14285,2.99998 h 15.7143 C 347,23.99999 347,21.00001 347,21.00001 V 12 c 0,0 0,-3 -3.14285,-3 H 341 v 3 h 3 v 9.00001 H 328 V 12 h 3 v 3 l 6.57143,-4.5 z"/>
+ </g>
+ <g id="media-playlist-shuffle">
+  <path style="opacity:0.001" d="m 288,-1.99e-5 h 32 V 31.99998 h -32 z"/>
+  <path style="fill:currentColor" class="ColorScheme-Text" d="m 294,9 v 3 h 6.42857 l 1.42857,2.571408 L 303.28571,12 301.85714,9 Z m 14,8.428551 V 20 h -0.42857 L 306.14286,17.428551 304.71429,20 l 1.42857,3 H 308 v 2.99998 l 6,-4.285714 z M 308,5.9999801 V 9 h -1.85714 l -5.71429,11 H 294 v 3 h 7.85714 l 5.71429,-11 H 308 v 2.571408 l 6,-4.285714 z"/>
  </g>
 </svg>
diff --git a/plasma/desktoptheme/Arc-Color/metadata.desktop b/plasma/desktoptheme/Arc-Color/metadata.desktop
index 8c2efef..034f47d 100644
--- a/plasma/desktoptheme/Arc-Color/metadata.desktop
+++ b/plasma/desktoptheme/Arc-Color/metadata.desktop
@@ -4,7 +4,7 @@ Name=Arc Color
 X-KDE-PluginInfo-Author=Alexey Varfolomeev
 X-KDE-PluginInfo-Email=varlesh@gmail.com
 X-KDE-PluginInfo-Name=Arc-Color
-X-KDE-PluginInfo-Version=20220612
+X-KDE-PluginInfo-Version=20220706
 X-KDE-PluginInfo-Website=
 X-KDE-PluginInfo-Category=
 X-KDE-PluginInfo-Depends=
diff --git a/plasma/desktoptheme/Arc-Color/widgets/slider.svg b/plasma/desktoptheme/Arc-Color/widgets/slider.svg
index c3b0dca..962f081 100644
--- a/plasma/desktoptheme/Arc-Color/widgets/slider.svg
+++ b/plasma/desktoptheme/Arc-Color/widgets/slider.svg
@@ -4,57 +4,94 @@
    .ColorScheme-Background {color:#2f343f; } .ColorScheme-ButtonBackground { color:#444a58; } .ColorScheme-Highlight { color:#5294e2; } .ColorScheme-Text { color:#d3dae3; } .ColorScheme-NegativeText { color:#f44336; } .ColorScheme-PositiveText { color:#4caf50; } .ColorScheme-NeutralText { color:#ff9800; }
   </style>
  </defs>
- <path id="groove-top" d="m 10,7 0,3 3,0 0,-3 -3,0 z" style="opacity:0.2"/>
- <path id="groove-topleft" d="M 9,7 C 7.31784,7 6,8.31784 6,10 l 3,0 z" style="opacity:0.2"/>
- <rect id="hint-tile-center" width="2.033" height="2.077" x="2.26" y="4.66" rx="0" ry="2.077" style="fill:#4e9a06"/>
- <path id="groove-topright" d="M 17,10 C 17,8.31784 15.68216,7 14,7 l 0,3 z" style="opacity:0.2"/>
- <path id="groove-bottom" d="m 10,18 0,-3 3,0 0,3 -3,0 z" style="opacity:0.2"/>
- <path id="groove-bottomleft" d="M 9,18 C 7.31784,18 6,16.68216 6,15 l 3,0 z" style="opacity:0.2"/>
- <path id="groove-bottomright" d="m 17,15 c 0,1.68216 -1.31784,3 -3,3 l 0,-3 z" style="opacity:0.2"/>
- <path id="groove-center" d="m 10,11 0,3 3,0 0,-3 -3,0 z" style="opacity:0.2"/>
- <path id="groove-left" d="m 6,11 0,3 3,0 0,-3 -3,0 z" style="opacity:0.2"/>
- <path id="groove-right" d="m 14,11 0,3 3,0 0,-3 -3,0 z" style="opacity:0.2"/>
- <path id="groove-highlight-top" d="m 28,7 0,3 3,0 0,-3 -3,0 z" style="fill:currentColor" class="ColorScheme-Highlight"/>
- <path id="groove-highlight-topleft" d="m 27,7 c -1.68216,0 -3,1.31784 -3,3 l 3,0 z" style="fill:currentColor" class="ColorScheme-Highlight"/>
- <path id="groove-highlight-topright" d="M 35,10 C 35,8.31784 33.68216,7 32,7 l 0,3 z" style="fill:currentColor" class="ColorScheme-Highlight"/>
- <path id="groove-highlight-bottom" d="m 28,18 0,-3 3,0 0,3 -3,0 z" style="fill:currentColor" class="ColorScheme-Highlight"/>
- <path id="groove-highlight-bottomleft" d="m 27,18 c -1.68216,0 -3,-1.31784 -3,-3 l 3,0 z" style="fill:currentColor" class="ColorScheme-Highlight"/>
- <path id="groove-highlight-bottomright" d="m 35,15 c 0,1.68216 -1.31784,3 -3,3 l 0,-3 z" style="fill:currentColor" class="ColorScheme-Highlight"/>
- <path id="groove-highlight-center" d="m 28,11 0,3 3,0 0,-3 -3,0 z" style="fill:currentColor" class="ColorScheme-Highlight"/>
- <path id="groove-highlight-left" d="m 24,11 0,3 3,0 0,-3 -3,0 z" style="fill:currentColor" class="ColorScheme-Highlight"/>
- <path id="groove-highlight-right" d="m 32,11 0,3 3,0 0,-3 -3,0 z" style="fill:currentColor" class="ColorScheme-Highlight"/>
+ <path id="groove-top" style="opacity:0.2" d="m 10,7 0,3 3,0 0,-3 -3,0 z"/>
+ <rect id="hint-tile-center" style="fill:#4e9a06" width="2.033" height="2.077" x="2.26" y="4.66" rx="0" ry="2.077"/>
+ <path id="groove-bottom" style="opacity:0.2" d="m 10,18 0,-3 3,0 0,3 -3,0 z"/>
+ <path id="groove-center" style="opacity:0.2" d="m 10,11 0,3 3,0 0,-3 -3,0 z"/>
+ <path id="groove-highlight-top" style="fill:currentColor" class="ColorScheme-Highlight" d="m 28,7 0,3 3,0 0,-3 -3,0 z"/>
+ <path id="groove-highlight-bottom" style="fill:currentColor" class="ColorScheme-Highlight" d="m 28,18 0,-3 3,0 0,3 -3,0 z"/>
+ <path id="groove-highlight-center" style="fill:currentColor" class="ColorScheme-Highlight" d="m 28,11 0,3 3,0 0,-3 -3,0 z"/>
  <g id="horizontal-slider-handle" transform="matrix(1.2,0,0,1.2,-2.2,63.2)">
-  <rect width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" style="opacity:0.001"/>
-  <path transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)" d="m 18,40 a 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 4,4 0 0 1 4,4 z" style="opacity:0.2"/>
-  <path transform="matrix(1.875,0,0,1.875,-10.25,-36)" d="m 18,40 a 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 4,4 0 0 1 4,4 z" style="fill:currentColor" class="ColorScheme-ButtonBackground"/>
+  <path style="opacity:0.001" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" d="M 16,44 H 36 V 64 H 16 Z"/>
+  <path style="opacity:0.2" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)" d="m 18,40 a 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 4,4 0 0 1 4,4 z"/>
+  <path style="fill:currentColor" class="ColorScheme-ButtonBackground" transform="matrix(1.875,0,0,1.875,-10.25,-36)" d="m 18,40 a 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 4,4 0 0 1 4,4 z"/>
  </g>
  <g id="vertical-slider-handle" transform="matrix(1.2,0,0,1.2,-2.2,27.2)">
-  <rect width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" style="opacity:0.001"/>
-  <path transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)" d="m 18,40 a 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 4,4 0 0 1 4,4 z" style="opacity:0.2"/>
-  <path transform="matrix(1.875,0,0,1.875,-10.25,-36)" d="m 18,40 a 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 4,4 0 0 1 4,4 z" style="fill:currentColor" class="ColorScheme-ButtonBackground"/>
+  <path style="opacity:0.001" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" d="M 16,44 H 36 V 64 H 16 Z"/>
+  <path style="opacity:0.2" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)" d="m 18,40 a 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 4,4 0 0 1 4,4 z"/>
+  <path style="fill:currentColor" class="ColorScheme-ButtonBackground" transform="matrix(1.875,0,0,1.875,-10.25,-36)" d="m 18,40 a 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 4,4 0 0 1 4,4 z"/>
  </g>
  <g id="horizontal-slider-shadow" style="opacity:0.01">
-  <rect width="24" height="24" x="96" y="98" style="opacity:0.001"/>
+  <path style="opacity:0.001" d="m 98,100 h 20 v 20 H 98 Z"/>
  </g>
- <g id="vertical-slider-shadow" transform="translate(3,-36)" style="opacity:0.01">
-  <rect width="24" height="24" x="96" y="98" style="opacity:0.001"/>
+ <g id="vertical-slider-shadow" style="opacity:0.01" transform="translate(3,-36)">
+  <path style="opacity:0.001" d="m 98,100 h 20 v 20 H 98 Z"/>
  </g>
  <g id="horizontal-slider-hover" transform="matrix(1.2,0,0,1.2,27.8,63.2)">
-  <rect width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" style="opacity:0.001"/>
-  <circle cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)" style="opacity:0.2"/>
-  <circle cx="14" cy="40" r="4" transform="matrix(1.875,0,0,1.875,-10.25,-36)" style="fill:currentColor" class="ColorScheme-ButtonBackground"/>
+  <path style="opacity:0.001" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" d="M 16,44 H 36 V 64 H 16 Z"/>
+  <circle style="opacity:0.2" cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)"/>
+  <circle style="fill:currentColor" class="ColorScheme-ButtonBackground" cx="14" cy="40" r="4" transform="matrix(1.875,0,0,1.875,-10.25,-36)"/>
  </g>
  <g id="vertical-slider-hover" transform="matrix(1.2,0,0,1.2,27.8,27.2)">
-  <rect width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" style="opacity:0.001"/>
-  <circle cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)" style="opacity:0.2"/>
-  <circle cx="14" cy="40" r="4" transform="matrix(1.875,0,0,1.875,-10.25,-36)" style="fill:currentColor" class="ColorScheme-ButtonBackground"/>
+  <path style="opacity:0.001" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" d="M 16,44 H 36 V 64 H 16 Z"/>
+  <circle style="opacity:0.2" cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)"/>
+  <circle style="fill:currentColor" class="ColorScheme-ButtonBackground" cx="14" cy="40" r="4" transform="matrix(1.875,0,0,1.875,-10.25,-36)"/>
  </g>
  <g id="horizontal-slider-focus" transform="matrix(1.2,0,0,1.2,57.8,63.2)">
-  <rect width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" style="opacity:0.001"/>
-  <circle cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)" style="fill:currentColor" class="ColorScheme-Highlight"/>
+  <path style="opacity:0.001" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" d="M 16,44 H 36 V 64 H 16 Z"/>
+  <circle style="fill:currentColor" class="ColorScheme-Highlight" cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)"/>
  </g>
  <g id="vertical-slider-focus" transform="matrix(1.2,0,0,1.2,57.8,27.2)">
-  <rect width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" style="opacity:0.001"/>
-  <circle cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)" style="fill:currentColor" class="ColorScheme-Highlight"/>
+  <path style="opacity:0.001" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" d="M 16,44 H 36 V 64 H 16 Z"/>
+  <circle style="fill:currentColor" class="ColorScheme-Highlight" cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)"/>
+ </g>
+ <circle id="hint-size" style="fill:#ff0000" cx="87" cy="16" r="10"/>
+ <g id="groove-topleft" transform="translate(0,14)">
+  <path style="opacity:0.001" d="M 5.6,-7 H 6 v 3 H 5.6 Z"/>
+  <path style="opacity:0.2" d="M 9,-7 C 7.31784,-7 6,-5.68216 6,-4 H 9 Z"/>
+ </g>
+ <g id="groove-left" transform="translate(0,14)">
+  <path style="opacity:0.2" d="M 6,-3 V 0 H 9 V -3 Z"/>
+  <path style="opacity:0.001" d="M 5.6,-3 H 6 V 0 H 5.6 Z"/>
+ </g>
+ <g id="groove-bottomleft" transform="translate(0,14)">
+  <path style="opacity:0.2" d="M 9,4 C 7.31784,4 6,2.68216 6,1 h 3 z"/>
+  <path style="opacity:0.001" d="M 5.6,1 H 6 V 4 H 5.6 Z"/>
+ </g>
+ <g id="groove-topright" transform="translate(0,14)">
+  <path style="opacity:0.2" d="m 17,-4 c 0,-1.68216 -1.31784,-3 -3,-3 v 3 z"/>
+  <path style="opacity:0.001" d="m 17,-7 h 0.4 v 3 H 17 Z"/>
+ </g>
+ <g id="groove-right" transform="translate(0,14)">
+  <path style="opacity:0.2" d="m 14,-3 v 3 h 3 v -3 z"/>
+  <path style="opacity:0.001" d="m 17,-3 h 0.4 V 0 H 17 Z"/>
+ </g>
+ <g id="groove-bottomright" transform="translate(0,14)">
+  <path style="opacity:0.2" d="m 17,1 c 0,1.68216 -1.31784,3 -3,3 V 1 Z"/>
+  <path style="opacity:0.001" d="m 17,1 h 0.4 V 4 H 17 Z"/>
+ </g>
+ <g id="groove-highlight-topleft" transform="translate(0,14)">
+  <path style="fill:currentColor" class="ColorScheme-Highlight" d="m 27,-7 c -1.68216,0 -3,1.31784 -3,3 h 3 z"/>
+  <path style="opacity:0.001" d="M 23.6,-7 H 24 v 3 h -0.4 z"/>
+ </g>
+ <g id="groove-highlight-left" transform="translate(0,14)">
+  <path style="fill:currentColor" class="ColorScheme-Highlight" d="m 24,-3 v 3 h 3 v -3 z"/>
+  <path style="opacity:0.001" d="M 23.6,-3 H 24 v 3 h -0.4 z"/>
+ </g>
+ <g id="groove-highlight-bottomleft" transform="translate(0,14)">
+  <path style="fill:currentColor" class="ColorScheme-Highlight" d="M 27,4 C 25.31784,4 24,2.68216 24,1 h 3 z"/>
+  <path style="opacity:0.001" d="M 23.6,1 H 24 v 3 h -0.4 z"/>
+ </g>
+ <g id="groove-highlight-topright" transform="translate(0,14)">
+  <path style="fill:currentColor" class="ColorScheme-Highlight" d="m 35,-4 c 0,-1.68216 -1.31784,-3 -3,-3 v 3 z"/>
+  <path style="opacity:0.001" d="m 35,-7 h 0.4 v 3 H 35 Z"/>
+ </g>
+ <g id="groove-highlight-right" transform="translate(0,14)">
+  <path style="fill:currentColor" class="ColorScheme-Highlight" d="m 32,-3 v 3 h 3 v -3 z"/>
+  <path style="opacity:0.001" d="m 35,-3 h 0.4 V 0 H 35 Z"/>
+ </g>
+ <g id="groove-highlight-bottomright" transform="translate(0,14)">
+  <path style="fill:currentColor" class="ColorScheme-Highlight" d="m 35,1 c 0,1.68216 -1.31784,3 -3,3 V 1 Z"/>
+  <path style="opacity:0.001" d="m 35,1 h 0.4 V 4 H 35 Z"/>
  </g>
 </svg>
diff --git a/plasma/desktoptheme/Arc-Dark/icons/edit.svg b/plasma/desktoptheme/Arc-Dark/icons/edit.svg
index ec08885..b62040f 100644
--- a/plasma/desktoptheme/Arc-Dark/icons/edit.svg
+++ b/plasma/desktoptheme/Arc-Dark/icons/edit.svg
@@ -1,12 +1,10 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" version="1.1">
- <g id="22-22-edit-delete" transform="translate(32.000001,10.000001)">
-  <rect style="opacity:0.001" width="22" height="22" x="0" y="0"/>
-  <g transform="translate(-445.0004,125.00336)">
-   <path style="fill:#d3dae3" d="m 461.65725,-119.66021 a 8,8 0 0 0 -11.3137,0 8,8 0 0 0 0,11.3137 8,8 0 0 0 11.3137,0 8,8 0 0 0 0,-11.3137 z m -1.22362,3.34494 a 5,5 0 0 1 -0.8977,5.84744 5,5 0 0 1 -5.84329,0.89355 z m -2.12547,-2.11717 -6.74099,6.74099 a 5,5 0 0 1 0.8977,-5.84744 5,5 0 0 1 5.84329,-0.89355 z"/>
-  </g>
+ <g id="22-22-edit-delete" transform="translate(-3.8146973e-6,-32)">
+  <rect style="opacity:0.001" width="22" height="22" x="32" y="42"/>
+  <path style="fill:#d3dae3" d="m 42,46.000004 c -1,0 -1,1 -1,1 h -3 c 0,0 -1,0 -1,1 v 1 h 13 v -1 c 0,-1 -1,-1 -1,-1 h -3 c 0,0 0,-1 -1,-1 z m -4,4 v 9 c 0,0.52 0.48,1 1,1 h 9 c 0.52,0 1,-0.48 1,-1 v -9 z m 2,2 h 0.90625 c 0.283364,0 0.535646,0.09445 0.681641,0.222656 L 43.5,53.890629 45.412109,52.22266 c 0.145996,-0.128203 0.398276,-0.222656 0.681641,-0.222656 H 47 v 0.736328 c 0,0.201239 -0.08178,0.384741 -0.228516,0.513672 l -2.001953,1.75 2.001953,1.75 c 0.127119,0.111628 0.191946,0.29569 0.228516,0.5625 v 0.6875 h -0.90625 c -0.283365,0 -0.535645,-0.09445 -0.681641,-0.222656 L 43.5,56.099613 41.587891,57.777348 c -0.145995,0.128207 -0.398277,0.222656 -0.681641,0.222656 H 40 v -0.736328 c 0,-0.201239 0.08192,-0.384938 0.228516,-0.513672 l 2.001953,-1.75 -2.001953,-1.75 C 40.081486,53.120676 40,52.937571 40,52.736332 Z"/>
  </g>
- <g id="edit-delete">
-  <rect style="opacity:0.001" width="32" height="32" x="0" y="0"/>
-  <path style="fill:#d3dae3" d="M 15.824219 4.0019531 A 12.000013 12.000013 0 0 0 7.515625 7.515625 A 12.000013 12.000013 0 0 0 7.515625 24.484375 A 12.000013 12.000013 0 0 0 24.484375 24.484375 A 12.000013 12.000013 0 0 0 24.484375 7.515625 A 12.000013 12.000013 0 0 0 15.824219 4.0019531 z M 16.119141 8.0078125 A 7.9999018 7.9999018 0 0 1 19.691406 8.9121094 L 8.90625 19.699219 A 7.9999018 7.9999018 0 0 1 10.34375 10.34375 A 7.9999018 7.9999018 0 0 1 16.119141 8.0078125 z M 23.09375 12.298828 A 7.9999018 7.9999018 0 0 1 21.65625 21.65625 A 7.9999018 7.9999018 0 0 1 12.308594 23.087891 L 23.09375 12.298828 z"/>
+ <g id="edit-delete" transform="translate(0,-32)">
+  <rect style="opacity:0.001" width="32" height="32" x="0" y="32"/>
+  <path style="fill:#d3dae3" d="M 13.460938,36 C 11.76863,36 12,38 12,38 H 6.6914062 C 6.6914062,38 5,37.966149 5,39.632812 V 41 H 27 V 39.632812 C 27,37.966147 25.308594,38 25.308594,38 H 20 c 0,0 0.231369,-2 -1.460938,-2 z M 7,43 V 58.300781 C 7,59.184781 7.7858102,60 8.6367188,60 H 23.363281 C 24.214189,60 25,59.184781 25,58.300781 V 43 Z m 3,3 h 1.552734 c 0.485766,0 0.919645,0.17316 1.169922,0.408203 L 16,49.466797 19.277344,46.408203 C 19.527623,46.173165 19.961497,46 20.447266,46 H 22 v 1.349609 c 0,0.368938 -0.14103,0.705035 -0.392578,0.941407 L 18.175781,51.5 21.607422,54.708984 C 21.82534,54.913635 21.937309,55.251082 22,55.740234 V 57 h -1.552734 c -0.485769,0 -0.919643,-0.17316 -1.169922,-0.408203 L 16,53.515625 12.722656,56.591797 C 12.472379,56.826842 12.0385,57 11.552734,57 H 10 v -1.349609 c 0,-0.368938 0.14127,-0.705395 0.392578,-0.941407 L 13.824219,51.5 10.392578,48.291016 C 10.140526,48.053916 10,47.718547 10,47.349609 Z"/>
  </g>
 </svg>
diff --git a/plasma/desktoptheme/Arc-Dark/icons/media.svg b/plasma/desktoptheme/Arc-Dark/icons/media.svg
index 8aed875..1ed0418 100644
--- a/plasma/desktoptheme/Arc-Dark/icons/media.svg
+++ b/plasma/desktoptheme/Arc-Dark/icons/media.svg
@@ -36,16 +36,16 @@
   <path style="fill:#d3dae3" d="m 6,1035.3622 v 12 l 11,-6 -9.8992,-5.3996 z"/>
  </g>
  <g id="22-22-media-playback-stopped" transform="translate(32,-1074.36)">
-  <rect width="22" height="22" x="0" y="1030.36" style="opacity:0.001"/>
-  <path d="m 5,1035.3622 v 12 h 12 v -12 z" style="fill:#d3dae3"/>
+  <rect style="opacity:0.001" width="22" height="22" x="0" y="1030.36"/>
+  <path style="fill:#d3dae3" d="m 5,1035.3622 v 12 h 12 v -12 z"/>
  </g>
  <g id="22-22-media-playback-paused" transform="translate(64.000001,-1074.36)">
-  <rect width="22" height="22" x="0" y="1030.36" style="opacity:0.001"/>
-  <path d="m 5,1035.3622 v 12 h 4 v -12 z m 8,0 v 12 h 4 v -12 z" style="fill:#d3dae3"/>
+  <rect style="opacity:0.001" width="22" height="22" x="0" y="1030.36"/>
+  <path style="fill:#d3dae3" d="m 5,1035.3622 v 12 h 4 v -12 z m 8,0 v 12 h 4 v -12 z"/>
  </g>
  <g id="22-22-media-playback-playing" transform="translate(0,-1074.36)">
-  <rect width="22" height="22" x="0" y="1030.36" style="opacity:0.001"/>
-  <path d="m 6,1035.3622 v 12 l 11,-6 -9.8992,-5.3996 z" style="fill:#d3dae3"/>
+  <rect style="opacity:0.001" width="22" height="22" x="0" y="1030.36"/>
+  <path style="fill:#d3dae3" d="m 6,1035.3622 v 12 l 11,-6 -9.8992,-5.3996 z"/>
  </g>
  <g id="media-record" transform="matrix(1.4545455,0,0,1.4545455,256,-1498.7055)">
   <rect style="opacity:0.001" width="22" height="22" x="0" y="1030.36"/>
@@ -72,8 +72,8 @@
   <path style="fill:#d3dae3" d="m 7,7 v 18 h 6 V 7 Z m 12,0 v 18 h 6 V 7 Z"/>
  </g>
  <g id="media-playback-start" transform="translate(5e-7,1.9926818e-5)">
-  <rect width="32" height="32" x="0" y="0" style="opacity:0.001"/>
-  <path d="M 9,7 V 25 L 25,16 10.601163,7.9006 Z" style="fill:#d3dae3"/>
+  <rect style="opacity:0.001" width="32" height="32" x="0" y="0"/>
+  <path style="fill:#d3dae3" d="M 9,7 V 25 L 25,16 10.601163,7.9006 Z"/>
  </g>
  <g id="media-skip-backward" transform="matrix(-1,0,0,1,160,0)">
   <rect style="opacity:0.001" width="32" height="32" x="0" y="0"/>
@@ -92,7 +92,15 @@
   <path style="fill:#d3dae3" d="m 7,7 v 18 h 6 V 7 Z m 12,0 v 18 h 6 V 7 Z"/>
  </g>
  <g id="media-playback-playing" transform="translate(5e-7,32.000021)">
-  <rect width="32" height="32" x="0" y="0" style="opacity:0.001"/>
-  <path d="M 9,7 V 25 L 25,16 10.601163,7.9006 Z" style="fill:#d3dae3"/>
+  <rect style="opacity:0.001" width="32" height="32" x="0" y="0"/>
+  <path style="fill:#d3dae3" d="M 9,7 V 25 L 25,16 10.601163,7.9006 Z"/>
+ </g>
+ <g id="media-playlist-repeat">
+  <path style="opacity:0.001" d="m 320,-1.99e-5 h 32 V 31.99998 h -32 z"/>
+  <path style="fill:#d3dae3" d="M 331,5.9999801 V 9 h -2.85715 C 325,9 325,12 325,12 v 9.00001 c 0,0 0,2.99998 3.14285,2.99998 h 15.7143 C 347,23.99999 347,21.00001 347,21.00001 V 12 c 0,0 0,-3 -3.14285,-3 H 341 v 3 h 3 v 9.00001 H 328 V 12 h 3 v 3 l 6.57143,-4.5 z"/>
+ </g>
+ <g id="media-playlist-shuffle">
+  <path style="opacity:0.001" d="m 288,-1.99e-5 h 32 V 31.99998 h -32 z"/>
+  <path style="fill:#d3dae3" d="m 294,9 v 3 h 6.42857 l 1.42857,2.571408 L 303.28571,12 301.85714,9 Z m 14,8.428551 V 20 h -0.42857 L 306.14286,17.428551 304.71429,20 l 1.42857,3 H 308 v 2.99998 l 6,-4.285714 z M 308,5.9999801 V 9 h -1.85714 l -5.71429,11 H 294 v 3 h 7.85714 l 5.71429,-11 H 308 v 2.571408 l 6,-4.285714 z"/>
  </g>
 </svg>
diff --git a/plasma/desktoptheme/Arc-Dark/metadata.desktop b/plasma/desktoptheme/Arc-Dark/metadata.desktop
index ce25467..d414249 100644
--- a/plasma/desktoptheme/Arc-Dark/metadata.desktop
+++ b/plasma/desktoptheme/Arc-Dark/metadata.desktop
@@ -4,7 +4,7 @@ Name=Arc Dark
 X-KDE-PluginInfo-Author=Alexey Varfolomeev
 X-KDE-PluginInfo-Email=varlesh@gmail.com
 X-KDE-PluginInfo-Name=Arc-Dark
-X-KDE-PluginInfo-Version=20220612
+X-KDE-PluginInfo-Version=20220706
 X-KDE-PluginInfo-Website=
 X-KDE-PluginInfo-Category=
 X-KDE-PluginInfo-Depends=
diff --git a/plasma/desktoptheme/Arc-Dark/widgets/slider.svg b/plasma/desktoptheme/Arc-Dark/widgets/slider.svg
index efd2f9b..bebb3bc 100644
--- a/plasma/desktoptheme/Arc-Dark/widgets/slider.svg
+++ b/plasma/desktoptheme/Arc-Dark/widgets/slider.svg
@@ -1,55 +1,80 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" version="1">
- <path id="groove-top" d="m 10,7 0,3 3,0 0,-3 -3,0 z" style="opacity:0.2"/>
- <path id="groove-topleft" d="M 9,7 C 7.31784,7 6,8.31784 6,10 l 3,0 z" style="opacity:0.2"/>
- <rect id="hint-tile-center" width="2.033" height="2.077" x="2.26" y="4.66" rx="0" ry="2.077" style="fill:#4e9a06"/>
- <path id="groove-topright" d="M 17,10 C 17,8.31784 15.68216,7 14,7 l 0,3 z" style="opacity:0.2"/>
- <path id="groove-bottom" d="m 10,18 0,-3 3,0 0,3 -3,0 z" style="opacity:0.2"/>
- <path id="groove-bottomleft" d="M 9,18 C 7.31784,18 6,16.68216 6,15 l 3,0 z" style="opacity:0.2"/>
- <path id="groove-bottomright" d="m 17,15 c 0,1.68216 -1.31784,3 -3,3 l 0,-3 z" style="opacity:0.2"/>
- <path id="groove-center" d="m 10,11 0,3 3,0 0,-3 -3,0 z" style="opacity:0.2"/>
- <path id="groove-left" d="m 6,11 0,3 3,0 0,-3 -3,0 z" style="opacity:0.2"/>
- <path id="groove-right" d="m 14,11 0,3 3,0 0,-3 -3,0 z" style="opacity:0.2"/>
- <path id="groove-highlight-top" d="m 28,7 0,3 3,0 0,-3 -3,0 z" style="fill:#5294e2"/>
- <path id="groove-highlight-topleft" d="m 27,7 c -1.68216,0 -3,1.31784 -3,3 l 3,0 z" style="fill:#5294e2"/>
- <path id="groove-highlight-topright" d="M 35,10 C 35,8.31784 33.68216,7 32,7 l 0,3 z" style="fill:#5294e2"/>
- <path id="groove-highlight-bottom" d="m 28,18 0,-3 3,0 0,3 -3,0 z" style="fill:#5294e2"/>
- <path id="groove-highlight-bottomleft" d="m 27,18 c -1.68216,0 -3,-1.31784 -3,-3 l 3,0 z" style="fill:#5294e2"/>
- <path id="groove-highlight-bottomright" d="m 35,15 c 0,1.68216 -1.31784,3 -3,3 l 0,-3 z" style="fill:#5294e2"/>
- <path id="groove-highlight-center" d="m 28,11 0,3 3,0 0,-3 -3,0 z" style="fill:#5294e2"/>
- <path id="groove-highlight-left" d="m 24,11 0,3 3,0 0,-3 -3,0 z" style="fill:#5294e2"/>
- <path id="groove-highlight-right" d="m 32,11 0,3 3,0 0,-3 -3,0 z" style="fill:#5294e2"/>
+ <path id="groove-top" style="opacity:0.2" d="m 10,7 0,3 3,0 0,-3 -3,0 z"/>
+ <rect id="hint-tile-center" style="fill:#4e9a06" width="2.033" height="2.077" x="2.26" y="4.66" rx="0" ry="2.077"/>
+ <path id="groove-bottom" style="opacity:0.2" d="m 10,18 0,-3 3,0 0,3 -3,0 z"/>
+ <path id="groove-center" style="opacity:0.2" d="m 10,11 0,3 3,0 0,-3 -3,0 z"/>
+ <path id="groove-highlight-top" style="fill:#5294e2" d="m 28,7 0,3 3,0 0,-3 -3,0 z"/>
+ <path id="groove-highlight-bottom" style="fill:#5294e2" d="m 28,18 0,-3 3,0 0,3 -3,0 z"/>
+ <path id="groove-highlight-center" style="fill:#5294e2" d="m 28,11 0,3 3,0 0,-3 -3,0 z"/>
  <g id="horizontal-slider-handle" transform="matrix(1.2,0,0,1.2,-2.2,63.2)">
-  <rect width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" style="opacity:0.001"/>
-  <path transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)" d="m 18,40 a 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 4,4 0 0 1 4,4 z" style="opacity:0.2"/>
-  <path transform="matrix(1.875,0,0,1.875,-10.25,-36)" d="m 18,40 a 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 4,4 0 0 1 4,4 z" style="fill:#444a58"/>
+  <path style="opacity:0.001" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" d="M 16,44 H 36 V 64 H 16 Z"/>
+  <path style="fill:#272a33" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)" d="m 18,40 a 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 4,4 0 0 1 4,4 z"/>
+  <path style="fill:#444a58" transform="matrix(1.875,0,0,1.875,-10.25,-36)" d="m 18,40 a 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 4,4 0 0 1 4,4 z"/>
  </g>
  <g id="vertical-slider-handle" transform="matrix(1.2,0,0,1.2,-2.2,27.2)">
-  <rect width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" style="opacity:0.001"/>
-  <path transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)" d="m 18,40 a 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 4,4 0 0 1 4,4 z" style="opacity:0.2"/>
-  <path transform="matrix(1.875,0,0,1.875,-10.25,-36)" d="m 18,40 a 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 4,4 0 0 1 4,4 z" style="fill:#444a58"/>
+  <path style="opacity:0.001" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" d="M 16,44 H 36 V 64 H 16 Z"/>
+  <path style="fill:#272a33" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)" d="m 18,40 a 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 4,4 0 0 1 4,4 z"/>
+  <path style="fill:#444a58" transform="matrix(1.875,0,0,1.875,-10.25,-36)" d="m 18,40 a 4,4 0 0 1 -4,4 4,4 0 0 1 -4,-4 4,4 0 0 1 4,-4 4,4 0 0 1 4,4 z"/>
  </g>
  <g id="horizontal-slider-shadow" style="opacity:0.01">
-  <rect width="24" height="24" x="96" y="98" style="opacity:0.001"/>
+  <path style="opacity:0.001" d="m 98,100 h 20 v 20 H 98 Z"/>
  </g>
- <g id="vertical-slider-shadow" transform="translate(3,-36)" style="opacity:0.01">
-  <rect width="24" height="24" x="96" y="98" style="opacity:0.001"/>
+ <g id="vertical-slider-shadow" style="opacity:0.01" transform="translate(3,-36)">
+  <path style="opacity:0.001" d="m 98,100 h 20 v 20 H 98 Z"/>
  </g>
  <g id="horizontal-slider-hover" transform="matrix(1.2,0,0,1.2,27.8,63.2)">
-  <rect width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" style="opacity:0.001"/>
-  <circle cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)" style="opacity:0.2"/>
-  <circle cx="14" cy="40" r="4" transform="matrix(1.875,0,0,1.875,-10.25,-36)" style="fill:#414857"/>
+  <path style="opacity:0.001" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" d="M 16,44 H 36 V 64 H 16 Z"/>
+  <circle style="fill:#272a33" cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)"/>
+  <circle style="fill:#414857" cx="14" cy="40" r="4" transform="matrix(1.875,0,0,1.875,-10.25,-36)"/>
  </g>
  <g id="vertical-slider-hover" transform="matrix(1.2,0,0,1.2,27.8,27.2)">
-  <rect width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" style="opacity:0.001"/>
-  <circle cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)" style="opacity:0.2"/>
-  <circle cx="14" cy="40" r="4" transform="matrix(1.875,0,0,1.875,-10.25,-36)" style="fill:#414857"/>
+  <path style="opacity:0.001" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" d="M 16,44 H 36 V 64 H 16 Z"/>
+  <circle style="fill:#272a33" cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)"/>
+  <circle style="fill:#414857" cx="14" cy="40" r="4" transform="matrix(1.875,0,0,1.875,-10.25,-36)"/>
  </g>
  <g id="horizontal-slider-focus" transform="matrix(1.2,0,0,1.2,57.8,63.2)">
-  <rect width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" style="opacity:0.001"/>
-  <circle cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)" style="fill:#5294e2"/>
+  <path style="opacity:0.001" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" d="M 16,44 H 36 V 64 H 16 Z"/>
+  <circle style="fill:#5294e2" cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)"/>
  </g>
  <g id="vertical-slider-focus" transform="matrix(1.2,0,0,1.2,57.8,27.2)">
-  <rect width="24" height="24" x="14" y="42" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" style="opacity:0.001"/>
-  <circle cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)" style="fill:#5294e2"/>
+  <path style="opacity:0.001" transform="matrix(0.83333333,0,0,0.83333333,-5.6666667,-6)" d="M 16,44 H 36 V 64 H 16 Z"/>
+  <circle style="fill:#5294e2" cx="14" cy="40" r="4" transform="matrix(2.0833333,0,0,2.0833333,-13.166666,-44.333332)"/>
+ </g>
+ <circle id="hint-size" style="fill:#ff0000" cx="87" cy="16" r="10"/>
+ <g id="groove-topleft" transform="translate(0,14)">
+  <path style="opacity:0.2" d="M 9,-7 C 7.31784,-7 6,-5.68216 6,-4 H 9 Z"/>
+ </g>
+ <g id="groove-left" transform="translate(0,14)">
+  <path style="opacity:0.2" d="M 6,-3 V 0 H 9 V -3 Z"/>
+ </g>
+ <g id="groove-bottomleft" transform="translate(0,14)">
+  <path style="opacity:0.2" d="M 9,4 C 7.31784,4 6,2.68216 6,1 h 3 z"/>
+ </g>
+ <g id="groove-topright" transform="translate(0,14)">
+  <path style="opacity:0.2" d="m 17,-4 c 0,-1.68216 -1.31784,-3 -3,-3 v 3 z"/>
+ </g>
+ <g id="groove-right" transform="translate(0,14)">
+  <path style="opacity:0.2" d="m 14,-3 v 3 h 3 v -3 z"/>
+ </g>
+ <g id="groove-bottomright" transform="translate(0,14)">
+  <path style="opacity:0.2" d="m 17,1 c 0,1.68216 -1.31784,3 -3,3 V 1 Z"/>
+ </g>
+ <g id="groove-highlight-topleft" transform="translate(0,14)">
+  <path style="fill:#5294e2" d="m 27,-7 c -1.68216,0 -3,1.31784 -3,3 h 3 z"/>
+ </g>
+ <g id="groove-highlight-left" transform="translate(0,14)">
+  <path style="fill:#5294e2" d="m 24,-3 v 3 h 3 v -3 z"/>
+ </g>
+ <g id="groove-highlight-bottomleft" transform="translate(0,14)">
+  <path style="fill:#5294e2" d="M 27,4 C 25.31784,4 24,2.68216 24,1 h 3 z"/>
+ </g>
+ <g id="groove-highlight-topright" transform="translate(0,14)">
+  <path style="fill:#5294e2" d="m 35,-4 c 0,-1.68216 -1.31784,-3 -3,-3 v 3 z"/>
+ </g>
+ <g id="groove-highlight-right" transform="translate(0,14)">
+  <path style="fill:#5294e2" d="m 32,-3 v 3 h 3 v -3 z"/>
+ </g>
+ <g id="groove-highlight-bottomright" transform="translate(0,14)">
+  <path style="fill:#5294e2" d="m 35,1 c 0,1.68216 -1.31784,3 -3,3 V 1 Z"/>
  </g>
 </svg>