<!DOCTYPE svg PUBLIC "-//SIEMENS//DTD SVG 1.0 TIA-HMI//EN" "http://tia.siemens.com/graphics/svg/1.4/dtd/svg14-hmi.dtd">
<!-- SIMATIC WINCC Copyright (C) Siemens AG 2021. All Rights Reserved. -->

<svg 
    xmlns="http://www.w3.org/2000/svg" 
    xmlns:hmi-bind="http://svg.siemens.com/hmi/bind" 
    xmlns:xlink="http://www.w3.org/1999/xlink" 
    xmlns:hmi="http://svg.siemens.com/hmi/" 
    xmlns:hmi-bind--xlink="http://svg.siemens.com/hmi/bind/xlink" 
    xmlns:hmi-element="http://svg.siemens.com/hmi/element" 
    xmlns:hmi-feature="http://svg.siemens.com/hmi/feature" 
    xmlns:hmi-event="http://svg.siemens.com/hmi/event" 
    width="179" height="310"
    viewBox="0 0 179 310"
    preserveAspectRatio="none">

  <hmi:self type="Widget" name="extended.WaterTank1" displayName="WaterTank1" version="1.2.0" performanceClass="L">
  <hmi:paramDef name="DisplayFillLevel" type="boolean" default="true" />
    <hmi:paramDef name="FillLevelValue" type="number" default="50" />
	  <hmi:paramDef name="BasicColor" type="HmiColor" default="0xFFE6E6E6" />
    <hmi:paramDef name="FillLevelColorBottom" type="HmiColor" default="0xFF8EB8DB" />
    <hmi:paramDef name="FillLevelColorMiddle" type="HmiColor" default="0xFF1D6FB5" />
    <hmi:paramDef name="FillLevelColorTop" type="HmiColor" default="0xFF193F77" />
    <hmi:paramDef name="DisplayScale" type="boolean" default="true" />
    <hmi:paramDef name="Minimum" type="number" default="0"/>
		<hmi:paramDef name="Maximum" type="number" default="100"/>   
  </hmi:self>
  <defs>
     <hmi:localDef name="FillLevelValue"	type="number" 	hmi-bind:value="{{1 - Converter.Bounds((ParamProps.FillLevelValue-ParamProps.Minimum)/(ParamProps.Maximum-ParamProps.Minimum), 0.0, 1.0)}}"/>  
  </defs>
  <g id="Speicher_x5F_01">
    <g id="BasicTank_3_">
      <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="6.294" y1="159.7023" x2="172.706" y2="159.7023">
	    	<stop offset="0" hmi-bind:stop-color="{{Converter.RGBA(Converter.Darker(ParamProps.BasicColor, 0.298))}}"/>
        <stop offset="0.24" hmi-bind:stop-color="{{Converter.RGBA(Converter.Darker(ParamProps.BasicColor, 0.098))}}"/>
        <stop offset="0.42" hmi-bind:stop-color="{{Converter.RGBA(Converter.Darker(ParamProps.BasicColor, 0.098))}}"/>
        <stop offset="0.4904" hmi-bind:stop-color="{{Converter.RGBA(Converter.Darker(ParamProps.BasicColor, 0.141))}}"/>
        <stop offset="0.6155" hmi-bind:stop-color="{{Converter.RGBA(Converter.Darker(ParamProps.BasicColor, 0.263))}}"/>
        <stop offset="0.7808" hmi-bind:stop-color="{{Converter.RGBA(Converter.Darker(ParamProps.BasicColor, 0.455))}}"/>
        <stop offset="0.978" hmi-bind:stop-color="{{Converter.RGBA(Converter.Darker(ParamProps.BasicColor, 0.718))}}"/>
        <stop offset="1" hmi-bind:stop-color="{{Converter.RGBA(Converter.Darker(ParamProps.BasicColor, 0.749))}}"/>
      </linearGradient>
      <polygon points="172.7,66.7 129.7,28.3     49.3,28.3 6.3,66.7 6.3,223.2 66.1,291.1 112.9,291.1 172.7,223.2" fill="url(#SVGID_1_)" stroke="#666666" stroke-width="0.75" stroke-miterlimit="10" />
      <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="19.0915" y1="257.4649" x2="79.7901" y2="257.4649">
        <stop offset="0" stop-color="#F1F1F1" stop-opacity="0.4" />
        <stop offset="1" stop-color="#F6F6F6" stop-opacity="0.7" />
      </linearGradient>
      <polygon points="52.5,223.8 19.1,223.8 71.4,291.1 79.8,291.1" fill="url(#SVGID_2_)" />
      <line x1="60.5" y1="284.1" x2="118.5" y2="284.1" fill="none" stroke="#8C8C91" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" />
      <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="19.0915" y1="145.6939" x2="52.5117" y2="145.6939">
        <stop offset="0" stop-color="#F1F1F1" stop-opacity="0.4" />
        <stop offset="1" stop-color="#F6F6F6" stop-opacity="0.7" />
      </linearGradient>
      <rect x="19.1" y="74.2" width="33.4" height="142.9" fill="url(#SVGID_3_)" />
      <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="19.0915" y1="47.349" x2="67.3923" y2="47.349">
        <stop offset="0" stop-color="#F1F1F1" stop-opacity="0.4" />
        <stop offset="1" stop-color="#F6F6F6" stop-opacity="0.7" />
      </linearGradient>
      <polygon points="55.1,28.5 19.1,66.2 53.9,66.2 67.4,28.5" fill="url(#SVGID_4_)" />
      <polygon id="Outline_97_" points="172.7,66.7     129.7,28.3 49.3,28.3 6.3,66.7 6.3,223.2 66.1,291.1 112.9,291.1 172.7,223.2" fill="none" stroke="#666666" stroke-width="0.75" stroke-miterlimit="10" />
      <g id="Leiste_4_">
        <linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="0.5" y1="69.5954" x2="178.5" y2="69.5954">
        <stop offset="0" stop-color="#B3B3B3" />
        <stop offset="0.24" stop-color="#E6E6E6" />
        <stop offset="0.42" stop-color="#E6E6E6" />
        <stop offset="0.4904" stop-color="#DBDBDB" />
        <stop offset="0.6155" stop-color="#BCBCBC" />
        <stop offset="0.7808" stop-color="#8B8B8B" />
        <stop offset="0.978" stop-color="#484848" />
        <stop offset="1" stop-color="#404040" />
        </linearGradient>
        <path d="M178.5,69.8c0,1.8-1.2,3.3-2.7,3.3     H3.2c-1.5,0-2.7-1.5-2.7-3.3v-0.4c0-1.8,1.2-3.3,2.7-3.3h172.6c1.5,0,2.7,1.5,2.7,3.3V69.8z" fill="url(#SVGID_5_)" stroke="#666666" stroke-width="0.75" stroke-miterlimit="10" />
        <linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="17.6291" y1="69.5954" x2="51.0492" y2="69.5954">
          <stop offset="0" stop-color="#F1F1F1" stop-opacity="0.4" />
          <stop offset="1" stop-color="#F6F6F6" stop-opacity="0.7" />
        </linearGradient>
        <rect x="17.6" y="67.1" width="33.4" height="5" fill="url(#SVGID_6_)" />
        <line x1="3.4" y1="67.1" x2="175.6" y2="67.1" fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" />
      </g>
      <g id="Leiste_2_">
        <linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="0.5" y1="220.9191" x2="178.5" y2="220.9191">
        <stop offset="0" stop-color="#B3B3B3" />
        <stop offset="0.24" stop-color="#E6E6E6" />
        <stop offset="0.42" stop-color="#E6E6E6" />
        <stop offset="0.4904" stop-color="#DBDBDB" />
        <stop offset="0.6155" stop-color="#BCBCBC" />
        <stop offset="0.7808" stop-color="#8B8B8B" />
        <stop offset="0.978" stop-color="#484848" />
        <stop offset="1" stop-color="#404040" />
        </linearGradient>
        <path d="M178.5,221.1     c0,1.8-1.2,3.3-2.7,3.3H3.2c-1.5,0-2.7-1.5-2.7-3.3v-0.4c0-1.8,1.2-3.3,2.7-3.3h172.6c1.5,0,2.7,1.5,2.7,3.3V221.1z" fill="url(#SVGID_7_)" stroke="#666666" stroke-width="0.75" stroke-miterlimit="10" />
        <linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="17.6291" y1="220.9191" x2="51.0492" y2="220.9191">
          <stop offset="0" stop-color="#F1F1F1" stop-opacity="0.4" />
          <stop offset="1" stop-color="#F6F6F6" stop-opacity="0.7" />
        </linearGradient>
        <rect x="17.6" y="218.4" width="33.4" height="5" fill="url(#SVGID_8_)" />
        <line x1="3.4" y1="218.4" x2="175.6" y2="218.4" fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" />
      </g>
      <g id="Head_8_">
        <linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="49.378" y1="23.9569" x2="129.623" y2="23.9569">
          <stop offset="0" stop-color="#B3B3B3" />
          <stop offset="0.24" stop-color="#E6E6E6" />
          <stop offset="0.42" stop-color="#E6E6E6" />
          <stop offset="0.4904" stop-color="#DBDBDB" />
          <stop offset="0.6155" stop-color="#BCBCBC" />
          <stop offset="0.7808" stop-color="#8B8B8B" />
          <stop offset="0.978" stop-color="#484848" />
          <stop offset="1" stop-color="#404040" />       
        </linearGradient>
        <rect x="49.4" y="19.5" width="80.2" height="9" fill="url(#SVGID_9_)" stroke="#666666" stroke-width="0.75" stroke-miterlimit="10" />
        <path d="M134.6,9.9C130.5,4.3,111.9,0,89.5,0c-22.4,0-41,4.2-45.1,9.9H134.6z" fill="#646567" />
        <linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="44.7379" y1="12.9503" x2="134.2619" y2="12.9503">
           <stop offset="0" stop-color="#B3B3B3" />
          <stop offset="0.24" stop-color="#E6E6E6" />
          <stop offset="0.42" stop-color="#E6E6E6" />
          <stop offset="0.4904" stop-color="#DBDBDB" />
          <stop offset="0.6155" stop-color="#BCBCBC" />
          <stop offset="0.7808" stop-color="#8B8B8B" />
          <stop offset="0.978" stop-color="#484848" />
          <stop offset="1" stop-color="#404040" />
        </linearGradient>
        <path d="M134.3,15.8c0,2-1.2,3.7-2.8,3.7     h-84c-1.5,0-2.8-1.6-2.8-3.7v-5.7c0-2,1.2-3.7,2.8-3.7h84c1.5,0,2.8,1.6,2.8,3.7V15.8z" fill="url(#SVGID_10_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
        <linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="51.735" y1="12.9503" x2="69.8999" y2="12.9503">
          <stop offset="0" stop-color="#F1F1F1" stop-opacity="0.4" />
          <stop offset="1" stop-color="#F6F6F6" stop-opacity="0.7" />
        </linearGradient>
        <rect x="51.7" y="7.9" width="18.2" height="10.1" fill="url(#SVGID_11_)" />
        <line x1="48.1" y1="7.4" x2="130.9" y2="7.4" fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" />
      </g>
    </g>
    <g id="Leiste_5_">
      <linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="0.5" y1="145.2573" x2="178.5" y2="145.2573">
        <stop offset="0" stop-color="#B3B3B3" />
        <stop offset="0.24" stop-color="#E6E6E6" />
        <stop offset="0.42" stop-color="#E6E6E6" />
        <stop offset="0.4904" stop-color="#DBDBDB" />
        <stop offset="0.6155" stop-color="#BCBCBC" />
        <stop offset="0.7808" stop-color="#8B8B8B" />
        <stop offset="0.978" stop-color="#484848" />
        <stop offset="1" stop-color="#404040" />
      </linearGradient>
      <path d="M178.5,145.5    c0,1.8-1.2,3.3-2.7,3.3H3.2c-1.5,0-2.7-1.5-2.7-3.3V145c0-1.8,1.2-3.3,2.7-3.3h172.6c1.5,0,2.7,1.5,2.7,3.3V145.5z" fill="url(#SVGID_12_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
      <linearGradient id="SVGID_13_" gradientUnits="userSpaceOnUse" x1="17.6291" y1="145.2573" x2="51.0492" y2="145.2573">
        <stop offset="0" stop-color="#F1F1F1" stop-opacity="0.4" />
        <stop offset="1" stop-color="#F6F6F6" stop-opacity="0.7" />
      </linearGradient>
      <rect x="17.6" y="142.8" width="33.4" height="5" fill="url(#SVGID_13_)" />
      <line x1="3.4" y1="142.7" x2="175.6" y2="142.7" fill="none" stroke="#FFFFFF" stroke-width="0.75" stroke-linecap="round" stroke-miterlimit="10" />
    </g>
    <g id="Filling_11_" hmi-bind:display="{{ ParamProps.DisplayFillLevel ? 'inline' : 'none' }}">
      <g id="Fluid_17_">
        <linearGradient id="Fluid_x5F_Standard_1_" gradientUnits="userSpaceOnUse" x1="89.5" y1="216.023" x2="89.5" y2="40.4138">
          <stop offset="0" hmi-bind:stop-color="{{Converter.RGBA(ParamProps.FillLevelColorBottom)}}"/>
          <stop offset="0.5" hmi-bind:stop-color="{{Converter.RGBA(ParamProps.FillLevelColorMiddle)}}"/>
          <stop offset="1" hmi-bind:stop-color="{{Converter.RGBA(ParamProps.FillLevelColorTop)}}"/>
        </linearGradient>
        <rect id="Fluid_x5F_Standard_3_" x="69.5" y="37.8" width="40" height="179.8" fill="url(#Fluid_x5F_Standard_1_)" />
        <linearGradient id="SVGID_14_" gradientUnits="userSpaceOnUse" x1="93.5" y1="127.7036" x2="109.5" y2="127.7036">
          <stop offset="0" stop-color="#000000" stop-opacity="0" />
          <stop offset="1" stop-color="#000000" stop-opacity="0.5" />
        </linearGradient>
        <rect x="93.5" y="37.8" width="16" height="179.8" fill="url(#SVGID_14_)" />
        <linearGradient id="SVGID_15_" gradientUnits="userSpaceOnUse" x1="69.5" y1="127.7036" x2="85.5" y2="127.7036">
          <stop offset="0" stop-color="#000000" stop-opacity="0.5" />
          <stop offset="1" stop-color="#000000" stop-opacity="0" />
        </linearGradient>
        <rect x="69.5" y="37.8" width="16" height="179.8" fill="url(#SVGID_15_)" />
      </g>
      <linearGradient id="Shutter_1_" gradientUnits="userSpaceOnUse" x1="69.5" y1="127.7036" x2="109.5" y2="127.7036">
        <stop offset="0" stop-color="#000000" />
        <stop offset="1" stop-color="#969695" />
      </linearGradient>
      <rect id="Shutter_2_" x="69.5" y="37.8" width="40" height="180" fill="url(#Shutter_1_)"  hmi-bind:display="{{ ParamProps.DisplayFillLevel ? 'inline' : 'none' }}"  hmi-bind:transform="translate(0, {{37.8 - LocalProps.FillLevelValue*37.8}}) scale(1,{{LocalProps.FillLevelValue}})"/>
      <linearGradient id="SVGID_16_" gradientUnits="userSpaceOnUse" x1="72.2633" y1="127.863" x2="82.2633" y2="127.863">
        <stop offset="0" stop-color="#F1F1F1" stop-opacity="0.1" />
        <stop offset="0.7821" stop-color="#F6F6F6" stop-opacity="0.5" />
      </linearGradient>
      <rect x="72.3" y="37.9" width="10" height="179.8" fill="url(#SVGID_16_)" />
      <rect id="Window_11_" x="69.5" y="37.8" width="40" height="179.8" fill="none" stroke="#000000" stroke-width="0.75" stroke-linecap="square" stroke-miterlimit="10" />
      <g id="Skala_1_" hmi-bind:display="{{ and( ParamProps.DisplayFillLevel, ParamProps.DisplayScale ) ? 'inline' : 'none' }}">
        <line id="_x30__2_" x1="73.5" y1="216.8" x2="105.5" y2="216.8" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x31_0_1_" x1="73.5" y1="199" x2="105.5" y2="199" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x32_0_1_" x1="73.5" y1="181.2" x2="105.5" y2="181.2" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x33_0_1_" x1="73.5" y1="163.3" x2="105.5" y2="163.3" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x34_0_1_" x1="73.5" y1="145.5" x2="105.5" y2="145.5" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x35_0_1_" x1="73.5" y1="127.7" x2="105.5" y2="127.7" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x36_0_1_" x1="73.5" y1="109.9" x2="105.5" y2="109.9" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x37_0_1_" x1="73.5" y1="92.1" x2="105.5" y2="92.1" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x38_0_1_" x1="73.5" y1="74.2" x2="105.5" y2="74.2" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x39_0_1_" x1="73.5" y1="56.4" x2="105.5" y2="56.4" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
        <line id="_x31_00_1_" x1="73.5" y1="38.6" x2="105.5" y2="38.6" fill="none" stroke="#FFFFFF" stroke-width="0.5" stroke-linecap="round" stroke-miterlimit="10" />
      </g>
    </g>
    <g id="Uprights_4_">
      <g>
        <linearGradient id="SVGID_17_" gradientUnits="userSpaceOnUse" x1="21.3496" y1="235.2624" x2="156.3884" y2="235.2624">
          <stop offset="0" stop-color="#B3B3B3" />
          <stop offset="0.24" stop-color="#E6E6E6" />
          <stop offset="0.42" stop-color="#E6E6E6" />
          <stop offset="0.4904" stop-color="#DBDBDB" />
          <stop offset="0.6155" stop-color="#BCBCBC" />
          <stop offset="0.7808" stop-color="#8B8B8B" />
          <stop offset="0.978" stop-color="#484848" />
          <stop offset="1" stop-color="#404040" />
        </linearGradient>
        <polygon points="25.7,165.1 22.6,171.3      153.3,305.4 156.4,299.2" fill="url(#SVGID_17_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
        <linearGradient id="SVGID_18_" gradientUnits="userSpaceOnUse" x1="21.3496" y1="235.2624" x2="156.3875" y2="235.2624">
          <stop offset="0" stop-color="#B3B3B3" />
          <stop offset="0.24" stop-color="#E6E6E6" />
          <stop offset="0.42" stop-color="#E6E6E6" />
          <stop offset="0.4904" stop-color="#DBDBDB" />
          <stop offset="0.6155" stop-color="#BCBCBC" />
          <stop offset="0.7808" stop-color="#8B8B8B" />
          <stop offset="0.978" stop-color="#484848" />
          <stop offset="1" stop-color="#404040" />
        </linearGradient>
        <polygon points="153.3,165.1 22.6,299.2      25.7,305.4 156.4,171.3" fill="url(#SVGID_18_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
      </g>
      <g id="Upright_Right_4_">
        <linearGradient id="SVGID_19_" gradientUnits="userSpaceOnUse" x1="141.9614" y1="308.2043" x2="162.6845" y2="308.2043">
          <stop offset="0" stop-color="#B3B3B3" />
          <stop offset="0.24" stop-color="#E6E6E6" />
          <stop offset="0.42" stop-color="#E6E6E6" />
          <stop offset="0.4904" stop-color="#DBDBDB" />
          <stop offset="0.6155" stop-color="#BCBCBC" />
          <stop offset="0.7808" stop-color="#8B8B8B" />
          <stop offset="0.978" stop-color="#484848" />
          <stop offset="1" stop-color="#404040" />
        </linearGradient>
        <rect x="142" y="306.8" width="20.7" height="2.8" fill="url(#SVGID_19_)" stroke="#646567" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" />
        <rect id="Floor_Plate_Base_8_" x="142" y="308.7" width="20.7" height="0.8" fill="#646567" stroke="#646567" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" />
        <linearGradient id="SVGID_20_" gradientUnits="userSpaceOnUse" x1="146.3152" y1="227.9735" x2="158.1942" y2="227.9735">
          <stop offset="0" stop-color="#B3B3B3" />
          <stop offset="0.24" stop-color="#E6E6E6" />
          <stop offset="0.42" stop-color="#E6E6E6" />
          <stop offset="0.4904" stop-color="#DBDBDB" />
          <stop offset="0.6155" stop-color="#BCBCBC" />
          <stop offset="0.7808" stop-color="#8B8B8B" />
          <stop offset="0.978" stop-color="#484848" />
          <stop offset="1" stop-color="#404040" />
        </linearGradient>
        <rect x="146" y="149.1" width="12.7" height="157.7" fill="url(#SVGID_20_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
      </g>
      <g id="Upright_Left_4_">
        <linearGradient id="SVGID_21_" gradientUnits="userSpaceOnUse" x1="16.3604" y1="308.2043" x2="36.9813" y2="308.2043">
          <stop offset="0" stop-color="#B3B3B3" />
          <stop offset="0.24" stop-color="#E6E6E6" />
          <stop offset="0.42" stop-color="#E6E6E6" />
          <stop offset="0.4904" stop-color="#DBDBDB" />
          <stop offset="0.6155" stop-color="#BCBCBC" />
          <stop offset="0.7808" stop-color="#8B8B8B" />
          <stop offset="0.978" stop-color="#484848" />
          <stop offset="1" stop-color="#404040" />
        </linearGradient>
        <rect x="16.3" y="306.8" width="20.7" height="2.8" fill="url(#SVGID_21_)" stroke="#8C8C91" stroke-width="0.75" stroke-miterlimit="10" />
        <rect id="Floor_Plate_Base_1_" x="16.3" y="308.7" width="20.7" height="0.8" fill="#646567" stroke="#646567" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" />
        <linearGradient id="SVGID_22_" gradientUnits="userSpaceOnUse" x1="20.352" y1="227.9735" x2="33.1032" y2="227.9735">
          <stop offset="0" stop-color="#B3B3B3" />
          <stop offset="0.24" stop-color="#E6E6E6" />
          <stop offset="0.42" stop-color="#E6E6E6" />
          <stop offset="0.4904" stop-color="#DBDBDB" />
          <stop offset="0.6155" stop-color="#BCBCBC" />
          <stop offset="0.7808" stop-color="#8B8B8B" />
          <stop offset="0.978" stop-color="#484848" />
          <stop offset="1" stop-color="#404040" />
        </linearGradient>
        <rect x="20.3" y="149.1" width="12.8" height="157.7" fill="url(#SVGID_22_)" stroke="#646567" stroke-width="0.75" stroke-miterlimit="10" />
      </g>
    </g>
  </g>
</svg>