Xfce: new titlebuttons for xfwm4

This commit is contained in:
Daniel Ruiz de Alegría
2021-10-05 23:53:49 +02:00
parent dbfd07f587
commit be5e1f0fe7
286 changed files with 306 additions and 259 deletions
@@ -41,12 +41,12 @@ build: $(ASSETS)
mkdir -p $(THEMES_DIR)Kali-Dark-HiDPI/xfwm4/
mkdir -p $(THEMES_DIR)Kali-Light-xHiDPI/xfwm4/
mkdir -p $(THEMES_DIR)Kali-Dark-xHiDPI/xfwm4/
cp assets/* $(THEMES_DIR)Kali-Light/xfwm4/
cp assets-light/* $(THEMES_DIR)Kali-Light/xfwm4/
cp assets-dark/* $(THEMES_DIR)Kali-Dark/xfwm4/
cp assets@1.5/* $(THEMES_DIR)Kali-Light-HiDPI/xfwm4/
cp assets-light@1.5/* $(THEMES_DIR)Kali-Light-HiDPI/xfwm4/
cp assets-dark@1.5/* $(THEMES_DIR)Kali-Dark-HiDPI/xfwm4/
cp assets@2/* $(THEMES_DIR)Kali-Light-xHiDPI/xfwm4/
cp assets-light@2/* $(THEMES_DIR)Kali-Light-xHiDPI/xfwm4/
cp assets-dark@2/* $(THEMES_DIR)Kali-Dark-xHiDPI/xfwm4/
clean:
-rm -r assets assets@1.5 assets@2 assets-dark assets-dark@1.5 assets-dark@2
-rm -r assets-light assets-light@1.5 assets-light@2 assets-dark assets-dark@1.5 assets-dark@2
@@ -1,74 +1,36 @@
<svg version="1.1" viewBox="0 0 108 217.35" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="linearGradient1078">
<stop style="stop-opacity:.149" offset="0"/>
<stop style="stop-opacity:0" offset="1"/>
</linearGradient>
<linearGradient id="linearGradient1387">
<stop stop-color="#383d4b" offset="0"/>
<stop stop-color="#383d4b" offset=".6"/>
<stop stop-color="#13151a" offset="1"/>
</linearGradient>
<clipPath id="b">
<rect x="109.41" y="196.63" width="16" height="16" style="opacity:.3;paint-order:normal"/>
<rect x="109.41" y="196.63" width="16" height="16" opacity=".3"/>
</clipPath>
<clipPath id="a">
<rect x="9.5" y="178.85" width="5" height="28" style="fill:#fff;opacity:.539;paint-order:normal"/>
<rect x="9.5" y="178.85" width="5" height="28" fill="#fff" opacity=".539"/>
</clipPath>
<radialGradient id="radialGradient1090-4-5" cx="19" cy="571.7" r="7.5026" gradientTransform="matrix(1.4225 -5.3748e-7 5.371e-7 1.4225 57.973 -174.87)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1387"/>
<radialGradient id="radialGradient1090-7" cx="19" cy="571.7" r="7.5026" gradientTransform="matrix(1.433 -5.4148e-7 5.4109e-7 1.433 -8.2283 -213.91)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1387"/>
<radialGradient id="radialGradient1090-7-3" cx="19" cy="571.7" r="7.5026" gradientTransform="matrix(1.433 -5.4148e-7 5.4109e-7 1.433 -8.2283 -180.91)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1387"/>
<radialGradient id="radialGradient1090-4-5-6" cx="19" cy="571.7" r="7.5026" gradientTransform="matrix(1.4225 -5.3748e-7 5.371e-7 1.4225 57.973 -207.87)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1387"/>
<linearGradient id="linearGradient1080" x1="19" x2="19" y1="562.36" y2="581.25" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1078"/>
<linearGradient id="linearGradient1080-6" x1="19" x2="19" y1="562.36" y2="581.25" gradientTransform="translate(3e-7 33)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1078"/>
<linearGradient id="linearGradient1080-62" x1="19" x2="19" y1="562.36" y2="581.25" gradientTransform="translate(-2e-7 66)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1078"/>
</defs>
<g id="close-active" transform="translate(-.99995 -553.36)">
<rect x="11" y="563.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m15.003 567.36h0.99962c0.01066-1.2e-4 0.02079-4.7e-4 0.03119 0 0.25486 0.0107 0.50967 0.12853 0.68724 0.31248l2.2803 2.2812 2.3117-2.2812c0.26552-0.23049 0.4465-0.30548 0.68723-0.31248h0.99962v0.99997c0 0.28646-0.03425 0.55063-0.2499 0.74998l-2.2803 2.2812 2.2491 2.2499c0.18812 0.18817 0.28113 0.45344 0.28113 0.71874v0.99998h-0.99962c-0.26519-1e-5 -0.53037-0.0931-0.71847-0.28125l-2.2803-2.2811-2.2803 2.2811c-0.1881 0.18819-0.45329 0.28125-0.71849 0.28125h-0.99962v-0.99998c0-0.26528 0.09303-0.53057 0.28115-0.71874l2.2803-2.2499-2.2803-2.2812c-0.21065-0.19463-0.30304-0.46924-0.28115-0.74998v-0.99997z" style="color:#bebebe;enable-background:new;fill:#fff;stroke-width:1.3331;text-decoration-line:none;text-indent:0;text-transform:none"/>
</g>
<g id="close-prelight" transform="translate(-13 -553.36)">
<rect x="44" y="563.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m52 564.12c-4.0007 0-7.2439 3.242-7.2439 7.2413s3.2432 7.2413 7.2439 7.2413 7.2439-3.242 7.2439-7.2413-3.2432-7.2413-7.2439-7.2413z" style="fill:#fff;opacity:.15;stroke-width:.51733;stroke:#000"/>
<path d="m48.003 567.36h0.99962c0.01066-1.2e-4 0.02079-4.7e-4 0.03119 0 0.25486 0.0107 0.50967 0.12853 0.68724 0.31248l2.2803 2.2812 2.3117-2.2812c0.26552-0.23049 0.4465-0.30548 0.68723-0.31248h0.99962v0.99997c0 0.28646-0.03425 0.55063-0.2499 0.74998l-2.2803 2.2812 2.2491 2.2499c0.18812 0.18817 0.28113 0.45344 0.28113 0.71874v0.99998h-0.99962c-0.26519-1e-5 -0.53037-0.0931-0.71847-0.28125l-2.2803-2.2811-2.2803 2.2811c-0.1881 0.18819-0.45329 0.28125-0.71849 0.28125h-0.99962v-0.99998c0-0.26528 0.09303-0.53057 0.28115-0.71874l2.2803-2.2499-2.2803-2.2812c-0.21065-0.19463-0.30304-0.46924-0.28115-0.74998v-0.99997z" style="color:#bebebe;enable-background:new;fill:#fff;stroke-width:1.3331;text-decoration-line:none;text-indent:0;text-transform:none"/>
</g>
<g id="close-pressed" transform="translate(-25 -553.36)">
<rect x="77" y="563.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m85 564.12c-4.0007 0-7.2439 3.242-7.2439 7.2413s3.2432 7.2413 7.2439 7.2413 7.2439-3.242 7.2439-7.2413-3.2432-7.2413-7.2439-7.2413z" style="opacity:.5;stroke-width:.51733;stroke:#000"/>
<path d="m81.003 567.36h0.99962c0.01066-1.2e-4 0.02079-4.7e-4 0.03119 0 0.25486 0.0107 0.50967 0.12853 0.68724 0.31248l2.2803 2.2812 2.3117-2.2812c0.26552-0.23049 0.4465-0.30548 0.68723-0.31248h0.99962v0.99997c0 0.28646-0.03425 0.55063-0.2499 0.74998l-2.2803 2.2812 2.2491 2.2499c0.18812 0.18817 0.28113 0.45344 0.28113 0.71874v0.99998h-0.99962c-0.26519-1e-5 -0.53037-0.0931-0.71847-0.28125l-2.2803-2.2811-2.2803 2.2811c-0.1881 0.18819-0.45329 0.28125-0.71849 0.28125h-0.99962v-0.99998c0-0.26528 0.09303-0.53057 0.28115-0.71874l2.2803-2.2499-2.2803-2.2812c-0.21065-0.19463-0.30304-0.46924-0.28115-0.74998v-0.99997z" style="color:#bebebe;enable-background:new;fill:#fff;stroke-width:1.3331;text-decoration-line:none;text-indent:0;text-transform:none"/>
</g>
<g id="close-inactive" transform="translate(-37 -553.36)">
<rect x="110" y="563.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m114 567.36h0.99962c0.0107-1.2e-4 0.0208-4.7e-4 0.0312 0 0.25486 0.0107 0.50967 0.12853 0.68724 0.31248l2.2803 2.2812 2.3116-2.2812c0.26553-0.23049 0.4465-0.30548 0.68723-0.31248h0.99962v0.99997c0 0.28646-0.0343 0.55063-0.2499 0.74998l-2.2803 2.2812 2.2491 2.2499c0.18811 0.18817 0.28113 0.45344 0.28113 0.71874v0.99998h-0.99962c-0.26519-1e-5 -0.53037-0.0931-0.71847-0.28125l-2.2803-2.2811-2.2803 2.2811c-0.1881 0.18819-0.45329 0.28125-0.71849 0.28125h-0.99962v-0.99998c0-0.26528 0.093-0.53057 0.28115-0.71874l2.2803-2.2499-2.2803-2.2812c-0.21065-0.19463-0.30304-0.46924-0.28115-0.74998v-0.99997z" style="color:#bebebe;enable-background:new;fill:#fff;opacity:.5;stroke-width:1.3331;text-decoration-line:none;text-indent:0;text-transform:none"/>
</g>
<g id="maximize-active" transform="translate(-.99995 -565.36)">
<rect x="11" y="596.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m15 600.36v8h8v-8zm1.9942 2h4.0117v4h-4.0117z" style="color-rendering:auto;color:#000000;dominant-baseline:auto;fill:#fff;font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;image-rendering:auto;isolation:auto;mix-blend-mode:normal;paint-order:fill markers stroke;shape-padding:0;shape-rendering:auto;solid-color:#000000;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
<g id="maximize-prelight" transform="translate(-13 -565.36)">
<rect x="44" y="596.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m52 597.12a7.2439 7.2413 0 0 0-7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439-7.2413 7.2439 7.2413 0 0 0-7.2439-7.2413z" style="fill:#fff;opacity:.15;stroke-width:.51733;stroke:#000"/>
<path d="m48 600.36v8h8v-8zm1.9942 2h4.0117v4h-4.0117z" style="color-rendering:auto;color:#000000;dominant-baseline:auto;fill:#fff;font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;image-rendering:auto;isolation:auto;mix-blend-mode:normal;paint-order:fill markers stroke;shape-padding:0;shape-rendering:auto;solid-color:#000000;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
<g id="maximize-pressed" transform="translate(-25 -565.36)">
<rect x="77" y="596.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m85 597.12a7.2439 7.2413 0 0 0-7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439-7.2413 7.2439 7.2413 0 0 0-7.2439-7.2413z" style="opacity:.5;stroke-width:.51733;stroke:#000"/>
<path d="m81 600.36v8h8v-8zm1.9942 2h4.0117v4h-4.0117z" style="color-rendering:auto;color:#000000;dominant-baseline:auto;fill:#fff;font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;image-rendering:auto;isolation:auto;mix-blend-mode:normal;paint-order:fill markers stroke;shape-padding:0;shape-rendering:auto;solid-color:#000000;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
<g id="maximize-inactive" transform="translate(-37 -565.36)">
<rect x="110" y="596.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m114 600.36v8h8v-8zm1.9942 2h4.0117v4h-4.0117z" style="color-rendering:auto;color:#000000;dominant-baseline:auto;fill:#fff;font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;image-rendering:auto;isolation:auto;mix-blend-mode:normal;opacity:.5;paint-order:fill markers stroke;shape-padding:0;shape-rendering:auto;solid-color:#000000;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
<g id="hide-active" transform="translate(-.99995 -577.36)">
<rect x="11" y="629.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m15 639.36v2h8v-2" style="color-rendering:auto;color:#000000;dominant-baseline:auto;fill:#fff;font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;image-rendering:auto;isolation:auto;mix-blend-mode:normal;paint-order:fill markers stroke;shape-padding:0;shape-rendering:auto;solid-color:#000000;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
<g id="hide-prelight" transform="translate(-13 -577.36)">
<rect x="44" y="629.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m52 630.12a7.2439 7.2413 0 0 0-7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439-7.2413 7.2439 7.2413 0 0 0-7.2439-7.2413z" style="fill:#fff;opacity:.15;stroke-width:.51733;stroke:#000"/>
<path d="m48 639.36v2h8v-2" style="color-rendering:auto;color:#000000;dominant-baseline:auto;fill:#fff;font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;image-rendering:auto;isolation:auto;mix-blend-mode:normal;paint-order:fill markers stroke;shape-padding:0;shape-rendering:auto;solid-color:#000000;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
<g id="hide-pressed" transform="translate(-25 -577.36)">
<rect x="77" y="629.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m85 630.12a7.2439 7.2413 0 0 0-7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439-7.2413 7.2439 7.2413 0 0 0-7.2439-7.2413z" style="opacity:.5;stroke-width:.51733;stroke:#000"/>
<path d="m81 639.36v2h8v-2" style="color-rendering:auto;color:#000000;dominant-baseline:auto;fill:#fff;font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;image-rendering:auto;isolation:auto;mix-blend-mode:normal;paint-order:fill markers stroke;shape-padding:0;shape-rendering:auto;solid-color:#000000;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
<g id="hide-inactive" transform="translate(-37 -577.36)">
<rect x="110" y="629.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m114 639.36v2h8v-2" style="color-rendering:auto;color:#000000;dominant-baseline:auto;fill:#fff;font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;image-rendering:auto;isolation:auto;mix-blend-mode:normal;opacity:.5;paint-order:fill markers stroke;shape-padding:0;shape-rendering:auto;solid-color:#000000;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
<rect id="menu-active" x="10" y="115.35" width="26" height="16" style="fill:#23252e"/>
<use id="menu-pressed" transform="translate(31 -2.0352e-5)" width="100%" height="100%" style="fill:#ffffff" xlink:href="#menu-active"/>
<use id="menu-inactive" transform="translate(62 -2.0352e-5)" width="100%" height="100%" style="fill:#ffffff" xlink:href="#menu-active"/>
<g id="title-1-active">
<rect id="menu-active" x="10" y="115.35" width="26" height="16" fill="#23252e"/>
<use id="menu-pressed" transform="translate(31 -2.0352e-5)" width="100%" height="100%" fill="#ffffff" xlink:href="#menu-active"/>
<use id="menu-inactive" transform="translate(62 -2.0352e-5)" width="100%" height="100%" fill="#ffffff" xlink:href="#menu-active"/>
<g id="title-1-active" transform="translate(1.4109e-5 5.2093e-5)">
<g id="" transform="matrix(.17857 0 0 1 9.1072 -415.01)">
<rect x="5" y="557.36" width="28" height="28" style="fill:#23252e"/>
<rect x="5" y="557.36" width="28" height="28" fill="#23252e" style="stroke-width:1.01"/>
</g>
<rect x="10" y="142.35" width="5" height="1" style="opacity:.5;paint-order:stroke fill markers"/>
<rect x="10" y="142.35" width="5" height="1" opacity=".5"/>
</g>
<use id="title-2-active" transform="translate(7)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-3-active" transform="translate(14)" width="100%" height="100%" xlink:href="#title-1-active"/>
@@ -79,65 +41,127 @@
<use id="title-3-inactive" transform="translate(49)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-4-inactive" transform="translate(56)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-5-inactive" transform="translate(63)" width="100%" height="100%" xlink:href="#title-1-active"/>
<g id="stick-active" transform="translate(-.99995 -523.36)">
<rect x="11" y="596.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<circle cx="19" cy="604.36" r="4" style="fill:#fff;paint-order:fill markers stroke"/>
<g id="top-left-active" transform="translate(1.4109e-5 5.2093e-5)" clip-path="url(#a)">
<rect x="9.5" y="178.85" width="12" height="35" rx="4" ry="4" fill="#23252e" style="stroke-width:1.01"/>
<rect x="10" y="179.35" width="11" height="34" rx="3.5" ry="3.5" fill="none" opacity=".5" stroke="#000" stroke-linecap="square" style="stroke-width:1.01"/>
</g>
<g id="stick-prelight" transform="translate(-13 -523.36)">
<rect x="44" y="596.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m52 597.12a7.2439 7.2413 0 0 0-7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439-7.2413 7.2439 7.2413 0 0 0-7.2439-7.2413z" style="fill:#fff;opacity:.15;stroke-width:.51733;stroke:#000"/>
<circle cx="52" cy="604.36" r="4" style="fill:#fff;paint-order:fill markers stroke"/>
</g>
<g id="stick-pressed" transform="translate(-25 -523.36)">
<rect x="77" y="596.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m85 597.12a7.2439 7.2413 0 0 0-7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439-7.2413 7.2439 7.2413 0 0 0-7.2439-7.2413z" style="opacity:.5;stroke-width:.51733;stroke:#000"/>
<circle cx="85" cy="604.36" r="4" style="fill:#fff;paint-order:fill markers stroke"/>
</g>
<g id="stick-inactive" transform="translate(-37 -523.36)">
<rect x="110" y="596.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<circle cx="118" cy="604.36" r="4" style="fill:#fff;opacity:.5;paint-order:fill markers stroke"/>
</g>
<g id="shade-active" transform="translate(-.99995 -535.36)">
<rect x="11" y="629.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m23.515 639.36-3.6381-3.6381c-0.48258-0.48259-1.2722-0.48256-1.7547 0l-3.6381 3.6381h9.0308" style="fill-rule:evenodd;fill:#fff;stroke-width:1.5154"/>
</g>
<g id="shade-prelight" transform="translate(-13 -535.36)">
<rect x="44" y="629.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m52 630.12a7.2439 7.2413 0 0 0-7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439-7.2413 7.2439 7.2413 0 0 0-7.2439-7.2413z" style="fill:#fff;opacity:.15;stroke-width:.51733;stroke:#000"/>
<path d="m56.515 639.36-3.6381-3.6381c-0.48258-0.48259-1.2722-0.48256-1.7547 0l-3.6381 3.6381h9.0308" style="fill-rule:evenodd;fill:#fff;stroke-width:1.5154"/>
</g>
<g id="shade-pressed" transform="translate(-25 -535.36)">
<rect x="77" y="629.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m85 630.12a7.2439 7.2413 0 0 0-7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439-7.2413 7.2439 7.2413 0 0 0-7.2439-7.2413z" style="opacity:.5;stroke-width:.51733;stroke:#000"/>
<path d="m89.515 639.36-3.6381-3.6381c-0.48258-0.48259-1.2722-0.48256-1.7547 0l-3.6381 3.6381h9.0308" style="fill-rule:evenodd;fill:#fff;stroke-width:1.5154"/>
</g>
<g id="shade-inactive" transform="translate(-37 -535.36)">
<rect x="110" y="629.36" width="16" height="16" style="fill:#23252e;stroke-width:.57143"/>
<path d="m122.52 639.36-3.6381-3.6381c-0.48258-0.48259-1.2722-0.48256-1.7547 0l-3.6381 3.6381h9.0308" style="fill-rule:evenodd;fill:#fff;opacity:.5;stroke-width:1.5154"/>
</g>
<g id="top-left-active" clip-path="url(#a)">
<rect x="9.5" y="178.85" width="12" height="35" rx="4" ry="4" style="fill:#23252e;paint-order:normal"/>
<rect x="10" y="179.35" width="11" height="34" rx="3.5" ry="3.5" style="fill:none;opacity:.5;paint-order:normal;stroke-linecap:square;stroke:#000"/>
</g>
<rect x="9.5" y="178.85" width="7" height="28" style="fill:none;paint-order:normal"/>
<use id="top-left-inactive" transform="translate(8)" width="100%" height="100%" style="fill:#ffffff" xlink:href="#top-left-active"/>
<use id="top-right-active" transform="matrix(-1,0,0,1,41,0)" width="100%" height="100%" style="fill:#ffffff" xlink:href="#top-left-active"/>
<use id="top-right-inactive" transform="matrix(-1,0,0,1,49,0)" width="100%" height="100%" style="fill:#ffffff" xlink:href="#top-left-active"/>
<rect x="9.5" y="178.85" width="7" height="28" fill="none"/>
<use id="top-left-inactive" transform="translate(8)" width="100%" height="100%" fill="#ffffff" xlink:href="#top-left-active"/>
<use id="top-right-active" transform="matrix(-1 0 0 1 41 0)" width="100%" height="100%" fill="#ffffff" xlink:href="#top-left-active"/>
<use id="top-right-inactive" transform="matrix(-1 0 0 1 49 0)" width="100%" height="100%" fill="#ffffff" xlink:href="#top-left-active"/>
<g id="left-active" transform="translate(25.281 -32.49)">
<rect x="56.719" y="186.84" width="5" height="16" style="fill:#23252e;paint-order:normal"/>
<rect transform="scale(-1,1)" x="-57.719" y="186.84" width="1" height="16" style="opacity:.5"/>
<rect x="56.719" y="186.84" width="5" height="16" fill="#23252e" style="stroke-width:1.01"/>
<rect transform="scale(-1,1)" x="-57.719" y="186.84" width="1" height="16" opacity=".5"/>
</g>
<use id="left-inactive" transform="translate(5.9998)" width="100%" height="100%" xlink:href="#left-active"/>
<use id="right-active" transform="matrix(-1,0,0,1,181,0)" width="100%" height="100%" xlink:href="#left-active"/>
<use id="right-inactive" transform="matrix(-1,0,0,1,187,0)" width="100%" height="100%" xlink:href="#left-active"/>
<use id="right-active" transform="matrix(-1 0 0 1 181 0)" width="100%" height="100%" xlink:href="#left-active"/>
<use id="right-inactive" transform="matrix(-1 0 0 1 187 0)" width="100%" height="100%" xlink:href="#left-active"/>
<use id="bottom-active" transform="rotate(-90 96.001 179.35)" width="100%" height="100%" xlink:href="#left-active"/>
<use id="bottom-inactive" transform="rotate(-90 105 188.35)" width="100%" height="100%" xlink:href="#left-active"/>
<g id="bottom-left-active" transform="translate(-55.408 -19.279)" clip-path="url(#b)">
<path transform="translate(55.408,19.279)" d="m56.002 175.35c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-3h-12c-0.554 0-1-0.446-1-1v-12h-3z" style="fill:#23252e;paint-order:normal"/>
<path transform="translate(55.408,19.279)" d="m56.002 175.35c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-3h-12c-0.554 0-1-0.446-1-1v-12h-3z" style="opacity:.5;paint-order:normal"/>
<path transform="translate(55.408,19.279)" d="m56.002 176.35c-0.554 0-1 0.446-1 1v14c0 0.554 0.446 1 1 1h14c0.554 0 1-0.446 1-1v-3h-11c-0.554 0-1-0.446-1-1v-11h-3z" style="fill:#23252e;paint-order:normal"/>
<path transform="translate(55.408,19.279)" d="m56.002 175.35c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-3h-12c-0.554 0-1-0.446-1-1v-12z" fill="#23252e" style="stroke-width:1.01"/>
<path transform="translate(55.408,19.279)" d="m56.002 175.35c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-3h-12c-0.554 0-1-0.446-1-1v-12z" opacity=".5"/>
<path transform="translate(55.408,19.279)" d="m56.002 176.35c-0.554 0-1 0.446-1 1v14c0 0.554 0.446 1 1 1h14c0.554 0 1-0.446 1-1v-3h-11c-0.554 0-1-0.446-1-1v-11z" fill="#23252e" style="stroke-width:1.01"/>
</g>
<use id="bottom-right-active" transform="rotate(-90 78.999 168.35)" width="100%" height="100%" xlink:href="#bottom-left-active"/>
<use id="bottom-right-inactive" transform="rotate(-90 87.999 177.35)" width="100%" height="100%" xlink:href="#bottom-left-active"/>
<use id="bottom-left-inactive" transform="translate(3e-7 18)" width="100%" height="100%" xlink:href="#bottom-left-active"/>
<g id="close-active" transform="translate(1 -551.36)">
<rect x="9" y="561.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m19 563.36c-4.9637 0-9 4.0363-9 9 0 4.9638 4.0363 9 9 9s9-4.0363 9-9-4.0363-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#2777ff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:#fff;opacity:.05;stroke-width:1.01"/>
<path d="m19 562.36c-4.9637 0-9 4.0363-9 9 0 4.9638 4.0363 9 9 9s9-4.0363 9-9-4.0363-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#2777ff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="stroke-width:1.01"/>
<path d="m15.003 567.36h0.99968c0.01066-1.4e-4 0.02079-4.8e-4 0.0312 0 0.25487 0.0107 0.5097 0.12853 0.68728 0.31249l2.2804 2.2813 2.3118-2.2813c0.26553-0.23051 0.44652-0.3055 0.68727-0.31249h0.99968v1c0 0.28648-0.03426 0.55066-0.24991 0.75002l-2.2804 2.2813 2.2492 2.25c0.18813 0.18818 0.28115 0.45345 0.28115 0.71877v1h-0.99968c-0.2652-1e-5 -0.5304-0.093-0.71851-0.28128l-2.2804-2.2812-2.2804 2.2812c-0.1881 0.18821-0.45332 0.28128-0.71853 0.28128h-0.99968v-1c0-0.2653 0.09303-0.53059 0.28117-0.71877l2.2804-2.25-2.2804-2.2813c-0.21066-0.19464-0.30305-0.46926-0.28117-0.75002v-1z" color="#bebebe" enable-background="new" stroke-width="1.3332"/>
<path d="m19 563.36c-4.4122 0-8 3.5878-8 8 0 4.4123 3.5878 8 8 8s8-3.5878 8-8-3.5878-8-8-8z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#2777ff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:url(#linearGradient1080);stroke-width:.889"/>
</g>
<g id="close-prelight" transform="matrix(1.0573 0 0 1.0573 -13.977 -584.07)">
<rect x="42.51" y="561.9" width="18.917" height="18.917" fill="#23252e" stroke-width=".67561"/>
<path d="m51.998 562.35c-4.959 0-8.9852 4.0264-8.9852 8.9852s4.0261 8.9851 8.9852 8.9851c4.959 0 8.9852-4.0264 8.9852-8.9851s-4.0261-8.9852-8.9852-8.9852z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#2777ff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="stroke-width:.94581;stroke:#0d0e11"/>
<path d="m51.998 562.88c-4.6673 0-8.4566 3.7896-8.4566 8.4566s3.7893 8.4566 8.4566 8.4566c4.6673 0 8.4566-3.7896 8.4566-8.4566s-3.7893-8.4566-8.4566-8.4566z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#fff" image-rendering="auto" opacity=".1" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:#fff;opacity:.10345"/>
<path d="m48.217 567.55h0.9455c0.01008-1.3e-4 0.01966-4.5e-4 0.02951 0 0.24106 0.0101 0.48208 0.12156 0.65003 0.29555l2.1568 2.1577 2.1865-2.1577c0.25114-0.21801 0.42232-0.28894 0.65002-0.29555h0.9455v0.94581c0 0.27095-0.0324 0.52081-0.23637 0.70937l-2.1568 2.1577 2.1273 2.1281c0.17793 0.17798 0.26591 0.42888 0.26591 0.67982v0.94583h-0.9455c-0.25083-1e-5 -0.50165-0.088-0.67957-0.26603l-2.1568-2.1576-2.1568 2.1576c-0.17791 0.17801-0.42875 0.26603-0.67959 0.26603h-0.9455v-0.94583c0-0.25092 0.08799-0.50184 0.26593-0.67982l2.1568-2.1281-2.1568-2.1577c-0.19924-0.18409-0.28663-0.44383-0.26593-0.70937v-0.94581z" color="#bebebe" enable-background="new" fill="#fff" stroke-width="1.2609"/>
</g>
<g id="close-pressed" transform="translate(-23 -551.36)">
<rect x="75" y="561.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m85 562.36c-4.9638 0-9 4.0362-9 9s4.0362 9 9 9 9-4.0362 9-9-4.0362-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#2777ff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="stroke-width:1.01"/>
<path d="m81.003 567.36h0.99962c0.01066-1.2e-4 0.02079-4.7e-4 0.03119 0 0.25486 0.0107 0.50967 0.12853 0.68724 0.31248l2.2803 2.2812 2.3117-2.2812c0.26552-0.23049 0.4465-0.30548 0.68723-0.31248h0.99962v0.99997c0 0.28646-0.03425 0.55063-0.2499 0.74998l-2.2803 2.2812 2.2491 2.2499c0.18812 0.18817 0.28113 0.45344 0.28113 0.71874v0.99998h-0.99962c-0.26519-1e-5 -0.53037-0.0931-0.71847-0.28125l-2.2803-2.2811-2.2803 2.2811c-0.1881 0.18819-0.45329 0.28125-0.71849 0.28125h-0.99962v-0.99998c0-0.26528 0.09303-0.53057 0.28115-0.71874l2.2803-2.2499-2.2803-2.2812c-0.21065-0.19463-0.30304-0.46924-0.28115-0.74998v-0.99997z" color="#bebebe" enable-background="new" opacity=".5" stroke-width="1.3331"/>
</g>
<g id="close-inactive" transform="translate(-35 -551.36)">
<rect x="108" y="561.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m118 562.86c-4.6944 0-8.5 3.8056-8.5 8.5 0 4.6945 3.8056 8.5 8.5 8.5s8.5-3.8056 8.5-8.5-3.8056-8.5-8.5-8.5z" fill="#191a20" stroke="#0e0f12" style="fill:#191a20;stroke-width:1.01;stroke:#0d0e11"/>
</g>
<g id="maximize-active" transform="translate(1 -563.36)">
<rect x="9" y="594.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m19 596.36c-4.9637 0-9 4.0363-9 9 0 4.9638 4.0363 9 9 9s9-4.0363 9-9-4.0363-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#2777ff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:#fff;opacity:.05;stroke-width:1.01"/>
<path d="m19 595.86c-4.6944 0-8.5 3.8056-8.5 8.5 0 4.6945 3.8056 8.5 8.5 8.5s8.5-3.8056 8.5-8.5-3.8056-8.5-8.5-8.5z" fill="url(#radialGradient1090-7)" stroke="#020202" style="fill:#383d4b;stroke:#000"/>
<path d="m19 596.36c-4.4122 0-8 3.5878-8 8 0 4.4123 3.5878 8 8 8s8-3.5878 8-8-3.5878-8-8-8z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#2777ff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:url(#linearGradient1080-6);stroke-width:.889"/>
</g>
<g id="maximize-prelight" transform="translate(-11 -563.36)">
<rect x="42" y="594.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m52 594.86c-5.2404 0-9.5 4.2596-9.5 9.5 0 5.2405 4.2596 9.5 9.5 9.5s9.5-4.2596 9.5-9.5-4.2596-9.5-9.5-9.5z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#383d4b" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="stroke:#0d0e11"/>
<path d="m48 600.36v8h8v-8zm1.9942 2h4.0117v4h-4.0117z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#fff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="stroke-width:1.01"/>
</g>
<g id="maximize-pressed" transform="translate(-23 -563.36)">
<rect x="75" y="594.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m85 595.36c-4.9638 0-9 4.0362-9 9s4.0362 9 9 9 9-4.0362 9-9-4.0362-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="url(#radialGradient1090-4-5-6)" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:#383d4b;stroke-width:1.01"/>
<path d="m81 600.36v8h8v-8zm1.9942 2h4.0117v4h-4.0117z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#fff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="fill:#fff;opacity:.5;stroke-width:1.01"/>
</g>
<g id="maximize-inactive" transform="translate(-35 -563.36)">
<rect x="108" y="594.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m118 595.86c-4.6944 0-8.5 3.8056-8.5 8.5 0 4.6945 3.8056 8.5 8.5 8.5s8.5-3.8056 8.5-8.5-3.8056-8.5-8.5-8.5z" fill="#191a20" stroke="#0e0f12" style="fill:#191a20;stroke-width:1.01;stroke:#0d0e11"/>
</g>
<g id="hide-active" transform="translate(1 -575.36)">
<rect x="9" y="627.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m19 629.36c-4.9637 0-9 4.0363-9 9 0 4.9638 4.0363 9 9 9s9-4.0363 9-9-4.0363-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#2777ff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:#fff;opacity:.05;stroke-width:1.01"/>
<path d="m19 628.86c-4.6944 0-8.5 3.8056-8.5 8.5 0 4.6945 3.8056 8.5 8.5 8.5s8.5-3.8056 8.5-8.5-3.8056-8.5-8.5-8.5z" fill="url(#radialGradient1090-7-3)" stroke="#020202" style="fill:#383d4b;stroke:#000"/>
<path d="m19 629.36c-4.4122 0-8 3.5878-8 8 0 4.4123 3.5878 8 8 8s8-3.5878 8-8-3.5878-8-8-8z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#2777ff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:url(#linearGradient1080-62);stroke-width:.889"/>
</g>
<g id="hide-prelight" transform="translate(-11 -575.36)">
<rect x="42" y="627.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m52 627.86c-5.2404 0-9.5 4.2596-9.5 9.5 0 5.2405 4.2596 9.5 9.5 9.5s9.5-4.2596 9.5-9.5-4.2596-9.5-9.5-9.5z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#383d4b" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="stroke:#0d0e11"/>
<path d="m48 639.36v2h8v-2" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#fff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="stroke-width:1.01"/>
</g>
<g id="hide-pressed" transform="translate(-23 -575.36)">
<rect x="75" y="627.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m85 628.36c-4.9638 0-9 4.0362-9 9s4.0362 9 9 9 9-4.0362 9-9-4.0362-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="url(#radialGradient1090-4-5)" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:#383d4b;stroke-width:1.01"/>
<path d="m81 639.36v2h8v-2" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#fff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="fill:#fff;opacity:.5;stroke-width:1.01"/>
</g>
<g id="hide-inactive" transform="translate(-35 -575.36)">
<rect x="108" y="627.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m118 628.86c-4.6944 0-8.5 3.8056-8.5 8.5 0 4.6945 3.8056 8.5 8.5 8.5s8.5-3.8056 8.5-8.5-3.8056-8.5-8.5-8.5z" fill="#191a20" stroke="#0e0f12" style="fill:#191a20;stroke-width:1.01;stroke:#0d0e11"/>
</g>
<g id="stick-active" transform="translate(1 -521.36)">
<rect x="9" y="594.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<circle cx="19" cy="604.36" r="4" fill="#fff"/>
</g>
<g id="stick-prelight" transform="translate(-11 -521.36)">
<rect x="42" y="594.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m52 594.86c-5.2404 0-9.5 4.2596-9.5 9.5 0 5.2405 4.2596 9.5 9.5 9.5s9.5-4.2596 9.5-9.5-4.2596-9.5-9.5-9.5z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#383d4b" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="stroke:#0d0e11"/>
<circle cx="52" cy="604.36" r="4" fill="#fff" style="stroke-width:1.01"/>
</g>
<g id="stick-pressed" transform="translate(-23 -521.36)">
<rect x="75" y="594.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m85 595.36c-4.9638 0-9 4.0362-9 9s4.0362 9 9 9 9-4.0362 9-9-4.0362-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="url(#radialGradient1090-4-5-6)" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:#383d4b;stroke-width:1.01"/>
<circle cx="85" cy="604.36" r="4" fill="#fff" style="fill:#fff;opacity:.5;stroke-width:1.01"/>
</g>
<g id="stick-inactive" transform="translate(-35 -521.36)">
<rect x="108" y="594.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<circle cx="118" cy="604.36" r="4" fill="#fff" opacity=".5"/>
</g>
<g id="shade-active" transform="translate(1 -533.36)">
<rect x="8.9995" y="627.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m23.515 639.36-3.6381-3.6381c-0.48258-0.48259-1.2722-0.48256-1.7547 0l-3.6381 3.6381h9.0308" fill="#fff" fill-rule="evenodd" stroke-width="1.5154"/>
</g>
<g id="shade-prelight" transform="translate(-11 -533.36)">
<rect x="42" y="627.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m52 627.86c-5.2404 0-9.5 4.2596-9.5 9.5 0 5.2405 4.2596 9.5 9.5 9.5s9.5-4.2596 9.5-9.5-4.2596-9.5-9.5-9.5z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#383d4b" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="stroke:#0d0e11"/>
<path d="m56.515 639.36-3.6381-3.6381c-0.48258-0.48259-1.2722-0.48256-1.7547 0l-3.6381 3.6381h9.0308" fill="#fff" fill-rule="evenodd" stroke-width="1.5154"/>
</g>
<g id="shade-pressed" transform="translate(-23 -533.36)">
<rect x="75" y="627.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m85 628.36c-4.9638 0-9 4.0362-9 9s4.0362 9 9 9 9-4.0362 9-9-4.0362-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="url(#radialGradient1090-4-5)" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:#383d4b;stroke-width:1.01"/>
<path d="m89.515 639.36-3.6381-3.6381c-0.48258-0.48259-1.2722-0.48256-1.7547 0l-3.6381 3.6381h9.0308" fill="#fff" fill-rule="evenodd" stroke-width="1.5154" style="fill:#fff;opacity:.5"/>
</g>
<g id="shade-inactive" transform="translate(-35 -533.36)">
<rect x="108" y="627.36" width="20" height="20" fill="#23252e" stroke-width=".71429"/>
<path d="m122.52 639.36-3.6381-3.6381c-0.48258-0.48259-1.2722-0.48256-1.7547 0l-3.6381 3.6381h9.0308" fill="#fff" fill-rule="evenodd" opacity=".5" stroke-width="1.5154"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 20 KiB

@@ -0,0 +1,166 @@
<svg version="1.1" viewBox="0 0 108 217.35" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<linearGradient id="linearGradient1168">
<stop style="stop-opacity:.05" offset="0"/>
<stop style="stop-opacity:0" offset="1"/>
</linearGradient>
<linearGradient id="linearGradient1086">
<stop stop-color="#fff" offset="0"/>
<stop stop-color="#fff" offset=".6"/>
<stop stop-color="#bababa" offset="1"/>
</linearGradient>
<clipPath id="b">
<rect x="109.41" y="196.63" width="16" height="16" opacity=".3"/>
</clipPath>
<clipPath id="a">
<rect x="9.5" y="178.85" width="5" height="28" fill="#fff" opacity=".539"/>
</clipPath>
<radialGradient id="radialGradient1090-7-9" cx="19" cy="571.7" r="7.5026" gradientTransform="matrix(1.433,-5.4148e-7,5.4109e-7,1.433,-8.2283,-213.91)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1086"/>
<radialGradient id="radialGradient1090-7-93" cx="19" cy="571.7" r="7.5026" gradientTransform="matrix(1.433,-5.4148e-7,5.4109e-7,1.433,-8.2283,-180.9)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1086"/>
<radialGradient id="radialGradient1090-4-5" cx="19" cy="571.7" r="7.5026" gradientTransform="matrix(1.4224,-5.3748e-7,5.371e-7,1.4224,57.973,-174.87)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1086"/>
<radialGradient id="radialGradient1090-4-5-7" cx="19" cy="571.7" r="7.5026" gradientTransform="matrix(1.4224,-5.3748e-7,5.371e-7,1.4224,57.973,-207.87)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1086"/>
<radialGradient id="radialGradient1090-4-5-7-3" cx="19" cy="571.7" r="7.5026" gradientTransform="matrix(1.4224 -5.3748e-7 5.371e-7 1.4224 57.973 -174.87)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1086"/>
<radialGradient id="radialGradient1090-4-5-7-5" cx="19" cy="571.7" r="7.5026" gradientTransform="matrix(1.4224 -5.3748e-7 5.371e-7 1.4224 57.973 -207.87)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1086"/>
<linearGradient id="linearGradient1080" x1="19" x2="19" y1="562.36" y2="581.25" gradientTransform="translate(-1e-7)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1168"/>
<linearGradient id="linearGradient1080-2" x1="19" x2="19" y1="562.36" y2="581.25" gradientTransform="translate(2.7e-7 33)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1168"/>
<linearGradient id="linearGradient1080-7" x1="19" x2="19" y1="562.36" y2="581.25" gradientTransform="translate(-2.9e-7 66)" gradientUnits="userSpaceOnUse" xlink:href="#linearGradient1168"/>
</defs>
<g id="close-active" transform="translate(1.0005 -551.36)">
<rect x="9" y="561.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m19 562.36c-4.9637 0-9 4.0363-9 9 0 4.9638 4.0363 9 9 9s9-4.0363 9-9-4.0363-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#2777ff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000"/>
<path d="m15.003 567.36h0.99968c0.01066-1.4e-4 0.02079-4.8e-4 0.0312 0 0.25487 0.0107 0.5097 0.12852 0.68728 0.31248l2.2804 2.2813 2.3118-2.2813c0.26553-0.2305 0.44652-0.30549 0.68727-0.31248h0.99968v1c0 0.28648-0.03426 0.55065-0.24991 0.75002l-2.2804 2.2813 2.2492 2.25c0.18813 0.18817 0.28115 0.45345 0.28115 0.71877v1h-0.99968c-0.2652-1e-5 -0.5304-0.093-0.71851-0.28127l-2.2804-2.2812-2.2804 2.2812c-0.1881 0.18821-0.45332 0.28127-0.71853 0.28127h-0.99968v-1c0-0.2653 0.09303-0.5306 0.28117-0.71877l2.2804-2.25-2.2804-2.2813c-0.21066-0.19464-0.30305-0.46926-0.28117-0.75002v-1z" color="#bebebe" enable-background="new" fill="#fff" stroke-width="1.3332"/>
<path d="m19 563.36c-4.4122 0-8 3.5878-8 8 0 4.4123 3.5878 8 8 8s8-3.5878 8-8-3.5878-8-8-8z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#2777ff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:url(#linearGradient1080);stroke-width:.889"/>
</g>
<g id="close-prelight" transform="matrix(1.0573 0 0 1.0573 -13.977 -584.07)">
<rect x="42.51" y="561.9" width="18.917" height="18.917" fill="#fff" stroke-width=".67561"/>
<path d="m51.998 562.35c-4.959 0-8.9852 4.0264-8.9852 8.9852 0 4.9587 4.0261 8.9852 8.9852 8.9852s8.9852-4.0264 8.9852-8.9852c0-4.9587-4.0261-8.9852-8.9852-8.9852z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#2777ff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="stroke-width:.94581;stroke:#d9d9d9"/>
<path d="m51.998 562.82c-4.698 0-8.5122 3.8145-8.5122 8.5122s3.8142 8.5122 8.5122 8.5122 8.5122-3.8145 8.5122-8.5122-3.8142-8.5122-8.5122-8.5122z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#fff" image-rendering="auto" opacity=".1" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:#fff"/>
<path d="m48.217 567.55h0.9455c0.01008-1.3e-4 0.01966-4.5e-4 0.02951 0 0.24106 0.0101 0.48208 0.12156 0.65003 0.29555l2.1568 2.1577 2.1865-2.1577c0.25114-0.21801 0.42232-0.28894 0.65002-0.29555h0.9455v0.94581c0 0.27095-0.0324 0.52081-0.23637 0.70937l-2.1568 2.1577 2.1273 2.1281c0.17793 0.17798 0.26591 0.42888 0.26591 0.67982v0.94583h-0.9455c-0.25083-1e-5 -0.50165-0.088-0.67957-0.26603l-2.1568-2.1576-2.1568 2.1576c-0.17791 0.17801-0.42875 0.26603-0.67959 0.26603h-0.9455v-0.94583c0-0.25092 0.08799-0.50184 0.26593-0.67982l2.1568-2.1281-2.1568-2.1577c-0.19924-0.18409-0.28663-0.44383-0.26593-0.70937v-0.94581z" color="#bebebe" enable-background="new" fill="#fff" stroke-width="1.2609" style="fill:#000"/>
</g>
<g id="close-pressed" transform="translate(-23 -551.36)">
<rect x="75" y="561.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m85 562.36c-4.9638 0-9 4.0362-9 9s4.0362 9 9 9 9-4.0362 9-9-4.0362-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#2777ff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000"/>
<path d="m81.003 567.36h0.99962c0.01066-1.2e-4 0.02079-4.7e-4 0.03119 0 0.25486 0.0107 0.50967 0.12853 0.68724 0.31248l2.2803 2.2812 2.3117-2.2812c0.26552-0.23049 0.4465-0.30548 0.68723-0.31248h0.99962v0.99997c0 0.28646-0.03425 0.55063-0.2499 0.74998l-2.2803 2.2812 2.2491 2.2499c0.18812 0.18817 0.28113 0.45344 0.28113 0.71874v0.99998h-0.99962c-0.26519-1e-5 -0.53037-0.0931-0.71847-0.28125l-2.2803-2.2811-2.2803 2.2811c-0.1881 0.18819-0.45329 0.28125-0.71849 0.28125h-0.99962v-0.99998c0-0.26528 0.09303-0.53057 0.28115-0.71874l2.2803-2.2499-2.2803-2.2812c-0.21065-0.19463-0.30304-0.46924-0.28115-0.74998v-0.99997z" color="#bebebe" enable-background="new" opacity=".5" stroke-width="1.3331" style="opacity:.5"/>
</g>
<g id="close-inactive" transform="translate(-35 -551.36)">
<rect x="108" y="561.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m118 562.86c-4.6944 0-8.5 3.8056-8.5 8.5 0 4.6945 3.8056 8.5 8.5 8.5s8.5-3.8056 8.5-8.5-3.8056-8.5-8.5-8.5z" fill="#e6e6e6" stroke="#dadada" style="fill:#e6e6e6;stroke:#d9d9d9"/>
</g>
<g id="maximize-active" transform="translate(1.0005 -563.36)">
<rect x="9" y="594.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m19 595.86c-4.6944 0-8.5 3.8056-8.5 8.5 0 4.6945 3.8056 8.5 8.5 8.5s8.5-3.8056 8.5-8.5-3.8056-8.5-8.5-8.5z" fill="url(#radialGradient1090-7-9)" stroke="#bababa" style="fill:#fff;stroke:#c2c2c2"/>
<path d="m19 596.36c-4.4122 0-8 3.5878-8 8 0 4.4123 3.5878 8 8 8s8-3.5878 8-8c0-4.4122-3.5878-8-8-8z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#2777ff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:url(#linearGradient1080-2);stroke-width:.889"/>
</g>
<g id="maximize-prelight" transform="translate(-11 -563.36)">
<rect x="41.967" y="594.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m52 594.86c-5.2432 0-9.5 4.257-9.5 9.5 0 5.2429 4.2568 9.5 9.5 9.5 5.2432 0 9.5-4.2571 9.5-9.5 0-5.243-4.2568-9.5-9.5-9.5z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#fff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:#fff;stroke:#d9d9d9"/>
<path d="m48 600.36v8h8v-8zm1.9942 2h4.0117v4h-4.0117z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#5c616c" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="fill:#5c616c"/>
</g>
<g id="maximize-pressed" transform="translate(-23 -563.36)">
<rect x="75" y="594.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m85 595.36c-4.9638 0-9 4.0362-9 9s4.0362 9 9 9 9-4.0362 9-9-4.0362-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="url(#radialGradient1090-4-5-7-5)" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:#eee"/>
<path d="m81 600.36v8h8v-8zm1.9942 2h4.0117v4h-4.0117z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#5c616c" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="opacity:.5"/>
</g>
<g id="maximize-inactive" transform="translate(-35 -563.36)">
<rect x="108" y="594.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m118 595.86c-4.6944 0-8.5 3.8056-8.5 8.5 0 4.6945 3.8056 8.5 8.5 8.5s8.5-3.8056 8.5-8.5-3.8056-8.5-8.5-8.5z" fill="#e6e6e6" stroke="#dadada" style="fill:#e6e6e6;stroke:#d9d9d9"/>
</g>
<g id="hide-active" transform="translate(1.0005 -575.36)">
<rect x="9" y="627.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m19 628.86c-4.6944 0-8.5 3.8056-8.5 8.5 0 4.6945 3.8056 8.5 8.5 8.5s8.5-3.8056 8.5-8.5-3.8056-8.5-8.5-8.5z" fill="url(#radialGradient1090-7-93)" stroke="#bababa" style="fill:#fff;stroke:#c2c2c2"/>
<path d="m19 629.36c-4.4122 0-8 3.5878-8 8 0 4.4123 3.5878 8 8 8s8-3.5878 8-8-3.5878-8-8-8z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#2777ff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:url(#linearGradient1080-7);stroke-width:.889"/>
</g>
<g id="hide-prelight" transform="translate(-11 -575.36)">
<rect x="42" y="627.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m52 627.86c-5.2432 0-9.5 4.257-9.5 9.5 0 5.2429 4.2568 9.5 9.5 9.5 5.2432 0 9.5-4.2571 9.5-9.5 0-5.243-4.2568-9.5-9.5-9.5z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#fff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:#fff;stroke:#d9d9d9"/>
<path d="m48 639.36v2h8v-2" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#5c616c" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="fill:#5c616c"/>
</g>
<g id="hide-pressed" transform="translate(-23 -575.36)">
<rect x="75" y="627.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m85 628.36c-4.9638 0-9 4.0362-9 9s4.0362 9 9 9 9-4.0362 9-9-4.0362-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="url(#radialGradient1090-4-5-7-3)" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:#eee"/>
<path d="m81 639.36v2h8v-2" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#5c616c" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="opacity:.5"/>
</g>
<g id="hide-inactive" transform="translate(-35 -575.36)">
<rect x="108" y="627.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m118 628.86c-4.6944 0-8.5 3.8056-8.5 8.5 0 4.6945 3.8056 8.5 8.5 8.5s8.5-3.8056 8.5-8.5-3.8056-8.5-8.5-8.5z" fill="#e6e6e6" stroke="#dadada" style="fill:#e6e6e6;stroke:#d9d9d9"/>
</g>
<rect id="menu-active" x="10" y="115.35" width="26" height="16" fill="#fff"/>
<use id="menu-pressed" transform="translate(31 -2.0352e-5)" width="100%" height="100%" fill="#ffffff" xlink:href="#menu-active"/>
<use id="menu-inactive" transform="translate(62 -2.0352e-5)" width="100%" height="100%" fill="#ffffff" xlink:href="#menu-active"/>
<g id="title-1-active">
<g id="" transform="matrix(.17857 0 0 1 9.1072 -415.01)">
<rect x="5" y="557.36" width="28" height="28" fill="#fff"/>
</g>
<rect x="10" y="142.35" width="5" height="1" opacity=".4"/>
</g>
<use id="title-2-active" transform="translate(7)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-3-active" transform="translate(14)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-4-active" transform="translate(21)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-5-active" transform="translate(28)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-1-inactive" transform="translate(35)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-2-inactive" transform="translate(42)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-3-inactive" transform="translate(49)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-4-inactive" transform="translate(56)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-5-inactive" transform="translate(63)" width="100%" height="100%" xlink:href="#title-1-active"/>
<g id="stick-active" transform="translate(1.0005 -521.36)">
<rect x="9" y="594.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<circle cx="19" cy="604.36" r="4" fill="#5c616c"/>
</g>
<g id="stick-prelight" transform="translate(-11 -521.36)">
<rect x="42" y="594.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m52.033 595.36c-4.9672 0-9 4.033-9 9s4.0328 9 9 9 9-4.033 9-9-4.0328-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#fff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000"/>
<circle cx="52" cy="604.36" r="4" fill="#5c616c" style="fill:#5c616c"/>
</g>
<g id="stick-pressed" transform="translate(-23 -521.36)">
<rect x="75" y="594.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m85 595.36c-4.9638 0-9 4.0362-9 9s4.0362 9 9 9 9-4.0362 9-9-4.0362-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="url(#radialGradient1090-4-5-7)" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:#eee"/>
<circle cx="85" cy="604.36" r="4" fill="#5c616c" style="opacity:.5"/>
</g>
<g id="stick-inactive" transform="translate(-35 -521.36)">
<rect x="108" y="594.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<circle cx="118" cy="604.36" r="4" fill="#5c616c" opacity=".5"/>
</g>
<g id="shade-active" transform="translate(1.0005 -533.36)">
<rect x="8.9995" y="627.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m23.515 639.36-3.6381-3.6381c-0.48258-0.48259-1.2722-0.48256-1.7547 0l-3.6381 3.6381h9.0308" fill="#5c616c" fill-rule="evenodd" stroke-width="1.5154"/>
</g>
<g id="shade-prelight" transform="translate(-11 -533.36)">
<rect x="42" y="627.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m52.033 628.36c-4.9672 0-9 4.033-9 9s4.0328 9 9 9 9-4.033 9-9-4.0328-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="#fff" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000"/>
<path d="m56.515 639.36-3.6381-3.6381c-0.48258-0.48259-1.2722-0.48256-1.7547 0l-3.6381 3.6381h9.0308" fill="#5c616c" fill-rule="evenodd" stroke-width="1.5154" style="fill:#5c616c"/>
</g>
<g id="shade-pressed" transform="translate(-23 -533.36)">
<rect x="75" y="627.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m85 628.36c-4.9638 0-9 4.0362-9 9s4.0362 9 9 9 9-4.0362 9-9-4.0362-9-9-9z" color="#000000" color-rendering="auto" dominant-baseline="auto" fill="url(#radialGradient1090-4-5)" image-rendering="auto" shape-rendering="auto" solid-color="#000000" stop-color="#000000" style="fill:#eee"/>
<path d="m89.515 639.36-3.6381-3.6381c-0.48258-0.48259-1.2722-0.48256-1.7547 0l-3.6381 3.6381h9.0308" fill="#5c616c" fill-rule="evenodd" stroke-width="1.5154" style="opacity:.5"/>
</g>
<g id="shade-inactive" transform="translate(-35 -533.36)">
<rect x="108" y="627.36" width="20" height="20" fill="#fff" stroke-width=".71429"/>
<path d="m122.52 639.36-3.6381-3.6381c-0.48258-0.48259-1.2722-0.48256-1.7547 0l-3.6381 3.6381h9.0308" fill="#5c616c" fill-rule="evenodd" opacity=".5" stroke-width="1.5154"/>
</g>
<g id="top-left-active" clip-path="url(#a)">
<rect x="9.5" y="178.85" width="12" height="35" rx="4" ry="4" fill="#fff"/>
<rect x="10" y="179.35" width="11" height="34" rx="3.5" ry="3.5" fill="none" opacity=".4" stroke="#000" stroke-linecap="square"/>
</g>
<rect x="9.5" y="178.85" width="7" height="28" fill="none"/>
<use id="top-left-inactive" transform="translate(8)" width="100%" height="100%" fill="#ffffff" xlink:href="#top-left-active"/>
<use id="top-right-active" transform="matrix(-1,0,0,1,41,0)" width="100%" height="100%" fill="#ffffff" xlink:href="#top-left-active"/>
<use id="top-right-inactive" transform="matrix(-1,0,0,1,49,0)" width="100%" height="100%" fill="#ffffff" xlink:href="#top-left-active"/>
<g id="left-active" transform="translate(25.281 -32.49)">
<rect x="56.719" y="186.84" width="5" height="16" fill="#fff"/>
<rect transform="scale(-1,1)" x="-57.719" y="186.84" width="1" height="16" opacity=".4"/>
</g>
<use id="left-inactive" transform="translate(5.9998)" width="100%" height="100%" xlink:href="#left-active"/>
<use id="right-active" transform="matrix(-1,0,0,1,181,0)" width="100%" height="100%" xlink:href="#left-active"/>
<use id="right-inactive" transform="matrix(-1,0,0,1,187,0)" width="100%" height="100%" xlink:href="#left-active"/>
<use id="bottom-active" transform="rotate(-90 96.001 179.35)" width="100%" height="100%" xlink:href="#left-active"/>
<use id="bottom-inactive" transform="rotate(-90 105 188.35)" width="100%" height="100%" xlink:href="#left-active"/>
<g id="bottom-left-active" transform="translate(-55.408 -19.279)" clip-path="url(#b)">
<path transform="translate(55.408,19.279)" d="m56.002 175.35c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-3h-12c-0.554 0-1-0.446-1-1v-12h-3z" fill="#fff"/>
<path transform="translate(55.408,19.279)" d="m56.002 175.35c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-3h-12c-0.554 0-1-0.446-1-1v-12h-3z" opacity=".4"/>
<path transform="translate(55.408,19.279)" d="m56.002 176.35c-0.554 0-1 0.446-1 1v14c0 0.554 0.446 1 1 1h14c0.554 0 1-0.446 1-1v-3h-11c-0.554 0-1-0.446-1-1v-11h-3z" fill="#fff"/>
</g>
<use id="bottom-right-active" transform="rotate(-90 78.999 168.35)" width="100%" height="100%" xlink:href="#bottom-left-active"/>
<use id="bottom-right-inactive" transform="rotate(-90 87.999 177.35)" width="100%" height="100%" xlink:href="#bottom-left-active"/>
<use id="bottom-left-inactive" transform="translate(3e-7 18)" width="100%" height="100%" xlink:href="#bottom-left-active"/>
</svg>

After

Width:  |  Height:  |  Size: 19 KiB

@@ -1,143 +0,0 @@
<svg version="1.1" viewBox="0 0 108 217.35" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<clipPath id="b">
<rect x="109.41" y="196.63" width="16" height="16" style="opacity:.3;paint-order:normal"/>
</clipPath>
<clipPath id="a">
<rect x="9.5" y="178.85" width="5" height="28" style="fill:#fff;opacity:.539;paint-order:normal"/>
</clipPath>
</defs>
<g id="close-active" transform="translate(-.99995 -553.36)">
<rect x="11" y="563.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m15.003 567.36h0.99962c0.01066-1.2e-4 0.02079-4.7e-4 0.03119 0 0.25486 0.0107 0.50967 0.12853 0.68724 0.31248l2.2803 2.2812 2.3117-2.2812c0.26552-0.23049 0.4465-0.30548 0.68723-0.31248h0.99962v0.99997c0 0.28646-0.03425 0.55063-0.2499 0.74998l-2.2803 2.2812 2.2491 2.2499c0.18812 0.18817 0.28113 0.45344 0.28113 0.71874v0.99998h-0.99962c-0.26519-1e-5 -0.53037-0.0931-0.71847-0.28125l-2.2803-2.2811-2.2803 2.2811c-0.1881 0.18819-0.45329 0.28125-0.71849 0.28125h-0.99962v-0.99998c0-0.26528 0.09303-0.53057 0.28115-0.71874l2.2803-2.2499-2.2803-2.2812c-0.21065-0.19463-0.30304-0.46924-0.28115-0.74998v-0.99997z" style="color:#bebebe;enable-background:new;fill:#5c616c;stroke-width:1.3331;text-decoration-line:none;text-indent:0;text-transform:none"/>
</g>
<g id="close-prelight" transform="translate(-13 -553.36)">
<rect x="44" y="563.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m52 564.12c-4.0007 0-7.2439 3.242-7.2439 7.2413s3.2432 7.2413 7.2439 7.2413 7.2439-3.242 7.2439-7.2413-3.2432-7.2413-7.2439-7.2413z" style="fill:#fff;opacity:.7;stroke-width:.51733;stroke:#5c616c"/>
<path d="m48.003 567.36h0.99962c0.01066-1.2e-4 0.02079-4.7e-4 0.03119 0 0.25486 0.0107 0.50967 0.12853 0.68724 0.31248l2.2803 2.2812 2.3117-2.2812c0.26552-0.23049 0.4465-0.30548 0.68723-0.31248h0.99962v0.99997c0 0.28646-0.03425 0.55063-0.2499 0.74998l-2.2803 2.2812 2.2491 2.2499c0.18812 0.18817 0.28113 0.45344 0.28113 0.71874v0.99998h-0.99962c-0.26519-1e-5 -0.53037-0.0931-0.71847-0.28125l-2.2803-2.2811-2.2803 2.2811c-0.1881 0.18819-0.45329 0.28125-0.71849 0.28125h-0.99962v-0.99998c0-0.26528 0.09303-0.53057 0.28115-0.71874l2.2803-2.2499-2.2803-2.2812c-0.21065-0.19463-0.30304-0.46924-0.28115-0.74998v-0.99997z" style="color:#bebebe;enable-background:new;fill:#5c616c;stroke-width:1.3331;text-decoration-line:none;text-indent:0;text-transform:none"/>
</g>
<g id="close-pressed" transform="translate(-25 -553.36)">
<rect x="77" y="563.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m85 564.12c-4.0007 0-7.2439 3.242-7.2439 7.2413s3.2432 7.2413 7.2439 7.2413 7.2439-3.242 7.2439-7.2413-3.2432-7.2413-7.2439-7.2413z" style="opacity:.08;stroke-width:.51733;stroke:#000"/>
<path d="m81.003 567.36h0.99962c0.01066-1.2e-4 0.02079-4.7e-4 0.03119 0 0.25486 0.0107 0.50967 0.12853 0.68724 0.31248l2.2803 2.2812 2.3117-2.2812c0.26552-0.23049 0.4465-0.30548 0.68723-0.31248h0.99962v0.99997c0 0.28646-0.03425 0.55063-0.2499 0.74998l-2.2803 2.2812 2.2491 2.2499c0.18812 0.18817 0.28113 0.45344 0.28113 0.71874v0.99998h-0.99962c-0.26519-1e-5 -0.53037-0.0931-0.71847-0.28125l-2.2803-2.2811-2.2803 2.2811c-0.1881 0.18819-0.45329 0.28125-0.71849 0.28125h-0.99962v-0.99998c0-0.26528 0.09303-0.53057 0.28115-0.71874l2.2803-2.2499-2.2803-2.2812c-0.21065-0.19463-0.30304-0.46924-0.28115-0.74998v-0.99997z" style="color:#bebebe;enable-background:new;fill:#5c616c;stroke-width:1.3331;text-decoration-line:none;text-indent:0;text-transform:none"/>
</g>
<g id="close-inactive" transform="translate(-37 -553.36)">
<rect x="110" y="563.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m114 567.36h0.99962c0.0107-1.2e-4 0.0208-4.7e-4 0.0312 0 0.25486 0.0107 0.50967 0.12853 0.68724 0.31248l2.2803 2.2812 2.3116-2.2812c0.26553-0.23049 0.4465-0.30548 0.68723-0.31248h0.99962v0.99997c0 0.28646-0.0343 0.55063-0.2499 0.74998l-2.2803 2.2812 2.2491 2.2499c0.18811 0.18817 0.28113 0.45344 0.28113 0.71874v0.99998h-0.99962c-0.26519-1e-5 -0.53037-0.0931-0.71847-0.28125l-2.2803-2.2811-2.2803 2.2811c-0.1881 0.18819-0.45329 0.28125-0.71849 0.28125h-0.99962v-0.99998c0-0.26528 0.093-0.53057 0.28115-0.71874l2.2803-2.2499-2.2803-2.2812c-0.21065-0.19463-0.30304-0.46924-0.28115-0.74998v-0.99997z" style="color:#bebebe;enable-background:new;fill:#5c616c;opacity:.5;stroke-width:1.3331;text-decoration-line:none;text-indent:0;text-transform:none"/>
</g>
<g id="maximize-active" transform="translate(-.99995 -565.36)">
<rect x="11" y="596.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m15 600.36v8h8v-8zm1.9942 2h4.0117v4h-4.0117z" style="color-rendering:auto;color:#000000;dominant-baseline:auto;fill:#5c616c;font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;image-rendering:auto;isolation:auto;mix-blend-mode:normal;paint-order:fill markers stroke;shape-padding:0;shape-rendering:auto;solid-color:#000000;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
<g id="maximize-prelight" transform="translate(-13 -565.36)">
<rect x="44" y="596.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m52 597.12a7.2439 7.2413 0 0 0-7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439-7.2413 7.2439 7.2413 0 0 0-7.2439-7.2413z" style="fill:none;opacity:.7;stroke-width:.51733;stroke:#5c616c"/>
<path d="m48 600.36v8h8v-8zm1.9942 2h4.0117v4h-4.0117z" style="color-rendering:auto;color:#000000;dominant-baseline:auto;fill:#5c616c;font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;image-rendering:auto;isolation:auto;mix-blend-mode:normal;paint-order:fill markers stroke;shape-padding:0;shape-rendering:auto;solid-color:#000000;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
<g id="maximize-pressed" transform="translate(-25 -565.36)">
<rect x="77" y="596.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m85 597.12a7.2439 7.2413 0 0 0-7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439-7.2413 7.2439 7.2413 0 0 0-7.2439-7.2413z" style="opacity:.08;stroke-width:.51733;stroke:#000"/>
<path d="m81 600.36v8h8v-8zm1.9942 2h4.0117v4h-4.0117z" style="color-rendering:auto;color:#000000;dominant-baseline:auto;fill:#5c616c;font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;image-rendering:auto;isolation:auto;mix-blend-mode:normal;paint-order:fill markers stroke;shape-padding:0;shape-rendering:auto;solid-color:#000000;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
<g id="maximize-inactive" transform="translate(-37 -565.36)">
<rect x="110" y="596.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m114 600.36v8h8v-8zm1.9942 2h4.0117v4h-4.0117z" style="color-rendering:auto;color:#000000;dominant-baseline:auto;fill:#5c616c;font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;image-rendering:auto;isolation:auto;mix-blend-mode:normal;opacity:.5;paint-order:fill markers stroke;shape-padding:0;shape-rendering:auto;solid-color:#000000;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
<g id="hide-active" transform="translate(-.99995 -577.36)">
<rect x="11" y="629.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m15 639.36v2h8v-2" style="color-rendering:auto;color:#000000;dominant-baseline:auto;fill:#5c616c;font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;image-rendering:auto;isolation:auto;mix-blend-mode:normal;paint-order:fill markers stroke;shape-padding:0;shape-rendering:auto;solid-color:#000000;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
<g id="hide-prelight" transform="translate(-13 -577.36)">
<rect x="44" y="629.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m52 630.12a7.2439 7.2413 0 0 0-7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439-7.2413 7.2439 7.2413 0 0 0-7.2439-7.2413z" style="fill:none;opacity:.7;stroke-width:.51733;stroke:#5c616c"/>
<path d="m48 639.36v2h8v-2" style="color-rendering:auto;color:#000000;dominant-baseline:auto;fill:#5c616c;font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;image-rendering:auto;isolation:auto;mix-blend-mode:normal;paint-order:fill markers stroke;shape-padding:0;shape-rendering:auto;solid-color:#000000;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
<g id="hide-pressed" transform="translate(-25 -577.36)">
<rect x="77" y="629.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m85 630.12a7.2439 7.2413 0 0 0-7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439-7.2413 7.2439 7.2413 0 0 0-7.2439-7.2413z" style="opacity:.08;stroke-width:.51733;stroke:#000"/>
<path d="m81 639.36v2h8v-2" style="color-rendering:auto;color:#000000;dominant-baseline:auto;fill:#5c616c;font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;image-rendering:auto;isolation:auto;mix-blend-mode:normal;paint-order:fill markers stroke;shape-padding:0;shape-rendering:auto;solid-color:#000000;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
<g id="hide-inactive" transform="translate(-37 -577.36)">
<rect x="110" y="629.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m114 639.36v2h8v-2" style="color-rendering:auto;color:#000000;dominant-baseline:auto;fill:#5c616c;font-feature-settings:normal;font-variant-alternates:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-position:normal;image-rendering:auto;isolation:auto;mix-blend-mode:normal;opacity:.5;paint-order:fill markers stroke;shape-padding:0;shape-rendering:auto;solid-color:#000000;text-decoration-color:#000000;text-decoration-line:none;text-decoration-style:solid;text-indent:0;text-orientation:mixed;text-transform:none;white-space:normal"/>
</g>
<rect id="menu-active" x="10" y="115.35" width="26" height="16" style="fill:#fff"/>
<use id="menu-pressed" transform="translate(31 -2.0352e-5)" width="100%" height="100%" style="fill:#ffffff" xlink:href="#menu-active"/>
<use id="menu-inactive" transform="translate(62 -2.0352e-5)" width="100%" height="100%" style="fill:#ffffff" xlink:href="#menu-active"/>
<g id="title-1-active">
<g id="" transform="matrix(.17857 0 0 1 9.1072 -415.01)">
<rect x="5" y="557.36" width="28" height="28" style="fill:#fff"/>
</g>
<rect x="10" y="142.35" width="5" height="1" style="opacity:.4;paint-order:stroke fill markers"/>
</g>
<use id="title-2-active" transform="translate(7)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-3-active" transform="translate(14)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-4-active" transform="translate(21)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-5-active" transform="translate(28)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-1-inactive" transform="translate(35)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-2-inactive" transform="translate(42)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-3-inactive" transform="translate(49)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-4-inactive" transform="translate(56)" width="100%" height="100%" xlink:href="#title-1-active"/>
<use id="title-5-inactive" transform="translate(63)" width="100%" height="100%" xlink:href="#title-1-active"/>
<g id="stick-active" transform="translate(-.99995 -523.36)">
<rect x="11" y="596.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<circle cx="19" cy="604.36" r="4" style="fill:#5c616c;paint-order:fill markers stroke"/>
</g>
<g id="stick-prelight" transform="translate(-13 -523.36)">
<rect x="44" y="596.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m52 597.12a7.2439 7.2413 0 0 0-7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439-7.2413 7.2439 7.2413 0 0 0-7.2439-7.2413z" style="fill:none;opacity:.7;stroke-width:.51733;stroke:#5c616c"/>
<circle cx="52" cy="604.36" r="4" style="fill:#5c616c;paint-order:fill markers stroke"/>
</g>
<g id="stick-pressed" transform="translate(-25 -523.36)">
<rect x="77" y="596.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m85 597.12a7.2439 7.2413 0 0 0-7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439-7.2413 7.2439 7.2413 0 0 0-7.2439-7.2413z" style="opacity:.08;stroke-width:.51733;stroke:#000"/>
<circle cx="85" cy="604.36" r="4" style="fill:#5c616c;paint-order:fill markers stroke"/>
</g>
<g id="stick-inactive" transform="translate(-37 -523.36)">
<rect x="110" y="596.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<circle cx="118" cy="604.36" r="4" style="fill:#5c616c;opacity:.5;paint-order:fill markers stroke"/>
</g>
<g id="shade-active" transform="translate(-.99995 -535.36)">
<rect x="11" y="629.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m23.515 639.36-3.6381-3.6381c-0.48258-0.48259-1.2722-0.48256-1.7547 0l-3.6381 3.6381h9.0308" style="fill-rule:evenodd;fill:#5c616c;stroke-width:1.5154"/>
</g>
<g id="shade-prelight" transform="translate(-13 -535.36)">
<rect x="44" y="629.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m52 630.12a7.2439 7.2413 0 0 0-7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439-7.2413 7.2439 7.2413 0 0 0-7.2439-7.2413z" style="fill:none;opacity:.7;stroke-width:.51733;stroke:#5c616c"/>
<path d="m56.515 639.36-3.6381-3.6381c-0.48258-0.48259-1.2722-0.48256-1.7547 0l-3.6381 3.6381h9.0308" style="fill-rule:evenodd;fill:#5c616c;stroke-width:1.5154"/>
</g>
<g id="shade-pressed" transform="translate(-25 -535.36)">
<rect x="77" y="629.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m85 630.12a7.2439 7.2413 0 0 0-7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439 7.2413 7.2439 7.2413 0 0 0 7.2439-7.2413 7.2439 7.2413 0 0 0-7.2439-7.2413z" style="opacity:.08;stroke-width:.51733;stroke:#000"/>
<path d="m89.515 639.36-3.6381-3.6381c-0.48258-0.48259-1.2722-0.48256-1.7547 0l-3.6381 3.6381h9.0308" style="fill-rule:evenodd;fill:#5c616c;stroke-width:1.5154"/>
</g>
<g id="shade-inactive" transform="translate(-37 -535.36)">
<rect x="110" y="629.36" width="16" height="16" style="fill:#fff;stroke-width:.57143"/>
<path d="m122.52 639.36-3.6381-3.6381c-0.48258-0.48259-1.2722-0.48256-1.7547 0l-3.6381 3.6381h9.0308" style="fill-rule:evenodd;fill:#5c616c;opacity:.5;stroke-width:1.5154"/>
</g>
<g id="top-left-active" clip-path="url(#a)">
<rect x="9.5" y="178.85" width="12" height="35" rx="4" ry="4" style="fill:#fff;paint-order:normal"/>
<rect x="10" y="179.35" width="11" height="34" rx="3.5" ry="3.5" style="fill:none;opacity:.4;paint-order:normal;stroke-linecap:square;stroke:#000"/>
</g>
<rect x="9.5" y="178.85" width="7" height="28" style="fill:none;paint-order:normal"/>
<use id="top-left-inactive" transform="translate(8)" width="100%" height="100%" style="fill:#ffffff" xlink:href="#top-left-active"/>
<use id="top-right-active" transform="matrix(-1,0,0,1,41,0)" width="100%" height="100%" style="fill:#ffffff" xlink:href="#top-left-active"/>
<use id="top-right-inactive" transform="matrix(-1,0,0,1,49,0)" width="100%" height="100%" style="fill:#ffffff" xlink:href="#top-left-active"/>
<g id="left-active" transform="translate(25.281 -32.49)">
<rect x="56.719" y="186.84" width="5" height="16" style="fill:#fff;paint-order:normal"/>
<rect transform="scale(-1,1)" x="-57.719" y="186.84" width="1" height="16" style="opacity:.4"/>
</g>
<use id="left-inactive" transform="translate(5.9998)" width="100%" height="100%" xlink:href="#left-active"/>
<use id="right-active" transform="matrix(-1,0,0,1,181,0)" width="100%" height="100%" xlink:href="#left-active"/>
<use id="right-inactive" transform="matrix(-1,0,0,1,187,0)" width="100%" height="100%" xlink:href="#left-active"/>
<use id="bottom-active" transform="rotate(-90 96.001 179.35)" width="100%" height="100%" xlink:href="#left-active"/>
<use id="bottom-inactive" transform="rotate(-90 105 188.35)" width="100%" height="100%" xlink:href="#left-active"/>
<g id="bottom-left-active" transform="translate(-55.408 -19.279)" clip-path="url(#b)">
<path transform="translate(55.408,19.279)" d="m56.002 175.35c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-3h-12c-0.554 0-1-0.446-1-1v-12h-3z" style="fill:#fff;paint-order:normal"/>
<path transform="translate(55.408,19.279)" d="m56.002 175.35c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-3h-12c-0.554 0-1-0.446-1-1v-12h-3z" style="opacity:.4;paint-order:normal"/>
<path transform="translate(55.408,19.279)" d="m56.002 176.35c-0.554 0-1 0.446-1 1v14c0 0.554 0.446 1 1 1h14c0.554 0 1-0.446 1-1v-3h-11c-0.554 0-1-0.446-1-1v-11h-3z" style="fill:#fff;paint-order:normal"/>
</g>
<use id="bottom-right-active" transform="rotate(-90 78.999 168.35)" width="100%" height="100%" xlink:href="#bottom-left-active"/>
<use id="bottom-right-inactive" transform="rotate(-90 87.999 177.35)" width="100%" height="100%" xlink:href="#bottom-left-active"/>
<use id="bottom-left-inactive" transform="translate(3e-7 18)" width="100%" height="100%" xlink:href="#bottom-left-active"/>
</svg>

Before

Width:  |  Height:  |  Size: 19 KiB