knob_limited_inkscape.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   version="1.1"
   viewBox="0 0 50 50"
   id="svg250"
   sodipodi:docname="knob_limited_inkscape.svg"
   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <sodipodi:namedview
     id="namedview252"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageshadow="2"
     inkscape:pageopacity="0.0"
     inkscape:pagecheckerboard="0"
     showgrid="false"
     inkscape:zoom="11.313709"
     inkscape:cx="30.538173"
     inkscape:cy="24.527765"
     inkscape:window-width="1920"
     inkscape:window-height="1027"
     inkscape:window-x="-8"
     inkscape:window-y="-8"
     inkscape:window-maximized="1"
     inkscape:current-layer="layer6">
    <inkscape:grid
       type="xygrid"
       id="grid13723" />
  </sodipodi:namedview>
  <defs
     id="defs167">
    <inkscape:path-effect
       effect="bspline"
       id="path-effect1483"
       is_visible="true"
       lpeversion="1"
       weight="33.333333"
       steps="2"
       helper_size="0"
       apply_no_weight="true"
       apply_with_weight="true"
       only_selected="false" />
    <inkscape:path-effect
       effect="powerclip"
       id="path-effect1234"
       is_visible="true"
       lpeversion="1"
       inverse="true"
       flatten="false"
       hide_clip="false"
       message="Jeśli po konwersji przycięcia na ścieżki nie zostanie spłaszczony wynik, użyj reguły wypełniania w oknie dialogowym &lt;b&gt;wypełnienie i obrys&lt;/b&gt; ." />
    <linearGradient
       id="linearGradient1653">
      <stop
         stop-color="#fff"
         offset="0"
         id="stop1649" />
      <stop
         stop-opacity="0"
         offset="1"
         id="stop1651" />
    </linearGradient>
    <linearGradient
       id="knobstarygradient">
      <stop
         stop-color="#2c2c2c"
         offset="0"
         id="stop2" />
      <stop
         stop-color="#f0f0f0"
         stop-opacity="0"
         offset="1"
         id="stop4" />
    </linearGradient>
    <linearGradient
       id="linearGradient49659">
      <stop
         stop-color="#fff"
         offset="0"
         id="stop7" />
      <stop
         stop-opacity="0"
         offset="1"
         id="stop9" />
    </linearGradient>
    <radialGradient
       id="radialGradient46204-6-4-8"
       cx="87.206"
       cy="120.94"
       r="8.7209"
       gradientTransform="matrix(1.6674,-1.6793,5.9233,5.8814,-916.08,-473.61)"
       gradientUnits="userSpaceOnUse"
       xlink:href="#knobstarygradient" />
    <filter
       id="filter54004-2"
       x="-0.024"
       y="-0.024"
       width="1.048"
       height="1.048"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.17442"
         id="feGaussianBlur13" />
    </filter>
    <radialGradient
       id="radialGradient46204-6-4-7-8"
       cx="87.285"
       cy="118.9"
       r="8.7209"
       gradientTransform="matrix(1.6415,-1.5346,4.7046,5.0323,-769,-543.24)"
       gradientUnits="userSpaceOnUse"
       xlink:href="#linearGradient49659" />
    <filter
       id="filter54000-3"
       x="-0.024"
       y="-0.024"
       width="1.048"
       height="1.048"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.17442"
         id="feGaussianBlur17" />
    </filter>
    <radialGradient
       id="radialGradient46204-6-4-0-8"
       cx="87.206"
       cy="120.94"
       r="8.7209"
       gradientTransform="matrix(1.6674,-1.6793,5.9233,5.8814,-783.38,-631.29)"
       gradientUnits="userSpaceOnUse"
       xlink:href="#knobstarygradient" />
    <filter
       id="filter54008-4"
       x="-0.024"
       y="-0.024"
       width="1.048"
       height="1.048"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.17442"
         id="feGaussianBlur21" />
    </filter>
    <radialGradient
       id="radialGradient46204-6-4-7-4-6"
       cx="87.285"
       cy="118.9"
       r="8.7209"
       gradientTransform="matrix(1.6415,-1.5346,4.7046,5.0323,-636.3,-385.56)"
       gradientUnits="userSpaceOnUse"
       xlink:href="#linearGradient49659" />
    <filter
       id="filter54012-1"
       x="-0.024"
       y="-0.024"
       width="1.048"
       height="1.048"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.17442"
         id="feGaussianBlur25" />
    </filter>
    <filter
       id="filter1698-2"
       x="-0.011999999"
       y="-0.011999999"
       width="1.024"
       height="1.024"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.17441999"
         id="feGaussianBlur28" />
    </filter>
    <linearGradient
       id="linearGradient1861"
       x1="-6.5407"
       x2="1.5988"
       y1="10.029"
       y2="19.259"
       gradientUnits="userSpaceOnUse">
      <stop
         offset="0"
         id="stop31" />
      <stop
         stop-opacity="0"
         offset="1"
         id="stop33" />
    </linearGradient>
    <filter
       id="filter21377"
       x="-0.012109372"
       y="-0.012110935"
       width="1.0242187"
       height="1.0242218"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.0015372744"
         id="feGaussianBlur36" />
    </filter>
    <filter
       id="filter24914"
       x="-0.090803125"
       y="-0.085744957"
       width="1.1816062"
       height="1.1761278"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         in="SourceGraphic"
         result="blur1"
         stdDeviation="0.58315496"
         id="feGaussianBlur39" />
      <feComposite
         in="blur1"
         in2="blur1"
         result="composite1"
         id="feComposite41" />
      <feComposite
         in="composite1"
         in2="composite1"
         k2="0.2613"
         operator="arithmetic"
         result="composite2"
         id="feComposite43" />
      <feColorMatrix
         in="composite2"
         result="colormatrix1"
         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 2.54688 0 "
         id="feColorMatrix45" />
      <feGaussianBlur
         result="blur2"
         stdDeviation="0.01"
         id="feGaussianBlur47" />
      <feColorMatrix
         in="blur2"
         result="colormatrix2"
         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 5 -1 "
         id="feColorMatrix49" />
      <feBlend
         in="colormatrix2"
         in2="colormatrix2"
         result="blend"
         stdDeviation="17"
         id="feBlend51" />
      <feComposite
         in="blend"
         in2="colormatrix2"
         operator="in"
         result="composite3"
         id="feComposite53" />
    </filter>
    <filter
       id="filter49970"
       x="-5.106309"
       y="-0.10550632"
       width="11.212618"
       height="1.2110126"
       color-interpolation-filters="sRGB">
      <feFlood
         flood-color="rgb(69,69,69)"
         result="flood"
         id="feFlood56" />
      <feComposite
         in="flood"
         in2="SourceGraphic"
         operator="out"
         result="composite1"
         id="feComposite58" />
      <feGaussianBlur
         in="composite1"
         result="blur"
         stdDeviation="0.12300388"
         id="feGaussianBlur60" />
      <feOffset
         dx="2.77556e-17"
         dy="2.77556e-17"
         result="offset"
         id="feOffset62" />
      <feComposite
         in="offset"
         in2="SourceGraphic"
         operator="atop"
         result="composite2"
         id="feComposite64" />
    </filter>
    <radialGradient
       id="radialGradient50586"
       cx="-44.556"
       cy="39.691"
       r="9.429"
       gradientTransform="matrix(0.022217,-0.0035769,0.0029659,0.019535,25.873675,24.115388)"
       gradientUnits="userSpaceOnUse"
       spreadMethod="reflect">
      <stop
         stop-color="#eeeeec"
         stop-opacity=".067029"
         offset="0"
         id="stop67" />
      <stop
         stop-color="#eeeeec"
         stop-opacity="0"
         offset="1"
         id="stop69" />
    </radialGradient>
    <radialGradient
       id="radialGradient30837-0"
       cx="-24.353"
       cy="55.334"
       r="7.5"
       gradientTransform="matrix(0.6636,0.17365,-0.16446,0.62849,50.250336,-5.1444)"
       gradientUnits="userSpaceOnUse"
       spreadMethod="reflect">
      <stop
         stop-color="#d3d7cf"
         offset="0"
         id="stop72" />
      <stop
         stop-color="#d3d7cf"
         stop-opacity="0"
         offset="1"
         id="stop74" />
    </radialGradient>
    <radialGradient
       id="radialGradient27294"
       cx="-61.484"
       cy="41.664"
       r="17.442"
       gradientTransform="matrix(0.064637,0.95062,-1.3621,0.092614,84.271,64.311)"
       gradientUnits="userSpaceOnUse">
      <stop
         stop-color="#fff"
         stop-opacity=".65761"
         offset="0"
         id="stop77" />
      <stop
         stop-color="#ada3a8"
         stop-opacity="0"
         offset="1"
         id="stop79" />
    </radialGradient>
    <filter
       id="filter27504"
       x="-0.18215403"
       y="-0.18215403"
       width="1.3643081"
       height="1.3643081"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="2.6476088"
         id="feGaussianBlur82" />
    </filter>
    <radialGradient
       id="radialGradient5171-4"
       cx="-44.101784"
       cy="64.701065"
       r="17.442"
       gradientTransform="matrix(0.26177,-0.026011,0.045558,0.45848,-30.879,-4.0885)"
       gradientUnits="userSpaceOnUse"
       fx="-44.101784"
       fy="64.701065">
      <stop
         stop-color="#374142"
         offset="0"
         id="stop85" />
      <stop
         stop-color="#283355"
         stop-opacity="0"
         offset="1"
         id="stop87" />
    </radialGradient>
    <filter
       id="filter5475-6"
       x="-0.059355021"
       y="-0.059355021"
       width="1.11871"
       height="1.11871"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.86272521"
         id="feGaussianBlur90" />
    </filter>
    <radialGradient
       id="radialGradient5171"
       cx="-55.064819"
       cy="64.699188"
       r="17.442"
       gradientTransform="matrix(0.26177,-0.026011,0.045558,0.45848,-30.879,-4.0885)"
       gradientUnits="userSpaceOnUse"
       fx="-55.064819"
       fy="64.699188">
      <stop
         stop-color="#222829"
         offset="0"
         id="stop93" />
      <stop
         stop-color="#283355"
         stop-opacity="0"
         offset="1"
         id="stop95" />
    </radialGradient>
    <filter
       id="filter5475"
       x="-0.059140801"
       y="-0.059140801"
       width="1.1182816"
       height="1.1182816"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.8596115"
         id="feGaussianBlur98" />
    </filter>
    <radialGradient
       id="radialGradient4771"
       cx="-17.442"
       cy="55.64"
       r="17.442"
       gradientTransform="matrix(-0.047997,0.28035,-0.48492,-0.083022,54.284336,25.302)"
       gradientUnits="userSpaceOnUse">
      <stop
         stop-color="#fff"
         offset="0"
         id="stop101" />
      <stop
         stop-color="#423b3f"
         stop-opacity="0"
         offset="1"
         id="stop103" />
    </radialGradient>
    <filter
       id="filter5029"
       x="-0.11058585"
       y="-0.11058585"
       width="1.2211717"
       height="1.2211717"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="1.6073653"
         id="feGaussianBlur106" />
    </filter>
    <radialGradient
       id="radialGradient13774"
       cx="-.9448"
       cy="50.561"
       r="17.442"
       gradientTransform="matrix(-2.2045,1.9348,-1.8633,-2.123,126.16834,149.1)"
       gradientUnits="userSpaceOnUse">
      <stop
         stop-color="#0e060b"
         offset="0"
         id="stop109" />
      <stop
         stop-color="#342c31"
         stop-opacity=".37013"
         offset="1"
         id="stop111" />
    </radialGradient>
    <filter
       id="filter4833"
       x="0"
       y="0"
       width="1"
       height="1"
       color-interpolation-filters="sRGB" />
    <filter
       id="filter7677"
       x="-0.08470886"
       y="-0.084943788"
       width="1.1694176"
       height="1.1698825"
       color-interpolation-filters="sRGB">
      <feMorphology
         in="SourceAlpha"
         radius="4.3"
         result="result91"
         id="feMorphology117" />
      <feComposite
         in="SourceGraphic"
         in2="result91"
         operator="out"
         id="feComposite119" />
      <feGaussianBlur
         result="result0"
         stdDeviation="1.2"
         id="feGaussianBlur121" />
      <feDiffuseLighting
         id="feDiffuseLighting125">
        <feDistantLight
           azimuth="225"
           elevation="66"
           id="feDistantLight123" />
      </feDiffuseLighting>
      <feBlend
         in2="SourceGraphic"
         mode="multiply"
         id="feBlend127" />
      <feComposite
         in2="SourceAlpha"
         operator="in"
         id="feComposite129" />
    </filter>
    <filter
       id="filter7677-1"
       x="-0.40938509"
       y="-0.41052439"
       width="1.8187702"
       height="1.8210488"
       color-interpolation-filters="sRGB">
      <feMorphology
         in="SourceAlpha"
         radius="4.3"
         result="result91"
         id="feMorphology132" />
      <feComposite
         in="SourceGraphic"
         in2="result91"
         operator="out"
         id="feComposite134" />
      <feGaussianBlur
         result="result0"
         stdDeviation="1.2"
         id="feGaussianBlur136" />
      <feDiffuseLighting
         id="feDiffuseLighting140">
        <feDistantLight
           azimuth="225"
           elevation="66"
           id="feDistantLight138" />
      </feDiffuseLighting>
      <feBlend
         in2="SourceGraphic"
         mode="multiply"
         id="feBlend142" />
      <feComposite
         in2="SourceAlpha"
         operator="in"
         result="fbSourceGraphic"
         id="feComposite144" />
      <feColorMatrix
         in="fbSourceGraphic"
         result="fbSourceGraphicAlpha"
         values="0 0 0 -1 0 0 0 0 -1 0 0 0 0 -1 0 0 0 0 1 0"
         id="feColorMatrix146" />
      <feGaussianBlur
         in="fbSourceGraphic"
         result="result8"
         stdDeviation="5"
         id="feGaussianBlur148" />
      <feComposite
         in2="result8"
         operator="xor"
         result="result19"
         id="feComposite150" />
      <feComposite
         in2="result8"
         k2="1"
         operator="arithmetic"
         result="result17"
         id="feComposite152" />
      <feOffset
         in="result8"
         result="result18"
         id="feOffset154" />
      <feDisplacementMap
         in="result18"
         in2="result17"
         result="result4"
         scale="100"
         id="feDisplacementMap156" />
      <feComposite
         in="fbSourceGraphic"
         in2="result4"
         k3="1"
         operator="arithmetic"
         result="result2"
         id="feComposite158" />
      <feComposite
         in="result2"
         in2="fbSourceGraphic"
         operator="in"
         result="fbSourceGraphic"
         id="feComposite160" />
      <feComposite
         in2="fbSourceGraphic"
         operator="in"
         result="result15"
         id="feComposite162" />
      <feComposite
         in="result15"
         in2="fbSourceGraphic"
         operator="in"
         result="result16"
         id="feComposite164" />
    </filter>
    <filter
       id="filter13426"
       x="-0.16620011"
       y="-0.049244478"
       width="1.3324002"
       height="1.098489"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.83100054"
         id="feGaussianBlur1769" />
    </filter>
    <radialGradient
       id="radialGradient88070"
       cx="-13.779"
       cy="24.542"
       r="6"
       gradientTransform="matrix(1.9493,1.7874,-2.2972,2.5053,107.93027,-9.743406)"
       gradientUnits="userSpaceOnUse">
      <stop
         stop-color="#544854"
         offset="0"
         id="stop1712" />
      <stop
         stop-color="#2a242a"
         stop-opacity="0"
         offset="1"
         id="stop1714" />
    </radialGradient>
    <radialGradient
       id="radialGradient89616"
       cx="-52.898998"
       cy="27.753"
       r="6"
       gradientTransform="matrix(0.3535,7.515,-1.1171,0.052483,73.535675,420.34439)"
       gradientUnits="userSpaceOnUse"
       spreadMethod="reflect">
      <stop
         stop-color="#a0a0a0"
         offset="0"
         id="stop1717" />
      <stop
         stop-color="#fff"
         stop-opacity="0"
         offset="1"
         id="stop1719" />
    </radialGradient>
    <filter
       id="filter82512"
       x="-0.58074822"
       y="-0.15039856"
       width="2.1614964"
       height="1.3007971"
       color-interpolation-filters="sRGB">
      <feFlood
         flood-color="rgb(0,0,0)"
         result="flood"
         id="feFlood1701" />
      <feComposite
         in="flood"
         in2="SourceGraphic"
         operator="out"
         result="composite1"
         id="feComposite1703" />
      <feGaussianBlur
         in="composite1"
         result="blur"
         stdDeviation="0.5"
         id="feGaussianBlur1705" />
      <feOffset
         dx="2.77556e-17"
         dy="2.77556e-17"
         result="offset"
         id="feOffset1707" />
      <feComposite
         in="offset"
         in2="SourceGraphic"
         operator="atop"
         result="composite2"
         id="feComposite1709" />
    </filter>
    <radialGradient
       id="radialGradient91937"
       cx="-45.278"
       cy="25.306"
       r="9.7482996"
       gradientTransform="matrix(0.61549,0.82066,-0.79999,0.60001,80.668715,50.062413)"
       gradientUnits="userSpaceOnUse"
       spreadMethod="reflect">
      <stop
         stop-color="#1d1d1d"
         offset="0"
         id="stop1722" />
      <stop
         stop-color="#cdcdcd"
         stop-opacity="0"
         offset="1"
         id="stop1724" />
    </radialGradient>
    <filter
       id="filter24914-7"
       x="-0.090671734"
       y="-0.090796203"
       width="1.1814647"
       height="1.1815073"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         in="SourceGraphic"
         result="blur1"
         stdDeviation="0.58315496"
         id="feGaussianBlur1772" />
      <feComposite
         in="blur1"
         in2="blur1"
         result="composite1"
         id="feComposite1774" />
      <feComposite
         in="composite1"
         in2="composite1"
         k2="0.2613"
         operator="arithmetic"
         result="composite2"
         id="feComposite1776"
         k1="0"
         k3="0"
         k4="0" />
      <feColorMatrix
         in="composite2"
         result="colormatrix1"
         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 2.54688 0 "
         id="feColorMatrix1778" />
      <feGaussianBlur
         result="blur2"
         stdDeviation="0.01"
         id="feGaussianBlur1780" />
      <feColorMatrix
         in="blur2"
         result="colormatrix2"
         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 5 -1 "
         id="feColorMatrix1782" />
      <feBlend
         in="colormatrix2"
         in2="colormatrix2"
         result="blend"
         stdDeviation="17"
         id="feBlend1784"
         mode="normal" />
      <feComposite
         in="blend"
         in2="colormatrix2"
         operator="in"
         result="composite3"
         id="feComposite1786" />
    </filter>
    <radialGradient
       id="radialGradient46204-6-4-8-2"
       cx="87.206001"
       cy="120.94"
       r="8.7208996"
       gradientTransform="matrix(1.6674,-1.6793,5.9233,5.8814,-916.08,-473.61)"
       gradientUnits="userSpaceOnUse"
       xlink:href="#knobstarygradient" />
    <filter
       id="filter54004-2-3"
       x="-0.024"
       y="-0.024"
       width="1.048"
       height="1.048"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.17442"
         id="feGaussianBlur1795" />
    </filter>
    <radialGradient
       id="radialGradient46204-6-4-7-8-8"
       cx="87.285004"
       cy="118.9"
       r="8.7208996"
       gradientTransform="matrix(1.6415,-1.5346,4.7046,5.0323,-769,-543.24)"
       gradientUnits="userSpaceOnUse"
       xlink:href="#linearGradient49659" />
    <filter
       id="filter54000-3-2"
       x="-0.024"
       y="-0.024"
       width="1.048"
       height="1.048"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.17442"
         id="feGaussianBlur1799" />
    </filter>
    <radialGradient
       id="radialGradient46204-6-4-0-8-3"
       cx="87.206001"
       cy="120.94"
       r="8.7208996"
       gradientTransform="matrix(1.6674,-1.6793,5.9233,5.8814,-783.38,-631.29)"
       gradientUnits="userSpaceOnUse"
       xlink:href="#knobstarygradient" />
    <filter
       id="filter54008-4-4"
       x="-0.024"
       y="-0.024"
       width="1.048"
       height="1.048"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.17442"
         id="feGaussianBlur1803" />
    </filter>
    <radialGradient
       id="radialGradient46204-6-4-7-4-6-5"
       cx="87.285004"
       cy="118.9"
       r="8.7208996"
       gradientTransform="matrix(1.6415,-1.5346,4.7046,5.0323,-636.3,-385.56)"
       gradientUnits="userSpaceOnUse"
       xlink:href="#linearGradient49659" />
    <filter
       id="filter54012-1-3"
       x="-0.024"
       y="-0.024"
       width="1.048"
       height="1.048"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.17442"
         id="feGaussianBlur1807" />
    </filter>
    <radialGradient
       id="radialGradient50586-7"
       cx="-44.556"
       cy="39.691002"
       r="9.4289999"
       gradientTransform="matrix(0.022217,-0.0035769,0.0029659,0.019535,25.873,24.2)"
       gradientUnits="userSpaceOnUse"
       spreadMethod="reflect">
      <stop
         stop-color="#eeeeec"
         stop-opacity=".067029"
         offset="0"
         id="stop1810" />
      <stop
         stop-color="#eeeeec"
         stop-opacity="0"
         offset="1"
         id="stop1812" />
    </radialGradient>
    <filter
       id="filter24914-6"
       x="-0.090803929"
       y="-0.090803929"
       width="1.1816079"
       height="1.1816079"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         in="SourceGraphic"
         result="blur1"
         stdDeviation="0.58315496"
         id="feGaussianBlur39-4" />
      <feComposite
         in="blur1"
         in2="blur1"
         result="composite1"
         id="feComposite41-1" />
      <feComposite
         in="composite1"
         in2="composite1"
         k2="0.2613"
         operator="arithmetic"
         result="composite2"
         id="feComposite43-4"
         k1="0"
         k3="0"
         k4="0" />
      <feColorMatrix
         in="composite2"
         result="colormatrix1"
         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 2.54688 0 "
         id="feColorMatrix45-6" />
      <feGaussianBlur
         result="blur2"
         stdDeviation="0.01"
         id="feGaussianBlur47-2" />
      <feColorMatrix
         in="blur2"
         result="colormatrix2"
         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 5 -1 "
         id="feColorMatrix49-7" />
      <feBlend
         in="colormatrix2"
         in2="colormatrix2"
         result="blend"
         stdDeviation="17"
         id="feBlend51-1"
         mode="normal" />
      <feComposite
         in="blend"
         in2="colormatrix2"
         operator="in"
         result="composite3"
         id="feComposite53-6" />
    </filter>
    <radialGradient
       id="radialGradient46204-6-4-8-8"
       cx="87.206001"
       cy="120.94"
       r="8.7208996"
       gradientTransform="matrix(1.6674,-1.6793,5.9233,5.8814,-916.08,-473.61)"
       gradientUnits="userSpaceOnUse"
       xlink:href="#knobstarygradient" />
    <filter
       id="filter54004-2-0"
       x="-0.024"
       y="-0.024"
       width="1.048"
       height="1.048"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.17442"
         id="feGaussianBlur13-7" />
    </filter>
    <radialGradient
       id="radialGradient46204-6-4-7-8-4"
       cx="87.285004"
       cy="118.9"
       r="8.7208996"
       gradientTransform="matrix(1.6415,-1.5346,4.7046,5.0323,-769,-543.24)"
       gradientUnits="userSpaceOnUse"
       xlink:href="#linearGradient49659" />
    <filter
       id="filter54000-3-1"
       x="-0.024"
       y="-0.024"
       width="1.048"
       height="1.048"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.17442"
         id="feGaussianBlur17-1" />
    </filter>
    <radialGradient
       id="radialGradient46204-6-4-0-8-34"
       cx="87.206001"
       cy="120.94"
       r="8.7208996"
       gradientTransform="matrix(1.6674,-1.6793,5.9233,5.8814,-783.38,-631.29)"
       gradientUnits="userSpaceOnUse"
       xlink:href="#knobstarygradient" />
    <filter
       id="filter54008-4-5"
       x="-0.024"
       y="-0.024"
       width="1.048"
       height="1.048"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.17442"
         id="feGaussianBlur21-7" />
    </filter>
    <radialGradient
       id="radialGradient46204-6-4-7-4-6-7"
       cx="87.285004"
       cy="118.9"
       r="8.7208996"
       gradientTransform="matrix(1.6415,-1.5346,4.7046,5.0323,-636.3,-385.56)"
       gradientUnits="userSpaceOnUse"
       xlink:href="#linearGradient49659" />
    <filter
       id="filter54012-1-0"
       x="-0.024"
       y="-0.024"
       width="1.048"
       height="1.048"
       color-interpolation-filters="sRGB">
      <feGaussianBlur
         stdDeviation="0.17442"
         id="feGaussianBlur25-2" />
    </filter>
    <radialGradient
       id="radialGradient50586-4"
       cx="-44.742451"
       cy="34.232418"
       r="9.4289999"
       gradientTransform="matrix(0.02587035,5.5606472e-4,-7.3363571e-4,0.02466442,26.182617,24.180557)"
       gradientUnits="userSpaceOnUse"
       spreadMethod="reflect"
       fx="-44.742451"
       fy="34.232418">
      <stop
         stop-color="#eeeeec"
         stop-opacity=".067029"
         offset="0"
         id="stop67-6"
         style="stop-color:#ffffff;stop-opacity:0.06666667" />
      <stop
         stop-color="#eeeeec"
         stop-opacity="0"
         offset="1"
         id="stop69-2" />
    </radialGradient>
    <filter
       inkscape:label="Ridged Border"
       inkscape:menu="Bevels"
       inkscape:menu-tooltip="Ridged border with inner bevel"
       style="color-interpolation-filters:sRGB;"
       id="filter2908"
       x="-0.14771866"
       y="-0.071105005"
       width="1.2954373"
       height="1.14221">
      <feMorphology
         radius="4.3"
         in="SourceAlpha"
         result="result91"
         id="feMorphology2894" />
      <feComposite
         operator="out"
         in="SourceGraphic"
         in2="result91"
         id="feComposite2896" />
      <feGaussianBlur
         result="result0"
         stdDeviation="1.1998969"
         id="feGaussianBlur2898" />
      <feDiffuseLighting
         diffuseConstant="1"
         id="feDiffuseLighting2902">
        <feDistantLight
           elevation="66"
           azimuth="225"
           id="feDistantLight2900" />
      </feDiffuseLighting>
      <feBlend
         mode="multiply"
         in2="SourceGraphic"
         id="feBlend2904" />
      <feComposite
         operator="in"
         in2="SourceAlpha"
         id="feComposite2906" />
    </filter>
    <filter
       inkscape:label="Ridged Border"
       inkscape:menu="Bevels"
       inkscape:menu-tooltip="Ridged border with inner bevel"
       style="color-interpolation-filters:sRGB;"
       id="filter16198"
       x="-0.14692561"
       y="-0.071290223"
       width="1.2938512"
       height="1.1425804">
      <feMorphology
         radius="4.3"
         in="SourceAlpha"
         result="result91"
         id="feMorphology16184" />
      <feComposite
         operator="out"
         in="SourceGraphic"
         in2="result91"
         id="feComposite16186" />
      <feGaussianBlur
         result="result0"
         stdDeviation="1.1935667"
         id="feGaussianBlur16188" />
      <feDiffuseLighting
         diffuseConstant="1"
         id="feDiffuseLighting16192">
        <feDistantLight
           elevation="66"
           azimuth="225"
           id="feDistantLight16190" />
      </feDiffuseLighting>
      <feBlend
         mode="multiply"
         in2="SourceGraphic"
         id="feBlend16194" />
      <feComposite
         operator="in"
         in2="SourceAlpha"
         id="feComposite16196" />
    </filter>
    <linearGradient
       inkscape:collect="always"
       xlink:href="#radialGradient13774"
       id="linearGradient16610"
       x1="29.433405"
       y1="19.116625"
       x2="22.621113"
       y2="16.023323"
       gradientUnits="userSpaceOnUse"
       spreadMethod="reflect" />
    <filter
       inkscape:collect="always"
       style="color-interpolation-filters:sRGB"
       id="filter17704"
       x="-0.073462806"
       y="-0.035645112"
       width="1.1469256"
       height="1.0712902">
      <feGaussianBlur
         inkscape:collect="always"
         stdDeviation="0.59678336"
         id="feGaussianBlur17706" />
    </filter>
    <clipPath
       clipPathUnits="userSpaceOnUse"
       id="clipPath1230">
      <ellipse
         style="display:none;fill:#babdb6;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
         id="ellipse1232"
         cx="38.227962"
         cy="36.681164"
         rx="41.586716"
         ry="38.448929" />
    </clipPath>
    <filter
       inkscape:collect="always"
       style="color-interpolation-filters:sRGB"
       id="filter8647"
       x="-0.14381639"
       y="-0.12427471"
       width="1.2876328"
       height="1.2485494">
      <feGaussianBlur
         inkscape:collect="always"
         stdDeviation="1.9240767"
         id="feGaussianBlur8649" />
    </filter>
  </defs>
  <g
     inkscape:groupmode="layer"
     id="layer1"
     inkscape:label="Knob_limited">
    <g
       inkscape:groupmode="layer"
       id="layer5"
       inkscape:label="Lines"
       style="display:inline">
      <g
         id="lines"
         inkscape:label="#lines">
        <rect
           x="24.5"
           width="1"
           height="6"
           id="rect169"
           y="0"
           style="opacity:0.6;fill:#bebebe;fill-opacity:0.5" />
        <rect
           transform="rotate(-30)"
           x="8.6506348"
           width="1"
           height="6"
           id="rect171"
           y="9.1506348"
           style="opacity:0.6;fill:#bebebe;fill-opacity:0.5" />
        <rect
           transform="rotate(-60)"
           x="-9.6506348"
           width="1"
           height="6"
           id="rect173"
           y="9.1506348"
           style="opacity:0.6;fill:#bebebe;fill-opacity:0.5" />
        <rect
           transform="rotate(-90)"
           x="-25.5"
           width="1"
           height="6"
           id="rect175"
           y="0"
           style="opacity:0.6;fill:#bebebe;fill-opacity:0.5" />
        <rect
           transform="rotate(-120)"
           x="-34.650635"
           width="1"
           height="6"
           id="rect177"
           y="-15.849365"
           style="opacity:0.6;fill:#bebebe;fill-opacity:0.5" />
        <rect
           transform="rotate(-150)"
           x="-34.650635"
           width="1"
           height="6"
           id="rect179"
           y="-34.150635"
           style="opacity:0.6;fill:#bebebe;fill-opacity:0.5" />
        <rect
           transform="rotate(90)"
           x="24.5"
           width="1"
           height="6"
           id="rect181"
           y="-50"
           style="opacity:0.6;fill:#bebebe;fill-opacity:0.5" />
        <rect
           transform="rotate(60)"
           x="33.650635"
           width="1"
           height="6"
           id="rect183"
           y="-34.150635"
           style="opacity:0.6;fill:#bebebe;fill-opacity:0.5" />
        <rect
           transform="rotate(30)"
           x="33.650635"
           width="1"
           height="6"
           id="rect185"
           y="-15.849365"
           style="opacity:0.6;fill:#bebebe;fill-opacity:0.5" />
        <rect
           transform="rotate(120)"
           x="8.6506348"
           width="1"
           height="6"
           id="rect187"
           y="-59.150635"
           style="opacity:0.6;fill:#bebebe;fill-opacity:0.5" />
        <rect
           transform="rotate(150)"
           x="-9.6506348"
           width="1"
           height="6"
           id="rect189"
           y="-59.150635"
           style="opacity:0.6;fill:#bebebe;fill-opacity:0.5" />
      </g>
    </g>
    <g
       inkscape:groupmode="layer"
       id="layer7"
       inkscape:label="Background"
       style="display:inline">
      <g
         id="background"
         inkscape:label="#background"
         transform="translate(0,0.4142555)">
        <circle
           cx="25"
           cy="25"
           r="17.441999"
           fill="#423b3f"
           style="opacity:0.97126"
           id="leftLightBrush"
           inkscape:label="#leftLightBrush" />
        <circle
           transform="matrix(0.89591028,-0.09991851,0.09686347,0.92416701,45.245086,-3.104459)"
           cx="-27.907"
           cy="24.243999"
           r="17.441999"
           fill="url(#radialGradient5171-4)"
           filter="url(#filter5475-6)"
           style="opacity:0.97126;mix-blend-mode:color-dodge;fill:url(#radialGradient5171-4)"
           id="backgroundColor"
           inkscape:label="#backgroundColor" />
        <circle
           cx="25"
           cy="25"
           r="17.441999"
           fill="url(#radialGradient13774)"
           opacity="0.747365"
           style="mix-blend-mode:soft-light;fill:url(#radialGradient13774)"
           id="bottomShadow"
           inkscape:label="#bottomShadow" />
        <circle
           cx="25"
           cy="21.898001"
           r="17.441999"
           fill="url(#radialGradient4771)"
           filter="url(#filter5029)"
           style="opacity:0.97126;fill:url(#radialGradient4771)"
           id="topRightLight"
           inkscape:label="#topRightLight" />
        <circle
           transform="matrix(0.79654103,-0.32279406,0.29722834,0.86505451,39.524228,-4.9307597)"
           cx="-27.907"
           cy="24.243999"
           r="17.441999"
           fill="url(#radialGradient5171)"
           filter="url(#filter5475)"
           style="opacity:0.97126;fill:url(#radialGradient5171);filter:url(#filter5475)"
           id="leftBlueGradient"
           inkscape:label="#leftBlueGradient" />
        <circle
           transform="matrix(1.0096,0,0,0.9388,-1.0143644,2.0535)"
           cx="25.767"
           cy="25.756001"
           r="17.441999"
           fill="url(#radialGradient27294)"
           filter="url(#filter27504)"
           style="opacity:0.97126;fill:url(#radialGradient27294)"
           id="topLight"
           inkscape:label="#topLight" />
        <circle
           cx="25"
           cy="25"
           r="17.441999"
           fill="url(#radialGradient30837-0)"
           opacity="0.786779"
           style="mix-blend-mode:multiply;fill:url(#radialGradient30837-0)"
           id="pseudo3DSphere"
           inkscape:label="#pseudo3DSphere" />
      </g>
    </g>
    <g
       inkscape:groupmode="layer"
       id="layer3"
       inkscape:label="Shadow"
       style="display:inline">
      <circle
         transform="matrix(-1.0199635,0,0,-0.96373091,22.392434,42.046905)"
         cx="-2.5436001"
         cy="16.642"
         r="17.441999"
         fill="url(#linearGradient1861)"
         filter="url(#filter1698-2)"
         opacity="0.3046"
         style="fill:url(#linearGradient1861)"
         id="shadow"
         inkscape:label="#shadow" />
    </g>
    <g
       inkscape:groupmode="layer"
       id="layer4"
       inkscape:label="Knob">
      <g
         id="g230">
        <g
           id="knob_limited">
          <g
             transform="matrix(1.0000205,0,0,0.99999934,-6.8843872e-4,-0.46667187)"
             inkscape:label="#knobWithMetalicSphereGroup"
             inkscape:transform-center-x="0.10617513"
             inkscape:transform-center-y="0.050410262"
             id="g181">
            <path
               id="arrow"
               style="display:inline;fill:#2c262a;fill-opacity:1;stroke-width:1"
               inkscape:label="#arrow"
               d="m 23.998037,5.285035 -1.376924,10.738289 c -3.649673,0.917058 -6.445579,3.852897 -7.183447,7.542973 -0.823686,4.170808 1.150555,8.394413 4.878806,10.437508 L 18.99814,44.285062 c 0,0 0.0022,1.18164 1.002138,1.18164 0.999979,0 3.324173,-0.523 4.999898,-0.523 1.675725,0 3.999917,0.523 4.999897,0.523 0.99998,0 0.997821,-1.181637 0.997821,-1.181637 L 29.679562,34.005758 c 2.528148,-1.382754 4.314996,-3.813175 4.880759,-6.638676 1.012942,-5.095654 -2.148392,-10.090324 -7.187353,-11.355477 L 25.997996,5.285035 Z"
               sodipodi:nodetypes="ccccczazcccccc" />
            <path
               id="arrowPseudo3D"
               style="display:none;opacity:0.75;mix-blend-mode:overlay;fill:#7f8478;fill-opacity:1;stroke-width:1;filter:url(#filter16198)"
               inkscape:label="#arrowPseudo3D"
               d="M 31.997873,6.2850355 30.620949,17.023324 c -3.649673,0.917058 -6.445579,3.852897 -7.183447,7.542973 -0.823686,4.170808 1.150555,8.394413 4.878806,10.437508 l -1.318332,10.281258 c 0,0 0.0022,1.18164 1.002138,1.18164 0.999979,0 3.324173,-0.523001 4.999898,-0.523001 1.675725,0 3.999917,0.523001 4.999897,0.523001 0.99998,0 0.997821,-1.181637 0.997821,-1.181637 L 37.679398,35.005758 c 2.528148,-1.382754 4.314996,-3.813175 4.880759,-6.638676 1.012942,-5.095654 -2.148392,-10.090324 -7.187353,-11.355477 L 33.997832,6.2850355 Z"
               sodipodi:nodetypes="ccccczazcccccc"
               transform="matrix(0.98961535,0,0,1.0001114,-7.6576226,-1.0029374)" />
            <path
               id="arrowGradient"
               style="display:inline;opacity:0.75;mix-blend-mode:difference;fill:url(#linearGradient16610);fill-opacity:1;stroke-width:1;filter:url(#filter17704)"
               inkscape:label="#arrowGradient"
               d="m 23.998037,5.285035 -1.376924,10.738289 c -3.649673,0.917058 -6.445579,3.852897 -7.183447,7.542973 -0.823686,4.170808 1.150555,8.394413 4.878806,10.437508 L 18.99814,44.285062 c 0,0 0.0022,1.18164 1.002138,1.18164 0.999979,0 3.324173,-0.523 4.999898,-0.523 1.675725,0 3.999917,0.523 4.999897,0.523 0.99998,0 0.997821,-1.181637 0.997821,-1.181637 L 29.679562,34.005758 c 2.528148,-1.382754 4.314996,-3.813175 4.880759,-6.638676 1.012942,-5.095654 -2.148392,-10.090324 -7.187353,-11.355477 L 25.997996,5.285035 Z"
               sodipodi:nodetypes="ccccczazcccccc" />
            <rect
               transform="matrix(0.95939,2.0912e-4,0.0022132,1.1593,58.123473,7.3983531)"
               x="-35.563"
               y="-1.8469"
               width="2.0662999"
               height="7.9787998"
               ry="0"
               fill="#aea59b"
               filter="url(#filter82512)"
               opacity="0.9"
               style="paint-order:fill markers stroke"
               id="indicator"
               inkscape:label="#indicator" />
            <g
               id="metalicSphereGroup-4"
               inkscape:label="#metalicSphereGroup"
               style="display:inline"
               transform="matrix(0.77913266,0,0,0.77913266,5.5213333,6.0556255)">
              <g
                 transform="matrix(1.0038,0,0,1.0038,-0.094764,-0.094118)"
                 filter="url(#filter24914)"
                 opacity="0.75"
                 id="metalicSphereComponentsGroup-3"
                 inkscape:label="#metalicSphereComponentsGroup"
                 style="filter:url(#filter24914-6)">
                <circle
                   transform="rotate(-135.08)"
                   cx="-35.355"
                   cy="0"
                   r="9.1187"
                   fill="#f0f0f0"
                   stroke-width="0.5228"
                   id="sphereBackground-5"
                   inkscape:label="#sphereBackground"
                   style="fill:#ffffff;fill-opacity:1" />
                <path
                   transform="matrix(7.6229e-4,0.5228,-0.5228,7.6229e-4,66.267,59.628)"
                   d="M -48.909,78.837 A 17.442,17.442 0 0 1 -66.351,96.279 V 78.837 Z"
                   fill="url(#radialGradient46204-6-4-8)"
                   filter="url(#filter54004-2)"
                   opacity="0.9"
                   id="path223-7"
                   inkscape:label="#bottomLeft"
                   style="fill:url(#radialGradient46204-6-4-8-8);filter:url(#filter54004-2-0)" />
                <path
                   transform="matrix(7.6229e-4,0.5228,0.5228,-7.6229e-4,66.267,59.628)"
                   d="m -48.909,-78.837 a 17.442,17.442 0 0 1 -17.442,17.442 v -17.442 z"
                   fill="url(#radialGradient46204-6-4-7-8)"
                   filter="url(#filter54000-3)"
                   opacity="0.9"
                   id="bottomRight-5"
                   inkscape:label="#bottomRight"
                   style="fill:url(#radialGradient46204-6-4-7-8-4);filter:url(#filter54000-3-1)" />
                <path
                   transform="matrix(-7.6229e-4,-0.5228,0.5228,-7.6229e-4,66.267,59.628)"
                   d="M 83.793,-78.837 A 17.442,17.442 0 0 1 66.351,-61.395 V -78.837 Z"
                   fill="url(#radialGradient46204-6-4-0-8)"
                   filter="url(#filter54008-4)"
                   opacity="0.9"
                   id="rightTop-6"
                   inkscape:label="#rightTop"
                   style="fill:url(#radialGradient46204-6-4-0-8-34);filter:url(#filter54008-4-5)" />
                <path
                   transform="matrix(-7.6229e-4,-0.5228,-0.5228,7.6229e-4,66.267,59.628)"
                   d="M 83.793,78.837 A 17.442,17.442 0 0 1 66.351,96.279 V 78.837 Z"
                   fill="url(#radialGradient46204-6-4-7-4-6)"
                   filter="url(#filter54012-1)"
                   opacity="0.9"
                   id="leftTop-4"
                   inkscape:label="#leftTop"
                   style="fill:url(#radialGradient46204-6-4-7-4-6-7);filter:url(#filter54012-1-0)" />
              </g>
              <circle
                 cx="25"
                 cy="25"
                 r="9.5908003"
                 fill="url(#radialGradient50586)"
                 opacity="0.55364"
                 id="cut-9"
                 inkscape:label="#cut"
                 style="opacity:1;mix-blend-mode:luminosity;fill:url(#radialGradient50586-4)" />
              <circle
                 cx="25"
                 cy="25"
                 r="9.5908003"
                 fill="none"
                 opacity="0.75"
                 stroke="#2e2e2e"
                 stroke-linecap="round"
                 stroke-linejoin="round"
                 stroke-width="0.3"
                 id="cutBorder-4"
                 inkscape:label="#cutBorder" />
            </g>
          </g>
        </g>
      </g>
    </g>
    <g
       inkscape:groupmode="layer"
       id="layer6"
       inkscape:label="TransparentCover"
       style="display:inline">
      <path
         id="PseudoObjectForCSSLight"
         style="display:inline;opacity:0.059387;mix-blend-mode:lighten;fill:#ffffff;fill-opacity:1;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke;filter:url(#filter8647)"
         d="m 16.628234,2 c 0,0 -11.7685516,6.1713526 -10.6507273,13.908838 L 9.336264,39.157873 C 15.067149,29.382323 49.64639,11.612939 33.968777,7.048543 Z"
         sodipodi:nodetypes="cscsc"
         inkscape:label="#PseudoObjectForCSSLight"
         transform="matrix(1,0,0,0.90391964,0.05161937,3.1418289)" />
      <path
         style="opacity:1;fill:#ffffff;fill-opacity:0;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;paint-order:markers fill stroke"
         id="cover"
         width="50"
         height="50"
         x="0"
         y="0"
         sodipodi:type="rect"
         clip-path="none"
         d="M 0,0 H 50 V 50 H 0 Z"
         inkscape:label="#cover" />
    </g>
  </g>
  <script
     type="text/ecmascript"
     id="script236"><![CDATA[
        const cover = document.getElementById("cover");
        const knob = document.getElementById("knob_limited");
        
        let knobAngle = 0;
        let stepAngle = 30;

        // mouse handler
        cover.onmousedown = (event) => {
            const knobCenter = {
                x: cover.getBoundingClientRect().left + cover.getBoundingClientRect().width / 2,
                y: cover.getBoundingClientRect().top + cover.getBoundingClientRect().height / 2,
            };

            const radToDeg = (angle) => {
                return (angle / Math.PI) * 180;
            };

            const angleFromKnob = (event) => {
                return Math.atan2(event.pageY - knobCenter.y, event.pageX - knobCenter.x);
            };

            const angleMod = (angle, mod) => {
                return Math.floor(angle / mod)
            }

            const startAngle = knobAngle - angleFromKnob(event);

            document.onmousemove = (event) => {
                knobAngle = angleFromKnob(event) + startAngle;
                let knobAngleDeg = radToDeg(knobAngle);
                let deg = angleMod(knobAngleDeg, stepAngle) * stepAngle // one step is stepAngle*

                if (deg > 180 && deg < 210) deg = 210;
                if (deg <= 180 && deg > 150) deg = 150;
                knob.setAttribute("transform", `rotate(${deg} 25 25)`);
            };

            document.onmouseup = () => {
                document.onmousemove = undefined;
                document.onmouseup = undefined;
            };

            cover.ondblclick = () => {
                knob.removeAttribute("transform");
                knobAngle = 0;
            };

            event.preventDefault();
        };

        // touch handlers
        cover.ontouchstart = function(event) {
            const knobCenter = {
                x: cover.getBoundingClientRect().left + cover.getBoundingClientRect().width / 2,
                y: cover.getBoundingClientRect().top + cover.getBoundingClientRect().height / 2,
            };

            const radToDeg = (angle) => {
                return (angle / Math.PI) * 180;
            };

            const degToRad = (angle) => {
                return (angle / 180) * Math.PI;
            }

            const angleFromKnob = (event) => {
                return Math.atan2(event.touches[0].pageY - knobCenter.y, event.touches[0].pageX - knobCenter.x);
            };

            const angleMod = (angle, mod) => {
                return Math.floor(angle / mod)
            }

            let startAngle = knobAngle - angleFromKnob(event);

            document.ontouchmove = (event) => {
                knobAngle = angleFromKnob(event) + startAngle;
                let knobAngleDeg = radToDeg(knobAngle);
                let deg = angleMod(knobAngleDeg, stepAngle) * stepAngle // one step is stepAngle*

                deg %= 360;
                if (deg < -60 && deg > -90) deg = -60
                if (deg > 180 && deg <= 270) deg = -60;
                if (deg < 180 && deg > 60) deg = 60;
                if (deg === 180 || deg === -180) deg = 0;

                knob.setAttribute("transform", `rotate(${deg} 25 25)`);
            };


            document.ontouchend = () => {
                document.ontouchmove = undefined;
                document.ontouchend = undefined;
            };

            event.preventDefault();
        };
    ]]></script>
</svg>